.elementor-110 .elementor-element.elementor-element-7b6e8c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-110 .elementor-element.elementor-element-48335a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-933fb00 *//* =========================================
   PV21 HEADER - THIN, WIDE & OVERLAY
   ========================================= */

:root {
    --blue-dark: #002339;   
    --blue-tech: #00b0ff;   
    --white: #ffffff;
    --text-light: #ecf0f1;
}

/* WICHTIG: Damit keine Ränder entstehen */
body { margin: 0; padding: 0; overflow-x: hidden; }

.header-wrapper {
    /* FIXED sorgt dafür, dass er über dem Bild schwebt (überlappt) */
    position: fixed; 
    top: 0; 
    left: 0;
    z-index: 9999; 
    
    width: 100%; /* Geht über den ganzen Bildschirm */
    height: 90px; /* DÜNNER GEMACHT */
    
    /* Dark Glass Effect */
    background: rgba(0, 35, 57, 0.85); 
    backdrop-filter: blur(12px);      
    -webkit-backdrop-filter: blur(12px);
    
    border-bottom: 1px solid rgba(0, 176, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
}

.main-header {
    width: 100%; 
    height: 100%; /* Nimmt die Höhe des Wrappers an */
    display: flex; 
    justify-content: center;
}

.header-inner {
    /* VOLLE BREITE (Keine Begrenzung auf 1280px mehr) */
    width: 100%; 
    padding: 0 40px; /* Abstand links/rechts zum Bildschirmrand */
    height: 100%;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

/* --- LOGO --- */
.logo-container { 
    display: flex; 
    align-items: center; 
    text-decoration: none; 
    height: 100%; 
    transition: transform 0.3s ease;
}
.logo-container:hover { transform: scale(1.05); }

.logo-img { 
    height: auto; 
    width: auto; 
    /* Logo passt sich der neuen dünnen Höhe an */
    max-height: 70px; 
    object-fit: contain; 
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.1));
}

/* --- NAVIGATION --- */
.nav-menu {
    display: flex; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    gap: 30px; 
    align-items: center;
    height: 100%;
}

.nav-item { 
    position: relative; 
    height: 100%; 
    display: flex; 
    align-items: center; 
    cursor: pointer; 
}

.nav-link {
    text-decoration: none; 
    color: var(--text-light); 
    font-family: 'Roboto', sans-serif;
    font-weight: 600; 
    font-size: 16px; /* Schrift minimal kleiner für dünneren Header */
    text-transform: uppercase; 
    letter-spacing: 1px;
    transition: all 0.3s ease; 
    display: flex; 
    align-items: center; 
    gap: 6px; 
    position: relative;
}

.nav-link::after {
    content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0;
    background-color: var(--blue-tech); box-shadow: 0 0 10px var(--blue-tech); transition: width 0.3s ease;
}
.nav-item:hover .nav-link { color: var(--blue-tech); text-shadow: 0 0 10px rgba(0, 176, 255, 0.4); }
.nav-item:hover .nav-link::after { width: 100%; }

.nav-btn-highlight {
    padding: 10px 30px; /* Button etwas kompakter */
    border: 2px solid var(--blue-tech);
    color: var(--blue-tech) !important;
    border-radius: 4px; 
    transition: all 0.3s ease;
}
.nav-btn-highlight::after { display: none; }
.nav-btn-highlight:hover { 
    background-color: var(--blue-tech); 
    color: #002339 !important;
    box-shadow: 0 0 20px rgba(0, 176, 255, 0.6);
    transform: translateY(-2px); 
}

/* --- DROPDOWN MENÜ --- */
.dropdown {
    position: absolute; 
    /* Startet direkt unter dem dünnen Header (90px) */
    top: 90px; 
    left: 50%; 
    transform: translateX(-50%) translateY(20px);
    background: #002b45; 
    min-width: 260px; 
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.05);
    border-top: 3px solid var(--blue-tech);
    border-radius: 0 0 8px 8px; 
    padding: 10px 0; 
    list-style: none; 
    opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: 10000; 
}
.nav-item:hover .dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.dropdown-item a {
    display: block; padding: 12px 25px; text-decoration: none; color: #cbd5e1; 
    font-size: 15px; transition: 0.2s; border-left: 3px solid transparent;
}
.dropdown-item a:hover { 
    background-color: rgba(0, 176, 255, 0.1); color: var(--white); 
    border-left: 3px solid var(--blue-tech); padding-left: 35px; 
}
.chevron { width: 12px; height: 12px; transition: transform 0.3s; }
.nav-item:hover .chevron { transform: rotate(180deg); }

/* --- MOBILE RESPONSIVE --- */
.mobile-toggle { display: none; background: none; border: none; cursor: pointer; color: var(--white); padding: 10px; }

@media (max-width: 1200px) {
    .header-wrapper { height: 80px; } /* Mobil noch etwas dünner */
    .header-inner { padding: 0 20px; }
    .mobile-toggle { display: block; }
    .logo-img { max-height: 50px; }

    .nav-menu {
        position: fixed; top: 80px; left: 0; width: 100%; height: calc(100vh - 80px); 
        background: #002339; flex-direction: column; justify-content: flex-start;
        padding-top: 20px; gap: 0; overflow-y: auto;
        border-top: 1px solid rgba(255,255,255,0.1);
        transform: translateX(100%); transition: transform 0.3s ease; display: flex;
    }
    .nav-menu.active { transform: translateX(0); }
    
    .nav-item { width: 100%; height: auto; display: block; border-bottom: 1px solid rgba(255,255,255,0.05); }
    .nav-link { padding: 20px 25px; width: 100%; justify-content: space-between; color: white; font-size: 18px; }
    .nav-link::after { display: none; }
    
    .dropdown {
        position: static; transform: none; box-shadow: none; border: none;
        padding-left: 0; display: none; opacity: 1; visibility: visible; background: #001a2b; 
    }
    .nav-item.mobile-open .dropdown { display: block; }
    .dropdown-item a { padding-left: 40px; padding-top: 15px; padding-bottom: 15px; font-size: 16px; } 
    .nav-btn-highlight { margin: 30px 20px; display: block; text-align: center; width: auto; }
}/* End custom CSS */