/* === Variable-Fonts, lokal, mit EINEM Familiennamen === */
/* Bonny Variable */
@font-face{
  font-family:"Bonny";
  src:url("../fonts/Bonny-Variable.woff2") format("woff2"),
      url("../fonts/Bonny-Variable.woff") format("woff");
  font-display:swap;
  font-weight:100 900; /* Range der Bonny-Variante prüfen, ggf. 100–700 */
  font-style:normal;
}

/* Quicksand Variable */
@font-face{
  font-family:"Quicksand";
  src:url("../fonts/Quicksand-Variable.woff2") format("woff2"),
      url("../fonts/Quicksand-Variable.woff") format("woff");
  font-display:swap;
  font-weight:300 700; /* Range lt. Dateien */
  font-style:normal;
}

/* Globale Anwendung: EINMAL definiert, überall aktiv */
:root{
  --font-headline:"Bonny", serif;
  --font-body:"Quicksand", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --w-regular:400;
  --w-bold:700;
}

html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  font-weight:var(--w-regular);
  line-height:1.6;
  color:#1f1f1f;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-headline);
  font-weight:var(--w-bold);
  line-height:1.2;
}

/* Optional: Variable-Font präziser steuern (falls gewünscht) */
/* h1{ font-variation-settings:"wght" 750 } */

/* === Elementor-Kit Variablen überschreiben (lädt NACH Elementor) === */
[class*="elementor-kit-"]{
  /* Elementor nutzt diese CSS-Variablen global */
  --e-global-typography-primary-font-family: "Bonny";
  --e-global-typography-primary-font-weight: 700;

  --e-global-typography-secondary-font-family: "Bonny";
  --e-global-typography-secondary-font-weight: 700;

  --e-global-typography-text-font-family: "Quicksand";
  --e-global-typography-text-font-weight: 400;

  --e-global-typography-accent-font-family: "Bonny";
  --e-global-typography-accent-font-weight: 700;
}

/* Harte Absicherung für Heading-Widget (falls irgendwo inline Fonts gesetzt sind) */
.elementor-widget-heading .elementor-heading-title{
  font-family: "Bonny", serif !important;
  font-weight: 700;
  line-height: 1.2;
}

/* Body/Text in Elementor-Inhalten */
.elementor p,
.elementor .elementor-widget-text-editor,
.elementor .elementor-button,
.elementor-nav-menu a{
  font-family: "Quicksand", sans-serif !important;
  font-weight: 400;
}
/* Headings nur im Frontend */
body:not(.elementor-editor-active) h1,
body:not(.elementor-editor-active) h2,
body:not(.elementor-editor-active) h3,
body:not(.elementor-editor-active) h4,
body:not(.elementor-editor-active) h5,
body:not(.elementor-editor-active) h6,
body:not(.elementor-editor-active) .elementor-widget-heading .elementor-heading-title{
  font-family: var(--font-headline) !important;
  font-weight: 700;
  line-height: 1.2;
}

/* Body-Font nur im Frontend */
body:not(.elementor-editor-active),
body:not(.elementor-editor-active) p,
body:not(.elementor-editor-active) li,
body:not(.elementor-editor-active) a,
body:not(.elementor-editor-active) .elementor p,
body:not(.elementor-editor-active) .elementor .elementor-widget-text-editor,
body:not(.elementor-editor-active) .elementor .elementor-button,
body:not(.elementor-editor-active) .elementor-nav-menu a{
  font-family: var(--font-body) !important;
  font-weight: 400;
}

/* Elementor-Kit-Variablen nur im Frontend überschreiben */
body:not(.elementor-editor-active) [class*="elementor-kit-"]{
  --e-global-typography-primary-font-family: "Bonny";
  --e-global-typography-primary-font-weight: 700;
  --e-global-typography-secondary-font-family: "Bonny";
  --e-global-typography-secondary-font-weight: 700;
  --e-global-typography-text-font-family: "Quicksand";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Bonny";
  --e-global-typography-accent-font-weight: 700;
}

.headline-h:hover {
 font-weight:600;
}