/* LWN Produktseite „Galerie“ — portiert aus shop-design/produktseite/varianten-2026-10-23/C3 (23.10.2026).
   Gilt nur mit body.lwn-pdp. Kopf, Menü und Fuß bleiben Neve. Nur Hellmodus. */

/* Schriften, selbst gehostet (OFL) */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/PlayfairDisplay-normal-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/PlayfairDisplay-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/PlayfairDisplay-italic-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/PlayfairDisplay-italic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/SourceSerif4-normal-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/SourceSerif4-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/SourceSerif4-italic-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/SourceSerif4-italic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.lwn-pdp{
  --lwn-bg:#ffffff;--lwn-band:#f6f1e7;--lwn-ink:#1f1a17;--lwn-ink-2:#3a322d;--lwn-muted:#6b5e53;--lwn-hair:#dcd5cb;--lwn-ctrl:#8c8073;--lwn-paper:#f7f4ef;--lwn-ok:#3f7d4e;
  --lwn-btn-bg:#1f1a17;--lwn-btn-ink:#ffffff;--lwn-btn-hover:#3a2f29;
  --lwn-display:Didot,"Bodoni 72","Bodoni MT","Playfair Display",Georgia,serif;--lwn-text:"Helvetica Neue",Helvetica,Arial,sans-serif;--lwn-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --lwn-sticky-top:0px;
}
/* Vergleich (Vorschau): ?lwn_schrift=galerie zeigt die Galerie-Schriften Playfair Display + Source Serif 4 */
body.lwn-pdp.lwn-schrift-galerie{--lwn-display:"Playfair Display",Georgia,"Times New Roman",serif;--lwn-text:"Source Serif 4",Georgia,serif;--lwn-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif}
/* Neves Brotkrumen-Wrapper weg, die Seite rendert eigene Krumen */
body.lwn-pdp .nv-bc-count-wrap{display:none}
/* Fremdregeln auf dem Wrapper (Snippet 60 .single-product .product, Customizer div.product) */
body.lwn-pdp .lwn-pdp-wrap.product{display:block;margin:0}
/* Neves .wrapper hat overflow:hidden, das hebt position:sticky auf; clip erzeugt keinen Scroll-Container */
body.lwn-pdp .wrapper{overflow:clip}
/* Customizer setzt h1–h5 mit !important auf Helvetica; die Galerie-Überschriften bleiben Playfair */
body.lwn-pdp .lwn-pdp-wrap h1.lwn-h1,body.lwn-pdp .lwn-pdp-wrap h2.lwn-h2,body.lwn-pdp .lwn-pdp-wrap h3.lwn-gut-h,body.lwn-pdp .lwn-notiz h2:not(.lwn-h2){font-family:var(--lwn-display) !important}

.lwn-pdp-wrap,.lwn-leiste{font-family:var(--lwn-sans);color:var(--lwn-ink);font-size:16px;line-height:1.5;font-variant-numeric:lining-nums}
.lwn-pdp-wrap *,.lwn-pdp-wrap *::before,.lwn-pdp-wrap *::after,.lwn-leiste *{box-sizing:border-box}
.lwn-pdp-wrap a{color:inherit}
.lwn-pdp-wrap button{font:inherit;color:inherit}
.lwn-pdp-wrap :focus-visible,.lwn-leiste :focus-visible{outline:2px solid var(--lwn-ink);outline-offset:3px}
.lwn-pdp-wrap .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);margin:-1px;padding:0;border:0;white-space:nowrap}
.lwn-pdp-wrap .lwn-h1,.lwn-pdp-wrap .lwn-h2,.lwn-pdp-wrap .lwn-karte,.lwn-pdp-wrap .lwn-betrag,.lwn-leiste b{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
/* Preis-Markup von WooCommerce/German Market neutral */
.lwn-pdp-wrap .price,.lwn-pdp-wrap p.price,.lwn-pdp-wrap .woocommerce-Price-amount,.lwn-pdp-wrap .amount{color:inherit;font-size:inherit;font-weight:inherit;margin:0;display:inline}
.lwn-pdp-wrap .lwn-betrag del{color:var(--lwn-muted);font-size:.6em;margin-right:.4rem}
.lwn-pdp-wrap .lwn-betrag ins{text-decoration:none;background:none}

.lwn-crumbs{font-size:.8rem;color:var(--lwn-muted);padding:1.1rem 0 0;letter-spacing:.02em;margin:0}
.lwn-crumbs a{color:var(--lwn-muted);text-decoration:none}
.lwn-crumbs a:hover{color:var(--lwn-ink);text-decoration:underline}
.lwn-crumbs .lwn-sep{margin:0 .4rem}

/* Kopfbereich: Objekt links, Schild und Kauf rechts */
.lwn-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,6rem);align-items:start;padding:1.5rem 0 6rem}
.lwn-media{position:sticky;top:calc(var(--lwn-sticky-top) + 1.5rem);min-width:0}
.lwn-objekt{position:relative;height:clamp(30rem,calc(100vh - 8.5rem),48rem);height:clamp(30rem,calc(100svh - 8.5rem),48rem)}
.lwn-objekt > img.lwn-hero{position:absolute;left:0;right:0;top:0;bottom:1.4rem;width:100%;height:calc(100% - 1.4rem);max-width:none;object-fit:cover;object-position:center;z-index:1;margin:0}
.lwn-objekt::after{content:"";position:absolute;left:50%;bottom:.9rem;width:min(30%,12rem);height:1.1rem;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(31,26,23,.16),rgba(31,26,23,0));z-index:0}
/* Ohne Foto kommt die Platzhalter-Flasche des Shops (PHP); lwn-leer nur, wenn auch die fehlt: kurze Bühne ohne Schatten */
.lwn-objekt.lwn-leer{height:6rem}
.lwn-objekt.lwn-leer::after{content:none}
.lwn-thumbs{position:absolute;left:0;bottom:1.4rem;display:flex;flex-direction:column;gap:.6rem;z-index:2}
.lwn-thumbs button{width:58px;height:58px;border:1px solid var(--lwn-hair);border-radius:0;background:var(--lwn-bg);padding:.3rem;cursor:pointer;line-height:0}
.lwn-thumbs button[aria-pressed="true"]{border-color:var(--lwn-ink)}
.lwn-thumbs img{width:100%;height:100%;object-fit:contain;display:block}

.lwn-kauf{min-width:0;display:flex;flex-direction:column;padding-top:clamp(0rem,4vh,3rem);padding-top:clamp(0rem,4svh,3rem)}
.lwn-kicker{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lwn-muted)}
.lwn-kicker a{color:var(--lwn-ink);text-decoration:none}
.lwn-kicker a:hover{text-decoration:underline}
.lwn-pdp-wrap h1.lwn-h1{font-family:var(--lwn-display);font-weight:400;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.22;letter-spacing:-.005em;margin:.9rem 0 0;text-wrap:balance;color:var(--lwn-ink)}
.lwn-pdp-wrap h1.lwn-h1.lwn-lang{font-size:clamp(1.75rem,2.9vw,2.5rem);line-height:1.18}
.lwn-lede{margin:1.4rem 0 0;font-family:var(--lwn-text);font-size:1.0625rem;line-height:1.6;color:var(--lwn-ink-2);max-width:42ch}
.lwn-preis{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem 1rem;margin-top:2.2rem}
.lwn-betrag{font-family:var(--lwn-display);font-weight:400;font-size:2.2rem;line-height:1.1}
.lwn-gm{font-size:.875rem;color:var(--lwn-muted);display:inline}
.lwn-gm .wgm-info{display:inline;font-size:inherit;color:inherit;margin:0;padding:0}
.lwn-gm .woocommerce-de_price_taxrate::before{content:" · "}
.lwn-gm .woocommerce-de_price_taxrate:first-child::before{content:none}
.lwn-gm a{color:var(--lwn-muted)}

.lwn-label{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lwn-muted);font-weight:500}
.lwn-jahre{margin-top:2rem}
.lwn-jahre .lwn-label{margin-bottom:.6rem}
.lwn-jg-reihe{display:flex;gap:.5rem;flex-wrap:wrap}
.lwn-jg{flex:1 1 0;min-width:6.4rem;text-align:left;border:1px solid var(--lwn-ctrl);background:var(--lwn-bg);padding:.5rem .7rem;line-height:1.3;text-decoration:none;color:inherit;display:block}
.lwn-jg b{display:block;font-weight:600;font-size:.94rem}
.lwn-jg b i{font-style:normal;font-weight:400;color:var(--lwn-muted);font-size:.875rem}
.lwn-jg > span{display:inline;font-size:.875rem;color:var(--lwn-muted);font-variant-numeric:tabular-nums}
.lwn-jg > span + span::before{content:" · "}
.lwn-jg[aria-current="true"]{border-color:var(--lwn-ink);box-shadow:inset 0 0 0 1px var(--lwn-ink)}
.lwn-jg:hover{border-color:var(--lwn-ink)}

.lwn-liefer{display:flex;gap:.55rem;align-items:baseline;margin:1.6rem 0 0;font-size:.94rem;white-space:nowrap}
.lwn-liefer::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--lwn-ok);flex:none;transform:translateY(-.05rem)}
.lwn-liefer.lwn-aus::before{background:var(--lwn-ctrl)}
.lwn-liefer strong{font-weight:600}
.lwn-liefer .lwn-sicher{color:var(--lwn-muted)}
.lwn-liefer .lwn-hitze{display:block;white-space:normal;margin-top:.3rem;color:var(--lwn-ink-2);font-size:.875rem;line-height:1.5}
.lwn-liefer .lwn-rollover{display:block;white-space:normal;margin-top:.2rem}

/* Kaufen: echtes WooCommerce-Formular, Stepper um das Mengenfeld */
.lwn-atc{margin-top:.9rem}
body.lwn-pdp .lwn-pdp-wrap .lwn-atc form.cart{display:flex;gap:.6rem;margin:0;padding:0;align-items:stretch;flex-wrap:wrap}
body.lwn-pdp .lwn-atc form.cart::before,body.lwn-pdp .lwn-atc form.cart::after{content:none;display:none}
body.lwn-pdp .lwn-pdp-wrap .lwn-atc form.cart div.quantity,.lwn-pdp-wrap .lwn-atc .quantity{display:inline-flex;align-items:stretch;border:1px solid var(--lwn-ctrl);background:var(--lwn-bg);flex:none;margin:0;float:none;width:auto}
/* Bestand 1 / einzeln verkäuflich: WooCommerce gibt ein verstecktes Mengenfeld aus — dann den ganzen Rahmen weg, sonst bleibt ein 2-px-Strich vor dem Knopf (Mitya 23.10. 21:33) */
body.lwn-pdp .lwn-pdp-wrap .lwn-atc form.cart div.quantity:has(> input[type="hidden"]){display:none}
.lwn-pdp-wrap .lwn-atc .quantity .lwn-step{width:2.6rem;border:0;border-radius:0;background:transparent;font-size:1.1rem;cursor:pointer;padding:0;color:var(--lwn-ink);box-shadow:none;min-height:0}
.lwn-pdp-wrap .lwn-atc .quantity .lwn-step:hover{background:var(--lwn-paper)}
.lwn-pdp-wrap .lwn-atc .quantity input.qty{width:2.8rem;min-height:0;height:auto;border:0;border-left:1px solid var(--lwn-hair);border-right:1px solid var(--lwn-hair);border-radius:0;text-align:center;font:inherit;font-variant-numeric:tabular-nums;background:transparent;color:var(--lwn-ink);appearance:textfield;-moz-appearance:textfield;padding:0;margin:0;box-shadow:none}
.lwn-pdp-wrap .lwn-atc .quantity input.qty::-webkit-outer-spin-button,.lwn-pdp-wrap .lwn-atc .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* Neves Knopfregeln kommen mit !important, deshalb auch hier */
.lwn-pdp-wrap .lwn-atc .single_add_to_cart_button,.lwn-leiste .lwn-btn{flex:1 1 0;min-width:0;white-space:nowrap;min-height:3rem !important;background:var(--lwn-btn-bg) !important;color:var(--lwn-btn-ink) !important;border:0 !important;border-radius:0 !important;padding:.7rem 1.4rem !important;font-size:.82rem !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;cursor:pointer;line-height:1.2 !important;box-shadow:none !important;margin:0 !important;font-family:var(--lwn-sans) !important}
.lwn-pdp-wrap .lwn-atc .single_add_to_cart_button:hover,.lwn-leiste .lwn-btn:hover{background:var(--lwn-btn-hover) !important}
.lwn-pdp-wrap .lwn-atc .single_add_to_cart_button.loading{opacity:.6}
/* Nach dem AJAX-Kauf hängt WooCommerce „Warenkorb anzeigen“ als Link hinter den Knopf — als Textzeile darunter, nicht als zweiter Knopf (Mitya 23.10. 20:14) */
.lwn-pdp-wrap .lwn-atc form.cart .added_to_cart{flex:0 0 100% !important;width:100% !important;display:block !important;margin:.55rem 0 0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;color:var(--lwn-ink) !important;font-family:var(--lwn-sans) !important;font-size:.92rem !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;text-decoration:underline !important;text-underline-offset:.2em;line-height:1.4 !important;min-height:0 !important;height:auto !important;text-align:left}
.lwn-pdp-wrap .lwn-atc form.cart .added_to_cart:hover{color:var(--lwn-btn-hover) !important}
/* Hinweise der WC-Session (nur 1 vorrätig, Gutschein …) über dem Kaufknopf im Register der Seite statt Neves rotem Block oben */
.lwn-pdp-wrap .lwn-hinweis:empty,.lwn-pdp-wrap .lwn-hinweis .woocommerce-notices-wrapper:empty{display:none}
body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-error,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-message,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-info{display:block !important;margin:0 0 .9rem !important;padding:.8rem 1rem !important;border:1px solid var(--lwn-ink) !important;border-radius:0 !important;background:var(--lwn-bg) !important;color:var(--lwn-ink) !important;font-family:var(--lwn-sans) !important;font-size:.92rem !important;line-height:1.45 !important;text-align:left !important;list-style:none !important;box-shadow:none !important;width:auto !important}
body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-error::before,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-error::after,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-message::before,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-message::after,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-info::before,body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis .woocommerce-info::after{content:none !important;display:none !important}
body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis li{margin:0 !important;padding:0 !important;width:auto !important;list-style:none !important}
body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis li + li{margin-top:.5rem !important}
body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis a{display:inline !important;float:none !important;width:auto !important;margin:0 0 0 .35em !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;color:var(--lwn-ink) !important;font:inherit !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;text-decoration:underline !important;text-underline-offset:.2em;box-shadow:none !important;line-height:inherit !important;min-height:0 !important}
body.lwn-pdp .lwn-pdp-wrap .lwn-hinweis a:hover{color:var(--lwn-btn-hover) !important}
.lwn-leiste .lwn-btn.lwn-added::before{content:"✓ "} /* der Hauptknopf bekommt sein Häkchen von Neve */
.lwn-pdp-wrap .lwn-atc #wc-stripe-express-checkout-element{margin-top:.6rem !important}
.lwn-pdp-wrap .lwn-atc .stock{display:none}

/* Museumsschild */
.lwn-schild{margin-top:2.6rem;border-top:1px solid var(--lwn-ink);padding-top:.2rem}
.lwn-schild dl{margin:0}
.lwn-schild dl div{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--lwn-hair);align-items:baseline}
.lwn-schild dt{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lwn-muted);font-weight:400;margin:0}
.lwn-schild dd{margin:0;font-size:.94rem}
.lwn-schild dd a{text-decoration:none;border-bottom:1px solid var(--lwn-hair)}
.lwn-schild dd a:hover{border-color:var(--lwn-ink)}
.lwn-schild .lwn-num{font-variant-numeric:tabular-nums}
.lwn-schild details{border-bottom:1px solid var(--lwn-hair)}
.lwn-schild summary{cursor:pointer;list-style:none;padding:.7rem 0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lwn-ink);display:flex;justify-content:space-between}
.lwn-schild summary::-webkit-details-marker{display:none}
.lwn-schild summary::after{content:"+";font-size:1rem;letter-spacing:0;line-height:1}
.lwn-schild details[open] summary::after{content:"−"}
.lwn-schild details p{margin:0 0 .9rem;font-size:.875rem;color:var(--lwn-muted)}

/* Im Glas: Band über die volle Breite, sechs Absätze mit Marginalie */
.lwn-glas{background:var(--lwn-band);box-shadow:0 0 0 100vmax var(--lwn-band);clip-path:inset(0 -100vmax);padding:3.2rem 0 3.6rem;margin-bottom:6rem}
.lwn-kopf{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;margin-bottom:2.2rem}
.lwn-pdp-wrap h2.lwn-h2{font-family:var(--lwn-display);font-weight:400;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.2;margin:0;color:var(--lwn-ink)}
.lwn-kopf p{margin:0;font-size:.875rem;color:var(--lwn-muted)}
.lwn-felder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;column-gap:4.5rem}
.lwn-felder li{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1.4rem;padding:1.2rem 0 1.3rem;border-top:1px solid var(--lwn-hair);margin:0}
.lwn-felder li:nth-child(-n+2){border-top:0;padding-top:0}
.lwn-feld{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lwn-muted);padding-top:.3rem;hyphens:manual}
.lwn-satz{margin:0;font-size:1rem;line-height:1.55;max-width:46ch}
.lwn-satz a{color:var(--lwn-ink);text-underline-offset:.2em;text-decoration-color:var(--lwn-ctrl)}
.lwn-glas-prosa{max-width:68ch;font-family:var(--lwn-text);font-size:1.0625rem;line-height:1.7}
.lwn-glas-prosa ul{padding-left:1.1rem}

/* Verkostungsnotiz + Erzeuger */
.lwn-unten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(2rem,6vw,7rem);align-items:start;padding:0 0 6rem}
.lwn-notiz{min-width:0;max-width:68ch}
.lwn-notiz .lwn-zug{width:3rem;border:0;border-top:1px solid var(--lwn-ink);margin:1.8rem 0 0;height:0;background:none}
.lwn-notiz dl.wine-characteristics{margin:0}
.lwn-notiz dl.wine-characteristics dt,.lwn-notiz h3{font-family:var(--lwn-sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--lwn-muted);margin:2rem 0 .5rem}
.lwn-notiz dl.wine-characteristics dd,.lwn-notiz p{margin:0;font-family:var(--lwn-text);font-size:1.0625rem;line-height:1.7}
.lwn-notiz dl.wine-characteristics dd+dd{margin-top:1rem}
.lwn-notiz dl.wine-characteristics strong{font-weight:600}
.lwn-notiz h2:not(.lwn-h2){font-family:var(--lwn-display);font-weight:400;font-size:1.4rem;margin:2rem 0 .5rem}
.lwn-seite{position:sticky;top:calc(var(--lwn-sticky-top) + 1.5rem);display:flex;flex-direction:column;gap:1.4rem;min-width:0}
.lwn-gut{border:0;background:var(--lwn-band);padding:0 0 1.3rem}
.lwn-gut img.lwn-gut-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1);display:block;margin:0}
.lwn-gut-in{padding:0 1.2rem}
.lwn-gut-kicker{margin-top:1rem;display:block;font-size:.72rem}
.lwn-pdp-wrap h3.lwn-gut-h{font-family:var(--lwn-display);font-weight:400;font-size:1.4rem;margin:.3rem 0 .5rem;color:var(--lwn-ink)}
.lwn-gut p{margin:0;font-size:.94rem;line-height:1.55}
.lwn-gut a.lwn-mehr{display:inline-block;margin-top:.8rem;font-size:.94rem;text-decoration:none;border-bottom:1px solid var(--lwn-ink)}
.lwn-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.lwn-pills a{font-size:.875rem;border:1px solid var(--lwn-ctrl);border-radius:999px;padding:.25rem .85rem;text-decoration:none;background:none;color:inherit}
.lwn-pills a:hover{border-color:var(--lwn-ink)}

/* Reihen: Vom selben Gut, Ähnliche Weine */
.lwn-reihe{border-top:1px solid var(--lwn-ink);padding:2rem 0 6rem;display:block}
.lwn-reihe .lwn-kopf{margin-bottom:1.8rem}
.lwn-reihe.lwn-erste{padding-bottom:3.4rem}
.lwn-reihe.lwn-aehnlich{border-top-color:var(--lwn-hair);padding-top:2.6rem}
.lwn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}
.lwn-karte{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit}
.lwn-tile{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}
.lwn-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0}
.lwn-kb{padding-top:.9rem;border-top:1px solid var(--lwn-hair);display:flex;flex-direction:column;gap:.2rem}
.lwn-name{font-family:var(--lwn-display);font-size:1.2rem;line-height:1.3}
.lwn-zeile{font-size:.875rem;color:var(--lwn-muted)}
.lwn-haus{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lwn-ink)}
.lwn-kp{margin-top:.3rem;font-variant-numeric:lining-nums tabular-nums;font-size:.94rem}
.lwn-kp small{color:var(--lwn-muted);font-size:.875rem;margin-left:.3rem}
.lwn-karte:hover .lwn-name{text-decoration:underline;text-underline-offset:.2em}
.lwn-karte.lwn-alle .lwn-tile{border:1px solid var(--lwn-ink);font-family:var(--lwn-display);font-size:1.45rem;text-align:center;line-height:1.3;padding:1.5rem}

/* Fremdblöcke (Appellation) bekommen Luft */
.lwn-pdp-wrap .lwn-ap-box{margin-top:2rem}
/* Schwebender Sprachumschalter (TranslatePress) über die Kaufleiste heben, solange sie zu sehen ist */

/* Mobile Kaufleiste */
.lwn-leiste{display:none}

@media (max-width: 760px){
  .lwn-crumbs{display:none}
  .lwn-top{grid-template-columns:1fr;gap:.6rem;padding:.4rem 0 3.5rem}
  .lwn-media{position:static}
  .lwn-objekt{height:13.5rem}
  .lwn-objekt > img.lwn-hero{bottom:.8rem;height:calc(100% - .8rem);object-fit:contain}
  .lwn-objekt::after{bottom:.45rem;width:6rem;height:.7rem}
  .lwn-objekt.lwn-leer{height:2rem}
  .lwn-thumbs{bottom:.8rem;gap:.45rem}
  .lwn-thumbs button{width:44px;height:44px;padding:.2rem}
  .lwn-kauf{padding-top:0}
  .lwn-kicker{font-size:.72rem;letter-spacing:.16em}
  .lwn-pdp-wrap h1.lwn-h1{font-size:1.9rem;line-height:1.2;margin-top:.35rem}
  .lwn-pdp-wrap h1.lwn-h1.lwn-lang{font-size:1.55rem;line-height:1.2}
  .lwn-lede{order:10;margin-top:1.6rem;font-size:1.0625rem;max-width:none}
  .lwn-preis{margin-top:.6rem}
  .lwn-betrag{font-size:1.7rem}
  .lwn-gm{font-size:.8rem}
  .lwn-jahre{margin-top:.8rem}
  .lwn-jahre .lwn-label{margin-bottom:.35rem}
  .lwn-jg-reihe{flex-wrap:nowrap;gap:.35rem}
  .lwn-jg{min-width:0;padding:.3rem .4rem}
  .lwn-jg b{font-size:.84rem}
  .lwn-jg > span{font-size:.74rem;display:block}
  .lwn-jg > span + span::before{content:none}
  .lwn-jg > span.lwn-still{display:none}
  .lwn-liefer{margin-top:.75rem;font-size:.875rem;white-space:normal}
  .lwn-atc{margin-top:.55rem}
  .lwn-pdp-wrap .lwn-atc .single_add_to_cart_button{letter-spacing:.14em !important;padding:.6rem .8rem !important}
  .lwn-pdp-wrap .lwn-atc .quantity .lwn-step{width:2.3rem}
  .lwn-pdp-wrap .lwn-atc .quantity input.qty{width:2.4rem}
  .lwn-schild{order:11;margin-top:1.8rem}
  .lwn-schild dl div{grid-template-columns:7.6rem minmax(0,1fr)}
  .lwn-glas{margin-bottom:3.5rem;padding:1.8rem 0 2rem}
  .lwn-kopf{margin-bottom:1.1rem;gap:.4rem}
  .lwn-felder{grid-template-columns:1fr;grid-auto-rows:auto}
  .lwn-felder li{grid-template-columns:1fr;gap:.2rem;padding:.75rem 0}
  .lwn-felder li:nth-child(2){border-top:1px solid var(--lwn-hair);padding-top:.75rem}
  .lwn-feld{padding-top:0}
  .lwn-satz{font-size:.94rem;line-height:1.5}
  .lwn-unten{grid-template-columns:1fr;gap:2.5rem;padding-bottom:3.5rem}
  .lwn-seite{position:static}
  .lwn-reihe{padding-bottom:3rem}
  .lwn-reihe.lwn-erste{padding-bottom:2.2rem}
  .lwn-reihe.lwn-aehnlich{padding-top:1.8rem}
  .lwn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .9rem}
  .lwn-name{font-size:1.1rem}
  .lwn-leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:.6rem;align-items:center;background:var(--lwn-bg);border-top:1px solid var(--lwn-ink);padding:.55rem max(16px,env(safe-area-inset-right,0px)) calc(.55rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));transform:translateY(110%);transition:transform .25s ease}
  .lwn-leiste.lwn-on{transform:none}
  /* TranslatePress-Schwimmer über die Leiste heben — nur hier, wo die Leiste sichtbar ist (Desktop: Mitya 23.10. 17:24) */
  body.lwn-pdp:has(.lwn-leiste.lwn-on) #trp-floater-ls{bottom:var(--lwn-leiste-h,4.2rem) !important}
  .lwn-wer{flex:1;min-width:0;line-height:1.25}
  .lwn-wer > span{display:block;font-size:.8rem;color:var(--lwn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lwn-wer b span,.lwn-wer b bdi{display:inline;font:inherit;color:inherit;white-space:nowrap}
  .lwn-wer b{display:block;font-family:var(--lwn-display);font-weight:400;font-size:1.1rem;white-space:nowrap}
  .lwn-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--lwn-ctrl);background:var(--lwn-bg);flex:none}
  .lwn-stepper button{width:2rem;border:0;border-radius:0;background:transparent;font-size:1.1rem;cursor:pointer;padding:0;color:var(--lwn-ink)}
  .lwn-stepper input{width:2rem;border:0;border-left:1px solid var(--lwn-hair);border-right:1px solid var(--lwn-hair);border-radius:0;text-align:center;font:inherit;background:transparent;color:var(--lwn-ink);appearance:textfield;-moz-appearance:textfield;padding:0;min-height:0}
  .lwn-stepper input::-webkit-outer-spin-button,.lwn-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .lwn-leiste .lwn-btn{flex:0 0 auto;min-height:2.75rem !important;padding:.5rem .85rem !important;letter-spacing:.14em !important}
}
@media (min-width: 761px) and (max-width: 1100px){
  .lwn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lwn-pdp-wrap .lwn-atc .single_add_to_cart_button{letter-spacing:.1em !important;padding-inline:.6rem !important}
  .lwn-felder{grid-template-columns:1fr;grid-auto-rows:auto}
  .lwn-felder li:nth-child(2){border-top:1px solid var(--lwn-hair);padding-top:1.2rem}
  .lwn-unten{grid-template-columns:minmax(0,1fr) minmax(0,280px)}
}
@media (prefers-reduced-motion: reduce){.lwn-leiste{transition:none}}