/* ═══════════════════════════════════════════════════════════════════════════
   FINEST FAME
   Aufbau 1:1 nach tdmmanagement.com, Farben und Logo von uns.
   TDM benutzt Blau mit Orange. Wir benutzen unser Rot mit Weiss als Kontrast.
   Schriften lokal, nicht von Google geladen.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Inter";
  src: url("fonts/InterVariable.woff2") format("woff2-variations");
  font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "PT Serif";
  src: url("fonts/PTSerif-Italic.woff2") format("woff2");
  font-style: italic; font-weight: 400; font-display: swap;
}

:root {
  --rot:       #8E0311;
  --rot-dkl:   #64020C;
  --rot-hell:  #B00615;
  --rot-blass: #FDF2F3;
  --rot-zart:  #F9E3E5;
  /* Nur Rot, Schwarz, Weiss. Blau und Gold sind am 09.09. gestrichen
     worden, sie stammten aus der TDM-Phase und gehoerten nie zur Marke.
     --akzent traegt jetzt alles, was vorher blau oder gold war.        */
  --akzent:      #B00615;
  --akzent-dkl:  #8E0311;
  --akzent-hell: #FF8A96;
  --akzent-zart: rgba(255,138,150,.14);
  --text:      #F2EFEC;   /* Schrift auf dunklem Grund */
  --grau:      #9B9691;   /* gedaempfte Schrift */
  --grau-hell: #212125;   /* Abschnittsflaeche, hell im Dunkeln */
  --weiss:     #1D1D21;   /* was frueher weiss war, ist jetzt Karte */
  --linie:     rgba(255,255,255,.12);
  --grund:     #17171A;   /* der helle Schwarzton der Seite */
  --tiefschwarz: #0E0E10;  /* fuer Flaechen, die dunkler sein muessen */
  --max:       1200px;

  /* Schriftskala, acht Stufen. Vorher standen hier 33 Einzelwerte, jede
     Groesse wurde pro Abschnitt neu entschieden. Alles laeuft jetzt hier
     durch, damit die Seite eine Tonleiter hat statt einer Sammlung.     */
  --t-xs:   13px;
  --t-s:    15px;
  --t-m:    17px;
  --t-l:    19px;
  --t-xl:   22px;
  --t-2xl:  clamp(24px, 3vw, 30px);
  --t-3xl:  clamp(30px, 4.2vw, 46px);
  --t-4xl:  clamp(38px, 5.4vw, 68px);

  /* Eckenradien. Vorher sechzehn Einzelwerte. Jetzt drei Stufen plus
     "vollrund" fuer Knoepfe und Chips, das ist keine Stufe sondern eine
     Form. 50px ist der bei TDM gemessene Wert fuer grosse Flaechen.    */
  --r-s:      10px;
  --r-m:      18px;
  --r-gross:  50px;
  --r-pille:  999px;

  /* Deckkraft-Stufen. Alle Farben sind Rot, Schwarz oder Weiss, aber sie
     standen vorher in zwanzig zufaelligen Abstufungen da. Fuenf Stufen
     fuer Schrift, drei fuer Flaechen, mehr braucht die Seite nicht.    */
  --auf-1:    #fff;                      /* voll, auf Rot und im Hero  */
  --auf-2:    rgba(255,255,255,.78);     /* Nebentext                  */
  --auf-3:    rgba(255,255,255,.55);     /* gedaempft                  */
  --auf-4:    rgba(255,255,255,.32);     /* Beiwerk                    */
  --auf-5:    rgba(255,255,255,.032);    /* Wasserzeichen              */
  --flaeche:  rgba(255,255,255,.05);     /* Karte                      */
  --flaeche-2:rgba(255,255,255,.1);      /* gehobene Karte             */
  --flaeche-3:rgba(255,255,255,.2);      /* Betonung                   */
  --rot-zart: rgba(255,138,150,.14);     /* Chips und Symbole          */
  --rot-flaeche: rgba(142,3,17,.16);     /* grosse rote Flaechen       */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--grund);
  color: var(--text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
  font-size: var(--t-m); line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.serif {
  font-family: "PT Serif", Georgia, serif;
  font-style: italic; font-weight: 400;
}

a { color: inherit; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 30px; }
.mitte { text-align: center; }

/* ── Knöpfe, Pills mit 30px wie TDM ─────────────────────────────────────── */
/* Drei Knopfstile, mehr nicht. Vorher waren es acht, weil jede Stelle
   ihr eigenes Mass hatte. Gross und Klein unterscheiden sich nur im
   Polster, Rot und Weiss nur in der Fuellung.                         */
.btn {
  display: inline-block; background: var(--rot); color: #fff;
  font-size: var(--t-m); font-weight: 700;
  padding: 18px 42px; border-radius: var(--r-pille);
  text-decoration: none; border: none; cursor: pointer;
  white-space: nowrap;
  transition: background .18s, transform .18s, box-shadow .18s;
}
.btn:hover { background: var(--rot-hell); transform: translateY(-2px);
             box-shadow: 0 10px 30px rgba(176,19,42,.45); }
.btn-rot { background: var(--rot); color: #fff; }
.btn-rot:hover { background: var(--rot-hell); box-shadow: 0 10px 26px rgba(142,3,17,.3); }
.btn-weiss { background: #fff; color: var(--rot); }
.btn-weiss:hover { background: #F7F4F2; box-shadow: 0 10px 26px rgba(0,0,0,.16); }
.btn-klein { padding: 14px 28px; font-size: var(--t-s); }

/* ── Kopfzeile ──────────────────────────────────────────────────────────── */
header {
  position: sticky; top: 0; z-index: 90;
  background: var(--grau-hell);
  border-bottom: 1px solid var(--linie);
}
.nav { max-width: var(--max); margin: 0 auto; padding: 16px 30px;
       display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.nav .logo img { height: 21px; display: block; }
.nav-links { display: flex; gap: 30px; align-items: center; }
.nav-links a { color: var(--text); text-decoration: none;
               font-size: var(--t-s); font-weight: 600; }
.nav-links a:hover { color: var(--akzent-hell); }
.burger { display: none; background: none; border: none; cursor: pointer;
          font-size: var(--t-2xl); line-height: 1; }

/* ── Hero mit Farbverlauf, wie TDM ──────────────────────────────────────── */
.hero {
  background: linear-gradient(150deg, #A81828 0%, var(--rot) 40%, var(--rot-dkl) 100%);
  color: #fff; padding: 74px 0 86px;
  border-bottom-left-radius: 26px; border-bottom-right-radius: 26px;
}
.hero-innen { display: grid; grid-template-columns: 1.08fr .92fr;
              gap: 58px; align-items: center; }
.hero .kicker {
  font-family: "PT Serif", Georgia, serif; font-style: italic;
  font-size: var(--t-l); color: var(--auf-1); margin-bottom: 18px;
}
.hero h1 {
  font-size: var(--t-4xl); line-height: 1.13;
  font-weight: 800; letter-spacing: -.024em; margin-bottom: 22px;
}
.hero h1 .serif { font-weight: 400; letter-spacing: 0; }
.schwung { display: block; width: 260px; max-width: 60%; margin-top: -6px; }
.hero p.text { font-size: var(--t-m); color: var(--auf-1);
               margin-bottom: 34px; max-width: 58ch; }
.hero-knoepfe { display: flex; gap: 13px; flex-wrap: wrap; }
.hero-bild {
  border-radius: var(--r-m); overflow: hidden; background: var(--flaeche-2);
  aspect-ratio: 4/5; display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.2);
}
.hero-bild img, .hero-bild video { width: 100%; height: 100%; object-fit: cover; }
.platzhalter { color: var(--auf-2); font-size: var(--t-s);
               text-align: center; padding: 26px; line-height: 1.5; }

/* ── Presse-Band ────────────────────────────────────────────────────────── */
.presse { background: transparent; padding: 44px 0 40px; text-align: center; }
.presse .ueber { color: var(--grau); font-size: var(--t-xs); font-weight: 600;
                 letter-spacing: .16em; text-transform: uppercase; margin-bottom: 26px; }
.presse-reihe { display: flex; gap: 54px; justify-content: center;
                align-items: center; flex-wrap: wrap; }
.presse-reihe span { color: var(--grau); font-size: var(--t-s); font-weight: 600;
                     border: 1px dashed var(--linie); border-radius: var(--r-s);
                     padding: 16px 26px; }

/* ── Abschnitte ─────────────────────────────────────────────────────────── */
section { padding: 84px 0; scroll-margin-top: 80px; }
section.grau { background: var(--grau-hell); }
section.zart { background: var(--rot-zart); }

h2 { font-size: var(--t-3xl); line-height: 1.16;
     font-weight: 800; letter-spacing: -.022em; }
h2 .serif { font-weight: 400; color: #FF8A96; letter-spacing: 0; }
.unterzeile { color: var(--grau); font-size: var(--t-l); margin-top: 18px;
              max-width: 66ch; margin-left: auto; margin-right: auto; }
h3 { font-size: var(--t-l); font-weight: 700; margin-bottom: 9px; }

/* ── Vergleich, zwei Karten wie TDM ─────────────────────────────────────── */
.vergleich { display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
             margin-top: 52px; text-align: left; }
.vkarte { background: var(--flaeche); border: 1px solid var(--linie);
          border-radius: var(--r-m); overflow: hidden; }
.vkarte.uns { border-color: var(--akzent-hell); box-shadow: 0 14px 40px rgba(142,3,17,.10); }
.vkopf { display: flex; align-items: center; gap: 14px;
         padding: 22px 26px; border-bottom: 1px solid var(--linie);
         font-size: var(--t-l); font-weight: 700; }
.vkarte.uns .vkopf { background: var(--rot-zart); color: #fff; }
.vkarte.andere .vkopf { background: var(--flaeche); color: var(--grau); }
.vkopf .mark { width: 40px; height: 40px; border-radius: var(--r-s);
               display: flex; align-items: center; justify-content: center;
               background: #fff; border: 1px solid var(--linie); }
.vkopf .mark img { height: 15px; }
.vliste { list-style: none; padding: 12px 26px 24px; }
.vliste li { display: flex; align-items: flex-start; gap: 14px;
             padding: 15px 0; font-size: var(--t-m); }
.haken, .kreuz { width: 27px; height: 27px; border-radius: var(--r-s); flex-shrink: 0;
                 display: flex; align-items: center; justify-content: center;
                 font-weight: 700; font-size: var(--t-s); margin-top: 1px; }
.haken { background: var(--rot-zart); color: #FF8A96; }
.kreuz { background: var(--flaeche); color: var(--grau); }

/* ── Leistungs-Reihe, waagerecht scrollbar wie TDM ──────────────────────── */
.reihe { display: flex; gap: 20px; margin-top: 46px; overflow-x: auto;
         padding-bottom: 14px; scroll-snap-type: x mandatory; }
.reihe::-webkit-scrollbar { height: 6px; }
.reihe::-webkit-scrollbar-thumb { background: var(--linie); border-radius: var(--r-s); }
.rkarte { flex: 0 0 340px; scroll-snap-align: start;
          background: var(--flaeche); backdrop-filter: blur(10px); border: 1px solid var(--linie);
          border-radius: var(--r-m); padding: 30px 28px; text-align: left; }
.rkarte .nr { font-family: "PT Serif", Georgia, serif; font-style: italic;
              font-size: var(--t-3xl); color: var(--akzent-hell); display: block; margin-bottom: 12px; }
.rkarte p { color: var(--grau); font-size: var(--t-s); }

/* ── Leistungskarten ────────────────────────────────────────────────────── */
.karten { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px;
          margin-top: 50px; text-align: left; }
.karte { background: var(--flaeche); backdrop-filter: blur(10px); border: 1px solid var(--linie);
         border-radius: var(--r-m); padding: 32px 28px;
         transition: transform .18s, box-shadow .18s, border-color .18s; }
.karte:hover { transform: translateY(-3px); border-color: var(--akzent-hell);
               box-shadow: 0 14px 36px rgba(20,22,26,.08); }
.karte p { color: var(--grau); font-size: var(--t-s); }
.ico { width: 46px; height: 46px; border-radius: var(--r-s); background: var(--rot-zart);
       display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.ico svg { width: 22px; height: 22px; stroke: #FF8A96; fill: none;
           stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* ── Ablauf, drei Stufen ────────────────────────────────────────────────── */
.stufen { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;
          margin-top: 52px; text-align: left; }
.stufe { background: var(--flaeche); backdrop-filter: blur(10px); border: 1px solid var(--linie);
         border-radius: var(--r-m); padding: 34px 30px; position: relative; }
.stufe .marke { display: inline-block; background: var(--rot); color: #fff;
                font-size: var(--t-xs); font-weight: 700; letter-spacing: .1em;
                text-transform: uppercase; padding: 7px 15px;
                border-radius: var(--r-pille); margin-bottom: 18px; }
.stufe p { color: var(--grau); font-size: var(--t-s); }

/* ── Rechner ────────────────────────────────────────────────────────────── */
.rechner { display: grid; grid-template-columns: 1.15fr .85fr; gap: 26px;
           margin-top: 50px; text-align: left; }
.rfeld { background: var(--flaeche); border: 1px solid var(--linie);
         border-radius: var(--r-m); padding: 34px 32px; }
.rzeile { margin-bottom: 26px; }
.rzeile label { display: flex; justify-content: space-between;
                font-size: var(--t-s); font-weight: 600; margin-bottom: 12px; }
.rzeile label b { color: var(--akzent-hell); }
input[type=range] { width: 100%; accent-color: var(--akzent-hell); }
.knopfgruppe { display: flex; gap: 9px; flex-wrap: wrap; }
.knopfgruppe button {
  border: 1px solid var(--linie); background: #fff; color: var(--grau);
  padding: 11px 20px; border-radius: var(--r-pille); font-size: var(--t-s);
  font-family: inherit; font-weight: 600; cursor: pointer; transition: .16s;
}
.knopfgruppe button[aria-pressed="true"] {
  background: var(--rot); border-color: var(--akzent-hell); color: #fff;
}
.rergebnis { background: linear-gradient(160deg, var(--rot) 0%, var(--rot-dkl) 100%);
             color: #fff; border-radius: var(--r-m); padding: 38px 32px;
             display: flex; flex-direction: column; justify-content: center; }
.rergebnis .zahl { font-size: var(--t-3xl); font-weight: 800; letter-spacing: -.03em;
                   line-height: 1.05; margin: 10px 0 6px; }
.rergebnis .lbl { font-size: var(--t-xs); letter-spacing: .12em;
                  text-transform: uppercase; opacity: .85; }
.rergebnis .hinweis { font-size: var(--t-xs); opacity: .82; margin-top: 20px;
                      line-height: 1.5; border-top: 1px solid rgba(255,255,255,.2);
                      padding-top: 16px; }

/* ── Stimmen ────────────────────────────────────────────────────────────── */
.stimmen { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px;
           margin-top: 50px; text-align: left; }
.stimme { background: var(--flaeche); backdrop-filter: blur(10px); border: 1px solid var(--linie);
          border-radius: var(--r-m); padding: 30px 28px; }
.stimme .zitat { font-size: var(--t-m); margin-bottom: 22px; }
.stimme .wer { display: flex; align-items: center; gap: 13px;
               border-top: 1px solid var(--linie); padding-top: 18px; }
.stimme .kreis { width: 42px; height: 42px; border-radius: 50%;
                 background: var(--rot-zart); color: var(--akzent-hell);
                 display: flex; align-items: center; justify-content: center;
                 font-weight: 700; font-size: var(--t-m); flex-shrink: 0; }
.stimme .wer b { display: block; font-size: var(--t-s); }
.stimme .wer span { color: var(--grau); font-size: var(--t-xs); }

/* ── Empfehlungsband ────────────────────────────────────────────────────── */
.band-rot { background: linear-gradient(140deg, var(--rot) 0%, var(--rot-dkl) 100%);
            color: #fff; border-radius: var(--r-m); padding: 52px 46px;
            display: flex; align-items: center; justify-content: space-between;
            gap: 38px; flex-wrap: wrap; }
.band-rot h2 { color: #fff; }
.band-rot .serif { color: var(--akzent-hell); }
.band-rot p { color: var(--auf-1); margin-top: 12px; max-width: 56ch; }

/* ── FAQ ────────────────────────────────────────────────────────────────── */
.faq { margin-top: 46px; text-align: left; max-width: 860px;
       margin-left: auto; margin-right: auto; }
details { background: var(--flaeche); border: 1px solid var(--linie);
          border-radius: var(--r-m); padding: 22px 26px; margin-bottom: 12px; }
details summary { cursor: pointer; font-weight: 700; font-size: var(--t-m);
                  list-style: none; display: flex;
                  justify-content: space-between; gap: 20px; }
details summary::-webkit-details-marker { display: none; }
details summary::after { content: "+"; color: var(--akzent-hell); font-size: var(--t-2xl);
                         line-height: 1; font-weight: 400; }
details[open] summary::after { content: "\2212"; }
/* Die FAQ-Karten haben ihren eigenen Knopf, kein zweites Zeichen dazu */
.faq-karte summary::after, .faq-karte[open] summary::after { content: none; }
.faq-karte { padding: 0; margin-bottom: 0; }
details p { color: var(--grau); margin-top: 14px; font-size: var(--t-m); }

/* ── Formular ───────────────────────────────────────────────────────────── */
.form { background: var(--flaeche); border: 1px solid var(--linie);
        border-radius: var(--r-m); padding: 44px 42px; margin: 46px auto 0;
        max-width: 720px; text-align: left; }
.feld { margin-bottom: 22px; }
label { display: block; font-size: var(--t-s); font-weight: 600; margin-bottom: 8px; }
label .p { color: var(--akzent-hell); }
.tipp { display: block; color: var(--grau); font-size: var(--t-xs); font-weight: 400; margin-top: 4px; }
input[type=text], input[type=email], select, textarea {
  width: 100%; background: var(--flaeche); color: var(--text);
  border: 1px solid var(--linie); border-radius: var(--r-s);
  padding: 14px 16px; font-size: var(--t-m); font-family: inherit;
}
input:focus, select:focus, textarea:focus {
  outline: none; border-color: var(--akzent-hell); box-shadow: 0 0 0 3px var(--rot-zart);
}
textarea { min-height: 108px; resize: vertical; }
.haken-zeile { display: flex; gap: 12px; align-items: flex-start; margin: 20px 0; }
.haken-zeile input { width: auto; margin-top: 4px; flex-shrink: 0; accent-color: var(--akzent-hell); }
.haken-zeile span { font-size: var(--t-s); color: var(--grau); line-height: 1.5; }
.haken-zeile a { color: var(--akzent-hell); }

/* ── Fußzeile ───────────────────────────────────────────────────────────── */
footer { background: rgba(0,0,0,.28); border-top: 1px solid var(--linie);
         padding: 54px 0 38px; }
.fuss { display: flex; justify-content: space-between; gap: 46px; flex-wrap: wrap; }
.fuss img { height: 20px; margin-bottom: 14px; }
.fuss a { color: var(--grau); text-decoration: none; font-size: var(--t-s);
          display: block; margin-bottom: 10px; }
.fuss a:hover { color: var(--akzent-hell); }
.fuss small { color: var(--grau); font-size: var(--t-xs); display: block; line-height: 1.6; }

/* ── Einblenden ─────────────────────────────────────────────────────────── */
.rein { opacity: 0; transform: translateY(18px);
        transition: opacity .55s ease, transform .55s ease; }
.rein.da { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .rein { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* ── Handy ──────────────────────────────────────────────────────────────── */
@media (max-width: 940px) {
  body { font-size: var(--t-m); }
  .nav-links { display: none; }
  .burger { display: block; }
  .nav-links.offen { display: flex; position: absolute; top: 100%; left: 0;
    right: 0; background: var(--grau-hell); flex-direction: column;
    padding: 22px 30px; gap: 18px; border-bottom: 1px solid var(--linie); }
  header { position: relative; }
  .wrap { padding: 0 20px; }
  section { padding: 58px 0; }
  .hero { padding: 48px 0 58px; }
  .hero-innen { grid-template-columns: 1fr; gap: 34px; }
  .karten, .stufen, .stimmen, .vergleich, .rechner { grid-template-columns: 1fr; }
  .rkarte { flex: 0 0 82%; }
  .band-rot { padding: 36px 26px; }
  .form { padding: 30px 22px; }
  .presse-reihe { gap: 22px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   HERO als Kasten, nach tdmmanagement.com gemessen:
   20px Rand ringsum, Radius 50px, Farbverlauf, Bild rechts
   ══════════════════════════════════════════════════════════════════════════ */
/* Der Kasten laeuft oben bis an die Kante durch, kein dunkler Streifen
   und keine runden Ecken oben. Unten bleibt die Rundung.
   Im zweiten Verlauf stand noch Gold als rgba, das hat den Farbwechsel
   ueberlebt, weil es nicht als Hex geschrieben war. Jetzt Rot.        */
.hero-kasten {
  margin: 0 20px 20px; border-radius: 0 0 var(--r-gross) var(--r-gross);
  overflow: hidden; position: relative;
  background:
    radial-gradient(1100px 620px at 78% 8%,  rgba(255,255,255,.30), transparent 60%),
    radial-gradient(760px 520px at 12% 88%,  rgba(176,19,42,.30), transparent 62%),
    radial-gradient(900px 700px at 96% 96%,  rgba(0,0,0,.34), transparent 60%),
    linear-gradient(152deg, #B0132A 0%, var(--rot) 42%, var(--rot-dkl) 100%);
  color: #fff; padding: 74px 0 0;
}
/* weiche Schlieren, ganz langsam in Bewegung */
.hero-kasten::before {
  content: ""; position: absolute; inset: -14%;
  background:
    radial-gradient(460px 300px at 22% 26%, rgba(255,255,255,.19), transparent 66%),
    radial-gradient(560px 340px at 74% 62%, rgba(255,255,255,.13), transparent 68%);
  animation: schlieren 26s ease-in-out infinite alternate; pointer-events: none;
}
@keyframes schlieren {
  from { transform: translate3d(0,0,0) scale(1); }
  to   { transform: translate3d(3%,-2.5%,0) scale(1.09); }
}
.hero-kasten > * { position: relative; z-index: 2; }

/* Kopfzeile innerhalb des Kastens, wie bei TDM */
.kasten-kopf { display: flex; align-items: center; justify-content: space-between;
               gap: 24px; padding: 0 46px 20px; }
.kasten-kopf .logo img { height: 30px; display: block; }
.kasten-nav { display: flex; gap: 28px; align-items: center; }
.kasten-nav a { color: var(--auf-1); text-decoration: none;
                font-size: var(--t-s); font-weight: 600; }
.kasten-nav a:hover { color: #fff; }
.kasten-nav a.btn { background: var(--rot); color: #fff; }
.kasten-nav a.btn:hover { color: var(--rot-dkl); }
.kasten-burger { display: none; background: none; border: none; color: #fff;
                 font-size: var(--t-2xl); cursor: pointer; line-height: 1; }

.hero-innen2 { display: grid; grid-template-columns: 1.06fr .94fr;
               gap: 50px; align-items: center; padding: 24px 46px 62px; }
.hero-kasten .kicker {
  font-family: "PT Serif", Georgia, serif; font-style: italic;
  font-size: var(--t-m); color: var(--auf-1); margin-bottom: 22px; max-width: 46ch;
}
.hero-kasten h1 {
  font-size: var(--t-4xl); line-height: 1.16; font-weight: 700;
  letter-spacing: -.022em; margin-bottom: 6px;
}
.hero-kasten h1 .serif { font-weight: 400; letter-spacing: 0; }
.hero-kasten .schwung { display: block; width: 300px; max-width: 66%; margin: -4px 0 24px; }
.hero-kasten p.text { font-size: var(--t-m); line-height: 1.62;
  color: var(--auf-1); margin-bottom: 32px; max-width: 52ch; }

/* Das Bild rechts, mit Etikett davor wie bei TDM */
.hero-bild2 { position: relative; }
.hero-bild2 figure { margin: 0; border-radius: var(--r-m); overflow: hidden;
  aspect-ratio: 4/5; box-shadow: 0 26px 60px rgba(0,0,0,.32); }
.hero-bild2 img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Die Schrift stand auf var(--text), also dem hellen Ton, auf weissem
   Grund. Noch ein Rest aus der Zeit, als die Seite hell war. Jetzt
   dunkel und ohne Unterstreichung, wie im Vorbild.                    */
.etikett { position: absolute; left: -30px; bottom: 58px; white-space: nowrap;
  background: #fff; color: #17171A; border-radius: var(--r-s);
  padding: 9px 18px 9px 9px; display: flex; align-items: center; gap: 11px;
  font-size: var(--t-s); font-weight: 600; text-decoration: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.22); }
.etikett:hover { color: #000; }
.etikett-logo { flex-shrink: 0; width: 34px; height: 34px;
  display: grid; place-items: center; border-radius: var(--r-s);
  background: #F3F5F7; }
.etikett img { height: 16px; width: auto; flex-shrink: 0; }

/* ══════════════════════════════════════════════════════════════════════════
   Lebendiger Seitenhintergrund statt reinem Weiss
   ══════════════════════════════════════════════════════════════════════════ */
body { background: var(--grund); }

/* Ebene 1: grosse Wolken, langsam in Bewegung.
   ⚠️ Vorher lagen hier fuenf Wolken in fast demselben Rot, mit Deckkraft
   zwischen .07 und .30. Dadurch wirkte die Seite einfarbig und flach.
   Jetzt gibt es echte Spannweite: ein helles, warmes Rot als Licht, ein
   kraeftiges Rot, und dazwischen zwei fast schwarze Zonen als Tiefe.
   Schwarz ist keine neue Farbe, aber es erzeugt den Kontrast, der
   vorher gefehlt hat.                                                */
body::before {
  content: ""; position: fixed; inset: -10%; z-index: -2; pointer-events: none;
  background:
    /* Licht oben links, das hellste Rot der Palette */
    radial-gradient(880px 660px at 4% 4%,   rgba(255,138,150,.20), transparent 58%),
    /* kraeftiges Rot darunter */
    radial-gradient(900px 700px at 12% 22%, rgba(176,19,42,.42),  transparent 60%),
    /* Tiefe rechts oben, fast schwarz */
    radial-gradient(820px 720px at 94% 14%, rgba(6,6,8,.55),      transparent 64%),
    /* mittleres Rot in der Mitte */
    radial-gradient(960px 700px at 62% 46%, rgba(142,3,17,.32),   transparent 62%),
    /* zweite Tiefe unten links */
    radial-gradient(760px 680px at 8% 78%,  rgba(6,6,8,.48),      transparent 62%),
    /* warmer Schein unten rechts */
    radial-gradient(880px 640px at 92% 88%, rgba(176,6,21,.34),   transparent 62%);
  animation: atmen 30s ease-in-out infinite alternate;
}

/* Ebene 2: feines Korn, nimmt dem Farbverlauf das Digitale */
body::after {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  opacity: .34; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'>\
<filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/>\
<feColorMatrix type='saturate' values='0'/></filter>\
<rect width='160' height='160' filter='url(%23n)' opacity='.22'/></svg>");
}
@keyframes atmen {
  from { transform: translate3d(0,0,0) scale(1); }
  to   { transform: translate3d(-2%,1.6%,0) scale(1.07); }
}
section, .zahlenband { background-color: transparent; }
/* Weiche Uebergaenge statt harter Kanten. Die Flaechen liefen vorher
   oben und unten scharf an, dadurch lag eine sichtbare Linie zwischen
   den Abschnitten. Jetzt blenden sie ueber ein Fuenftel der Hoehe auf
   und wieder ab, so wie im Vorbild.                                  */
section.grau { backdrop-filter: blur(3px);
  background: linear-gradient(180deg,
    transparent 0%, var(--flaeche) 16%,
    var(--flaeche) 84%, transparent 100%); }
section.zart { backdrop-filter: blur(3px);
  background: linear-gradient(180deg,
    transparent 0%, var(--rot-flaeche) 16%,
    var(--rot-flaeche) 84%, transparent 100%); }
.zahlenband { background: var(--flaeche); backdrop-filter: blur(3px); }

/* ══════════════════════════════════════════════════════════════════════════
   Die Creator-Reihe, jetzt weiter unten und in voller Figur
   ══════════════════════════════════════════════════════════════════════════ */
.reihe-leute { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;
               margin-top: 46px; }
.reihe-leute figure { margin: 0; border-radius: var(--r-m); overflow: hidden;
  isolation: isolate;
  aspect-ratio: 3/4; background: var(--grau-hell);
  box-shadow: 0 14px 36px rgba(20,22,26,.09); }
.reihe-leute img { width: 100%; height: 100%; object-fit: cover;
  object-position: center 22%; display: block;
  transition: transform .5s ease; }
.reihe-leute figure:hover img { transform: scale(1.045); }

.vertrauen {
  position: relative; margin: 34px auto 0; width: fit-content;
  background: var(--grau-hell); border: 1px solid var(--linie); border-radius: var(--r-m);
  padding: 16px 26px; display: flex; align-items: center; gap: 18px;
  box-shadow: 0 12px 34px rgba(20,22,26,.08);
}
.avatare { display: flex; }
.avatare span { width: 38px; height: 38px; border-radius: 50%; overflow: hidden;
  border: 2px solid #fff; margin-left: -12px; display: block;
  box-shadow: 0 2px 6px rgba(0,0,0,.14); }
.avatare span:first-child { margin-left: 0; }
.avatare img { width: 100%; height: 100%; object-fit: cover; }
.sterne { color: var(--akzent-hell); font-size: var(--t-m); letter-spacing: 2px; line-height: 1; }
.vertrauen b { display: block; font-size: var(--t-s); margin: 4px 0 2px; }
.vertrauen small { color: var(--grau); font-size: var(--t-xs); }
.vertrauen small .p { color: var(--akzent-hell); font-weight: 700; }

@media (max-width: 940px) {
  .hero-kasten { margin: 0 10px 10px; padding-top: 67px;
    border-radius: 0 0 var(--r-gross) var(--r-gross); }
  .kasten-kopf { padding: 0 22px 16px; }
  .kasten-nav { display: none; }
  .kasten-burger { display: block; }
  .hero-innen2 { grid-template-columns: 1fr; gap: 34px; padding: 18px 22px 44px; }
  .etikett { left: 12px; bottom: -18px; }
  .reihe-leute { grid-template-columns: 1fr 1fr; gap: 14px; }
  .vertrauen { padding: 13px 18px; gap: 13px; }
  .avatare span { width: 30px; height: 30px; }
}

/* ── Zahlenband ─────────────────────────────────────────────────────────── */
.zahlenband { background: var(--flaeche); border-block: 1px solid var(--linie); padding: 34px 0; }
.zahlenband .wrap { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; text-align: center; }
.zahlenband .z { font-size: var(--t-3xl); font-weight: 800; color: #FF8A96; letter-spacing: -.02em; }
.zahlenband .l { font-size: var(--t-xs); letter-spacing: .12em; text-transform: uppercase;
                 color: var(--grau); margin-top: 6px; }

/* ══════════════════════════════════════════════════════════════════════════
   RECHNER, nach Foxy Studios
   ══════════════════════════════════════════════════════════════════════════ */
.dash { background: var(--flaeche); backdrop-filter: blur(12px); border: 1px solid var(--linie); border-radius: var(--r-m);
        overflow: hidden; margin-top: 46px; text-align: left; }
.dash-kopf { display: flex; align-items: center; justify-content: space-between;
             gap: 20px; padding: 20px 26px; border-bottom: 1px solid var(--linie); }
.dash-wer { display: flex; align-items: center; gap: 13px; }
.dash-wer .kreis { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
                   background: var(--rot-zart); color: var(--akzent-hell); font-weight: 700;
                   display: flex; align-items: center; justify-content: center; font-size: var(--t-s); }
.dash-wer b { display: block; font-size: var(--t-s); }
.dash-wer span { color: var(--grau); font-size: var(--t-xs); }
.dash-reiter { display: flex; gap: 6px; }
.dash-reiter button { border: none; background: none; font-family: inherit;
  font-size: var(--t-xs); font-weight: 600; color: var(--grau); padding: 9px 17px;
  border-radius: var(--r-pille); cursor: pointer; }
.dash-reiter button[aria-selected="true"] { background: var(--rot); color: #fff; }

.dash-regler { padding: 26px; border-bottom: 1px solid var(--linie); }
.dash-regler .oben { display: flex; align-items: center; justify-content: space-between;
                     gap: 20px; margin-bottom: 16px; }
.dash-regler label { font-size: var(--t-s); font-weight: 600; display: flex; align-items: center; gap: 9px; }
.dash-regler .feld { border: 1px solid var(--linie); border-radius: var(--r-s);
  padding: 11px 20px; font-weight: 700; font-size: var(--t-m); min-width: 128px; text-align: center; }

.dash-werte { display: grid; grid-template-columns: repeat(4,1fr);
              border-bottom: 1px solid var(--linie); }
.dash-werte div { padding: 24px 18px; text-align: center; border-right: 1px solid var(--linie); }
.dash-werte div:last-child { border-right: none; }
.dash-werte .z { font-size: var(--t-2xl); font-weight: 800; color: #FF8A96; letter-spacing: -.02em; }
.dash-werte .l { font-size: var(--t-xs); letter-spacing: .1em; text-transform: uppercase;
                 color: var(--grau); margin: 6px 0 12px; }
.dash-werte .chip { display: inline-block; border: 1px solid var(--linie);
  border-radius: var(--r-pille); padding: 6px 14px; font-size: var(--t-xs); color: var(--grau); }

.dash-paar { display: grid; grid-template-columns: 1fr 1fr; }
.dash-paar > div { padding: 30px 26px; text-align: center; }
.dash-paar > div:first-child { background: var(--grau-hell); border-right: 2px solid var(--rot); }
.dash-paar .l { font-size: var(--t-xs); letter-spacing: .1em; text-transform: uppercase;
                color: var(--grau); }
.dash-paar .gross { font-size: var(--t-3xl); font-weight: 800; letter-spacing: -.03em; margin: 8px 0 6px; }
.dash-paar .gross.rot { color: var(--akzent-hell); }
.dash-paar small { color: var(--grau); font-size: var(--t-xs); }

.dash-band { background: var(--tiefschwarz); color: #fff; padding: 20px 26px;
  display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.dash-band .hervor { color: var(--akzent-hell); font-weight: 800; font-size: var(--t-xl); }
.dash-band .trenn { width: 1px; height: 22px; background: var(--flaeche-3); }
.dash-band small { color: var(--auf-2); font-size: var(--t-xs); }

/* ── Bildstrecke ────────────────────────────────────────────────────────── */
.strecke { display: flex; gap: 18px; margin-top: 44px; overflow-x: auto;
           padding-bottom: 14px; scroll-snap-type: x mandatory; }
.strecke::-webkit-scrollbar { height: 6px; }
.strecke::-webkit-scrollbar-thumb { background: var(--linie); border-radius: var(--r-s); }
.strecke figure { flex: 0 0 300px; scroll-snap-align: start; margin: 0;
  aspect-ratio: 3/4; border-radius: var(--r-m); overflow: hidden; background: var(--grau-hell); }
.strecke img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ══════════════════════════════════════════════════════════════════════════
   MARKEN-MOMENT, der eine epische Abschnitt
   ══════════════════════════════════════════════════════════════════════════ */
.marken-band {
  position: relative; overflow: hidden; color: #fff;
  margin: 0 20px; border-radius: var(--r-gross);
  background:
    radial-gradient(900px 600px at 82% 12%, rgba(176,19,42,.30), transparent 62%),
    radial-gradient(760px 560px at 8% 92%, rgba(0,0,0,.42), transparent 60%),
    linear-gradient(148deg, #B0132A 0%, var(--rot) 44%, #4E0209 100%);
  padding: 0;
}
.marken-band::before {
  content: ""; position: absolute; inset: -12%;
  background:
    radial-gradient(520px 340px at 26% 30%, rgba(255,255,255,.16), transparent 66%),
    radial-gradient(620px 380px at 78% 70%, rgba(255,255,255,.10), transparent 68%);
  animation: schlieren 24s ease-in-out infinite alternate; pointer-events: none;
}
.marken-innen { position: relative; z-index: 2;
  display: grid; grid-template-columns: .82fr 1.18fr; gap: 54px;
  align-items: center; padding: 62px 56px; }
.marken-innen figure { margin: 0; border-radius: var(--r-m); overflow: hidden;
  aspect-ratio: 3/4; box-shadow: 0 30px 70px rgba(0,0,0,.42); }
.marken-innen img { width: 100%; height: 100%; object-fit: cover; display: block; }

.marken-logo { display: block; width: min(460px, 100%); margin-bottom: 26px; }
.marken-innen h2 { color: #fff; font-size: var(--t-3xl); }
.marken-innen h2 .serif { color: var(--akzent-hell); }
.marken-innen p { color: var(--auf-2); font-size: var(--t-m);
                  margin-top: 16px; max-width: 46ch; }
.marken-zeile { display: flex; gap: 34px; margin-top: 32px; flex-wrap: wrap; }
.marken-zeile div b { display: block; font-size: var(--t-2xl); font-weight: 800; color: var(--akzent-hell); }
.marken-zeile div span { font-size: var(--t-xs); letter-spacing: .1em;
  text-transform: uppercase; color: var(--auf-2); }

@media (max-width: 940px) {
  .leute figure:nth-child(1), .leute figure:nth-child(4) { display: none; }
  .leute figure:nth-child(2), .leute figure:nth-child(3) {
    width: 47%; height: auto; aspect-ratio: 3/4; margin-right: -22px; }
  .leute figure:nth-child(3) { margin-right: 0; }
  .vertrauen { margin-top: -26px; padding: 13px 18px; gap: 13px; }
  .avatare span { width: 30px; height: 30px; }
  .zahlenband .wrap { grid-template-columns: 1fr 1fr; gap: 26px; }
  .dash-werte { grid-template-columns: 1fr 1fr; }
  .dash-werte div:nth-child(2) { border-right: none; }
  .dash-werte div:nth-child(1), .dash-werte div:nth-child(2) { border-bottom: 1px solid var(--linie); }
  .dash-paar { grid-template-columns: 1fr; }
  .dash-paar > div:first-child { border-right: none; border-bottom: 2px solid var(--rot); }
  .dash-kopf { flex-direction: column; align-items: flex-start; }
  .marken-band { margin: 0 10px; border-radius: var(--r-m); }
  .marken-innen { grid-template-columns: 1fr; gap: 28px; padding: 40px 24px; }
  .strecke figure { flex: 0 0 74%; }
}

/* Schmale Handys: die zwei Hero-Knoepfe brechen sonst mitten im Wort um */
@media (max-width: 560px) {
  .hero-knoepfe-dunkel { padding: 26px 20px 46px; }
  .hero-knoepfe-dunkel .btn { padding: 14px 28px; font-size: var(--t-s); }
  .hero-dunkel h1 { font-size: var(--t-3xl); }
  .vertrauen { padding: 12px 15px; gap: 11px; }
  .vertrauen small, .vertrauen b { font-size: var(--t-xs); }
}

/* Handy: Menue aus der Kastenkopfzeile ausklappen */
@media (max-width: 940px) {
  /* Durchsichtig statt fast deckend: 97 % Deckkraft war praktisch eine
     schwarze Platte. Jetzt echtes Milchglas, die Seite bleibt dahinter
     sichtbar. Schrift leichter und weiter gesperrt.                   */
  .nav-links.offen { display: flex; position: fixed; inset: 62px 14px auto;
    background: rgba(14,14,16,.58); backdrop-filter: blur(26px) saturate(1.3);
    -webkit-backdrop-filter: blur(26px) saturate(1.3);
    flex-direction: column; align-items: stretch; padding: 14px 22px 26px;
    border: 1px solid rgba(255,255,255,.14); border-radius: var(--r-m); gap: 0;
    z-index: 200; box-shadow: 0 30px 70px rgba(0,0,0,.5); }
  .nav-links.offen a { padding: 18px 4px; font-size: var(--t-l); font-weight: 500;
    letter-spacing: -.01em; border-bottom: 1px solid rgba(255,255,255,.08);
    color: #fff; opacity: 0; transform: translateY(10px);
    animation: menueRein .34s cubic-bezier(.22,1,.36,1) forwards; }
  .nav-links.offen a:last-of-type { border-bottom: none; }
  .nav-links.offen a:nth-child(1) { animation-delay: .03s; }
  .nav-links.offen a:nth-child(2) { animation-delay: .07s; }
  .nav-links.offen a:nth-child(3) { animation-delay: .11s; }
  .nav-links.offen a:nth-child(4) { animation-delay: .15s; }
  .nav-links.offen a:nth-child(5) { animation-delay: .19s; }
  .nav-links.offen a:nth-child(6) { animation-delay: .23s; }
  .nav-links.offen a.btn { margin-top: 20px; border: none; text-align: center;
    background: var(--rot); color: #fff; animation-delay: .27s;
    font-size: var(--t-m); padding: 17px 28px; }
}

/* Handy: die Ueberschrift im Kasten muss in den Kasten passen */
@media (max-width: 640px) {
  .hero-kasten h1 { font-size: var(--t-3xl); line-height: 1.18;
                    word-break: normal; hyphens: none; }
  .hero-kasten .kicker { font-size: var(--t-s); }
  .hero-kasten p.text { font-size: var(--t-s); }
  .hero-kasten .schwung { width: 210px; }
  .hero-knoepfe .btn { padding: 14px 28px; font-size: var(--t-s); }
  .kasten-kopf .logo img { height: 24px; }
  .marken-logo { width: min(300px, 82%); }
  .marken-innen h2 { font-size: var(--t-2xl); }
  .marken-zeile { gap: 22px; }
  .marken-zeile div b { font-size: var(--t-xl); }
}

/* ══════════════════════════════════════════════════════════════════════════
   KAPITEL-AUFBAU, nach gaiatalentsmanagement.com
   ══════════════════════════════════════════════════════════════════════════ */
.kapitel {
  display: block; text-align: center; font-size: var(--t-xs); font-weight: 700;
  letter-spacing: .17em; text-transform: uppercase; color: #FF8A96;
  margin-bottom: 18px;
}
.kapitel.akzent { color: var(--akzent-hell); }

h2.zwei { font-size: var(--t-3xl); line-height: 1.16; }
h2.zwei .zeile2 { display: block; font-family: "PT Serif", Georgia, serif;
  font-style: italic; font-weight: 400; letter-spacing: 0; color: #FF8A96; }
h2.zwei .zeile2.akzent { color: var(--akzent-hell); }
h2.zwei .zeile2.weiss { color: #fff; }

/* ── Klebende Leiste, wird beim Scrollen weiss ──────────────────────────── */
.leiste {
  position: fixed; top: 0; left: 0; right: 0; z-index: 90;
  background: transparent; border-bottom: 1px solid transparent;
  transition: background .32s ease, border-color .32s ease, box-shadow .32s ease;
}
/* Sobald gescrollt wird, legt sich ein weisser Balken hinter Logo und
   Menue. Vorher blieb die Leiste bis zum Ende des Hero-Kastens
   durchsichtig, und der Text lief unter das Logo.                     */
.leiste.fest {
  background: rgba(255,255,255,.94); backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom-color: rgba(0,0,0,.08); box-shadow: 0 6px 26px rgba(0,0,0,.18);
}
.leiste.fest .logo .hell { display: none; }
.leiste.fest .logo .dunkel { display: block; }
.leiste.fest .burger { color: #17171A; }
/* Oben mehr Luft, wie bei TDM gemessen. Sobald die Leiste beim Scrollen
   andockt, wird sie wieder kompakt, sonst frisst sie zu viel Bildflaeche. */
.leiste .nav { padding: 38px 30px 14px; transition: padding .28s ease; }
.leiste.fest .nav { padding: 14px 30px; }
.leiste .logo img { height: 21px; display: block; }
.leiste .logo .hell { display: block; }
.leiste .logo .dunkel { display: none; }
/* Auf dem weissen Balken werden Logo und Links dunkel */
.leiste .nav-links a { color: var(--auf-1); }
.leiste.fest .nav-links a { color: #17171A; }
.leiste .nav-links a.btn { background: var(--rot); color: #fff; }
.leiste.fest .nav-links a.btn { background: var(--rot); color: #fff; }
.leiste.fest .nav-links a.btn:hover { background: var(--rot-hell); }
.leiste .burger { color: #fff; }
.leiste.fest .burger { color: #fff; }

/* ── Bekannt aus, Schrift 1:1 von Gaia gemessen ─────────────────────────── */
.bekannt { padding: 42px 0 46px; text-align: center; }
.bekannt .strich { width: min(520px, 70%); height: 1px; margin: 0 auto 24px;
  background: linear-gradient(90deg, transparent, var(--linie) 22%, var(--linie) 78%, transparent); }
.bekannt .ueber {
  font-size: var(--t-xs); font-weight: 600; letter-spacing: 1.6px;
  text-transform: uppercase; color: var(--grau); margin-bottom: 22px;
}
.bekannt-reihe { display: flex; gap: 46px; justify-content: center;
  align-items: center; flex-wrap: wrap; }
.bekannt-reihe span {
  font-family: "PT Serif", Georgia, serif; font-size: var(--t-xl); font-weight: 700;
  color: var(--grau); letter-spacing: .04em;
  border: 1px dashed var(--linie); border-radius: var(--r-s); padding: 10px 20px;
}

/* ── Kapitel I: acht Karten mit Etiketten im Wechsel rot und weiss ─────── */
.gruende { display: flex; gap: 20px; margin-top: 46px; overflow-x: auto;
  padding-bottom: 16px; scroll-snap-type: x mandatory; }
.gruende::-webkit-scrollbar { height: 6px; }
.gruende::-webkit-scrollbar-thumb { background: var(--linie); border-radius: var(--r-s); }
.grund { flex: 0 0 300px; width: 300px; height: 450px;
  scroll-snap-align: start; position: relative;
  border-radius: var(--r-m); overflow: hidden; isolation: isolate;
  background: var(--tiefschwarz);
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 20px; color: #fff; }
.grund .bg { position: absolute; inset: 0; z-index: 0;
  border-radius: inherit; overflow: hidden; }
.grund .bg img { width: 100%; height: 100%; object-fit: cover;
  object-position: center top; opacity: .62; filter: saturate(.75);
  border-radius: inherit; }
.grund::after { content: ""; position: absolute; inset: 0; z-index: 1;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(14,14,16,.1) 0%, rgba(14,14,16,.06) 42%,
              rgba(14,14,16,.86) 74%, #0E0E10 100%); }
.grund > *:not(.bg) { position: relative; z-index: 2; }
.grund .chip { position: absolute; top: 20px; left: 20px; z-index: 2;
  font-size: var(--t-xs); font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; padding: 7px 13px; border-radius: var(--r-pille);
  background: var(--flaeche-2); backdrop-filter: blur(8px); }
.grund .chip.b { color: var(--akzent); border: 1px solid rgba(176,6,21,.42); }
.grund .chip.w { color: #fff; border: 1px solid rgba(255,255,255,.36); }
.grund .nr { position: absolute; top: 20px; right: 22px; z-index: 2;
  font-size: var(--t-xs); font-weight: 700; color: var(--auf-3); }
.grund h3 { font-size: var(--t-m); margin-bottom: 8px; line-height: 1.28; }
.grund p { font-size: var(--t-xs); line-height: 1.5; color: var(--auf-2); }

/* ── Kapitel IV: Growth Tree, Werte 1:1 von gaiatalentsmanagement.com ──── */
.tree { position: relative; margin-top: 54px; padding: 10px 0 20px; }
.tree::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0;
  width: 2px; transform: translateX(-50%);
  background: linear-gradient(180deg, transparent, var(--linie) 8%, var(--linie) 92%, transparent); }
/* die Linie faerbt sich beim Scrollen von oben nach unten ein */
.tree .fortschritt { position: absolute; left: 50%; top: 0; width: 2px;
  transform: translateX(-50%); height: 0; z-index: 1;
  background: linear-gradient(180deg, var(--akzent), var(--rot));
  transition: height .18s linear; }

.tree-liste { display: flex; flex-direction: column; gap: 48px;
  position: relative; z-index: 2; }
.ast {
  position: relative; width: 50%;
  transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .4s, filter .4s;
  opacity: .45; transform: scale(.94); filter: blur(.5px);
}
.ast.is-active { opacity: 1; transform: scale(1.03); filter: none; }
/* Karten in Schwarz, die aktive in Rot mit Schein, der langsam atmet.
   Beim Aufleuchten zieht einmal ein Lichtstreifen quer, derselbe wie bei
   den Haken im Vergleich. Nummern 01 bis 06 sind auf Wiktors Wunsch weg. */
.ast .karte-t { position: relative; overflow: hidden;
  background: rgba(14,14,16,.72) !important; border-color: rgba(255,255,255,.08) !important; }
.ast.is-active .karte-t {
  background: rgba(142,3,17,.30) !important; border-color: rgba(255,138,150,.45) !important;
  animation: karteAtmen 3.6s ease-in-out infinite; }
.ast.is-active .karte-t::after {
  content: ""; position: absolute; top: -30%; bottom: -30%; width: 34%;
  left: -60%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.22) 50%, transparent);
  animation: karteGlanz 1.5s ease-out 1 forwards; }
@keyframes karteAtmen {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255,138,150,.25), 0 0 24px rgba(176,6,21,.28); }
  50%      { box-shadow: 0 0 0 1px rgba(255,138,150,.55), 0 0 44px rgba(176,6,21,.55); }
}
@keyframes karteGlanz { from { left: -60%; } to { left: 130%; } }
@media (prefers-reduced-motion: reduce) {
  .ast.is-active .karte-t { animation: none; }
  .ast.is-active .karte-t::after { display: none; }
}
.ast.links  { align-self: flex-start; padding-right: 48px; text-align: right; }
.ast.rechts { align-self: flex-end;   padding-left: 48px;  text-align: left; }

.ast .karte-t { background: var(--flaeche); backdrop-filter: blur(12px);
  border: 1px solid var(--linie); border-radius: var(--r-m); padding: 26px 28px;
  transition: border-color .4s, box-shadow .4s, background .4s; }
.ast.is-active .karte-t { background: var(--flaeche-2);
  border-color: var(--auf-4);
  box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 0 44px rgba(176,6,21,.22),
              0 22px 50px rgba(0,0,0,.44); }

.punkt { position: absolute; top: 36px; width: 24px; height: 24px;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  z-index: 3; transition: box-shadow .4s, transform .4s; }
.ast.links  .punkt { right: -12px; }
.ast.rechts .punkt { left: -12px; }
.punkt .kern { width: 12px; height: 12px; border-radius: 50%; display: block;
  transition: transform .4s; }
.punkt.b { background: var(--rot-zart); }
.punkt.b .kern { background: var(--akzent); }
.punkt.w { background: rgba(255,255,255,.14); }
.punkt.w .kern { background: #fff; border: 0;
                 box-shadow: 0 2px 8px rgba(20,22,26,.28); }
.ast.is-active .punkt.b { box-shadow: 0 0 0 6px rgba(176,6,21,.16), 0 0 26px rgba(176,6,21,.55); }
.ast.is-active .punkt.w { box-shadow: 0 0 0 6px rgba(255,255,255,.18), 0 0 26px rgba(255,255,255,.5); }
.ast.is-active .punkt .kern { transform: scale(1.12); }

/* Auf grossen Bildschirmen steht die lange Fassung, auf dem Handy die
   kurze. Diese Zeile stand vorher hinter der Handy-Regel und hat sie
   ausgehebelt, dadurch war unter 900px gar kein Text mehr da.          */
.ast .kurz { display: none; }
.ast .marke-t { display: inline-block; font-size: var(--t-xs); font-weight: 700;
  letter-spacing: .13em; text-transform: uppercase; padding: 6px 12px;
  border-radius: var(--r-pille); margin-bottom: 12px; }
.marke-t.b { color: var(--akzent-hell); background: var(--akzent-zart); }
.marke-t.w { color: var(--grau); background: var(--grau-hell); }
.ast h3 { font-size: var(--t-l); margin-bottom: 8px; }
.ast p { color: var(--grau); font-size: var(--t-s); }

/* ── Kapitel V: drei Modelle, mittleres hervorgehoben ───────────────────── */
.modelle { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px;
  margin-top: 48px; align-items: stretch; }
.modell { background: var(--flaeche); backdrop-filter: blur(10px);
  border: 1px solid var(--linie); border-radius: var(--r-m); padding: 32px 28px;
  text-align: left; display: flex; flex-direction: column; }
.modell.beliebt { border: 2px solid var(--rot); transform: scale(1.035);
  box-shadow: 0 22px 54px rgba(142,3,17,.14); position: relative; z-index: 2; }
.modell .oben { font-size: var(--t-xs); font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--akzent-hell); margin-bottom: 12px; }
.modell.beliebt .oben { color: var(--akzent-hell); }
.modell h3 { font-size: var(--t-xl); margin-bottom: 10px; }
.modell > p { color: var(--grau); font-size: var(--t-s); margin-bottom: 20px; }
.modell ul { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; }
.modell li { display: flex; gap: 11px; align-items: flex-start;
  padding: 9px 0; font-size: var(--t-s); border-top: 1px solid var(--linie); }
.modell li:first-child { border-top: none; }
.modell li i { font-style: normal; color: var(--akzent); font-weight: 700; flex-shrink: 0; }
.modell.beliebt li i { color: var(--akzent-hell); }

/* ── Freigestelltes Bild wie bei TDM ────────────────────────────────────── */
.cutout { display: grid; grid-template-columns: 1fr 1fr; gap: 44px;
  align-items: end; margin-top: 20px; }
.cutout figure { margin: 0; position: relative; }
.cutout img { width: 100%; display: block;
  -webkit-mask-image: linear-gradient(180deg, #000 74%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 74%, transparent 100%); }

@media (max-width: 940px) {
  .gruende .grund { flex: 0 0 min(74vw, 300px); width: min(74vw, 300px);
    height: min(111vw, 450px); }

  /* Growth Tree: Linie rechts, Karten voll links, Punkte auf der Linie */
  .tree::before, .tree .fortschritt { left: auto; right: 26px; transform: none; }
  .tree-liste { gap: 20px; }
  .ast, .ast.links, .ast.rechts {
    width: 100%; align-self: stretch;
    padding: 0 62px 0 0; text-align: left;
  }
  .ast.links .punkt, .ast.rechts .punkt { left: auto; right: 6px; top: 28px; }
  .ast .karte-t { padding: 20px 22px; }
  .ast h3 { font-size: var(--t-m); }
  .ast p { font-size: var(--t-s); }
  .ast .lang { display: none; }
  .ast .kurz { display: block; }

  .modelle { grid-template-columns: 1fr; }
  .modell.beliebt { transform: none; }
  .cutout { grid-template-columns: 1fr; gap: 22px; }
  .bekannt-reihe { gap: 24px; }
  .bekannt-reihe span { font-size: var(--t-m); padding: 8px 14px; }
}


/* ── Kapitel V steht auf dunklem Grund, damit Weiss und Blau tragen ────── */
#models {
  position: relative; color: #fff;
  background:
    radial-gradient(900px 620px at 84% 8%, rgba(176,6,21,.16), transparent 62%),
    radial-gradient(760px 560px at 10% 92%, rgba(142,3,17,.34), transparent 60%),
    linear-gradient(160deg, #14161A 0%, #1B1418 58%, #0E0D0E 100%);
}
#models .unterzeile { color: var(--auf-2); }
#models .modell { background: var(--flaeche); backdrop-filter: blur(10px);
  border-color: var(--auf-4); }
#models .modell h3 { color: #fff; }
#models .modell > p { color: var(--auf-2); }
#models .modell li { color: var(--auf-2); border-top-color: var(--auf-4); }
#models .modell .oben { color: var(--akzent); }
#models .modell.beliebt { background: var(--flaeche-2);
  border-color: var(--rot-hell); box-shadow: 0 24px 60px rgba(0,0,0,.5); }
#models .modell.beliebt .oben { color: var(--rot-hell); }
#models .modell.beliebt li i { color: var(--rot-hell); }
#models .kapitel { color: var(--rot-hell); }

/* ══════════════════════════════════════════════════════════════════════════
   HOVER, rot und weiss im Wechsel
   ══════════════════════════════════════════════════════════════════════════ */
.karte, .rkarte, .grund, .modell, .stimme, .reihe-leute figure {
  transition: transform .34s cubic-bezier(.16,1,.3,1),
              box-shadow .34s ease, border-color .34s ease;
}
/* rote Karten */
.hov-b:hover { transform: translateY(-6px);
  border-color: var(--akzent) !important;
  box-shadow: 0 18px 44px rgba(176,6,21,.26) !important; }
.hov-b:hover .ico { background: var(--akzent-zart); }
.hov-b:hover .ico svg { stroke: var(--akzent-dkl); }
.hov-b:hover .nr { color: var(--akzent); }
/* weisse Karten */
.hov-w:hover { transform: translateY(-6px);
  border-color: #fff !important;
  box-shadow: 0 18px 44px rgba(20,22,26,.16), 0 0 0 1px rgba(255,255,255,.9) !important; }
.hov-w:hover .ico { background: #fff; box-shadow: 0 2px 10px rgba(20,22,26,.1); }
.hov-w:hover .nr { color: var(--text); }

/* dunkle Karten in Kapitel I */
.grund.hov-b:hover { transform: translateY(-10px) scale(1.02);
  box-shadow: 0 0 0 2px var(--akzent), 0 0 46px rgba(176,6,21,.55),
              0 24px 54px rgba(0,0,0,.5) !important; }
.grund.hov-b:hover .chip { background: var(--rot-zart); border-color: var(--akzent); }
.grund.hov-w:hover { transform: translateY(-10px) scale(1.02);
  box-shadow: 0 0 0 2px rgba(255,255,255,.9), 0 0 46px rgba(255,255,255,.42),
              0 24px 54px rgba(0,0,0,.5) !important; }
.grund.hov-w:hover .chip { background: var(--flaeche-3); border-color: #fff; }
.grund .bg img { transition: transform .6s ease, opacity .4s ease; }
.grund:hover .bg img { transform: scale(1.06); opacity: .78; }

/* Modelle auf dunklem Grund */
#models .modell.hov-b:hover { border-color: var(--akzent) !important;
  box-shadow: 0 20px 50px rgba(176,6,21,.3) !important; }
#models .modell.beliebt:hover { border-color: var(--rot-hell) !important;
  box-shadow: 0 26px 64px rgba(176,6,21,.42) !important; transform: scale(1.05); }

/* Hero-Bild bekommt auch einen Hover */
.hero-bild2 figure { transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s; }
.hero-bild2:hover figure { transform: translateY(-8px) scale(1.02);
  box-shadow: 0 40px 80px rgba(0,0,0,.44); }
.hero-bild2 img { transition: transform .7s ease; }
.hero-bild2:hover img { transform: scale(1.05); }

/* Bekannt aus, Logos in ihren eigenen Schriften */
.bekannt-reihe span { border: none; padding: 0;
  color: var(--grau); transition: color .3s ease, transform .3s ease; }
.bekannt-reihe span:hover { color: var(--text); transform: translateY(-2px); }
.pl-vogue   { font-family: "PT Serif", Georgia, serif; font-weight: 400;
              font-size: var(--t-2xl); letter-spacing: .07em; }
.pl-playboy { font-family: Inter, sans-serif; font-weight: 900;
              font-size: var(--t-2xl); letter-spacing: -.02em; }
.pl-maxim   { font-family: "PT Serif", Georgia, serif; font-weight: 400;
              font-size: var(--t-2xl); letter-spacing: .05em; }
.pl-vanity  { font-family: "PT Serif", Georgia, serif; font-weight: 700;
              font-size: var(--t-xl); letter-spacing: -.01em; }
.pl-avn     { font-family: Inter, sans-serif; font-weight: 800;
              font-size: var(--t-xl); font-style: italic; letter-spacing: -.03em; }
.pl-vnot    { font-family: Inter, sans-serif; font-weight: 800;
              font-size: var(--t-xl); letter-spacing: -.04em; }

/* Zahlen, die beim Scrollen hochrollen */
.zahlenband .z { font-variant-numeric: tabular-nums; }

/* ── Presse-Logos als Grafik, hell eingefaerbt ─────────────────────────── */
.bekannt-reihe { gap: 52px; }
.bekannt-reihe img {
  height: 40px; width: auto; display: block;
  filter: brightness(0) invert(1); opacity: .38;
  transition: opacity .3s ease, transform .3s ease;
}
.bekannt-reihe img:hover { opacity: .9; transform: translateY(-2px); }
@media (max-width: 940px) {
  .bekannt-reihe { gap: 24px; }
  .bekannt-reihe img { height: 27px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   1 · MAUS-PARALLAX im Hero, 4px / 8px / 12px
   ══════════════════════════════════════════════════════════════════════════ */
.hero-kasten { --px: 0; --py: 0; }
.hero-kasten::before { transform: translate3d(calc(var(--px) * 4px), calc(var(--py) * 4px), 0); }
.hero-bild2 figure { transform: translate3d(calc(var(--px) * 8px), calc(var(--py) * 8px), 0); }
.leistungskarte { transform: translate3d(calc(var(--px) * 12px), calc(var(--py) * 12px), 0); }
@media (prefers-reduced-motion: reduce) {
  .hero-kasten::before, .hero-bild2 figure, .leistungskarte { transform: none !important; }
}

/* ── 2 · Schwebende Leistungskarten am Hero ────────────────────────────── */
.leistungskarte {
  position: absolute; z-index: 6; border-radius: var(--r-m); padding: 14px 18px;
  background: var(--flaeche-2); backdrop-filter: blur(16px) saturate(1.3);
  border: 1px solid rgba(255,255,255,.24); color: #fff;
  box-shadow: 0 14px 40px rgba(0,0,0,.34);
  transition: transform .38s cubic-bezier(.22,1,.36,1), box-shadow .38s, background .38s;
}
.leistungskarte b { display: block; font-size: var(--t-2xl); font-weight: 800;
  letter-spacing: -.02em; line-height: 1; transition: transform .38s; }
.leistungskarte span { display: block; font-size: var(--t-xs); letter-spacing: .1em;
  text-transform: uppercase; color: var(--auf-2); margin-top: 6px; }
.leistungskarte:hover { box-shadow: 0 22px 54px rgba(0,0,0,.46);
  background: var(--flaeche-3); }
.leistungskarte:hover b { transform: scale(1.04); }
.lk-1 { top: 12%;  left: -30px; }
.lk-2 { top: 46%;  right: -26px; }
.lk-3 { bottom: 8%; left: 4%; }

/* ── 3 · Presse-Logos als laufendes Band ───────────────────────────────── */
.marquee { overflow: hidden; position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.marquee-bahn { display: flex; gap: 52px; align-items: center; width: max-content;
  animation: laufen 34s linear infinite; }
.marquee:hover .marquee-bahn { animation-play-state: paused; }
@keyframes laufen { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .marquee-bahn { animation: none; } }



/* ── 5 · Karten-Hover verfeinert: Pfeil dreht 45 Grad ──────────────────── */
.pfeil { display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--linie);
  margin-top: 18px; transition: transform .4s cubic-bezier(.22,1,.36,1),
  border-color .4s, background .4s; }
.pfeil svg { width: 14px; height: 14px; stroke: var(--grau); stroke-width: 2;
  fill: none; stroke-linecap: round; stroke-linejoin: round; transition: stroke .4s; }
.hov-b:hover .pfeil { transform: rotate(45deg); border-color: var(--akzent);
  background: var(--akzent-zart); }
.hov-b:hover .pfeil svg { stroke: var(--akzent-dkl); }
.hov-w:hover .pfeil { transform: rotate(45deg); border-color: var(--text);
  background: #fff; }
.hov-w:hover .pfeil svg { stroke: var(--text); }

/* ── 6 · Drei Saeulen als grosse Karten ────────────────────────────────── */
.saeulen { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 50px; }
.saeule { position: relative; border-radius: var(--r-m); overflow: hidden;
  isolation: isolate;
  min-height: 460px; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 30px; color: #fff; text-align: left;
  transition: transform .42s cubic-bezier(.22,1,.36,1), box-shadow .42s; }
.saeule img { position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; z-index: 0; border-radius: inherit; transition: transform .7s ease, filter .5s ease;
  filter: saturate(.72) brightness(.62); }
.saeule::after { content: ""; position: absolute; inset: 0; z-index: 1;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(20,22,26,.2), rgba(20,22,26,.92));
  transition: background .5s; }
.saeule > * { position: relative; z-index: 2; }
.saeule .nummer { position: absolute; top: 26px; left: 30px; z-index: 2;
  font-family: "PT Serif", Georgia, serif; font-style: italic;
  font-size: var(--t-3xl); color: var(--auf-3); transition: color .4s, transform .4s; }
.saeule h3 { font-size: var(--t-2xl); letter-spacing: .02em; text-transform: uppercase;
  margin-bottom: 10px; transition: transform .42s cubic-bezier(.22,1,.36,1); }
.saeule p { color: var(--auf-2); font-size: var(--t-s);
  transition: transform .42s cubic-bezier(.22,1,.36,1); }
.saeule:hover { transform: translateY(-8px); box-shadow: 0 26px 60px rgba(20,22,26,.3); }
.saeule:hover img { transform: scale(1.05); filter: saturate(.9) brightness(.78); }
.saeule:hover::after { background: linear-gradient(180deg, rgba(20,22,26,.1), rgba(20,22,26,.86)); }
.saeule:hover h3, .saeule:hover p { transform: translateY(-6px); }
.saeule:hover .nummer { color: var(--akzent); transform: translateY(-4px); }
.saeule .pfeil { border-color: var(--auf-4); }
.saeule .pfeil svg { stroke: #fff; }
.saeule:hover .pfeil { transform: rotate(45deg); background: var(--flaeche-3);
  border-color: #fff; }

@media (max-width: 940px) {
  .saeulen { grid-template-columns: 1fr; }
  .saeule { min-height: 340px; }
  .lk-1, .lk-2, .lk-3 { display: none; }
}

/* ── 7 · Fallstudien ───────────────────────────────────────────────────── */
.faelle { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 50px; }
.fall { position: relative; border-radius: var(--r-m); overflow: hidden; cursor: pointer;
  min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 28px; color: #fff; text-align: left; border: none;
  font-family: inherit; background: var(--tiefschwarz);
  transition: transform .42s cubic-bezier(.22,1,.36,1), box-shadow .42s; }
.fall img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  z-index: 0; filter: saturate(.7) brightness(.6); transition: transform .7s ease, filter .5s; }
.fall::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(20,22,26,.15), rgba(20,22,26,.94)); }
.fall > * { position: relative; z-index: 2; }
.fall:hover { transform: translateY(-8px); box-shadow: 0 26px 60px rgba(20,22,26,.32); }
.fall:hover img { transform: scale(1.05); filter: saturate(.9) brightness(.72); }
.fall .alias { font-size: var(--t-xs); letter-spacing: .12em; text-transform: uppercase;
  color: var(--auf-3); margin-bottom: 10px; transition: transform .42s; }
.fall:hover .alias { transform: translateY(-4px); }
.fall .paar { display: flex; align-items: baseline; gap: 14px; margin-bottom: 8px; }
.fall .vorher { font-size: var(--t-m); color: var(--auf-3);
                text-decoration: line-through; }
.fall .nachher { font-size: var(--t-3xl); font-weight: 800; letter-spacing: -.03em; }
.fall .plus { color: var(--akzent); font-weight: 800; font-size: var(--t-m); }
.fall .mehr { max-height: 0; opacity: 0; overflow: hidden;
  transition: max-height .45s cubic-bezier(.22,1,.36,1), opacity .35s;
  font-size: var(--t-s); color: var(--auf-2); }
.fall:hover .mehr { max-height: 120px; opacity: 1; margin-top: 10px; }

/* Vollbild-Blende fuer eine Fallstudie */
.blende { position: fixed; inset: 0; z-index: 9998; display: none;
  background: rgba(10,10,12,.9); backdrop-filter: blur(16px); }
.blende.auf { display: flex; align-items: center; justify-content: center; padding: 26px; }
.blende-inhalt { background: var(--grau-hell); border-radius: var(--r-m); overflow: hidden;
  max-width: 900px; width: 100%; max-height: 86vh; display: grid;
  grid-template-columns: .9fr 1.1fr;
  animation: reinschieben .45s cubic-bezier(.22,1,.36,1); }
@keyframes reinschieben { from { opacity: 0; transform: translateY(22px) scale(.97); }
                          to   { opacity: 1; transform: none; } }
.blende-inhalt img { width: 100%; height: 100%; object-fit: cover; }
.blende-text { padding: 40px 38px; overflow-y: auto; text-align: left; }
.blende-text h3 { font-size: var(--t-2xl); margin-bottom: 6px; }
.blende-text .gross { font-size: var(--t-3xl); font-weight: 800; color: var(--akzent-hell);
  letter-spacing: -.03em; margin: 14px 0 6px; }
.blende-text dl { margin: 22px 0 0; }
.blende-text dt { font-size: var(--t-xs); letter-spacing: .12em; text-transform: uppercase;
  color: var(--grau); margin-top: 18px; }
.blende-text dd { margin: 5px 0 0; font-size: var(--t-s); }
.blende-zu { position: absolute; top: 26px; right: 26px; width: 44px; height: 44px;
  border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: var(--flaeche-2);
  color: #fff; font-size: var(--t-xl); cursor: pointer; line-height: 1; }

/* ── 8 · Leistungen als Zeilen, die beim Hover aufgehen ────────────────── */
.zeilen { margin-top: 46px; border-top: 1px solid var(--linie); }
.zeile { border-bottom: 1px solid var(--linie); }
.zeile-kopf { display: flex; align-items: center; justify-content: space-between;
  gap: 24px; padding: 26px 6px; cursor: pointer; text-align: left;
  transition: padding-left .4s cubic-bezier(.22,1,.36,1), color .3s; }
.zeile:hover .zeile-kopf { padding-left: 20px; color: var(--akzent-hell); }
.zeile-kopf h3 { font-size: var(--t-xl); font-weight: 700;
  letter-spacing: -.015em; margin: 0; }
.zeile-kopf .pfeil { margin: 0; }
.zeile-inhalt { display: grid; grid-template-columns: 1fr .8fr; gap: 30px;
  max-height: 0; opacity: 0; overflow: hidden;
  transition: max-height .5s cubic-bezier(.22,1,.36,1), opacity .4s, padding .5s; }
.zeile:hover .zeile-inhalt { max-height: 320px; opacity: 1; padding: 0 6px 30px; }
.zeile-inhalt ul { list-style: none; padding: 0; margin: 0; text-align: left; }
.zeile-inhalt li { padding: 8px 0; font-size: var(--t-s); color: var(--grau);
  border-top: 1px solid var(--linie); }
.zeile-inhalt li:first-child { border-top: none; }
.zeile-inhalt figure { margin: 0; border-radius: var(--r-m); overflow: hidden; aspect-ratio: 16/10; }
.zeile-inhalt img { width: 100%; height: 100%; object-fit: cover; }

/* ── 9 · Testimonial-Schieber ──────────────────────────────────────────── */
.schieber { position: relative; margin-top: 46px; overflow: hidden; }
.schieber-bahn { display: flex; transition: transform .6s cubic-bezier(.22,1,.36,1); }
.schieber .stimme { flex: 0 0 100%; padding: 0 8px; }
.schieber-steuer { display: flex; align-items: center; justify-content: center;
  gap: 20px; margin-top: 26px; }
/* Der Grund war fast weiss, die Schrift auch. Auf der dunklen Seite ein
   Rest aus der hellen Zeit, gemessener Kontrast war 1.1 statt 4.5.     */
.schieber-steuer button { width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid var(--linie); background: var(--flaeche-2); cursor: pointer;
  font-size: var(--t-m); color: var(--text); transition: border-color .3s, background .3s; }
.schieber-steuer button:hover { border-color: var(--akzent-hell); background: var(--rot-zart); }
.schieber-zaehler { font-size: var(--t-xs); color: var(--grau);
  font-variant-numeric: tabular-nums; min-width: 56px; text-align: center; }

@media (max-width: 940px) {
  .faelle { grid-template-columns: 1fr; }
  .blende-inhalt { grid-template-columns: 1fr; max-height: 90vh; }
  .blende-inhalt img { max-height: 200px; }
  .blende-text { padding: 26px 22px; }
  .zeile-inhalt { grid-template-columns: 1fr; }
  .zeile:hover .zeile-inhalt { max-height: 520px; }
}
@keyframes menueRein { to { opacity: 1; transform: none; } }

/* ══════════════════════════════════════════════════════════════════════════
   AUFPLOPPEN beim Scrollen, dieselbe Mechanik wie im Growth Tree
   ══════════════════════════════════════════════════════════════════════════ */
.popp {
  opacity: .42; transform: scale(.965); filter: blur(.6px);
  transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .42s, filter .42s,
              box-shadow .5s, border-color .5s;
}
.popp.is-active { opacity: 1; transform: scale(1); filter: none; }
.popp.is-active.pb { border-color: var(--akzent) !important;
  box-shadow: 0 0 0 1px var(--akzent), 0 0 40px rgba(176,6,21,.32),
              0 18px 44px rgba(0,0,0,.4) !important; }
.popp.is-active.pw { border-color: var(--auf-2) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.65), 0 0 40px rgba(255,255,255,.24),
              0 18px 44px rgba(0,0,0,.4) !important; }
.saeule.popp.is-active { box-shadow: 0 0 0 1px rgba(255,255,255,.4),
  0 0 50px rgba(176,6,21,.28), 0 26px 60px rgba(0,0,0,.5); }
@media (prefers-reduced-motion: reduce) {
  .popp { opacity: 1; transform: none; filter: none; }
}

/* ── E · Saeulen: Nummer und Pfeil raus ────────────────────────────────── */
.saeule .nummer, .saeule .pfeil { display: none; }

/* ── F · Kapitel III: alles offen, kein Hover noetig ───────────────────── */
.zeilen { border-top: none; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.zeile { border-bottom: none; background: var(--flaeche);
  backdrop-filter: blur(10px); border: 1px solid var(--linie);
  border-radius: var(--r-m); padding: 26px 26px 24px; }
.zeile-kopf { display: flex; align-items: center; gap: 14px;
  padding: 0 0 16px; cursor: default; }
.zeile:hover .zeile-kopf { padding-left: 0; color: inherit; }
.zeile-kopf h3 { font-size: var(--t-l); }
.zeile-kopf .pfeil { display: none; }
.zeile-inhalt { display: block; max-height: none; opacity: 1; overflow: visible;
  padding: 0; }
.zeile:hover .zeile-inhalt { max-height: none; padding: 0; }
.zeile-inhalt figure { display: none; }
.zeile-inhalt li { padding: 7px 0; font-size: var(--t-s); }
@media (max-width: 940px) { .zeilen { grid-template-columns: 1fr; } }

/* ── I · Vergleich: unsere Karte leuchtet dauerhaft ────────────────────── */
.vkarte.uns { border-color: var(--rot-hell);
  box-shadow: 0 0 0 1px rgba(176,19,42,.5), 0 0 54px rgba(176,19,42,.3),
              0 20px 50px rgba(0,0,0,.44); }
.vkarte.uns .vkopf img { height: 26px; width: auto; }
.vkarte.uns .vkopf { padding: 20px 26px; }
.vkarte.andere { opacity: .82; }

/* ── J · Modelle: Knoepfe mittig, Atem-Effekt, Pulsieren ───────────────── */
.modell .btn { align-self: center; }
.modell.beliebt { animation: atmen-rot 4.4s ease-in-out infinite; }
@keyframes atmen-rot {
  0%, 100% { box-shadow: 0 0 0 1px rgba(176,19,42,.5), 0 0 34px rgba(176,19,42,.26),
                         0 22px 54px rgba(0,0,0,.5); }
  50%      { box-shadow: 0 0 0 2px rgba(176,19,42,.85), 0 0 74px rgba(176,19,42,.55),
                         0 26px 62px rgba(0,0,0,.55); }
}
.btn-rot, .modell .btn, .hero-knoepfe .btn:first-child {
  animation: puls 3.6s ease-in-out infinite;
}
@keyframes puls {
  0%, 100% { box-shadow: 0 0 0 0 rgba(176,19,42,0); }
  50%      { box-shadow: 0 0 0 6px rgba(176,19,42,.14), 0 0 26px rgba(176,19,42,.3); }
}
@media (prefers-reduced-motion: reduce) {
  .modell.beliebt, .btn-rot, .modell .btn, .hero-knoepfe .btn:first-child {
    animation: none !important;
  }
}

/* ── H · Belegfelder statt erfundener Fallstudien ──────────────────────── */
.fall.leer { background: var(--flaeche); backdrop-filter: blur(10px);
  border: 1px dashed var(--linie); cursor: default; min-height: 300px;
  justify-content: center; align-items: flex-start; }
.fall.leer::after { display: none; }
.fall.leer .nachher { color: #FF8A96; font-size: var(--t-3xl); }
.fall.leer .mehr-fest { color: var(--grau); font-size: var(--t-s); margin-top: 12px; }
.fall.leer:hover { transform: none; box-shadow: none; }

/* ══ ZAHLEN-ABSCHNITT, Aufbau 1:1 von lux-agency.com gemessen ═══════════
   Gemessen bei Container 929px: zwei gleiche Spalten, Abstand 51.7px
   (5.57 %), Zahlenraster 2x2 mit 24px (11.6 % der Spalte), Info-Karte
   absolut bei bottom 15 % / left 17.2 % / Breite 83 % des Bildes.
   Groessenverhaeltnisse zur Ueberschrift: Zahl 0.863, Text 0.342.
   Farben nicht uebernommen, das Rosa passt nicht zu unserer Welt.      */

.fakten { display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(34px, 5.57vw, 67px); align-items: center; }

.fakten-chip { display: inline-block; font-size: var(--t-s); font-weight: 500;
  color: #FF8A96; background: var(--rot-zart);
  padding: 6px 12px; border-radius: var(--r-s); letter-spacing: .2px; }

.fakten-h2 { font-size: var(--t-3xl); font-weight: 500;
  line-height: 1.18; margin: 18px 0 0; color: var(--text); }
.fakten-h2 .kursiv { font-family: "PT Serif", Georgia, serif;
  font-style: italic; color: #FF8A96; }

.fakten-raster { display: grid; grid-template-columns: 1fr 1fr;
  gap: 30px 34px; margin-top: 40px; }
.fakt-z { font-family: "PT Serif", Georgia, serif;
  font-size: var(--t-3xl); font-weight: 400; line-height: 1.14;
  margin: 0; color: var(--text); }
.fakt-l { font-size: var(--t-s); font-weight: 300; line-height: 1.48;
  margin: 8px 0 0; color: var(--auf-2); }

.fakten-bild { position: relative; display: flex; justify-content: center;
  align-items: flex-end; min-height: 460px; }
/* Unten weich auslaufen statt harter Schnittkante. Kein drop-shadow
   dazu, eine Maske wuerde ihn ohnehin abschneiden.                    */
.fakten-model { position: relative; z-index: 2; display: block;
  width: 82%; max-width: 380px; height: auto;
  -webkit-mask-image: linear-gradient(to bottom, #000 76%, transparent 99%);
          mask-image: linear-gradient(to bottom, #000 76%, transparent 99%); }

/* Der grosse Schriftzug dahinter, bei LUX ihr eigener Name */
.wasserzeichen { position: absolute; z-index: 0; left: 50%; top: 64%;
  transform: translate(-50%,-50%); font-family: "PT Serif", Georgia, serif;
  font-style: italic; font-size: clamp(150px, 21vw, 300px); line-height: 1;
  color: var(--auf-5); pointer-events: none; user-select: none;
  white-space: nowrap; }

/* Das Markenzeichen rechts, bei LUX ihre rosa Raute */
.fakten-raute { position: absolute; z-index: 1; right: 1%; top: 38%;
  width: 76px; height: 76px; transform: rotate(45deg);
  border-radius: var(--r-s);
  background: linear-gradient(135deg, var(--rot-hell), var(--rot-dkl)); }

.fakten-info { position: absolute; z-index: 4; bottom: 15%; left: 17.2%;
  width: 83%; max-width: 380px; display: flex; align-items: center; gap: 11px;
  background: var(--flaeche); border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(8px); padding: 10px 14px; border-radius: var(--r-s); }
.fakten-info p { margin: 0; font-size: var(--t-s); line-height: 1.4;
  color: var(--text); }
.fakten-info-icon { flex: 0 0 30px; width: 30px; height: 30px;
  display: grid; place-items: center; border-radius: var(--r-s);
  background: var(--rot-zart); color: #FF8A96; }

@media (max-width: 900px) {
  .fakten { grid-template-columns: 1fr; gap: 44px; }
  .fakten-bild { min-height: 400px; order: 2; }
  .fakten-raster { gap: 26px 24px; margin-top: 32px; }
  .fakten-raute { width: 58px; height: 58px; right: 6%; }
  .fakt-l br { display: none; }
}
@media (max-width: 520px) {
  .fakten-model { width: 88%; }
  .fakten-info { left: 6%; width: 88%; }
  .wasserzeichen { font-size: 42vw; }
}

/* ══ AUFBAU VON lux-agency.com ══════════════════════════════════════════
   Gemessen: Ueberschrift 44.85px / 500 / Zeilenhoehe 1.18, kursiver Teil
   in der Serifenschrift. Chip 15.3px auf 20 % der Akzentfarbe, Radius
   7.1px, Polster 5.7 / 11.3. Bei uns rot statt rosa.                   */

.lux-chip { display: inline-block; font-size: var(--t-s); font-weight: 500;
  color: #FF8A96; background: var(--rot-zart);
  padding: 6px 12px; border-radius: var(--r-s); letter-spacing: .2px; }

.lux-h2 { font-size: var(--t-3xl); font-weight: 500;
  line-height: 1.18; margin: 18px auto 0; max-width: 15em; color: var(--text); }
.lux-h2 .kursiv { font-family: "PT Serif", Georgia, serif;
  font-style: italic; color: #FF8A96; }
.lux-h2 .zeile2 { display: block; }

/* ── Kapitel II, was du mitnimmst ───────────────────────────────────── */
.gewinn { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
  margin-top: 36px; text-align: left; }
/* Flacher als vorher, das Vorbild setzt die Zeilen enger. Und das
   Zeichen ist dort ein gezacktes Siegel, kein glatter Kreis, deshalb
   faellt der runde Hintergrund hier weg.                             */
.gewinn-karte { display: flex; gap: 11px; align-items: center;
  background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-s); padding: 10px 15px; }
.gewinn-karte p { margin: 0; font-size: var(--t-s); line-height: 1.42;
  color: var(--auf-2); }
.gewinn-karte .haken { flex: 0 0 22px; width: 22px; height: 22px;
  margin-top: 1px; display: grid; place-items: center;
  border-radius: 0; background: none; color: var(--akzent-hell); }

.glauben { margin-top: 110px; }
.glauben-text { max-width: 640px; margin: 22px auto 0; font-size: var(--t-m);
  line-height: 1.62; color: var(--grau); }

/* Wie im Vorbild: das Symbol steht frei und kraeftig gefuellt, kein
   Kasten darum. Der Kasten hat die Zeichen kleiner wirken lassen.    */
.saeulen-icons { display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 24px 20px; margin-top: 54px; }
.si { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.si-icon { width: 40px; height: 40px; display: grid; place-items: center;
  color: var(--akzent-hell); }
.si-icon svg { width: 36px; height: 36px; }
.si h3 { margin: 0; font-size: var(--t-m); font-weight: 600; color: var(--text); }

/* ── Kapitel III, der Blueprint ─────────────────────────────────────── */
.bp-unter { margin: 16px 0 0; font-size: var(--t-m); color: var(--grau); }
.blueprint { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px;
  margin-top: 58px; text-align: left; }
.bp-kopf { display: flex; align-items: center; gap: 14px; }
.bp-nr { font-family: "PT Serif", Georgia, serif; font-size: var(--t-4xl);
  line-height: 1; font-weight: 400;
  background: linear-gradient(180deg, #FF8A96 0%, var(--rot-zart) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; }
.bp-strich { flex: 1; height: 1px; background: var(--linie); }
.bp-schritt h3 { margin: 26px 0 0; font-size: var(--t-l); font-weight: 600;
  color: var(--text); }
.bp-schritt p { margin: 10px 0 0; font-size: var(--t-s); line-height: 1.55;
  color: var(--grau); }

/* ── Der Einkommensrechner ─────────────────────────────────────────── */
.rechner { display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 4vw, 48px); margin-top: 48px; text-align: left;
  align-items: start; }
.r-eingabe { background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-m); padding: 30px; }
.r-label { display: block; font-size: var(--t-s); font-weight: 600;
  color: var(--text); margin-bottom: 10px; }
.r-label + .r-label, .r-feld + .r-label { margin-top: 26px; }
.r-feld { width: 100%; font-family: inherit; font-size: var(--t-m);
  color: var(--text); background: var(--flaeche);
  border: 1px solid var(--linie); border-radius: var(--r-s); padding: 13px 15px; }
.r-feld:focus { outline: 2px solid var(--rot-hell); outline-offset: 1px; }

/* Die Figur im Rechner: Wiktors Vorlage, pixelgenau. Die Vorlage ist
   exakt 26 x 52 Pixel gross, also genau die Anzeigegroesse. Statt sie
   nachzuzeichnen, ist sie hier selbst die Maske, sechsfach hochgerechnet
   mit Glaettung fuer scharfe Displays. Der Fuellstand ist ein harter
   Verlauf von unten, gesteuert ueber --stand. Die fuenf Stufen treffen
   die Marken der Vorlage, aus dem Zeilenprofil gemessen:
   Knie 19, Huefte 37, Brust 67, Hals 81, ganz 100.                    */
.figur { display: block; width: 26px; height: 52px; margin: 0 auto;
  -webkit-mask: url("data:image/png;base64,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ZlLJC919qIvNpoYQ5rK77p5YUeCkVmwtBG6FvAD83OMUBU7aWM83TerjFFHgpHW8QprE0fRZcZa6KHAib0g0FBZcbPhztWUlMUlR4ERXlxqX/JwHTHg5FTgRWjrRd8ZjUOBE2jrR15WBCpwIbawNdKKvAifS2gykE30VOJHWTjgWBU4EJxyLAieWiYgocCIiCpyIKHAiIgqciIgCJyKiwImIKHAiIgqciChwIiIKnIiIAiciosCJiChwIiIKnIgocCIiCpyIiAInIqLAiYgocCIiCpyIiAInIgqciIgCJyKiwImIKHAiIgqciIgCJyIKnIiIAiciosCJiChwIiIKnIiIAiciCpyIiAInIqLAiYgocCIiCpyIiAInIgqciIgCJyKiwImIKHAiIgqciIgCJyKiwImIAiciosCJiChwIiIKnIiIAiciosCJiAInIqLAiYgocCIiCpyIiAInIqLAiYgCJyKiwImIKHAiIgqciIgCJyKiwImIKHAiosCJiChwIiIKnIiIAiciosCJiChwIqLAiYgocCIiCpyIiAInIqLAiYgocCKiwImIKHAiIgqciIgCJyKiwImIKHAiosB5BCKiwImIKHAiIgqciIgCJyKiwImIKHAiosCJiChwIiIKnIiIAiciosCJiChwIqLAiYgocCIiCpyIiAInIqLAiYgocCKiwImIKHAiIgqciIgCJyKiwImIKHAiIgqciChwIiIKnIiIAiciosCJiChwIiIKnIgocCIiCpyIiAInIqLAiYgocCIiCpyIKHAiIgqciIgCJyKiwImcJOSPiAInrWMaeNVjEAVO2sgR4DEgasmJAiciosBJQ1gPXJatt+hxiAInbWIMONNjEAVO2kjUchMFTkREgROaVwcnosBJK9kCjHsMosAJbYmdhRBijLEDbAUmPE5R4KROvAAc67FI6q6KAicMOmY2BzxfCFwIYUmWXIyxELJRUomIwiYKnNTORaUHRb7bLfIVBU5oaZHvWR6DKHBCSyeJ/F+PQRQ4aWMHwivA9zDBIAqcUK9Ew5mkJEE5abDoEpH8z+PAD4HjPYzriQInsiLLLZCSA+uX/UVOiuITwMseqyhwUifOJCUJVspB4EmPUxQ4aVsnQwghHAO+Bhy1XEQUOKkL46Q2q16wH3jEIxUFTuokcJuzFRZXaMUdBe7XihMFTqjJeKMOqUh3WZlUrThR4IQ2Z1LnseK+BkxpxYkCJ7Qok1rwJCmrKqLASev2KRQ7UufsbBAFTlpBV2fDo9lNtbNBFDgZeMKhJ5ZWKUnxYkngRBQ4GRivkiaC9JIp0rRgG/BFgZOBWW4ReJwUN+uZm5oF7nlSHM7tYKLAuSpvIMwBvwBmljO2vIJpwVSYaCmW54z3qCZQFLhmUbrpixanTkOD6MX3/DPgYFHH5hVmC24HU+CE8fwwNJ1DOAVEF1WBk35lHge8VesxnOPWz5pAUeBkQO7pMeDREMJ0n+JvTRSKUeAMbxEFTtrhnj7Vy4B6C3alrge2r2S6iihw0n73tGm7UkNpBaJLrBU40T3ldLtSz2zo+cx5myhw0mwO99o9bUkMLvh8KXDS7Plvs8A3gR/3yXprsmU7TWpd80wUOMsJGvq9PwPsCyHMWNzLfEusn7DwWYEbdo6Rei2baL3tyyLnC4B5hwQc9fZW4BjmmWdZ4F4sCUdTXLCnsvU22+dSiCa9ALpd9yO67gqcLmpqUp9uQGP5XL5npoAvAM/0y/3qegE8D/yqAS+Asvjv1XVX4Ia+4T4/yI9T7zanWJqSMQt8PVtvJ/ppoeTzmQOey0JX1xdALIn/ZL/FXxS4pnGQ1KgeaypsRb/sYeA/Ap8LIUxV6H59i3quECyfTyefz18AD/Rb/EUaNTYpxrgrxng0Jubi4Cl/D9MxxsdjjLfHGEcHeD4/rcn5zJ3ifMa8q+vDKo+gNjwC7AU+DLx5gEmHssU2Azybs6XfAA6EEE4MqL9yf/7sqkkigYXOx1tZgRPesOh4Msb4BeAS4NJSm08YwMN7AjhQenCfCSHMdsUNKz0fUmzrHuBiYNMAXwDzCf/AzkekSW7q6uzmHJzHHer+xAV+z0pd0skY4xdjjJfGGEfmme4xyPMZjTF+KMb44oBc1ZkY4xMxxj+JMb67Lucj0iSxG8ki93iM8fhpBOlXC4jdcsXthRjjH8QYJ8oPbp0e3nw+gxC56Rjj384n/IqbY5VlaQ/xauBCYAdwOWmkeSiVarxKKi35BXBWdmnXkUYLjS3TfTsI7AbuLeJsdc0CZoHZBdxZkbs6C9wLfDaEcLhssemOKnCyMtdsgjcuL5klVclPZ0F7G7AWuBa4HdiwxJjbYeAzwJ4KOhOaInLlroQ9wGdCCIcVNpHeTrRdyp8pYlQvLMEt/eccUxptWiypz+5q8bWeiDFemv8+60ZFei10C326/38pUfEHi6gZK5ISX4sxbmhqoLxPIjdXSir8Sf47jLWJDPhh7+R/ro0x/t0pHvhyxvTmpmcB5xG5XgncYzHGd5slxVYtoQ41dXP5QZwC7ieN6znVLoODbdhlmmvQ9pCSJAd7GJv+R1IfrChwUrNRTEXl/0IPcCQtiznSkp+5VyJXvAyOAz8EZizeVeCkfnPmpkhjhua6sovF/58kLYs53oasYBahWeCrpO6Clf48R4DvKWwKnNTzYZ8jtRNNLTBmqBi02Yr4UqnlbRr438BPVzheaYZUbygKnNSUF0tz1E7ljrWN7wCP9iAOZ2Kh4fx/JCGb59jyaTsAAAAASUVORK5CYII=") center / contain no-repeat;
          mask: url("data:image/png;base64,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ZlLJC919qIvNpoYQ5rK77p5YUeCkVmwtBG6FvAD83OMUBU7aWM83TerjFFHgpHW8QprE0fRZcZa6KHAib0g0FBZcbPhztWUlMUlR4ERXlxqX/JwHTHg5FTgRWjrRd8ZjUOBE2jrR15WBCpwIbawNdKKvAifS2gykE30VOJHWTjgWBU4EJxyLAieWiYgocCIiCpyIKHAiIgqciIgCJyKiwImIKHAiIgqciChwIiIKnIiIAiciosCJiChwIiIKnIgocCIiCpyIiAInIqLAiYgocCIiCpyIiAInIgqciIgCJyKiwImIKHAiIgqciIgCJyIKnIiIAiciosCJiChwIiIKnIiIAiciCpyIiAInIqLAiYgocCIiCpyIiAInIgqciIgCJyKiwImIKHAiIgqciIgCJyKiwImIAiciosCJiChwIiIKnIiIAiciosCJiAInIqLAiYgocCIiCpyIiAInIqLAiYgCJyKiwImIKHAiIgqciIgCJyKiwImIKHAiosCJiChwIiIKnIiIAiciosCJiChwIqLAiYgocCIiCpyIiAInIqLAiYgocCKiwImIKHAiIgqciIgCJyKiwImIKHAiosB5BCKiwImIKHAiIgqciIgCJyKiwImIKHAiosCJiChwIiIKnIiIAiciosCJiChwIqLAiYgocCIiCpyIiAInIqLAiYgocCKiwImIKHAiIgqciIgCJyKiwImIKHAiIgqciChwIiIKnIiIAiciosCJiChwIiIKnIgocCIiCpyIiAInIqLAiYgocCIiCpyIKHAiIgqciIgCJyKiwImcJOSPiAInrWMaeNVjEAVO2sgR4DEgasmJAiciosBJQ1gPXJatt+hxiAInbWIMONNjEAVO2kjUchMFTkREgROaVwcnosBJK9kCjHsMosAJbYmdhRBijLEDbAUmPE5R4KROvAAc67FI6q6KAicMOmY2BzxfCFwIYUmWXIyxELJRUomIwiYKnNTORaUHRb7bLfIVBU5oaZHvWR6DKHBCSyeJ/F+PQRQ4aWMHwivA9zDBIAqcUK9Ew5mkJEE5abDoEpH8z+PAD4HjPYzriQInsiLLLZCSA+uX/UVOiuITwMseqyhwUifOJCUJVspB4EmPUxQ4aVsnQwghHAO+Bhy1XEQUOKkL46Q2q16wH3jEIxUFTuokcJuzFRZXaMUdBe7XihMFTqjJeKMOqUh3WZlUrThR4IQ2Z1LnseK+BkxpxYkCJ7Qok1rwJCmrKqLASev2KRQ7UufsbBAFTlpBV2fDo9lNtbNBFDgZeMKhJ5ZWKUnxYkngRBQ4GRivkiaC9JIp0rRgG/BFgZOBWW4ReJwUN+uZm5oF7nlSHM7tYKLAuSpvIMwBvwBmljO2vIJpwVSYaCmW54z3qCZQFLhmUbrpixanTkOD6MX3/DPgYFHH5hVmC24HU+CE8fwwNJ1DOAVEF1WBk35lHge8VesxnOPWz5pAUeBkQO7pMeDREMJ0n+JvTRSKUeAMbxEFTtrhnj7Vy4B6C3alrge2r2S6iihw0n73tGm7UkNpBaJLrBU40T3ldLtSz2zo+cx5myhw0mwO99o9bUkMLvh8KXDS7Plvs8A3gR/3yXprsmU7TWpd80wUOMsJGvq9PwPsCyHMWNzLfEusn7DwWYEbdo6Rei2baL3tyyLnC4B5hwQc9fZW4BjmmWdZ4F4sCUdTXLCnsvU22+dSiCa9ALpd9yO67gqcLmpqUp9uQGP5XL5npoAvAM/0y/3qegE8D/yqAS+Asvjv1XVX4Ia+4T4/yI9T7zanWJqSMQt8PVtvJ/ppoeTzmQOey0JX1xdALIn/ZL/FXxS4pnGQ1KgeaypsRb/sYeA/Ap8LIUxV6H59i3quECyfTyefz18AD/Rb/EUaNTYpxrgrxng0Jubi4Cl/D9MxxsdjjLfHGEcHeD4/rcn5zJ3ifMa8q+vDKo+gNjwC7AU+DLx5gEmHssU2Azybs6XfAA6EEE4MqL9yf/7sqkkigYXOx1tZgRPesOh4Msb4BeAS4NJSm08YwMN7AjhQenCfCSHMdsUNKz0fUmzrHuBiYNMAXwDzCf/AzkekSW7q6uzmHJzHHer+xAV+z0pd0skY4xdjjJfGGEfmme4xyPMZjTF+KMb44oBc1ZkY4xMxxj+JMb67Lucj0iSxG8ki93iM8fhpBOlXC4jdcsXthRjjH8QYJ8oPbp0e3nw+gxC56Rjj384n/IqbY5VlaQ/xauBCYAdwOWmkeSiVarxKKi35BXBWdmnXkUYLjS3TfTsI7AbuLeJsdc0CZoHZBdxZkbs6C9wLfDaEcLhssemOKnCyMtdsgjcuL5klVclPZ0F7G7AWuBa4HdiwxJjbYeAzwJ4KOhOaInLlroQ9wGdCCIcVNpHeTrRdyp8pYlQvLMEt/eccUxptWiypz+5q8bWeiDFemv8+60ZFei10C326/38pUfEHi6gZK5ISX4sxbmhqoLxPIjdXSir8Sf47jLWJDPhh7+R/ro0x/t0pHvhyxvTmpmcB5xG5XgncYzHGd5slxVYtoQ41dXP5QZwC7ieN6znVLoODbdhlmmvQ9pCSJAd7GJv+R1IfrChwUrNRTEXl/0IPcCQtiznSkp+5VyJXvAyOAz8EZizeVeCkfnPmpkhjhua6sovF/58kLYs53oasYBahWeCrpO6Clf48R4DvKWwKnNTzYZ8jtRNNLTBmqBi02Yr4UqnlbRr438BPVzheaYZUbygKnNSUF0tz1E7ljrWN7wCP9iAOZ2Kh4fx/JCGb59jyaTsAAAAASUVORK5CYII=") center / contain no-repeat;
  background: linear-gradient(to top,
    #FF8A96 var(--stand, 100%), rgba(255,255,255,.34) var(--stand, 100%)); }
.r-stufen { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.stufe { background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-s); padding: 12px 4px; cursor: pointer; transition: .18s;
  display: grid; place-items: center; }
.stufe:hover { border-color: var(--rot-zart); }
.stufe.an { border-color: var(--rot-hell);
  box-shadow: 0 0 0 1px var(--rot-hell), 0 0 22px rgba(176,6,21,.3); }

.r-karte { background: var(--rot-flaeche); border: 1px solid var(--rot-zart);
  border-radius: var(--r-m); padding: 28px 30px; }
.r-chip { display: inline-block; font-size: var(--t-s); font-weight: 600; color: #fff;
  background: linear-gradient(140deg, var(--rot-hell), var(--rot-dkl));
  padding: 7px 16px; border-radius: var(--r-s); }
.r-titel { margin: 22px 0 0; font-size: var(--t-s); font-weight: 600; color: var(--text); }
.r-gross { margin: 10px 0 0; font-size: var(--t-3xl);
  font-weight: 500; line-height: 1.1; color: var(--text); }
.r-waehrung { font-size: .62em; margin-right: .16em; opacity: .85; }
.r-paar { display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
  margin-top: 24px; }
.r-paar > div { background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-s); padding: 14px 16px; }
.r-klein { font-size: var(--t-s); color: var(--grau); }
.r-mittel { margin: 6px 0 0; font-size: var(--t-xl); font-weight: 500; color: var(--text); }
.r-hinweis { margin: 22px 0 0; font-size: var(--t-s); line-height: 1.6;
  color: var(--grau); }
.r-ausgabe .btn { margin-top: 22px; }

/* ── FAQ im Stil der Vorlage ────────────────────────────────────────── */
.faq-karte { background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-m); margin-top: 14px; overflow: hidden; }
.faq-karte summary { list-style: none; cursor: pointer; display: flex;
  align-items: center; justify-content: space-between; gap: 18px;
  padding: 20px 22px; font-size: var(--t-m); font-weight: 600; color: var(--text); }
.faq-karte summary::-webkit-details-marker { display: none; }
.faq-knopf { flex: 0 0 40px; width: 40px; height: 40px; display: grid;
  place-items: center; border-radius: var(--r-s); color: #FF8A96;
  background: var(--rot-zart); transition: transform .22s; }
.faq-karte[open] .faq-knopf { transform: rotate(180deg); }
.faq-karte p { margin: 0; padding: 0 22px 22px; font-size: var(--t-m);
  line-height: 1.62; color: var(--auf-2); }
.faq-karte a { color: #FF8A96; }

@media (max-width: 900px) {
  .gewinn, .blueprint, .rechner { grid-template-columns: 1fr; }
  /* Vier nebeneinander, das fuenfte darunter mittig ueber die ganze
     Breite. Vorher standen sie in zwei Spalten. */
  .saeulen-icons { grid-template-columns: repeat(4, 1fr); gap: 26px 8px; }
  .saeulen-icons .si:nth-child(5) { grid-column: 1 / -1; }
  .si-icon { width: 34px; height: 34px; }
  .si-icon svg { width: 30px; height: 30px; }
  .si h3 { font-size: var(--t-s); }
  .blueprint { gap: 34px; }
  .bp-schritt h3 { margin-top: 16px; }
  .glauben { margin-top: 76px; }
  .r-eingabe { padding: 24px; }
}
@media (max-width: 560px) {
  .saeulen-icons { gap: 22px 4px; }
  .si h3 { font-size: var(--t-xs); }
  .r-stufen { gap: 7px; }
  .stufe { padding: 9px 2px; }
  .stufe svg { width: 26px; height: 40px; }
  .faq-karte summary { font-size: var(--t-m); padding: 17px 18px; }
}

/* ── Belegstreifen unter dem Hero-Knopf ─────────────────────────────────
   Steht anstelle des zweiten Knopfes. Die Vorbilder setzen hier eine
   Bewertung hin, wir haben keine echte und erfinden keine. Was hier
   steht, kann jeder auf derselben Seite nachlesen.                     */
.hero-beleg { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 22px; }
.hero-beleg span { display: inline-flex; align-items: center; gap: 8px;
  font-size: var(--t-s); color: var(--auf-2); }
.hero-beleg svg { flex: 0 0 auto; color: #fff; opacity: .75; }
.hero-beleg a { color: #fff; text-decoration: underline;
  text-underline-offset: 3px; }
@media (max-width: 700px) {
  .hero-beleg { flex-direction: column; gap: 9px; margin-top: 18px; }
}

/* ── Drei Belegkarten, Aufbau von lux-agency.com ────────────────────────
   Dort stehen an dieser Stelle Verdienstaussagen ("100 % erreichen
   5-stellig nach 30 Tagen"). Die sind nicht belegt und fallen unter
   unsere eigene Sperre. Das Format ist uebernommen, der Inhalt nicht:
   was hier steht, kann jeder auf derselben Seite nachlesen.           */
.fakt-karten { display: flex; flex-direction: column; gap: 16px;
  max-width: 780px; margin: 44px auto 0; text-align: left; }
.fakt-karte { display: flex; align-items: center; gap: 18px;
  background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-m); padding: 22px 26px; }
.fakt-karte p { margin: 0; font-size: var(--t-m); line-height: 1.58;
  color: var(--auf-2); }
.fakt-symbol { flex: 0 0 46px; width: 46px; height: 46px;
  display: grid; place-items: center; border-radius: var(--r-s);
  background: var(--rot-zart); color: var(--akzent-hell); }
@media (max-width: 560px) {
  .fakt-karte { padding: 18px 20px; gap: 14px; }
  .fakt-symbol { flex-basis: 40px; width: 40px; height: 40px; }
  .fakt-karte p { font-size: var(--t-s); }
}

/* ── Der Knopf im Menue: kraeftigere Bewegung ───────────────────────────
   Wiktors Wunsch "epischer animiert". Ein Ring, der aus dem Knopf
   herauslaeuft, dazu ein Lichtstreifen, der einmal darueber wandert.
   Beides ruht bei prefers-reduced-motion.                             */
.btn-puls { position: relative; overflow: hidden; isolation: isolate; }
.btn-puls::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  border-radius: inherit; box-shadow: 0 0 0 0 rgba(176,6,21,.6);
  animation: knopfRing 2.6s cubic-bezier(.22,1,.36,1) var(--v,0s) infinite; }
.btn-puls::after {
  content: ""; position: absolute; top: 0; bottom: 0; width: 45%;
  left: -60%; z-index: 1; pointer-events: none;
  background: linear-gradient(100deg, transparent,
              rgba(255,255,255,.34) 48%, transparent);
  animation: knopfGlanz 3.4s ease-in-out var(--v,0s) infinite; }
@keyframes knopfRing {
  0%   { box-shadow: 0 0 0 0 rgba(176,6,21,.55); }
  62%  { box-shadow: 0 0 0 16px rgba(176,6,21,0); }
  100% { box-shadow: 0 0 0 0 rgba(176,6,21,0); }
}
@keyframes knopfGlanz {
  0%, 52% { left: -60%; }
  86%,100% { left: 125%; }
}
@media (prefers-reduced-motion: reduce) {
  .btn-puls::before, .btn-puls::after { animation: none; }
  .btn-puls::after { display: none; }
}

/* ── Die fuenf Symbole: helleres Rot, gefuellte Flaechen ───────────────
   Vorbild fuellt die Symbole flaechig in seiner hellen Markenfarbe.
   Unser dunkles Rot verschluckte sie auf dunklem Grund.               */
/* Kein Hintergrund mehr, das Zeichen steht frei wie im Vorbild. */
.si-icon { background: none; color: var(--akzent-hell); box-shadow: none; }
.si-icon svg { stroke: none; fill: currentColor; }

/* ── Blueprint auf dem Handy: mittig untereinander ─────────────────────
   Vorher standen Ziffer und Strich links aussen, der Text lief daneben
   ins Leere. Das Vorbild stellt auf dem Handy alles mittig unter-
   einander: Ziffer, Titel, Satz. Der Strich entfaellt dort.           */
@media (max-width: 900px) {
  .blueprint { gap: 42px; }
  .bp-schritt { text-align: center; }
  .bp-kopf { justify-content: center; }
  .bp-strich { display: none; }
  .bp-nr { font-size: clamp(38px, 11vw, 54px); }
  .bp-schritt h3 { margin-top: 12px; font-size: var(--t-l); }
  .bp-schritt p { margin-top: 6px; max-width: 30ch;
    margin-left: auto; margin-right: auto; }
}

/* ── Cookie-Hinweis ─────────────────────────────────────────────────────
   Aufbau vom Vorbild: Kasten unten, Schliesskreuz oben rechts, drei
   Knoepfe untereinander, drei Links darunter. Zustimmen und Ablehnen
   sind gleich gross und gleich erreichbar.                            */
.cookie { position: fixed; inset: auto 0 0 0; z-index: 9000;
  display: flex; justify-content: center; padding: 14px;
  pointer-events: none; }
.cookie[hidden] { display: none; }
.cookie-box { pointer-events: auto; position: relative; width: 100%;
  max-width: 460px; background: rgba(20,20,23,.86);
  backdrop-filter: blur(26px) saturate(1.3);
  -webkit-backdrop-filter: blur(26px) saturate(1.3);
  border: 1px solid rgba(255,255,255,.14); border-radius: var(--r-m);
  padding: 26px 24px 20px; box-shadow: 0 30px 70px rgba(0,0,0,.55);
  animation: cookieRein .42s cubic-bezier(.22,1,.36,1) both; }
@keyframes cookieRein { from { opacity: 0; transform: translateY(22px); } }
.cookie-box p { margin: 0 0 18px; font-size: var(--t-s); line-height: 1.6;
  color: var(--auf-2); }
.cookie-zu { position: absolute; top: 14px; right: 14px;
  width: 32px; height: 32px; display: grid; place-items: center;
  border: 1px solid var(--linie); border-radius: var(--r-s);
  background: none; color: var(--akzent-hell); cursor: pointer;
  transition: border-color .18s, background .18s; }
.cookie-zu:hover { border-color: var(--akzent-hell); background: var(--rot-zart); }
.cookie-knoepfe { display: flex; flex-direction: column; gap: 9px; }
.cookie-knoepfe .btn { width: 100%; text-align: center; }
.cookie-neben { background: none; color: var(--text);
  border: 1px solid var(--linie); }
.cookie-neben:hover { background: var(--flaeche); color: #fff; }
.cookie-links { display: flex; justify-content: center; flex-wrap: wrap;
  gap: 6px 18px; margin-top: 16px; }
.cookie-links a { font-size: var(--t-xs); color: var(--grau);
  text-decoration: underline; text-underline-offset: 3px; }
.cookie-links a:hover { color: var(--akzent-hell); }
@media (prefers-reduced-motion: reduce) { .cookie-box { animation: none; } }

/* ── Der grosse Knopf im Hero ───────────────────────────────────────────
   Bei tdmmanagement.com gemessen (Fenster 570px): 250px breit, 59px
   hoch, Schriftgewicht 900, Radius 30px. Unserer war rund 180px breit
   und wirkte daneben verloren.                                        */
/* Muss die Handy-Regel fuer .hero-knoepfe .btn ueberstimmen, sonst
   schrumpft der Knopf dort wieder auf das kleine Mass. */
/* Weiss, weil rot auf rot sich nur mit 1.16:1 abhebt, noetig sind 3:1.
   Das Vorbild loest es mit Orange auf Blau, in unserer Palette bleibt
   nur Weiss.                                                          */
.btn-gross, .hero-knoepfe .btn-gross, .hero-knoepfe-dunkel .btn-gross {
  min-width: 250px; min-height: 59px; padding: 0 34px; font-weight: 800;
  font-size: var(--t-m); display: inline-flex; align-items: center;
  justify-content: center; }
@media (max-width: 430px) {
  .btn-gross, .hero-knoepfe .btn-gross { min-width: 0; width: 100%; }
}

/* ── Die Haken im Vergleich: leises Leuchten, als Lichterkette ─────────
   Jeder Haken pulsiert einmal in 4,2 Sekunden, der naechste setzt eine
   halbe Sekunde spaeter ein. So wandert das Licht von oben nach unten.
   Amplitude bewusst klein: der Schein bleibt unter 14 Pixeln, die
   Fuellung hellt nur ein Drittel auf. Bei prefers-reduced-motion ruht es. */
.vkarte.uns .haken {
  position: relative; overflow: hidden;
  animation: hakenLicht 4.2s ease-in-out infinite;
  will-change: box-shadow, background-color;
}
/* der Lichtstreifen, der einmal quer ueber den Haken zieht */
.vkarte.uns .haken::after {
  content: ""; position: absolute; top: -40%; bottom: -40%; width: 45%;
  left: -70%; pointer-events: none;
  background: linear-gradient(100deg, transparent,
              rgba(255,255,255,.34) 50%, transparent);
  animation: hakenGlanz 4.2s ease-in-out infinite;
}
.vkarte.uns li:nth-child(1) .haken, .vkarte.uns li:nth-child(1) .haken::after { animation-delay: 0s; }
.vkarte.uns li:nth-child(2) .haken, .vkarte.uns li:nth-child(2) .haken::after { animation-delay: .5s; }
.vkarte.uns li:nth-child(3) .haken, .vkarte.uns li:nth-child(3) .haken::after { animation-delay: 1s; }
.vkarte.uns li:nth-child(4) .haken, .vkarte.uns li:nth-child(4) .haken::after { animation-delay: 1.5s; }
.vkarte.uns li:nth-child(5) .haken, .vkarte.uns li:nth-child(5) .haken::after { animation-delay: 2s; }
.vkarte.uns li:nth-child(6) .haken, .vkarte.uns li:nth-child(6) .haken::after { animation-delay: 2.5s; }
@keyframes hakenLicht {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,138,150,0);
             background-color: rgba(255,138,150,.14); color: #FF8A96; }
  38%      { box-shadow: 0 0 14px 2px rgba(255,138,150,.42);
             background-color: rgba(255,138,150,.34); color: #fff; }
}
@keyframes hakenGlanz {
  0%, 22%  { left: -70%; }
  52%, 100% { left: 130%; }
}
@media (prefers-reduced-motion: reduce) {
  .vkarte.uns .haken { animation: none; }
  .vkarte.uns .haken::after { display: none; }
}


/* ── Weisse Wellen im Hintergrund ───────────────────────────────────────
   Wiktor: "die ganze Zeit nur Rot". Drei duenne Wellenlinien und eine
   gefuellte Welle unten, alle in Weiss mit 2,5 bis 7,5 Prozent
   Deckkraft, wandern in 70 Sekunden einmal durch. Weiss ist die dritte
   Farbe der Palette, sie war im Hintergrund bisher nicht vertreten.  */
.wellen { position: fixed; inset: 0; z-index: -2; pointer-events: none;
  /* Marmor statt Wellenlinien: weiche helle Adern aus Rauschen, sehr leicht,
     die sich ins Rot mischen, statt weisser Linien, die ins Auge stechen. */
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201600%20900'%20preserveAspectRatio='none'%3E%3Cfilter%20id='m'%20x='0'%20y='0'%20width='100%'%20height='100%'%20color-interpolation-filters='sRGB'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.0016%200.0032'%20numOctaves='3'%20seed='11'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%202.6%200%200%200%20-1.15'/%3E%3CfeGaussianBlur%20stdDeviation='7'/%3E%3C/filter%3E%3Crect%20width='1600'%20height='900'%20filter='url(%23m)'/%3E%3C/svg%3E");
  background-size: 1600px 100%; background-repeat: repeat-x;
  opacity: .13; mix-blend-mode: soft-light; filter: blur(1px);
  animation: wellenZug 240s linear infinite; }
@keyframes wellenZug { from { background-position: 0 0; } to { background-position: 1600px 0; } }
@media (prefers-reduced-motion: reduce) { .wellen { animation: none; } }

/* Auf dem weissen Balken muss auch der Burger dunkel sein */
.leiste.fest .burger, .leiste.fest #burger { color: #17171A !important; }

/* Im Wechsel: ungerade Karten leuchten rot, gerade weiss. Wiktors
   Wunsch, "rot, weiss, rot, weiss". Der Lichtstreifen bleibt bei beiden. */
.tree-liste > .ast:nth-child(even).is-active .karte-t {
  background: rgba(255,255,255,.13) !important; border-color: rgba(255,255,255,.6) !important;
  animation: karteAtmenWeiss 3.6s ease-in-out infinite; }
@keyframes karteAtmenWeiss {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255,255,255,.3), 0 0 24px rgba(255,255,255,.14); }
  50%      { box-shadow: 0 0 0 1px rgba(255,255,255,.6), 0 0 44px rgba(255,255,255,.28); }
}

/* Das Bild neben "Ready when you are".
   ⚠️ Vorher lief oben und unten ein Verlauf, waehrend links und rechts
   hart abgeschnitten wurde. Diese Mischung sah unsauber aus, besonders
   auf dem Handy. Jetzt eine klare Karte: gerundete Ecken, feiner Rand,
   weicher Schatten, kein Verlauf.                                     */
.cutout figure { max-width: 88%; margin-left: auto; margin-right: auto;
  border-radius: var(--r-m); overflow: hidden; isolation: isolate;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 26px 60px rgba(0,0,0,.42); }
.cutout img { max-height: 380px; object-fit: cover; object-position: center 38%;
  border-radius: inherit;
  -webkit-mask-image: none; mask-image: none; }
@media (max-width: 900px) {
  .cutout figure { max-width: 100%; }
  .cutout img { max-height: 460px; }
}

/* Die Ergebniskarte glitzert einmal, sobald eine Zahl eingetragen wird */
.r-karte { position: relative; overflow: hidden; }
.r-karte.glanz { animation: karteAtmen 1.8s ease-in-out 1; }
.r-karte.glanz::after {
  content: ""; position: absolute; top: -30%; bottom: -30%; width: 34%; left: -60%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.2) 50%, transparent);
  animation: karteGlanz 1.4s ease-out 1 forwards; }

/* ══ BLOG, Aufbau nach lux-agency.com/blog ══════════════════════════════
   Gemessen: Vorschaubild 449x309 (3:2), Radius 16px, Titel 18.3px / 500
   in der Serifenschrift, Teaser 14.3px / 300 auf 80 % Weiss, darunter
   ein voller Knopf. Kategorie-Chips als Pillen, aktive Pille gefuellt.
   Bei uns Rot statt Rosa.                                              */

/* ── Vorschaubild: Foto, dunkler Rot-Verlauf, grosse Zeilen, OF-Zeichen */
.cover { position: relative; aspect-ratio: 3 / 2; border-radius: 16px;
  overflow: hidden; background: #1A1A1D center / cover no-repeat;
  isolation: isolate; margin: 0; }
.cover::before { content: ""; position: absolute; inset: 0;
  background: linear-gradient(165deg, rgba(23,23,26,.94) 0%,
    rgba(70,3,10,.82) 52%, rgba(176,6,21,.58) 100%); }
.cover-text { position: absolute; left: 7%; right: 7%; top: 50%;
  transform: translateY(-58%); color: #fff; font-weight: 600;
  font-size: clamp(24px, 2.6vw, 38px); line-height: 1.06;
  letter-spacing: -.01em; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.cover-text span { display: block; }
.cover-text span:last-child { color: var(--akzent-hell); }
.cover-of { position: absolute; left: 7%; bottom: 9%; height: 26px;
  width: auto; opacity: .95; }
figure.cover { margin: 0 0 40px; }
figure.cover .cover-text { font-size: clamp(30px, 4.2vw, 54px); }
figure.cover .cover-of { height: 34px; }

/* ── Karte ──────────────────────────────────────────────────────────── */
.bgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 28px;
  text-align: left; }
.bkarte { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.bkarte-bild { display: block; border-radius: 16px;
  transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s; }
.bkarte-bild:hover { transform: translateY(-4px);
  box-shadow: 0 22px 48px rgba(0,0,0,.45), 0 0 0 1px rgba(255,138,150,.35); }
.bkarte-kat { font-size: var(--t-xs); color: var(--akzent-hell);
  letter-spacing: .3px; text-transform: uppercase; font-weight: 500;
  margin-top: 4px; }
.bkarte h3 { margin: 0; font-family: "PT Serif", Georgia, serif;
  font-weight: 500; font-size: var(--t-l); line-height: 1.3; }
.bkarte h3 a { color: var(--text); text-decoration: none; }
.bkarte h3 a:hover { color: var(--akzent-hell); }
.bkarte h3 .kursiv { font-style: italic; color: var(--akzent-hell); }
.bkarte p { margin: 0; font-size: var(--t-s); line-height: 1.6;
  color: var(--auf-2); font-weight: 300; flex: 1; }
.bkarte-btn { width: 100%; text-align: center; margin-top: 6px; }

/* ── Uebersicht ─────────────────────────────────────────────────────── */
.blog-kopf { padding: 150px 0 40px; }
.blog-kopf .lux-h2 { font-size: var(--t-4xl); }
.blog-kopf .unterzeile { max-width: 34em; margin-left: auto; margin-right: auto; }
.bchips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  margin-top: 34px; }
.bchip { font: inherit; font-size: var(--t-s); color: var(--auf-2);
  background: transparent; border: 1px solid var(--linie);
  border-radius: var(--r-pille); padding: 9px 18px; cursor: pointer;
  transition: background .25s, color .25s, border-color .25s; }
.bchip:hover { border-color: rgba(255,255,255,.4); color: #fff; }
.bchip.aktiv { background: var(--akzent); border-color: var(--akzent);
  color: #fff; }
.blog-liste { padding: 20px 0 100px; }
.bleer { color: var(--grau); text-align: center; padding: 40px 0; }

/* ── Artikel ────────────────────────────────────────────────────────── */
.beitrag { max-width: 820px; margin: 0 auto; padding: 150px 24px 40px;
  text-align: left; }
.krumen { font-size: var(--t-s); color: var(--grau); margin-bottom: 26px; }
.krumen a { color: var(--grau); text-decoration: none; }
.krumen a:hover { color: var(--text); }
.krumen span { margin: 0 7px; opacity: .55; }
.beitrag h1 { font-size: var(--t-4xl); font-weight: 500;
  line-height: 1.16; letter-spacing: -.015em; margin: 0 0 18px; text-align: left; }
.beitrag h1 .kursiv { font-family: "PT Serif", Georgia, serif;
  font-style: italic; color: var(--akzent-hell); }
.vorspann { font-size: var(--t-l); line-height: 1.65; color: var(--auf-2);
  margin: 0 0 12px; }
.meta { font-size: var(--t-s); color: var(--grau); margin-bottom: 34px; }
.beitrag h2 { font-size: var(--t-2xl); font-weight: 600;
  line-height: 1.25; margin: 58px 0 16px; text-align: left; }
.beitrag h3 { font-size: var(--t-l); font-weight: 600; margin: 30px 0 8px; }
.beitrag p, .beitrag li { font-size: var(--t-m); line-height: 1.72;
  color: var(--auf-2); }
.beitrag p { margin: 0 0 16px; }
.beitrag ul, .beitrag ol { margin: 0 0 18px 22px; }
.beitrag li { margin-bottom: 10px; }
.beitrag a { color: var(--akzent-hell); }
.beitrag strong { color: var(--text); font-weight: 600; }
.inhalt { background: var(--flaeche); border: 1px solid var(--linie);
  border-radius: var(--r-m); padding: 24px 28px; margin: 0 0 46px; }
.inhalt p { font-size: var(--t-s); font-weight: 600; color: var(--text);
  letter-spacing: .4px; text-transform: uppercase; margin: 0 0 14px; }
.inhalt ol { margin: 0 0 0 20px; }
.inhalt li { margin-bottom: 8px; font-size: var(--t-s); }
.inhalt a { color: var(--auf-2); text-decoration: none; }
.inhalt a:hover { color: var(--akzent-hell); }
.kasten { border: 1px solid var(--linie); border-radius: var(--r-m);
  padding: 22px 26px; margin: 26px 0; background: var(--flaeche); }
.kasten p:last-child { margin-bottom: 0; }
.kasten.warn { border-color: var(--rot-zart); background: var(--rot-flaeche); }
.liste-nr { list-style: none; margin: 0; padding: 0; }
.liste-nr > li { display: flex; gap: 18px; margin-bottom: 24px; }
.liste-nr .n { flex: 0 0 auto; font-family: "PT Serif", Georgia, serif;
  font-size: var(--t-3xl); line-height: 1;
  background: linear-gradient(180deg, #FF8A96 0%, rgba(255,138,150,.2) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; }
.liste-nr h3 { margin: 0 0 6px; }
.liste-nr p { margin: 0; }
.tab { width: 100%; border-collapse: collapse; margin: 24px 0 8px;
  font-size: var(--t-s); }
.tab th, .tab td { text-align: left; padding: 13px 14px;
  border-bottom: 1px solid var(--linie); vertical-align: top; color: var(--auf-2); }
.tab th { color: var(--text); font-weight: 600; letter-spacing: .3px; }
.tab-rolle { overflow-x: auto; }
.schluss { background: var(--rot-flaeche); border: 1px solid var(--rot-zart);
  border-radius: var(--r-m); padding: 30px 32px; margin: 56px 0 20px; }
.schluss h2 { margin-top: 0; }
.schluss .btn { margin-top: 8px; }
.verwandt { padding: 30px 0 10px; }
.verwandt h2 { margin-bottom: 24px; }
.verwandt .bgrid { gap: 24px 20px; }
.verwandt .cover-text { font-size: clamp(18px, 1.6vw, 24px); }
.verwandt .cover-of { height: 18px; }
.verwandt .bkarte h3 { font-size: var(--t-m); }
.verwandt .bkarte p, .verwandt .bkarte-btn { display: none; }
.zurueck { display: inline-block; margin: 20px 0 30px; color: var(--grau);
  text-decoration: none; font-size: var(--t-s); }
.zurueck:hover { color: var(--text); }

/* ── Fusszeile mit Spalten, wie bei LUX (Marke, Mehrwert, Ratgeber) ─── */
.fuss-titel { font-size: var(--t-m); font-weight: 500; color: var(--text);
  margin: 0 0 14px; }
.fuss-marke { max-width: 300px; }
.fuss small { margin-top: 12px; }
.leiste .nav-links a.aktiv { color: var(--akzent-hell); }
.leiste.fest .nav-links a.aktiv { color: var(--akzent); }

@media (max-width: 900px) {
  .bgrid { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
  .cover-text { font-size: clamp(22px, 4.6vw, 34px); }
  .blog-kopf { padding-top: 120px; }
  .beitrag { padding-top: 120px; }
}
@media (max-width: 620px) {
  .bgrid, .verwandt .bgrid { grid-template-columns: 1fr; }
  .cover-text { font-size: clamp(26px, 8.5vw, 40px); }
  .verwandt .cover-text { font-size: clamp(22px, 7vw, 30px); }
  .beitrag { padding-top: 104px; }
  .inhalt { padding: 20px 22px; }
  .schluss { padding: 24px 22px; }
  .fuss > div { min-width: 40%; }
}

/* Ausgeblendete Karten im Filter wirklich verstecken, display:flex schlug [hidden] */
.bkarte[hidden] { display: none; }

/* ── Letzte Karte im Growth Tree: ploppt weiss auf, dann fliesst einmal
   Gold drueber und leuchtet kurz auf, danach bleibt sie weiss.
   Wiktors Wunsch vom 11.09., einzige Goldstelle auf der Seite.        */
.tree-liste > .ast:last-child.is-active .karte-t {
  animation: goldSchein 2.6s ease-out 1,
             karteAtmenWeiss 3.6s ease-in-out 2.6s infinite; }
.tree-liste > .ast:last-child.is-active .karte-t::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: radial-gradient(120% 90% at 50% 50%, rgba(255,217,138,.42), rgba(232,163,61,.18) 55%, transparent 80%);
  opacity: 0; animation: goldWasch 2.6s ease-out 1 forwards; }
.tree-liste > .ast:last-child.is-active .karte-t::after {
  width: 48%; top: -40%; bottom: -40%;
  background: linear-gradient(100deg, transparent,
    rgba(255,217,138,.32) 40%, rgba(255,240,200,.75) 50%, rgba(255,217,138,.32) 60%, transparent);
  animation: karteGlanz 1.7s cubic-bezier(.4,0,.2,1) .25s 1 forwards; }
.tree-liste > .ast:last-child .karte-t > * { position: relative; z-index: 1; }
@keyframes goldSchein {
  0%   { border-color: rgba(255,255,255,.6);
         box-shadow: 0 0 0 1px rgba(255,255,255,.3), 0 0 24px rgba(255,255,255,.14); }
  30%  { border-color: rgba(255,217,138,.95);
         box-shadow: 0 0 0 1px rgba(255,217,138,.8), 0 0 56px rgba(232,163,61,.62), 0 0 110px rgba(232,163,61,.28); }
  60%  { border-color: rgba(255,217,138,.7);
         box-shadow: 0 0 0 1px rgba(255,217,138,.5), 0 0 40px rgba(232,163,61,.36); }
  100% { border-color: rgba(255,255,255,.6);
         box-shadow: 0 0 0 1px rgba(255,255,255,.3), 0 0 24px rgba(255,255,255,.14); }
}
@keyframes goldWasch { 0% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .tree-liste > .ast:last-child.is-active .karte-t::before { display: none; }
}

/* ── Cookie-Einstellungen: Kategorien mit Schaltern ─────────────────── */
.cookie-h { font-weight: 600; color: var(--text); margin: 0 0 8px !important; font-size: var(--t-m) !important; }
.cookie-box.offen { max-width: 520px; }
.cookie-panel { display: flex; flex-direction: column; gap: 10px; margin: 0 0 18px; }
.cookie-kat { display: block; border: 1px solid var(--linie); border-radius: var(--r-s);
  padding: 12px 14px; background: var(--flaeche); cursor: pointer; }
.cookie-kat.fest { cursor: default; }
.cookie-kat-kopf { display: flex; align-items: center; gap: 12px; }
.cookie-kat-name { flex: 1; font-weight: 600; color: var(--text); font-size: var(--t-s); }
.cookie-kat-name small { font-weight: 400; color: var(--grau); font-size: var(--t-xs); margin-left: 6px; }
.cookie-kat input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cookie-schalter { position: relative; width: 40px; height: 22px; border-radius: 999px;
  background: rgba(255,255,255,.18); transition: background .2s; flex: 0 0 auto; }
.cookie-schalter::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px;
  border-radius: 50%; background: #fff; transition: transform .2s; }
.cookie-kat input:checked + .cookie-schalter { background: var(--akzent); }
.cookie-kat input:checked + .cookie-schalter::after { transform: translateX(18px); }
.cookie-kat input:disabled + .cookie-schalter { opacity: .55; }
.cookie-kat input:focus-visible + .cookie-schalter { box-shadow: 0 0 0 3px rgba(255,138,150,.45); }
.cookie-kat-text { display: block; margin-top: 6px; font-size: var(--t-xs); color: var(--grau); line-height: 1.5; }