/* Öffentliche Movecia-Seiten: ruhig, viel Raum, feine große Schrift, weich verschwommene Bilder (Vorbild Mindful Body) */
:root{--mauve:#7E6472;--mauve-d:#5C4552}
.site-top{position:sticky;top:0;z-index:30;background:rgba(242,236,228,.9);backdrop-filter:blur(10px)}
.site-top .top{padding-top:16px;padding-bottom:16px}
.top-r{display:flex;align-items:center;gap:.5rem;margin-left:auto}
@media(max-width:899px){.site-top .lang{display:none}}
h1,h2{font-weight:400}
.hero-x{padding-top:clamp(2rem,6vw,5rem);padding-bottom:clamp(1.6rem,4vw,3rem)}
.hero-x .k{margin-bottom:1rem}
.hero-x h1{font-size:clamp(3.2rem,9.5vw,8.4rem);line-height:.95;letter-spacing:-.02em}
.hero-x h1 em{font-weight:400}
.hero-x .sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,3.4vw,2.6rem);color:var(--plum);margin-top:.6rem}
.hero-x .lead{max-width:38em;margin-top:1.4rem;font-size:1.08em;color:var(--muted)}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
/* künstlerische, leicht verschwommene Bilder */
.art{position:relative;overflow:hidden;border-radius:var(--r);background:var(--peach)}
.art img,.art video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s ease}
.art:hover img,.art:hover video{transform:scale(1.08)}
.art::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 20%,rgba(242,236,228,0) 40%,rgba(138,115,120,.18));pointer-events:none}
.art.wide{aspect-ratio:21/9}@media(max-width:700px){.art.wide{aspect-ratio:4/3}}
.art.tall{aspect-ratio:4/5}.art.arch{border-radius:260px 260px var(--r) var(--r)}
/* gemalter Platzhalter, bis die Everygen-Bilder da sind */
.art.paint{background:radial-gradient(60% 70% at 25% 35%,#E6DBCF 0,transparent 70%),radial-gradient(55% 60% at 75% 60%,#C9AFB5 0,transparent 70%),radial-gradient(40% 50% at 55% 20%,#F5ECE3 0,transparent 70%),linear-gradient(160deg,#E4DCD1,#D8CFC4)}
.art.paint::before{content:"";position:absolute;inset:-10%;background:radial-gradient(30% 40% at 50% 55%,rgba(74,58,65,.35),transparent 70%);filter:blur(30px);animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(6%,-4%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.art.paint::before{animation:none}}
.band{background:var(--mauve);color:var(--on);text-align:center;padding:clamp(3.4rem,9vw,7rem) 0;margin-top:clamp(3rem,7vw,6rem)}
.band .k{color:#F3E4DA}
.band blockquote{margin:1.2rem auto 0;max-width:22em;font-family:var(--serif);font-style:italic;font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.18}
.band p.after{max-width:38em;margin:1.6rem auto 0;color:#EFE3E5}
.sec{padding-top:clamp(3.2rem,7vw,6rem)}
.sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}
.sec-h p{max-width:34em;color:var(--muted)}
.offers{display:grid;gap:26px;position:relative}
@media(min-width:760px){.offers{grid-template-columns:repeat(2,1fr);gap:22px}}
@media(min-width:1240px){.offers{grid-template-columns:repeat(4,1fr)}}
/* Jedes Angebot als eigener Farbblock mit Welle (Vivien, 26.10.2026: am Handy klar erkennen, welches Bild zu welchem Angebot gehört) */
.offer{--ob:#F3E6DD;--oi:var(--plum);--ot:var(--ink);--om:var(--muted);position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ot);background:var(--ob);border-radius:32px;padding:12px 12px 1.6rem;isolation:isolate;overflow:hidden;transition:transform .5s ease,box-shadow .5s ease}
.offer:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(74,58,65,.45)}
.offer::after{content:"";position:absolute;right:-60px;bottom:-70px;width:220px;height:220px;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;background:var(--oi);opacity:.07;z-index:-1;animation:mvblob 18s ease-in-out infinite alternate}
@keyframes mvblob{to{border-radius:58% 42% 38% 62%/44% 60% 40% 56%;transform:rotate(25deg) scale(1.08)}}
.o-method{--ob:#F1E4DA}
.o-unfold{--ob:#E4DCD1}
.o-natal{--ob:#EFE3E0;--oi:#9A6F7A}
.o-gather{--ob:#2E1D27;--oi:#E6DBCF;--ot:#F7F1EE;--om:#D9C9CE}
.offer .art{aspect-ratio:4/5;border-radius:24px 24px 0 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cpath d='M0 0h400v468c-40 22-90 30-140 16S140 446 90 458 20 482 0 476z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cpath d='M0 0h400v468c-40 22-90 30-140 16S140 446 90 458 20 482 0 476z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.offer .art::after{display:none}
.onum{position:absolute;z-index:2;top:26px;left:26px;font-family:var(--serif);font-size:1.05rem;letter-spacing:.12em;background:rgba(251,248,244,.86);color:var(--deep);border-radius:999px;padding:.15em .8em;backdrop-filter:blur(4px)}
.offer .ico{position:relative;z-index:2;width:72px;height:72px;margin:-44px 0 0 16px;border-radius:50%;background:var(--ob);color:var(--oi);display:grid;place-items:center;box-shadow:0 0 0 6px var(--ob)}
.offer .tx{padding:.6rem 1rem 0}
.offer .k{color:var(--oi)}
.offer h3{font-size:clamp(1.8rem,2.4vw,2.2rem);font-weight:400;color:var(--ot)}
.offer p{color:var(--om);margin-top:.4rem;font-size:.97em}
.offer .k,.offer .more{color:var(--oi)}
.offer .meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
.o-gather .chip{background:rgba(251,245,247,.1);color:#F7F1EE;border-color:rgba(251,245,247,.25)}
.offer .more{margin-top:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.4em}
.offer:hover .more{text-decoration:underline}
/* Icons, die sich sanft abwechseln */
.ico-swap{position:relative;display:inline-grid}
.ico-swap i{grid-area:1/1;display:grid;place-items:center;opacity:0;animation:icoswap calc(var(--n)*3.2s) ease-in-out infinite;animation-delay:calc(var(--i)*3.2s + var(--d,0s))}
.ico-swap i:first-child{opacity:1}
.ico-swap svg{width:42px;height:42px}
@keyframes icoswap{0%{opacity:0;transform:scale(.85) rotate(-8deg)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:scale(1.08) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.ico-swap i{animation:none;opacity:0}.ico-swap i:first-child{opacity:1}.offer::after{animation:none}}
.step-ico{position:relative;width:74px!important;height:74px!important}
.step-ico .si svg{width:34px;height:34px}
.step-ico b{position:absolute;right:-4px;top:-4px;width:24px;height:24px;border-radius:50%;background:var(--plum);color:var(--on);font:500 .75rem/24px var(--sans);text-align:center}
/* weicher Wellen-Hintergrund hinter den Angeboten */
#angebote{position:relative;overflow:hidden;isolation:isolate}
#angebote::before{content:"";position:absolute;inset:auto -10% 0 -10%;height:70%;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 600' preserveAspectRatio='none'%3E%3Cpath fill='%23EADFDE' fill-opacity='.55' d='M0 120c180-70 360-70 540 0s360 70 540 0 270-60 360-30V600H0z'/%3E%3Cpath fill='%23E8D6CA' fill-opacity='.45' d='M0 260c200 60 400 60 600 0s400-60 600 0 160 30 240 20V600H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.steps{display:grid;gap:2.4rem;text-align:center;margin-top:2.6rem}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr);gap:0}.steps>div+div{border-left:1px solid var(--line)}}
.steps>div{padding:0 1.6rem}
.steps .n{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid var(--plum);border-radius:50%;font-family:var(--serif);font-size:1.6rem;color:var(--plum)}
.steps h3{margin:1rem 0 .4rem;font-weight:400;font-size:1.8rem}
.steps p{color:var(--muted)}
.values{display:grid;gap:0;margin-top:1.8rem;border-top:1px solid var(--line)}
.values div{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid var(--line)}
@media(min-width:900px){.values div{grid-template-columns:4rem 1fr 1.4fr}}
.values span{font-family:var(--serif);font-size:1.4rem;color:var(--plum)}
.values b{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem)}
.values p{color:var(--muted);grid-column:2}@media(min-width:900px){.values p{grid-column:auto}}
.about{display:grid;gap:2rem;align-items:center}
@media(min-width:960px){.about{grid-template-columns:.8fr 1.2fr;gap:5rem}}
.about p+p{margin-top:1rem}
.about .sig{font-family:var(--serif);font-style:italic;font-size:1.8rem;color:var(--plum);margin-top:1.2rem}
.facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.facts span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.4em 1em;font-size:.88rem}
.split{display:grid;gap:14px}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
.box{background:var(--card);border-radius:var(--r);padding:clamp(1.4rem,3vw,2.4rem)}
.box.dark{background:var(--deep);color:var(--on)}.box.dark .k{color:var(--peach)}.box.dark p{color:#E3D6DA}.box.dark h2,.box.dark h3{color:var(--on)}
.box form{display:grid;gap:.8rem;margin-top:1.2rem}
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.rv.in-view{opacity:1;transform:none}
/* Preise (Method) */
.prices{display:grid;gap:14px;margin-top:2rem}@media(min-width:900px){.prices{grid-template-columns:repeat(3,1fr)}}
.pc{background:var(--card);border-radius:var(--r);padding:1.6rem;display:flex;flex-direction:column;gap:.4rem;position:relative;border:1px solid transparent;cursor:pointer}
.pc.best{background:var(--deep);color:var(--on)}.pc.best .mut{color:#D9C9CE}
.pc .amt{font-family:var(--serif);font-size:3.2rem;line-height:1}
.pc .flag{position:absolute;top:1rem;right:1rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--peach);color:var(--deep);border-radius:999px;padding:.25em .8em}
.pc input{position:absolute;opacity:0}
.pc:has(input:checked){border-color:var(--plum);box-shadow:0 0 0 2px var(--plum)}
.pc.best:has(input:checked){box-shadow:0 0 0 3px var(--peach)}
.cats{display:grid;gap:14px;margin-top:2rem}@media(min-width:700px){.cats{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.cats{grid-template-columns:repeat(3,1fr)}}
.cat{background:var(--card);border-radius:var(--r);padding:1.5rem}.cat svg{width:44px;height:44px;color:var(--plum);display:block;margin-bottom:.6rem}
.cat b{font-family:var(--serif);font-weight:400;font-size:1.6rem;display:block}.cat p{color:var(--muted);margin-top:.3rem}
details.q{background:var(--card);border-radius:18px;padding:1rem 1.2rem;margin-top:.6rem}
details.q summary{cursor:pointer;font-family:var(--serif);font-size:1.35rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";color:var(--plum)}details.q[open] summary::after{content:"–"}
details.q p{margin-top:.6rem;color:var(--muted)}
.hp{position:absolute;left:-9999px}
/* Rücktrittsrecht: eine klare Wahl (Vivien, 25.10.2026) */
.wrf{border:0;padding:0;margin:.2rem 0 0;display:grid;gap:.45rem}
.wrf legend{font-size:.86rem;color:var(--muted);margin-bottom:.35rem;padding:0}
.wro{display:flex;gap:.7rem;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:.75rem 1rem;cursor:pointer;font-size:.95rem}
.wro input{accent-color:var(--plum);width:18px;height:18px;margin-top:.15rem;flex:none}
.wro span{display:grid;gap:.1rem}.wro small{color:var(--muted);font-size:.84rem}
.wro:has(input:checked){border-color:var(--plum);background:#fff}
.wrn{color:var(--muted);font-size:.82rem}

video::-webkit-media-controls,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
.art img[src$=".mp4"],.pic img[src$=".mp4"]{display:block;width:100%;height:100%;object-fit:cover}

/* Drei Videos nebeneinander (Vivien, 26.10.2026), am Handy zum Wischen */
.vids{padding-top:clamp(2.4rem,6vw,4.5rem)}
/* Ein einzelnes Tanz-Video mit der Linie ankommen · spüren · entfalten (Vivien, 26.10.2026) */
.vsolo{position:relative;margin:0 auto;width:min(100%,460px);aspect-ratio:9/16;max-height:86vh;border-radius:230px 230px 30px 30px;overflow:hidden;background:var(--peach)}
.vsolo video{width:100%;height:100%;object-fit:cover;display:block}
.vsolo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(74,58,65,.34),rgba(74,58,65,.06) 30%,rgba(74,58,65,.06) 70%,rgba(74,58,65,.4));pointer-events:none}
.flow{position:absolute;inset:0;z-index:1;color:#F7F1EE;pointer-events:none}
.f-lab{position:absolute;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1;letter-spacing:.01em;text-shadow:0 1px 3px rgba(46,37,41,.35),0 2px 18px rgba(46,37,41,.5)}
.f-top{top:15%;left:50%;transform:translateX(-50%)}
.f-bot{bottom:7%;left:50%;transform:translateX(-50%)}
.f-mid{top:50%;left:calc(50% + 40px);transform:translateY(-50%)}
.f-line{position:absolute;left:50%;top:calc(15% + 2.6rem);bottom:calc(7% + 2.8rem);width:1px;margin-left:-.5px;background:rgba(251,245,247,.82);transform-origin:top;transform:scaleY(0);transition:transform 2.4s cubic-bezier(.4,0,.2,1) .3s}
.f-line::after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-right:1px solid rgba(251,245,247,.9);border-bottom:1px solid rgba(251,245,247,.9);transform:translate(-50%,1px) rotate(45deg)}
.f-dot{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;opacity:0;transition:opacity .8s ease 1.4s;filter:drop-shadow(0 2px 10px rgba(46,37,41,.28))}
.f-dot svg{width:100%;height:100%;display:block;animation:fbreath 6s ease-in-out infinite}
@keyframes fbreath{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.vsolo .f-lab{opacity:0;transition:opacity 1s ease}
.vsolo .f-top{transition-delay:.2s}.vsolo .f-mid{transition-delay:1.5s}.vsolo .f-bot{transition-delay:2.5s}
.vsolo.in-view .f-line{transform:scaleY(1)}
.vsolo.in-view .f-dot,.vsolo.in-view .f-lab{opacity:1}
@media(prefers-reduced-motion:reduce){.f-line{transform:none;transition:none}.f-dot,.vsolo .f-lab{opacity:1;transition:none}.f-dot svg{animation:none}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:759px){.vsolo{width:min(100%,380px);border-radius:190px 190px 26px 26px}}

/* Videos fließend in den Hintergrund statt im Rahmen (Vivien, 26.10.2026) */
.soft{border-radius:0!important;overflow:visible!important;background:none!important}
.soft::after{display:none!important}
.soft video{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}
.art.wide.soft video{transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 18%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 18%,#000 80%,transparent 100%);mask-composite:intersect}
.art.wide.soft:hover video{transform:none}
.vsolo.soft{max-height:92vh;width:min(100%,520px)}
.vsolo.soft video{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);mask-composite:intersect}
.vsolo.soft .flow{color:#2E1D27}
.vsolo.soft .f-lab{text-shadow:0 0 14px rgba(242,236,228,.95),0 0 4px rgba(242,236,228,.9)}
.vsolo.soft .f-top{top:9%}.vsolo.soft .f-bot{bottom:6%}
.vsolo.soft .f-line{top:calc(9% + 2.6rem);bottom:calc(6% + 2.8rem);background:rgba(74,58,65,.55)}
.vsolo.soft .f-line::after{border-color:rgba(74,58,65,.7)}

/* Tanz-Video kleiner + zweites Video daneben am Computer, Linie wieder weiß (Vivien, 26.10.2026) */
.vpair{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(1rem,4vw,4rem);align-items:center;max-width:1180px;margin:0 auto}
.vpair .vsolo.soft{width:100%;margin:0}
.vside{margin:0;display:flex;flex-direction:column;gap:1.2rem}
.vside video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vside figcaption{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,2.6vw,2.4rem);color:var(--plum);text-align:center}
@media(max-width:899px){.vpair{display:block}.vside{display:none}.vpair .vsolo.soft{width:min(100%,420px);margin:0 auto}}
.vsolo.soft .flow{color:#F7F1EE}
.vsolo.soft .f-lab{text-shadow:0 1px 3px rgba(46,37,41,.5),0 2px 18px rgba(46,37,41,.55)}
.vsolo.soft .f-top{top:17%}.vsolo.soft .f-bot{bottom:14%}
.vsolo.soft .f-line{top:calc(17% + 2.4rem);bottom:calc(14% + 2.6rem);background:rgba(251,245,247,.9);box-shadow:0 0 6px rgba(46,37,41,.25)}
.vsolo.soft .f-line::after{border-color:rgba(251,245,247,.95)}
.vside.soft video{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-composite:intersect}
.vsolo.soft .f-lab{text-shadow:0 1px 2px rgba(46,37,41,.7),0 0 10px rgba(46,37,41,.55),0 2px 24px rgba(46,37,41,.5)}
.vsolo.soft .f-line{box-shadow:0 0 5px rgba(46,37,41,.45)}

/* Handy: nichts darf seitlich über den Bildschirm ragen (Vivien, 26.10.2026: „alles ist verschoben“).
   Videos bleiben ohne Rahmen mit weichem Rand (Maske), werden aber wieder sauber abgeschnitten. */
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
.soft{overflow:hidden!important}
.soft video{transform:none!important}
.vsolo.soft{max-width:100%}
/* Frischer, verspielter Look für die Hauptseite (Vivien, 27.10.2026: „etwas altmodisch“, immer cute) */
.band{position:relative;overflow:hidden;isolation:isolate;margin-top:clamp(4rem,9vw,7.5rem)}
.band::before,.band::after{content:"";position:absolute;left:0;right:0;height:clamp(28px,4vw,56px);background:var(--bg);z-index:1;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v22c-160 30-320 34-480 14S640 0 480 18 160 52 0 30z'/%3E%3C/svg%3E") 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v22c-160 30-320 34-480 14S640 0 480 18 160 52 0 30z'/%3E%3C/svg%3E") 0 0/100% 100%}
.band::before{top:-1px}.band::after{bottom:-1px;transform:scale(-1,-1)}
.band>.w{position:relative;z-index:2}
.band-blob{position:absolute;z-index:0;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;animation:mvblob 16s ease-in-out infinite alternate}
.band-blob.b1{width:clamp(220px,30vw,460px);height:clamp(220px,30vw,460px);left:-8%;top:10%;background:#9C858A;opacity:.55}
.band-blob.b2{width:clamp(160px,22vw,340px);height:clamp(160px,22vw,340px);right:-5%;bottom:-12%;background:#E6DBCF;opacity:.22;animation-duration:21s}
/* Drei Schritte: Icons in weichen, atmenden Formen, verbunden durch eine Welle */
.steps{position:relative}
.steps-line{display:none}
@media(min-width:900px){.steps-line{display:block;position:absolute;left:16%;right:16%;top:20px;width:68%;height:40px;overflow:visible;z-index:0}
 .steps-line path{fill:none;stroke:var(--plum);stroke-width:1.4;stroke-dasharray:3 9;opacity:.45;vector-effect:non-scaling-stroke}
 .steps>div+div{border-left:0}}
.steps>div{position:relative;z-index:1}
.steps .n{border:0;width:84px!important;height:84px!important;background:var(--peach);border-radius:46% 54% 60% 40%/50% 42% 58% 50%;animation:mvblob 12s ease-in-out infinite alternate}
.steps>div:nth-child(3) .n{background:var(--blush);animation-delay:-4s}.steps>div:nth-child(4) .n{background:#EFE3E0;animation-delay:-8s}
.steps .n b{right:0;top:0}
/* Haltung: weiche Karten mit Icon statt Tabellenzeilen */
.values{border-top:0;gap:14px;margin-top:2.2rem;grid-template-columns:1fr}
@media(min-width:700px){.values{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.values{grid-template-columns:repeat(5,1fr)}}
.values .vc{display:flex!important;flex-direction:column;gap:.5rem;align-items:flex-start;background:var(--card);border:0!important;border-radius:28px;padding:1.5rem 1.4rem 1.6rem!important;position:relative;overflow:hidden;isolation:isolate;transition:transform .4s ease,box-shadow .4s ease}
.values .vc:hover{transform:translateY(-4px);box-shadow:0 18px 36px -26px rgba(74,58,65,.45)}
.values .vc:nth-child(2n){background:#F5EBE6}.values .vc:nth-child(3n){background:#F3E9E8}
.values .vc::after{content:"";position:absolute;right:-50px;bottom:-60px;width:150px;height:150px;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;background:var(--plum);opacity:.06;z-index:-1}
.values .vn{font-family:var(--serif);font-size:1.05rem;letter-spacing:.12em;color:var(--plum);position:absolute;top:1.3rem;right:1.4rem}
.values .vi{width:58px;height:58px;border-radius:50%;background:var(--bg);color:var(--plum);display:grid;place-items:center}
.values .vi svg{width:34px;height:34px}
.values .vc b{font-size:clamp(1.45rem,1.9vw,1.75rem);line-height:1.1;margin-top:.3rem}
.values .vc p{grid-column:auto!important;font-size:.95em}
@media(max-width:699px){.values .vc{flex-direction:row;flex-wrap:wrap;align-items:center;padding:1.1rem 1.1rem 1.2rem!important;gap:.4rem .9rem}.values .vi{width:48px;height:48px}.values .vc b{flex:1;margin:0;font-size:1.4rem}.values .vc p{flex-basis:100%}.values .vn{top:.9rem;right:1rem;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.band-blob,.steps .n{animation:none}}
.values .vc p,.values .vc p span{font-family:var(--sans);font-size:1rem;color:var(--muted)}.values .vc b span{font:inherit;color:inherit}
.values .vi i{animation:none!important;opacity:1!important}
.values .vc:nth-child(1){background:#FBF9F6}.values .vc:nth-child(2){background:#F3E2D8}.values .vc:nth-child(3){background:#EEDFE0}.values .vc:nth-child(4){background:#F8EFE7}.values .vc:nth-child(5){background:#E8D9DD}
.values .vi{background:rgba(255,255,255,.75)}
@media(max-width:699px){.values .vn{display:none}}
/* Etwas zierlicher (Vivien, 28.10.2026: „alles sehr groß, v. a. in Safari – ein bisschen kompakter, aber nicht zu viel“). Alle Werte rund 10–15 % kleiner. */
body{font-size:16px}
@media(min-width:900px){body{font-size:17.5px}}
h1{font-size:clamp(2.6rem,7vw,5.6rem)}h2{font-size:clamp(1.85rem,3.8vw,3rem)}h3{font-size:1.5rem}h4{font-size:1.2rem}
.k{font-size:.7rem}
.brand{font-size:1.6rem}
.hero-x h1{font-size:clamp(2.9rem,7.8vw,6.8rem)}
.hero-x .sub{font-size:clamp(1.35rem,2.8vw,2.1rem)}
.hero-x .lead{font-size:1.04em}
.band blockquote{font-size:clamp(1.7rem,3.6vw,2.8rem)}
.offer h3{font-size:clamp(1.6rem,2vw,1.95rem)}
.steps h3{font-size:1.6rem}
.steps .n{width:52px;height:52px;font-size:1.4rem}
.values b{font-size:clamp(1.35rem,2vw,1.75rem)}
@media(min-width:700px){.values .vc b{font-size:clamp(1.3rem,1.7vw,1.55rem)}}
.about .sig{font-size:1.6rem}
.pc .amt{font-size:2.8rem}
.cat b{font-size:1.45rem}
details.q summary{font-size:1.22rem}
.f-lab{font-size:clamp(1.2rem,2vw,1.6rem)}
.vside figcaption{font-size:clamp(1.45rem,2.2vw,2rem)}
/* Method-Kopf: Text links, Hochformat-Foto im Bogen rechts (28.10.2026) */
.mhero{display:grid;gap:2.2rem;align-items:center;grid-template-columns:minmax(0,1fr)}
.mhero-pic{width:min(100%,420px);justify-self:center}
.mhero-pic img{object-position:50% 70%}
@media(min-width:900px){.mhero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3.5rem}.mhero-pic{width:min(100%,480px);justify-self:end}}

/* Erstes Video auf der Startseite klar eingebettet (Vivien, 30.10.2026: ausgefranste Ränder wirkten altbacken) */
.art.wide.clean{border-radius:18px;aspect-ratio:21/9;background:var(--stone,#E4DCD1)}
.art.wide.clean video{transform:none}
@media(max-width:700px){.art.wide.clean{border-radius:14px;aspect-ratio:4/3}}

/* DE/EN schwebt links unten (4.11.2026) */
.lang-fl{position:fixed;left:16px;bottom:16px;z-index:40;box-shadow:0 10px 26px -14px rgba(46,29,39,.5)}
@media print{.lang-fl{display:none}}