/*
Theme Name: 4VEX Child
Theme URI: https://4vex.de
Description: Child-Theme von Hello Elementor für 4VEX. Lädt Marken-Schriften (Archivo + IBM Plex Mono) und Grundfarben. Das Seiten-Design liegt vollständig im Elementor-Template der Startseite (self-contained), nicht in diesem Stylesheet.
Author: 4VEX
Template: hello-elementor
Version: 1.2.0
*/

/* Marken-Tokens (zur Referenz / für künftige Erweiterungen) */
:root{
  --vex-bg:#FAF8F4;
  --vex-text:#1B1813;
  --vex-muted:#6E675B;
  --vex-accent:#E8501F;
  --vex-accent-hover:#FF6535;
  --vex-border:#E5E0D6;
  --vex-label:#A39A88;
  --vex-stroke:#C9C2B4;
  --vex-dark-bg:#1B1813;
  --vex-dark-text:#FAF8F4;
  --vex-dark-muted:#8A8172;
  --vex-font:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --vex-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}

/* Grundlagen: Markenschrift + heller Hintergrund (Sektionen setzen ihre Farben selbst) */
body{font-family:var(--vex-font);background:var(--vex-bg);color:var(--vex-text);-webkit-font-smoothing:antialiased;}

/* Sprungmarken nicht unter einen evtl. fixierten Header rutschen lassen */
.elementor-section,[id]{scroll-margin-top:90px;}

/* Lange Komposita dürfen die Zeile nicht sprengen.
   Gemessen: die H1 „Die Wiederbeschaffungszeit …" ragte bei 375 px Breite
   75 px über ihren Kasten hinaus und ließ die ganze Seite waagerecht scrollen.
   Silbentrennung nur mobil — in großer Auszeichnungsschrift am Desktop
   sähen Trennstriche falsch aus. overflow-wrap bleibt überall als Netz. */
h1,h2,h3{overflow-wrap:break-word;}
@media(max-width:767px){h1,h2,h3{hyphens:auto;}}