/*
Theme Name: Child Theme
Template: Avada
*/
body.search-no-results #main {
    padding-top: 100px;
}

body.term-bac-msr-loesungen #main .fusion-row {
    max-width: var(--site_width) !important;
}
/* NUR diese Seite (exakt diese Kategorie-URL) */
body.tax-product_cat.term-h2o-light-4-wege-84-x-84-kassetten-2-4-leiter-vorgesehen-fuer-kabelfernbedienung .fusion-row[style*="max-width:100%"]{
  max-width: var(--site_width, 1100px) !important; /* setz hier deinen Standardwert */
}

body.tax-product_cat.term-h2o-vce-kanaleinbaugeraete-ohne-verkleidung .fusion-row[style*="max-width:100%"]{
  max-width: var(--site_width, 1100px) !important; /* setz hier deinen Standardwert */
}


/* Rollover-Element ausblenden */
.fusion-rollover {
    display: none !important;
}

/* Cursor für den gesamten Container */
.fusion-post-wrapper {
    cursor: pointer!important;
}


.flex-direction-nav a{
	font-family: awb-icons!important;
}
.main-flex .flex-next, .main-flex .flex-prev, .wooslider .wooslider-next, .wooslider .wooslider-prev .flex-direction-nav a{
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    width: 63px;
    height: 63px;
    display: none;
    position: absolute;
    top: 42%;
    margin: 0;
    color: #fff;
    font-family: awb-icons!important;
    text-align: center;
    line-height: 63px;
    font-size: 30px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}



.product-details-container h3.product-title.fusion-responsive-typography-calculated {
    font-size: 16px !important;
}

button.fusion-button.button-flat.button-xlarge.button-custom.fusion-button-default.button-3.fusion-button-default-span.form-form-submit.button-default.fusion-has-button-gradient:hover {
    background-color: #06246b !important;
}

button.fusion-button.button-flat.button-xlarge.button-custom.fusion-button-default.button-3.fusion-button-default-span.form-form-submit.button-default.fusion-has-button-gradient {
    transition:0.3s;
}

.featured-image {
    padding: 20px;
}

.fusion-product-wrapper {
    border: solid 0.5px !important;
    border-radius: 10px;
    border-color: #aeaeae !important;
}


span.page-numbers.current {
    background-color: #161d38;
}





#wpsl-checkbox-filter, .wpsl-custom-checkboxes {
    display: flex;
    float: left;
    margin: 0px 0px 0px;
    padding: 0px;
    width: 35%;
}
#wpsl-checkbox-filter.wpsl-checkbox-3-columns li, .wpsl-custom-checkboxes.wpsl-checkbox-3-columns li {
    width: auto!important;
}


#loading-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

#loading-indicator img {
    width: 50px;
    height: 50px;
}

.fusion-posts-container.fusion-blog-layout-grid.fusion-blog-layout-grid-4.isotope.fusion-blog-pagination.fusion-blog-rollover h2.entry-title.fusion-post-title.fusion-responsive-typography-calculated a{
	font-size:16px!important;
	line-height:0.5!important;
	
}
h2.entry-title.fusion-post-title.fusion-responsive-typography-calculated {
	line-height:0.5!important;
}

p.fusion-single-line-meta {
    margin-top: 20px!important;
}
.fusion-post-wrapper {
    border: solid 1px #aeaeae !important;
    border-radius: 10px;
}
.fusion-rollover {
    display: none;
}
#videobox .awb-swiper:not(.swiper-fade) .swiper-wrapper {
    padding: 8px 0px 8px 10px!important;
}




.custom-content-eco-mono {
    margin-bottom: 30px;
}

.content-section.alternating-section {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 20px 0;
}

.content-section.alternating-section.reverse {
    flex-direction: row-reverse; /* Desktop: Bild links, Text rechts */
}

a.subcategory-link.subcategory-button {
    color: #161d38 !important;
    background-color: #e9e9e9 !important;
    /* border: 1px solid #161d38 !important; */
}

/* Nur für die Desktop-Ansicht */
@media (min-width: 1025px) { /* Ab 1025px Breite - Desktop */
    .text-content {
        width: 60%;
        margin: 0 30px 0 0; /* Abstand rechts vom Text in der normalen Reihe */
        text-align: left; /* Text linksbündig in der normalen Reihe */
    }

    .content-section.alternating-section.reverse .text-content {
        margin: 0 0 0 30px; /* Abstand links vom Text in der "reverse" Reihe */
        text-align: left; /* Text rechtsbündig in der "reverse" Reihe */
    }

    .image-content {
        width: 40%;
    }
}

.image-content img {
    width: 100%;
    border-radius: 20px;
}

/* Anpassungen für Tablet und mobile Ansicht */
@media (max-width: 1024px) { /* Tablets */
    .content-section.alternating-section,
    .content-section.alternating-section.reverse {
        flex-direction: column; /* Text und Bild untereinander anordnen */
        align-items: center; /* Zentrierte Ausrichtung */
    }

    .text-content, .image-content {
        width: 100%; /* Beide Elemente sollen 100% Breite haben */
        margin: 0; /* Keine Abstände auf mobilen Geräten */
        text-align: left; /* Zentrierte Ausrichtung für Text auf mobilen Geräten */
    }

    .image-content img {
        width: 100%; /* Bild auf volle Breite skalieren */
        margin-top: 15px;
    }
	h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated {
    font-size: 36px !important; }
		
	h2.fusion-title-heading.title-heading-right.fusion-responsive-typography-calculated {
    font-size: 36px !important;
}
}

@media (max-width: 768px) { /* Mobile Geräte */
    .content-section.alternating-section,
    .content-section.alternating-section.reverse {
        flex-direction: column; /* Text und Bild untereinander anordnen */
        align-items: center; /* Zentrierte Ausrichtung */
    }

    .text-content, .image-content {
        width: 100%; /* Beide Elemente sollen 100% Breite haben */
        margin: 0; /* Keine Abstände auf mobilen Geräten */
        text-align: left; /* Zentrierte Ausrichtung für Text auf mobilen Geräten */
    }

    .image-content img {
        width: 100%; /* Bild auf volle Breite skalieren */
        margin-top: 15px;
    }
	h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated {
    text-align: left !important;
    font-size: 18px !important;
}
	    }
	h2.fusion-title-heading.title-heading-right.fusion-responsive-typography-calculated {
    text-align: left !important;
    font-size: 18px !important;
}

/* Stile für die Tabelle innerhalb der div mit der ID "Zusaetzlich" */
#Zusaetzlich table {
    width: 100%; /* Optional: Setzt die Tabelle auf die volle Breite */
    border-collapse: collapse; /* Entfernt die Standard-Abstände zwischen Zellen */
}

/* Stile für die Tabellenzellen innerhalb der div mit der ID "Zusaetzlich" */
#Zusaetzlich table td {
    padding: 8px 10px; /* Fügt oben/unten 8px und rechts 10px Abstand hinzu */
    text-align: left; /* Setzt die Textausrichtung nach links */
}

/* Hervorhebung jeder zweiten Zeile innerhalb der div mit der ID "Zusaetzlich" */
#Zusaetzlich table tr:nth-child(even) {
    background-color: #efefef; /* Setzt die Hintergrundfarbe für jede zweite Zeile */
}


/* MTF: Mobile Header-Menue - Submenues inline statt Fullscreen-Overlay. */
nav.awb-menu[aria-label="Header Mobil"] .awb-menu__main-li {
    position: relative !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

nav.awb-menu[aria-label="Header Mobil"].flyout-submenu-expanded .awb-menu__main-li:not(.expanded) {
    z-index: 0 !important;
}

nav.awb-menu[aria-label="Header Mobil"] .awb-menu__main-background-default,
nav.awb-menu[aria-label="Header Mobil"] .awb-menu__main-background-active {
    display: none !important;
    pointer-events: none !important;
}

nav.awb-menu[aria-label="Header Mobil"] button.awb-menu__open-nav-submenu_mobile {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 40px !important;
    min-width: 40px;
    height: auto;
    z-index: 3;
}

nav.awb-menu[aria-label="Header Mobil"].awb-menu_flyout.flyout-submenu-expanded .awb-menu__main-a {
    display: flex !important;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

nav.awb-menu[aria-label="Header Mobil"].awb-menu_flyout.flyout-submenu-expanded .awb-menu__sub-ul_main {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 0;
    z-index: auto !important;
    overflow: hidden !important;
    display: block !important;
    transition: max-height 300ms ease, opacity 200ms ease;
    pointer-events: none;
}

nav.awb-menu[aria-label="Header Mobil"].awb-menu_flyout.flyout-submenu-expanded .awb-menu__main-li > .awb-menu__open-nav-submenu_mobile[aria-expanded="true"] + .awb-menu__sub-ul_main {
    max-height: 1200px;
    opacity: 1;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    pointer-events: auto;
}

nav.awb-menu[aria-label="Header Mobil"].awb-menu_flyout.flyout-submenu-expanded .awb-menu__sub-ul_main .awb-menu__sub-li {
    margin: 0;
}

nav.awb-menu[aria-label="Header Mobil"].awb-menu_flyout.flyout-submenu-expanded .awb-menu__sub-a {
    position: relative;
    z-index: 4;
    pointer-events: auto;
    justify-content: center;
    min-height: 34px;
    padding: 0;
    font-style: italic;
}