/* Ruben Heinzelmann – Ergänzungen 15.10.2026
   1) Kontrast: heller Text auf Blau auf Weiß angehoben (WCAG AA, vorher 4,2:1, jetzt 5,0:1)
   2) Themenseiten, Themen-Karten, Checklisten
   3) Links in den Ergebnissen des Ernstfall-Checks
   4) Wortmarke für kundenbindung-lokal.de */

/* 1) Kontrast */
.doc-head p,.stair.core span{color:#fff}

/* 2) Themenseiten */
.tlay{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:56px;align-items:start}
.prose{max-width:780px}
.prose h2{margin-top:46px}
.prose h2:first-of-type{margin-top:0}
.prose p{margin-top:14px}
.prose a{color:var(--blau);font-weight:600}
.pl{margin:14px 0 0;padding-left:22px}
.pl li{margin-bottom:9px}
.kurz{background:var(--eis);border-left:4px solid var(--blau);border-radius:0 12px 12px 0;padding:18px 22px;margin-bottom:40px}
.kurz .k{display:block;font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--blau);margin-bottom:6px}
.kurz p{margin:0}
.side{position:sticky;top:110px;display:grid;gap:20px}
.side .calcbox{margin:0}
.ckcard{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:22px 24px}
.ckcard h3{margin:0 0 4px}
.ck{list-style:none;padding:0;margin:14px 0 0}
.ck li{display:flex;gap:12px;margin-bottom:11px;font-size:15.5px;line-height:1.45}
.ck li:before{content:"";flex:none;width:17px;height:17px;margin-top:3px;border:2px solid var(--blau);border-radius:4px}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tcard{display:block;background:#fff;border:1px solid var(--linie);border-radius:12px;padding:20px 22px;text-decoration:none;color:var(--text)}
.tcard b{display:block;font-family:Montserrat,Arial,sans-serif;font-size:17px;margin-bottom:6px;color:var(--text)}
.tcard span{display:block;font-size:15px;line-height:1.5;color:var(--mute)}
.tcard:hover,.tcard:focus-visible{border-color:var(--blau)}
.tcard:hover b{color:var(--blau)}
.topic-links{margin-top:22px;font-size:15px}
.topic-links a{color:var(--blau);font-weight:600}
@media(max-width:980px){.tlay,.tcards{grid-template-columns:1fr}.side{position:static}}

/* 3) Ernstfall-Check: Links im Ergebnis */
.vc-res .more{display:inline-block;margin-top:8px;font-size:14px;font-weight:600;color:var(--blau)}
.card .more{display:inline-block;margin-top:10px;font-size:15px;font-weight:600;color:var(--blau);text-decoration:none}
.card .more:hover{text-decoration:underline}

/* 4) Wortmarke Kundenbindung lokal (Original-Bildmarke + Schriftzug) */
.brand-kl{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand-kl .mark{display:block;width:62px;height:62px;overflow:hidden;flex:none}
.brand-kl .mark img{display:block;height:62px;width:auto;max-width:none}
.brand-kl .wm{display:flex;align-items:center;gap:10px;font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blau);line-height:1.25}
.brand-kl .wm:before{content:"";display:block;width:22px;height:2px;background:var(--blau)}
@media(max-width:560px){.brand-kl .wm{font-size:11px}.brand-kl .mark,.brand-kl .mark img{width:auto;height:50px}.brand-kl .mark{width:50px}}

/* 5) Sicherheitsnetz: Beispiel-Box auch bei altem Browser-Cache korrekt anzeigen */
.calcbox{margin-top:28px;display:flex;gap:28px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--linie);border-left:5px solid var(--koralle);border-radius:0 var(--radius) var(--radius) 0;padding:22px 26px}
.calcbox .tag{font:600 12px Montserrat,Arial;letter-spacing:.08em;text-transform:uppercase;color:var(--koralle)}
.calcbox p{margin-top:6px;font-size:17px}
.calcbox .btn{flex:none}
@media(max-width:860px){.calcbox{flex-direction:column;align-items:flex-start}}

/* 6) Beispiel-Box in schmalen Spalten: Text oben, Button darunter */
.two .calcbox,.prob .calcbox,.side .calcbox{flex-direction:column;align-items:flex-start;gap:18px}
.two .calcbox .btn,.prob .calcbox .btn{white-space:normal}