/* ════════════════════════════════════════════════════════════════
   AI STATUS QUO · V2-Entwürfe (A–E)
   Ein Inhaltsgerüst (V5-Conversion-Raster) · fünf Design-Treatments.
   Scope: body.aisq + Varianten-Klasse .aisq--a … .aisq--e
   Marker-SVGs: filterlos (Pfadform), keine feTurbulence/filter+transform.
   ════════════════════════════════════════════════════════════════ */

/* Fonts, die style.css nicht deklariert */
@font-face{
  font-family:'Söhne Mono';
  src:url('../fonts/soehne-mono-web-buch.woff2') format('woff2'),
      url('../fonts/soehne-mono-web-buch.woff') format('woff');
  font-weight:400; font-display:swap;
}
@font-face{
  font-family:'Flecha M';
  src:url('../fonts/FlechaM-MediumItalic.woff2') format('woff2'),
      url('../fonts/FlechaM-MediumItalic.woff') format('woff');
  font-weight:500; font-style:italic; font-display:swap;
}

.aisq{
  --blue:#0000FE; --ink:#1A1A1A; --paper:#FBFAF9; --paper-pure:#FFFFFF;
  --bone:#EDEAE7; --graphite:#46484B; --silver:#9799A0;
  --yellow:#EFF746; --blue-wash:#ACC1FF;
  --font-serif:'Flecha M', Georgia, serif;
  --font-sans:'Söhne', -apple-system, sans-serif;
  --font-wide:'Söhne Breit','Söhne',sans-serif;
  --font-mono:'Söhne Mono', ui-monospace, monospace;
  --font-script:'La Belle Aurore', cursive;
  --ease:cubic-bezier(.22,.61,.36,1);
  background:var(--paper);
}

/* ── Grundgerüst (alle Varianten) ─────────────────────────────── */
.aq{color:var(--ink); font-family:var(--font-sans);}
.aq-wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
.aq-block{padding:72px 0;}
.aq-h2{font-size:clamp(1.6rem,2.6vw,2.2rem); line-height:1.12; margin:0 0 22px; font-weight:600; letter-spacing:-.01em;}
.aq-h3{font-size:1.05rem; font-weight:600; margin:0 0 14px;}
.aq-h3-note{font-weight:400; color:var(--silver); font-size:.85em;}
.aq-block-eyebrow{
  font-family:var(--font-mono); font-size:.66rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--silver); margin:0 0 12px;
}
.aq p{line-height:1.6;}
.aq-lead{font-size:1.12rem; line-height:1.55; max-width:64ch;}
.aq-em{font-weight:600;}
.aq-split{display:grid; grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:28px 64px; align-items:start;}
.aq-split__body p{margin:0 0 1em; max-width:62ch;}
.aq-split__body p:last-of-type{margin-bottom:0;}
.aq-textlink{color:var(--blue); text-decoration:none; font-weight:600; border-bottom:2px solid var(--yellow);}
.aq-textlink:hover{background:var(--yellow);}
.aq-arrow{font-weight:400;}

/* Buttons */
.aq-btn{
  display:inline-block; font-family:var(--font-sans); font-weight:600; font-size:.95rem;
  padding:13px 26px; border:1.5px solid var(--ink); color:var(--ink); text-decoration:none;
  transition:transform .12s var(--ease), background .12s var(--ease), color .12s var(--ease), box-shadow .12s var(--ease);
}
.aq-btn:hover{background:var(--ink); color:var(--paper-pure); transform:translateY(-1px);}
.aq-btn--primary{background:var(--blue); border-color:var(--blue); color:#fff;}
.aq-btn--primary:hover{background:var(--ink); border-color:var(--ink);}

/* Hero-Skelett */
.aq-hero{padding:64px 0 72px;}
.aq-hero__inner{max-width:1180px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:32px 56px; align-items:center;}
.aq-eyebrow{font-family:var(--font-mono); font-size:.68rem; letter-spacing:.22em; text-transform:uppercase; color:var(--silver); margin:0 0 18px;}
.aq-claim{font-family:var(--font-serif); font-weight:400; font-size:clamp(2.4rem,4.6vw,3.9rem); line-height:1.07; letter-spacing:-.02em; margin:0 0 10px;}
.aq-claim em{font-style:italic;}
.aq-hl{background:transparent;}
.aq-underline{display:none; width:min(420px,82%); height:16px; margin:2px 0 6px;}
.aq-sub{font-size:1.08rem; line-height:1.6; color:var(--graphite); max-width:54ch; margin:18px 0 26px;}
.aq-hero__cta{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.aq-hero__meta{font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; color:var(--silver);}
.aq-hero__visual{margin:0; position:relative;}
.aq-hero__visual img{width:100%; height:auto; display:block;}
.aq-hero__note{display:none; font-family:var(--font-script); font-size:1.35rem; color:var(--blue);}

/* Resonanz */
.aq-res-list{list-style:none; margin:26px 0 0; padding:0; display:grid; gap:14px; max-width:780px;}
.aq-res-item{display:flex; gap:14px; align-items:flex-start; line-height:1.5;}
.aq-check{flex:0 0 30px; width:30px; height:24px; margin-top:2px;}
.aq-check path{stroke:var(--blue);}
.aq-res-coda{margin:26px 0 0; font-weight:600; max-width:780px;}

/* Outcomes */
.aq-out-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px 56px; margin-top:34px;}
.aq-out-list{list-style:none; margin:0 0 18px; padding:0; display:grid; gap:12px;}
.aq-out-list li{line-height:1.5; padding-left:18px; position:relative;}
.aq-out-list li::before{content:""; position:absolute; left:0; top:.55em; width:7px; height:7px; background:var(--blue); border-radius:50%;}
.aq-out-quote{margin:40px 0 0; font-family:var(--font-serif); font-style:italic; font-size:1.25rem; color:var(--graphite);}

/* Aufklapper */
.aq-details{border-top:1px solid rgba(26,26,26,.18); border-bottom:1px solid rgba(26,26,26,.18); margin-top:6px;}
.aq-details + .aq-details{border-top:0;}
.aq-details summary{
  cursor:pointer; list-style:none; padding:13px 30px 13px 0; position:relative;
  font-weight:600; font-size:.95rem;
  /* globales summary-Design (blauer Balken) aus style.css neutralisieren */
  background:transparent; color:inherit; text-transform:none; letter-spacing:0;
}
.aq-details summary:hover{background:transparent; color:var(--blue);}
.aq-details summary::-webkit-details-marker{display:none;}
.aq-details summary::after{
  content:"+"; position:absolute; right:4px; top:50%; transform:translateY(-50%);
  font-family:var(--font-mono); font-size:1.05rem; color:var(--blue); transition:transform .2s var(--ease);
}
.aq-details[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.aq-details__body{padding:2px 0 18px;}
.aq-details__body p{margin:0 0 .9em; max-width:62ch; color:var(--graphite);}

/* Fakten (dl) */
.aq-facts{margin:0 0 22px; display:grid; gap:0;}
.aq-facts > div{display:grid; grid-template-columns:170px 1fr; gap:18px; padding:9px 0; border-bottom:1px solid rgba(26,26,26,.12);}
.aq-facts dt{font-family:var(--font-mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--silver); padding-top:3px;}
.aq-facts dd{margin:0; line-height:1.45;}
.aq-price{position:relative; display:inline-block; font-weight:600; padding:0 4px;}
.aq-mk-circle{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:170%; height:230%; pointer-events:none;}
.aq-mk-circle path{stroke:var(--blue);}

/* Für wen */
.aq-wen-intro{margin-bottom:34px;}
.aq-wen-grid{display:grid; grid-template-columns:1fr 1fr; gap:32px 56px;}
.aq-wen-col ul{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.aq-wen-col li{line-height:1.5; padding-left:24px; position:relative;}
.aq-wen-col--yes li::before{content:"→"; position:absolute; left:0; color:var(--blue); font-weight:600;}
.aq-wen-col--no li::before{content:"✕"; position:absolute; left:0; color:var(--silver); font-weight:600;}

/* Risiko-Umkehr */
.aq-risk-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px;}
.aq-risk-card{background:var(--paper-pure); border:1px solid rgba(26,26,26,.16); padding:22px 20px;}
.aq-risk-card h3{font-size:1rem; margin:0 0 8px;}
.aq-risk-card p{margin:0; color:var(--graphite); font-size:.94rem;}

/* Vier Wege */
.aq-wege-frame{max-width:62ch; font-size:1.12rem; line-height:1.55; margin:0 0 26px;}
.aq-wege-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px; align-items:stretch;}
.aq-weg{background:var(--paper-pure); border:1px solid rgba(26,26,26,.16); padding:26px 22px 24px; display:flex; flex-direction:column; gap:10px;}
.aq-weg h3{font-size:1.05rem; margin:0;}
.aq-weg p{margin:0; color:var(--graphite); font-size:.94rem; flex:1;}
.aq-weg .aq-btn{align-self:flex-start; font-size:.85rem; padding:11px 18px;}
.aq-weg__num{font-family:var(--font-mono); font-size:.7rem; color:var(--silver);}
.aq-weg--main{border:2px solid var(--blue);}
.aq-weg--main .aq-weg__num{color:var(--blue);}

/* Entwurfs-Leiste */
.aq-draftbar{
  position:fixed; right:16px; bottom:16px; z-index:80; display:flex; align-items:center; gap:2px;
  background:var(--ink); border-radius:999px; padding:7px 10px 7px 14px;
  box-shadow:0 8px 24px -8px rgba(0,0,0,.4);
}
.aq-draftbar__label{font-family:var(--font-mono); font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:#9799A0; margin-right:8px;}
.aq-draftbar a{
  font-family:var(--font-mono); font-size:.72rem; color:#fff; text-decoration:none;
  width:26px; height:26px; border-radius:50%; display:grid; place-items:center;
}
.aq-draftbar a:hover{background:rgba(255,255,255,.18);}
.aq-draftbar a.is-current{background:var(--yellow); color:var(--ink);}

/* Scroll-Reveal */
.aq-will-reveal{opacity:0; transform:translateY(18px);}
.aq-revealed{opacity:1; transform:none; transition:opacity .55s var(--ease), transform .55s var(--ease);}

@keyframes aqDraw{to{stroke-dashoffset:0;}}
@keyframes aqPulse{0%,100%{opacity:1;}50%{opacity:.35;}}

/* ════════════ A · „Vertraut Plus" — CD-Evolution ════════════ */
.aisq--a .aq-hero{background:var(--ink); padding:84px 0 88px;}
.aisq--a .aq-hero__text{color:var(--paper);}
.aisq--a .aq-eyebrow{font-family:var(--font-script); font-size:1.25rem; letter-spacing:.02em; text-transform:none; color:var(--yellow);}
.aisq--a .aq-claim{color:#fff;}
.aisq--a .aq-claim em{color:var(--blue-wash);}
.aisq--a .aq-sub{color:rgba(251,250,249,.78);}
.aisq--a .aq-hero__meta{color:rgba(251,250,249,.55);}
.aisq--a .aq-btn--primary{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq--a .aq-btn--primary:hover{background:#fff; border-color:#fff;}
.aisq--a .aq-hero__visual img{border-radius:6px; box-shadow:0 24px 60px -24px rgba(0,0,0,.55);}
.aisq--a .aq-block-eyebrow{color:var(--blue);}
.aisq--a .aq-resonanz,.aisq--a .aq-jetzt,.aisq--a .aq-risiko{background:var(--bone);}
.aisq--a .aq-risk-card{border:0;}
.aisq--a .aq-wege{background:var(--ink); color:var(--paper);}
.aisq--a .aq-wege .aq-h2{color:#fff;}
.aisq--a .aq-wege-frame{color:rgba(251,250,249,.8);}
.aisq--a .aq-weg{background:transparent; border-color:rgba(251,250,249,.25); color:var(--paper);}
.aisq--a .aq-weg p{color:rgba(251,250,249,.7);}
.aisq--a .aq-weg h3{color:#fff;}
.aisq--a .aq-weg .aq-btn{border-color:rgba(251,250,249,.6); color:#fff;}
.aisq--a .aq-weg .aq-btn:hover{background:#fff; color:var(--ink);}
.aisq--a .aq-weg--main{border-color:var(--yellow); border-width:2px;}
.aisq--a .aq-weg--main .aq-btn{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq--a .aq-weg--main .aq-weg__num{color:var(--yellow);}

/* ════════════ B · „Editorial" — Thesen-DNA, hell ════════════ */
.aisq--b .aq-hero{background:var(--paper); padding:76px 0 80px;}
.aisq--b .aq-claim{font-size:clamp(2.6rem,5vw,4.3rem);}
.aisq--b .aq-claim em{color:var(--blue);}
.aisq--b .aq-hl{background:linear-gradient(to top, var(--yellow) 0 56%, transparent 56%);}
.aisq--b .aq-underline{display:block;}
.aisq--b .aq-underline path{stroke-dasharray:100; stroke-dashoffset:100; animation:aqDraw 1.1s var(--ease) .35s forwards;}
.aisq--b .aq-hero__visual img{mix-blend-mode:multiply;}
.aisq--b .aq-hero__note{display:block; position:absolute; right:6%; bottom:-14px; transform:rotate(-4deg);}
.aisq--b .aq-h2{font-family:var(--font-serif); font-weight:400; font-size:clamp(1.8rem,2.8vw,2.5rem); letter-spacing:-.015em;}
.aisq--b .aq-btn{border-radius:0;}
.aisq--b .aq-out-quote{color:var(--blue);}
.aisq--b .aq-jetzt{background:var(--paper-pure); border-top:1px solid rgba(26,26,26,.12); border-bottom:1px solid rgba(26,26,26,.12);}
.aisq--b .aq-mk-circle{display:block;}
.aisq--b .aq-mk-circle path{stroke-dasharray:100; stroke-dashoffset:100;}
.aisq--b .aq-revealed .aq-mk-circle path,
.aisq--b .aq-format:not(.aq-will-reveal) .aq-mk-circle path{animation:aqDraw .9s var(--ease) .2s forwards;}
.aisq--b .aq-risk-card{box-shadow:5px 5px 0 -1px var(--blue-wash); border-color:var(--ink);}
.aisq--b .aq-weg{border-color:var(--ink); box-shadow:5px 5px 0 -1px var(--blue-wash);}
.aisq--b .aq-weg--main{background:var(--yellow); border:1.5px solid var(--ink); box-shadow:5px 5px 0 -1px var(--ink);}
.aisq--b .aq-weg--main p{color:var(--ink);}
.aisq--b .aq-weg--main .aq-btn{background:var(--blue); border-color:var(--blue); color:#fff;}

/* ════════════ C · „Manifest" — Poster, wuchtig ════════════ */
.aisq--c .aq-hero{padding:76px 0 0; background:var(--paper);}
.aisq--c .aq-hero__inner{display:block;}
.aisq--c .aq-eyebrow{color:var(--ink); display:inline-block; border:1px solid var(--ink); padding:6px 12px; border-radius:999px;}
.aisq--c .aq-claim{
  font-family:var(--font-wide); font-weight:700; text-transform:uppercase;
  font-size:clamp(2.3rem,6.4vw,5.6rem); line-height:.98; letter-spacing:-.015em; max-width:none;
}
.aisq--c .aq-claim em{font-style:normal; color:var(--blue); display:inline;}
.aisq--c .aq-sub{font-size:1.18rem; max-width:62ch; margin-top:26px;}
.aisq--c .aq-hero__cta{margin-bottom:48px;}
.aisq--c .aq-hero__visual{margin:0 -28px;}
.aisq--c .aq-hero__visual img{max-height:62vh; object-fit:cover; object-position:center 30%;}
.aisq--c .aq-h2{
  font-family:var(--font-wide); font-weight:700; text-transform:uppercase; letter-spacing:0;
  font-size:clamp(1.3rem,2.2vw,1.8rem);
}
.aisq--c .aq-block-eyebrow{color:var(--paper); background:var(--blue); display:inline-block; padding:5px 10px;}
.aisq--c .aq-resonanz{background:var(--ink); color:var(--paper);}
.aisq--c .aq-resonanz .aq-h2{color:#fff;}
.aisq--c .aq-resonanz .aq-res-coda{color:var(--yellow);}
.aisq--c .aq-resonanz .aq-check path{stroke:var(--yellow);}
.aisq--c .aq-price{background:var(--yellow); border:1.5px solid var(--ink); padding:3px 10px; display:inline-block; transform:rotate(-2deg); font-family:var(--font-wide); font-weight:700;}
.aisq--c .aq-btn{border-width:2px; border-radius:0; text-transform:uppercase; font-family:var(--font-wide); font-size:.8rem; letter-spacing:.02em;}
.aisq--c .aq-btn--primary{background:var(--blue); border-color:var(--blue);}
.aisq--c .aq-weg{border:2px solid var(--ink);}
.aisq--c .aq-weg__num{font-family:var(--font-wide); font-weight:700; font-size:1.6rem; color:var(--bone); -webkit-text-stroke:1px var(--ink); line-height:1;}
.aisq--c .aq-weg--main{background:var(--yellow); box-shadow:6px 6px 0 -1px var(--ink);}
.aisq--c .aq-weg--main p{color:var(--ink);}
.aisq--c .aq-weg h3{font-family:var(--font-wide); font-weight:700; text-transform:uppercase; font-size:.95rem;}
.aisq--c .aq-risk-card{border:2px solid var(--ink); background:var(--paper);}

/* ════════════ D · „Print" — Zeitung / Bogen ════════════ */
.aisq--d .aq{background:var(--paper);}
.aisq--d .aq-hero{padding:70px 0 64px; border-bottom:2px solid var(--ink);}
.aisq--d .aq-claim{font-size:clamp(2.4rem,4.4vw,3.7rem);}
.aisq--d .aq-claim em{color:var(--blue);}
.aisq--d .aq-underline{display:block;}
.aisq--d .aq-underline path{stroke:var(--blue); stroke-width:4;}
.aisq--d .aq-eyebrow{color:var(--ink); border-bottom:2px solid var(--ink); display:inline-block; padding-bottom:6px;}
.aisq--d .aq-hero__visual img{
  background:#fff; padding:14px 14px 40px; border:1px solid rgba(26,26,26,.2);
  box-shadow:7px 7px 0 -1px var(--ink); transform:rotate(-1.6deg);
}
.aisq--d .aq-hero__note{display:block; position:absolute; left:10%; bottom:-6px; transform:rotate(-3deg);}
.aisq--d .aq-block{padding:56px 0; position:relative; border-top:1px solid rgba(26,26,26,.35);}
.aisq--d .aq-block::before{
  content:"§ " attr(data-no); position:absolute; top:14px; right:28px;
  font-family:var(--font-mono); font-size:.62rem; letter-spacing:.2em; color:var(--silver);
}
.aisq--d .aq-h2{font-family:var(--font-serif); font-weight:400; font-size:clamp(1.7rem,2.6vw,2.3rem);}
.aisq--d .aq-block-eyebrow{color:var(--ink);}
.aisq--d .aq-idee .aq-split__body{column-count:2; column-gap:48px; max-width:none;}
.aisq--d .aq-idee .aq-split__body p{max-width:none; break-inside:avoid;}
.aisq--d .aq-btn{border-radius:0;}
.aisq--d .aq-btn--primary{background:var(--ink); border-color:var(--ink);}
.aisq--d .aq-check path{stroke:var(--ink);}
.aisq--d .aq-res-coda{font-family:var(--font-script); font-size:1.4rem; font-weight:400; color:var(--blue);}
.aisq--d .aq-details summary{font-family:var(--font-mono); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; font-weight:400;}
.aisq--d .aq-risk-card{background:transparent; border:0; border-left:2px solid var(--ink); padding:4px 0 4px 20px;}
.aisq--d .aq-weg{background:transparent; border:1px solid var(--ink);}
.aisq--d .aq-weg--main{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.aisq--d .aq-weg--main h3{color:#fff;}
.aisq--d .aq-weg--main p{color:rgba(251,250,249,.75);}
.aisq--d .aq-weg--main .aq-btn{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq--d .aq-weg--main .aq-weg__num{color:var(--yellow);}
.aisq--d .aq-mk-circle{display:block;}
.aisq--d .aq-mk-circle path{stroke:var(--blue);}

/* ════════════ E · „Dialog" — Reaction-Box-DNA ════════════ */
.aisq--e .aq-hero{background:var(--paper); padding:72px 0 76px;}
.aisq--e .aq-hero__text{position:relative; padding-left:30px;}
.aisq--e .aq-hero__text::before{
  content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px;
  background:linear-gradient(var(--blue) 0 38%, rgba(26,26,26,.15) 38%);
}
.aisq--e .aq-eyebrow{color:var(--blue);}
.aisq--e .aq-eyebrow::before{
  content:""; display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--blue); margin-right:10px; vertical-align:1px;
  animation:aqPulse 2.2s ease-in-out infinite;
}
.aisq--e .aq-claim em{color:var(--blue);}
.aisq--e .aq-hero__visual img{border-radius:18px;}
.aisq--e .aq-hero__visual{border-radius:18px; box-shadow:8px 8px 0 -2px var(--blue-wash); border:1.5px solid var(--ink); overflow:hidden;}
.aisq--e .aq-btn{border-radius:999px;}
.aisq--e .aq-btn--primary{box-shadow:4px 4px 0 -1px var(--blue-wash);}
.aisq--e .aq-h2{font-family:var(--font-serif); font-weight:400; font-size:clamp(1.8rem,2.8vw,2.4rem);}
.aisq--e .aq-block-eyebrow{color:var(--blue);}
/* Resonanz als antippbare Pills */
.aisq--e .aq-res-list{max-width:820px;}
.aisq--e .aq-res-item{
  border:1.5px solid rgba(26,26,26,.25); border-radius:16px; padding:16px 20px;
  cursor:pointer; user-select:none; background:var(--paper-pure);
  transition:transform .12s var(--ease), border-color .12s var(--ease), background .2s var(--ease), color .2s var(--ease);
}
.aisq--e .aq-res-item:hover{transform:translateY(-2px); border-color:var(--ink);}
.aisq--e .aq-res-item .aq-check path{stroke:rgba(26,26,26,.25); transition:stroke .2s var(--ease);}
.aisq--e .aq-res-item.is-checked{background:var(--blue); border-color:var(--blue); color:#fff;}
.aisq--e .aq-res-item.is-checked .aq-check path{stroke:var(--yellow);}
.aisq--e .aq-resonanz .aq-h2::after{content:" — tipp an, was zutrifft."; font-family:var(--font-sans); font-size:.55em; color:var(--silver); font-style:italic;}
.aisq--e .aq-res-coda{font-family:var(--font-mono); font-size:.82rem; letter-spacing:.04em; color:var(--blue);}
.aisq--e .aq-jetzt{background:var(--paper-pure); border-top:1px solid rgba(26,26,26,.1); border-bottom:1px solid rgba(26,26,26,.1);}
.aisq--e .aq-risk-card{border-radius:16px;}
.aisq--e .aq-weg{border-radius:18px; border-color:rgba(26,26,26,.25);}
.aisq--e .aq-weg .aq-btn{border-radius:999px;}
.aisq--e .aq-weg--main{background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:6px 6px 0 -1px var(--blue-wash);}
.aisq--e .aq-weg--main h3{color:#fff;}
.aisq--e .aq-weg--main p{color:rgba(255,255,255,.82);}
.aisq--e .aq-weg--main .aq-btn{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq--e .aq-weg--main .aq-weg__num{color:var(--yellow);}
.aisq--e .aq-weg__num{color:var(--blue);}
.aisq--e .aq-mk-circle{display:block;}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width:980px){
  .aq-hero__inner{grid-template-columns:1fr; gap:36px;}
  .aq-split{grid-template-columns:1fr; gap:10px 0;}
  .aq-out-grid,.aq-wen-grid{grid-template-columns:1fr;}
  .aq-risk-grid,.aq-wege-grid{grid-template-columns:1fr 1fr;}
  .aisq--d .aq-idee .aq-split__body{column-count:1;}
}
@media (max-width:600px){
  .aq-block{padding:52px 0;}
  .aq-risk-grid,.aq-wege-grid{grid-template-columns:1fr;}
  .aq-facts > div{grid-template-columns:1fr; gap:2px;}
  .aq-hero{padding:44px 0 52px;}
  .aisq--c .aq-hero__visual img{max-height:44vh;}
  .aq-draftbar{right:10px; bottom:10px;}
}

/* ── Reduced Motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .aisq *{transition:none !important; animation:none !important;}
  .aisq--b .aq-underline path,
  .aisq--b .aq-mk-circle path{stroke-dashoffset:0 !important;}
  .aq-will-reveal{opacity:1 !important; transform:none !important;}
}

/* ════════════ V3 · Produkttitel als prominentes Hero-Element ════════════ */
.aq h1.aq-product{
  font-family:var(--font-wide); font-weight:700; text-transform:uppercase;
  font-size:clamp(2rem,3.6vw,3.1rem); line-height:1; letter-spacing:-.01em;
  margin:0 0 20px; color:var(--ink);
}
.aq-product__dot{color:var(--blue);}
/* Claim ist jetzt <p> — Basisregel .aq p (line-height 1.6) übersteuern */
.aq p.aq-claim{line-height:1.07; color:inherit;}
/* Claim eine Stufe zurücknehmen, damit der Produkttitel führt */
.aq p.aq-claim{font-size:clamp(2rem,3.8vw,3.2rem);}

/* A · Vertraut Plus — weiß, gelber Punkt */
.aisq--a .aq h1.aq-product{color:#fff;}
.aisq--a .aq-product__dot{color:var(--yellow);}

/* B · Editorial — gelber Halb-Highlight hinter dem Titel */
.aisq--b .aq h1.aq-product{
  display:inline-block; padding:0 6px 0 2px;
  background:linear-gradient(to top, var(--yellow) 0 44%, transparent 44%);
}
.aisq--b .aq p.aq-claim{font-size:clamp(2.1rem,4vw,3.4rem);}

/* C · Manifest — blaues Band (eigene Zeile unter dem Eyebrow-Chip) */
.aisq--c .aq h1.aq-product{
  display:table; background:var(--blue); color:#fff; padding:12px 18px 10px;
  font-size:clamp(2.2rem,4.4vw,3.8rem); margin-top:18px;
}
.aisq--c .aq-product__dot{color:var(--yellow);}
.aisq--c .aq p.aq-claim{font-size:clamp(2rem,5vw,4.4rem);}

/* D · Print — Zeitungskopf zwischen Linien */
.aisq--d .aq h1.aq-product{
  display:inline-block; padding:12px 0 10px;
  border-top:3px solid var(--ink); border-bottom:1px solid var(--ink);
}
.aisq--d .aq-product__dot{color:var(--blue);}

/* E · Dialog — gelbe Plakette (Anknüpfung Typ-Box) */
.aisq--e .aq h1.aq-product{
  display:inline-block; background:var(--yellow); border:1.5px solid var(--ink);
  border-radius:14px; padding:12px 18px 10px; transform:rotate(-1deg);
  box-shadow:5px 5px 0 -1px var(--blue-wash);
  font-size:clamp(1.7rem,3vw,2.5rem);
}
.aisq--e .aq-product__dot{color:var(--blue);}

@media (max-width:600px){
  .aq h1.aq-product{font-size:clamp(1.7rem,8vw,2.2rem);}
}

/* ════════════ V3 · Merges aus Live-Header × Entwurf B ════════════
   F Dunkles Editorial  — Keyvisual als Vollflächen-Hintergrund (wie live),
                          darüber die B-Typo (Highlight-Titel, Serif-Claim)
   G Split-Bühne        — links helles B-Editorial, rechts dunkle Bild-Bühne
   H Cover + Textkarte  — Keyvisual als Vollbild, B-Typo auf weißer Karte  */

/* ── F · Dunkles Editorial ── */
.aisq--f .aq-hero{position:relative; background:var(--ink); padding:104px 0 112px; overflow:hidden;}
.aisq--f .aq-hero::before{
  content:""; position:absolute; inset:0;
  background:url('../images/headers/ai-status-quo-header.jpg') 88% 38%/cover no-repeat;
  opacity:.34;
}
/* Produkttitel auf dunklem Grund: voller gelber Marker-Balken statt Halb-Highlight */
.aisq--f .aq h1.aq-product{
  display:inline-block; background:var(--yellow); color:var(--ink); padding:8px 14px 6px;
}
.aisq--f .aq-hero::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(13,13,13,.92) 0%, rgba(13,13,13,.62) 52%, rgba(13,13,13,.22) 100%);
}
.aisq--f .aq-hero__inner{position:relative; z-index:1; display:block;}
.aisq--f .aq-hero__visual{display:none;}
.aisq--f .aq-eyebrow{color:rgba(251,250,249,.6);}
.aisq--f .aq p.aq-claim{color:#fff;}
.aisq--f .aq p.aq-claim em{color:var(--blue-wash);}
.aisq--f .aq-hl{background:linear-gradient(to top, var(--yellow) 0 56%, transparent 56%); color:var(--ink); padding:0 3px;}
.aisq--f .aq-sub{color:rgba(251,250,249,.78); max-width:50ch;}
.aisq--f .aq-hero__meta{color:rgba(251,250,249,.55);}
.aisq--f .aq-btn--primary{background:var(--yellow); border-color:var(--yellow); color:var(--ink);}
.aisq--f .aq-btn--primary:hover{background:#fff; border-color:#fff;}

/* ── G · Split-Bühne ── */
.aisq--g .aq-hero{padding:0; background:linear-gradient(90deg, var(--paper) 0 56%, var(--ink) 56% 100%);}
.aisq--g .aq-hero__inner{padding-top:88px; padding-bottom:92px; align-items:center; gap:32px 72px;}
.aisq--g .aq-hero__visual img{mix-blend-mode:normal; border-radius:4px; box-shadow:0 34px 70px -28px rgba(0,0,0,.65);}
.aisq--g .aq-hero__note{color:var(--yellow); right:4%; bottom:-36px;}

/* ── H · Cover + Textkarte ── */
.aisq--h .aq-hero{padding:0 0 64px; background:var(--paper);}
.aisq--h .aq-hero__inner{display:block; max-width:none; padding:0; position:relative;}
.aisq--h .aq-hero__visual{margin:0;}
.aisq--h .aq-hero__visual img{width:100%; max-height:76vh; object-fit:cover; object-position:center 24%; mix-blend-mode:normal;}
.aisq--h .aq-hero__text{
  position:absolute; left:max(28px,4.5vw); top:50%; transform:translateY(-50%); z-index:1;
  width:min(560px, 86vw); background:var(--paper-pure);
  border:1.5px solid var(--ink); box-shadow:8px 8px 0 -1px var(--blue-wash);
  padding:38px 36px 34px;
}
.aisq--h .aq-hero__note{right:3%; bottom:14px;}
.aisq--h .aq p.aq-claim{font-size:clamp(1.9rem,3vw,2.7rem);}
.aisq--h .aq h1.aq-product{font-size:clamp(1.8rem,2.6vw,2.4rem);}
.aisq--h .aq-sub{font-size:1rem;}

@media (max-width:980px){
  .aisq--g .aq-hero{background:var(--paper);}
  .aisq--g .aq-hero__visual{background:var(--ink); padding:26px; margin:0 -28px;}
  .aisq--h .aq-hero{padding-bottom:0;}
  .aisq--h .aq-hero__text{position:static; transform:none; width:auto; margin:-56px 20px 0; }
  .aisq--h .aq-hero__inner{display:flex; flex-direction:column;}
  .aisq--h .aq-hero__visual{order:-1;}
  .aisq--h .aq-hero__visual img{max-height:46vh;}
}

/* ════════════ V3 · F-Fade-Varianten (i/j/k) ════════════
   Basis F (dunkles Editorial). Bildebene 30% nach rechts gerückt,
   Schwarz fadet von der Textseite zum Bild hin aus — drei Stärkegrade.
   I sanfter Fade · J klare Bühne (fast ungetrübt) · K Vignette        */

.aisq--i .aq-hero__text, .aisq--j .aq-hero__text, .aisq--k .aq-hero__text{max-width:600px; position:relative; z-index:2;}

/* I · Sanfter Fade — Bild halbtransparent, weicher Übergang */
.aisq--i .aq-hero::before{
  inset:0 0 0 30%; background-position:62% 40%; opacity:.62;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 38%);
          mask-image:linear-gradient(90deg, transparent 0, #000 38%);
}
.aisq--i .aq-hero::after{background:linear-gradient(90deg, rgba(13,13,13,.6) 0 30%, rgba(13,13,13,0) 58%);}

/* J · Klare Bühne — Bild fast ungetrübt; Schutz-Verlauf nur über der Textzone */
.aisq--j .aq-hero::before{
  inset:0 0 0 30%; background-position:62% 40%; opacity:.88;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 26%);
          mask-image:linear-gradient(90deg, transparent 0, #000 26%);
}
.aisq--j .aq-hero::after{background:linear-gradient(90deg, rgba(13,13,13,.82) 0 30%, rgba(13,13,13,0) 56%);}

/* K · Vignette — Bild im weichen Lichtkegel rechts */
.aisq--k .aq-hero::before{
  inset:0 0 0 30%; background-position:62% 42%; opacity:.74;
  -webkit-mask-image:radial-gradient(115% 135% at 74% 46%, #000 36%, transparent 74%);
          mask-image:radial-gradient(115% 135% at 74% 46%, #000 36%, transparent 74%);
}
.aisq--k .aq-hero::after{background:linear-gradient(90deg, rgba(13,13,13,.5) 0 26%, rgba(13,13,13,0) 52%);}

@media (max-width:980px){
  .aisq--i .aq-hero::before, .aisq--j .aq-hero::before, .aisq--k .aq-hero::before{
    inset:auto 0 0 0; height:46%; background-position:center 30%;
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 40%);
            mask-image:linear-gradient(180deg, transparent 0, #000 40%);
  }
  .aisq--i .aq-hero::after, .aisq--k .aq-hero::after{background:linear-gradient(180deg, rgba(13,13,13,.7) 0 40%, rgba(13,13,13,0) 70%);}
  .aisq--i .aq-hero, .aisq--j .aq-hero, .aisq--k .aq-hero{padding-bottom:46vw;}
}