.elementor-72 .elementor-element.elementor-element-69a8645{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--z-index:999;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-72 .elementor-element.elementor-element-44e65d3 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Blinker", Sans-serif;font-size:24px;font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6F6EED6;padding:10px 20px 10px 10px;}.elementor-72 .elementor-element.elementor-element-44e65d3:hover{--e-transform-translateX:-100px;}body:not(.rtl) .elementor-72 .elementor-element.elementor-element-44e65d3{right:-105px;}body.rtl .elementor-72 .elementor-element.elementor-element-44e65d3{left:-105px;}.elementor-72 .elementor-element.elementor-element-44e65d3{top:10vh;z-index:999;}.elementor-72 .elementor-element.elementor-element-44e65d3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-72 .elementor-element.elementor-element-44e65d3 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-72 .elementor-element.elementor-element-25b6fa7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Blinker", Sans-serif;font-size:24px;font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6F6EED6;padding:10px 20px 10px 10px;}.elementor-72 .elementor-element.elementor-element-25b6fa7:hover{--e-transform-translateX:-180px;}body:not(.rtl) .elementor-72 .elementor-element.elementor-element-25b6fa7{right:-190px;}body.rtl .elementor-72 .elementor-element.elementor-element-25b6fa7{left:-190px;}.elementor-72 .elementor-element.elementor-element-25b6fa7{top:17vh;z-index:999;}.elementor-72 .elementor-element.elementor-element-25b6fa7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-72 .elementor-element.elementor-element-25b6fa7 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-72 .elementor-element.elementor-element-6e94f7a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Blinker", Sans-serif;font-size:24px;font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6F6EED6;padding:10px 20px 10px 10px;}.elementor-72 .elementor-element.elementor-element-6e94f7a:hover{--e-transform-translateX:-210px;}body:not(.rtl) .elementor-72 .elementor-element.elementor-element-6e94f7a{right:-224px;}body.rtl .elementor-72 .elementor-element.elementor-element-6e94f7a{left:-224px;}.elementor-72 .elementor-element.elementor-element-6e94f7a{top:24vh;z-index:999;}.elementor-72 .elementor-element.elementor-element-6e94f7a .elementor-button-content-wrapper{flex-direction:row;}.elementor-72 .elementor-element.elementor-element-6e94f7a .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-72 .elementor-element.elementor-element-3583b52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--z-index:900;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-69a8645 *//* --- Basis Header Styles (Großer Zustand) --- */
.custom-sticky-header {
    position: fixed; /* Falls kein Elementor Pro */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    
    background-color: transparent; /* Transparent am Anfang */
    padding: 20px 0; /* Großes Padding am Anfang */
    transition: all 0.4s ease-in-out; /* Weiche Animation */
}

/* Wrapper für Logos - Flexbox damit sie nebeneinander stehen */
.logo-wrapper {
    display: flex;
    align-items: center; /* Vertikal zentriert */
    gap: 15px; /* Abstand zwischen Z und Text */
}

/* Das Z-Logo Basis */
.logo-z svg {
    height: 120px; /* Startgröße groß */
    width: auto;
    transition: all 0.4s ease-in-out;
}

/* Der Text Basis */
.logo-text svg {
    height: 80px; /* Startgröße Text */
    width: auto;
    fill: #ffffff; /* Farbe Weiß */
    transition: all 0.4s ease-in-out;
}


/* --- GESCHRUMPFT (Scrolled State) --- */

/* 1. Frosted Glass Hintergrund */
.custom-sticky-header.is-shrunk {
    background-color: rgba(255, 255, 255, 0.7); /* Leicht transparentes Weiß */
    backdrop-filter: blur(15px); /* Der Blur Effekt (Apple Style) */
    -webkit-backdrop-filter: blur(15px); /* Safari Support */
    padding: 0; /* Padding entfernen, Höhe wird durch Inhalt bestimmt */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* 2. Text Logo anpassen */
.custom-sticky-header.is-shrunk .logo-text svg {
    height: 50px; /* Feste Höhe wie gewünscht */
    margin-top: 5px;   /* Padding Oben simuliert */
    margin-bottom: 5px; /* Padding Unten simuliert */
    fill: #333333; /* Text wird dunkel (optional, da Hintergrund jetzt hell ist) */
}

/* 3. Das Z-Logo ragt heraus */
.custom-sticky-header.is-shrunk .logo-z {
    position: relative; 
}

.custom-sticky-header.is-shrunk .logo-z svg {
    height: 140px; /* Das Z bleibt groß oder wird sogar größer! */
    position: absolute;
    top: -20px; /* Positionierung damit es oben bündig ist oder leicht versetzt */
    left: 0;
    /* Da der Header nun kleiner ist (ca 60px) und das SVG 140px, 
       ragt es automatisch unten raus */
}

/* Korrektur des Abstands, da das Z nun absolut ist */
.custom-sticky-header.is-shrunk .logo-wrapper {
    margin-left: 70px; /* Platzhalter für das absolute Z schaffen */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3583b52 *//* --- Basis Header Styles (Großer Zustand) --- */
.custom-sticky-header {
    position: fixed; /* Falls kein Elementor Pro */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    
    background-color: transparent; /* Transparent am Anfang */
    padding: 20px 0; /* Großes Padding am Anfang */
    transition: all 0.4s ease-in-out; /* Weiche Animation */
}

/* Wrapper für Logos - Flexbox damit sie nebeneinander stehen */
.logo-wrapper {
    display: flex;
    align-items: center; /* Vertikal zentriert */
    gap: 15px; /* Abstand zwischen Z und Text */
}

/* Das Z-Logo Basis */
.logo-z svg {
    height: 120px; /* Startgröße groß */
    width: auto;
    transition: all 0.4s ease-in-out;
}

/* Der Text Basis */
.logo-text svg {
    height: 80px; /* Startgröße Text */
    width: auto;
    fill: #ffffff; /* Farbe Weiß */
    transition: all 0.4s ease-in-out;
}


/* --- GESCHRUMPFT (Scrolled State) --- */

/* 1. Frosted Glass Hintergrund */
.custom-sticky-header.is-shrunk {
    background-color: rgba(255, 255, 255, 0.7); /* Leicht transparentes Weiß */
    backdrop-filter: blur(15px); /* Der Blur Effekt (Apple Style) */
    -webkit-backdrop-filter: blur(15px); /* Safari Support */
    padding: 0; /* Padding entfernen, Höhe wird durch Inhalt bestimmt */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* 2. Text Logo anpassen */
.custom-sticky-header.is-shrunk .logo-text svg {
    height: 50px; /* Feste Höhe wie gewünscht */
    margin-top: 5px;   /* Padding Oben simuliert */
    margin-bottom: 5px; /* Padding Unten simuliert */
    fill: #333333; /* Text wird dunkel (optional, da Hintergrund jetzt hell ist) */
}

/* 3. Das Z-Logo ragt heraus */
.custom-sticky-header.is-shrunk .logo-z {
    position: relative; 
}

.custom-sticky-header.is-shrunk .logo-z svg {
    height: 140px; /* Das Z bleibt groß oder wird sogar größer! */
    position: absolute;
    top: -20px; /* Positionierung damit es oben bündig ist oder leicht versetzt */
    left: 0;
    /* Da der Header nun kleiner ist (ca 60px) und das SVG 140px, 
       ragt es automatisch unten raus */
}

/* Korrektur des Abstands, da das Z nun absolut ist */
.custom-sticky-header.is-shrunk .logo-wrapper {
    margin-left: 70px; /* Platzhalter für das absolute Z schaffen */
}/* End custom CSS */