/* ═══════════ „Ihre Website unter der Lupe" — Live-Analyse (analyse.js) ═══════════ */
.lupe{position:relative;background:var(--nacht);color:var(--papier);padding:clamp(80px,9vw,130px) 0 clamp(90px,10vw,150px);overflow:hidden;isolation:isolate}
.lupe::before{content:"";position:absolute;inset:-20% -10% auto auto;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(33,64,232,.22),transparent 60%);z-index:-1;pointer-events:none}
.lupe::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(246,245,241,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(246,245,241,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 20%,#000 20%,transparent 75%);z-index:-1;pointer-events:none}
.lupe .eyebrow{color:var(--kobalt-hell)}.lupe .eyebrow::before{background:var(--kobalt-hell)}
.lupe-k{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,245,241,.5)}

/* Kopf */
.lupe-h{color:var(--papier);font-size:clamp(34px,5vw,68px);line-height:1.04;max-width:18ch;margin-top:20px}
.lupe-h em{color:var(--kobalt-hell);overflow-wrap:anywhere}
.lupe-sub{margin:20px 0 0;max-width:58ch;font-size:clamp(16px,1.4vw,18px);line-height:1.6;color:rgba(246,245,241,.65)}
.lupe-leiste{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:clamp(36px,5vw,56px)}
.lupe-stationen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.lupe-stationen li{display:flex;align-items:baseline;gap:9px;font-size:14px;color:rgba(246,245,241,.38);transition:color .5s}
.lupe-stationen small{font-family:var(--mono);font-size:11px;letter-spacing:.1em}
.lupe-stationen li.aktiv{color:var(--papier)}
.lupe-stationen li.aktiv small{color:var(--kobalt-hell);animation:lupeBlink 1.1s ease-in-out infinite}
.lupe-stationen li.fertig{color:rgba(246,245,241,.82)}
.lupe-stationen li.fertig small{color:#3fbf7f}
.lupe-stationen li.fertig small::after{content:" ✓"}
@keyframes lupeBlink{50%{opacity:.3}}
.lupe-uhr{font-family:var(--mono);font-size:clamp(22px,2.4vw,32px);letter-spacing:.06em;color:var(--papier);font-variant-numeric:tabular-nums}
.lupe-fortschritt{height:2px;background:rgba(246,245,241,.1);margin-top:16px;position:relative;overflow:hidden}
.lupe-fortschritt i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--kobalt),var(--kobalt-hell));box-shadow:0 0 18px rgba(107,132,255,.8)}
.lupe.fertig .lupe-fortschritt i{background:#3fbf7f;box-shadow:0 0 14px rgba(63,191,127,.6)}

/* Bühne: Fotos links, Protokoll rechts */
.lupe-buehne{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,3.5vw,52px);margin-top:clamp(36px,4vw,56px);align-items:start}
.lupe-bild{position:relative;aspect-ratio:16/10;border:1px solid rgba(246,245,241,.1);border-radius:6px;background:radial-gradient(ellipse at 50% 40%,#15183a,#0b0c0f 70%);overflow:visible}
.lupe-wort{position:absolute;inset:0;display:grid;place-items:center;padding:0 6%;font-family:var(--display);font-weight:800;letter-spacing:-.05em;font-size:clamp(28px,5.4vw,78px);line-height:1;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(246,245,241,.28);overflow-wrap:anywhere;transition:opacity .8s}
.lupe-bild.mit-fotos .lupe-wort{opacity:0}
.lupe-desktop,.lupe-mobil{position:absolute;margin:0;opacity:0;transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.lupe-desktop{inset:0;transform:scale(.96)}
.lupe-desktop img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:6px;display:block;filter:saturate(.92)}
.lupe-mobil{width:24%;right:-3%;bottom:-9%;transform:translateY(30px) rotate(3deg)}
.lupe-mobil img{width:100%;display:block;border-radius:14px;border:3px solid #1d2028;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.lupe-desktop.da{opacity:1;transform:none}
.lupe-mobil.da{opacity:1;transform:rotate(2deg)}
.lupe-scan{position:absolute;inset:0;border-radius:6px;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .6s}
.lupe.laeuft .lupe-scan{opacity:1}
.lupe-scan::before{content:"";position:absolute;left:0;right:0;height:38%;top:-40%;background:linear-gradient(180deg,transparent,rgba(107,132,255,.08) 60%,rgba(107,132,255,.38) 97%,rgba(190,205,255,.9));animation:lupeScan 2.8s cubic-bezier(.45,0,.55,1) infinite}
.lupe-scan::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
@keyframes lupeScan{0%{top:-40%}100%{top:100%}}
.lupe-pins{position:absolute;inset:0}
.lupe-pin{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--kobalt);color:#fff;font-family:var(--mono);font-size:12px;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(33,64,232,.35),0 8px 20px rgba(0,0,0,.45);cursor:pointer;opacity:0;transform:scale(.4);animation:lupePin .6s var(--ease) forwards;transition:background .2s,box-shadow .2s}
.lupe-pin::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(107,132,255,.6);animation:lupeWelle 2.4s ease-out infinite}
.lupe-pin.hell{background:#fff;color:var(--kobalt);box-shadow:0 0 0 6px rgba(255,255,255,.3),0 8px 20px rgba(0,0,0,.45)}
@keyframes lupePin{to{opacity:1;transform:scale(1)}}
@keyframes lupeWelle{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.8);opacity:0}}

/* Protokoll */
.lupe-protokoll{border:1px solid rgba(246,245,241,.1);border-radius:6px;padding:20px 22px;background:rgba(21,23,28,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-height:100%}
.lupe-log{list-style:none;margin:14px 0 0;padding:0;font-family:var(--mono);font-size:12.5px;line-height:1.55;max-height:380px;overflow:auto;scrollbar-width:thin}
.lupe-log li{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:6px 0;border-top:1px solid rgba(246,245,241,.06);color:rgba(246,245,241,.84);animation:lupeZeile .35s var(--ease)}
.lupe-log li:first-child{border-top:0}
.lupe-log li i{width:7px;height:7px;border-radius:50%;margin-top:6px;background:rgba(246,245,241,.35)}
.lupe-log li.lg-ok i{background:#3fbf7f}.lupe-log li.lg-warn i{background:#e9a23b}.lupe-log li.lg-bad i{background:#e5534b}
.lupe-log li.lg-info i{background:var(--kobalt-hell)}
@keyframes lupeZeile{from{opacity:0;transform:translateX(-6px)}}
.lupe-palette{margin-top:20px;padding-top:18px;border-top:1px solid rgba(246,245,241,.1);display:grid;gap:12px}
.lp-farben{display:flex;flex-wrap:wrap;gap:8px}
.lp-f{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;animation:lupeAuf .5s var(--ease) forwards}
.lp-f i{width:34px;height:34px;border-radius:50%;background:var(--f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.lp-f small{font-family:var(--mono);font-size:9.5px;color:rgba(246,245,241,.5);letter-spacing:.04em}
.lp-schriften{display:flex;flex-wrap:wrap;gap:10px}
.lp-s{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border:1px solid rgba(246,245,241,.12);border-radius:999px;opacity:0;animation:lupeAuf .5s var(--ease) forwards}
.lp-s b{font-size:18px;font-weight:600;color:var(--papier)}
.lp-s small{font-size:12px;color:rgba(246,245,241,.6)}
@keyframes lupeAuf{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}

/* Unsere KI liest */
.lupe-lesen{margin-top:clamp(36px,4vw,56px);text-align:center}
.lupe-lesen .lupe-k{justify-content:center}
.ll-punkt{width:8px;height:8px;border-radius:50%;background:var(--kobalt-hell);box-shadow:0 0 12px var(--kobalt-hell);animation:lupeBlink 1s ease-in-out infinite}
.ll-zitat{margin:20px auto 0;max-width:30ch;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.ll-zitat span{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.4vw,46px);line-height:1.25;color:var(--papier);background-image:linear-gradient(transparent 58%,rgba(33,64,232,.55) 58%,rgba(33,64,232,.55) 90%,transparent 90%);background-repeat:no-repeat;background-size:0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.ll-zitat span.an{animation:lupeLesen 2.4s var(--ease) forwards}
@keyframes lupeLesen{0%{opacity:0;transform:translateY(10px);background-size:0% 100%}15%{opacity:1;transform:none}85%{background-size:100% 100%;opacity:1}100%{background-size:100% 100%;opacity:.0}}

/* Ergebnis */
.lupe-ergebnis{margin-top:clamp(48px,6vw,80px);padding-top:clamp(36px,4vw,56px);border-top:1px solid rgba(246,245,241,.12)}
.le-kopf{display:flex;align-items:center;gap:clamp(22px,4vw,48px)}
.le-ring{position:relative;width:clamp(130px,14vw,170px);aspect-ratio:1;flex:none;display:grid;place-items:center}
.le-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.le-ring circle{fill:none;stroke-width:8}
.le-ring .b{stroke:rgba(246,245,241,.1)}
.le-ring .w{stroke:var(--kobalt-hell);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.4s var(--ease)}
.le-ring b{font-family:var(--display);font-weight:800;font-size:clamp(42px,4.6vw,58px);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.le-ring small{position:absolute;bottom:24%;font-size:11px;color:rgba(246,245,241,.5);letter-spacing:.05em}
.le-urteil{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,32px);line-height:1.3;color:var(--papier);max-width:36ch}
.le-bereiche{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 40px;margin-top:clamp(32px,4vw,52px)}
.le-b{display:grid;grid-template-columns:minmax(0,170px) 1fr 34px;grid-template-areas:"k l n" "p p p";gap:4px 14px;align-items:center;padding:12px 0;border-top:1px solid rgba(246,245,241,.08);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--ease)}
.le-b.da{opacity:1;transform:none}
.le-b-k{grid-area:k;font-size:14px;color:var(--papier)}
.le-b-l{grid-area:l;height:6px;background:rgba(246,245,241,.08);border-radius:3px;overflow:hidden}
.le-b-l i{display:block;height:100%;width:0;border-radius:3px;transition:width 1.2s var(--ease)}
.le-b b{grid-area:n;font-family:var(--mono);font-size:13px;text-align:right;font-weight:400}
.le-b p{grid-area:p;margin:0;font-size:13px;line-height:1.5;color:rgba(246,245,241,.55)}
.le-zwei{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px)}
.lupe-ergebnis h3{color:var(--papier);font-size:clamp(22px,2.2vw,28px);letter-spacing:-.025em;margin:0}
.le-staerken ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.le-staerken li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.55;color:rgba(246,245,241,.82)}
.le-staerken li::before{content:"✓";position:absolute;left:0;top:0;color:#3fbf7f;font-weight:700}
.le-idee{background:var(--papier);color:var(--tinte);border-radius:6px;padding:clamp(22px,3vw,34px);position:relative;overflow:hidden}
.le-idee::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background:var(--kobalt);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.95}
.le-idee .lupe-k{color:var(--kobalt)}
.le-idee p{margin:14px 0 0;font-size:clamp(16px,1.4vw,18px);line-height:1.65;max-width:52ch;position:relative}
.le-befunde{margin-top:clamp(44px,5vw,72px)}
.le-befunde ol{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.le-f{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px 22px 24px;border:1px solid rgba(246,245,241,.1);border-radius:6px;background:rgba(21,23,28,.7);opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s var(--ease),border-color .3s,background .3s;outline:none}
.le-f.da{opacity:1;transform:none}
.le-f.hell,.le-f:focus-visible{border-color:var(--kobalt-hell);background:rgba(33,64,232,.12)}
.le-f-nr{font-family:var(--mono);font-size:12px;color:var(--kobalt-hell);padding-top:4px}
.le-f-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.le-f h4{margin:0;font-family:var(--display);font-size:18px;letter-spacing:-.02em;color:var(--papier);flex-basis:100%}
.le-f-tag,.le-f-w{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,245,241,.45)}
.le-f-w{padding:2px 8px;border-radius:999px;border:1px solid currentColor}
.w-hoch .le-f-w{color:#f29590}.w-mittel .le-f-w{color:#f2c27a}.w-gering .le-f-w{color:#7fdcab}
.le-f-sieht{margin:12px 0 0;font-size:14px;line-height:1.6;color:rgba(246,245,241,.6)}
.le-f-tun{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--papier);padding-left:14px;border-left:2px solid var(--kobalt)}
.le-cta{margin-top:clamp(44px,5vw,72px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:clamp(22px,3vw,32px);border:1px solid rgba(246,245,241,.12);border-radius:6px;background:linear-gradient(120deg,rgba(33,64,232,.18),transparent 70%)}
.le-cta p{margin:0;max-width:56ch;font-size:16px;line-height:1.6;color:rgba(246,245,241,.8)}
.le-cta b{color:var(--papier)}
.le-knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.lupe-fehler{margin:28px 0 0;padding:16px 20px;border-left:3px solid #e9a23b;background:rgba(233,162,59,.08);color:rgba(246,245,241,.85);font-size:15px;line-height:1.6;max-width:70ch}

@media (max-width:980px){.lupe-buehne{grid-template-columns:1fr}.lupe-mobil{width:28%;right:2%}.le-zwei{grid-template-columns:1fr}}
@media (max-width:760px){.le-bereiche{grid-template-columns:1fr}.le-befunde ol{grid-template-columns:1fr}.le-kopf{flex-direction:column;align-items:flex-start}.lupe-leiste{flex-direction:column;align-items:flex-start}.lupe-mobil{width:32%;bottom:-12%}}
@media (max-width:520px){.le-b{grid-template-columns:minmax(0,1fr) 34px;grid-template-areas:"k n" "l l" "p p"}.lupe-stationen{gap:6px 16px}}
@media (prefers-reduced-motion:reduce){.lupe-scan::before,.lupe-pin::after,.ll-punkt,.lupe-stationen li.aktiv small{animation:none}.ll-zitat span.an{animation:none;background-size:100% 100%}.lupe-desktop,.lupe-mobil,.le-b,.le-f{transition:none}}

/* Unterseiten als Bildleiste */
.lupe-seiten{margin-top:clamp(28px,3.5vw,44px)}
.ls-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.ls-seite{margin:0;border:1px solid rgba(246,245,241,.1);border-radius:6px;overflow:hidden;background:#15171c;opacity:0;transform:translateY(16px) scale(.98);animation:lupeSeite .7s var(--ease) forwards;position:relative}
.ls-seite img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;filter:saturate(.9)}
.ls-seite::after{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,rgba(107,132,255,0),rgba(107,132,255,.35));animation:lupeSeitenScan 1.6s ease-out 1 forwards;pointer-events:none}
.ls-seite figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid rgba(246,245,241,.08)}
.ls-seite figcaption b{font-size:13.5px;color:var(--papier);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-seite figcaption small{font-family:var(--mono);font-size:10.5px;color:rgba(246,245,241,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
@keyframes lupeSeite{to{opacity:1;transform:none}}
@keyframes lupeSeitenScan{0%{top:-30%;opacity:1}100%{top:100%;opacity:0}}
@media (max-width:760px){.ls-reihe{grid-template-columns:1fr 1fr}.ls-reihe .ls-seite:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){.ls-seite,.ls-seite::after{animation:none;opacity:1;transform:none}}
.lupe [hidden]{display:none!important}

/* Anriss: Potenziale gesperrt, Details im Erstgespräch */
.le-befunde-sub{margin:10px 0 0;max-width:62ch;font-size:15.5px;line-height:1.6;color:rgba(246,245,241,.65)}
.le-f-zu{cursor:default}
.le-f-zu .le-f-kopf{margin-top:2px}
.le-f-schleier{display:grid;gap:9px;margin-top:16px;filter:blur(3.5px);opacity:.75;user-select:none}
.le-f-schleier i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,rgba(246,245,241,.28),rgba(246,245,241,.12))}
.le-f-schleier i:nth-child(3),.le-f-schleier i:nth-child(4){background:linear-gradient(90deg,rgba(107,132,255,.45),rgba(107,132,255,.15))}
.le-f-schloss{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:5px 12px 5px 9px;border-radius:999px;border:1px solid rgba(107,132,255,.45);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#aebcff}
.le-f-schloss svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.le-idee-anriss p{color:var(--graphit)}
.le-idee-anriss::before{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(16,17,20,.06) 13px 15px);-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000);filter:blur(1px);pointer-events:none}

/* Sicherheitscheck als Anriss: Prüfpunkte verschwommen, Bericht per E-Mail freischalten */
.check-l.zu{position:relative}
.check-l.zu li span{display:block;height:10px;width:var(--b,60%);border-radius:5px;background:linear-gradient(90deg,rgba(246,245,241,.3),rgba(246,245,241,.12));filter:blur(2.5px)}
.check-l.zu li em{width:44px;height:8px;border-radius:4px;background:rgba(246,245,241,.14);filter:blur(2px)}
.check-tor{position:relative;margin-top:22px;padding:20px 20px 18px;border-radius:6px;background:linear-gradient(135deg,rgba(33,64,232,.28),rgba(33,64,232,.08));border:1px solid rgba(107,132,255,.45);animation:lupeAuf .6s var(--ease) both}
.ct-kopf{display:flex;align-items:baseline;gap:12px}
.ct-zahl{font-family:var(--display);font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff}
.ct-was{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.015em;color:var(--papier)}
.ct-text{margin:10px 0 0;font-size:14px;line-height:1.55;color:rgba(246,245,241,.75)}
.ct-form{display:flex;gap:8px;margin-top:14px}
.ct-form input{flex:1;min-width:0;font:inherit;font-size:15px;padding:12px 14px;border-radius:2px;border:1px solid rgba(246,245,241,.25);background:rgba(11,12,15,.6);color:var(--papier);outline:none}
.ct-form input:focus{border-color:var(--kobalt-hell);box-shadow:0 0 0 3px rgba(107,132,255,.25)}
.ct-form .btn{white-space:nowrap}
.ct-ok{display:flex;gap:9px;align-items:flex-start;margin-top:10px;font-size:12px;line-height:1.5;color:rgba(246,245,241,.6);cursor:pointer}
.ct-ok input{margin-top:2px;accent-color:var(--kobalt-hell)}
.ct-msg{margin:10px 0 0;font-size:13px;min-height:1.2em;color:rgba(246,245,241,.75)}
.ct-msg.fehler{color:#f29590}.ct-msg.ok{color:#7fdcab}
.ct-lk{display:inline-block;margin-top:6px;font-size:13px;color:#aebcff;text-decoration:none;border-bottom:1px solid rgba(174,188,255,.4)}
.ct-termin{display:inline-flex;margin-top:14px}
@media (max-width:520px){.ct-form{flex-direction:column}}

/* ═══ Ergebnis als Bericht auf Papier — im Stil von Web Norddeutschland statt Dashboard ═══ */
.lupe-ergebnis.blatt{position:relative;margin-top:clamp(48px,6vw,80px);padding:clamp(28px,5vw,72px) clamp(22px,5.5vw,80px) clamp(32px,5vw,64px);border-top:0;background:var(--papier);color:var(--tinte);border-radius:2px;box-shadow:0 40px 100px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.04) inset;animation:blattRaus 1.1s var(--ease) both}
@keyframes blattRaus{from{opacity:0;transform:translateY(60px) rotate(-.4deg)}to{opacity:1;transform:none}}
.lupe-ergebnis.blatt::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,17,20,.035),transparent 120px)}
.blatt .bl-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-bottom:16px;border-bottom:1px solid var(--linie2);font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--graphit)}
.blatt .lupe-k{color:var(--kobalt)}
/* Kopf: große Zahl statt Ring */
.blatt .le-kopf{margin-top:clamp(28px,4vw,48px);align-items:flex-end;gap:clamp(24px,5vw,72px)}
.blatt .le-ring{width:auto;aspect-ratio:auto;display:flex;align-items:baseline;gap:8px}
.blatt .le-ring svg{display:none}
.blatt .le-ring b{font-family:var(--display);font-weight:800;font-size:clamp(84px,11vw,150px);letter-spacing:-.06em;line-height:.85;color:var(--tinte)}
.blatt .le-ring small{position:static;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,26px);letter-spacing:0;color:var(--graphit)}
.blatt .le-urteil{color:var(--tinte);font-size:clamp(22px,2.3vw,31px);line-height:1.3;max-width:34ch}
/* Bereiche: ruhige Tabelle mit feinen Linien */
.blatt .le-bereiche{gap:0 48px;margin-top:clamp(32px,4vw,52px);border-top:1px solid var(--tinte)}
.blatt .le-b{grid-template-columns:minmax(0,1fr) 120px 30px;grid-template-areas:"k l n";padding:14px 0;border-top:0;border-bottom:1px solid var(--linie)}
.blatt .le-b-k{font-size:15px;color:var(--tinte)}
.blatt .le-b-l{height:2px;background:var(--linie);border-radius:0}
.blatt .le-b-l i{border-radius:0;background:var(--tinte)!important}
.blatt .le-b b{font-family:var(--display);font-weight:700;font-size:15px;color:var(--tinte)}
/* Stärken und Bau-Idee */
.blatt h3{color:var(--tinte);font-size:clamp(22px,2.2vw,28px)}
.blatt .le-staerken li{color:var(--graphit);font-size:15.5px}
.blatt .le-staerken li::before{content:"";top:.62em;width:12px;height:2px;background:var(--kobalt)}
.blatt .le-idee{background:transparent;color:var(--tinte);border-radius:0;padding:4px 0 4px 26px;border-left:2px solid var(--kobalt)}
.blatt .le-idee::after,.blatt .le-idee::before{display:none}
.blatt .le-idee p{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.8vw,24px);line-height:1.4;color:var(--tinte)}
/* Potenziale: nummerierte Liste, Inhalt geschwärzt */
.blatt .le-befunde{margin-top:clamp(48px,6vw,80px)}
.blatt .le-befunde h3{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.035em}
.blatt .le-befunde-sub{color:var(--graphit);font-size:16px}
.blatt .le-befunde ol{gap:0 48px;margin-top:28px;border-top:1px solid var(--tinte)}
.blatt .le-f{background:transparent;border:0;border-bottom:1px solid var(--linie);border-radius:0;padding:22px 0 24px;grid-template-columns:52px 1fr;gap:0}
.blatt .le-f.hell{background:transparent}
.blatt .le-f-nr{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.04em;color:var(--tinte);padding-top:0;line-height:1}
.blatt .le-f-kopf{align-items:baseline;gap:4px 12px}
.blatt .le-f-tag{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--tinte)}
.blatt .le-f-w{border:0;padding:0;font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0;text-transform:none}
.blatt .w-hoch .le-f-w{color:#b3352d}.blatt .w-mittel .le-f-w{color:#9a5b0c}.blatt .w-gering .le-f-w{color:var(--graphit)}
.le-f-geschwaerzt{display:grid;gap:9px;margin:14px 0 0}
.le-f-zeile{display:flex;flex-wrap:nowrap;gap:1.6%;height:13px}
.le-f-zeile i{display:block;height:100%;background:var(--tinte);border-radius:1px}
.blatt .le-f-schloss{display:inline-flex;margin:14px 0 0;padding:0;border:0;border-radius:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--kobalt)}
.blatt .le-f-schloss::before{content:"→";margin-right:8px}
/* Abschluss */
.blatt .le-cta{background:transparent;border:0;border-top:1px solid var(--tinte);border-radius:0;padding:28px 0 0;margin-top:clamp(40px,5vw,64px)}
.blatt .le-cta p{color:var(--graphit)}
.blatt .le-cta b{color:var(--tinte)}
.blatt .le-cta .btn-rand{color:var(--tinte);border-color:var(--linie2)}
.blatt .le-cta .btn-rand:hover{border-color:var(--tinte)}
@media (max-width:760px){.blatt .le-b{grid-template-columns:minmax(0,1fr) 70px 28px}.blatt .le-kopf{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.lupe-ergebnis.blatt{animation:none}}

/* ═══ Rückfrage vor der Analyse (Aktionsseite) ═══ */
.frage{position:relative;overflow:hidden;background:var(--papier);padding:clamp(70px,9vw,130px) 0;border-top:1px solid var(--linie);isolation:isolate}
.frage-h{font-size:clamp(36px,5.6vw,80px);line-height:1.04;max-width:16ch;margin-top:20px}
.frage-h em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--kobalt);overflow-wrap:anywhere}
.frage-sub{margin:24px 0 0;max-width:56ch;font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--graphit)}
.frage-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.frage-danke{margin:26px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,26px);color:var(--tinte)}
.fr-w,.fr-z{display:inline-block;opacity:0;transform:translateY(.55em);filter:blur(6px);transition:opacity .7s var(--ease),transform .8s var(--ease),filter .7s var(--ease);transition-delay:calc(var(--i) * 70ms + 120ms)}
.fr-z{display:block}
.frage-knoepfe.fr-z{display:flex}
.frage.da .fr-w,.frage.da .fr-z{opacity:1;transform:none;filter:none}
.frage.da .fr-dom{background-image:linear-gradient(transparent 62%,rgba(33,64,232,.16) 62%);background-repeat:no-repeat;background-size:0% 100%;animation:frageMarker 1s var(--ease) 1.1s forwards}
@keyframes frageMarker{to{background-size:100% 100%}}
.frage.abgelehnt .frage-knoepfe{opacity:0;pointer-events:none;transform:translateY(-6px)}
.frage-flut{position:absolute;inset:0;z-index:5;background:var(--nacht);clip-path:circle(0 at var(--fx,50%) var(--fy,50%));pointer-events:none}
.frage.geht-los .frage-flut{animation:frageFlut .95s cubic-bezier(.7,0,.2,1) forwards}
@keyframes frageFlut{to{clip-path:circle(150% at var(--fx,50%) var(--fy,50%))}}
.lupe.aus-frage{animation:lupeEin .8s ease both}
@keyframes lupeEin{from{opacity:.0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.fr-w,.fr-z{transition:none;opacity:1;transform:none;filter:none}.frage.da .fr-dom{animation:none}.frage.geht-los .frage-flut{animation:none}}