.svd-pdp-how-it-works-2026-section{container:svdhiw / inline-size}.svd-hiw{color:var(--hiw-ink);background:var(--hiw-bg);box-sizing:border-box;width:100%;padding:var(--hiw-pad-top) 22px var(--hiw-pad-bottom);container-type:inline-size;container-name:svdhiw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hiw-disc: 38px}.svd-hiw *,.svd-hiw *:before,.svd-hiw *:after{box-sizing:border-box}.svd-hiw__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:22px;align-items:start}.svd-hiw__lede{display:flex;flex-direction:column;gap:10px;min-width:0}.svd-hiw__eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:center;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--hiw-ink);white-space:nowrap;margin:0}.svd-hiw__eyebrow:before{content:"";width:18px;height:3px;background:var(--hiw-accent);border-radius:999px}.svd-hiw__heading{font-weight:800;font-size:26px;line-height:1.12;letter-spacing:-.02em;color:var(--hiw-ink);margin:0;text-wrap:balance;text-align:center}.svd-hiw__intro{font-size:14.5px;line-height:1.55;color:var(--hiw-ink-soft);margin:0 auto;max-width:42ch;text-wrap:pretty;text-align:center}.svd-hiw__intro strong{color:var(--hiw-ink);font-weight:700}.svd-hiw__note{font-size:11.5px;line-height:1.5;color:var(--hiw-ink-mute);margin:2px auto 0;max-width:42ch;text-align:center}.svd-hiw__image{margin:12px auto 0;width:100%;max-width:320px;aspect-ratio:var(--hiw-img-aspect, 5 / 3);border-radius:var(--hiw-img-radius);overflow:hidden;position:relative}.svd-hiw__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hiw-img-pos-x, 50%) var(--hiw-img-pos-y, 50%)}.svd-hiw__image[data-placeholder=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 28% 36%,rgba(255,255,255,.55) 0 8%,transparent 9%),radial-gradient(circle at 72% 64%,rgba(28,58,44,.16) 0 22%,transparent 23%),linear-gradient(135deg,color-mix(in oklab,var(--hiw-accent) 65%,white),color-mix(in oklab,var(--hiw-accent) 45%,var(--hiw-ink) 20%))}.svd-hiw__image[data-placeholder=true]:after{content:"Bild";position:absolute;inset:auto 10px 8px auto;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hiw-ink);opacity:.5}.svd-hiw__rows{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:0;min-width:0}.svd-hiw__row{position:relative;display:grid;grid-template-columns:var(--hiw-disc) 1fr;column-gap:14px;padding:14px 0}.svd-hiw__row:before{content:"";position:absolute;left:calc(var(--hiw-disc) / 2);top:calc(var(--hiw-disc) + 6px);bottom:-2px;width:0;transform:translate(-1px);border-left:2px dashed color-mix(in srgb,var(--hiw-line) 16%,transparent)}.svd-hiw__row:last-child:before{display:none}.svd-hiw__row:first-child{padding-top:4px}.svd-hiw__row:last-child{padding-bottom:0}.svd-hiw__disc{grid-column:1;grid-row:1 / span 2;width:var(--hiw-disc);height:var(--hiw-disc);border-radius:999px;background:var(--hiw-icon-bg);color:var(--hiw-ink);display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;z-index:1}.svd-hiw__disc svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}.svd-hiw__disc-tag{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hiw-tag-bg);color:var(--hiw-tag-text);font-size:10px;font-weight:800;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--hiw-bg)}.svd-hiw__row-text{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:4px}.svd-hiw__row-title{font-size:14.5px;font-weight:800;letter-spacing:-.005em;line-height:1.25;color:var(--hiw-ink);margin:0}.svd-hiw__row-body{font-size:13px;line-height:1.5;color:var(--hiw-ink-soft);margin:0;text-wrap:pretty}.svd-hiw__row-body strong{color:var(--hiw-ink);font-weight:700}@container svdhiw (min-width: 720px){.svd-hiw{--hiw-disc: 42px;padding-left:32px;padding-right:32px;padding-top:calc(var(--hiw-pad-top) + 16px);padding-bottom:calc(var(--hiw-pad-bottom) + 16px)}.svd-hiw__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"eyebrow image" "heading image" "intro   image" "note    image" "rows    image";grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(32px,5vw,64px);row-gap:10px;align-items:start}.svd-hiw__lede{display:contents}.svd-hiw__eyebrow{grid-area:eyebrow;justify-self:start}.svd-hiw__heading{grid-area:heading;font-size:30px;text-align:left}.svd-hiw__intro{grid-area:intro;font-size:15px;text-align:left;margin:0}.svd-hiw__note{grid-area:note;text-align:left;margin:2px 0 0}.svd-hiw__rows{grid-area:rows;margin-top:8px}.svd-hiw__image{grid-area:image;align-self:center;margin:0;max-width:100%}.svd-hiw__image[data-placeholder=true]{aspect-ratio:4 / 3}.svd-hiw__row{padding:16px 0;column-gap:16px}.svd-hiw__disc svg{width:20px;height:20px}.svd-hiw__row-title{font-size:15px}}@container svdhiw (min-width: 1000px){.svd-hiw{--hiw-disc: 44px;padding-top:calc(var(--hiw-pad-top) + 24px);padding-bottom:calc(var(--hiw-pad-bottom) + 24px)}.svd-hiw__heading{font-size:34px}.svd-hiw__intro{font-size:15.5px}.svd-hiw__row{padding:18px 0;column-gap:18px}.svd-hiw__disc svg{width:22px;height:22px}.svd-hiw__row-title{font-size:15.5px}.svd-hiw__row-body{font-size:13.5px}}@supports not (container-type: inline-size){@media(min-width:720px){.svd-hiw{--hiw-disc: 42px}.svd-hiw__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"eyebrow image" "heading image" "intro   image" "note    image" "rows    image";grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(32px,5vw,64px);row-gap:10px;align-items:start}.svd-hiw__lede{display:contents}.svd-hiw__eyebrow{grid-area:eyebrow;justify-self:start}.svd-hiw__heading{grid-area:heading;font-size:30px;text-align:left}.svd-hiw__intro{grid-area:intro;text-align:left;margin:0}.svd-hiw__note{grid-area:note;text-align:left;margin:2px 0 0}.svd-hiw__rows{grid-area:rows;margin-top:8px}.svd-hiw__image{grid-area:image;align-self:center;margin:0;max-width:100%}.svd-hiw__image[data-placeholder=true]{aspect-ratio:4 / 3}}@media(min-width:1000px){.svd-hiw{--hiw-disc: 44px}.svd-hiw__heading{font-size:34px}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/svd-pdp-how-it-works-2026.css.map */