/* ═══════════════════════════════════════════════════════════════
   mc-web-theme · mc-improve.css
   WCAG-Kontrast & Lesbarkeit fuer alle Schauseiten (.mc-l-page).

   Leitprinzip: Die Marken-FUELLFLAECHEN werden minimal vertieft,
   damit weisser Text/Glyph AA erreicht — Cyan/Orange bleiben die
   Marke, nur einen Tick satter. Es wird KEIN Logo/Asset angefasst.

   Laedt als LETZTES extra_css -> ueberschreibt mc-landing/extra.
   Behebt die site-weiten Audit-Befunde:
   low-contrast · tiny-text · line-length.
   ═══════════════════════════════════════════════════════════════ */

/* 1) KONTRAST ─ text-/glyph-tragende Marken-Fuellungen auf AA-Tonwerte.
   Buttons, Icon-Kacheln, Chips u. Badges nutzen diese Tokens, daher
   wirkt die Korrektur an einer Stelle konsistent site-weit.
   weiss auf #008494 ≈ 4.4:1 · auf #00707E ≈ 5.8:1  (AA ✓)
   weiss auf #E65100 ≈ 4.6:1 · auf #C4400F ≈ 5.9:1  (AA ✓) */
.mc-l-page {
    --mc-l-grad:      linear-gradient(135deg, #00707E 0%, #008494 100%);
    --mc-l-grad-warm: linear-gradient(135deg, #C4400F 0%, #E65100 100%);
}

/* Globale Navigations-CTA ("Kostenlos testen") — eigener Verlauf */
.mc-gnav__cta {
    background: linear-gradient(135deg, #00707E 0%, #008494 100%) !important;
}

/* 2) MIKRO-SCHRIFT ─ Mindestgroessen anheben (Lesbarkeit/A11y) */
.mc-l-page .mc-l-eyebrow,
.mc-l-page .mc-l-stat__label,
.mc-l-page .mc-l-marquee__group span {
    font-size: 0.8rem;
    letter-spacing: 0.01em;
}
.mc-l-page .mc-l-orbit__chip { font-size: 0.72rem; }
.mc-l-page .mc-l-new { font-size: 0.62rem; }

/* 3) ZEILENLAENGE ─ Fliesstext auf ~68 Zeichen begrenzen, zentriert */
.md-typeset .mc-l-page .mc-l-hero__sub,
.md-typeset .mc-l-page .mc-l-lead,
.md-typeset .mc-l-page .mc-l-section__head p,
.md-typeset .mc-l-page .mc-l-cta-panel p {
    max-width: 68ch;
    margin-inline: auto;
}

/* 4) LESBARKEIT reiner Inhalts-/Rechtsseiten (eula, datenschutz, impressum,
   support, kontakt) — Seiten OHNE .mc-l-page. Der Material-Content ist ~688px
   breit (~99 Zeichen/Zeile); auf ~72 Zeichen begrenzen. Tabellen/Code/Bilder
   bleiben unangetastet (nur Fliesstext). */
.md-content:not(:has(.mc-l-page)) .md-typeset p,
.md-content:not(:has(.mc-l-page)) .md-typeset li,
.md-content:not(:has(.mc-l-page)) .md-typeset blockquote {
    max-width: 68ch;
}

/* 5) KONTRAST-REST ─ Icon-Kacheln mit weissem Glyph, die feste (Nicht-Token-)
   Farben nutzen und daher von (1) nicht erfasst wurden. Auf den Marktplatz-/
   Lieferanten-Karten site-weit. Der Farbverlauf-TITEL (.mc-l-grad-text) bleibt
   bewusst unberuehrt. */
.mc-l-page .mc-l-mkt__tile:not(.mc-l-mkt__tile--warm):not(.mc-l-mkt__tile--slate) {
    background: linear-gradient(140deg, #00707E, #008494); /* weiss ≥ 4.4:1 */
}
.mc-l-page .mc-l-mkt__tile--warm {
    background: linear-gradient(140deg, #C4400F, #E65100); /* weiss ≥ 4.6:1 */
}
/* --slate (#2C3E50→#4C6A88) hat mit Weiss bereits AA -> bleibt unveraendert */
/* Hero-Badge: Text auf near-weiss anheben (AA gegen die Cyan-Toenung) */
.mc-l-page .mc-l-hero__badge { color: #EAFBFF; }