:root,[data-theme=dunkel]{color-scheme:dark;--color-bg: #0d131a;--color-bg-alt: #111922;--color-flaeche: #16212c;--color-text: #dbe2e9;--color-heading: #eef2f5;--color-text-muted: #b3bec9;--color-border: rgb(238 242 245 / .14);--color-border-strong: rgb(238 242 245 / .28);--color-primary: #ff8a4c;--color-primary-hover: #ffa06e;--color-primary-contrast: #0d131a;--color-accent-text: #ff9a62;--color-knopf: #eef2f5;--color-auf-knopf: #0d131a;--color-linie: #c4d0db;--color-raster: rgb(196 208 219 / .07);--raster-32: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 .5H32M.5 0V32' stroke='rgb(196,208,219)' stroke-opacity='.07' fill='none'/%3E%3C/svg%3E");--raster-16: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 .5H16M.5 0V16' stroke='rgb(196,208,219)' stroke-opacity='.07' fill='none'/%3E%3C/svg%3E");--raster-24: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 .5H24M.5 0V24' stroke='rgb(196,208,219)' stroke-opacity='.07' fill='none'/%3E%3C/svg%3E");--color-mosaik-ton: #4a6f96;--haus-wand-a: #16212c;--haus-wand-b: #111a23;--haus-dach: #1a2632;--haus-pv: #0a111a;--haus-pv-zelle: #36577a;--haus-fenster: #1d2a37;--haus-licht: #ff9a5c}[data-theme=hell]{color-scheme:light;--color-bg: #f4f6f8;--color-bg-alt: #ffffff;--color-flaeche: #ffffff;--color-text: #2c3540;--color-heading: #121820;--color-text-muted: #5b6570;--color-border: rgb(18 24 32 / .12);--color-border-strong: rgb(18 24 32 / .26);--color-primary: #e0662a;--color-primary-hover: #c2501a;--color-primary-contrast: #121820;--color-accent-text: #a8440f;--color-knopf: #121820;--color-auf-knopf: #ffffff;--color-linie: #29313a;--color-raster: rgb(41 49 58 / .07);--raster-32: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 .5H32M.5 0V32' stroke='rgb(41,49,58)' stroke-opacity='.07' fill='none'/%3E%3C/svg%3E");--raster-16: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 .5H16M.5 0V16' stroke='rgb(41,49,58)' stroke-opacity='.07' fill='none'/%3E%3C/svg%3E");--raster-24: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 .5H24M.5 0V24' stroke='rgb(41,49,58)' stroke-opacity='.07' fill='none'/%3E%3C/svg%3E");--color-mosaik-ton: #8fa8c2;--haus-wand-a: #ffffff;--haus-wand-b: #e9edf1;--haus-dach: #dfe5ea;--haus-pv: #1b2838;--haus-pv-zelle: #3d5674;--haus-fenster: #dfe6ec;--haus-licht: #ffd2a8}:root{--color-success: #3fb27f;--color-error: #e5484d;--font-heading: "Cabinet Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 800;--size-h1: clamp(2.25rem, 1.4rem + 3.4vw, 4.4rem);--size-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);--size-h3: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--size-body: 1.0625rem;--size-small: .875rem;--leading-body: 1.65;--leading-heading: 1.08;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--section-padding-y: clamp(4rem, 8vw, 7rem);--container-max: 1240px;--container-narrow: 760px;--container-padding: clamp(1rem, 4vw, 2.25rem);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--kopf-hoehe: 76px;--blitz-maske: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 1 3.5 14H11l-1.5 9 11-13H13.2z'/%3E%3C/svg%3E");--color-stern: #fbbc05}:root{--duration-instant: .1s;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out-soft: cubic-bezier(.32, .72, 0, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--motion-rise: 12px;--motion-lift: -2px;--motion-lift-karte: -4px;--motion-nudge: 4px}.js .reveal{opacity:0;transform:translate3d(0,var(--motion-rise),0);transition:opacity var(--duration-slow) var(--ease-out-soft),transform var(--duration-slow) var(--ease-out-soft);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.js .reveal.is-visible{opacity:1;transform:translateZ(0)}.js .reveal.is-settled{will-change:auto}.stagger>*{--reveal-delay: 0ms}.stagger>*:nth-child(2){--reveal-delay: 60ms}.stagger>*:nth-child(3){--reveal-delay: .12s}.stagger>*:nth-child(4){--reveal-delay: .18s}.stagger>*:nth-child(5){--reveal-delay: .24s}.stagger>*:nth-child(n+6){--reveal-delay: .3s}a,button{transition:color var(--duration-base) var(--ease-out-soft),background-color var(--duration-base) var(--ease-out-soft),border-color var(--duration-base) var(--ease-out-soft),text-decoration-color var(--duration-base) var(--ease-out-soft)}.btn,.hover-kachel{transition:color var(--duration-base) var(--ease-out-soft),background-color var(--duration-base) var(--ease-out-soft),border-color var(--duration-base) var(--ease-out-soft),transform var(--duration-base) var(--ease-out-soft)}.hover-pfeil{transition:transform var(--duration-base) var(--ease-out-soft)}@media(hover:hover){.btn:hover{transform:translate3d(0,var(--motion-lift),0)}.hover-kachel:hover{transform:translate3d(0,var(--motion-lift-karte),0)}a:hover .hover-pfeil,.karte:hover .hover-pfeil{transform:translate3d(var(--motion-nudge),0,0)}}.btn:active,.hover-kachel:active{transform:translateZ(0) scale(.99)}.lift{transition:transform var(--duration-fast) var(--ease-out-soft),box-shadow var(--duration-fast) var(--ease-out-soft)}@media(hover:hover){.lift:hover{transform:translate3d(0,var(--motion-lift),0)}}.lift:active{transform:translateZ(0) scale(.99)}.transition-colors{transition:color var(--duration-fast) var(--ease-out-soft),background-color var(--duration-fast) var(--ease-out-soft),border-color var(--duration-fast) var(--ease-out-soft)}:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}.lift:hover,.lift:active,.btn:hover,.btn:active,.hover-kachel:hover,.hover-kachel:active,.hover-pfeil{transform:none!important}}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cabinet-700.woff2) format("woff2")}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/cabinet-800.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;background:var(--color-bg)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--weight-black);line-height:var(--leading-heading);letter-spacing:-.025em;color:var(--color-heading);text-wrap:balance}h1{font-size:var(--size-h1);letter-spacing:-.03em}h2{font-size:var(--size-h2)}h3{font-size:var(--size-h3);font-weight:var(--weight-bold);letter-spacing:-.01em}p{text-wrap:pretty}p+p{margin-top:var(--space-4)}a{color:var(--color-heading);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-accent-text)}ul,ol{padding-left:1.25rem}li+li{margin-top:var(--space-2)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.sektion{padding-block:var(--section-padding-y)}.sektion--alt{background:var(--color-bg-alt)}.raster{background-image:var(--raster-32);background-position:center top}.kicker{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:var(--space-3);font-size:.8rem;font-weight:var(--weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-text)}.kicker:before{content:"";flex:none;width:1.1em;height:1.25em;margin-left:-.15em;background:var(--color-primary);-webkit-mask:var(--blitz-maske) center / contain no-repeat;mask:var(--blitz-maske) center / contain no-repeat}.fach{font-family:var(--font-heading);font-weight:var(--weight-black);letter-spacing:.02em;font-variant-numeric:tabular-nums}.einleitung{max-width:58ch;margin-top:var(--space-4);color:var(--color-text-muted);font-size:1.1rem}.btn{display:inline-flex;align-items:center;gap:var(--space-4);min-height:3.5rem;padding:.5rem .5rem .5rem 1.5rem;border-radius:var(--radius-lg);background:var(--color-knopf);color:var(--color-auf-knopf);font-weight:var(--weight-bold);font-size:1rem;text-decoration:none;white-space:nowrap}.btn:hover{color:var(--color-auf-knopf)}.btn__pfeil{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:9px;background:var(--color-primary);color:var(--color-primary-contrast);transition:transform .4s var(--ease-out-expo)}@media(hover:hover){.btn:hover .btn__pfeil{transform:rotate(-45deg)}}.btn-leise{display:inline-flex;align-items:center;gap:var(--space-3);min-height:2.9rem;padding:.55rem .9rem .55rem 1.1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-heading);font-weight:var(--weight-bold);font-size:.95rem;text-decoration:none;transition:border-color .2s var(--ease-out-soft),background-color .2s var(--ease-out-soft)}.btn-leise__pfeil{color:var(--color-primary);transition:transform .3s var(--ease-out-expo)}.btn-leise:hover{color:var(--color-heading);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}@media(hover:hover){.btn-leise:hover .btn-leise__pfeil{transform:translate(4px)}}.tel{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding-block:.4rem;color:var(--color-heading);font-weight:var(--weight-bold);font-size:1.05rem;text-decoration:none}.tel .icon{color:var(--color-primary)}.tel__nummer{text-decoration:underline 2px var(--color-primary);text-underline-offset:5px;font-family:var(--font-heading);font-weight:var(--weight-black);letter-spacing:.03em;font-variant-numeric:tabular-nums;transition:text-decoration-color .3s var(--ease-out-expo)}.tel:hover{color:var(--color-heading)}.tel:hover .tel__nummer{text-decoration-color:transparent}.offen{display:inline-block;margin-top:var(--space-2);padding:.15rem .5rem;border:1px dashed var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--weight-medium);line-height:1.4;color:var(--color-accent-text)}.offen-haken{outline:1px dashed var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm);cursor:help}.faq-offen{list-style:none;padding:0;margin-top:var(--space-6);display:grid;gap:var(--space-2)}.faq-offen li{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;background:var(--color-knopf);color:var(--color-auf-knopf);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:top var(--duration-fast) var(--ease-out-soft)}.skip-link:focus{top:var(--space-4);color:var(--color-auf-knopf)}