/* Entwurf 5 · SalesDrive-Markensprache (dunkel). Nach dem Vorbild handgestalteter Seiten wie linkbroker.io:
   eigene Schrift, eine Signaturfarbe flächig statt als Glow, Marineblau statt Schwarz, ruhige Überschriften,
   Etiketten als kleine Pillen. Schrift: Manrope (SIL Open Font License 1.1), selbst gehostet, kein Google-Abruf. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin.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:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin-ext.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}
:root{
  --sd-navy:#0a0e1a; --sd-navy2:#0e1322; --sd-card:#121829; --sd-card2:#171e33; --sd-line:rgba(170,190,255,.10);
  --sd-blue:#4da8ff; --sd-blue2:#2e8cff; --sd-ink:#f2f5fb; --sd-ink2:#a3abbd;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --black:var(--sd-navy); --card:var(--sd-card); --card2:var(--sd-card2); --rule-d:var(--sd-line);
  --ink:var(--sd-ink); --ink2:var(--sd-ink2); --blue:#2e8cff; --blue2:var(--sd-blue);
}
html,body{background:var(--sd-navy)}
body,button,input,select,textarea{font-family:var(--sans)}
body{font-feature-settings:"ss01" 0;letter-spacing:-.003em}


/* Überschriften: kräftig, aber nicht gequetscht; keine Verlaufsschrift */
h1,h2,h3,.h2{letter-spacing:-.028em}
.h2,main h2{font-weight:700}
html body .grad,html body .hx-em,html body .light .grad,html body .light .hx-em{background:none!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--sd-blue)!important}
html body .light .grad,html body .light .hx-em,html body .hx .hx-em,html body .hx .grad{color:#1f6fe0!important}


/* Knöpfe: Signaturblau, ohne Leucht-Schatten */
.btn,.gn-c,.fq-btn{background:var(--sd-blue2)!important;box-shadow:0 10px 24px -14px rgba(10,40,100,.9)!important;font-weight:700}
.btn:hover,.gn-c:hover,.fq-btn:hover{background:#1f7af0!important}



/* Navigation und Footer im Marineblau */
html:not([data-navtheme="light"]) .gn{background:rgba(10,14,26,.78)!important}
.gf{border-top:1px solid var(--sd-line)}


/* ===== Feinschliff 11.11.: Typografie für Manrope ===== */
/* Manrope braucht mehr Laufweite als die Apple-Systemschrift; die alten Werte (-.045 bis -.06em) quetschen die Buchstaben */
html body h1,html body .hx-h{letter-spacing:-.022em!important;line-height:1.06!important;font-weight:700}
html body h2,html body .h2,html body .kd-h,html body .oz-h{letter-spacing:-.02em!important;line-height:1.08!important}
html body .fn5-h,html body .st-b{letter-spacing:-.026em!important;line-height:1.02!important}
html body h3{letter-spacing:-.012em!important}
html body .hx-sub,html body .lead,html body p{letter-spacing:-.002em}
html body .eb,html body .sq5-eb,html body .qf5-eb,html body .kp5-eb{letter-spacing:0!important}
/* große Ziffern ruhiger, Ziffern gleich breit */
html body .kp5-num b,html body .tp-mt,html body .oz-k b,html body .sq5-c b{letter-spacing:-.025em!important;font-variant-numeric:tabular-nums}

/* TÜV-Prüfzeichen im Footer kleiner */
html body .gf-trust img,html body .gf-trust img[src*="s2-tuv-mark"]{width:auto!important;max-width:none!important;height:30px!important}
html body .gf-tuv-cap{font-size:11.5px!important;line-height:1.35!important}

/* Unschärfe-Filter nur noch in der Navigation (entlastet Safari beim Scrollen) */
html body :not(.gn):not(.gn-fly):not(.gn-m):not(.gn-mp){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
