.elementor-416 .elementor-element.elementor-element-5f25bd1{--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:space-between;--flex-wrap:wrap;}.elementor-416 .elementor-element.elementor-element-a425b41{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--flex-wrap:wrap;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;--z-index:99;}.elementor-416 .elementor-element.elementor-element-a425b41.e-con{--align-self:center;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-416 .elementor-element.elementor-element-2aa7d19{width:auto;max-width:auto;z-index:2;}.elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-element{--align-self:center;}.elementor-416 .elementor-element.elementor-element-2aa7d19 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:6px;}.elementor-416 .elementor-element.elementor-element-2aa7d19 .elementor-icon-box-title{margin-block-end:7px;color:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-framed .elementor-icon, .elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-framed:has(:hover) .elementor-icon, .elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-default:has(:hover) .elementor-icon, .elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-framed:has(:focus) .elementor-icon, .elementor-416 .elementor-element.elementor-element-2aa7d19.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-416 .elementor-element.elementor-element-2aa7d19 .elementor-icon{font-size:14px;}.elementor-416 .elementor-element.elementor-element-2aa7d19 .elementor-icon-box-title, .elementor-416 .elementor-element.elementor-element-2aa7d19 .elementor-icon-box-title a{font-family:"Source Sans Pro", Sans-serif;font-size:14px;font-weight:600;line-height:1em;}.elementor-416 .elementor-element.elementor-element-5961e7a{width:auto;max-width:auto;z-index:2;}.elementor-416 .elementor-element.elementor-element-5961e7a > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-416 .elementor-element.elementor-element-5961e7a.elementor-element{--align-self:center;}.elementor-416 .elementor-element.elementor-element-5961e7a .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:6px;}.elementor-416 .elementor-element.elementor-element-5961e7a .elementor-icon-box-title{margin-block-end:7px;color:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-framed .elementor-icon, .elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-default:has(:hover) .elementor-icon, .elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-framed:has(:focus) .elementor-icon, .elementor-416 .elementor-element.elementor-element-5961e7a.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-416 .elementor-element.elementor-element-5961e7a .elementor-icon{font-size:14px;}.elementor-416 .elementor-element.elementor-element-5961e7a .elementor-icon-box-title, .elementor-416 .elementor-element.elementor-element-5961e7a .elementor-icon-box-title a{font-family:"Source Sans Pro", Sans-serif;font-size:14px;font-weight:600;line-height:1em;}.elementor-416 .elementor-element.elementor-element-afdf905{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-416 .elementor-element.elementor-element-afdf905.e-con{--align-self:stretch;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-416 .elementor-element.elementor-element-ed28204{text-align:start;}.elementor-416 .elementor-element.elementor-element-ed28204 img{max-width:10rem;}.elementor-416 .elementor-element.elementor-element-df0bcf8{text-align:start;}.elementor-416 .elementor-element.elementor-element-df0bcf8 img{max-width:10rem;}.elementor-416 .elementor-element.elementor-element-1419bff{--display:flex;--justify-content:center;}.elementor-416 .elementor-element.elementor-element-1419bff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-416 .elementor-element.elementor-element-a49295e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:8;}.elementor-416 .elementor-element.elementor-element-a49295e > .elementor-widget-container{margin:0rem 1rem 0rem 0rem;}.elementor-416 .elementor-element.elementor-element-a49295e.elementor-element{--align-self:center;}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-menu-toggle{margin:0 auto;}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu .elementor-item{font-family:"Source Sans Pro", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main .elementor-item:hover, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-3acfda4 );fill:var( --e-global-color-3acfda4 );}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-3acfda4 );}.elementor-416 .elementor-element.elementor-element-a49295e .e--pointer-framed .elementor-item:before, .elementor-416 .elementor-element.elementor-element-a49295e .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-3acfda4 );}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-3acfda4 );}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-menu-toggle{color:var( --e-global-color-575d46c );fill:var( --e-global-color-575d46c );}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a:hover, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a:focus, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a.highlighted, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-menu-toggle:hover, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-menu-toggle:focus{color:var( --e-global-color-3acfda4 );}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a:hover, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a:focus, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-416 .elementor-element.elementor-element-a49295e .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-416 .elementor-element.elementor-element-afdf905{--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:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-416 .elementor-element.elementor-element-a49295e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-416 .elementor-element.elementor-element-a425b41{--margin-top:1%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-416 .elementor-element.elementor-element-afdf905{--width:50%;--justify-content:flex-start;}.elementor-416 .elementor-element.elementor-element-1419bff{--width:50%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-416 .elementor-element.elementor-element-a49295e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-416 .elementor-element.elementor-element-a49295e > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-416 .elementor-element.elementor-element-a49295e.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-416 .elementor-element.elementor-element-afdf905{--width:20%;}.elementor-416 .elementor-element.elementor-element-1419bff{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-416 .elementor-element.elementor-element-afdf905{--width:20%;}.elementor-416 .elementor-element.elementor-element-1419bff{--width:69.944%;}}/* Start custom CSS for container, class: .elementor-element-5f25bd1 *//* ================================================== 1. BASIS HEADER (Transparent & Layout) ================================================== */ .elementor-416 .elementor-element.elementor-element-5f25bd1 { position: absolute !important; width: 100%; left: 0; top: 0; z-index: 9999; background-color: transparent; transition: background-color 0.4s ease, box-shadow 0.4s ease; } /* ================================================== 2. LOGO ANIMATION (Slide-Swap für Icon Boxen) ================================================== */ /* Transition für die Bewegung der Logos */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-oben, .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-scroll { transition: all 0.4s ease-in-out; } /* --- ZUSTAND: GANZ OBEN (Start) --- */ /* Dunkles Logo: Wartet unsichtbar weiter OBEN (-20px) */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-scroll { opacity: 0; transform: translateY(-20px); pointer-events: none; } /* Weißes Logo: Ist sichtbar an normaler Position (0) */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-oben { position: absolute; /* Übereinanderlegen */ top: 0; left: 0; width: 100%; z-index: 2; opacity: 1; transform: translateY(0); } /* --- ZUSTAND: GESCROLLT (Sticky Animation) --- */ /* Weißes Logo: Rutscht nach UNTEN (+20px) weg */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .logo-oben { opacity: 0; transform: translateY(20px); } /* Dunkles Logo: Rutscht an seinen Platz (0px) */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .logo-scroll { opacity: 1; transform: translateY(0); pointer-events: auto; } /* ================================================== 3. STICKY HINTERGRUND & MENÜ ================================================== */ /* Hintergrund wird Weiß & Schatten */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects { background-color: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); position: fixed !important; } /* Menü-Schriftfarbe Transition */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-nav-menu--main .elementor-item { transition: color 0.3s ease-in-out !important; } /* Menü-Schriftfarbe im gescrollten Zustand (Dunkel) */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-nav-menu--main .elementor-item { color: #333333 !important; } /* Menü Hover & Aktiv Farbe (Türkis) */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover, .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #0095a5 !important; } /* ================================================== 4. ANDERE ICON BOXEN (Kontaktinfos) Logos werden hier durch :not(...) explizit ausgeschlossen! ================================================== */ /* A. GRUNDZUSTAND (Ganz oben) - Alles Weiß (außer Logos) */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-icon i, .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-icon svg, .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-content .elementor-icon-box-title, .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-content .elementor-icon-box-description { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; /* Sicherheitshalber für Stroke-SVGs */ transition: color 0.3s ease-in-out, fill 0.3s ease-in-out, stroke 0.3s ease-in-out !important; } /* Hover-Effekt Grundzustand (Türkis) - (außer Logos) */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll):hover .elementor-icon-box-icon i, .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll):hover .elementor-icon-box-icon svg, .elementor-416 .elementor-element.elementor-element-5f25bd1 .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll):hover .elementor-icon-box-title { color: #0095a5 !important; fill: #0095a5 !important; stroke: #0095a5 !important; } /* B. GESCROLLTER ZUSTAND - Alles Dunkel (außer Logos) */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-icon i, .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-icon svg, .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-content .elementor-icon-box-title, .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll) .elementor-icon-box-content .elementor-icon-box-description { color: #333333 !important; fill: #333333 !important; stroke: #333333 !important; } /* Hover-Effekt Gescrollt (Türkis) - (außer Logos) */ .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll):hover .elementor-icon-box-icon i, .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll):hover .elementor-icon-box-icon svg, .elementor-416 .elementor-element.elementor-element-5f25bd1.elementor-sticky--effects .elementor-widget-icon-box:not(.logo-oben):not(.logo-scroll):hover .elementor-icon-box-title { color: #0095a5 !important; fill: #0095a5 !important; stroke: #0095a5 !important; } /* Das obere Logo (logo-oben) MUSS Weiß sein */ .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-oben .elementor-icon-box-icon i, .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-oben .elementor-icon-box-icon svg, .elementor-416 .elementor-element.elementor-element-5f25bd1 .logo-oben .elementor-icon-box-icon svg path { fill: #ffffff !important; color: #ffffff !important; stroke: #ffffff !important; }/* End custom CSS */