/* ========================================================= KOBALZ PRODUCTLIST LAYOUT Version: v1.0.49 DESKTOP_FILTER_MODAL_ARTIKELTYP_CLEAN_FULL_OPEN Scope: nur aktiv, wenn die Klasse .kobalz-productlist-layout erhält ========================================================= */ body.kobalz-productlist-layout { --kpl-green: #008000; --kpl-green-dark: #006b00; --kpl-border: #dfe6df; --kpl-border-strong: #cfdacf; --kpl-soft: #f7faf7; --kpl-soft-2: #f4f7f4; --kpl-text: #1f2a1f; --kpl-muted: #667066; --kpl-shadow: 0 14px 34px rgba(0, 0, 0, .075); --kpl-shadow-soft: 0 5px 16px rgba(0, 0, 0, .045); --kpl-radius: 16px; } /* ========================================================= KOBALZ Bereichsklassen für kommende Snippet-Struktur ========================================================= */ body.kobalz-productlist-layout .kpl-content-area { position: relative !important; } body.kobalz-productlist-layout .kpl-sidebar-area { position: relative !important; } body.kobalz-productlist-layout .kpl-toolbar-area { position: relative !important; } body.kobalz-productlist-layout .kpl-product-grid-area { position: relative !important; } body.kobalz-productlist-layout.kobalz-productlist-has-sidebar .kpl-sidebar-area .box { overflow: hidden !important; } /* ========================================================= Produktlisten-Basis ========================================================= */ body.kobalz-productlist-layout #product-list { margin-top: 8px !important; } body.kobalz-productlist-layout #product-list .row, body.kobalz-productlist-layout .layout-gallery #product-list .row { row-gap: 26px !important; } body.kobalz-productlist-layout .product-wrapper, body.kobalz-productlist-layout .productbox-column, body.kobalz-productlist-layout .productbox-row { margin-bottom: 0 !important; } /* ========================================================= Ergebnis-/Sortierleiste ========================================================= */ body.kobalz-productlist-layout #result-options { margin: 22px 0 26px !important; padding: 14px 16px !important; background: #ffffff !important; border: 1px solid var(--kpl-border) !important; border-radius: var(--kpl-radius) !important; box-shadow: var(--kpl-shadow-soft) !important; } body.kobalz-productlist-layout #result-options .row { align-items: center !important; } body.kobalz-productlist-layout #result-options .btn, body.kobalz-productlist-layout #result-options .custom-select, body.kobalz-productlist-layout #result-options select, body.kobalz-productlist-layout .productlist-page-nav .page-link, body.kobalz-productlist-layout .pagination .page-link { min-height: 42px !important; border-radius: 10px !important; font-weight: 500 !important; } body.kobalz-productlist-layout #result-options .btn-outline-secondary, body.kobalz-productlist-layout #result-options .custom-select, body.kobalz-productlist-layout #result-options select, body.kobalz-productlist-layout .pagination .page-link { border-color: var(--kpl-border) !important; color: var(--kpl-text) !important; background-color: #ffffff !important; } body.kobalz-productlist-layout #result-options .btn-outline-secondary:hover, body.kobalz-productlist-layout .pagination .page-link:hover { border-color: var(--kpl-green) !important; color: var(--kpl-green-dark) !important; background: var(--kpl-soft) !important; } body.kobalz-productlist-layout .pagination { gap: 4px !important; } body.kobalz-productlist-layout .pagination .active .page-link, body.kobalz-productlist-layout .page-item.active .page-link { background: var(--kpl-green) !important; border-color: var(--kpl-green) !important; color: #ffffff !important; } /* ========================================================= Produktkarte Grid ========================================================= */ body.kobalz-productlist-layout .productbox { height: 100% !important; padding: 0 !important; } body.kobalz-productlist-layout .productbox .productbox-inner { height: 100% !important; min-height: 100% !important; display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 1px solid var(--kpl-border) !important; border-radius: var(--kpl-radius) !important; overflow: hidden !important; box-shadow: var(--kpl-shadow-soft) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } body.kobalz-productlist-layout .productbox-hover:hover .productbox-inner, body.kobalz-productlist-layout .productbox-hover:focus-within .productbox-inner { transform: translateY(-2px) !important; border-color: rgba(0, 128, 0, .42) !important; box-shadow: var(--kpl-shadow) !important; } /* Bildbereich stabil und quadratisch */ body.kobalz-productlist-layout .productbox-column .productbox-image, body.kobalz-productlist-layout .productbox-column .productbox-images, body.kobalz-productlist-layout .productbox-column .first-wrapper, body.kobalz-productlist-layout .productbox-column .second-wrapper { background: #ffffff !important; } body.kobalz-productlist-layout .productbox-column > .productbox-inner > .row, body.kobalz-productlist-layout .productbox-column .productbox-inner > .row { height: 100% !important; } body.kobalz-productlist-layout .productbox-column .productbox-image { padding: 18px 18px 10px !important; } body.kobalz-productlist-layout .productbox-column .productbox-image .square, body.kobalz-productlist-layout .productbox-column .productbox-image .square-image, body.kobalz-productlist-layout .productbox-column .productbox-image .productbox-image-wrapper, body.kobalz-productlist-layout .productbox-column .productbox-image .productbox-image-wrapper-inner { border: 0 !important; background: #ffffff !important; } body.kobalz-productlist-layout .productbox-column .productbox-image picture, body.kobalz-productlist-layout .productbox-column .productbox-image a { display: flex !important; align-items: center !important; justify-content: center !important; } body.kobalz-productlist-layout .productbox-image img, body.kobalz-productlist-layout .productbox-image-wrapper-inner img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center center !important; transition: transform .18s ease !important; } body.kobalz-productlist-layout .productbox-hover:hover .productbox-image img, body.kobalz-productlist-layout .productbox-hover:hover .productbox-image-wrapper-inner img { transform: scale(1.018) !important; } /* Inhalt unter dem Bild */ body.kobalz-productlist-layout .productbox-column .productbox-title, body.kobalz-productlist-layout .productbox-column .productbox-details, body.kobalz-productlist-layout .productbox-column .productbox-price, body.kobalz-productlist-layout .productbox-column .productbox-status, body.kobalz-productlist-layout .productbox-column .productbox-delivery, body.kobalz-productlist-layout .productbox-column .productbox-actions { padding-left: 18px !important; padding-right: 18px !important; } body.kobalz-productlist-layout .productbox-title, body.kobalz-productlist-layout .productbox-title a, body.kobalz-productlist-layout .productbox-name, body.kobalz-productlist-layout .productbox-name a { color: var(--kpl-text) !important; font-weight: 700 !important; line-height: 1.28 !important; text-decoration: none !important; } body.kobalz-productlist-layout .productbox-title a:hover, body.kobalz-productlist-layout .productbox-name a:hover { color: var(--kpl-green-dark) !important; text-decoration: none !important; } body.kobalz-productlist-layout .productbox-column .productbox-title { min-height: 48px !important; margin-top: 8px !important; margin-bottom: 10px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* Preisblock */ body.kobalz-productlist-layout .productbox-column .productbox-price, body.kobalz-productlist-layout .productbox-column .price_wrapper, body.kobalz-productlist-layout .productbox-column .price { color: var(--kpl-text) !important; } body.kobalz-productlist-layout .productbox-column .productbox-price { margin-top: auto !important; padding-bottom: 4px !important; } body.kobalz-productlist-layout .productbox-column .productbox-price .price, body.kobalz-productlist-layout .productbox-column .productbox-price .price_wrapper, body.kobalz-productlist-layout .productbox-column .price_wrapper .price { font-size: 1.24rem !important; font-weight: 800 !important; line-height: 1.15 !important; } body.kobalz-productlist-layout .productbox .price-note, body.kobalz-productlist-layout .productbox .base-price, body.kobalz-productlist-layout .productbox .vat_info, body.kobalz-productlist-layout .productbox .delivery-status, body.kobalz-productlist-layout .productbox .estimated_delivery, body.kobalz-productlist-layout .productbox .productbox-vat { color: var(--kpl-muted) !important; font-size: .86rem !important; line-height: 1.35 !important; } /* Sternchen Preis/Grundpreis sauber hochstellen */ body.kobalz-productlist-layout #product-list .price_wrapper .footnote-reference, body.kobalz-productlist-layout #product-list .productbox-price .footnote-reference, body.kobalz-productlist-layout #product-list .price .footnote-reference, body.kobalz-productlist-layout #product-list .base-price .footnote-reference, body.kobalz-productlist-layout #product-list .vat_info .footnote-reference { display: inline-block !important; position: relative !important; top: -0.45em !important; margin-left: 2px !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; color: currentColor !important; } /* Lieferstatus */ body.kobalz-productlist-layout .productbox .delivery-status, body.kobalz-productlist-layout .productbox .delivery-status-wrapper, body.kobalz-productlist-layout .productbox .status, body.kobalz-productlist-layout .productbox .estimated_delivery, body.kobalz-productlist-layout .productbox-status, body.kobalz-productlist-layout .productbox-delivery { margin-top: 6px !important; } body.kobalz-productlist-layout .productbox-column .productbox-status, body.kobalz-productlist-layout .productbox-column .productbox-delivery { padding-bottom: 14px !important; } body.kobalz-productlist-layout .productbox .signal_image, body.kobalz-productlist-layout .productbox .estimated_delivery { display: inline-flex !important; align-items: center !important; gap: 6px !important; } body.kobalz-productlist-layout .productbox .signal_image.status-2, body.kobalz-productlist-layout .productbox .signal_image.status-1, body.kobalz-productlist-layout .productbox .status-2, body.kobalz-productlist-layout .productbox .status-1 { color: var(--kpl-green-dark) !important; } /* Bewertungen */ body.kobalz-productlist-layout .productbox .rating, body.kobalz-productlist-layout .productbox .stars, body.kobalz-productlist-layout .productbox .productbox-rating { min-height: 22px !important; margin: 2px 18px 8px !important; } /* Ribbon/Sticker */ body.kobalz-productlist-layout .ribbon, body.kobalz-productlist-layout .badge, body.kobalz-productlist-layout .productbox-ribbon { border-radius: 999px !important; } body.kobalz-productlist-layout .productbox-ribbon.ribbon { top: 12px !important; left: 12px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .08) !important; } /* Quick Actions */ body.kobalz-productlist-layout .productbox-quick-actions { top: 12px !important; right: 12px !important; gap: 6px !important; } body.kobalz-productlist-layout .product-actions .btn, body.kobalz-productlist-layout .productbox-quick-actions .btn { border-radius: 999px !important; background: rgba(255, 255, 255, .96) !important; border: 1px solid var(--kpl-border) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .06) !important; } body.kobalz-productlist-layout .product-actions .btn:hover, body.kobalz-productlist-layout .productbox-quick-actions .btn:hover { border-color: var(--kpl-green) !important; color: var(--kpl-green-dark) !important; } /* ========================================================= Listenansicht sanft mitziehen ========================================================= */ body.kobalz-productlist-layout .productbox-row .productbox-inner { border-radius: var(--kpl-radius) !important; } body.kobalz-productlist-layout .productbox-row .productbox-image { padding: 16px !important; } body.kobalz-productlist-layout .productbox-row .item-list-price { font-weight: 800 !important; } /* ========================================================= Sidebar/Filter sanft verbessern ========================================================= */ body.kobalz-productlist-layout #sidepanel_left, body.kobalz-productlist-layout .box-categories, body.kobalz-productlist-layout .productlist-filter { border-radius: var(--kpl-radius) !important; } body.kobalz-productlist-layout #sidepanel_left .box, body.kobalz-productlist-layout .box-categories { border-color: var(--kpl-border) !important; } body.kobalz-productlist-layout #sidepanel_left a:hover, body.kobalz-productlist-layout .box-categories a:hover { color: var(--kpl-green-dark) !important; } /* Kategorie-Kopf nur leicht, keine Strukturverschiebung */ body.kobalz-productlist-layout h1 { color: var(--kpl-text) !important; line-height: 1.18 !important; } body.kobalz-productlist-layout .desc, body.kobalz-productlist-layout .description, body.kobalz-productlist-layout .category-description, body.kobalz-productlist-layout .productlist-header-description { color: #374137 !important; line-height: 1.65 !important; } /* ========================================================= Mobile ========================================================= */ @media (max-width: 991.98px) { body.kobalz-productlist-layout #result-options { padding: 12px !important; margin: 16px 0 20px !important; } body.kobalz-productlist-layout #result-options .row > [class*="col"] { margin-bottom: 8px !important; } body.kobalz-productlist-layout .productbox-column .productbox-image { padding: 14px 14px 8px !important; } } @media (max-width: 767.98px) { body.kobalz-productlist-layout #product-list .row { row-gap: 18px !important; } body.kobalz-productlist-layout .productbox-column .productbox-title { min-height: auto !important; margin-bottom: 8px !important; } body.kobalz-productlist-layout .productbox-column .productbox-title, body.kobalz-productlist-layout .productbox-column .productbox-details, body.kobalz-productlist-layout .productbox-column .productbox-price, body.kobalz-productlist-layout .productbox-column .productbox-status, body.kobalz-productlist-layout .productbox-column .productbox-delivery, body.kobalz-productlist-layout .productbox-column .productbox-actions { padding-left: 14px !important; padding-right: 14px !important; } } /* ========================================================= v1.0.5 CONTENT_TOOLBAR_LAYOUT Rechter Produktlistenbereich + Toolbar/Pagination ========================================================= */ /* Rechten Inhaltsbereich ruhiger und kompakter führen */ body.kobalz-productlist-layout .kpl-content-area, body.kobalz-productlist-layout #result-wrapper, body.kobalz-productlist-layout .result-wrapper { padding-top: 0 !important; } body.kobalz-productlist-layout .kpl-content-area > h1, body.kobalz-productlist-layout #result-wrapper > h1, body.kobalz-productlist-layout main h1 { margin-top: 6px !important; margin-bottom: 22px !important; font-size: clamp(1.7rem, 1.25rem + 1.15vw, 2.35rem) !important; font-weight: 500 !important; letter-spacing: .01em !important; } body.kobalz-productlist-layout .kpl-content-area .desc, body.kobalz-productlist-layout .kpl-content-area .description, body.kobalz-productlist-layout .kpl-content-area .category-description, body.kobalz-productlist-layout .kpl-content-area .productlist-header-description, body.kobalz-productlist-layout #result-wrapper .desc, body.kobalz-productlist-layout #result-wrapper .description, body.kobalz-productlist-layout #result-wrapper .category-description, body.kobalz-productlist-layout #result-wrapper .productlist-header-description { max-width: 1180px !important; margin-bottom: 18px !important; font-size: .98rem !important; } body.kobalz-productlist-layout .kpl-content-area .desc p, body.kobalz-productlist-layout .kpl-content-area .description p, body.kobalz-productlist-layout .kpl-content-area .category-description p, body.kobalz-productlist-layout .kpl-content-area .productlist-header-description p, body.kobalz-productlist-layout #result-wrapper .desc p, body.kobalz-productlist-layout #result-wrapper .description p, body.kobalz-productlist-layout #result-wrapper .category-description p, body.kobalz-productlist-layout #result-wrapper .productlist-header-description p { margin-bottom: 12px !important; } /* Toolbar als zusammenhängender Bedienbereich */ body.kobalz-productlist-layout #result-options, body.kobalz-productlist-layout .kpl-toolbar-area { margin: 18px 0 22px !important; padding: 14px 16px !important; background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important; border: 1px solid var(--kpl-border) !important; border-left: 4px solid var(--kpl-green) !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(0, 0, 0, .045) !important; } body.kobalz-productlist-layout #result-options .row, body.kobalz-productlist-layout .kpl-toolbar-area .row { min-height: 44px !important; align-items: center !important; } body.kobalz-productlist-layout #result-options form, body.kobalz-productlist-layout .kpl-toolbar-area form { margin-bottom: 0 !important; } body.kobalz-productlist-layout #result-options .btn, body.kobalz-productlist-layout #result-options .custom-select, body.kobalz-productlist-layout #result-options select, body.kobalz-productlist-layout .kpl-toolbar-area .btn, body.kobalz-productlist-layout .kpl-toolbar-area .custom-select, body.kobalz-productlist-layout .kpl-toolbar-area select { height: 44px !important; min-height: 44px !important; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 0 !important; border-color: var(--kpl-green) !important; color: var(--kpl-text) !important; background-color: #ffffff !important; box-shadow: none !important; } body.kobalz-productlist-layout #result-options .btn:hover, body.kobalz-productlist-layout #result-options .custom-select:hover, body.kobalz-productlist-layout #result-options select:hover, body.kobalz-productlist-layout .kpl-toolbar-area .btn:hover, body.kobalz-productlist-layout .kpl-toolbar-area .custom-select:hover, body.kobalz-productlist-layout .kpl-toolbar-area select:hover { border-color: var(--kpl-green-dark) !important; background-color: var(--kpl-soft) !important; } /* Ergebnisanzahl optisch einordnen */ body.kobalz-productlist-layout .result-count, body.kobalz-productlist-layout .pagination-wrapper, body.kobalz-productlist-layout .productlist-page-nav, body.kobalz-productlist-layout #result-options .pagination, body.kobalz-productlist-layout .kpl-toolbar-area .pagination { margin-bottom: 0 !important; } body.kobalz-productlist-layout #result-options [class*="pagination"], body.kobalz-productlist-layout .kpl-toolbar-area [class*="pagination"] { font-size: .94rem !important; } body.kobalz-productlist-layout #result-options .pagination, body.kobalz-productlist-layout .kpl-toolbar-area .pagination, body.kobalz-productlist-layout .productlist-page-nav .pagination { justify-content: flex-end !important; align-items: center !important; } body.kobalz-productlist-layout .pagination .page-item { margin: 0 2px !important; } body.kobalz-productlist-layout .pagination .page-link { min-width: 36px !important; height: 36px !important; min-height: 36px !important; padding: 0 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; border-color: transparent !important; background: transparent !important; color: var(--kpl-text) !important; font-weight: 500 !important; } body.kobalz-productlist-layout .pagination .page-link:hover { background: var(--kpl-soft) !important; border-color: var(--kpl-border) !important; color: var(--kpl-green-dark) !important; } body.kobalz-productlist-layout .pagination .active .page-link, body.kobalz-productlist-layout .page-item.active .page-link { background: transparent !important; color: var(--kpl-text) !important; border-color: transparent !important; border-bottom: 3px solid #e0a800 !important; border-radius: 0 !important; font-weight: 700 !important; } /* Abstand zum Produktgrid sauberer */ body.kobalz-productlist-layout #product-list, body.kobalz-productlist-layout .kpl-product-grid-area { margin-top: 14px !important; padding-top: 0 !important; } body.kobalz-productlist-layout #product-list::before, body.kobalz-productlist-layout .kpl-product-grid-area::before { content: "" !important; display: block !important; height: 1px !important; margin-bottom: 24px !important; background: var(--kpl-border) !important; } /* Breadcrumbs etwas dezenter, damit der Content ruhiger startet */ body.kobalz-productlist-layout .breadcrumb, body.kobalz-productlist-layout #breadcrumb, body.kobalz-productlist-layout .breadcrumbs { margin-bottom: 28px !important; color: var(--kpl-muted) !important; font-size: .92rem !important; } /* Mobile Toolbar stapeln, aber bedienbar halten */ @media (max-width: 991.98px) { body.kobalz-productlist-layout #result-options, body.kobalz-productlist-layout .kpl-toolbar-area { margin: 14px 0 18px !important; padding: 12px !important; border-left-width: 3px !important; border-radius: 12px !important; } body.kobalz-productlist-layout #result-options .row > [class*="col"], body.kobalz-productlist-layout .kpl-toolbar-area .row > [class*="col"] { margin-bottom: 8px !important; } body.kobalz-productlist-layout #result-options .pagination, body.kobalz-productlist-layout .kpl-toolbar-area .pagination, body.kobalz-productlist-layout .productlist-page-nav .pagination { justify-content: flex-start !important; flex-wrap: wrap !important; } } @media (max-width: 575.98px) { body.kobalz-productlist-layout #result-options .btn, body.kobalz-productlist-layout #result-options .custom-select, body.kobalz-productlist-layout #result-options select, body.kobalz-productlist-layout .kpl-toolbar-area .btn, body.kobalz-productlist-layout .kpl-toolbar-area .custom-select, body.kobalz-productlist-layout .kpl-toolbar-area select { width: 100% !important; } body.kobalz-productlist-layout .pagination .page-link { min-width: 34px !important; height: 34px !important; min-height: 34px !important; } } /* ========================================================= v1.0.6 DESKTOP_SIDEBAR_MODERNIZE Nur Desktop: linker Produktlistenbereich moderner und hochwertiger ========================================================= */ @media (min-width: 992px) { body.kobalz-productlist-layout #sidepanel_left, body.kobalz-productlist-layout .kpl-sidebar-area { padding-right: 26px !important; } body.kobalz-productlist-layout #sidepanel_left .box, body.kobalz-productlist-layout #sidepanel_left .box-categories, body.kobalz-productlist-layout #sidepanel_left .nav-panel, body.kobalz-productlist-layout #sidepanel_left .box-normal, body.kobalz-productlist-layout .kpl-sidebar-area .box, body.kobalz-productlist-layout .kpl-sidebar-area .box-categories { background: #ffffff !important; border: 1px solid var(--kpl-border) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .045) !important; overflow: hidden !important; } body.kobalz-productlist-layout #sidepanel_left .box + .box, body.kobalz-productlist-layout .kpl-sidebar-area .box + .box { margin-top: 16px !important; } /* harte Altflächen neutralisieren */ body.kobalz-productlist-layout #sidepanel_left .box-body, body.kobalz-productlist-layout #sidepanel_left .box-content, body.kobalz-productlist-layout #sidepanel_left .dropdown-body, body.kobalz-productlist-layout #sidepanel_left .collapse, body.kobalz-productlist-layout #sidepanel_left .panel-body, body.kobalz-productlist-layout #sidepanel_left .box-categories > ul, body.kobalz-productlist-layout #sidepanel_left .box-categories ul, body.kobalz-productlist-layout #sidepanel_left .nav, body.kobalz-productlist-layout #sidepanel_left .navbar-nav, body.kobalz-productlist-layout #sidepanel_left .list-unstyled { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Überschrift / Box-Headline */ body.kobalz-productlist-layout #sidepanel_left .box-title, body.kobalz-productlist-layout #sidepanel_left .box-headline, body.kobalz-productlist-layout #sidepanel_left .panel-title, body.kobalz-productlist-layout #sidepanel_left .h5, body.kobalz-productlist-layout #sidepanel_left .h4, body.kobalz-productlist-layout #sidepanel_left .nav-panel-heading, body.kobalz-productlist-layout #sidepanel_left .dropdown-headline { margin: 0 !important; padding: 18px 20px !important; background: #ffffff !important; border-bottom: 1px solid #edf2ed !important; color: var(--kpl-text) !important; font-size: 1.18rem !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .01em !important; } /* alle Listen links ruhiger aufbauen */ body.kobalz-productlist-layout #sidepanel_left ul, body.kobalz-productlist-layout #sidepanel_left ol { list-style: none !important; margin: 0 !important; padding: 0 !important; } body.kobalz-productlist-layout #sidepanel_left li { margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Link-Zeilen modernisieren */ body.kobalz-productlist-layout #sidepanel_left a, body.kobalz-productlist-layout #sidepanel_left button, body.kobalz-productlist-layout #sidepanel_left .nav-link, body.kobalz-productlist-layout #sidepanel_left .dropdown-toggle, body.kobalz-productlist-layout #sidepanel_left .panel-heading a, body.kobalz-productlist-layout #sidepanel_left .box-link { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 13px 18px !important; color: #263126 !important; font-size: .97rem !important; line-height: 1.32 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; transition: background-color .18s ease, color .18s ease, transform .18s ease !important; } body.kobalz-productlist-layout #sidepanel_left a:hover, body.kobalz-productlist-layout #sidepanel_left button:hover, body.kobalz-productlist-layout #sidepanel_left .nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .dropdown-toggle:hover, body.kobalz-productlist-layout #sidepanel_left .panel-heading a:hover, body.kobalz-productlist-layout #sidepanel_left .box-link:hover { color: var(--kpl-green-dark) !important; background: #f6fbf6 !important; transform: translateX(1px) !important; } /* Hauptkategorieblöcke */ body.kobalz-productlist-layout #sidepanel_left > .box .box-body > ul > li, body.kobalz-productlist-layout #sidepanel_left > .box ul.nav > li, body.kobalz-productlist-layout #sidepanel_left .box-categories > ul > li, body.kobalz-productlist-layout #sidepanel_left .box-categories .navbar-nav > li, body.kobalz-productlist-layout #sidepanel_left .nav-panel > li, body.kobalz-productlist-layout #sidepanel_left .nav > li { padding: 6px 10px !important; border-bottom: 1px solid #f0f4f0 !important; } body.kobalz-productlist-layout #sidepanel_left .nav > li:last-child, body.kobalz-productlist-layout #sidepanel_left .box-categories > ul > li:last-child, body.kobalz-productlist-layout #sidepanel_left .box-categories .navbar-nav > li:last-child { border-bottom: 0 !important; } /* aktive Hauptkategorie */ body.kobalz-productlist-layout #sidepanel_left .active > a, body.kobalz-productlist-layout #sidepanel_left .current > a, body.kobalz-productlist-layout #sidepanel_left a.active, body.kobalz-productlist-layout #sidepanel_left .nav-link.active, body.kobalz-productlist-layout #sidepanel_left .active > .nav-link, body.kobalz-productlist-layout #sidepanel_left .current > .nav-link, body.kobalz-productlist-layout #sidepanel_left .show > a, body.kobalz-productlist-layout #sidepanel_left .open > a { color: #0d3d16 !important; background: linear-gradient(180deg, #f8fcf8 0%, #f2faf2 100%) !important; box-shadow: inset 0 0 0 1px rgba(0, 128, 0, .16) !important; font-weight: 700 !important; } body.kobalz-productlist-layout #sidepanel_left .active > a::before, body.kobalz-productlist-layout #sidepanel_left .current > a::before, body.kobalz-productlist-layout #sidepanel_left a.active::before, body.kobalz-productlist-layout #sidepanel_left .nav-link.active::before, body.kobalz-productlist-layout #sidepanel_left .active > .nav-link::before, body.kobalz-productlist-layout #sidepanel_left .current > .nav-link::before, body.kobalz-productlist-layout #sidepanel_left .show > a::before, body.kobalz-productlist-layout #sidepanel_left .open > a::before { content: "" !important; position: absolute !important; left: 10px !important; top: 10px !important; bottom: 10px !important; width: 3px !important; border-radius: 999px !important; background: var(--kpl-green) !important; } /* geöffnete Unterebenen als ruhiger Innenbereich */ body.kobalz-productlist-layout #sidepanel_left li > ul, body.kobalz-productlist-layout #sidepanel_left li > .collapse, body.kobalz-productlist-layout #sidepanel_left li > .dropdown-menu, body.kobalz-productlist-layout #sidepanel_left li > .sub-categories, body.kobalz-productlist-layout #sidepanel_left li > .children { margin: 8px 0 10px !important; padding: 10px !important; background: #f8faf8 !important; border: 1px solid #ebf1eb !important; border-radius: 14px !important; } /* Unterkategoriezeilen leichter und luftiger */ body.kobalz-productlist-layout #sidepanel_left li > ul li, body.kobalz-productlist-layout #sidepanel_left li > .collapse li, body.kobalz-productlist-layout #sidepanel_left li > .dropdown-menu li, body.kobalz-productlist-layout #sidepanel_left li > .sub-categories li, body.kobalz-productlist-layout #sidepanel_left li > .children li { padding: 0 !important; } body.kobalz-productlist-layout #sidepanel_left li > ul a, body.kobalz-productlist-layout #sidepanel_left li > .collapse a, body.kobalz-productlist-layout #sidepanel_left li > .dropdown-menu a, body.kobalz-productlist-layout #sidepanel_left li > .sub-categories a, body.kobalz-productlist-layout #sidepanel_left li > .children a { min-height: 40px !important; padding: 10px 14px !important; font-size: .94rem !important; color: #425042 !important; border-radius: 10px !important; } body.kobalz-productlist-layout #sidepanel_left li > ul a:hover, body.kobalz-productlist-layout #sidepanel_left li > .collapse a:hover, body.kobalz-productlist-layout #sidepanel_left li > .dropdown-menu a:hover, body.kobalz-productlist-layout #sidepanel_left li > .sub-categories a:hover, body.kobalz-productlist-layout #sidepanel_left li > .children a:hover { background: #ffffff !important; } /* aktive Unterkategorie als dezente Pill-Zeile */ body.kobalz-productlist-layout #sidepanel_left li > ul .active > a, body.kobalz-productlist-layout #sidepanel_left li > ul .current > a, body.kobalz-productlist-layout #sidepanel_left li > ul a.active, body.kobalz-productlist-layout #sidepanel_left li > .collapse .active > a, body.kobalz-productlist-layout #sidepanel_left li > .dropdown-menu .active > a, body.kobalz-productlist-layout #sidepanel_left li > .sub-categories .active > a, body.kobalz-productlist-layout #sidepanel_left li > .children .active > a { background: #ffffff !important; color: var(--kpl-green-dark) !important; font-weight: 700 !important; box-shadow: 0 2px 10px rgba(0,0,0,.04), inset 0 0 0 1px rgba(0,128,0,.14) !important; } /* Chevron / Pfeile sauberer */ body.kobalz-productlist-layout #sidepanel_left .fa-chevron-down, body.kobalz-productlist-layout #sidepanel_left .fa-angle-down, body.kobalz-productlist-layout #sidepanel_left .fa-caret-down, body.kobalz-productlist-layout #sidepanel_left .fa-chevron-right, body.kobalz-productlist-layout #sidepanel_left .fa-angle-right, body.kobalz-productlist-layout #sidepanel_left .fa-caret-right, body.kobalz-productlist-layout #sidepanel_left .dropdown-toggle::after { color: #6d786d !important; } /* Zähler/Badges dezenter */ body.kobalz-productlist-layout #sidepanel_left .badge, body.kobalz-productlist-layout #sidepanel_left .count, body.kobalz-productlist-layout #sidepanel_left .badge-secondary, body.kobalz-productlist-layout #sidepanel_left .label { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 24px !important; padding: 4px 8px !important; border-radius: 999px !important; border: 1px solid #e5ece5 !important; background: #ffffff !important; color: #556255 !important; font-size: .8rem !important; font-weight: 600 !important; box-shadow: none !important; } /* Bewertungs-/Filterboxen links ebenfalls modernisieren */ body.kobalz-productlist-layout #sidepanel_left .form-check, body.kobalz-productlist-layout #sidepanel_left .custom-control, body.kobalz-productlist-layout #sidepanel_left .checkbox, body.kobalz-productlist-layout #sidepanel_left .radio { margin: 0 !important; padding: 10px 18px !important; border-top: 1px solid #f2f5f2 !important; } body.kobalz-productlist-layout #sidepanel_left .form-check:first-child, body.kobalz-productlist-layout #sidepanel_left .custom-control:first-child, body.kobalz-productlist-layout #sidepanel_left .checkbox:first-child, body.kobalz-productlist-layout #sidepanel_left .radio:first-child { border-top: 0 !important; } body.kobalz-productlist-layout #sidepanel_left input[type="checkbox"], body.kobalz-productlist-layout #sidepanel_left input[type="radio"] { accent-color: var(--kpl-green) !important; } } /* ========================================================= v1.0.7 DESKTOP SIDEBAR REAL-NOVA SELECTORS Greift auf die im Quelltext sichtbare NOVA-Struktur: aside#sidepanel_left.sidepanel-left .box-categories .nav-panel ========================================================= */ @media (min-width: 992px) { body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left { padding-right: 30px !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .box-categories { background: #ffffff !important; border: 1px solid #e2e9e2 !important; border-radius: 20px !important; box-shadow: 0 12px 30px rgba(0,0,0,.055) !important; overflow: hidden !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .productlist-filter-headline { display: flex !important; align-items: center !important; min-height: 58px !important; margin: 0 !important; padding: 0 22px !important; background: #ffffff !important; border-bottom: 1px solid #edf2ed !important; color: #1f2a1f !important; font-size: 1.16rem !important; font-weight: 800 !important; letter-spacing: .01em !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel { padding: 12px !important; background: #ffffff !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav { gap: 4px !important; background: transparent !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-item { border: 0 !important; padding: 0 !important; background: transparent !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-link, body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel span.nav-link { min-height: 42px !important; padding: 11px 14px !important; border: 1px solid transparent !important; border-radius: 13px !important; background: transparent !important; color: #283428 !important; font-size: .95rem !important; font-weight: 500 !important; line-height: 1.25 !important; text-decoration: none !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel span.nav-link { display: flex !important; align-items: center !important; justify-content: space-between !important; cursor: pointer !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-link a { color: inherit !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; display: inline !important; width: auto !important; background: transparent !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-link:hover, body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel span.nav-link:hover { background: #f7fbf7 !important; border-color: #e4eee4 !important; color: #006b00 !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-item.active > .nav-link, body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-item.active > span.nav-link { position: relative !important; background: linear-gradient(180deg, #f7fcf7 0%, #f1faf1 100%) !important; border-color: rgba(0,128,0,.22) !important; color: #0d3d16 !important; font-weight: 800 !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-item.active > .nav-link::before, body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .nav-panel .nav-item.active > span.nav-link::before { content: "" !important; position: absolute !important; left: 7px !important; top: 10px !important; bottom: 10px !important; width: 3px !important; border-radius: 999px !important; background: #008000 !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .snippets-categories-collapse.show { margin: 6px 0 10px !important; padding: 9px !important; background: #f7faf7 !important; border: 1px solid #e8efe8 !important; border-radius: 16px !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .snippets-categories-collapse.show .snippets-categories-collapse.show { background: #ffffff !important; border-color: #edf2ed !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .snippets-categories-nav-link-child { min-height: 38px !important; padding: 9px 13px !important; border-radius: 11px !important; font-size: .92rem !important; color: #3e4b3e !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left a.snippets-categories-nav-link-child:hover, body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left span.snippets-categories-nav-link-child:hover { background: #ffffff !important; color: #006b00 !important; border-color: #e2eae2 !important; } body.kobalz-productlist-layout aside#sidepanel_left.sidepanel-left .dropdown-toggle::after { margin-left: auto !important; color: #788478 !important; opacity: .85 !important; } } /* ========================================================= v1.0.8 DESKTOP_SIDEBAR_ACCORDION_EXCLUSIVE Verhalten liegt in JS: Auf Desktop bleibt je Ebene nur eine Kategorie geöffnet. ========================================================= */ /* ========================================================= v1.0.11 DESKTOP_SIDEBAR_VISUAL_REFRESH Nur Desktop: moderneres Sidebar-Design ohne graue Kästen ========================================================= */ @media (min-width: 992px) { /* Sidebar-Headline */ body.kobalz-productlist-layout #sidepanel_left .box-title, body.kobalz-productlist-layout #sidepanel_left .box-headline, body.kobalz-productlist-layout #sidepanel_left .box-normal-link { font-size: 1.55rem !important; font-weight: 700 !important; letter-spacing: .01em !important; } /* gesamte Kategorienbox modern und hell */ body.kobalz-productlist-layout #sidepanel_left .box.box-normal.box-categories, body.kobalz-productlist-layout #sidepanel_left .box-categories { background: #ffffff !important; border: 1px solid #e7eee7 !important; border-radius: 22px !important; box-shadow: 0 18px 40px rgba(17, 24, 39, .06) !important; overflow: hidden !important; } body.kobalz-productlist-layout #sidepanel_left .box.box-normal.box-categories > .card-body, body.kobalz-productlist-layout #sidepanel_left .box.box-normal.box-categories > .box-body, body.kobalz-productlist-layout #sidepanel_left .box-categories > .card-body, body.kobalz-productlist-layout #sidepanel_left .box-categories > .box-body, body.kobalz-productlist-layout #sidepanel_left .box-categories > .collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories > .show { background: #ffffff !important; } body.kobalz-productlist-layout #sidepanel_left .box.box-normal.box-categories .nav-panel, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel { padding: 14px 16px 18px !important; background: #ffffff !important; } /* alte graue Collapse-Flächen entfernen */ body.kobalz-productlist-layout #sidepanel_left .box-categories .dropdown .collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .collapse.show, body.kobalz-productlist-layout #sidepanel_left .box-categories .collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav, body.kobalz-productlist-layout #sidepanel_left .box-categories ul { background: transparent !important; box-shadow: none !important; } /* Listenstruktur luftiger */ body.kobalz-productlist-layout #sidepanel_left .box-categories ul, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories li { margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; } /* Top-Level Kategorienzeilen */ body.kobalz-productlist-layout #sidepanel_left .box-categories > .nav-panel > ul > li > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories > .nav-panel > .nav > li > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > span.nav-link { min-height: 58px !important; padding: 15px 18px !important; margin-bottom: 6px !important; border-radius: 16px !important; background: #ffffff !important; border: 1px solid transparent !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > span.nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > span.nav-link > a { font-size: 1.13rem !important; font-weight: 700 !important; line-height: 1.28 !important; color: #243224 !important; text-decoration: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > .nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > .nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > span.nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > span.nav-link:hover { background: #f8fbf8 !important; border-color: #e6eee6 !important; } /* offene/aktive Hauptkategorie */ body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > .nav-link[aria-expanded="true"], body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > .nav-link[aria-expanded="true"], body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > span.nav-link[aria-expanded="true"], body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > span.nav-link[aria-expanded="true"] { background: linear-gradient(180deg, #f9fcf9 0%, #f4faf4 100%) !important; border-color: #dfe9df !important; box-shadow: inset 0 0 0 1px rgba(0, 128, 0, .06) !important; } /* erste Unterebene als helle Gruppe statt grauer Kasten */ body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > .snippets-categories-collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > .snippets-categories-collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li > .collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li > .collapse { margin: 2px 0 12px !important; padding: 6px 0 2px 14px !important; border-left: 1px solid #ebf1eb !important; } /* Unterkategorien mit größerer Schrift */ body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > ul > li > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > .nav > li > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > ul > li > span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > .nav > li > span.nav-link { min-height: 50px !important; padding: 12px 14px !important; margin: 0 0 4px !important; border-radius: 14px !important; background: transparent !important; border: 0 !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > ul > li > .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > .nav > li > .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > ul > li > span.nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse > .nav > li > span.nav-link > a { font-size: 1.02rem !important; font-weight: 600 !important; color: #314131 !important; text-decoration: none !important; } /* dritte Ebene / Blattkategorien */ body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .snippets-categories-collapse { margin: 2px 0 8px !important; padding: 4px 0 2px 14px !important; border-left: 1px solid #edf2ed !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .snippets-categories-collapse .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .snippets-categories-collapse a { font-size: .97rem !important; line-height: 1.35 !important; } /* leaf-links moderner */ body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse a:not(.nav-link), body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse li > a { display: block !important; padding: 10px 14px !important; margin: 0 0 4px !important; border-radius: 12px !important; color: #4a594a !important; text-decoration: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse a:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child.nav-link:hover { background: #f7faf7 !important; color: var(--kpl-green-dark) !important; } /* aktive Zeilen eleganter hervorheben */ body.kobalz-productlist-layout #sidepanel_left .box-categories .active > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .current > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .current > span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories a.active { background: #f6fbf6 !important; color: var(--kpl-green-dark) !important; border-color: transparent !important; box-shadow: inset 0 0 0 1px rgba(0, 128, 0, .10) !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .active > .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > span.nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .current > .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .current > span.nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories a.active { color: #0f5f17 !important; font-weight: 700 !important; } /* grünen Rahmen konsequent abschalten */ body.kobalz-productlist-layout #sidepanel_left .box-categories *, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse.show { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } /* Pfeile dezenter und moderner */ body.kobalz-productlist-layout #sidepanel_left .box-categories .dropdown-toggle::after { color: #7a857a !important; margin-left: auto !important; flex: 0 0 auto !important; } } /* ========================================================= v1.0.12 DESKTOP_SIDEBAR_FAST_HOVER_MENU Produktlisten-Sidebar optisch an das neue KOBALZ Kategorie-Menü angelehnt. Nur Desktop: schnelle Hover-Öffnung, keine Bootstrap-Höhenanimation. ========================================================= */ @media (min-width: 992px) { body.kobalz-productlist-layout { --kpl-green-soft: #eef7ee; --kpl-line-soft: #edf3ed; --kpl-card: #ffffff; } body.kobalz-productlist-layout #sidepanel_left, body.kobalz-productlist-layout .kpl-sidebar-area { padding-right: 28px !important; } body.kobalz-productlist-layout #sidepanel_left .box.box-normal.box-categories, body.kobalz-productlist-layout #sidepanel_left .box-categories { position: relative !important; background: #ffffff !important; border: 1px solid var(--kpl-border) !important; border-radius: 20px !important; box-shadow: 0 18px 42px rgba(17, 24, 39, .055) !important; overflow: hidden !important; } body.kobalz-productlist-layout #sidepanel_left .box.box-normal.box-categories::before, body.kobalz-productlist-layout #sidepanel_left .box-categories::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: var(--kpl-green) !important; z-index: 1 !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .box-title, body.kobalz-productlist-layout #sidepanel_left .box-categories .box-headline, body.kobalz-productlist-layout #sidepanel_left .box-categories .box-normal-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .h4, body.kobalz-productlist-layout #sidepanel_left .box-categories .h5 { margin: 0 !important; padding: 22px 22px 17px !important; background: #ffffff !important; border-bottom: 1px solid var(--kpl-line-soft) !important; color: #111811 !important; font-size: 1.36rem !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: .01em !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel, body.kobalz-productlist-layout #sidepanel_left .box-categories > .card-body, body.kobalz-productlist-layout #sidepanel_left .box-categories > .box-body { padding: 16px 15px 18px !important; background: linear-gradient(180deg, #f8fbf8 0%, #ffffff 58%, #ffffff 100%) !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories ul, body.kobalz-productlist-layout #sidepanel_left .box-categories ol, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li { margin: 0 0 7px !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories a.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child, body.kobalz-productlist-layout #sidepanel_left .box-categories li > a { position: relative !important; min-height: 46px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 !important; padding: 11px 14px 11px 16px !important; border: 1px solid transparent !important; border-radius: 13px !important; background: transparent !important; color: #263126 !important; font-size: .99rem !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; cursor: pointer !important; box-shadow: none !important; transform: none !important; transition: background-color .08s linear, border-color .08s linear, color .08s linear, box-shadow .08s linear !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link > a, body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link > a { display: inline !important; width: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; box-shadow: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories a.nav-link:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child:hover, body.kobalz-productlist-layout #sidepanel_left .box-categories li > a:hover { background: #ffffff !important; border-color: #d8e6d8 !important; color: var(--kpl-green-dark) !important; box-shadow: 0 8px 20px rgba(0, 64, 0, .045) !important; transform: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link[aria-expanded="true"], body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link[aria-expanded="true"], body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > a, body.kobalz-productlist-layout #sidepanel_left .box-categories a.active { background: #ffffff !important; border-color: #c8dfc8 !important; color: var(--kpl-green-dark) !important; font-weight: 900 !important; box-shadow: 0 10px 24px rgba(0, 64, 0, .07) !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link[aria-expanded="true"]::before, body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link[aria-expanded="true"]::before, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > .nav-link::before, body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > span.nav-link::before, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > .nav-link::before, body.kobalz-productlist-layout #sidepanel_left .box-categories .active > a::before, body.kobalz-productlist-layout #sidepanel_left .box-categories a.active::before { content: "" !important; position: absolute !important; left: 0 !important; top: 10px !important; bottom: 10px !important; width: 4px !important; border-radius: 999px !important; background: var(--kpl-green) !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories .collapsing { transition: none !important; animation: none !important; box-shadow: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .collapsing { height: auto !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse.show, body.kobalz-productlist-layout #sidepanel_left .box-categories .collapse.show, body.kobalz-productlist-layout #sidepanel_left .box-categories .collapsing { margin: 5px 0 9px 8px !important; padding: 7px 0 6px 12px !important; background: transparent !important; border-left: 1px solid #dfe8df !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; overflow: visible !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse span.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse a.nav-link, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse li > a, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child { min-height: 38px !important; padding: 8px 12px !important; border-radius: 11px !important; color: #4f5c4f !important; font-size: .93rem !important; font-weight: 600 !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .snippets-categories-collapse.show, body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .collapse.show { margin-left: 10px !important; padding-left: 11px !important; border-left-color: #edf3ed !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .dropdown-toggle::after, body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-chevron-down, body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-angle-down, body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-caret-down, body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-chevron-right, body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-angle-right, body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-caret-right { color: #8a968a !important; margin-left: auto !important; opacity: .95 !important; transition: transform .08s linear, color .08s linear !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link[aria-expanded="true"]::after, body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link[aria-expanded="true"]::after { color: var(--kpl-green-dark) !important; transform: rotate(180deg) !important; } body.kobalz-productlist-layout.kobalz-productlist-fast-sidebar #sidepanel_left .box-categories { will-change: auto !important; } } /* ========================================================= v1.0.13 CLEAN_SIDEBAR_SOURCE_OF_TRUTH Finaler Desktop-Block: Produktlisten-Sidebar liegt ab jetzt im Plugin. Alte Regeln in my-nova.css wurden entfernt. Design angelehnt an das neue „Alle Kategorien“-Menü. ========================================================= */ /* KPL v1.0.35: Alte Sperrlogik entfernt. Wenn JTL Merkmal-/Filterboxen serverseitig ausgibt, sollen sie im Desktop sichtbar sein. Mobil bleibt die originale JTL-Logik. */ @media (min-width: 992px) { body.kobalz-productlist-layout #sidepanel_left .box-filter-special, body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics, body.kobalz-productlist-layout #sidepanel_left .box-filter-price, body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer, body.kobalz-productlist-layout #sidepanel_left .box-filter-availability, body.kobalz-productlist-layout #sidepanel_left .box-filter-rating { display: block !important; visibility: visible !important; opacity: 1 !important; } } @media (min-width: 992px) { html body.kobalz-productlist-layout #sidepanel_left, html body[data-page="2"].kobalz-productlist-layout #sidepanel_left { padding-right: 28px !important; } html body.kobalz-productlist-layout #sidepanel_left > .productlist-filter-headline:first-child, html body.kobalz-productlist-layout #sidepanel_left > .box-normal-link:first-child, html body.kobalz-productlist-layout #sidepanel_left .box-categories > a.box-normal-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories > .box-normal-link, html body.kobalz-productlist-layout #sidepanel_left #sidebox-categories-124 > a.box-normal-link { display: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories, html body[data-page="2"].kobalz-productlist-layout #sidepanel_left .box-categories { position: relative !important; margin: 0 0 26px 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #dfe6df !important; border-top: 5px solid #008000 !important; border-radius: 20px !important; box-shadow: 0 14px 34px rgba(0, 0, 0, .065) !important; overflow: hidden !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .productlist-filter-headline, html body.kobalz-productlist-layout #sidepanel_left .box-categories .box-title, html body.kobalz-productlist-layout #sidepanel_left .box-categories .box-headline, html body.kobalz-productlist-layout #sidepanel_left .box-categories .h4, html body.kobalz-productlist-layout #sidepanel_left .box-categories .h5 { min-height: 56px !important; margin: 0 !important; padding: 0 22px !important; display: flex !important; align-items: center !important; background: #ffffff !important; border: 0 !important; border-bottom: 1px solid #edf3ed !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .01em !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel, html body.kobalz-productlist-layout #sidepanel_left .box-categories > .collapse, html body.kobalz-productlist-layout #sidepanel_left .box-categories > .show, html body.kobalz-productlist-layout #sidepanel_left .box-categories > .card-body, html body.kobalz-productlist-layout #sidepanel_left .box-categories > .box-body { margin: 0 !important; padding: 14px 14px 18px !important; background: linear-gradient(180deg, #f7faf7 0%, #ffffff 64%) !important; border: 0 !important; box-shadow: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories ul, html body.kobalz-productlist-layout #sidepanel_left .box-categories ol, html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav, html body.kobalz-productlist-layout #sidepanel_left .box-categories .navbar-nav { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories li, html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item { margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; background: transparent !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > ul > li, html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-panel > .nav > li { margin: 0 0 7px 0 !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories a.nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child, html body.kobalz-productlist-layout #sidepanel_left .box-categories li > a { position: relative !important; min-height: 44px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 !important; padding: 10px 14px 10px 16px !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 13px !important; box-shadow: none !important; color: #263126 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; text-decoration: none !important; cursor: pointer !important; transform: none !important; transition: background-color .08s linear, border-color .08s linear, color .08s linear, box-shadow .08s linear !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link > a, html body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link > a { display: inline !important; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: inherit !important; font: inherit !important; text-decoration: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link:hover, html body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link:hover, html body.kobalz-productlist-layout #sidepanel_left .box-categories a.nav-link:hover, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child:hover, html body.kobalz-productlist-layout #sidepanel_left .box-categories li > a:hover { background: #ffffff !important; border-color: #d8e6d8 !important; color: #006b00 !important; box-shadow: 0 8px 20px rgba(0, 64, 0, .045) !important; transform: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link[aria-expanded="true"], html body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link[aria-expanded="true"], html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > .nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > span.nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .active > .nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .active > a, html body.kobalz-productlist-layout #sidepanel_left .box-categories a.active { background: #ffffff !important; border-color: #c8dfc8 !important; color: #006b00 !important; font-weight: 800 !important; box-shadow: 0 10px 24px rgba(0, 64, 0, .07) !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link[aria-expanded="true"]::before, html body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link[aria-expanded="true"]::before, html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > .nav-link::before, html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-item.active > span.nav-link::before, html body.kobalz-productlist-layout #sidepanel_left .box-categories .active > .nav-link::before, html body.kobalz-productlist-layout #sidepanel_left .box-categories .active > a::before, html body.kobalz-productlist-layout #sidepanel_left .box-categories a.active::before { content: "" !important; position: absolute !important; left: 0 !important; top: 9px !important; bottom: 9px !important; width: 4px !important; border-radius: 999px !important; background: #008000 !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse, html body.kobalz-productlist-layout #sidepanel_left .box-categories .collapse, html body.kobalz-productlist-layout #sidepanel_left .box-categories .collapsing { transition: none !important; animation: none !important; box-shadow: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .collapsing { height: auto !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-categories .collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-categories .collapsing { margin: 5px 0 9px 8px !important; padding: 7px 0 6px 12px !important; background: transparent !important; border-left: 1px solid #dfe8df !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; overflow: visible !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse span.nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse a.nav-link, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse li > a, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-nav-link-child { min-height: 37px !important; padding: 8px 12px !important; border-radius: 11px !important; color: #4f5c4f !important; font-size: 15px !important; font-weight: 500 !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .snippets-categories-collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-categories .snippets-categories-collapse .collapse.show { margin-left: 10px !important; padding-left: 11px !important; border-left-color: #edf3ed !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .dropdown-toggle::after, html body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-chevron-down, html body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-angle-down, html body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-caret-down, html body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-chevron-right, html body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-angle-right, html body.kobalz-productlist-layout #sidepanel_left .box-categories .fa-caret-right { color: #8a968a !important; margin-left: auto !important; opacity: .95 !important; transition: transform .08s linear, color .08s linear !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories .nav-link[aria-expanded="true"]::after, html body.kobalz-productlist-layout #sidepanel_left .box-categories span.nav-link[aria-expanded="true"]::after { color: #006b00 !important; transform: rotate(180deg) !important; } /* Filterboxen im gleichen Look, sobald sie eingeblendet werden */ html body.kobalz-productlist-layout #sidepanel_left .box-filter-special, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability { margin: 0 0 18px 0 !important; background: #ffffff !important; border: 1px solid #dfe6df !important; border-radius: 18px !important; box-shadow: 0 8px 20px rgba(0, 0, 0, .045) !important; overflow: hidden !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box { min-height: 48px !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-bottom: 1px solid #edf3ed !important; border-radius: 0 !important; background: #ffffff !important; box-shadow: none !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box:hover, html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box:focus { background: #f7faf7 !important; color: #006b00 !important; box-shadow: none !important; } } /* ========================================================= v1.0.14 DESKTOP_CATEGORY_EXPLORER_MENU Desktop: Produktlisten-Kategorienmenü wie das neue „Alle Kategorien“-Panel. Links Hauptbereiche, rechts ausgewählter Bereich mit Unterkategorien als Karten. Mobil bleibt unverändert, Original-NOVA-Struktur bleibt als Fallback erhalten. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-explorer-rail: 300px; --kpl-explorer-width: 680px; } /* Sidebar im Produktlisten-Layout breiter machen, damit das zweispaltige Menü atmen kann. */ html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left, html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-sidebar-area, html body.kobalz-productlist-layout.kpl-category-explorer-active aside#sidepanel_left.sidepanel-left { flex: 0 0 var(--kpl-explorer-width) !important; max-width: var(--kpl-explorer-width) !important; width: var(--kpl-explorer-width) !important; padding-right: 28px !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #result-wrapper, html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-content-area, html body.kobalz-productlist-layout.kpl-category-explorer-active main .result-wrapper { flex: 1 1 0 !important; max-width: calc(100% - var(--kpl-explorer-width)) !important; min-width: 0 !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box.box-normal.box-categories { margin: 0 0 26px 0 !important; padding: 0 !important; border: 1px solid #dfe8df !important; border-top: 0 !important; border-radius: 0 !important; background: #ffffff !important; box-shadow: none !important; overflow: hidden !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories::before, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box.box-normal.box-categories::before { content: none !important; display: none !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories > .productlist-filter-headline, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories > .box-title, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories > .box-headline, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories > .box-normal-link, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories > a.box-normal-link { display: none !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories.kpl-explorer-ready > .nav-panel, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories.kpl-explorer-ready > .card-body, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories.kpl-explorer-ready > .box-body { display: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer { display: grid !important; grid-template-columns: var(--kpl-explorer-rail) minmax(0, 1fr) !important; min-height: 450px !important; width: 100% !important; background: #ffffff !important; color: #111811 !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-explorer-rail { min-width: 0 !important; padding: 22px 16px 28px !important; border-right: 1px solid #dfe8df !important; background: linear-gradient(180deg, #f4f8f4 0%, #fbfdfb 100%) !important; } html body.kobalz-productlist-layout .kpl-explorer-kicker { margin: 0 0 18px !important; color: #596459 !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .18em !important; line-height: 1.2 !important; text-transform: uppercase !important; } html body.kobalz-productlist-layout .kpl-explorer-tabs { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout .kpl-explorer-tab { appearance: none !important; position: relative !important; width: 100% !important; min-height: 50px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 12px 14px 12px 16px !important; border: 1px solid transparent !important; border-radius: 13px !important; background: transparent !important; color: #111811 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: left !important; cursor: pointer !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-shadow: none !important; transition: background-color .08s linear, border-color .08s linear, color .08s linear, box-shadow .08s linear !important; } html body.kobalz-productlist-layout .kpl-explorer-tab-label { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body.kobalz-productlist-layout .kpl-explorer-tab-arrow { flex: 0 0 auto !important; color: #9aa79a !important; font-family: Arial, sans-serif !important; font-size: 26px !important; font-weight: 400 !important; line-height: 1 !important; transform: translateY(-1px) !important; } html body.kobalz-productlist-layout .kpl-explorer-tab:hover, html body.kobalz-productlist-layout .kpl-explorer-tab:focus { background: #ffffff !important; border-color: #d8e6d8 !important; color: #006b00 !important; outline: none !important; } html body.kobalz-productlist-layout .kpl-explorer-tab.is-active { background: #ffffff !important; border-color: #c8dfc8 !important; color: #006b00 !important; box-shadow: 0 10px 24px rgba(0, 64, 0, .08) !important; } html body.kobalz-productlist-layout .kpl-explorer-tab.is-active::before { content: "" !important; position: absolute !important; left: 0 !important; top: 10px !important; bottom: 10px !important; width: 4px !important; border-radius: 999px !important; background: #008000 !important; } html body.kobalz-productlist-layout .kpl-explorer-tab.is-active .kpl-explorer-tab-arrow { color: #006b00 !important; } html body.kobalz-productlist-layout .kpl-explorer-content { min-width: 0 !important; padding: 30px 38px 42px !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-explorer-selected-kicker { margin-bottom: 7px !important; color: #006b00 !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .16em !important; line-height: 1.2 !important; text-transform: uppercase !important; } html body.kobalz-productlist-layout .kpl-explorer-title-row { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 26px !important; padding-bottom: 22px !important; border-bottom: 1px solid #edf3ed !important; } html body.kobalz-productlist-layout .kpl-explorer-title { margin: 0 !important; color: #111111 !important; font-family: Arial, sans-serif !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -.02em !important; } html body.kobalz-productlist-layout .kpl-explorer-title a { color: inherit !important; text-decoration: none !important; } html body.kobalz-productlist-layout .kpl-explorer-all-link { flex: 0 0 auto !important; min-height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 17px !important; border: 1px solid #b8d6b8 !important; border-radius: 999px !important; background: #ffffff !important; color: #006b00 !important; font-family: Arial, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 6px 18px rgba(0, 80, 0, .05) !important; } html body.kobalz-productlist-layout .kpl-explorer-all-link::after { content: "→" !important; margin-left: 8px !important; font-weight: 900 !important; } html body.kobalz-productlist-layout .kpl-explorer-all-link:hover, html body.kobalz-productlist-layout .kpl-explorer-all-link:focus { background: #eef7ee !important; color: #006b00 !important; outline: none !important; } html body.kobalz-productlist-layout .kpl-explorer-cards { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; align-items: start !important; } html body.kobalz-productlist-layout .kpl-explorer-card { position: relative !important; display: block !important; min-width: 0 !important; padding: 20px 22px 16px !important; border: 1px solid #edf3ed !important; border-radius: 16px !important; background: #ffffff !important; color: #111811 !important; text-decoration: none !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .035) !important; transition: border-color .08s linear, box-shadow .08s linear, color .08s linear !important; } html body.kobalz-productlist-layout .kpl-explorer-card:hover, html body.kobalz-productlist-layout .kpl-explorer-card:focus { border-color: #d7e7d7 !important; color: #006b00 !important; box-shadow: 0 12px 28px rgba(0, 64, 0, .055) !important; outline: none !important; } html body.kobalz-productlist-layout .kpl-explorer-card-title { display: flex !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; padding-bottom: 14px !important; border-bottom: 1px solid #edf3ed !important; color: inherit !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.kobalz-productlist-layout .kpl-explorer-dot { flex: 0 0 auto !important; width: 7px !important; height: 7px !important; border-radius: 999px !important; background: #008000 !important; transform: translateY(-1px) !important; } html body.kobalz-productlist-layout .kpl-explorer-sublinks { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; margin-top: 12px !important; } html body.kobalz-productlist-layout .kpl-explorer-subline { display: block !important; min-width: 0 !important; color: #4f5c4f !important; font-family: Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.kobalz-productlist-layout .kpl-explorer-empty { padding: 20px 22px !important; border: 1px solid #edf3ed !important; border-radius: 16px !important; background: #ffffff !important; color: #596459 !important; font-size: 15px !important; line-height: 1.55 !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .035) !important; } } @media (min-width: 1200px) and (max-width: 1439.98px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-explorer-rail: 255px; --kpl-explorer-width: 580px; } html body.kobalz-productlist-layout .kpl-explorer-content { padding: 28px 28px 38px !important; } html body.kobalz-productlist-layout .kpl-explorer-title { font-size: 30px !important; } html body.kobalz-productlist-layout .kpl-explorer-card-title { font-size: 17px !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-explorer-rail: 220px; --kpl-explorer-width: 470px; } html body.kobalz-productlist-layout .kpl-category-explorer { grid-template-columns: var(--kpl-explorer-rail) minmax(0, 1fr) !important; } html body.kobalz-productlist-layout .kpl-explorer-rail { padding: 18px 12px 24px !important; } html body.kobalz-productlist-layout .kpl-explorer-content { padding: 24px 22px 34px !important; } html body.kobalz-productlist-layout .kpl-explorer-tab { font-size: 15px !important; padding-left: 13px !important; padding-right: 12px !important; } html body.kobalz-productlist-layout .kpl-explorer-title { font-size: 26px !important; } html body.kobalz-productlist-layout .kpl-explorer-title-row { flex-direction: column !important; gap: 12px !important; } html body.kobalz-productlist-layout .kpl-explorer-card { padding: 18px 18px 14px !important; } html body.kobalz-productlist-layout .kpl-explorer-card-title { font-size: 16px !important; } } /* ========================================================= v1.0.16 SERVER_RENDERED_CATEGORY_EXPLORER Server-seitig erzeugten Explorer anzeigen, alte NOVA-Kategoriebox auf Desktop ausblenden. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout.kpl-category-explorer-server-active #sidepanel_left .box-categories.kpl-server-explorer-ready > .collapse, html body.kobalz-productlist-layout.kpl-category-explorer-server-active #sidepanel_left .box-categories.kpl-server-explorer-ready > .nav-panel, html body.kobalz-productlist-layout.kpl-category-explorer-server-active #sidepanel_left .box-categories.kpl-server-explorer-ready > .card-body, html body.kobalz-productlist-layout.kpl-category-explorer-server-active #sidepanel_left .box-categories.kpl-server-explorer-ready > .box-body { display: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer-server .kpl-explorer-pane { display: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer-server .kpl-explorer-pane.is-active { display: block !important; } } @media (max-width: 991.98px) { html body.kobalz-productlist-layout .kpl-category-explorer-server { display: none !important; } } /* ========================================================= v1.0.17 GRID_LAYOUT_FIX Der serverseitig erzeugte Explorer bleibt in der linken Produktlisten-Spalte. Der Produktbereich rechts wird nicht mehr vom breiten Explorer weggeschoben. Mobil bleibt unangetastet. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-explorer-rail: 275px !important; --kpl-explorer-width: 640px !important; --kpl-explorer-gap: 34px !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row { display: grid !important; grid-template-columns: minmax(540px, var(--kpl-explorer-width)) minmax(0, 1fr) !important; column-gap: var(--kpl-explorer-gap) !important; align-items: start !important; justify-content: stretch !important; margin-left: 0 !important; margin-right: 0 !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > .kpl-main-column, html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > [class*="col"].kpl-main-column { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; max-width: none !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; order: 2 !important; min-width: 0 !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > #sidepanel_left, html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > aside#sidepanel_left.sidepanel-left, html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > .kpl-sidebar-column { grid-column: 1 !important; grid-row: 1 !important; width: auto !important; max-width: none !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; order: 1 !important; min-width: 0 !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #result-wrapper, html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-content-area, html body.kobalz-productlist-layout.kpl-category-explorer-active main .result-wrapper { width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box-categories, html body.kobalz-productlist-layout.kpl-category-explorer-active #sidepanel_left .box.box-normal.box-categories { width: 100% !important; max-width: none !important; margin: 0 0 24px 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-category-explorer { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: minmax(245px, var(--kpl-explorer-rail)) minmax(0, 1fr) !important; min-height: 430px !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-explorer-rail { min-width: 0 !important; width: auto !important; padding: 22px 16px 26px !important; } html body.kobalz-productlist-layout .kpl-explorer-content { min-width: 0 !important; width: auto !important; padding: 28px 28px 36px !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-explorer-title-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: start !important; gap: 14px !important; margin-bottom: 22px !important; padding-bottom: 18px !important; } html body.kobalz-productlist-layout .kpl-explorer-title { min-width: 0 !important; width: auto !important; max-width: 100% !important; font-size: 28px !important; line-height: 1.12 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } html body.kobalz-productlist-layout .kpl-explorer-title a { white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } html body.kobalz-productlist-layout .kpl-explorer-all-link { max-width: 150px !important; padding-left: 14px !important; padding-right: 14px !important; white-space: nowrap !important; } html body.kobalz-productlist-layout .kpl-explorer-cards { gap: 16px !important; } html body.kobalz-productlist-layout .kpl-explorer-card { padding: 18px 18px 15px !important; } html body.kobalz-productlist-layout .kpl-explorer-card-title { min-width: 0 !important; font-size: 17px !important; } } @media (min-width: 1200px) and (max-width: 1439.98px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-explorer-rail: 245px !important; --kpl-explorer-width: 560px !important; --kpl-explorer-gap: 28px !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row { grid-template-columns: minmax(500px, var(--kpl-explorer-width)) minmax(0, 1fr) !important; } html body.kobalz-productlist-layout .kpl-explorer-content { padding: 26px 22px 34px !important; } html body.kobalz-productlist-layout .kpl-explorer-title { font-size: 24px !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-explorer-rail: 210px !important; --kpl-explorer-width: 480px !important; --kpl-explorer-gap: 22px !important; } html body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row { grid-template-columns: minmax(440px, var(--kpl-explorer-width)) minmax(0, 1fr) !important; } html body.kobalz-productlist-layout .kpl-category-explorer { grid-template-columns: minmax(190px, var(--kpl-explorer-rail)) minmax(0, 1fr) !important; } html body.kobalz-productlist-layout .kpl-explorer-title-row { display: block !important; } html body.kobalz-productlist-layout .kpl-explorer-all-link { margin-top: 12px !important; } } /* ========================================================= KOBALZ PRODUCTLIST v1.0.19 ACCORDION CATEGORY SIDEBAR Critical rules are also injected inline by Bootstrap.php. ========================================================= */ @media (min-width: 992px) { body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-sidebar-width: 340px; --kpl-productlist-gap: 46px; } body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row { display: grid !important; grid-template-columns: minmax(300px, var(--kpl-sidebar-width)) minmax(0, 1fr) !important; column-gap: var(--kpl-productlist-gap) !important; align-items: start !important; justify-content: stretch !important; margin-left: 0 !important; margin-right: 0 !important; } body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > #sidepanel_left, body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > aside#sidepanel_left.sidepanel-left, body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > .kpl-sidebar-column { grid-column: 1 !important; grid-row: 1 !important; width: auto !important; max-width: none !important; flex: none !important; order: 1 !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > .kpl-main-column, body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-productlist-layout-row > [class*="col"].kpl-main-column { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; max-width: none !important; flex: none !important; order: 2 !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } body.kobalz-productlist-layout.kpl-category-explorer-active #result-wrapper, body.kobalz-productlist-layout.kpl-category-explorer-active .kpl-content-area { width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready { width: 100% !important; max-width: none !important; margin: 0 0 26px 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #dfe8df !important; border-radius: 0 !important; box-shadow: 0 18px 38px rgba(0, 64, 0, .045) !important; overflow: hidden !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready::before { content: none !important; display: none !important; } body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .productlist-filter-headline, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .box-normal-link, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .box-title, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .box-headline, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .collapse, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .nav-panel, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .card-body, body.kobalz-productlist-layout #sidepanel_left .box-categories.kpl-server-explorer-ready > .box-body { display: none !important; } body.kobalz-productlist-layout .kpl-category-explorer { box-sizing: border-box !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 22px 16px 24px !important; border: 0 !important; background: linear-gradient(180deg, #f4f8f4 0%, #fbfdfb 100%) !important; color: #111811 !important; overflow: visible !important; font-family: Arial, sans-serif !important; } body.kobalz-productlist-layout .kpl-category-explorer *, body.kobalz-productlist-layout .kpl-category-explorer *::before, body.kobalz-productlist-layout .kpl-category-explorer *::after { box-sizing: border-box !important; } body.kobalz-productlist-layout .kpl-accordion-headline { margin: 0 0 18px !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .18em !important; line-height: 1.2 !important; text-transform: uppercase !important; color: #596459 !important; } body.kobalz-productlist-layout .kpl-accordion-list { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.kobalz-productlist-layout .kpl-accordion-item { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.kobalz-productlist-layout .kpl-accordion-trigger { appearance: none !important; -webkit-appearance: none !important; position: relative !important; width: 100% !important; min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 13px 14px 13px 17px !important; border: 1px solid transparent !important; border-radius: 13px !important; background: transparent !important; color: #111811 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: left !important; text-decoration: none !important; cursor: pointer !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-shadow: none !important; transition: background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease !important; } body.kobalz-productlist-layout .kpl-accordion-label { display: block !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.kobalz-productlist-layout .kpl-accordion-arrow { flex: 0 0 auto !important; color: #9aa79a !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1 !important; transform: rotate(-90deg) !important; transition: transform .12s ease, color .12s ease !important; } body.kobalz-productlist-layout .kpl-accordion-trigger:focus, body.kobalz-productlist-layout .kpl-accordion-item.is-open > .kpl-accordion-trigger, body.kobalz-productlist-layout .kpl-accordion-item.is-active > .kpl-accordion-trigger { background: #ffffff !important; border-color: #cfe2cf !important; color: #006b00 !important; outline: none !important; box-shadow: 0 10px 24px rgba(0, 64, 0, .07) !important; } body.kobalz-productlist-layout .kpl-accordion-item.is-open > .kpl-accordion-trigger::before, body.kobalz-productlist-layout .kpl-accordion-item.is-active > .kpl-accordion-trigger::before { content: "" !important; position: absolute !important; left: 0 !important; top: 10px !important; bottom: 10px !important; width: 4px !important; border-radius: 999px !important; background: #008000 !important; } body.kobalz-productlist-layout .kpl-accordion-item.is-open > .kpl-accordion-trigger .kpl-accordion-arrow, body.kobalz-productlist-layout .kpl-accordion-item.is-active > .kpl-accordion-trigger .kpl-accordion-arrow { color: #008000 !important; transform: rotate(0deg) !important; } body.kobalz-productlist-layout .kpl-accordion-panel { display: none !important; margin: 8px 0 6px !important; padding: 12px 12px 14px !important; border: 1px solid #edf3ed !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .035) !important; } body.kobalz-productlist-layout .kpl-accordion-item.is-open > .kpl-accordion-panel { display: block !important; } body.kobalz-productlist-layout .kpl-accordion-all { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 38px !important; margin: 0 0 10px !important; padding: 0 12px !important; border: 1px solid #cfe2cf !important; border-radius: 999px !important; background: #f7fbf7 !important; color: #006b00 !important; font-family: Arial, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } body.kobalz-productlist-layout .kpl-accordion-all::after { content: "›" !important; margin-left: 10px !important; font-size: 18px !important; line-height: 1 !important; } body.kobalz-productlist-layout .kpl-accordion-children { display: flex !important; flex-direction: column !important; gap: 6px !important; } body.kobalz-productlist-layout .kpl-accordion-child { display: grid !important; grid-template-columns: 8px minmax(0, 1fr) !important; column-gap: 9px !important; align-items: start !important; min-width: 0 !important; padding: 9px 10px !important; border-radius: 10px !important; color: #111811 !important; text-decoration: none !important; background: transparent !important; } body.kobalz-productlist-layout .kpl-accordion-child:hover, body.kobalz-productlist-layout .kpl-accordion-child:focus { background: #f2f8f2 !important; color: #006b00 !important; outline: none !important; } body.kobalz-productlist-layout .kpl-accordion-dot { width: 7px !important; height: 7px !important; margin-top: 7px !important; border-radius: 999px !important; background: #008000 !important; } body.kobalz-productlist-layout .kpl-accordion-child-text { display: block !important; min-width: 0 !important; } body.kobalz-productlist-layout .kpl-accordion-child-title { display: block !important; min-width: 0 !important; color: inherit !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.25 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.kobalz-productlist-layout .kpl-accordion-sublinks { display: block !important; margin-top: 4px !important; color: #5b665b !important; font-family: Arial, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.35 !important; } body.kobalz-productlist-layout .kpl-accordion-subline { display: inline !important; } body.kobalz-productlist-layout .kpl-accordion-subline:not(:last-child)::after { content: " · " !important; color: #9aa79a !important; } body.kobalz-productlist-layout .kpl-accordion-empty { padding: 10px 2px 2px !important; color: #5b665b !important; font-size: 14px !important; line-height: 1.4 !important; } } @media (min-width: 1200px) and (max-width: 1439.98px) { body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-sidebar-width: 325px; --kpl-productlist-gap: 36px; } } @media (min-width: 992px) and (max-width: 1199.98px) { body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-sidebar-width: 300px; --kpl-productlist-gap: 24px; } body.kobalz-productlist-layout .kpl-category-explorer { padding: 18px 12px 20px !important; } body.kobalz-productlist-layout .kpl-accordion-trigger { font-size: 16px !important; padding-left: 14px !important; padding-right: 12px !important; } } /* ========================================================= v1.0.25 PERSIST_OPEN_CATEGORY_STATE Schluss-Override gegen ältere Explorer-Blöcke in dieser Datei. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout.kpl-category-explorer-active { --kpl-sidebar-width: 340px !important; --kpl-productlist-gap: 46px !important; --kpl-explorer-width: 340px !important; --kpl-explorer-rail: 340px !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion { display: block !important; grid-template-columns: none !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 22px 16px 24px !important; background: linear-gradient(180deg, #f4f8f4 0%, #fbfdfb 100%) !important; overflow: visible !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion > .kpl-accordion-headline, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion > .kpl-accordion-list { grid-column: auto !important; grid-row: auto !important; width: 100% !important; max-width: 100% !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-list { align-items: stretch !important; justify-content: flex-start !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-panel, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-all, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-child { width: 100% !important; max-width: 100% !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-trigger { justify-content: space-between !important; text-align: left !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-category-accordion .kpl-accordion-child { grid-template-columns: 7px minmax(0, 1fr) !important; column-gap: 10px !important; } } /* ========================================================= v1.0.25 PERSIST_OPEN_CATEGORY_STATE Haupt- und Unterkategorien öffnen nur per Klick. Beim ersten Laden bleiben alle Kategorien geschlossen. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-node, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel { display: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-node.is-open > .kpl-accordion-panel, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.is-open > .kpl-accordion-panel { display: block !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-trigger:hover { background: transparent !important; color: #111811 !important; box-shadow: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-node.is-open > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-node.is-current > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.is-open > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.is-current > .kpl-accordion-trigger { background: #ffffff !important; border-color: #cfe2cf !important; color: #006b00 !important; box-shadow: 0 10px 24px rgba(0, 64, 0, .07) !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-node.is-open > .kpl-accordion-trigger .kpl-accordion-arrow, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.is-open > .kpl-accordion-trigger .kpl-accordion-arrow { color: #008000 !important; transform: rotate(90deg) !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem > .kpl-accordion-trigger { min-height: 42px !important; padding: 9px 10px 9px 12px !important; border-radius: 10px !important; font-size: 15px !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem > .kpl-accordion-panel { margin: 5px 0 8px 14px !important; padding: 8px 8px 10px !important; border-radius: 12px !important; box-shadow: none !important; border-color: #eef4ee !important; background: #fbfdfb !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf { display: grid !important; grid-template-columns: 8px minmax(0, 1fr) !important; column-gap: 9px !important; align-items: start !important; min-width: 0 !important; padding: 9px 10px !important; border-radius: 10px !important; color: #111811 !important; text-decoration: none !important; background: transparent !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf:hover, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf:focus { background: #f2f8f2 !important; color: #006b00 !important; outline: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.is-current { color: #006b00 !important; background: #f2f8f2 !important; } /* KPL v1.0.25: Alle Blatt-Unterkategorien in geöffneten Panels ohne Bulletpoints, linksbündig und kompakter. */ html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel .kpl-accordion-leaf, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-1, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-2, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-3, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-4, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-5, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-6, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-7, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-8 { display: block !important; grid-template-columns: none !important; column-gap: 0 !important; padding: 8px 12px !important; text-align: left !important; white-space: normal !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel .kpl-accordion-leaf .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-1 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-2 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-3 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-4 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-5 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-6 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-7 .kpl-accordion-dot, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-8 .kpl-accordion-dot { display: none !important; content: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel .kpl-accordion-leaf .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-1 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-2 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-3 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-4 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-5 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-6 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-7 .kpl-accordion-label, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-leaf.kpl-level-8 .kpl-accordion-label { display: block !important; width: 100% !important; text-align: left !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-2 > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-3 > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-4 > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-5 > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-6 > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-7 > .kpl-accordion-trigger, html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-subitem.kpl-level-8 > .kpl-accordion-trigger { padding-left: 12px !important; text-align: left !important; } } /* KPL v1.0.25: Sicherheit für alle Hauptbereiche mit flacherer Kategorie-Hierarchie. */ html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel .kpl-accordion-leaf { display: block !important; grid-template-columns: none !important; column-gap: 0 !important; padding: 8px 12px !important; text-align: left !important; white-space: normal !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel .kpl-accordion-leaf .kpl-accordion-dot { display: none !important; content: none !important; } html body.kobalz-productlist-layout .kpl-category-explorer.kpl-nested-accordion .kpl-accordion-panel .kpl-accordion-leaf .kpl-accordion-label { display: block !important; width: 100% !important; text-align: left !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ========================================================= KPL v1.0.28 IMAGE CONTAIN FIX ========================================================= */ @media (min-width: 992px) { /* ========================================================= KPL v1.0.28: Desktop-Produktboxen exakt in Richtung Artikeldetail-Slider. Wichtig: bewusst im kritischen CSS, damit JTL/NOVA-Standard nicht durchkommt, selbst wenn externe CSS-Dateien gecached oder verzögert geladen werden. ========================================================= */ html body.kobalz-productlist-layout #product-list.layout-gallery { align-items: stretch !important; row-gap: 34px !important; margin-top: 22px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery > .product-wrapper { display: flex !important; align-items: stretch !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column[style] { display: block !important; width: 100% !important; height: 455px !important; min-height: 455px !important; max-height: 455px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column > form.form-basket, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column > .form-basket, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner { display: block !important; width: 100% !important; height: 455px !important; min-height: 455px !important; max-height: 455px !important; margin: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner { position: relative !important; display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 1px solid #dfe6dd !important; border-radius: 14px !important; box-shadow: 0 10px 28px rgba(17, 24, 39, .045) !important; overflow: hidden !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column.productbox-hover:hover .productbox-inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column:focus-within .productbox-inner { transform: translateY(-3px) !important; border-color: #cbd8c8 !important; box-shadow: 0 18px 42px rgba(17, 24, 39, .085) !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"] { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col:nth-child(2), html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"]:nth-child(2) { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col:first-child > .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"]:first-child > .productbox-image { width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images.list-gallery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a { position: relative !important; display: block !important; width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .second-wrapper { width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square-image::before { display: none !important; content: none !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images picture { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 20px !important; background: #ffffff !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img.product-image { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 165px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .second-wrapper { display: none !important; opacity: 0 !important; pointer-events: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title.text-clamp-2 { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 18px !important; overflow: hidden !important; color: #1f2f3d !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 400 !important; text-align: left !important; text-decoration: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a.text-clamp-2 { display: inline !important; color: inherit !important; font: inherit !important; line-height: inherit !important; font-weight: inherit !important; text-decoration: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a:hover { color: #006b00 !important; text-decoration: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column div[itemprop="offers"] { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; margin-top: auto !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; align-items: center !important; column-gap: 14px !important; width: 100% !important; min-height: 92px !important; margin: auto 0 0 0 !important; padding: 16px 18px 18px 18px !important; background: #f7faf7 !important; border-top: 1px solid #edf1ec !important; color: #1f2f3d !important; text-align: left !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .price, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .productbox-price { grid-column: 1 !important; grid-row: 1 !important; display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #1f2f3d !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 23px !important; line-height: 1.1 !important; font-weight: 600 !important; letter-spacing: 0 !important; white-space: normal !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .price-note, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .base-price, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .vat_info { grid-column: 1 !important; grid-row: 2 !important; display: block !important; margin: 8px 0 0 0 !important; padding: 0 !important; color: #526052 !important; font-family: Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.28 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .footnote-reference { display: inline-block !important; position: relative !important; top: -0.36em !important; margin-left: 2px !important; font-size: .58em !important; line-height: 1 !important; font-weight: 600 !important; color: #008000 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; display: flex !important; align-items: center !important; gap: 9px !important; min-width: 84px !important; margin: 0 !important; padding: 0 0 0 14px !important; border-left: 1px solid #dfe8df !important; color: #006b00 !important; font-family: Arial, sans-serif !important; line-height: 1.1 !important; text-transform: uppercase !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; min-width: 27px !important; border-radius: 999px !important; background: #37a84a !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 5px 12px rgba(0, 128, 0, .22) !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-text { display: flex !important; flex-direction: column !important; gap: 1px !important; color: #006b00 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .04em !important; white-space: nowrap !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-line1, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-line2 { display: block !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-ribbon, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .ribbon { z-index: 5 !important; top: 14px !important; left: 14px !important; border-radius: 999px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .08) !important; } } /* ========================================================= KPL v1.0.28 IMAGE CONTAIN FIX Direkte JTL/NOVA-Square-Struktur sicher zentrieren. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images.list-gallery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper { position: relative !important; display: block !important; width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square-image::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a { position: relative !important; display: block !important; width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper .inner { position: static !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper picture { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; background: #ffffff !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper img { position: static !important; display: block !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 165px !important; margin: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper { display: none !important; opacity: 0 !important; pointer-events: none !important; } } /* ========================================================= KPL v1.0.32 MOBILE SMALL BREAKPOINT STRUCTURE FIX Mobile Produktboxen an die Artikeldetail-Slider-Optik angleichen. ========================================================= */ @media (max-width: 991.98px) { html body.kobalz-productlist-layout #product-list.layout-gallery { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; row-gap: 16px !important; margin-top: 18px !important; margin-left: -8px !important; margin-right: -8px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery > .product-wrapper { display: flex !important; align-items: stretch !important; margin-bottom: 0 !important; padding-left: 8px !important; padding-right: 8px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column[style] { display: block !important; width: 100% !important; height: auto !important; min-height: 356px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column > form.form-basket, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column > .form-basket, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner { display: block !important; width: 100% !important; height: 100% !important; min-height: 356px !important; margin: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner { position: relative !important; display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 1px solid #dfe6dd !important; border-radius: 13px !important; box-shadow: 0 8px 22px rgba(17, 24, 39, .045) !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"] { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col:nth-child(2), html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"]:nth-child(2) { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images.list-gallery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper { position: relative !important; display: block !important; width: 100% !important; height: 178px !important; min-height: 178px !important; max-height: 178px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square-image::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a { position: relative !important; display: block !important; width: 100% !important; height: 178px !important; min-height: 178px !important; max-height: 178px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper .inner { position: static !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 178px !important; min-height: 178px !important; max-height: 178px !important; margin: 0 !important; padding: 14px !important; box-sizing: border-box !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper picture { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; background: #ffffff !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper img { position: static !important; display: block !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 154px !important; margin: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper { display: none !important; opacity: 0 !important; pointer-events: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title.text-clamp-2 { display: block !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 14px !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a.text-clamp-2 { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.25 !important; text-decoration: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column div[itemprop="offers"] { display: block !important; margin-top: auto !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; min-height: 78px !important; margin: auto 0 0 0 !important; padding: 12px 12px !important; background: linear-gradient(180deg, #f7fbf7 0%, #eef8ef 100%) !important; border-top: 1px solid #e3eee3 !important; border-radius: 0 0 13px 13px !important; box-sizing: border-box !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .price, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .productbox-price { grid-column: 1 !important; grid-row: 1 !important; display: block !important; margin: 0 !important; padding: 0 !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1.05 !important; white-space: nowrap !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .price-note, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .base-price, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .vat_info { grid-column: 1 !important; grid-row: 2 !important; display: block !important; margin: 6px 0 0 0 !important; padding: 0 !important; color: #526052 !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .delivery-status, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .delivery-status-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .status, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .estimated_delivery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-status, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-delivery { display: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; display: flex !important; align-items: center !important; gap: 6px !important; min-width: 58px !important; margin: 0 !important; padding: 0 0 0 8px !important; border-left: 1px solid #dfe8df !important; color: #006b00 !important; font-family: Arial, sans-serif !important; line-height: 1.08 !important; text-transform: uppercase !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 23px !important; height: 23px !important; min-width: 23px !important; border-radius: 999px !important; background: #37a84a !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 5px 12px rgba(0, 128, 0, .2) !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-text { display: flex !important; flex-direction: column !important; gap: 1px !important; color: #006b00 !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .035em !important; white-space: nowrap !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .footnote-reference { display: inline-block !important; position: relative !important; top: -0.36em !important; margin-left: 2px !important; font-size: .58em !important; line-height: 1 !important; font-weight: 600 !important; color: #008000 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-ribbon, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .ribbon { z-index: 5 !important; top: 10px !important; left: 10px !important; border-radius: 999px !important; max-width: calc(100% - 20px) !important; font-size: 10px !important; } } @media (max-width: 575.98px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column > form.form-basket, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column > .form-basket, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner { min-height: 342px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images.list-gallery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper .inner { height: 172px !important; min-height: 172px !important; max-height: 172px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper img { max-height: 148px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title.text-clamp-2 { min-height: 54px !important; max-height: 54px !important; padding-left: 12px !important; padding-right: 12px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a.text-clamp-2 { font-size: 14px !important; line-height: 1.22 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper { min-height: 76px !important; padding: 11px 10px !important; column-gap: 6px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .price, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .price_wrapper .productbox-price { font-size: 21px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge { gap: 5px !important; min-width: 52px !important; padding-left: 7px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-icon { width: 21px !important; height: 21px !important; min-width: 21px !important; font-size: 14px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .kpl-stock-badge-text { font-size: 8px !important; } } /* ========================================================= KPL v1.0.33: Desktop-Titel hart auf zwei Zeilen begrenzen. Mobil bleibt unverändert, deshalb nur ab 992px. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title.text-clamp-2 { display: block !important; width: 100% !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 18px !important; overflow: hidden !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.32 !important; text-align: left !important; text-decoration: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a.text-clamp-2, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title .text-clamp-2 { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; max-width: 100% !important; max-height: 42px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; color: inherit !important; font: inherit !important; line-height: 1.32 !important; text-decoration: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title br, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a br { display: none !important; } } /* ========================================================= KPL v1.0.34: Desktop-Titel wieder sauber auf 2 Zeilen. Fix: Clamp liegt auf dem Titel-Container, der Link bleibt inline. Mobil bleibt unverändert. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title.text-clamp-2 { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 0 18px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.36 !important; text-align: left !important; text-decoration: none !important; word-break: normal !important; overflow-wrap: break-word !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a.text-clamp-2, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title .text-clamp-2 { display: inline !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; color: inherit !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title br, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-title a br { display: none !important; } } /* ========================================================= KPL v1.0.35 DESKTOP FILTER FEATURES VISIBLE Sicherheit: Desktop-Merkmalwerte/Filterboxen anzeigen, sobald JTL sie liefert. Mobil bleibt unverändert. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #sidepanel_left .box-filter-special, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability, html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating { display: block !important; visibility: visible !important; opacity: 1 !important; } } /* ========================================================= KPL v1.0.37 FILTER COUNT RIGHT ALIGN Desktop-only: Merkmal-/Filterboxen passend zum Kategorie-Accordion. Mobil bleibt unverändert. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #sidepanel_left .box-filter-special, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability, html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 0 12px 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #dfe6df !important; border-radius: 16px !important; box-shadow: 0 8px 18px rgba(0, 0, 0, .035) !important; overflow: hidden !important; } html body.kobalz-productlist-layout #sidepanel_left .box-categories + .box-filter-special, html body.kobalz-productlist-layout #sidepanel_left .box-categories + .box-filter-characteristics, html body.kobalz-productlist-layout #sidepanel_left .box-categories + .box-filter-price, html body.kobalz-productlist-layout #sidepanel_left .box-categories + .box-filter-manufacturer, html body.kobalz-productlist-layout #sidepanel_left .box-categories + .box-filter-availability, html body.kobalz-productlist-layout #sidepanel_left .box-categories + .box-filter-rating { margin-top: 18px !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box, html body.kobalz-productlist-layout #sidepanel_left .box-filter-special > .btn-filter-box, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics > .btn-filter-box, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price > .btn-filter-box, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer > .btn-filter-box, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability > .btn-filter-box, html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating > .btn-filter-box { width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 0 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: left !important; text-decoration: none !important; outline: 0 !important; cursor: pointer !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box .characteristic-collapse-btn-inner, html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box > span { display: block !important; min-width: 0 !important; max-width: calc(100% - 24px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: inherit !important; font: inherit !important; text-align: left !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box::after { margin-left: auto !important; color: #8a968a !important; opacity: .95 !important; transform: none !important; transition: transform .08s linear, color .08s linear !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box[aria-expanded="true"] { color: #008000 !important; background: #f7faf7 !important; border-bottom: 1px solid #edf3ed !important; } html body.kobalz-productlist-layout #sidepanel_left .btn-filter-box[aria-expanded="true"]::after { transform: rotate(180deg) !important; color: #008000 !important; } html body.kobalz-productlist-layout #sidepanel_left .box-filter-special > .collapse:not(.show), html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics > .collapse:not(.show), html body.kobalz-productlist-layout #sidepanel_left .box-filter-price > .collapse:not(.show), html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer > .collapse:not(.show), html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability > .collapse:not(.show), html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating > .collapse:not(.show) { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout #sidepanel_left .box-filter-special > .collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics > .collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price > .collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer > .collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability > .collapse.show, html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating > .collapse.show { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 10px 12px 14px !important; background: linear-gradient(180deg, #f7faf7 0%, #ffffff 100%) !important; border: 0 !important; overflow: visible !important; } html body.kobalz-productlist-layout #sidepanel_left .box-filter-special > .collapsing, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics > .collapsing, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price > .collapsing, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer > .collapsing, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability > .collapsing, html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating > .collapsing { transition: none !important; } html body.kobalz-productlist-layout #sidepanel_left .box-filter-hr { display: none !important; } html body.kobalz-productlist-layout #sidepanel_left .filter-search-wrapper { margin: 0 !important; padding: 0 !important; max-height: 270px !important; overflow-y: auto !important; overflow-x: hidden !important; } html body.kobalz-productlist-layout #sidepanel_left .filter-item, html body.kobalz-productlist-layout #sidepanel_left .box-filter-special .filter-item, html body.kobalz-productlist-layout #sidepanel_left .box-filter-characteristics .filter-item, html body.kobalz-productlist-layout #sidepanel_left .box-filter-price .filter-item, html body.kobalz-productlist-layout #sidepanel_left .box-filter-manufacturer .filter-item, html body.kobalz-productlist-layout #sidepanel_left .box-filter-availability .filter-item, html body.kobalz-productlist-layout #sidepanel_left .box-filter-rating .filter-item { width: 100% !important; min-height: 36px !important; margin: 0 0 4px 0 !important; padding: 8px 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #263126 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.25 !important; text-align: left !important; text-decoration: none !important; } html body.kobalz-productlist-layout #sidepanel_left .filter-item:hover, html body.kobalz-productlist-layout #sidepanel_left .filter-item:focus, html body.kobalz-productlist-layout #sidepanel_left .filter-item.active { background: #ffffff !important; border-color: #cfe4cf !important; color: #008000 !important; text-decoration: none !important; } html body.kobalz-productlist-layout #sidepanel_left .filter-item .badge, html body.kobalz-productlist-layout #sidepanel_left .filter-item .badge-outline-secondary { margin-left: auto !important; min-width: 24px !important; padding: 3px 6px !important; background: #eef8ee !important; border: 1px solid #d7ead7 !important; border-radius: 999px !important; color: #008000 !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; } html body.kobalz-productlist-layout #sidepanel_left .filter-item { position: relative !important; padding-right: 50px !important; } html body.kobalz-productlist-layout #sidepanel_left .filter-item .badge, html body.kobalz-productlist-layout #sidepanel_left .filter-item .badge-outline-secondary { position: absolute !important; top: 50% !important; right: 10px !important; transform: translateY(-50%) !important; margin-left: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } } /* ========================================================= KPL v1.0.41 Desktop-only: grosser Filter-Modal statt kleinem Toolbar-Dropdown. Mobil bleibt unverändert. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout .kpl-desktop-filter-toolbar { position: relative !important; display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; order: -20 !important; margin: 0 !important; z-index: 30 !important; } html body.kobalz-productlist-layout .kpl-desktop-filter-button { min-height: 43px !important; padding: 10px 18px !important; display: inline-flex !important; align-items: center !important; gap: 9px !important; border: 1px solid #008000 !important; border-radius: 0 !important; background: #ffffff !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; } html body.kobalz-productlist-layout .kpl-desktop-filter-button:hover, html body.kobalz-productlist-layout .kpl-desktop-filter-button:focus, html body.kobalz-productlist-layout.kpl-filter-modal-open .kpl-desktop-filter-button, html body.kpl-filter-modal-open .kpl-desktop-filter-button { background: #f7faf7 !important; color: #008000 !important; border-color: #008000 !important; box-shadow: 0 8px 18px rgba(0, 128, 0, .08) !important; } html body.kobalz-productlist-layout .kpl-desktop-filter-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; color: #008000 !important; font-family: Arial, sans-serif !important; font-size: 13px !important; line-height: 1 !important; transform: rotate(-90deg) !important; transition: transform .12s ease !important; } html body.kpl-filter-modal-open .kpl-desktop-filter-icon { transform: rotate(0deg) !important; } html body.kobalz-productlist-layout .kpl-filter-modal { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; align-items: center !important; justify-content: center !important; padding: 40px 48px !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 2147483000 !important; } html body.kobalz-productlist-layout .kpl-filter-modal.is-open { display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html body.kpl-filter-modal-open { overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-filter-modal-backdrop { position: absolute !important; inset: 0 !important; background: rgba(16, 35, 50, .48) !important; backdrop-filter: blur(2px) !important; } html body.kobalz-productlist-layout .kpl-filter-modal-panel { position: relative !important; width: min(1180px, calc(100vw - 96px)) !important; max-height: calc(100vh - 80px) !important; display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 1px solid #dfe6df !important; border-radius: 22px !important; box-shadow: 0 28px 80px rgba(0, 0, 0, .24) !important; color: #102332 !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-filter-modal-head { min-height: 82px !important; padding: 22px 28px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; background: linear-gradient(180deg, #f7faf7 0%, #ffffff 100%) !important; border-bottom: 1px solid #e7eee7 !important; } html body.kobalz-productlist-layout .kpl-filter-modal-kicker { margin-bottom: 6px !important; color: #008000 !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .20em !important; line-height: 1.1 !important; text-transform: uppercase !important; } html body.kobalz-productlist-layout .kpl-filter-modal-title { color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.15 !important; } html body.kobalz-productlist-layout .kpl-filter-modal-subtitle { margin-top: 6px !important; max-width: 620px !important; color: #6d7a72 !important; font-family: Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.35 !important; } html body.kobalz-productlist-layout .kpl-filter-modal-close { width: 44px !important; height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #d7ead7 !important; border-radius: 999px !important; background: #ffffff !important; color: #102332 !important; font-family: Arial, sans-serif !important; font-size: 30px !important; font-weight: 400 !important; line-height: 1 !important; cursor: pointer !important; } html body.kobalz-productlist-layout .kpl-filter-modal-close:hover, html body.kobalz-productlist-layout .kpl-filter-modal-close:focus { border-color: #008000 !important; color: #008000 !important; outline: 0 !important; } html body.kobalz-productlist-layout .kpl-filter-modal-body { padding: 24px 28px 28px !important; overflow: auto !important; background: #ffffff !important; } html body.kobalz-productlist-layout .kpl-filter-modal-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #dfe6df !important; border-radius: 16px !important; box-shadow: 0 8px 20px rgba(0, 0, 0, .035) !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp { grid-column: 1 / -1 !important; order: -100 !important; border-color: #cfe4cf !important; box-shadow: 0 10px 28px rgba(0, 128, 0, .06) !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .btn-filter-box, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .btn-filter-box { min-height: 58px !important; color: #008000 !important; background: #f7faf7 !important; border-bottom: 1px solid #e1eee1 !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary > .collapse.show, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp > .collapse.show { padding: 14px 14px 16px !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .kpl-toolbar-characteristic-values, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .kpl-toolbar-characteristic-values { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; max-height: none !important; overflow: visible !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .filter-item, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-item { margin: 0 !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .btn-filter-box { width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: left !important; text-decoration: none !important; outline: 0 !important; cursor: pointer !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .btn-filter-box > span, html body.kobalz-productlist-layout .kpl-modal-filter-box .btn-filter-box .characteristic-collapse-btn-inner { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: inherit !important; font: inherit !important; text-align: left !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .btn-filter-box[aria-expanded="true"] { color: #008000 !important; background: #f7faf7 !important; border-bottom: 1px solid #edf3ed !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box > .collapse:not(.show) { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box > .collapse.show { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 10px 12px 14px !important; background: linear-gradient(180deg, #f7faf7 0%, #ffffff 100%) !important; overflow: visible !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .box-filter-hr { display: none !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box .kpl-toolbar-characteristic-values { margin: 0 !important; padding: 0 !important; max-height: 310px !important; overflow-y: auto !important; overflow-x: hidden !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item { position: relative !important; width: 100% !important; min-height: 38px !important; margin: 0 0 4px 0 !important; padding: 8px 52px 8px 10px !important; display: flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #263126 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.25 !important; text-align: left !important; text-decoration: none !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item:hover, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item:focus, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item.active { background: #ffffff !important; border-color: #cfe4cf !important; color: #008000 !important; text-decoration: none !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item.active { background: #f7fbf7 !important; border-color: #bfe1bf !important; box-shadow: inset 0 0 0 1px rgba(0, 128, 0, .08) !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .snippets-filter-item-icon-right, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .fa-square, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .fa-check-square { flex: 0 0 auto !important; color: #008000 !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .badge, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .badge-outline-secondary { position: absolute !important; top: 50% !important; right: 10px !important; transform: translateY(-50%) !important; min-width: 24px !important; padding: 3px 6px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #eef8ee !important; border: 1px solid #d7ead7 !important; border-radius: 999px !important; color: #008000 !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; } html body.kobalz-productlist-layout .kpl-filter-modal-footer { padding: 16px 28px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; border-top: 1px solid #e7eee7 !important; background: #fbfdfb !important; } html body.kobalz-productlist-layout .kpl-filter-modal-footer-close { min-height: 42px !important; padding: 9px 20px !important; border: 1px solid #008000 !important; border-radius: 0 !important; background: #ffffff !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; } html body.kobalz-productlist-layout .kpl-filter-modal-footer-close:hover, html body.kobalz-productlist-layout .kpl-filter-modal-footer-close:focus { background: #f7faf7 !important; color: #008000 !important; } } @media (min-width: 992px) and (max-width: 1299.98px) { html body.kobalz-productlist-layout .kpl-filter-modal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* KPL v1.0.49: Artikeltyp voll geöffnet und sauber dreispaltig. */ @media (min-width: 992px) { html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .snippets-filter-show-all, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .snippets-filter-show-all * { display: none !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 28px !important; row-gap: 6px !important; align-items: start !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper > .collapse, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper > .collapse.show, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper > .collapse > .nav, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper > .collapse.show > .nav { display: contents !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-item { min-height: 36px !important; margin: 0 !important; padding: 7px 46px 7px 8px !important; break-inside: avoid !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .box-link-wrapper { width: 100% !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; padding-right: 34px !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .filter-item-value, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item .word-break { min-width: 0 !important; flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; word-break: normal !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp > .collapse.show { padding: 16px 18px 18px !important; } } /* KPL v1.0.51: Desktop-Endlosscrolling. Mobil bleibt unveraendert. */ @media (min-width: 992px) { html body.kobalz-productlist-layout.kpl-infinite-scroll-active .productlist-pagination { display: none !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll { width: 100% !important; margin: 34px 0 10px !important; padding: 18px 0 4px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; text-align: center !important; clear: both !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll-status { min-height: 20px !important; color: #596459 !important; font-family: Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll-button { min-height: 44px !important; padding: 9px 24px !important; border: 1px solid #008000 !important; border-radius: 0 !important; background: #ffffff !important; color: #102332 !important; font-family: "Oswald", Arial, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; box-shadow: none !important; cursor: pointer !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll-button:hover, html body.kobalz-productlist-layout .kpl-infinite-scroll-button:focus { background: #f7faf7 !important; color: #008000 !important; outline: none !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll-button:disabled { opacity: .65 !important; cursor: wait !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll.is-loading .kpl-infinite-scroll-status::before { content: "" !important; width: 16px !important; height: 16px !important; margin-right: 8px !important; display: inline-block !important; vertical-align: -3px !important; border: 2px solid #d7ead7 !important; border-top-color: #008000 !important; border-radius: 999px !important; animation: kplInfiniteSpin .75s linear infinite !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll.is-done .kpl-infinite-scroll-button { display: none !important; } html body.kobalz-productlist-layout .kpl-infinite-scroll-sentinel { width: 100% !important; height: 1px !important; pointer-events: none !important; } html body.kobalz-productlist-layout #product-list > [data-kpl-infinite-page] { animation: kplInfiniteFadeIn .18s ease both !important; } @keyframes kplInfiniteSpin { to { transform: rotate(360deg); } } @keyframes kplInfiniteFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } } /* ========================================================= KPL v1.0.53 DESKTOP_PRODUCT_IMAGES_LARGER_SAFE Basis: bestätigte v1.0.51. Nur Desktop-Bildbereich der Produktkarten. Keine Änderungen an JS, Kategorie-Accordion, Filter-Modal oder Mobil. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col:first-child > .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"]:first-child > .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images.list-gallery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .productbox-image.square-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .second-wrapper { height: 225px !important; min-height: 225px !important; max-height: 225px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images picture { height: 225px !important; min-height: 225px !important; max-height: 225px !important; padding: 10px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images img.product-image { max-width: 100% !important; max-height: 205px !important; object-fit: contain !important; object-position: center center !important; } } /* ========================================================= KPL v1.0.54 DESKTOP_PRODUCT_IMAGES_SCALE_FIX Nur Desktop: Produktbilder in vorhandener NOVA-Struktur größer skalieren. Greift auch bei direkter Struktur: .productbox-image.square.square-image.first-wrapper Keine Änderung an JS, Kategorie-Accordion, Filter-Modal oder Mobil. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper { height: 205px !important; min-height: 205px !important; max-height: 205px !important; padding: 0 !important; margin: 0 !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper > .inner { position: static !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 205px !important; min-height: 205px !important; max-height: 205px !important; padding: 8px 14px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper picture { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image img.first, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .first-wrapper img.img-fluid { position: static !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; margin: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.second-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .second-wrapper { display: none !important; opacity: 0 !important; pointer-events: none !important; } } /* ========================================================= KPL v1.0.56 DESKTOP_PRODUCT_IMAGE_FINAL_SAFE_OVERRIDE Nur Desktop-Bildgröße. Keine Änderung an JS, Menü, Modal oder Mobil. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper > .inner { padding: 8px 10px !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper img.first, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper img.first, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper img.img-fluid { max-height: 190px !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center center !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .second-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.second-wrapper { pointer-events: none !important; } } /* ========================================================= KPL v1.0.58 DESKTOP_PRODUCT_IMAGE_CRITICAL_FINAL_FIX Externes CSS passend zum Critical-CSS. Keine JS-/Menue-/Modal-/Mobil-Aenderung. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > .col:first-child > .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-inner > .row > [class*="col"]:first-child > .productbox-image, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images.list-gallery, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square.first-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image.first-wrapper, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-images, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-images.list-gallery, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-images > a, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-image.first-wrapper { height: 248px !important; min-height: 248px !important; max-height: 248px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; box-sizing: border-box !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square.first-wrapper::before, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image.first-wrapper::before, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-image.first-wrapper::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; padding: 0 !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square.first-wrapper > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.square-image.first-wrapper > .inner, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper > .inner, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-image.first-wrapper > .inner { position: static !important; inset: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 248px !important; min-height: 248px !important; max-height: 248px !important; max-width: 100% !important; margin: 0 !important; padding: 6px 8px !important; background: #ffffff !important; overflow: hidden !important; box-sizing: border-box !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper picture, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper picture, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-image.first-wrapper picture { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper img.first, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.first-wrapper img.img-fluid, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper img, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper img.first, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images .first-wrapper img.img-fluid, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-image.first-wrapper img { position: static !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; margin: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-images > a > .productbox-image.second-wrapper, html body.kobalz-productlist-layout #product-list.layout-gallery .productbox.productbox-column .productbox-image.second-wrapper, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-images > a > .productbox-image.second-wrapper, body.kobalz-productlist-layout #product-list .productbox.productbox-column .productbox-image.second-wrapper { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } } /* KPL v1.0.65: robuste Sofort-verfügbar-Ausblendung */ @media (min-width: 992px) { html body.kobalz-productlist-layout .kpl-stock-filter-hidden, html body.kobalz-productlist-layout #product-list .kpl-stock-filter-hidden { display: none !important; visibility: hidden !important; } } /* ========================================================= KPL v1.0.66 DESKTOP_FILTER_MODAL_FULL_WIDTH_3COL Alle Filtergruppen im Modal vollbreit untereinander; Werte pro Merkmal dreispaltig. Nur Desktop-Modal-Layout, keine JS-/Sidebar-/Produktlisten-Aenderung. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout .kpl-filter-modal-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; align-items: stretch !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp { grid-column: 1 / -1 !important; width: 100% !important; order: initial !important; border-color: #cfe4cf !important; box-shadow: 0 10px 28px rgba(0, 128, 0, .045) !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .btn-filter-box, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .btn-filter-box, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .btn-filter-box { min-height: 58px !important; color: #008000 !important; background: #f7faf7 !important; border-bottom: 1px solid #e1eee1 !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box > .collapse.show, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary > .collapse.show, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp > .collapse.show { display: block !important; height: auto !important; max-height: none !important; padding: 16px 18px 18px !important; overflow: visible !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box .kpl-toolbar-characteristic-values, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .kpl-toolbar-characteristic-values, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .kpl-toolbar-characteristic-values { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 28px !important; row-gap: 6px !important; align-items: start !important; max-height: none !important; overflow: visible !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .collapse, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .collapse.show, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .collapse > .nav, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .collapse.show > .nav { display: contents !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-item, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-primary .filter-item, html body.kobalz-productlist-layout .kpl-modal-filter-box.kpl-modal-filter-box-articletyp .filter-item { min-height: 36px !important; margin: 0 !important; padding: 7px 46px 7px 8px !important; break-inside: avoid !important; } } /* ========================================================= KPL v1.0.67 DESKTOP_FILTER_MODAL_CLEAN_APPLY NOVA-Suchfelder im Filter-Modal entfernen/ausblenden; Werte bleiben dreispaltig. ========================================================= */ @media (min-width: 992px) { html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .form-group, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .input-group, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .filter-search, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper > .label-slide, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper input[type="search"], html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper input[type="text"], html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper .form-clear, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper .input-group-prepend, html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper .input-group-append { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } html body.kobalz-productlist-layout .kpl-modal-filter-box .filter-search-wrapper, html body.kobalz-productlist-layout .kpl-modal-filter-box .kpl-toolbar-characteristic-values { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 28px !important; row-gap: 6px !important; max-height: none !important; overflow: visible !important; } } /* KPL v1.0.75: Kategorieattribut katlangtext unterhalb der Produktliste. */ html body.kobalz-productlist-layout .kpl-category-longtext { width: 100%; max-width: 100%; clear: both; margin: 46px 0 0; padding: 34px 0 6px; border-top: 1px solid #dfe8df; color: #374137; line-height: 1.7; } html body.kobalz-productlist-layout .kpl-category-longtext > :first-child { margin-top: 0; } html body.kobalz-productlist-layout .kpl-category-longtext > :last-child { margin-bottom: 0; } html body.kobalz-productlist-layout .kpl-category-longtext h2, html body.kobalz-productlist-layout .kpl-category-longtext h3, html body.kobalz-productlist-layout .kpl-category-longtext h4 { color: var(--kpl-text, #102332); } html body.kobalz-productlist-layout .kpl-category-longtext p, html body.kobalz-productlist-layout .kpl-category-longtext ul, html body.kobalz-productlist-layout .kpl-category-longtext ol { line-height: 1.7; } html body.kobalz-productlist-layout .kpl-category-longtext a { color: var(--kpl-green, #008000); text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 991.98px) { html body.kobalz-productlist-layout .kpl-category-longtext { margin-top: 32px; padding-top: 26px; } }