/* Taschen-Entdecker · Detailseiten v1.4.1 · Typografie freigegeben · responsive Stabilisierung · konsolidierte Styles
 * Nur auf Staging nach manuellem Opt-in: body.te-db-detail-preview.
 * Die Product Engine bleibt Urheber aller Informationen, Händlerangebote,
 * Bilder, Varianten, Empfehlungen sowie der Merken-/Vergleichen-Aktionen.
 * Die freigegebene Startseite und Suche werden NICHT adressiert.
 */
body.te-db-detail-preview {
  --te-detail-ink:var(--te-design-color-ink);
  --te-detail-burgundy:var(--te-design-color-burgundy);
  --te-detail-burgundy-dark:var(--te-design-color-burgundy-dark);
  --te-detail-muted:var(--te-design-color-muted);
  --te-detail-line:var(--te-design-color-stroke);
  --te-detail-sand:var(--te-design-color-sand);
  --te-detail-paper:var(--te-design-color-paper);
  --te-detail-image:var(--te-design-color-product-bg);
  --te-detail-copy:var(--te-design-font-sans);
  --te-detail-serif:var(--te-design-font-serif);
  background:var(--te-detail-paper);
  color:var(--te-detail-ink);
  overflow-x:clip;
}
/* Freigegebene Header-/Footer-Komponente aus v1.0: Position/Layout bewahren */
body.te-db-detail-preview #header:not(.site-header),
body.te-db-detail-preview footer.ct-footer,
body.te-db-detail-preview .ct-footer,
body.te-db-detail-preview .ct-back-to-top {display:none!important}
body.te-db-detail-preview .te-db-detail-chrome {width:100%;box-sizing:border-box;position:relative;z-index:15;background:var(--te-detail-paper)}
body.te-db-detail-preview .te-db-detail-chrome.te-db-detail-bottom {z-index:2;background:#492936}
body.te-db-detail-preview .te-db-detail-chrome .site-header {position:relative}
body.te-db-detail-preview .te-db-detail-chrome .header-content {min-height:86px}
body.te-db-detail-preview #main-container {background:var(--te-detail-paper)}
body.te-db-detail-preview .site-main {min-width:0;padding-block:clamp(28px,3.4vw,52px) clamp(62px,6vw,92px)}
body.te-db-detail-preview :is(.site-main,.entry-content) {min-width:0;box-sizing:border-box}
/* Titel steht in Blocksy außerhalb des Engine-Produkts */
body.te-db-detail-preview :is(.hero-section,.entry-header) {width:100%;max-width:var(--te-design-width-magazine);margin-inline:auto}
body.te-db-detail-preview :is(.hero-section h1,.entry-header h1,h1.page-title) {
  font-family:var(--te-detail-serif)!important;
  color:#383130!important;
  font-size:clamp(32px,3.4vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.028em;
  font-weight:700;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
/* Inhaltsachse wie Goldstandard: 1180 Struktur / 1040 Copy */
body.te-db-detail-preview .te-pe-product {
  width:100%;max-width:var(--te-design-width-magazine);min-width:0;
  margin:0 auto;
  box-sizing:border-box;
  color:var(--te-detail-ink);
  font-family:var(--te-detail-copy);
  font-size:15px;
  line-height:1.72;
}
body.te-db-detail-preview .te-pe-product * {box-sizing:border-box;min-width:0}
/* Durchgängige Lato-Typografie: Engine-Styles auf Einzelelementen dürfen
 * die Website-Schrift NICHT zurücksetzen. Produktempfehlungskarten sind
 * absichtlich ausgenommen und behalten die freigegebene Segoe-UI-Gestaltung. */
body.te-db-detail-preview .te-pe-product :is(
  .te-pe-category,.te-pe-short-description,.te-pe-product-action,
  .te-pe-price-line,.te-pe-price,.te-pe-old-price,.te-pe-stock,
  .te-pe-delivery,.te-pe-shipping,.te-pe-merchant,.te-pe-freshness,
  .te-pe-affiliate-note,.te-pe-buy-button,
  .te-pe-glance__kicker,.te-pe-glance__copy,
  .te-pe-fit-content__kicker,
  .te-pe-detail-list,.te-pe-detail-row,.te-pe-detail-row dt,.te-pe-detail-row dd,
  .te-pe-family-variant,.te-pe-family-variant strong,.te-pe-family-variant small,
  .te-pe-secondary-offer,.te-pe-secondary-offer__price-line
) {font-family:var(--te-design-font-sans)!important}
body.te-db-detail-preview .te-pe-product :is(
 .te-pe-editorial-content,.te-pe-structured-content,.te-pe-fit-content,
 .te-pe-product-details,.te-pe-glance
) :is(p,li,dt,dd,strong,em,small,a,button,label,span) {
  font-family:var(--te-design-font-sans)!important;
}
body.te-db-detail-preview .te-pe-product :is(
 .te-pe-family,.te-pe-family-variants,.te-pe-variants,.te-pe-variant-section,
 .te-pe-product-family,.te-pe-product-variants
) :is(p,span,small,strong,a,button,label) {
  font-family:var(--te-design-font-sans)!important;
}
/* Kein universeller Font-Override: SVGs, Symbolfonts und die nativen
 * Favoriten-/Vergleichen-Schaltflächen der Empfehlungskarten bleiben intakt. */

body.te-db-detail-preview .te-pe-product-main {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:start;
  gap:clamp(32px,4.8vw,66px);
  margin:clamp(24px,3.5vw,46px) 0 clamp(42px,5vw,65px);
}
/* GALERIE: unverändertes natives Markup und Thumbnail-Events */
body.te-db-detail-preview :is(.te-pe-product-media,.te-pe-product-gallery,.te-pe-product-summary) {max-width:100%;width:100%}
body.te-db-detail-preview .te-pe-product-image {
  overflow:hidden;border-radius:5px;
  background:var(--te-detail-image);border:1px solid #f0edeb;
}
body.te-db-detail-preview .te-pe-product-image img {
  display:block;width:100%;height:auto;max-width:100%;object-fit:contain;
}
body.te-db-detail-preview .te-pe-product-thumbnails {gap:10px;margin-top:12px}
body.te-db-detail-preview .te-pe-product-thumbnail {
  border:1px solid transparent;border-radius:4px;
  overflow:hidden;background:var(--te-detail-image);
  transition:border-color .18s,box-shadow .18s;
}
body.te-db-detail-preview .te-pe-product-thumbnail img {display:block;width:100%;height:auto;object-fit:contain}
body.te-db-detail-preview .te-pe-product-thumbnail:is(.is-active,[aria-current="true"]) {
  border-color:var(--te-detail-burgundy);
  box-shadow:0 0 0 1px rgba(133,60,82,.12);
}
body.te-db-detail-preview .te-pe-product-thumbnail:hover {border-color:#c8aab5}
/* RECHTE PRODUKTSPALTE */
body.te-db-detail-preview .te-pe-category {
  font:700 11px/1.5 var(--te-detail-copy);
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--te-detail-burgundy);margin:0 0 15px;
}
body.te-db-detail-preview .te-pe-short-description {
  font:400 15.5px/1.77 var(--te-detail-copy);
  color:#625a57;margin:0 0 22px;
}
body.te-db-detail-preview .te-pe-product-actions {display:flex;flex-wrap:wrap;gap:11px;margin:18px 0 23px}
body.te-db-detail-preview .te-pe-product-action {
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--te-detail-line);border-radius:4px;
  background:#fff;color:var(--te-detail-burgundy);
  font:700 12.5px/1.35 var(--te-detail-copy);
  padding:11px 15px;min-height:42px;
  transition:background-color .18s,border-color .18s;
}
body.te-db-detail-preview .te-pe-product-action:hover {background:#fcf6f7;border-color:#d9c2ca}
body.te-db-detail-preview .te-pe-product-action[aria-pressed="true"] {background:#f5eaee;border-color:var(--te-detail-burgundy)}
/* HÄNDLERANGEBOT: Preise und Händlerdaten stammen ausschließlich aus der Engine */
body.te-db-detail-preview .te-pe-offer-card {
  padding:clamp(22px,2.9vw,36px);
  border:1px solid var(--te-detail-line);border-radius:6px;
  background:#fff;
  box-shadow:0 10px 30px rgba(43,27,30,.055);
}
body.te-db-detail-preview .te-pe-price-line {display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 15px}
body.te-db-detail-preview .te-pe-price {
  font:700 clamp(27px,2.6vw,34px)/1.13 var(--te-design-font-sans);
  color:#302b2a;
}
body.te-db-detail-preview .te-pe-old-price {font:400 13px/1.5 var(--te-design-font-sans);color:#817773}
body.te-db-detail-preview :is(.te-pe-merchant,.te-pe-delivery,.te-pe-shipping,.te-pe-freshness,.te-pe-affiliate-note) {
  font:400 13px/1.6 var(--te-detail-copy);color:var(--te-detail-muted);
}
body.te-db-detail-preview .te-pe-stock {font:700 13px/1.6 var(--te-detail-copy);margin-bottom:9px}
/* ANGEBOTSBUTTONS · einzige gemeinsame Gestaltungsquelle für oberen und unteren CTA.
 * Unterschiedliche Breiten bleiben erhalten: Hauptangebot füllt die Angebotsbox,
 * sekundäres Angebot bleibt kompakt und rechts ausgerichtet. */
body.te-db-detail-preview .te-pe-product :is(
 .te-pe-offer-card .te-pe-buy-button,
 .te-pe-secondary-offer .te-pe-buy-button,
 .te-pe-secondary-offer a,
 .te-pe-secondary-offer button
) {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;margin:0;padding:12px 16px;
  border:1px solid var(--te-detail-burgundy);border-radius:4px;
  background:var(--te-detail-burgundy);color:#fff;
  font-family:var(--te-design-font-sans)!important;
  font-size:12.5px;font-weight:700;line-height:1.3;
  letter-spacing:normal;text-transform:none;
  text-align:center;text-decoration:none;
  box-shadow:none;white-space:normal;
  transition:background-color .18s,border-color .18s;
}
body.te-db-detail-preview .te-pe-product .te-pe-offer-card .te-pe-buy-button {
  width:100%;margin:16px 0 10px;
}
body.te-db-detail-preview .te-pe-product :is(
 .te-pe-offer-card .te-pe-buy-button,
 .te-pe-secondary-offer .te-pe-buy-button,
 .te-pe-secondary-offer a,
 .te-pe-secondary-offer button
):hover {
  background:var(--te-detail-burgundy-dark);
  border-color:var(--te-detail-burgundy-dark);color:#fff;
}
body.te-db-detail-preview .te-pe-affiliate-note {margin:10px 0 0;font-size:11px;color:#867e79}
/* PRODUKTÜBERBLICK · WICHTIGE MERKMALE */
body.te-db-detail-preview .te-pe-glance {
  margin:clamp(36px,5vw,66px) 0;
  padding:clamp(22px,3vw,38px);
  border:1px solid var(--te-detail-line);border-radius:6px;
  background:var(--te-detail-sand);
}
body.te-db-detail-preview .te-pe-glance__kicker,
body.te-db-detail-preview .te-pe-fit-content__kicker,
body.te-db-detail-preview .te-pe-related-carousel__kicker {
  color:var(--te-detail-burgundy);text-transform:uppercase;
  letter-spacing:.145em;font:700 10px/1.5 var(--te-detail-copy);
}
body.te-db-detail-preview .te-pe-glance__head h2 {
  margin:5px 0 22px;
  font:700 clamp(25px,2.4vw,34px)/1.16 var(--te-detail-serif);
  letter-spacing:-.02em;color:#383130;
}
body.te-db-detail-preview .te-pe-glance__grid {gap:12px;min-width:0}
body.te-db-detail-preview .te-pe-glance__item {
  border:1px solid #eee6e0;border-radius:4px;
  padding:clamp(12px,1.65vw,20px);background:#fff;
  min-width:0;
}
body.te-db-detail-preview .te-pe-glance__icon-wrap {color:var(--te-detail-burgundy);background:#fbf2f3;border-radius:50%}
body.te-db-detail-preview .te-pe-glance__copy {font-family:var(--te-detail-copy);font-size:13.5px;line-height:1.5;color:#5c5552}
/* REDAKTION & PRODUKTDETAILS · lange Texte auf 1040 px begrenzt */
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content,.te-pe-product-details) {
  max-width:var(--te-design-width-copy);margin:clamp(36px,5vw,66px) auto;
}
body.te-db-detail-preview .te-pe-editorial-content {border-top:1px solid var(--te-detail-line);padding-top:clamp(25px,3.4vw,40px)}
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content,.te-pe-product-details) h2,
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content,.te-pe-product-details) h3:not(.te-pe-product-card__title) {
  font-family:var(--te-detail-serif);font-weight:700;
  letter-spacing:-.022em;line-height:1.19;color:#383130;
}
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content,.te-pe-product-details) h2 {
  font-size:clamp(26px,2.6vw,35px);margin:0 0 18px;
}
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content) h3 {
  font-size:clamp(20px,2vw,25px);margin:30px 0 12px;
}
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content) p,
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content) li {
  font:400 15.5px/1.82 var(--te-detail-copy);color:#514b48;
}
body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content) p {margin:0 0 16px}
body.te-db-detail-preview .te-pe-product .te-pe-fit-content {
  max-width:var(--te-design-width-copy);margin:clamp(30px,4vw,48px) auto;
  padding:clamp(23px,3.3vw,38px);
  border:1px solid var(--te-detail-line);border-radius:6px;
  background:var(--te-detail-sand);
}
body.te-db-detail-preview .te-pe-fit-content h2,
body.te-db-detail-preview .te-pe-fit-content h3 {margin-top:6px!important}
body.te-db-detail-preview .te-pe-product-details {border-top:1px solid var(--te-detail-line);padding-top:clamp(24px,3vw,34px)}
body.te-db-detail-preview .te-pe-product-details .te-pe-detail-list {font-family:var(--te-detail-copy);font-size:14px;line-height:1.6}
body.te-db-detail-preview .te-pe-detail-row {border-bottom:1px solid var(--te-detail-line);padding-block:11px;gap:15px}
body.te-db-detail-preview .te-pe-detail-row dt {color:var(--te-detail-muted);font-weight:400}
body.te-db-detail-preview .te-pe-detail-row dd {color:var(--te-detail-ink);font-weight:700}
/* Editorial-Serif verbindlich für ALLE echten Produktseiten-Headlines.
 * Nur die Titel der Produktkarten sind explizit ausgenommen (Segoe UI).
 * Keine pauschalen Schriftgrößen- oder Abstandsänderungen. */
body.te-db-detail-preview .te-pe-product :is(h2,h3):not(.te-pe-product-card__title) {
  font-family:var(--te-design-font-serif)!important;
  font-weight:700;
  color:var(--te-design-color-heading);
  letter-spacing:-.022em;
}
body.te-db-detail-preview .te-pe-product :is(.te-pe-family,.te-pe-family-variants,.te-pe-variants,.te-pe-product-family) h2 {
  font-size:clamp(25px,2.4vw,34px);margin:4px 0 17px;
}
/* Einheitliche Buttons/Links auf der gesamten Produktdetailseite */
body.te-db-detail-preview .te-pe-product :is(.te-pe-product-action,.te-pe-buy-button,.te-pe-secondary-offer a,.te-pe-family-variant) {
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
body.te-db-detail-preview .te-pe-product :is(.te-pe-product-action,.te-pe-buy-button,.te-pe-secondary-offer a,.te-pe-secondary-offer button,.te-pe-family-variant):focus-visible {
  outline:2px solid var(--te-detail-burgundy);outline-offset:3px;
}
body.te-db-detail-preview .te-pe-product a:not(.te-pe-buy-button):not(.te-pe-family-variant):not(.te-pe-product-card__link):hover {
  color:var(--te-detail-burgundy-dark);
}
/* BESTES ANGEBOT (WEITER UNTEN) – bestehende Ziele und Händlerdaten erhalten */
body.te-db-detail-preview .te-pe-secondary-offer {
  background:var(--te-detail-sand);border:1px solid var(--te-detail-line);
  border-radius:5px;padding:clamp(16px,2vw,25px);
}
/* Auch die zweite Angebotszeile nutzt Lato, nicht die Katalogkarten-Schrift. */
body.te-db-detail-preview .te-pe-secondary-offer,
body.te-db-detail-preview .te-pe-secondary-offer__price-line,
body.te-db-detail-preview .te-pe-secondary-offer__copy,
body.te-db-detail-preview .te-pe-secondary-offer :is(span,strong,small,p) {
  font-family:var(--te-design-font-sans)!important;
}
body.te-db-detail-preview .te-pe-secondary-offer__price-line {font-variant-numeric:tabular-nums}
/* MODELLFAMILIEN: nur Bildgrößen, Innenraum und Selektion, keine Markup-Eingriffe */
body.te-db-detail-preview .te-pe-family-variant {
  background:#fff;border:1px solid var(--te-detail-line);
  border-radius:5px;padding:10px;
  transition:border-color .18s,box-shadow .18s,background-color .18s;
  min-width:0;
}
body.te-db-detail-preview .te-pe-family-variant:hover {border-color:#d5b7c2;background:#fdf9f9}
body.te-db-detail-preview .te-pe-family-variant:is(.is-active,.is-current,[aria-current="page"]) {
  border-color:var(--te-detail-burgundy);background:#faf4f6;
  box-shadow:0 0 0 1px rgba(133,60,82,.12);
}
body.te-db-detail-preview .te-pe-family-variant__image {background:var(--te-detail-image);border-radius:3px;overflow:hidden;flex-shrink:0}
body.te-db-detail-preview .te-pe-family-variant {font:400 13px/1.35 var(--te-detail-copy)!important;color:var(--te-detail-ink)}
body.te-db-detail-preview .te-pe-family-variant strong {font-family:var(--te-design-font-sans)!important;font-weight:700;font-size:13px;color:var(--te-detail-ink)}
body.te-db-detail-preview .te-pe-family-variant small {font-family:var(--te-design-font-sans)!important;font-size:11px;line-height:1.35;color:var(--te-detail-muted)}
body.te-db-detail-preview .te-pe-family-variant__image {width:52px;min-width:52px;height:52px}
body.te-db-detail-preview .te-pe-family-variant__image img {width:100%;height:100%;object-fit:contain}

body.te-db-detail-preview .te-pe-family-variant :is(img,span,strong,small) {max-width:100%;overflow-wrap:anywhere}
/* EMPFEHLUNGEN: ORIGINAL Engine-Carousel, kein Nachbau. Schrift/Details
 * deckungsgleich mit dem v0.6.0-Goldstandard der Startseiten-Karten. */
body.te-db-detail-preview .te-pe-related-carousel {
  margin:clamp(42px,6vw,76px) 0;max-width:100%;min-width:0;
  border:0;background:transparent;
}
body.te-db-detail-preview .te-pe-related-carousel__top {
  margin-bottom:20px;align-items:end;
}
body.te-db-detail-preview .te-pe-related-carousel__heading {
  font:700 clamp(28px,2.7vw,36px)/1.16 var(--te-detail-serif);
  letter-spacing:-.025em;color:#383130;
}
body.te-db-detail-preview .te-pe-related-carousel__viewport {min-width:0;max-width:100%;overflow:hidden}
body.te-db-detail-preview .te-pe-related-carousel__track {min-width:0}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card {font-family:var(--te-design-font-catalog)!important}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card__image {
  border-radius:4px;background:var(--te-detail-image);overflow:hidden;
}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card__image img {max-width:100%;object-fit:contain}
body.te-db-detail-preview .te-pe-related-carousel :is(
 .te-pe-product-card__brand,.te-pe-product-card__title,.te-pe-product-card__price,
 .te-pe-product-card__old-price,.te-pe-product-card__availability,
 .te-pe-product-card__link,.te-pe-product-card__compare,
 .te-pe-product-card__availability) {
  font-family:var(--te-design-font-catalog)!important;
}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card__price {font-size:var(--te-design-catalog-price)!important;font-weight:700!important}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card__sale {
  background:var(--te-detail-burgundy);color:#fff;
}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card__link {color:var(--te-detail-burgundy)}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card__compare {color:var(--te-detail-muted)}
body.te-db-detail-preview .te-pe-related-carousel__arrow {
  color:var(--te-detail-burgundy);border-color:var(--te-detail-line);
  background:#fff;transition:border-color .18s,background-color .18s,color .18s;
}
body.te-db-detail-preview .te-pe-related-carousel__arrow:not(:disabled):hover {
  color:var(--te-detail-burgundy-dark);border-color:#c7a9b4;background:#fcf6f7;
}
body.te-db-detail-preview .te-pe-related-carousel__arrow:disabled {opacity:.38;cursor:default;}
/* ZUSTAND & RESPONSIVE · v1.4.1
 * Desktop bleibt 1:1 auf dem freigegebenen v1.4.0-Stand.
 * Ab schmalen Desktopfenstern: robuste Seitenränder und echte Containerumbrüche.
 * Keine Manipulation von Galerie-/Karussell-Events oder Original-Produktdaten.
 */
body.te-db-detail-preview .te-pe-product :is(button,a,input,select):focus-visible {
  outline:2px solid var(--te-detail-burgundy);outline-offset:3px;
}
@media (max-width:1280px) {
/* Alle direkt im Produktbereich gerenderten Sektionen dürfen schmaler werden.
 * Größere intrinsische Breiten der Engine dürfen die Inhaltsachse nicht aufweiten. */
body.te-db-detail-preview .te-pe-product :is(
 .te-pe-product-main,.te-pe-product-media,.te-pe-product-gallery,
 .te-pe-product-summary,.te-pe-glance,.te-pe-glance__grid,
 .te-pe-editorial-content,.te-pe-structured-content,.te-pe-product-details,
 .te-pe-fit-content,.te-pe-secondary-offer,.te-pe-related-carousel,
 .te-pe-related-carousel__viewport,.te-pe-related-carousel__track
) {max-width:100%;min-width:0;box-sizing:border-box}
body.te-db-detail-preview .te-pe-product :is(img,video,svg) {max-width:100%}
/* Karussellbreiten werden relativ zu ihrem EIGENEN Container ermittelt.
 * Die native Engine steuert weiterhin Bilder, Favoriten, Compare, Links und Pfeile.
 * Ein Slide muss vollständig innerhalb des Viewports Platz finden. */
body.te-db-detail-preview .te-pe-related-carousel {
  container-name:te-detail-recs;
  container-type:inline-size;
}
body.te-db-detail-preview .te-pe-related-carousel__viewport {
  width:100%;min-width:0;max-width:100%;overflow:hidden;
}
body.te-db-detail-preview .te-pe-related-carousel__slide,
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card {min-width:0;box-sizing:border-box}
body.te-db-detail-preview .te-pe-related-carousel .te-pe-product-card :is(
 .te-pe-product-card__body,.te-pe-product-card__title,.te-pe-product-card__brand,
 .te-pe-product-card__price-line,.te-pe-product-card__actions
) {min-width:0;max-width:100%;overflow-wrap:anywhere}
/* Die Layoutänderung beginnt erst dort, wo die 1.180-px-Desktopdarstellung
 * tatsächlich weniger Platz erhält. Auf großen Screens bleibt v1.4.0 unberührt. */

  body.te-db-detail-preview {
    --te-detail-side-gutter:clamp(24px,3.2vw,34px);
  }
  body.te-db-detail-preview :is(.hero-section,.entry-header) {
    width:calc(100% - 2 * var(--te-detail-side-gutter));
    max-width:var(--te-design-width-magazine);
    margin-inline:auto;
    box-sizing:border-box;
  }
  body.te-db-detail-preview .te-pe-product {
    width:calc(100% - 2 * var(--te-detail-side-gutter));
    max-width:var(--te-design-width-magazine);
    margin-inline:auto;
  }
  /* Ein wahrhaft flexibles Tracklayout, ohne die native Pfeilsteuerung zu ersetzen.
   * Native Transforms/Scrollpositionen und einzelne Folien bleiben bestehen. */
  body.te-db-detail-preview .te-pe-related-carousel__track {
    --te-detail-carousel-gap:clamp(10px,1.4vw,16px);
    --te-detail-visible-cards:4;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:var(--te-detail-carousel-gap)!important;
    width:100%!important;max-width:100%;min-width:0;
  }
  body.te-db-detail-preview .te-pe-related-carousel__track > .te-pe-related-carousel__slide {
    flex:0 0 calc((100% - (var(--te-detail-visible-cards) - 1) * var(--te-detail-carousel-gap)) / var(--te-detail-visible-cards))!important;
    width:auto!important;
    max-width:100%;min-width:0;
  }
  body.te-db-detail-preview .te-pe-glance__grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  body.te-db-detail-preview .te-pe-glance__item {min-width:0;overflow-wrap:anywhere}
  /* Variations-Markup kann abhängig vom Engine-Datensatz anders heißen.
   * Ziel ist nur der unmittelbare Grid-Elterncontainer – keine Elternsektion. */
  body.te-db-detail-preview .te-pe-product :is(
    .te-pe-family-variants__grid,.te-pe-family__grid,
    .te-pe-variants__grid,.te-pe-family-variant-grid,
    .te-pe-family-variants-grid,.te-pe-variants-grid,.te-pe-family-grid,
    .te-pe-family-variants-list,.te-pe-variant-grid
  ),
  body.te-db-detail-preview .te-pe-product :has(> .te-pe-family-variant) {
    max-width:100%;min-width:0;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
/* Die Zahl sichtbarer Karussellkarten richtet sich nach der *realen* Breite
 * der Empfehlungssektion, nicht ausschließlich nach dem Browserfenster. */
@container te-detail-recs (max-width:960px) {
  .te-pe-related-carousel__track {--te-detail-visible-cards:3!important}
}
@container te-detail-recs (max-width:650px) {
  .te-pe-related-carousel__track {--te-detail-visible-cards:2!important}
}
@container te-detail-recs (max-width:340px) {
  .te-pe-related-carousel__track {--te-detail-visible-cards:1!important}
}
@media (max-width:1080px) {
  body.te-db-detail-preview .te-pe-product-main {
    grid-template-columns:minmax(0,1fr);
    max-width:760px;
    gap:28px;
    margin-inline:auto;
  }
  body.te-db-detail-preview .te-pe-product :is(
    .te-pe-family-variants__grid,.te-pe-family__grid,
    .te-pe-variants__grid,.te-pe-family-variant-grid,
    .te-pe-family-variants-grid,.te-pe-variants-grid,.te-pe-family-grid,
    .te-pe-family-variants-list,.te-pe-variant-grid
  ),
  body.te-db-detail-preview .te-pe-product :has(> .te-pe-family-variant) {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body.te-db-detail-preview .te-pe-product-thumbnails {
    max-width:100%;min-width:0;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  body.te-db-detail-preview .te-pe-product-thumbnail {min-width:0;max-width:100%}
}
@media (max-width:820px) {
  body.te-db-detail-preview .te-pe-glance__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.te-db-detail-preview .te-pe-product :is(
    .te-pe-family-variants__grid,.te-pe-family__grid,
    .te-pe-variants__grid,.te-pe-family-variant-grid,
    .te-pe-family-variants-grid,.te-pe-variants-grid,.te-pe-family-grid,
    .te-pe-family-variants-list,.te-pe-variant-grid
  ),
  body.te-db-detail-preview .te-pe-product :has(> .te-pe-family-variant) {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.te-db-detail-preview .te-pe-detail-list {min-width:0;max-width:100%}
  body.te-db-detail-preview .te-pe-detail-row {min-width:0;overflow-wrap:anywhere}
  body.te-db-detail-preview .te-pe-secondary-offer {
    display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  }
}
@media (max-width:640px) {
  body.te-db-detail-preview {--te-detail-side-gutter:20px}
  body.te-db-detail-preview .site-main {padding-block:22px 56px}
  body.te-db-detail-preview .te-pe-product-main {margin-block:18px 34px;gap:23px}
  body.te-db-detail-preview .te-pe-glance {padding:18px}
  body.te-db-detail-preview .te-pe-glance__grid {grid-template-columns:minmax(0,1fr)}
  body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content,.te-pe-product-details) {margin:32px auto}
  body.te-db-detail-preview .te-pe-product .te-pe-fit-content {padding:19px;margin:30px auto}
  body.te-db-detail-preview .te-pe-offer-card {padding:20px}
  body.te-db-detail-preview .te-pe-product-actions {gap:8px}
  body.te-db-detail-preview .te-pe-product-action {min-height:42px;padding-inline:12px}
  body.te-db-detail-preview .te-pe-product :is(.te-pe-editorial-content,.te-pe-structured-content) p {font-size:15px;line-height:1.72}
  body.te-db-detail-preview :is(.hero-section h1,.entry-header h1,h1.page-title) {font-size:clamp(29px,8.5vw,37px)!important}
  body.te-db-detail-preview .te-pe-secondary-offer :is(a,button) {max-width:100%}
  body.te-db-detail-preview .te-pe-related-carousel__top {gap:12px;flex-wrap:wrap}
}
@media (max-width:380px) {
  body.te-db-detail-preview {--te-detail-side-gutter:16px}
  body.te-db-detail-preview .te-pe-product :is(
    .te-pe-family-variants__grid,.te-pe-family__grid,
    .te-pe-variants__grid,.te-pe-family-variant-grid,
    .te-pe-family-variants-grid,.te-pe-variants-grid,.te-pe-family-grid,
    .te-pe-family-variants-list,.te-pe-variant-grid
  ),
  body.te-db-detail-preview .te-pe-product :has(> .te-pe-family-variant) {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.te-db-detail-preview :is(.te-pe-product-thumbnail,.te-pe-family-variant,.te-pe-product-action,.te-pe-buy-button) {transition:none}
}