.elementor-31 .elementor-element.elementor-element-98141ae{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:20;}.elementor-31 .elementor-element.elementor-element-98141ae:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-98141ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-89fd593 );}.elementor-31 .elementor-element.elementor-element-98141ae.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-c3e16e5{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31 .elementor-element.elementor-element-c3e16e5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-c3e16e5 img{max-width:50%;}.elementor-31 .elementor-element.elementor-element-3b00ee8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:var( --e-global-color-accent );--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-31 .elementor-element.elementor-element-3b00ee8.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-89fd593 );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:1.5rem;padding-right:1.5rem;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-78c2be6 );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed .elementor-item:before,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-78c2be6 );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-underline .elementor-item:after,
					 .elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-overline .elementor-item:before,
					 .elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-double-line .elementor-item:before,
					 .elementor-31 .elementor-element.elementor-element-3b00ee8 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a, .elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-89fd593 );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a:hover,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a:focus,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle:hover,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a:hover,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a:focus,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d4a281a );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;}.elementor-31 .elementor-element.elementor-element-3b00ee8 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-3b00ee8 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.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-31 .elementor-element.elementor-element-98141ae{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-31 .elementor-element.elementor-element-c3e16e5{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-c3e16e5 img{max-width:100%;}.elementor-31 .elementor-element.elementor-element-3b00ee8{padding:15px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu .elementor-item{font-size:1rem;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--main .elementor-item{padding-left:1rem;padding-right:1rem;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-98141ae{--content-width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:20;}.elementor-31 .elementor-element.elementor-element-98141ae.e-con{--align-self:flex-end;}.elementor-31 .elementor-element.elementor-element-c3e16e5{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;z-index:30;}.elementor-31 .elementor-element.elementor-element-c3e16e5.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-c3e16e5 img{width:1%;}.elementor-31 .elementor-element.elementor-element-3b00ee8{padding:10px 0px 0px 20px;z-index:20;--nav-menu-icon-size:2rem;}.elementor-31 .elementor-element.elementor-element-3b00ee8.elementor-element{--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle{border-radius:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-3b00ee8 *//* Media Query: Greift NUR auf mobilen Geräten (bis 767px) */
@media (max-width: 767px) {

    /* 1. Dropdown über den Inhalt legen */
    .elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown {
        position: absolute !important;
        z-index: 9999 !important;
        top: 100%;
        right: 0;
        left: auto !important; /* Verhindert das Strecken nach links */
        width: 280px !important; /* Feste Breite für einen kompakten Look */
        background-color: #ffffff !important; 
        box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
        border: 1px solid #eaeaea; /* Optionaler feiner Rahmen */
    }

    /* 2. Text rechtsbündig ausrichten */
    .elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown a {
        text-align: right !important;
        justify-content: flex-end !important;
        padding-right: 20px !important;
    }

    /* 3. Abstand zwischen den Menüpunkten (optional) */
    .elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-nav-menu--dropdown .menu-item {
        border-bottom: 1px solid #f2f2f2;
    }
    
    /* Erzeugt das Wort MENÜ über dem Icon */
.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle::before {
    content: 'MENÜ'; /* Der Text, der erscheinen soll */
    display: block;
    font-family: sans-serif; /* Hier ggf. deine Hausschrift eintragen */
    font-size: 12px;
    font-weight: bold;
    color: #314a91; /* Das Blau aus deinem Logo */
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 5px; /* Abstand zwischen Text und Icon */
    text-align: center;
    width: 100%;
}

/* Sorgt dafür, dass Icon und Text untereinander stehen */
.elementor-31 .elementor-element.elementor-element-3b00ee8 .elementor-menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98141ae *//* 1. Grundzustand (verhindert Transparenz-Blitzen) */
.elementor-31 .elementor-element.elementor-element-98141ae {
    transition: all 0.5s ease-in-out;
    width: 100% !important;
    left: 0 !important;
    background-color: #ffffff !important; /* Hier deine Wunschfarbe fest eintragen! */
    opacity: 1 !important;
}

/* 2. Sticky Zustand (Breite erzwingen & Polsterung) */
.elementor-31 .elementor-element.elementor-element-98141ae.elementor-sticky--effects {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #ffffff !important; /* Dieselbe Farbe wie oben */
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}

/* 1. Schrumpfen auf Desktop & Tablet (bleibt wie es war) */
@media (min-width: 768px) {
    .elementor-31 .elementor-element.elementor-element-98141ae.elementor-sticky--effects img {
        width: 30% !important; 
        max-width: 40% !important;
        transition: all 0.6s ease-in-out;
    }
}

/* 2. Stabilisierung für MOBIL (Kein Schrumpfen, feste Größe) */
@media (max-width: 767px) {
    /* Diese Regel gilt IMMER auf Mobile, egal ob gescrollt oder nicht */
    .elementor-31 .elementor-element.elementor-element-98141ae img, 
    .elementor-31 .elementor-element.elementor-element-98141ae.elementor-sticky--effects img {
        /* ÄNDERE DIESEN WERT, um die Logo-Größe mobil anzupassen */
        width: 80% !important; 
        
        max-width: 200px !important; /* Sicherheitsobergrenze */
        height: auto !important;
        transition: none !important; /* Verhindert das "Blitzen" beim Laden */
    }

    /* Verhindert, dass der Header beim Scrollen die Höhe springt */
    .elementor-31 .elementor-element.elementor-element-98141ae.elementor-sticky--effects {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}/* End custom CSS */