/* Website-Schnellcheck (06.11.2026), nur auf /website-check/. Ampelfarben als dunklere, kontraststarke Töne (AA auf Weiß/Hellblau). */
.wc{--ok:#0a7d3b;--warn:#a34f00;--bad:#c5221f;--na:#4f6788}
.wc-form{display:flex;gap:var(--s3,16px);align-items:flex-end;flex-wrap:wrap;margin-top:var(--s4,24px)}
.wc-form .pg-f{flex:1 1 320px;margin:0}
.wc-form label{display:block;font-weight:600;margin-bottom:var(--s2,8px)}
.wc-form input{width:100%;height:var(--btn-lg,48px);padding:0 16px;border:1.5px solid #9fb3cf;border-radius:var(--r-sm,8px);font:inherit;font-size:17px;color:var(--navy,#012d5a);background:#fff}
.wc-form input:focus-visible{outline:3px solid var(--blue,#3b9bfa);outline-offset:2px}
.wc-form input[aria-invalid=true]{border-color:var(--bad)}
.wc-form button{background:var(--navy,#012d5a);color:#fff;border:0;cursor:pointer}   /* Primärknopf wie .btn-p (button-Element bekam sonst nur den Umriss) */
.wc-form button:hover{background:#0a4a8a}
.wc-form button:focus-visible{outline:3px solid var(--blue,#3b9bfa);outline-offset:3px}
.wc-form button[disabled]{opacity:.6;cursor:progress}
.wc-hint{margin-top:var(--s3,16px);color:var(--mute,#4f6788);font-size:15px}
.wc-hint a,.wc noscript a{color:var(--acc,#1b6cd0);text-decoration:underline;text-underline-offset:2px}
.wc-err{margin-top:var(--s2,8px);color:var(--bad);font-weight:600}
.wc-st{margin-top:var(--s3,16px);padding:var(--s3,16px) var(--s4,24px);border-radius:var(--r-md,16px);background:var(--lb,#edf2f9);font-weight:600}
.wc-out{margin-top:var(--s6,48px)}
.wc-out:focus{outline:none}
.wc-head h2:focus{outline:none}
.wc-url{word-break:break-all;color:var(--mute,#4f6788);margin-top:var(--s2,8px)}
.wc-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4,24px);margin:var(--s5,32px) 0}
.wc-score{display:flex;flex-direction:column;align-items:center;gap:var(--s2,8px);text-align:center;font-weight:600}
.wc-ring{--c:var(--na);width:104px;height:104px;border-radius:50%;display:grid;place-items:center;
 background:radial-gradient(closest-side,#fff 78%,transparent 79% 100%),conic-gradient(var(--c) calc(var(--p)*1%),#dbe4f0 0)}
.wc-ring b{font-size:30px;color:var(--c)}
.wc-ok .wc-ring{--c:var(--ok)}.wc-warn .wc-ring{--c:var(--warn)}.wc-bad .wc-ring{--c:var(--bad)}
/* Kontaktblock direkt nach den Punkten (06.11.2026): Navy-Fläche, weißer Primärknopf */
.wc-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4,24px) var(--s5,32px);margin:0 0 var(--s5,32px);
 padding:var(--s5,32px);border-radius:var(--r-lg,24px);background:var(--navy,#012d5a);color:#fff}
.wc-act>div{flex:1 1 380px}
.wc-act h3{margin:0 0 var(--s2,8px);font-size:24px;color:#fff}
.wc-act p{margin:0;color:var(--on-dark-text,#bcd2ee);font-size:17px}
.wc-act-btn{display:inline-flex;align-items:center;min-height:var(--btn-lg,48px);padding:0 28px;border-radius:999px;background:#fff;color:var(--navy,#012d5a);font-weight:600;font-size:17px;text-decoration:none;white-space:nowrap}
.wc-act-btn:hover{background:#dcebff}
.wc-act-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){.wc-act{padding:var(--s4,24px)}.wc-act-btn{width:100%;justify-content:center;white-space:normal;text-align:center}}
.wc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4,24px);margin-top:var(--s4,24px)}
.wc-box{background:var(--lb,#edf2f9);border-radius:var(--r-md,16px);padding:var(--s4,24px)}
.c-grey .wc-box{background:#fff}
.wc-box h3{font-size:18px;margin:0 0 var(--s3,16px)}
.wc-met,.wc-chk{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2,8px)}
.wc-met li{display:flex;justify-content:space-between;gap:var(--s3,16px);padding:var(--s2,8px) 0;border-bottom:1px solid #d3deec}
.wc-met li:last-child{border-bottom:0}
.wc-met b{white-space:nowrap}
.wc-met .wc-ok b{color:var(--ok)}.wc-met .wc-warn b{color:var(--warn)}.wc-met .wc-bad b{color:var(--bad)}
.wc-chk li{display:flex;gap:12px;align-items:flex-start;line-height:1.45}
.wc-chk i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px;color:#fff;background:var(--na);margin-top:1px}
.wc-chk .wc-ok i{background:var(--ok)}.wc-chk .wc-warn i{background:var(--warn)}.wc-chk .wc-bad i{background:var(--bad)}
.wc-note{margin-top:var(--s4,24px);font-size:15px;color:var(--mute,#4f6788)}
.wc-box .wc-note{margin-top:var(--s3,16px)}
.wc-cta{margin-top:var(--s5,32px);display:flex;flex-wrap:wrap;gap:var(--s3,16px) var(--s5,32px);align-items:center;justify-content:space-between;
 padding:var(--s4,24px);border-radius:var(--r-lg,24px);border:1.5px solid #c9d7ea}
.wc-cta p{flex:1 1 360px;margin:0}
@media(max-width:980px){.wc-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wc-scores{grid-template-columns:repeat(2,1fr)}.wc-ring{width:88px;height:88px}.wc-ring b{font-size:26px}
 .wc-form button{width:100%}}