/* Zusatz für Recruiting-Check, Entscheidungsseiten und Vorlagen. Baut auf seiten.css auf. */
.art-col a.btn{text-decoration:none;color:#0C0C0D}
.art-col>h3:first-child{margin-top:0}
.rt-hinweis{font-size:16px;color:#55555A}
.rt-klein{font-size:15px;color:#55555A;margin-top:14px}
noscript .tip-box{display:block}

/* Check */
.rc{background:#fff;border-radius:22px;padding:clamp(20px,3.4vw,36px);margin:0 0 28px;scroll-margin-top:100px}
html:not(.js) .rc,html:not(.js) .kv{display:none}
.rc-stand{font-size:14px;font-weight:600;color:#55555A;margin:0 0 8px}
.rc-balken{height:6px;border-radius:3px;background:#E6E2DB;overflow:hidden;margin-bottom:26px}
.rc-balken span{display:block;height:100%;width:12.5%;background:var(--gold-dark);transition:width .3s var(--ease)}
.rc fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
.rc legend{padding:0;margin:0 0 14px;width:100%;font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1;color:#0C0C0D;overflow-wrap:break-word}
.rc legend:focus{outline:none}
.rc-hilfe{font-size:16px;color:#55555A;margin:-6px 0 14px}
.rc-wahl{display:flex;align-items:flex-start;gap:12px;min-height:50px;padding:12px 16px;margin-bottom:8px;border:1.5px solid #CFCAC1;border-radius:14px;cursor:pointer;font-size:17px;line-height:1.4;color:#26262A}
.rc-wahl:hover{border-color:#6b6b70}
.rc-wahl input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#7A4F0C}
.rc-wahl:has(input:checked){border-color:#0C0C0D;background:#F7F4EE}
.rc-wahl input:checked+span{font-weight:700;color:#0C0C0D}
.rc-wahl:focus-within{outline:2px solid #0C0C0D;outline-offset:2px}
.rc-fehler{color:#8C2A1C;font-weight:600;font-size:16px;margin:0 0 14px}
.rc-fehler[hidden],.rc-schritt[hidden],.rc-res[hidden],.rc-form[hidden]{display:none}
.rc-knoepfe{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.rc-knoepfe .btn[hidden]{display:none}
.rc-knoepfe .btn:only-child,.rc-knoepfe #rc-weiter{margin-left:auto}

/* Ergebnis */
.rc-res{border-radius:18px;padding:clamp(20px,3vw,32px);font-size:18px;line-height:1.6}
.rc-res:focus{outline:none}
.rc-res[data-stufe="ja"]{background:#0C0C0D;color:var(--text)}
.rc-res[data-stufe="klaeren"]{background:#F7F4EE;border:1.5px solid var(--gold-dark);color:#26262A}
.rc-res[data-stufe="nein"]{background:#E9E5DD;color:#26262A}
.rc-res .rc-over{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;color:inherit;opacity:.78}
.rc-urteil{font-size:clamp(2.3rem,5.4vw,3.6rem);margin:0 0 14px;color:#0C0C0D}
.rc-urteil:focus{outline:none}
.rc-res[data-stufe="ja"] .rc-urteil{color:var(--gold)}
.rc-res[data-stufe="klaeren"] .rc-urteil{color:#7A4F0C}
.rc-res h4{font-size:19px;line-height:1.3;font-weight:700;margin:24px 0 8px;color:inherit}
.rc-res p{margin:0 0 10px}
.rc-res ul{margin:0 0 8px}
.rc-res li{margin-bottom:8px}
.rc-res[data-stufe="ja"] strong{color:var(--text)}
.rc-res[data-stufe="ja"] a:not(.btn){color:var(--gold-light);text-decoration-color:currentColor}
.rc-res[data-stufe="ja"] ul>li::before{background:var(--gold)}
.rc-res[data-stufe="ja"] .btn.o{box-shadow:inset 0 0 0 1.5px #77777C}
.rc-res[data-stufe="ja"] a.btn.o,.rc-res[data-stufe="ja"] button.btn.o{color:var(--text)}
.rc-angaben{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 16px;font-size:16px;margin:0}
.rc-angaben dt{font-weight:600}
.rc-angaben dd{margin:0}
.rc-grenze{font-size:15px;opacity:.86;margin-top:18px}
.rc-aktion{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

/* Kostenvergleich */
.kv{background:#fff;border-radius:22px;padding:clamp(20px,3.4vw,36px);margin:8px 0 28px}
.kv fieldset{border:0;border-top:1px solid #E6E2DB;padding:18px 0 4px;margin:0;min-width:0}
.kv legend{float:left;width:100%;font-size:19px;font-weight:700;line-height:1.3;color:#0C0C0D;margin-bottom:12px}
.kv legend+*{clear:both}
.kv-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:14px}
.kv-feld label{display:block;font-size:15px;font-weight:600;line-height:1.35;margin-bottom:6px;color:#26262A}
.kv-feld input{display:block;width:100%;font:inherit;font-size:17px;padding:11px 14px;border:1.5px solid #8F8B83;border-radius:12px;background:#fff;color:#0C0C0D}
.kv-feld input:focus-visible{outline:2px solid #0C0C0D;outline-offset:2px}
.kv-feld input[aria-invalid="true"]{border-color:#8C2A1C}
.kv-formeln{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:14px;line-height:1.55;background:#F7F4EE;border-radius:14px;padding:14px 16px;margin-bottom:6px;overflow-wrap:anywhere}
.kv-formeln p{margin:0 0 8px}
.kv-formeln p:last-child{margin-bottom:0}
.kv-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kv-aus{margin-top:22px}
.kv-aus h3{font-size:19px;font-weight:700;line-height:1.3;color:#0C0C0D;margin:0 0 4px}
.kv-aus .table-wrap{background:#F7F4EE;margin:10px 0 12px}
.kv-aus .price-table th,.kv-aus .price-table td{border-color:#E0DBD2}
.kv-aus .price-table td:nth-child(2){font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:14px;overflow-wrap:anywhere}

/* Vergleichstabelle */
.vg-tab{table-layout:fixed}
.vg-tab th{letter-spacing:.03em;font-size:12px;padding:14px 12px;hyphens:auto;overflow-wrap:break-word;color:#55555A}
.vg-tab td{font-size:15px;padding:12px;hyphens:auto}
.vg-tab th:first-child,.vg-tab td:first-child{width:21%}
.vg-tab td:first-child{font-weight:700;color:#0C0C0D}
.art-col .table-wrap p{margin:0}
.rat-tab th:first-child,.rat-tab td:first-child{width:48%}

/* Vorlagen */
.vl{background:#fff;border-radius:22px;padding:clamp(20px,3.4vw,36px);margin:0 0 28px;scroll-margin-top:100px}
.vl-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 18px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #E6E2DB}
.vl-kopf h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0}
.vl-aktion{display:flex;gap:8px;flex-wrap:wrap}
html:not(.js) .vl-aktion{display:none}
.vl-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:'Archivo',system-ui,sans-serif;font-size:17px;line-height:1.6;color:#0C0C0D}
.vl-status{min-height:1.4em;font-size:15px;font-weight:600;color:#55555A;margin:10px 0 0}
.vl-rat{margin-top:18px;padding-top:16px;border-top:1px solid #E6E2DB;font-size:16px;line-height:1.55;color:#3F3F44}
.vl-rat strong{color:#0C0C0D}
.vl-rat p{margin:0 0 8px}
.vl-rat p:last-child{margin-bottom:0}

@media(max-width:900px){
 .rt-check .art-rail{display:none}
 .rt-check .kurzantwort{margin-top:-92px}
}
@media(max-width:560px){
 .kv-felder{grid-template-columns:minmax(0,1fr)}
 .rc-knoepfe .btn{flex:1 1 auto;justify-content:center}
 .rc-angaben{grid-template-columns:minmax(0,1fr)}
 .rc-angaben dd{margin-bottom:6px}
}
@media(max-width:640px){
 .kv-aus .price-table td:empty{display:none}
 .vg-tab{table-layout:auto}
 .vg-tab th:first-child,.vg-tab td:first-child,.rat-tab th:first-child,.rat-tab td:first-child{width:100%}
 .vg-tab td{font-size:16px;hyphens:manual}
 .art-col .table-wrap p{margin:0}
}
@media(prefers-reduced-motion:reduce){.rc-balken span{transition:none}}

@media print{
 @page{margin:16mm}
 html,body{background:#fff!important;color:#000!important;font-size:12pt}
 .nav,footer,.mobile-bar,.floating-phone,#cookie-banner,.lf-anfrage,#cta,.art-rail,.progress,.crumb,.art-meta img,.faq-list,.rt-kein-druck,.vl-aktion,.vl-status,.quellen{display:none!important}
 .fade-up,.hero-rise,.ln i{opacity:1!important;transform:none!important}
 .art-head{padding:0 0 10pt!important}
 .art-head h1,.hd,.hd b{color:#000!important;font-size:22pt}
 .art-head .over,.art-meta{color:#333!important}
 .pap,.art-body{background:#fff!important;padding:0!important}
 .wrap{padding:0!important;max-width:none}
 .art-grid{display:block}
 .art-col{max-width:none;font-size:12pt;color:#000}
 .kurzantwort{margin:0 0 12pt;background:none;color:#000;border:1px solid #999;border-radius:6pt;padding:10pt}
 .vl{padding:0;margin:0;border-radius:0;break-after:page}
 .vl:last-of-type{break-after:auto}
 .vl-text{font-size:11.5pt;line-height:1.45;color:#000}
 .vl-rat{font-size:10.5pt;color:#000;break-inside:avoid}
 body.nur-vl .art-head,body.nur-vl .kurzantwort,body.nur-vl .art-col>*:not(.vl),body.nur-vl .vl:not(.vl-druck){display:none!important}
}