/* =====================================================================
   DOMAINE DE BOURIGEOLS · GLOBALE WERTE
   Die eine Stelle für Schriften, Farben, Schriftgrößen und Abstände.
   Gilt für alle Seiten und alle drei Sprachen (EN, FR, DE).
   Wird im Kopf (<head>) jeder Seite als erste Datei geladen.

   So änderst du etwas:
   - Farbe: Wert in Abschnitt 2 ändern, wirkt überall, wo die Farbe benutzt wird.
   - Schrift: Familie in Abschnitt 3, Größen in Abschnitt 4.
   - Aussehen der Überschriften, Texte und Knöpfe: Abschnitt 5 bis 7.
   Werte stammen aus der bisherigen WordPress Seite (Elementor Kit, OceanWP,
   Stand 26.10.2026), damit die Optik gleich bleibt.

   Umbruchpunkte (stehen fest in site.css, CSS kann hier keine Variablen nutzen):
   Tablet bis 1024 px, Mobil bis 767 px, Mobilmenü bis 959 px.
   ===================================================================== */

/* ---------- 1. Schriftdateien (lokal, nur woff2, keine Google Fonts) ---------- */
@font-face{font-family:"AndaleMono";src:url("/wp-content/uploads/2020/11/ANDALEMO.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url("/assets/fonts/nunito-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;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:"Nunito";src:url("/assets/fonts/nunito-400-latin-ext.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;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:"Montserrat";src:url("/assets/fonts/montserrat-600-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;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:"Montserrat";src:url("/assets/fonts/montserrat-600-latin-ext.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;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{
  /* ---------- 2. Farben ---------- */
  --c-ink:#111111;          /* Überschriften, Texte, Knöpfe (Elementor "Primary") */
  --c-white:#FFFFFF;        /* Schrift auf Bildern, Knopfschrift (Elementor "Accent") */
  --c-black:#000000;        /* Hover von Links und Knöpfen */
  --c-text:#353535;         /* Grundschrift von Kopf- und Fußzeile, Linkfarbe beim Überfahren */
  --c-heading:#333333;      /* Überschriften in Rechtstexten, Logo */
  --c-menu:#555555;         /* Menüpunkte */
  --c-line:#F1F1F1;         /* Linie unter der Kopfzeile, Trenner im Untermenü */
  --c-button-hover:#E9E9E6; /* Knopf beim Überfahren (helle Variante) */
  --c-footer:#222222;       /* Fußzeile oben */
  --c-footer-bottom:#1B1B1B;/* Fußzeile unten (Copyright) */
  --c-selection:#1E5390;    /* markierter Text */
  --c-header-bg:#FFFFFF;

  /* ---------- 3. Schriftfamilien ---------- */
  --ff-mono:"AndaleMono","Andale Mono",ui-monospace,Menlo,monospace;  /* Inhalte: Überschriften, Texte, Knöpfe */
  --ff-body:"Nunito",sans-serif;                                     /* Kopf- und Fußzeile */
  --ff-head:"Montserrat",sans-serif;                                 /* Überschriften in Rechtstexten */

  /* ---------- 4. Schriftgrößen und Zeilenhöhen ---------- */
  --fs-body:13px;     --lh-body:1.8;
  --fs-title:30px;    --lh-title:36px;   /* Seiten- und Abschnittsüberschriften */
  --fs-text:13px;     --lh-text:29px;    /* Fließtext der Inhalte */
  --fs-button:15px;
  --fs-logo:24px;
  --fs-menu:13px;     --fs-submenu:12px;
  --fs-footer:12px;
  --fs-h1:23px; --fs-h2:20px; --fs-h3:18px; --fs-h4:17px; --fs-h5:15px; --fs-h6:13px;

  /* ---------- Abstände und Breiten ---------- */
  --content-max:1140px;   /* Inhaltsbreite (Elementor) */
  --header-max:1200px;    /* Breite der Kopf- und Fußzeile (OceanWP) */
  --header-h:74px;        /* Höhe der Kopfzeile */
  --widget-gap:20px;      /* Abstand zwischen Elementen einer Spalte */
}

/* ---------- 5. Grundtext und Überschriften h1 bis h6 ---------- */
body{font-family:var(--ff-body);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;color:var(--c-text)}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-head);font-weight:600;text-transform:uppercase;color:var(--c-heading);line-height:1.4;margin:0 0 20px}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
h4{font-size:var(--fs-h4)} h5{font-size:var(--fs-h5)} h6{font-size:var(--fs-h6)}
::selection{color:var(--c-white);background:var(--c-selection)}

/* ---------- 6. Überschriften und Texte der Inhalte (Elementor) ---------- */
/* Gilt für alle Titel der Seiten (Hero) und Abschnitte, egal ob h1 oder h2 */
.ht{font-family:var(--ff-mono);font-weight:600;font-size:var(--fs-title);line-height:var(--lh-title);text-transform:capitalize;color:var(--c-ink);margin:0;padding:0}
.w-text-editor{font-family:var(--ff-mono);font-weight:400;font-size:var(--fs-text);line-height:var(--lh-text);color:var(--c-ink)}

/* ---------- 7. Knöpfe ---------- */
.btn{font-family:var(--ff-mono);font-weight:500;font-size:var(--fs-button);text-transform:capitalize;line-height:1;background-color:var(--c-ink);color:var(--c-white)}
.btn:hover,.btn:focus{background-color:var(--c-white);color:var(--c-ink)}

/* ---------- 8. Symbole (Instagram, YouTube, Spotify): wie die Knöpfe, beim Überfahren weiß ---------- */
.so{background-color:var(--c-ink)}
.so svg{fill:var(--c-white)}
.so:hover,.so:focus-visible{background-color:var(--c-white);opacity:1}
.so:hover svg,.so:focus-visible svg{fill:var(--c-ink)}