/* Konzept 03 — Signature. Kinoschwarz, Elfenbein, Glut. Bricolage Grotesque + Instrument Serif (kursiv) + Figtree. Ein WebGL-Korridor der Looks, Terminanfrage in der Schublade. */
:root{
  --bg:#06080b; --bg2:#0b0e13; --bg3:#12161d; --ink:#f1ede6; --mut:#9ca2ab; --ember:#ff5b2e; --ember-l:#ff8b66; --ok:#8ee6a7; --nein:#ff8a78;
  --line:rgba(241,237,230,.14);
  --disp:"Bricolage Grotesque","Arial Black",system-ui,sans-serif; --serif:"Instrument Serif",Georgia,serif; --sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rand:clamp(20px,5vw,84px); --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body.k3{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(16px,1vw + 10px,18px)/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
em,i{font-style:normal}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ember-l);outline-offset:3px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprung{position:absolute;left:12px;top:-60px;z-index:300;background:var(--ember);color:#160803;padding:12px 18px;font-weight:800}
.sprung:focus{top:8px}

.strip{background:#000;color:var(--mut);font-size:13px;line-height:1.3;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:9px var(--rand);border-bottom:1px solid var(--line);position:relative;z-index:70}
.strip p{margin:0}.strip b{color:var(--ink);font-weight:700}.strip a{white-space:nowrap;color:var(--ink)}
html.einb .strip{display:none}

/* Kopf */
.kopf{position:sticky;top:0;z-index:60;height:76px;margin-bottom:-76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--rand);background:linear-gradient(rgba(6,8,11,.78),rgba(6,8,11,0))}
.marke{font:700 clamp(1.4rem,2vw,1.75rem)/1 var(--disp);letter-spacing:-.03em;text-decoration:none;padding:10px 0;white-space:nowrap}
.marke i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--ember);padding:0 .05em}
.kn{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px)}
.kn-l,.kn-tel{font:600 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:14px 4px;color:var(--ink)}
.kn-tel{color:var(--mut);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.kn-l:hover,.kn-tel:hover{color:#fff}

/* Knöpfe */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;border-radius:999px;background:var(--ember);color:#160803;font:700 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ember);cursor:pointer;transition:transform .35s var(--ease),background .25s,color .25s,box-shadow .35s var(--ease)}
.knopf:hover{background:var(--ember-l);border-color:var(--ember-l);transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,91,46,.28)}
.knopf:active{transform:none}
.knopf-s{min-height:44px;padding:0 20px;font-size:12.5px;gap:0}
.knopf-leise{background:transparent;color:var(--ink);border-color:rgba(241,237,230,.4)}
.knopf-leise:hover{background:var(--ink);color:#0a0a0a;border-color:var(--ink);box-shadow:none}
.knopf[disabled]{opacity:.5;cursor:wait;transform:none;box-shadow:none}

.kicker{font:700 12.5px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ember-l);margin:0 0 clamp(14px,2vw,24px)}

/* ---------- Standard: gestapelt (ohne JavaScript, ohne WebGL2, bei „Weniger Bewegung“) ---------- */
.buehne{position:relative}
.stage{position:relative;padding-top:76px}
.gl,.vignette,.hud,.dots{display:none}
.look{position:relative;padding:clamp(36px,6vw,84px) var(--rand);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;max-width:1500px;margin:0 auto}
.look:nth-of-type(even) .look-bild{order:-1}
.look-0{border-top:0;min-height:calc(100svh - 120px)}
.look-7{display:block;text-align:center;padding-top:clamp(70px,10vw,140px);padding-bottom:clamp(70px,10vw,140px)}
.look-7 .look-aktion{justify-content:center}
.look-bild{margin:0;position:relative}
.look-bild img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.look-0 .look-bild img,.look-6 .look-bild img{aspect-ratio:3/2}
.look-bild figcaption{margin-top:10px;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.look-nr{font:700 13px/1 var(--sans);letter-spacing:.24em;color:var(--mut);margin:0 0 18px}.look-nr span{color:var(--ember-l)}
.look-t{font:800 clamp(3.2rem,8vw,8.4rem)/.9 var(--disp);letter-spacing:-.045em;margin:0 0 .18em}
.look-t em{font:400 1.05em/.9 var(--serif);font-style:italic;letter-spacing:-.01em;color:var(--ember-l)}
.look-t--gross{font-size:clamp(3.6rem,10vw,10.5rem)}
.look-s{font:400 clamp(1.5rem,2.4vw,2.2rem)/1.15 var(--serif);font-style:italic;color:var(--ink);margin:0 0 14px;max-width:24ch}
.look-s em{color:var(--ember-l)}
.look-p{color:var(--mut);max-width:42ch;margin:0 0 26px}
.look-aktion{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 0}
.h1{font:800 clamp(5.2rem,15vw,15rem)/.84 var(--disp);letter-spacing:-.055em;margin:0 0 clamp(14px,2vw,28px)}
.h1 .zeile{display:block}.h1 i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--ember);letter-spacing:-.02em;padding-right:.05em}
.look-in--mitte{max-width:900px;margin:0 auto}.look-in--mitte .look-s{margin-left:auto;margin-right:auto;max-width:34ch}

/* Ende */
.ende{padding:clamp(70px,10vw,150px) 0;border-top:1px solid var(--line);background:var(--bg2)}
.ende-in{max-width:1500px;margin:0 auto;padding:0 var(--rand);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center}
.h-ende{font:800 clamp(3rem,7vw,7rem)/.92 var(--disp);letter-spacing:-.045em;margin:0 0 20px}
.h-ende em{font:400 1.05em/.9 var(--serif);font-style:italic;color:var(--ember-l);letter-spacing:-.01em}
.adresse{font:400 clamp(1.4rem,2.2vw,2rem)/1.3 var(--serif);font-style:italic;margin:0 0 28px}.adresse a{color:var(--ember-l);text-decoration:none}
.aktionen{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 26px}
.ende-hinweis{color:var(--mut);margin:0 0 6px}
.bewertung{margin:26px 0 0;color:var(--mut);font-size:.95rem}.bewertung b{font:700 1.8rem/1 var(--disp);color:var(--ink)}
.ende-b{margin:0}.ende-b img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.9) contrast(1.04)}
.ende-b figcaption{margin-top:10px;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.fuss{padding:clamp(36px,5vw,64px) var(--rand);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr auto;gap:24px 48px;color:var(--mut);font-size:.92rem;align-items:start;background:#030405}
.fuss p{margin:0}.fuss b{color:var(--ink)}.fuss a{color:var(--ink)}
.fuss-marke{font:700 1.8rem/1 var(--disp);letter-spacing:-.03em;color:var(--ink)}.fuss-marke i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--ember)}
.fuss-weiter{display:flex;gap:6px 20px;flex-wrap:wrap}

/* ---------- Bühnenmodus (JS setzt html.gl, sobald WebGL2 läuft) ---------- */
html.kgl .stage{position:sticky;top:0;height:100svh;padding-top:0;overflow:hidden}
html.kgl .gl{display:block;position:absolute;inset:0;width:100%;height:100%}
html.kgl .vignette{display:block;position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%)}
html.kgl .stage{background:radial-gradient(90% 70% at 62% 42%,#161b23 0%,#0a0d12 55%,#05070a 100%)}
html.kgl .look{position:absolute;inset:0;display:block;padding:0;border:0;max-width:none;margin:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}
html.kgl .look.aktiv{visibility:visible}
html.kgl .look.aktiv .look-in{pointer-events:auto}
html.kgl .look-bild{display:none}
html.kgl .look-in{position:absolute;left:var(--rand);top:50%;transform:translateY(-46%);max-width:min(36rem,42vw)}
html.kgl .look-0 .look-in{left:var(--rand);right:auto;max-width:min(52rem,52vw)}
html.kgl .look-7 .look-in{left:50%;top:50%;transform:translate(-50%,-50%);right:auto;max-width:900px;width:calc(100% - 2 * var(--rand));text-align:center}
html.kgl .look-7 .look-s{margin-left:auto;margin-right:auto}
html.kgl .look-7 .look-aktion{justify-content:center}
/* gerade Kapitel (2,4,6): Bildfläche rechts → Text links; ungerade (1,3,5): Bildfläche links → Text rechts. Kapitel 0 links. */
html.kgl .look-2 .look-in,html.kgl .look-4 .look-in,html.kgl .look-6 .look-in{left:var(--rand);right:auto}
html.kgl .look-1 .look-in,html.kgl .look-3 .look-in,html.kgl .look-5 .look-in{left:auto;right:var(--rand)}

html.kgl .hud{display:flex;position:absolute;left:var(--rand);bottom:clamp(18px,3.4vh,34px);right:var(--rand);justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:5}
.hud-z{margin:0;font:800 clamp(2.4rem,4vw,3.8rem)/1 var(--disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.hud-z i{font:600 13px/1 var(--sans);letter-spacing:.2em;color:var(--mut)}
.hud-hinweis{margin:0;display:flex;align-items:center;gap:14px;font:700 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut);transition:opacity .4s}
.linie{display:inline-block;width:1px;height:48px;background:linear-gradient(var(--ink),transparent);animation:fall 1.8s ease-in-out infinite;transform-origin:top}
@keyframes fall{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
html.kgl .dots{display:flex;flex-direction:column;position:absolute;right:calc(var(--rand) * .4);top:50%;transform:translateY(-50%);z-index:6;gap:0}
.dots button{width:44px;height:30px;background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center}
.dots button::after{content:"";width:8px;height:8px;border-radius:50%;background:transparent;border:1px solid rgba(241,237,230,.6);transition:transform .3s var(--ease),background .3s}
.dots button[aria-current="true"]::after{background:var(--ember);border-color:var(--ember);transform:scale(1.5)}
.dots button:hover::after{background:var(--ink)}
html.kgl .dots button .vh{}

/* ---------- Schublade ---------- */
.schleier{position:fixed;inset:0;z-index:150;background:rgba(3,4,6,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .45s var(--ease)}
.schleier.an{opacity:1}
.schub{position:fixed;top:0;right:0;bottom:0;z-index:160;width:min(620px,100vw);background:var(--bg2);border-left:1px solid var(--line);box-shadow:-40px 0 120px rgba(0,0,0,.6);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .6s var(--ease);outline:none}
.schub.an{transform:none}
.schub[hidden],.schleier[hidden]{display:none}
.schub-k{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:clamp(20px,3vw,34px) clamp(20px,3vw,38px) 8px}
.schub-kick{margin:0 0 6px;font:700 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--ember-l)}
.schub-t{margin:0;font:800 clamp(2.2rem,4vw,3.2rem)/1 var(--disp);letter-spacing:-.04em}
.schub-zu{flex:none;width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--line);cursor:pointer;position:relative;color:var(--ink)}
.schub-zu span,.schub-zu span::before{position:absolute;left:50%;top:50%;width:18px;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.schub-zu span::before{content:"";transform:translate(-50%,-50%) rotate(90deg);left:50%;top:50%}
.schub-zu:hover{background:var(--ink);color:#0a0a0a}
.schub-in{flex:1;overflow-y:auto;padding:12px clamp(20px,3vw,38px) clamp(24px,4vw,40px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body.schub-offen{overflow:hidden}

/* Terminanfrage in der Schublade (Schritt für Schritt) */
.tk-laden{margin:0;color:var(--mut)}
.tk-demo{margin:4px 0 18px;padding:11px 14px;border:1px dashed rgba(255,139,102,.6);border-radius:12px;color:var(--ink);font-size:.88rem;line-height:1.5}
.tk-demo b{color:var(--ember-l)}
.tk-prog{list-style:none;margin:6px 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tk-prog li{height:4px;border-radius:4px;background:var(--line);position:relative}
.tk-prog li.an{background:var(--ember)}
.tk-prog li span{position:absolute;top:10px;left:0;font:700 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.tk-prog li.an span{color:var(--ink)}
.tk-schritt{margin:30px 0 0;padding:0;border:0;min-width:0}
.tk-schritt>legend,.tk-schritt>h3{padding:0;margin:0 0 16px;font:800 clamp(1.7rem,3vw,2.2rem)/1.05 var(--disp);letter-spacing:-.035em;float:none;width:100%}
.tk-schritt>legend small,.tk-schritt>h3 small{display:block;margin-top:6px;font:400 .95rem/1.4 var(--sans);letter-spacing:0;color:var(--mut)}
.tk-h:focus,.tk-h:focus-visible{outline:none}
.tk-look{display:inline-flex;gap:10px;align-items:center;margin:0 0 16px;padding:8px 14px;border:1px solid var(--ember);border-radius:999px;font:700 12.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ember-l)}
.tk-chips{display:grid;gap:10px}
.tk-chip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:0 20px;background:var(--bg3);border:1px solid var(--line);border-radius:16px;color:var(--ink);font:700 1.05rem/1.2 var(--sans);text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .3s var(--ease)}
.tk-chip::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:1px solid rgba(241,237,230,.4);transition:background .2s,border-color .2s}
.tk-chip:hover{border-color:rgba(241,237,230,.5)}
.tk-chip[aria-pressed="true"]{border-color:var(--ember);background:rgba(255,91,46,.1)}
.tk-chip[aria-pressed="true"]::after{background:var(--ember);border-color:var(--ember)}
.tk-chip[aria-pressed="true"]::before{content:"";position:absolute;right:27px;top:50%;width:11px;height:6px;border-left:2.5px solid #160803;border-bottom:2.5px solid #160803;transform:translateY(-70%) rotate(-45deg)}
.tk-monat{font:700 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mut);margin:0 0 10px}
.tk-tage{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;margin:0 -2px 4px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--ember) transparent}
.tk-tag{flex:none;scroll-snap-align:start;width:68px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 0;background:var(--bg3);border:1px solid var(--line);border-radius:18px;color:var(--ink);cursor:pointer;font-family:var(--sans);transition:background .25s,border-color .25s,color .25s}
.tk-tag .wt{font:700 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.tk-tag .d{font:800 32px/1 var(--disp);letter-spacing:-.04em}
.tk-tag .m{font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.tk-tag:hover:not([disabled]){border-color:rgba(241,237,230,.5)}
.tk-tag[aria-pressed="true"]{background:var(--ember);border-color:var(--ember);color:#160803}.tk-tag[aria-pressed="true"] .wt,.tk-tag[aria-pressed="true"] .m{color:#160803}
.tk-tag[disabled]{opacity:.3;cursor:not-allowed}
.tk-zeiten{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.tk-zeit{min-height:52px;background:var(--bg3);border:1px solid var(--line);border-radius:14px;color:var(--ink);font:700 1.1rem/1 var(--sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .3s}
.tk-zeit:hover:not([disabled]){border-color:rgba(241,237,230,.5)}
.tk-zeit[aria-pressed="true"]{background:var(--ember);border-color:var(--ember);color:#160803;box-shadow:0 0 30px rgba(255,91,46,.4)}
.tk-zeit[disabled]{opacity:.28;cursor:not-allowed;text-decoration:line-through}
.tk-leer{margin:8px 0 0;color:var(--mut);font-size:.95rem}
.tk-felder{display:grid;gap:16px}
.tk-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.tk-f label{font:700 12px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.tk-f label small{font-weight:500;letter-spacing:.04em;text-transform:none;font-size:12.5px}
.tk-f input,.tk-f textarea{width:100%;min-height:56px;padding:14px 16px;background:var(--bg3);border:1px solid var(--line);border-radius:14px;color:var(--ink);font:500 18px/1.4 var(--sans);transition:border-color .2s,background .2s}
.tk-f textarea{min-height:110px;resize:vertical}
.tk-f input:focus,.tk-f textarea:focus{outline:none;border-color:var(--ember);background:#0f131a}
.tk-f [aria-invalid="true"]{border-color:var(--nein)}
.tk-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.tk-fehler{margin:2px 0 0;font-size:.9rem;font-weight:600;color:var(--nein)}
.tk-check{display:flex;gap:5px;align-items:flex-start;margin-top:18px;cursor:pointer;font-size:.92rem;line-height:1.5;color:var(--ink)}
.tk-check input{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:44px;margin:-9px 0 -9px -9px;border:0;background:transparent;display:grid;place-content:center;cursor:pointer;min-height:0;padding:0;position:relative}
.tk-check input::before{content:"";position:absolute;left:9px;top:9px;width:28px;height:28px;border:1px solid rgba(241,237,230,.5);border-radius:8px}
.tk-check input::after{content:"";width:14px;height:14px;border-radius:4px;background:var(--ember);transform:scale(0);transition:transform .15s}
.tk-check input:checked::after{transform:scale(1)}
.tk-hinweis{margin:20px 0 0;padding:14px 16px;border-radius:14px;background:rgba(255,91,46,.08);border:1px solid rgba(255,91,46,.35);font-size:.92rem;line-height:1.5}
.tk-hinweis b{color:var(--ember-l)}
.tk-meldung{margin:0 0 16px;padding:12px 16px;border-radius:12px;border:1px solid var(--nein);color:var(--nein);font-weight:600;font-size:.95rem}
.tk-nav{display:flex;gap:12px;margin-top:30px;position:sticky;bottom:0;padding:14px 0 4px;background:linear-gradient(transparent,var(--bg2) 28%)}
.tk-nav .knopf{flex:1}
.tk-nav .tk-zurueck{flex:0 0 auto;background:transparent;border-color:var(--line);color:var(--ink);padding:0 22px}
.tk-nav .tk-zurueck:hover{background:var(--bg3);transform:none;box-shadow:none}
.tk-sum{margin:0 0 4px;padding:14px 16px;border-radius:14px;background:var(--bg3);font-size:.95rem;color:var(--mut)}.tk-sum b{color:var(--ink)}

/* Status */
.tk-status{text-align:center;padding:clamp(16px,4vw,40px) 0}
.ring{width:132px;height:132px;margin:0 auto 26px;position:relative;display:grid;place-items:center}
.ring::before,.ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--ember)}
.ring::after{animation:ring 2.2s var(--ease) infinite}
@keyframes ring{from{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}
.rm .ring::after{animation:none}
.ring span{font:800 .8rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ember-l)}
.ring.bestaetigt::before{border-color:var(--ok);background:rgba(142,230,167,.1)}.ring.bestaetigt::after{display:none}
.ring.bestaetigt span{width:46px;height:26px;border-left:5px solid var(--ok);border-bottom:5px solid var(--ok);transform:rotate(-45deg) translate(3px,-6px);font-size:0;color:transparent}
.ring.abgelehnt::before{border-color:var(--nein)}.ring.abgelehnt::after{display:none}.ring.abgelehnt span{color:var(--nein)}
.tk-status h3{font:800 clamp(2rem,4vw,2.8rem)/1.02 var(--disp);letter-spacing:-.04em;margin:0 0 12px}
.tk-status p{margin:0 auto 16px;color:var(--mut);max-width:36ch}
.tk-daten{margin:22px auto;padding:16px 18px;max-width:360px;display:grid;grid-template-columns:auto 1fr;gap:8px 20px;text-align:left;background:var(--bg3);border-radius:16px}
.tk-daten dt{font:700 11.5px/1.8 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}.tk-daten dd{margin:0;font-weight:600}
.tk-demo-mail{font-size:.86rem!important}.tk-demo-mail a{color:var(--ember-l)}
.tk-link{background:transparent;border:1px solid var(--line);border-radius:999px;padding:0 24px;min-height:50px;font:700 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.tk-link:hover{background:var(--ink);color:#0a0a0a}

/* Tablet und Handy */
@media (max-width:980px){
  .look{grid-template-columns:minmax(0,1fr)}.look:nth-of-type(even) .look-bild{order:0}
  .look-0{min-height:0;display:flex;flex-direction:column-reverse;align-items:stretch}
  .ende-in,.fuss{grid-template-columns:minmax(0,1fr)}
  .h-ende{font-size:clamp(2.4rem,12vw,4.4rem);overflow-wrap:anywhere}
  .kn-l,.kn-tel{display:none}
  /* Bühne im Hochformat: Bild oben, Text unten */
  html.kgl .look-in,html.kgl .look-0 .look-in,html.kgl .look-1 .look-in,html.kgl .look-2 .look-in,html.kgl .look-3 .look-in,html.kgl .look-4 .look-in,html.kgl .look-5 .look-in,html.kgl .look-6 .look-in{left:var(--rand);right:var(--rand);top:auto;bottom:clamp(70px,11vh,110px);transform:none;max-width:none}
  html.kgl .look-7 .look-in{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);right:auto}
  html.kgl .look-t{font-size:clamp(2.8rem,13vw,4.8rem);margin-bottom:.08em}
  html.kgl .look-p{display:none}
  html.kgl .look-s{font-size:1.4rem;margin-bottom:12px}
  html.kgl .look-nr{margin-bottom:10px}
  html.kgl .h1{font-size:clamp(4.6rem,22vw,8rem)}
  html.kgl .look-aktion{margin-top:14px}
  html.kgl .dots{display:none}
  html.kgl .hud-z{font-size:2rem}
  .schub{top:auto;left:0;right:0;width:100%;height:94svh;border-left:0;border-top:1px solid var(--line);border-radius:24px 24px 0 0;transform:translateY(102%)}
}
.strip a,.bewertung a,.fuss a{display:inline-flex;align-items:center;min-height:28px}
@media (max-width:520px){
  .kt-w{display:none}
  .kopf{padding:0 16px}
  .knopf-s{padding:0 18px}
  .strip{font-size:12px;padding:8px 16px}.strip p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .look-aktion .knopf{flex:1 1 100%}
  html.kgl .look-aktion .knopf{min-height:50px}
  .tk-nav{gap:10px}
  .aktionen .knopf{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .linie{animation:none}.schub{transition:none}.schleier{transition:none}
}
@media print{.strip,.kopf,.schub,.schleier{display:none}}