/* KI-Angriffs-Check, ergaenzt die Basis aus /door-opener/style.css */
.hallo{font-size:1.15rem;font-weight:600;color:var(--purple);margin-top:2rem}
.merklink{background:var(--cell);border-radius:10px;padding:.8rem 1rem;margin:1rem 0 1.5rem;font-size:.92rem}
.merklink p{margin:0}
.merklink .btns{margin-top:.5rem}
.schritt-titel{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:1.4rem}
.schritt-titel .nr{width:2rem;height:2rem;border-radius:50%;background:var(--gold);color:#2D2D2D;font-size:1rem;display:grid;place-items:center;flex:none}
.unter-text{display:flex;justify-content:space-between;align-items:center;gap:1rem}
button.klein{padding:.4rem .8rem;font-size:.85rem}
button.aufnahme{background:#B3261E;border-color:#B3261E;color:#fff}

fieldset.frage{border:none;padding:0;margin:1.2rem 0 0}
fieldset.frage legend{font-weight:600;font-size:.95rem;padding:0;margin-bottom:.4rem}
.optionen{display:flex;flex-wrap:wrap;gap:.4rem}
.optionen label{margin:0;font-weight:400;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:.35rem .8rem;cursor:pointer}
.optionen input{accent-color:var(--purple)}
.optionen label:has(input:checked){border-color:var(--purple);background:#F3EEFB;font-weight:600}

.wartend{margin-top:2.5rem;background:var(--lav);border-radius:14px;padding:1.4rem 1.5rem}
.wartend p{margin:.3rem 0 0}
.etappe-wartet{background:var(--lav);border-radius:12px;padding:.8rem 1rem;margin:.6rem 0;color:var(--purple);font-weight:600}
.impuls-box{margin-top:2rem;background:var(--lav);border-left:5px solid #FFC300;border-radius:14px;padding:1.3rem 1.5rem}
.impuls-box h3{color:var(--purple);margin:0 0 .3rem}
.impuls-box p{margin:.3rem 0 .8rem}

.block{margin-top:2.5rem}
.zahlen{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
@media (max-width:560px){.zahlen{grid-template-columns:1fr}}
.zahl{border-radius:14px;padding:1.1rem 1.2rem;border:2px solid var(--line)}
.zahl .wert{font-size:3.2rem;font-weight:700;line-height:1;display:block}
.zahl .was{font-size:.9rem;color:var(--muted);display:block;margin-top:.35rem}
.zahl.heute{border-color:var(--purple)}
.zahl.heute .wert{color:var(--purple)}
.zahl.nachher{border-color:var(--gold);background:#FFFBEA}
.zahl.nachher .wert{color:#2D2D2D}

.radar{display:block;width:100%;max-width:36rem;margin:1rem auto 0;height:auto}
.legende{display:flex;justify-content:center;gap:1.2rem;font-size:.85rem;color:var(--muted);margin:.3rem 0 0}
.legende span::before{content:"";display:inline-block;width:.9rem;height:.9rem;border-radius:3px;margin-right:.35rem;vertical-align:-2px}
.legende .l-heute::before{background:#370C7B;height:3px;border-radius:2px;vertical-align:3px}
.legende .l-nachher::before{background:#E0A800;height:3px;border-radius:2px;vertical-align:3px}

.dims{margin:1.2rem 0 0;padding:0;list-style:none}
.dims li{padding:.75rem 0;border-top:1px solid var(--line)}
.dims .kopf{display:flex;justify-content:space-between;gap:1rem;font-weight:600}
.balken{height:.45rem;background:var(--cell);border-radius:999px;margin:.4rem 0 .35rem;overflow:hidden}
.balken i{display:block;height:100%;background:var(--purple);border-radius:999px}
.balken i.hoch{background:#B3261E}
.dims p{margin:.2rem 0 0;font-size:.92rem}

.karte{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:1rem 1.15rem;margin-top:.8rem}
.karte h3{color:var(--purple);margin-bottom:.3rem}
.karte p{margin:.3rem 0 0}
.angriff{background:#2D2D2D;color:#fff;border-radius:14px;padding:1.3rem 1.4rem;margin-top:1rem}
.angriff h3{color:var(--gold);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin:1rem 0 .25rem}
.angriff h3:first-child{margin-top:0}
.angriff p{margin:0;color:#fff}
.angriff .frage{font-weight:600;color:var(--gold)}

.impuls .art,.awf .art,.intent-karte .art{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .6rem;margin-bottom:.4rem}
.impuls .art.quick_win{background:var(--gold);color:#2D2D2D}
.impuls .art.hebel,.awf .art.hebel,.intent-karte .art.hebel{background:var(--purple);color:#fff}
.impuls .potenzial{background:#FFFBEA;border-left:4px solid var(--gold);border-radius:0 8px 8px 0;padding:.5rem .7rem;margin-top:.6rem}
.impuls .schritt1{font-size:.92rem;color:var(--muted)}
.fazit{font-size:1.15rem;font-weight:600;color:var(--purple);margin-top:1.5rem}

.raum-baender{margin:.8rem 0 0;padding:0;list-style:none}
.raum-baender li{display:grid;grid-template-columns:12rem 1fr 3rem;gap:.6rem;align-items:center;font-size:.92rem;padding:.25rem 0}
@media (max-width:560px){.raum-baender li{grid-template-columns:1fr 3rem}.raum-baender .balken{grid-column:1/-1;order:3}}
.raum-baender .balken{margin:0}
.ich{font-size:.92rem;background:var(--cell);border-radius:8px;padding:.6rem .8rem;margin-top:.8rem}

.schluss{margin-top:2.5rem;border:2px solid var(--purple);border-radius:14px;padding:1.4rem 1.5rem}
.schluss label{margin-top:0}

#druck{display:none}
@media print{
  @page{size:A4;margin:14mm 13mm}
  body > *:not(#druck){display:none!important}
  #druck{display:block;font-family:Arial,Helvetica,sans-serif;color:#2D2D2D;font-size:10pt;line-height:1.45;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  #druck *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #druck .druck-kopf{border-bottom:3px solid #FFC300;margin-bottom:10px;padding-bottom:6px}
  #druck .druck-kopf h1{color:#370C7B;font-size:22pt;margin:0}
  #druck .druck-kopf p{margin:2px 0 0;color:#5E5A66}
  #druck .druck-h{color:#370C7B;font-size:14pt;margin:14px 0 6px;break-after:avoid}
  #druck .druck-teil{break-before:auto}
  #druck .druck-teil + .druck-teil{margin-top:8px}
  #druck .druck-angaben{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:9pt}
  #druck .druck-angaben li{break-inside:avoid}
  #druck .druck-coach{grid-template-columns:1fr}
  #druck .druck-schritt{font-size:12pt;font-weight:700;color:#370C7B}
  #druck .no-print,#druck button{display:none!important}
  #druck .block{margin-top:10px}
  /* Nur kleine Einheiten zusammenhalten, grosse Karten duerfen umbrechen,
     sonst entstehen halbleere Seiten */
  #druck .zahl,#druck .rk,#druck .awf-schutz,#druck .intent-satz,#druck .prompt-box,#druck .dims li,
  #druck .huerde,#druck .drei-zuege,#druck .awf-einstieg,#druck .awf-kennzahl,#druck .matrix,#druck .netz,
  #druck .sprosse-kopf,#druck .canvas dt,#druck .canvas dd,#druck .pruefliste li,#druck .ne-raster div{break-inside:avoid}
  #druck .karte,#druck .angriff,#druck ol.leiter li,#druck .raum-feld,#druck .gipfel,#druck .nummer-eins{break-inside:auto}
  #druck .karte h3,#druck .awf-label{break-after:avoid}
  #druck .karte{box-shadow:none}
  #druck .radar{max-width:12cm}
  #druck .netz{grid-template-columns:1.4fr 1fr}
  #druck .zahl .wert,#druck .rk-wert{font-size:26pt}
  #druck h2.schritt-titel{font-size:14pt;break-after:avoid}
  #druck details > *{display:block}
  #druck .raum-live{margin-top:6px}
  #druck .fuss{margin-top:18px;font-size:8pt;color:#6b6b75;border-top:1px solid #ddd;padding-top:6px}
}

/* ===================== Moderner Auftritt, Animation (16.10.2026) ===================== */
/* Kopf: helles Lavendel mit sanft wanderndem Licht, rechts das Duell */
.hero{position:relative;margin-top:1.5rem;padding:2rem 1.6rem;border-radius:22px;overflow:hidden;
  background:linear-gradient(135deg,#F6F2FC 0%,#EDE7F6 45%,#FFF7D6 100%);border:1px solid var(--line);
  display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center}
.hero::before{content:"";position:absolute;width:26rem;height:26rem;border-radius:50%;right:-8rem;top:-10rem;
  background:radial-gradient(circle,rgba(255,195,0,.35),transparent 65%);animation:licht 9s ease-in-out infinite alternate;pointer-events:none}
.hero > *{position:relative}
.hero h1{font-size:clamp(2.2rem,5.5vw,3.3rem);background:linear-gradient(90deg,#370C7B,#6A3FB5);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem;margin:0 0 .8rem}
.hero-text{min-width:0}
@media (max-width:720px){.hero{grid-template-columns:minmax(0,1fr);padding:1.6rem 1.2rem}
  /* Das Wort hat geschuetzte Bindestriche und bricht nicht um, also muss die Schrift passen */
  html[lang="de"] .hero h1{font-size:clamp(1.4rem,7.2vw,3.3rem)}}
@keyframes licht{from{transform:translate(0,0)}to{transform:translate(-6rem,5rem)}}

.duell{display:flex;align-items:center;justify-content:center;gap:.6rem}
.figur{margin:0;text-align:center;flex:1;max-width:12.5rem}
.figur .portrait{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative}
.figur.lia .portrait{border:4px solid #fff;box-shadow:0 0 0 3px var(--gold),0 12px 30px rgba(55,12,123,.25)}
.figur.lia img{width:100%;height:100%;object-fit:cover;display:block}
.figur.angreifer .portrait{box-shadow:0 12px 30px rgba(20,16,28,.45);animation:schweben 5s ease-in-out infinite}
.figur.lia .portrait{animation:schweben 5s ease-in-out infinite .8s}
.figur figcaption{margin-top:.55rem;font-size:.85rem;line-height:1.3}
.figur figcaption strong{display:block;color:var(--purple);font-size:1rem}
.figur figcaption span{color:var(--muted)}
.vs{font-weight:800;font-size:1.3rem;color:#fff;background:var(--purple);width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:0 0 0 4px #fff;animation:puls 2.4s ease-in-out infinite}
@keyframes schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes puls{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* Angreifer-SVG */
.angreifer-svg{display:block;width:100%;height:100%}
.angreifer-svg .sweep{transform-origin:100px 100px;animation:drehen 4s linear infinite}
.angreifer-svg .auge{transform-origin:100px 99.5px;animation:blinzeln 5s ease-in-out infinite}
.angreifer-svg .welle{transform-origin:100px 100px;animation:welle 2.8s ease-out infinite;opacity:0}
.angreifer-svg .ziele circle{animation:aufblitzen 4s linear infinite}
.angreifer-svg .ziele circle:nth-child(2){animation-delay:-1.4s}
.angreifer-svg .ziele circle:nth-child(3){animation-delay:-2.7s}
@keyframes drehen{to{transform:rotate(360deg)}}
@keyframes blinzeln{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.15)}}
@keyframes welle{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.3);opacity:0}}
@keyframes aufblitzen{0%,70%,100%{opacity:.25}78%{opacity:1}}

/* Schritt 2 der Liste: kleines Duell */
ol.steps li:has(.mini-duell){grid-template-columns:2.4rem 1fr auto}
.mini-duell{display:flex;align-items:center;gap:.35rem;align-self:center}
.mini-duell img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.mini-angreifer{display:block;width:44px;height:44px}
.mini-duell .pfeil{color:var(--purple);font-weight:700}
@media (max-width:480px){.mini-duell{display:none}ol.steps li:has(.mini-duell){grid-template-columns:2.4rem 1fr}}

/* LIA denkt */
.status.mit-lia{display:flex;align-items:center;gap:.7rem;background:var(--lav);border-radius:12px;padding:.6rem .8rem;color:var(--ink)}
.lia-denkt{position:relative;flex:none;width:40px;height:40px}
.lia-denkt img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.lia-denkt::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid var(--gold);border-right-color:transparent;animation:sp 1.1s linear infinite}

/* Angriffskasten mit Figur */
.angriff{background:linear-gradient(160deg,#2D2D2D,#1C1528);position:relative;overflow:hidden}
.angriff-kopf{display:flex;align-items:center;gap:1rem;margin-bottom:.4rem}
.angriff-bild{width:84px;height:84px;flex:none;border-radius:50%}
.angriff-kopf p{color:#D8D2E3;font-size:.95rem}

/* Karten und Zahlen etwas lebendiger */
.karte{transition:transform .25s ease,box-shadow .25s ease}
.karte:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(55,12,123,.12)}
.zahl{background:#fff;box-shadow:0 8px 22px rgba(55,12,123,.08)}
.radar .flaeche{transform-box:view-box;transform-origin:180px 180px;animation:aufziehen 1.2s cubic-bezier(.2,.8,.2,1) both}
.radar .flaeche.nachher{animation-delay:.6s}
@keyframes aufziehen{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.balken i{transition:width 1.2s cubic-bezier(.2,.8,.2,1)}

/* Einblenden beim Scrollen */
.einblend{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.einblend.sichtbar{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .hero::before,.figur .portrait,.vs,.angreifer-svg *,.radar .flaeche,.lia-denkt::after{animation:none!important}
  .einblend{opacity:1;transform:none;transition:none}
}
@media print{.hero{display:none}}

/* Kopftext tippt sich ein */
#heroText .rest{visibility:hidden}
#heroText .cursor{display:inline-block;width:2px;height:1.1em;margin:0 1px -.18em;background:var(--purple);animation:cursor .9s steps(1) infinite}
#heroText.fertig .cursor{animation:none;opacity:0;transition:opacity .4s ease 2.2s}
@keyframes cursor{50%{opacity:0}}

/* Die denkende LIA */
.status.denkbox{display:block;margin-top:1.4rem;padding:1.6rem 1.2rem 1.2rem;border-radius:18px;text-align:center;color:var(--ink);
  background:radial-gradient(circle at 50% 30%,#FFFFFF 0%,#F3EEFB 55%,#EDE7F6 100%);border:1px solid var(--line);overflow:hidden}
.denk-buehne{position:relative;display:flex;align-items:center;justify-content:center;gap:2.4rem;height:150px}
.denk-lia{position:relative;width:120px;height:120px;flex:none;animation:atmen 3.2s ease-in-out infinite}
.denk-lia img{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;border:4px solid #fff;position:relative;z-index:1}
.denk-ring{position:absolute;inset:-9px;border-radius:50%;border:4px solid transparent;border-top-color:var(--gold);border-right-color:var(--gold);animation:sp 1.6s linear infinite}
.denk-lia::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,195,0,.35),transparent 70%);animation:glimmen 3.2s ease-in-out infinite}
.blasen{position:absolute;left:calc(50% - 1.2rem);top:6px;width:2.4rem;height:5rem}
.blasen i{position:absolute;bottom:0;left:50%;width:.7rem;height:.7rem;border-radius:50%;background:var(--purple);opacity:0;animation:blase 2.4s ease-in infinite}
.blasen i:nth-child(2){animation-delay:.8s;width:.55rem;height:.55rem}
.blasen i:nth-child(3){animation-delay:1.6s;width:.45rem;height:.45rem}
.denk-angreifer{width:78px;height:78px;flex:none;border-radius:50%;opacity:.9;animation:schweben 4s ease-in-out infinite}
.denk-satz{font-weight:600;color:var(--purple);font-size:1.05rem;min-height:1.6em;margin:.9rem auto .6rem;max-width:30rem}
.denk-satz.neu{animation:satz .5s ease}
.denk-balken{height:.5rem;max-width:22rem;margin:0 auto;background:#fff;border-radius:999px;overflow:hidden;border:1px solid var(--line)}
.denk-balken i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),#8C5CD6,var(--gold));border-radius:999px;transition:width .5s linear}
@keyframes atmen{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes glimmen{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes blase{0%{transform:translate(-50%,0) scale(.6);opacity:0}25%{opacity:.85}100%{transform:translate(-50%,-4.5rem) scale(1.1);opacity:0}}
@keyframes satz{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:480px){.denk-buehne{gap:1.4rem}.denk-angreifer{width:60px;height:60px}}
@media (prefers-reduced-motion:reduce){.denk-lia,.denk-ring,.denk-lia::before,.blasen i,.denk-angreifer,.denk-satz.neu{animation:none!important}.blasen{display:none}}

/* Lese-Hilfe fuer Zahlen und Netz */
.zahl .was{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.zahl .erkl{display:block;font-size:.85rem;color:var(--muted);margin-top:.5rem;line-height:1.45}
.netz{display:grid;grid-template-columns:1.6fr 1fr;gap:1.2rem;align-items:center;margin-top:.5rem}
@media (max-width:640px){.netz{grid-template-columns:1fr}}
.netz .radar{margin:0 auto}
.lesehilfe{background:var(--cell);border-radius:14px;padding:1rem 1.1rem}
.lesehilfe h3{color:var(--purple);margin-bottom:.5rem}
ul.lese{list-style:none;padding:0;margin:0}
ul.lese li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;margin:.45rem 0}
.muster{flex:none;width:1.4rem;height:.95rem;border-radius:3px;margin-top:.2rem}
.m-heute{background:#370C7B;height:4px!important;border-radius:2px;margin-top:.55rem!important}
.m-nachher{background:#E0A800;height:4px!important;border-radius:2px;margin-top:.55rem!important}
.m-ring{border:1.5px solid #CFC6DF;border-radius:50%;width:1rem;height:1rem;margin-left:.2rem;margin-right:.2rem}
.lese-stufen{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.35rem .6rem;font-size:.82rem;color:var(--muted);margin:.7rem 0 .4rem}.lese-stufen li{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.stufe{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:.08rem .55rem;vertical-align:1px;white-space:nowrap}
.s-robust{background:#E3F4E8;color:#1B6B36}
.s-angreifbar{background:#FFF4CC;color:#7A5A00}
.s-deutlich{background:#FFE2CC;color:#9A4300}
.s-akut{background:#FADBD8;color:#9B1C12}
.dimfrage{font-size:.85rem;color:var(--muted);margin:.15rem 0 0!important;font-style:italic}

/* Pruefragen */
.fragen-titel{color:var(--purple);font-size:1.2rem;margin-top:2rem}
fieldset.frage{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin:.9rem 0 0;transition:border-color .2s}
fieldset.frage:has(input:checked){border-color:#B9A6DA}
fieldset.frage legend{display:flex;gap:.6rem;align-items:flex-start;font-size:1rem;line-height:1.35;float:left;width:100%;margin-bottom:.2rem}
fieldset.frage legend + *{clear:both}
.fnr{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--purple);color:#fff;font-size:.8rem;font-weight:700;display:inline-grid;place-items:center;margin-top:.05rem}
.warum{font-size:.85rem;color:var(--muted);font-style:italic;margin:.35rem 0 .7rem 2.2rem!important;clear:both}
fieldset.frage .optionen{margin-left:2.2rem}
@media (max-width:520px){.warum,fieldset.frage .optionen{margin-left:0!important}}
.staerke-label{display:flex!important;gap:.6rem;align-items:flex-start;font-size:1rem;margin-top:1.4rem!important}
.staerke-label + .warum{margin-top:.2rem!important}
#staerke{margin-top:.2rem}

/* Nur der Angreifer (16.10.2026: LIA raus, Selinas Entscheidung) */
.figur.angreifer.allein{max-width:15rem}
.figur.allein .portrait{box-shadow:0 18px 40px rgba(20,16,28,.45),0 0 0 6px rgba(255,195,0,.25)}
.mini-angreifer{width:52px;height:52px}

/* Wartezeit: der Angreifer scannt Ihr Geschaeft */
.scan-ziel{width:108px;height:108px;flex:none;border-radius:50%;background:#fff;border:3px solid var(--purple);display:grid;place-items:center;
  font-weight:700;color:var(--purple);font-size:.9rem;line-height:1.15;position:relative;animation:getroffen 2.4s ease-in-out infinite}
.scan-ziel::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px dashed rgba(55,12,123,.35);animation:drehen 12s linear infinite}
.scan-strahl{position:relative;width:5.5rem;height:6px;flex:none}
.scan-strahl i{position:absolute;top:0;right:0;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:strahl 1.8s linear infinite;opacity:0}
.scan-strahl i:nth-child(2){animation-delay:.6s}
.scan-strahl i:nth-child(3){animation-delay:1.2s}
.denk-angreifer{width:120px;height:120px}
@keyframes strahl{0%{right:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{right:calc(100% - 6px);opacity:0}}
@keyframes getroffen{0%,100%{box-shadow:0 0 0 0 rgba(255,195,0,0)}50%{box-shadow:0 0 0 10px rgba(255,195,0,.25)}}
@media (max-width:480px){.scan-ziel{width:84px;height:84px;font-size:.8rem}.denk-angreifer{width:90px;height:90px}.scan-strahl{width:3.5rem}}
@media (prefers-reduced-motion:reduce){.scan-ziel,.scan-ziel::after,.scan-strahl i{animation:none!important}.scan-strahl i{opacity:1}}

/* Testgruppe 16.10.: grosses Eingabefeld, Sonstiges, Coach, Anwendungsfaelle */
textarea.gross{min-height:26rem;font-size:.92rem;line-height:1.5}
input.sonst{margin-top:.6rem;margin-left:2.2rem;width:calc(100% - 2.2rem)}
@media (max-width:520px){input.sonst{margin-left:0;width:100%}}
.coach{margin-top:1.4rem;background:#fff;border:2px solid var(--gold);border-radius:16px;padding:1.2rem 1.3rem;box-shadow:0 10px 28px rgba(55,12,123,.10)}
.coach-kopf{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:.4rem}
.coach-kopf h3{color:var(--purple);margin:0 0 .2rem}
.coach-kopf p{margin:0;font-size:.95rem}
.coach-symbol{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--gold);color:#2D2D2D;font-weight:800;font-size:1.3rem;display:grid;place-items:center;animation:puls 2.4s ease-in-out infinite}
.coach label{margin-top:1.1rem}
.coach .warum{margin-left:0!important;margin-top:.15rem!important}
.awf-bereich .nr{font-size:1.1rem}
dl.canvas{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.35rem .9rem;margin:.6rem 0 0;font-size:.93rem}
dl.canvas dt{font-weight:700;color:var(--purple)}
dl.canvas dd{margin:0}
@media (max-width:560px){dl.canvas{grid-template-columns:1fr}dl.canvas dd{margin-bottom:.4rem}}
.intent{margin-top:.8rem;background:var(--lav);border-left:4px solid var(--purple);border-radius:0 8px 8px 0;padding:.6rem .8rem;font-size:.93rem}
@media (prefers-reduced-motion:reduce){.coach-symbol{animation:none}}

/* ===================== Raum, live (16.10.2026) ===================== */
.raum-live{margin-top:2.5rem;border-radius:22px;padding:1.6rem 1.4rem;background:
  radial-gradient(circle at 90% 0%,rgba(255,195,0,.22),transparent 45%),
  radial-gradient(circle at 0% 100%,rgba(55,12,123,.12),transparent 50%),#FBF9FE;border:1px solid var(--line)}
.raum-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.raum-kopf h2{margin:0;font-size:1.7rem}
.raum-kopf p{flex-basis:100%;margin:.1rem 0 0;color:var(--muted);font-size:.92rem}
.live{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#B3261E;background:#FDE8E6;border-radius:999px;padding:.25rem .7rem}
.live i{width:.55rem;height:.55rem;border-radius:50%;background:#D93025;box-shadow:0 0 0 0 rgba(217,48,37,.6);animation:live 1.6s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(217,48,37,.55)}70%{box-shadow:0 0 0 .55rem rgba(217,48,37,0)}100%{box-shadow:0 0 0 0 rgba(217,48,37,0)}}

.raum-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.8rem;margin:1.2rem 0 .4rem}
.rk{border-radius:16px;padding:1rem 1.1rem;background:#fff;box-shadow:0 8px 22px rgba(55,12,123,.08);border:2px solid var(--line);
  opacity:0;transform:translateY(12px) scale(.97);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.rk:nth-child(2){transition-delay:.12s}.rk:nth-child(3){transition-delay:.24s}
.rk-wert{display:block;font-size:2.6rem;font-weight:800;line-height:1}
.rk-was{display:block;font-size:.85rem;color:var(--muted);margin-top:.35rem}
.rk.sie{border-color:var(--purple);background:linear-gradient(160deg,#fff,#F3EEFB)}
.rk.sie .rk-wert{color:var(--purple)}
.rk.raum .rk-wert{color:#5E5A66}
.rk.ziel{border-color:var(--gold);background:linear-gradient(160deg,#fff,#FFF7D6)}
.raum-satz{font-size:1.02rem;margin:.6rem 0 0}

.raum-feld{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;margin-top:1rem}
.raum-feld h3{color:var(--purple);margin:0 0 .6rem}
.raum-zwei{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.raum-zwei .raum-feld{margin-top:1rem}
@media (max-width:720px){.raum-zwei{grid-template-columns:1fr}}

/* Skala mit Saeulen und Markern */
.skala{position:relative;padding-top:4.4rem}
.saeulen{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;height:120px;align-items:end}
.saeule{position:relative;height:0;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8C5CD6,#370C7B);
  transition:height .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}
.saeule span{position:absolute;top:-1.3rem;left:50%;transform:translateX(-50%);font-size:.72rem;font-weight:700;color:var(--purple);white-space:nowrap;opacity:0;transition:opacity .4s ease calc(var(--d) + .6s)}
.farbband{height:12px;border-radius:999px;margin-top:6px;background:linear-gradient(90deg,#3FA66A 0%,#3FA66A 30%,#F2C230 45%,#F28C28 65%,#D93025 85%,#B3261E 100%)}
.skala-text{display:grid;grid-template-columns:4fr 2fr 2fr 2fr;font-size:.75rem;color:var(--muted);margin-top:.3rem}
.skala-text span:nth-child(n+2){text-align:center}
.pin{position:absolute;top:0;bottom:1.25rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;
  opacity:0;transition:opacity .5s ease 1s}
.pin b{font-size:.75rem;color:#fff;border-radius:999px;padding:.15rem .55rem;white-space:nowrap}
.pin::after{content:"";flex:1;width:2px;margin-top:2px}
.pin.sie{z-index:2}
.pin.sie b{background:var(--purple)}.pin.sie::after{background:var(--purple)}
.pin.raum{top:1.7rem}
.pin.raum b{background:#5E5A66}.pin.raum::after{background:repeating-linear-gradient(#5E5A66 0 5px,transparent 5px 9px)}

/* Rennbalken */
ol.rennen{list-style:none;padding:0;margin:0}
ol.rennen li{display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;align-items:center;margin:.75rem 0}
.rn-name{font-weight:600;font-size:.93rem;grid-column:1;grid-row:1}
.rn-bahn{grid-column:1;grid-row:2}
.rn-wert{font-weight:800;font-size:1.4rem;color:#B3261E;grid-column:2;grid-row:1 / 3}
.rn-bahn{height:12px;border-radius:999px;background:var(--cell);overflow:hidden}
.rn-bahn i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#F28C28,#D93025);transition:width 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}
.staerken-titel{margin-top:1.2rem!important}
ul.staerken{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
ul.staerken li{background:#E3F4E8;border-radius:12px;padding:.45rem .7rem;font-size:.88rem;display:flex;flex-direction:column}
ul.staerken li strong{color:#1B6B36}
ul.staerken li span{color:var(--muted);font-size:.8rem}

.raum-legende{display:flex;justify-content:center;gap:1.1rem;font-size:.85rem;color:var(--muted);margin:.3rem 0 0}
.lg::before{content:"";display:inline-block;width:1.3rem;height:3px;border-radius:2px;margin-right:.4rem;vertical-align:3px}
.lg.sie::before{background:#370C7B}
.lg.raum::before{background:repeating-linear-gradient(90deg,#8A8494 0 6px,transparent 6px 10px)}
.lg.ziel::before{background:#E0A800}

/* Start der Animation */
.raum-live.los .rk{opacity:1;transform:none}
.raum-live.los .saeule{height:var(--h)}
.raum-live.los .saeule span{opacity:1}
.raum-live.los .pin{opacity:1}
.raum-live.los .rn-bahn i{width:var(--w)}
@media (prefers-reduced-motion:reduce){
  .live i{animation:none}
  .rk,.saeule,.saeule span,.pin,.rn-bahn i{transition:none!important}
}

/* Anwendungsfaelle Fassung 2: Schutzwirkung sichtbar */
.awf-schutz{background:#2D2D2D;color:#fff;border-radius:12px;padding:.8rem 1rem;margin:.6rem 0 .8rem;display:grid;gap:.6rem}
.awf-schutz p{margin:0;color:#fff;font-size:.93rem}
.awf-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:.15rem}
.awf-wirkung strong{font-size:1.15rem}
.awf-wirkung strong.ziel{color:var(--gold)}
.awf-pruefung + .awf-label{margin-top:0}
.intent .ausgang{display:block;margin-top:.35rem;font-size:.85rem;color:var(--muted)}
ol.awf-schritte{margin:.2rem 0 0;padding-left:1.3rem;font-size:.93rem}
ol.awf-schritte li{margin:.25rem 0}
.awf-pruefung{font-size:.9rem;margin:.6rem 0 0;color:var(--muted)}
.karte .awf-label{color:var(--purple)}
.awf-schutz .awf-label{color:var(--gold)}

/* ===================== Werkstatt in drei Etappen (16.10.2026) ===================== */
ol.etappen-leiste{list-style:none;padding:0;margin:1rem 0 .4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
ol.etappen-leiste li{background:var(--cell);border-radius:999px;padding:.45rem .7rem;font-size:.88rem;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:.45rem;justify-content:center;text-align:center}
ol.etappen-leiste li b{width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:.8rem;flex:none}
ol.etappen-leiste li.aktiv{background:var(--purple);color:#fff}
ol.etappen-leiste li.aktiv b{color:var(--purple)}
ol.etappen-leiste li.fertig{background:#E3F4E8;color:#1B6B36}
ol.etappen-leiste li.fertig b::before{content:"✓"}
ol.etappen-leiste li.fertig b{font-size:0}
ol.etappen-leiste li.fertig b::before{font-size:.85rem}
@media (max-width:520px){ol.etappen-leiste li{font-size:.75rem;padding:.4rem .4rem}}
.etappe{margin-top:1.6rem;padding-top:1.2rem;border-top:2px dashed var(--line)}
.etappe-titel{color:var(--purple);font-size:1.2rem;margin-bottom:.4rem}

/* Matrix */
.awf-uebersicht{display:grid;grid-template-columns:15rem 1fr;gap:1.2rem;align-items:center;margin:1rem 0}
@media (max-width:560px){.awf-uebersicht{grid-template-columns:1fr}}
.matrix{position:relative;padding:0 0 1.3rem 1.3rem}
.m-feld{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:
  linear-gradient(90deg,transparent 49.6%,#fff 49.6%,#fff 50.4%,transparent 50.4%),
  linear-gradient(0deg,transparent 49.6%,#fff 49.6%,#fff 50.4%,transparent 50.4%),
  linear-gradient(135deg,#E3F4E8 0%,#F3EEFB 50%,#FDE8E6 100%)}
.m-q{position:absolute;font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.m-tl{left:.5rem;top:.45rem;color:#1B6B36}.m-tr{right:.5rem;top:.45rem;color:var(--purple)}
.m-bl{left:.5rem;bottom:.45rem}.m-br{right:.5rem;bottom:.45rem;color:#9B1C12}
.m-punkt{position:absolute;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--purple);color:#fff;font-weight:800;font-size:.85rem;
  display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(55,12,123,.3);transform:translate(-50%,-50%)}
.m-achse{position:absolute;font-size:.72rem;color:var(--muted)}
.m-x{bottom:0;left:50%;transform:translateX(-50%)}
.m-y{left:0;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}
ol.awf-liste{margin:0;padding-left:1.3rem}
ol.awf-liste li{margin:.4rem 0}
ol.awf-liste li span{display:block;font-size:.82rem;color:var(--muted)}
.awf-kurz{font-size:1.02rem;font-weight:600;font-style:italic;margin:.2rem 0 .5rem}
.awf-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}
.chip{font-size:.75rem;background:var(--cell);border-radius:999px;padding:.15rem .6rem;color:var(--ink)}
.chip.stark{background:var(--gold);font-weight:700}
.awf-einstieg,.awf-kennzahl{background:var(--lav);border-radius:10px;padding:.6rem .8rem;margin:.7rem 0 0;font-size:.93rem}
.quelle-hinweis{font-size:.75rem;color:var(--muted);text-align:right;margin-top:.6rem}

/* Intents */
.intent-satz{background:linear-gradient(135deg,#370C7B,#5A2BA0);color:#fff;border-radius:14px;padding:1rem 1.2rem;margin:.6rem 0}
.intent-satz p{color:#fff;margin:0;font-size:1.05rem;line-height:1.5}
.intent-satz .ng{background:rgba(255,255,255,.16);border-radius:6px;padding:0 .3rem}
.intent-satz .erg{border-bottom:3px solid var(--gold)}
.intent-satz .ohne{text-decoration:line-through;text-decoration-color:rgba(255,195,0,.7)}
.intent-satz .erfolg{margin-top:.6rem;font-size:.95rem}
.intent-satz .ziel{color:var(--gold)}
details.intent-weg{margin-top:.6rem;background:var(--cell);border-radius:10px;padding:.2rem .9rem .5rem}
details.intent-weg summary{cursor:pointer;font-weight:600;color:var(--purple);padding:.5rem 0}
details.intent-weg p{font-size:.92rem;margin:.4rem 0}
.pruefliste{margin-top:.8rem}
.pruefliste ul{list-style:none;padding:0;margin:.3rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem}
@media (max-width:640px){.pruefliste ul{grid-template-columns:1fr}}
.pruefliste li{display:flex;gap:.45rem;font-size:.85rem;align-items:flex-start}
.pruefliste li em{display:block;color:var(--muted);font-size:.8rem}
.pl-zeichen{flex:none;width:1.25rem;height:1.25rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800}
.pruefliste li.ok .pl-zeichen{background:#E3F4E8;color:#1B6B36}
.pruefliste li.offen .pl-zeichen{background:#FFE2CC;color:#9A4300}
.pl-ok,.pl-warn{font-size:.72rem;border-radius:999px;padding:.05rem .5rem;margin-left:.4rem;text-transform:none;letter-spacing:0}
.pl-ok{background:#E3F4E8;color:#1B6B36}.pl-warn{background:#FFE2CC;color:#9A4300}
.prompt-box{margin-top:.8rem;border:1.5px dashed var(--purple);border-radius:12px;padding:.7rem .9rem}
.prompt-box pre{white-space:pre-wrap;font-family:inherit;font-size:.88rem;margin:.3rem 0 .5rem;background:#fff}

/* Engpassleiter */
.gipfel{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:start;background:#FBF9FE;border:1px solid var(--line);border-radius:16px;padding:1rem}
@media (max-width:520px){.gipfel{grid-template-columns:1fr}.gipfel-berg{max-width:8rem}}
.gipfel-berg svg{width:100%;height:auto;display:block}
.gipfel-satz{font-size:1.15rem;font-weight:700;color:var(--purple);margin:.1rem 0 .6rem}
.aufstieg{margin-top:1rem}
ol.camps{list-style:none;padding:0;margin:.4rem 0 0;position:relative;display:flex;flex-direction:column-reverse}
ol.camps::before{content:"";position:absolute;left:.6rem;top:.4rem;bottom:.4rem;width:3px;background:repeating-linear-gradient(var(--purple) 0 6px,transparent 6px 11px)}
ol.camps li{position:relative;padding:.35rem 0 .35rem 2rem;font-size:.92rem}
ol.camps li::before{content:"";position:absolute;left:.25rem;top:.7rem;width:.85rem;height:.85rem;border-radius:50%;background:#fff;border:3px solid var(--purple)}
ol.camps li span{display:block;color:var(--muted);font-size:.85rem}
.camp-nr{font-size:.7rem!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)!important}
ol.camps li.camp-gipfel::before{background:var(--gold);border-color:var(--gold)}
ol.leiter{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column-reverse;gap:.8rem}
ol.leiter li{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:1rem 1.1rem;position:relative}
ol.leiter li.jetzt{border:2.5px solid #D93025;box-shadow:0 0 0 4px rgba(217,48,37,.08)}
ol.leiter li:not(:first-child)::after{content:"↑";position:absolute;left:50%;bottom:-1.05rem;transform:translateX(-50%);color:var(--purple);font-weight:800}
.sprosse-kopf{display:flex;gap:.7rem;align-items:center;margin-bottom:.3rem}
.sprosse-nr{flex:none;width:2rem;height:2rem;border-radius:8px;background:var(--purple);color:#fff;font-weight:800;display:grid;place-items:center}
li.jetzt .sprosse-nr{background:#D93025;animation:puls 2.4s ease-in-out infinite}
.sprosse-status{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
li.jetzt .sprosse-status{color:#B3261E}
.sprosse-kopf h4{margin:0;color:var(--ink);font-size:1.05rem}
ol.leiter p{font-size:.93rem;margin:.35rem 0}
.huerde{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.6rem 0}
@media (max-width:560px){.huerde{grid-template-columns:1fr}}
.huerde p{margin:0!important;border-radius:10px;padding:.55rem .7rem}
.satz-alt{background:#FDE8E6;text-decoration:line-through;text-decoration-color:rgba(179,38,30,.5);color:#6b2a24}
.satz-neu{background:#E3F4E8;color:#1B4D2C;font-weight:600}
.drei-zuege{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem 0}
@media (max-width:640px){.drei-zuege{grid-template-columns:1fr}}
.drei-zuege div{background:var(--cell);border-radius:10px;padding:.55rem .7rem;font-size:.88rem}
.ki-hebel{background:#FFFBEA;border-left:4px solid var(--gold);border-radius:0 8px 8px 0;padding:.45rem .7rem}
.bezug{font-size:.82rem;color:var(--muted)}
.engpass-fuss{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}
@media (max-width:560px){.engpass-fuss{grid-template-columns:1fr}}
.engpass-fuss div{background:var(--lav);border-radius:12px;padding:.7rem .9rem;font-size:.93rem}
@media (prefers-reduced-motion:reduce){li.jetzt .sprosse-nr{animation:none}}

/* Abschluss: Nummer eins in der eigenen Nische */
.nummer-eins{margin-top:1.4rem;border-radius:18px;padding:1.2rem 1.3rem;background:linear-gradient(150deg,#FFF7D6,#FFFFFF 60%);border:2px solid var(--gold);box-shadow:0 10px 28px rgba(201,154,0,.15)}
.ne-kopf{display:flex;gap:1rem;align-items:flex-start}
.ne-pokal{flex:none;width:3rem;height:3rem;border-radius:50%;background:var(--gold);color:#2D2D2D;font-weight:900;font-size:1.5rem;display:grid;place-items:center;box-shadow:0 0 0 5px #fff,0 0 0 7px var(--gold);animation:puls 2.8s ease-in-out infinite}
.ne-satz{font-size:1.08rem;font-weight:600;color:var(--purple);margin:.2rem 0 0;font-style:italic}
.ne-raster{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0 .4rem}
@media (max-width:560px){.ne-raster{grid-template-columns:1fr}}
.ne-raster div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;font-size:.92rem}
.ne-raster .ne-ok{border-color:#9FD3AE;background:#F2FAF4}
.ne-raster .ne-warn{border-color:#F2B98C;background:#FFF5EC}
.ne-raster .ne-breit{color:var(--muted);font-style:italic}
.ne-raster .ne-herz{border-color:#E7B6C8;background:#FFF5F8}
@media (prefers-reduced-motion:reduce){.ne-pokal{animation:none}}

/* PDF: Animationen im Druck aus, sonst fehlen die Linien im Netz (Startzustand
   der Aufzieh-Animation ist unsichtbar). Gilt auch fuer alle eingeblendeten Bloecke. */
#druck .radar .flaeche,#druck .radar .flaeche *{animation:none!important;transform:none!important;opacity:1!important}
@media print{
  *{animation:none!important;transition:none!important}
  .radar .flaeche,.einblend{transform:none!important;opacity:1!important}
}

.awf-kennzahl .ausgang{display:block;margin-top:.3rem;font-size:.85rem;color:var(--muted)}
.art-wahl{border:0;padding:0;margin:1.1rem 0 .3rem}
.art-wahl legend{font-weight:600;margin-bottom:.45rem}
.trailer{margin:1.6rem 0 2rem}
.trailer video{display:block;width:100%;height:auto;border-radius:14px;background:#1a0b33;box-shadow:0 12px 30px rgba(55,12,123,.18)}
.trailer.hoch{max-width:460px;margin:1.6rem auto 2rem}
.trailer figcaption{font-size:.9rem;color:#6E6589;margin-top:.5rem;text-align:center}
.goodie{margin-top:2.2rem;background:linear-gradient(135deg,#370C7B,#5a2aa8);color:#fff;border-radius:16px;padding:1.5rem 1.6rem}
.goodie h2{color:#fff;margin:.2rem 0 .5rem}
.goodie p{color:#f3eefb}
.goodie .goodie-kicker{color:#FFC300;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin:0}
.goodie .consent span{color:#f3eefb}
.goodie .btns .primary{background:#FFC300;color:#2D2D2D}
.goodie .status{color:#FFC300;font-weight:600}
#goodieImpulseZeile[hidden],#drucken[hidden],#pdfWartet[hidden]{display:none!important}
.geschenk{width:120px;height:120px;margin:-.3rem auto .4rem}
.geschenk svg{width:100%;height:100%;overflow:visible}
.geschenk .g-deckel,.geschenk .g-koerper,.geschenk .g-funke{transform-box:fill-box;transform-origin:50% 100%}
.geschenk .g-funke{opacity:0;transform-origin:50% 50%}
.goodie.erscheint{animation:g-ein .7s ease-out}
.goodie.auspacken .g-koerper{animation:g-hupf .7s .2s ease-out}
.goodie.auspacken .g-deckel{animation:g-deckel 1.3s .6s ease-out forwards}
.goodie.auspacken .g-funke{animation:g-funke 1.4s 1.1s ease-out forwards}
@keyframes g-ein{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes g-hupf{0%{transform:scale(1)}30%{transform:scale(1.08,.92)}60%{transform:scale(.96,1.06)}100%{transform:scale(1)}}
@keyframes g-deckel{0%{transform:none}45%{transform:translateY(-26px) rotate(-16deg)}100%{transform:translateY(-16px) rotate(-11deg)}}
@keyframes g-funke{0%{opacity:0;transform:scale(.3)}40%{opacity:1}100%{opacity:0;transform:scale(1.5) translateY(-12px)}}
#drucken.neu-da{animation:pdf-da 1.2s ease-out}
@keyframes pdf-da{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(255,195,0,.8)}50%{transform:scale(1.06)}100%{transform:none;box-shadow:0 0 0 18px rgba(255,195,0,0)}}
@media (prefers-reduced-motion:reduce){.goodie,.goodie *,#drucken{animation:none!important}}
.goodie{position:relative;overflow:hidden;isolation:isolate}
.goodie>*:not(.feuerwerk){position:relative;z-index:1}
.goodie .feuerwerk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.goodie-signatur{display:flex;align-items:center;gap:.9rem;margin:1rem 0 .4rem;background:rgba(255,255,255,.08);border-radius:12px;padding:.7rem .9rem}
.goodie-signatur img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #FFC300;flex:none}
.goodie-signatur p{margin:0;line-height:1.45}
.goodie-signatur strong{color:#fff}
.feier{position:relative;overflow:hidden;isolation:isolate;margin:1.4rem 0 .4rem;background:linear-gradient(135deg,#370C7B,#5a2aa8);color:#f3eefb;border-radius:14px;padding:1.1rem 1.3rem}
.feier>*:not(.feuerwerk){position:relative;z-index:1}
.feier .feuerwerk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.feier p{margin:.3rem 0;color:#f3eefb}
.feier .feier-titel{color:#FFC300;font-weight:700;font-size:1.15rem;margin-top:0}
.feier .feier-weiter{font-weight:600;color:#fff;border-top:1px solid rgba(255,255,255,.18);padding-top:.5rem;margin-top:.6rem}
.feier.erscheint{animation:g-ein .7s ease-out}
.feier[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.feier{animation:none!important}}
.nachsteuern{margin-top:2rem;border:2px dashed var(--line);border-radius:14px;padding:1.2rem 1.4rem;background:#fff}
.nachsteuern h3{color:var(--purple);margin:0 0 .3rem}
.nachsteuern[hidden]{display:none!important}

/* ===================== AI Challenger Check (EN, 17.10.2026) ===================== */
/* Eigene Kopie von check.css, damit Aenderungen am Live-Werkzeug fuer die
   Solo-Selbstaendigen hier nichts verschieben. Ab hier nur Ergaenzungen. */
.zaehler{font-size:.82rem;color:var(--muted);text-align:right;margin:.25rem 0 0}
.zaehler.knapp{color:#B3261E}
.sonst{margin:.5rem 0 0 2.2rem;display:none}
.sonst.an{display:block}
@media (max-width:520px){.sonst{margin-left:0}}
.coach-frage{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin-top:.9rem}
.coach-frage label{margin-top:0}
.coach-frage .warum{margin-left:0!important}
.coach-frage textarea{min-height:5rem}
.innen{margin-top:2.5rem;background:#F7F4FC;border:2px dashed #B9A6DA;border-radius:16px;padding:1.4rem 1.5rem}
.innen h2{margin-top:0}
.innen ol{margin:.6rem 0 0;padding-left:1.3rem}
.innen li{margin:.55rem 0;font-weight:600;color:var(--ink)}
.innen .gesperrt{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.1rem}
@media (max-width:600px){.innen .gesperrt{grid-template-columns:1fr}}
.innen .gesperrt div{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:.8rem .9rem;font-size:.88rem;color:var(--muted)}
.innen .gesperrt strong{display:block;color:var(--purple);font-size:.95rem;margin-bottom:.2rem}
.innen .gesperrt strong::before{content:"\1F512  ";font-size:.8rem}
.cta .btns a{display:inline-block;text-decoration:none;font-weight:700;padding:.7rem 1.2rem;border-radius:8px}
.cta .btns a.gold{background:var(--gold);color:#2D2D2D}
.cta .btns a.hell{background:transparent;color:#fff;border:2px solid #fff}
.vertrauen{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.85rem;color:var(--muted);margin:.9rem 0 0;padding:0;list-style:none}
.vertrauen li::before{content:"\2713  ";color:var(--purple);font-weight:700}
.rest-hinweis{font-size:.85rem;color:var(--muted)}
@media print{#druck .innen{border-style:solid}#druck .innen .gesperrt{display:none}}

/* ===================== Ansatzpunkt und Wow-Teile (28.10.2026) ===================== */
.ansatz{display:flex;flex-wrap:wrap;gap:.45rem;margin:.4rem 0 .4rem}
.ansatz label{margin:0;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.ansatz label:hover{transform:translateY(-1px)}
.ansatz input{accent-color:var(--purple)}
.ansatz label:has(input:checked){border-color:var(--purple);background:var(--purple);color:#fff;font-weight:600}
.ansatz label:has(input:checked) input{accent-color:var(--gold)}
.unter-t{color:var(--purple);font-size:1.1rem;margin:1.8rem 0 .5rem}

/* Angriffsplan: Zeitleiste Tag 1, 30, 90 */
ol.plan{list-style:none;padding:0;margin:.6rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;position:relative}
ol.plan::before{content:"";position:absolute;left:1rem;right:1rem;top:1.05rem;height:3px;background:linear-gradient(90deg,#FFC300,#B3261E);border-radius:3px}
ol.plan li{position:relative;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:2.4rem .9rem .9rem}
ol.plan .tag{position:absolute;top:.35rem;left:.8rem;background:#2D2D2D;color:#FFC300;font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.2rem .65rem;box-shadow:0 0 0 4px #fff}
ol.plan li:nth-child(3) .tag{background:#B3261E;color:#fff}
ol.plan p{margin:0;font-size:.92rem}
@media (max-width:640px){ol.plan{grid-template-columns:1fr}ol.plan::before{display:none}}

/* Die abgefangene Nachricht */
.abgefangen{position:relative;margin-top:.6rem;background:#1C1528;color:#EDE7F6;border-radius:14px;padding:1.2rem 1.3rem 1.3rem;box-shadow:0 14px 34px rgba(20,16,28,.35);overflow:hidden}
.abgefangen::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 4px);pointer-events:none}
.abgefangen .stempel{position:absolute;top:.9rem;right:-2.2rem;transform:rotate(18deg);background:#B3261E;color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.25rem 2.6rem}
.mail-kopf{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:#B9A6DA;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:.6rem;margin-bottom:.8rem;padding-right:4rem}
.mail-kopf b{color:#FFC300;font-weight:600}
.mail-text{margin:0;white-space:pre-wrap;font-size:.98rem;line-height:1.6;color:#fff}

/* KI-Team */
.ki-team{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.6rem}
@media (max-width:760px){.ki-team{grid-template-columns:1fr}}
.karte.agent{margin-top:0;border-top:4px solid var(--gold)}
.agent-kopf{display:flex;gap:.6rem;align-items:center;margin-bottom:.3rem}
.agent-kopf svg{width:40px;height:40px;flex:none}
.agent-kopf h3{margin:0;font-size:1rem}
.agent-art{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.agent-meta{font-size:.88rem;color:var(--muted)}
.agent-meta strong{color:var(--ink)}
@media print{#druck ol.plan,#druck .ki-team{grid-template-columns:1fr}#druck .abgefangen{break-inside:avoid}#druck ol.plan::before{display:none}}
.karte.agent > p{font-size:.92rem}
.wartet{list-style:none;margin:.2rem 0 1rem;padding:0}
.wartet li{position:relative;padding:.25rem 0 .25rem 1.7rem;font-weight:600}
.wartet li::before{content:"";position:absolute;left:.15rem;top:.68rem;width:.72rem;height:.72rem;border-radius:50%;background:#FFC300}
.flug-kopf{font-weight:600;margin:1.3rem 0 .6rem}
.flug{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.55rem}
.flug li{padding:.7rem 1rem;background:#F6F2FC;border-left:5px solid #370C7B;border-radius:10px;font-weight:600;line-height:1.4}
.flug li.gold-punkt{background:#FFF7D6;border-left-color:#FFC300}
.flug li.einblend{transform:translateX(-46px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.flug li.einblend.sichtbar{transform:none}
.kernsatz{font-weight:800;font-size:1.3rem;color:#370C7B;border-left:5px solid #FFC300;padding:.2rem 0 .2rem .9rem;margin:1.1rem 0}