:root{--grund:#eef0ea;--karte:#fff;--linie:#d3d9cf;--text:#1c2620;--text-leise:#5f6b64;--akzent:#1f4d3a;--akzent-text:#f4f6f1;--salbei:#dfe7dc;--salbei-kraeftig:#b9cfb6;--salbei-linie:#c7d3c4;--alarm:#a8321f;--alarm-grund:#fdf0ee;--warnung:#8a6100;--warnung-grund:#fdf6e6;--hinweis:#3c5a80;--hinweis-grund:#eef3f9;--radius:12px;color-scheme:light dark}:root[data-farbschema=dunkel]{--grund:#141a17;--karte:#1c2420;--linie:#2e3a33;--text:#e8ede6;--text-leise:#9aaba1;--akzent:#9cc9a6;--akzent-text:#10241a;--salbei:#1f2b25;--salbei-kraeftig:#33493b;--salbei-linie:#33443a;--alarm:#ff9c8a;--alarm-grund:#33201d;--warnung:#e8bf6a;--warnung-grund:#2e2718;--hinweis:#9dbde3;--hinweis-grund:#1c2634;color-scheme:dark}:root[data-farbschema=hell]{color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-farbschema=hell]){--grund:#141a17;--karte:#1c2420;--linie:#2e3a33;--text:#e8ede6;--text-leise:#9aaba1;--akzent:#9cc9a6;--akzent-text:#10241a;--salbei:#1f2b25;--salbei-kraeftig:#33493b;--salbei-linie:#33443a;--alarm:#ff9c8a;--alarm-grund:#33201d;--warnung:#e8bf6a;--warnung-grund:#2e2718;--hinweis:#9dbde3;--hinweis-grund:#1c2634}}*{box-sizing:border-box}.visuell-versteckt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body{background:var(--grund);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.huelle{max-width:1100px;margin:0 auto;padding:20px 16px 64px}.knopf{border:1px solid var(--linie);background:var(--grund);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:12px 18px;font-size:15px}a.knopf{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.knopf-haupt{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text);font-weight:600}.knopf-breit{width:100%}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:16px 20px;display:flex}.marke{letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600;text-decoration:none}.marke-zusatz{color:var(--text-leise);font-weight:400}.seitenkopf nav{gap:6px;display:flex}.seitenkopf nav a{color:var(--text-leise);border-radius:8px;padding:8px 12px;font-size:15px;text-decoration:none}.seitenkopf nav a:hover{background:var(--karte);color:var(--text)}.seitenkopf nav a[aria-current=page]{color:var(--text);font-weight:500}.seitenkopf-rechts{align-items:center;gap:8px;display:flex}.farbschalter{border:1px solid var(--linie);background:var(--karte);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.farbschalter:hover{border-color:var(--akzent)}.farbschalter:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.farbschalter[aria-pressed=true] .farbschalter-mond,.farbschalter[aria-pressed=false] .farbschalter-sonne{display:none}.seitenfuss{border-top:1px solid var(--linie);max-width:1100px;color:var(--text-leise);margin:64px auto 0;padding:24px 20px 40px;font-size:14px}.seitenfuss nav{flex-wrap:wrap;gap:16px;margin-bottom:8px;display:flex}.seitenfuss a{color:var(--text-leise)}.seitenfuss p{margin:0}main{max-width:1100px;margin:0 auto;padding:0 20px}.held{align-items:center;gap:24px;padding:8px 0 44px;display:grid}.held-logo{background:var(--salbei);color:var(--text);border-radius:24px;justify-content:center;padding:18px 12px;display:flex}.held h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(34px,5.2vw,56px);line-height:1.08}.held-akzent{color:var(--akzent)}.held-unterzeile{max-width:32ch;color:var(--text-leise);margin:0 0 24px;font-size:clamp(18px,2.2vw,20px);line-height:1.5}.knopf-gross{min-height:60px;box-shadow:0 6px 18px color-mix(in srgb, var(--akzent) 25%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px 28px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.held .knopf-gross{width:100%}.held-hinweis{color:var(--text-leise);text-align:center;margin:12px 0 0;font-size:14px}.logo{stroke-width:4.6px;width:min(100%,460px);height:auto;display:block}.logo-flaeche{fill:var(--salbei)}.logo-luefter{stroke-dasharray:4 3.5;stroke-width:9px}.logo-faden{stroke:var(--akzent);stroke-width:6px;stroke-dasharray:7 11;animation:.8s linear infinite logo-fliessen}.logo-duesenspitze{fill:var(--akzent)}@keyframes logo-fliessen{to{stroke-dashoffset:-18px}}@keyframes logo-band-0{0%,3.6%{opacity:0}5%,91%{opacity:1}97%,to{opacity:0}}.logo-band-0{animation:11s linear infinite logo-band-0}@keyframes logo-band-1{0%,10%{opacity:0}11.4%,91%{opacity:1}97%,to{opacity:0}}.logo-band-1{animation:11s linear infinite logo-band-1}@keyframes logo-band-2{0%,16.4%{opacity:0}17.7%,91%{opacity:1}97%,to{opacity:0}}.logo-band-2{animation:11s linear infinite logo-band-2}@keyframes logo-band-3{0%,22.7%{opacity:0}24.1%,91%{opacity:1}97%,to{opacity:0}}.logo-band-3{animation:11s linear infinite logo-band-3}@keyframes logo-band-4{0%,29.1%{opacity:0}30.5%,91%{opacity:1}97%,to{opacity:0}}.logo-band-4{animation:11s linear infinite logo-band-4}@keyframes logo-band-5{0%,35.5%{opacity:0}36.8%,91%{opacity:1}97%,to{opacity:0}}.logo-band-5{animation:11s linear infinite logo-band-5}@keyframes logo-band-6{0%,41.8%{opacity:0}43.2%,91%{opacity:1}97%,to{opacity:0}}.logo-band-6{animation:11s linear infinite logo-band-6}@keyframes logo-band-7{0%,48.2%{opacity:0}49.5%,91%{opacity:1}97%,to{opacity:0}}.logo-band-7{animation:11s linear infinite logo-band-7}@keyframes logo-band-8{0%,54.5%{opacity:0}55.9%,91%{opacity:1}97%,to{opacity:0}}.logo-band-8{animation:11s linear infinite logo-band-8}@keyframes logo-band-9{0%,60.9%{opacity:0}62.3%,91%{opacity:1}97%,to{opacity:0}}.logo-band-9{animation:11s linear infinite logo-band-9}@keyframes logo-band-10{0%,67.3%{opacity:0}68.6%,91%{opacity:1}97%,to{opacity:0}}.logo-band-10{animation:11s linear infinite logo-band-10}@keyframes logo-band-11{0%,73.6%{opacity:0}75%,91%{opacity:1}97%,to{opacity:0}}.logo-band-11{animation:11s linear infinite logo-band-11}@media (prefers-reduced-motion:reduce){.logo-faden,.logo-band{opacity:1;animation:none}}.abschnitt{border-top:1px solid var(--linie);padding:44px 0}.abschnitt h2{letter-spacing:-.01em;margin:0 0 20px;font-size:23px}.abschnitt h3{margin:0 0 6px;font-size:16.5px}.abschnitt p{color:var(--text-leise);margin:0;font-size:15px}.schritte{counter-reset:schritt;gap:18px;margin:0;padding:0;list-style:none;display:grid}.schritt{border:1px solid var(--linie);border-radius:var(--radius);background:var(--karte);padding:18px 20px}.schritt-nummer{background:var(--salbei-kraeftig);width:34px;height:34px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;display:inline-flex}.merkmale{gap:26px;margin:0;padding:0;list-style:none;display:grid}.merkmal-zeichen{border:1px solid var(--salbei-linie);background:var(--salbei);width:48px;height:48px;color:var(--akzent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.abschnitt-ruf{border-top:0;padding:8px 0 20px}.ruf-kasten{border:1px solid var(--salbei-linie);background:var(--salbei);border-radius:18px;flex-direction:column;gap:18px;padding:30px 24px;display:flex}.ruf-kasten h2{margin:0 0 4px}.abschnitt-shops{border-top:0;padding-top:26px}.shops-einleitung{max-width:62ch;margin-bottom:22px!important}.shops{gap:18px;margin:0;padding:0;list-style:none;display:grid}.shop{border:1px solid var(--linie);background:var(--karte);border-radius:18px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.shop-zeichen{border:1px solid var(--salbei-linie);background:var(--salbei);width:48px;height:48px;color:var(--akzent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.shop p{margin-bottom:18px!important}.shop-knopf{gap:8px;margin-top:auto}.fehlerseite-wege{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.text-seite{max-width:68ch;padding-bottom:20px}.text-seite h1{letter-spacing:-.01em;margin:24px 0 8px;font-size:30px}.text-seite h2{margin:32px 0 8px;font-size:18px}.text-seite p{margin:0 0 12px;line-height:1.7}.warnbanner{border-radius:var(--radius);border-inline-start:4px solid var(--warnung);background:var(--warnung-grund);color:var(--warnung);margin:20px 0 8px;padding:14px 16px;font-size:14.5px}.warnbanner code{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:4px;padding:1px 5px;font-size:13px}@media (width>=800px){.held{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;padding:40px 0 64px}.held-logo{padding:24px 12px}.held .knopf-gross{width:auto}.held-hinweis{text-align:left}.logo{stroke-width:3.4px}.logo-faden{stroke-width:4.4px}.logo-luefter{stroke-width:6.8px}.schritte,.merkmale{grid-template-columns:repeat(3,1fr)}.shops{grid-template-columns:repeat(2,1fr);gap:22px}.ruf-kasten{flex-direction:row;justify-content:space-between;align-items:center;gap:32px;padding:44px 48px}}.konfigurator-kopf{max-width:1100px;margin:0 auto;padding:8px 20px 0}.konfigurator-kopf h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px}.konfigurator-kopf p{color:var(--text-leise);margin:0;font-size:14.5px}