/* ════════════════════════════════════════════════════════════════
   AI STATUS QUO · V5 — Finalisierung auf Basis 4b
   Lädt nach aisq4.css. Body trägt zusätzlich .aisq4--b (Ergebnisse=Tafeln,
   Passung=Editorial) + .aisq5 + .aisq5--a…d (Selection-Bar-Varianten).

   Änderungen ggü. 4b:
     · Hero-Überblendung ~8% heller
     · Weitermachen-Boxen → 4a-Look (gerundet, Hauptweg blau)
     · Box 2: drei Kontakt-Buttons (E-Mail / Telefon / WhatsApp hervorgehoben)
     · Neue Produkt-Selection-Bar unter dem Site-Header (4 Vorschläge)
   ════════════════════════════════════════════════════════════════ */

/* ── 1 · Hero-Überblendung ~8% heller ─────────────────────────── */
.aisq5 .aq-hero{background:#2e2e2e;}
.aisq5 .aq-hero::after{
  background:linear-gradient(90deg, rgba(33,33,33,.55) 0 30%, rgba(33,33,33,0) 58%);
}
@media (max-width:980px){
  .aisq5 .aq-hero::after{background:linear-gradient(180deg, rgba(33,33,33,.65) 0 40%, rgba(33,33,33,0) 70%);}
}

/* ── 2 · Weitermachen → 4a-Treatment (überschreibt 4b) ────────── */
.aisq5 .aq-weg{border:1.5px solid rgba(26,26,26,.2); border-radius:18px; box-shadow:none;}
.aisq5 .aq-weg .aq-btn{border-radius:999px;}
.aisq5 .aq-weg__num{font-family:var(--font-mono); font-weight:400; font-size:.7rem; color:var(--blue); -webkit-text-stroke:0;}
.aisq5 .aq-weg--main{background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:6px 6px 0 -1px var(--blue-wash);}
.aisq5 .aq-weg--main h3,.aisq5 .aq-weg--main p{color:#fff;}
.aisq5 .aq-weg--main p{opacity:.85;}
.aisq5 .aq-weg--main .aq-btn{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq5 .aq-weg--main .aq-weg__num{color:var(--yellow);}

/* ── 2b · Ergebnis-Zitat als blaues Panel (4a-Look) — ECKIG ──────
   Ground Rule: rounded corners NUR bei Interaktionsfeldern, nicht bei
   statischer Info. Dieses Zitat ist statisch → border-radius:0. */
.aisq5 .aq-out-quote{
  margin-top:34px; padding:24px 28px; border-radius:0;
  background:var(--blue); color:#fff; box-shadow:6px 6px 0 -1px var(--blue-wash);
  font-size:1.18rem; text-align:left;
}

/* ── 2c · „Was du mitnimmst" — integrierte Aspekt-Tafeln ─────────
   Pro Spalte EINE eckige Tafel; Aspekte als verbundene Zeilen mit
   Hairline-Divider, Icon links. Statische Info → ECKIG (Ground Rule). */
.aisq5 .aq-out-grid{grid-template-columns:1fr 1fr; gap:22px; margin-top:26px; align-items:stretch;}
.aisq5 .aq-out-col{
  border:1.5px solid var(--ink); border-radius:0; background:var(--paper-pure);
  box-shadow:5px 5px 0 -1px var(--blue-wash); overflow:hidden; display:flex; flex-direction:column;
}
.aisq5 .aq-out-col > .aq-h3{
  margin:0; padding:11px 20px; font-size:.92rem; background:var(--bone); border-bottom:1.5px solid var(--ink);
}
.aisq5 .aq-out-col > .aq-h3 .aq-h3-note{color:var(--graphite);}
/* V7: schlanke Zwei-Gruppen — Illustration + Absatz statt Liste */
.aisq5 .aq-out-illu{display:flex; justify-content:center; align-items:center; padding:22px 22px 4px; color:var(--blue);}
.aisq5 .aq-out-illu svg{width:100%; max-width:200px; height:auto;}
.aisq5 .aq-out-col > p{margin:0; padding:10px 22px 22px; color:var(--graphite); line-height:1.55;}
.aisq5 .aq-out-list{margin:0; padding:0; display:block;}
.aisq5 .aq-out-list li{
  display:flex; gap:12px; align-items:flex-start; padding:11px 20px; line-height:1.4; font-size:.94rem;
  border-bottom:1px solid rgba(26,26,26,.1); transition:background .14s var(--ease);
}
.aisq5 .aq-out-list li:hover{background:var(--bone);}
.aisq5 .aq-out-list li::before{display:none;}
.aisq5 .aq-out-list li strong{color:var(--ink);}
.aisq5 .aq-ico{display:block; color:var(--blue); margin-top:1px;}
.aisq5 .aq-ico svg{width:21px; height:21px;}
.aisq5 .aq-outcomes .aq-details{margin:0; border:0; padding:0 20px; background:var(--paper-pure);}
.aisq5 .aq-outcomes .aq-details summary{padding:11px 24px 11px 0; font-size:.9rem;}
.aisq5 .aq-outcomes .aq-details__body{padding-bottom:14px;}

/* ── 3 · Box 2 · Kontakt-Buttons ──────────────────────────────── */
.aisq5 .aq-weg__contacts{display:flex; flex-wrap:wrap; gap:8px; margin-top:auto;}
.aisq5 .aq-cbtn{
  display:inline-flex; align-items:center; gap:6px; font-family:var(--font-sans);
  font-weight:600; font-size:.82rem; padding:8px 14px; border-radius:999px;
  border:1.5px solid rgba(26,26,26,.55); color:var(--ink); text-decoration:none;
  transition:transform .12s var(--ease), background .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease);
}
.aisq5 .aq-cbtn:hover{background:var(--ink); color:#fff; border-color:var(--ink); transform:translateY(-1px);}
.aisq5 .aq-cbtn--wa{background:#25D366; border-color:#25D366; color:#0a2e17;}
.aisq5 .aq-cbtn--wa:hover{background:#1fb457; border-color:#1fb457; color:#fff;}

/* ════════════════════════════════════════════════════════════════
   4 · PRODUKT-SELECTION-BAR (unter dem Site-Header)
   ════════════════════════════════════════════════════════════════ */
.aisq5 .aq-prodbar{background:var(--paper-pure); border-bottom:1px solid rgba(26,26,26,.12); position:relative; z-index:30;}
.aisq5 .aq-prodbar__inner{max-width:1180px; margin:0 auto; padding:9px 28px; display:flex; align-items:center; gap:18px;}
.aisq5 .aq-prodbar__all{margin-left:auto; font-family:var(--font-mono); font-size:.68rem; letter-spacing:.06em; color:var(--blue); text-decoration:none; white-space:nowrap;}
.aisq5 .aq-prodbar__all:hover{text-decoration:underline;}

/* Dropdown-Grundform (Varianten a + c) */
.aisq5 .aq-pd{position:relative;}
.aisq5 .aq-pd__trigger{
  list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:10px;
  padding:7px 14px; border:1.5px solid rgba(26,26,26,.22); border-radius:999px;
  user-select:none; font-weight:600; font-size:.92rem; color:var(--ink);
  /* globales summary-Design (blauer Balken, uppercase) aus style.css neutralisieren */
  background:var(--paper-pure); text-transform:none; letter-spacing:0; margin:0;
}
.aisq5 .aq-pd__trigger:hover{background:var(--paper-pure);}
.aisq5 .aq-pd__trigger::-webkit-details-marker{display:none;}
.aisq5 .aq-pd__trigger:hover{border-color:var(--ink);}
.aisq5 .aq-pd__eyebrow{font-family:var(--font-mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--silver); font-weight:400;}
.aisq5 .aq-pd__chev{transition:transform .2s var(--ease); color:var(--blue);}
.aisq5 .aq-pd[open] .aq-pd__chev{transform:rotate(180deg);}
.aisq5 .aq-pd__menu{
  position:absolute; top:calc(100% + 8px); left:0; min-width:280px;
  background:var(--paper-pure); border:1.5px solid var(--ink); border-radius:16px;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.35); padding:14px; z-index:40;
}
.aisq5 .aq-pd__seg{font-family:var(--font-mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--blue); margin:0 0 8px;}
.aisq5 .aq-pd__group + .aq-pd__group{margin-top:12px; padding-top:12px; border-top:1px solid rgba(26,26,26,.1);}
.aisq5 .aq-pd__menu a{display:block; padding:7px 10px; border-radius:9px; text-decoration:none; color:var(--ink); font-size:.92rem; line-height:1.3;}
.aisq5 .aq-pd__menu a:hover{background:var(--bone);}
.aisq5 .aq-pd__menu a[aria-current]{background:var(--blue); color:#fff;}

/* ── a · klassisches gruppiertes Dropdown ── */
.aisq5--a .aq-pd__current{font-weight:600;}

/* ── b · segmentierte Pill-Leiste (kein Dropdown) ── */
.aisq5 .aq-prodbar--b .aq-prodbar__inner{gap:0; overflow-x:auto; scrollbar-width:none;}
.aisq5 .aq-prodbar--b .aq-prodbar__inner::-webkit-scrollbar{display:none;}
.aisq5 .aq-seg{display:flex; align-items:center; gap:12px; flex:0 0 auto;}
.aisq5 .aq-seg__label{font-family:var(--font-mono); font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; color:var(--silver); white-space:nowrap;}
.aisq5 .aq-seg__items{display:flex; gap:4px;}
.aisq5 .aq-seg__items a{white-space:nowrap; font-size:.85rem; padding:6px 12px; border-radius:999px; text-decoration:none; color:var(--ink);}
.aisq5 .aq-seg__items a:hover{background:var(--bone);}
.aisq5 .aq-seg__items a.is-current{background:var(--ink); color:#fff;}
.aisq5 .aq-seg__div{flex:0 0 auto; width:1px; align-self:stretch; background:rgba(26,26,26,.14); margin:6px 22px;}

/* ── c · Mega-Dropdown (zwei Spalten, mit Kurztext) ── */
.aisq5 .aq-prodbar--c .aq-prodbar__hint{font-size:.86rem; color:var(--graphite);}
.aisq5 .aq-prodbar--c .aq-prodbar__hint strong{color:var(--ink);}
.aisq5 .aq-pd--mega{margin-left:auto;}
.aisq5 .aq-pd__menu--mega{right:0; left:auto; min-width:540px; display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.aisq5 .aq-pd__menu--mega a strong{display:block; font-size:.92rem;}
.aisq5 .aq-pd__menu--mega a span{display:block; font-size:.76rem; color:var(--graphite); margin-top:1px;}
.aisq5 .aq-pd__menu--mega a[aria-current] span{color:rgba(255,255,255,.82);}

/* ── d · natives Select + Segment-Anzeige ── */
.aisq5 .aq-prodbar--d .aq-prodbar__seg{font-family:var(--font-mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--blue);}
.aisq5 .aq-pdsel{margin-left:auto; display:inline-flex; align-items:center; gap:10px;}
.aisq5 .aq-pdsel__label{font-family:var(--font-mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--silver);}
.aisq5 .aq-pdsel__select{
  font-family:var(--font-sans); font-weight:600; font-size:.92rem; padding:8px 36px 8px 14px;
  border:1.5px solid rgba(26,26,26,.25); border-radius:999px; background:var(--paper-pure); color:var(--ink);
  cursor:pointer; -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%230000FE' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}
.aisq5 .aq-pdsel__select:hover{border-color:var(--ink);}

@media (max-width:720px){
  .aisq5 .aq-prodbar__inner{padding-left:20px; padding-right:20px; gap:12px;}
  .aisq5 .aq-prodbar__all{display:none;}
  .aisq5 .aq-pd__eyebrow{display:none;}
  .aisq5 .aq-pd__menu--mega{min-width:min(92vw,540px); grid-template-columns:1fr;}
  .aisq5 .aq-prodbar--c .aq-prodbar__hint{display:none;}
  .aisq5 .aq-prodbar--d .aq-pdsel__label{display:none;}
}

/* ════════════════════════════════════════════════════════════════
   4a · PREIS & ANGEBOT — „Teilnehmen" (eckiges Panel, statisch)
   ════════════════════════════════════════════════════════════════ */
.aisq5 .aq-preis-box{
  max-width:680px; border:1.5px solid var(--ink); box-shadow:6px 6px 0 -1px var(--blue-wash);
  background:var(--paper-pure); padding:30px 34px; margin-top:8px;
  display:flex; flex-direction:column; align-items:flex-start; gap:16px;
}
.aisq5 .aq-preis-figure{display:flex; align-items:baseline; gap:12px;}
.aisq5 .aq-preis-amount{font-family:var(--font-wide); font-weight:700; font-size:clamp(2.3rem,5vw,3.2rem); line-height:1; color:var(--ink);}
.aisq5 .aq-preis-note{font-family:var(--font-mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:var(--silver);}
.aisq5 .aq-preis-text{margin:0; max-width:62ch; color:var(--graphite); line-height:1.55;}

/* ════════════════════════════════════════════════════════════════
   4b · SOCIAL PROOF — Kundenstimmen (Variante D: Stapel mit Rail)
   Eine eckige Tafel, Zeilen mit blauem Rail (Reaction-Box-DNA).
   Kompakt gehalten. Statische Info → ECKIG (Ground Rule).
   ════════════════════════════════════════════════════════════════ */
.aisq5 .aq-stimmen{background:var(--bone);}
.aisq5 .aq-st-rail-list{
  margin-top:24px; border:1.5px solid var(--ink); box-shadow:5px 5px 0 -1px var(--blue-wash);
  background:var(--paper-pure);
}
.aisq5 .aq-st-rail{display:flex; align-items:center; margin:0; border-bottom:1px solid rgba(26,26,26,.12);}
.aisq5 .aq-st-rail:last-child{border-bottom:0;}
.aisq5 .aq-st-rail__bar{align-self:stretch; flex:0 0 7px; background:var(--blue);}
.aisq5 .aq-st-rail .aq-st-q{flex:0 0 auto; padding:0 0 0 20px; font-family:var(--font-serif); font-size:1.6rem; line-height:1; color:var(--blue);}
.aisq5 .aq-st-rail blockquote{margin:0; padding:14px 24px; font-family:var(--font-serif); font-style:italic; font-size:1.02rem; line-height:1.35; color:var(--ink);}

/* ════════════════════════════════════════════════════════════════
   5 · RESONANZ als mitlaufende Side-Box (Desktop)
   Interaktives Element → rounded ist erlaubt (Ground Rule).
   ════════════════════════════════════════════════════════════════ */
.aisq5 .aq-resobox{
  position:fixed; right:24px; top:120px; width:312px; z-index:60;
  transition:transform .55s var(--ease), opacity .4s var(--ease);
}
.aisq5 .aq-resobox__inner{
  position:relative; display:flex; background:var(--paper-pure);
  border:1.5px solid var(--ink); border-radius:16px; overflow:hidden;
  box-shadow:8px 8px 0 -2px var(--blue-wash);
}
.aisq5 .aq-resobox__rail{
  flex:0 0 32px; background:var(--blue); color:#fff;
  display:flex; align-items:center; justify-content:center;
  writing-mode:vertical-rl; transform:rotate(180deg);
  font-family:var(--font-mono); font-size:.58rem; letter-spacing:.22em; text-transform:uppercase;
}
.aisq5 .aq-resobox__body{flex:1; min-width:0; padding:18px 18px 16px;}
.aisq5 .aq-resobox__body .aq-h2{font-size:1.34rem; margin:0 0 12px; padding-right:18px;}
.aisq5 .aq-resobox__body .aq-h2::after{content:" — tipp an, was zutrifft."; font-family:var(--font-sans); font-size:.5em; color:var(--silver); font-style:italic;}
.aisq5 .aq-resobox .aq-res-list{margin:0; gap:8px; max-width:none;}
.aisq5 .aq-resobox .aq-res-item{padding:9px 12px; font-size:.8rem; gap:9px; line-height:1.4;}
.aisq5 .aq-resobox .aq-check{flex:0 0 20px; width:20px; height:16px; margin-top:1px;}
.aisq5 .aq-resobox .aq-res-coda{margin:12px 0 0; font-size:.7rem; max-width:none;}
.aisq5 .aq-resobox__close{
  position:absolute; top:4px; right:8px; z-index:2; border:0; background:transparent;
  font-size:1.25rem; line-height:1; color:var(--silver); cursor:pointer; padding:4px;
}
.aisq5 .aq-resobox__close:hover{color:var(--ink);}

/* Smiley-Reaktion bei „für dich gemacht" (3+ Treffer) — groß & mittig */
.aisq5 .aq-reso-smiley{
  display:block; text-align:center; height:0; margin:0; overflow:visible;
  transform:scale(0); transform-origin:center;
  transition:transform .25s var(--ease), height .25s var(--ease), margin .25s var(--ease);
}
.aisq5 .aq-reso-smiley svg{width:60px; height:60px;}
.aisq5 .aq-resobox.is-fit .aq-reso-smiley{height:60px; margin:14px 0 6px; transform:scale(1); animation:aqSmiley .55s var(--ease);}
@keyframes aqSmiley{0%{transform:scale(0) rotate(-25deg)}55%{transform:scale(1.25) rotate(10deg)}78%{transform:scale(.95) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}

/* Recall-Icon (Desktop): holt geschlossene Box zurück */
.aisq5 .aq-reso-recall{
  position:fixed; right:0; top:42%; z-index:60;
  display:inline-flex; align-items:center; gap:8px;
  background:var(--blue); color:#fff; border:0; cursor:pointer;
  border-radius:14px 0 0 14px; padding:11px 14px 11px 16px;
  box-shadow:-5px 5px 16px -6px rgba(0,0,0,.4);
  font-family:var(--font-mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase;
  transition:background .15s var(--ease), padding-right .15s var(--ease);
}
.aisq5 .aq-reso-recall:hover{background:var(--ink); padding-right:18px;}
.aisq5 .aq-reso-recall svg{flex:0 0 auto;}
.aisq5 .aq-reso-recall[hidden]{display:none;}

/* Slide-States (von JS gesetzt, nur Desktop) */
.aisq5 .aq-resobox.is-away{transform:translateX(calc(100% + 44px));}
.aisq5 .aq-resobox.is-peek{animation:aqResoPeek .85s var(--ease);}
.aisq5 .aq-resobox.is-dismissed{transform:translateX(calc(100% + 60px)); opacity:0; pointer-events:none;}
@keyframes aqResoPeek{
  0%{transform:translateX(calc(100% + 44px));}
  55%{transform:translateX(-10px) rotate(-1.6deg);}
  74%{transform:translateX(5px) rotate(1deg);}
  88%{transform:translateX(-2px) rotate(-.4deg);}
  100%{transform:translateX(0) rotate(0);}
}

/* Scrim hinter dem Sheet (nur mobil sichtbar) */
.aisq5 .aq-reso-scrim{display:none;}

/* Mobile + iPad (≤1024px): Box als Bottom-Sheet, NUR on-request */
@media (max-width:1024px){
  .aisq5 .aq-resobox{
    position:fixed; inset:auto 0 0 0; width:auto; max-height:84vh; overflow-y:auto;
    z-index:90; transform:translateY(102%); transition:transform .42s var(--ease);
    -webkit-overflow-scrolling:touch;
  }
  .aisq5 .aq-resobox.is-away{transform:translateY(102%);}
  .aisq5 .aq-resobox.is-open{transform:translateY(0);}
  .aisq5 .aq-resobox.is-peek{animation:none;}
  .aisq5 .aq-resobox__inner{border-radius:18px 18px 0 0; border-bottom:0; box-shadow:0 -14px 36px -10px rgba(0,0,0,.32);}
  .aisq5 .aq-resobox__rail{display:none;}
  .aisq5 .aq-resobox__body{padding:36px 20px 24px;}
  .aisq5 .aq-resobox__body .aq-h2{font-size:1.3rem;}
  .aisq5 .aq-resobox .aq-res-item{font-size:.95rem; padding:13px 16px;}
  .aisq5 .aq-resobox__close{display:block; top:9px; right:14px; font-size:1.7rem;}

  .aisq5 .aq-reso-scrim:not([hidden]){display:block; position:fixed; inset:0; z-index:89; background:rgba(13,13,13,.42);}

  /* Trigger: permanent nur das Icon, weiter oben Richtung Header.
     Fährt alle paar Sekunden kurz raus (Label ~1,5 s sichtbar), dann wieder weg. */
  .aisq5 .aq-reso-recall{
    top:16%; flex-direction:row-reverse; gap:0; padding:13px 12px;
    border-radius:12px 0 0 12px; overflow:hidden;
  }
  .aisq5 .aq-reso-recall span{max-width:0; opacity:0; margin-right:0; overflow:hidden; white-space:nowrap;}
  .aisq5 .aq-reso-recall:not([hidden]) span{animation:aqResoPoke 13s ease-in-out 3.5s infinite;}
}
@keyframes aqResoPoke{
  0%,83%{max-width:0; opacity:0; margin-right:0;}
  88%,98%{max-width:92px; opacity:1; margin-right:8px;}
  100%{max-width:0; opacity:0; margin-right:0;}
}
@media (prefers-reduced-motion: reduce){
  .aisq5 .aq-resobox.is-peek{animation:none;}
  .aisq5 .aq-reso-recall{animation:none !important;}
}

/* ════════════════════════════════════════════════════════════════
   6 · BLOCK-RHYTHMUS & FAQ-Feinschliff
   Abstände gestrafft + logische Gruppierung über Hintergrund-Bänder.
   ════════════════════════════════════════════════════════════════ */
/* Grundabstand der Blöcke straffen (war 72px) */
.aisq5 .aq-block{padding:54px 0;}

/* Fix: globales summary{margin-top:spacing-md} schlägt in Aufklapper durch
   → erzeugt 32px Leerraum über dem Text (wirkt „zweizeilig"). Zurücksetzen. */
.aisq5 .aq-details summary{margin-top:0;}

/* „Vertrauen"-Band: Stimmen + Warum wir lesen als eine Einheit (bone) */
.aisq5 .aq-wir{background:var(--bone);}
.aisq5 .aq-stimmen + .aq-wir{padding-top:30px;}      /* „Warum wir" enger an die Stimmen */
.aisq5 .aq-stimmen{padding-bottom:30px;}

/* Entscheidungs-Cluster: Preis enger an die Stimmen-/Klartext-Logik */
.aisq5 .aq-preis + .aq-risiko{padding-top:46px;}

/* FAQ — kompakte, gerundete Karten (4a-Stil, niedriger) */
.aisq5 .aq-faq .aq-details--faq{
  border:1.5px solid rgba(26,26,26,.16); border-radius:11px; margin:0 0 5px;
  padding:0 16px; background:var(--paper-pure);
  transition:border-color .14s var(--ease), background .14s var(--ease);
}
.aisq5 .aq-faq .aq-details--faq:hover{border-color:rgba(26,26,26,.34);}
.aisq5 .aq-faq .aq-details--faq[open]{border-color:var(--blue);}
.aisq5 .aq-faq .aq-details--faq summary{padding:5px 26px 5px 0; font-size:.92rem; line-height:1.25;}
.aisq5 .aq-faq .aq-details--faq summary::after{font-size:.95rem;}
.aisq5 .aq-faq .aq-details--faq .aq-details__body{padding:0 0 11px;}
.aisq5 .aq-faq .aq-details--faq .aq-details__body p{margin:0;}

/* ── Mobile-Kompression: kontextadäquat straffen ── */
@media (max-width:600px){
  .aisq5 .aq-block{padding:34px 0;}
  /* Abstand Selection-Box → „AI CREATIVE FACILITATION" verkleinern (−60%) */
  .aisq5 .aq-hero{padding-top:42px;}
  /* Fakten: Label + Wert nebeneinander statt gestapelt (halbiert die Höhe) */
  .aisq5 .aq-facts > div{grid-template-columns:104px 1fr; gap:10px; padding:7px 0;}
  /* Klartext: 2×2 statt 4 gestapelt */
  .aisq5 .aq-risk-grid{grid-template-columns:1fr 1fr; gap:10px;}
  .aisq5 .aq-risk-card{padding:14px 14px;}
  .aisq5 .aq-risk-card h3{font-size:.92rem;}
  .aisq5 .aq-risk-card p{font-size:.84rem;}
  /* Ergebnis-Illustrationen mobil kleiner halten */
  .aisq5 .aq-out-illu{padding:16px 18px 2px;}
  .aisq5 .aq-out-illu svg{max-width:150px;}
  /* Preis-Panel etwas kompakter */
  .aisq5 .aq-preis-box{padding:24px 22px;}
  /* Vier Wege + Für wen straffen */
  .aisq5 .aq-weg{padding:18px 18px;}
  .aisq5 .aq-wege-grid{gap:12px; margin-top:22px;}
  .aisq5 .aq-wege-frame{margin-bottom:18px; font-size:1.02rem;}
  .aisq5 .aq-wen-intro{margin-bottom:20px;}
  .aisq5 .aq-wen-grid{gap:16px;}
  .aisq5 .aq-wen-col{padding:18px 18px;}
  .aisq5 .aq-lead{font-size:1.04rem;}
  .aisq5 .aq-split{gap:6px 0;}
}

/* ════════════════════════════════════════════════════════════════
   7 · MOBIL-AUFKLAPPER (.aq-mobacc): Desktop immer offen,
   Mobile (≤600px) = echtes <details>. Spart Länge ohne Inhalt zu verlieren.
   ════════════════════════════════════════════════════════════════ */
.aisq5 .aq-mobacc > summary{
  /* globales summary-Design (blauer Balken/uppercase) aus style.css neutralisieren */
  list-style:none; background:transparent; color:inherit; text-transform:none;
  letter-spacing:0; padding:0; margin:0; display:block;
}
.aisq5 .aq-mobacc > summary::-webkit-details-marker{display:none;}
@media (min-width:601px){
  /* Desktop: bleibt offen (open im Markup) — Summary = normale Überschrift */
  .aisq5 .aq-mobacc > summary{cursor:default; pointer-events:none;}
  .aisq5 .aq-wen-col--no.aq-mobacc > summary{margin-bottom:14px;}
}
@media (max-width:600px){
  .aisq5 .aq-mobacc > summary{cursor:pointer; position:relative; padding-right:30px; -webkit-tap-highlight-color:transparent;}
  .aisq5 .aq-mobacc > summary::after{
    content:"+"; position:absolute; right:0; top:50%; transform:translateY(-50%);
    font-family:var(--font-mono); color:var(--blue); font-size:1.3rem; line-height:1;
  }
  .aisq5 .aq-mobacc[open] > summary::after{content:"–";}
  .aisq5 .aq-wen-col--no.aq-mobacc > ul{margin-top:12px;}
  .aisq5 .aq-risiko-acc > .aq-risk-grid{margin-top:14px;}
}

/* FAQ als Ganzes mobil einklappbar (.aq-faq-acc nutzt .aq-mobacc) */
@media (min-width:601px){
  .aisq5 .aq-faq-acc > .aq-faq-sum{display:none;}   /* Desktop: H2 steht in der Label-Spalte */
}
@media (max-width:600px){
  .aisq5 .aq-faq .aq-split__label .aq-h2{display:none;}  /* Mobile: Überschrift = die Summary */
  .aisq5 .aq-faq-acc > .aq-faq-sum{margin-bottom:0;}
  .aisq5 .aq-faq-acc[open] > .aq-faq-sum{margin-bottom:14px;}
}