.sl,.wz{content-visibility:auto;contain-intrinsic-size:auto 900px;color:var(--ink);padding-top:clamp(64px,8vw,128px)}.wz{contain-intrinsic-size:auto 640px;padding-bottom:clamp(56px,7vw,112px)}.sl{--sl-gruen:#1e5a45;--sl-limette:#cfe86a;--sl-creme:#f6f1e3;--sl-himmel:#a9c8ff;--sl-tinte:#16201b}.sl-lead{max-width:34ch;color:var(--ink-2);text-wrap:pretty;margin:calc(clamp(18px,2vw,30px)/-2) 0 0;font-size:clamp(19px,1.2vw + 14px,24px);line-height:1.42}.sl-rahmen{margin-top:clamp(24px,3vw,44px)}.sl-spur{margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 20px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:min(80vw,320px);grid-auto-flow:column;gap:14px;list-style:none;display:grid;overflow-x:auto}.sl-spur::-webkit-scrollbar{display:none}@media (min-width:768px){.sl-spur{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:20px;margin:0;padding:0;overflow:visible}}@media (min-width:1200px){.sl-spur{grid-template-columns:repeat(4,minmax(0,1fr))}}.sl-karte{scroll-snap-align:start;display:flex}.sl-karte>article{background:var(--card);border-radius:28px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 2px #1111130d,0 12px 32px -18px #1111132e}.sl-buehne{background:var(--pastel-mint);place-items:center;height:230px;display:grid;position:relative;overflow:hidden}@media (min-width:1024px){.sl-buehne{height:250px}}.sl-karte[data-thema=web] .sl-buehne{background:var(--pastel-sky)}.sl-karte[data-thema=app] .sl-buehne{background:var(--pastel-lilac)}.sl-karte[data-thema=marke] .sl-buehne{background:var(--pastel-butter)}.sl-mockup{place-items:center;width:100%;height:100%;display:grid}.sl-etikett{min-height:26px;color:var(--ink-2);background:#ffffffeb;border-radius:999px;align-items:center;padding:4px 11px;font-size:12.5px;font-weight:600;line-height:1.25;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 1px 2px #11111314}.sl-text{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.sl-ueber{color:var(--ink-2);margin:0;font-size:15px;font-weight:650;line-height:1.25}.sl-titel{letter-spacing:-.03em;text-wrap:balance;margin:6px 0 0;font-size:clamp(23px,.6vw + 19px,27px);font-weight:700;line-height:1.1}.sl-drin{color:var(--ink-2);flex-wrap:wrap;gap:2px 0;margin:12px 0 0;padding:0;font-size:15px;line-height:1.45;list-style:none;display:flex}.sl-drin li:not(:last-child):after{content:"·";color:var(--ink-3);margin:0 7px}.sl-knopf{align-self:flex-start;margin-top:auto}.sl-text .sl-knopf{margin-top:20px}.sl-drin{margin-bottom:auto}.sl-mehr{background:var(--canvas-deep);border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 18px;margin-top:20px;padding:22px 24px;display:grid}.sl-mehr .sl-knopf{grid-column:1/-1;justify-self:start;margin:0}@media (min-width:768px){.sl-mehr{grid-template-columns:auto minmax(0,1fr) auto;padding:22px 28px}.sl-mehr .sl-knopf{grid-column:auto}}.sl-mehr__plus{background:var(--card);border-radius:50%;width:52px;height:52px;position:relative;box-shadow:0 1px 2px #11111314}.sl-mehr__plus:before,.sl-mehr__plus:after{content:"";background:var(--ink);border-radius:2px;width:20px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl-mehr__plus:after{transform:translate(-50%,-50%)rotate(90deg)}.sl-mehr .sl-titel{margin:0}.sl-mehr__satz{color:var(--ink-2);margin:4px 0 0;font-size:16px;line-height:1.45}.sl-hinweis{color:var(--ink-3);margin:16px 0 0;font-size:14px;line-height:1.45}.sl-punkt{background:var(--sl-gruen);border-radius:50%;width:14px;height:14px;display:block}.sl-strich{background:#16201b29;border-radius:4px;width:62%;height:7px;display:block}.sl-strich--kurz{width:34%}.sl-handy{background:var(--card);width:138px;box-shadow:0 0 0 5px var(--sl-tinte), 0 18px 36px -16px #11111366;border-radius:24px;padding:12px 10px 14px;transform:rotate(-4deg)translateY(14px)}.sl-handy__kopf{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sl-raster{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.sl-kachel{aspect-ratio:1;background:var(--sl-gruen);border-radius:3px;display:block;position:relative;overflow:hidden}.sl-kachel:after{content:"";border-radius:50%;position:absolute}.sl-kachel--a:after{background:var(--sl-limette);inset:22%}.sl-kachel--b{background:var(--sl-creme)}.sl-kachel--b:after{background:var(--sl-gruen);inset:18% -30% -30% 18%}.sl-kachel--c{background:var(--sl-limette)}.sl-kachel--c:after{background:var(--sl-tinte);border-radius:2px;inset:30%}.sl-kachel--d{background:var(--sl-himmel)}.sl-kachel--d:after{background:var(--sl-gruen);border-radius:0;height:40%;inset:auto 0 0}.sl-kachel--e{background:var(--sl-tinte)}.sl-kachel--e:after{background:var(--sl-limette);border-radius:999px;inset:26% 18%}.sl-kachel--f{background:var(--sl-creme)}.sl-kachel--f:after{border:3px solid var(--sl-gruen);inset:25%}.sl-kachel--g{background:var(--sl-limette)}.sl-kachel--g:after{background:var(--sl-creme);inset:-40% 40% 40% -40%}.sl-kachel--h:after{background:var(--sl-creme);border-radius:3px;height:12%;inset:34% 14% auto}.sl-kachel--k{background:var(--sl-himmel)}.sl-kachel--k:after{background:var(--card);inset:20%}.sl-browser{background:var(--card);border-radius:14px;width:min(78%,250px);overflow:hidden;transform:translateY(12px);box-shadow:0 18px 36px -16px #11111359}.sl-browser__leiste{background:#eef0f4;justify-content:center;padding:8px 10px;display:flex}.sl-browser__adresse{background:var(--card);border-radius:999px;width:56%;height:10px;display:block}.sl-browser__fenster{height:150px;overflow:hidden}.sl-seite{flex-direction:column;gap:8px;padding:12px 14px 16px;display:flex}.sl-seite__nav{align-items:center;gap:8px;display:flex}.sl-seite__nav .sl-strich--kurz{width:22%;height:6px}.sl-seite__nav .sl-punkt{margin-right:auto}.sl-seite__zeile{background:var(--sl-tinte);border-radius:4px;width:88%;height:13px;display:block}.sl-seite__zeile--kurz{width:58%}.sl-seite__knopf{background:var(--sl-gruen);border-radius:999px;width:64px;height:18px;display:block}.sl-seite__bild{background:radial-gradient(circle at 72% 40%, var(--sl-limette) 0 18%, transparent 19%), linear-gradient(160deg, var(--sl-gruen), #2e7a5e);border-radius:8px;height:76px;display:block}.sl-seite__bild--zwei{background:radial-gradient(circle at 26% 60%, var(--sl-gruen) 0 16%, transparent 17%), var(--sl-creme);height:60px}.sl-seite__spalten{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sl-seite__spalten span{background:var(--sl-creme);border-radius:6px;height:38px;display:block}.sl-faecher{width:240px;height:190px;position:relative}.sl-app{background:var(--card);width:92px;height:172px;box-shadow:0 0 0 4px var(--sl-tinte), 0 16px 30px -14px #11111366;border-radius:18px;flex-direction:column;gap:7px;margin-left:-46px;padding:16px 10px;display:flex;position:absolute;top:10px;left:50%}.sl-app--links{transform:translate(-70px)translateY(14px)rotate(-12deg)}.sl-app--mitte{z-index:1;align-items:center;transform:translateY(0)}.sl-app--rechts{transform:translate(70px)translateY(14px)rotate(12deg)}.sl-app__liste{background:var(--sl-creme);border-radius:6px;height:22px;display:block}.sl-app__ring{border:7px solid var(--sl-limette);border-top-color:var(--sl-gruen);border-radius:50%;width:54px;height:54px;margin:4px 0 6px;display:block}.sl-strich--mitte{width:70%}.sl-app__knopf{background:var(--sl-gruen);border-radius:999px;width:100%;height:20px;margin-top:auto;display:block}.sl-app__karte{background:linear-gradient(150deg, var(--sl-gruen), #2e7a5e);border-radius:10px;height:58px;margin-bottom:4px;display:block}.sl-bogen{background:var(--card);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:14px 18px;width:min(80%,236px);padding:20px;display:grid;transform:rotate(-3deg)translateY(10px);box-shadow:0 18px 36px -16px #1111134d}.sl-zeichen{background:var(--sl-gruen);border-radius:22px;grid-row:1/3;width:72px;height:72px;position:relative;overflow:hidden}.sl-zeichen span{background:var(--sl-limette);border-radius:50%;width:26px;height:26px;position:absolute;top:14px;right:14px}.sl-zeichen:after{content:"";background:var(--sl-creme);border-radius:0 100% 0 0;width:36px;height:36px;position:absolute;bottom:0;left:0}.sl-farben{gap:6px;display:flex}.sl-farben span{background:var(--sl-gruen);border-radius:50%;width:26px;height:26px}.sl-farben span:nth-child(2){background:var(--sl-limette)}.sl-farben span:nth-child(3){background:var(--sl-creme);box-shadow:inset 0 0 0 1px #16201b1f}.sl-schrift{letter-spacing:-.04em;color:var(--sl-tinte);font-size:38px;font-weight:680;line-height:1}@supports (animation-timeline:view()){.sl-kachel{animation:linear both sl-auf;animation-timeline:view();animation-range:entry calc(var(--i) * 4%) entry calc(40% + var(--i) * 4%)}.sl-app--links,.sl-app--rechts{animation:linear both sl-faecher;animation-timeline:view();animation-range:entry 10% cover 40%}.sl-seite{animation:linear both sl-scroll;animation-timeline:view();animation-range:entry 40% exit 20%}.sl-farben span{animation:linear both sl-auf;animation-timeline:view();animation-range:entry calc(20% + var(--i) * 8%) entry calc(60% + var(--i) * 8%)}}@keyframes sl-auf{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes sl-faecher{0%{transform:none}}@keyframes sl-scroll{0%{transform:translateY(0)}to{transform:translateY(-96px)}}:root[data-motion=off] .sl-kachel,:root[data-motion=off] .sl-app,:root[data-motion=off] .sl-seite,:root[data-motion=off] .sl-farben span{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .sl-kachel,:root:not([data-motion=on]) .sl-app,:root:not([data-motion=on]) .sl-seite,:root:not([data-motion=on]) .sl-farben span{animation:none}}.wz-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.wz-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.wz-karte{background:var(--card);border-radius:24px;flex-direction:column;min-width:0;padding:22px 20px 16px;display:flex;box-shadow:0 1px 2px #1111130d,0 12px 32px -18px #1111132e}.wz-mehr{background:var(--canvas-deep);box-shadow:none}.wz-name{letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:clamp(20px,.8vw + 16px,26px);font-weight:680;line-height:1.08}.wz-satz{color:var(--ink-2);text-wrap:pretty;margin:8px 0 0;font-size:16px;line-height:1.4}.wz-link{min-height:44px;color:var(--link);text-underline-offset:4px;align-self:flex-start;align-items:center;gap:3px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.wz-link:hover{text-decoration:underline}.wz-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.wz-marke{max-width:72ch;color:var(--ink-3);margin:18px 0 0;font-size:13px;line-height:1.5}