/* Kontrast-Korrekturen (WCAG 2.1 AA, 4,5:1 für normalen Text) – minimal abgedunkelt,
   Farbwelt der Designvorlage bleibt erhalten. Wird nach allen Vorlagen-Styles geladen. */
:root{--crm-gradient:linear-gradient(90deg,#9333ea 0%,#c026d3 50%,#db2777 100%)} /* vorher #d946ef/#ec4899: Weiß 3,46:1 */
.hero .hero-cta .trial{color:#736c79!important} /* vorher #78717e: 4,47:1 */
.preis-dark .fine{color:#6c6672} /* vorher #77707f: 4,09:1 */
/* Schriften: beide Dateien sind variable Fonts (Geist wght 100–900, DM Sans 100–1000).
   Die Vorlage deklarierte nur eine feste Stärke (800 bzw. 400) -> Browser fälschte Zwischen-/Fettstufen.
   Freigabe 29.09.2026. */
@font-face{font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
/* Zusatztext Online-Galerie (.gf-details): Absatz- und Zwischenüberschriften-Abstände
   (die Vorlage hat für Fließtext in .sec keine Abstände). ANNAHME 29.09. mit dem Text. */
.gf-details h2{margin:10px 0 18px}
.gf-details h3{margin:34px 0 10px;font-size:1.2rem;line-height:1.4}
.gf-details p{margin:0 0 14px;line-height:1.75;color:var(--ink-soft)}
/* Preis-Umschalter Jährlich/Monatlich (Freigabe Viktor 30.09.2026) */
.price-toggle{display:inline-flex;gap:4px;padding:4px;margin:18px 0 0;border:1px solid var(--line);border-radius:999px;background:#fff}
.price-toggle button{font:600 14px 'DM Sans',sans-serif;border:0;background:transparent;color:var(--ink-soft);padding:8px 16px;border-radius:999px;cursor:pointer}
.price-toggle button[aria-pressed="true"]{background:var(--violet-deep);color:#fff}
.price-toggle button:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.price-toggle .save{font-size:12px;font-weight:700;margin-left:2px}
.plan [hidden]{display:none!important}