/* ══════════════════════════════════════════════════════════════════════════
   FLUFFY & FRIENDS — fluffyandfriends.world
   Eine Datei für die ganze Seite. Farben aus der Wortmarke (Limettengrün
   #98f000, gemessen am Original) und den Figuren; Schriften aus dem
   ACTIVATED-Design-System (Bebas Neue Pro, Avenir). Naht-Motiv: gestrichelte
   Linien wie die Nähte an Fluffys Fell. Reverse-Modus (html.is-reverse)
   tauscht nur die Farbvariablen.
   ══════════════════════════════════════════════════════════════════════════ */

@font-face { font-family: "Bebas Neue Pro"; src: url("../fonts/BebasNeuePro-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("../fonts/AvenirLTPro-Roman.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("../fonts/AvenirLTPro-Heavy.woff2") format("woff2"); font-weight: 800; font-display: swap; }

:root {
  --flaeche: #060806;
  --flaeche-2: #0b1009;
  --karte: #10170e;
  --karte-hell: #18221a;
  --linie: rgb(255 255 255 / .12);
  --text: #f3f6ee;
  --text-2: #b9c3b1;
  --akzent: #98f000;
  --akzent-hell: #c8ff52;
  --akzent-dunkel: #4c7a00;
  --akzent-text: #0a0f04;
  --pink: #ff3d9a;
  --rot: #ff2a2a;
  --orange: #ff8a1f;
  --glut: rgb(152 240 0 / .30);
  --schrift-titel: "Bebas Neue Pro", "Bebas Neue", Impact, "Arial Narrow Bold", sans-serif;
  --schrift-text: "Avenir LT Pro", Avenir, "Segoe UI", system-ui, -apple-system, sans-serif;
  --breite: 1240px;
  --rand: clamp(16px, 4vw, 40px);
  --rund: 22px;
  --kopf-hoehe: 68px;
  --kurve: cubic-bezier(.2, .8, .2, 1);
  /* Werte für die Einwilligung (consent.css aus der gemeinsamen Vorlage) */
  --accent: var(--akzent);
  --surface: #0e140c;
  --surface-hover: #172114;
  --surface-raised: #141c12;
  --line: rgb(255 255 255 / .16);
  --text-muted: var(--text-2);
  --font-display: var(--schrift-titel);
  --font-sans: var(--schrift-text);
  --radius-lg: 18px;
  --radius-sm: 10px;
  color-scheme: dark;
}
html.is-reverse {
  --flaeche: #080404;
  --flaeche-2: #120707;
  --karte: #190a0a;
  --karte-hell: #241010;
  --akzent: #ff2a2a;
  --akzent-hell: #ff7070;
  --akzent-dunkel: #7a0000;
  --akzent-text: #140000;
  --pink: #ff2a2a;
  --orange: #ff5a2a;
  --glut: rgb(255 42 42 / .30);
  --surface: #160909;
  --surface-hover: #221010;
  --surface-raised: #1c0c0c;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--kopf-hoehe) + 12px); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh; overflow-x: clip;
  background: var(--flaeche); color: var(--text);
  font: 400 17px/1.6 var(--schrift-text);
  transition: background-color .5s var(--kurve), color .5s var(--kurve);
}
/* Filz-Körnung über der ganzen Seite: eingebettetes Rauschen, kein Abruf. */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* Der schräge Ticker ragt an den Ecken über den Rand; main schneidet ab (ohne eigenen Scrollbereich, Anker bleiben). */
main { overflow-x: clip; }
img, svg { display: block; max-width: 100%; }
picture { display: contents; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
:focus-visible { outline: 3px solid var(--akzent-hell); outline-offset: 3px; border-radius: 6px; }
::selection { background: var(--akzent); color: var(--akzent-text); }

.sr, .st-hidden {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; border: 0;
}
.sprung {
  position: fixed; left: 12px; top: 12px; z-index: 300; padding: 12px 18px; border-radius: 12px;
  background: var(--akzent); color: var(--akzent-text); font-weight: 800; text-decoration: none;
  transform: translateY(-160%); transition: transform .2s;
}
.sprung:focus { transform: none; }
.rahmen { position: relative; z-index: 1; width: min(100%, var(--breite)); margin-inline: auto; padding-inline: var(--rand); }

/* ── LADESCHIRM (Website-Abschlussablauf Punkt 11) ───────────────────────
   Fläche im Markengrün mit 25 % Deckkraft, weichgezeichnet; mittig dreht sich
   der freigestellte Fluffy-Kopf (Bild wird beim Bau eingebettet, kein Abruf).
   seite.js blendet ihn aus, sobald Seite und sichtbarer Bereich geladen sind;
   ohne Skript erscheint er nicht, hängt das Skript, gibt er nach 10 s frei. */
.ladeschirm {
  position: fixed; inset: 0; z-index: 2147483600; display: grid; place-items: center;
  background: rgb(152 240 0 / .25);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  transition: opacity .55s var(--kurve), visibility 0s linear .55s;
  animation: ladeschirm-aus .6s linear 10s forwards;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ladeschirm { background: linear-gradient(rgb(152 240 0 / .25), rgb(152 240 0 / .25)), rgb(6 8 6 / .94); }
}
html:not(.js) .ladeschirm, .ladeschirm[hidden] { display: none; }
.ladeschirm.is-aus { opacity: 0; visibility: hidden; pointer-events: none; }
.ladeschirm__symbol {
  display: block; width: clamp(84px, 13vmin, 120px); aspect-ratio: 1;
  background: url("data:image/webp;base64,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") center / contain no-repeat;
  filter: drop-shadow(0 0 18px rgb(0 0 0 / .6));
  animation: drehen 2.4s linear infinite;
}
@keyframes drehen { to { transform: rotate(360deg); } }
@keyframes ladeschirm-aus { to { opacity: 0; visibility: hidden; pointer-events: none; } }

/* ── KOPFLEISTE ─────────────────────────────────────────────────────────── */
.kopf {
  position: fixed; inset: 0 0 auto; z-index: 100; height: var(--kopf-hoehe);
  padding-top: env(safe-area-inset-top);
  transition: background-color .3s, box-shadow .3s, backdrop-filter .3s;
}
.kopf.ist-fest {
  background: color-mix(in srgb, var(--flaeche) 82%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
  box-shadow: 0 1px 0 var(--linie);
}
.kopf__innen { display: flex; align-items: center; gap: 18px; height: 100%; }
.kopf__marke { flex: none; display: block; width: 132px; padding: 6px 0; }
.kopf__marke img { width: 100%; height: auto; }
.kopf__nav { margin-inline: auto; }
.kopf__nav ul { display: flex; gap: 4px; }
.kopf__nav a {
  display: block; padding: 10px 14px; border-radius: 999px; text-decoration: none;
  font: 700 19px/1 var(--schrift-titel); letter-spacing: .06em; text-transform: uppercase; color: var(--text-2);
  transition: color .2s, background-color .2s;
}
.kopf__nav a:hover, .kopf__nav a:focus-visible { color: var(--text); background: rgb(255 255 255 / .07); }
.kopf__nav a[aria-current="true"] { color: var(--akzent); }
.kopf__rechts { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.kopf__nav + .kopf__rechts { margin-left: 0; }

.reverse {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 14px 6px 8px;
  border: 1px dashed color-mix(in srgb, var(--rot) 70%, transparent); border-radius: 999px;
  background: rgb(255 42 42 / .08); color: #ffb3b3; cursor: pointer;
  font: 700 16px/1 var(--schrift-titel); letter-spacing: .08em; text-transform: uppercase;
  transition: background-color .2s, border-color .2s, color .2s;
}
.reverse:hover { background: rgb(255 42 42 / .18); color: #fff; }
.reverse__auge { width: 24px; height: 24px; flex: none; }
.is-reverse .reverse { border-color: var(--text-2); color: var(--text); background: rgb(152 240 0 / .1); }
html:not(.js) .reverse { display: none; }

.st-lang { display: inline-flex; align-items: center; gap: 2px; }
.st-lang__item { display: grid; place-items: center; width: 32px; height: 32px; opacity: .55; transition: opacity .2s; }
.st-lang__item svg { width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgb(255 255 255 / .25); }
.st-lang__item:hover, .st-lang__item:focus-visible, .st-lang__item[aria-current] { opacity: 1; }
.st-lang__item[aria-current] svg { box-shadow: 0 0 0 1px #000, 0 0 0 2px var(--akzent); }
.flaggen { position: absolute; width: 0; height: 0; overflow: hidden; }

.kopf__menue {
  display: none; place-items: center; width: 44px; height: 44px; border: 1px solid var(--linie); border-radius: 14px;
  background: rgb(255 255 255 / .04); cursor: pointer;
}
.kopf__menue span, .kopf__menue span::before, .kopf__menue span::after {
  display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; content: ""; position: relative;
}
.kopf__menue span::before { position: absolute; top: -6px; }
.kopf__menue span::after { position: absolute; top: 6px; }

.menue {
  width: min(420px, calc(100vw - 24px)); max-height: calc(100svh - 24px); margin: 12px 12px auto auto; padding: 0;
  border: 1px solid var(--linie); border-radius: var(--rund); background: var(--flaeche-2); color: var(--text);
  box-shadow: 0 24px 80px rgb(0 0 0 / .7);
}
.menue::backdrop { background: rgb(0 0 0 / .6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.menue__innen { padding: 18px 20px 22px; }
.menue__kopf { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.menue__zu { width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgb(255 255 255 / .06); cursor: pointer; font-size: 26px; line-height: 1; }
.menue nav a {
  display: block; padding: 12px 4px; border-bottom: 1px dashed var(--linie); text-decoration: none;
  font: 700 34px/1 var(--schrift-titel); letter-spacing: .03em; text-transform: uppercase;
}
.menue nav a:hover, .menue nav a:focus-visible { color: var(--akzent); }
.menue__kopf { justify-content: flex-end; }
.menue__fuss { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }

/* ── KNÖPFE UND BAUSTEINE ───────────────────────────────────────────────── */
.knopf {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 12px 24px; border: 2px solid color-mix(in srgb, var(--akzent) 70%, transparent);
  border-radius: 999px; text-decoration: none; cursor: pointer; background: rgb(255 255 255 / .03);
  font: 800 15px/1.1 var(--schrift-text); letter-spacing: .06em; text-transform: uppercase;
  transition: transform .2s var(--kurve), background-color .2s, box-shadow .2s, color .2s, border-color .2s;
}
.knopf:hover { transform: translateY(-2px); border-color: var(--akzent); box-shadow: 0 10px 30px -10px var(--glut); }
.knopf--voll { background: var(--akzent); border-color: var(--akzent); color: var(--akzent-text); }
.knopf--voll:hover { background: var(--akzent-hell); box-shadow: 0 14px 40px -8px var(--glut); }
.knopf svg { width: 18px; height: 18px; flex: none; }
.kicker {
  display: inline-flex; align-items: center; gap: 10px; color: var(--akzent);
  font: 800 13px/1 var(--schrift-text); letter-spacing: .22em; text-transform: uppercase;
}
.kicker::before { content: ""; width: 26px; height: 0; border-top: 2px dashed currentColor; }
.titel {
  font: 700 clamp(44px, 7vw, 92px)/.92 var(--schrift-titel); letter-spacing: .01em; text-transform: uppercase;
  text-wrap: balance;
}
.abschnitt { position: relative; padding-block: clamp(80px, 11vw, 150px); }
.abschnitt__kopf { display: grid; gap: 18px; max-width: 760px; margin-bottom: clamp(36px, 5vw, 60px); }
.abschnitt__kopf p:not(.kicker) { color: var(--text-2); font-size: clamp(17px, 1.6vw, 19px); max-width: 60ch; }
/* Naht: gestrichelte Linie über jedem Abschnitt, die sich beim Erscheinen „näht“. */
.naht { position: absolute; inset: 0 0 auto; height: 2px; overflow: hidden; z-index: 1; }
.naht::before {
  content: ""; position: absolute; inset: 0; transform-origin: left;
  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--akzent) 55%, transparent) 0 14px, transparent 14px 26px);
}
.js .naht::before { transform: scaleX(0); transition: transform 1.6s var(--kurve); }
.js .ist-sichtbar .naht::before { transform: scaleX(1); }

/* Einblenden beim Erscheinen; ohne Skript oder bei weniger Bewegung sofort sichtbar. */
.js .auftritt { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--kurve), transform .8s var(--kurve); transition-delay: calc(var(--i, 0) * 90ms); }
.js .ist-sichtbar .auftritt, .js .auftritt.ist-sichtbar { opacity: 1; transform: none; }

/* ── HERO ───────────────────────────────────────────────────────────────── */
.hero {
  position: relative; min-height: min(100svh, 980px); display: grid; align-items: center;
  padding: calc(var(--kopf-hoehe) + 28px) 0 clamp(40px, 6vw, 80px); overflow: hidden; isolation: isolate;
}
.hero__marke { position: absolute; top: 0; left: 0; width: 1px; height: 80px; pointer-events: none; }
.hero__glut {
  position: absolute; inset: -20% -10% auto; height: 120%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(42% 38% at 68% 46%, var(--glut), transparent 70%),
    radial-gradient(30% 30% at 20% 20%, rgb(255 61 154 / .12), transparent 70%),
    radial-gradient(60% 50% at 50% 110%, color-mix(in srgb, var(--akzent) 22%, transparent), transparent 70%);
  transition: background .6s;
}
.hero__boden {
  position: absolute; left: 0; right: 0; bottom: 0; height: 38%; z-index: -1; pointer-events: none; opacity: .5;
  background:
    linear-gradient(to top, var(--flaeche), transparent 70%),
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--akzent) 35%, transparent) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, color-mix(in srgb, var(--akzent) 35%, transparent) 0 1px, transparent 1px 64px);
  transform: perspective(500px) rotateX(62deg); transform-origin: bottom;
  -webkit-mask-image: linear-gradient(to top, #000 10%, transparent 90%); mask-image: linear-gradient(to top, #000 10%, transparent 90%);
}
.hero__raster { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: clamp(20px, 4vw, 60px); }
.hero__text { display: grid; gap: 22px; justify-items: start; }
.hero h1 { width: min(100%, 560px); }
.hero h1 img { width: 100%; height: auto; filter: drop-shadow(0 10px 40px rgb(0 0 0 / .6)); transition: filter .6s; }
.hero__claim { font: 700 clamp(30px, 4vw, 52px)/1 var(--schrift-titel); letter-spacing: .03em; text-transform: uppercase; }
.hero__claim span { color: var(--akzent); }
.hero__lead { max-width: 52ch; color: var(--text-2); font-size: clamp(17px, 1.5vw, 19px); }
.hero__aktionen { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.hero__buehne { position: relative; display: grid; place-items: center; aspect-ratio: 1; max-height: 78svh; margin-inline: auto; width: 100%; }
.hero__ring { position: absolute; inset: 4%; width: 92%; height: 92%; color: var(--akzent); opacity: .55; animation: drehen 60s linear infinite; }
.hero__ring--2 { inset: 13%; width: 74%; height: 74%; opacity: .3; animation-duration: 90s; animation-direction: reverse; color: var(--pink); }
.hero__figur { position: relative; z-index: 1; width: 100%; height: 100%; will-change: transform; transition: transform .25s ease-out; }
.hero__figur img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 30px 50px rgb(0 0 0 / .65)); transition: filter .6s; }
.hero__funke {
  position: absolute; z-index: 2; width: 18px; height: 18px; color: var(--akzent); opacity: 0;
  animation: funke 5s ease-in-out infinite; animation-delay: var(--d, 0s); left: var(--x); top: var(--y);
}
@keyframes funke { 0%, 100% { opacity: 0; transform: scale(.4) rotate(0); } 20%, 60% { opacity: .9; } 50% { transform: scale(1) rotate(90deg); } }
.hero__runter {
  position: absolute; left: 50%; bottom: 18px; translate: -50% 0; display: grid; place-items: center; width: 44px; height: 44px;
  border: 1px dashed var(--linie); border-radius: 50%; color: var(--text-2); text-decoration: none; animation: wippen 2.4s ease-in-out infinite;
}
.hero__runter svg { width: 18px; height: 18px; }
@keyframes wippen { 50% { transform: translateY(6px); } }

/* Reverse-Modus: Wortmarke rot, Figuren als dunkles Spiegelbild. */
.is-reverse .hero h1 img, .is-reverse .kopf__marke img, .is-reverse .fuss__marke img { filter: hue-rotate(-92deg) saturate(1.6) drop-shadow(0 10px 40px rgb(0 0 0 / .6)); }
.is-reverse .hero__figur img { filter: invert(.9) hue-rotate(170deg) saturate(1.4) contrast(1.15) drop-shadow(0 30px 50px rgb(80 0 0 / .7)); transform: scaleX(-1); }
html.ist-glitch body { animation: glitch .45s steps(2) 1; }
@keyframes glitch {
  0% { filter: none; }
  25% { filter: hue-rotate(90deg) contrast(1.6); transform: translateX(-4px); }
  50% { filter: invert(1); transform: translateX(5px) skewX(-2deg); }
  75% { filter: hue-rotate(-90deg) saturate(2); transform: translateX(-2px); }
  100% { filter: none; transform: none; }
}

/* ── TICKER ─────────────────────────────────────────────────────────────── */
.ticker {
  position: relative; z-index: 2; overflow: hidden; padding: 16px 0; transform: rotate(-1.6deg); margin-block: -10px;
  background: var(--akzent); color: var(--akzent-text);
  box-shadow: 0 0 60px -10px var(--glut); transition: background-color .5s;
}
.ticker::before, .ticker::after {
  content: ""; position: absolute; left: 0; right: 0; height: 0; border-top: 2px dashed rgb(0 0 0 / .45);
}
.ticker::before { top: 6px; }
.ticker::after { bottom: 6px; }
.ticker__band { display: flex; width: max-content; animation: laufen 32s linear infinite; }
.ticker__band span { display: inline-flex; align-items: center; gap: 22px; padding-right: 22px; white-space: nowrap; font: 700 26px/1 var(--schrift-titel); letter-spacing: .08em; text-transform: uppercase; }
.ticker__band svg { width: 16px; height: 16px; }
@keyframes laufen { to { transform: translateX(-50%); } }

/* ── SPIELE ─────────────────────────────────────────────────────────────── */
.spiele__raster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); }
@media (min-width: 1200px) {
  .spiele__raster:has(> .spiel:nth-child(3):last-child):not(:has(> .spiel--bald)) {
    > .spiel { grid-column: span 4; }
    .spiel__inhalt { display: flex; flex-direction: column; }
    .spiel__link { align-self: flex-start; margin-top: auto; }
  }
}
.spiel {
  --farbe: var(--akzent);
  position: relative; grid-column: span 6; display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid var(--linie); border-radius: var(--rund); background: var(--karte);
  transition: transform .35s var(--kurve), border-color .3s, box-shadow .35s;
}
.spiel:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--farbe) 60%, transparent); box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--farbe) 60%, transparent); }
.spiel::after { content: ""; position: absolute; inset: 8px; border: 1.5px dashed color-mix(in srgb, var(--farbe) 30%, transparent); border-radius: calc(var(--rund) - 6px); pointer-events: none; }
.spiel__bild { position: relative; aspect-ratio: 1200 / 630; overflow: hidden; background: var(--flaeche-2); }
.spiel__bild img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--kurve); }
.spiel:hover .spiel__bild img { transform: scale(1.04); }
.spiel__inhalt { display: grid; gap: 14px; padding: 24px clamp(20px, 2.4vw, 30px) 28px; flex: 1; align-content: start; }
.spiel__art { color: var(--farbe); font: 800 12px/1 var(--schrift-text); letter-spacing: .2em; text-transform: uppercase; }
.spiel h3 { font: 700 clamp(38px, 4vw, 54px)/.95 var(--schrift-titel); letter-spacing: .02em; text-transform: uppercase; }
.spiel p { color: var(--text-2); }
.spiel__fakten { display: flex; flex-wrap: wrap; gap: 8px; }
.spiel__fakten li { padding: 6px 12px; border: 1px solid var(--linie); border-radius: 999px; font-size: 13px; font-weight: 800; letter-spacing: .04em; color: var(--text); }
.spiel__sprache { font-size: 14px; color: var(--text-2); }
.spiel .knopf { justify-self: start; margin-top: 4px; border-color: var(--farbe); }
.spiel .knopf--voll { background: var(--farbe); color: #0b0b0b; }
.spiel--bald { grid-column: 1 / -1; flex-direction: row; align-items: stretch; min-height: 200px; background: repeating-linear-gradient(135deg, var(--karte) 0 22px, var(--flaeche-2) 22px 44px); }
.spiel--bald .spiel__inhalt { align-content: center; }
.spiel__schloss { flex: 0 0 clamp(120px, 22%, 240px); display: grid; place-items: center; border-right: 1.5px dashed var(--linie); }
.spiel__schloss svg { width: clamp(64px, 8vw, 96px); height: auto; color: var(--farbe); animation: wackeln 3.2s ease-in-out infinite; }
@keyframes wackeln { 0%, 80%, 100% { transform: rotate(0); } 85% { transform: rotate(-8deg); } 90% { transform: rotate(7deg); } 95% { transform: rotate(-4deg); } }
.abzeichen { justify-self: start; padding: 6px 12px; border-radius: 8px; background: var(--farbe); color: #0b0b0b; font: 800 12px/1 var(--schrift-text); letter-spacing: .16em; text-transform: uppercase; }

/* ── CREW ───────────────────────────────────────────────────────────────── */
.crew__teams { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 3vw, 36px); }
.team h3 { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; font: 700 clamp(30px, 3vw, 40px)/1 var(--schrift-titel); letter-spacing: .04em; text-transform: uppercase; }
.team h3::after { content: ""; flex: 1; border-top: 2px dashed var(--linie); }
.team--reverse h3 { color: #ff8080; }
.team__karten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.8vw, 22px); }
.vs {
  justify-self: center; display: grid; place-items: center; width: clamp(64px, 6vw, 84px); aspect-ratio: 1;
  border: 2px dashed var(--linie); border-radius: 50%; font: 700 clamp(26px, 2.6vw, 36px)/1 var(--schrift-titel); letter-spacing: .04em;
  background: radial-gradient(circle, rgb(255 255 255 / .06), transparent 70%);
}
.figur { --farbe: var(--akzent); position: relative; display: flex; flex-direction: column; perspective: 1200px; }
.figur__innen { position: relative; flex: 1; display: grid; transform-style: preserve-3d; transition: transform .7s var(--kurve); }
.figur.ist-gedreht .figur__innen { transform: rotateY(180deg); }
.figur__seite {
  grid-area: 1 / 1; display: flex; flex-direction: column; min-height: 100%; overflow: hidden;
  border: 1px solid var(--linie); border-radius: 18px; backface-visibility: hidden; -webkit-backface-visibility: hidden;
  background:
    radial-gradient(80% 60% at 50% 30%, color-mix(in srgb, var(--farbe) 30%, transparent), transparent 70%),
    linear-gradient(to bottom, var(--karte-hell), var(--karte));
}
.figur__vorn { justify-content: flex-end; padding: 18px 14px 66px; text-align: center; }
/* Flex statt Grid: nur so löst height:100% gegen die feste Höhe auf (Grid-Zeile wäre inhaltsabhängig). */
.figur__bild { position: relative; display: flex; align-items: flex-end; justify-content: center; height: clamp(190px, 21vw, 290px); margin-bottom: 14px; }
.figur__bild img { width: auto; height: 100%; max-width: 100%; object-fit: contain; object-position: bottom; filter: drop-shadow(0 16px 20px rgb(0 0 0 / .6)); transition: transform .5s var(--kurve); }
.figur:hover .figur__bild img { transform: translateY(-6px) scale(1.04); }
.figur__bild img { position: relative; z-index: 1; }
.figur--sockel .figur__bild img { height: calc(100% - 14px); margin-bottom: 14px; }
.figur__sockel {
  position: absolute; bottom: 0; left: 50%; z-index: 0; width: min(86%, 230px); height: 34px; translate: -50% 0; border-radius: 50%;
  background: radial-gradient(ellipse at 50% 35%, #2a2a2a, #070707 70%);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--farbe) 75%, transparent), 0 10px 18px rgb(0 0 0 / .7), 0 0 22px color-mix(in srgb, var(--farbe) 40%, transparent);
}
.figur h4 { font: 700 clamp(26px, 2.2vw, 32px)/1 var(--schrift-titel); letter-spacing: .04em; text-transform: uppercase; }
.figur__rolle { margin-top: 4px; color: var(--farbe); font-size: 13px; font-weight: 800; line-height: 1.3; }
.figur__hinten { transform: rotateY(180deg); padding: 22px 20px 66px; gap: 12px; font-size: 15px; line-height: 1.55; }
.figur__hinten p { color: var(--text-2); }
.figur__hinten h4 { color: var(--farbe); }
.figur__faehigkeit { margin-top: auto; padding: 10px 12px; border: 1px dashed color-mix(in srgb, var(--farbe) 60%, transparent); border-radius: 12px; color: var(--text) !important; font-size: 14px; }
.figur__faehigkeit strong { display: block; color: var(--farbe); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.figur__drehen {
  position: absolute; left: 50%; bottom: 14px; z-index: 3; translate: -50% 0; display: inline-flex; align-items: center; gap: 6px;
  min-height: 40px; padding: 8px 16px; border: 1px solid color-mix(in srgb, var(--farbe) 60%, transparent); border-radius: 999px;
  background: rgb(0 0 0 / .45); cursor: pointer; font: 800 12px/1 var(--schrift-text); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
}
.figur__drehen:hover { background: var(--farbe); color: #0b0b0b; }
.figur__drehen svg { width: 14px; height: 14px; transition: transform .5s; }
.ist-gedreht .figur__drehen svg { transform: rotate(180deg); }
/* Ohne Skript: keine Drehung, die Rückseite steht unter der Vorderseite. */
html:not(.js) .figur__drehen { display: none; }
html:not(.js) .figur__seite { position: static; grid-area: auto; transform: none; backface-visibility: visible; }
html:not(.js) .figur__vorn { padding-bottom: 14px; border-radius: 18px 18px 0 0; }
html:not(.js) .figur__hinten { padding-bottom: 18px; border-radius: 0 0 18px 18px; }

/* ── GESCHICHTEN ────────────────────────────────────────────────────────── */
.kapitel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: k; }
.kapitel li { display: flex; }
.kapitel__panel {
  position: relative; flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 3px solid #000; border-radius: 6px;
  background: #f4f1e8; color: #111; box-shadow: 8px 8px 0 var(--akzent); transform: rotate(var(--r, 0deg));
  transition: transform .35s var(--kurve), box-shadow .35s;
}
.kapitel li:nth-child(1) .kapitel__panel { --r: -1.2deg; }
.kapitel li:nth-child(2) .kapitel__panel { --r: .8deg; box-shadow: 8px 8px 0 var(--pink); }
.kapitel li:nth-child(3) .kapitel__panel { --r: -.6deg; box-shadow: 8px 8px 0 var(--rot); }
.kapitel li:nth-child(4) .kapitel__panel { --r: 1deg; }
.kapitel__panel:hover { transform: rotate(0) translateY(-4px); }
.kapitel__bild { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 3px solid #000; background: #111; }
.kapitel__bild img { width: 100%; height: 100%; object-fit: cover; }
.kapitel__bild::after { content: ""; position: absolute; inset: 0; background: radial-gradient(rgb(0 0 0 / .22) 1px, transparent 1.6px) 0 0 / 6px 6px; mix-blend-mode: multiply; pointer-events: none; }
.kapitel__text { display: grid; gap: 8px; padding: 16px 18px 20px; }
.kapitel .kapitel__nr { justify-self: start; padding: 4px 10px; background: #000; color: #fff; font: 700 15px/1 var(--schrift-titel); letter-spacing: .1em; text-transform: uppercase; }
.kapitel h3 { font: 700 30px/1 var(--schrift-titel); letter-spacing: .02em; text-transform: uppercase; }
.kapitel p { font-size: 15px; line-height: 1.55; color: #2a2a2a; }
.kapitel__panel--bald { background: repeating-linear-gradient(45deg, #ece8dc 0 14px, #e2ddcf 14px 28px); }
.kapitel__nadel { display: grid; place-items: center; aspect-ratio: 4 / 3; border-bottom: 3px dashed #000; }
.kapitel__nadel svg { width: 46%; height: auto; color: #111; }
.kapitel__nadel .faden { stroke-dasharray: 8 8; animation: faden 1.4s linear infinite; }
@keyframes faden { to { stroke-dashoffset: -32; } }

/* ── FLUFFY TV ──────────────────────────────────────────────────────────── */
.tv__raster { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 70px); align-items: center; }
.tv__geraet { position: relative; padding: clamp(14px, 2vw, 22px); border-radius: 34px; background: linear-gradient(145deg, #2a2f27, #121510); box-shadow: inset 0 2px 0 rgb(255 255 255 / .08), 0 40px 80px -30px #000; }
.tv__geraet::before, .tv__geraet::after { content: ""; position: absolute; top: -34px; width: 4px; height: 46px; border-radius: 4px; background: #3a4036; transform-origin: bottom; }
.tv__geraet::before { left: 40%; transform: rotate(-28deg); }
.tv__geraet::after { left: 58%; transform: rotate(24deg); }
.tv__schirm {
  position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 22px / 26px; display: grid; place-items: center;
  background: #1b1f19; box-shadow: inset 0 0 60px rgb(0 0 0 / .9);
}
.tv__rauschen {
  position: absolute; inset: -50%; opacity: .55;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='1'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23t)'/%3E%3C/svg%3E");
  animation: rauschen .5s steps(5) infinite;
}
@keyframes rauschen { 0% { transform: translate(0, 0); } 20% { transform: translate(-7%, 4%); } 40% { transform: translate(5%, -6%); } 60% { transform: translate(-3%, 8%); } 80% { transform: translate(8%, 2%); } 100% { transform: translate(0, 0); } }
.tv__schirm::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgb(0 0 0 / .28) 0 2px, transparent 2px 4px); pointer-events: none; }
.tv__meldung {
  position: relative; z-index: 2; display: grid; justify-items: center; gap: 10px; padding: 14px 22px; border-radius: 10px;
  background: rgb(0 0 0 / .7); text-align: center;
}
.tv__meldung img { width: 64px; height: 64px; }
.tv__meldung span { font: 700 clamp(22px, 2.6vw, 32px)/1 var(--schrift-titel); letter-spacing: .14em; text-transform: uppercase; color: var(--akzent); }
.tv__leiste { display: flex; justify-content: space-between; align-items: center; padding: 12px 8px 0; }
.tv__knoepfe { display: flex; gap: 10px; }
.tv__knoepfe i { width: 18px; height: 18px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #555, #1a1a1a); }
.tv__led { width: 8px; height: 8px; border-radius: 50%; background: var(--akzent); box-shadow: 0 0 10px var(--akzent); animation: blinken 1.6s steps(2) infinite; }
@keyframes blinken { 50% { opacity: .25; } }
.tv__text { display: grid; gap: 20px; justify-items: start; }
.tv__text p { color: var(--text-2); font-size: clamp(17px, 1.5vw, 19px); }
.videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; margin-top: 40px; }
.video { position: relative; overflow: hidden; border-radius: 16px; background: #000; aspect-ratio: 16 / 9; }
.video button { position: absolute; inset: 0; width: 100%; border: 0; padding: 0; cursor: pointer; background: none; }
.video img { width: 100%; height: 100%; object-fit: cover; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ── MEHR ───────────────────────────────────────────────────────────────── */
.mehr__raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); }
.kachel {
  --farbe: var(--akzent);
  position: relative; display: grid; gap: 14px; align-content: start; padding: 28px 26px 30px; overflow: hidden;
  border: 1px solid var(--linie); border-radius: var(--rund); background: var(--karte); text-decoration: none;
  transition: transform .35s var(--kurve), border-color .3s, box-shadow .35s;
}
/* Zierkreis nur als Bogen in der Ecke, hinter dem Text (Abnahme 27.10.2026: lief vorher durch Titel und Text). */
.kachel::before { content: ""; position: absolute; right: -84px; top: -84px; width: 160px; height: 160px; border: 2px dashed color-mix(in srgb, var(--farbe) 45%, transparent); border-radius: 50%; transition: transform .8s var(--kurve); }
.kachel > * { position: relative; z-index: 1; }
.kachel h3 { padding-right: 48px; }
.kachel:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--farbe) 60%, transparent); box-shadow: 0 30px 60px -34px color-mix(in srgb, var(--farbe) 70%, transparent); }
.kachel:hover::before { transform: rotate(90deg) scale(1.1); }
.kachel h3 { font: 700 clamp(30px, 2.8vw, 38px)/1 var(--schrift-titel); letter-spacing: .03em; text-transform: uppercase; }
.kachel p { color: var(--text-2); }
.kachel__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--farbe); font-weight: 800; letter-spacing: .04em; }
.kachel__link svg { width: 16px; height: 16px; transition: transform .3s var(--kurve); }
.kachel:hover .kachel__link svg { transform: translate(3px, -3px); }

/* ── FUSS ───────────────────────────────────────────────────────────────── */
.fuss { position: relative; z-index: 1; padding: clamp(60px, 8vw, 100px) 0 calc(36px + env(safe-area-inset-bottom)); border-top: 2px dashed var(--linie); background: var(--flaeche-2); }
.fuss__raster { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); gap: 36px; }
.fuss__marke { display: block; width: 200px; margin-bottom: 18px; }
.fuss__marke img { width: 100%; height: auto; }
.fuss p { color: var(--text-2); font-size: 15px; max-width: 46ch; }
.fuss h2 { margin-bottom: 14px; font: 700 22px/1 var(--schrift-titel); letter-spacing: .1em; text-transform: uppercase; color: var(--akzent); }
.fuss ul { display: grid; gap: 4px; }
.fuss li a, .fuss li button { display: inline-flex; min-height: 36px; align-items: center; padding: 0; border: 0; background: none; color: var(--text); font-size: 15px; text-decoration: none; cursor: pointer; }
.fuss li a:hover, .fuss li button:hover { color: var(--akzent); text-decoration: underline; text-underline-offset: 3px; }
.fuss__unten { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin-top: 46px; padding-top: 22px; border-top: 1px solid var(--linie); font-size: 14px; color: var(--text-2); }
.fuss__unten > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text-2); }

/* ── EINWILLIGUNG: Ergänzungen zur gemeinsamen consent.css ──────────────── */
.st-consent { z-index: 150; }
.st-consent__actions button { min-height: 44px; }
.st-consent--ohne [data-consent-reject] { display: none; }

/* ── FEHLERSEITE ────────────────────────────────────────────────────────── */
.fehler { min-height: 100svh; display: grid; place-items: center; text-align: center; padding: 100px var(--rand) 60px; }
.fehler__innen { display: grid; justify-items: center; gap: 22px; max-width: 640px; }
.fehler img { width: min(260px, 60vw); height: auto; filter: invert(.9) hue-rotate(170deg) saturate(1.4) contrast(1.1) drop-shadow(0 20px 40px #000); }
.fehler h1 { font: 700 clamp(40px, 6vw, 72px)/.95 var(--schrift-titel); text-transform: uppercase; }
.fehler p { color: var(--text-2); }

/* ── SCHMALE FENSTER ────────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  .kopf__nav { display: none; }
  .kopf__menue { display: grid; }
  /* 06.11.2026: ohne sichtbare Navigation gehören Flaggen und Menüknopf an den rechten Rand (vorher direkt am Logo) */
  .kopf__nav + .kopf__rechts { margin-left: auto; }
  .kopf .reverse { display: none; }
  .kapitel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .hero { min-height: auto; padding-top: calc(var(--kopf-hoehe) + 16px); }
  .hero__raster { grid-template-columns: minmax(0, 1fr); }
  .hero__buehne { order: -1; width: min(100%, 440px); max-height: none; }
  .hero__text { justify-items: center; text-align: center; }
  .hero__aktionen { justify-content: center; }
  .hero h1 { margin-inline: auto; }
  .hero__runter { display: none; }
  .spiel { grid-column: 1 / -1; }
  .tv__raster { grid-template-columns: minmax(0, 1fr); }
  .mehr__raster { grid-template-columns: minmax(0, 1fr); }
  .fuss__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .fuss__raster > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  body { font-size: 16px; }
  .kopf__marke { width: 112px; }
  /* Figuren am Handy als Wischleiste: eine Karte gut lesbar, die nächste schaut hervor. */
  .team__karten { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--rand) * -1); padding: 4px var(--rand) 14px; scrollbar-width: thin; }
  .team__karten .figur { flex: 0 0 76%; scroll-snap-align: center; }
  .figur__bild { height: 240px; }
  .kapitel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; margin-inline: calc(var(--rand) * -1); padding: 6px var(--rand) 22px; scrollbar-width: thin; }
  .kapitel li { flex: 0 0 82%; scroll-snap-align: center; }
  .spiel--bald { flex-direction: column; }
  .spiel__schloss { border-right: 0; border-bottom: 1.5px dashed var(--linie); padding: 24px 0; }
  .hero__aktionen .knopf { width: 100%; }
  .ticker__band span { font-size: 22px; }
}
@media (max-width: 380px) {
  .team__karten .figur { flex-basis: 84%; }
  .fuss__raster { grid-template-columns: minmax(0, 1fr); }
}
/* Handy quer: Text und Figur nebeneinander; die Bühne richtet sich nach der Fensterhöhe (Abnahme 27.10.2026: vorher
   verdeckte die Figur Kicker und Wortmarke). */
@media (max-height: 520px) and (orientation: landscape) {
  .hero { min-height: auto; padding-top: calc(var(--kopf-hoehe) + 12px); }
  .hero__raster { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  .hero__buehne { order: 0; width: auto; height: min(74svh, 340px); max-height: none; }
  .hero__text { justify-items: start; text-align: left; gap: 14px; }
  .hero h1 { width: min(100%, 340px); margin-inline: 0; }
  .hero__aktionen { justify-content: flex-start; }
}

/* ── WENIGER BEWEGUNG ───────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .ladeschirm__symbol, .hero__ring, .hero__funke, .ticker__band, .tv__rauschen, .tv__led, .hero__runter, .spiel__schloss svg, .kapitel__nadel .faden { animation: none !important; }
  .hero__funke { opacity: .6; }
  .js .auftritt { opacity: 1; transform: none; }
  .js .naht::before { transform: none; }
  .ladeschirm { transition-duration: .2s, 0s; transition-delay: 0s, .2s; }
  .ladeschirm { animation: ladeschirm-aus .2s linear 10s forwards !important; }
}

/* ── FAQ (06.11.2026): kurze Antworten für Besucher, Suchmaschinen und KI-Suche ─────────── */
.faq__liste { display: grid; gap: 12px; max-width: 920px; }
.faq__eintrag { border: 1px solid var(--linie); border-radius: var(--rund); background: var(--karte); transition: border-color .2s; }
.faq__eintrag:hover, .faq__eintrag[open] { border-color: color-mix(in srgb, var(--akzent) 45%, transparent); }
.faq__eintrag summary {
  display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 16px 22px;
  list-style: none; cursor: pointer; font: 700 clamp(21px, 2.2vw, 27px)/1.05 var(--schrift-titel); letter-spacing: .03em; text-transform: uppercase;
}
.faq__eintrag summary::-webkit-details-marker { display: none; }
.faq__eintrag summary::after {
  content: ""; flex: none; width: 14px; height: 14px; color: var(--akzent); transition: transform .25s var(--kurve);
  background: linear-gradient(currentColor, currentColor) center / 100% 2.5px no-repeat, linear-gradient(currentColor, currentColor) center / 2.5px 100% no-repeat;
}
.faq__eintrag[open] summary::after { transform: rotate(45deg); }
.faq__eintrag summary:focus-visible { outline: 2px solid var(--akzent); outline-offset: 3px; border-radius: var(--rund); }
.faq__eintrag p { padding: 0 22px 20px; color: var(--text-2); max-width: 68ch; }
@media (prefers-reduced-motion: reduce) { .faq__eintrag summary::after { transition: none; } }