.vpw,.vpw-seite,.vpw-leiste{--vpw-text: #12343a;--vpw-text-normal: #26363a;--vpw-grau: #55707a;--vpw-linie: #dde8e9;--vpw-feld: #b9cfd2;--vpw-knopf: #257381;--vpw-knopf-hover: #1b5963;--vpw-dunkel: #10393f;--vpw-leiste: #edf4f4;--vpw-flaeche-hell: #f5f8f6;--vpw-akzent: #257381;--vpw-blatt: #aeca3a;--vpw-blatt-hell: #c3dc5a;--vpw-spur: #dde8e9;--vpw-schatten: 0 1px 2px rgba(16, 57, 63, .05), 0 8px 26px rgba(16, 57, 63, .08);--vpw-schrift: var(--vp-cd-schrift, inherit);--vpw-produkt: var(--vp-cd-produkt, inherit);--vpw-rand: 24px;font-family:var(--vpw-schrift)}.vpw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;pointer-events:none;transition:visibility 0s linear .35s;color:var(--vpw-text)}.vpw.cart-open{visibility:visible;pointer-events:auto;transition-delay:0s}.vpw__schleier{position:absolute;top:0;right:0;bottom:0;left:0;background:#10393f73;opacity:0;transition:opacity .35s ease}.vpw.cart-open .vpw__schleier{opacity:1}.vpw__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;background:#fff;transform:translate(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);box-shadow:-8px 0 32px #10393f29}.vpw.cart-open .vpw__panel{transform:none}@media(min-width:768px){.vpw__panel{width:520px}}@media(min-width:1024px){.vpw,.vpw-leiste{--vpw-rand: 30px}}.vpw__panel.is-laedt .vpw__inhalt,.vpw__panel.is-laedt .vpw__fuss,.vpw-seite.is-laedt .vpw__inhalt,.vpw-seite.is-laedt .vpw__fuss{opacity:.55;pointer-events:none;transition:opacity .15s}:where(.vpw,.vpw-seite) button{font:inherit}.vpw button,.vpw-seite button{color:inherit;cursor:pointer}.vpw svg,.vpw-seite svg{display:block}.vpw__kopf{display:flex;align-items:center;justify-content:space-between;flex:none;padding:12px var(--vpw-rand);border-bottom:1px solid var(--vpw-linie)}.vpw__titel{margin:0;font-size:18px;font-weight:600;line-height:1.2;color:var(--vpw-text)}.vpw__zu{width:36px;height:36px;margin-right:-8px;padding:6px;border:0;background:none;border-radius:50%;transition:background .2s}.vpw__zu:hover{background:var(--vpw-leiste)}.vpw__inhalt{flex:1;overflow-y:auto;overscroll-behavior:contain}.vpw__leer{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px var(--vpw-rand);text-align:center;font-size:19px}.vpw__leer p{margin:0}.vpw__knopf,.vpw__kasse{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 28px;border:0;background:var(--vpw-knopf);color:#fff!important;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}.vpw__knopf:hover,.vpw__kasse:hover{background:var(--vpw-knopf-hover)}.vpw-leiste{padding:12px var(--vpw-rand) 16px;background:var(--vpw-leiste);color:var(--vpw-text)}.vpw-leiste--seite{margin-bottom:12px;border-radius:8px}.vpw-leiste__text{overflow:hidden;margin:0 0 11px;color:var(--vpw-text-normal);font-size:clamp(12px,3.5vw,14px);line-height:1.4;text-align:center;text-overflow:ellipsis;white-space:nowrap}.vpw-leiste__text strong{color:var(--vpw-text);font-weight:600}.vpw-leiste__balken{position:relative;height:6px;border-radius:999px;background:var(--vpw-spur)}.vpw-leiste__fuellung{display:block;height:100%;max-width:100%;border-radius:inherit;background:var(--vpw-akzent);transition:width .6s ease}.vpw__artikel{margin:0;padding:0;list-style:none}.vpw-zeile{display:grid;grid-template-columns:80px 1fr auto;align-items:start;gap:18px;padding:14px var(--vpw-rand);border-bottom:1px solid var(--vpw-linie)}.vpw-zeile__bild{display:block;width:80px;height:80px}.vpw-zeile__bild img{width:100%;height:100%;object-fit:contain}.vpw-zeile__info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.vpw-zeile__titel{max-width:100%;color:var(--vpw-text);font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vpw-zeile__variante{margin:0;color:var(--vpw-grau);font-size:14px}.vpw-zeile__marke{margin-top:2px;padding:2px 8px;border-radius:4px;background:var(--vpw-leiste);color:var(--vpw-knopf);font-size:12px;font-weight:600;letter-spacing:.02em}.vpw-zeile__rechts{display:flex;align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:space-between}.vpw-zeile__weg{width:32px;height:32px;margin:-6px -6px 0 0;padding:6px;border:0;background:none;color:var(--vpw-grau);transition:color .2s}.vpw-zeile__weg:hover{color:#be1414}.vpw-zeile__preis{display:flex;flex-direction:column;align-items:flex-end;margin:0;font-size:16px;font-weight:600;white-space:nowrap}.vpw-zeile__preis s{color:var(--vpw-grau);font-size:13px;font-weight:400}.vpw-menge{display:flex;align-items:stretch;height:36px;margin-top:8px;border:1px solid var(--vpw-feld)}.vpw-menge button{display:grid;place-items:center;width:38px;border:0;background:none}.vpw-menge button svg{width:14px}.vpw-menge button:disabled{color:var(--vpw-feld);cursor:default}.vpw-menge input{width:40px;border:0;background:none;color:inherit;font:inherit;font-size:16px;text-align:center;-moz-appearance:textfield}.vpw-menge input::-webkit-inner-spin-button,.vpw-menge input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vpw-empf{padding:26px var(--vpw-rand) 8px}.vpw-empf__titel-gesamt{margin:0 0 6px;color:var(--vpw-text);font-size:18px;font-weight:600}.vpw-empf__liste{margin:0;padding:0;list-style:none}.vpw-empf__zeile{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--vpw-linie)}.vpw-empf__zeile:last-child{border-bottom:0}.vpw-empf__bild{display:block;width:80px;height:80px}.vpw-empf__bild img{width:100%;height:100%;object-fit:contain}.vpw-empf__info{display:flex;flex-direction:column;gap:4px;min-width:0}.vpw-empf__titel{color:var(--vpw-text);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vpw-empf__preis{font-size:15px}.vpw-empf__preis s{margin-right:4px;color:var(--vpw-grau);font-size:13px}.vpw-empf__knopf{padding:11px 18px;border:0;background:var(--vpw-knopf);color:#fff!important;font-size:15px!important;font-weight:600;white-space:nowrap;transition:background .2s,opacity .2s}.vpw-empf__knopf:hover{background:var(--vpw-knopf-hover)}.vpw-empf__knopf.is-laedt{opacity:.6}.vpw-empf__knopf svg{display:none;width:18px;height:18px}.vpw__fuss{flex:none;padding:2px var(--vpw-rand) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--vpw-linie);background:#fff}.vpw-code summary{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:15px;cursor:pointer;list-style:none}.vpw-code summary::-webkit-details-marker{display:none}.vpw-code summary svg{width:16px;transition:transform .25s}.vpw-code[open] summary svg{transform:rotate(45deg)}.vpw-code__form{display:flex;gap:8px;margin-bottom:10px}.vpw-code__form input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid var(--vpw-feld);border-radius:6px;background:#fff;color:inherit;font:inherit;font-size:16px;transition:border-color .2s}.vpw-code__form input:focus{border-color:var(--vpw-knopf);outline:none}.vpw-code__form button{flex:none;height:46px;padding:0 20px;border:0;border-radius:6px;background:var(--vpw-knopf);color:#fff!important;font-size:15px;font-weight:600}.vpw-code__form button:hover{background:var(--vpw-knopf-hover)}.vpw-code__liste{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}.vpw-code__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;border-radius:4px;background:var(--vpw-leiste);font-size:13px;font-weight:600;text-transform:uppercase}.vpw-code__chip.is-ungueltig{background:#fbeaea;color:#be1414}.vpw-code__chip button{width:22px;height:22px;padding:0;border:0;background:none;font-size:16px;line-height:1}.vpw__meldung{margin:0 0 8px;color:#be1414;font-size:14px}.vpw-rabatt{display:flex;justify-content:space-between;font-size:15px}.vpw-summe{display:flex;align-items:baseline;justify-content:space-between;margin-top:2px;font-size:19px;font-weight:700}.vpw__hinweis{margin:2px 0 10px;color:var(--vpw-text);font-size:13px}.vpw__kasse{gap:10px;width:100%;min-height:50px;font-size:17px}.vpw__kasse svg{width:18px;height:18px}.vpw__titel,.vpw-empf__titel-gesamt,.vpw-summe{color:var(--vpw-text);font-weight:600;letter-spacing:-.012em}.vpw-summe strong{font-weight:700}.vpw__knopf,.vpw__kasse,.vpw-empf__knopf,.vpw-code__form button,.vpw-code__form input{border-radius:999px}.vpw__kasse{font-weight:700}.vpw-code__form input{padding:0 18px}.vpw-code__form input:focus{box-shadow:0 0 0 3px #aeca3a59}.vpw-menge{overflow:hidden;border-radius:999px}.vpw-zeile__marke,.vpw-code__chip{border-radius:999px}.vpw-zeile__marke{padding:2px 10px}.vpw-leiste--seite{border-radius:16px}.vpw-zeile__preis,.vpw-empf__preis{color:var(--vpw-text)}.vpw :focus-visible{outline:2px solid var(--vpw-blatt);outline-offset:2px}.vp-cd .vpw-zeile__titel,.vp-cd .vpw-empf__titel{color:var(--vpw-knopf);font-family:var(--vpw-produkt);font-weight:400;letter-spacing:.03em;text-transform:uppercase}.vp-cd .vpw-zeile__titel{font-size:17px;line-height:1.22}.vp-cd .vpw-empf__titel{font-size:16px;line-height:1.22}.vpw-leiste__fuellung{background:linear-gradient(90deg,var(--vpw-knopf) 0%,var(--vpw-blatt) 100%)}.vpw-empf__knopf{background:var(--vpw-blatt);color:var(--vpw-dunkel)!important;box-shadow:0 8px 18px -10px #10393f8c}.vpw-empf__knopf:hover{background:var(--vpw-blatt-hell)}.vpw__kasse svg{color:var(--vpw-blatt)}.vpw-code__chip:not(.is-ungueltig){background:#aeca3a38;color:var(--vpw-dunkel)}@media(max-width:767px){.vpw,.vpw-leiste{--vpw-rand: 16px}.vpw__kopf{padding-top:10px;padding-bottom:10px}.vpw__titel{font-size:17px}.vpw__zu{width:32px;height:32px}.vpw-leiste{padding-top:13px;padding-bottom:17px}.vpw-leiste__text{margin-bottom:12px;font-size:clamp(13px,3.75vw,15px)}.vpw-leiste__balken{height:7px}.vpw-zeile{grid-template-columns:68px 1fr auto;gap:14px;padding-top:16px;padding-bottom:16px}.vpw-zeile__bild{width:68px;height:68px}.vpw-zeile__titel{font-size:15px}.vpw-zeile__variante{font-size:13px}.vpw-zeile__preis{font-size:15px}.vpw-menge{height:36px;margin-top:8px}.vpw-menge button{width:36px}.vpw-menge input{width:32px;font-size:15px}.vpw-empf{padding-top:22px}.vpw-empf__titel-gesamt{font-size:16px}.vpw-empf__zeile{grid-template-columns:64px 1fr 40px;gap:14px;padding:12px 0}.vpw-empf__bild{width:64px;height:64px}.vpw-empf__titel,.vpw-empf__preis{font-size:14px}.vpw-empf__knopf{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%}.vpw-empf__knopf span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vpw-empf__knopf svg{display:block}.vpw__fuss{padding-top:4px}.vpw-code summary{padding:8px 0;font-size:14px}.vpw-summe{font-size:19px}.vpw__hinweis{margin:4px 0 12px;font-size:13px}.vpw__kasse{min-height:52px;font-size:18px;font-weight:600}.vp-cd .vpw-zeile__titel{font-size:16px}.vp-cd .vpw-empf__titel{font-size:15px}}.vpw-seite{max-width:1120px;margin:0 auto;padding:28px 16px 64px;color:var(--vpw-text)}.vpw-seite__titel{margin:0 0 20px;color:var(--vpw-text);font-size:28px;font-weight:600;letter-spacing:-.012em}.vpw-seite__raster{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.vpw-seite .vpw__inhalt{overflow:hidden;overflow:clip;overscroll-behavior:auto;isolation:isolate;min-width:0;border:1px solid var(--vpw-linie);border-radius:16px;background:#fff}.vpw-seite .vpw__artikel .vpw-zeile:last-child{border-bottom:0}.vpw-seite .vpw__fuss{padding:8px 20px 20px;border:1px solid var(--vpw-linie);border-radius:16px;background:var(--vpw-flaeche-hell)}.vpw-seite .vpw__leer{min-height:260px;border:1px solid var(--vpw-linie);border-radius:16px}@media(min-width:1024px){.vpw-seite{padding:40px 24px 80px}.vpw-seite__titel{font-size:34px}.vpw-seite__raster{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:32px}.vpw-seite .vpw__fuss{position:sticky;top:110px}.vpw-seite .vpw__leer{grid-column:1 / -1}}@media(max-width:1023px){.vpw-seite .vpw__fuss{position:sticky;bottom:0;z-index:20;margin:0 -16px -64px;padding:4px 16px calc(14px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -8px 24px #10393f1a}}html:has(.vpw-seite) :is(shopify-chat,#shopify-chat,.scroll_top){display:none!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/vp-warenkorb.css.map */
