.elementor-2509 .elementor-element.elementor-element-5219aafc{--display:flex;--min-height:80px;--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2509 .elementor-element.elementor-element-616a3995 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-616a3995.elementor-element{--align-self:flex-end;}/* Start custom CSS for html, class: .elementor-element-616a3995 */.plus-icon {
    position: relative;
    width: 42px;
    height: 42px;
    cursor: pointer;
    transition: transform 0.4s ease;
}

/* Standard Plus-Symbol (weiß) */
.plus-icon .horizontal,
.plus-icon .vertical {
    position: absolute;
    background-color: #000;
    transition: 0.3s ease;
}

.plus-icon .horizontal {
    width: 100%;
    height: 5px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.plus-icon .vertical {
    width: 5px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Dreht das Plus um 90 Grad bei Klick */
#nav-control:checked + .burger-button .plus-icon {
    transform: rotate(-45deg);
}

/* Button Styling */
.burger-button {
    color: #000000;
    display: flex;
    height: 40px;
    cursor: pointer;
    position: relative;
    z-index: 9999;
}


/* Navigation Styling */
.burger-navigation {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(100%);
    overflow: hidden;
    transition: all 0.5s ease-out;
    width: 100%;
    height: 100vh;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Burger Linien */
.burger-button .burger span {
    display: block;
    height: 4px;
    width: 40px;
    background: #000000; /* Standard Weiß */
    transform-origin: 50% 50%;
    transition: all 0.1s 0.2s ease, transform 0.2s ease;
    border-radius: 4px; 
}

/* Checkbox-Hack */
.burger-nav_control {
    position: absolute;
    left: -9999px;
    width: 100%;
    clip: rect(0, 0, 0, 0);
}

/* Öffnet das Menü */
.burger-nav_control:checked ~ 
.burger-navigation {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.3s, opacity 0.3s;
}/* End custom CSS */