.nl.nl-verfahren{--t:#23262B;--t2:#6B6F76;--g:#8A8D93;--l:#E8E9EC;--l2:#F3F4F6;--beige:#F6F3EC;--beige-t:#9C8B6E;--nacht:#0F1113;--hell:#EDEDEB;--hell-2:#A3A6AC;--keep:#33567F;--stop:#A6453A;--schatten:0 22px 44px -26px rgba(35,38,43,.34),0 2px 6px -2px rgba(35,38,43,.06);background:#fff;color:var(--t)}.nl.nl-verfahren p{margin:0}.nl-verfahren__kopf{display:grid;justify-items:center;text-align:center;max-width:880px;margin:0 auto clamp(32px,3.6vw,52px)}.nl.nl-verfahren .nl-verfahren__eyebrow{color:var(--beige-t)}.nl.nl-verfahren .nl-verfahren__h{font-family:var(--nl-sans);font-weight:600;letter-spacing:-.03em;font-size:clamp(3.4rem,3.9vw,5.8rem);line-height:1.04;margin:16px 0 18px;color:var(--t);text-wrap:balance}.nl.nl-verfahren .nl-verfahren__h em,.nl.nl-verfahren .nl-verfahren__h i{font-style:normal;font-weight:600;color:var(--g)}.nl.nl-verfahren .nl-verfahren__sub{font-family:var(--nl-sans);font-size:1.8rem;line-height:1.55;color:var(--t2);max-width:48ch;margin:0 auto}.nl-verfahren__zahlen{display:flex;justify-content:center;margin:30px 0 0}.nl-verfahren__zahl{display:grid;gap:8px;justify-items:center;padding:0 clamp(22px,3.4vw,52px)}.nl-verfahren__n{font-family:var(--nl-sans);font-weight:600;font-size:clamp(3rem,2.6vw,4rem);line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--t)}.nl-verfahren__l{font-family:var(--nl-sans);font-weight:500;font-size:1.2rem;line-height:1.35;letter-spacing:.12em;text-transform:uppercase;color:var(--g);max-width:14ch;text-align:center}.nl-verfahren__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px clamp(24px,3vw,48px)}.nl-verfahren__k{min-width:0}.nl-verfahren__k{position:relative;background:#fff;overflow:hidden;display:flex;flex-direction:column}.nl-verfahren__k--a,.nl-verfahren__k--d,.nl-verfahren__k--e{grid-column:span 12}.nl-verfahren__k--b,.nl-verfahren__k--c{grid-column:span 6}.nl-verfahren__bild{position:relative;flex:none;height:300px}.nl-verfahren__text{padding:36px 28px 0;display:grid;gap:8px;justify-items:center;text-align:center}.nl.nl-verfahren .nl-verfahren__marke{font-family:var(--nl-sans);font-weight:500;font-size:1.2rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--beige-t)}.nl.nl-verfahren .nl-verfahren__zeilen{font-family:var(--nl-sans);font-weight:600;font-size:clamp(1.8rem,1.5vw,2.1rem);line-height:1.32;letter-spacing:-.012em;color:var(--t);text-wrap:balance;max-width:34ch}.nl.nl-verfahren .nl-verfahren__zeilen span{display:block;font-weight:400;color:var(--t2)}.nl-verfahren__k--d .nl-verfahren__zeilen,.nl-verfahren__k--e .nl-verfahren__zeilen{max-width:46ch}.nl-verfahren__buehne{position:relative;aspect-ratio:16 / 9;background:#fff}.nl-verfahren__video{display:block;width:100%;height:100%;object-fit:cover;background:#fff}.nl-verfahren__regal{position:absolute;top:26px;bottom:26px;left:26px;right:calc(34% + 10px);border-radius:18px;overflow:hidden;background:var(--l2)}.nl-verfahren__regal img{display:block;width:100%;height:100%;object-fit:cover}.nl-verfahren__chip{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 8px;border-radius:999px;background:#fff;font-family:var(--nl-sans);font-weight:500;font-size:1.2rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--v);white-space:nowrap;box-shadow:0 8px 18px -10px #23262b73}.nl-verfahren__chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v)}.nl-verfahren__chip--keep{--v:var(--keep)}.nl-verfahren__chip--stop{--v:var(--stop)}.nl-verfahren__chip--offen{--v:var(--g)}.nl-verfahren__kosten{position:absolute;right:26px;top:26px;bottom:26px;width:calc(34% - 26px);border-radius:18px;background:#fff;box-shadow:var(--schatten);color:var(--t);padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;text-align:left}.nl-verfahren__ueberk{font-family:var(--nl-sans);font-weight:500;font-size:1.2rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--g)}.nl-verfahren__summe{font-family:var(--nl-sans);font-weight:600;font-size:clamp(3.2rem,2.8vw,4.2rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.nl.nl-verfahren .nl-verfahren__kosten ul{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:7px}.nl.nl-verfahren .nl-verfahren__kosten li{display:flex;align-items:center;gap:8px;font-family:var(--nl-sans);font-size:1.2rem;line-height:1.3;color:var(--t2)}.nl-verfahren__kosten li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v)}.nl-verfahren__li--keep{--v:var(--keep)}.nl-verfahren__li--stop{--v:var(--stop)}.nl-verfahren__li--offen{--v:var(--g)}.nl-verfahren__kosten li b{font-weight:600;color:var(--t);margin-left:auto;font-variant-numeric:tabular-nums}.nl-verfahren__bsp{font-family:ui-monospace,Menlo,monospace;font-weight:500;font-size:1.2rem;line-height:1;color:#9a9da3}.nl-verfahren__bild--c{height:300px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:28px;padding:26px 28px 0;align-items:center}.nl-verfahren__produkt{position:relative;height:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--schatten)}.nl-verfahren__produkt:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(to top,#fff 0 40%,#fff0)}.nl-verfahren__produkt img{width:100%;height:100%;object-fit:contain;object-position:50% 0;display:block;padding:10px 10px 0}.nl.nl-verfahren .nl-verfahren__plan{list-style:none;margin:0;padding:0;display:grid;gap:22px}.nl-verfahren__zyklus{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}.nl-verfahren__zyklus-was{font-family:var(--nl-sans);font-weight:600;font-size:1.45rem;line-height:1.3;letter-spacing:-.01em;color:var(--t)}.nl-verfahren__zyklus-stand{font-family:var(--nl-sans);font-size:1.25rem;line-height:1.3;color:var(--t2);white-space:nowrap;font-variant-numeric:tabular-nums}.nl-verfahren__zyklus-stand--keep{color:var(--keep);font-weight:600}.nl-verfahren__zyklus-stand--keep:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--keep);margin-right:6px;vertical-align:1px}.nl-verfahren__zyklus i{grid-column:1 / -1;display:block;height:6px;border-radius:3px;background:var(--l2);position:relative;overflow:hidden}.nl-verfahren__zyklus i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--f) * 100%);border-radius:3px;background:var(--t)}.nl-verfahren__zyklus--wartet .nl-verfahren__zyklus-was{color:var(--t2);font-weight:500}.nl-verfahren__inhalt{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:32px 32px 0}.nl-verfahren__chart{min-width:0}.nl.nl-verfahren .nl-verfahren__chart-kopf{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 6px;font-family:var(--nl-sans);font-weight:500;font-size:1.2rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--g)}.nl-verfahren__bsp-tag{background:var(--l2);border-radius:999px;padding:4px 9px;color:var(--t2)}.nl-verfahren__chart svg{display:block;width:100%;max-width:100%;height:auto;overflow:visible}.nl-verfahren__achse text{font-family:var(--nl-sans);font-size:10.5px;fill:#8a8d93}.nl-verfahren__achse--x text{font-size:10px;text-anchor:middle}.nl-verfahren__achse--f text{font-family:ui-monospace,Menlo,monospace;font-size:8.5px;fill:#a3a6ac;text-anchor:middle}.nl-verfahren__band{font-family:var(--nl-sans);font-size:9.5px;font-weight:500;letter-spacing:1.2px;fill:#8a8d93}.nl-verfahren__urteile{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin-top:6px}.nl.nl-verfahren .nl-verfahren__uk{background:#fff;color:var(--t);border-radius:20px;box-shadow:var(--schatten);padding:22px 24px 20px;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:10px;text-align:left}.nl-verfahren__uk--stop{--v:var(--stop)}.nl-verfahren__uk--keep{--v:var(--keep)}.nl.nl-verfahren .nl-verfahren__uk-kopf{display:flex;justify-content:space-between;gap:12px;font-family:var(--nl-sans);font-size:1.3rem;line-height:1.3;color:var(--t2)}.nl-verfahren__uk-kopf time{white-space:nowrap;font-variant-numeric:tabular-nums}.nl.nl-verfahren .nl-verfahren__uk-wort{font-family:var(--nl-sans);font-weight:600;font-size:2.6rem;line-height:1.1;letter-spacing:-.02em;color:var(--v);display:flex;align-items:center;gap:10px}.nl-verfahren__uk-wort:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--v);flex:none}.nl.nl-verfahren .nl-verfahren__uk-text{font-family:var(--nl-sans);font-size:1.5rem;line-height:1.5;color:var(--t)}.nl.nl-verfahren .nl-verfahren__uk-rat{font-family:var(--nl-sans);font-weight:600;font-size:1.5rem;line-height:1.45;color:var(--t)}.nl.nl-verfahren .nl-verfahren__uk-von{display:flex;align-items:center;gap:10px;margin-top:6px;font-family:var(--nl-sans);font-size:1.3rem;line-height:1.3;color:var(--t2)}.nl-verfahren__uk-von i{width:30px;height:30px;border-radius:50%;flex:none;overflow:hidden;background:var(--l2)}.nl-verfahren__uk-von i img,.nl-verfahren__av img{width:100%;height:100%;object-fit:cover;display:block}.nl-verfahren__bild--e{height:auto;padding:30px 30px 0}.nl-verfahren__chat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}.nl-verfahren__spalte{display:grid;gap:12px}.nl-verfahren__msg{display:flex;align-items:flex-end;gap:12px}.nl-verfahren__av{width:38px;height:38px;border-radius:50%;flex:none;overflow:hidden;background:var(--l2)}.nl-verfahren__bubble{background:var(--nacht);color:var(--hell);border-radius:18px 18px 18px 4px;padding:13px 16px;font-family:var(--nl-sans);font-size:1.45rem;line-height:1.5;max-width:46ch}.nl-verfahren__bubble b{display:block;font-weight:500;font-size:1.2rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#8e9097;margin-bottom:7px}.nl.nl-verfahren .nl-verfahren__bubble p{margin:0;color:var(--hell)}.nl-verfahren__rezept{display:grid;gap:10px;align-content:start}.nl-verfahren__rz-ueber{font-family:var(--nl-sans);font-weight:500;font-size:1.2rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}.nl-verfahren__zeile{display:flex;align-items:center;gap:10px;background:#fff;box-shadow:var(--schatten);border-radius:16px;padding:10px 14px;color:var(--t)}.nl-verfahren__zeile svg{width:22px;height:22px;flex:none}.nl-verfahren__zeile img{width:52px;height:52px;object-fit:cover;border-radius:10px;flex:none}.nl-verfahren__zeile em{font-style:normal;font-family:var(--nl-sans);font-weight:500;font-size:1.35rem;line-height:1.3;color:var(--t);margin-left:auto;text-align:right}.nl-verfahren__pf{width:16px;height:2px;background:#23262b4d;flex:none}.nl-verfahren__zeile--aus{background:var(--l2);box-shadow:none;color:var(--t2)}.nl-verfahren__zeile--aus em{color:var(--t2);font-weight:400}.nl-verfahren__minus{width:22px;height:2px;background:var(--stop);flex:none;margin:0 15px 0 0}@keyframes nlv-fuellen{0%{width:0}to{width:calc(var(--f) * 100%)}}@keyframes nlv-linie{0%,6%{stroke-dashoffset:0}9%{stroke-dashoffset:100}36%,to{stroke-dashoffset:0}}@keyframes nlv-chip{0%,6%{opacity:1}9%,22%{opacity:0;transform:translate(-50%,calc(-50% + 6px))}28%,to{opacity:1;transform:translate(-50%,-50%)}}.nl-verfahren.laeuft .nl-verfahren__zyklus i:after{animation:nlv-fuellen 1.4s cubic-bezier(.2,.7,.2,1) both}.nl-verfahren.laeuft .nl-verfahren__zyklus--laeuft i:after{animation-delay:.6s}.nl-verfahren.laeuft .nl-verfahren__verlauf{animation:nlv-linie 11s cubic-bezier(.45,0,.2,1) infinite}.nl-verfahren.laeuft .nl-verfahren__chip{animation:nlv-chip 8s ease-out infinite}.nl-verfahren.laeuft .nl-verfahren__chip:nth-child(3){animation-delay:.35s}.nl-verfahren.laeuft .nl-verfahren__chip:nth-child(4){animation-delay:.7s}.nl-verfahren.laeuft .nl-verfahren__chip:nth-child(5){animation-delay:1.05s}.nl-verfahren.laeuft .nl-verfahren__chip:nth-child(6){animation-delay:1.4s}@media(prefers-reduced-motion:reduce){.nl-verfahren *{animation:none!important}}@media(max-width:980px){.nl-verfahren__k--b,.nl-verfahren__k--c{grid-column:span 12}.nl-verfahren__urteile,.nl-verfahren__chat{grid-template-columns:1fr}}@media(max-width:620px){.nl-verfahren__raster{row-gap:28px}.nl-verfahren__zahl{padding:0 16px}.nl-verfahren__buehne{aspect-ratio:4 / 5}.nl-verfahren__k--b .nl-verfahren__bild{height:330px}.nl-verfahren__regal{right:20px;left:20px;top:20px;bottom:104px}.nl-verfahren__kosten{left:20px;right:20px;width:auto;top:auto;bottom:18px;height:70px;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px}.nl.nl-verfahren .nl-verfahren__kosten ul,.nl-verfahren__bsp{display:none}.nl-verfahren__text{padding:28px 20px 0}.nl-verfahren__inhalt{padding:22px 18px 0;gap:20px}.nl-verfahren__bild--e{padding:20px 18px 0}.nl-verfahren__bild--c{height:auto;grid-template-columns:1fr;gap:18px;padding:20px 18px 0}.nl-verfahren__produkt{height:260px;width:min(60%,220px);margin:0 auto}}@media(max-width:620px){.nl-verfahren__raster{row-gap:20px}.nl-verfahren__text{padding:22px 18px 0}.nl-verfahren__urteile{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nl-verfahren.css.map */