@font-face{font-family:Fraunces;src:url(../gemeinsam/schriften/fraunces-latin-full-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Figtree;src:url(../gemeinsam/schriften/figtree-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{
  --cw-canvas:#06140E;--cw-surface:#0F2A1D;--cw-ink:#FBF3DF;--cw-ink-soft:#D3D8C4;--cw-accent:#E6B64C;--cw-accent-ink:#1A1405;
  --cw-font-display:Fraunces,Georgia,serif;--cw-font-text:Figtree,system-ui,sans-serif;
  --abwaerts-schrift:Figtree,system-ui,sans-serif;--abwaerts-unten:calc(var(--leiste) + 10px);--creme:#F5EEDD;--tinte:#12301F;--tinte-weich:#3D5646;--gold:#E6B64C;--gold-dunkel:#7E5C11;--leiste:76px;--rand:clamp(20px,5vw,84px);--maxb:1320px;
  --af-grund:#FBF6EA;--af-tinte:#12301F;--af-weich:#3D5646;--af-akzent:#12301F;--af-akzent-tinte:#FBF3DF;--af-rand:#6F8574;--af-schrift:Figtree,system-ui,sans-serif;--af-titel:800 2rem/1.08 Fraunces,Georgia,serif;
}
html{background:var(--cw-canvas)}
body{font-size:clamp(1.1875rem,1.05rem + .35vw,1.375rem);line-height:1.55;color:var(--cw-ink);overflow-x:clip}
main{display:block;overflow-x:clip}
::selection{background:var(--gold);color:var(--cw-accent-ink)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.hell :focus-visible,.gold :focus-visible{outline-color:var(--tinte)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;margin:0;letter-spacing:-.018em;text-wrap:balance}
h1 em{font-style:normal;color:var(--gold)}
p{margin:0;text-wrap:pretty}
.sprung{position:fixed;left:12px;top:-80px;z-index:60;padding:.7em 1em;background:var(--creme);color:var(--tinte);border-radius:10px}
.sprung:focus{top:12px}

.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:.5em 1.4em;border-radius:999px;border:2px solid var(--gold);background:var(--gold);color:var(--cw-accent-ink);font-weight:700;font-size:1.0625rem;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:inherit;transition:transform .13s cubic-bezier(.23,1,.32,1),background-color .15s}
.knopf:hover{background:#F0C663}
.knopf:active{transform:scale(.97)}
.knopf--rand{background:rgba(6,20,14,.55);color:var(--cw-ink)}
.knopf--rand:hover{background:rgba(230,182,76,.18)}
.knopf:disabled{opacity:.7;cursor:default}

/* Start */
.buehne{position:relative;height:100svh;min-height:520px;background:#040806;overflow:hidden}
.buehne__wirt,.schluss__wirt{position:absolute;inset:0;touch-action:pan-y}
.platte{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;will-change:transform}
.platte img{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%);mask-image:linear-gradient(to bottom,transparent 0,#000 7%)}
.schluss__wirt .platte img{-webkit-mask-image:linear-gradient(to right,#000 72%,transparent 96%);mask-image:linear-gradient(to right,#000 72%,transparent 96%)}
.ersatz{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.kein-3d .ersatz{display:block}.kein-3d .platte{display:none}
.trommel-flaeche{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .7s ease-out}
.laeuft .trommel-flaeche{opacity:1}
.buehne__wirt{cursor:grab}
.buehne__wirt:active{cursor:grabbing}
.buehne__schatten{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,10,7,.54),rgba(4,10,7,.4) 38%,transparent 56%),radial-gradient(70% 72% at 16% 52%,rgba(4,10,7,.8),rgba(4,10,7,.56) 52%,rgba(4,10,7,.14) 74%,transparent 86%)}
.logo{position:absolute;top:clamp(14px,2.6vh,30px);left:var(--rand);width:clamp(132px,12.5vw,190px);height:auto;z-index:2}
.alle{position:absolute;top:clamp(16px,3vh,32px);right:var(--rand);z-index:5;display:inline-flex;align-items:center;min-height:44px;padding:0 1em;border-radius:999px;border:1.5px solid rgba(251,243,223,.5);color:var(--cw-ink);font-size:.95rem;font-weight:600;text-decoration:none;background:rgba(6,20,14,.4)}
.alle:hover{background:rgba(251,243,223,.14)}
.held{position:absolute;left:var(--rand);top:0;bottom:var(--leiste);display:flex;flex-direction:column;justify-content:center;padding-top:clamp(70px,11vh,120px);width:min(49vw,720px);z-index:2;pointer-events:none}
.held>*{pointer-events:auto}
.held h1{font-weight:800;font-size:min(clamp(3rem,5.3vw,5.8rem),10.8svh);line-height:1}
.held p{margin-top:.9em;color:#FFFCF3;max-width:24em}
.held__knoepfe{display:flex;flex-wrap:wrap;gap:.7em;margin-top:1.3em}
.held__hinweis{margin-top:.8em!important;font-size:1rem;color:var(--cw-ink-soft)!important}
.held__hinweis[hidden]{display:none}
.kugelzeile{list-style:none;display:flex;flex-wrap:wrap;gap:.45em;padding:0;margin:.9em 0 0;min-height:0}
.chip{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:.2em .85em .2em .4em;border-radius:999px;border:0;background:rgba(251,243,223,.13);color:var(--cw-ink);font:600 1rem/1 Figtree,sans-serif;cursor:pointer}
.chip:hover{background:rgba(251,243,223,.22)}
.chip__kugel,.flugkugel{display:block;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffaf0,#efe3c9 42%,#b9a67e 92%);box-shadow:0 3px 7px -2px rgba(0,0,0,.6)}
.chip__kugel{width:28px;height:28px}
.flugkugel{position:fixed;left:0;top:0;width:38px;height:38px;z-index:40;pointer-events:none}

/* Spielkarte als Menü */
.leiste{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);height:var(--leiste);padding:0 max(var(--rand),calc((100% - 1560px)/2));padding-bottom:env(safe-area-inset-bottom);background:rgba(6,20,14,.94);border-top:1px solid rgba(230,182,76,.35);transition:background-color .25s}
.karte{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(84px,128px));margin:0 auto 0 0;padding:0;border:2px solid var(--gold)}
.karte li+li{border-left:1px solid rgba(230,182,76,.55)}
.karte a{position:relative;display:flex;align-items:center;justify-content:center;height:46px;padding:0 .3em;color:var(--cw-ink);font-size:.9375rem;line-height:1.05;font-weight:600;text-decoration:none;text-align:center}
.karte a:hover{background:rgba(230,182,76,.16)}
.karte a span{position:relative}
.karte a::before{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:var(--gold);transform:scale(.6);opacity:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .15s}
.karte a.an::before{transform:none;opacity:1;width:100%;height:100%;left:0;top:0;margin:0;border-radius:0}
.karte a.an span{color:var(--cw-accent-ink)}
.leiste__tel{color:var(--cw-ink);font-weight:700;font-size:1.125rem;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.leiste__tel:hover{color:var(--gold)}
.leiste__tel-kurz{display:none}
.leiste__menue{display:none}
.auf-gold .leiste{background:#12301F}

/* Alltag */
.filz{background:#0B2317}
.filz{background:#0B2317 url(filz-foto.webp) center/cover}
.schiene-buehne{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(.8rem,2.4vh,1.6rem);padding:clamp(1.4rem,4vh,3rem) 0 calc(var(--leiste) + 62px)}
.schiene{display:flex;gap:clamp(18px,2.4vw,36px);align-items:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 var(--rand);--bw:max(186px,min(72vw,calc((100svh - var(--leiste) - 440px)*.8),430px))}
.schiene::-webkit-scrollbar{display:none}
.schiene__kopf{padding:0 var(--rand);max-width:var(--maxb);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2em 1.4em;align-items:end}
.schiene__kopf h2{grid-column:1;font-weight:700;font-size:clamp(2.3rem,4.3vw,4.4rem);line-height:1.02}
.schiene__kopf p{grid-column:1;color:var(--cw-ink-soft);max-width:38em}
.anhalten{grid-column:2;grid-row:1/3;align-self:end;min-height:44px;padding:0 1em;border-radius:999px;border:1.5px solid rgba(251,243,223,.6);background:rgba(6,20,14,.45);color:var(--cw-ink);font:600 1rem/1 Figtree,sans-serif;cursor:pointer}
.anhalten:hover{background:rgba(251,243,223,.14)}
.stueck{width:var(--bw);flex:none}
.stueck img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;box-shadow:0 22px 38px -22px rgba(0,0,0,.85)}
.stueck h3{margin-top:.55em;font-weight:700;font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.1}
.stueck p{color:var(--cw-ink-soft);min-height:2.6em;line-height:1.35;margin-top:.2em;font-size:1.0625rem}
.zettel-knopf{display:inline-flex;align-items:center;gap:.55em;min-height:44px;margin-top:.25em;padding:.1em .9em .1em .55em;border-radius:999px;border:1.5px solid rgba(230,182,76,.75);background:transparent;color:var(--cw-ink);font:600 1rem/1 Figtree,sans-serif;cursor:pointer;transition:background-color .15s,color .15s}
.zettel-knopf:hover{background:rgba(230,182,76,.16)}
.punkt{width:20px;height:20px;border-radius:50%;border:2px solid var(--gold)}
.zettel-knopf[aria-pressed=true]{background:var(--gold);color:var(--cw-accent-ink);border-color:var(--gold)}
.zettel-knopf[aria-pressed=true] .punkt{background:var(--cw-accent-ink);border-color:var(--cw-accent-ink)}
.schiene__ende{width:min(78vw,420px);flex:none;padding-right:var(--rand)}
.schiene__ende p{font:700 clamp(1.8rem,3vw,2.8rem)/1.1 Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;margin-bottom:.8em}

/* Jung & Alt */
.hell{background:var(--creme);color:var(--tinte)}
.hell .knopf{border-color:var(--tinte);background:var(--tinte);color:var(--creme)}
.wechsel{position:relative;height:100svh;min-height:520px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);background:var(--creme);color:var(--tinte);padding-bottom:var(--leiste)}
.wechsel__text{grid-column:1;grid-row:1;align-self:center;padding:0 clamp(16px,2.6vw,44px) 0 max(var(--rand),calc((100vw - 1560px)/2))}
.wechsel__text h2{font-weight:800;font-size:min(clamp(3.2rem,6.4vw,7rem),14svh);line-height:.98}
.wechsel__jung,.wechsel__und{display:block}
.wechsel__und{color:var(--gold-dunkel)}
.wechsel__text p{margin-top:1em;color:var(--tinte-weich)}
.grade-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:.5em .8em;margin-top:1.1em;font-weight:700}
.grade{list-style:none;display:flex;gap:8px;padding:0;margin:0}
.grade li{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--tinte);color:var(--creme);font-weight:700}
.wechsel__bild{grid-column:2;grid-row:1;position:relative;overflow:hidden;background:#caa270}
.wechsel__bild picture,.wechsel__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wechsel__alt{clip-path:inset(0 100% 0 0)}

/* Anita */
.anita{padding:clamp(4rem,9vh,8rem) 0 clamp(5rem,12vh,10rem)}
.anita__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,28px);max-width:var(--maxb);margin:auto;padding-inline:var(--rand)}
.anita__auto1{grid-column:1/6;grid-row:1;margin:0}
.anita__auto1 img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 30px 50px -30px rgba(18,48,31,.6)}
.anita__text{grid-column:7/13;grid-row:1;padding-top:clamp(0px,4vh,48px)}
.anita__text h2{font-weight:700;font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:1.02}
.anita__text>p{margin-top:1em;color:var(--tinte-weich);max-width:28em}
.anita__karte{margin:1.6em 0 0}
.anita__karte img{display:block;width:100%;height:auto;border-radius:6px}
.anita__karte figcaption{margin-top:.5em;font-size:1rem;color:var(--tinte-weich)}
.anita__auto2{grid-column:2/7;grid-row:2;margin:clamp(-120px,-7vw,-40px) 0 0;z-index:1;will-change:transform}
.anita__auto2 img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 30px 44px -26px rgba(18,48,31,.75);border:6px solid var(--creme)}

/* Stille vor dem Höhepunkt */
.still{background:var(--cw-canvas)}
.still__buehne{min-height:78svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem var(--rand) var(--leiste);background:var(--cw-canvas)}
.still h2{font-weight:500;font-size:clamp(2.1rem,3.8vw,3.6rem);line-height:1.12;max-width:17em}
.still p{margin-top:1em;color:var(--cw-ink-soft);max-width:30em}

/* Bingo */
.ziehung__buehne{position:relative;height:100svh;min-height:480px;overflow:hidden;background:var(--cw-canvas);padding-bottom:var(--leiste)}
.ziehung__filz{position:absolute;inset:0;background:#0B2317 url(filz-foto.webp) center/cover;-webkit-mask-image:radial-gradient(70% 60% at 50% 46%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 46%,#000 30%,transparent 100%)}
.spielkarte{position:absolute;left:50%;top:calc(50% - var(--leiste)/2);transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(92vw,1040px);border:3px solid var(--gold);background:rgba(6,20,14,.55)}
.spielkarte__zelle{position:relative;z-index:1;display:grid;place-items:center;aspect-ratio:1/1;border-left:1.5px solid rgba(230,182,76,.6);font:700 clamp(.82rem,1.8vw,1.5rem)/1.1 Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;text-align:center;padding:4px}
.spielkarte__zelle:nth-child(2){border-left:0}
.spielkarte__zelle::before{content:"";position:absolute;inset:11%;border-radius:50%;background:var(--gold);opacity:0;transform:scale(.8);transition:opacity .16s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.spielkarte__zelle.belegt::before{opacity:1;transform:none}
.spielkarte__zelle span{position:relative}
.spielkarte__zelle.belegt span{color:var(--cw-accent-ink)}
.spielkarte__strich{position:absolute;z-index:0;left:-2%;right:-2%;top:50%;height:6px;margin-top:-3px;background:var(--cw-ink);transform:scaleX(0);transform-origin:left;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.rollkugel{position:fixed;left:0;top:0;width:min(15vw,150px);height:min(15vw,150px);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffaf0,#efe3c9 42%,#b9a67e 92%);box-shadow:0 14px 24px -8px rgba(0,0,0,.7);font:800 clamp(.95rem,2vw,1.7rem)/1 Fraunces,serif;color:var(--tinte);z-index:4;visibility:hidden;pointer-events:none}
.flut{position:absolute;inset:0;background:var(--gold);color:var(--cw-accent-ink);clip-path:circle(0 at 50% 50%);display:grid;place-items:center;padding:0 var(--rand) var(--leiste);z-index:5;visibility:hidden}
.flut>*{grid-area:1/1}
.flut__bingo{font:800 clamp(5.4rem,25vw,24rem)/.9 Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;letter-spacing:-.03em;margin:0;transform-origin:50% 50%}
.flut__ziel{text-align:center;opacity:0}
.flut__betrag{font:800 min(clamp(5.5rem,20vw,19rem),36svh)/.92 Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;letter-spacing:-.03em;font-variant-numeric:lining-nums}
.flut__ziel h2{font-weight:600;font-size:clamp(1.7rem,3.6vw,3.4rem);line-height:1.08;margin-top:.3em;max-width:18em;margin-inline:auto}

.gold{background:var(--gold);color:var(--cw-accent-ink);padding:clamp(1rem,4vh,3rem) 0 clamp(5rem,12vh,9rem)}
.gold__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,28px);row-gap:1.4em;max-width:var(--maxb);margin:auto;padding-inline:var(--rand)}
.gold p{font-size:clamp(1.25rem,1.1rem + .6vw,1.65rem);line-height:1.42;font-weight:500}
.gold p:nth-child(1){grid-column:1/8}
.gold p:nth-child(2){grid-column:8/13;font-weight:800}
.gold p:nth-child(3){grid-column:1/8}
.gold p.gold__stand{grid-column:8/13;font-size:1.0625rem;font-weight:500}

/* Fragen */
.fragen{padding:clamp(4rem,9vh,8rem) 0 clamp(4rem,9vh,8rem)}
.fragen__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,28px);max-width:var(--maxb);margin:auto;padding-inline:var(--rand)}
.fragen h2{grid-column:1/6;font-weight:700;font-size:clamp(2.3rem,3.9vw,4rem);line-height:1.04}
.fragen__liste{grid-column:6/13}
.fragen details{border-top:1.5px solid #B7BBA3}
.fragen details:last-child{border-bottom:1.5px solid #B7BBA3}
.fragen summary{display:flex;justify-content:space-between;gap:1em;padding:.8em 0;min-height:56px;font-weight:700;cursor:pointer;list-style:none;font-size:clamp(1.2rem,1.1rem + .4vw,1.45rem)}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"+";font:500 1.6em/1 Fraunces,serif;flex:none;transition:transform .2s}
.fragen details[open] summary::after{transform:rotate(45deg)}
.fragen details p{padding:0 0 1.1em;color:var(--tinte-weich);max-width:36em}

/* Schluss */
.schluss{position:relative;min-height:100svh;background:#040806;display:flex;align-items:center;padding:clamp(3rem,8vh,6rem) 0 calc(var(--leiste) + 2rem);overflow:hidden}
.schluss__inhalt{position:relative;z-index:2;width:100%;max-width:var(--maxb);margin:auto;padding-inline:var(--rand);pointer-events:none}
.schluss__inhalt>*{pointer-events:auto;margin-left:auto;width:min(100%,540px)}
.schluss h2{font-weight:800;font-size:clamp(3rem,6vw,6rem);line-height:1}
.schluss__inhalt>p:first-of-type{margin-top:.6em;color:var(--cw-ink)}
.zettel{margin-top:1.1em;padding:.8em 1.1em;background:#F8F1DF;color:var(--tinte);border-radius:3px;box-shadow:0 18px 28px -16px rgba(0,0,0,.8);transform:rotate(-.7deg)}
.zettel__titel{font-weight:600}
.zettel ul{list-style:none;padding:0;margin:.3em 0 0;display:flex;flex-wrap:wrap;gap:.1em .9em}
.zettel li{font:700 1.2em/1.3 Fraunces,serif}
.zettel ul:empty{display:none}
.nummer{display:block;margin-top:.7em;color:var(--gold);font:800 clamp(2.3rem,4.8vw,4rem)/1.05 Figtree,sans-serif;letter-spacing:-.015em;text-decoration:none;font-variant-numeric:tabular-nums}
.nummer:hover{color:#F4CE70}
.nummer--zwei{margin-top:.2em;color:var(--cw-ink);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;letter-spacing:0}
.schluss__wege{display:flex;flex-wrap:wrap;align-items:center;gap:.8em 1.2em;margin-top:1.1em}
.mail{color:var(--cw-ink)}
.assistent{display:flex;align-items:center;gap:.6em;margin-top:1.1em;font-size:1rem;color:var(--cw-ink-soft)}
.assistent__knopf{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--cw-ink-soft);background:linear-gradient(var(--cw-ink-soft),var(--cw-ink-soft)) center/2px 14px no-repeat,linear-gradient(var(--cw-ink-soft),var(--cw-ink-soft)) calc(50% - 6px) center/2px 8px no-repeat,linear-gradient(var(--cw-ink-soft),var(--cw-ink-soft)) calc(50% + 6px) center/2px 8px no-repeat}

/* Fuß */
.seitenfuss{background:var(--cw-canvas);color:var(--cw-ink-soft);font-size:1rem;padding:1.6rem max(var(--rand),calc((100% - 1560px)/2)) calc(var(--leiste) + 1.6rem);border-top:1px solid rgba(251,243,223,.18)}
.seitenfuss__zeile{display:flex;flex-wrap:wrap;gap:.5em 1.6em;justify-content:space-between}
.seitenfuss nav{display:flex;flex-wrap:wrap;gap:0 1.2em}
.seitenfuss a{color:var(--cw-ink);display:inline-block;padding:.5em 0}
.seitenfuss p{margin-top:.6em;font-size:.9375rem}

/* Menü fürs Telefon */
.menue{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;margin:0;max-height:92dvh;border:0;border-radius:18px 18px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));background:var(--cw-canvas);color:var(--cw-ink)}
.menue::backdrop{background:rgba(5,14,10,.7)}
.menue ul{list-style:none;padding:0;margin:0 0 12px}
.menue li{border-bottom:1px solid rgba(230,182,76,.35)}
.menue li a{display:flex;align-items:center;min-height:68px;color:var(--cw-ink);font:700 1.6rem/1 Fraunces,serif;text-decoration:none}
.menue .nummer{font-size:2.1rem}
.menue .knopf{margin-top:14px;width:100%}
.menue__zu{position:absolute;right:12px;top:12px;width:48px;height:48px;border:0;background:none;color:inherit;font-size:2rem;cursor:pointer}

/* Tablet quer und kleiner */
@media(max-width:1100px){
  .karte{grid-template-columns:repeat(5,minmax(70px,104px))}
  .karte a{font-size:.875rem}
  .leiste__tel{font-size:1rem}
}
@media(max-width:860px){
  :root{--leiste:68px}
  .karte{display:none}
  .leiste{justify-content:space-between}
  .leiste__menue{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:104px;padding:0 1.1em;border-radius:999px;border:2px solid var(--cw-ink);background:transparent;color:var(--cw-ink);font:700 1.0625rem/1 Figtree,sans-serif;cursor:pointer}
  .leiste__melden{display:none}
  .leiste__tel{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:52px;max-width:280px;border-radius:999px;background:var(--gold);color:var(--cw-accent-ink);font-size:1.0625rem}
  .leiste__tel:hover{color:var(--cw-accent-ink)}
  .leiste__tel-lang{display:none}.leiste__tel-kurz{display:inline}
  .buehne__schatten{background:linear-gradient(180deg,rgba(4,12,8,.72),rgba(4,12,8,.5) 40%,transparent 62%)}
    .logo{width:112px;top:10px;left:20px}
  .alle{top:12px;right:14px;font-size:.875rem;min-height:40px}
  .held{top:0;bottom:auto;left:20px;right:20px;width:auto;padding-top:92px;display:block}
  .held h1{font-size:clamp(2.5rem,11.4vw,3.3rem)}
  .held p{margin-top:.6em;font-size:1.0625rem;line-height:1.4}
  .held__knoepfe{margin-top:.8em;gap:.5em}
  .held .knopf{min-height:50px;padding:.3em 1em;font-size:1rem}
  .kugelzeile{margin-top:.5em}
  .schiene{--bw:max(186px,min(68vw,calc((100svh - var(--leiste) - 400px)*.8)))}
  .schiene__kopf{display:block}
  .anhalten{margin-top:.5em}
  .wechsel{display:flex;flex-direction:column;min-height:560px}
  .wechsel__bild{flex:1 1 42%;min-height:0;order:1}
  .wechsel__bild img{object-position:62% 50%}
  .wechsel__text{order:2;flex:none;padding:1em 20px 1.1em}
  .wechsel__text h2{font-size:clamp(2.6rem,12.5vw,3.5rem)}
  .wechsel__jung,.wechsel__und{display:inline}
  .wechsel__text p{font-size:1.0625rem;line-height:1.4;margin-top:.5em}
  .grade-zeile{margin-top:.6em}.grade li{width:40px;height:40px}
  .anita__raster{display:flex;flex-direction:column;gap:1.6em}
  .anita__auto2{margin:-3.4em 0 0 16%;width:84%}
  .anita__text{order:-1;padding-top:0}
  .gold p:nth-child(n),.gold p.gold__stand{grid-column:1/13}
  .fragen h2,.fragen__liste{grid-column:1/13}
  .fragen h2{margin-bottom:.6em}
  .schluss{align-items:flex-start;padding-top:1.6rem;min-height:calc(100svh + 40px)}
  .schluss__inhalt>*{margin-left:0}
  .zettel{margin-top:.8em}
  .schluss__wirt{top:auto;height:40svh}
  .schluss{padding-bottom:calc(40svh + var(--leiste) - 4svh)}
  .seitenfuss{padding-bottom:calc(var(--leiste) + 1.4rem)}
}
@media(max-height:560px) and (min-width:861px){.held h1{font-size:2.6rem}.held p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){
  .trommel-flaeche{transition:none}
  .flut{clip-path:none!important;visibility:visible!important}
  .flut__ziel{opacity:1!important;transform:none!important}
  .flut__bingo{display:none}
  .rollkugel{display:none}
}