/**
 * Custom CSS für die Anpassung der Header-Position
 */

/* Entferne das fixed-positioning vom Header */
#main-header {
    position: relative !important;
    top: auto !important;
}

.main-network-header {
    position: relative !important;
    top: auto !important;
    z-index: 999;
}

.site-header {
    position: relative !important;
    top: auto !important;
}

/* Spezielle Stile für die Startseite mit dem Menü nach der Galerie */
.custom-header-layout #main-header,
.custom-header-layout .site-header {
    position: relative !important;
    top: auto !important;
}

#non-fixed-header {
    background-color: #fff;
    width: 100%;
    z-index: 999;
}



/* Deaktiviere die Animation für fixed headers */
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
    position: relative !important;
    transform: none !important;
}

/* Entferne etwaige Padding-Anpassungen */
#page-container, .et_fixed_nav.et_show_nav #page-container {
    padding-top: 0 !important;
}

body.admin-bar.et_fixed_nav #main-header,
body.admin-bar.et_non_fixed_nav.et_transparent_nav #main-header {
    top: auto !important;
}

/* Anpassungen nach Entfernung des Seitentitels */
#non-fixed-header .site-header .container {
    display: flex;
    justify-content: center; /* Zentriert das Menü, da der Titel entfernt wurde */
    padding: 10px 0;
}

#non-fixed-header .main-navigation {
    width: 100%;
    text-align: center;
}

#non-fixed-header .main-navigation ul.primary-menu {
    display: inline-flex;
    justify-content: center;
}