/*** Header Anpassungen ***/

/* Spaltenbreite Sidebar und Produktbox */

@media (min-width: 1335px) {
    .col-xl-3 {width: 22% !important;}
}

@media (min-width: 1335px) {
    .col-xl-9 {width: 78% !important;}
}

/* Header Icons */
header .header-actions-btn, header .header-actions-btn .icon {color:#60beb0 !important;}

/* 1) Herz-Icon im Header ausblenden */
.header-wishlist .icon-wishlist,
.header-wishlist .icon-heart,
.header-wishlist svg {display: none !important;}

/* eigenen Stern einblenden */
.header-wishlist::before {content: '★'; font-size: 36px; line-height: 1; color: #60beb0; display: block;}
.rhweb-divider .rhweb-divider-content svg {fill:#60beb0 !important;}

/* 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;}
.navigation-flyout .navigation-flyout-content .navigation-flyout-categories .navigation-flyout-col .navigation-flyout-link.is-level-0 {color:#60beb0 !important; font-size:1.1rem !important}

/* 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;}


.home_filter .filter-panel-wrapper {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;	align-items: center !important;	padding-top: 15px !important;}
.home_filter div.cms-element-sidebar-filter {background-color:#60beb0; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.25); font-weight: 400; text-align: center; margin-bottom:20px !important;}
.home_filter .filter-multi-select-dropdown {width:13em; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.home_filter .filter-panel-items-container {justify-content:center; margin-bottom:0px;}
.home_filter .filter-panel-item-toggle {border: 1px solid #ffffff; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.25); font-weight: 400; width: 13em; text-align: center; background:#ffffff !important;}
.home_filter .cms-element-sidebar-filter .filter-panel-item .filter-panel-item-toggle:hover {background-color:#efeff3 !important;}
.home_filter .filter-panel {margin-bottom: 0px !important;}
.home_filter .cms-element-sidebar-filter .filter-panel-item {background:#60beb0 !important;}
.home_filter .filter-active, .home_filter .btn.filter-reset-all {background:#efeff3 !important}
.home_filter .btn.filter-reset-all:hover {background:#c62828 !important}
.home_filter .cms-element-sidebar-filter .filter-panel-item .filter-panel-item-dropdown label {white-space:nowrap !important;}


/* 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%;}
.cms-element-rhweb-cta-banner.usp-active .container-content .icon svg {color:#60beb0 !important;}

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

/* 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;}
p.delivery-information.delivery-available {font-size:0.9em;}

/* Farbe Sonderpreis und Badge */
span.product-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%;}

/* Aufzählung der Beschreibung */
.product-detail-description-text li::marker {color:#60beb0 !important;}
 
/* 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:20px !important; height:20px !important;}
.acris-product-badges-image {height:100%; min-height:28px; margin-left:-5px;}
div.acris-product-badges-wrapper {position:static !important;}

/* Themes futures Kontakt Hilfe Fenster */
div.btn.btn-primary.rhweb-contact-widget-opener {background-color:#60beb0; 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 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;}

/* Darstellung Artikel Boxen untereinander Listenansicht */
.rhweb-cms-listing-layout-list .cms-listing-col {width:100% !important;}
.rhweb-cms-listing-layout-list .cms-listing-col .product-info {width:70%;}
.rhweb-cms-listing-layout-list .cms-listing-col .product-image-wrapper {width:30%;}
.rhweb-cms-listing-layout-list .cms-listing-col-wrapper {flex: 1 1 100% !important; max-width: 100% !important;}

/* Untereinander statt nebeneinander bei Tablet/Mobile */
@media (max-width:1000px){
	.rhweb-cms-listing-layout-list .product-box .pb-links {flex-direction:column; align-items:flex-start; gap:6px; margin-top:.5rem;}
    }

/* 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;}

/* CSS für Angebote + Muster */
.info-box-section {background:#f7f7f7; border:1px solid #dcdcdc; padding:2rem; border-radius:6px; 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;}

/* Produktbox: Bild links bleibt Standard; wir teilen NUR die Info-Spalte */
.product-box .product-info {display: grid; grid-template-columns:1fr 260px; gap:1rem; align-items:start;}

/* Button für PDF Dateien */
.pdfexport-btn-product-offer {margin-left:5px;}

/* NUR Kategorie-Listing */
.cms-element-product-listing .product-box .product-info {display:grid; grid-template-columns:1fr 250px;
  grid-template-areas:"title title" "desc  price" "desc  action"; gap:.75rem 1rem; row-gap:.45rem; align-items:start;}

/* Bild vertikal mittig ohne Größenänderung – Desktop */
@media(min-width:992px) {
  .product-box .product-image-wrapper {display:flex; align-items:center; justify-content:center;}
  .product-box .product-image-wrapper img {max-height:80%; object-fit:contain;}
}

/*----- Kategorie Elemente -----*/
.cms-element-product-listing .pb-title {grid-area:title; padding-top:10px !important;}
@media(min-width:1200px) {
.cms-element-product-listing .pb-desc  {grid-area:desc;  margin-top:0;}
}
.cms-element-product-listing .pb-price {grid-area:price; margin-top:10px; align-self:start;}
.cms-element-product-listing .pb-action{grid-area:action; align-self:start;}
.cms-element-product-listing .pb-list {margin:.30rem 0 .45rem; padding-left:1.1rem;}
.cms-element-product-listing .pb-list li {margin:.12rem 0; line-height:1.3;}
.cms-element-product-listing .pb-list li::marker {color:#60beb0 !important;}
.cms-element-product-listing .pb-text {margin:.25rem 0 .55rem; line-height:1.35;}
.cms-element-product-listing .min-qty-note {line-height:1.55; padding-top:10px; font-size:0.8rem:;}
.cms-element-product-listing .d-lg-block {padding-bottom:10px;}
.cms-element-product-listing .fa-info-circle:before,
.cms-element-product-listing .fa-file-pdf:before {color:#60beb0;}

.product-quantity {margin-top:10px;}
.card {position: relative;}
.manufacturer-logo {position: absolute; top: 10px; right: 10px; z-index: 2;}

/* Preisblock: Label links, Betrag rechts – NUR im Listing */
.product-pricing-block {margin:0; padding:0.7rem; background-color:#efeff3 !important;}
.product-pricing-block .price-row { display:flex; align-items:baseline; justify-content:space-between;gap:12px; margin: 6px 0;}
.cms-element-product-listing .product-pricing-block .label {flex:1 1 auto; text-align:left; white-space:nowrap;}
.cms-element-product-listing .product-pricing-block .label_netto {font-size:0.6rem;}
.cms-element-product-listing .product-pricing-block .value {flex:0 0 auto; text-align:right; min-width:130px; font-weight:600;}
.cms-element-product-listing .product-pricing-block .strike {text-decoration:line-through; color:#888; padding-right:0px;}
.cms-element-product-listing .product-pricing-block .highlight {font-weight:800; color:#E04070; font-size:1.10rem; padding-right:5px;}
.product-pricing-block .highlight {font-weight:800; color:#E04070; font-size:1.10rem;}

/* Button auf Spaltenbreite & dichter am Preis – NUR im Listing */
.cms-element-product-listing .product-info .pb-action .btn {width:100%; display:inline-block;}
.cms-element-product-listing .product-rating {height:0px;}

/* Karte im Listing kompakter */
.cms-element-product-listing .product-box .card-body,
.cms-element-product-listing .product-box .product-info{ padding-bottom:.0rem;}
.cms-element-product-listing .product-box {margin-bottom:.6rem; }

/*----- Slider/Cross-Selling RESET ----*/
.cms-element-product-slider .product-box .product-info {display:block; gap:0;}
.cms-element-product-slider .pb-title,
.cms-element-product-slider .pb-desc,
.cms-element-product-slider .pb-price,
.cms-element-product-slider .pb-action {grid-area:auto; margin:0;}

/* Leere Bereiche unter dem Warenkorb-Button ausblenden */
.cms-element-product-listing .product-rating,
.cms-element-product-listing .product-variant-characteristics {display:none !important;	margin:0 !important; padding:0 !important;}

/* KATEGORIE: Produktbox + Hover (nur in der Produktliste) */
.cms-element-product-listing .product-box { position:relative;background:#fff; border-radius:6px; box-shadow:none; transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease; overflow:visible; z-index:0;}

/* Falls Theme .card/.card-body verwendet: Schatten nicht kappen */
.cms-element-product-listing .product-box .card,
.cms-element-product-listing .product-box .card-body {overflow: visible;}

/* Hover/Fokus: Rahmen weg + allseitiger Schatten + leichtes Anheben */
.cms-element-product-listing .product-box:hover,
.cms-element-product-listing .product-box:focus-within {border-color:#d5d5dc !important; transform:translateY(-2px); z-index:2; box-shadow:
    0 12px 28px rgba(0,0,0,.16), 0 4px 10px rgba(0,0,0,.10);}

/* Nur Produkt-Slider & Cross-Selling */
.cms-element-product-slider,
.product-detail-cross-selling {--arrow-size:44px; --arrow-bg:rgba(0,0,0,0.72); --arrow-bg-hover:rgba(0,0,0,0.88);}

/* Button-Grundstyle (Prev/Next) */
.cms-element-product-slider .base-slider-controls-prev,
.cms-element-product-slider .base-slider-controls-next,
.product-detail-cross-selling .base-slider-controls-prev,
.product-detail-cross-selling .base-slider-controls-next {width:var(--arrow-size) !important; height:var(--arrow-size) !important; min-width:var(--arrow-size) !important; min-height:var(--arrow-size) !important; border:0 !important; border-radius:50% !important; background:var(--arrow-bg) !important; box-shadow:0 2px 6px rgba(0,0,0,.35) !important; position:absolute !important; top:50% !important; transform:translateY(-50%) !important; z-index:5 !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; cursor:pointer;}

/* Abstand von der Kante (bei *-outside sitzt der Button am Rand) */
.cms-element-product-slider .base-slider-controls-prev,
.product-detail-cross-selling .base-slider-controls-prev {left:-18px !important;}
.cms-element-product-slider .base-slider-controls-next,
.product-detail-cross-selling .base-slider-controls-next {right:-18px !important;}

/* Hover */
.cms-element-product-slider .base-slider-controls-prev:hover,
.cms-element-product-slider .base-slider-controls-next:hover,
.product-detail-cross-selling .base-slider-controls-prev:hover,
.product-detail-cross-selling .base-slider-controls-next:hover {background:var(--arrow-bg-hover) !important;}

/* Icon wirklich weiß färben – SVG + <use> (überschreibt das inline fill) */
.cms-element-product-slider .base-slider-controls-prev svg,
.cms-element-product-slider .base-slider-controls-next svg,
.product-detail-cross-selling .base-slider-controls-prev svg,
.product-detail-cross-selling .base-slider-controls-next svg {width:20px !important; height:20px !important;}

.cms-element-product-slider .base-slider-controls-prev svg *,
.cms-element-product-slider .base-slider-controls-next svg *,
.product-detail-cross-selling .base-slider-controls-prev svg *,
.product-detail-cross-selling .base-slider-controls-next svg * {fill:#fff !important; stroke:#fff !important; color:#fff !important;}

/* Dots (Pagination) sicher ausblenden – base-slider & tiny-slider */
.cms-element-product-slider .base-slider-dots,
.cms-element-product-slider .tns-nav,
.product-detail-cross-selling .base-slider-dots,
.product-detail-cross-selling .tns-nav {display:none !important;}

/* Linker Pfeil im Cross-Selling Produktslider */
.product-detail-cross-selling .base-slider-controls-prev svg {margin-left:10px !important; position:relative; top:0.15rem !important;}

/* Rechter Pfeil im Cross-Selling Produktslider */
.product-detail-cross-selling .base-slider-controls-next svg {margin-right:10px !important; position:relative; top:0.15rem !important;}

/* Badges im Slider ausblenden */
.product-slider-container .product-slider-item .acris-product-badges-left-bottom {display:none !important;}
.card .product-box .box-wishlist .acris-product-badges-left-bottom {display:none !important;}
.cms-element-product-slider .product-box .product-info .min-qty-note {display:none;}
@media(max-width:767px){
	.product-box .acris-product-badges-left-bottom {display:none;}
}

/* Header Wishliste */
.wishlist-headline {height:50px !important;}

/* Herz ausblenden */
.product-box .product-wishlist-btn .icon {display: none !important;}

/* Produkbox ohne Artikelnummer */
.cms-page.wishlist-page .product-number {display:none;}

/* KLICKFLÄCHE definieren */
.product-box .product-wishlist-btn {background: none; border: none; width: 60px; height: 60px; padding: 0; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; line-height: 1;}

/* Initial: grauer Stern + grauer Text */
.product-box .product-wishlist-btn::before { content: '★'; font-size: 20px; color: #bcc1c7;	padding-right:25px;}
.product-box .product-wishlist-btn::after {content: 'merken'; color: #bcc1c7;}

/* Aktiv (auf Merkliste): Stern+Text grün */
.product-box .product-wishlist-btn.product-wishlist-added::before,
.product-box .product-wishlist-btn.product-wishlist-added::after {color: #60beb0;}

/* Detailseite Herz */
.product-wishlist-btn-content-sm {margin-left:-20px !important;}
.product-wishlist .icon-wishlist svg, .product-wishlist .icon-wishlist-remove svg {display:none;}


/*----- Buttons NUR in der Produkt-Box unterhalb der Beschreibung -----*/
.pb-links .btn {background-color: #f1f4f6; color: #3C4A5B; border: none; padding: 10px 20px; font-size: 0.9rem; line-height: 1;	margin-bottom:10px !important;}

@media(max-width:1335px){
.pb-links .btn-pdf {display:none;}
.pb-links .btn-details {margin-bottom:10px;}
}
	
.pb-links .btn:not(:last-child) {margin-right: 8px;}

/*--- Produktbox für Desktop ---*/ 
.cms-element-product-listing .card.product-box .product-image-wrapper {height:300px !important;}
.cms-element-product-listing .link-offer {text-decoration:underline; font-weight:700; padding-left:20px;}

/* Sortierung in der kategorie anpassen wegen PDF Button */
@media(min-width:767px){
.cms-element-product-listing-actions .sorting {margin-left:.5rem !important; margin-right:.5rem !important;}
}	

/* Artikelnummer in der Produktbox */
.product-number {display: block; clear: both; margin-top: 4px; text-align:center; font-weight:600;}
	
/* Artikelbild mit Herstellerbild */
.product-brand-logo {position: absolute; bottom: 4px; left: 4px; width: 30px; height: auto; opacity: 0.7; z-index: 2; pointer-events: none;}

/*----- Handy Version abgeändert -----*/
@media(max-width:1200px){
	.product-box .pb-desc {display:none !important;}
	.pb-links .btn-details {margin-top:10px;}	
}

@media(max-width:767px){
  .product-box .product-image-wrapper {width:100% !important; float:none !important; margin:0 0 0.75rem 0;}
  .product-box .pb-links, .product-box .min-qty-note, .product-number {display:none !important;}
  .footer-main .footer-column .footer-column-headline {font-size:1.0rem !important;}
  .gallery-slider-item.is-contain .gallery-slider-image, .gallery-slider-single-image.is-contain .gallery-slider-image{width:80%}
  h1.product-detail-name {font-size:1rem !important;}
  .product-detail-media .acris-product-badge.badge, .is-ctl-product .acris-product-badge.badge {display:none;}
  .col-3, .cms-element-product-listing .cms-listing-col:not(.col-12), .cms-section-sidebar-main-content:has(.cms-element-product-listing)       .cms-element-product-listing .cms-listing-col:not(.col-12) {width:100% !important;}
}

.home_box .product-slider.has-border {border:none !important;}
.search-page .product-number {display:none;}

/* Suchergebnis der Artikel in den Kategorien */
.listing-result {font-weight: 700; text-decoration:underline; color:#60beb0;}
.sorting {display: inline-block; width: 260px; margin-left: 5px; margin-right: 5px; width:180px !important;}
.listing-header.d-flex.align-items-center.justify-content-between.w-100 {margin-bottom:20px !important;}
h5, .h5, .cms-element-rhweb-icon-boxes .rhweb-icon-box-item .rhweb-icon-box-item-content .rhweb-icon-box-item-headline {text-align:justify;}
.product-detail-name {font-size:12px !important;}