/*
    Theme Name: VGT Basis Theme
    Theme URI: https://visiongaiatechnology.de
    Author: VisionGaiaTechnology
    Author URI: https://visiongaiatechnology.de
    Description: Ein minimalistisches Theme, optimiert für die Verwendung mit Elementor und grundlegenden Anpassungen.
    Version: 1.1 /* Version erhöht */
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: elementor-basis-theme /* Beachte: Text Domain eventuell anpassen, falls du sie änderst */
    Tags: elementor, customizer, minimal, starter, modern
    */

    /* --- CSS Variablen für Farben --- */
    :root {
      --color-text-primary: #222222; /* Sehr dunkles Grau für Haupttext */
      --color-text-secondary: #555555; /* Mittleres Grau für Sekundärtext (z.B. Footer) */
      --color-background: #ffffff; /* Weißer Hintergrund (überschreibbar durch Customizer) */
      --color-accent-gold: #C6A969; /* Dezenter Goldton für Akzente */
      --color-accent-gold-darker: #B38B4A; /* Dunklerer Goldton für Hover/Fokus */
      --color-border-light: #e0e0e0; /* Helles Grau für Ränder/Linien */
      --font-primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    }

    /* --- Globale Resets & Basis-Stile --- */

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      font-family: var(--font-primary);
      line-height: 1.65; /* Leicht erhöhte Zeilenhöhe für bessere Lesbarkeit */
      color: var(--color-text-primary);
      background-color: var(--color-background);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    img,
    picture,
    video,
    canvas,
    svg {
      display: block;
      max-width: 100%;
    }

    /* --- Typografie & Links --- */

    h1, h2, h3, h4, h5, h6 {
      margin-top: 1.5em;
      margin-bottom: 0.6em; /* Etwas mehr Abstand unter Überschriften */
      line-height: 1.3; /* Angepasste Zeilenhöhe für Überschriften */
      font-weight: 600;
      color: var(--color-text-primary); /* Stellt sicher, dass Überschriften die primäre Textfarbe nutzen */
    }

    a {
      color: var(--color-accent-gold); /* Gold als Standard-Linkfarbe */
      text-decoration: none;
      transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
    }

    a:hover,
    a:focus {
      color: var(--color-accent-gold-darker); /* Dunkleres Gold bei Hover/Fokus */
      text-decoration: underline; /* Unterstreichung bei Hover/Fokus für klares Feedback */
    }

    /* --- Basis-Container --- */

    .site-container {
        /* Breite wird durch Customizer gesteuert (Standard 1200px) */
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 25px;  /* Etwas mehr Innenabstand */
        padding-right: 25px;
    }

    /* --- Hochwertige Standard-Buttons --- */

    button,
    .button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
      display: inline-block;
      padding: 12px 24px; /* Etwas größeres Padding */
      font-size: 0.95rem; /* Leicht reduzierte Schriftgröße für Eleganz */
      font-weight: 600; /* Etwas fettere Schrift */
      line-height: 1.5;
      text-align: center;
      text-decoration: none;
      letter-spacing: 0.5px; /* Leichter Zeichenabstand */
      color: var(--color-text-primary); /* Dunkler Text für Kontrast auf Gold */
      background-color: var(--color-accent-gold);
      border: none; /* Kein sichtbarer Rand */
      border-radius: 3px; /* Weniger abgerundete Ecken */
      cursor: pointer;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* Subtiler Schatten für Tiefe */
      transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
      vertical-align: middle;
      white-space: nowrap;
    }

    button:hover,
    .button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:focus,
    .button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
      background-color: var(--color-accent-gold-darker);
      color: var(--color-text-primary); /* Textfarbe bleibt dunkel */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); /* Etwas stärkerer Schatten bei Hover/Fokus */
      transform: translateY(-1px); /* Leichter "Lift"-Effekt */
      outline: none;
    }

    /* --- Basis Header/Footer Farben & Stile --- */
    .site-header {
        background-color: #f8f8f8; /* Sehr helles Grau für cleanen Look */
        padding: 15px 0; /* Angepasster Abstand */
        border-bottom: 1px solid var(--color-border-light); /* Dezente Trennlinie */
    }

    .site-footer {
        background-color: #f8f8f8; /* Sehr helles Grau */
        padding: 30px 0; /* Mehr Abstand */
        margin-top: 50px;
        text-align: center;
        font-size: 0.9em;
        color: var(--color-text-secondary); /* Sekundäre Textfarbe */
        border-top: 1px solid var(--color-border-light); /* Dezente Trennlinie */
    }

    /* --- Elementor spezifische Anpassungen (optional) --- */
    /* Hier könnten bei Bedarf gezielte Anpassungen für Elementor-Widgets stehen,
       die nicht über die Elementor-Einstellungen selbst abgedeckt werden. */