/* ════════════════════════════════════════════════════════════════
   AI STATUS QUO · V6 — Feinschliff (A–D)
   Reiner Aufsatz-Layer. Lädt NACH aisq5.css und VOR aisq-motion.css.
   Body trägt zusätzlich  .aisq6 .aisq6--a | --b | --c | --d
   (data-motion bleibt 6, Header bleibt unangetastet).

   Leitidee: gleiches Design-System wie bisher (gleiches Blau #0000FE,
   gleiche Schriften) — nur eleganter angewandt. Mehr Typo-Kontrast,
   ruhigerer Sektions-Rhythmus, die blaue Signatur-Auszeichnung
   („Gestaltungsmacht zurückgewinnen").

   Motion-Logik unberührt: hier KEINE animation/transform auf den von
   aisq-motion.css bespielten Selektoren (Hero-CTA, .aq-weg, .aq-out-col,
   .aq-risk-card, .aq-st-rail, Reveal, Selbst-Zeichnen). Nur Farbe/Typo/
   Abstand/Rahmen.

   Ground Rule respektiert: rund nur bei Interaktion, statische Info eckig.

   Stufung des Eingriffs:
     --a  nur Basis      → Typo-Kontrast + Signatur-Auszeichnung   (kleinst)
     --b  + Sektions-Rhythmus & Orientierung (§-Zählung, sticky Label, Linien)
     --c  + Editorial-Eleganz (Serif-Hero, Display-H2, Hairline statt Hartschatten)
     --d  + Premium-Bühne (größter Kontrast, dunkle Akzent-Bänder)
   ════════════════════════════════════════════════════════════════ */


/* ╔══════════════════════════════════════════════════════════════╗
   ║  BASIS  (= Variante A)                                         ║
   ║  Greift in allen vier Varianten — A ist „nur Basis".          ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ── 1 · Eyebrows feiner + Auftakt-Linie (Editorial-Lockup) ─────── */
.aisq6 .aq-eyebrow,
.aisq6 .aq-block-eyebrow{
  font-size:.62rem; letter-spacing:.24em;
  display:flex; align-items:center; gap:11px;
}
.aisq6 .aq-eyebrow::before,
.aisq6 .aq-block-eyebrow::before{
  content:""; width:22px; height:1px; background:currentColor; opacity:.65; flex:0 0 auto;
}
.aisq6 .aq-block-eyebrow{margin-bottom:16px;}

/* ── 2 · Mehr Typo-Kontrast: Display-H2, ruhige Laufweite ───────── */
.aisq6 .aq-h2{
  font-size:clamp(2rem,3.4vw,2.9rem); line-height:1.05; letter-spacing:-.018em;
}
/* Hero-Claim eine Spur größer ⇒ klarere Stimme gegen den Eyebrow */
.aisq6 .aq p.aq-claim{font-size:clamp(2.3rem,4.4vw,3.7rem); line-height:1.06;}

/* ── 3 · Fließtext: ruhiger, luftiger, sekundär gefärbt ─────────── */
.aisq6 .aq-split__body p{font-size:1.05rem; line-height:1.64; color:var(--graphite);}
.aisq6 .aq-lead{font-size:1.16rem; line-height:1.58; color:var(--graphite);}
/* Emphasis-Absätze bleiben ink — muss die graphite-Body-Regel überbieten */
.aisq6 .aq-split__body .aq-em,
.aisq6 .aq-em{color:var(--ink); font-weight:600;}

/* ── 4 · Signatur-Auszeichnung (das „Gestaltungsmacht"-Detail) ───
   Tiefliegende blaue Marker-Linie statt Fettung. Reines Info-Element
   ⇒ eckig, kein Radius. Wiederverwendbar als .aq-mark.            */
.aisq6 .aq-mark,
.aisq6 .aq-wen-intro strong{
  font-weight:400; color:var(--ink);
  background:linear-gradient(transparent 58%, var(--blue-wash) 58%);
  padding:0 .12em;
}

/* ── 5 · Mehr Atem im Block-Rhythmus (war 54px) ─────────────────── */
.aisq6 .aq-block{padding:66px 0;}

/* ── 6 · Statische Tafeln: ruhiger Schatten (etwas zarter) ──────── */
.aisq6 .aq-out-col,
.aisq6 .aq-preis-box,
.aisq6 .aq-st-rail-list{box-shadow:5px 5px 0 -1px var(--blue-wash);}

@media (max-width:600px){
  .aisq6 .aq-block{padding:40px 0;}
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  B · Sektions-Rhythmus & Orientierung                         ║
   ║  Basis + §-Zählung, mitlaufende Label-Spalte, feine Trennlinien║
   ╚══════════════════════════════════════════════════════════════╝ */

/* §-Zählung über CSS-Counter → saubere 01…11 (unabhängig von data-no) */
.aisq6--b .aq{counter-reset:aqsec;}
.aisq6--b .aq-block{counter-increment:aqsec; position:relative; border-top:1px solid rgba(26,26,26,.1);}
.aisq6--b .aq-block::before{
  content:"§ " counter(aqsec,decimal-leading-zero);
  position:absolute; top:24px; right:28px;
  font-family:var(--font-mono); font-size:.6rem; letter-spacing:.2em;
  color:var(--silver);
}

/* Label-Spalte läuft mit (Editorial-Geste) */
.aisq6--b .aq-split__label{position:sticky; top:104px; align-self:start;}

/* Trennende Sektionen klarer gruppieren: „Timing" als ruhige Insel */
.aisq6--b .aq-jetzt{background:var(--paper-pure);}

/* Etwas mehr Luft zwischen Label und Body in Split-Sektionen */
.aisq6--b .aq-split{gap:32px 72px;}

@media (max-width:980px){
  .aisq6--b .aq-split__label{position:static;}
  .aisq6--b .aq-block::before{top:18px;}
}
@media (max-width:600px){
  .aisq6--b .aq-block::before{display:none;}
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  C · Editorial-Eleganz                                        ║
   ║  Serif-Hero (Produktname führt), Display-H2, Hairline statt   ║
   ║  Hartschatten bei statischen Tafeln. Rund bleibt nur          ║
   ║  interaktiv. Charakter „Verkaufsseite" bleibt: CTAs, Preis,   ║
   ║  Kontakt-Buttons unverändert prominent.                       ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* Hero: Produktname als großer Serif-Titel (gelber Balken entfällt) */
.aisq6--c .aq h1.aq-product{
  font-family:var(--font-serif); font-weight:400; text-transform:none;
  background:none; color:#fff; padding:0;
  font-size:clamp(2.7rem,5.8vw,4.8rem); line-height:.98; letter-spacing:-.02em;
  margin:0 0 18px;
}
.aisq6--c .aq-product__dot{color:var(--yellow);}
/* Claim wird zur ruhigen, kleineren Aussage darunter */
.aisq6--c .aq p.aq-claim{font-size:clamp(1.45rem,2.5vw,2rem); line-height:1.3; color:#fff;}
.aisq6--c .aq p.aq-claim em{font-style:italic; color:var(--blue-wash);}
.aisq6--c .aq-hl{
  background:linear-gradient(transparent 58%, rgba(239,247,70,.85) 58%);
  color:#fff; padding:0 .1em;
}

/* Display-H2: größer, leichter, klar editorial */
.aisq6--c .aq-h2{font-size:clamp(2.2rem,3.8vw,3.3rem); letter-spacing:-.02em;}

/* Hairline statt Hartschatten bei STATISCHER Info (Schatten erst bei
   Hover über die Motion-Schicht — Eleganz in Ruhe, Energie bei Aktion) */
.aisq6--c .aq-out-col,
.aisq6--c .aq-preis-box,
.aisq6--c .aq-st-rail-list{box-shadow:none; border-color:rgba(26,26,26,.16);}
.aisq6--c .aq-out-quote{box-shadow:none;}

/* Mehr Atem */
.aisq6--c .aq-block{padding:80px 0;}
.aisq6--c .aq-split{gap:32px 80px;}

@media (max-width:600px){
  .aisq6--c .aq-block{padding:44px 0;}
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  D · Premium-Bühne                                            ║
   ║  Größter Kontrast: noch größerer Serif-Hero mit gelbem        ║
   ║  Akzentstrich, dunkle Akzent-Bänder (Timing + Weitermachen)   ║
   ║  als dramaturgische Pausen. Alle Actions bleiben erhalten.    ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* Erbt C-Hero, schraubt Größe + Akzent hoch */
.aisq6--d .aq h1.aq-product{
  font-family:var(--font-serif); font-weight:400; text-transform:none;
  background:none; color:#fff; padding:0;
  font-size:clamp(3rem,6.6vw,5.6rem); line-height:.96; letter-spacing:-.022em;
  margin:0 0 20px;
}
.aisq6--d .aq-product__dot{color:var(--yellow);}
.aisq6--d .aq-eyebrow{color:var(--yellow);}
.aisq6--d .aq-eyebrow::before{background:var(--yellow); opacity:1; width:30px;}
.aisq6--d .aq p.aq-claim{font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.3; color:#fff;}
.aisq6--d .aq p.aq-claim em{font-style:italic; color:var(--blue-wash);}
.aisq6--d .aq-hl{
  background:linear-gradient(transparent 58%, rgba(239,247,70,.85) 58%);
  color:#fff; padding:0 .1em;
}

/* Display-H2 wie C */
.aisq6--d .aq-h2{font-size:clamp(2.2rem,3.9vw,3.4rem); letter-spacing:-.02em;}

/* Hairline-Ruhe wie C */
.aisq6--d .aq-out-col,
.aisq6--d .aq-preis-box,
.aisq6--d .aq-st-rail-list{box-shadow:none; border-color:rgba(26,26,26,.16);}
.aisq6--d .aq-out-quote{box-shadow:none;}

/* Großzügige Bühne */
.aisq6--d .aq-block{padding:88px 0;}
.aisq6--d .aq-split{gap:36px 88px;}

/* ── Dunkles Akzent-Band: „Warum jetzt" (Timing) ───────────────── */
.aisq6--d .aq-jetzt{
  background:var(--ink); color:var(--paper);
  border-top:0; border-bottom:0;
}
.aisq6--d .aq-jetzt .aq-h2{color:var(--paper);}
.aisq6--d .aq-jetzt .aq-block-eyebrow{color:var(--yellow);}
.aisq6--d .aq-jetzt .aq-split__body p{color:rgba(251,250,249,.78);}
.aisq6--d .aq-jetzt .aq-em{color:#fff;}

/* ── Dunkles Akzent-Band: „Weitermachen" (Abschluss-Drama) ─────── */
.aisq6--d .aq-wege{background:var(--ink); color:var(--paper);}
.aisq6--d .aq-wege .aq-h2{color:#fff;}
.aisq6--d .aq-wege-frame{color:rgba(251,250,249,.8);}
.aisq6--d .aq-weg{background:transparent; border-color:rgba(251,250,249,.28); color:var(--paper);}
.aisq6--d .aq-weg h3{color:#fff;}
.aisq6--d .aq-weg p{color:rgba(251,250,249,.72);}
.aisq6--d .aq-weg__num{color:var(--yellow);}
.aisq6--d .aq-weg .aq-cbtn{border-color:rgba(251,250,249,.5); color:#fff;}
.aisq6--d .aq-weg .aq-cbtn:hover{background:#fff; color:var(--ink); border-color:#fff;}
.aisq6--d .aq-weg .aq-btn:not(.aq-btn--primary){border-color:rgba(251,250,249,.6); color:#fff;}
.aisq6--d .aq-weg .aq-btn:not(.aq-btn--primary):hover{background:#fff; color:var(--ink);}
/* Hauptweg bleibt blau (Verkaufs-Fokus erhalten) */
.aisq6--d .aq-weg--main{background:var(--blue); border-color:var(--blue);}

@media (max-width:600px){
  .aisq6--d .aq-block{padding:46px 0;}
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  MUTIGE VARIANTEN  E–H                                        ║
   ║  Bauen auf der Basis auf, gehen aber klar weiter in die       ║
   ║  spezifizierte Richtung (eleganter, editorial, mehr           ║
   ║  Typo-Kontrast). Weiterhin: Motion & Header unberührt,        ║
   ║  Verkaufs-Charakter (CTA/Preis/Kontakt) erhalten,             ║
   ║  rund nur bei Interaktion.                                    ║
   ╚══════════════════════════════════════════════════════════════╝ */


/* ── E · Editorial Magazine ─────────────────────────────────────
   Heller Display-Hero, §-Folio + mitlaufende Label-Spalte,
   große Serif-H2, Tafeln auf Hairline reduziert. Die ruhigste,
   „magazinigste" Lesart — Inspiration 1:1, aber als Verkaufsseite. */
.aisq6--e .aq-hero{background:var(--paper);}
.aisq6--e .aq-hero::after{background:none;}
.aisq6--e .aq-hero::before{opacity:.9;}
.aisq6--e .aq-eyebrow{color:var(--graphite);}
.aisq6--e .aq h1.aq-product{
  font-family:var(--font-serif); font-weight:400; text-transform:none;
  background:none; color:var(--ink); padding:0;
  font-size:clamp(2.7rem,5.8vw,4.8rem); line-height:.98; letter-spacing:-.02em; margin:0 0 16px;
}
.aisq6--e .aq-product__dot{color:var(--blue);}
.aisq6--e .aq p.aq-claim{color:var(--ink); font-size:clamp(1.4rem,2.4vw,1.95rem); line-height:1.32;}
.aisq6--e .aq p.aq-claim em{color:var(--blue); font-style:italic;}
.aisq6--e .aq-sub{color:var(--graphite);}
.aisq6--e .aq-hero__meta{color:var(--silver);}
.aisq6--e .aq-hero .aq-btn--primary{background:var(--blue); border-color:var(--blue); color:#fff;}
/* §-Folio, sticky Label, Display-H2, Hairline-Tafeln, viel Atem */
.aisq6--e .aq{counter-reset:aqsec;}
.aisq6--e .aq-block{counter-increment:aqsec; position:relative; border-top:1px solid rgba(26,26,26,.12); padding:84px 0;}
.aisq6--e .aq-block::before{
  content:"§ " counter(aqsec,decimal-leading-zero);
  position:absolute; top:32px; right:28px;
  font-family:var(--font-mono); font-size:.6rem; letter-spacing:.2em; color:var(--silver);
}
.aisq6--e .aq-split__label{position:sticky; top:104px; align-self:start;}
.aisq6--e .aq-h2{font-size:clamp(2.3rem,4vw,3.5rem); letter-spacing:-.02em; line-height:1.02;}
.aisq6--e .aq-split{gap:32px 80px;}
.aisq6--e .aq-out-col,.aisq6--e .aq-preis-box,.aisq6--e .aq-st-rail-list{box-shadow:none; border-color:rgba(26,26,26,.16);}
.aisq6--e .aq-out-quote{box-shadow:none; background:none; color:var(--blue); border-left:3px solid var(--blue); padding-left:24px;}
@media (max-width:980px){
  .aisq6--e .aq-split__label{position:static;}
  .aisq6--e .aq-block::before{top:22px;}
}
@media (max-width:600px){
  .aisq6--e .aq-block{padding:46px 0;}
  .aisq6--e .aq-block::before{display:none;}
}


/* ── F · Dark Statement / Keynote ───────────────────────────────
   Blaue Aussage-Box über dunkler Bild-Bühne (Inspirations-Move),
   dazu zwei dunkle Akzent-Bänder. Premium, kontrastreich, „Keynote". */
.aisq6--f .aq-hero{background:var(--ink);}
.aisq6--f .aq-hero::after{background:linear-gradient(90deg, rgba(13,13,13,.7) 0 34%, rgba(13,13,13,0) 64%);}
.aisq6--f .aq-hero__text{
  background:var(--blue); color:#fff; padding:44px 48px; max-width:620px;
  box-shadow:10px 10px 0 -1px rgba(0,0,0,.35);
}
.aisq6--f .aq-eyebrow{color:rgba(255,255,255,.7);}
.aisq6--f .aq h1.aq-product{
  font-family:var(--font-serif); font-weight:400; text-transform:none; background:none;
  color:#fff; padding:0; font-size:clamp(2.4rem,5vw,4rem); line-height:1; letter-spacing:-.02em; margin:0 0 14px;
}
.aisq6--f .aq-product__dot{color:var(--yellow);}
.aisq6--f .aq p.aq-claim{color:#fff; font-size:clamp(1.35rem,2.2vw,1.85rem); line-height:1.32;}
.aisq6--f .aq p.aq-claim em{color:#fff; font-style:italic;}
.aisq6--f .aq-hl{color:#fff; background:linear-gradient(transparent 58%, var(--yellow) 58%); padding:0 .1em;}
.aisq6--f .aq-sub{color:rgba(255,255,255,.85);}
.aisq6--f .aq-hero__meta{color:rgba(255,255,255,.6);}
.aisq6--f .aq-hero .aq-btn--primary{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq6--f .aq-h2{font-size:clamp(2.1rem,3.6vw,3.1rem); letter-spacing:-.02em;}
.aisq6--f .aq-block{padding:84px 0;}
/* Band 1 · Warum jetzt (ink) */
.aisq6--f .aq-jetzt{background:var(--ink); color:var(--paper); border:0;}
.aisq6--f .aq-jetzt .aq-h2{color:#fff;}
.aisq6--f .aq-jetzt .aq-block-eyebrow{color:var(--yellow);}
.aisq6--f .aq-jetzt .aq-split__body p{color:rgba(251,250,249,.78);}
.aisq6--f .aq-jetzt .aq-em{color:#fff;}
/* Band 2 · Weitermachen (ink) — Hauptweg bleibt blau */
.aisq6--f .aq-wege{background:var(--ink); color:var(--paper);}
.aisq6--f .aq-wege .aq-h2{color:#fff;}
.aisq6--f .aq-wege-frame{color:rgba(251,250,249,.8);}
.aisq6--f .aq-weg{background:transparent; border-color:rgba(251,250,249,.28); color:var(--paper);}
.aisq6--f .aq-weg h3{color:#fff;}
.aisq6--f .aq-weg p{color:rgba(251,250,249,.72);}
.aisq6--f .aq-weg__num{color:var(--yellow);}
.aisq6--f .aq-weg .aq-cbtn{border-color:rgba(251,250,249,.5); color:#fff;}
.aisq6--f .aq-weg .aq-cbtn:hover{background:#fff; color:var(--ink); border-color:#fff;}
.aisq6--f .aq-weg .aq-btn:not(.aq-btn--primary){border-color:rgba(251,250,249,.6); color:#fff;}
.aisq6--f .aq-weg .aq-btn:not(.aq-btn--primary):hover{background:#fff; color:var(--ink);}
.aisq6--f .aq-weg--main{background:var(--blue); border-color:var(--blue);}
@media (max-width:600px){
  .aisq6--f .aq-hero__text{padding:30px 26px;}
  .aisq6--f .aq-block{padding:46px 0;}
}


/* ── G · Blue-forward ───────────────────────────────────────────
   Die Marke als Fläche: blauer Hero, blaues „Warum jetzt"-Band,
   blaue Tafel-Akzente. Das „richtige Blau" maximal sichtbar. */
.aisq6--g .aq-hero{background:var(--blue);}
.aisq6--g .aq-hero::before{opacity:.16;}
.aisq6--g .aq-hero::after{background:linear-gradient(90deg, rgba(0,0,150,.55) 0 36%, rgba(0,0,150,0) 66%);}
.aisq6--g .aq-eyebrow{color:rgba(255,255,255,.75);}
.aisq6--g .aq h1.aq-product{
  font-family:var(--font-serif); font-weight:400; text-transform:none; background:none;
  color:#fff; padding:0; font-size:clamp(2.7rem,5.8vw,4.8rem); line-height:.98; letter-spacing:-.02em; margin:0 0 16px;
}
.aisq6--g .aq-product__dot{color:var(--yellow);}
.aisq6--g .aq p.aq-claim{color:#fff; font-size:clamp(1.4rem,2.4vw,1.95rem); line-height:1.32;}
.aisq6--g .aq p.aq-claim em{color:#fff; font-style:italic;}
.aisq6--g .aq-hl{color:#fff; background:linear-gradient(transparent 58%, var(--yellow) 58%); padding:0 .1em;}
.aisq6--g .aq-sub{color:rgba(255,255,255,.88);}
.aisq6--g .aq-hero__meta{color:rgba(255,255,255,.65);}
.aisq6--g .aq-hero .aq-btn--primary{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq6--g .aq-h2{font-size:clamp(2.2rem,3.8vw,3.3rem); letter-spacing:-.02em;}
.aisq6--g .aq-block{padding:80px 0;}
/* Blaues Akzent-Band · Warum jetzt */
.aisq6--g .aq-jetzt{background:var(--blue); color:#fff; border:0;}
.aisq6--g .aq-jetzt .aq-h2{color:#fff;}
.aisq6--g .aq-jetzt .aq-block-eyebrow{color:var(--yellow);}
.aisq6--g .aq-jetzt .aq-split__body p{color:rgba(255,255,255,.85);}
.aisq6--g .aq-jetzt .aq-em{color:var(--yellow);}
/* Statische Tafeln: blauer Hartschatten (markenstark) */
.aisq6--g .aq-out-col,.aisq6--g .aq-preis-box,.aisq6--g .aq-st-rail-list{box-shadow:5px 5px 0 -1px var(--blue);}
@media (max-width:600px){
  .aisq6--g .aq-block{padding:44px 0;}
}


/* ── H · Refined Minimal / Swiss ────────────────────────────────
   Typo trägt alles: reiner Typo-Hero (Bild raus), maximaler
   Weißraum, riesige ruhige Serif-Headlines, alles auf Hairline.
   Die radikale Antithese zu „grobschlächtig" — Actions bleiben crisp. */
.aisq6--h .aq-hero{background:var(--paper); padding-top:64px;}
.aisq6--h .aq-hero::before{display:none;}
.aisq6--h .aq-hero::after{background:none;}
.aisq6--h .aq-hero__inner{display:block; max-width:940px;}
.aisq6--h .aq-eyebrow{color:var(--silver);}
.aisq6--h .aq h1.aq-product{
  font-family:var(--font-serif); font-weight:400; text-transform:none; background:none;
  color:var(--ink); padding:0; font-size:clamp(3rem,7vw,5.6rem); line-height:.96; letter-spacing:-.022em; margin:0 0 20px;
}
.aisq6--h .aq-product__dot{color:var(--blue);}
.aisq6--h .aq p.aq-claim{color:var(--ink); font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.34; max-width:34ch;}
.aisq6--h .aq p.aq-claim em{color:var(--blue); font-style:italic;}
.aisq6--h .aq-sub{color:var(--graphite); max-width:58ch;}
.aisq6--h .aq-hero__meta{color:var(--silver);}
.aisq6--h .aq-hero .aq-btn--primary{background:var(--ink); border-color:var(--ink); color:#fff;}
/* Maximaler Atem, Display-H2, alles Hairline/borderless */
.aisq6--h .aq-block{padding:104px 0;}
.aisq6--h .aq-h2{font-size:clamp(2.4rem,4.2vw,3.6rem); letter-spacing:-.022em; line-height:1.02;}
.aisq6--h .aq-split{gap:32px 96px;}
.aisq6--h .aq-out-col,.aisq6--h .aq-preis-box,.aisq6--h .aq-st-rail-list,.aisq6--h .aq-out-quote{box-shadow:none;}
.aisq6--h .aq-out-col,.aisq6--h .aq-preis-box,.aisq6--h .aq-st-rail-list{border-color:rgba(26,26,26,.14);}
.aisq6--h .aq-risk-card{border-color:rgba(26,26,26,.12);}
.aisq6--h .aq-weg{border-color:rgba(26,26,26,.14);}
.aisq6--h .aq-out-quote{background:none; color:var(--ink); border-left:2px solid var(--blue); padding-left:24px;}
@media (max-width:600px){
  .aisq6--h .aq-block{padding:52px 0;}
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  J · B-Gerüst, geschärft + Schriftgrößen-Harmonisierung       ║
   ║                                                               ║
   ║  = Variante B (Sektions-Rhythmus, mitlaufende Label-Spalte)   ║
   ║    OHNE §-Nummerierung                                        ║
   ║  + „Timing / Warum gerade jetzt?" als dunkles Band (aus D)    ║
   ║  + „Du willst Klarheit."-Marke (aus der Basis, unverändert)   ║
   ║  + EINE durchgängige Typo-Skala (Tokens unten)                ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ── Typo-Skala (eine Quelle der Wahrheit) ─────────────────────── */
.aisq6--j{
  --fz-eyebrow: .70rem;    /* 11px · Mono-Caption                  */
  --fz-micro:   .80rem;    /* 13px · Micro-Actions                 */
  --fz-body-s:  .9375rem;  /* 15px · Karten-/Listentext            */
  --fz-body:    1.0625rem; /* 17px · Fließtext + Karten-Köpfe       */
  --fz-lead:    1.1875rem; /* 19px · Lead / Intro                  */
  --fz-h3:      1.375rem;  /* 22px · editorialer Subhead           */
  --fz-h2:      clamp(1.9rem, 3.2vw, 2.8rem);   /* 30–45 Sektions-H2 */
  --fz-title:   clamp(1.9rem, 3.3vw, 2.85rem);  /* 30–46 Hero-Anker / Preis */
  --fz-display: clamp(2.3rem, 4.3vw, 3.5rem);   /* 37–56 Hero-Claim */
}

/* ── B-Gerüst: Trennlinien + mitlaufende Label-Spalte (ohne §) ── */
.aisq6--j .aq-block{position:relative; border-top:1px solid rgba(26,26,26,.1);}
.aisq6--j .aq-split{gap:32px 72px;}
.aisq6--j .aq-split__label{position:sticky; top:104px; align-self:start;}
@media (max-width:980px){
  .aisq6--j .aq-split__label{position:static;}
}

/* ── 1 · Micro / Eyebrows (11px) ───────────────────────────────── */
.aisq6--j .aq-eyebrow,
.aisq6--j .aq-block-eyebrow,
.aisq6--j .aq-facts dt,
.aisq6--j .aq-preis-note,
.aisq6--j .aq-hero__meta,
.aisq6--j .aq-weg__num{font-size:var(--fz-eyebrow);}

/* ── 2 · Micro-Actions (13px) ──────────────────────────────────── */
.aisq6--j .aq-weg .aq-btn,
.aisq6--j .aq-cbtn{font-size:var(--fz-micro);}
/* Aufklapper-Summaries auf eine Stufe (war .90/.92/.95) */
.aisq6--j .aq-details summary,
.aisq6--j .aq-outcomes .aq-details summary,
.aisq6--j .aq-faq .aq-details--faq summary{font-size:var(--fz-body-s);}

/* ── 3 · Karten-/Listentext (15px) ─────────────────────────────── */
.aisq6--j .aq-out-list li,
.aisq6--j .aq-risk-card p,
.aisq6--j .aq-weg p{font-size:var(--fz-body-s);}

/* ── 4 · Fließtext (17px) ──────────────────────────────────────── */
.aisq6--j .aq-split__body p,
.aisq6--j .aq-preis-text,
.aisq6--j .aq-st-rail blockquote{font-size:var(--fz-body); line-height:1.62;}

/* Karten-Köpfe als kompakte Header (17px / 600) — nicht mehr 15px */
.aisq6--j .aq-out-col > .aq-h3,
.aisq6--j .aq-risk-card h3,
.aisq6--j .aq-weg h3{font-size:var(--fz-body); font-weight:600;}

/* ── 5 · Intros = Fließtext-Größe, betont über FARBE statt Größe ──
   Sektions-Opener („Nach zwei Terminen…", „Du arbeitest in einem
   Bereich…", Wege-Intro) lagen auf 19px, der Fließtext daneben auf
   17px — ein sichtbarer 2px-Sprung ohne lesbare Hierarchie. Jetzt
   alle Opener = 17px, Lead-Präsenz nur noch über Ink-Farbe.
   Die 19px-Stufe bleibt Hero-Sub + Zitat-Panel (eigener Kontext). */
.aisq6--j .aq-lead,
.aisq6--j .aq-wege-frame{font-size:var(--fz-body); line-height:1.6; color:var(--ink);}
.aisq6--j .aq-sub{font-size:var(--fz-lead); line-height:1.58;}

/* ── 6 · editorialer Subhead + Outcome-Zitat (22px) ────────────── */
.aisq6--j .aq-wen-col .aq-h3{font-size:var(--fz-h3);}
.aisq6--j .aq-out-quote{font-size:var(--fz-lead);}

/* ── 7 · Sektions-H2 (30–45px) ─────────────────────────────────── */
.aisq6--j .aq-h2{font-size:var(--fz-h2); line-height:1.05; letter-spacing:-.018em;}

/* ── 8 · Hero: Claim führt, Titel = Anker, Preis gleiche Stufe ─── */
.aisq6--j .aq h1.aq-product{font-size:var(--fz-title);}
.aisq6--j .aq p.aq-claim{font-size:var(--fz-display); line-height:1.06;}
.aisq6--j .aq-preis-amount{font-size:var(--fz-title);}

/* ── 9 · „Timing / Warum gerade jetzt?" als dunkles Band (aus D) ─ */
.aisq6--j .aq-jetzt{background:var(--ink); color:var(--paper); border-top:0; border-bottom:0;}
.aisq6--j .aq-jetzt .aq-h2{color:var(--paper);}
.aisq6--j .aq-jetzt .aq-block-eyebrow{color:var(--yellow);}
.aisq6--j .aq-jetzt .aq-split__body p{color:rgba(251,250,249,.78);}
.aisq6--j .aq-jetzt .aq-em{color:#fff;}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  K + I · Angleich an thesen.html                             ║
   ║                                                               ║
   ║  Gleiche Schriftfamilien (Flecha/Söhne/Breit/Mono) — abge-    ║
   ║  glichen werden Größen & Leserhythmus, NICHT die Funktion.    ║
   ║  K = vorsichtig (Seiten-Stilistik bleibt)                     ║
   ║  I = mehr Angleich, aber kontextgeprüft (kein Manifest-Hero,  ║
   ║      Karten bleiben scanbar, Breit-Titel bleibt Marken-Anker) ║
   ║                                                               ║
   ║  Beide teilen dasselbe Mapping; nur die Token-Werte für       ║
   ║  Lesetext, Durchschuss und Pull-Statement unterscheiden sich. ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ── Tokens ─────────────────────────────────────────────────────── */
.aisq6--k, .aisq6--i{
  --fz-eyebrow: .6875rem;  /* 11px · wie thesen-Tags                */
  --fz-micro:   .8125rem;  /* 13px                                  */
  --fz-body-s:  .9375rem;  /* 15px · Karten/Listen (bleiben eng)    */
  --fz-lead:    1.0625rem; /* 17px · Section-Lead (thesen v6-glead) */
  --fz-herolead:1.125rem;  /* 18px · Hero-Sub (thesen v6-herolead)  */
  --fz-h3:      1.375rem;  /* 22px · editorialer Subhead            */
  --fz-h2:      clamp(1.9rem, 3.2vw, 2.8rem);   /* ~30–45 wie v6-ph */
  --fz-title:   clamp(1.9rem, 3.3vw, 2.85rem);  /* Breit-Anker      */
  --fz-display: clamp(2.3rem, 4.3vw, 3.5rem);   /* Hero-Claim (AISQ-Maß, NICHT thesen-Riese) */
}
/* K · vorsichtig: Lesetext bleibt 17px, nur Durchschuss luftiger */
.aisq6--k{ --fz-body:1.0625rem; --lh-body:1.68; --fz-statement:1.1875rem; }
/* I · näher an thesen: 16px / LH 1.75, Pull-Statement auf thesen-Maß */
.aisq6--i{ --fz-body:1rem;      --lh-body:1.75; --fz-statement:1.375rem; }

/* ── Mapping (für K und I identisch) ───────────────────────────── */
/* 1 · Micro / Eyebrows (11px) */
.aisq6--k .aq-eyebrow,.aisq6--i .aq-eyebrow,
.aisq6--k .aq-block-eyebrow,.aisq6--i .aq-block-eyebrow,
.aisq6--k .aq-facts dt,.aisq6--i .aq-facts dt,
.aisq6--k .aq-preis-note,.aisq6--i .aq-preis-note,
.aisq6--k .aq-hero__meta,.aisq6--i .aq-hero__meta,
.aisq6--k .aq-weg__num,.aisq6--i .aq-weg__num{font-size:var(--fz-eyebrow);}

/* 2 · Micro-Actions (13px) + Aufklapper-Summaries (15px) */
.aisq6--k .aq-weg .aq-btn,.aisq6--i .aq-weg .aq-btn,
.aisq6--k .aq-cbtn,.aisq6--i .aq-cbtn{font-size:var(--fz-micro);}
.aisq6--k .aq-details summary,.aisq6--i .aq-details summary,
.aisq6--k .aq-outcomes .aq-details summary,.aisq6--i .aq-outcomes .aq-details summary,
.aisq6--k .aq-faq .aq-details--faq summary,.aisq6--i .aq-faq .aq-details--faq summary{font-size:var(--fz-body-s);}

/* 3 · Karten-/Listentext (15px, bewusst eng = scanbar) */
.aisq6--k .aq-out-list li,.aisq6--i .aq-out-list li,
.aisq6--k .aq-risk-card p,.aisq6--i .aq-risk-card p,
.aisq6--k .aq-weg p,.aisq6--i .aq-weg p{font-size:var(--fz-body-s);}

/* 4 · Lesetext — hier sitzt der thesen-Angleich (Größe + Durchschuss) */
.aisq6--k .aq-split__body p,.aisq6--i .aq-split__body p,
.aisq6--k .aq-details__body p,.aisq6--i .aq-details__body p,
.aisq6--k .aq-preis-text,.aisq6--i .aq-preis-text{font-size:var(--fz-body); line-height:var(--lh-body);}
.aisq6--k .aq-st-rail blockquote,.aisq6--i .aq-st-rail blockquote{font-size:var(--fz-body);}

/* Karten-Köpfe (17px / 600 — als Header lesbar) */
.aisq6--k .aq-out-col > .aq-h3,.aisq6--i .aq-out-col > .aq-h3,
.aisq6--k .aq-risk-card h3,.aisq6--i .aq-risk-card h3,
.aisq6--k .aq-weg h3,.aisq6--i .aq-weg h3{font-size:1.0625rem; font-weight:600;}

/* 5 · Leads — Opener = Lesetext-Größe, Betonung über Ink (unsere J-Lösung) */
.aisq6--k .aq-lead,.aisq6--i .aq-lead,
.aisq6--k .aq-wege-frame,.aisq6--i .aq-wege-frame{font-size:var(--fz-lead); line-height:1.6; color:var(--ink);}
.aisq6--k .aq-sub,.aisq6--i .aq-sub{font-size:var(--fz-herolead); line-height:1.55;}

/* 6 · editorialer Subhead (22px) + Pull-Statement (K 19 / I 22 Flecha) */
.aisq6--k .aq-wen-col .aq-h3,.aisq6--i .aq-wen-col .aq-h3{font-size:var(--fz-h3);}
.aisq6--k .aq-out-quote,.aisq6--i .aq-out-quote{font-size:var(--fz-statement);}

/* 7 · Sektions-H2 (Flecha, ~30–45px) */
.aisq6--k .aq-h2,.aisq6--i .aq-h2{font-size:var(--fz-h2); line-height:1.05; letter-spacing:-.018em;}

/* 8 · Hero: Claim führt, Titel = Breit-Anker, Preis gleiche Stufe */
.aisq6--k .aq h1.aq-product,.aisq6--i .aq h1.aq-product{font-size:var(--fz-title);}
.aisq6--k .aq p.aq-claim,.aisq6--i .aq p.aq-claim{font-size:var(--fz-display); line-height:1.07;}
.aisq6--k .aq-preis-amount,.aisq6--i .aq-preis-amount{font-size:var(--fz-title);}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  M · = J + Box-Textgrößen an den Fließtext angeglichen        ║
   ║  (Body trägt zusätzlich .aisq6--j → erbt alles aus J)         ║
   ║                                                               ║
   ║  Problem: die Tafel-/Listen-Texte liefen auf geerbten 18px,   ║
   ║  der Timing-Fließtext („Die ersten 12–24 Monate…") auf 17px   ║
   ║  (--fz-body). M zieht beide Boxen auf dieselbe --fz-body-Stufe.║
   ╚══════════════════════════════════════════════════════════════╝ */
.aisq6--m .aq-out-col > p{font-size:var(--fz-body); line-height:1.6;}
.aisq6--m .aq-wen-col li{font-size:var(--fz-body); line-height:1.55;}

/* Hero-Claim eine Spur kleiner + gelbe Markierung höher (deckt mehr ab) */
.aisq6--m .aq p.aq-claim{font-size:clamp(2.05rem, 3.7vw, 3.05rem);}
.aisq6--m .aq-hl{background:linear-gradient(to top, var(--yellow) 0 75%, transparent 75%);}

/* Outcome-Zitat größer (klare Pull-Statement-Stimme) */
.aisq6--m .aq-out-quote{font-size:clamp(1.4rem, 2.1vw, 1.65rem); line-height:1.4;}

/* Nächste Termine — Prototyp; konkretisiert das ZEITRAUM-Schema
   (2 Sessions in ≤5 Tagen, Mo/Fr od. Di/Do, vor-/nachmittags).
   Statische Info → eckig; hebt sich dezent ab (wie der Preis).
   Pro Termin: Status-Punkt, Buchen-Pill, Mini-Akkordeon mit Kalender. */
.aisq6--m .aq-termine{
  list-style:none; margin:0; padding:0;
  border-left:3px solid var(--blue); background:rgba(0,0,254,.045);
}
.aisq6--m .aq-termin{padding:10px 14px; border-bottom:1px solid rgba(26,26,26,.1);}
.aisq6--m .aq-termin:last-child{border-bottom:0;}
.aisq6--m .aq-termin__row{display:flex; align-items:center; justify-content:space-between; gap:8px 14px; flex-wrap:wrap;}
.aisq6--m .aq-termin__sub{display:flex; align-items:center; gap:8px 14px; flex-wrap:wrap; margin-top:5px;}
.aisq6--m .aq-termin__date{
  font-family:var(--font-wide); font-weight:700; font-size:1.02rem;
  color:var(--blue); letter-spacing:-.01em; line-height:1.1; white-space:nowrap;
}
.aisq6--m .aq-termin__meta{
  font-family:var(--font-mono); font-size:.72rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--graphite);
}
/* Status — statisch → eckig, nur farbiger Punkt (frei = grün, knapp = amber) */
.aisq6--m .aq-termin__status{
  margin-left:auto; display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--graphite);
}
.aisq6--m .aq-termin__status::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--status,var(--graphite));}
.aisq6--m .aq-termin__status--free{--status:#1F9D57;}
.aisq6--m .aq-termin__status--low{--status:#C98A00;}
/* Buchen — interaktiv → rund */
.aisq6--m .aq-termin__book{
  font-family:var(--font-sans); font-weight:600; font-size:.8rem; white-space:nowrap;
  color:var(--blue); text-decoration:none;
  border:1.5px solid var(--blue); border-radius:999px; padding:4px 12px;
  transition:background .12s var(--ease), color .12s var(--ease);
}
.aisq6--m .aq-termin__book:hover{background:var(--blue); color:#fff;}
/* Mini-Akkordeon — Kalenderansicht der zwei Sessions */
.aisq6--m .aq-termin__acc{margin-top:8px;}
/* Trigger als kleine, gerundete Pille (interaktiv → rounded) */
.aisq6--m .aq-termin__acc > summary{
  list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; margin:0;
  background:var(--paper-pure); color:var(--graphite);
  border:1.5px solid rgba(26,26,26,.25); border-radius:999px; padding:4px 13px;
  font-family:var(--font-mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .12s var(--ease), color .12s var(--ease);
}
.aisq6--m .aq-termin__acc > summary::-webkit-details-marker{display:none;}
.aisq6--m .aq-termin__acc > summary:hover{border-color:var(--ink); color:var(--ink);}
.aisq6--m .aq-termin__acc > summary::after{content:"+"; font-size:.95rem; line-height:1;}
.aisq6--m .aq-termin__acc[open] > summary{border-color:var(--blue); color:var(--blue);}
.aisq6--m .aq-termin__acc[open] > summary::after{content:"–";}
.aisq6--m .aq-termin__cal{display:flex; gap:10px; flex-wrap:wrap; margin-top:8px;}
.aisq6--m .aq-cal-day{
  flex:1 1 0; min-width:118px;
  border:1px solid rgba(26,26,26,.18); background:var(--paper-pure);
  padding:9px 12px 10px; display:flex; flex-direction:column; gap:1px;
}
.aisq6--m .aq-cal-day__tag{font-family:var(--font-mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); margin-bottom:5px;}
.aisq6--m .aq-cal-day__wd{font-family:var(--font-mono); font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--graphite);}
.aisq6--m .aq-cal-day__num{font-family:var(--font-wide); font-weight:700; font-size:1.6rem; line-height:1; color:var(--ink);}
.aisq6--m .aq-cal-day__mon{font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--graphite);}
.aisq6--m .aq-cal-day__time{margin-top:7px; font-family:var(--font-sans); font-weight:600; font-size:.9rem; color:var(--blue);}