/* =====================================================================
   Marke: format plus digital | Versicherungsmakler (alle Seiten außer Omnio)
   Wird als website/assets/css/marke.css in das Projekt kopiert.
   Farben und Schriften wie auf der Rechtsschutz-Seite.
   ===================================================================== */

/* Schriften lokal (Dateien liegen in website/assets/fonts) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/plusjakartasans-LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/plusjakartasans-LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Allura';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/allura-9oRPNYsQpS4zjuA_iwgW.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --bg:#fbfaf7; --surface:#ffffff;
  --dark:#14171d;
  --accent:#ec8a2b;          /* format plus Orange */
  --accent-text:#d97418;     /* nur für große Schrift */
  --accent-on-dark:#ec8a2b;
  --btn:#ec8a2b; --btn-hover:#d97418; --btn-ink:#1c1106;
  --link:#a9580c; --eyebrow:#a9580c;
  --tint:#fff6ec; --tint-2:#ffe8cf;
  --ink:#14171d; --muted:#5b6270; --line:#e7e2d9;
  --star:#F2A900;
  --wa:#1A8F4C; --wa-dark:#157A40; --wa-bubble:#DCF8C6;
  --font-head:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-script:'Allura','Brush Script MT',cursive;
  --head-weight:800; --head-case:none; --head-lh:1.1; --head-ls:-.02em;
  --h1-size:clamp(2.3rem,8.5vw,3.9rem); --h1-lh:1.04;
  --h2-size:clamp(1.75rem,5.5vw,2.6rem); --h3-size:1.25rem; --menu-size:1.45rem;
  --em-style:normal;
  /* Farbige Blöcke hell (Daniel, 29.09.2026: keine dunklen Abschnitte): Orange-Creme */
  --block-bg:#ffefdd; --block-ink:#14171d; --block-muted:#2c313b;
  --block-line:#efc99d; --block-accent:#a9580c; --block-tile:#ffffff;
  --block-field-line:#e7e2d9; --block-chip-on:#14171d; --block-chip-on-ink:#ffffff;
  --feature-bg:linear-gradient(135deg,#ffe8cf,#fff6ec);
  --feature-ink:#14171d; --feature-muted:#2c313b; --feature-line:rgba(20,23,29,.14);
  --feature-btn-bg:#14171d; --feature-btn-ink:#ffffff; --feature-check:#d97418;
  --result-bg:#ec8a2b; --result-ink:#1c1106;
  --r:16px; --dock:72px;
}

/* Text-Logo „FORMAT PLUS digital“ */
.logo-text{position:relative;display:inline-flex;align-items:flex-end;padding-top:14px;margin-right:44px;color:var(--ink);text-decoration:none}
.logo-fp{font:600 .95rem/1 var(--font-body);letter-spacing:.3em;color:var(--ink);white-space:nowrap}
.logo-dig{position:absolute;right:-40px;top:-6px;font:400 1.65rem/1 var(--font-script);color:var(--accent);transform:rotate(-6deg)}
.logo-sub{display:none}
@media (max-width:380px){.logo-fp{font-size:.8rem;letter-spacing:.22em}.logo-dig{font-size:1.4rem;right:-32px}}