.elementor-20 .elementor-element.elementor-element-62ea1426{--display:flex;--min-height:100px;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-20 .elementor-element.elementor-element-62ea1426:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-62ea1426 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-7577b83c{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7577b83c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-7ae0278a{text-align:start;}.elementor-20 .elementor-element.elementor-element-7ae0278a img{width:100%;height:101px;object-fit:contain;object-position:center center;}.elementor-20 .elementor-element.elementor-element-54e9c91e{--display:flex;--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:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-20 .elementor-element.elementor-element-54e9c91e.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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.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-20 .elementor-element.elementor-element-3072896{width:var( --container-widget-width, 90.582% );max-width:90.582%;background-color:var( --e-global-color-text );--container-widget-width:90.582%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2C2C2;border-radius:20px 20px 20px 20px;}.elementor-20 .elementor-element.elementor-element-3072896.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu .elementor-item{font-family:"Helvetica", Sans-serif;font-size:15px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu--main .elementor-item:focus{color:#BBFF00;fill:#BBFF00;}.elementor-20 .elementor-element.elementor-element-98f5a58.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-20 .elementor-element.elementor-element-954748b{--display:flex;--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:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-20 .elementor-element.elementor-element-954748b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-92a3e5e .elementor-icon-wrapper{text-align:center;}.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-20 .elementor-element.elementor-element-62ea1426{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-20 .elementor-element.elementor-element-7ae0278a img{height:27px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-62ea1426{--min-height:65px;}.elementor-20 .elementor-element.elementor-element-7577b83c{--width:20%;}.elementor-20 .elementor-element.elementor-element-7ae0278a img{height:20px;}.elementor-20 .elementor-element.elementor-element-54e9c91e{--width:80%;}.elementor-20 .elementor-element.elementor-element-954748b{--width:80%;}.elementor-20 .elementor-element.elementor-element-92a3e5e .elementor-icon-wrapper{text-align:end;}.elementor-20 .elementor-element.elementor-element-92a3e5e .elementor-icon{font-size:23px;}.elementor-20 .elementor-element.elementor-element-92a3e5e .elementor-icon svg{height:23px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-7577b83c{--width:55.913%;}.elementor-20 .elementor-element.elementor-element-54e9c91e{--width:543px;}.elementor-20 .elementor-element.elementor-element-954748b{--width:543px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-7577b83c{--width:15%;}.elementor-20 .elementor-element.elementor-element-54e9c91e{--width:85%;}.elementor-20 .elementor-element.elementor-element-954748b{--width:85%;}}/* Start custom CSS for nav-menu, class: .elementor-element-3072896 *//* 1. Das Menü im Grundzustand komplett wegsperren */
.sliding-nav-widget {
    max-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: all 0.5s ease-in-out !important;
    white-space: nowrap !important;
    display: flex !important; /* Wichtig, damit die Links nebeneinander bleiben */
}

/* 2. Wenn das Menü offen ist (Klasse am Body) */
body.menu-open .sliding-nav-widget {
    max-width: 800px !important; /* Genug Platz für deine Links */
    opacity: 1 !important;
    margin-right: 20px !important;
}

/* 3. Das Burger Icon Styling (unverändert, aber sicherheitshalber hier) */
.custom-burger {
    width: 25px;
    height: 18px;
    position: relative;
    cursor: pointer;
    z-index: 9999;
    display: block;
}

.custom-burger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    transition: .3s ease-in-out;
}

.custom-burger span:nth-child(1) { top: 0; }
.custom-burger span:nth-child(2) { top: 8px; }
.custom-burger span:nth-child(3) { top: 16px; }

/* Morphing zum X */
body.menu-open .custom-burger span:nth-child(1) {
    top: 8px;
    transform: rotate(135deg);
}
body.menu-open .custom-burger span:nth-child(2) {
    opacity: 0;
    left: -20px;
}
body.menu-open .custom-burger span:nth-child(3) {
    top: 8px;
    transform: rotate(-135deg);
}

.elementor-20 .elementor-element.elementor-element-3072896 .elementor-nav-menu--main {
    display: flex !important;
    flex-wrap: nowrap !important; /* Verhindert das Untereinander-Springen */
}

.elementor-20 .elementor-element.elementor-element-3072896 .menu-item {
    flex-shrink: 0 !important; /* Verhindert, dass die Items kleiner werden */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98f5a58 */.menu-container {
  display: flex;
  flex-direction: row;
  white-space: nowrap; /* Verhindert, dass Text in neue Zeilen springt */
  overflow: hidden;     /* Versteckt den Überhang während der Animation */
}

.menu-item {
  flex-shrink: 0;       /* Verhindert, dass die Items schmaler werden als ihr Inhalt */
}

/* Erzwungene horizontale Ausrichtung für Elementor Menüs */
.elementor-20 .elementor-element.elementor-element-98f5a58 .elementor-nav-menu, 
.elementor-20 .elementor-element.elementor-element-98f5a58 .elementor-nav-menu ul {
    display: flex !important;
    flex-direction: row !important; /* Erzwingt Nebeneinander */
    flex-wrap: nowrap !important;   /* Verhindert das Untereinander-Springen */
    width: 100% !important;
}

.elementor-20 .elementor-element.elementor-element-98f5a58 .menu-item {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important; /* Verhindert Textumbruch */
}

/* Verhindert, dass der Text während der Animation gequetscht wird */
.elementor-20 .elementor-element.elementor-element-98f5a58 .elementor-item {
    display: flex !important;
    flex-shrink: 0 !important; 
}

/* Text standardmäßig unsichtbar im eingeklappten Zustand */
.sidebar .menu-item span {
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Text wird sichtbar, wenn Sidebar die Klasse .open bekommt */
.sidebar.open .menu-item span {
    opacity: 1;
    transition-delay: 0.2s; /* Wartet, bis die Sidebar fast offen ist */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54e9c91e *//* 1. Die Sidebar: Wir machen sie zum "Gucker", der nur einen Ausschnitt zeigt */
.sidebar {
    overflow-x: hidden !important; /* Verhindert horizontales Scrollen/Springen */
    overflow-y: visible !important; 
    display: block !important; /* WICHTIG: Kein Flex, sonst wandert der Inhalt */
    position: relative;
}

/* 2. Das Menü-Widget: Wir "nageln" es links fest */
.sidebar .elementor-widget-nav-menu {
    width: 350px !important; /* Hier die EXAKTE Breite deiner OFFENEN Sidebar eintragen */
    min-width: 500px !important;
    position: absolute !important; /* Das Menü bewegt sich keinen Millimeter */
    left: 0 !important;
    top: 0;
    transition: none !important; /* Das Menü selbst darf nicht animieren */
}

/* 3. Die Menü-Liste: Keine Experimente mit der Breite */
.elementor-nav-menu--main {
    width: 350px !important;
    display: block !important;
}

/* 4. Die einzelnen Links: Icon und Text starr nebeneinander */
.elementor-nav-menu--main .elementor-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; /* Alles nach links drücken */
    align-items: center !important;
    white-space: nowrap !important; /* Kein Textumbruch */
    padding-left: 20px !important; /* Damit das Icon immer an der gleichen Stelle sitzt */
}

/* 5. Icons und Text vor dem "Quetschen" schützen */
.elementor-nav-menu--main .elementor-item span,
.elementor-nav-menu--main .elementor-item i,
.elementor-nav-menu--main .elementor-item svg {
    flex-shrink: 0 !important;
}/* End custom CSS */