/* ============================================================
   FILE: css/01-vars.css
   VERSION: 1.3
   LAST MODIFIED: March 10, 2026
   DESCRIPTION: VOLLSTÄNDIGE DATEI.
                Single Source of Truth für Farben und Maße.
                FIX: theme-blau Korrektur für Farbumschaltung.
   ============================================================ */

:root {
    /* 1. FARBEN */
    --brand-orange: #ae6a3d;
    --brand-blue: #2a6b94;
    --text-color: #3e4244;
    --bg-gray: #f4f4f4;
    --border-gray: #a3a8ab;

    /* Standard-FallBack (Orange) */
    --primary-color: #ae6a3d;

    /* 2. THE 36px SYNC (Desktop Maße) */
    --sync-height-desktop: 36px;
    --sync-gap: 30px; /* Abstand zwischen Banner/H1 und Elementen */
    --sync-shadow: 3px 3px 5px #666;

    /* 3. MOBILE HEADER SYNC (Maße) */
    --sync-height-mobile: 40px; /* Höhe der Header-Bar & Hamburger */
    --sync-inner-height-mobile: 30px; /* Höhe der Suchleiste & Lupe */

    /* 4. CONTENT ALIGNMENT (Kanten-Abstände) */
    --mobile-edge-left: 15px; /* Startlinie H1 & Hamburger */
    --mobile-edge-right: 25px; /* Endlinie H1 & Suchleiste */
    --mobile-edge-small: 12px; /* Für Breakpoint 390px */
}

/* 5. FARBSCHEMA-UMSCHALTUNG (Gesteuert über body_class) */
body.theme-blau {
    --primary-color: var(--brand-blue);
}

body.theme-orange {
    --primary-color: var(--brand-orange);
}

/* 6. BASIS & RESET */
* {
    box-sizing: border-box;
}

body {
    font-family: "Open Sans", Verdana, Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
    color: var(--text-color);
    background-color: #fff;
}

.width-max {
    max-width: 1480px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}