/* Lesbarkeitskorrektur auf Basis des Netlify-Deploys vom 12.09.2026.
   Nur Typografie/Kontrast; Inhalte, Abläufe und Markenfarben bleiben erhalten. */
:root {
  --mut: #b9c1c6;
  --dim: #929ca3;
}

/* Startseite: kleine Navigation und Mikrotexte waren auf dunklem Grund zu fein. */
.nav-c a { font-size: .9rem !important; color: #d7dce0 !important; }
.nav-r .btn-g, .nav-r .btn-o { font-size: .86rem !important; }
.nav-pill { font-size: .72rem !important; letter-spacing: .08em !important; }
.nav-pill { white-space: nowrap !important; }
.nav-name small { font-size: .68rem !important; color: #bfc6ca !important; letter-spacing: .12em !important; }
.hero-h1 .hl {
  background: none !important;
  -webkit-text-fill-color: #efaa70 !important;
  color: #efaa70 !important;
}
.eyebrow, .b-lbl, .tc-label, .rm-lbl, .badge, .hero-top .badge {
  font-size: .76rem !important;
  letter-spacing: .09em !important;
}
.sec-p, .bridge-p, .hub-card p, .why-item p, .biz-card p,
.b p, .b-check p, .freebie-inner p, .wl-sub, .fn-txt {
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: #c2c9cd !important;
}
.hero-social-proof, .hero-freebie-label, .hero-freebie-link,
.hero-h1-marker-tag, .wl-hint, .f-copy, .f-links a, .f-links-btn {
  font-size: .86rem !important;
  color: #b9c1c6 !important;
  letter-spacing: .02em !important;
}
.tag, .bar-name, .bar-val, .yt-info span, .platform-line,
.hub-card .hub-kicker, .biz-card .biz-note {
  font-size: .76rem !important;
  color: #b9c1c6 !important;
  letter-spacing: .04em !important;
}
.hero-trust .ht-badge, .hero-btns .btn-g, .hero-btns .btn-o {
  font-size: .9rem !important;
}
.hub-status-free, .hub-status, .platform-line, .biz-card .biz-note {
  color: #bcc5ca !important;
}
#kontakt label { font-size: .9rem !important; color: #d6dcdf !important; }
#kontakt p { font-size: .9rem !important; color: #bcc5ca !important; line-height: 1.6 !important; }

/* Kopfzeile: bei mittleren Desktopbreiten sonst zu viele riesige Zeilen. */
@media (min-width: 900px) and (max-width: 1500px) {
  .hero-h1 { font-size: clamp(3rem, 4vw, 3.65rem) !important; line-height: 1.04 !important; }
  .nav-pill { display: none !important; }
}

/* System-Kompass: Fortschritt, Hilfetexte und offene Werte müssen lesbar sein. */
.sk-brand-sub, .sk-badge, .sk-eyebrow, .sk-akte-title,
.sk-akte-group-label, .sk-forge-kicker {
  font-size: .78rem !important;
  letter-spacing: .08em !important;
  color: #f0ad75 !important;
}
.sk-step-label, .sk-rm-label, .sk-meta-line, .sk-hint,
.sk-akte-label, .sk-mobile-akte-row .sk-akte-label,
.sk-field-label, .sk-optional, .sk-waitlist-note {
  font-size: .88rem !important;
  line-height: 1.5 !important;
  color: #b9c1c6 !important;
}
.sk-rm-dot { font-size: .82rem !important; }
.sk-akte-value, .sk-akte-value.is-offen, .sk-akte-tag.is-offen {
  color: #d1d8dc !important;
}
.sk-akte-value.is-offen { font-style: normal !important; }
.sk-lead, .sk-status-explain, .sk-transition p,
.sk-forge-teaser p, .sk-option, .sk-text-input {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}
.sk-lead, .sk-status-explain, .sk-transition p, .sk-forge-teaser p {
  color: #c4ccd0 !important;
}
.sk-btn { font-family: "Segoe UI", Arial, sans-serif !important; font-size: .94rem !important; }
.sk-akte-tag { font-size: .74rem !important; letter-spacing: .06em !important; }

/* Cookie-Auswahl: kontrastreiche, lesbare Hinweise statt Kleingedrucktem. */
.dt-consent-txt, .dt-consent-cat label { font-size: .94rem !important; color: #d0d5d7 !important; }
.dt-btn { font-family: "Segoe UI", Arial, sans-serif !important; font-size: .9rem !important; }
.dt-consent-txt a { color: #f0ad75 !important; }
.dt-btn-gold { background: #e59a5f !important; border-color: #e59a5f !important; color: #111 !important; }
@media (min-width: 900px) {
  .dt-consent-inner { max-width: 1320px !important; flex-wrap: nowrap !important; }
  .dt-consent-txt { flex: 1 1 auto; max-width: none !important; }
  .dt-consent-btns { flex: 0 0 auto; flex-wrap: nowrap !important; }
}

@media (max-width: 760px) {
  .sk-shell { padding-inline: 16px !important; }
  .sk-card { padding: 24px 18px !important; }
  .sk-roadmap { gap: 4px !important; }
  .sk-rm-label { font-size: .72rem !important; }
}

@media (max-width: 600px) {
  .nav-name { font-size: .98rem !important; }
  .nav-name small { display: none !important; }
  .nav-r .btn-g { font-size: .76rem !important; padding: 9px 10px !important; }
}