/* Favoso Interaktiv – konsolidierte Gestaltung; fachliche JavaScript-Regeln unverändert. */
:root {--check-ink:#263264;--check-text:#30384d;--check-muted:#626d86;--check-paper:#f9faff;--check-line:#dde2f0;--check-blue:#6a78ba;--check-orange:#ea6846;--check-orange-deep:#c65538;}
.fav-check,.fav-check * {box-sizing:border-box;}
.fav-check {margin:0;background:var(--check-paper);color:var(--check-text);font:16px/1.55 PTSans,Arial,sans-serif;}
.fav-check a:focus-visible,.fav-check button:focus-visible,.fav-check input:focus-visible,.fav-check summary:focus-visible {outline:3px solid var(--check-orange);outline-offset:3px;}
/* Originalheader, bewusst ohne dekorativen Bild-/Sloganbanner. */
.fav-check .fav-site-header {background:#fff;border-bottom:2px solid var(--check-orange);}
.fav-check-breadcrumb {background:#f9faff;border-bottom:1px solid var(--check-line);font:13px/1.4 PTSans,Arial,sans-serif;color:#69758e;}
.fav-check-breadcrumb .container {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;padding-bottom:10px;}
.fav-check-breadcrumb a {color:#5367af;text-decoration:none;}
.fav-check-breadcrumb a:hover {color:var(--check-orange-deep);text-decoration:underline;}
.fav-check-breadcrumb [aria-current=page] {font-weight:700;color:#263264;}
.fav-check-main {max-width:1020px;margin:0 auto;padding:27px 20px 45px;}
.fav-check-main h1 {font:700 30px/1.21 PTSans,Arial,sans-serif;letter-spacing:-.013em;color:var(--check-ink);margin:8px 0 16px;}
.fav-check-main h2 {font:700 23px/1.27 PTSans,Arial,sans-serif;color:var(--check-ink);margin:14px 0;}
.fav-check-main h3 {font:700 18px/1.3 PTSans,Arial,sans-serif;color:var(--check-ink);margin:12px 0 8px;}
.fav-check-main p {margin:10px 0;}
.fav-check-main .eyebrow {font:700 12px/1.4 PTSans,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--check-blue);margin:0 0 5px;}
.fav-check-main .lead {font:17px/1.5 PTSans,Arial,sans-serif;color:#455477;}
.fav-check-main .meta {font:13px/1.5 PTSans,Arial,sans-serif;color:var(--check-muted);}
.fav-check-main button,.fav-check-main .button {font:700 15px/1.4 PTSans,Arial,sans-serif;border:1px solid transparent;cursor:pointer;padding:11px 17px;background:var(--check-ink);color:#fff;border-radius:4px;text-decoration:none;display:inline-block;}
.fav-check-main .primary {background:var(--check-orange);border-color:var(--check-orange);color:#fff;}
.fav-check-main .primary:hover {background:var(--check-orange-deep);border-color:var(--check-orange-deep);color:#fff;}
.fav-check-main .quiet {background:#fff;color:var(--check-ink);border-color:#cfd6ea;}
.fav-check-main .quiet:hover {background:#eef1f9;}
.fav-check-main .hidden {display:none!important;}
/* Konzentration auf das Eingangsproblem statt auf großflächige Textblöcke. */
.fav-check-intro-layout {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:36px;align-items:start;}
.fav-check-intro-content {min-width:0;}
.fav-check-intro-content > p:not(.meta) {max-width:590px;}
.fav-check-intro-actions {display:flex;gap:10px;flex-wrap:wrap;margin:21px 0 12px;}
.fav-check-intro-aside {background:#f0f2fa;border:1px solid #e1e5f2;border-radius:4px;padding:21px 23px;}
.fav-check-aside-title {font:700 12px/1.4 PTSans,Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;color:#5368aa;margin:0 0 14px!important;}
.fav-check-intro-aside ol {list-style:none;margin:0;padding:0;}
.fav-check-intro-aside li {display:flex;gap:12px;margin:0 0 13px;padding:0 0 13px;border-bottom:1px solid #dce2f0;}
.fav-check-intro-aside li:last-child {margin:0;padding:0;border:none;}
.fav-check-intro-aside li > span {font-weight:700;color:#e16648;flex:none;}
.fav-check-intro-aside strong {display:block;font-size:15px;line-height:1.4;color:#263264;}
.fav-check-intro-aside small {display:block;color:#657089;font-size:13px;line-height:1.4;margin-top:3px;}
.fav-check-noscript {color:#9f3d25;padding:9px;background:#fff4f1;}
/* Ablauf: unaufdringliche Fortschrittsanzeige und gut lesbare Antwortfelder. */
.fav-check-main .steps {display:flex;gap:13px;margin:12px 0 19px;font-size:13px;color:var(--check-muted);}
.fav-check-main .steps span {border-top:3px solid var(--check-line);padding-top:9px;flex:1;}
.fav-check-main .steps span.on {border-color:var(--check-orange);font-weight:700;color:var(--check-ink);}
.fav-check-main #quiz {max-width:940px;}
.fav-check-main #quiz h2 {margin:10px 0 8px;}
.fav-check-main fieldset {border:0;border-top:1px solid var(--check-line);padding:20px 0 3px;margin:15px 0;min-width:0;}
.fav-check-main legend {font-weight:700;font-size:17px;line-height:1.4;margin:0 0 12px;padding:0;float:none;width:auto;border:0;color:#263264;}
.fav-check-main fieldset .meta {max-width:720px;}
.fav-check-main .options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.fav-check-main .option {display:flex;gap:10px;background:#fff;border:1px solid #dce1ed;border-radius:4px;padding:12px 14px;cursor:pointer;font-size:15px;line-height:1.48;min-width:0;}
.fav-check-main .option:has(input:checked) {background:#f0f2fa;border-color:var(--check-blue);box-shadow:inset 3px 0 var(--check-orange);}
.fav-check-main .option:hover {border-color:#9aa7d1;}
.fav-check-main .option input {flex:none;accent-color:var(--check-orange);margin:4px 0 0;}
.fav-check-main .nav {display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:25px;}
.fav-check-main .nav > div {display:flex;flex-wrap:wrap;gap:8px;}
.fav-check-main .error {color:#9d3727;}
/* Befunde: keine massive Hintergrundfläche, sondern getrennte lesbare Beobachtungen. */
.fav-check-main #result > .lead {max-width:720px;margin:6px 0 17px;}
.fav-check-main .fav-check-findings-heading {font-size:18px;padding-top:18px;border-top:1px solid var(--check-line);margin:21px 0 9px;}
.fav-check-main #findings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:0 0 26px;}
.fav-check-main .finding {border-top:2px solid var(--check-blue);padding:10px 4px 5px 0;min-width:0;}
.fav-check-main .finding.warn {border-color:var(--check-orange);}
.fav-check-main .finding h3 {margin:0 0 6px;font-size:17px;}
.fav-check-main .finding p {font-size:15px;line-height:1.52;margin:0;}
.fav-check-main .grid {display:grid;grid-template-columns:1fr 1fr;gap:17px;}
.fav-check-main .panel {background:#fff;border:1px solid var(--check-line);padding:23px;border-radius:4px;min-width:0;}
.fav-check-main .panel.dark {background:#eef1fa;color:#263264;border-color:#d6deef;}
.fav-check-main .panel.dark h2,.fav-check-main .panel.dark h3,.fav-check-main .panel.dark p {color:#263264;}
.fav-check-main .panel.dark .eyebrow {color:#596faf;}
.fav-check-main .panel.dark .meta {color:#626d86;}
.fav-check-main .panel h2 {font-size:21px;margin:11px 0 14px;}
.fav-check-main .panel ol {padding-left:21px;}
.fav-check-main .panel li {margin:0 0 7px;}
.fav-check-main .panel .button {max-width:100%;}
.fav-check-main .range {width:100%;accent-color:var(--check-blue);}
.fav-check-main label.slider {display:block;margin:17px 0;}
.fav-check-main .value {float:right;font-weight:700;}
.fav-check-main details {margin:20px 0;border-top:1px solid var(--check-line);padding-top:12px;}
.fav-check-main summary {cursor:pointer;font-weight:700;color:var(--check-ink);}
.fav-check-main .badge {display:inline-block;padding:5px 10px;background:#e9ecf9;font-size:12px;font-weight:700;}
/* Klarstellung: das Gedankenspiel betrachtet nur ausgewaehlte Annahmen. */
.fav-check-intro-aside .fav-check-aside-note {font:13px/1.47 PTSans,Arial,sans-serif;color:#606c86;margin:14px 0 0;padding-top:12px;border-top:1px solid #dfe4f2;}
@media(max-width:767.98px){
 .fav-check-main {padding:23px 15px 38px;}
 .fav-check-main h1 {font-size:26px;}
 .fav-check-main h2 {font-size:21px;}
 .fav-check-intro-layout {grid-template-columns:1fr;gap:17px;}
 .fav-check-intro-aside {padding:18px 19px;}
 .fav-check-main .steps {gap:7px;font-size:11.5px;}
 .fav-check-main .options,.fav-check-main #findings,.fav-check-main .grid {grid-template-columns:1fr;}
 .fav-check-main .panel {padding:20px;}
 .fav-check-main .nav > div {width:100%;}
}
@media(max-width:420px){
 .fav-check-main .fav-check-intro-actions {display:grid;}
 .fav-check-main .fav-check-intro-actions button {width:100%;}
 .fav-check-main .nav > div > button {flex:1;}
}
@media print{
 .fav-check .fav-site-header,.fav-check .fav-footer,.fav-check .fav-page-index,.fav-check-breadcrumb,.fav-check-main .no-print,.fav-check-main #intro,.fav-check-main #quiz {display:none!important;}
 .fav-check-main #result {display:block!important;}
 .fav-check-main {padding:0;max-width:none;}
 .fav-check-main .grid,.fav-check-main #findings {display:block;}
 .fav-check-main .panel {break-inside:avoid;margin:0 0 14px;}
 .fav-check-main .finding {break-inside:avoid;}
 .fav-check {font-size:12px;background:#fff;}
 .fav-check-main h1 {font-size:27px;}
 .fav-check-main button,.fav-check-main .button {display:none!important;}
}

/* V17: Einstieg direkt in Frage 1, ohne wiederholte Einführungsseite. */
.fav-check-main {padding-top:24px;}
.fav-check-main #quiz {min-height:330px;}
.fav-check-noscript {display:block;max-width:850px;margin:25px auto;background:#fff4f1;padding:14px 19px;color:#963b28;}
.fav-check-disclaimer {max-width:1000px;margin:19px 0 7px;padding:15px 2px;border-top:1px solid #dce2ef;color:#636c83;font:13px/1.55 PTSans,Arial,sans-serif;}
.fav-check-disclaimer strong {display:block;margin-bottom:4px;color:#4d5a76;}
.fav-check-disclaimer p {margin:0;}