/**
 * Uncode Overrides — blumberg
 *
 * Alle CSS-Überschreibungen von Uncode-Parent-Klassen gehören hierher.
 * NICHT in style.css, NICHT in Element-CSS.
 *
 * Regeln:
 * - Immer CSS-Variablen verwenden (kein hardcoded px)
 * - Kommentar über jedem Block: was wird überschrieben und warum
 * - Kein !important — wenn nötig, Spezifität erhöhen
 */


/* ============================================
   TYPO
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    overflow-wrap: break-word;
}


/* ============================================
   NAVIGATION
   ============================================ */

/* Vertikales Menü: Position + transparenter Hintergrund auf Desktop */
@media screen and (min-width: 960px) {
    .vmenu-container {
        z-index: 5000;
        top: 50px !important;
        background-color: transparent !important;
    }

    .fixed-nav {
        position: fixed !important;
        display: block;
    }

    .main-header {
        height: 0 !important;
    }
}

@media screen and (max-width: 960px) {
    .vmenu-container {
        top: 0 !important;
    }
}

/* Grüner Menüpunkt */
.green-menu-item a {
    color: rgb(var(--bl-color-primary)) !important;
}

/* Aktiver Menüpunkt: Unterstreichung */
.menu-light .menu-smart > li.active > a,
.menu-light .menu-smart > li a.active,
.menu-light .menu-smart > li.current-menu-ancestor > a,
.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    text-decoration: underline;
}

.green-menu-item-last {
    margin-bottom: var(--bl-spacing-sm) !important;
}

/* Nav-Logo unten */
.text-logo-nav-bottom img {
    width: 50%;
}

@media screen and (max-width: 960px) {
    .text-logo-nav-bottom img {
        display: none;
    }
}


/* ============================================
   CONTENT ELEMENTE
   ============================================ */

/* Grüne Border-Box */
.green-border-box .uncol {
    border: solid 2px rgb(var(--bl-color-primary));
}

/* Startseite: transparenter Hintergrund für Einleitungs-Rows */
.style-light-bg {
    background-color: transparent !important;
}

#einleitung {
    margin: 0;
}