/* Gemeinsame Ergebnis-Darstellung: Schnellcheck und Plus-Report */
.rhead{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 24px;padding:28px 30px 26px;color:#fff;background:var(--navy)}
.rhead .kick{display:block;font:700 13px/1.2 var(--h);letter-spacing:.14em;text-transform:uppercase;color:#b9c6e6;margin-bottom:8px}
.rhead h2{margin:0;color:#fff;font:800 clamp(28px,3.6vw,40px)/1.1 var(--h);overflow-wrap:anywhere}
.rhead .meta{font-size:15px;color:#d5dcf0;text-align:right}
.rhead .meta b{display:block;color:#fff;font:700 16px/1.3 var(--h)}
.register>header{display:none}
.verdict{display:grid;grid-template-columns:72px 1fr;gap:6px 22px;align-items:start;padding:28px 30px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--head)}
.verdict.gruen,.verdict.gelb,.verdict.rot{background:#fff;color:var(--head)}
.verdict .vicon{grid-row:span 2;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:900 36px/1 var(--h);color:#fff}
.verdict.gruen .vicon{background:var(--green)}.verdict.gelb .vicon{background:#c58a00}.verdict.rot .vicon{background:var(--red)}
.verdict .vlabel{font:800 14px/1.2 var(--h);letter-spacing:.1em;text-transform:uppercase}
.verdict.gruen .vlabel{color:var(--green)}.verdict.gelb .vlabel{color:#9a6c00}.verdict.rot .vlabel{color:var(--red)}
.verdict h3{color:var(--head);font-size:clamp(21px,2.4vw,26px);line-height:1.25;margin:6px 0 8px}
.verdict p{color:var(--text);margin:0;font-size:17px}
.verdict .vrec{grid-column:2;display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;background:var(--bg);border:1px solid var(--line)}
.verdict .vrec::before{content:"→";font:900 20px/1.2 var(--h);color:var(--indigo)}
.verdict .vrec b{display:block;font:700 17px/1.35 var(--h);color:var(--head)}
.verdict .vrec span{display:block;font-size:16px;color:var(--text);margin-top:2px}
.glance{grid-template-rows:auto auto auto;row-gap:0}
.glance a{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px;align-content:start}
.rsec h4 .ht{display:flex;gap:14px;align-items:flex-start}
.secno{flex:none;width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;font:800 17px/34px var(--h);font-style:normal;text-align:center}
.rsec h4 .amp,.rows .amp{min-width:136px;justify-content:center}
/* Domain-Abschnitt */
.browser{border:1px solid var(--line-2);background:#fff;box-shadow:var(--shadow);margin:4px 0 22px}
.browser .bar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#eef2f8;border-bottom:1px solid var(--line)}
.browser .dots{display:flex;gap:6px}.browser .dots i{width:11px;height:11px;border-radius:50%;background:#cfd8e6}
.browser .url{flex:1;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff;border:1px solid var(--line);font:800 clamp(20px,2.6vw,28px)/1.1 var(--h);color:var(--head);overflow-wrap:anywhere}
.browser .url svg{flex:none;width:18px;height:18px;color:var(--muted)}
.browser .bstat{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 18px}
.browser .bstat .amp{font-size:16px;padding:8px 14px}
.browser .bstat p{margin:0;font-size:17px;flex:1;min-width:220px}
.browser.frei{border-color:var(--green)}
.domsub{display:flex;align-items:center;gap:10px;font:700 19px/1.3 var(--h);color:var(--head);margin:0 0 8px}
.lockgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 18px}
.lockgrid span{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border:1px dashed var(--line-2);font:700 15px/1.2 var(--h);color:var(--muted)}
.lockgrid span svg{flex:none;width:14px;height:14px;color:var(--indigo)}
.lockgrid span.firm{grid-column:1/-1;color:var(--head);justify-content:center}
@media (max-width:700px){.lockgrid{grid-template-columns:1fr 1fr}}
/* Wie geht es weiter: Weg zur Marke */
.whatnext{margin-top:44px;--bronze:#a8682f;--silber:#7f8a99;--gold:#b8901a}
.whatnext > h3{font-size:clamp(26px,2.8vw,32px);margin:0 0 8px}
.whatnext > p{margin:0 0 26px;font-size:17px}
.flow{position:relative;display:grid;gap:22px}
.flow::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:3px;background:var(--line-2)}
.fstep{position:relative;display:grid;grid-template-columns:48px 1fr;gap:0 20px}
.fstep>.n{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--c,var(--indigo));color:#fff;font:800 22px/48px var(--h);text-align:center;box-shadow:0 0 0 6px var(--ring,#fff)}
.fstep:nth-child(1){--c:#3d58b8}.fstep:nth-child(2){--c:var(--indigo)}.fstep:nth-child(3){--c:var(--navy)}
.fbody{min-width:0}
.fhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:6px 0 12px}
.fhead h4{margin:0;font:800 clamp(22px,2.4vw,27px)/1.2 var(--h);color:var(--head)}
.fhead h4 small{display:block;margin-top:3px;font:400 15px/1.35 var(--b);color:var(--muted)}
.fbox{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--line-2)}
.fbox.rec{border:2px solid var(--green);background:var(--green-bg)}
.fbox h5{margin:0 0 4px;font:800 19px/1.3 var(--h);color:var(--head)}
.fbox h5 .pr{margin-left:8px;color:var(--head);white-space:nowrap}
.fbox>div{min-width:0}
.fbox p{margin:0;font-size:16px}
.fbox .acts{display:grid;gap:6px;justify-items:center}
.fbox .acts .btn{white-space:nowrap}
.fbox .acts a.sub{font-size:15px}
.fnote{margin:10px 0 0;font-size:15px;color:var(--muted)}
.rec-flag{display:inline-block;margin:0 0 8px;background:var(--green);color:#fff;font:900 12px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px}
.regsw{display:inline-flex;border:1px solid var(--line-2);background:#fff}
.regsw button{font:700 14px/1 var(--h);padding:9px 14px;border:0;background:#fff;color:var(--muted);cursor:pointer}
.regsw button[aria-pressed=true]{background:var(--indigo);color:#fff}
.npkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;grid-template-rows:auto auto auto 1fr auto}
.npkg{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;background:#fff;border:1px solid var(--line-2);border-top:6px solid var(--m)}
.npkg.bronze{--m:var(--bronze);--mt:#f8efe6}.npkg.silber{--m:var(--silber);--mt:#eef1f5}.npkg.gold{--m:var(--gold);--mt:#fbf3d9}
.npkg.rec{outline:2px solid var(--green);outline-offset:-1px}
.npkg .ph{padding:14px 16px 4px;background:linear-gradient(var(--mt),#fff)}
.npkg{position:relative}.npkg .ph .rec-flag{position:absolute;top:-17px;right:12px;margin:0}
.npkg .pn{display:flex;align-items:center;gap:8px;font:800 21px/1.2 var(--h);color:var(--head)}
.npkg .pn::before{content:"";width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8,var(--m))}
.npkg .pf{padding:0 16px;font-size:15px;color:var(--muted)}
.npkg .pp{padding:10px 16px 6px;font:900 30px/1 var(--h);color:var(--head)}
.npkg .pp small{font:400 14px var(--b);color:var(--muted);margin-left:4px}
.npkg ul{list-style:none;margin:0;padding:6px 16px 14px;display:grid;gap:7px;align-content:start}
.npkg li{position:relative;padding-left:22px;font-size:15px;line-height:1.4}
.npkg li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:var(--green)}
.npkg li.all{color:var(--muted)}
.npkg li.all::before{content:"+";color:var(--muted)}
.npkg .pb{padding:0 16px 16px}
.npkg .pb .btn{width:100%;text-align:center;background:var(--m);border-color:var(--m)}
.npkg.silber .pb .btn{background:#5f6b7c;border-color:#5f6b7c}
.npkg.gold .pb .btn{background:#9a7810;border-color:#9a7810}
@media (max-width:900px){.npkgs{grid-template-columns:1fr;grid-template-rows:none}.npkg{grid-row:auto;grid-template-rows:none;display:block}}
@media (max-width:640px){.fstep{grid-template-columns:36px 1fr;gap:0 12px}.fstep>.n{width:36px;height:36px;font-size:17px;line-height:36px}.flow::before{left:17px}.fbox{grid-template-columns:1fr;padding:16px}.fbox h5 .pr{display:block;margin:2px 0 0}.fbox .acts{justify-items:stretch}.fbox .acts .btn{text-align:center}}
@media (max-width:640px){.rhead{padding:22px 16px}.rhead .meta{text-align:left}.verdict{display:block;padding:20px 16px}.verdict .vicon{float:left;width:44px;height:44px;font-size:24px;margin:0 12px 4px 0}.verdict .vlabel{display:block;min-height:44px;padding-top:6px;line-height:1.35}.verdict h3{clear:both}.verdict .vrec{clear:both}}
@media print{.rhead{background:#fff;color:var(--head);border-bottom:2px solid var(--head);padding:0 0 12px}.rhead h2{color:var(--head)}.rhead .kick,.rhead .meta,.rhead .meta b{color:var(--head)}}

/* Gemeinsame Pillen und Karten */
.lvl{min-width:104px;text-align:center}
.alts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.alt{display:flex;flex-direction:column}
.alt .amp{align-self:flex-start;min-width:120px;justify-content:center;margin-bottom:6px}
.alt p:last-child{margin-top:auto!important;padding-top:8px}
/* Plus-Report: Domains */
.domstat{display:grid!important;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center;margin:22px 0 12px;padding:18px 20px;background:#fff;border:1.5px solid var(--green)!important}
.domstat .big{grid-row:span 2;width:72px;height:72px;border-radius:50%;background:var(--green-bg);display:grid;place-items:center;font:900 32px/1 var(--h)!important;color:var(--green)}
.domstat .lbl2{font:800 20px/1.3 var(--h)!important;color:var(--head)}
.domstat .free{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
.domstat .free span{font:700 15px/1.3 var(--b)!important;padding:5px 10px!important}
.domtab .st.st-m{display:none}
@media (max-width:560px){.domtab .st.st-m{display:inline-block}.domstat{grid-template-columns:1fr}.domstat .big{grid-row:auto;width:56px;height:56px;font-size:26px!important}.domstat .free{grid-column:1}}
.why{border-left:0!important;border:1px solid var(--line)!important}
.fstep.done>.n{background:var(--green)}
.plus-page .whatnext{--ring:var(--bg)}