/*** Header Anpassungen ***/

/* Darstellung der Topbar abschalten */
.rhweb-topbar {display:none;}

.rhweb-usp-bar .rhweb-usp-container .rhweb-usp-box .rhweb-usp-content .usp-icon{font-size:0.9rem;}
.rhweb-usp-bar .rhweb-usp-container .rhweb-usp-box .rhweb-usp-content .usp-title{font-size:0.9rem;}
div.cms-section.rhweb-section-01935bbfaedc716badc1ab23bc743e88.pos-2.cms-section-sidebar {overflow: unset !important;}

div.ch-desktop-wrapper {background-color:#AA527A;}

/*Info Seiten */
div.info-box-section{margin-top:0px;}
div.base-slider.product-slider.has-nav.js-slider-initialized {padding-left:0px; padding-right:0px;}

/* Main Menue Darstellungen */
.main-navigation .main-navigation-menu .main-navigation-link{font-size:1.0rem;}
div.navigation-flyout-link.is-level-1 {font-weight:400;}
div.navigation-flyouts{width:80%; font-size:0.9em;}
a.navigation-flyout-link:hover {text-decoration:underline; padding-left:0px;}
div.navigation-flyout-categories.is-level-2 {display:none;}
nav.nav.main-navigation-menu{font-size:1.0rem;}

/* Linie vertikal flyout */
.navigation-flyout-categories.is-level-0>.navigation-flyout-col.col-3:nth-child(4n+1), 
.navigation-flyout-categories.is-level-0>.navigation-flyout-col.col-4:nth-child(3n+1){border-left:1px solid; border-color:#AA527A;}
div.col-3.navigation-flyout-col{border-left:1px solid; border-color:#AA527A;}

/*** Eigene CSS hinterlegt bei den Einkaufswelten ***/

/* Anzeige der Eigenschaftsfilter unterhalb des Mainmenues */
.home_filter div.filter-multi-select.filter-multi-select-rating.filter-panel-item.dropdown {width: 13em;}
.home_filter button.filter-panel-item-toggle.btn {border-radius:0px; font-size:1.0em; width: 13em;}
.home_filter div.cms-element-sidebar-filter {background-color:#e5e5ec;}
.home_filter div.filter-panel {padding-top:12px !important; margin-bottom:20px;}
.home_filter .filter-panel-items-container{justify-content:center; margin-bottom:0px;}
.filter-boolean {width:13em;}

/* Kategorieboxen unterhalb der Eigenschaftsfilter oben */
.top_navigation div.card.rhweb-subcategories-card { text-align:center; padding-bottom:0px;}

/* linke Sidebar nach Links rücken */
div.cms-section-sidebar-sidebar-content.col-lg-4.col-xl-3 {padding-left:0px !important;}
div.cms-section-sidebar-main-content.col-lg-8.col-xl-9 {padding-right:0px !important;}

/* Anzeige der USP Boxen */
.left_usp .has--sidebar .usp-active .container-content {grid-template-columns:25px 1fr; font-size:0.8rem;}
.left_usp .icon>svg {width:70%; height:70%;}

/* Background Accordions für Informationsseiten Versand Garantie */
.gastro_accordion .accordion-flush .accordion-item .accordion-button{background-color:#e5e5ec; margin-bottom:5px;}

/*** Produktanzeigen allgemein ***/

/* Produktanzeigen Untereinander */
.produkte .card.product-box .product-info .product-name {height:20px;}
.produkte .product-price-info {margin-top:0px; text-align:right;}
.produkte .product-action {margin-top:10px; text-align:right;}

p.product-price-unit{content: url(https://gastro-roeder.de/media/59/38/3e/1730303474/Logo-Shop_10_mail.png?ts=1730303474); max-width:100px; min-height:30px; padding-top:10px;}

/* Box Produkt Detailseite Bild und rechter Text */
h1.product-detail-name {font-size:1.6em !important; font-weight:bold;}
div.cms-block.pos-1.cms-block-gallery-buybox {padding:20px;}
.quantity-selector-group .btn-outline-light.btn-plus {background-color:#fff;}
.quantity-selector-group .btn-outline-light.btn-minus {background-color:#fff;}
div.col-lg-5.product-detail-buy{
    background-color:#efeff3; 
    padding:20px;
    border: 1px solid;
    border-radius: 1%;
    border-color:#ceced4;
    }

.pdfexport-btn-product, .pdfexport-btn-product-offer {background-color: #233755 !important;}

p.delivery-information.delivery-available {font-size:0.9em;}

/* Farbe Sonderpreis und Badge */
span.product-price.with-list-price {color:#db1420 !important;}
p.product-detail-price.with-list-price {color:#db1420 !important;}
div.badge.bg-danger.badge-discount {background-color:#db1420;}

/* Artikel Tabs Produkt Detailseite */
.product-detail-tab-navigation-list {background-color:#e5e5ec;}
.card-tabs .nav-link {margin-left:10px; margin-right:10px; font-size:1.0em;}
div.product-detail-cross-selling div.product-detail-tabs-content.card-body {padding-top:10px;}

/* Tabs Produktdetail Spezifikation Hintergrund der Zeilen */
.card-tabs .card-header {padding:0px;}
.product-detail-tab-navigation-list {background-color:#e5e5ec; padding-left:10px;}
div.col-md-10.col-lg-6 {width:100%;}
th.properties-label {--bs-table-striped-bg:#e9ebee; width:30%;}
td.properties-value {--bs-table-striped-bg:#e9ebee; width:70%;}

/*** Anpassungen verwendete Plugins ***/

/* 4. Breadcrump Icons runter und zurück */
.breadcrumb .cbax-listing-breadcrumb span.icon.icon-arrow-medium-right.icon-sm {
    content: url('https://gastro-roeder.de/media/72/b9/df/1729243567/breadcrump.png?ts=1729243567');
    width:15px; height:13px; margin-top:4px; padding-right:5px;}
    
.breadcrumb .cbax-product-breadcrumb span.icon.icon-arrow-medium-right.icon-sm {
    content: url('https://gastro-roeder.de/media/fb/1e/43/1729243567/breadcrump_back.png?ts=1729243567');
    height:10px; margin-top:5px; padding-right:5px;}

/* Breadcrump Position und Schatten */
.cms-breadcrumb nav:has(.breadcrumb) {background-color:#fff; border-top:0px; border-bottom:none; box-shadow:none;}
div.breadcrumb.cms-breadcrumb.container {padding-top:20px; padding-bottom:20px;}
div.cms-breadcrumb.container {background:#ffffff !important;}
div.cms-breadcrumb.container nav {background:#ffffff !important; box-shadow:0 0 0 100vmax #fff;}

.cms-breadcrumb nav:has(.breadcrumb) {border-top: 0px!important}


/* Produkt Badges Hintergrund kleiner */
.acris-product-badges-right-bottom .badge,
.acris-product-badges-right-top .badge,
.acris-product-badges-left-bottom .badge,
.acris-product-badges-left-top .badge {padding:5px;}
.product-box .acris-product-badge.badge {min-height:18px !important; height:18px !important;}
.acris-product-badges-image { height: 100%; min-height: 28px; margin-left: -5px;}

/* Themes futures Kontakt Hilfe Fenster */
div.btn.btn-primary.rhweb-contact-widget-opener {background-color:#2a5c91; border-color:#c4c4ce;}

/* Unteres Fenster mit Warenkorblink */
div.rhweb-fixed-cart-container {background-color:#bfcede !important; border-top: 1px solid; border-color:#2a5c91;}
.rhweb-fixed-cart-container .product-detail-name {font-size:1em; font-weight:bold;}

/*** Footer Anpassungen ***/

/* Footer bottom - Kleiner Footer */
.footer-main .footer-bottom a {color:#fff !important;}
div.footer-bottom {background-color:#233755 !important; color:#fff;}
div.py-md-3{padding-top:0px; padding-bottom:10px;}
div.usp-title a {color:#fff; text-decoration:underline;}

/* Register & Checkout */
div.card.register-card {background-color:#f5f5f5; border: 2px solid; border-color:#dcdcdc;}
.is-act-cartpage .checkout .checkout-main {background-color:#f5f5f5;}
h1.cart-main-header {padding-top:20px;}

/*** CMS Bundle Bug bis zum nächsten Update ***/

/* Darstellung Artikel untereinander */
.rhweb-cms-listing-layout-list .cms-listing-col{width:100% !important;}
.rhweb-cms-listing-layout-list .cms-listing-col .product-info {width:65%;}
.rhweb-cms-listing-layout-list .cms-listing-col .product-image-wrapper {width:34%;}

/* Eigenschaftsfilter - Flyout in den Vordergrund */
.cms-section {overflow:unset !important;}
.gallery-slider-item.is-contain .gallery-slider-image, .gallery-slider-single-image.is-contain .gallery-slider-image{min-height:400px;}

div.scroll-up-container.btn.btn-primary{background:#2a5c91;}

/* Bewertungen in der Kategorie */
.card.product-box .product-info .product-rating .product-review-rating{display:none;}

/* CSS für Angebote + Muster */
.info-box-section {background: #f7f7f7; border: 1px solid #dcdcdc; padding: 2rem; border-radius: 8px; margin-top: 2rem; font-size: 1rem;   line-height: 1.6;}
.info-box-section h2 {font-size: 1.5rem; margin-bottom: 1rem; font-weight: 600;}
.info-box-section h3 {margin-top: 1.5rem; font-size: 1.2rem; font-weight: 500;}
.info-box-section ul {padding-left: 1.2rem; margin-top: 0.5rem;}
.info-box-cards {display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem;}
.info-card {flex: 1 1 280px; background: #ffffff; border: 1px solid #ccc; border-radius: 6px; padding: 1rem; text-align: center;  box-shadow: 0 1px 4px rgba(0,0,0,0.05);}
.info-icon {font-size: 2rem; margin-bottom: 0.5rem;}
.info-card h4 { font-size: 1.1rem; margin-bottom: 0.3rem; font-weight: 600;}
.mt {margin-top: 2rem;}