body { background: #fdfcfb; color: #0d0d0d; font-family: 'Inter', sans-serif; }
.produktdetail { padding-top: var(--kian-nav-hoehe, 88px); }
.produktdetail-shell { width: min(100% - 80px, 1440px); margin-inline: auto; }
.produktdetail-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 30px; font: 12px/1.5 'Inter', sans-serif; color: #53594c; }
.produktdetail-breadcrumb a { color: #3a4730; text-decoration: underline; text-underline-offset: 3px; }
.produktdetail-kopf { display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: clamp(32px,5vw,88px); padding-bottom: 64px; }
.produktdetail-foto { margin: 0; min-width: 0; }
.produktdetail-ohne-foto .produktdetail-kopf { grid-template-columns: 1fr; max-width: 1100px; align-items: start; }
.produktdetail-infos { display: grid; grid-template-columns: .85fr 1.5fr; gap: 36px 72px; padding-bottom: 64px; align-items: start; }
.produktdetail-infos h2 { margin-top: 0; }
.produktdetail-fakt { font: 14px/1.65 'Inter', sans-serif; color: #454840; max-width: 42ch; margin-top: 22px; }
.produktdetail-zutaten { font: 15px/1.7 'Inter', sans-serif; color: #454840; min-width: 0; }
.produktdetail-zutaten .produkt-zutaten-inhalt { padding: 24px 28px; }
.produktdetail-zutaten .produkt-zutaten-hinweis { font-size: 12px; }
.produktdetail-anfrage { display: inline-flex; margin-top: 22px; width: 100%; text-decoration: none; }
.produktdetail + .kian-kontakt #kontakt-titel { overflow-wrap: anywhere; hyphens: auto; }
.produktdetail-meta { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 18px; }
.produktdetail-meta .produktdetail-label { margin-bottom: 0; }
.produktdetail-artikelnummer { color: #53594c; font: 500 10px/1.5 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
@media(max-width:700px) { .produktdetail-infos { grid-template-columns: 1fr; gap: 24px; padding-bottom: 40px; } .produktdetail-zutaten .produkt-zutaten-inhalt { padding: 20px; } }
.produktdetail-rahmen { position: relative; aspect-ratio: 3/2; overflow: hidden; background: #f5f3ef; }
.produktdetail-bildknopf { display: block; width: 100%; padding: 0; border: 0; cursor: zoom-in; }
.produktdetail-rahmen img { display: block; position: absolute; max-width: none; width: var(--foto-breite,100%); left: var(--foto-links,0); top: var(--foto-oben,0); height: auto; filter: brightness(var(--foto-helligkeit,1)); }
.produktdetail-galerie { display: inline-flex; gap: 14px; align-items: center; min-height: 44px; padding: 10px 0; margin-top: 8px; background: transparent; border: 0; cursor: pointer; color: #3a4730; font: 500 12px/1.5 'Inter', sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.produktdetail-galerie svg { width: 17px; height: 17px; }
.produktdetail-label { display: block; color: #3a4730; font: 500 10px/1.5 'Inter', sans-serif; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 18px; }
.produktdetail h1 { margin: 0; font: italic 400 clamp(44px,5vw,76px)/1.04 'Newsreader', serif; letter-spacing: -.025em; overflow-wrap: break-word; hyphens: auto; }
.produktdetail-lead { font: 16px/1.65 'Inter', sans-serif; color: #454840; margin-top: 24px; max-width: 48ch; }
.produktdetail-eigenschaften { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 22px 0 0; padding: 0; list-style: none; color: #3a4730; font: 500 11px/1.5 'Inter', sans-serif; }
.produktdetail-aktionen { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; margin-top: 30px; }
.produktdetail-primaer { display: inline-flex; gap: 20px; align-items: center; min-height: 48px; background: #0d0d0d; color: #fdfcfb; padding: 14px 20px; font: 500 11px/1.5 'Inter', sans-serif; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; }
.produktdetail-link { color: #3a4730; font: 500 12px/1.6 'Inter', sans-serif; min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
.produktdetail-zurueck { color: #3a4730; font: 500 12px/1.6 'Inter', sans-serif; min-height: 44px; display: inline-flex; align-items: center; gap: 9px; text-decoration: none; padding: 8px 0; }
.produktdetail-zurueck svg { width: 16px; height: 16px; flex-shrink: 0; }
.produktdetail-zurueck:hover span { text-decoration: underline; text-underline-offset: 4px; }
.produktdetail-primaer svg { width: 17px; height: 17px; }
.produktdetail-bezug { padding: 36px 0; background: #efeee8; }
.produktdetail-bezug .produktdetail-shell { display: grid; grid-template-columns: 1.15fr 1fr; gap: 32px 64px; align-items: center; }
.produktdetail-bezug p { max-width: 60ch; font: 14px/1.65 'Inter', sans-serif; color: #454840; }
.produktdetail-bezug nav { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.produktdetail-inhalt { padding: 64px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px 88px; }
.produktdetail h2 { margin: 0 0 20px; font: italic 400 clamp(32px,3vw,44px)/1.08 'Newsreader', serif; letter-spacing: -.02em; }
.produktdetail-inhalt p { font: 15px/1.7 'Inter', sans-serif; color: #454840; max-width: 58ch; }
.produktdetail-hinweis { font-size: 12px!important; margin-top: 22px; }
.produktdetail-weitere { padding: 0 0 56px; }
.produktdetail-weitere nav { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.produktdetail :is(a,button):focus-visible { outline: 2px solid #a08a56; outline-offset: 4px; }
@media(min-width:1920px) { .produktdetail-kopf { padding-block: 24px 72px; } }
@media(max-width:900px) { .produktdetail-shell { width: calc(100% - 48px); } .produktdetail-kopf { gap: 28px; } .produktdetail h1 { font-size: 48px; } .produktdetail-inhalt { gap: 36px; } }
@media(max-width:700px) { .produktdetail-shell { width: calc(100% - 40px); } .produktdetail-breadcrumb { margin: 20px 0 24px; } .produktdetail-kopf { grid-template-columns: 1fr; gap: 22px; padding-bottom: 36px; } .produktdetail-foto { order: 2; } .produktdetail-text { order: 1; } .produktdetail h1 { font-size: clamp(40px,10vw,60px); } .produktdetail-label { margin-bottom: 12px; } .produktdetail-lead { font-size: 15px; margin-top: 18px; } .produktdetail-eigenschaften { margin-top: 16px; } .produktdetail-aktionen { margin-top: 22px; } .produktdetail-bezug { padding: 28px 0; } .produktdetail-bezug .produktdetail-shell, .produktdetail-inhalt { grid-template-columns: 1fr; gap: 28px; } .produktdetail-inhalt { padding-block: 40px; } }

/* Produkt-Empfehlungen: vorhandene Zuordnung und native Seitenlinks erhalten. */
.produktdetail-empfehlung-kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-top: 28px; border-top: 1px solid #ddded5; margin-bottom: 28px; }
.produktdetail-empfehlung-kopf h2 { margin: 0; }
.produktdetail-weitere nav.produktdetail-empfehlungen { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.produkt-empfehlung { display: flex; flex-direction: column; min-width: 0; color: #0d0d0d; text-decoration: none; }
.produkt-empfehlung-foto { display: block; position: relative; aspect-ratio: 3/2; overflow: hidden; background: #f5f3ef; }
.produkt-empfehlung-foto img { display: block; position: absolute; max-width: none; width: var(--foto-breite,100%); left: var(--foto-links,0); top: var(--foto-oben,0); height: auto; filter: brightness(var(--foto-helligkeit,1)); transition: transform .35s ease; }
.produkt-empfehlung-inhalt { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0 18px; border-bottom: 1px solid #ddded5; flex: 1; }
.produkt-empfehlung-text { min-width: 0; }
.produkt-empfehlung-nr { display: block; margin-bottom: 7px; color: #53594c; font: 500 10px/1.5 'Inter',sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.produkt-empfehlung h3 { margin: 0; font: 400 clamp(22px,2vw,28px)/1.2 'Newsreader',serif; overflow-wrap: break-word; hyphens: auto; }
.produkt-empfehlung-pfeil { flex-shrink: 0; width: 18px; height: 18px; color: #3a4730; transition: transform .25s ease; }
.produkt-empfehlung:hover .produkt-empfehlung-pfeil { transform: translate(2px,-2px); }
.produkt-empfehlung:hover .produkt-empfehlung-foto img { transform: scale(1.025); }
.produkt-empfehlung-ohne-foto .produkt-empfehlung-inhalt { padding: 28px; background: #f1f0e9; border-bottom: 0; min-height: 150px; align-items: end; }
@media(max-width:900px) { .produktdetail-weitere nav.produktdetail-empfehlungen { gap: 20px; } }
@media(max-width:700px) { .produktdetail-empfehlung-kopf { padding-top: 20px; margin-bottom: 22px; } .produktdetail-weitere nav.produktdetail-empfehlungen { grid-template-columns: 1fr; gap: 24px; } .produkt-empfehlung-inhalt { padding-block: 16px; } }
@media(prefers-reduced-motion:reduce) { .produkt-empfehlung-foto img, .produkt-empfehlung-pfeil { transition: none; } .produkt-empfehlung:hover .produkt-empfehlung-foto img, .produkt-empfehlung:hover .produkt-empfehlung-pfeil { transform: none; } }
html[data-bewegung=aus] .produkt-empfehlung-foto img, html[data-bewegung=aus] .produkt-empfehlung-pfeil { transition: none; }

html[data-bewegung=aus] .produkt-empfehlung:hover .produkt-empfehlung-foto img, html[data-bewegung=aus] .produkt-empfehlung:hover .produkt-empfehlung-pfeil { transform: none; }