.elementor-36 .elementor-element.elementor-element-aaed532:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-aaed532 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}.elementor-36 .elementor-element.elementor-element-aaed532 > .elementor-container{max-width:1500px;min-height:80px;}.elementor-36 .elementor-element.elementor-element-aaed532{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 40px 0px 40px;z-index:9999;}.elementor-36 .elementor-element.elementor-element-aaed532 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-36 .elementor-element.elementor-element-958d672 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-image .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-36 .elementor-element.elementor-element-13850da.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-36 .elementor-element.elementor-element-13850da{text-align:left;}.elementor-36 .elementor-element.elementor-element-13850da img{width:320px;opacity:0.1;}.elementor-bc-flex-widget .elementor-36 .elementor-element.elementor-element-06dabb7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-36 .elementor-element.elementor-element-06dabb7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-36 .elementor-element.elementor-element-06dabb7.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-36 .elementor-element.elementor-element-06dabb7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-36 .elementor-element.elementor-element-06dabb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-36 .elementor-element.elementor-element-3e6b8e2{width:auto;max-width:auto;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 > .elementor-widget-container{margin:0px -20px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c89c554 );fill:var( --e-global-color-c89c554 );}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main .elementor-item:focus{color:#DE8E69;fill:#DE8E69;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a, .elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-radius:5px 5px 5px 5px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a:hover,
					.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a:focus,
					.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#FFFFFF00;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown .elementor-item, .elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a{padding-left:80px;padding-right:80px;padding-top:20px;padding-bottom:20px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#A1A1A1;border-bottom-width:1px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 div.elementor-menu-toggle{color:#DE8E69;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 div.elementor-menu-toggle svg{fill:#DE8E69;}.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-36 .elementor-element.elementor-element-aaed532{margin-top:0px;margin-bottom:0px;padding:0px 30px 0px 30px;}.elementor-bc-flex-widget .elementor-36 .elementor-element.elementor-element-06dabb7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-36 .elementor-element.elementor-element-06dabb7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-36 .elementor-element.elementor-element-06dabb7.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-36 .elementor-element.elementor-element-06dabb7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-36 .elementor-element.elementor-element-06dabb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2{width:auto;max-width:auto;align-self:flex-end;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );--nav-menu-icon-size:25px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-aaed532{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;z-index:9998;}.elementor-36 .elementor-element.elementor-element-958d672{width:80%;}.elementor-36 .elementor-element.elementor-element-958d672 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-13850da img{width:230px;}.elementor-36 .elementor-element.elementor-element-06dabb7{width:20%;}.elementor-36 .elementor-element.elementor-element-06dabb7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-36 .elementor-element.elementor-element-06dabb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2{align-self:flex-end;--nav-menu-icon-size:25px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-36 .elementor-element.elementor-element-3e6b8e2 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-958d672{width:25%;}.elementor-36 .elementor-element.elementor-element-06dabb7{width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-36 .elementor-element.elementor-element-958d672{width:50%;}.elementor-36 .elementor-element.elementor-element-06dabb7{width:50%;}}/* Start custom CSS for image, class: .elementor-element-13850da */.elementor-widget-container img, 
.site-header .elementor-image img, 
.header-logo-class img { 
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e6b8e2 *//* --- Style the Dropdown Menu (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu {
    background: #fff !important;
    border-radius: 5px !important;
    padding: 0 !important;
    border: 1px solid #e0e0e0 !important;
    position: absolute !important;
    left: -20px !important;
    top: 90% !important;
    min-width: 280px !important;
    overflow: hidden !important;
}

/* --- Style Each Submenu Item (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 12px 12px !important;
    margin: 0 !important;
    position: relative !important;
    line-height: 1.3 !important;
    min-height: 45px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: none !important;
    border-left: 4px solid #fff !important;
    transition: background-color 0.1s ease, border-left-color 0.1s ease !important;
}

/* --- Hover State (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover {
    background-color: #333333 !important;
    border-left: 4px solid #f5972b !important;
}

/* --- Ensure Hover Works with Other States (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li.current-menu-item:hover,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li.current_page_item:hover,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:focus:hover,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active:hover {
    background-color: #333333 !important;
    border-left: 4px solid #f5972b !important;
}

/* --- Corner Radius on Hover (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:first-child:hover {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:last-child:hover {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/* --- Remove Conflicting States (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:focus,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li.current-menu-item,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li.current_page_item {
    background: none !important;
    border-left: 4px solid #fff !important;
}

/* --- Style the Submenu Link (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li > a {
    display: flex !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #000 !important;
    padding: 0 !important;
    margin-left: 32px !important;
    margin-bottom: 8px !important;
    margin-top: 7px !important; /* Increased from 0 to 5px to move text down */
    transition: color 0.1s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

/* --- Make the Entire <li> Clickable (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li > a::after {
    content: "" !important;
    position: absolute !important;
    top: -7px !important; /* Adjusted from -12px to -7px to align with text shift */
    left: -44px !important;
    width: 100vw !important;
    height: calc(100% + 69px) !important; /* Adjusted from +74px to +69px to maintain clickable area */
    z-index: -1 !important;
}
/* --- Ensure Text Color (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li a,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li a:focus,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li a:active,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li.current-menu-item a {
    color: #000 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background: none !important;
}

/* --- Hover Text Color (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover a {
    color: #fff !important;
}

/* --- Style the Submenu Description (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li span.menu-item-description {
    display: block !important;
    color: #000 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-style: italic !important;
    max-width: 290px !important;
    margin-left: 40px !important;
    margin-top: -5px !important;
    white-space: normal !important;
    word-break: break-word !important;
    transition: color 0.1s ease !important;
    position: relative !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* --- Hover Description Color (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover span.menu-item-description {
    color: #fff !important;
}

/* --- Custom SVG Icons (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 18px !important;
    width: 22px !important;
    height: 22px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: background-image 0.1s ease !important;
}

/* --- New Second Page Submenu - All Subitems with House Icons (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li:not(.current-menu-item):not(:hover)::before,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li.current-menu-item::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/new-house.svg') !important;
}
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li:hover::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/white-house.svg') !important;
}

/* --- New Third Page Submenu - Different Icons for Each Subitem (Desktop) --- */
/* First Subitem */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1):not(.current-menu-item):not(:hover)::before,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1).current-menu-item::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/3.svg') !important;
}
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1):hover::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/3-white.svg') !important;
}

/* Second Subitem */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2):not(.current-menu-item):not(:hover)::before,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2).current-menu-item::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/4.svg') !important;
}
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2):hover::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/4-white.svg') !important;
}

/* Third Subitem */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3):not(.current-menu-item):not(:hover)::before,
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3).current-menu-item::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/truck-wash-black.svg') !important;
}
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3):hover::before {
    background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/truck-wash.svg') !important;
}

/* --- Style Active Parent Menu Item (Desktop) --- */
.elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children.sub-menu-active > a {
    color: #f5972b !important;
}

/* --- Remove Top Border for Desktop (min-width: 769px) --- */
@media screen and (min-width: 769px) {
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:first-child {
        border-top: none !important;
    }
}

/* --- Tablet (max-width: 768px) --- */
@media screen and (max-width: 768px) {
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: unset !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        overflow: visible !important;
        border: 1px solid #e0e0e0 !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li {
        padding: 0.8rem !important;
        min-height: 2.5rem !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:first-child {
        border-top: 1px solid #A1A1A1 !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li > a {
        font-size: 0.9rem !important;
        margin-left: 1.7rem !important;
        margin-bottom: 0.5rem !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li span.menu-item-description {
        font-size: 0.7rem !important;
        margin-left: 2.2rem !important;
        max-width: 95% !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li::before {
        width: 1.1rem !important;
        height: 1.1rem !important;
        left: 0.5rem !important;
        top: 0.8rem !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li > a::after {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover {
        background-color: #333333 !important;
        border-left: 4px solid #f5972b !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active a,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover a {
        color: #fff !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active span.menu-item-description,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover span.menu-item-description {
        color: #fff !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li:active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li:hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/white-house.svg') !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1):active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1):hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/3-white.svg') !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2):active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2):hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/4-white.svg') !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3):active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3):hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/truck-wash.svg') !important;
    }
}

/* --- Mobile (max-width: 480px) --- */
@media screen and (max-width: 480px) {
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: unset !important;
        max-width: 100% !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li {
        padding: 0.6rem !important;
        min-height: 2rem !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:first-child {
        border-top: 1px solid #A1A1A1 !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li > a {
        font-size: 0.85rem !important;
        margin-left: 1.4rem !important;
        margin-bottom: 0.4rem !important;
        margin-top: 6px !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li span.menu-item-description {
        font-size: 0.65rem !important;
        margin-left: 1.7rem !important;
        max-width: 100% !important;
        margin-top: 1px !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li::before {
        width: 1rem !important;
        height: 1rem !important;
        left: 0.3rem !important;
        top: 1.1rem !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li > a::after {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover {
        background-color: #333333 !important;
        border-left: 4px solid #f5972b !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active a,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover a {
        color: #fff !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:active span.menu-item-description,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .sub-menu li:hover span.menu-item-description {
        color: #fff !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li:active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(2) .sub-menu li:hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/white-house.svg') !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1):active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(1):hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/3-white.svg') !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2):active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(2):hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/4-white.svg') !important;
    }

    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3):active::before,
    .elementor-36 .elementor-element.elementor-element-3e6b8e2 .menu-item-has-children:nth-child(3) .sub-menu li:nth-child(3):hover::before {
        background-image: url('https://www.zs-rothenburg.ch/wp-content/uploads/2025/03/truck-wash.svg') !important;
    }
}/* End custom CSS */