.iv-kauf{padding-block:var(--space-10) var(--space-9);background:var(--surface-page)}.iv-kauf__raster{display:grid;grid-template-columns:minmax(0,1fr) var(--buybox-w);gap:var(--space-9);align-items:start}.iv-galerie{display:grid;gap:var(--space-4);position:sticky;top:var(--space-10)}.iv-buehne{position:relative;border-radius:var(--radius-xl);aspect-ratio:1 / 1;overflow:hidden;background:var(--salbeimilch)}.iv-buehne__spur{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.iv-buehne__spur::-webkit-scrollbar{display:none}.iv-buehne__bild{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.iv-buehne__bild img{width:100%;height:100%;object-fit:cover;display:block}.iv-buehne__marke{position:absolute;left:var(--space-5);top:var(--space-5);z-index:1;display:flex;gap:var(--space-2)}.iv-buehne__marke span{background:#fdfbf7e6;border-radius:var(--radius-pill);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--space-2) var(--space-3);color:var(--petrol)}.iv-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.iv-mini button{padding:0;border:1px solid var(--hairline);background:var(--surface-card);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out)}.iv-mini button.is-an{border-color:var(--petrol);box-shadow:inset 0 0 0 1px var(--petrol)}.iv-mini img{width:100%;height:100%;object-fit:cover;display:block}.iv-box{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--card-pad-lg);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-4)}.iv-box__stars{text-decoration:none;width:fit-content;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-box__stars .iv-sterne{font-weight:var(--weight-body);opacity:1}.iv-box__eyebrow{font-size:var(--text-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-accent);font-weight:var(--weight-medium)}.iv-box__titel{font-size:var(--text-h2);line-height:var(--lh-tight);margin:0}.iv-box__claim{font-size:var(--text-body);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-benefits{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.iv-benefits li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-body);line-height:var(--lh-body)}.iv-benefits li:before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--salbeimilch) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C565C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center / 11px no-repeat}.iv-box__form{display:grid;gap:var(--space-5);margin:0}.iv-staffel{display:grid;gap:var(--space-3)}.iv-stufe{position:relative;cursor:pointer;display:block;border-radius:var(--radius-md);border:1px solid var(--border-unselected);background:var(--surface-card);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.iv-stufe:hover{border-color:var(--hairline-strong)}.iv-stufe.is-aktiv{border-color:var(--border-selected);background:var(--surface-page);outline:2px solid var(--border-selected);outline-offset:-2px}.iv-stufe:focus-within{outline:3px solid var(--accent-peak);outline-offset:-2px}.iv-band{display:flex;align-items:center;justify-content:space-between;background:var(--petrol);color:var(--creme);font-size:var(--text-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--space-2) var(--space-4);font-weight:var(--weight-medium)}.iv-band em{font-style:normal;background:var(--accent-peak);color:var(--tanne);border-radius:var(--radius-pill);padding:3px var(--space-3);letter-spacing:.04em}.iv-stufe__zeile{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.iv-stufe__links{display:grid;gap:var(--space-1);min-width:0}.iv-stufe.is-aktiv .iv-stufe__links{gap:var(--space-2);padding-top:3px}.iv-stufe__name{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-bold);font-size:var(--text-body)}.iv-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--petrol);display:grid;place-items:center;flex:none}.iv-dot:after{content:"";width:9px;height:9px;border-radius:50%;background:transparent;transition:background-color var(--dur-base) var(--ease-out)}.iv-stufe.is-aktiv .iv-dot:after{background:var(--petrol)}.iv-stufe__sub{margin-left:30px;font-size:var(--text-body-sm);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-stufe__sub em{font-style:normal;color:var(--text-accent);font-weight:var(--weight-medium);opacity:1}.iv-vorteile{display:grid;gap:var(--space-2);margin-left:30px}.iv-vorteile>span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--text-accent);line-height:var(--lh-tight)}.iv-nowrap{white-space:nowrap}.iv-vorteile i{font-style:normal;font-weight:var(--weight-body);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-vorteile>span:before{content:"";flex:none;width:15px;height:15px;border-radius:50%;background:var(--kupfer) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF0DC' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center / 9px no-repeat}.iv-stufe__rechts{text-align:right;display:grid;gap:2px;flex:none;align-content:start}.iv-tag{font-family:var(--font-display);font-size:var(--text-price);color:var(--text-accent);line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}.iv-tag small{font-family:var(--font-ui);font-size:var(--text-micro);color:var(--text-body);opacity:var(--text-muted-opacity);margin-left:4px}.iv-ges{font-size:var(--text-body-sm);color:var(--text-body);opacity:var(--text-muted-opacity);font-variant-numeric:tabular-nums;white-space:nowrap}.iv-ges s{opacity:.6;margin-right:var(--space-2)}.iv-ges--stapel{display:grid;gap:0;line-height:var(--lh-tight);opacity:1}.iv-ges--stapel s{margin:0;font-size:var(--text-micro);font-weight:var(--weight-body);opacity:var(--text-muted-opacity)}.iv-ges--stapel b{font-size:var(--text-body)}.iv-box__cta{display:grid;gap:var(--space-3)}.iv-box__klein{text-align:center;font-size:var(--text-fine);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-pay{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;align-items:center}.iv-pay svg{height:24px;width:auto;display:block}.iv-risiko{position:relative;border:1px solid rgba(var(--kupfer-rgb),.45);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4) var(--space-4);display:grid;gap:9px}.iv-risiko p{margin:0;display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-body-sm)}.iv-risiko .iv-ic{width:22px;height:22px}.iv-risiko>span{position:absolute;top:-10px;left:var(--space-4);background:var(--surface-card);padding:0 var(--space-2);font-family:var(--font-display);color:var(--text-accent);font-size:var(--text-body)}.iv-risiko b{font-weight:var(--weight-bold)}.iv-box-acc{display:grid;border-top:1px solid var(--hairline)}.iv-box-acc .iv-acc{border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent}.iv-box-acc .iv-acc summary{padding:var(--space-4) 2px;font-size:var(--text-body);gap:var(--space-3)}.iv-box-acc .iv-plus{width:28px;height:28px}.iv-box-acc .iv-plus i:first-child{width:12px}.iv-box-acc .iv-plus i:last-child{height:12px}.iv-box-acc .iv-acc__inhalt{padding:0 2px var(--space-4);font-size:var(--text-body-sm);color:var(--text-body);display:grid;gap:var(--space-2)}.iv-box-acc .iv-acc__inhalt p{opacity:var(--text-muted-opacity)}.iv-box-acc .iv-acc__inhalt a{color:var(--text-accent);text-underline-offset:3px}.iv-box-app{display:grid;gap:var(--space-3)}.iv-box-app:empty{display:none}.iv-box-rev{display:grid;gap:var(--space-4)}.iv-box-rev__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-body-sm);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-box-rev__kopf a{font-size:var(--text-body-sm);color:var(--text-accent);white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.iv-zitate{position:relative;display:grid}.iv-zitat{grid-area:1 / 1;margin:0;background:var(--honigwash);border-radius:var(--radius-md);padding:var(--space-5);display:grid;gap:var(--space-2);opacity:0;transform:translateY(6px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);pointer-events:none}.iv-zitat.is-an{opacity:1;transform:none;pointer-events:auto}.iv-zitat q{font-family:var(--font-display);font-size:var(--text-lead);line-height:var(--lh-tight);quotes:none}.iv-zitat__wer{font-size:var(--text-fine);color:var(--text-body);opacity:var(--text-muted-opacity)}.iv-zitat__wer b{color:var(--text-accent);font-weight:var(--weight-bold);opacity:1}.iv-zitate__punkte{grid-area:1 / 1;align-self:end;justify-self:end;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);z-index:1}.iv-zitate__punkte button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#2c565c42;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out)}.iv-zitate__punkte button.is-an{background:var(--kupfer);width:16px;border-radius:var(--radius-pill)}.iv-box-ugc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.iv-ugc{position:relative;display:block;aspect-ratio:9 / 16;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-quiet)}.iv-ugc img{width:100%;height:100%;object-fit:cover;display:block}.iv-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.iv-ugc__play svg{width:34px;height:34px;fill:var(--creme);filter:drop-shadow(0 2px 8px rgba(23,39,41,.5))}@media(max-width:980px){.iv-kauf__raster{grid-template-columns:1fr;gap:var(--space-7)}.iv-galerie{position:static}}@media(max-width:480px){.iv-stufe__zeile{flex-direction:column;align-items:stretch;gap:var(--space-3)}.iv-stufe__rechts{text-align:left;display:flex;align-items:baseline;gap:var(--space-3)}.iv-ges--stapel{display:flex;align-items:baseline;gap:var(--space-2)}.iv-vorteile,.iv-stufe__sub{margin-left:0}}@media(max-width:749px){.iv-kauf{padding-block:var(--space-6) var(--space-8)}.iv-box{padding:var(--card-pad);gap:var(--space-3)}.iv-kauf__raster{gap:var(--space-5)}.iv-box{margin-inline:calc(var(--container-x-mobile, 16px) * -1);border-radius:0;box-shadow:none;padding:var(--space-6) var(--container-x-mobile, 16px)}}.iv-buehne__leer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.iv-buehne__leer .iv-ph{height:100%;border:0;background:transparent}.iv-box-ugc .iv-ph{height:100%;border-radius:0;border:0}.iv-box-ugc .iv-ph__f,.iv-box-ugc .iv-ph__t{display:none}.iv-textknopf{border:0;background:none;padding:0;font:inherit;color:var(--text-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.iv-textknopf:hover{color:var(--petrol)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/iv-produkt-kauf.css.map */