/* Topbar Header abschalten */ .rhweb-topbar-container {height:0px;} /* 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;} /* Header Background Icons */ .header-main .header-row .header-actions-btn.header-cart-btn {background:#2a3c52 !important;} /* Spaltenbreite Sidebar wird nicht gößer und Produktbox */ //@media (min-width: 1335px) {.col-xl-3 {width: 22% !important;}} /* linke Sidebar nach Links rücken */ @media (min-width: 1335px) { div.cms-section-sidebar-sidebar-content.col-lg-4 {padding-left:0px !important;width: 23% !important;} div.cms-section-sidebar-sidebar-content.col-lg-4.col-xl-3 {padding-left:0px !important; width:23% !important;} div.cms-section-sidebar-main-content.col-xl-8 {padding-right:0px !important; width:77% !important;} div.cms-section-sidebar-main-content.col-lg-8.col-xl-9 {padding-right:0px !important; width:77% !important;} } /* Main Menue Darstellungen */ .main-navigation .container {padding-left:10px;} .main-navigation .main-navigation-menu .main-navigation-link-text {font-size:1.1rem !important; padding-top:5px !important;} a.navigation-flyout-link:hover {text-decoration:underline; padding-left:0px;} .navigation-flyout .navigation-flyout-content .navigation-flyout-categories .navigation-flyout-col .navigation-flyout-link.is-level-1 {font-size:0.95rem !important; letter-spacing:0.04rem; line-height:1.5rem;} div.navigation-flyout-categories.is-level-2 {display:none;} .navigation-flyouts {width:80% !important;} .cms-element-category-navigation .category-navigation-box .category-navigation .category-navigation-entry .category-navigation-link.is-active {background-color:#2a3c52 !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;} /* Breadcrump Icons runter */ .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-item:hover .breadcrumb-dropdown, .breadcrumb-item .breadcrumb-dropdown:hover {display: block !important;} div.dropdown-menu.cbax-breadcrumb-menu.show {margin-top:-5px !important;} .cbax-listing-breadcrumb {padding-top:20px !important;} div.cms-breadcrumb.container {padding-left:25px !important;} ol.breadcrumb {padding-top:20px !important;} /* Breadcrump Icons zurück */ .breadcrumb .icon.icon-arrow-medium-right.icon-fluid svg {display: none !important;} .breadcrumb .icon.icon-arrow-medium-right.icon-fluid::before { content: url('https://gastro-roeder.de/media/fb/1e/43/1729243567/breadcrump_back.png?ts=1729243567'); display: inline-block; width: 10px; height: 14px; background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-right: 10px; } /* Filterauswahl */ .home_filter div.cms-element-sidebar-filter {border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); font-weight: 400; text-align: center; margin-bottom:20px !important;} .home_filter .filter-multi-select-dropdown {width:20rem;} .home_filter .filter-panel-items-container {justify-content:center; margin-bottom:0px;} .home_filter .filter-panel-item {margin-bottom:5px;} .home_filter .filter-panel-item-toggle { font-size:0.9rem; font-weight: 400; width: 12rem; text-align: left; padding-top:5px; border-top:none; border-right:none; border-bottom:none; margin-top:5px; } .home_filter .btn:hover {border-color:#60beb0 !important; text-decoration:underline; text-decoration-color:#60beb0;} .home_filter .cms-element-sidebar-filter .filter-panel-item:hover {background-color:#fff !important;} .home_filter .cms-element-sidebar-filter .filter-panel:not(.is--sidebar) {padding:0px;} /* Kategorie Texte H1 und H5 */ .kat_text h1 {font-weight:400; font-size: 1.5rem;} .kat_text h5 {font-weight:400; font-size: 1.0rem;} /* Darstellung Artikel Boxen untereinander Listenansicht */ .produktlisting .rhweb-cms-listing-layout-list .cms-listing-col {width:100% !important;} .produktlisting .rhweb-cms-listing-layout-list .cms-listing-col .product-info {width:70%;} .produktlisting .rhweb-cms-listing-layout-list .cms-listing-col .product-image-wrapper {width:30%;} .produktlisting .rhweb-cms-listing-layout-list .cms-listing-col-wrapper {flex: 1 1 100% !important; max-width: 100% !important;} /* Anzeige der USP Boxen */ .left_usp .has--sidebar .usp-active .container-content {grid-template-columns:20px 1fr;} .left_usp .icon>svg {width:70%; height:70%;} .cms-element-rhweb-cta-banner.usp-active .container-content .icon svg {color:#60beb0 !important; margin-top:22px;} div.listing-right{margin-bottom:10px !important;} /*----- Kategorie Elemente Produktboxen mit Preisbox und PDF Link-----*/ .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:#fff;} /* 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:23px;} .cms-element-product-listing .product-pricing-block .highlight {font-weight:800; color:#DB1420; font-size:1.10rem; padding-right:0px;} .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; border-radius:2px;} /* Produktbox: Bild links bleibt Standard; wir teilen NUR die Info-Spalte */ .cms-element-product-listing .product-box .product-info {display: grid; grid-template-columns:1fr 260px; gap:1rem; align-items:start;} /* NUR Kategorie-Listing - Darstellung der Box Bild links Text rechts */ .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; height:300px !important;} .product-box .product-image-wrapper img {max-height:80%; object-fit:contain;} } /* Artikelnummer in der Produktbox */ .product-number {display: block; clear: both; margin-top: 4px; text-align:center; font-weight:600;} /* 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;} /* 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);} /* Plugins allgemein - PDF Douwnload */ .pdfexport-btn-product-offer {margin-left:5px;} .pdfexport-btn-listing {margin-right:5px !important; margin-bottom:10px;} .cms-element-product-listing .pe-3 {margin-bottom: 5px;} /*--- PDODUKTBOXEN AUF DER DETAILSEITE MIT WARENKORB ---*/ /* 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 Titel Detailseite */ h2.product-detail-description-title{font-size:1.3rem;} /* Artikel Tabs Produkt Detailseite */ .card-tabs .card-header {padding-left:0px !important;} .card-tabs .nav-link {margin-left:10px; margin-right:10px; font-size:1.0em; padding-left:10px; padding-right:10px;} .card-tabs .nav-link:hover {color:#60beb0 !important;} .card-tabs .nav-link {--bs-nav-tabs-link-hover-border-color:#60beb0 !important;} .card-tabs .nav-link.active:hover {color:#fff !important;} @media (min-width: 576px) { .product-detail-tab-navigation-list {padding-bottom:15px !important; border-bottom:10px solid !important; border-color:#ced4da !important;} } div.product-detail-cross-selling div.product-detail-tabs-content.card-body {padding-top:10px;} .nav-tabs .nav-link.active {font-weight:600 !important; color:#ffffff !important; background-color:#60beb0 !important; border-top-left-radius:5px; border-top-right-radius:5px; border-color:#60beb0 !important;} //@media (min-width: 576px) {.product-detail-tabs-content {padding-left:20px !important;}} /* Image Detailseite */ .gallery-slider-item.is-contain .gallery-slider-image, .gallery-slider-single-image.is-contain .gallery-slider-image {min-height: 300px;} .product-detail-media .product-image-container img, /* Aufzählung der Beschreibung */ .product-detail-description-text li::marker {color:#60beb0 !important;} /* Spezifikation */ 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%;} /*----- 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;} /* 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);} /* Badges in Slider abschalten */ .cms-element-product-slider .product-box .acris-product-badge.badge {display:none;} /* Background Accordions für Informationsseiten Versand Garantie */ .gastro_accordion .accordion-flush .accordion-item .accordion-button {background-color:#efeff3; margin-bottom:5px;} /* USP-BAR über dem Footer */ div.rhweb-usp-bar.footer.d-none.d-lg-block { --rhweb-usps-background-color: #2a3c52 !important; --rhweb-usps-text-color: #fff !important; } /* Wichlist Anzeige - Herz - Background */ /* Herz ausblenden */ .product-box .product-wishlist-btn .icon {display: none !important;} /* Produkbox ohne Artikelnummer */ .cms-page.wishlist-page .product-number {display:none;} /* Initial: grauer Stern + grauer Text */ .product-box .product-wishlist-btn{height:80px; width:80px; background-color:transparent;} .product-box .product-wishlist-btn::before { content: '★'; font-size: 20px; color: #bcc1c7;} .product-box .product-wishlist-btn::after {content: 'salva'; color: #bcc1c7; font-size:1.0rem} .product-wishlist-action-circle::before {top: calc(30% - 24px) !important; left: calc(20% - 24px) !important;} /* 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;} /* Überschrift Wishliste */ .wishlist-headline{height:70px !important;} /* Sortierung Produktbox */ .sorting {display: inline-block; width:180px !important; !important; height:40px !important;} /* Slider aud den Footerseiten */ @media (min-width: 992px) { .slider_footer .product-slider.has-nav {border-right: 0; padding-left: 0px !important;} } .slider_footer .product-slider-controls-next.is-arrow-next-inside, .slider_footer .product-slider-controls-prev.is-arrow-prev-inside {display:none;} @media (min-width: 992px) { .cms-sections .cms-section .cms-section-sidebar .cms-section-sidebar-sidebar-content {padding-left: 5px !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;} /* Formulare Anledungen */ .account-content-main form .form-group select:focus, .form-group select:focus, .form-control:focus, .account-register form .form-group select:focus{box-shadow:none !important} .form-control:focus .register-address .form-group [data-input-name="zipcodeInput"] { margin-top: 10px !important; padding-top: 10px !important;}