/**
 * Logo außerhalb des Blur-Effekts positionieren
 */

/* Parent-Container: Flex-Layout für Logo + Menu nebeneinander */
.elementor-element-58e4c4e > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 30px !important; /* Abstand zwischen Logo und Menu */
}

/* Logo-Container: Normale Position, kein Blur */
.elementor-element-24eed1c {
    position: relative !important;
    flex-shrink: 0 !important; /* Logo behält seine Größe */
}

/* Menu-Glass: Nimmt restlichen Platz ein */
.menu-glass {
    flex-grow: 1 !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    position: relative !important; /* Für absolute Positionierung der Social Icons */
}

/* Mobile: Logo oben, Menü darunter */
@media (max-width: 767px) {
    .elementor-element-58e4c4e > .e-con-inner {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .menu-glass {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}