/* Lokal gehostete Schriften (SIL Open Font License) - keine Verbindung zu Google Fonts noetig (DSGVO) */
@font-face{ font-family:"Fraunces"; font-style:normal; font-weight:600; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/fraunces-latin-600-normal.woff2") format("woff2"); }
@font-face{ font-family:"Fraunces"; font-style:normal; font-weight:700; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/fraunces-latin-700-normal.woff2") format("woff2"); }
@font-face{ font-family:"Fraunces"; font-style:italic; font-weight:600; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/fraunces-latin-600-italic.woff2") format("woff2"); }
@font-face{ font-family:"Work Sans"; font-style:normal; font-weight:400; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/work-sans-latin-400-normal.woff2") format("woff2"); }
@font-face{ font-family:"Work Sans"; font-style:normal; font-weight:500; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/work-sans-latin-500-normal.woff2") format("woff2"); }
@font-face{ font-family:"Work Sans"; font-style:normal; font-weight:600; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/work-sans-latin-600-normal.woff2") format("woff2"); }
@font-face{ font-family:"IBM Plex Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("/templates/RiffToys/themes/rifftoys/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }

/* ==========================================================================
   Riff-Toys Theme fuer JTL-Shop 5 (Child von NOVA, Basis: clear)
   Farbschema uebernommen von riff-toys.at
   Wird NACH clear.css geladen und ueberschreibt dessen Farben.
   ========================================================================== */

:root{
  --rt-deep:        #062534;
  --rt-deep-2:      #0A3A50;
  --rt-deep-3:      #0E4A66;
  --rt-coral:       #E57623;
  --rt-coral-dark:  #C25E13;
  --rt-glow:        #4FB4EA;
  --rt-sand:        #EFF6FA;
  --rt-sand-dim:    #A9C6D6;
  --rt-pink:        #D961A0;
  --rt-ink:         #0B242C;
  --rt-brand-blue:  #0884CA;
  --rt-muted:       #42565d;
  --rt-line:        #cfd9db;
  --rt-radius:      14px;

  --rt-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --rt-font-body:    "Work Sans", "Segoe UI", sans-serif;
  --rt-font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  /* Bootstrap-4-Variablen, die NOVA teilweise nutzt */
  --primary:   #E57623;
  --secondary: #0884CA;
  --info:      #4FB4EA;
  --dark:      #062534;
  --light:     #EFF6FA;
}

/* ---------- Basis ---------- */
body{
  font-family:var(--rt-font-body);
  color:var(--rt-ink);
  background:var(--rt-sand);
  line-height:1.55;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.productlist-page-nav h1,
.subheadline{
  font-family:var(--rt-font-display);
  font-weight:600;
  letter-spacing:-0.01em;
  color:var(--rt-deep);
  line-height:1.15;
}
a{ color:var(--rt-coral-dark); }
a:hover{ color:var(--rt-coral); }
:focus-visible{ outline:3px solid var(--rt-glow); outline-offset:2px; }
::selection{ background:var(--rt-glow); color:var(--rt-deep); }

.text-primary{ color:var(--rt-coral-dark) !important; }
.bg-primary{ background-color:var(--rt-coral) !important; }
.border-primary{ border-color:var(--rt-coral) !important; }
.bg-light{ background-color:var(--rt-sand) !important; }
.bg-dark{ background-color:var(--rt-deep) !important; }
.text-muted{ color:var(--rt-muted) !important; }

/* ---------- Buttons ---------- */
.btn{
  font-family:var(--rt-font-body);
  font-weight:600;
  border-radius:999px;
  transition:transform .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active{
  background-color:var(--rt-coral);
  border-color:var(--rt-coral);
  color:var(--rt-deep);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus{
  background-color:var(--rt-coral-dark);
  border-color:var(--rt-coral-dark);
  color:var(--rt-sand);
  box-shadow:0 0 0 .2rem rgba(229,118,35,.35);
}
.btn-secondary{
  background-color:var(--rt-brand-blue);
  border-color:var(--rt-brand-blue);
  color:#fff;
}
.btn-secondary:hover,
.btn-secondary:focus{
  background-color:var(--rt-deep-3);
  border-color:var(--rt-deep-3);
  color:#fff;
}
.btn-outline-primary{
  color:var(--rt-coral-dark);
  border-color:var(--rt-coral);
  background:transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active{
  background-color:var(--rt-coral);
  border-color:var(--rt-coral);
  color:var(--rt-deep);
}
.btn-outline-secondary{
  color:var(--rt-brand-blue);
  border-color:var(--rt-brand-blue);
}
.btn-outline-secondary:hover{
  background-color:var(--rt-brand-blue);
  border-color:var(--rt-brand-blue);
  color:#fff;
}
.btn-link{ color:var(--rt-coral-dark); }
.btn-link:hover{ color:var(--rt-coral); }
.btn-primary.disabled,.btn-primary:disabled{
  background-color:var(--rt-coral);
  border-color:var(--rt-coral);
  color:var(--rt-deep);
  opacity:.55;
}

/* ---------- Header / Top-Bar ---------- */
#header-top-bar,
.header-top-bar,
header .top-bar{
  background-color:var(--rt-deep-2);
  color:var(--rt-sand-dim);
}
#header-top-bar a,
.header-top-bar a{ color:var(--rt-sand-dim); }
#header-top-bar a:hover,
.header-top-bar a:hover{ color:var(--rt-glow); text-decoration:none; }

header,
header.d-print-none,
#jtl-nav-wrapper,
.is-sticky,
.fixed-navbar{
  background-color:var(--rt-deep);
  color:var(--rt-sand);
  border-bottom:1px solid rgba(239,246,250,.14);
}
header .navbar,
#jtl-nav-wrapper .navbar{ background-color:transparent; }

header .nav-link,
header .navbar-nav .nav-link,
header .nav-icon,
header .navbar-toggler,
header .nav-link .fas,
header .nav-link .fa,
header .nav-link .far{
  color:var(--rt-sand-dim);
}
header .nav-link:hover,
header .nav-link:focus,
header .navbar-nav .nav-link:hover,
header .navbar-nav .nav-item.active > .nav-link,
header .navbar-nav .nav-item.show > .nav-link,
header .nav-link:hover .fas{
  color:var(--rt-glow);
}
header .navbar-brand img{ max-height:46px; width:auto; }

/* Warenkorb-Badge */
.cart-icon-dropdown .fa-sup,
.badge-primary,
.cart-badge,
header .badge{
  background-color:var(--rt-coral);
  color:var(--rt-deep);
}

/* Suche im Header */
header .form-control,
header .search-form .form-control,
#search-header{
  background-color:var(--rt-sand);
  color:var(--rt-ink);
  border:1px solid rgba(239,246,250,.25);
  border-radius:999px;
}
header .btn-secondary,
header .search-form .btn{
  background-color:var(--rt-coral);
  border-color:var(--rt-coral);
  color:var(--rt-deep);
  border-radius:999px;
}

/* Kategorie-Menue (Megamenue / Dropdowns) */
.dropdown-menu,
.nav-item.dropdown .dropdown-menu,
.megamenu .dropdown-menu{
  background-color:#fff;
  border:1px solid var(--rt-line);
  border-radius:10px;
  box-shadow:0 12px 30px -14px rgba(6,37,52,.35);
}
.dropdown-item{ color:var(--rt-ink); }
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
  background-color:var(--rt-sand);
  color:var(--rt-coral-dark);
}
.dropdown-menu .nav-link,
.megamenu .nav-link{ color:var(--rt-ink); }
.dropdown-menu .nav-link:hover,
.megamenu .nav-link:hover{ color:var(--rt-coral-dark); }
.dropdown-menu .subcategory-wrapper .nav-link,
.dropdown-menu .categories-recursive-link{ color:var(--rt-muted); }

/* ---------- Breadcrumb ---------- */
.breadcrumb{ background:transparent; font-size:.9rem; }
.breadcrumb-item a{ color:var(--rt-brand-blue); }
.breadcrumb-item a:hover{ color:var(--rt-coral-dark); }
.breadcrumb-item.active{ color:var(--rt-muted); }

/* ---------- Produkt-Boxen ---------- */
.productbox,
.productbox-inner,
.card{
  border-radius:var(--rt-radius);
}
.productbox-inner,
.card{
  background-color:#fff;
  border:1px solid rgba(6,37,52,.08);
}
.productbox:hover .productbox-inner,
.productbox-inner:hover{
  border-color:var(--rt-glow);
  box-shadow:0 14px 34px -18px rgba(6,37,52,.35);
}
.productbox-title a,
.productbox-title{ color:var(--rt-deep); font-family:var(--rt-font-body); font-weight:600; }
.productbox-title a:hover{ color:var(--rt-coral-dark); text-decoration:none; }
.productbox .price,
.price,
.price_wrapper .price,
.productbox-price .price,
.product-info .price{
  color:var(--rt-deep);
  font-weight:700;
}
.price-note,
.price_label,
.vat_info,
.productbox-price .price_label{ color:var(--rt-muted); }

/* Preis-Hinweise zu Angeboten / Sonderpreisen */
.productbox .price.special-price,
.special-price,
.price-old del{ color:var(--rt-pink); }

/* Artikel-Sticker / Badges */
.productbox-ribbon,
.ribbon,
.product-badge{ border-radius:999px; }
.ribbon-1{ background-color:var(--rt-coral); color:var(--rt-deep); }
.ribbon-2{ background-color:var(--rt-pink); color:#fff; }
.ribbon-3{ background-color:var(--rt-brand-blue); color:#fff; }
.ribbon-4{ background-color:var(--rt-deep-3); color:#fff; }
.ribbon-5,.ribbon-6,.ribbon-7,.ribbon-8,.ribbon-9{ background-color:var(--rt-glow); color:var(--rt-deep); }

/* Bewertungen (Sterne) */
.star,
.rating .fa-star,
.fa-star.text-warning,
.text-warning{ color:var(--rt-coral) !important; }

/* Lieferstatus */
.delivery-status .status-2,
.status-2{ color:#1f7a4d; }
.status-1{ color:var(--rt-coral-dark); }
.status-0{ color:#b03a2e; }

/* ---------- Formulare ---------- */
.form-control,
.custom-select{
  border:1px solid var(--rt-line);
  border-radius:8px;
  background-color:#fff;
  color:var(--rt-ink);
  font-family:var(--rt-font-body);
}
.form-control:focus,
.custom-select:focus{
  border-color:var(--rt-glow);
  box-shadow:0 0 0 .2rem rgba(79,180,234,.3);
}
label,.col-form-label{ font-weight:500; color:var(--rt-muted); }
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked:focus ~ .custom-control-label::before{
  background-color:var(--rt-coral);
  border-color:var(--rt-coral);
}
.custom-control-input:focus ~ .custom-control-label::before{
  box-shadow:0 0 0 .2rem rgba(79,180,234,.3);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{ border-color:var(--rt-glow); }

/* ---------- Tabs / Pagination / Listen ---------- */
.nav-tabs{ border-bottom:1px solid var(--rt-line); }
.nav-tabs .nav-link{ color:var(--rt-muted); border-radius:10px 10px 0 0; }
.nav-tabs .nav-link:hover{ color:var(--rt-coral-dark); border-color:transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
  color:var(--rt-deep);
  background-color:#fff;
  border-color:var(--rt-line) var(--rt-line) #fff;
  border-top:3px solid var(--rt-coral);
}
.page-link{ color:var(--rt-coral-dark); border-color:var(--rt-line); }
.page-link:hover{ color:var(--rt-deep); background-color:var(--rt-sand); }
.page-item.active .page-link{
  background-color:var(--rt-coral);
  border-color:var(--rt-coral);
  color:var(--rt-deep);
}
.list-group-item.active{
  background-color:var(--rt-deep-2);
  border-color:var(--rt-deep-2);
  color:var(--rt-sand);
}
.list-group-item-action:hover{ background-color:var(--rt-sand); color:var(--rt-coral-dark); }
.progress-bar{ background-color:var(--rt-coral); }
.table thead th{ border-bottom:2px solid var(--rt-coral); color:var(--rt-deep); }

/* ---------- Alerts ---------- */
.alert{ border-radius:10px; }
.alert-primary,
.alert-info{ background-color:#dff0fa; border-color:#b7dff4; color:var(--rt-deep-3); }
.alert-success{ background-color:#dcf1e6; border-color:#b6e0c8; color:#14573a; }
.alert-warning{ background-color:#fdebd9; border-color:#f6cfa5; color:#7a3d0a; }
.alert-danger{ background-color:#fbe3df; border-color:#f3beb7; color:#8a2a1e; }

/* ---------- Content-Bereiche / Boxen ---------- */
.box-normal .productlist-filter-headline,
.box .box-heading,
.sidebar-headline,
.productlist-filter-headline{
  font-family:var(--rt-font-mono);
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--rt-coral-dark);
}
.box-filter-hr,
hr{ border-color:var(--rt-line); }
.filter-item.active,
.active-filter .btn{ color:var(--rt-coral-dark); }

/* Hero / Slider-Titel, falls ueber Onpage-Composer gepflegt */
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before{ color:var(--rt-coral); }
.slick-arrow{ color:var(--rt-coral); }

/* ---------- Footer ---------- */
footer,
#footer,
footer#footer{
  background-color:var(--rt-deep);
  color:var(--rt-sand-dim);
  border-top:3px solid var(--rt-coral);
}
#footer a,
footer a{ color:var(--rt-sand-dim); }
#footer a:hover,
footer a:hover{ color:var(--rt-glow); text-decoration:none; }
#footer .productlist-filter-headline,
#footer .box-heading,
#footer .h5,
#footer h5,
#footer .footer-headline,
footer .box-normal .productlist-filter-headline{
  font-family:var(--rt-font-body);
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--rt-sand);
}
#footer .footer-additional,
#copyright,
.copyright,
#footer-bottom,
footer .footer-additional{
  background-color:#041b27;
  color:var(--rt-sand-dim);
}
#footer .btn-primary{ color:var(--rt-deep); }
#footer .form-control{
  background-color:var(--rt-sand);
  border-color:rgba(239,246,250,.25);
  border-radius:999px;
}
#footer .social-icons a,
#footer .btn-icon{ color:var(--rt-sand); }
#footer .social-icons a:hover{ color:var(--rt-coral); }

/* Zurueck-nach-oben & Cookie/Consent */
#back-to-top,
.back-to-top{
  background-color:var(--rt-coral);
  color:var(--rt-deep);
  border-radius:50%;
}
#consent-manager .btn-primary,
#consent-banner .btn-primary{ color:var(--rt-deep); }

/* ---------- Checkout ---------- */
.checkout-steps .step.active,
.checkout-steps .active .step-label{ color:var(--rt-coral-dark); }
.basket-summary .price,
.cart-summary .price.total{ color:var(--rt-deep); font-weight:700; }

/* ---------- Modals ---------- */
.modal-content{ border-radius:var(--rt-radius); border:0; }
.modal-header{ border-bottom:1px solid var(--rt-line); }
.modal-title{ font-family:var(--rt-font-display); color:var(--rt-deep); }

/* ---------- Barrierefreiheit / Motion ---------- */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

/* ---------- Korrektur: Hauptkategorien im dunklen Header besser lesbar ---------- */
header .navbar-nav > .nav-item > .nav-link,
#jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
#mainNavigation .navbar-nav > .nav-item > .nav-link,
header .nav-scrolling .nav-link{
  color:var(--rt-sand) !important;
  font-weight:500;
}
header .navbar-nav > .nav-item > .nav-link:hover,
header .navbar-nav > .nav-item > .nav-link:focus,
header .navbar-nav > .nav-item.active > .nav-link,
header .navbar-nav > .nav-item.show > .nav-link,
#mainNavigation .navbar-nav > .nav-item > .nav-link:hover,
#mainNavigation .navbar-nav > .nav-item.active > .nav-link{
  color:var(--rt-glow) !important;
  text-decoration:none;
}
/* Icons, Pfeile und Hamburger-Menue im Header */
header .navbar-toggler,
header .navbar-toggler .fas,
header .navbar-toggler-icon,
header .nav-link .fas,
header .nav-link .far,
header .dropdown-toggle::after{
  color:var(--rt-sand) !important;
}
/* Weisse Dropdowns und Megamenue behalten dunkle Schrift */
header .dropdown-menu .nav-link,
header .dropdown-menu .dropdown-item,
header .megamenu .nav-link,
header .dropdown-menu a{
  color:var(--rt-ink) !important;
}
header .dropdown-menu .nav-link:hover,
header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu a:hover{
  color:var(--rt-coral-dark) !important;
}

/* ---------- Korrektur: Produktbilder nicht uebergross ---------- */
.productbox-image,
.productbox .productbox-image,
.slick-slider .productbox-image{
  max-width:100%;
  overflow:hidden;
}
.productbox-image img,
.productbox .image-wrapper img,
.productbox .square-image img,
.slick-slide .productbox img{
  max-width:100%;
  max-height:240px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin-left:auto;
  margin-right:auto;
}
/* Quadratischer Bildrahmen, falls NOVA ihn nutzt */
.productbox .square.square-image{ max-height:260px; }
@media (min-width:768px){
  .productbox-image img,
  .productbox .square-image img{ max-height:220px; }
}

/* ---------- Korrektur: graue Texte auf dunklem Hintergrund aufhellen ---------- */
header,
header p,
header li,
header span,
header small,
header .text-muted,
#header-top-bar,
#header-top-bar *,
.header-top-bar,
.header-top-bar *,
footer,
footer p,
footer li,
footer span,
footer small,
footer address,
footer label,
footer .text-muted,
#footer,
#footer p,
#footer li,
#footer span,
#footer small,
#footer address,
#footer label,
#footer .text-muted,
#footer .small,
#footer .box-normal,
#footer .box-normal li,
#footer .footer-additional,
#footer .footer-additional *,
#copyright,
#copyright *,
.copyright,
.copyright *{
  color:#C6DAE6 !important;
}
header a:not(.btn):not(.nav-link):not(.dropdown-item),
#header-top-bar a,
.header-top-bar a,
footer a:not(.btn),
#footer a:not(.btn){
  color:#DCEAF2 !important;
}
header a:not(.btn):not(.nav-link):not(.dropdown-item):hover,
#header-top-bar a:hover,
.header-top-bar a:hover,
footer a:not(.btn):hover,
#footer a:not(.btn):hover{
  color:var(--rt-glow) !important;
}
/* Ueberschriften im Footer bleiben hell */
#footer .h5,
#footer h5,
#footer .footer-headline,
#footer .productlist-filter-headline,
#footer .box-heading,
footer .productlist-filter-headline{
  color:var(--rt-sand) !important;
}
/* Buttons im Footer/Header behalten ihre eigene Schriftfarbe */
header .btn-primary,
footer .btn-primary,
#footer .btn-primary{ color:var(--rt-deep) !important; }
/* Weisse Dropdowns im Header: wieder dunkle Schrift */
header .dropdown-menu,
header .dropdown-menu *{ color:var(--rt-ink) !important; }
header .dropdown-menu a:hover,
header .dropdown-menu .nav-link:hover{ color:var(--rt-coral-dark) !important; }

/* ==========================================================================
   PROPORTIONEN (Orientierung: Layout-Verhaeltnisse von reefking.at, eigene Farben)
   Ersetzt die frueheren Notloesungen fuer die Produktbildgroesse.
   ========================================================================== */
:root{
  --rt-content: 1320px;
  --rt-card-radius: 12px;
  --rt-control-radius: 8px;
}

/* ---------- Seitenbreite & Abstaende ---------- */
.container-fluid-xl,
#content-wrapper > .container-fluid,
#header-top-bar .container-fluid,
footer .container-fluid{
  max-width:var(--rt-content);
  margin-left:auto;
  margin-right:auto;
}
#content-wrapper{
  padding-top:clamp(1.25rem, 2.3vw, 2.25rem);
  padding-bottom:clamp(3rem, 6vw, 5.5rem);
}
#main-wrapper{ min-height:55vh; }

/* ---------- Header-Hoehen ---------- */
#header-top-bar,
.topbar-wrapper{ min-height:36px; font-size:.8125rem; }
#jtl-nav-wrapper .hide-navbar{ padding:.5rem clamp(1rem, 2.4vw, 2.25rem); }
#jtl-nav-wrapper .hide-navbar > .navbar,
header .navbar-expand-lg > .navbar,
header > .navbar{ min-height:66px; }
header .navbar-brand{ min-width:128px; }
header .navbar-brand img{ max-width:190px; max-height:none; object-fit:contain; }

/* Kategorie-Leiste */
#mainNavigation .navbar-nav > .nav-item > .nav-link,
#mainNavigation .nav-scrollbar-item > .nav-link{
  font-size:.875rem;
  font-weight:600;
}
.menu-center-center > .navbar,
#mainNavigation{ min-height:48px; }

/* Suche */
#search .input-group,
header .search-form .input-group{ min-height:48px; }
#search .form-control,
header .search-form .form-control{ min-height:44px; }
#search .btn,
header .search-form .btn{ width:54px; min-height:48px; }

/* ---------- Schrift-Proportionen ---------- */
body{ font-size:1rem; line-height:1.55; }
h1,.h1{ font-size:clamp(1.75rem, 3vw, 2.25rem); }
h2,.h2{ font-size:clamp(1.5rem, 2.3vw, 1.875rem); }
h3,.h3{ font-size:1.25rem; }
.btn{ font-size:.9375rem; min-height:44px; }
.form-control{ min-height:44px; border-radius:var(--rt-control-radius); }

/* ---------- Produktkacheln ---------- */
.productbox,
.productbox-inner,
.card{ border-radius:var(--rt-card-radius); }
.productbox .productbox-inner{ padding:.75rem .75rem 1rem; }

.productbox .productbox-image,
.productbox .productbox-images,
.productbox .square-image,
.product-list.layout-gallery .productbox .productbox-image{
  aspect-ratio:1 / 1;
  max-height:none !important;
  overflow:hidden;
  border-radius:calc(var(--rt-card-radius) - 3px);
}
.productbox-image img,
.productbox .image-wrapper img,
.productbox .square-image img,
.slick-slide .productbox img,
.productbox .productbox-image img{
  width:100% !important;
  height:100% !important;
  max-width:100%;
  max-height:none !important;
  object-fit:contain;
  margin:0;
}
.productbox .productbox-title,
.productbox .productbox-title a{
  font-size:.9375rem;
  line-height:1.42;
}
.productbox .productbox-title{ min-height:3.15rem; }
.productbox .price{ font-size:1.125rem; font-weight:700; }
.product-list.layout-gallery .productbox.productbox-column{ min-height:390px; }

/* Produkt-Slider (Startseite: Angebote, Neu, Bestseller) */
.product-slider-wrapper{
  max-width:var(--rt-content);
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(1rem, 2.4vw, 2rem);
  padding-right:clamp(1rem, 2.4vw, 2rem);
}
.product-slider-wrapper .slick-slide{ padding:.35rem; }
.product-slider-wrapper .product-wrapper-product{ min-height:324px; padding:.75rem .75rem 1rem; }
.slick-type-product{ --display-count-xl: 6; }

/* ---------- Artikeldetailseite ---------- */
#gallery .square-image{ height:clamp(300px, 40vw, 540px); }
#gallery_preview .square-image{ height:76px; }
.product-info-inner{ padding:clamp(1.1rem, 2vw, 1.5rem); border-radius:10px; }
.product-info-inner .price{ font-size:clamp(1.75rem, 3vw, 2.25rem); }
#quantity-grp{ height:52px; }