@layer components{.text-kopf{background:var(--stage);color:var(--on-dark);padding-top:calc(var(--header-h) + var(--s9));padding-bottom:var(--s8)}.text-kopf h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:18ch}.text-kopf p{margin-top:var(--s4);max-width:47ch;color:var(--on-dark-2);font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.lese{padding-block:var(--pad-section)}.lese .shell>*{max-width:52ch}.lese h2{margin-top:var(--s8)}.lese .shell>h2:first-child{margin-top:0}.lese h3{font-family:var(--f-body);font-weight:700;font-size:var(--text-lead);line-height:var(--text-lead--line-height);margin-top:var(--s6)}.lese p{margin-top:var(--s4);color:var(--ink-2)}.lese ul{margin-top:var(--s4);gap:var(--s2);display:grid}.lese li{color:var(--ink-2);padding-left:1.2em;position:relative}.lese li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.lese ol.schritte{margin-top:var(--s4);gap:var(--s3);counter-reset:schritt;padding:0;list-style:none;display:grid}.lese ol.schritte li{color:var(--ink-2);counter-increment:schritt;padding-left:2em;position:relative}.lese ol.schritte li:before{content:counter(schritt);width:auto;height:auto;color:var(--accent-strong);background:0 0;border-radius:0;font-weight:700;position:absolute;top:0;left:0}.lese ol.schritte b{color:var(--ink);font-weight:700}.lese ul li b{color:var(--ink)}.lese a{text-underline-offset:3px;text-decoration:underline}.lese a:hover{color:var(--accent-strong)}.lese address{margin-top:var(--s4);color:var(--ink-2);font-style:normal}.lese .stand{margin-top:var(--s8);font-size:var(--text-small);color:var(--ink-2)}.lese dl{margin-top:var(--s4);column-gap:var(--s5);row-gap:var(--s2);grid-template-columns:auto 1fr;display:grid}.lese dt{white-space:nowrap;font-weight:700}.lese dd{color:var(--ink-2)}.lese .messung{margin-top:var(--s5);gap:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.lese .messung .btn{min-height:44px}.lese .formblock{margin-top:var(--s5);padding:var(--s5) var(--s6);background:var(--surface);border-radius:var(--radius)}.lese .formblock p{margin-top:var(--s3)}.lese .formblock p:first-child{margin-top:0}@media (max-width:640px){.lese dl{row-gap:var(--s1);grid-template-columns:1fr}.lese dd{margin-bottom:var(--s3)}}.faq-liste{max-width:54ch}.faq-eintrag{border-top:1px solid var(--line)}.faq-eintrag:last-child{border-bottom:1px solid var(--line)}.faq-eintrag summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s5);padding-block:var(--s5);min-height:44px;font-family:var(--f-body);font-weight:700;font-size:var(--text-lead);line-height:var(--text-lead--line-height);color:var(--ink);list-style:none;display:flex}.faq-eintrag summary::-webkit-details-marker{display:none}.faq-eintrag summary:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out);flex:none;margin-right:6px;transform:rotate(45deg)translateY(-3px)}.faq-eintrag[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.faq-eintrag summary:hover{color:var(--accent-strong)}.faq-antwort{padding-bottom:var(--s6);max-width:49ch}.faq-antwort p{color:var(--ink-2)}.faq-antwort p+p{margin-top:var(--s4)}.faq-antwort ul{margin-top:var(--s4);gap:var(--s2);display:grid}.faq-antwort li{color:var(--ink-2);padding-left:1.2em;position:relative}.faq-antwort li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.faq-antwort .hinweis{margin-top:var(--s5);padding:var(--s4) var(--s5);background:var(--surface);border-radius:var(--radius)}.wandel{padding-block:var(--pad-section);background:var(--surface)}.wandel h2{max-width:20ch}.vergleich{--pos:50%;margin-top:var(--s7);aspect-ratio:16/9;border-radius:var(--radius);background:var(--ph-maker);-webkit-user-select:none;user-select:none;touch-action:none;position:relative;overflow:hidden}.vergleich img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vg-vor{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.vg-griff{top:0;bottom:0;left:var(--pos);background:var(--on-dark);pointer-events:none;z-index:2;width:2px;position:absolute;translate:-50%}.vg-griff svg{background:var(--surface);width:48px;height:48px;color:var(--ink);box-shadow:0 2px 12px var(--scrim);border-radius:50%;padding:12px;position:absolute;top:50%;left:50%;translate:-50% -50%}.vg-etikett{top:var(--s4);z-index:2;pointer-events:none;border-radius:var(--radius-s);background:oklch(var(--flor) / .72);color:var(--on-dark);font-size:var(--text-meta);padding:6px 12px;font-weight:700;position:absolute}.vg-etikett-vor{left:var(--s4)}.vg-etikett-nach{right:var(--s4)}.vg-regler{opacity:0;cursor:ew-resize;z-index:3;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.vg-regler::-webkit-slider-thumb{appearance:none;width:48px;height:100%}.vg-regler::-moz-range-thumb{background:0 0;border:0;width:48px;height:100%}.vergleich:has(.vg-regler:focus-visible){outline:3px solid var(--accent-strong);outline-offset:3px}.vergleich.zieht .vg-griff svg{background:var(--accent);color:var(--ink)}.wandel-reihe{margin-top:var(--s6);gap:var(--gap);grid-template-columns:1fr 1fr;align-items:start;display:grid}.wandel-reihe figure{margin:0}.wandel-reihe img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background:var(--ph-maker);width:100%;height:auto;display:block}.wandel-reihe figcaption,.wandel-text p{margin-top:var(--s3);font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--ink-2);max-width:47ch}.wandel-reihe figcaption b,.wandel-text b{color:var(--ink);margin-right:var(--s2);font-weight:700}.wandel-text{padding-top:var(--s2)}.wandel-text p{margin-top:var(--s4)}.wandel-text p:first-child{margin-top:0}.vorteile{padding-block:var(--pad-section)}.vorteile .shell{gap:var(--s9);grid-template-columns:1fr 2fr;align-items:start;display:grid}.vorteile h2{max-width:16ch}.vorteile p{margin-top:var(--s4);max-width:34ch;color:var(--ink-2)}.vorteile .merkmale{margin-top:0}@media (max-width:1023px){.vorteile .shell{gap:var(--s6);grid-template-columns:1fr}.wandel-reihe{gap:var(--s5);grid-template-columns:1fr}.wandel-text{padding-top:0}}@media (max-width:760px){.vergleich{aspect-ratio:4/3;margin-top:var(--s5)}.vg-griff svg{width:44px;height:44px;padding:10px}}@media (prefers-reduced-motion:reduce){.vergleich.zieht .vg-griff svg{background:var(--surface);color:var(--ink)}}@media (max-width:760px){.wandel,.vorteile{padding-block:var(--s8)}}@media (prefers-reduced-motion:reduce){.faq-eintrag summary:after{transition:none}}@media (max-width:760px){.text-kopf{padding-top:calc(var(--header-h) + var(--s7));padding-bottom:var(--s6)}.lese{padding-block:var(--s8)}.faq-eintrag summary{padding-block:var(--s4);font-size:var(--text-body)}}}