.za-produkt{padding:clamp(24px,4vw,56px) 0 clamp(48px,6vw,88px)}.za-produkt__raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}@media(max-width:989px){.za-produkt__raster{grid-template-columns:minmax(0,1fr);gap:32px}}@media(min-width:990px){.za-produkt__bild{position:sticky;top:calc(var(--kp-sichtbar, 0px) + 24px);transition:top .3s var(--za-ease)}}.za-produkt__wand{position:relative;aspect-ratio:1 / 1;background:var(--za-sand)}.za-produkt__haenger{position:absolute;top:9%;right:9%;bottom:9%;left:9%;display:flex;align-items:center;justify-content:center;cursor:zoom-in;color:inherit}.za-produkt__haenger:focus-visible{outline:2px solid var(--za-tinte);outline-offset:6px}.za-produkt__werk{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(16,57,72,.16)) drop-shadow(0 18px 36px rgba(16,57,72,.14))}.za-produkt__lupe{position:absolute;right:-6%;bottom:-6%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--za-tinte);box-shadow:0 2px 8px #10394824}.za-produkt__lupe .za-icon{width:22px;height:22px}.za-produkt__daumen{display:flex;gap:12px;margin:16px 0 0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:thin}.za-produkt__daumen li{flex:none}.za-produkt__daumen-knopf{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:6px;border:1px solid transparent;border-radius:2px;background:var(--za-passepartout);cursor:pointer}.za-produkt__daumen-knopf img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.za-produkt__daumen-knopf:hover{border-color:var(--za-linie-stark)}.za-produkt__daumen-knopf[aria-current=true]{border-color:var(--za-tinte);box-shadow:inset 0 0 0 1px var(--za-tinte)}.za-produkt__daumen-knopf:focus-visible{outline:2px solid var(--za-tinte);outline-offset:2px}.za-produkt__info{display:flex;flex-direction:column;gap:28px;min-width:0}.za-produkt__titel{display:flex;flex-direction:column;gap:10px}.za-produkt__titel .za-kuenstler{margin:0;color:inherit;text-decoration:none;align-self:flex-start}.za-produkt__titel a.za-kuenstler:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.za-werktitel-gross{margin:0;font-family:var(--za-serif);font-style:italic;font-weight:400;font-size:46px;line-height:52px;letter-spacing:-.01em;text-wrap:balance;color:inherit}.za-werktitel-gross .za-jahr{font-style:normal}.za-produkt__titel .za-angabe{white-space:normal;overflow:visible;font-size:15px;line-height:22px}@media(max-width:749px){.za-werktitel-gross{font-size:34px;line-height:40px}}.za-preisblock{display:flex;flex-direction:column;gap:4px}.za-preisblock p{margin:0}.za-preis-gross{font-size:28px;line-height:34px;font-weight:600;font-variant-numeric:tabular-nums}.za-preis-alt{margin-left:8px;font-size:16px;font-weight:400;color:var(--za-text-gedaempft)}.za-steuer{font-size:13px;line-height:18px;color:var(--za-text-gedaempft)}.za-steuer a{color:inherit;text-underline-offset:3px}.za-produkt__verkauft{font-size:16px}.za-rahmenwahl{border:0;padding:0;margin:0;min-width:0}.za-rahmenwahl legend{padding:0;margin:0 0 12px}.za-wahl{display:flex;flex-wrap:wrap;gap:8px}.za-wahl input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.za-wahl label{box-sizing:border-box;display:inline-flex;align-items:baseline;gap:10px;min-height:44px;padding:11px 18px;border:1px solid var(--za-linie-stark);border-radius:40px;font-size:14px;line-height:20px;cursor:pointer;transition:background-color .2s var(--za-ease),color .2s var(--za-ease),border-color .2s var(--za-ease)}.za-wahl label:hover{border-color:var(--za-tinte)}.za-wahl__preis{font-weight:600;font-variant-numeric:tabular-nums}.za-wahl input:checked+label{background:var(--za-tinte);border-color:var(--za-tinte);color:#fff}.za-wahl input:focus-visible+label{outline:2px solid var(--za-tinte);outline-offset:3px}.za-wahl input:disabled+label{cursor:not-allowed;border-style:dashed;color:var(--za-text-gedaempft)}.za-wahl input:disabled+label span:first-child{text-decoration:line-through}.za-produkt__form form{display:flex;flex-direction:column;gap:24px}.za-produkt__knoepfe{display:flex;flex-direction:column;gap:12px}.za-produkt__knoepfe .za-knopf{width:100%}.za-produkt .za-knopf .za-icon{width:20px;height:20px}.za-produkt__kaufen{position:relative}.za-produkt__kaufen.loading>span{visibility:hidden}.za-produkt__kaufen .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.za-produkt__kaufen .loading__spinner.hidden{display:none}.za-produkt__kaufen .spinner{width:20px;height:20px}.za-produkt__kaufen .spinner .path{stroke:#fff}.za-produkt__kaufen[aria-disabled=true]{cursor:progress}.za-produkt__fehler{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;line-height:20px;color:#a8492a}.za-produkt__fehler[hidden]{display:none}.za-produkt__fehler .za-icon{flex:none;width:20px;height:20px}.za-produkt__vorab{display:flex;align-items:center;gap:10px;margin:-8px 0 0;font-size:14px;line-height:20px}.za-produkt__vorab .za-icon{flex:none;width:20px;height:20px}.za-schild{display:flex;flex-direction:column;gap:14px}.za-schild .za-ueberzeile{margin:0}.za-schild__liste{margin:0;padding:0;list-style:none;border-top:1px solid var(--za-linie)}.za-schild__reihe,.za-schild__liste--frei li{display:grid;grid-template-columns:minmax(0,12.5em) minmax(0,1fr);column-gap:24px;padding:9px 0;border-bottom:1px solid var(--za-linie);font-size:14px;line-height:20px}.za-schild__liste--frei li>span:only-child{grid-column:1 / -1}.za-schild__reihe dt,.za-schild__bez{color:var(--za-text-gedaempft)}.za-schild__reihe dt,.za-schild__reihe dd{margin:0}.za-schild__reihe dd,.za-schild__liste--frei li{font-variant-numeric:tabular-nums}@media(max-width:479px){.za-schild__reihe,.za-schild__liste--frei li{grid-template-columns:minmax(0,1fr);row-gap:2px}}.za-schild__zeile{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:20px}.za-schild__zeile .za-icon{flex:none;width:20px;height:20px;color:var(--za-petrol-tief)}.za-produkt__text{font-size:15px;line-height:24px;color:var(--za-text-gedaempft)}.za-produkt__text>:first-child{margin-top:0}.za-produkt__text>:last-child{margin-bottom:0}.za-produkt__text p:empty{display:none}.za-produkt .gewaehrleistung-ausloeser--produkt{margin:0;text-align:left}.za-produkt .gewaehrleistung-ausloeser--produkt .gewaehrleistung-ausloeser__link{min-height:40px;padding:0 18px 0 14px;border:1px solid var(--za-petrol-tief);border-radius:40px;background:none;color:var(--za-petrol-tief);font-size:14px;line-height:20px;font-weight:500}.za-produkt .gewaehrleistung-ausloeser--produkt .gewaehrleistung-ausloeser__link:hover{background:#18566c14}.za-lupe{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:56px 72px;border:0;background:var(--za-sand);color:var(--za-tinte)}.za-lupe[open]{display:flex;align-items:center;justify-content:center}.za-lupe::backdrop{background:#10394899}.za-lupe__bild{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(16,57,72,.16)) drop-shadow(0 18px 36px rgba(16,57,72,.14))}.za-lupe__knopf{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--za-tinte);box-shadow:0 2px 8px #10394824;cursor:pointer}.za-lupe__knopf .za-icon{width:22px;height:22px}.za-lupe__knopf:focus-visible{outline:2px solid var(--za-tinte);outline-offset:3px}.za-lupe__zu{top:16px;right:16px}.za-lupe__zurueck{left:16px;top:50%;transform:translateY(-50%)}.za-lupe__weiter{right:16px;top:50%;transform:translateY(-50%)}.za-lupe__zahl{position:absolute;left:0;right:0;bottom:16px;margin:0;text-align:center;font-size:13px;line-height:18px}@media(max-width:749px){.za-lupe{padding:72px 12px 56px}.za-lupe__zurueck,.za-lupe__weiter{top:auto;bottom:8px;transform:none}.za-lupe__zahl{bottom:22px}}@media(prefers-reduced-motion:reduce){.za-wahl label,.za-produkt__bild{transition:none}}.za-empfehlungen{--za-wand: #fff}.za-empfehlungen product-recommendations{display:block}
/*# sourceMappingURL=/cdn/shop/t/6/assets/za-produkt.css.map */
