.ns-buehnenpfeile{z-index:5;pointer-events:none;position:absolute;inset:0}.ns-buehnenpfeile__pfeil{--pfeil-scheibe:clamp(44px, 4.4vw, 62px);margin-top:calc(var(--pfeil-scheibe) / -2);width:var(--pfeil-scheibe);aspect-ratio:1;-webkit-backdrop-filter:blur(9px);pointer-events:auto;transition:background-color var(--dauer-schnell) ease;background:#ffffff61;background:lab(100% 0 0/.38);border:1px solid #ffffff3d;border:1px solid lab(100% 0 0/.24);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;box-shadow:inset 0 1px #ffffff8c;box-shadow:inset 0 1px lab(100% 0 0/.55)}.ns-buehnenpfeile__pfeil:hover{background:#ffffff94;background:lab(100% 0 0/.58)}.ns-buehnenpfeile__pfeil:focus-visible{outline:2px solid var(--seite-tinte,currentColor);outline-offset:4px}.ns-buehnenpfeile__pfeil--links{left:clamp(12px,2.5vw,36px)}.ns-buehnenpfeile__pfeil--rechts{right:clamp(12px,2.5vw,36px)}@media (max-width:760px){.ns-buehnenpfeile__pfeil{--pfeil-scheibe:44px;box-shadow:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 1px 2px #ffffffa6);filter:drop-shadow(0 1px 2px lab(100% 0 0/.65));background:0 0;border-color:#0000}.ns-buehnenpfeile__pfeil:hover{background:0 0}.ns-buehnenpfeile__pfeil--links{left:0}.ns-buehnenpfeile__pfeil--rechts{right:0}}@media (prefers-reduced-motion:reduce){.ns-buehnenpfeile__pfeil{transition:none}}
.ns-produktleiste{box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-backdrop-filter:blur(9px);background:#fff9;background:lab(100% 0 0/.6);border:1px solid #ffffff6b;border:1px solid lab(100% 0 0/.42);border-radius:999px;width:max-content;max-width:calc(100% - 32px);margin:0 auto;padding:4px;position:relative;overflow:auto hidden;box-shadow:inset 0 1px #ffffff8c,0 6px 20px #251d321f;box-shadow:inset 0 1px lab(100% 0 0/.55),0 6px 20px lab(12.4746% 7.90066 -12.5836/.12)}.ns-produktleiste::-webkit-scrollbar{display:none}.ns-produktleiste__liste{white-space:nowrap;gap:2px;width:max-content;min-width:100%;margin:0;padding:0;list-style:none;display:flex}.ns-produktleiste__segment{flex:1 0 0;min-width:max-content;display:flex}.ns-produktleiste__verweis{box-sizing:border-box;min-height:44px;color:var(--seite-tinte,currentColor);font-family:var(--schrift-text);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;padding:0 clamp(14px,1.6vw,22px);font-size:16px;font-weight:600;line-height:normal;text-decoration:none;transition:background-color .2s;display:inline-flex}.ns-produktleiste__verweis:hover{color:var(--seite-tinte,currentColor)}@media (hover:hover){.ns-produktleiste__verweis:hover{background-color:#ffffff80;background-color:lab(100% 0 0/.5)}}.ns-produktleiste .ns-produktleiste__verweis[aria-current=page]{color:#fff;background:linear-gradient(135deg, var(--leiste-aktiv-von,#714a96), var(--leiste-aktiv-bis,#5e3a83));box-shadow:0 2px 8px #251d322e;box-shadow:0 2px 8px lab(12.4746% 7.90066 -12.5836/.18)}.ns-produktleiste .ns-produktleiste__verweis:focus-visible{outline-offset:-4px;border-radius:999px;outline:2px solid}@media (max-width:760px){.ns-produktleiste__verweis{font-size:15px}}@media (max-width:599.98px){.ns-produktleiste{width:calc(100% - 32px)}.ns-produktleiste__verweis{padding:0 12px}}@media (prefers-reduced-motion:reduce){.ns-produktleiste__verweis{transition:none}}
@font-face{font-family:LittlewerkHeroRowdies;src:url(/schriften/Rowdies-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:LittlewerkHinweisHand;src:url(/schriften/PatrickHand-Regular.ttf)format("truetype");font-weight:400;font-display:swap}.ns-szene{--szene-tinte:#302040;--szene-einheit:clamp(1px, min(.069cqw, max(1px, .1111cqh)), 1.28px);--szene-display:LittlewerkHeroRowdies, Rowdies, Karla, sans-serif;--szene-schatten:#553576;--szene-fokus:#4b2879;--szene-grund:#cdbbec;--szene-bild-quer:url(/littlewerk-home-v1/landscape.webp);--szene-bild-hoch:url(/littlewerk-home-v1/landscape-mobile-v1.webp);isolation:isolate;background:var(--szene-grund);width:100%;height:100dvh;color:var(--szene-tinte);font-family:var(--schrift-text);-webkit-hyphens:manual;hyphens:manual;--szene-hoehe:100cqh;--szene-kopf-polster:clamp(12px, 2.4vh, 26px);--szene-titel-groesse:calc(clamp(28px, 4vw, 58px) + 58 * (var(--szene-einheit) - 1px));--szene-titel-wirksam:min(var(--szene-titel-groesse), (100cqw - 24px) / (var(--szene-titel-zeichen,1) * .6));--szene-titel-abstand:calc(12 * var(--szene-einheit));--szene-text-groesse:calc(clamp(16px, 1.65vw, 22px) + 22 * (var(--szene-einheit) - 1px));--szene-text-zeile:1.3;--szene-text-zeilen:calc(1 + var(--szene-umbruch,0));--szene-intro-unten:0px;--szene-hinweis-schrift:calc(26 * var(--szene-einheit));--szene-hinweis-zeile:calc(1.05 * var(--szene-hinweis-schrift));--szene-hinweis-zeilen:2;--szene-pfeil-hoehe:calc(1.9 * var(--szene-hinweis-schrift));--szene-pfeil-ueber:calc(.15 * var(--szene-hinweis-schrift));--szene-hinweis-abstand:4px;--szene-leistenraum:0px;--szene-text-rand:24px;--szene-text-zeichen:var(--szene-zeile-zeichen,1);--szene-kopf-unten:calc(44px + 2 * var(--szene-kopf-polster) + env(safe-area-inset-top,0px));--szene-aktionen-hoehe:calc(var(--szene-pfeil-hoehe) - var(--szene-pfeil-ueber) + var(--szene-hinweis-zeilen) * var(--szene-hinweis-zeile));margin:0;line-height:normal;position:relative;overflow:hidden;container:ns-szene/size}.ns-szene>*{--szene-text-wirksam:max(.75 * var(--szene-text-groesse), min(var(--szene-text-groesse), (100cqw - var(--szene-text-rand)) / (var(--szene-text-zeichen) * .46)));--szene-intro-hoehe:calc(1.15 * var(--szene-titel-wirksam) + var(--szene-titel-abstand) + var(--szene-text-zeile) * var(--szene-text-wirksam) * var(--szene-text-zeilen) + var(--szene-intro-unten))}.ns-szene.ns-szene--leiste{--szene-leistenraum:calc(clamp(10px, 2dvh, 24px) + env(safe-area-inset-bottom,0px) + 66px)}.ns-szene>*{--szene-erst-luecke:clamp(8px, 1.6cqw, 24px);--szene-erst-basis:min(.705 * var(--szene-hoehe), var(--szene-hoehe) - var(--szene-aktionen-hoehe) - 18px - max(.1 * var(--szene-hoehe), var(--szene-leistenraum)));--szene-erst-mitte-breite:min(40cqw, 580px, max(24px, var(--szene-erst-basis) - var(--szene-kopf-unten) - var(--szene-intro-hoehe) - 34px) * 1140 / 982, (92cqw - 2 * var(--szene-erst-luecke)) / 2.32);--szene-erst-seite-breite:calc(var(--szene-erst-mitte-breite) * .66);--szene-erst-standlinie:var(--szene-erst-basis);--szene-erst-intro-oben:max(var(--szene-kopf-unten) + 12px, var(--szene-erst-basis) - var(--szene-erst-mitte-breite) * 982 / 1140 - 22px - var(--szene-intro-hoehe));--szene-erst-aktionen-oben:calc(var(--szene-erst-standlinie) + var(--szene-hinweis-abstand))}@container ns-szene (orientation:landscape) and (max-height:540px){.ns-szene>*{--szene-leistenraum:0px}}@container ns-szene (max-height:540px) and (not (min-width:560px)){.ns-szene>*{--szene-text-zeilen:calc(1 + var(--szene-umbruch,0));--szene-text-zeichen:var(--szene-zeile-zeichen,1)}.ns-szene .ns-szene__text br{display:inline}}@container ns-szene (orientation:portrait){.ns-szene>*{--szene-erst-versatz:clamp(16px, .03 * var(--szene-hoehe), 32px);--szene-erst-basis:min(.64 * var(--szene-hoehe), var(--szene-hoehe) - var(--szene-aktionen-hoehe) - 14px - max(.1 * var(--szene-hoehe), var(--szene-leistenraum)));--szene-erst-mitte-breite:min(46cqw, 580px, max(24px, var(--szene-erst-basis) - var(--szene-kopf-unten) - var(--szene-intro-hoehe) - 32px) * 1140 / 982, (93cqw - 2 * var(--szene-erst-luecke)) / 2.04);--szene-erst-seite-breite:calc(var(--szene-erst-mitte-breite) * .52);--szene-erst-standlinie:var(--szene-erst-basis);--szene-erst-intro-oben:max(var(--szene-kopf-unten) + 12px, var(--szene-erst-basis) - var(--szene-erst-mitte-breite) * 982 / 1140 - 20px - var(--szene-intro-hoehe) - var(--szene-erst-versatz))}}@container ns-szene (orientation:portrait) and (not (min-width:600px)){.ns-szene>*{--szene-tel-mitte:min(53cqw, 580px, max(24px, var(--szene-erst-basis) - var(--szene-kopf-unten) - var(--szene-intro-hoehe) - 32px) * 1140 / 982, (93cqw - 2 * var(--szene-erst-luecke)) / 1.8);--szene-tel-seite:calc(var(--szene-tel-mitte) * .4);--szene-erst-intro-roh:max(var(--szene-kopf-unten) + 12px, var(--szene-erst-basis) - var(--szene-tel-mitte) * 982 / 1140 - 20px - var(--szene-intro-hoehe) - var(--szene-erst-versatz));--szene-tel-intro:max(var(--szene-kopf-unten) + 12px, var(--szene-erst-intro-roh) - .0438 * var(--szene-hoehe));--szene-erst-hub:calc(var(--szene-erst-intro-roh) - var(--szene-tel-intro));--szene-tel-standlinie:calc(var(--szene-erst-basis) - var(--szene-erst-hub));--szene-tel-aktionen:calc(var(--szene-tel-standlinie) + var(--szene-hinweis-abstand));--szene-tel-bodenrand:12px;--szene-tel-leistenraum:var(--szene-leistenraum)}}@media (orientation:portrait) and (max-width:599.98px){.ns-szene.ns-szene--safari{height:calc(100dvh + 100px)}}.ns-szene.ns-szene--safari{--szene-safari-leistenraum:0px}.ns-szene.ns-szene--safari.ns-szene--leiste{--szene-safari-leistenraum:calc(var(--szene-leistenraum) + 100px)}@container ns-szene (orientation:portrait) and (not (min-width:600px)){.ns-szene--safari>*{--szene-voll-basis:min(.64 * 100cqh, 100cqh - var(--szene-aktionen-hoehe) - 14px - max(.1 * 100cqh, var(--szene-safari-leistenraum)));--szene-voll-versatz:clamp(16px, .03 * 100cqh, 32px);--szene-voll-mitte:min(53cqw, 580px, max(24px, var(--szene-voll-basis) - var(--szene-kopf-unten) - var(--szene-intro-hoehe) - 32px) * 1140 / 982, (93cqw - 2 * var(--szene-erst-luecke)) / 1.8);--szene-voll-intro-roh:max(var(--szene-kopf-unten) + 12px, var(--szene-voll-basis) - var(--szene-voll-mitte) * 982 / 1140 - 20px - var(--szene-intro-hoehe) - var(--szene-voll-versatz));--szene-voll-intro:max(var(--szene-kopf-unten) + 12px, var(--szene-voll-intro-roh) - .0438 * 100cqh);--szene-voll-hub:calc(var(--szene-voll-intro-roh) - var(--szene-voll-intro));--szene-voll-standlinie:calc(var(--szene-voll-basis) - var(--szene-voll-hub));--szene-sicht-hoehe:calc(100cqh - 100px);--szene-sicht-basis:min(.64 * var(--szene-sicht-hoehe), var(--szene-sicht-hoehe) - var(--szene-aktionen-hoehe) - 14px - max(.1 * var(--szene-sicht-hoehe), var(--szene-leistenraum)));--szene-sicht-versatz:clamp(16px, .03 * var(--szene-sicht-hoehe), 32px);--szene-sicht-mitte:min(53cqw, 580px, max(24px, var(--szene-sicht-basis) - var(--szene-kopf-unten) - var(--szene-intro-hoehe) - 32px) * 1140 / 982, (93cqw - 2 * var(--szene-erst-luecke)) / 1.8);--szene-sicht-intro-roh:max(var(--szene-kopf-unten) + 12px, var(--szene-sicht-basis) - var(--szene-sicht-mitte) * 982 / 1140 - 20px - var(--szene-intro-hoehe) - var(--szene-sicht-versatz));--szene-sicht-intro:max(var(--szene-kopf-unten) + 12px, var(--szene-sicht-intro-roh) - .0438 * var(--szene-sicht-hoehe));--szene-safari-mitte:min(57cqw, (96cqw - 2 * var(--szene-erst-luecke)) / 1.72);--szene-safari-hoeher:calc((var(--szene-safari-mitte) - var(--szene-voll-mitte)) * 982 / 1140);--szene-safari-intro:max(var(--szene-kopf-unten) + 12px, min(var(--szene-voll-intro) - var(--szene-safari-hoeher), var(--szene-sicht-intro)));--szene-safari-hub:calc(var(--szene-voll-intro) - var(--szene-safari-hoeher) - var(--szene-safari-intro));--szene-safari-an:clamp(0, sign(var(--szene-safari-hub)) + 1, 1);--szene-tel-mitte:calc(var(--szene-voll-mitte) + var(--szene-safari-an) * (var(--szene-safari-mitte) - var(--szene-voll-mitte)));--szene-tel-seite:calc(.4 * var(--szene-voll-mitte) + var(--szene-safari-an) * (.36 * var(--szene-safari-mitte) - .4 * var(--szene-voll-mitte)));--szene-tel-intro:calc(var(--szene-voll-intro) + var(--szene-safari-an) * (var(--szene-safari-intro) - var(--szene-voll-intro)));--szene-tel-standlinie:calc(var(--szene-voll-standlinie) - var(--szene-safari-an) * var(--szene-safari-hub));--szene-tel-bodenrand:112px;--szene-tel-leistenraum:var(--szene-safari-leistenraum)}.ns-szene>*{--szene-wachs-frei:calc((100cqw - 2 * max(6px, 2cqw) - 2 * var(--szene-erst-luecke)) / var(--szene-sichtbar,1));--szene-wachs-unten:max(0px, var(--szene-hoehe) - max(var(--szene-tel-bodenrand), var(--szene-tel-leistenraum)) - var(--szene-aktionen-hoehe) - var(--szene-tel-aktionen));--szene-wachs-oben:max(0px, var(--szene-tel-intro) - var(--szene-kopf-unten) - 12px);--szene-erst-mitte-breite:min(1.15 * var(--szene-tel-mitte), var(--szene-tel-mitte) + (var(--szene-wachs-unten) + var(--szene-wachs-oben)) * 1140 / 982, var(--szene-wachs-frei) - 2 * 1.12 * var(--szene-tel-seite));--szene-erst-seite-breite:min(1.6 * var(--szene-tel-seite), (var(--szene-wachs-frei) - var(--szene-erst-mitte-breite)) / 2);--szene-wachs-hoeher:calc((var(--szene-erst-mitte-breite) - var(--szene-tel-mitte)) * 982 / 1140);--szene-wachs-runter:min(var(--szene-wachs-hoeher), var(--szene-wachs-unten));--szene-erst-standlinie:calc(var(--szene-tel-standlinie) + var(--szene-wachs-runter));--szene-erst-intro-oben:calc(var(--szene-tel-intro) - var(--szene-wachs-hoeher) + var(--szene-wachs-runter))}}body:has(.ns-szene:not(.ns-szene--weggerollt):not(.ns-szene--karte)){background:var(--szene-rand-quer,#c9bffb)}@media (orientation:portrait){body:has(.ns-szene:not(.ns-szene--weggerollt):not(.ns-szene--karte)){background:var(--szene-rand-hoch,#c1b6fc)}}.ns-szene dialog{color:var(--tinte);font-family:var(--schrift-text);-webkit-hyphens:auto;hyphens:auto}.ns-szene a:not(dialog *),.ns-szene button:not(dialog *){-webkit-tap-highlight-color:transparent}.ns-szene a:not(dialog *):focus-visible,.ns-szene button:not(dialog *):focus-visible{outline:3px solid var(--szene-fokus);outline-offset:6px}.ns-szene__landschaft,.ns-szene__vordergrund{pointer-events:none;background:var(--szene-bild-quer) center / 100% 100% no-repeat;position:absolute;inset:0}.ns-szene__landschaft{z-index:-2}.ns-szene__vordergrund{z-index:4;transform-origin:50% 100%;background-position:bottom;background-size:100% 500%;height:28%;animation:9s ease-in-out infinite alternate ns-szene-brise;top:auto;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.ns-szene__vordergrund--aus{opacity:0}.ns-szene__landschaft,.ns-szene__vordergrund,.ns-szene__produkt--mitte .ns-szene__zuschnitt img{transition:opacity .4s}.ns-szene--wartet-hintergrund .ns-szene__landschaft,.ns-szene--wartet-hintergrund .ns-szene__vordergrund,.ns-szene--wartet-mitte .ns-szene__produkt--mitte .ns-szene__zuschnitt img{opacity:0}.ns-szene__kopf{--szene-display:LittlewerkHeroRowdies, Rowdies, Karla, sans-serif;z-index:7;color:var(--seite-tinte);pointer-events:none;grid-area:1/1;align-self:start;position:sticky;top:0}.ns-szene__kopf .ns-kopf--szene>*{pointer-events:auto}.ns-szene-rahmen{--szene-kopf-polster:clamp(12px, 2.4vh, 26px);grid-template-columns:minmax(0,1fr);display:grid}.ns-szene-rahmen>.ns-szene{grid-area:1/1}.ns-szene-rahmen--karte{display:contents}.ns-szene__oben{width:1px;height:var(--szene-kopf-unten);visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.ns-szene__kopf .ns-kopf--szene{padding:var(--szene-kopf-polster) clamp(20px, 4vw, 72px);padding-top:calc(var(--szene-kopf-polster) + env(safe-area-inset-top,0px));padding-left:max(clamp(20px, 4vw, 72px), env(safe-area-inset-left,0px));padding-right:max(clamp(20px, 4vw, 72px), env(safe-area-inset-right,0px));justify-content:flex-start;gap:clamp(16px,3vw,44px);position:relative;top:auto}.ns-szene__kopf .ns-kopf--szene .ns-kopf__marke{--schrift-display:var(--szene-display);font-family:var(--schrift-display);letter-spacing:-.07em;font-size:clamp(24px,2vw,32px);font-weight:700;line-height:normal;display:inline-flex}.ns-szene__kopf .ns-kopf--szene .ns-kopf__nav{gap:clamp(16px,3vw,44px)}.ns-szene__kopf .ns-kopf--szene .ns-kopf__link{font-family:var(--schrift-text);letter-spacing:.02em;font-size:17px;font-weight:600;line-height:normal}.ns-szene__kopf .ns-kopf--szene .ns-kopf__link:hover{text-decoration:none}.ns-szene__kopf .ns-kopf--szene .ns-kopf__korb,.ns-szene__kopf .ns-kopf--szene .ns-kopf__burger{background:0 0;border-radius:0;width:44px;min-width:44px;height:44px;min-height:44px}.ns-szene__kopf .ns-kopf--szene .ns-kopf__korb:hover,.ns-szene__kopf .ns-kopf--szene .ns-kopf__burger:hover{background:0 0}.ns-szene__kopf .ns-kopf--szene .ns-kopf__korb svg,.ns-szene__kopf .ns-kopf--szene .ns-kopf__burger svg{width:27px;max-width:none;height:29px}.ns-szene__kopf .ns-kopf--szene .ns-kopf__korbzahl{color:#fff;min-width:18px;height:18px;font:600 12px var(--schrift-text);background:#5e3a83;border-radius:50%;place-items:center;padding:0;display:grid;top:0;right:0}.ns-szene__intro{left:12px;right:12px;top:var(--szene-intro-oben,var(--szene-erst-intro-oben));padding:0 0 var(--szene-intro-unten);text-align:center;z-index:5;position:absolute}.ns-szene__titel{--schrift-display:var(--szene-display);margin:0 0 var(--szene-titel-abstand);font-family:var(--schrift-display);font-weight:700;font-size:var(--szene-titel-wirksam);letter-spacing:-.04em;color:inherit;white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow-x:clip}.ns-szene__text{max-width:none;font-size:var(--szene-text-wirksam);line-height:var(--szene-text-zeile);letter-spacing:.015em;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow-x:clip}@supports (width:round(down, 1.5px, 1px)){.ns-szene{--szene-hinweis-zeile:round(down, 1.05 * var(--szene-hinweis-schrift), 1px)}.ns-szene__titel{line-height:round(down,1.15em,1px)}.ns-szene__text{line-height:round(down, calc(var(--szene-text-zeile) * 1em), 1px)}.ns-szene>*{--szene-intro-hoehe:calc(round(down, 1.15 * var(--szene-titel-wirksam), 1px) + var(--szene-titel-abstand) + round(down, var(--szene-text-zeile) * var(--szene-text-wirksam), 1px) * var(--szene-text-zeilen) + var(--szene-intro-unten))}}.ns-szene__produkte{z-index:2;pointer-events:none;position:absolute;inset:0}.ns-szene__produkt{--verzoegerung:0s;--periode:8s;--phase:0s;--rx:0deg;--ry:0deg;perspective:1000px;pointer-events:auto;transform-origin:50% 100%;will-change:transform;width:var(--szene-seite-breite,var(--szene-erst-seite-breite));height:auto;top:auto;bottom:calc(100% - var(--szene-standlinie,var(--szene-erst-standlinie)));translate:-50%;transform:translateX(calc(var(--szene-mitte-breite,var(--szene-erst-mitte-breite)) * var(--szene-start-a,0) + 100% * var(--szene-start-b,0)));cursor:pointer;position:absolute}.ns-szene__produkt--links{left:calc(50% - var(--szene-mitte-breite,var(--szene-erst-mitte-breite)) / 2 - var(--szene-seite-breite,var(--szene-erst-seite-breite)) / 2 - var(--szene-luecke,var(--szene-erst-luecke)));z-index:1}.ns-szene__produkt--mitte{width:var(--szene-mitte-breite,var(--szene-erst-mitte-breite));z-index:2;left:50%}.ns-szene__produkt--rechts{left:calc(50% + var(--szene-mitte-breite,var(--szene-erst-mitte-breite)) / 2 + var(--szene-seite-breite,var(--szene-erst-seite-breite)) / 2 + var(--szene-luecke,var(--szene-erst-luecke)));z-index:1}.ns-szene__tausch{position:absolute;inset:0}.ns-szene__pfeilfeld{left:0;right:0;bottom:calc(100% - var(--szene-standlinie,var(--szene-erst-standlinie)));height:calc(var(--szene-mitte-breite,var(--szene-erst-mitte-breite)) * 982 / 1140);pointer-events:none;position:absolute}.ns-szene__schatten{background:var(--szene-schatten);filter:blur(9px);opacity:.15;width:84%;height:6%;animation:ns-szene-schatten var(--periode) ease-in-out var(--phase) infinite;border-radius:50%;position:absolute;bottom:-1.8%;left:8%}.ns-szene__auftritt,.ns-szene__schweben,.ns-szene__neigung,.ns-szene__zuschnitt{width:100%;height:100%}.ns-szene__auftritt{animation:ns-szene-ankunft 1.25s cubic-bezier(.2, .75, .25, 1) var(--verzoegerung) both}.ns-szene__schweben{animation:ns-szene-schweben var(--periode) ease-in-out var(--phase) infinite;transform-origin:50% 85%;will-change:transform}.ns-szene__neigung{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:50% 80%;transition:transform .65s ease-out}.ns-szene__zuschnitt{transition:transform .25s;position:relative;overflow:hidden}.ns-szene__zuschnitt img{pointer-events:none;max-width:none;display:block;position:absolute}@media (hover:hover){.ns-szene__produkt:hover .ns-szene__zuschnitt{transform:translateY(-3px)}}.ns-szene__aktionen{left:16px;right:16px;top:var(--szene-aktionen-oben,var(--szene-erst-aktionen-oben));z-index:6;position:absolute}.ns-szene__hinweis{width:max-content;color:var(--szene-tinte);font-family:LittlewerkHinweisHand,Arial,sans-serif;font-weight:400;font-size:var(--szene-hinweis-schrift);border-radius:12px;margin-left:calc(50% - 1em);text-decoration:none;display:block}.ns-szene__hinweis:hover,.ns-szene__hinweis:visited{color:var(--szene-tinte)}.ns-szene__pfeil{width:calc(var(--szene-pfeil-hoehe) * 60 / 41);height:var(--szene-pfeil-hoehe);margin:0 0 calc(-1 * var(--szene-pfeil-ueber)) calc(1em - var(--szene-pfeil-hoehe) * 30 / 41);transition:translate .18s;display:block;overflow:visible}.ns-szene__hinweis-text{text-indent:-.6em;line-height:var(--szene-hinweis-zeile);text-align:left;white-space:nowrap;padding-left:.6em;display:block;position:relative;rotate:-3deg}.ns-szene__hinweis-finger{display:none}@media (hover:none) and (pointer:coarse){.ns-szene__hinweis-maus{display:none}.ns-szene__hinweis-finger{display:inline}}@media (hover:hover) and (pointer:fine){.ns-szene__hinweis:hover .ns-szene__pfeil{translate:0 -2px}}.ns-szene__hinweis:active .ns-szene__hinweis-text{translate:0 1px}@media (prefers-reduced-motion:reduce){.ns-szene__pfeil{transition:none}.ns-szene__hinweis:hover .ns-szene__pfeil,.ns-szene__hinweis:active .ns-szene__hinweis-text{translate:none}}.ns-szene.ns-szene--karte{--szene-kopf-unten:0px;--szene-aktionen-hoehe:0px;background:0 0;height:100%;overflow:visible}.ns-szene.ns-szene--karte>*{--szene-intro-hoehe:0px;--szene-aktionen-hoehe:0px}.ns-szene__kopf--karte{height:0}.ns-szene--karte .ns-szene__intro,.ns-szene--karte .ns-szene__aktionen{display:none}.ns-szene__unten{z-index:6;left:0;right:0;bottom:calc(clamp(10px, 2dvh, 24px) + env(safe-area-inset-bottom,0px));position:absolute}@media (orientation:portrait) and (max-width:599.98px){.ns-szene--safari .ns-szene__unten{bottom:calc(100px + clamp(10px,2dvh,24px))}}@container ns-szene (orientation:landscape) and (max-height:540px){.ns-szene__unten{pointer-events:none;justify-content:center;display:flex;inset:0 calc(178px + 2*clamp(16px,3vw,44px)) auto 137px}.ns-szene__unten .ns-produktleiste{pointer-events:auto;width:max-content;max-width:100%;margin:0;padding:2px}.ns-szene__unten .ns-produktleiste__segment{flex:none}.ns-szene__unten .ns-produktleiste__verweis{padding:0 12px}.ns-szene__entwurf{display:none}}@media (orientation:landscape) and (max-height:540px){.ns-szene__kopf .ns-kopf--szene:before{--szene-leiste-links:calc(22px + 103px + 12px);--szene-leiste-rechts:calc(22px + 88px + 2 * clamp(16px, 3vw, 44px) + 56px + 12px);-webkit-mask-image:linear-gradient(90deg, #000 var(--szene-leiste-links), transparent var(--szene-leiste-links), transparent calc(100% - var(--szene-leiste-rechts)), #000 calc(100% - var(--szene-leiste-rechts)));-webkit-mask-image:linear-gradient(90deg, #000 var(--szene-leiste-links), transparent var(--szene-leiste-links), transparent calc(100% - var(--szene-leiste-rechts)), #000 calc(100% - var(--szene-leiste-rechts)));mask-image:linear-gradient(90deg, #000 var(--szene-leiste-links), transparent var(--szene-leiste-links), transparent calc(100% - var(--szene-leiste-rechts)), #000 calc(100% - var(--szene-leiste-rechts)))}}@media (orientation:landscape) and (max-height:540px) and (max-width:760px){.ns-szene__kopf .ns-kopf--szene:before{--szene-leiste-rechts:calc(22px + 88px + clamp(16px, 3vw, 44px) + 12px)}}@media (max-width:760px){@container ns-szene (orientation:landscape) and (max-height:540px){.ns-szene__unten{right:calc(122px + clamp(16px,3vw,44px))}}}.ns-szene__entwurf{box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);color:var(--szene-tinte);text-align:center;background:#ffffffb8;background:lab(100% 0 0/.72);border-radius:14px;margin:0 auto 8px;padding:6px 14px;font-size:13px;line-height:1.35}.ns-szene__vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ns-szene.ns-szene--abbild{pointer-events:none}.ns-szene--abbild,.ns-szene--abbild *{transition:none!important;animation:none!important}.ns-szene--pausiert .ns-szene__bewegt,.ns-szene--pausiert .ns-szene__auftritt{animation-play-state:paused}.ns-szene--pausiert .ns-szene__neigung{transform:none!important}.ns-szene--ruhig .ns-szene__bewegt,.ns-szene--ruhig .ns-szene__auftritt{animation:none!important}.ns-szene--ruhig .ns-szene__neigung{transform:none!important}@media (prefers-reduced-motion:reduce){.ns-szene__bewegt,.ns-szene__auftritt{animation:none!important}.ns-szene__neigung{transform:none!important}.ns-szene__zuschnitt,.ns-szene__landschaft,.ns-szene__vordergrund,.ns-szene__produkt--mitte .ns-szene__zuschnitt img{transition:none}}@media (max-width:650px){.ns-szene__titel{letter-spacing:-.035em}.ns-szene__schatten{filter:blur(4px)}}@media (max-width:760px){.ns-szene{--szene-kopf-polster:12px;--szene-titel-groesse:clamp(27px, 7.5vw, 45px);--szene-titel-abstand:10px;--szene-text-groesse:clamp(15px, 4vw, 19px);--szene-hinweis-schrift:24px}.ns-szene-rahmen{--szene-kopf-polster:12px}.ns-szene__kopf .ns-kopf--szene{padding:calc(var(--szene-kopf-polster) + env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) var(--szene-kopf-polster) max(20px, env(safe-area-inset-left,0px))}.ns-szene__kopf .ns-kopf--szene .ns-kopf__nav{display:none}}@container ns-szene (orientation:portrait){.ns-szene__landschaft,.ns-szene__vordergrund{background-image:var(--szene-bild-hoch);background-position:50%;background-size:100% 100%}.ns-szene__vordergrund{height:auto;inset:0;-webkit-mask-image:linear-gradient(#0000 74%,#000 88%);mask-image:linear-gradient(#0000 74%,#000 88%)}}@media (orientation:portrait) and (min-width:600px){.ns-szene{--szene-titel-groesse:clamp(36px, 5vw, 56px);--szene-text-groesse:clamp(19px, 2.4vw, 24px)}}@media (max-height:540px) and (min-aspect-ratio:1){.ns-szene{--szene-kopf-polster:3px;--szene-titel-groesse:28px;--szene-titel-abstand:4px;--szene-text-groesse:15px;--szene-text-zeile:1.15;--szene-text-zeilen:1;--szene-text-rand:48px;--szene-text-zeichen:var(--szene-zeile-zeichen-voll,1);--szene-intro-unten:4px;--szene-hinweis-schrift:20px;--szene-hinweis-zeilen:1;--szene-pfeil-hoehe:calc(1.4 * var(--szene-hinweis-schrift))}.ns-szene-rahmen{--szene-kopf-polster:3px}.ns-szene__kopf .ns-kopf--szene{padding:calc(var(--szene-kopf-polster) + env(safe-area-inset-top,0px)) max(22px, env(safe-area-inset-right,0px)) var(--szene-kopf-polster) max(22px, env(safe-area-inset-left,0px))}.ns-szene__kopf .ns-kopf--szene .ns-kopf__marke{font-size:23px}.ns-szene__intro{padding-inline:12px}.ns-szene__text br,.ns-szene__hinweis-text br{display:none}}@keyframes ns-szene-ankunft{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ns-szene-schweben{0%,to{transform:translateY(0)rotate(-.35deg)}50%{transform:translateY(-8px)rotate(.35deg)}}@keyframes ns-szene-schatten{0%,to{opacity:.15;transform:scaleX(1)}50%{opacity:.1;transform:scaleX(.94)}}@keyframes ns-szene-brise{0%{transform:translate(-2px)rotate(-.16deg)scale(1.006)}to{transform:translate(2px)rotate(.16deg)scale(1.006)}}