/* ========== Allgemeine Farben aus der Bildanalyse ========== */
:root {
    --primary-color: #E7DFDD;  /* Sanfte Grundfarbe */
    --secondary-color: #FFFFFF; /* Hintergrundfarbe auf Weiß gesetzt */
    --accent-color: #D49326;  /* Button-Farbe aus dem Logo */
    --text-color: #000000;  /* Schwarze Textfarbe für maximale Lesbarkeit */
    --heading-color: #6B4F70; /* Violett-Ton aus den Blumen für Überschriften */
    --link-color: #D49326; /* Gleiche Farbe wie Buttons */
    --link-hover-color: #6B4F70; /* Dunklerer Ton für Hover */
}

/* ========== Schriftarten ========== */
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  src: url('vendor/fonts/cormorant-garamond-v16-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('vendor/fonts/cormorant-garamond-v16-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('vendor/fonts/cormorant-garamond-v16-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('vendor/fonts/cormorant-garamond-v16-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('vendor/fonts/cormorant-garamond-v16-latin-700.woff2') format('woff2');
}

/* ========== Allgemeines Design ========== */
body {
    background-color: var(--secondary-color);
    color: var(--text-color);
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px; /* Erhöhte Standard-Textgröße */
    line-height: 1.6; /* Bessere Lesbarkeit */
}

/* ========== Überschriften ========== */
h1, h2, h3, h4, h5, h6 {
    color: #508729;
    font-family: 'Cormorant Garamond', serif;
}

/* ========== Links (Standard) ========== */
a {
    color: var(--link-color);
    text-decoration: underline;
    transition: text-decoration 0.3s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: var(--link-hover-color);
}

/* ========== Spezielle Link-Klasse MKLink ========== */
.MKLink {
    color: var(--accent-color);
    text-decoration: underline;
    transition: text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
}

.MKLink:hover {
    text-decoration: none;
    color: var(--heading-color);
}

/* ========== Buttons ========== */
.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: white; /* Immer weiße Schrift */
    transition: background-color 0.3s ease-in-out;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible {
    background-color: var(--heading-color); /* Violett-Ton */
    border-color: var(--heading-color);
    color: white;
    outline: none; /* Entfernt blauen Standardrahmen */
    box-shadow: none; /* Verhindert zusätzliche Hervorhebung */
}

.btn-outline-primary {
    border-color: var(--accent-color);
    color: var(--accent-color);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:focus-visible {
    background-color: var(--heading-color); /* Hover- und Fokus-Farbe wie Primär-Button */
    color: white; /* Schrift wird weiß */
    border-color: var(--heading-color);
    outline: none; /* Entfernt blauen Standardrahmen */
    box-shadow: none !important; /* Überschreibt jegliche Standardstile */
}

/* ========== Fokus überschreiben, um Standardblau (#0a59ca) zu entfernen ========== */
.btn:focus, .btn:active, .btn:focus-visible {
    background-color: var(--heading-color) !important; /* Gleiche Farbe wie Hover */
    border-color: var(--heading-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ========== Modal ========== */
.modal-title {
    font-weight: bold;
}