@font-face{font-family:'Vollkorn';src:url('../assets/fonts/vollkorn-v30-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vollkorn';src:url('../assets/fonts/vollkorn-v30-latin-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Vollkorn';src:url('../assets/fonts/vollkorn-v30-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vollkorn';src:url('../assets/fonts/vollkorn-v30-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Vollkorn';src:url('../assets/fonts/vollkorn-v30-latin-600italic.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Vollkorn';src:url('../assets/fonts/vollkorn-v30-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../assets/fonts/hanken-grotesk-v12-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../assets/fonts/hanken-grotesk-v12-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../assets/fonts/hanken-grotesk-v12-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../assets/fonts/hanken-grotesk-v12-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{

  --papier:#FFFDFB;
  --sand:#FBEFF5;
  --wein:#8E1043;
  --wein-tief:#5C0B2C;
  --tinte:#33101F; --tinte2:#6E4658;
  --bandwarm:#FDEBF3;
  --bandwarm2:#EFC3D6;
  --linie:#F2DEE9;
  --linie-dunkel:rgba(253,235,243,.2);

  --akzent:#8E1043;
  --akzent-tief:#6E0C33;

  --rose:#FBE3EE; --himbeer:#B8156A; --himbeer-tief:#8E1043; --ruf:#9C1052;
  --gold:#F39202; --gold-tief:#C97800;
  --mblau:#1A76C6; --mgruen:#178A46; --mhimbeer:#D62D67; --mrot:#E05038;
  --stern-blau:#9AD2FF; --stern-rosa:#FFA6C8; --stern-gold:#FFD08A;
  --gold-text:#8F5604; --gruen-text:#106B36; --blau-text:#145E9E;
  --schatten:rgba(38,12,21,.16);
  --schatten-weich:rgba(38,12,21,.07);

  --serif:'Vollkorn',Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,sans-serif;

  --bahn:1200px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-inout:cubic-bezier(.77,0,.175,1);
  --head-h:5.4rem;
  --tor-h:clamp(60px,7.5vw,104px);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:var(--serif);font-size:19px;line-height:1.7;
  background:var(--papier);color:var(--tinte);
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--akzent)}
ul,ol{list-style:none;padding:0}
::selection{background:var(--akzent);color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,
input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.sichtbar-nur-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

body::after{
  content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.05;
}

.bahn{max-width:var(--bahn);margin-inline:auto;padding-inline:clamp(20px,4vw,56px);width:100%}
section{position:relative}
.kapitel{min-height:100svh;display:grid;align-content:center;position:relative;overflow:clip}

.editorial-spalte{max-width:60ch}
.mittig-schmal{max-width:52ch}
.links{margin-inline:0}

.tor{
  height:var(--tor-h);margin-bottom:calc(-1 * var(--tor-h));
  position:relative;z-index:6;pointer-events:none;
}
.tor svg{width:100%;height:100%;display:block;overflow:visible}
.tor .tk{fill:var(--tor-fuellung,#fff)}
.tor .tk-hauch{opacity:.35;transform:translateY(7px)}
.tor-papier{--tor-fuellung:var(--papier)}
.tor-sand{--tor-fuellung:var(--sand)}
.tor-weintief{--tor-fuellung:var(--wein-tief)}

.zwischenruf{
  font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:clamp(20px,2.2vw,24px);color:var(--ruf);margin-bottom:clamp(14px,2vh,22px);
  display:inline-flex;align-items:center;gap:16px;
}
.zwischenruf::before,.zwischenruf::after{
  content:"";width:34px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--himbeer));
}
.zwischenruf::after{background:linear-gradient(90deg,var(--himbeer),transparent)}
.ruf-links::after{display:none}
.ruf-links::before{background:linear-gradient(90deg,var(--himbeer),var(--himbeer))}
.hell-ruf{color:var(--stern-rosa)}
.hell-ruf::before{background:linear-gradient(90deg,var(--stern-rosa),var(--stern-rosa))}
.sh{
  font-family:var(--serif);font-weight:600;letter-spacing:-.018em;
  font-size:clamp(34px,4.6vw,62px);line-height:1.06;color:var(--tinte);
  text-wrap:balance;margin-bottom:.45em;
}
.sh-links{text-align:left;max-width:18ch}
.grosszeile{
  font-family:var(--serif);font-weight:500;letter-spacing:-.01em;
  font-size:clamp(23px,2.8vw,33px);line-height:1.4;color:var(--tinte);
  max-width:30ch;text-wrap:pretty;margin-bottom:.5em;
}
.lauftext{color:var(--tinte2);max-width:58ch;font-size:clamp(19px,1.9vw,21px);margin-top:.8em}
.lauftext strong{color:var(--tinte);font-weight:600}
.lauftext.hell{color:var(--bandwarm2)}
.lauftext.betont{color:var(--tinte)}
.betont strong{font-weight:700}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 38px;background:var(--akzent);
  color:#fff;border:none;border-radius:999px;
  font-family:var(--sans);font-size:16.5px;font-weight:700;letter-spacing:.01em;
  cursor:pointer;text-decoration:none;position:relative;
  box-shadow:0 12px 30px rgba(142,16,67,.24),0 2px 6px rgba(38,12,21,.1);
  transition:background .3s var(--ease-out),box-shadow .35s var(--ease-out),transform .16s var(--ease-out);
}
.btn:hover{background:var(--akzent-tief);box-shadow:0 16px 40px rgba(142,16,67,.32),0 3px 8px rgba(38,12,21,.12)}
.btn:active{transform:scale(.97)}
.btn{overflow:hidden}
.btn .ripple{
  position:absolute;border-radius:50%;pointer-events:none;
  background:rgba(255,255,255,.35);transform:scale(0);
  animation:ripple .6s var(--ease-out) forwards;
}
@keyframes ripple{to{transform:scale(2.6);opacity:0}}
.btn-gross{padding:19px 46px;font-size:17.5px}
.btn-klein{padding:11px 24px;font-size:14.5px;border-radius:999px;box-shadow:0 6px 18px rgba(142,16,67,.2)}
.btn-geist{
  background:transparent;color:var(--bandwarm);
  border:1.5px solid rgba(247,236,230,.5);box-shadow:none;
}
.btn-geist:hover{background:rgba(247,236,230,.08);border-color:var(--bandwarm);color:#fff;box-shadow:none}
.cta-reihe{margin-top:clamp(22px,3.4vh,34px)}
.cta-notiz{font-family:var(--sans);font-size:15.5px;line-height:1.6;color:var(--tinte2);margin-top:12px;max-width:46ch}

.punkt{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle}
.p-gold{background:var(--gold)}
.p-blau{background:var(--mblau)}
.p-gruen{background:var(--mgruen)}
.p-rosa,.p-himbeer{background:var(--mhimbeer)}
.knoten{
  position:relative;
  display:inline-flex;width:32px;height:32px;border-radius:50%;flex:0 0 auto;position:relative;
  border:2px solid currentColor;background:var(--papier);
}
.knoten::before{content:"";position:absolute;inset:7px;border-radius:50%;background:currentColor}
.k-gold{color:var(--gold-tief)}
.k-blau{color:var(--mblau)}
.k-gruen{color:var(--mgruen)}
.k-himbeer{color:var(--mhimbeer)}
.funke{fill:var(--gold)}
.funke-gold{filter:drop-shadow(0 0 6px rgba(243,146,2,.7))}
.flugbahn{stroke:var(--himbeer);stroke-width:1.4;stroke-dasharray:1 7;stroke-linecap:round;opacity:.55}

.kopf{
  position:fixed;top:0;left:0;right:0;z-index:120;
  padding:14px clamp(10px,2vw,24px) 0;pointer-events:none;
  transition:transform .45s var(--ease-out);
}
.kopf.versteckt{transform:translateY(-130%)}
.kopf-schale{max-width:1140px;margin-inline:auto;pointer-events:auto;position:relative}
.kopf-in{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:rgba(255,253,251,.84);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);
  border:1px solid rgba(242,222,233,.9);border-radius:999px;
  padding:9px 12px 9px 22px;position:relative;overflow:hidden;
  box-shadow:0 10px 34px rgba(38,12,21,.08),0 2px 8px rgba(38,12,21,.04);
  transition:box-shadow .4s,background .4s;
}
.kopf.gescrollt .kopf-in{
  background:rgba(255,253,251,.96);
  box-shadow:0 16px 44px rgba(38,12,21,.12),0 2px 8px rgba(38,12,21,.06);
}
.marke{display:flex;align-items:center}
.marke img{width:auto;height:46px;transform-origin:left center;transition:transform .35s var(--ease-out)}
.kopf.gescrollt .marke img{transform:scale(.9)}
.hauptnav{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px)}
.hauptnav a:not(.btn){
  font-family:var(--sans);font-size:15px;font-weight:600;color:var(--tinte);
  text-decoration:none;position:relative;padding-block:6px;
}
.hauptnav a:not(.btn)::after{
  content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:2px;
  background:var(--akzent);transition:right .35s var(--ease-out);
}
.hauptnav a:not(.btn):hover::after{right:0}
.scroll-fortschritt{position:absolute;bottom:0;left:44px;right:44px;height:2px;pointer-events:none;z-index:3;border-radius:2px;overflow:hidden}
.scroll-fortschritt i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--mblau) 33%,var(--mgruen) 66%,var(--mhimbeer));transform:scaleX(0);transform-origin:left}
.burger{
  display:none;background:none;border:none;cursor:pointer;width:46px;height:46px;
  position:relative;z-index:220;flex:0 0 auto;
}
.burger span{
  position:absolute;left:10px;right:10px;height:2.5px;border-radius:2px;background:var(--tinte);
  transition:transform .4s var(--ease-out),top .4s var(--ease-out);
}
.burger span:nth-child(1){top:17px}
.burger span:nth-child(2){top:27px}
.menu-offen .burger span:nth-child(1){top:22px;transform:rotate(45deg)}
.menu-offen .burger span:nth-child(2){top:22px;transform:rotate(-45deg)}

.menue{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;
  background:
    radial-gradient(120% 90% at 85% 8%,rgba(243,146,2,.1),transparent 55%),
    radial-gradient(120% 100% at 10% 100%,rgba(184,21,106,.1),transparent 60%),
    var(--papier);
  opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out);
}
.menue.offen{opacity:1;pointer-events:auto}
.menue nav{display:flex;flex-direction:column;gap:4px;padding:0 clamp(28px,8vw,90px);width:100%;align-items:center;text-align:center}
.menue a{
  font-family:var(--serif);font-weight:600;font-size:clamp(30px,7vw,44px);line-height:1.35;
  color:var(--tinte);text-decoration:none;
  opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);
}
.menue a:hover{color:var(--akzent)}
.menue.offen a{opacity:1;transform:none}
.menue.offen a:nth-child(1){transition-delay:.06s}
.menue.offen a:nth-child(2){transition-delay:.11s}
.menue.offen a:nth-child(3){transition-delay:.16s}
.menue.offen a:nth-child(4){transition-delay:.21s}
.menue.offen a:nth-child(5){transition-delay:.26s}
.menue.offen a:nth-child(6){transition-delay:.33s}
.menue .menue-cta{
  margin-top:22px;font-family:var(--sans);font-size:17px;font-weight:700;
  color:#fff;background:var(--akzent);
  border-radius:999px;padding:16px 30px;
  box-shadow:0 10px 28px rgba(142,16,67,.3);
}
.menue .menue-cta:hover{color:#fff;background:var(--akzent-tief)}

.held{background:var(--papier);padding-top:calc(var(--head-h) + 10px);padding-bottom:34px}
.wasserflecken{position:absolute;inset:0;pointer-events:none}
.aurora{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.held .bahn{position:relative;z-index:3}

.vorhang{
  position:fixed;inset:0;z-index:500;background:var(--papier);
  display:grid;place-content:center;justify-items:center;gap:18px;
}
.vorhang img{width:min(200px,44vw);height:auto}
.vorhang svg{width:min(260px,56vw);height:auto;overflow:visible}
.vorhang .v-strich{stroke:var(--himbeer);stroke-width:2.6;stroke-linecap:round;fill:none}
.vorhang .v-funke{fill:var(--gold)}
.fleck{position:absolute;border-radius:50%;background:radial-gradient(closest-side,var(--fleck-farbe,var(--rose)),transparent 72%)}
.held .fleck-rose{width:52vw;height:44vw;max-width:760px;max-height:640px;right:-14vw;top:-12vh;--fleck-farbe:var(--rose);opacity:.8}
.held .fleck-gold{width:30vw;height:26vw;max-width:420px;left:-11vw;bottom:0;--fleck-farbe:rgba(243,146,2,.5);opacity:.22}
.held-in{
  display:grid;grid-template-columns:1.04fr .8fr;column-gap:clamp(36px,5vw,90px);
  align-items:center;position:relative;z-index:3;
}
.held-text{text-align:left}
.held-h1{
  font-family:var(--serif);font-weight:600;letter-spacing:-.024em;
  font-size:clamp(52px,7.2vw,112px);line-height:.99;color:var(--tinte);
  margin-bottom:clamp(18px,2.6vh,28px);
}
.held-h1 em{font-style:italic;color:var(--akzent)}
.zeile{display:block;overflow:hidden;padding-block:.045em}
.zl{display:inline-block;will-change:transform;white-space:nowrap}
.held-lead{max-width:52ch;font-size:clamp(19px,1.95vw,21px);line-height:1.58}
.claim{
  margin-top:clamp(18px,2.6vh,26px);font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:clamp(19px,2.1vw,24px);color:var(--akzent);
}
.weiche{font-family:var(--sans);font-size:15.5px;color:var(--tinte2);margin-top:10px;max-width:74ch}
.weiche a{color:var(--akzent);font-weight:600;text-decoration:none;border-bottom:1px solid var(--linie);transition:border-color .3s,color .3s}
.weiche a:hover{color:var(--akzent-tief);border-color:var(--akzent)}

.badge{
  display:flex;align-items:center;gap:16px;margin-top:clamp(20px,3vh,30px);
  padding:14px 20px;border:1px solid var(--linie);border-radius:999px;
  background:rgba(255,255,255,.55);max-width:520px;
}
.badge .siegel{width:56px;height:56px;flex:0 0 auto}
.badge p{font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--tinte2)}
.badge strong{display:block;font-family:var(--serif);font-size:16.5px;color:var(--tinte);font-weight:700}
.badge span{display:block;margin-top:2px}
.vertrauen{
  display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;
  margin-top:18px;
  font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tinte2);
}
.vertrauen span{display:inline-flex;align-items:center}
.vertrauen span + span::before{
  content:"";display:inline-block;width:4px;height:4px;border-radius:50%;
  background:var(--linie);margin-right:16px;
}
.vertrauen .punkt{display:none}

.held-bild{position:relative;margin:0;justify-self:end;width:100%;max-width:440px}
.bild-rahmen{
  display:block;position:relative;padding:0;background:none;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 28px 64px var(--schatten),0 6px 14px var(--schatten-weich);
}
.bild-rahmen picture{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.bild-rahmen img{border-radius:inherit;width:100%;height:100%;object-fit:cover;background:transparent}
.held-bild .bild-rahmen{aspect-ratio:533/720}
.held-bild::after{
  content:"";position:absolute;inset:-14px;pointer-events:none;
  border:1px solid var(--gold-tief);opacity:.35;
  border-radius:34px;
}
.falter{position:absolute;overflow:visible}
.falter-hero{top:-58px;right:-20px;width:150px;z-index:3}
.falter-korpus{transform-box:fill-box;transform-origin:center;animation:flattern 5.5s ease-in-out infinite}
@keyframes flattern{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  50%{transform:translateY(-4px) rotate(-5deg) scale(1.04)}
}

.mitternacht .bahn{position:relative;z-index:1}
.mitternacht{background:var(--sand);padding:calc(var(--tor-h) + clamp(40px,7vh,80px)) 0 clamp(80px,11vh,130px)}
.mond{position:absolute;top:clamp(90px,16vh,180px);right:clamp(40px,10vw,180px);width:64px;height:64px}
.mond path{fill:var(--himbeer);opacity:.28}
.fleck-mitternacht{
  position:absolute;right:6vw;bottom:8%;width:clamp(240px,30vw,460px);height:clamp(220px,26vw,400px);
  background:radial-gradient(closest-side,var(--rose),transparent 72%);opacity:.8;
  border-radius:50%;
}
.grosszeile + .lauftext{margin-top:1.1em}

.wissen{background:var(--papier);padding:calc(var(--tor-h) + clamp(40px,7vh,80px)) 0 clamp(80px,11vh,130px)}
.wissen-liste{
  margin-top:clamp(30px,5vh,50px);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,56px) clamp(36px,5vw,80px);
  max-width:1040px;
}
.wissen-liste li{display:flex;gap:18px;align-items:flex-start;text-align:left}
.wissen-liste .knoten{margin-top:4px}
.wissen-liste p{
  font-family:var(--serif);font-weight:500;font-size:clamp(19px,2vw,22px);
  line-height:1.5;color:var(--tinte);max-width:44ch;
}

.buehne{
  background:
    radial-gradient(110% 90% at 82% 0%,rgba(225,29,110,.2),transparent 50%),
    linear-gradient(178deg,#A31356 0%,var(--wein) 40%,#6E0C33 100%);
  color:var(--bandwarm);
  padding-top:calc(var(--tor-h) * .8 + clamp(20px,3vh,44px));
  padding-bottom:calc(clamp(90px,12vw,160px) + 40px);
  text-align:center;justify-items:center;
}
.buehne .sterne,.tueren .sterne,.versprechen .sterne{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.st{opacity:.3}
.sc-blau{fill:var(--stern-blau)}
.sc-rosa{fill:var(--stern-rosa)}
.sc-gold{fill:var(--stern-gold)}

.sterne .st:nth-child(3n+1){fill:var(--stern-gold)}
.sterne .st:nth-child(3n+2){fill:var(--stern-blau)}
.sterne .st:nth-child(3n){fill:var(--stern-rosa)}
@keyframes funkeln{0%,100%{opacity:.2}50%{opacity:.95}}
.s1{animation:funkeln 4.2s ease-in-out infinite}
.s2{animation:funkeln 5.6s ease-in-out infinite 1.2s}
.s3{animation:funkeln 6.4s ease-in-out infinite 2.1s}
.sternbild{position:absolute;pointer-events:none;opacity:.7;width:clamp(200px,20vw,330px)}
.sternbild-rechts{right:clamp(10px,5vw,90px);top:50%;translate:0 -50%}
.sternbild-linie{stroke:var(--stern-rosa);stroke-width:1;stroke-dasharray:2 6;stroke-linecap:round;opacity:.5}
.sternbild .st{opacity:.65}
.buehne-mitte{position:relative;z-index:3}
.buehne-leise{
  font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.4vw,42px);
  line-height:1.2;color:var(--bandwarm);opacity:.55;letter-spacing:-.01em;
}
.buehne-laut{
  font-family:var(--serif);font-weight:700;font-size:clamp(26px,4.8vw,62px);
  line-height:1.16;color:#fff;letter-spacing:-.015em;margin-top:6px;text-wrap:balance;
  max-width:22ch;margin-inline:auto;
}
.buehne-laut .w{opacity:1;transition:opacity .25s linear}
html.js .buehne-laut.zerlegt .w{opacity:.18}
html.js .buehne-laut.zerlegt .w.an{opacity:1}
.buehne .lauftext{margin-top:26px;margin-inline:auto}
.buehne .lauftext.hell{color:var(--bandwarm2)}
.idee{
  margin-top:30px;font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:clamp(23px,3.1vw,34px);color:var(--gold);
}
.huegel{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(90px,12vw,160px);z-index:1}
@keyframes glimmen{0%,100%{opacity:.7}50%{opacity:1}}
.gl{animation:glimmen 4.5s ease-in-out infinite}

.erzaehler{background:var(--papier);padding:calc(var(--tor-h) + clamp(30px,5vh,60px)) 0 clamp(70px,10vh,120px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,90px);align-items:start}
.split-medien{position:sticky;top:0;height:100svh;display:grid;align-content:center;gap:16px}
.bild-stapel{position:relative;width:min(100%,520px);aspect-ratio:4/4.4}
.stapel-bild{
  position:absolute;inset:0;z-index:1;

  clip-path:inset(0 0 0 100% round 26px);
  transition:clip-path .8s var(--ease-inout);
}
.stapel-bild.an{clip-path:inset(0 0 0 0 round 26px);z-index:2}
.stapel-zeile{font-family:var(--sans);font-size:14.5px;letter-spacing:.05em;color:var(--tinte2);max-width:520px}
.split-text{padding-top:clamp(20px,6vh,70px)}
.split-kapitel{min-height:72svh;display:grid;align-content:center;text-align:left}
.split-kapitel .grosszeile,.split-kapitel .lauftext{margin-inline:0}
.weg-titel{
  display:flex;align-items:center;gap:16px;
  font-family:var(--serif);font-style:italic;font-weight:600;font-size:22px;
  color:var(--ruf);margin-bottom:16px;
}
.weg-strich{width:44px;height:2px;border-radius:2px;background:var(--himbeer)}
.weg-text p{color:var(--tinte2);font-size:19px;max-width:56ch}
.weg-text p+p{margin-top:.8em}
.weg-text p:first-child::first-letter{
  font-size:2.9em;font-weight:600;color:var(--akzent);
  float:left;line-height:1.16;padding-right:12px;
}

.drei-arten{background:var(--sand);padding:calc(var(--tor-h) + clamp(36px,6vh,70px)) 0 clamp(50px,7vh,80px)}
.flecht-buehne{position:relative;margin-top:10px}
.flechte{width:100%;height:auto;display:block;margin-bottom:2px}
.strang{stroke-width:2.6;stroke-linecap:round;fill:none}
.strang-blau{stroke:var(--mblau)}
.strang-gruen{stroke:var(--mgruen)}
.strang-himbeer{stroke:var(--mhimbeer)}
.arten{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);
  margin-top:clamp(10px,1.8vw,26px);
}
.art{position:relative;padding:6px 4px;text-align:left}
.art-zahl{
  font-family:var(--serif);font-weight:700;font-size:15px;
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;color:#fff;margin-bottom:14px;
  box-shadow:0 6px 16px var(--schatten-weich);
}
.az-blau{background:var(--mblau)}
.az-gruen{background:var(--mgruen)}
.az-himbeer{background:var(--mhimbeer)}
.art h3{font-family:var(--serif);font-weight:600;font-size:clamp(20px,2.1vw,24px);line-height:1.28;color:var(--tinte)}
.art p{color:var(--tinte2);font-size:18.5px;margin-top:8px;max-width:32ch}
.art-3 h3{color:var(--tinte)}
.stillezeile{
  margin-top:28px;font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:clamp(20px,2.2vw,24px);color:var(--ruf);
}

.lauf{
  background:var(--wein);border-top:1px solid var(--linie-dunkel);
  border-bottom:1px solid var(--linie-dunkel);overflow:hidden;position:relative;z-index:7;
}
.lauf-in{display:flex;width:max-content;animation:lauf 52s linear infinite}
.lauf-satz{
  font-family:var(--serif);font-weight:500;font-size:clamp(17px,2vw,22px);
  color:var(--bandwarm);padding:16px 0;white-space:nowrap;
}
.lauf-satz span{margin:0 26px}
.ls{font-style:normal;vertical-align:2px;font-size:.8em}
.ls-gold{color:var(--stern-gold)}
.ls-blau{color:var(--stern-blau)}
.ls-rosa{color:var(--stern-rosa)}
@keyframes lauf{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.fuenf-stufen{background:var(--papier);padding:clamp(70px,10vh,120px) 0 clamp(60px,9vh,100px)}
.stufen-kopf{text-align:left;max-width:52ch}
.stufen-in{position:relative;max-width:760px;margin-top:clamp(30px,5vh,54px)}
.stufen-liste{position:relative;display:grid;gap:clamp(26px,4vh,44px)}
.stufe{display:block;position:relative;padding-left:58px;text-align:left}
.stufe .knoten{position:absolute;left:0;top:2px}

.stufe > div{max-width:52ch}
.stufe h3{
  font-family:var(--serif);font-weight:600;font-size:clamp(20px,2.2vw,24px);color:var(--tinte);
  display:inline;
}
.stufe p{color:var(--tinte2);font-size:18.5px;margin-top:6px}
.foto{position:relative;margin:0}
.foto figcaption{
  font-family:var(--sans);font-size:14.5px;letter-spacing:.05em;color:var(--tinte2);
  padding:12px 4px 0;text-align:center;
}

.foto-stufen,.foto-stufen2{display:none}
@media (min-width:1400px){
  .foto-stufen{
    display:block;position:absolute;right:-240px;top:14%;width:215px;z-index:2;
  }

  .foto-stufen2{display:none}
  .foto-stufen .bild-rahmen{aspect-ratio:3/3.8}
}
.leichtzeile{
  margin-top:clamp(30px,5vh,52px);font-family:var(--serif);font-weight:600;
  font-size:clamp(21px,2.6vw,28px);color:var(--tinte);max-width:34ch;margin-inline:auto;
}

.spur{
  position:absolute;left:15px;top:18px;bottom:18px;width:2px;border-radius:2px;
  background:var(--linie);pointer-events:none;z-index:0;
}

.stufen-in .spur{left:calc(clamp(0px,10vw,170px) + 15px)}
.spur i{
  display:block;width:100%;height:100%;border-radius:2px;
  background:linear-gradient(180deg,
    var(--gold), var(--mblau) 33%, var(--mgruen) 66%, var(--mhimbeer));
  clip-path:inset(0 0 calc((1 - var(--p,0)) * 100%) 0);
}
html:not(.js) .spur i{--p:1}
.stufen-liste,.schritte{position:relative;z-index:1}
html.js .stufen-liste.spielt .stufe .knoten{color:var(--linie);transition:color .45s ease}
html.js .stufen-liste.spielt .stufe.erreicht .knoten{color:var(--knotenfarbe)}
html.js .schritte.spielt .schritt::before{color:var(--linie);transition:color .45s ease}
html.js .schritte.spielt .schritt.erreicht::before{color:var(--knotenfarbe)}
.stufe .k-gold{--knotenfarbe:var(--gold-tief)}
.stufe .k-blau{--knotenfarbe:var(--mblau)}
.stufe .k-gruen{--knotenfarbe:var(--mgruen)}
.stufe .k-himbeer{--knotenfarbe:var(--mhimbeer)}
.schritt:nth-child(1){--knotenfarbe:var(--gold-tief)}
.schritt:nth-child(2){--knotenfarbe:var(--mblau)}
.schritt:nth-child(3){--knotenfarbe:var(--mgruen)}

.zusammen{background:var(--sand);padding:calc(var(--tor-h) + clamp(36px,6vh,70px)) 0 clamp(80px,11vh,130px)}
.zusammen-grid{
  position:relative;
  display:grid;grid-template-columns:1fr minmax(360px,460px);
  gap:clamp(36px,5vw,90px);margin-top:clamp(26px,4vh,44px);align-items:start;
}
.schritte{display:grid;gap:clamp(28px,4.5vh,48px);position:relative;text-align:left;max-width:52ch}

.schritt{position:relative;padding-left:52px}
.schritt::before{
  content:"";position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;
  border:2px solid currentColor;
  background:radial-gradient(circle,currentColor 0 6px,var(--sand) 7px);
  box-shadow:0 0 0 6px var(--sand);
}
.schritt:nth-child(1){color:var(--gold-tief)}
.schritt:nth-child(2){color:var(--mblau)}
.schritt:nth-child(3){color:var(--mgruen)}
.schritt-l{
  display:block;font-family:var(--sans);font-size:13.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;
}
.sl-gold{color:var(--gold-text)}
.sl-blau{color:var(--blau-text)}
.sl-gruen{color:var(--gruen-text)}
.schritt h3{font-family:var(--serif);font-weight:600;font-size:clamp(20px,2.2vw,24px);line-height:1.28;color:var(--tinte)}
.schritt p{color:var(--tinte2);font-size:18px;margin-top:8px}
.versprechen{
  position:sticky;top:clamp(90px,12vh,130px);
  position:relative;overflow:hidden;
  background:
    radial-gradient(110% 120% at 88% -10%,rgba(225,29,110,.24),transparent 55%),
    linear-gradient(150deg,#A31356,var(--wein) 85%);
  color:var(--bandwarm);border-radius:28px;
  padding:clamp(30px,4.2vw,52px) clamp(26px,3.6vw,52px);
  box-shadow:0 28px 66px rgba(38,12,21,.28),0 6px 16px rgba(38,12,21,.16);
  text-align:left;
}
.versprechen{position:sticky}
.versprechen::before{
  content:"";position:absolute;inset:12px;pointer-events:none;z-index:1;
  border:1px solid rgba(253,235,243,.25);
  border-radius:20px;
}
.versprechen-titel{
  font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(21px,2.4vw,26px);
  color:#fff;margin-bottom:14px;
}
.versprechen p{position:relative;max-width:58ch;font-size:clamp(17px,1.8vw,19px);color:var(--bandwarm)}
.versprechen p+p{margin-top:12px}
.tilted{will-change:transform}
.versprechen strong{color:#fff}
.versprechen-notiz{font-style:italic;opacity:.92;font-size:16px !important;margin-top:18px !important}

.stimmen{background:var(--papier);padding:calc(var(--tor-h) + clamp(40px,7vh,80px)) 0 clamp(80px,11vh,130px)}
.brief-kontext{
  font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--tinte2);margin-top:8px;
}
.brief{
  position:relative;max-width:900px;margin-top:18px;
  background:linear-gradient(180deg,#fff,var(--papier) 60%);
  border:none;border-radius:28px;
  padding:clamp(34px,5vw,64px) clamp(28px,5vw,68px) clamp(28px,4vw,48px);
  box-shadow:0 34px 80px var(--schatten),0 6px 16px var(--schatten-weich);
  text-align:left;
}
.brief::before{
  content:"";position:absolute;inset:14px;pointer-events:none;
  border:1px solid var(--linie);
  border-radius:20px;
}
.brief-zier{
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin-bottom:clamp(18px,3vw,30px);
}
.brief-zier i{
  height:1px;width:clamp(60px,10vw,120px);
  background:linear-gradient(90deg,transparent,var(--gold-tief));
}
.brief-zier i:last-child{background:linear-gradient(90deg,var(--gold-tief),transparent)}
.brief-zier span{
  width:7px;height:7px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 3px #fff,0 0 0 4px var(--gold-tief),0 0 10px 2px rgba(243,146,2,.35);
}
.brief blockquote p{
  font-family:var(--serif);font-size:clamp(18.5px,2vw,20.5px);line-height:1.76;color:var(--tinte);
}
.brief blockquote p+p{margin-top:.9em}
.brief blockquote p:first-child::first-letter{
  font-size:3.1em;font-weight:600;color:var(--akzent);
  float:left;line-height:1.15;padding-right:14px;
}
@media (min-width:1200px){ .brief{max-width:840px} }
.brief figcaption{
  margin-top:22px;padding-top:16px;border-top:1px solid var(--linie);
  font-family:var(--serif);font-style:italic;font-size:18px;color:var(--akzent);
}
.wer-ist{font-family:var(--sans);font-style:normal;font-size:15px;color:var(--tinte2)}
.stimmen-reihe{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,64px);
  margin-top:clamp(40px,6vh,70px);max-width:1080px;
}
.stimme{position:relative;padding-top:18px;margin:0;text-align:left}
.stimme::before{
  content:"";position:absolute;top:0;left:0;width:56px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--himbeer),transparent);opacity:.65;
}
.stimme blockquote p{
  font-family:var(--serif);font-size:clamp(18px,1.9vw,20px);line-height:1.72;color:var(--tinte);
}
.stimme figcaption{
  margin-top:14px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--akzent);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.stimme:nth-child(even){translate:0 clamp(0px,2vw,28px)}

.momente{
  background:var(--sand);
  padding-top:calc(var(--tor-h) + clamp(28px,4vh,52px));
  padding-bottom:clamp(70px,10vh,110px);
  position:relative;overflow:clip;
}
.momente-schiene{
  display:flex;gap:clamp(20px,2.8vw,36px);align-items:flex-start;
  margin-top:44px;overflow-x:auto;overscroll-behavior-x:contain;
  padding:24px clamp(20px,calc((100vw - var(--bahn))/2 + 56px),50vw) 40px;
  scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--akzent) var(--linie);
}
.momente.gepinnt .momente-schiene{
  overflow:visible;width:max-content;scroll-snap-type:none;scrollbar-width:auto;
}
.momente.gepinnt::after{
  content:"";position:absolute;left:50%;bottom:clamp(26px,4vh,44px);translate:-50% 0;
  width:min(260px,30vw);height:2px;border-radius:2px;background:var(--linie);
}
.momente.gepinnt::before{
  content:"";position:absolute;left:calc(50% - min(130px,15vw));bottom:clamp(26px,4vh,44px);
  width:min(260px,30vw);height:2px;border-radius:2px;z-index:1;
  background:linear-gradient(90deg,var(--gold),var(--mblau) 33%,var(--mgruen) 66%,var(--mhimbeer));
  transform:scaleX(var(--rail-p,0));transform-origin:left;
}
.moment{
  flex:0 0 auto;width:clamp(250px,33vw,440px);scroll-snap-align:center;cursor:zoom-in;
  position:relative;transition:transform .45s var(--ease-out);
}
.moment picture{display:block;border-radius:22px;overflow:hidden;background:transparent}
.moment img{
  aspect-ratio:4/3.4;object-fit:cover;width:100%;display:block;
  border-radius:22px;
  box-shadow:0 22px 50px var(--schatten-weich),0 4px 10px var(--schatten-weich);
  transition:box-shadow .45s var(--ease-out),transform .45s var(--ease-out);
}
.moment:nth-child(even){translate:0 18px}
@media (hover:hover) and (pointer:fine){
  .moment:hover{transform:translateY(-6px)}
  .moment:hover img{box-shadow:0 30px 64px var(--schatten)}
}
.moment figcaption{font-family:var(--sans);font-size:14.5px;letter-spacing:.04em;color:var(--tinte2);padding:12px 4px 2px;text-align:center}

.fragen{background:var(--papier);padding:calc(var(--tor-h) + clamp(40px,7vh,80px)) 0 clamp(80px,11vh,130px)}
.fragen-grid{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:clamp(30px,5vw,90px);align-items:start}
.fragen-grid .sh-links{position:sticky;top:calc(var(--head-h) + 30px)}
.faq{text-align:left}
.frage{border-top:1px solid var(--linie)}
.frage:last-child{border-bottom:1px solid var(--linie)}
.frage summary{
  list-style:none;cursor:pointer;position:relative;
  font-family:var(--serif);font-weight:600;font-size:clamp(18px,2vw,21.5px);
  color:var(--tinte);padding:21px 48px 21px 0;line-height:1.42;
  transition:color .3s;
}
.frage summary:hover{color:var(--akzent)}
.frage summary::-webkit-details-marker{display:none}
.frage summary::after{
  content:"";position:absolute;right:10px;top:50%;width:14px;height:14px;translate:0 -50%;
  background:
    linear-gradient(var(--gold-tief),var(--gold-tief)) center/14px 2px no-repeat,
    linear-gradient(var(--gold-tief),var(--gold-tief)) center/2px 14px no-repeat;
  transition:transform .4s var(--ease-out);
}
.frage[open] summary::after{transform:rotate(45deg)}
.antwort{padding:0 0 22px;color:var(--tinte2);font-size:19px;max-width:62ch}

.tueren{
  background:linear-gradient(180deg,var(--wein) 0%,var(--wein-tief) 55%);color:var(--bandwarm);
  padding:calc(var(--tor-h) + clamp(50px,8vh,90px)) 0 clamp(90px,12vh,140px);
  overflow:hidden;
}
.tueren-grid{
  display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(30px,4.5vw,80px);
  position:relative;z-index:2;align-items:start;
}
.tueren-trenner{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,var(--linie-dunkel) 20%,var(--linie-dunkel) 80%,transparent)}
.tuer{text-align:left}
.tuer-titel{
  font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.4vw,42px);
  color:#fff;letter-spacing:-.012em;margin-bottom:8px;
}
.tuer .lauftext{max-width:46ch}
.tuer .btn-geist{margin-top:26px}

.finale{background:var(--papier);padding-top:calc(var(--tor-h) + clamp(30px,5vh,60px));padding-bottom:clamp(70px,10vh,110px)}
.finale .fleck-rose{width:54vw;height:42vw;max-width:780px;left:-16vw;top:6%;--fleck-farbe:var(--rose);opacity:.75}
.finale .fleck-gold{width:28vw;height:24vw;max-width:400px;right:2vw;bottom:0;--fleck-farbe:rgba(243,146,2,.5);opacity:.2}
.falter-finale{top:clamp(70px,12vh,130px);right:clamp(16px,7vw,140px);width:150px}
.finale-grid{
  display:grid;grid-template-columns:1fr minmax(400px,520px);
  gap:clamp(40px,6vw,110px);align-items:center;position:relative;z-index:3;
}
.finale-links{text-align:left}
.finale-titel{
  font-family:var(--serif);font-weight:600;letter-spacing:-.018em;
  font-size:clamp(38px,4.8vw,66px);line-height:1.05;color:var(--tinte);text-wrap:balance;
}
.knapp{
  font-family:var(--serif);font-weight:600;font-size:clamp(17.5px,1.9vw,20px);
  color:var(--tinte);margin-top:20px;max-width:44ch;
}
.direkt{font-family:var(--sans);font-size:17px;color:var(--tinte2);margin-top:26px}
.direkt a{color:var(--akzent);font-weight:600;text-decoration:none;border-bottom:1px solid var(--linie)}
.direkt a:hover{color:var(--akzent-tief);border-color:var(--akzent)}

.anfrage{
  position:relative;background:#fff;border:1px solid var(--linie);
  border-radius:24px;padding:clamp(28px,3.6vw,44px);
  box-shadow:0 30px 70px var(--schatten),0 6px 16px var(--schatten-weich);
  text-align:left;
}
.anfrage-titel{
  font-family:var(--serif);font-weight:600;font-size:clamp(23px,2.4vw,28px);
  color:var(--tinte);letter-spacing:-.01em;
}
.feld{position:relative;margin-top:1.9rem}
.feld input,.feld textarea{
  width:100%;background:transparent;border:0;border-bottom:1.5px solid var(--linie);
  color:var(--tinte);font:500 18px/1.5 var(--sans);
  padding:.7rem 0 .5rem;outline:none;resize:none;border-radius:0;
}
.feld label{
  position:absolute;left:0;top:.68rem;color:var(--tinte2);pointer-events:none;
  font:500 17px var(--sans);
  transition:transform .3s var(--ease-out),color .3s;transform-origin:left;
}
.feld.gefuellt label,.feld :focus + label{transform:translateY(-1.45rem) scale(.78);color:var(--akzent)}
.feld .balken{position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--akzent);transition:width .35s var(--ease-out)}
.feld :focus ~ .balken{width:100%}
.feld.fehlt input,.feld.fehlt textarea{border-bottom-color:var(--mrot)}
.feld.fehlt label{color:var(--mrot)}
.feld .fehler-text{
  position:absolute;right:0;bottom:-1.25rem;font:500 13px var(--sans);color:var(--mrot);
  opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;
}
.feld.fehlt .fehler-text{opacity:1;transform:none}
.wackeln{animation:wackeln .4s cubic-bezier(.36,.07,.19,.97)}
@keyframes wackeln{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}
.anfrage-senden{width:100%;margin-top:2.2rem}
.anfrage-senden[disabled]{opacity:.7;cursor:progress}
.anfrage .cta-notiz{max-width:none;text-align:center;font-size:14px}
.anfrage-danke{
  position:absolute;inset:0;border-radius:24px;background:#fff;
  display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;
  padding:30px;opacity:0;transition:opacity .5s ease;
}

.anfrage-danke[hidden]{display:none}
.anfrage-danke.an{opacity:1}
.anfrage-danke .siegel{width:74px;height:74px}
.anfrage-danke h3{font-family:var(--serif);font-weight:600;font-size:clamp(23px,2.4vw,28px);color:var(--tinte)}
.anfrage-danke p{font-family:var(--sans);font-size:16.5px;color:var(--tinte2);max-width:34ch}
.anfrage-panne{
  margin-top:14px;font:500 15px/1.55 var(--sans);color:var(--tinte);
  background:var(--rose);border-radius:10px;padding:12px 14px;
}
.anfrage-panne a{color:var(--akzent);font-weight:600}

#konfetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:400}

.fuss{background:var(--wein-tief);color:var(--bandwarm);padding:calc(var(--tor-h) * .75 + 34px) 0 120px;position:relative}
.fuss-in{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.fuss-logo{width:110px;height:auto;margin-bottom:14px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}
.fuss-zeile{display:flex;align-items:center;gap:16px;font-family:var(--sans);font-size:15px;flex-wrap:wrap;justify-content:center}
.fuss-strich{flex:1;min-width:40px;height:1px;background:currentColor;opacity:.4;transform:scaleX(0);transform-origin:center;transition:transform 1.4s var(--ease-out)}
.fuss-in.in .fuss-strich{transform:scaleX(1)}
.fuss-kontakt{font-family:var(--sans);font-size:15px}
.fuss-kontakt a{color:var(--bandwarm);text-decoration:none;border-bottom:1px solid rgba(247,236,230,.35)}
.fuss-kontakt a:hover{color:#fff;border-color:var(--gold)}
.fuss-recht{font-family:var(--sans);font-size:14px;opacity:.75}
.credit{margin-top:16px;font-family:var(--sans);font-size:14px}
.credit a{
  color:#D21F58;text-decoration:none;font-weight:700;
  background:#fff;border-radius:20px;padding:4px 12px;margin-left:2px;
}
.credit a:hover{text-decoration:underline}

.mobil-cta{display:none}
@media (max-width:920px){
  .mobil-cta{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;
    padding:.65rem .9rem calc(.65rem + env(safe-area-inset-bottom));
    background:rgba(255,253,251,.93);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
    border-top:1px solid var(--linie);
    transform:translateY(110%);transition:transform .5s var(--ease-out);
  }
  .mobil-cta.an{transform:none}
  .mobil-cta .btn{width:100%;padding-block:.95rem}
  .menu-offen .mobil-cta{transform:translateY(110%)}
}

.lichtbox{
  position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  background:rgba(38,12,21,.96);
}
.lichtbox[hidden]{display:none}
.lb-buehne{max-width:min(90vw,1100px);max-height:86vh;display:flex;flex-direction:column;gap:12px}
.lb-buehne img{max-height:76vh;width:auto;max-width:100%;margin-inline:auto;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb-buehne figcaption{font-family:var(--sans);font-size:14.5px;color:var(--bandwarm);text-align:center}
.lb-zu{
  position:absolute;top:18px;right:22px;background:none;border:none;color:var(--bandwarm);
  font-size:38px;line-height:1;cursor:pointer;padding:8px;
}
.lb-pfeil{
  position:absolute;top:50%;translate:0 -50%;background:rgba(247,236,230,.1);border:1px solid rgba(247,236,230,.35);
  color:var(--bandwarm);font-size:30px;line-height:1;width:54px;height:54px;border-radius:50%;cursor:pointer;
  transition:background .3s,border-color .3s;
}
.lb-pfeil:hover{background:rgba(243,146,2,.25);border-color:var(--gold)}
.lb-zurueck{left:clamp(8px,3vw,36px)}
.lb-vor{right:clamp(8px,3vw,36px)}
.lb-zaehler{position:absolute;bottom:20px;left:50%;translate:-50% 0;font-family:var(--sans);font-size:14px;color:var(--bandwarm);letter-spacing:.12em}

html.js [data-rv]{opacity:0;transform:translateY(26px)}
html.js [data-rv].rv-in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s var(--ease-out)}
html.js .held-bild,html.js .strang{visibility:visible}
html.js .held-bild{opacity:0}
html.js .strang{visibility:hidden}
html.js .strang.bereit{visibility:visible}

@media (max-width:1180px){
  .held-bild{max-width:380px}
  .falter-hero{right:-10px;width:130px}
}
@media (max-width:1020px){
  .hauptnav{display:none}
  .burger{display:block}
  .kopf-in{padding:7px 8px 7px 16px}
  .marke img{height:40px}
  .held-in{grid-template-columns:1fr;text-align:center}
  .held-text{display:flex;flex-direction:column;align-items:center;text-align:center;order:1}
  .held-h1{font-size:clamp(46px,11vw,72px)}
  .held-bild{order:2;justify-self:center;margin-top:52px;max-width:min(340px,76vw)}
  .ruf-links::after{display:inline-block}
  .sh-links{text-align:center;max-width:none;margin-inline:auto}
  .editorial-spalte,.mittig-schmal{margin-inline:auto;text-align:center}
  .lauftext,.grosszeile{margin-inline:auto}
  .lauftext.links{margin-inline:auto;text-align:center}
  .badge{margin-inline:auto;text-align:left}
  .vertrauen{justify-content:center}
  .wissen-liste{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
  .wissen-liste li{flex-direction:column;align-items:center;text-align:center;gap:12px}
  .wissen-liste li:nth-child(even){translate:0 0}
  .split{grid-template-columns:1fr}
  .split-medien{position:static;height:auto;justify-items:center;order:2;margin-top:30px}
  .split-text{order:1;padding-top:0}
  .split-kapitel{min-height:0;padding-block:26px;justify-items:center;text-align:center}
  .split-kapitel .grosszeile,.split-kapitel .lauftext{margin-inline:auto}
  .weg-titel{justify-content:center}
  .weg-text{text-align:left}
  .stapel-bild{position:static;clip-path:none;transition:none;display:none}
  .stapel-bild.an{display:block}
  .bild-stapel{aspect-ratio:auto;width:min(400px,86vw)}
  .stapel-bild .bild-rahmen,.bild-stapel .bild-rahmen{aspect-ratio:3/2.4}
  .arten{grid-template-columns:1fr;gap:30px;justify-items:center}
  .art{text-align:center}
  .art p{margin-inline:auto}
  .flechte{max-width:560px;margin-inline:auto}
  .stufen-kopf{text-align:center;margin-inline:auto}
  .stufen-in{margin-inline:auto}
  .stufe{padding-left:0;text-align:center}
  .stufe .knoten{position:relative;left:auto;top:auto;margin:0 auto 12px;background:var(--papier)}
  .spur{left:50%;translate:-50% 0}
  .stufe > div{margin-inline:auto}
  .zusammen-grid{grid-template-columns:1fr;gap:40px}
  .schritte{margin-inline:auto;max-width:480px}
  .schritt{padding-left:0;text-align:center;display:grid;justify-items:center}
  .schritt::before{position:relative;left:auto;top:auto;margin:0 auto 14px;background:radial-gradient(circle,currentColor 0 6px,var(--sand) 7px)}
  .schritt p{margin-inline:auto}
  .spur-schritte{left:50%;translate:-50% 0}
  .versprechen{position:relative;top:0;max-width:640px;margin-inline:auto;text-align:center}
  .versprechen p{margin-inline:auto}
  .stimmen-reihe{grid-template-columns:1fr;max-width:600px;margin-inline:auto}
  .stimme{text-align:center;padding-top:18px}
  .stimme::before{left:50%;translate:-50%}
  .stimme:nth-child(even){translate:0 0}
  .stimme figcaption{justify-content:center}
  .brief{margin-inline:auto}
  .brief-kontext{display:block;text-align:center}
  .fragen-grid{grid-template-columns:1fr;gap:20px}
  .fragen-grid .sh-links{position:static}
  .tueren-grid{grid-template-columns:1fr;gap:48px}
  .tueren-trenner{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--linie-dunkel) 20%,var(--linie-dunkel) 80%,transparent)}
  .tuer{text-align:center;display:flex;flex-direction:column;align-items:center}
  .tuer .lauftext{margin-inline:auto;text-align:center}
  .finale-grid{grid-template-columns:1fr;gap:44px}
  .finale-links{text-align:center;display:flex;flex-direction:column;align-items:center}
  .knapp{margin-inline:auto}
  .falter-finale{right:4vw;width:110px;top:clamp(60px,10vh,110px)}
  .falter-hero{display:none}
  .stimmen .bahn,.momente-kopf,.wissen .bahn,.mitternacht .bahn,.drei-arten .bahn{text-align:center}
  .mond{top:clamp(70px,10vh,120px)}
  .fuss{padding-bottom:140px}
}
@media (max-width:640px){
  .btn{width:100%;max-width:420px}
  .btn-klein{width:auto}
  .cta-reihe{display:flex;flex-direction:column;align-items:center;width:100%}
  .held-h1{font-size:clamp(42px,12.5vw,56px)}
  .zwischenruf::before,.zwischenruf::after{width:20px}
  .moment{width:min(78vw,340px)}
  .lb-pfeil{width:44px;height:44px;font-size:24px}
  .brief blockquote p:first-child::first-letter,
  .weg-text p:first-child::first-letter{float:none;font-size:inherit;color:inherit;padding:0;font-weight:inherit;line-height:inherit}
  .weg-text{text-align:left}
  .anfrage{padding:24px 20px}
  .buehne-laut .zl{white-space:normal}
  .badge{flex-direction:column;text-align:center;gap:10px}
}

@media (prefers-reduced-motion:reduce){
  html.js [data-rv]{opacity:1;transform:none;transition:none}
  html.js .held-bild{opacity:1}
  html.js .strang{visibility:visible;stroke-dasharray:none !important;stroke-dashoffset:0 !important}
  .zl{transform:none !important}
  .zeile{overflow:visible}
  .lauf-in{animation:none}
  .s1,.s2,.s3,.gl{animation:none;opacity:.5}
  .falter-korpus{animation:none}
  .fuss-strich{transform:scaleX(1);transition:none}
  .menue,.menue a,.moment,.btn,.kopf-in,.marke img,.stapel-bild{transition:none}
  .stapel-bild{clip-path:none}
  .stapel-bild:not(.an){display:none}
  .moment img{filter:none}
  *{scroll-behavior:auto !important}
}

.stimmprobe{margin-top:clamp(40px,6vh,64px);max-width:640px}
.stimmprobe[hidden]{display:none}
.probe{
  display:flex;align-items:center;gap:clamp(16px,2.4vw,26px);margin-top:18px;
  background:#fff;border:1px solid var(--linie);border-radius:24px;
  padding:clamp(16px,2.2vw,22px) clamp(18px,2.6vw,26px);
  box-shadow:0 18px 44px var(--schatten-weich);
}
.probe-knopf{
  flex:0 0 auto;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;
  background:var(--akzent);color:#fff;display:grid;place-content:center;position:relative;
  box-shadow:0 10px 24px rgba(142,16,67,.26);
  transition:background .3s var(--ease-out),transform .16s var(--ease-out);
}
.probe-knopf:hover{background:var(--akzent-tief)}
.probe-knopf:active{transform:scale(.95)}
.probe-knopf svg{width:26px;height:26px;fill:currentColor}
.probe-knopf .ikon-pause{display:none}
.probe-knopf.laeuft .ikon-play{display:none}
.probe-knopf.laeuft .ikon-pause{display:block}
.probe-mitte{flex:1;min-width:0}
.probe-titel{
  font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tinte2);
}
.probe-welle{display:block;width:100%;height:46px;margin-top:8px}
.probe-zeit{
  display:flex;justify-content:space-between;
  font-family:var(--sans);font-size:13.5px;color:var(--tinte2);
  font-variant-numeric:tabular-nums;margin-top:4px;
}

.anlaesse{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(18px,2.6vh,26px);
}
.anlass-chip{
  font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--tinte);
  background:rgba(255,255,255,.7);border:1px solid var(--linie);border-radius:999px;
  padding:9px 18px;cursor:pointer;text-decoration:none;
  transition:background .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out);
}
.anlass-chip:hover{background:var(--akzent);border-color:var(--akzent);color:#fff}
.anlass-titel{
  font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--tinte2);margin-top:clamp(20px,3vh,30px);
}

.faq-mikro{
  margin-top:26px;font-family:var(--sans);font-size:16px;color:var(--tinte2);
}
.faq-mikro a{color:var(--akzent);font-weight:600;text-decoration:none;border-bottom:1px solid var(--linie)}
.faq-mikro a:hover{border-color:var(--akzent)}

@media (max-width:1020px){
  .anlaesse{justify-content:center}
  .stimmprobe{margin-inline:auto;text-align:center}
  .probe{text-align:left}
}
@media (max-width:640px){
  .probe{flex-direction:column;align-items:stretch;text-align:center}
  .probe-knopf{margin:0 auto}
}

.uhrzeit{
  position:absolute;right:clamp(16px,4vw,80px);top:48%;translate:0 -50%;
  font-family:var(--serif);font-weight:400;
  font-size:clamp(72px,10.5vw,168px);line-height:1;letter-spacing:-.04em;
  color:var(--himbeer);opacity:.085;pointer-events:none;z-index:0;
  font-variant-numeric:tabular-nums;display:flex;align-items:baseline;
}
.uhrzeit i{font-style:normal;opacity:.5;margin:0 .04em}
html.js .gedanke{transition-delay:var(--gd,0s)}
.gedanke:nth-of-type(2){--gd:.12s}
.gedanke:nth-of-type(3){--gd:.24s}
.gedanke:nth-of-type(4){--gd:.36s}

.unterstrich{position:relative;white-space:nowrap}
.unterstrich::after{
  content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;height:8px;
  background:no-repeat center/100% 100%
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 7 C 40 2, 70 9, 108 5 S 170 2, 198 6' fill='none' stroke='%23B8156A' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
  transform:scaleX(0);transform-origin:left;
  transition:transform .7s var(--ease-out) .15s;
}
.rv-in .unterstrich::after,[data-rv].rv-in .unterstrich::after{transform:scaleX(1)}

.stufen-in{padding-left:clamp(0px,10vw,170px)}
.stufen-zaehler{
  position:absolute;left:0;top:0;width:clamp(90px,11vw,150px);height:100%;
  pointer-events:none;display:none;
}
.stufen-zaehler span{
  position:sticky;top:44vh;display:block;
  font-family:var(--serif);font-weight:600;
  font-size:clamp(64px,8vw,124px);line-height:1;letter-spacing:-.04em;
  color:var(--akzent);opacity:.16;font-variant-numeric:tabular-nums;
  transition:opacity .4s ease;
}
@media (min-width:1021px){ .stufen-zaehler{display:block} }
.stufe{transition:opacity .5s ease}
html.js .stufen-liste.spielt .stufe{opacity:.42}
html.js .stufen-liste.spielt .stufe.aktiv{opacity:1}

.frage summary{font-style:italic}
.frage summary::before{content:"„";color:var(--himbeer);opacity:.55;margin-right:2px}
.frage summary.hat-quote::before{content:none}
.frage summary::first-line{font-style:italic}
.antwort p{position:relative;padding-left:44px;font-style:normal}
.antwort .wer{
  position:absolute;left:0;top:2px;
  width:30px;height:30px;border-radius:50%;
  display:grid;place-content:center;
  font-family:var(--serif);font-weight:700;font-size:15px;
  color:#fff;background:var(--akzent);
}

.stimmen-reihe{position:relative}
.grosszitat{
  position:absolute;left:50%;top:-56px;translate:-50% 0;
  font-family:var(--serif);font-weight:700;font-size:clamp(140px,18vw,260px);
  line-height:1;color:var(--himbeer);opacity:.07;pointer-events:none;
}

.tuer{position:relative;border-radius:28px;padding:clamp(22px,3vw,34px);transition:background .5s ease}
.tuer::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(80% 60% at 50% 0%,rgba(243,146,2,.16),transparent 70%);
  opacity:0;transition:opacity .6s ease;
}
@media (hover:hover) and (pointer:fine){
  .tuer:hover::before{opacity:1}
  .tuer:hover{background:rgba(253,235,243,.05)}
}

.abflug{
  position:absolute;right:6%;top:8%;width:min(200px,42%);
  pointer-events:none;opacity:0;overflow:visible;
}
.abflug-bahn{stroke:var(--himbeer);stroke-width:1.4;stroke-dasharray:1 7;stroke-linecap:round;opacity:.5}
.abflug-falter{transform-box:fill-box;transform-origin:center}

@media (max-width:1020px){
  .uhrzeit{font-size:clamp(70px,22vw,140px);opacity:.07;top:auto;bottom:6%;right:4vw;translate:0 0}
  .stufen-in{padding-left:0}
  .grosszitat{top:-40px}
}
@media (prefers-reduced-motion:reduce){
  .unterstrich::after{transform:scaleX(1);transition:none}
  html.js .stufen-liste.spielt .stufe{opacity:1}
  .abflug{display:none}
}

.lichtflaeche{position:relative;isolation:isolate}
.lichtflaeche > .bahn{position:relative;z-index:2}

.halo{
  position:absolute;pointer-events:none;z-index:0;
  width:min(120vw,1500px);aspect-ratio:1.35;
  border-radius:50%;
  background:radial-gradient(closest-side,
    rgba(255,248,238,.95) 0%, rgba(253,238,232,.6) 38%, rgba(251,239,245,0) 72%);
}
.lichtflaeche[data-licht="warm"] .halo{right:-18vw;top:-30vh}
.lichtflaeche[data-licht="kuehl"] .halo{left:-22vw;bottom:-34vh;
  background:radial-gradient(closest-side,
    rgba(255,252,246,.9) 0%, rgba(251,227,238,.55) 40%, rgba(251,239,245,0) 74%);}

.tagschimmer{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:0;opacity:.85;
}

.staub{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.staub i{
  position:absolute;bottom:-8%;width:4px;height:4px;border-radius:50%;
  background:radial-gradient(circle,rgba(243,146,2,.55),rgba(243,146,2,0) 70%);
  animation:schweben var(--dauer,26s) linear var(--verzug,0s) infinite;
  opacity:0;
}
@keyframes schweben{
  0%{transform:translate3d(0,0,0) scale(.7);opacity:0}
  12%{opacity:var(--staerke,.7)}
  80%{opacity:var(--staerke,.7)}
  100%{transform:translate3d(var(--drift,14px),calc(-1 * var(--weg,110vh)),0) scale(1.15);opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .staub{display:none}
}

.laterne-schein{
  position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;
  pointer-events:none;z-index:3;opacity:0;

  background:radial-gradient(closest-side,
    rgba(243,146,2,.055) 0%, rgba(243,146,2,.022) 45%, rgba(243,146,2,0) 74%);
  transition:opacity .7s ease;
  will-change:transform;
}
.laterne-schein.an{opacity:1}

.kapitelmarke{
  position:fixed;left:clamp(10px,2vw,26px);top:50%;translate:0 -50%;
  z-index:60;pointer-events:none;
  display:flex;align-items:center;gap:12px;
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:var(--sans);font-size:12.5px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--tinte2);
  opacity:0;transition:opacity .5s ease;
}
.kapitelmarke.an{opacity:.62}
.kapitelmarke .ziffer{
  font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:15px;letter-spacing:.06em;text-transform:none;color:var(--akzent);
}
.kapitelmarke .strich{width:1px;height:34px;background:var(--linie)}

.kapitelmarke.dunkel{color:var(--bandwarm2)}
.kapitelmarke.dunkel .ziffer{color:var(--stern-gold)}
.kapitelmarke.dunkel .strich{background:rgba(253,235,243,.35)}
@media (max-width:1180px){ .kapitelmarke{display:none} }

.kopf-in{transition:box-shadow .45s var(--ease-out),background .45s var(--ease-out),border-color .45s var(--ease-out)}
.kopf.auf-dunkel .kopf-in{
  background:rgba(52,8,26,.62);
  border-color:rgba(253,235,243,.16);
  box-shadow:0 14px 40px rgba(20,4,11,.34),0 2px 8px rgba(20,4,11,.2);
}
.kopf.auf-dunkel.gescrollt .kopf-in{
  background:rgba(52,8,26,.78);
  box-shadow:0 18px 50px rgba(20,4,11,.42),0 2px 8px rgba(20,4,11,.24);
}

.marke img{transition:transform .35s var(--ease-out),filter .45s var(--ease-out)}
.kopf.auf-dunkel .marke img{filter:brightness(0) invert(1) opacity(.95)}
.kopf.auf-dunkel .hauptnav a:not(.btn){color:var(--bandwarm)}
.kopf.auf-dunkel .hauptnav a:not(.btn)::after{background:var(--gold)}
.kopf.auf-dunkel .burger span{background:var(--bandwarm)}

.kopf.auf-dunkel .btn-klein{
  background:var(--bandwarm);color:var(--wein-tief);
  box-shadow:0 8px 22px rgba(20,4,11,.34);
}
.kopf.auf-dunkel .btn-klein:hover{background:#fff;color:var(--wein-tief)}
.kopf.auf-dunkel .btn-klein .ripple{background:rgba(92,11,44,.28)}

.kopf.auf-dunkel .scroll-fortschritt i{filter:saturate(1.15) brightness(1.18)}

body:not(.mit-vollbild) .vollbild-band{display:none}
.vollbild-band{
  position:relative;width:100%;overflow:hidden;isolation:isolate;
  height:clamp(300px,44vh,470px);background:var(--sand);
}
.vollbild-band img{
  position:absolute;inset:0;width:100%;height:140%;top:-20%;
  object-fit:cover;object-position:50% 42%;
  display:block;
}

.vollbild-band::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    linear-gradient(180deg,var(--sand) 0%,rgba(251,239,245,0) 16%),
    linear-gradient(0deg,var(--sand) 0%,rgba(251,239,245,0) 16%),
    radial-gradient(130% 90% at 50% 45%,rgba(92,11,44,0) 52%,rgba(92,11,44,.16) 100%);
}

body.mit-papier::after{
  content:"";position:fixed;inset:0;z-index:115;pointer-events:none;
  opacity:.03;
  background-image:
    radial-gradient(125% 105% at 50% 50%,rgba(92,11,44,0) 58%,rgba(92,11,44,.5) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  background-size:100% 100%,180px 180px;
}

.kap-kopf{position:relative;z-index:0}
.kap-wz{
  position:absolute;z-index:-1;pointer-events:none;user-select:none;
  left:clamp(20px,4vw,56px);top:-.30em;
  translate:-6px 0;
  font-family:var(--serif);font-weight:600;font-style:normal;
  font-size:clamp(78px,11vw,168px);line-height:1;letter-spacing:-.015em;
  color:var(--himbeer);opacity:.075;
}
.kap-wz-mitte{left:50%;translate:-50% 0}
.kap-wz-hell{color:var(--gold);opacity:.11}

@media (max-width:1020px){ .kap-wz{left:50%;translate:-50% 0} }
@media (max-width:640px){ .kap-wz{font-size:clamp(62px,17vw,96px);top:-.24em} }

body.arten-schichtung .flechte{display:none}
body.arten-schichtung .flecht-buehne{margin-top:clamp(14px,2.6vh,30px)}

body.arten-schichtung .arten{
  grid-template-columns:repeat(3,1fr);
  gap:0;align-items:start;
  margin-top:clamp(22px,3vw,40px);
  padding-bottom:clamp(26px,3.4vw,48px);
}
body.arten-schichtung .art{
  position:relative;padding:clamp(28px,2.4vw,38px) clamp(24px,2.2vw,34px) clamp(26px,2.2vw,34px);
  text-align:left;border-radius:24px;
  background:var(--papier);
  border:1px solid var(--linie);
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);
}

body.arten-schichtung .art-1{
  margin-top:clamp(34px,5vw,70px);z-index:1;
  box-shadow:0 8px 24px rgba(38,12,21,.05);
}
body.arten-schichtung .art-2{
  margin-top:clamp(17px,2.5vw,35px);margin-left:clamp(-52px,-3.2vw,-28px);z-index:2;
  box-shadow:-16px 16px 38px rgba(38,12,21,.09),0 2px 6px rgba(38,12,21,.04);
}
body.arten-schichtung .art-3{
  margin-top:0;margin-left:clamp(-52px,-3.2vw,-28px);z-index:3;
  box-shadow:-22px 22px 54px rgba(38,12,21,.13),0 3px 10px rgba(38,12,21,.05);
}

body.arten-schichtung .art-zahl{
  position:absolute;top:calc(clamp(28px,2.4vw,38px) * -.5);
  left:clamp(24px,2.2vw,34px);margin-bottom:0;
  width:40px;height:40px;font-size:16px;
  box-shadow:0 8px 20px rgba(38,12,21,.16);
  border:3px solid var(--papier);
}

body.arten-schichtung .art-1,
body.arten-schichtung .art-2{
  padding-right:calc(clamp(24px,2.2vw,34px) + clamp(28px,3.2vw,52px));
}
body.arten-schichtung .art h3{margin-top:6px}
body.arten-schichtung .art p{max-width:none}
@media (hover:hover) and (pointer:fine){
  body.arten-schichtung .art:hover{transform:translateY(-5px)}
  body.arten-schichtung .art-3:hover{box-shadow:-26px 28px 66px rgba(38,12,21,.16),0 3px 10px rgba(38,12,21,.06)}
}

@media (max-width:1020px){
  body.arten-schichtung .arten{grid-template-columns:1fr;gap:26px;justify-items:stretch;max-width:560px;margin-inline:auto}
  body.arten-schichtung .art{text-align:left;margin:0 !important;padding-right:clamp(24px,2.2vw,34px)}
  body.arten-schichtung .art p{margin-inline:0}
  body.arten-schichtung .art-1,body.arten-schichtung .art-2,body.arten-schichtung .art-3{margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  body.arten-schichtung .art{transition:none}
}

.buehne,
.tueren,
.fuss,
.versprechen{color:#fff}
.lauftext.hell,
.buehne .lauftext.hell,
.tueren .lauftext.hell,
.versprechen p{color:#fff}
.buehne-leise{color:#fff;opacity:.72}
.lauf-satz{color:#fff}
.fuss-kontakt a{color:#fff;border-bottom-color:rgba(255,255,255,.42)}
.fuss-recht{opacity:.8}
.btn-geist{color:#fff;border-color:rgba(255,255,255,.55)}
.btn-geist:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.lb-buehne figcaption,.lb-zu,.lb-pfeil,.lb-zaehler{color:#fff}
.kapitelmarke.dunkel{color:#fff}
.kopf.auf-dunkel .hauptnav a:not(.btn){color:#fff}

.halo{
  background:radial-gradient(closest-side,
    rgba(255,248,238,.62) 0%, rgba(253,238,232,.34) 40%, rgba(251,239,245,0) 74%);
}
.lichtflaeche[data-licht="kuehl"] .halo{
  background:radial-gradient(closest-side,
    rgba(255,252,246,.58) 0%, rgba(251,227,238,.30) 42%, rgba(251,239,245,0) 76%);
}
.tagschimmer{opacity:1}

.momente > .momente-schiene,
.momente > .bahn{position:relative;z-index:2}

@media (min-width:921px){
  .tueren-grid{align-items:stretch}
  .tuer{display:flex;flex-direction:column;align-items:flex-start}
  .tuer .lauftext{margin-bottom:26px}
  .tuer .btn-geist{margin-top:auto}
}

@media (min-width:1021px){
  .split-medien{
    height:auto;
    top:clamp(96px, calc(50svh - 310px), 200px);
    align-content:start;
  }
}

.az-gold{background:var(--gold);color:var(--tinte)}

.marginalie{
  position:absolute;z-index:1;pointer-events:none;
  width:clamp(150px,20vw,320px);height:auto;overflow:visible;
  fill:none;stroke:var(--wein-tief);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
  opacity:.11;
}
.mrg-rechts{right:clamp(-30px,-1vw,0px)}
.mrg-links{left:clamp(-30px,-1vw,0px)}
.mrg-hoch{top:clamp(70px,11vh,130px)}
.mrg-tief{bottom:clamp(30px,6vh,80px)}

.lichtflaeche[data-licht="kuehl"] .marginalie{stroke:#5A2340;opacity:.10}
html.js .marginalie{opacity:0}
html.js .marginalie.gezeichnet{opacity:.11;transition:opacity 1.2s ease}
html.js .lichtflaeche[data-licht="kuehl"] .marginalie.gezeichnet{opacity:.10}
@media (max-width:1020px){ .marginalie{width:clamp(120px,34vw,200px);opacity:.08} }
@media (prefers-reduced-motion:reduce){
  html.js .marginalie{opacity:.11}
  .marginalie use{stroke-dasharray:none !important;stroke-dashoffset:0 !important}
}

.mitternacht .marginalie{width:clamp(110px,12.5vw,180px);bottom:clamp(18px,3.5vh,44px)}
html.js .marginalie.gezeichnet{opacity:.13}
html.js .lichtflaeche[data-licht="kuehl"] .marginalie.gezeichnet{opacity:.12}

.momente-schiene{align-items:flex-end;position:relative}

.moment{
  --k-w:300px; --k-h:300px; --versatz:0px;
  width:var(--k-w);flex:0 0 auto;
  transform:translateY(var(--versatz));
}

.moment:nth-child(2){--k-w:clamp(230px,23vw,320px);--k-h:clamp(230px,23vw,320px);--versatz:0px}
.moment:nth-child(3){--k-w:clamp(190px,19vw,262px);--k-h:clamp(205px,20.5vw,284px);--versatz:-46px}
.moment:nth-child(4){--k-w:clamp(258px,26vw,360px);--k-h:clamp(248px,25vw,346px);--versatz:16px}
.moment:nth-child(5){--k-w:clamp(178px,18vw,246px);--k-h:clamp(196px,19.6vw,270px);--versatz:-24px}
.moment:nth-child(6){--k-w:clamp(222px,22vw,306px);--k-h:clamp(232px,23vw,320px);--versatz:8px}

.bogen{
  display:block;position:relative;
  width:100%;height:var(--k-h);
  padding:8px;
  background:linear-gradient(180deg,rgba(255,253,251,.97),rgba(255,253,251,.8));
  box-shadow:0 20px 44px rgba(38,12,21,.12),0 3px 9px rgba(38,12,21,.05);
  transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out);
}

.moment:nth-child(2) .bogen{border-radius:58% 42% 47% 53% / 55% 50% 50% 45%}
.moment:nth-child(3) .bogen{border-radius:44% 56% 62% 38% / 48% 58% 42% 52%}
.moment:nth-child(4) .bogen{border-radius:52% 48% 38% 62% / 60% 43% 57% 40%}
.moment:nth-child(5) .bogen{border-radius:63% 37% 54% 46% / 42% 57% 43% 58%}
.moment:nth-child(6) .bogen{border-radius:47% 53% 43% 57% / 53% 46% 54% 47%}
.moment picture,.moment img{border-radius:inherit}

.bogen::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border:1px solid rgba(201,120,0,.5);
  border-radius:inherit;
}
.bogen::before{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:.85;pointer-events:none;
  box-shadow:0 0 0 4px rgba(243,146,2,.16);
}
.moment:nth-child(2) .bogen::before{right:6%;top:8%}
.moment:nth-child(3) .bogen::before{left:2%;bottom:20%}
.moment:nth-child(4) .bogen::before{right:2%;bottom:16%;background:var(--mhimbeer);box-shadow:0 0 0 4px rgba(214,45,103,.16)}
.moment:nth-child(5) .bogen::before{left:8%;top:6%;background:var(--mblau);box-shadow:0 0 0 4px rgba(26,118,198,.16)}
.moment:nth-child(6) .bogen::before{right:8%;top:10%;background:var(--mgruen);box-shadow:0 0 0 4px rgba(23,138,70,.16)}

.moment picture{display:block;width:100%;height:100%;overflow:hidden;background:transparent}
.moment img{width:100%;height:100%;object-fit:cover;display:block}
.moment figcaption{
  font-family:var(--sans);font-size:14.5px;letter-spacing:.04em;color:var(--tinte2);
  padding:16px 2px 0;text-align:left;max-width:24ch;
}
@media (hover:hover) and (pointer:fine){
  .moment:hover .bogen{transform:translateY(-8px) rotate(-1.2deg);
    box-shadow:0 30px 60px rgba(38,12,21,.17),0 4px 12px rgba(38,12,21,.06)}
}

.falter-momente{
  position:absolute;left:clamp(300px,32vw,460px);top:-8px;
  width:clamp(420px,46vw,660px);height:auto;z-index:3;
  pointer-events:none;overflow:visible;
}
.falter-momente .flugbahn{
  stroke-dasharray:900;
  stroke-dashoffset:calc(900px * (1 - var(--rail-p, 0)));
}
.falter-momente .falter-korpus{
  opacity:calc((var(--rail-p, 0) - .70) * 4);
  transform:scale(1.5);transform-origin:588px 34px;
}

@media (max-width:1020px){
  .momente-schiene{align-items:flex-start}
  .moment{--k-w:min(72vw,340px) !important;--k-h:min(72vw,340px) !important;--versatz:0px !important}
  .moment figcaption{text-align:center;max-width:none;margin-inline:auto}
  .falter-momente{display:none}
}
@media (prefers-reduced-motion:reduce){
  .bogen{transition:none}
  .falter-momente .flugbahn{stroke-dashoffset:0}
  .falter-momente .falter-korpus{opacity:1}
}

:root{
  --sek-oben:calc(var(--tor-h) + clamp(44px,6.5vh,80px));
  --sek-unten:clamp(76px,10vh,124px);
  --sek-ohne-tor:clamp(72px,9.5vh,116px);
  --block-abstand:clamp(30px,4.5vh,52px);
}
.mitternacht,.erzaehler,.zusammen,.stimmen,.fragen{
  padding-top:var(--sek-oben);padding-bottom:var(--sek-unten);
}
.drei-arten{padding-top:var(--sek-oben);padding-bottom:clamp(56px,7.5vh,92px)}
.fuenf-stufen{padding-top:var(--sek-ohne-tor);padding-bottom:var(--sek-unten)}
.momente{padding-top:calc(var(--tor-h) + clamp(32px,4.5vh,56px));padding-bottom:clamp(64px,9vh,104px)}
.tueren{padding-top:calc(var(--tor-h) + clamp(48px,7vh,88px));padding-bottom:clamp(84px,11vh,132px)}
.finale{padding-top:calc(var(--tor-h) + clamp(36px,5.5vh,68px));padding-bottom:clamp(72px,10vh,116px)}
.buehne{padding-top:calc(var(--tor-h) * .8 + clamp(28px,4vh,52px))}

.sh{font-size:clamp(32px,4.2vw,56px);line-height:1.08}
.buehne-laut{font-size:clamp(26px,4.2vw,54px);max-width:min(100%,30ch);line-height:1.14}
.finale-titel{font-size:clamp(34px,3.9vw,52px)}
.grosszeile{max-width:34ch}
.editorial-spalte{max-width:62ch}
@media (min-width:1021px){
  .sh-links{max-width:min(75%,30ch)}
  .finale-grid{grid-template-columns:1.1fr minmax(380px,480px);gap:clamp(40px,5vw,96px)}

  .held .zwischenruf{font-size:clamp(17px,1.45vw,20px);gap:12px}

  .stufen-kopf{max-width:52ch;overflow:visible}
  .stufen-kopf .sh{max-width:none;width:max-content;max-width:min(60vw,820px)}
}

.weiche{margin-top:clamp(18px,2.6vh,26px);max-width:74ch}
.weiche p{font-family:var(--sans);font-size:15.5px;color:var(--tinte2);line-height:1.55}
.weiche-frage{font-weight:600;color:var(--tinte)}
.weiche-wege{margin-top:6px;display:flex;flex-direction:column;gap:4px}
.weiche-wege span{display:block}
@media (min-width:1021px){
  .weiche-wege{flex-direction:row;flex-wrap:wrap;gap:4px 18px}
}

.btn-zweit{
  background:rgba(255,255,255,.55);color:var(--akzent);
  border:1.5px solid var(--akzent);box-shadow:none;
  padding:13px 26px;font-size:15px;
}
.btn-zweit:hover{background:var(--akzent);color:#fff;box-shadow:0 10px 26px rgba(142,16,67,.22)}
.btn-zweit .ikon{width:18px;height:18px;fill:currentColor;flex:0 0 auto;margin-left:-4px}
.btn-zweit .ripple{background:rgba(142,16,67,.18)}
.cta-leise{margin-top:clamp(18px,2.6vh,26px)}

.schritt-preis{
  margin-top:10px;font-family:var(--sans);font-size:15px;font-weight:700;
  letter-spacing:.02em;color:var(--tinte);
}
.schritt-preis::before{
  content:"";display:inline-block;width:18px;height:2px;border-radius:2px;
  background:currentColor;opacity:.35;vertical-align:middle;margin-right:10px;
}
.schritte-notiz{
  grid-column:1;margin-top:0;padding-left:52px;
  font-family:var(--serif);font-size:17.5px;color:var(--tinte2);max-width:52ch;
}

.schritte .spur{top:18px;bottom:18px}
@media (max-width:1020px){
  .schritte-notiz{grid-column:auto;margin-inline:auto;text-align:center;padding-left:0}

  .stufen-in .spur,.spur-schritte{display:none}
}

.preis-bahn{position:relative;z-index:2;margin-top:var(--block-abstand)}
.preis{
  position:relative;max-width:820px;margin-inline:auto;
  background:linear-gradient(180deg,#fff,var(--papier) 70%);
  border-radius:28px;text-align:center;
  padding:clamp(34px,4.6vw,60px) clamp(24px,4.6vw,64px) clamp(30px,4vw,52px);
  box-shadow:0 30px 70px var(--schatten),0 6px 16px var(--schatten-weich);
}
.preis::before{
  content:"";position:absolute;inset:12px;pointer-events:none;
  border:1px solid var(--linie);border-radius:20px;
}
.preis > *{position:relative}
.preis-titel{margin-bottom:.35em;max-width:none;margin-inline:auto}
.preis-gross{
  font-family:var(--serif);color:var(--tinte);line-height:1.1;
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 14px;
}
.preis-gross strong{font-weight:700;font-size:clamp(46px,6vw,76px);letter-spacing:-.03em;color:var(--akzent)}
.preis-gross span{font-family:var(--sans);font-size:clamp(15px,1.5vw,17px);font-weight:600;color:var(--tinte2)}
.preis-lead{
  margin-top:clamp(22px,3vh,30px);font-family:var(--sans);font-size:14px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--tinte2);
}
.bekommst{
  display:grid;gap:14px;margin:18px auto 0;max-width:600px;text-align:left;
}
.bekommst li{display:flex;gap:16px;align-items:flex-start}
.bekommst .knoten{margin-top:1px;width:28px;height:28px}
.bekommst .knoten::before{inset:6px}
.bekommst span{font-family:var(--serif);font-size:clamp(17.5px,1.8vw,19.5px);line-height:1.55;color:var(--tinte)}

.kostproben{margin-top:clamp(44px,6.5vh,72px);max-width:1080px}
.kostproben-titel{font-family:var(--serif);font-size:clamp(18px,1.9vw,20.5px);color:var(--tinte)}
.kostproben-reihe{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:18px}
.stimmprobe{margin-top:clamp(22px,3.5vh,34px)}
@media (max-width:1020px){
  .kostproben{margin-inline:auto;text-align:center}
  .kostproben-reihe{justify-content:center}
}
@media (max-width:640px){
  .kostproben-reihe{flex-direction:column;align-items:stretch}
  .kostproben-reihe .btn{max-width:none}
}

.tueren-drei{grid-template-columns:1fr 1px 1fr 1px 1fr;gap:clamp(22px,3vw,48px)}
.tueren-drei .tuer{padding:clamp(14px,1.6vw,22px)}
.tueren-drei .tuer-titel{font-size:clamp(22px,2.1vw,29px);line-height:1.18;margin-bottom:10px}
.tueren-drei .tuer .lauftext{font-size:clamp(16.5px,1.5vw,18px);max-width:none}
.tueren-drei .tuer .lauftext a{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
.tueren-drei .tuer .lauftext a:hover{border-color:var(--gold)}
.tueren-drei .btn-geist{padding:15px 28px;font-size:15.5px;text-align:center}
@media (min-width:921px) and (max-width:1180px){
  .tueren-drei{gap:clamp(18px,2.6vw,36px)}
  .tueren-drei .tuer{padding:clamp(16px,2vw,24px)}
}
@media (max-width:1020px){
  .tueren-drei{grid-template-columns:1fr;gap:44px}
  .tueren-drei .tuer .lauftext{margin-bottom:0}
}

@media (max-width:640px){
  .weiche{text-align:center}
  .btn-zweit{width:100%;max-width:420px}
  .preis{padding:28px 18px 26px;border-radius:22px}
  .preis::before{inset:9px;border-radius:15px}
  .bekommst li{gap:12px}
  .schritt-preis::before{display:none}
}

.cta-notiz{font-size:17.5px;max-width:48ch}
.hauptnav a:not(.btn){font-size:17px}
.btn{font-size:17.5px}
.btn-gross{font-size:18.5px}
.btn-klein{font-size:16.5px;padding:12px 26px}
.btn-zweit{font-size:17px}
.stapel-zeile{font-size:16.5px;text-align:center;width:min(100%,520px)}
.foto figcaption,.moment figcaption{font-size:16.5px}
.wer-ist{font-size:17px}
.schritt-l{font-size:15.5px}
.schritt-preis{font-size:17px}
.preis-gross span{font-size:clamp(17px,1.5vw,19px)}
.direkt{font-size:19px}
.anfrage .cta-notiz{font-size:16px}
.anfrage-danke p{font-size:18.5px}
.feld .fehler-text{font:500 15px var(--sans)}
.feld label{font:500 18px var(--sans)}
.fuss-zeile,.fuss-kontakt{font-size:17px}
.fuss-recht,.credit{font-size:16px}
.kapitelmarke{font-size:14.5px}
.kapitelmarke .ziffer{font-size:17px}
.brief figcaption{font-size:19px}
.stimme figcaption{font-size:18px}
.held-lead{font-size:clamp(21px,2.05vw,23px);line-height:1.55}

.held{
  background:var(--wein-tief);color:#fff;
  min-height:100svh;overflow:clip;
  padding-top:calc(var(--head-h) + clamp(28px,5vh,60px));padding-bottom:0;
  display:grid;grid-template-rows:1fr auto;align-content:stretch;
}
.held-bg{position:absolute;inset:0;z-index:0;will-change:transform}
html.js .held-bg{opacity:0}
.held-bg picture,.held-foto{display:block;width:100%;height:100%}
.held-foto{object-fit:cover;object-position:50% 42%;transform:scale(1.06);animation:held-kb 26s ease-in-out infinite alternate}
@keyframes held-kb{to{transform:scale(1.16) translateY(-2.5%)}}
.held-schleier{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(51,16,31,.90) 0%,rgba(51,16,31,.66) 46%,rgba(51,16,31,.30) 100%),
    linear-gradient(0deg,rgba(51,16,31,.94) 0%,rgba(51,16,31,.40) 34%,rgba(51,16,31,.12) 68%);
}
.held-mesh{
  position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;
  filter:blur(48px) saturate(1.15);opacity:.62;mix-blend-mode:screen;will-change:transform;
}
.held .bahn{position:relative;z-index:4}
.held-in{grid-template-columns:1fr;column-gap:0;align-content:center}
.held-text{max-width:780px}
.held .zwischenruf{color:var(--stern-gold)}
.held .zwischenruf::before,.held .zwischenruf::after{background:var(--stern-gold)}
.held-h1{font-size:clamp(46px,6.4vw,98px);color:#fff;text-shadow:0 2px 24px rgba(20,4,11,.35)}
.held-h1 em{color:var(--stern-gold)}
.held-lead{color:rgba(255,255,255,.88);max-width:58ch}
.held .cta-reihe{display:flex;align-items:center;flex-wrap:wrap;gap:16px clamp(18px,2.4vw,30px);margin-top:clamp(26px,3.8vh,38px)}
.held .cta-notiz{color:rgba(255,255,255,.8);margin-top:0;max-width:36ch}
.held .btn-gross{box-shadow:0 16px 40px rgba(20,4,11,.42),0 0 0 1px rgba(255,255,255,.08)}
.held .btn-gross:hover{box-shadow:0 20px 48px rgba(20,4,11,.5),0 0 0 1px rgba(255,255,255,.12)}

.held-weiche{
  margin-top:clamp(40px,7vh,84px);padding:clamp(18px,2.6vh,26px) 0 clamp(22px,3vh,30px);
  border-top:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;
}
.held-weiche p{margin:0;font-family:var(--serif);font-size:clamp(18px,1.6vw,20px);line-height:1.5}
.held-weiche .weiche-frage{color:#fff;font-weight:600}
.held-weiche .weiche-wege{display:flex;flex-wrap:wrap;gap:8px clamp(18px,2.6vw,36px);color:rgba(255,255,255,.78)}
.held-weiche a{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);transition:color .3s,border-color .3s}
.held-weiche a:hover{color:var(--stern-gold);border-color:var(--stern-gold)}

.falter-flug{
  position:absolute;z-index:3;top:clamp(90px,16vh,180px);left:0;
  width:clamp(58px,6.4vw,104px);pointer-events:none;will-change:transform;
  animation:falter-reise 24s ease-in-out infinite;
}
.falter-neu{
  display:block;width:100%;height:auto;transform-origin:50% 50%;
  filter:drop-shadow(0 10px 20px rgba(20,4,11,.4));will-change:transform;
  animation:falter-schlag .62s ease-in-out infinite;
}
@keyframes falter-schlag{0%,100%{transform:scaleX(1) rotate(0deg)}50%{transform:scaleX(.46) rotate(-3deg)}}
@keyframes falter-reise{
  0%{transform:translate(58vw,6vh) rotate(-5deg)}
  18%{transform:translate(72vw,-1vh) rotate(4deg)}
  36%{transform:translate(86vw,8vh) rotate(-3deg)}
  54%{transform:translate(76vw,22vh) rotate(6deg)}
  72%{transform:translate(62vw,14vh) rotate(-4deg)}
  86%{transform:translate(50vw,3vh) rotate(3deg)}
  100%{transform:translate(58vw,6vh) rotate(-5deg)}
}

.vertrauen-band{background:var(--papier);position:relative;z-index:5;padding:clamp(20px,3vh,32px) 0;border-bottom:1px solid var(--linie)}
.vertrauen-in{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3.6vw,60px);flex-wrap:wrap}
.vb-item{display:flex;align-items:center;gap:14px;color:var(--tinte2)}
.vb-preis .siegel{width:56px;height:56px;flex:0 0 auto}
.vb-preis p{font-family:var(--sans);font-size:16px;line-height:1.4;max-width:34ch}
.vb-preis strong{display:block;font-family:var(--serif);font-size:18.5px;color:var(--tinte);font-weight:700}
.vb-trenner{width:1px;height:40px;background:var(--linie);flex:0 0 auto}
.vb-wort{font-family:var(--sans);font-weight:700;font-size:21px;letter-spacing:.01em;color:var(--tinte)}
.vb-documenta{font-size:27px;font-weight:600;letter-spacing:-.03em;line-height:1}
.vb-sub{font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinte2);margin-left:10px;translate:0 2px}
.vb-burg svg{width:42px;height:42px;flex:0 0 auto;fill:none;stroke:var(--tinte);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.split-kapitel:first-child{min-height:0;align-content:start}
.split-kapitel.weg{min-height:0;padding-top:clamp(32px,5vh,56px)}
.split-medien{justify-items:center}

@media (min-width:1021px){
  .fuenf-stufen .stufen-kopf,.fuenf-stufen .stufen-in,.fuenf-stufen .stufen-schluss{
    max-width:920px;margin-inline:auto;
    padding-left:clamp(0px,10vw,170px);padding-right:clamp(20px,4vw,56px);
    text-align:left;
  }
  .stufen-kopf .sh{width:auto;max-width:none}
  .stufen-lead{max-width:none}
  .stufe > div{max-width:none}
  .stufen-schluss .leichtzeile{max-width:none;margin-inline:0}
  .stufen-in{margin-top:clamp(26px,4vh,44px)}
}
.stufen-zaehler span{opacity:.24;transition:opacity .4s ease,color .5s ease}

.preis-lead{
  margin:clamp(24px,3.4vh,34px) auto 0;max-width:600px;text-align:left;
  font-family:var(--serif);font-size:clamp(19px,1.9vw,21px);font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--tinte);
}
.bekommst{margin-top:12px}
.preis-notiz{margin:clamp(20px,3vh,28px) auto 0;max-width:600px;text-align:left;font-family:var(--serif);font-size:17.5px;color:var(--tinte2);padding-top:16px;border-top:1px solid var(--linie)}

.stimmen-titel{text-align:center;max-width:none;margin-inline:auto}
.brief{margin-inline:auto}
.stimmen-reihe{margin-inline:auto}

.kostproben{
  background:linear-gradient(180deg,var(--wein) 0%,var(--wein-tief) 60%);color:#fff;
  padding:calc(var(--tor-h) + clamp(48px,7vh,88px)) 0 clamp(84px,11vh,132px);
  position:relative;overflow:clip;isolation:isolate;
}
.kostproben .sterne{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.kostproben .bahn{position:relative;z-index:1}
.ruf-gold{color:var(--stern-gold)}
.ruf-gold::before,.ruf-gold::after{background:var(--stern-gold)}
.ruf-kapital{font-family:var(--sans);font-style:normal;font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.kostproben .sh{color:#fff;max-width:min(100%,34ch);font-size:clamp(30px,3.6vw,50px)}
.proben{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(30px,5vh,52px);align-items:stretch}
.probe{margin:0;display:flex;flex-direction:column}
.probe figcaption{margin-top:14px;font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.6vw,20px);color:#fff}
.probe-medium{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.probe-medium img{width:100%;height:100%;object-fit:cover;display:block}
.probe-play{
  cursor:pointer;border:0;display:grid;place-items:center;
  width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(0,0,0,.35);transition:scale .3s var(--ease-out),background .3s;
}
.probe-medium .probe-play{position:absolute;top:50%;left:50%;translate:-50% -50%}
.probe-play:hover{background:#fff;scale:1.08}
.probe-play span{width:0;height:0;border-left:17px solid var(--wein);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.probe-play.spielt span{width:16px;height:18px;border:0;margin:0;background:linear-gradient(90deg,var(--wein) 0 36%,transparent 36% 64%,var(--wein) 64%)}
.audio-player{
  position:relative;flex:1;display:flex;align-items:center;gap:clamp(18px,2vw,26px);
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  border:1px solid rgba(255,208,138,.22);border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.22);
  padding:clamp(22px,2.4vw,34px);aspect-ratio:16/10;overflow:hidden;
}
.audio-player .probe-play{flex:0 0 auto;width:56px;height:56px}
.welle{flex:1 1 0;min-width:0;height:72px;display:block;align-self:center}
.probe-notiz{margin-top:clamp(20px,3vh,28px);font-family:var(--sans);font-size:16px;color:rgba(255,255,255,.62)}
.probe-platz{
  position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;
  background:linear-gradient(160deg,rgba(51,16,31,.9),rgba(92,11,44,.92));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.probe-platz span{font-family:var(--serif);font-style:italic;color:var(--stern-gold);font-size:clamp(15px,1.4vw,18px);line-height:1.5;max-width:26ch}

@media (min-width:1021px){
  .fragen-grid{grid-template-columns:minmax(240px,.85fr) 1.15fr}
  .fragen-grid .sh-links{font-size:clamp(30px,3.2vw,44px);max-width:none}
}

:root{--stern-gruen:#A9E8BE}
.tuer-abschied{--tuer:var(--stern-blau)}
.tuer-firma{--tuer:var(--stern-gruen)}
.tuer-buehne{--tuer:var(--stern-gold)}
.tuer .zwischenruf{color:var(--tuer)}
.tuer .zwischenruf::before,.tuer .zwischenruf::after{background:var(--tuer)}
.tuer::after{content:"";position:absolute;left:clamp(14px,1.6vw,22px);top:0;width:56px;height:3px;border-radius:2px;background:var(--tuer);opacity:.9}
.tuer::before{background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--tuer) 22%,transparent),transparent 70%)}
.tuer .btn-geist{border-color:color-mix(in srgb,var(--tuer) 75%,transparent)}
.tuer .btn-geist:hover{background:var(--tuer);border-color:var(--tuer);color:var(--wein-tief)}
.tuer .btn-geist .ripple{background:rgba(92,11,44,.22)}
@media (max-width:1020px){ .tuer::after{left:50%;translate:-50% 0} }

@media (max-width:1020px){
  .held{padding-top:calc(var(--head-h) + clamp(24px,5vh,48px))}
  .held-text{max-width:none}
  .held .cta-reihe{justify-content:center}
  .held .cta-notiz{text-align:center}
  .held-weiche{flex-direction:column;align-items:center;text-align:center;gap:10px}
  .held-weiche .weiche-wege{justify-content:center;flex-direction:column;gap:6px}
  .held-schleier{background:linear-gradient(0deg,rgba(51,16,31,.94) 0%,rgba(51,16,31,.72) 45%,rgba(51,16,31,.40) 100%)}
  .vertrauen-in{gap:18px 28px}
  .vb-trenner{display:none}
  .vb-preis{width:100%;justify-content:center;text-align:left}
  .proben{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .kostproben .sh{margin-inline:auto;text-align:center;max-width:none}
  .kostproben .bahn{text-align:center}
  .probe figcaption{text-align:center}
  .preis-lead,.preis-notiz{text-align:center}
}
@media (max-width:760px){ .falter-flug{display:none} }
@media (max-width:640px){
  .held-h1{font-size:clamp(40px,11.5vw,54px)}
  .vb-preis{flex-direction:row;text-align:left}
  .audio-player{aspect-ratio:auto;min-height:150px}
}
@media (prefers-reduced-motion:reduce){
  .held-foto,.falter-flug,.falter-neu{animation:none}
  .falter-flug{transform:translate(70vw,8vh)}
  html.js .held-bg{opacity:1}
  .held-mesh{opacity:.5}
  .probe-play{transition:none}
}

section.kostproben{max-width:none;margin-top:0}
.proben{grid-template-columns:repeat(3,minmax(0,1fr))}
.proben .probe{background:none;border:0;padding:0;box-shadow:none;margin-top:0;border-radius:0;min-width:0;align-items:stretch;gap:0}
.audio-player{min-width:0}
.welle{width:100%}
@media (max-width:1020px){ .proben{grid-template-columns:minmax(0,1fr)} }

.held-weiche{flex-direction:column;align-items:flex-start;gap:10px}
.held-weiche .weiche-wege{width:100%;justify-content:space-between}
@media (max-width:1020px){ .held-weiche{align-items:center} .held-weiche .weiche-wege{justify-content:center} }

@media (min-width:1021px){
  .held-weiche .weiche-wege{display:grid;grid-template-columns:repeat(3,1fr);gap:16px clamp(20px,3vw,48px)}
  .held-weiche .weiche-wege span{display:grid;gap:2px;justify-items:start}
  .held-weiche .weiche-wege a{font-size:clamp(19px,1.7vw,21px)}
  .held-text{max-width:900px}
  .held .cta-notiz{flex:1 1 320px;max-width:36ch}
}

.audio-player{flex:0 0 auto}
.proben{align-items:start}

.held{background:var(--papier);color:var(--tinte)}
.held-schleier{
  background:
    linear-gradient(90deg,rgba(255,253,251,.94) 0%,rgba(255,253,251,.84) 46%,rgba(255,253,251,.62) 100%),
    linear-gradient(0deg,rgba(255,253,251,.96) 0%,rgba(255,253,251,.55) 34%,rgba(255,253,251,.15) 70%);
}
.held-mesh{mix-blend-mode:multiply;opacity:.75;filter:blur(52px) saturate(1.05)}
.held .zwischenruf{color:var(--ruf)}
.held .zwischenruf::before,.held .zwischenruf::after{background:var(--himbeer)}
.held-h1{color:var(--tinte);text-shadow:none;font-size:clamp(40px,5.1vw,74px)}
.held-h1 em{color:var(--akzent)}
.held-lead{color:var(--tinte2)}
.held .cta-reihe{flex-direction:column;align-items:flex-start;gap:14px;margin-top:clamp(22px,3.2vh,32px)}
.held .cta-notiz{color:var(--tinte2);max-width:48ch;flex:none}
.held .btn-gross{box-shadow:0 12px 30px rgba(142,16,67,.24),0 2px 6px rgba(38,12,21,.1)}
.held .btn-gross:hover{box-shadow:0 16px 40px rgba(142,16,67,.32),0 3px 8px rgba(38,12,21,.12)}
.held-text{max-width:960px}
.held-weiche{border-top-color:var(--linie);margin-top:clamp(28px,5vh,56px);padding-bottom:clamp(20px,3vh,32px)}
.held-weiche .weiche-wege{color:var(--tinte2)}

.weg-abschied{--weg:var(--mblau)}
.weg-firma{--weg:var(--mgruen)}
.weg-buehne{--weg:var(--gold-tief)}
.held-weiche .weiche-wege a{color:var(--weg);border-bottom-color:color-mix(in srgb,var(--weg) 45%,transparent)}
.held-weiche .weiche-wege a:hover{color:var(--weg);border-color:var(--weg)}
.falter-neu{filter:drop-shadow(0 10px 20px rgba(142,16,67,.28))}
@media (max-width:1020px){
  .held-schleier{background:linear-gradient(0deg,rgba(255,253,251,.96) 0%,rgba(255,253,251,.86) 45%,rgba(255,253,251,.62) 100%)}
  .held .cta-reihe{align-items:center}
  .held-h1 .zl{white-space:normal}
}

.kopf.auf-dunkel .kopf-in{background:rgba(255,253,251,.9);border-color:rgba(242,222,233,.9)}

.vertrauen-band{border-bottom:0;padding-top:clamp(8px,1.6vh,18px)}

.sand-ausklang{
  position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;
  height:calc(var(--tor-h) + 90px);
  background:linear-gradient(180deg,rgba(251,239,245,0) 0%,var(--sand) 78%);
}

.preis-bahn{margin-top:calc(var(--block-abstand) + 20px)}

.tuer .btn-geist{background:var(--tuer);border-color:var(--tuer);color:var(--wein-tief);box-shadow:0 10px 26px rgba(20,4,11,.28)}
.tuer .btn-geist:hover{background:#fff;border-color:#fff;color:var(--wein-tief)}
.tuer-buehne{--tuer:#F6B24A}
.tuer-buehne .zwischenruf{color:var(--stern-gold)}
.tueren .tuer-firma,.tueren .tuer-firma:hover{
  background:color-mix(in srgb,var(--stern-gruen) 15%,transparent);
  border:1px solid color-mix(in srgb,var(--stern-gruen) 42%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px rgba(20,4,11,.22);
}
.tueren .tuer-firma::before{opacity:1;background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--stern-gruen) 26%,transparent),transparent 70%)}

.finale-mitte .finale-in{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:820px}
.finale-mitte .finale-titel{max-width:18ch}
.finale-mitte .lauftext{margin-inline:auto;text-align:center;max-width:60ch}
.finale-mitte .knapp{margin-inline:auto;text-align:center;max-width:52ch}
.finale-mitte .cta-reihe{margin-top:clamp(22px,3.4vh,32px)}
.finale-mitte .direkt{margin-top:22px}

.fuss-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-top:6px;font-family:var(--sans);font-size:16px}
.fuss-nav a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);transition:border-color .3s}
.fuss-nav a:hover{border-color:var(--gold)}

.kontakt-seite{padding-top:calc(var(--head-h) + clamp(40px,7vh,80px))}
.kontakt-seite .finale-titel{font-size:clamp(34px,3.9vw,52px)}
.kontakt-adresse{margin-top:10px}

.held-mesh{opacity:.85}

.lichtflaeche{overflow:clip}

.vertrauen-band{
  background:var(--wein-tief);color:#fff;
  padding:clamp(22px,3.4vh,36px) 0;
  --gold-tief:var(--stern-gold);
}
.vertrauen-in{justify-content:space-between;gap:clamp(18px,3vw,48px)}
.vb-item{color:rgba(255,255,255,.78)}
.vb-preis strong,.vb-wort{color:#fff}
.vb-sub{color:rgba(255,255,255,.72)}
.vb-trenner{background:rgba(255,255,255,.22)}
.vb-burg svg{stroke:#fff}
@media (max-width:1020px){ .vertrauen-in{justify-content:center} }

.kopf{padding-top:10px}
.kopf.versteckt{transform:none}
.kopf-schale{max-width:1320px}
.kopf-in{
  background:rgba(255,253,251,.58);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);
  padding:5px 8px 5px 20px;
}
.kopf.gescrollt .kopf-in{background:rgba(255,253,251,.7)}
.marke img{height:38px}
.kopf.gescrollt .marke img{transform:scale(.94)}
.btn-klein{padding:10px 22px}
@media (max-width:1020px){ .kopf-in{padding:4px 6px 4px 14px} .marke img{height:34px} }

.preis-bahn{margin-top:calc(var(--block-abstand) + 40px)}

.vertrauen-band{
  padding-top:calc(var(--tor-h) + clamp(22px,3.4vh,36px));
  padding-bottom:calc(clamp(22px,3.4vh,36px) + var(--tor-h) * .33);
}
.vertrauen-in{max-width:1320px}
.vb-item{align-items:center}

.tuer::after{display:none}
.tueren-drei .btn-geist{min-height:78px}

.marke img{height:48px}
.kopf.gescrollt .marke img{transform:scale(.96)}
.kopf-in{padding-top:4px;padding-bottom:4px}
@media (max-width:1020px){ .marke img{height:40px} }

.held-schleier{
  background:
    linear-gradient(90deg,rgba(255,253,251,.94) 0%,rgba(255,253,251,.86) 44%,rgba(255,253,251,.52) 68%,rgba(255,253,251,.22) 100%),
    linear-gradient(0deg,rgba(255,253,251,.96) 0%,rgba(255,253,251,.55) 30%,rgba(255,253,251,.08) 62%);
}
.held-mesh{opacity:.7}
@media (max-width:1020px){
  .held-schleier{background:linear-gradient(0deg,rgba(255,253,251,.96) 0%,rgba(255,253,251,.86) 45%,rgba(255,253,251,.62) 100%)}
}

.fl-ober{fill:url(#fl-ober)}
.fl-unter{fill:url(#fl-unter)}
.fl-ader{fill:none;stroke:var(--stern-gold);stroke-width:.75;stroke-linecap:round;opacity:.9}
.fl-punkt{fill:#fff;opacity:.92}
.fl-auge{fill:var(--gold);stroke:#fff;stroke-width:.5}
.fl-leib{fill:var(--wein-tief)}
.fl-fuehler{fill:none;stroke:var(--wein-tief);stroke-width:.8;stroke-linecap:round}
.fl-fuehlerkopf{fill:var(--wein-tief)}

.fl{transform-box:fill-box;animation:fluegelschlag .92s ease-in-out infinite}
.fl-links{transform-origin:100% 50%}
.fl-rechts{transform-origin:0% 50%}
@keyframes fluegelschlag{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.38)}}

.falter-flug{width:clamp(66px,7vw,118px);height:auto;overflow:visible;
  filter:drop-shadow(0 8px 14px rgba(142,16,67,.22))}
.falter-flug .falter-korpus{animation:none}

.falter-frei{
  position:absolute;z-index:4;pointer-events:none;height:auto;
  width:clamp(46px,5vw,84px);
  filter:drop-shadow(0 6px 12px rgba(142,16,67,.18));
}
.falter-frei .falter-korpus{animation:none}
.falter-wer{top:clamp(40px,7vh,110px);right:8%;animation:reise-wer 26s ease-in-out infinite}
.falter-stufen{top:44%;right:14%;animation:reise-stufen 30s ease-in-out infinite}
.falter-stimmen{top:clamp(30px,5vh,80px);right:11%;animation:reise-stimmen 24s ease-in-out infinite}
@keyframes reise-wer{
  0%{transform:translate(0,0) rotate(-6deg)} 22%{transform:translate(-9vw,6vh) rotate(5deg)}
  48%{transform:translate(-4vw,16vh) rotate(-4deg)} 74%{transform:translate(4vw,7vh) rotate(6deg)}
  100%{transform:translate(0,0) rotate(-6deg)}}
@keyframes reise-stufen{
  0%{transform:translate(0,0) rotate(4deg)} 26%{transform:translate(6vw,-10vh) rotate(-5deg)}
  52%{transform:translate(2vw,-22vh) rotate(4deg)} 78%{transform:translate(-5vw,-9vh) rotate(-3deg)}
  100%{transform:translate(0,0) rotate(4deg)}}
@keyframes reise-stimmen{
  0%{transform:translate(0,0) rotate(-3deg)} 30%{transform:translate(-12vw,5vh) rotate(6deg)}
  60%{transform:translate(-20vw,-2vh) rotate(-5deg)} 82%{transform:translate(-8vw,-4vh) rotate(3deg)}
  100%{transform:translate(0,0) rotate(-3deg)}}
@media (max-width:760px){ .falter-frei{display:none} }
@media (prefers-reduced-motion:reduce){
  .fl,.falter-frei{animation:none}
}

.seite-unternehmen .held-foto{object-position:50% 28%}
.u-problem,.u-formate{background:var(--sand);padding-top:var(--sek-oben);padding-bottom:var(--sek-unten)}
.u-mechanik{background:var(--papier);padding-top:var(--sek-oben);padding-bottom:var(--sek-unten)}
.u-serios{background:var(--papier);padding-top:calc(var(--tor-h) + clamp(36px,5vh,64px));padding-bottom:clamp(20px,3vh,36px)}
.u-serios + .finale{padding-top:clamp(30px,5vh,60px)}
.quelle{font-family:var(--sans);font-size:15.5px;color:var(--tinte2);margin-top:8px}
.u-problem .grosszeile{max-width:38ch}
.beispiel{
  position:relative;margin-top:clamp(26px,4vh,40px);max-width:64ch;
  background:var(--sand);border-radius:24px;padding:clamp(24px,3vw,40px);
}
.beispiel::before{content:"";position:absolute;inset:12px;border:1px solid rgba(142,16,67,.18);border-radius:16px;pointer-events:none}
.beispiel p{position:relative;font-family:var(--serif);font-size:clamp(18px,1.8vw,20px);line-height:1.6;color:var(--tinte)}
.beispiel strong{color:var(--wein);font-weight:600}
.u-mechanik .editorial-spalte + .editorial-spalte,.beispiel + .editorial-spalte{margin-top:clamp(22px,3.5vh,36px)}
.formate{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(26px,4vh,44px);max-width:1000px}
.format{
  position:relative;background:var(--papier);border:1px solid var(--linie);border-radius:24px;
  padding:clamp(28px,2.6vw,40px) clamp(24px,2.4vw,36px) clamp(26px,2.4vw,36px);
  box-shadow:0 8px 24px rgba(38,12,21,.05);
}
.format .art-zahl{position:absolute;top:-17px;left:clamp(24px,2.4vw,36px);width:36px;height:36px;font-size:15px;border:3px solid var(--sand);box-shadow:0 8px 20px rgba(38,12,21,.16);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-family:var(--serif);font-weight:700}
.format h3{font-family:var(--serif);font-weight:600;font-size:clamp(21px,2.2vw,25px);line-height:1.25;color:var(--tinte);margin-top:4px}
.format p{color:var(--tinte2);font-size:18.5px;margin-top:10px}
.honorar{margin-top:clamp(28px,4.5vh,44px);display:flex;gap:20px;align-items:flex-start;max-width:70ch}
.honorar b{font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);padding-top:7px;flex:0 0 auto}
.honorar p{font-family:var(--serif);font-size:clamp(18px,1.8vw,20px);line-height:1.6;color:var(--tinte)}
.serios{display:flex;gap:clamp(20px,3vw,36px);align-items:flex-start;max-width:80ch}
.serios .siegel{width:78px;height:78px;flex:0 0 auto}
.serios h2{font-family:var(--serif);font-weight:600;font-size:clamp(26px,2.8vw,36px);line-height:1.2;color:var(--tinte);margin-bottom:10px}
.serios h2 em{color:var(--wein);font-style:italic}
.serios .lauftext{margin-top:0;max-width:64ch}
.seite-unternehmen .kontakt-seite .finale-titel{font-size:clamp(30px,3.4vw,46px)}

.rechtsseite{background:var(--papier);padding:calc(var(--head-h) + clamp(40px,7vh,80px)) 0 clamp(70px,10vh,110px);min-height:60svh}
.rechtstext{max-width:70ch;margin-top:clamp(22px,3.5vh,36px)}
.rechtstext h2{font-family:var(--serif);font-weight:600;font-size:clamp(21px,2.1vw,25px);color:var(--tinte);margin-top:clamp(26px,4vh,38px);margin-bottom:8px}
.rechtstext p,.rechtstext li{color:var(--tinte2);font-size:18px;line-height:1.65}
.rechtstext ul{list-style:disc;padding-left:1.25em;margin-top:8px}
.rechtstext li+li{margin-top:4px}
.rechtstext p+p{margin-top:.7em}
.rechtstext a{color:var(--akzent);text-decoration:none;border-bottom:1px solid var(--linie)}
.rechtstext a:hover{border-color:var(--akzent)}
.seite-404 .cta-reihe{margin-top:26px}
@media (max-width:1020px){
  .u-problem .bahn,.u-mechanik .bahn,.u-formate .bahn{text-align:center}
  .beispiel{margin-inline:auto}
  .honorar{margin-inline:auto;flex-direction:column;align-items:center;gap:6px;text-align:center}
  .serios{flex-direction:column;align-items:center;text-align:center;margin-inline:auto}
  .rechtsseite .bahn{text-align:left}
  .rechtsseite .sh-links{text-align:left;margin-inline:0}
}
@media (max-width:760px){ .formate{grid-template-columns:1fr;max-width:520px;margin-inline:auto} }

.held{
  --klecks-maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V44 C1380,52 1330,56 1270,52 C1210,48 1160,40 1100,44 C1078,45 1072,96 1060,96 C1048,96 1044,47 1020,46 C960,44 900,52 840,56 C780,60 720,58 660,52 C640,50 636,82 626,82 C616,82 612,49 590,46 C530,40 470,42 410,48 C380,51 374,88 362,88 C350,88 346,50 320,48 C260,44 200,50 140,54 C90,57 40,50 0,46 Z' fill='black'/%3E%3Ccircle cx='1061' cy='110' r='3.5' fill='black'/%3E%3Ccircle cx='363' cy='102' r='3' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(#000,#000),var(--klecks-maske);
          mask-image:linear-gradient(#000,#000),var(--klecks-maske);
  -webkit-mask-size:100% calc(100% - var(--tor-h) + 1px),100% var(--tor-h);
          mask-size:100% calc(100% - var(--tor-h) + 1px),100% var(--tor-h);
  -webkit-mask-position:left top,left bottom;
          mask-position:left top,left bottom;
  -webkit-mask-repeat:no-repeat,no-repeat;
          mask-repeat:no-repeat,no-repeat;
  padding-bottom:calc(var(--tor-h) + 10px);
  position:relative;z-index:6;
}
.vertrauen-band{margin-top:calc(-1 * var(--tor-h))}
.held + .u-problem{margin-top:calc(-1 * var(--tor-h))}

.u-problem,.u-formate{position:relative;overflow:clip}
.u-formate .sand-ausklang{background:linear-gradient(180deg,rgba(251,239,245,0) 0%,var(--sand) 78%)}

.held .cta-notiz{line-height:1.34}

.buehne{padding-bottom:calc(clamp(90px,12vw,160px) * .55 + clamp(28px,4vh,52px))}

.honigtopf{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.fuss-in{gap:12px}
@media (max-width:640px){
  .fuss{padding-top:calc(var(--tor-h) * .75 + 30px);padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .fuss-logo{width:96px;margin-bottom:8px}

  .fuss-strich{display:none}
  .fuss-zeile{flex-direction:column;gap:4px;line-height:1.5;font-size:16px}
  .fuss-kontakt{font-size:16px;line-height:1.9}
  .fuss-kontakt a{display:inline-block}
  .fuss-nav{flex-direction:column;gap:14px;margin-top:18px;font-size:17px}
  .fuss-nav a{padding-block:2px}
  .fuss-recht{margin-top:14px;font-size:15px;max-width:34ch;margin-inline:auto;line-height:1.5}
  .credit{margin-top:18px;font-size:15px}
  .credit a{display:inline-block;margin-top:6px;margin-left:0}
}

@media (max-width:1020px){
  .bild-stapel .stapel-bild{display:none}
  .bild-stapel .stapel-bild[data-i="0"]{display:block}
}

@media (max-width:1020px){
  .held-weiche{align-items:flex-start;text-align:left}
  .held-weiche .weiche-frage,.held-weiche .weiche-wege{text-align:left}
  .held-weiche .weiche-wege{justify-content:flex-start;align-items:flex-start}
  .held-weiche .weiche-wege span{text-align:left}
}

@media (max-width:640px){
  .fuss-nav{
    display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;
    max-width:330px;margin-inline:auto;justify-items:center;
  }
}
@media (max-width:360px){
  .fuss-nav{grid-template-columns:1fr;gap:12px}
}

@media (max-width:400px){
  .fuss-kontakt{display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.4}
  .fuss-punkt{display:none}
}

.falter-flug,.falter-frei,.falter-finale,.falter-momente{z-index:8;pointer-events:none}

@media (min-width:1021px){
  .seite-unternehmen .held-bg{
    left:44%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);
            mask-image:linear-gradient(90deg,transparent 0,#000 16%);
  }
  .seite-unternehmen .held-foto{object-position:50% 36%}
}
@media (max-width:1020px){
  .seite-unternehmen .held-foto{object-position:40% 34%}
}

.seite-bald{background:var(--wein-tief)}
.bald{min-height:100svh;display:flex;flex-direction:column}
.bald-held{
  flex:1 1 auto;min-height:calc(100svh - 150px);
  display:grid;align-content:center;justify-items:center;text-align:center;
  padding-top:clamp(40px,7vh,80px);
}
.seite-bald .held-bg{opacity:1}
.bald-in{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;max-width:880px}
.bald-logo{width:auto;height:clamp(64px,9vw,92px);margin-bottom:clamp(18px,3vh,30px)}
.bald-h1{font-size:clamp(38px,5.4vw,70px);line-height:1.04;text-wrap:balance;margin-bottom:clamp(14px,2.4vh,22px)}
.bald-lead{margin-inline:auto;max-width:44ch}
.bald-kontakt{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(22px,3.4vh,34px)}
.bald-mail{font-family:var(--sans);font-size:17.5px;font-weight:600;color:var(--akzent);text-decoration:none;border-bottom:1px solid var(--linie)}
.bald-mail:hover{border-color:var(--akzent)}
.bald-fuss{
  position:relative;z-index:5;background:var(--wein-tief);color:#fff;
  margin-top:calc(-1 * var(--tor-h));
  padding:calc(var(--tor-h) + clamp(14px,2.4vh,24px)) 0 clamp(22px,3.4vh,34px);
  --gold-tief:var(--stern-gold);
}
.bald-fuss-in{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.bald-fuss .vb-preis{display:flex;align-items:center;gap:14px;text-align:left}
.bald-fuss .vb-preis .siegel{width:52px;height:52px;flex:0 0 auto}
.bald-fuss .vb-preis p{font-family:var(--sans);font-size:15px;line-height:1.45;color:rgba(255,255,255,.8)}
.bald-fuss .vb-preis strong{display:block;font-family:var(--serif);font-size:17px;color:#fff}
.bald-recht{font-family:var(--sans);font-size:15px;color:rgba(255,255,255,.72)}
.seite-bald .falter-flug{top:clamp(90px,15vh,170px)}
@media (max-width:640px){
  .bald-held{min-height:calc(100svh - 190px)}
  .bald-kontakt .btn{width:100%;max-width:360px}
  .bald-fuss .vb-preis{flex-direction:column;text-align:center;gap:8px}
}

.fuss-logo{width:clamp(210px,20vw,260px)}
.bald-logo{height:auto;width:min(340px,78vw)}
.vorhang img{width:min(380px,74vw)}

.vorgespraech{
  width:min(640px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);
  margin:auto;padding:0;border:0;background:transparent;color:var(--tinte);overflow:visible;
}
.vorgespraech::backdrop{background:rgba(38,12,21,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.vorgespraech[open]{animation:vg-auf .4s var(--ease-out)}
@keyframes vg-auf{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
html.vg-offen,html.vg-offen body{overflow:hidden}
.vorgespraech .anfrage{
  max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain;
  padding:clamp(26px,4vw,44px) clamp(20px,4vw,44px) clamp(22px,3vw,34px);
}
.anfrage.gesendet{overflow:hidden}
.vg-zu{
  position:absolute;top:12px;right:12px;z-index:3;width:44px;height:44px;
  display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
  background:var(--sand);color:var(--tinte);font-size:28px;line-height:1;
  transition:background .25s,color .25s;
}
.vg-zu:hover{background:var(--rose);color:var(--akzent)}

.anfrage-vg .anfrage-titel{font-size:clamp(22px,2.3vw,27px);line-height:1.25}
.vorgespraech .anfrage-titel{padding-right:46px}
.anfrage-einleitung{font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--tinte2);margin-top:10px}

.wahl{border:0;margin:1.9rem 0 0;padding:0;min-width:0}
.wahl legend{padding:0;margin-bottom:12px;font:500 17px/1.45 var(--sans);color:var(--tinte2)}
.wahl-reihe{display:flex;flex-wrap:wrap;gap:8px}
.wahl-chip{position:relative;cursor:pointer}
.wahl-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.wahl-chip span{
  display:inline-block;padding:9px 15px;border:1px solid var(--linie);border-radius:999px;
  background:#fff;font:600 15.5px/1.2 var(--sans);color:var(--tinte);
  transition:background .25s,border-color .25s,color .25s;
}
.wahl-chip:hover span{border-color:var(--akzent)}
.wahl-chip input:checked + span{background:var(--akzent);border-color:var(--akzent);color:#fff}
.wahl-chip input:focus-visible + span{outline:3px solid var(--gold);outline-offset:2px}
.wahl .fehler-text{display:none;margin-top:8px;font:500 15px var(--sans);color:var(--mrot)}
.wahl.fehlt legend{color:var(--mrot)}
.wahl.fehlt .wahl-chip span{border-color:rgba(224,80,56,.55)}
.wahl.fehlt .fehler-text{display:block}

.feld-oben label{position:static;display:block;transform:none !important;margin-bottom:8px;
  font:500 17px/1.45 var(--sans);color:var(--tinte2)}
.feld-oben textarea{
  min-height:112px;padding:.7rem .85rem;resize:vertical;
  border:1.5px solid var(--linie);border-radius:14px;background:#fff;
}
.feld-oben textarea:focus{border-color:var(--akzent)}
.anfrage-vg .cta-notiz{text-align:left}
@media (max-width:640px){
  .vorgespraech{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}
  .vorgespraech .anfrage{max-height:calc(100svh - 16px);border-radius:20px}
  .wahl-chip span{padding:8px 13px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){ .vorgespraech[open]{animation:none} }
.anfrage-einleitung strong{display:block;font-weight:600;color:var(--tinte);margin-bottom:4px}

@media (max-width:1020px){
  #anlass .held-h1{text-wrap:balance}
  #anlass .held-h1 .zeile,#anlass .held-h1 .zl{display:inline}
}

.audio-player.mit-bild{align-items:flex-end;border-color:rgba(255,208,138,.18);box-shadow:0 30px 70px rgba(0,0,0,.4)}
.audio-player .probe-hg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.audio-player.mit-bild::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(38,12,21,0) 38%,rgba(38,12,21,.55) 70%,rgba(38,12,21,.88) 100%)}
.audio-player.mit-bild .probe-play,.audio-player.mit-bild .welle{position:relative;z-index:2}
.audio-player.mit-bild .welle{height:56px;align-self:flex-end;margin-bottom:0}
.probe-folgt{margin:6px 0 0;font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:.02em;color:var(--stern-gold)}
.audio-player .probe-hg[src*="philipp-"]{object-position:50% 18%}

@media (min-width:1021px){ .tueren-drei .tuer-firma .btn-geist{align-self:center} }

.vg-kopf[hidden]{display:none}
.anfrage-direkt{margin-top:10px;font-family:var(--sans);font-size:16px;color:var(--tinte2)}
.anfrage-direkt a{white-space:nowrap;color:var(--akzent);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--akzent) 35%,transparent)}
.anfrage-direkt a:hover{border-color:var(--akzent)}

.fuss-in.fuss-spalten{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);
  align-items:start;text-align:left;
}
.fuss-marke{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.fuss-spalten .fuss-logo{width:clamp(210px,20vw,260px);margin:0;filter:none}
.fuss-claim{margin:0;font-family:var(--serif);font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);max-width:46ch}
.fuss-spalten .fuss-kontakt{margin:0;font-size:16px}
.fuss-nav-spalten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(20px,3vw,40px);padding-top:8px}
.fuss-spalte{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:var(--sans);font-size:16px}
.fuss-kopf{margin:0 0 4px;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--stern-gold)}
.fuss-spalte a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .3s}
.fuss-spalte a:hover{border-color:var(--gold)}
.fuss-bald{color:rgba(255,255,255,.6)}
.fuss-basis{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;
  margin-top:clamp(36px,5vw,56px);padding-top:22px;border-top:1px solid rgba(255,255,255,.16);
}
.fuss-basis .fuss-zeile{display:block;margin:0;font-size:15px;color:rgba(255,255,255,.75)}
.fuss-basis .credit{margin:0;font-size:15px}
.fuss-basis .credit a{font-size:inherit;display:inline-block;margin:0 0 0 4px}
@media (max-width:1020px){
  .fuss-in.fuss-spalten{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){
  .fuss-nav-spalten{grid-template-columns:1fr 1fr;gap:28px 20px}
  .fuss-spalte:last-child{grid-column:1 / -1}
  .fuss-basis{flex-direction:column;align-items:flex-start}
  .fuss-basis .credit a{margin:6px 0 0}
  .fuss-spalten .fuss-kontakt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;line-height:1.4}
  .fuss-spalten .fuss-punkt{display:none}
}

.wissenstext{max-width:72ch}
.wissen-lead{font-family:var(--serif);font-size:clamp(19px,1.6vw,21px) !important;line-height:1.6;color:var(--tinte) !important}
.wissenstext h2{font-size:clamp(24px,2.4vw,30px);margin-top:clamp(40px,6vh,60px);padding-top:clamp(18px,3vh,26px);border-top:1px solid var(--linie)}
.wissenstext h3{font-family:var(--serif);font-weight:600;font-size:clamp(19px,1.7vw,21px);line-height:1.35;color:var(--akzent);margin-top:clamp(22px,3vh,30px);margin-bottom:6px}
.wissenstext h3 + p{margin-top:0}
.wissen-cta{margin-top:clamp(40px,6vh,60px) !important}
.wissen-cta .btn{border-bottom:0;color:#fff}
@media (max-width:640px){ .wissen-cta .btn{width:100%} }
@media (min-width:1021px){
  .fuss-nav-spalten{grid-template-columns:repeat(3,auto);justify-content:end}
  .fuss-spalte a,.fuss-bald{white-space:nowrap}
}

@media (max-width:1020px){

  .zusammen .kap-kopf > .zwischenruf,.rechtsseite .bahn > .zwischenruf{position:relative;left:50%;translate:-50% 0}
  .rechtsseite .sh-links{text-align:center;margin-inline:auto}
}
@media (max-width:1020px){

  .ruf-links::before{background:linear-gradient(90deg,transparent,var(--himbeer))}
}
@media (max-width:600px){

  .held .zwischenruf::before,.held .zwischenruf::after,
  .u-problem .zwischenruf::before,.u-problem .zwischenruf::after{display:none}
}

.probe-medium .probe-play{
  top:auto;left:calc(clamp(22px,2.4vw,34px) + 1px);bottom:calc(clamp(22px,2.4vw,34px) + 1px);translate:none;
  width:56px;height:56px;z-index:2;
}

.fragen.fragen-sand{background:var(--sand)}
.held .held-foto[src*="held-preise"]{object-position:50% 45%}
.held .held-foto[src*="held-fragen"]{object-position:60% 55%}
.held .held-foto[src*="held-ueber"]{object-position:62% 30%}

.recht-cta{
  position:relative;overflow:hidden;max-width:70ch;margin:clamp(24px,4vh,40px) 0 clamp(8px,2vh,16px);
  background:radial-gradient(110% 120% at 88% -10%,rgba(225,29,110,.24),transparent 55%),linear-gradient(150deg,#A31356,var(--wein) 85%);
  color:var(--bandwarm);border-radius:28px;padding:clamp(28px,4vw,48px) clamp(24px,3.6vw,48px);
  box-shadow:0 28px 66px rgba(38,12,21,.28),0 6px 16px rgba(38,12,21,.16);
}
.recht-cta::before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(253,235,243,.25);border-radius:20px}
.recht-cta h2{position:relative;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(22px,2.4vw,28px);line-height:1.25;color:#fff}
.recht-cta p{position:relative;margin-top:12px;font-family:var(--serif);font-size:clamp(17px,1.7vw,19px);line-height:1.6;color:var(--bandwarm)}
.recht-cta .btn{position:relative;margin-top:22px;background:#fff;color:var(--wein);border-color:#fff}
.recht-cta .btn:hover{background:var(--gold);border-color:var(--gold);color:var(--wein-tief)}
.recht-cta .btn-pfeil{margin-left:8px;transition:transform .3s var(--ease-out)}
.recht-cta .btn:hover .btn-pfeil{transform:translateX(4px)}
@media (max-width:1020px){ .recht-cta{margin-inline:auto;text-align:center} }
@media (max-width:640px){ .recht-cta .btn{width:100%} }

a[href^="tel:"]{white-space:nowrap}

.u-problem{position:relative;overflow:clip}
@media (min-width:1021px){ .u-problem .uhrzeit{right:clamp(130px,13vw,260px)} }
.u-mechanik .u-mech-grid{margin-top:clamp(18px,3vh,30px)}
.u-mech-grid .editorial-spalte{max-width:58ch}
.u-mech-grid .lauftext + .lauftext{margin-top:clamp(14px,2vh,20px)}
.beispiel-karte{top:clamp(110px,14vh,150px)}
.u-formate .formate{max-width:none}

@media (max-width:1020px){ .u-mech-grid .editorial-spalte{margin-inline:auto} .beispiel-karte{position:relative;top:auto;max-width:560px;margin-inline:auto} }

@media (max-width:767px){

  .held-weiche .weiche-wege > span{white-space:nowrap;font-size:min(18px,calc((100vw - 40px) * .0415))}
  .held-weiche .weiche-wege > span a{font-size:inherit}

  #u-reframe{min-height:auto;padding-top:calc(var(--tor-h) + 44px);padding-bottom:calc(clamp(90px,12vw,160px) * .55 + 48px)}
}

.formate.formate-drei{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
.formate-liste .format h3 a{color:inherit;text-decoration:none;border-bottom:1px solid var(--linie);transition:border-color .3s}
.formate-liste .format h3 a:hover{border-color:var(--akzent)}
.formate-liste .format h3 a::after{content:"";position:absolute;inset:0}
.formate-liste .format{position:relative}
@media (max-width:1020px){ .formate.formate-drei{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto} }
@media (max-width:767px){
  .seite-ratgeber .held-h1{font-size:clamp(30px,9.4vw,40px);text-wrap:balance}
  .seite-ratgeber .held-h1 .zeile,.seite-ratgeber .held-h1 .zl{display:inline}
}

@media (min-width:1021px){
  .formate.formate-drei{grid-auto-rows:auto;row-gap:0}
  .formate-drei .format{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start;margin-bottom:clamp(20px,3vw,40px)}
  .formate-drei .format p{align-self:start}
}

:root{--tor-h:clamp(76px,10vw,144px)}
.tor{--welle-band:#8E1043}
.tor .tk-hauch{display:none}
.held{--klecks-maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='280' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 L1440,45.8 L1434,45.9 L1428,46.1 L1422,46.2 L1416,46.4 L1410,46.5 L1404,46.6 L1398,46.8 L1392,46.9 L1386,47.1 L1380,47.3 L1374,47.4 L1368,47.6 L1362,47.8 L1356,47.9 L1350,48.2 L1344,48.4 L1338,48.6 L1332,48.8 L1326,49.1 L1320,49.4 L1314,49.7 L1308,50.0 L1302,50.4 L1296,50.8 L1290,51.2 L1284,51.6 L1278,52.1 L1272,52.6 L1266,53.2 L1260,53.8 L1254,54.4 L1248,55.0 L1242,55.7 L1236,56.5 L1230,57.2 L1224,58.0 L1218,58.9 L1212,59.8 L1206,60.7 L1200,61.7 L1194,62.7 L1188,63.1 L1182,63.1 L1176,63.1 L1170,63.1 L1164,63.1 L1158,63.2 L1152,63.2 L1146,63.3 L1140,63.3 L1134,63.4 L1128,63.5 L1122,63.5 L1116,63.6 L1110,63.7 L1104,63.8 L1098,63.9 L1092,64.0 L1086,64.1 L1080,64.2 L1074,64.3 L1068,64.5 L1062,64.6 L1056,64.7 L1050,64.8 L1044,65.0 L1038,65.1 L1032,65.2 L1026,65.4 L1020,65.5 L1014,65.7 L1008,65.8 L1002,66.0 L996,66.1 L990,66.3 L984,66.4 L978,66.6 L972,66.7 L966,66.9 L960,67.0 L954,67.2 L948,67.3 L942,67.5 L936,67.7 L930,67.8 L924,68.0 L918,68.1 L912,68.3 L906,68.4 L900,68.6 L894,68.8 L888,68.9 L882,69.1 L876,69.2 L870,69.4 L864,69.5 L858,69.7 L852,69.8 L846,70.0 L840,70.2 L834,70.3 L828,70.5 L822,70.6 L816,70.8 L810,70.9 L804,71.1 L798,71.3 L792,71.4 L786,71.6 L780,71.7 L774,71.9 L768,72.1 L762,72.2 L756,72.4 L750,72.6 L744,72.7 L738,72.9 L732,73.1 L726,73.3 L720,73.4 L714,73.6 L708,73.8 L702,74.0 L696,74.2 L690,74.4 L684,74.6 L678,74.7 L672,74.9 L666,75.1 L660,75.3 L654,75.5 L648,75.8 L642,76.0 L636,76.2 L630,76.4 L624,76.6 L618,76.8 L612,77.0 L606,77.3 L600,77.5 L594,77.7 L588,77.9 L582,78.2 L576,78.4 L570,78.6 L564,78.8 L558,79.1 L552,79.3 L546,79.5 L540,79.5 L534,78.8 L528,78.1 L522,77.4 L516,76.7 L510,75.9 L504,75.1 L498,74.3 L492,73.5 L486,72.6 L480,71.7 L474,70.8 L468,69.9 L462,69.0 L456,68.0 L450,67.0 L444,66.0 L438,65.0 L432,63.9 L426,62.9 L420,61.8 L414,60.7 L408,59.6 L402,58.5 L396,57.4 L390,56.3 L384,55.2 L378,54.1 L372,53.0 L366,51.9 L360,50.8 L354,49.7 L348,48.6 L342,47.6 L336,46.6 L330,45.6 L324,44.6 L318,43.7 L312,42.8 L306,41.9 L300,41.1 L294,40.3 L288,39.6 L282,38.9 L276,38.3 L270,37.7 L264,37.1 L258,36.6 L252,36.2 L246,35.8 L240,35.5 L234,35.3 L228,35.1 L222,34.9 L216,34.8 L210,34.8 L204,34.9 L198,35.0 L192,35.1 L186,35.4 L180,35.7 L174,36.0 L168,36.4 L162,36.8 L156,37.3 L150,37.9 L144,38.5 L138,39.2 L132,39.9 L126,40.6 L120,41.4 L114,42.2 L108,43.1 L102,43.9 L96,44.9 L90,45.8 L84,46.8 L78,47.8 L72,48.8 L66,49.8 L60,50.8 L54,51.9 L48,52.9 L42,54.0 L36,55.0 L30,56.1 L24,57.2 L18,58.2 L12,59.3 L6,60.3 L0,61.3 V0 Z' fill='black'/%3E%3C/svg%3E")}
.held-kante{position:relative;height:0;z-index:7;pointer-events:none}
.held-kante svg{position:absolute;left:0;top:calc(-1 * var(--tor-h));width:100%;height:var(--tor-h);display:block;overflow:visible}
.held-kante + .u-problem{margin-top:calc(-1 * var(--tor-h))}
.held-kante .saum{fill:var(--wein-tief)}

.tor .tk-mobil,.held-kante .hk-mobil{display:none}
@media (max-width:767px){
  .tor .tk-voll,.held-kante .hk-voll{display:none}
  .tor .tk-mobil,.held-kante .hk-mobil{display:inline}
  .held{--klecks-maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2880' height='280' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 L1440,69.2 L1434,69.1 L1428,68.9 L1422,68.8 L1416,68.7 L1410,68.6 L1404,68.5 L1398,68.4 L1392,68.3 L1386,68.2 L1380,68.1 L1374,68.0 L1368,68.0 L1362,67.9 L1356,67.9 L1350,67.8 L1344,67.8 L1338,67.7 L1332,67.7 L1326,67.6 L1320,67.6 L1314,67.6 L1308,67.6 L1302,67.6 L1296,67.5 L1290,67.5 L1284,67.5 L1278,67.5 L1272,67.5 L1266,67.5 L1260,67.5 L1254,67.5 L1248,67.5 L1242,67.5 L1236,67.5 L1230,67.5 L1224,67.6 L1218,67.6 L1212,67.6 L1206,67.6 L1200,67.6 L1194,67.6 L1188,67.6 L1182,67.6 L1176,67.6 L1170,67.6 L1164,67.6 L1158,67.6 L1152,67.6 L1146,67.6 L1140,67.6 L1134,67.6 L1128,67.6 L1122,67.6 L1116,67.5 L1110,67.5 L1104,67.5 L1098,67.5 L1092,67.4 L1086,67.4 L1080,67.4 L1074,67.4 L1068,67.3 L1062,67.3 L1056,67.2 L1050,67.2 L1044,67.1 L1038,67.1 L1032,67.0 L1026,67.0 L1020,66.9 L1014,66.9 L1008,66.8 L1002,66.8 L996,66.7 L990,66.6 L984,66.6 L978,66.5 L972,66.5 L966,66.4 L960,66.3 L954,66.3 L948,66.2 L942,66.1 L936,66.1 L930,66.0 L924,66.0 L918,65.9 L912,65.9 L906,65.8 L900,65.7 L894,65.7 L888,65.7 L882,65.6 L876,65.6 L870,65.5 L864,65.5 L858,65.5 L852,65.5 L846,65.5 L840,65.4 L834,65.4 L828,65.4 L822,65.4 L816,65.5 L810,65.5 L804,65.5 L798,65.5 L792,65.6 L786,65.6 L780,65.7 L774,65.7 L768,65.8 L762,65.9 L756,66.0 L750,66.1 L744,66.2 L738,66.3 L732,66.4 L726,66.5 L720,66.7 L714,66.8 L708,66.9 L702,67.1 L696,67.3 L690,67.5 L684,67.6 L678,67.8 L672,68.0 L666,68.2 L660,68.5 L654,67.9 L648,67.1 L642,66.2 L636,65.4 L630,64.6 L624,63.7 L618,62.8 L612,62.0 L606,61.1 L600,60.2 L594,59.4 L588,58.5 L582,57.6 L576,56.8 L570,55.9 L564,55.0 L558,54.2 L552,53.3 L546,52.5 L540,51.7 L534,50.9 L528,50.0 L522,49.3 L516,48.5 L510,47.7 L504,47.0 L498,46.2 L492,45.5 L486,44.8 L480,44.2 L474,43.5 L468,42.9 L462,42.3 L456,41.7 L450,41.2 L444,40.6 L438,40.1 L432,39.7 L426,39.2 L420,38.8 L414,38.4 L408,38.1 L402,37.7 L396,37.4 L390,37.2 L384,36.9 L378,36.7 L372,36.6 L366,36.4 L360,36.3 L354,36.2 L348,36.2 L342,36.2 L336,36.2 L330,36.3 L324,36.3 L318,36.5 L312,36.6 L306,36.8 L300,37.0 L294,37.2 L288,37.5 L282,37.8 L276,38.1 L270,38.4 L264,38.8 L258,39.2 L252,39.6 L246,40.0 L240,40.5 L234,41.0 L228,41.5 L222,42.0 L216,42.6 L210,43.1 L204,43.7 L198,44.3 L192,44.9 L186,45.5 L180,46.1 L174,46.8 L168,47.4 L162,48.1 L156,48.8 L150,49.4 L144,50.1 L138,50.8 L132,51.5 L126,52.2 L120,52.9 L114,53.5 L108,54.2 L102,54.9 L96,55.6 L90,56.3 L84,56.9 L78,57.6 L72,58.3 L66,58.9 L60,59.6 L54,60.2 L48,60.9 L42,61.5 L36,62.1 L30,62.7 L24,63.3 L18,63.9 L12,64.4 L6,65.0 L0,65.5 V0 Z' fill='black'/%3E%3C/svg%3E")}
}
.held-kante:has(+ .u-problem) .saum{fill:var(--sand)}