:root {
    --bs-primary: #c1151f;
    --bs-body-bg: #fcf9f4;
    /* 14pt entspricht ca. 1.167rem (18.67px / 16px) */
    --bs-body-font-size: 1.167rem;
    /* Behält die Standard-Schriftarten von Bootstrap bei */
    --bs-body-font-family: var(--bs-font-sans-serif);
    /* Behält das normale Schriftgewicht bei */
    --bs-body-font-weight: 400;
    /* Behält die Standard-Zeilenhöhe bei */
    --bs-body-line-height: 1.5;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

[id] {
    /* beim Scrollen zur richtigen Pos springen */
    scroll-margin-top: 100px;
}

h2, .h2 {
    font-size: 1.333rem !important; /* Entspricht 16pt */
    margin-bottom: 1.5rem;            /* Abstand nach unten */
    font-weight: bold;
}

h3, .h3 {
    font-size: 1.167rem !important; /* Entspricht 14pt (Normalgröße) */
    font-weight: bold !important;   /* Fettgedruckt */
    margin-bottom: 0rem;            /* Optional: Abstand nach unten wie bei der h2 */
}

hr.container {
    width: 30%;
    border-color: var(--bs-primary);
    border-top-width: 2px;
    opacity: 1;
}

img {
    width: 100%;
}

/* Buttons */
.btn-primary {
    text-transform: uppercase;
    border-radius: 50px !important; /* Stark abgerundet */
    padding: 10px 30px;            /* Schöne Proportionen */
    color: #ffffff !important;
    font-weight: 800;
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: var(--bs-primary) !important;
}
.btn-primary:hover {
    /* Macht die Farbe um 20% heller */
    filter: brightness(1.2) !important;

    /* Stellt sicher, dass der Rahmen mitzieht */
    border-color: transparent !important;

    /* Sanfter Übergang (optional für schöneren Look) */
    transition: filter 0.2s ease-in-out;
}



/* NavBar */
.navbar-nav {
    --bs-nav-link-padding-y: 0px;
    text-transform: uppercase;
}

/* 1. Grundstyling der Navbar */
.navbar {
    background-color: var(--bs-body-bg) !important;
    /* Falls die Navbar beim Scrollen fixiert ist (fixed-top),
       sollte sie einen dezenten Schatten haben */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* 2. Textfarbe der Links auf Schwarz setzen */
.navbar .nav-link {
    color: #000000 !important;
    font-weight: 400; /* Optional: Etwas kräftiger für bessere Lesbarkeit */
    padding-left: 1rem;
    padding-right: 1rem;
    transition: color 0.2s ease-in-out;
}

/* 3. Hover-Effekt (z.B. deine Primärfarbe beim Drüberfahren) */
.navbar .nav-link:hover {
    color: var(--bs-primary) !important;
}

/* 5. Mobil-Anpassung für den Burger-Button */
.navbar-toggler {
    border-color: rgba(0,0,0,0.1) !important;
}
/* Erzwingt das Standard-Burger-Icon in Schwarz */
/*.navbar-toggler-icon {*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;*/
/*}*/

/* Nur ab einer Bildschirmbreite von 992px anwenden */
@media (min-width: 992px) {
    .nav-item:not(:last-child) {
        border-right: 1px solid var(--bs-secondary);
    }
}

/* Logo */
.logo {
    width:400px;
    max-width:80%;
}
.logo-wrapper {
    margin-top: 100px !important;
    margin-bottom: 50px;         /* Optionaler Abstand nach unten */
}

/* Footer */
.text-white a {
    color: white !important;
}