.elementor-9318 .elementor-element.elementor-element-ff9531d{--display:flex;--min-height:80px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00B4BB8A;--border-color:#00B4BB8A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-9318 .elementor-element.elementor-element-ff9531d:not(.elementor-motion-effects-element-type-background), .elementor-9318 .elementor-element.elementor-element-ff9531d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000073;}.elementor-9318 .elementor-element.elementor-element-ff9531d.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-9318 .elementor-element.elementor-element-3d86275{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9318 .elementor-element.elementor-element-30504b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9318 .elementor-element.elementor-element-30504b7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-9318 .elementor-element.elementor-element-30504b7 img{width:55px;}.elementor-9318 .elementor-element.elementor-element-86ed127{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9318 .elementor-element.elementor-element-f53a45f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9318 .elementor-element.elementor-element-f53a45f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-menu-toggle{margin:0 auto;}.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;line-height:1em;}.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-9318 .elementor-element.elementor-element-f53a45f div.elementor-menu-toggle{color:#FFFFFF;}.elementor-9318 .elementor-element.elementor-element-f53a45f div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-9318 .elementor-element.elementor-element-f53a45f div.elementor-menu-toggle:hover, .elementor-9318 .elementor-element.elementor-element-f53a45f div.elementor-menu-toggle:focus{color:#00E5FF;}.elementor-9318 .elementor-element.elementor-element-f53a45f div.elementor-menu-toggle:hover svg, .elementor-9318 .elementor-element.elementor-element-f53a45f div.elementor-menu-toggle:focus svg{fill:#00E5FF;}.elementor-9318 .elementor-element.elementor-element-e0e06eb{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9318 .elementor-element.elementor-element-9be16d0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9318 .elementor-element.elementor-element-9be16d0.elementor-element{--align-self:center;}.elementor-9318 .elementor-element.elementor-element-9be16d0{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FFFFFF;--toggle-button-icon-color:#FFFFFF;--toggle-button-background-color:var( --e-global-color-primary );--toggle-button-border-color:#ffffff;--toggle-button-hover-text-color:var( --e-global-color-accent );--toggle-button-icon-hover-color:var( --e-global-color-accent );--toggle-button-hover-background-color:var( --e-global-color-primary );--toggle-button-hover-border-color:var( --e-global-color-accent );--toggle-button-border-radius:0%;--toggle-icon-size:24px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#CA7900;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-menu-cart__toggle .elementor-button{box-shadow:0px 5px 10px 1px rgba(0,0,0,0.5);font-family:"Inter", Sans-serif;font-size:15px;gap:7px;flex-direction:row;}.elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-menu-cart__toggle .elementor-button:hover{box-shadow:0px 0px 10px 0px rgba(188.7, 88.36081106434698, 0, 0.32);}body:not(.rtl) .elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-5px;top:-5px;}body.rtl .elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:5px;top:-5px;left:auto;}.elementor-9318 .elementor-element.elementor-element-9be16d0 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-9318 .elementor-element.elementor-element-ededb83{--display:flex;}.elementor-9318 .elementor-element.elementor-element-b7611f0{width:auto;max-width:auto;bottom:30px;z-index:9999;}.elementor-9318 .elementor-element.elementor-element-b7611f0 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:none;border-radius:50% 50% 50% 50%;}body:not(.rtl) .elementor-9318 .elementor-element.elementor-element-b7611f0{right:30px;}body.rtl .elementor-9318 .elementor-element.elementor-element-b7611f0{left:30px;}.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon-wrapper{text-align:center;}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor5 );}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-framed .elementor-icon, .elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-framed .elementor-icon, .elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;color:#FF8C00;}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-framed .elementor-icon:hover, .elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-framed .elementor-icon:hover, .elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-framed .elementor-icon:hover{background-color:#FF8C00;}.elementor-9318 .elementor-element.elementor-element-b7611f0.elementor-view-stacked .elementor-icon:hover svg{fill:#FF8C00;}.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon{font-size:20px;}.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon svg{height:20px;}.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-9318 .elementor-element.elementor-element-3d86275{--margin-top:-17px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-9318 .elementor-element.elementor-element-86ed127{--margin-top:-17px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-9318 .elementor-element.elementor-element-e0e06eb{--margin-top:-17px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-9318 .elementor-element.elementor-element-3d86275{--width:15%;}.elementor-9318 .elementor-element.elementor-element-e0e06eb{--width:15%;}}@media(max-width:767px){.elementor-9318 .elementor-element.elementor-element-3d86275{--width:19%;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-9318 .elementor-element.elementor-element-3d86275.e-con{--order:99999 /* order end hack */;}.elementor-9318 .elementor-element.elementor-element-30504b7.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-9318 .elementor-element.elementor-element-30504b7 img{width:60px;max-width:80px;}.elementor-9318 .elementor-element.elementor-element-86ed127{--width:29%;--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:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-9318 .elementor-element.elementor-element-86ed127.e-con{--order:99999 /* order end hack */;}.elementor-9318 .elementor-element.elementor-element-f53a45f.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-9318 .elementor-element.elementor-element-e0e06eb{--width:50%;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-9318 .elementor-element.elementor-element-e0e06eb.e-con{--order:99999 /* order end hack */;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-30504b7 *//* Das Logo sanft beim Drüberfahren anheben */
.elementor-9318 .elementor-element.elementor-element-30504b7 img {
    transition: transform 0.3s ease-in-out; /* Sorgt für eine flüssige Bewegung */
}

.elementor-9318 .elementor-element.elementor-element-30504b7 img:hover {
    transform: translateY(-5px); /* Hebt das Logo um 5 Pixel nach oben an */
}

.elementor-9318 .elementor-element.elementor-element-30504b7 img {
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5));
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-f53a45f *//* --- 1. WARENKORB BADGE (DIE ORANGE ZAHL) --- */
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-button-icon-qty {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background-color: #FF8C00 !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2) !important;
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1.5px solid #ffffff !important;
}

/* --- 2. WARENKORB BUTTON (DAS VIERECK) --- */
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-button-content-wrapper,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-menu-cart__btn {
    border-radius: 2px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* --- 3. HAUPTMENÜ DESKTOP --- */
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-item:before,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-item:after,
.elementor-9318 .elementor-element.elementor-element-f53a45f .menu-item-has-children > a:after,
.elementor-9318 .elementor-element.elementor-element-f53a45f .current-menu-ancestor > a:after {
    display: none !important;
    content: none !important;
}

.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-item {
    transition: all 0.3s ease-in-out !important;
    text-decoration: none !important;
}

.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-item:hover {
    color: #FF8C00 !important;
    transform: translateY(-3px) !important;
}

.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-item.elementor-item-active,
.elementor-9318 .elementor-element.elementor-element-f53a45f .current-menu-item > a,
.elementor-9318 .elementor-element.elementor-element-f53a45f .current-menu-ancestor > a {
    color: #00E5FF !important;
    font-weight: 700 !important;
}

/* --- 4. DER RAUCHGLAS-EFFEKT DROP-DOWN (DARK GLASS) --- */

.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown ul,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown li,
.elementor-9318 .elementor-element.elementor-element-f53a45f .sub-menu,
.elementor-9318 .elementor-element.elementor-element-f53a45f .sub-menu * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown,
.elementor-9318 .elementor-element.elementor-element-f53a45f .sub-menu {
    /* Dunkles Rauchglas (Schwarz mit 40% Deckkraft) sorgt für Kontrast */
    background: rgba(0, 0, 0, 0.4) !important; 
    
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    
    /* Feine helle Kante für den Glaseffekt */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; 
    border-radius: 2px !important;
    
    padding: 10px 0 !important;
    margin-top: 15px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Text im Glas: Reinweiß für maximalen Kontrast auf dem dunklen Glas */
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown a,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown .elementor-item,
.elementor-9318 .elementor-element.elementor-element-f53a45f .sub-menu a {
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 12px 25px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

/* Hover im Glas: Orange */
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown a:hover,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown .elementor-item:hover {
    color: #FF8C00 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    padding-left: 30px !important;
}

/* Aktiv im Glas: Cyan */
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-9318 .elementor-element.elementor-element-f53a45f .elementor-nav-menu--dropdown .current-menu-item > a {
    color: #00E5FF !important;
}

.elementor-9318 .elementor-element.elementor-element-f53a45f .sub-arrow {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-9be16d0 *//* Erzwungene Farbe für den Preis im Widget */
.elementor-9318 .elementor-element.elementor-element-9be16d0 .woocommerce-Price-amount {
    color: #ffffff !important;
}

/* Preis bei Hover auf Orange */
.elementor-9318 .elementor-element.elementor-element-9be16d0:hover .woocommerce-Price-amount {
    color: #FF8C00 !important;
}
.elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-button-icon-qty {
    font-size: 15px !important;    /* Etwas feiner wirkt oft edler */
    font-weight: 700 !important;
    
    /* Perfekter Kreis */
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    
    /* Ein dezenter Schatten nach unten */
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2) !important;
    
    /* Positionierung - wir schieben ihn leicht über den Rand */
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    
    /* Zentrierung der Zahl */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Ein feiner weißer Rand lässt es professioneller wirken */
    border: 1.5px solid #ffffff !important; 
}
/* Der Badge bewegt sich leicht mit, wenn man über den Warenkorb fährt */
.elementor-9318 .elementor-element.elementor-element-9be16d0:hover .elementor-button-icon-qty {
    transform: scale(1.1) !important;      /* Wird minimal größer */
    transition: all 0.3s ease !important;  /* Schöner sanfter Übergang */
}

/* 1. Den äußeren Button-Link abrunden */
.elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-menu-cart__btn {
    border-radius: 12px !important;
}

/* 2. Den Hintergrund-Wrapper abrunden (oft der Übeltäter) */
.elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-button-content-wrapper {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* 3. Das Icon-Gehäuse abrunden, falls das Petrol dort liegt */
.elementor-9318 .elementor-element.elementor-element-9be16d0 .elementor-button-icon-wrapper {
    border-radius: 12px !important;
}

/* 4. Falls Petrol als Hintergrund-Farbe im Widget-Stil vergeben wurde */
.elementor-9318 .elementor-element.elementor-element-9be16d0 a {
    border-radius: 12px !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7611f0 *//* Den Container des Icons stylen */
.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon {
    background-color: rgba(0, 20, 25, 0.6) !important;
    border: 1px solid rgba(0, 229, 255, 0.4) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* Das Icon selbst (der Pfeil) */
.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon i, 
.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon svg {
    color: #00E5FF !important;
    fill: #00E5FF !important;
    font-size: 20px;
}

/* Hover-Effekt */
.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon:hover {
    background-color: rgba(255, 140, 0, 0.9) !important;
    border-color: #FF8C00 !important;
    transform: translateY(-5px);
}

.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon:hover i,
.elementor-9318 .elementor-element.elementor-element-b7611f0 .elementor-icon:hover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}/* End custom CSS */