/* Farben der Hauptseite seit 07.11.2026: weiß, Gelb nur für Knopf, Marker und Punkte. Schrift kommt aus archivo.css. */

html.hell{--schwarz:#ffffff;--flaeche:#f4f3ef;--flaeche2:#e8e6e0;--linie:#dedbd3;--text:#141414;--leise:#57554f;--gelb:#ffd400}
html.hell body{background:#fff;color:#141414}

/* Gelb als Text ist auf Weiß nicht lesbar: dort schwarze Schrift mit gelbem Marker */
html.hell .hero-text .hero-geld b,html.hell .v-zahl b,html.hell .e-zahl{display:table;color:#141414;padding:0 .06em;background:linear-gradient(transparent 58%,var(--gelb) 58%,var(--gelb) 92%,transparent 92%)}
html.hell .deal-cb b,html.hell .fluss em,html.hell .vertrag li .cb-summe,html.hell .achse-info .achse-summe,html.hell .batzen-saeule.gross .betrag{color:#141414;background:linear-gradient(transparent 55%,var(--gelb) 55%);padding:0 .1em}
html.hell .kopf-link{color:#141414;text-decoration:underline;text-decoration-color:var(--gelb);text-decoration-thickness:3px;text-underline-offset:4px}
html.hell .schritte li::before,html.hell summary::after{color:#141414}
html.hell .knopf{color:#141414}
html.hell .knopf:hover{background:#ffdc29}
html.hell .fluss .laeufer,html.hell .fluss li.du.an::before{box-shadow:0 0 0 6px rgba(255,212,0,.35)}
html.hell .teil.heute,html.hell .punkt.heute,html.hell .batzen-saeule .saeule{background:#c9c6be}
html.hell .marke i{outline:1px solid #e0b800}
html.hell .reihe img{box-shadow:0 0 0 1px rgba(0,0,0,.06)}
html.hell .batzen-saeule.bis .saeule{background:var(--gelb)}
html.hell .batzen-saeule.an .saeule{box-shadow:0 0 0 2px #141414}
/* Logo Taupunkt seit 07.11.2026: Wortmarke mit gelbem Punkt */
html.hell .marke{gap:0;align-items:baseline;font-weight:800;font-size:22px;letter-spacing:-.035em;color:#141414}
html.hell .marke i{width:7px;height:7px;border-radius:50%;margin-left:2px;background:var(--gelb);outline:1px solid #e0b800}
html.hell .fuss-logo{margin:8px 0 28px}
html.hell .fuss-marke{margin:0;display:inline-flex;align-items:baseline;font-weight:800;font-size:56px;line-height:1;letter-spacing:-.035em;color:#141414}
html.hell .fuss-marke i{width:15px;height:15px;margin-left:4px;border-radius:50%;background:var(--gelb);outline:1px solid #e0b800}
html.hell .fuss-unter{margin:10px 0 0;font-size:17px;font-weight:600;color:#57554f}
@media (min-width:760px){html.hell .fuss-marke{font-size:72px}html.hell .fuss-marke i{width:19px;height:19px}}
html.hell .wer{margin:0 0 12px;font-size:16px;font-weight:600;color:#57554f}
@media (min-width:900px){html.hell .wer{font-size:18px}}