.oc-karten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 16px;margin:0;padding:0;list-style:none}.oc-karten--4{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-karten>li{min-width:0;margin:0}@media(max-width:989px){.oc-karten,.oc-karten--4{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}}@media(max-width:749px){.oc-karten,.oc-karten--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}}.oc-karte{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;margin:0;box-sizing:border-box;color:var(--oc-text, #1a1a1a);font-family:var(--font-general-family),system-ui,sans-serif;font-size:14px;line-height:1.4}.oc-karte a{color:inherit;text-decoration:none}.oc-karte__link{display:block;outline:0}.oc-karte__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--oc-rund, 0px)}.oc-karte__link:focus-visible:after{outline:2px solid var(--oc-marke, #004429);outline-offset:3px}.oc-karte__von,.oc-karte__knoepfe{position:relative;z-index:2}.oc-karte__bild{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--oc-rund, 0px);background:var(--oc-hell, #f6f6f4)}.oc-karte__bild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:8%;box-sizing:border-box;object-fit:contain;object-position:center;mix-blend-mode:multiply;transition:opacity .25s ease,transform .35s ease}.oc-karte__bild2{opacity:0}.oc-karte__leer{display:block;width:100%;height:100%}@media(hover:hover)and (pointer:fine){.oc-karte:hover .oc-karte__bild img:first-child{transform:scale(1.03)}.oc-karte:hover .oc-karte__bild2{opacity:1;transform:none}.oc-karte:hover .oc-karte__bild2+*{opacity:0}.oc-karte:hover .oc-karte__titel{text-decoration:underline;text-underline-offset:3px}html.oc-still .oc-karte:hover .oc-karte__bild img:first-child{transform:none}}.oc-karte__marke{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid var(--oc-linie, #e4e4e0);font-size:11px;font-weight:600;line-height:1.3;color:var(--oc-text, #1a1a1a)}.oc-karte__augehalter{position:relative;display:block;height:0;z-index:2}.oc-karte__auge{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--oc-linie, #e4e4e0);border-radius:50%;background:#fffffff0;color:var(--oc-text, #1a1a1a);cursor:pointer}.oc-karte__auge svg,.oc-karte__korb svg{width:18px;height:18px;display:block}.oc-karte__auge:hover{background:var(--oc-marke, #004429);color:#fff;border-color:var(--oc-marke, #004429)}@media(max-width:749px){.oc-karte__auge{width:32px;height:32px;right:8px;bottom:8px}.oc-karte__auge svg{width:16px;height:16px}}.oc-karte__von{margin:10px 0 0;font-size:12px;color:var(--oc-grau, #5c5c58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-karte__von a{color:var(--oc-marke, #004429)!important;font-weight:600}.oc-karte__von a:hover{text-decoration:underline;text-underline-offset:2px}.oc-karte__titel{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:4px 0 0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;min-height:2.8em;color:inherit}.oc-karte__preis{margin:8px 0 0;font-size:17px;font-weight:600;line-height:1.2;color:var(--oc-text, #1a1a1a)}.oc-karte__ab{font-size:12px;font-weight:400;color:var(--oc-grau, #5c5c58)}.oc-karte__grundpreis{margin:2px 0 0;font-size:12px;color:var(--oc-grau, #5c5c58)}.oc-karte__grundpreis .product-unit-price{font:inherit;color:inherit}.oc-karte__uvp{margin:2px 0 0;font-size:12px;color:var(--oc-grau, #5c5c58)}.oc-karte__uvp s{text-decoration:line-through}.oc-karte__liefer{margin:6px 0 0;font-size:12px;color:var(--oc-grau, #5c5c58)}.oc-karte__knoepfe{display:flex;gap:8px;margin-top:auto;padding-top:10px}.oc-karte__kauf,.oc-karte__korb{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--oc-marke, #004429);border-radius:var(--oc-rund, 0px);background:var(--oc-marke, #004429);color:#fff;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.oc-karte__kauf{flex:1 1 auto;min-width:max-content;white-space:nowrap}.oc-karte__korb{white-space:nowrap}.oc-karte__kauf:hover{background:var(--oc-marke-dunkel, #00301d);border-color:var(--oc-marke-dunkel, #00301d)}.oc-karte__kauf--rand{background:#fff;color:var(--oc-marke, #004429)}.oc-karte__kauf--rand:hover{background:var(--oc-hell, #f6f6f4)}.oc-karte__korb{flex:0 0 40px;width:40px;padding:0;background:#fff;color:var(--oc-marke, #004429)}.oc-karte__korb:hover{background:var(--oc-hell, #f6f6f4)}.oc-karte__kauf:focus-visible,.oc-karte__korb:focus-visible,.oc-karte__auge:focus-visible,.oc-karte__von a:focus-visible{outline:2px solid var(--oc-marke, #004429);outline-offset:2px}.oc-karte__kauf[disabled],.oc-karte__korb[disabled]{opacity:.6;cursor:progress}.oc-karte__korb.is-ok{background:var(--oc-marke, #004429);color:#fff}.oc-karte__aus{display:inline-flex;align-items:center;min-height:40px;padding:0 2px;font-size:13px;font-weight:600;color:var(--oc-grau, #5c5c58)}@media(max-width:749px){.oc-karte,.oc-karte__titel{font-size:13px}.oc-karte__preis{font-size:16px}.oc-karte__kauf,.oc-karte__korb{min-height:38px;font-size:12.5px;padding:0 10px}.oc-karte__korb{flex-basis:38px;width:38px}}.oc-karte-toast{position:fixed;left:50%;bottom:20px;z-index:9999;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:var(--oc-rund, 0px);background:var(--oc-dunkel, #1a1a1a);color:#fff;font-size:14px;line-height:1.4;box-shadow:0 10px 30px #00000040}.oc-karte-toast a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.oc-karte-toast--fehler{background:#8a1c1c}@media(prefers-reduced-motion:reduce){.oc-karte__bild img,.oc-karte__kauf,.oc-karte__korb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/oc-karte.css.map */