/* ==========================================================================
    1. SEITEN-STEUERUNG (LAYOUT & LANDINGPAGE)
   ========================================================================== */

/* Versteckt NUR den Header auf LPs (Klasse .hide-nav im Menüpunkt) */
.hide-nav #sp-header, 
.hide-nav header {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* Footer bleibt SICHTBAR (Befehle für Footer wurden entfernt) */

/* Optimierung der Beitragsbreite für bessere Lesbarkeit */
.view-article .article-details {
    max-width: 800px;
    margin: 0 auto;
}

/* ==========================================================================
    2. HEADER & NAVIGATION (DESKTOP)
   ========================================================================== */

/* Fixiert die Header-Höhe auf 70px */
#sp-header, 
#sp-header.header-sticky {
    height: 70px !important;
    line-height: 70px !important;
    background: #ffffff !important;
}

/* Zentriert das Logo vertikal */
#sp-header .logo img {
    max-height: 50px !important;
    width: auto;
    vertical-align: middle;
}

/* Richtet die Hauptmenüpunkte auf die 70px Höhe aus */
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
    line-height: 70px !important; 
    height: 70px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- DROPDOWN DESIGN (280px Breite) --- */

.sp-megamenu-parent .sp-dropdown {
    width: 280px !important;
    min-width: 280px !important;
    left: 0 !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    width: 100% !important;
    padding: 10px 0 !important; /* Padding oben/unten für schickere Hover-Balken */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-top: 3px solid #007bff;
    background: #ffffff !important;
}

/* Die Links im Dropdown */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a {
    display: block !important;
    width: 100% !important;
    padding: 10px 20px !important;
    line-height: 1.4 !important;
    white-space: normal !important; 
    font-size: 15px !important;
    color: #333 !important;
    transition: all 0.2s ease-in-out; /* Macht den Hover-Effekt geschmeidig */
}

/* Hover-Effekt: Hellgrau und blaue Schrift */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {
    background: #f2f2f2 !important; /* Deutlicheres Hellgrau */
    color: #007bff !important;
    padding-left: 25px !important; /* Kleiner visueller "Ruck" nach rechts */
}

/* ==========================================================================
    3. OFF-CANVAS (MOBIL) - UNTERMENÜS SOFORT OFFEN
   ========================================================================== */

.offcanvas-menu .offcanvas-inner ul.menu li ul,
.offcanvas-menu .offcanvas-inner ul.menu li .collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}

.offcanvas-menu .offcanvas-inner .menu-toggler,
.offcanvas-menu .offcanvas-inner .offcanvas-menu-toggler {
    display: none !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul {
    margin-left: 15px !important;
    padding-left: 10px !important;
    border-left: 1px solid #eeeeee;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > span {
    font-weight: bold !important;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 5px;
}


/* Partner-Box Design für Thomas Leibundgut Branding */
.partner-anzeige-box {
    background-color: #044DC0 !important; /* Ihr Blau */
    color: #ffffff !important;
    padding: 30px;
    text-align: center;
    border: 4px solid #ffb800 !important; /* Ihr Gold */
    border-radius: 15px;
    margin: 20px 0;
    display: block !important;
}
.partner-anzeige-box h2 { color: #ffffff !important; margin: 0 0 10px 0; }
.partner-name-gold { color: #ffb800 !important; font-weight: bold; text-transform: uppercase; }

/* ==========================================================================
    4. CONVERT FORMS DESIGN (REFF-EN LANDINGPAGE)
   ========================================================================== */

/* Zentrierung des gesamten Formular-Moduls */
.wefi-form-style {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Begrenzung der Breite, damit es kompakt bleibt */
.wefi-form-style .cf-form-wrapper {
    width: 100% !important;
    max-width: 500px !important; /* Hier kannst du die Breite anpassen */
    margin: 0 auto !important;
}

/* Button innerhalb des Formulars zentrieren */
.wefi-form-style .cf-button-container {
    text-align: center !important;
}

/* Cookie Banner Gold-Branding */
#gdpr-cookie-message {
    background-color: #000000 !important; /* Schwarzer Hintergrund */
}
#gdpr-cookie-message button, 
#gdpr-cookie-message .btn-primary {
    background-color: #ffb800 !important; /* Dein Gold */
    color: #000000 !important; /* Schwarzer Text auf Gold */
    border: none !important;
    font-weight: bold !important;
}