@font-face{font-family: "Lexend";font-style: normal;font-weight: 100 900;font-display: swap;src: url("../schriften/lexend-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "Lexend";font-style: normal;font-weight: 100 900;font-display: swap;src: url("../schriften/lexend-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("../schriften/inter-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("../schriften/inter-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}:root{--blau: #2469af;--blau-dunkel: #1b4f85;--tiefblau: #0f3b66;--himmelblau: #189eda;--himmelblau-hell: #a5d7f3;--hellblau: #1791d0;--gelb: #ffd317;--gelb-hell: #ffe066;--text: #1f2933;--text-stark: #0f3b66;--text-leise: #4b5563;--grau: #eaf1f9;--flaeche-blau: #eaf1f8;--grau-2: #d9e5f2;--linie: #d5d8dd;--dunkel: #0f3b66;--weiss: #ffffff;--fehler: #b3261e;--ok: #1e7b34;--schrift-titel: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-knopf: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gr-h1: clamp(1.85rem, 1.2rem + 3.6vw, 3.5rem);--gr-h1-start: clamp(2.5rem, 1.1rem + 4.8vw, 4.5rem);--gr-h2: clamp(1.6rem, 1.2rem + 1.25vw, 2.23rem);--gr-h3: 1.25rem;--gr-einleitung: clamp(1.075rem, 1rem + .35vw, 1.25rem);--breite: 1140px;--rand: clamp(16px, 4vw, 40px);--radius: 20px;--radius-gross: 28px;--radius-klein: 12px;--schatten: 0 12px 18px -6px rgba(0, 0, 0, .3);--schatten-weich: 0 2px 18px rgba(0, 0, 0, .14);--schatten-hoch: 0 22px 40px -14px rgba(0, 0, 0, .38);--abstand: clamp(56px, 2.5rem + 4vw, 104px);--abstand-gross: clamp(72px, 3rem + 6vw, 128px);--welle: clamp(40px, 7vw, 100px);--kopf-hoehe: 86px;--uebergang: .25s cubic-bezier(.2, .7, .3, 1);--form-welle-oben: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z'/%3E%3C/svg%3E");--form-bogen-oben: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M640 140C286.54 140 0 0 0 0h1280S993.46 140 640 140z'/%3E%3C/svg%3E");--form-welle-unten: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M320 28c320 0 320 84 640 84 160 0 240-21 320-42v70H0V70c80-21 160-42 320-42z'/%3E%3C/svg%3E");--form-bogen-unten: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280 140V0S993.46 140 640 139 0 0 0 0v140z'/%3E%3C/svg%3E");--sym-haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");--sym-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.3 11.8 6.7l4.3 4.3H4v2h12.1l-4.3 4.3 1.4 1.4L20 12z'/%3E%3C/svg%3E");--sym-kreispfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 1.8a8.2 8.2 0 1 1 0 16.4 8.2 8.2 0 0 1 0-16.4zM10.6 7.4 9.3 8.7l3.3 3.3-3.3 3.3 1.3 1.3 4.6-4.6z'/%3E%3C/svg%3E");--sym-ort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");--sym-post: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E");--sym-telefon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E");--sym-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.5H16l.4-3h-2.9V8.6c0-.87.25-1.46 1.5-1.46h1.6V4.46A21 21 0 0 0 14.3 4.3c-2.3 0-3.8 1.4-3.8 3.95v2.25H8v3h2.5V21z'/%3E%3C/svg%3E");--sym-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7.4A4.6 4.6 0 1 0 12 16.6 4.6 4.6 0 0 0 12 7.4zm0 7.5a2.9 2.9 0 1 1 0-5.8 2.9 2.9 0 0 1 0 5.8zM16.8 6.1a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2zM20.9 8.2c-.1-1.4-.4-2.7-1.4-3.7s-2.3-1.3-3.7-1.4C14.3 3 9.7 3 8.2 3.1c-1.4.1-2.7.4-3.7 1.4S3.2 6.8 3.1 8.2C3 9.7 3 14.3 3.1 15.8c.1 1.4.4 2.7 1.4 3.7s2.3 1.3 3.7 1.4c1.5.1 6.1.1 7.6 0 1.4-.1 2.7-.4 3.7-1.4s1.3-2.3 1.4-3.7c.1-1.5.1-6.1 0-7.6zm-2 9.3a3 3 0 0 1-1.7 1.7c-1.2.5-4 .4-5.2.4s-4 .1-5.2-.4a3 3 0 0 1-1.7-1.7c-.5-1.2-.4-4-.4-5.2s-.1-4 .4-5.2a3 3 0 0 1 1.7-1.7c1.2-.5 4-.4 5.2-.4s4-.1 5.2.4a3 3 0 0 1 1.7 1.7c.5 1.2.4 4 .4 5.2s.1 4-.4 5.2z'/%3E%3C/svg%3E");--sym-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.1v13.8L19 12z'/%3E%3C/svg%3E")}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--kopf-hoehe) + 10px)}body{margin: 0;font-family: var(--schrift-text);font-size: 1.0625rem;font-weight: 400;line-height: 1.65;color: var(--text);background: var(--weiss);overflow-wrap: break-word;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}img, video{max-width: 100%;height: auto;display: block}a{color: var(--blau);text-underline-offset: 3px;text-decoration-thickness: 1px;transition: color var(--uebergang)}a:hover{color: var(--blau-dunkel)}h1, h2, h3, h4, h5, h6{font-family: var(--schrift-titel);line-height: 1.25;color: var(--tiefblau);margin: 0 0 .6em;font-weight: 600;hyphens: auto;text-wrap: balance}h1{font-size: var(--gr-h1);font-weight: 600;line-height: 1.05;letter-spacing: -.01em;hyphens: manual}h2{font-size: var(--gr-h2);line-height: 1.28;letter-spacing: -.005em}h3{font-size: var(--gr-h3);font-weight: 500;line-height: 1.3}h4, h5, h6{font-size: 1.125rem;font-weight: 600}p, ul, ol{margin: 0 0 1em}p{text-wrap: pretty}ul, ol{padding-left: 1.3em}li{margin-bottom: .35em}strong, b{font-weight: 600}sub, sup{line-height: 0}:focus-visible{outline: 3px solid var(--blau);outline-offset: 3px;border-radius: 4px}.hg-dunkel :focus-visible, .hg-blau :focus-visible, .hg-bild :focus-visible, .buehne :focus-visible{outline-color: var(--gelb)}.sprungmarke{position: absolute;left: 16px;top: -80px;z-index: 100;background: var(--gelb);color: #000;padding: 10px 16px;border-radius: 8px;font-weight: 600}.sprungmarke:focus{top: 12px}.nur-vorleser{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}main:focus{outline: none}.rahmen{width: 100%;max-width: calc(var(--breite) + 2 * var(--rand));margin: 0 auto;padding: 0 var(--rand)}.kopf{position: sticky;top: 0;z-index: 50;background: rgba(255, 255, 255, .97);box-shadow: 0 12px 18px -6px rgba(0, 0, 0, .1);-webkit-backdrop-filter: saturate(160%) blur(8px);backdrop-filter: saturate(160%) blur(8px)}.kopf .rahmen{display: flex;align-items: center;justify-content: space-between;gap: 16px;min-height: var(--kopf-hoehe)}.kopf .logo{display: block;padding: 10px 0}.kopf .logo img{width: 92px;height: auto}.hauptmenue > ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center}.hauptmenue li{margin: 0;position: relative}.hauptmenue > ul > li > a{display: block;padding: 31px 13px;text-decoration: none;color: rgba(0, 0, 0, .62);font-family: var(--schrift-titel);font-size: .9375rem;font-weight: 500;line-height: 1;white-space: nowrap;position: relative}.hauptmenue > ul > li > a::after{content: "";position: absolute;left: 13px;right: 13px;bottom: 22px;height: 2px;background: var(--gelb);transform: scaleX(0);transform-origin: left;transition: transform var(--uebergang)}.hauptmenue > ul > li > a:hover, .hauptmenue > ul > li > a[aria-current="page"], .hauptmenue > ul > .aktiv > a{color: var(--text-stark)}.hauptmenue > ul > li > a:hover::after, .hauptmenue > ul > li > a[aria-current="page"]::after, .hauptmenue > ul > .aktiv > a::after, .hauptmenue > ul > li:focus-within > a::after{transform: scaleX(1)}.hauptmenue .unter{position: absolute;left: 0;top: 100%;min-width: 260px;list-style: none;margin: 0;padding: 18px 0;background: var(--weiss);border-top: 3px solid var(--blau);border-radius: 0 0 var(--radius-klein) var(--radius-klein);box-shadow: 0 18px 32px -10px rgba(0, 0, 0, .22);opacity: 0;visibility: hidden;transform: translateY(6px);transition: opacity .2s, transform .2s, visibility 0s .2s}.hauptmenue .unter .unter{position: static;opacity: 1;visibility: visible;transform: none;border: 0;box-shadow: none;padding: 0 0 6px 14px;min-width: 0;transition: none}.hauptmenue .unter a{display: block;padding: 7px 22px;text-decoration: none;color: rgba(0, 0, 0, .65);font-size: .9rem;font-weight: 500;line-height: 1.5;transition: color var(--uebergang), background var(--uebergang)}.hauptmenue .unter a:hover, .hauptmenue .unter a[aria-current="page"]{color: var(--blau);background: var(--grau)}.hauptmenue .unter .gruppe > a{color: var(--text-stark);font-weight: 600}.hauptmenue .hat-unter:hover > .unter, .hauptmenue .hat-unter:focus-within > .unter{opacity: 1;visibility: visible;transform: none;transition: opacity .2s, transform .2s}.hauptmenue .hat-unter:nth-last-child(-n+3) > .unter{left: auto;right: 0}.menue-mobil{display: none}@media (max-width: 1060px){:root{--kopf-hoehe: 72px}.kopf .logo img{width: 76px}.hauptmenue{display: none}.menue-mobil{display: block}.menue-mobil summary{list-style: none;cursor: pointer;display: flex;align-items: center;gap: 10px;min-height: 44px;padding: 8px 4px 8px 12px;font-family: var(--schrift-titel);font-size: .95rem;font-weight: 500;color: var(--text-stark);border-radius: 10px}.menue-mobil summary::-webkit-details-marker{display: none}.menue-mobil summary::after{content: "";width: 26px;height: 18px;flex: none;color: var(--blau);background: linear-gradient(currentColor, currentColor) 0 0 / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) 0 50% / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) 0 100% / 100% 2px no-repeat}.menue-mobil[open] summary::after{background: linear-gradient(45deg, transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-45deg, transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px))}.menue-mobil nav{position: absolute;left: 0;right: 0;top: 100%;max-height: calc(100vh - var(--kopf-hoehe));overflow-y: auto;padding: 8px var(--rand) 24px;background: var(--weiss);border-top: 3px solid var(--blau);box-shadow: 0 24px 30px -14px rgba(0, 0, 0, .25)}.menue-mobil ul{list-style: none;margin: 0;padding: 0}.menue-mobil > nav > ul > li{border-bottom: 1px solid var(--grau-2)}.menue-mobil ul ul{padding: 0 0 8px 14px}.menue-mobil li{margin: 0}.menue-mobil a{display: flex;align-items: center;min-height: 46px;padding: 8px 4px;text-decoration: none;color: var(--text-stark);font-weight: 500}.menue-mobil ul ul a{min-height: 40px;font-size: .95rem;color: var(--text);font-weight: 400}.menue-mobil a:hover, .menue-mobil a[aria-current="page"]{color: var(--blau)}}.knopfreihe{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 18px;margin: 1.6em 0 0}.knopf{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 52px;padding: 15px 32px;border-radius: 100px;font-family: var(--schrift-knopf);font-weight: 700;font-size: 1rem;line-height: 1.2;text-transform: uppercase;letter-spacing: .01em;text-decoration: none;text-align: center;cursor: pointer;border: 2px solid transparent;transition: background-color var(--uebergang), color var(--uebergang), box-shadow var(--uebergang), transform var(--uebergang), border-color var(--uebergang)}.knopf::after{content: "";width: 0;height: 14px;margin-left: -10px;opacity: 0;background: currentColor;flex: none;-webkit-mask: var(--sym-pfeil) center / contain no-repeat;mask: var(--sym-pfeil) center / contain no-repeat;transition: width var(--uebergang), margin var(--uebergang), opacity var(--uebergang)}.knopf:hover::after, .knopf:focus-visible::after{width: 16px;margin-left: 0;opacity: 1}.knopf-gelb{background: var(--gelb);color: var(--tiefblau);box-shadow: 0 8px 18px -8px rgba(160, 120, 0, .55)}.knopf-gelb:hover{background: var(--gelb-hell);color: var(--tiefblau);transform: translateY(-1px);box-shadow: 0 12px 22px -8px rgba(160, 120, 0, .6)}.knopf-blau{background: var(--blau);color: var(--weiss)}.knopf-blau:hover{background: var(--blau-dunkel);color: var(--weiss);transform: translateY(-1px)}.knopf-rand{border-color: currentColor;color: var(--blau);background: transparent}.knopf-rand:hover{background: var(--blau);border-color: var(--blau);color: var(--weiss)}.knopf-text{background: transparent;color: var(--weiss);padding-left: 12px;padding-right: 12px}.knopf-text:hover{color: var(--gelb)}.knopf-linie{min-height: 40px;padding: 7px 24px;font-family: var(--schrift-titel);font-weight: 400;font-size: .95rem;text-transform: none;letter-spacing: 0;color: var(--blau);background: transparent;border: 1px solid #8a8d93}.knopf-linie:hover{color: var(--weiss);background: var(--blau);border-color: var(--blau)}.knopf-linie::after{display: none}.knopf-hell{min-height: 48px;padding: 10px 34px;font-family: var(--schrift-titel);font-weight: 600;font-size: 1.05rem;text-transform: none;color: var(--blau);background: var(--weiss);border: 2px solid var(--blau)}.knopf-hell:hover{background: var(--blau);color: var(--weiss)}.hg-dunkel .knopf-rand, .hg-blau .knopf-rand, .hg-bild .knopf-rand, .buehne .knopf-rand{color: var(--weiss)}.hg-dunkel .knopf-rand:hover, .hg-blau .knopf-rand:hover, .hg-bild .knopf-rand:hover, .buehne .knopf-rand:hover{background: var(--weiss);border-color: var(--weiss);color: var(--blau)}.hg-dunkel .knopf-linie, .hg-blau .knopf-linie, .hg-bild .knopf-linie{color: var(--weiss);border-color: rgba(255, 255, 255, .6)}.oberzeile{font-family: var(--schrift-text);text-transform: uppercase;letter-spacing: .08em;font-size: .8125rem;font-weight: 600;color: var(--blau);margin: 0 0 10px;line-height: 1.5}.hg-dunkel .oberzeile, .hg-bild .oberzeile, .hg-blau .oberzeile{color: var(--himmelblau-hell)}.marke, .seitenkopf.hg-bild .oberzeile, .etikett{display: inline-block;background: var(--grau);color: #000;padding: 3px 10px;letter-spacing: 2px;text-transform: uppercase;font-size: .875rem;font-weight: 500;line-height: 1.5;margin: 0 0 18px;font-family: var(--schrift-titel)}.buehne{position: relative;color: var(--weiss);overflow: hidden;isolation: isolate;background: linear-gradient(#4d4d4d, #86b6e6);min-height: min(82vh, 760px);display: flex;align-items: center}.buehne > .rahmen{padding-top: var(--abstand-gross);padding-bottom: var(--abstand-gross)}.buehne-medien{position: absolute;inset: 0;z-index: -2;margin: 0}.buehne-medien picture{position: absolute;inset: 0}.buehne-medien img, .buehne-medien video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0 !important}.buehne-medien video{opacity: 0;transition: opacity .9s ease}.buehne-medien video.laeuft{opacity: 1}.buehne::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg, rgba(10, 34, 60, .78) 0%, rgba(10, 34, 60, .5) 55%, rgba(10, 34, 60, .2) 100%), linear-gradient(0deg, rgba(10, 34, 60, .35), transparent 45%)}.buehne h1{color: var(--weiss);font-size: clamp(2.3rem, 1.2rem + 3.4vw, 3.75rem);line-height: 1.08;max-width: 21ch;margin-bottom: .5em;text-wrap: initial;text-shadow: 0 2px 24px rgba(0, 0, 0, .25)}.buehne .einleitung{font-size: var(--gr-einleitung);line-height: 1.5;max-width: 54ch;color: var(--weiss);font-weight: 400}.buehne .einleitung strong{font-weight: 600}.buehne-fuss{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 22px 40px;margin-top: 2.2em;max-width: 1000px}.buehne-fuss .knopfreihe{margin: 0;gap: 12px 22px}.bewertung{display: flex;align-items: center;gap: 16px;margin: 0;color: var(--weiss);font-weight: 500;line-height: 1.35}.bewertung img{width: 140px;height: auto;border-radius: 0 !important}.vertrauen{list-style: none;margin: 0;padding: 0;display: grid;gap: 18px 40px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}.vertrauen li{display: flex;align-items: center;gap: 16px;margin: 0;color: var(--weiss);font-weight: 500}.vertrauen img{width: 32px;height: 32px;flex: none;border-radius: 0 !important;box-shadow: none !important}.seitenkopf{position: relative;isolation: isolate;padding: var(--abstand) 0;background: var(--grau)}.seitenkopf h1{max-width: 22ch}.seitenkopf p{max-width: 62ch;font-size: var(--gr-einleitung);line-height: 1.5}.seitenkopf.hg-bild{min-height: clamp(420px, 40vw, 580px);display: flex;align-items: center;color: var(--weiss);background: var(--dunkel)}.seitenkopf.hg-bild > .rahmen{padding-top: clamp(20px, 3vw, 40px);padding-bottom: clamp(20px, 3vw, 40px)}.seitenkopf.hg-bild h1{color: var(--weiss);text-shadow: 0 2px 24px rgba(0, 0, 0, .25)}.seitenkopf.hg-bild p{color: var(--weiss)}.seitenkopf.hg-bild > .hg-schicht::after{background: linear-gradient(90deg, rgba(10, 34, 60, .9) 0%, rgba(10, 34, 60, .72) 50%, rgba(10, 34, 60, .4) 100%)}.seitenkopf.mitte .oberzeile, .seitenkopf.mitte h1{text-align: center;margin-left: auto;margin-right: auto}.seitenkopf.mitte .brotkrumen ol{justify-content: center}.seitenkopf.mitte > .rahmen > p{text-align: center;margin-left: auto;margin-right: auto}.seitenkopf.hg-bild.kompakt{min-height: clamp(260px, 24vw, 340px);padding: clamp(36px, 4vw, 52px) 0}.seitenkopf.hg-bild.kompakt > .rahmen{padding-top: 0;padding-bottom: 0}.seitenkopf.erstgespraech{background: var(--weiss);padding-top: clamp(28px, 4vw, 56px)}.grosse-karte{background: var(--weiss);border-radius: var(--radius);box-shadow: 0 6px 34px rgba(0, 0, 0, .14);padding: clamp(22px, 4vw, 56px)}.grosse-karte h1{font-size: var(--gr-h2);font-weight: 500;line-height: 1.3;color: var(--text)}.grosse-karte .anfragewege{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}.grosse-karte img{border-radius: var(--radius);box-shadow: var(--schatten);width: 100%}.seitenkopf.erstgespraech .brotkrumen{margin-bottom: 18px}.brotkrumen{font-size: .85rem;margin-bottom: 22px}.brotkrumen ol{list-style: none;display: flex;flex-wrap: wrap;gap: 6px;padding: 0;margin: 0}.brotkrumen li{margin: 0}.brotkrumen li + li::before{content: "›";margin-right: 6px;opacity: .7}.brotkrumen a{color: inherit;text-decoration: none;opacity: .85}.brotkrumen a:hover{opacity: 1;text-decoration: underline;color: inherit}.brotkrumen [aria-current]{opacity: .75}.seitenkopf.hg-bild .brotkrumen{color: var(--weiss)}.seitenkopf:not(.hg-bild) .brotkrumen{color: var(--text-leise)}.abschnitt{position: relative;isolation: isolate;padding: var(--abstand) 0;background: var(--weiss)}.abschnitt.gross{padding: var(--abstand-gross) 0}.hg-grau{background: var(--grau)}.hg-blau{background: var(--blau);color: var(--weiss)}.hg-dunkel{background: var(--dunkel);color: var(--weiss)}.hg-verlauf{background: linear-gradient(var(--weiss) 16%, var(--grau) 66%)}.hg-bild{background: var(--dunkel);color: var(--weiss)}.hg-blau h2, .hg-blau h3, .hg-blau h4, .hg-dunkel h2, .hg-dunkel h4, .hg-bild h2, .hg-bild h4{color: var(--weiss)}.hg-dunkel h3, .hg-bild h3{color: var(--weiss)}.hg-blau p, .hg-dunkel p, .hg-bild p, .hg-blau li, .hg-dunkel li, .hg-bild li{color: rgba(255, 255, 255, .92)}.hg-blau a:not(.knopf), .hg-dunkel a:not(.knopf), .hg-bild a:not(.knopf){color: var(--weiss)}/* Bildhintergrund: build.py erzeugt aus data-hintergrund eine <figure class="hg-schicht"> mit <img> */ .hg-schicht{position: absolute;inset: 0;z-index: -2;overflow: hidden;margin: 0}.hg-schicht img{width: 100%;height: 100%;object-fit: cover;border-radius: 0 !important;box-shadow: none !important}.hg-schicht::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(10, 34, 60, .82), rgba(10, 34, 60, .9))}.abdunkeln-leicht > .hg-schicht::after{background: rgba(26, 26, 26, .6)}.abdunkeln-stark > .hg-schicht::after{background: rgba(20, 20, 20, .86)}.hg-oben > .hg-schicht img{object-position: 50% 20%}.hg-unten > .hg-schicht img{object-position: 50% 85%}.deko-quadrate::before, .deko-logo::before{content: "";position: absolute;z-index: -1;pointer-events: none;background: center / contain no-repeat}.deko-quadrate::before{background-image: url("/bilder/Solar-Oberberg-Hintergruende_Zeichenflaeche-1_Zeichenflaeche-1.svg");left: -12%;top: 0;bottom: 0;width: 64%;opacity: .55;background-position: left center}.deko-logo::before{background-image: url("/bilder/Solar-Oberberg-Logo-RGB-Favicon-6.svg");inset: 0;opacity: .06;background-size: cover}@media (max-width: 980px){.deko-quadrate::before{opacity: .25;width: 100%}}.welle-o, .welle-u{position: absolute;left: 0;right: 0;height: var(--welle);z-index: 0;pointer-events: none;background: var(--welle-farbe, var(--weiss));-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat}.welle-o{top: -1px}.welle-u{bottom: -1px}.welle-oben > .welle-o{-webkit-mask-image: var(--form-welle-oben);mask-image: var(--form-welle-oben)}.bogen-oben > .welle-o{-webkit-mask-image: var(--form-bogen-oben);mask-image: var(--form-bogen-oben)}.welle-unten > .welle-u{-webkit-mask-image: var(--form-welle-unten);mask-image: var(--form-welle-unten)}.bogen-unten > .welle-u{-webkit-mask-image: var(--form-bogen-unten);mask-image: var(--form-bogen-unten)}.welle-oben, .bogen-oben{padding-top: calc(var(--abstand) + var(--welle) * .6)}.welle-unten, .bogen-unten{padding-bottom: calc(var(--abstand) + var(--welle) * .6)}.gross.welle-oben, .gross.bogen-oben{padding-top: calc(var(--abstand-gross) + var(--welle) * .4)}.gross.welle-unten, .gross.bogen-unten{padding-bottom: calc(var(--abstand-gross) + var(--welle) * .4)}.abschnitt > .rahmen, .seitenkopf > .rahmen, .buehne > .rahmen{position: relative;z-index: 1}.hg-grau + * > .welle-o, .hg-verlauf + * > .welle-o{--welle-farbe: var(--grau)}.hg-blau + * > .welle-o{--welle-farbe: var(--blau)}.hg-dunkel + * > .welle-o, .hg-bild + * > .welle-o{--welle-farbe: var(--dunkel)}:has(+ .hg-grau) > .welle-u{--welle-farbe: var(--grau)}:has(+ .hg-blau) > .welle-u{--welle-farbe: var(--blau)}:has(+ .hg-dunkel) > .welle-u, :has(+ .hg-bild) > .welle-u{--welle-farbe: var(--dunkel)}main > :last-child > .welle-u{--welle-farbe: var(--grau)}.kopftext{max-width: 800px;margin-bottom: clamp(28px, 4vw, 52px)}.kopftext > p:not(.oberzeile){font-size: var(--gr-einleitung);line-height: 1.5}.kopftext > :last-child{margin-bottom: 0}.mitte .kopftext, .kopftext.mitte{margin-left: auto;margin-right: auto;text-align: center}.mitte > .rahmen > .oberzeile, .mitte > .rahmen > h2, .mitte > .rahmen > h2 + p{text-align: center;margin-left: auto;margin-right: auto}.mitte > .rahmen > h2{max-width: 40ch}.mitte > .rahmen > h2 + p{max-width: 62ch}.mitte > .rahmen > .knopfreihe, .knopfreihe.mitte{justify-content: center}.abschnitt > .rahmen > h2:first-child, .abschnitt > .rahmen > .oberzeile + h2{margin-bottom: .9em}.einleitung{font-size: var(--gr-einleitung);line-height: 1.5}.abschnitt img:not(.symbol):not(.ohne-rahmen){border-radius: var(--radius)}.abschnitt .raster > div > img:not(.symbol), .abschnitt .raster > div > a > img:not(.symbol), .abschnitt .raster > div > p > img:not(.symbol){box-shadow: var(--schatten)}.raster{--luecke: clamp(24px, 3vw, 40px);display: flex;flex-wrap: wrap;gap: var(--luecke);align-items: flex-start;margin: clamp(28px, 3.5vw, 44px) 0}.raster:first-child{margin-top: 0}.raster:last-child{margin-bottom: 0}.raster > *{min-width: 0;flex: 0 0 100%}.raster > * > :last-child{margin-bottom: 0}.raster-gleich > *{flex: 1 1 190px}@media (min-width: 640px){.raster > .b6, .raster > .b8{flex-basis: calc((100% - var(--luecke)) / 2)}}@media (min-width: 980px){.raster{--luecke: clamp(28px, 4.5vw, 62px);align-items: center}.raster:has(> .b6), .raster:has(> .b8){--luecke: clamp(24px, 3vw, 40px)}.raster > .b6{flex-basis: calc((100% - 3 * var(--luecke)) / 4)}.raster > .b8{flex-basis: calc((100% - 2 * var(--luecke)) / 3)}.raster > .b12{flex-basis: calc((100% - var(--luecke)) / 2)}.raster > .b16{flex-basis: calc((100% - var(--luecke)) * 2 / 3)}.raster > .b18{flex-basis: calc((100% - var(--luecke)) * 3 / 4)}.raster > .b16 + .b8, .raster > .b8:has(+ .b16){flex-basis: calc((100% - var(--luecke)) / 3)}.raster > .b18 + .b6, .raster > .b6:has(+ .b18){flex-basis: calc((100% - var(--luecke)) / 4)}.raster > .b24{flex-basis: 100%}.raster-gleich > *{flex: 1 1 170px}.raster.oben{align-items: flex-start}}.raster:has(> .b6 > .kachel), .raster:has(> .b8 > .kachel), .raster-gleich{align-items: stretch}.raster .raster{display: block;margin: 0}@media (min-width: 980px){.raster.umgekehrt{flex-direction: row-reverse}}.raster.karte-zeile, .karte-spalte{background: var(--weiss);border-radius: var(--radius);box-shadow: var(--schatten-weich);padding: clamp(22px, 3vw, 40px)}.hg-grau .raster.karte-zeile{box-shadow: var(--schatten)}.karte-spalte{color: var(--text)}.hg-bild .karte-spalte h2, .hg-bild .karte-spalte h3, .hg-dunkel .karte-spalte h2, .hg-dunkel .karte-spalte h3{color: var(--blau)}.hg-bild .karte-spalte p, .hg-bild .karte-spalte li, .hg-dunkel .karte-spalte p, .hg-dunkel .karte-spalte li{color: var(--text)}.raster .raster > * + *{margin-top: 1em}.kachel{display: flex;flex-direction: column;gap: 2px;position: relative}.kachel:only-child, .raster-gleich .kachel, .technik .kachel{height: 100%}.kachel + .kachel{margin-top: clamp(24px, 3vw, 40px)}.kachel > :last-child{margin-bottom: 0}.kachel h3, .kachel h4, .kachel h5{font-size: var(--gr-h3);font-weight: 600;margin: 0 0 .45em;line-height: 1.3}.kachel h3 a, .kachel h4 a{color: inherit;text-decoration: none}.kachel h3 a:hover, .kachel h4 a:hover{color: var(--blau)}.kachel p, .kachel li{font-size: 1rem;line-height: 1.55}.kachel .knopfreihe{margin-top: auto;padding-top: 14px}.kachel.mitte{text-align: center;align-items: center}.kachel.mitte .knopfreihe{justify-content: center}.kachel img:not(.symbol){width: 100%;aspect-ratio: 16 / 10;object-fit: cover;margin: 0 0 22px;box-shadow: none}.kachel.karte{background: var(--weiss);color: var(--text);border-radius: var(--radius);padding: clamp(22px, 2.4vw, 32px);box-shadow: var(--schatten);transition: transform var(--uebergang), box-shadow var(--uebergang)}.kachel.karte:has(img:not(.symbol)){border-radius: var(--radius-gross);box-shadow: var(--schatten-weich)}.kachel.karte:hover{transform: translateY(-4px);box-shadow: var(--schatten-hoch)}.kachel.karte h3, .kachel.karte h4{color: var(--blau);font-size: 1.15rem;font-weight: 700}.kachel.karte p, .kachel.karte li{color: var(--text)}.kachel.karte-grau{background: var(--grau);border-radius: var(--radius);padding: clamp(20px, 2vw, 26px)}.kachel.karte-grau h3, .kachel.karte-grau h4{color: var(--blau);font-size: 1.125rem}.hg-grau .kachel.karte-grau{background: var(--weiss)}.kachel.karte-rand{background: var(--weiss);border: 1px solid var(--linie);border-radius: var(--radius);padding: clamp(20px, 2vw, 26px);transition: border-color var(--uebergang), box-shadow var(--uebergang), transform var(--uebergang)}.kachel.karte-rand:hover{border-color: transparent;box-shadow: var(--schatten);transform: translateY(-3px)}.kachel.karte-rand p{margin-bottom: 0}.hg-blau .kachel:not(.karte):not(.karte-grau) h3, .hg-blau .kachel:not(.karte):not(.karte-grau) h4{color: var(--weiss)}.hg-dunkel .kachel:not(.karte):not(.karte-grau) h3, .hg-bild .kachel:not(.karte):not(.karte-grau) h3{color: var(--gelb)}.hg-dunkel .kachel.karte h3, .hg-bild .kachel.karte h3, .hg-blau .kachel.karte h3{color: var(--blau)}.hg-dunkel .kachel.karte p, .hg-bild .kachel.karte p, .hg-blau .kachel.karte p, .hg-dunkel .kachel.karte li, .hg-bild .kachel.karte li, .hg-blau .kachel.karte li{color: var(--text)}.kachel-titel{font-size: 1.25rem}.symbol{width: 80px;height: 80px;margin: 0 0 18px;object-fit: contain}.kachel.mitte .symbol{margin-left: auto;margin-right: auto}.symbol-klein .symbol, .symbol.klein{width: 40px;height: 40px;margin-bottom: 12px}.symbol-gross .symbol{width: 110px;height: 110px}.kachel.karte .symbol{transition: transform var(--uebergang)}.kachel.karte:hover .symbol{transform: scale(1.06)}.technik{display: grid;gap: clamp(36px, 4vw, 56px) clamp(20px, 3vw, 40px);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}.technik .kachel{align-items: center;text-align: center}.technik .symbol{width: 167px;height: 120px;margin-bottom: 14px;transition: transform var(--uebergang)}.technik .kachel:hover .symbol{transform: translateY(-4px)}.technik h3{font-size: 1rem;font-weight: 500;color: var(--text-stark);margin-bottom: 14px;hyphens: manual}.technik .knopfreihe{margin-top: auto;padding-top: 0}.hinweisbox{background: var(--grau);border-left: 4px solid var(--gelb);border-radius: var(--radius-klein);padding: 22px 24px;margin: 1em 0}.hinweisbox > :last-child{margin-bottom: 0}.hg-grau .hinweisbox{background: var(--weiss);box-shadow: var(--schatten-weich)}.hg-dunkel .hinweisbox, .hg-bild .hinweisbox, .hg-blau .hinweisbox{background: rgba(255, 255, 255, .08)}.liste-haken{list-style: none;padding: 0;margin: 0 0 1.2em}.liste-haken li{padding-left: 38px;position: relative;margin-bottom: 12px;font-weight: 500}.liste-haken li::before{content: "";position: absolute;left: 0;top: .05em;width: 24px;height: 24px;background: var(--blau);-webkit-mask: var(--sym-haken) center / contain no-repeat;mask: var(--sym-haken) center / contain no-repeat}.hg-dunkel .liste-haken li::before, .hg-bild .liste-haken li::before, .hg-blau .liste-haken li::before{background: var(--himmelblau-hell)}.spalten-liste{columns: 2 260px;column-gap: 32px}.spalten-liste li{break-inside: avoid}.kennzahl{font-family: var(--schrift-titel)}.kennzahl strong{display: block;font-size: clamp(2.6rem, 2rem + 2.5vw, 4.5rem);font-weight: 500;color: var(--blau);line-height: 1.05}.hg-dunkel .kennzahl strong, .hg-bild .kennzahl strong, .hg-blau .kennzahl strong{color: var(--gelb)}.wege{display: grid;gap: clamp(16px, 2.5vw, 40px);grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}.weg{position: relative;display: flex;align-items: flex-end;min-height: clamp(210px, 19vw, 280px);padding: 30px 64px 32px 32px;border-radius: var(--radius);overflow: hidden;color: var(--weiss);text-decoration: none;isolation: isolate;box-shadow: 0 2px 18px rgba(0, 0, 0, .3);transition: transform var(--uebergang), box-shadow var(--uebergang)}.weg img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;transition: transform .6s cubic-bezier(.2, .7, .3, 1);border-radius: 0 !important}.weg::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(200deg, rgba(243, 243, 244, .5) 0%, rgba(152, 182, 214, .3) 35%, rgba(36, 105, 175, .96) 82%)}.weg-kommune::before{background: linear-gradient(200deg, rgba(243, 243, 244, .55) 0%, rgba(243, 243, 244, .35) 35%, rgba(23, 145, 208, .96) 82%)}.weg-investor{color: var(--dunkel)}.weg-investor::before{background: linear-gradient(200deg, rgba(243, 243, 244, .55) 0%, rgba(255, 211, 23, .6) 40%, rgba(255, 211, 23, .97) 82%)}.weg-privat{color: var(--text-stark)}.weg-privat::before{background: linear-gradient(200deg, rgba(243, 243, 244, .45) 14%, rgba(243, 243, 244, .75) 60%, rgba(243, 243, 244, .94) 100%)}.weg::after{content: "";position: absolute;right: 26px;bottom: 32px;width: 30px;height: 30px;background: var(--gelb);-webkit-mask: var(--sym-kreispfeil) center / contain no-repeat;mask: var(--sym-kreispfeil) center / contain no-repeat;transition: transform var(--uebergang)}.weg-investor::after, .weg-privat::after{background: var(--blau)}.weg:hover{transform: translateY(-5px);box-shadow: 0 22px 34px -12px rgba(0, 0, 0, .45);color: var(--weiss)}.weg-investor:hover{color: var(--dunkel)}.weg-privat:hover{color: var(--text-stark)}.weg:hover img{transform: scale(1.06)}.weg:hover::after{transform: translateX(4px)}.weg-text strong{display: block;font-family: var(--schrift-titel);font-size: 1.25rem;font-weight: 500;line-height: 1.3}.weg-text span{display: block;font-size: .9rem;margin-top: 4px;opacity: .92}.anfrage-karte{background: var(--weiss);border-radius: var(--radius);padding: clamp(22px, 3vw, 34px);box-shadow: var(--schatten-weich);color: var(--text)}.anfrage-karte > h3{color: var(--text-stark);font-size: 1.25rem;margin-bottom: 4px}.anfrage-karte > p{color: var(--text-leise)}.anfragewege{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));margin: 1.1em 0 1.2em}.anfrageweg{position: relative;display: flex;flex-direction: column;gap: 4px;padding: 18px 48px 18px 20px;border-radius: var(--radius-klein);text-decoration: none;background: var(--grau);border: 1px solid transparent;color: var(--text);transition: background var(--uebergang), border-color var(--uebergang), transform var(--uebergang), box-shadow var(--uebergang)}.anfrageweg strong{font-family: var(--schrift-titel);font-size: 1.05rem;font-weight: 600;color: var(--blau)}.anfrageweg span{font-size: .9rem;color: var(--text-leise);line-height: 1.45}.anfrageweg span.pfeil{margin-top: auto;padding-top: 8px;font-family: var(--schrift-knopf);font-weight: 700;font-size: .8rem;text-transform: uppercase;letter-spacing: .03em;color: var(--text-stark)}.anfrageweg::after{content: "";position: absolute;right: 16px;top: 20px;width: 24px;height: 24px;background: var(--blau);-webkit-mask: var(--sym-kreispfeil) center / contain no-repeat;mask: var(--sym-kreispfeil) center / contain no-repeat;transition: transform var(--uebergang)}.anfrageweg:hover{background: var(--weiss);border-color: var(--blau);color: var(--text);transform: translateY(-2px);box-shadow: var(--schatten)}.anfrageweg:hover::after{transform: translateX(3px)}.kleingedruckt{font-size: .9rem;color: var(--text-leise);margin: 0}.anfrage-karte .kleingedruckt, .seitenkopf .anfrage-karte .kleingedruckt{font-size: .875rem;line-height: 1.5}a[href^="tel:"]{white-space: nowrap}.hg-blau .anfrageweg strong, .hg-dunkel .anfrageweg strong, .hg-bild .anfrageweg strong{color: var(--blau)}.hg-blau .anfrageweg span, .hg-dunkel .anfrageweg span, .hg-bild .anfrageweg span{color: var(--text-leise)}.hg-blau .anfrageweg span.pfeil, .hg-dunkel .anfrageweg span.pfeil, .hg-bild .anfrageweg span.pfeil{color: var(--text-stark)}.hg-blau .kleingedruckt, .hg-dunkel .kleingedruckt, .hg-bild .kleingedruckt{color: rgba(255, 255, 255, .85)}.anfrage-karte .kleingedruckt{color: var(--text-leise) !important}.anfrage-karte .kleingedruckt a{color: var(--blau) !important}.schritte{display: grid;gap: clamp(24px, 3vw, 40px);grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}.schritt{margin: 0;color: var(--weiss);display: flex;flex-direction: column;align-items: flex-start}.schritt > div{display: contents}.schritt .nr{order: -1;margin: 0 0 14px;color: #000 !important;font-size: .875rem}.schritt img{aspect-ratio: 16 / 10;object-fit: cover;width: 100%;border-radius: var(--radius) !important;margin-bottom: 20px;transition: transform var(--uebergang), box-shadow var(--uebergang)}.schritt:hover img{transform: translateY(-4px);box-shadow: var(--schatten-hoch)}.schritt h3{color: var(--gelb) !important;margin-bottom: .4em}.schritt p{font-size: 1rem;margin: 0;color: rgba(255, 255, 255, .9) !important;font-weight: 300}.referenzen{display: grid;gap: clamp(20px, 3.5vw, 40px);grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));margin-bottom: clamp(48px, 7vw, 96px)}.referenz{margin: 0;position: relative}.referenz img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--radius) !important;box-shadow: var(--schatten)}.referenz figcaption{position: absolute;left: 14px;top: 14px}.referenz figcaption .etikett{margin: 0}.videos{display: grid;gap: clamp(18px, 3vw, 28px);grid-template-columns: repeat(auto-fit, minmax(230px, 287px));justify-content: center;margin: 0 0 clamp(40px, 5vw, 64px)}.video{margin: 0;position: relative}.video .video-flaeche{position: relative;aspect-ratio: 9 / 16;border-radius: var(--radius-klein);overflow: hidden;background: #0f1720;box-shadow: var(--schatten)}.video .video-flaeche img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0 !important;box-shadow: none !important;transition: transform .6s}.video:hover .video-flaeche img{transform: scale(1.03)}.video video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;background: #0f1720}.video .etikett{position: absolute;left: 10px;top: 10px;z-index: 2;margin: 0}.video .video-start{position: absolute;left: 50%;top: 50%;z-index: 2;width: 76px;height: 76px;margin: -38px 0 0 -38px;border-radius: 50%;padding: 0;min-height: 0;background: var(--blau);display: grid;place-items: center;color: var(--weiss);box-shadow: 0 8px 24px rgba(0, 0, 0, .35);transition: transform var(--uebergang), background var(--uebergang);text-decoration: none}.video .video-start::before{content: "";width: 30px;height: 30px;margin-left: 4px;background: currentColor;-webkit-mask: var(--sym-play) center / contain no-repeat;mask: var(--sym-play) center / contain no-repeat}.video .video-start::after{display: none}.video .video-start:hover{transform: scale(1.08);background: var(--blau-dunkel);color: var(--weiss)}.video figcaption{margin-top: 10px}.video figcaption small{display: block;font-size: .78rem;color: var(--text-leise);line-height: 1.4}.video.geladen .video-start, .video.geladen .etikett{display: none}.stimmen{display: grid;gap: clamp(16px, 2vw, 24px);grid-template-columns: minmax(0, 1fr);margin: clamp(24px, 3vw, 36px) 0 0}.stimme{margin: 0;background: var(--weiss);border-radius: 14px;border: 1px solid var(--linie);padding: clamp(22px, 2.4vw, 30px);display: flex;flex-direction: column;transition: border-color var(--uebergang), box-shadow var(--uebergang)}.hg-grau .stimme, .hg-verlauf .stimme{border-color: #e4e0d5}.stimme:hover{border-color: var(--blau);box-shadow: 0 10px 24px -14px rgba(15, 59, 102, .35)}.stimme .sterne{color: #e8a800;letter-spacing: 2px;font-size: 1rem;line-height: 1;display: block;margin-bottom: 14px}.stimme blockquote{margin: 0 0 18px}.stimme blockquote p{margin: 0 0 .6em;font-size: .975rem;line-height: 1.6}.stimme blockquote strong{color: var(--text-stark)}.stimme figcaption{margin-top: auto;padding-top: 14px;border-top: 1px solid var(--linie);font-size: .9rem;font-weight: 600;color: var(--tiefblau)}.logos{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 20px clamp(32px, 5vw, 64px);align-items: center;list-style: none;padding: clamp(24px, 3vw, 32px) 0 0;margin: clamp(28px, 3.5vw, 40px) 0 0;border-top: 1px solid var(--linie)}.hg-grau .logos{border-top-color: #e4e0d5}.logos li{margin: 0}.logos a{display: block;padding: 6px 0}.logos img{max-height: 40px;max-width: 150px;width: auto;height: auto;border-radius: 0 !important;box-shadow: none !important;filter: grayscale(1) brightness(.55);opacity: .75;transition: filter var(--uebergang), opacity var(--uebergang)}.logos a:hover img{filter: none;opacity: 1}.person{display: flex;gap: 22px;align-items: center;flex-wrap: wrap;margin: 26px 0}.person img{width: 110px;height: 110px;object-fit: cover;border-radius: 50% !important;box-shadow: var(--schatten) !important}.person p{margin: 0;font-size: .9rem}.person strong{display: block;font-family: var(--schrift-titel);font-size: 1.125rem;font-weight: 500;color: var(--text-stark)}.pruefzeichen img{max-width: 220px;border-radius: 8px !important;box-shadow: none !important}.kontaktliste{list-style: none;padding: 0}.kontaktliste li{margin-bottom: 16px;padding-left: 40px;position: relative}.kontaktliste li::before{content: "";position: absolute;left: 0;top: 2px;width: 24px;height: 24px;background: var(--blau);-webkit-mask: var(--sym-pfeil) center / contain no-repeat;mask: var(--sym-pfeil) center / contain no-repeat}.kontaktliste li.ort::before{-webkit-mask-image: var(--sym-ort);mask-image: var(--sym-ort)}.kontaktliste li.post::before{-webkit-mask-image: var(--sym-post);mask-image: var(--sym-post)}.kontaktliste li.tel::before{-webkit-mask-image: var(--sym-telefon);mask-image: var(--sym-telefon)}.kontaktliste strong{display: block;font-size: .8rem;color: var(--text-leise);font-weight: 500;text-transform: uppercase;letter-spacing: 1.5px}.formular{background: var(--weiss);border-radius: var(--radius);padding: clamp(22px, 3vw, 34px);box-shadow: var(--schatten-weich);color: var(--text)}fieldset{border: 0;padding: 0;margin: 0 0 22px;min-width: 0}legend{font-family: var(--schrift-titel);font-weight: 600;font-size: 1.1rem;margin-bottom: 12px;padding: 0}.wegwahl{display: grid;gap: 10px;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))}.wegwahl label{display: flex;gap: 10px;align-items: flex-start;border: 1px solid var(--linie);border-radius: var(--radius-klein);padding: 12px;cursor: pointer;font-weight: 500;line-height: 1.3}.wegwahl label small{display: block;font-weight: 400;color: var(--text-leise);font-size: .85rem;margin-top: 2px}.wegwahl input{margin-top: 3px;accent-color: var(--blau);width: 18px;height: 18px;flex: none}.wegwahl label:has(input:checked){border-color: var(--blau);background: #eef4fb}.felder{display: grid;gap: 14px 16px;grid-template-columns: repeat(6, 1fr)}.feld{grid-column: span 6;display: flex;flex-direction: column;gap: 6px}@media (min-width: 620px){.feld.halb{grid-column: span 3}.feld.viertel{grid-column: span 2}.feld.dreiviertel{grid-column: span 4}}.feld label{font-weight: 500;font-size: .9rem}.pflicht{color: var(--fehler)}.optional{font-weight: 400;color: var(--text-leise);font-size: .85rem}.feld input, .feld textarea{font: inherit;padding: 12px 14px;border: 1px solid #a3a7ad;border-radius: 10px;background: var(--weiss);color: var(--text);width: 100%}.feld input:focus, .feld textarea:focus{outline: 3px solid rgba(36, 105, 175, .3);border-color: var(--blau)}.feld textarea{min-height: 130px;resize: vertical}.feld [aria-invalid="true"]{border-color: var(--fehler)}.feldfehler{color: var(--fehler);font-size: .88rem}.hinweis-weg{background: #eef4fb;border-left: 4px solid var(--blau);padding: 12px 14px;border-radius: 8px;font-size: .95rem;margin-top: 12px}.einwilligung{display: flex;gap: 10px;align-items: flex-start;font-size: .95rem}.einwilligung input{width: 20px;height: 20px;margin-top: 3px;accent-color: var(--blau);flex: none}.honigtopf{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.formular-fuss{display: flex;flex-wrap: wrap;gap: 14px;align-items: center;margin-top: 14px}.formular-fuss small{color: var(--text-leise)}.meldung{border-radius: 10px;padding: 14px 16px;margin-top: 18px}.meldung-fehler{background: #fdecea;color: var(--fehler)}.meldung-ok{background: #e8f5ec;color: var(--ok)}.vorschau-band{background: #fff6d1;border: 2px dashed #b38f00;border-radius: 10px;padding: 12px 14px;margin-bottom: 18px;font-size: .95rem}.rechtstext{max-width: 78ch}.rechtstext h2{font-size: 1.45rem;margin-top: 1.8em}.rechtstext h3{font-size: 1.15rem;margin-top: 1.4em}.entwurf-hinweis{background: #fff6d1;border: 2px solid #b38f00;border-radius: 10px;padding: 14px 18px;margin-bottom: 26px;color: var(--text)}mark.bitte-pruefen{background: #ffe08a;color: #4a3500;padding: 1px 4px;border-radius: 4px;font-weight: 600;outline: 2px dashed #b38f00}.fuss{background: var(--grau);color: var(--text);padding: clamp(48px, 6vw, 72px) 0 0;font-size: .9375rem;font-weight: 500}.fuss a{color: var(--text);text-decoration: none}.fuss a:hover{color: var(--blau)}.fuss-raster{display: grid;gap: 32px 40px;grid-template-columns: 1fr;align-items: start}@media (min-width: 640px){.fuss-raster{grid-template-columns: 1fr 1fr}}@media (min-width: 980px){.fuss-raster{grid-template-columns: 1fr 1.25fr 1.25fr 1fr}}.fuss-logo img{width: 140px;height: auto}.fuss-logo p{margin: 16px 0 0;font-weight: 400;font-size: .9rem;color: var(--text-leise);max-width: 26ch}a.pruefzeichen{display: inline-block;background: #fff;border-radius: 8px;padding: 8px 10px;line-height: 0;box-shadow: 0 1px 3px rgba(0, 0, 0, .12)}a.pruefzeichen img{width: 170px;height: auto;border-radius: 0 !important;box-shadow: none !important}.fuss-logo a.pruefzeichen{margin-top: 18px}.fuss-logo a.pruefzeichen img{width: 150px}.fuss ul{list-style: none;padding: 0;margin: 0}.fuss li{margin-bottom: 12px}.fuss address{font-style: normal}.fuss .mit-symbol{position: relative;padding-left: 40px;min-height: 24px}.fuss .mit-symbol::before{content: "";position: absolute;left: 0;top: 0;width: 24px;height: 24px;background: var(--blau);-webkit-mask: var(--sym-ort) center / contain no-repeat;mask: var(--sym-ort) center / contain no-repeat}.fuss .mit-symbol.post::before{-webkit-mask-image: var(--sym-post);mask-image: var(--sym-post)}.fuss .mit-symbol.tel::before{-webkit-mask-image: var(--sym-telefon);mask-image: var(--sym-telefon)}.fuss h2{font-size: .8rem;letter-spacing: 2px;text-transform: uppercase;color: var(--blau);margin-bottom: 14px;font-weight: 500}.sozial{display: flex;gap: 10px;margin-top: 18px !important}.sozial li{margin: 0}.sozial a{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 8px;background: var(--text);transition: background var(--uebergang), transform var(--uebergang)}.sozial a::before{content: "";width: 20px;height: 20px;background: var(--weiss);-webkit-mask: var(--sym-facebook) center / contain no-repeat;mask: var(--sym-facebook) center / contain no-repeat}.sozial a.instagram::before{-webkit-mask-image: var(--sym-instagram);mask-image: var(--sym-instagram)}.sozial a:hover{background: var(--blau);transform: translateY(-2px)}.fuss-unten{margin-top: clamp(36px, 5vw, 56px);padding: 18px 0 22px;border-top: 1px solid var(--linie);font-size: .82rem;font-weight: 400;color: var(--text-leise);display: flex;flex-wrap: wrap;gap: 8px 24px;justify-content: space-between}.fuss-unten p{margin: 0}@media (prefers-reduced-motion: no-preference){.js-einblenden .einblenden{opacity: 0;transform: translateY(22px);transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .3, 1)}.js-einblenden .einblenden.sichtbar{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{transition-duration: .01ms !important;animation-duration: .01ms !important}.buehne-medien video{display: none}}@media (max-width: 640px){.knopfreihe .knopf:not(.knopf-linie):not(.knopf-text){width: 100%}.technik{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px 14px}.technik .symbol{width: 110px;height: 84px}.technik .knopf-linie{padding: 6px 16px;font-size: .85rem}.weg{min-height: 180px}.buehne{min-height: 0}.seitenkopf.hg-bild{min-height: 380px}.bewertung img{width: 120px}}@media print{.kopf, .fuss, .sprungmarke, .knopfreihe, .welle-o, .welle-u, .hg-schicht, .buehne-medien{display: none !important}.hg-blau, .hg-dunkel, .hg-bild, .buehne, .seitenkopf{background: none !important;color: #000 !important}.hg-blau *, .hg-dunkel *, .hg-bild *, .buehne *, .seitenkopf *{color: #000 !important}}.kopf-aktion{display: flex;align-items: center;gap: 18px;margin-left: 10px}.kopf-telefon{font-family: var(--schrift-titel);font-weight: 500;font-size: .9375rem;color: var(--tiefblau);text-decoration: none;white-space: nowrap}.kopf-telefon:hover{color: var(--blau)}.kopf-knopf{min-height: 42px;padding: 9px 20px;font-size: .8125rem;box-shadow: none}.kopf .rahmen{max-width: calc(1280px + 2 * var(--rand))}.hauptmenue{margin-left: auto}.hauptmenue > ul > li > a{padding-left: 11px;padding-right: 11px}.hauptmenue > ul > li > a::after{left: 11px;right: 11px}@media (max-width: 1360px){.kopf-telefon{display: none}}@media (max-width: 1060px){.kopf-aktion{margin-left: auto;order: 2}.menue-mobil{order: 3}}@media (max-width: 520px){.kopf-knopf{padding: 8px 14px;font-size: .75rem;min-height: 40px}.menue-mobil summary{font-size: 0;gap: 0}}.einleitung{max-width: 68ch}.erwartung{font-size: .95rem;color: var(--text-leise);margin-top: 12px;max-width: 60ch}.hg-bild .erwartung, .hg-dunkel .erwartung, .seitenkopf.hg-bild .erwartung, .buehne .erwartung{color: rgba(255, 255, 255, .85)}/* (11.11.2026) Links in der Erwartungszeile auf dunklem Grund lesbar (z. B. "Photovoltaik für Ihr Zuhause" auf der Startseite) */ .hg-bild .erwartung a, .hg-dunkel .erwartung a, .buehne .erwartung a{color: #fff;text-decoration: underline;text-underline-offset: 3px}.abschnitt > .rahmen > h2{max-width: 30ch}.abschnitt > .rahmen > p{max-width: 72ch}a.mehr{font-weight: 600;text-decoration: none}a.mehr::before{content: "→\00a0"}a.mehr:hover{text-decoration: underline}.karten{display: grid;gap: clamp(16px, 2vw, 24px);grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));margin: clamp(24px, 3vw, 36px) 0}.kachel.karte-linie{background: var(--weiss);border: 1px solid var(--linie);border-radius: 14px;padding: clamp(20px, 2.2vw, 28px);height: 100%;margin: 0;transition: border-color var(--uebergang), box-shadow var(--uebergang), transform var(--uebergang)}.kachel.karte-linie:hover{border-color: var(--blau);box-shadow: 0 10px 24px -14px rgba(15, 59, 102, .35)}.kachel.karte-linie h3{font-size: 1.125rem;font-weight: 600;color: var(--tiefblau);hyphens: manual}.kachel.karte-linie p{color: var(--text);font-size: 1rem}.hg-grau .kachel.karte-linie{border-color: #e4e0d5}.hg-dunkel .kachel.karte-linie, .hg-bild .kachel.karte-linie{background: rgba(255, 255, 255, .06);border-color: rgba(255, 255, 255, .18)}.hg-dunkel .kachel.karte-linie h3, .hg-bild .kachel.karte-linie h3{color: var(--weiss)}.hg-dunkel .kachel.karte-linie p, .hg-bild .kachel.karte-linie p{color: rgba(255, 255, 255, .88)}.fragen{display: grid;gap: clamp(20px, 3vw, 40px);grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));margin-top: clamp(24px, 3vw, 36px)}.frage{border-top: 2px solid var(--blau);padding-top: 18px}.frage h3{font-size: 1.15rem;font-weight: 600}.frage p{margin: 0}.schrittliste{list-style: none;counter-reset: schritt;padding: 0;margin: clamp(24px, 3vw, 36px) 0;display: grid;gap: 0;max-width: 880px}.schrittliste > li{counter-increment: schritt;position: relative;padding: 18px 0 18px 64px;border-top: 1px solid var(--linie);margin: 0}.schrittliste > li:last-child{border-bottom: 1px solid var(--linie)}.schrittliste > li::before{content: counter(schritt, decimal-leading-zero);position: absolute;left: 0;top: 16px;font-family: var(--schrift-titel);font-weight: 600;font-size: 1.5rem;line-height: 1.2;color: var(--blau);font-variant-numeric: tabular-nums}.schrittliste > li strong:first-child{display: block;font-family: var(--schrift-titel);font-weight: 600;color: var(--tiefblau);font-size: 1.1rem;margin-bottom: 2px}.hg-dunkel .schrittliste > li, .hg-bild .schrittliste > li{border-color: rgba(255, 255, 255, .2)}.hg-dunkel .schrittliste > li::before, .hg-bild .schrittliste > li::before{color: var(--gelb)}.hg-dunkel .schrittliste > li strong:first-child, .hg-bild .schrittliste > li strong:first-child{color: var(--weiss)}.tabelle{overflow-x: auto;margin: clamp(20px, 3vw, 32px) 0;border: 1px solid var(--linie);border-radius: 14px;background: var(--weiss)}.tabelle table{width: 100%;border-collapse: collapse;font-size: .975rem}.tabelle th{text-align: left;font-family: var(--schrift-titel);font-weight: 600;color: var(--tiefblau);background: var(--flaeche-blau);padding: 12px 16px}.tabelle td{padding: 12px 16px;border-top: 1px solid var(--linie);vertical-align: top}.tabelle td:first-child{font-weight: 600;color: var(--tiefblau)}.zahlenleiste{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));border: 1px solid var(--linie);border-radius: 14px;background: var(--weiss);overflow: hidden}.zahl{padding: 24px 26px;border-left: 1px solid var(--linie);margin: 0}.zahl:first-child{border-left: 0}.zahl strong{display: block;font-family: var(--schrift-titel);font-weight: 600;font-size: clamp(2rem, 1.5rem + 1.3vw, 2.6rem);line-height: 1.1;margin-bottom: 6px;color: var(--tiefblau);font-variant-numeric: tabular-nums;text-wrap: balance}.zahl span{color: var(--text-leise);font-size: .95rem}.siegel{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 12px 28px;align-items: center}.siegel li{margin: 0;display: flex;align-items: center;gap: 10px;font-size: .9rem;font-weight: 500;color: var(--tiefblau)}.siegel li::before{content: "";width: 20px;height: 20px;flex: none;background: var(--blau);-webkit-mask: var(--sym-haken) center / contain no-repeat;mask: var(--sym-haken) center / contain no-repeat}.hg-bild .siegel li, .buehne .siegel li{color: var(--weiss)}.hg-bild .siegel li::before, .buehne .siegel li::before{background: var(--gelb)}.siegel a{color: inherit}.projekte-block{margin: clamp(24px, 3vw, 36px) 0}.projekte-videos{display: grid;gap: clamp(18px, 2.5vw, 28px);grid-template-columns: minmax(0, 1fr)}.projekte-videos + .projekte{margin-top: clamp(18px, 2.5vw, 28px)}.projekte{display: grid;gap: clamp(18px, 2.5vw, 28px);grid-template-columns: minmax(0, 1fr);margin: 0}.projekt{background: var(--weiss);border: 1px solid var(--linie);border-radius: 14px;overflow: hidden;display: flex;flex-direction: column;margin: 0;transition: border-color var(--uebergang), box-shadow var(--uebergang)}.hg-grau .projekt{border-color: #e4e0d5}.projekt:hover{border-color: var(--blau);box-shadow: 0 14px 30px -18px rgba(15, 59, 102, .45)}.projekt > img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 0 !important;box-shadow: none !important}.projekt-text{padding: clamp(20px, 2vw, 26px);display: flex;flex-direction: column;flex: 1;min-width: 0}.projekt-kopf{margin-bottom: 18px}.projekt-text h3{margin: 0;font-size: 1.2rem;font-weight: 600;line-height: 1.3}.projekt-art{margin: 0 0 6px;font-size: .75rem;text-transform: uppercase;letter-spacing: .08em;font-weight: 600;color: var(--blau);line-height: 1.4}.projekt-ort{margin: 4px 0 0;color: var(--text-leise);font-size: .95rem;line-height: 1.45}.projekt-satz{margin: 0 0 18px;font-size: .95rem;line-height: 1.55;max-width: 46ch}.projekt-zahlen{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin: auto 0 0;padding-top: 14px;border-top: 1px solid var(--linie)}.projekt-zahl{font-family: var(--schrift-titel);font-weight: 600;font-size: 2rem;line-height: 1;color: var(--tiefblau);font-variant-numeric: tabular-nums;letter-spacing: -.01em}.projekt-zahl small{font-size: .9rem;font-weight: 500;margin-left: 5px;color: var(--text-leise);letter-spacing: 0}.projekt-jahr{font-family: var(--schrift-titel);color: var(--text-leise);font-variant-numeric: tabular-nums;margin-left: auto}.projekt .video{margin: 0}.projekt .video .video-flaeche{border-radius: 0;box-shadow: none;aspect-ratio: 4 / 5}.projekt .video .video-flaeche img{object-position: 50% 20%}.projekt .video{position: relative}.projekt .video figcaption{position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;margin: 0;padding: 40px 16px 12px;background: linear-gradient(180deg, rgba(8, 24, 42, 0), rgba(8, 24, 42, .82));pointer-events: none}.projekt .video figcaption small{color: rgba(255, 255, 255, .9);font-size: .72rem;line-height: 1.35}.projekt .video figcaption a{color: var(--weiss);pointer-events: auto}.projekt .video.geladen figcaption{display: none}.projekt .video .video-start{left: 20px;top: auto;bottom: 64px;margin: 0;width: 60px;height: 60px}.projekt .video .video-start::before{width: 24px;height: 24px}@media (min-width: 1100px){.projekte-videos{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 640px){.projekte-videos > :only-child{grid-column: 1 / -1}.projekt.mit-video{flex-direction: row}.projekt.mit-video .video{flex: 0 0 min(44%, 280px)}.projekt .video .video-flaeche{height: 100%;min-height: 300px;aspect-ratio: auto}.projekt .video figcaption{display: none}.projekt .video .video-start{bottom: 20px}}.hg-dunkel .projekt h3{color: var(--tiefblau)}.hg-dunkel .projekt p{color: var(--text)}.personen{display: grid;gap: clamp(16px, 2vw, 24px);grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));margin: clamp(24px, 3vw, 36px) 0}.person-karte{display: flex;gap: 22px;align-items: center;margin: 0;padding: clamp(18px, 2vw, 24px);background: var(--weiss);border: 1px solid var(--linie);border-radius: 14px}.hg-grau .person-karte{border-color: #e4e0d5}.person-karte img{width: 104px;height: 104px;border-radius: 50% !important;object-fit: cover;flex: none;box-shadow: none !important}.person-karte .person-bild-leer{width: 104px;height: 104px;border-radius: 50%;flex: none;display: grid;place-items: center;background: var(--tiefblau);color: var(--weiss);font-family: var(--schrift-titel);font-weight: 500;font-size: 2rem;letter-spacing: .04em;box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .12)}.person-karte h3{margin: 0;font-size: 1.2rem}.person-karte p{margin: 6px 0 0;font-size: 1rem;line-height: 1.5}.person-karte .rolle{margin-top: 2px;color: var(--blau);font-weight: 600;font-size: .85rem;text-transform: uppercase;letter-spacing: .06em}.orte{columns: 3 160px;column-gap: 24px;list-style: none;padding: 0;margin: 20px 0}.orte li{break-inside: avoid;padding-left: 18px;position: relative}.orte li::before{content: "";position: absolute;left: 0;top: .6em;width: 7px;height: 7px;border-radius: 50%;background: var(--himmelblau)}.buehne .oberzeile{display: inline-block;background: rgba(255, 255, 255, .92);color: var(--tiefblau);padding: 4px 12px;border-radius: 4px;margin-bottom: 20px}.buehne .siegel{margin-top: 28px}.wege .weg{min-height: clamp(340px, 30vw, 420px);padding: 28px 26px 26px;align-items: flex-end}.wege .weg::after{display: none}.weg-text span:not(.weg-knopf){font-size: .92rem;line-height: 1.45;margin-top: 8px}.weg-knopf{display: inline-flex !important;align-items: center;gap: 8px;margin-top: 16px !important;font-family: var(--schrift-knopf);font-weight: 700;font-size: .78rem !important;text-transform: uppercase;letter-spacing: .02em;opacity: 1 !important}.weg-knopf::after{content: "";width: 18px;height: 18px;background: currentColor;-webkit-mask: var(--sym-kreispfeil) center / contain no-repeat;mask: var(--sym-kreispfeil) center / contain no-repeat;transition: transform var(--uebergang)}.weg:hover .weg-knopf::after{transform: translateX(3px)}.weg::before{background: linear-gradient(180deg, rgba(15, 59, 102, .05) 0%, rgba(15, 59, 102, .55) 40%, rgba(15, 59, 102, .96) 78%) !important}.weg-investor, .weg-privat, .weg-investor:hover, .weg-privat:hover{color: var(--weiss) !important}.weg-kommune::before{background: linear-gradient(180deg, rgba(36, 105, 175, .05) 0%, rgba(36, 105, 175, .55) 40%, rgba(24, 82, 140, .97) 78%) !important}.weg-investor::before{background: linear-gradient(180deg, rgba(15, 59, 102, .05) 0%, rgba(15, 59, 102, .5) 40%, rgba(15, 59, 102, .96) 78%) !important}.weg .weg-knopf{color: var(--gelb)}@media (max-width: 640px){.wege .weg{min-height: 230px}.projekt .video figcaption{padding: 10px 20px 0}.zahl{border-left: 0;border-top: 1px solid var(--linie)}.zahl:first-child{border-top: 0}.projekt .video .video-flaeche{aspect-ratio: 4 / 3}}:root{--mass: 38em}.abschnitt > .rahmen > p, .abschnitt > .rahmen > ul:not([class]), .abschnitt > .rahmen > ol:not([class]), .abschnitt > .rahmen > .liste-haken, .b16 > p, .b18 > p, .b24 > p, .b16 > ul, .b18 > ul, .b24 > ul, .kopftext > p:not(.oberzeile), .seitenkopf p, .einleitung{max-width: var(--mass)}.schrittliste{max-width: calc(var(--mass) + 64px)}.raster > .b12 > p, .raster > .b12 > ul{max-width: var(--mass)}.frage p{max-width: var(--mass)}.abschnitt:not(.hg-grau):not(.hg-blau):not(.hg-dunkel):not(.hg-bild):not(.hg-verlauf):not(.teilung):not(.bildband):not(.welle-unten):not(.bogen-unten) + .abschnitt:is(:not(.hg-grau):not(.hg-blau):not(.hg-dunkel):not(.hg-bild)):not(.welle-oben):not(.bogen-oben){padding-top: 0}.abschnitt.hg-grau:not(.teilung):not(.welle-unten):not(.bogen-unten) + .abschnitt.hg-grau:not(.welle-oben):not(.bogen-oben){padding-top: 0}.hg-verlauf{background: linear-gradient(var(--weiss) 0, var(--grau) 340px)}:is(.karten, .fragen, .projekte, .stimmen){grid-template-columns: minmax(0, 1fr)}@media (min-width: 640px) and (max-width: 979px){:is(.karten, .fragen, .projekte, .stimmen){grid-template-columns: repeat(2, minmax(0, 1fr))}:is(.karten, .fragen, .projekte, .stimmen) > :last-child:nth-child(odd){grid-column: 1 / -1}}@media (min-width: 980px){:is(.karten, .fragen, .projekte, .stimmen){grid-template-columns: repeat(12, minmax(0, 1fr))}:is(.karten, .fragen, .projekte, .stimmen) > *{grid-column: span 4}:is(.karten, .fragen, .projekte, .stimmen) > :only-child{grid-column: 1 / -1}:is(.karten, .fragen, .projekte, .stimmen) > :last-child:nth-child(3n+2), :is(.karten, .fragen, .projekte, .stimmen) > :nth-last-child(2):nth-child(3n+1){grid-column: span 6}:is(.karten, .fragen, .projekte, .stimmen):has(> :last-child:nth-child(3n+4)) > :nth-last-child(-n+4){grid-column: span 6}}.karten > :only-child{max-width: 680px}.karten > .kachel.karte-linie{display: flex;flex-direction: column}.karten > .kachel.karte-linie > :last-child{margin-bottom: 0}@media (min-width: 640px){.projekte > .projekt:only-child:not(.mit-bild) .projekt-text{display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: 32px;align-items: end}.projekte > .projekt:only-child:not(.mit-bild) .projekt-kopf, .projekte > .projekt:only-child:not(.mit-bild) .projekt-satz{grid-column: 1;margin-bottom: 0}.projekte > .projekt:only-child:not(.mit-bild) .projekt-satz{margin-top: 12px}.projekte > .projekt:only-child:not(.mit-bild) .projekt-zahlen{grid-column: 2;grid-row: 1 / span 2;border-top: 0;padding: 0 0 0 32px;border-left: 1px solid var(--linie);align-self: stretch;align-items: flex-end;gap: 28px}.projekte > .projekt:only-child:not(.mit-bild) .projekt-jahr{margin-left: 0}}.projekte > .projekt:only-child{max-width: 760px}.wege{grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(16px, 2vw, 24px)}@media (min-width: 1100px){.wege{grid-template-columns: repeat(4, minmax(0, 1fr))}}@media (max-width: 639px){.wege{grid-template-columns: minmax(0, 1fr)}}.wege .weg{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;min-height: 0;padding: 0;background: var(--tiefblau);border-radius: 16px;color: var(--weiss) !important;box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 14px 30px -16px rgba(0, 0, 0, .5)}.wege .weg::before, .wege .weg::after{display: none}.wege .weg img{position: relative;inset: auto;z-index: 0;width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;flex: none}.wege .weg-text{position: relative;z-index: 1;display: flex;flex-direction: column;flex: 1;padding: 20px 22px 22px;background: var(--tiefblau)}.wege .weg-text strong{font-size: 1.2rem;font-weight: 600}.wege .weg-text span:not(.weg-knopf){color: rgba(255, 255, 255, .86);text-wrap: pretty}.wege .weg-text .weg-knopf{margin-top: auto !important;padding-top: 18px;line-height: 1.35;text-wrap: balance;align-self: flex-start}.weg-knopf::after{flex: none}.wege .weg:hover{transform: translateY(-4px);box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 24px 40px -18px rgba(0, 0, 0, .55)}.wege .weg:hover img{transform: scale(1.04)}.hg-blau .wege .weg{background: var(--tiefblau)}.weg-privat img{object-position: 70% 50%}.weg-gewerbe img{object-position: 40% 50%}.weg-kommune img{object-position: 20% 50%}.weg-investor img{object-position: 50% 70%}.weg:focus-visible{outline: 3px solid var(--gelb);outline-offset: 4px}@media (max-width: 639px){.wege .weg{display: grid;grid-template-columns: 38% 1fr}.wege .weg img{aspect-ratio: auto;height: 100%}.wege .weg-text{padding: 16px 16px 18px}.wege .weg-text strong{font-size: 1.1rem}}.anfragewege{gap: 12px}.anfrageweg{padding: 18px 46px 18px 20px;border: 1px solid #e4e0d5}.anfrageweg strong{line-height: 1.3;text-wrap: balance}.anfrageweg span.bereit{margin-top: 6px;padding-top: 8px;border-top: 1px solid rgba(15, 59, 102, .12);font-size: .85rem}.anfrageweg span.pfeil{color: var(--blau);text-wrap: balance;line-height: 1.35}.anfrageweg:hover span.pfeil{color: var(--tiefblau)}.hg-grau .anfrageweg{background: var(--weiss)}.hg-grau .anfrageweg:hover{border-color: var(--blau)}@media (min-width: 980px){.aufruf .raster > .b12:first-child{flex-basis: calc((100% - var(--luecke)) * .42)}.aufruf .raster > .b12:last-child{flex-basis: calc((100% - var(--luecke)) * .58)}}.anfrage-karte .anfragewege{margin-top: 0}@media (max-width: 640px){.anfrage-karte{padding: 14px;border-radius: 16px}.anfrage-karte .kleingedruckt{padding: 0 6px 6px}.anfragewege{grid-template-columns: minmax(0, 1fr)}}@media (min-width: 980px){.raster.oben > .b12:first-child:has(+ .b12 > .schrittliste:only-child){position: sticky;top: calc(var(--kopf-hoehe) + 32px)}}.abschnitt .raster > div > img:not(.symbol){aspect-ratio: 3 / 2;object-fit: cover;width: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 18px 36px -22px rgba(15, 59, 102, .55);border-radius: 16px}.kopf{box-shadow: 0 1px 0 rgba(15, 59, 102, .08), 0 8px 24px -16px rgba(15, 59, 102, .35)}.kopf .logo img{width: 96px}.kopf .logo{padding: 8px 0}@media (max-width: 1060px){.kopf .logo img{width: 78px}}.hauptmenue > ul > li > a{color: #3d4652}.menue-mobil[open] summary{color: var(--blau)}@media (max-width: 1060px){.menue-mobil nav{border-top: 1px solid var(--linie);box-shadow: 0 24px 40px -18px rgba(15, 59, 102, .35);padding-bottom: 28px}.menue-mobil > nav > ul > li > a{font-family: var(--schrift-titel);font-size: 1.05rem}.menue-mobil ul ul{border-left: 2px solid var(--flaeche-blau);margin-left: 4px}}.stimme blockquote p{font-size: 1rem}.zahlenleiste:has(> .zahl:only-child){display: inline-grid;grid-template-columns: auto}.fuss{font-weight: 400}.fuss h2{font-family: var(--schrift-text);font-size: .75rem;letter-spacing: .1em;font-weight: 600;color: var(--blau)}.fuss a{font-weight: 500}.fuss-logo img{width: 120px}.sozial a{background: transparent;border: 1px solid #c9ccd1}.sozial a::before{background: var(--tiefblau)}.sozial a:hover{background: var(--blau);border-color: var(--blau)}.sozial a:hover::before{background: var(--weiss)}@media (max-width: 639px){.fuss-raster{grid-template-columns: 1fr 1fr;gap: 32px 24px}.fuss-raster > .fuss-logo, .fuss-raster > div:nth-child(2){grid-column: 1 / -1}.fuss-unten{flex-direction: column}}.seitenkopf.hg-bild h1{max-width: 20ch}.seitenkopf.hg-bild .erwartung{font-style: normal}.knopf:focus-visible{outline: 3px solid var(--blau);outline-offset: 3px}.hg-dunkel .knopf:focus-visible, .hg-blau .knopf:focus-visible, .hg-bild .knopf:focus-visible, .buehne .knopf:focus-visible{outline-color: var(--gelb)}.knopf-linie{border-color: #a9adb3}@media (max-width: 640px){.logos{gap: 16px 28px;justify-content: space-between}.logos img{max-height: 32px;max-width: 110px}.person-karte{gap: 16px}.person-karte img, .person-karte .person-bild-leer{width: 80px;height: 80px;font-size: 1.5rem}.buehne h1{font-size: clamp(2rem, 1.2rem + 4vw, 2.5rem)}.knopfreihe .knopf-linie{width: auto}}@media (min-width: 560px) and (max-width: 1060px){.menue-mobil > nav > ul{columns: 2;column-gap: 40px}.menue-mobil > nav > ul > li{break-inside: avoid;border-bottom: 0;border-top: 1px solid var(--grau-2);margin-bottom: 8px}}@media (min-width: 860px) and (max-width: 1060px){.menue-mobil > nav > ul{columns: 3}}@media (min-width: 980px){.abschnitt:not(.mitte) > .rahmen:has(> h2:first-child):not(:has(> .raster, > .fragen, > .projekte-block, > .stimmen, > .wege, > .tabelle, > .personen, > .zahlenleiste, > .kopftext, > .anfragewege, > .karten > :nth-child(2), > form, > .formular, > .rechtstext)){display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);column-gap: clamp(40px, 6vw, 96px);align-items: start}.abschnitt:not(.mitte) > .rahmen:has(> h2:first-child):not(:has(> .raster, > .fragen, > .projekte-block, > .stimmen, > .wege, > .tabelle, > .personen, > .zahlenleiste, > .kopftext, > .anfragewege, > .karten > :nth-child(2), > form, > .formular, > .rechtstext)) > *{grid-column: 2}.abschnitt:not(.mitte) > .rahmen:has(> h2:first-child):not(:has(> .raster, > .fragen, > .projekte-block, > .stimmen, > .wege, > .tabelle, > .personen, > .zahlenleiste, > .kopftext, > .anfragewege, > .karten > :nth-child(2), > form, > .formular, > .rechtstext)) > h2:first-child{grid-column: 1;grid-row: 1 / span 30;margin: 0;max-width: 18ch;position: sticky;top: calc(var(--kopf-hoehe) + 32px)}.abschnitt:not(.mitte) > .rahmen:has(> h2:first-child):not(:has(> .raster, > .fragen, > .projekte-block, > .stimmen, > .wege, > .tabelle, > .personen, > .zahlenleiste, > .kopftext, > .anfragewege, > .karten > :nth-child(2), > form, > .formular, > .rechtstext)) > .karten{margin-top: 8px}.abschnitt:not(.mitte) > .rahmen:has(> h2:first-child):not(:has(> .raster, > .fragen, > .projekte-block, > .stimmen, > .wege, > .tabelle, > .personen, > .zahlenleiste, > .kopftext, > .anfragewege, > .karten > :nth-child(2), > form, > .formular, > .rechtstext)) > .karten > :only-child{max-width: none}.abschnitt:not(.mitte) > .rahmen:has(> h2:first-child):not(:has(> .raster, > .fragen, > .projekte-block, > .stimmen, > .wege, > .tabelle, > .personen, > .zahlenleiste, > .kopftext, > .anfragewege, > .karten > :nth-child(2), > form, > .formular, > .rechtstext)) > :last-child{margin-bottom: 0}}body:has(main > section:last-child.hg-grau) .fuss{border-top: 1px solid #e4e0d5}.deko-quadrate::before{opacity: .32}@media (max-width: 640px){.schrittliste > li{padding-left: 48px}.schrittliste > li::before{font-size: 1.25rem}}.karte{margin: 0}.karte-svg{display: block;width: 100%;height: auto;border-radius: var(--radius);background: #fff;border: 1px solid var(--linie)}.karte-grund{fill: #fff}.karte-kreis{fill: #f6f8fb;stroke: #c9d4e0;stroke-width: 1.2;stroke-linejoin: round}.karte-kreis.heim{fill: #fff6cf;stroke: #e0b400;stroke-width: 2}.karte-kreisname{font: 600 11px var(--schrift-text);letter-spacing: .08em;fill: #8a97a6}.karte-punkt{fill: var(--blau);stroke: #fff;stroke-width: 2;opacity: .92}.karte-punkt.gewerbe{fill: var(--tiefblau);stroke: var(--gelb);stroke-width: 3.5}.karte-ort{font: 600 14px var(--schrift-text);fill: var(--tiefblau);paint-order: stroke;stroke: #fff;stroke-width: 4px;stroke-linejoin: round}.entwurf-band{position: sticky;top: 0;z-index: 60;margin: 0;padding: 8px 16px;background: #b42318;color: #fff;font-weight: 600;text-align: center;font-size: .9rem}.karte-orte{margin: 14px 0 0;font-size: .9rem;color: var(--text-leise);line-height: 1.6}.karte-orte strong{color: var(--text);font-weight: 600}.karte figcaption{margin-top: 8px;font-size: .85rem;color: var(--text-leise)}.karte-flaeche{overflow-x: auto;border-radius: var(--radius);-webkit-overflow-scrolling: touch}@media (max-width: 640px){.karte-svg{min-width: 680px}.karte-kreisname{display: none}}.stand{font-size: .9375rem;color: var(--text-leise, #5b6470);margin-top: 1em}.seitenkopf .stand{margin-bottom: 0}.artikeltext .quellen-titel{font-size: 1.15rem;margin-top: 2.4em}.artikeltext .quellen{font-size: .9375rem;padding-left: 1.2em}.artikeltext .quellen li{margin-bottom: .35em}.erklaergrafik{margin: clamp(24px, 3vw, 40px) 0 0;padding: clamp(18px, 2.4vw, 30px);background: var(--weiss);border: 1px solid var(--linie);border-radius: 14px;max-width: 880px}.erklaergrafik svg{display: block;width: 100%;height: auto}.erklaergrafik figcaption{margin-top: 14px}.eg-achse{stroke: var(--linie);stroke-width: 2}.eg-linie{fill: none;stroke-width: 4;stroke-linejoin: round;stroke-linecap: round}.eg-last, .eg-verbrauch{stroke: var(--tiefblau)}.eg-lastspitze .eg-last{stroke: #9aa9ba}.eg-mit{stroke: var(--tiefblau)}.eg-pv{stroke: #e0b400}.eg-grenze{stroke: var(--blau);stroke-width: 2.5;stroke-dasharray: 9 7}.eg-spitze, .eg-ueberschuss{fill: var(--gelb)}.eg-direkt{fill: #fff1b0}.eg-laden, .eg-abend{fill: #bcd6ee}.eg-pfeil{fill: none;stroke: var(--tiefblau);stroke-width: 3;stroke-linecap: round}.eg-pfeilspitze{fill: var(--tiefblau)}.eg-schritte{list-style: none;margin: 0 0 10px;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));gap: 6px 22px;font-size: .95rem;line-height: 1.45;color: var(--text)}.eg-schritte li{display: flex;gap: 10px;align-items: baseline;margin: 0}.eg-punkt{flex: 0 0 14px;height: 14px;border-radius: 4px;transform: translateY(2px)}.eg-p-last{background: var(--tiefblau)}.eg-lastspitze .eg-p-last{background: #9aa9ba}.eg-p-grenze{background: repeating-linear-gradient(90deg, var(--blau) 0 5px, transparent 5px 8px);height: 4px;transform: translateY(-3px);border-radius: 0}.eg-p-spitze{background: var(--gelb)}.eg-p-mit{background: var(--tiefblau)}.eg-p-laden{background: #bcd6ee}.eg-p-pv{background: #e0b400}.eg-p-direkt{background: #fff1b0;border: 1px solid #e6d27a}.erklaergrafik .kleingedruckt{margin: 0}.hg-dunkel .erklaergrafik, .hg-blau .erklaergrafik{color: var(--text)}@media (prefers-reduced-motion: no-preference){.erklaergrafik .eg-last, .erklaergrafik .eg-pv, .erklaergrafik .eg-verbrauch{stroke-dasharray: 100;animation: eg-zeichnen-1 14s linear infinite}.erklaergrafik .eg-verbrauch{animation-name: eg-zeichnen-2}.eg-lastspitze .eg-grenze, .eg-eigenverbrauch .eg-direkt{animation: eg-ein-2 14s linear infinite}.eg-eigenverbrauch .eg-direkt{animation-name: eg-ein-3}.eg-lastspitze .eg-spitze{animation: eg-ein-3 14s linear infinite}.eg-eigenverbrauch .eg-ueberschuss{animation: eg-ein-4 14s linear infinite}.eg-lastspitze .eg-mit{animation: eg-ein-4 14s linear infinite}.eg-lastspitze .eg-laden, .eg-eigenverbrauch .eg-abend, .eg-eigenverbrauch .eg-pfeil, .eg-eigenverbrauch .eg-pfeilspitze{animation: eg-ein-5 14s linear infinite}.eg-schritte .eg-s1{animation: eg-text-1 14s linear infinite}.eg-schritte .eg-s2{animation: eg-text-2 14s linear infinite}.eg-schritte .eg-s3{animation: eg-text-3 14s linear infinite}.eg-schritte .eg-s4{animation: eg-text-4 14s linear infinite}.eg-schritte .eg-s5{animation: eg-text-5 14s linear infinite}}@media (prefers-reduced-motion: reduce){.erklaergrafik *, .erklaergrafik{animation: none !important}}@keyframes eg-zeichnen-1{0%{stroke-dashoffset: 100;opacity: 1}14%{stroke-dashoffset: 0}94%{stroke-dashoffset: 0;opacity: 1}100%{stroke-dashoffset: 0;opacity: 0}}@keyframes eg-zeichnen-2{0%, 14%{stroke-dashoffset: 100;opacity: 1}28%{stroke-dashoffset: 0}94%{stroke-dashoffset: 0;opacity: 1}100%{stroke-dashoffset: 0;opacity: 0}}@keyframes eg-ein-2{0%, 16%{opacity: 0}24%, 94%{opacity: 1}100%{opacity: 0}}@keyframes eg-ein-3{0%, 30%{opacity: 0}38%, 94%{opacity: 1}100%{opacity: 0}}@keyframes eg-ein-4{0%, 44%{opacity: 0}52%, 94%{opacity: 1}100%{opacity: 0}}@keyframes eg-ein-5{0%, 58%{opacity: 0}66%, 94%{opacity: 1}100%{opacity: 0}}@keyframes eg-text-1{0%{opacity: .3}4%, 94%{opacity: 1}100%{opacity: .3}}@keyframes eg-text-2{0%, 14%{opacity: .3}20%, 94%{opacity: 1}100%{opacity: .3}}@keyframes eg-text-3{0%, 30%{opacity: .3}36%, 94%{opacity: 1}100%{opacity: .3}}@keyframes eg-text-4{0%, 44%{opacity: .3}50%, 94%{opacity: 1}100%{opacity: .3}}@keyframes eg-text-5{0%, 58%{opacity: .3}64%, 94%{opacity: 1}100%{opacity: .3}}.weiter{margin-top: 1.4em;padding-top: 1em;border-top: 1px solid var(--linie);font-weight: 500}.buehne{min-height: min(88vh, 860px)}.buehne h1{font-size: clamp(2.4rem, 1.1rem + 4.2vw, 4.4rem);line-height: 1.04;letter-spacing: -.015em;max-width: 15ch}.buehne h1 .akzent{color: var(--gelb)}.buehne::before{background: linear-gradient(90deg, rgba(8, 28, 50, .8) 0%, rgba(8, 28, 50, .5) 55%, rgba(8, 28, 50, .3) 100%), linear-gradient(0deg, rgba(8, 28, 50, .4), transparent 45%)}.buehne-raster{display: grid;gap: clamp(28px, 4vw, 56px);align-items: center}@media (min-width: 1100px){.buehne-raster{grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr)}}.buehne-sim{min-width: 0}.simulator{display: none;background: rgba(8, 28, 50, .78);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border: 1px solid rgba(255, 255, 255, .2);border-radius: 20px;padding: clamp(18px, 2.2vw, 28px);color: var(--weiss);box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .75)}.js-regler .simulator{display: block}.js-regler .sim-ersatz{display: none}.abschnitt:not(.hg-dunkel) .simulator{background: var(--tiefblau);max-width: 720px}.sim-kopf{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;margin-bottom: 6px}.simulator p{max-width: none}.sim-titel{margin: 0;font-size: .78rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;color: rgba(255, 255, 255, .78)}.sim-wert{margin: 0;text-align: right;line-height: 1}.sim-wert strong{display: block;font-family: var(--schrift-titel);font-weight: 600;font-size: clamp(2.4rem, 1.6rem + 2.2vw, 3.6rem);color: var(--gelb);font-variant-numeric: tabular-nums;letter-spacing: -.02em}.sim-wert span{font-size: .85rem;color: rgba(255, 255, 255, .78)}.simulator svg{display: block;width: 100%;height: auto;margin: 4px 0 10px}.sim-achse{stroke: rgba(255, 255, 255, .25);stroke-width: 1.5}.sim-last{fill: none;stroke: rgba(255, 255, 255, .45);stroke-width: 2.5;stroke-linejoin: round}.sim-mit{fill: none;stroke: var(--weiss);stroke-width: 3.5;stroke-linejoin: round;stroke-linecap: round}.sim-flaeche{fill: var(--gelb)}.sim-grenze{stroke: var(--himmelblau-hell);stroke-width: 2;stroke-dasharray: 7 6}.sim-regler{display: block}.sim-regler span{display: block;font-size: .9rem;font-weight: 600;margin-bottom: 8px}.sim-regler input{width: 100%;margin: 0;accent-color: var(--gelb);height: 28px;cursor: grab}.sim-regler input:focus-visible{outline: 3px solid var(--gelb);outline-offset: 4px;border-radius: 6px}.sim-text{margin: 12px 0 0;font-size: 1rem;line-height: 1.5;min-height: 3em;color: var(--weiss)}.sim-text strong{color: var(--gelb);font-weight: 600}.sim-hinweis{margin: 10px 0 0;font-size: .8rem;line-height: 1.45;color: rgba(255, 255, 255, .7)}.sim-hinweis a{color: var(--weiss);text-decoration: underline;text-underline-offset: 3px}.rechnen-start h2{font-size: clamp(2rem, 1.3rem + 2.4vw, 3.1rem);line-height: 1.08;letter-spacing: -.01em}.saeulen{list-style: none;margin: clamp(28px, 4vw, 52px) 0 clamp(24px, 3vw, 40px);padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));gap: clamp(22px, 3vw, 44px)}.saeulen li{margin: 0;padding-top: 18px;border-top: 2px solid var(--gelb)}.saeule-nr{display: block;font-family: var(--schrift-titel);font-weight: 700;font-size: clamp(3.6rem, 2.4rem + 4vw, 6rem);line-height: .95;color: transparent;-webkit-text-stroke: 1.5px rgba(255, 255, 255, .55);letter-spacing: -.03em;margin-bottom: 14px}.saeulen h3{color: var(--weiss);font-size: 1.45rem;margin: 0 0 8px}.saeulen p{margin: 0;color: rgba(255, 255, 255, .86);max-width: 34ch}@supports not (-webkit-text-stroke: 1px #fff){.saeule-nr{color: rgba(255, 255, 255, .35)}}.hg-dunkel .erklaergrafik{background: rgba(255, 255, 255, .05);border-color: rgba(255, 255, 255, .2);color: var(--weiss)}.hg-dunkel .eg-achse{stroke: rgba(255, 255, 255, .28)}.hg-dunkel .eg-lastspitze .eg-last{stroke: #7f96b0}.hg-dunkel .eg-mit{stroke: var(--weiss)}.hg-dunkel .eg-grenze{stroke: var(--himmelblau-hell)}.hg-dunkel .eg-laden{fill: rgba(165, 215, 243, .4)}.hg-dunkel .eg-schritte{color: var(--weiss)}.hg-dunkel .erklaergrafik .kleingedruckt{color: rgba(255, 255, 255, .7)}.buehne .erklaergrafik{background: rgba(8, 28, 50, .78);border-color: rgba(255, 255, 255, .2)}.buehne .eg-schritte, .buehne .erklaergrafik .kleingedruckt{color: var(--weiss)}.buehne .eg-mit{stroke: var(--weiss)}.eg-haupt{stroke: var(--tiefblau)}.eg-neben{stroke: #9aa9ba;stroke-width: 3}.eg-soll{stroke: var(--blau);stroke-width: 2.5;stroke-dasharray: 9 7;fill: none}.eg-gelb{fill: var(--gelb)}.eg-blau{fill: #bcd6ee}.eg-band-gelb{fill: var(--gelb);opacity: .38}.eg-band-blau{fill: #bcd6ee;opacity: .6}.eg-kreis-gelb{fill: var(--gelb);stroke: var(--tiefblau);stroke-width: 2.5}.eg-kreis-blau{fill: #bcd6ee;stroke: var(--tiefblau);stroke-width: 2.5}.eg-p-neben{background: #9aa9ba}.eg-p-soll{background: repeating-linear-gradient(90deg, var(--blau) 0 5px, transparent 5px 8px);height: 4px;transform: translateY(-3px);border-radius: 0}.eg-p-blau{background: #bcd6ee}@media (prefers-reduced-motion: no-preference){.erklaergrafik .eg-z1, .erklaergrafik .eg-z2{stroke-dasharray: 100;animation: eg-zeichnen-1 14s linear infinite}.erklaergrafik .eg-z2{animation-name: eg-zeichnen-2}.erklaergrafik .eg-a2{animation: eg-ein-2 14s linear infinite}.erklaergrafik .eg-a3{animation: eg-ein-3 14s linear infinite}.erklaergrafik .eg-a4{animation: eg-ein-4 14s linear infinite}.erklaergrafik .eg-a5{animation: eg-ein-5 14s linear infinite}.erklaergrafik .eg-band-gelb.eg-a3, .erklaergrafik .eg-band-gelb.eg-a4{animation-name: eg-band-3}.erklaergrafik .eg-band-gelb.eg-a4{animation-name: eg-band-4}.erklaergrafik .eg-band-blau.eg-a2{animation-name: eg-bandb-2}.erklaergrafik .eg-band-blau.eg-a3{animation-name: eg-bandb-3}}@keyframes eg-band-3{0%, 30%{opacity: 0}38%, 94%{opacity: .38}100%{opacity: 0}}@keyframes eg-band-4{0%, 44%{opacity: 0}52%, 94%{opacity: .38}100%{opacity: 0}}@keyframes eg-bandb-2{0%, 16%{opacity: 0}24%, 94%{opacity: .6}100%{opacity: 0}}@keyframes eg-bandb-3{0%, 30%{opacity: 0}38%, 94%{opacity: .6}100%{opacity: 0}}.grafik-paar{display: grid;gap: clamp(20px, 3vw, 36px);grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));align-items: start}.grafik-paar h3{margin: 0 0 4px}.grafik-paar .erklaergrafik{margin-top: 14px}.erklaergrafik{--eg-l: var(--tiefblau);--eg-n: #9aa9ba;--eg-s: var(--blau);--eg-b: #bcd6ee;--eg-ax: var(--linie);--eg-d: #fff1b0}.eg-last, .eg-verbrauch, .eg-mit, .eg-haupt, .eg-pfeil{stroke: var(--eg-l)}.eg-lastspitze .eg-last, .eg-neben{stroke: var(--eg-n)}.eg-grenze, .eg-soll{stroke: var(--eg-s)}.eg-laden, .eg-abend, .eg-blau, .eg-band-blau{fill: var(--eg-b)}.eg-direkt{fill: var(--eg-d)}.eg-pfeilspitze{fill: var(--eg-l)}.eg-kreis-gelb, .eg-kreis-blau{stroke: var(--eg-l)}.eg-kreis-blau{fill: var(--eg-b)}.eg-achse{stroke: var(--eg-ax)}.eg-p-last, .eg-p-mit{background: var(--eg-l)}.eg-lastspitze .eg-p-last, .eg-p-neben{background: var(--eg-n)}.eg-p-laden, .eg-p-blau{background: var(--eg-b)}.eg-p-direkt{background: var(--eg-d)}.eg-p-grenze, .eg-p-soll{background: repeating-linear-gradient(90deg, var(--eg-s) 0 5px, transparent 5px 8px)}.hg-dunkel .erklaergrafik, .buehne .erklaergrafik, .seitenkopf.hg-bild .erklaergrafik{--eg-l: #ffffff;--eg-n: #8fa6c0;--eg-s: var(--himmelblau-hell);--eg-b: rgba(165, 215, 243, .5);--eg-ax: rgba(255, 255, 255, .28);--eg-d: rgba(255, 224, 102, .38);background: rgba(8, 28, 50, .78);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-color: rgba(255, 255, 255, .2);border-radius: 20px;color: var(--weiss);box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .75);margin-top: 0;max-width: none}.hg-dunkel .eg-schritte, .buehne .eg-schritte, .seitenkopf.hg-bild .eg-schritte{color: var(--weiss)}.hg-dunkel .erklaergrafik .kleingedruckt, .buehne .erklaergrafik .kleingedruckt, .seitenkopf.hg-bild .erklaergrafik .kleingedruckt{color: rgba(255, 255, 255, .7)}.hg-dunkel .eg-p-direkt, .seitenkopf.hg-bild .eg-p-direkt{border-color: rgba(255, 224, 102, .6)}.seitenkopf .eg-schritte{grid-template-columns: 1fr;font-size: .9rem}.seitenkopf .buehne-raster{align-items: center}.seitenkopf .buehne-text > :last-child{margin-bottom: 0}.seitenkopf.hg-bild:has(.buehne-raster) > .hg-schicht::after{background: linear-gradient(90deg, rgba(10, 34, 60, .84) 0%, rgba(10, 34, 60, .58) 55%, rgba(10, 34, 60, .3) 100%)}@media (min-width: 1100px){.seitenkopf .buehne-raster{grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr)}.seitenkopf:has(.buehne-raster) h1{font-size: clamp(2rem, 1.2rem + 2.2vw, 3.1rem)}}.seitenkopf .simulator .sim-titel{font-size: .78rem;line-height: 1.5}.seitenkopf .simulator .sim-wert span{font-size: .85rem}.seitenkopf .simulator .sim-text{font-size: 1rem}.seitenkopf .simulator .sim-hinweis{font-size: .8rem;line-height: 1.45;color: rgba(255, 255, 255, .7)}.seitenkopf .erklaergrafik .kleingedruckt{font-size: .8rem;line-height: 1.45}.seitenkopf .simulator p, .seitenkopf .erklaergrafik p{max-width: none}.seitenkopf .simulator, .seitenkopf.hg-bild .erklaergrafik{-webkit-backdrop-filter: none;backdrop-filter: none;background: rgba(8, 28, 50, .88)}.eg-netz svg{max-width: 560px;margin: 0 auto}.eg-knoten rect{fill: var(--weiss);stroke: var(--tiefblau);stroke-width: 2}.eg-knoten text{fill: var(--tiefblau);font-family: var(--schrift-titel);font-weight: 600;font-size: 17px;text-anchor: middle}.eg-mitte circle{fill: var(--tiefblau)}.eg-mitte text{fill: var(--weiss);font-family: var(--schrift-titel);font-weight: 600;font-size: 14px;text-anchor: middle}.eg-leitung{fill: none;stroke: var(--linie);stroke-width: 3}.eg-fluss{fill: none;stroke-width: 5;stroke-linecap: round;stroke-dasharray: 2 14}.eg-fluss-sonne{stroke: #e0b400}.eg-fluss-speicher{stroke: var(--blau)}.eg-fluss-netz{stroke: #7f8b99}.eg-p-sonne{background: #e0b400}.eg-p-speicher{background: var(--blau)}.eg-p-netzstrom{background: #7f8b99}@media (prefers-reduced-motion: no-preference){.eg-netz .eg-ph1{animation: eg-wandern .9s linear infinite, eg-phase-1 15s linear infinite}.eg-netz .eg-ph2{animation: eg-wandern .9s linear infinite, eg-phase-2 15s linear infinite}.eg-netz .eg-ph3{animation: eg-wandern .9s linear infinite, eg-phase-3 15s linear infinite}.eg-netz .eg-s1{animation: eg-ptext-1 15s linear infinite}.eg-netz .eg-s2{animation: eg-ptext-2 15s linear infinite}.eg-netz .eg-s3{animation: eg-ptext-3 15s linear infinite}}@keyframes eg-wandern{to{stroke-dashoffset: -32}}@keyframes eg-phase-1{0%, 30%{opacity: 1}34%, 96%{opacity: 0}100%{opacity: 1}}@keyframes eg-phase-2{0%, 30%{opacity: 0}34%, 63%{opacity: 1}67%, 100%{opacity: 0}}@keyframes eg-phase-3{0%, 63%{opacity: 0}67%, 96%{opacity: 1}100%{opacity: 0}}@keyframes eg-ptext-1{0%, 30%{opacity: 1}34%, 96%{opacity: .3}100%{opacity: 1}}@keyframes eg-ptext-2{0%, 30%{opacity: .3}34%, 63%{opacity: 1}67%, 100%{opacity: .3}}@keyframes eg-ptext-3{0%, 63%{opacity: .3}67%, 96%{opacity: 1}100%{opacity: .3}}.tuev-beleg{display: flex;align-items: center;gap: 16px 20px;flex-wrap: wrap;margin: clamp(22px, 3vw, 34px) 0 0}.tuev-beleg a.pruefzeichen{flex: none}.tuev-beleg a.pruefzeichen img{width: 150px}.tuev-beleg p{margin: 0;max-width: 34ch;font-size: .95rem;line-height: 1.4}.tuev-beleg p strong{display: block;font-family: var(--schrift-titel);font-weight: 600;color: var(--tiefblau)}.tuev-beleg p span{color: var(--text-leise)}.buehne .tuev-beleg{margin-top: 26px}.buehne .tuev-beleg p, .seitenkopf.hg-bild .tuev-beleg p{font-size: .95rem}.buehne .tuev-beleg p strong, .hg-dunkel .tuev-beleg p strong, .hg-bild .tuev-beleg p strong{color: var(--weiss)}.buehne .tuev-beleg p span, .hg-dunkel .tuev-beleg p span, .hg-bild .tuev-beleg p span{color: rgba(255, 255, 255, .82)}.buehne .tuev-beleg{flex-wrap: nowrap}.buehne .tuev-beleg a.pruefzeichen img{width: 120px}.raster .erklaergrafik{margin-top: 0}.erklaergrafik{--eg-pv: #e0b400}.eg-pv{stroke: var(--eg-pv)}.eg-p-pv, .eg-p-sonne{background: var(--eg-pv)}.eg-p-feld{background: #7aa35a}.eg-tr-pfosten{stroke: var(--eg-n);stroke-width: 5}.eg-tr-modul{stroke: var(--eg-l);stroke-width: 10;stroke-linecap: round}.eg-tr-sonne{fill: var(--gelb)}.eg-tr-feld{stroke: #7aa35a;stroke-width: 6;stroke-linecap: round}.eg-tr-1{transform-origin: 150px 185px}.eg-tr-2{transform-origin: 290px 185px}.eg-tr-3{transform-origin: 430px 185px}.eg-tr-4{transform-origin: 570px 185px}.eg-tr-lauf{transform-origin: 360px 330px}@media (prefers-reduced-motion: no-preference){.erklaergrafik .eg-tr-modul{animation: eg-tr-dreh 12s linear infinite}.erklaergrafik .eg-tr-lauf{animation: eg-tr-sonne 12s linear infinite}}@keyframes eg-tr-dreh{0%{transform: rotate(-50deg)}85%{transform: rotate(50deg)}100%{transform: rotate(-50deg)}}@keyframes eg-tr-sonne{0%{transform: rotate(-58deg);opacity: 0}6%{opacity: 1}79%{opacity: 1}85%{transform: rotate(58deg);opacity: 0}100%{transform: rotate(-58deg);opacity: 0}}.hg-dunkel .eg-leitung, .buehne .eg-leitung, .seitenkopf.hg-bild .eg-leitung{stroke: rgba(255, 255, 255, .3)}.hg-dunkel .eg-fluss-speicher, .seitenkopf.hg-bild .eg-fluss-speicher{stroke: var(--himmelblau-hell)}.hg-dunkel .eg-p-speicher, .seitenkopf.hg-bild .eg-p-speicher{background: var(--himmelblau-hell)}.hg-dunkel .eg-fluss-netz, .seitenkopf.hg-bild .eg-fluss-netz{stroke: #c3ccd6}.hg-dunkel .eg-p-netzstrom, .seitenkopf.hg-bild .eg-p-netzstrom{background: #c3ccd6}.hg-dunkel .eg-mitte circle, .seitenkopf.hg-bild .eg-mitte circle{fill: var(--blau)}.seitenkopf .eg-netz svg{max-width: 420px}.tuev-beleg .tuev-portrait{width: 64px;height: 64px;flex: none;border-radius: 50% !important;object-fit: cover;box-shadow: 0 0 0 2px var(--weiss), 0 2px 8px rgba(0, 0, 0, .18) !important}.tuev-beleg p strong{font-size: 1.1rem}.tuev-beleg a.pruefzeichen img{width: 124px}.buehne .tuev-beleg{flex-wrap: wrap}.fuss-tuev{font-size: .85rem;line-height: 1.4;margin: 8px 0 0;max-width: 26ch}.seitenkopf:not(.hg-bild) .erklaergrafik{margin-top: 0}.buehne .tuev-beleg{flex-wrap: nowrap;gap: 14px}.buehne .tuev-beleg .tuev-portrait{width: 54px;height: 54px}.buehne .tuev-beleg p{font-size: .85rem;line-height: 1.35}.buehne .tuev-beleg p strong{font-size: 1rem}.buehne .tuev-beleg a.pruefzeichen{padding: 6px 8px}.buehne .tuev-beleg a.pruefzeichen img{width: 96px}.seitenkopf.szene-kopf{background: linear-gradient(180deg, #f3f8fd 0%, #dde9f6 100%);overflow: hidden;padding-bottom: clamp(20px, 3vw, 40px)}.szene-kopf .buehne-raster{align-items: center;gap: clamp(16px, 2vw, 32px)}@media (min-width: 1100px){.seitenkopf.szene-kopf .buehne-raster{grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr)}.szene-kopf .szene{margin-right: calc(-1 * clamp(0px, 5vw, 90px))}.seitenkopf.szene-kopf h1{font-size: clamp(1.9rem, 1.1rem + 1.9vw, 2.8rem)}}.szene svg{display: block;width: 100%;height: auto;overflow: visible}.sz-boden{fill: #e4e7ec}.sz-hof{fill: #d9dde3}.sz-schatten{fill: #0f3b66;opacity: .12}.bau-oben{fill: #ffffff}.bau-links{fill: #e6e9ee}.bau-rechts{fill: #cdd3db}.tech-oben{fill: #ffffff}.tech-links{fill: #eef1f4}.tech-rechts{fill: #d5dae1}.pfosten-oben, .pfosten-links{fill: #c3c9d1}.pfosten-rechts{fill: #a9b1bb}.auto-oben{fill: #f6f7f9}.auto-links{fill: #dfe3e8}.auto-rechts{fill: #c4cad2}.sz-modul{fill: #1b4f85;stroke: #2f6fb0;stroke-width: .6}.sz-tor{fill: #cfd5dc}.sz-fenster{fill: #9db9d6}.sz-fenster-r{fill: #86a5c6}.sz-streifen{fill: var(--gelb)}.sz-tuer{fill: #d8dde4}.sz-stamm{fill: #b9c0c9}.sz-krone{fill: #dfe6dc}.sz-mast, .sz-seil{stroke: #9aa5b1;stroke-width: 3;fill: none;stroke-linecap: round}.sz-seil{stroke-width: 1.5}.sz-leitung{fill: none;stroke: #c3cad3;stroke-width: 5;stroke-linejoin: round;stroke-linecap: round}.sz-knoten{fill: var(--weiss);stroke: var(--tiefblau);stroke-width: 3}.sz-fluss{fill: none;stroke-width: 6;stroke-linejoin: round;stroke-linecap: round;stroke-dasharray: 2 16;opacity: 0;transition: opacity .6s ease}.sz-sonne{stroke: #f2b700;filter: drop-shadow(0 0 5px rgba(255, 196, 0, .9))}.sz-speicher{stroke: var(--blau);filter: drop-shadow(0 0 5px rgba(36, 105, 175, .8))}.sz-netz{stroke: #6f7c8a}.sz-schild{opacity: 0;transition: opacity .6s ease}.sz-schild rect{fill: var(--tiefblau)}.sz-schild line{stroke: var(--tiefblau);stroke-width: 2}.sz-schild text{fill: var(--weiss);font-family: var(--schrift-text);font-weight: 600;font-size: 15px;text-anchor: middle}.szene[data-szene="1"] .sz-1, .szene[data-szene="2"] .sz-2, .szene[data-szene="3"] .sz-3{opacity: 1}@media (prefers-reduced-motion: no-preference){.sz-fluss{animation: sz-wandern 1s linear infinite}}@keyframes sz-wandern{to{stroke-dashoffset: -36}}.szene-fuss{margin-top: 4px}.szene-wahl{display: flex;visibility: hidden;flex-wrap: wrap;gap: 6px 22px;margin-bottom: 8px}.js-szene .szene-wahl{visibility: visible}.szene-wahl button{appearance: none;background: none;border: 0;border-bottom: 2px solid transparent;padding: 6px 0;font: 600 .95rem var(--schrift-text);color: var(--text-leise);cursor: pointer}.szene-wahl button[aria-pressed="true"]{color: var(--tiefblau);border-bottom-color: var(--gelb)}.szene-wahl button:hover{color: var(--tiefblau)}.szene-wahl button:focus-visible{outline: 3px solid var(--blau);outline-offset: 3px;border-radius: 3px}.seitenkopf .szene-text, .szene-text{display: none;margin: 0;font-size: .95rem;line-height: 1.5;color: var(--text);max-width: 46ch;min-height: 3em}.szene[data-szene="1"] .sz-t1, .szene[data-szene="2"] .sz-t2, .szene[data-szene="3"] .sz-t3{display: block}@media (max-width: 700px){.sz-schild{display: none}.szene-kopf .szene{margin: 0 -8px}}.umschalter-wahl{display: none;flex-wrap: wrap;gap: 8px;margin-bottom: 12px}.js-umschalter .umschalter-wahl{display: flex}.umschalter-wahl button{appearance: none;cursor: pointer;font: 600 .88rem var(--schrift-text);padding: 8px 14px;border-radius: 999px;border: 1px solid rgba(255, 255, 255, .45);background: rgba(8, 28, 50, .55);color: var(--weiss)}.umschalter-wahl button[aria-pressed="true"]{background: var(--gelb);border-color: var(--gelb);color: var(--tiefblau)}.umschalter-wahl button:focus-visible{outline: 3px solid var(--gelb);outline-offset: 3px}.abschnitt:not(.hg-dunkel) .umschalter-wahl button{border-color: var(--linie);background: var(--weiss);color: var(--tiefblau)}.abschnitt:not(.hg-dunkel) .umschalter-wahl button[aria-pressed="true"]{background: var(--tiefblau);border-color: var(--tiefblau);color: var(--weiss)}.umschalter-feld{display: none}.umschalter-feld.aktiv{display: block}.sz-puls{opacity: 0;transition: opacity .6s ease}.sz-puls.sz-sonne{fill: #ffd84a;stroke: none;filter: drop-shadow(0 0 7px rgba(255, 205, 40, 1))}.sz-puls.sz-speicher{fill: #7fc4ff;stroke: none;filter: drop-shadow(0 0 7px rgba(90, 170, 255, 1))}.sz-puls.sz-netz{fill: #cfd6de;stroke: none}.szene[data-szene="1"] .sz-puls.sz-1, .szene[data-szene="2"] .sz-puls.sz-2, .szene[data-szene="3"] .sz-puls.sz-3{opacity: 1}@media (prefers-reduced-motion: reduce){.sz-puls{display: none}}.szene-start{overflow: hidden;background: radial-gradient(120% 90% at 60% 55%, #17508a 0%, #0f3b66 55%, #0b2c4d 100%)}.szene-start h2{font-size: clamp(2rem, 1.3rem + 2.4vw, 3.1rem);line-height: 1.08;letter-spacing: -.01em}.szene-rahmen{max-width: 1040px;margin: clamp(8px, 2vw, 24px) auto 0}.hg-dunkel .sz-boden{fill: #14497f}.hg-dunkel .sz-hof{fill: #1a5694}.hg-dunkel .sz-schatten{fill: #04162b;opacity: .35}.hg-dunkel .bau-oben{fill: #f3f7fb}.hg-dunkel .bau-links{fill: #cbd8e6}.hg-dunkel .bau-rechts{fill: #a9bbcf}.hg-dunkel .tech-oben{fill: #ffffff}.hg-dunkel .tech-links{fill: #dbe5ef}.hg-dunkel .tech-rechts{fill: #b6c6d8}.hg-dunkel .sz-modul{fill: #0d2f55;stroke: #3d86cf}.hg-dunkel .sz-leitung{stroke: #2c6cab}.hg-dunkel .sz-krone{fill: #2e7096}.hg-dunkel .sz-stamm{fill: #5f86ab}.hg-dunkel .sz-mast, .hg-dunkel .sz-seil{stroke: #86a6c6}.hg-dunkel .sz-netz{stroke: #cfd6de}.hg-dunkel .sz-speicher{stroke: #7fc4ff}.hg-dunkel .sz-schild rect{fill: var(--gelb)}.hg-dunkel .sz-schild line{stroke: var(--gelb)}.hg-dunkel .sz-schild text{fill: var(--tiefblau)}.hg-dunkel .szene-fuss{display: flex;flex-direction: column;align-items: center;text-align: center}.hg-dunkel .szene-wahl{justify-content: center;gap: 8px}.hg-dunkel .szene-wahl button{color: var(--weiss);border: 1px solid rgba(255, 255, 255, .45);border-radius: 999px;padding: 9px 18px}.hg-dunkel .szene-wahl button[aria-pressed="true"]{background: var(--gelb);border-color: var(--gelb);color: var(--tiefblau)}.hg-dunkel .szene-wahl button:hover{color: var(--weiss);border-color: var(--weiss)}.hg-dunkel .szene-wahl button[aria-pressed="true"]:hover{color: var(--tiefblau)}.hg-dunkel .szene-text{color: var(--weiss);font-size: 1.05rem;max-width: 52ch}.szene-start > .rahmen > .knopfreihe{justify-content: center;margin-top: clamp(18px, 2.5vw, 30px)}.rechnen-start.hg-grau .saeule-nr{-webkit-text-stroke: 1.5px var(--tiefblau)}.rechnen-start.hg-grau .saeulen h3{color: var(--tiefblau)}.rechnen-start.hg-grau .saeulen p{color: var(--text)}.rechnen-kopf{display: grid;gap: clamp(20px, 4vw, 60px);align-items: end}@media (min-width: 1000px){.rechnen-kopf{grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr)}}.grosszahl{margin: 0;padding: clamp(20px, 2.5vw, 30px);background: var(--tiefblau);color: var(--weiss);border-radius: 18px}.grosszahl strong{display: block;font-family: var(--schrift-titel);font-weight: 600;font-size: clamp(3rem, 2rem + 4vw, 5.2rem);line-height: 1;letter-spacing: -.03em;color: var(--gelb);font-variant-numeric: tabular-nums;margin-bottom: 10px}.grosszahl span{display: block;font-size: 1rem;line-height: 1.5;max-width: 30ch}@supports not (-webkit-text-stroke: 1px #000){.rechnen-start.hg-grau .saeule-nr{color: rgba(15, 59, 102, .3)}}.abschnitt.cta-band{padding: clamp(34px, 4.5vw, 56px) 0}.cta-band-innen{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px 40px}.cta-band h2{margin: 0 0 6px;font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.1rem)}.cta-band p{margin: 0}.cta-band .knopfreihe{margin: 0;align-items: center}.cta-band .knopf-text{color: var(--weiss);font-weight: 600;text-decoration: underline;text-underline-offset: 4px}.szene-buehne{overflow: hidden;padding-top: clamp(36px, 5vw, 72px);padding-bottom: clamp(30px, 4vw, 56px);background: radial-gradient(90% 80% at 72% 48%, #1b5c9c 0%, #0f3b66 48%, #08233f 100%)}.szene-buehne h1{color: var(--weiss);font-size: clamp(2.4rem, 1.1rem + 3.9vw, 4.2rem);line-height: 1.04;letter-spacing: -.015em;max-width: 14ch;margin-bottom: .5em}.szene-buehne h1 .akzent{color: var(--gelb)}.szene-buehne .oberzeile{display: inline-block;background: rgba(255, 255, 255, .92);color: var(--tiefblau);padding: 4px 12px;border-radius: 4px;margin-bottom: 20px}.szene-buehne .einleitung{font-size: var(--gr-einleitung);line-height: 1.5;color: var(--weiss);max-width: 46ch}.szene-buehne .tuev-beleg{flex-wrap: nowrap;gap: 14px;margin-top: 24px}.szene-buehne .tuev-beleg .tuev-portrait{width: 54px;height: 54px}.szene-buehne .tuev-beleg p{font-size: .88rem;line-height: 1.35}.szene-buehne .tuev-beleg a.pruefzeichen{padding: 6px 8px}.szene-buehne .tuev-beleg a.pruefzeichen img{width: 104px}@media (min-width: 1100px){.szene-buehne{min-height: min(88vh, 880px);display: flex;align-items: center}.szene-buehne > .rahmen{width: 100%}.szene-buehne .buehne-raster{grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);gap: 0}.szene-buehne .szene{margin: 0 calc(-1 * clamp(40px, 9vw, 170px)) 0 -40px}}.sockel-oben{fill: none}.sockel-links{fill: #cdd3db}.sockel-rechts{fill: #b4bcc6}.hg-dunkel .sockel-links{fill: #0d3257}.hg-dunkel .sockel-rechts{fill: #092744}.sz-glut{fill: rgba(15, 59, 102, .16)}.hg-dunkel .sz-glut{fill: rgba(70, 160, 255, .42)}.sz-raster{stroke: rgba(15, 59, 102, .07);stroke-width: 1}.hg-dunkel .sz-raster{stroke: rgba(160, 205, 255, .13)}.bau-links, .tech-links{fill: url(#sz-gl)}.bau-rechts, .tech-rechts{fill: url(#sz-gr)}.bau-oben, .tech-oben{fill: url(#sz-go)}.hg-dunkel .bau-links, .hg-dunkel .tech-links{fill: url(#sz-gl)}.hg-dunkel .bau-rechts, .hg-dunkel .tech-rechts{fill: url(#sz-gr)}.hg-dunkel .bau-oben, .hg-dunkel .tech-oben{fill: url(#sz-go)}.sz-modul, .hg-dunkel .sz-modul{fill: url(#sz-gm);stroke: #5aa2e6;stroke-width: .7}.sz-leuchte{fill: #4fd28a}.sz-sonnenball{opacity: 0;transition: opacity .8s ease}.sz-sonnenglut{fill: rgba(255, 211, 23, .55)}.sz-sonnenkern{fill: #ffd84a}.szene:not(.x) .sz-schild rect{filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .28))}@media (prefers-reduced-motion: no-preference){.sz-feld .sz-modul:nth-child(5n+1){animation: sz-glanz 6s ease-in-out infinite}.sz-feld .sz-modul:nth-child(5n+2){animation: sz-glanz 6s ease-in-out .5s infinite}.sz-feld .sz-modul:nth-child(5n+3){animation: sz-glanz 6s ease-in-out 1s infinite}.sz-feld .sz-modul:nth-child(5n+4){animation: sz-glanz 6s ease-in-out 1.5s infinite}.sz-feld .sz-modul:nth-child(5n){animation: sz-glanz 6s ease-in-out 2s infinite}.sz-leuchte{animation: sz-blinken 2.4s ease-in-out infinite}.sz-sonnenkern{animation: sz-pochen 4s ease-in-out infinite;transform-origin: 118px 104px}}@keyframes sz-glanz{0%, 70%, 100%{fill-opacity: 1}82%{fill-opacity: .72}}@keyframes sz-blinken{0%, 100%{opacity: 1}50%{opacity: .35}}@keyframes sz-pochen{0%, 100%{transform: scale(1)}50%{transform: scale(1.12)}}.rechnen-regler .simulator{max-width: none}.rechnen-start .grosszahl{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 22px;margin-top: clamp(26px, 3.5vw, 44px);background: none;color: var(--text);padding: 0;border-radius: 0}.rechnen-start .grosszahl strong{color: var(--tiefblau);font-size: clamp(2.6rem, 1.8rem + 3vw, 4.4rem);margin: 0}.rechnen-start .grosszahl span{max-width: 44ch;font-size: 1.05rem}.rechnen-kopf{align-items: center}@media (min-width: 1000px){.rechnen-start{overflow: visible}.rechnen-regler{margin-top: calc(-1 * clamp(90px, 11vw, 170px));position: relative;z-index: 3}.rechnen-kopf{align-items: start}}.buehne.film-band{min-height: clamp(380px, 56vh, 620px);align-items: flex-end;background: var(--dunkel)}.buehne.film-band > .rahmen{padding-top: clamp(60px, 9vw, 130px);padding-bottom: clamp(110px, 12vw, 170px)}.buehne.film-band::before{background: linear-gradient(0deg, rgba(8, 28, 50, .9) 0%, rgba(8, 28, 50, .35) 55%, rgba(8, 28, 50, .2) 100%)}.buehne.film-band h2{color: var(--weiss);font-size: clamp(2.2rem, 1.2rem + 3.6vw, 4.2rem);line-height: 1.04;letter-spacing: -.015em;margin: 0 0 .35em}.buehne.film-band .einleitung{max-width: 46ch}.referenzen-start{padding-top: 0}.referenzen-start > .rahmen > .projekte-block{margin-top: calc(-1 * clamp(70px, 8vw, 110px));position: relative;z-index: 2}.referenzen-start .projekt{box-shadow: 0 24px 50px -30px rgba(8, 28, 50, .55)}.karten.zeilen{display: block;border-bottom: 1px solid var(--linie)}.karten.zeilen > .kachel, .karten.zeilen > .kachel.karte-linie{display: grid;grid-template-columns: minmax(0, 1fr);gap: 6px 40px;margin: 0;padding: clamp(18px, 2.2vw, 28px) 0;background: none;border: 0;border-top: 1px solid var(--linie);border-radius: 0;box-shadow: none;max-width: none;transition: padding-left var(--uebergang)}.hg-grau .karten.zeilen, .hg-grau .karten.zeilen > .kachel{border-color: #ddd8cb}.karten.zeilen > .kachel h3{font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem);margin: 0}.karten.zeilen > .kachel p{margin: 0;max-width: 60ch;font-size: 1.02rem}@media (min-width: 900px){.karten.zeilen > .kachel, .karten.zeilen > .kachel.karte-linie{grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);align-items: baseline}.karten.zeilen > .kachel:hover{padding-left: 14px}}@media (min-width: 900px){.karten.zeilen.zeilen-zwei{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: clamp(32px, 5vw, 72px)}.karten.zeilen.zeilen-zwei > .kachel, .karten.zeilen.zeilen-zwei > .kachel.karte-linie{grid-column: auto;display: block}.karten.zeilen.zeilen-zwei > .kachel h3{margin-bottom: 6px}}.region-start .teilung-grafik{background: none;padding: clamp(16px, 3vw, 44px);display: block}.szene[data-szene="4"] .sz-4, .szene[data-szene="5"] .sz-5{opacity: 1}.szene[data-szene="4"] .sz-puls.sz-4, .szene[data-szene="5"] .sz-puls.sz-5{opacity: 1}.szene[data-szene="4"] .sz-t4, .szene[data-szene="5"] .sz-t5{display: block}.szene[data-szene="5"] .sz-mast, .szene[data-szene="5"] .sz-seil{stroke: #d9534f;stroke-dasharray: 5 6;transition: stroke .6s ease}.buehne.film-band{min-height: clamp(460px, 82vh, 860px)}.buehne.film-band > .rahmen{padding-bottom: clamp(100px, 10vw, 150px)}.referenzen-start > .rahmen > .projekte-block{margin-top: calc(-1 * clamp(50px, 5vw, 76px))}.sz-rasen{fill: #dfe7da}.hg-dunkel .sz-rasen{fill: #17507f}.szene-haus .sz-hof{fill: #d7dbe1}.sz-luefter{fill: #c3cad3}.sz-luefter-kern{fill: #8f9aa7}.szene-haus[data-szene="4"] .sz-mast, .szene-haus[data-szene="4"] .sz-seil{stroke: #d9534f;stroke-dasharray: 5 6}.szene-haus .sz-schild text{font-size: 19px}.eg-arb-soc{stroke: #4fd28a;fill: none}.eg-p-soc{background: #4fd28a}.eg-arb-strich{stroke: var(--eg-l);stroke-width: 2;stroke-dasharray: 4 5;opacity: .7}.eg-arb-punkt{fill: #4fd28a;stroke: var(--weiss);stroke-width: 2.5}.eg-arb-zeiger{display: none}@media (prefers-reduced-motion: no-preference){.eg-arb .eg-arb-zeiger{display: inline;animation: eg-arb-lauf 14s linear infinite}.eg-arb .eg-arb-punkt{animation: eg-arb-soc-punkt 14s linear infinite}.eg-arb .eg-arb-soc{stroke-dasharray: 100;animation: eg-arb-zeichnen 14s linear infinite}.eg-arb .eg-arb-l1{animation: eg-arb-b1 14s linear infinite}.eg-arb .eg-arb-e1{animation: eg-arb-b2 14s linear infinite}.eg-arb .eg-arb-l2{animation: eg-arb-b3 14s linear infinite}.eg-arb .eg-arb-e2{animation: eg-arb-b4 14s linear infinite}.eg-arb .eg-arb-tl{animation: eg-arb-tl 14s linear infinite}.eg-arb .eg-arb-te{animation: eg-arb-te 14s linear infinite}}@keyframes eg-arb-lauf{0%{transform: translateX(0);opacity: 1}92%{transform: translateX(640px);opacity: 1}96%, 100%{transform: translateX(640px);opacity: 0}}@keyframes eg-arb-soc-punkt{0%, 7.2%{transform: translateY(0)}15.8%, 22.3%{transform: translateY(-60px)}31.6%, 40.3%{transform: translateY(6px)}53.2%, 71.1%{transform: translateY(-90px)}81.9%, 100%{transform: translateY(12px)}}@keyframes eg-arb-zeichnen{0%{stroke-dashoffset: 100}92%, 100%{stroke-dashoffset: 0}}@keyframes eg-arb-b1{0%, 7%{opacity: 0}9%, 96%{opacity: .6}100%{opacity: 0}}@keyframes eg-arb-b2{0%, 22%{opacity: 0}24%, 96%{opacity: .38}100%{opacity: 0}}@keyframes eg-arb-b3{0%, 40%{opacity: 0}42%, 96%{opacity: .6}100%{opacity: 0}}@keyframes eg-arb-b4{0%, 71%{opacity: 0}73%, 96%{opacity: .38}100%{opacity: 0}}@keyframes eg-arb-tl{0%, 6%{opacity: .65}8%, 16%{opacity: 1}18%, 39%{opacity: .65}41%, 53%{opacity: 1}55%, 100%{opacity: .65}}@keyframes eg-arb-te{0%, 21%{opacity: .65}23%, 32%{opacity: 1}34%, 70%{opacity: .65}72%, 82%{opacity: 1}84%, 100%{opacity: .65}}.szene-haus .sz-schild text{font-size: 19px}@media (min-width: 1100px){.seitenkopf .buehne-raster:has(.eg-arb){grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}}.seitenkopf.szene-kopf:has(.szene-haus){background: linear-gradient(180deg, #f3f8fd 0%, #dde9f6 100%)}.haus-links{fill: url(#sz-hl)}.haus-rechts{fill: url(#sz-hr)}.haus-oben{fill: #f6efe0}.sz-dach{fill: #47525f}.sz-haustuer{fill: #b0763f}.sz-garagentor{fill: #c9b089}.sz-rasen{fill: #d5e6c6}.szene-haus .sz-hof{fill: #e9e1cf}.szene-haus .sockel-links{fill: #c9bfa8}.szene-haus .sockel-rechts{fill: #b3a88f}.sz-busch{fill: #9dc08a}.szene-haus .sz-krone{fill: #a9cb97}.szene-haus .sz-stamm{fill: #a58a66}.szene-haus .sz-glut{fill: rgba(120, 90, 30, .14)}.szene-haus .sz-fenster, .szene-haus .sz-fenster-r{transition: fill .8s ease}.szene-haus[data-szene="2"] .sz-fenster, .szene-haus[data-szene="3"] .sz-fenster, .szene-haus[data-szene="4"] .sz-fenster{fill: #ffd27a;filter: drop-shadow(0 0 8px rgba(255, 200, 90, .9))}.szene-haus[data-szene="2"] .sz-fenster-r, .szene-haus[data-szene="3"] .sz-fenster-r, .szene-haus[data-szene="4"] .sz-fenster-r{fill: #f2c46a}.sz-mond{opacity: 0;transition: opacity .8s ease}.sz-mondglut{fill: rgba(190, 210, 240, .7)}.sz-mondkern{fill: #eef3fa}.szene-haus svg{transition: filter .8s ease}.szene-haus[data-szene="2"] svg{filter: saturate(.92) brightness(.97)}.szene-haus[data-szene="3"] svg, .szene-haus[data-szene="4"] svg{filter: saturate(.8) brightness(.9)}.lagen{list-style: none;margin: clamp(20px, 3vw, 40px) 0 clamp(24px, 3vw, 40px);padding: 0;position: relative}.lagen > li{display: grid;gap: 10px 0;margin: 0;padding: clamp(18px, 2.4vw, 30px) 0;border-top: 1px solid var(--linie);position: relative}.lagen > li:last-child{border-bottom: 1px solid var(--linie)}.lagen span{display: block;font-size: .74rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;margin-bottom: 6px}.lagen .lage span{color: #b3261e}.lagen .loesung span{color: var(--blau)}.lagen h3{margin: 0 0 6px;font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);line-height: 1.25}.lagen h3 a{color: var(--tiefblau);text-decoration: none;background: linear-gradient(var(--gelb), var(--gelb)) 0 100% / 100% 3px no-repeat;padding-bottom: 3px}.lagen h3 a:hover{color: var(--blau)}.lagen p{margin: 0;max-width: 44ch;color: var(--text)}.lagen .lage h3{color: var(--text);font-weight: 500}@media (min-width: 900px){.lagen::before{content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 1px;background: var(--linie)}.lagen > li{grid-template-columns: 1fr 1fr}.lagen > li::before{content: "";position: absolute;left: 50%;top: 50%;width: 13px;height: 13px;margin: -7px 0 0 -7px;border-radius: 50%;background: var(--gelb);box-shadow: 0 0 0 5px var(--weiss)}.lagen .lage{padding-right: clamp(28px, 5vw, 70px);text-align: right}.lagen .lage p{margin-left: auto}.lagen .loesung{padding-left: clamp(28px, 5vw, 70px)}}.grosszahl.zeile{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 22px;margin-top: clamp(26px, 3.5vw, 44px);background: none;color: var(--text);padding: 0;border-radius: 0}.grosszahl.zeile strong{color: var(--tiefblau);font-size: clamp(2.6rem, 1.8rem + 3vw, 4.4rem);margin: 0}.grosszahl.zeile span{max-width: 44ch;font-size: 1.05rem}.lage-start > .rahmen > .knopfreihe{margin-top: 0}.vorhaben{margin: clamp(18px, 2.4vw, 28px) 0 0;max-width: 520px;border-radius: 16px;overflow: hidden;background: rgba(255, 255, 255, .97);box-shadow: 0 30px 70px -34px rgba(0, 0, 0, .7)}.vorhaben-frage{margin: 0;padding: 14px 20px 10px;font: 600 .78rem var(--schrift-text);letter-spacing: .12em;text-transform: uppercase;color: var(--blau)}.vorhaben a{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 2px 14px;padding: 13px 20px;border-top: 1px solid var(--linie);color: var(--tiefblau);text-decoration: none;transition: background var(--uebergang), padding-left var(--uebergang)}.vorhaben a::after{content: "→";grid-row: 1 / span 2;grid-column: 2;font-size: 1.3rem;color: var(--blau)}.vorhaben a strong{font-family: var(--schrift-titel);font-weight: 600;font-size: 1.05rem}.vorhaben a span{grid-column: 1;font-size: .88rem;color: var(--text-leise)}.vorhaben a:hover, .vorhaben a:focus-visible{background: var(--gelb);padding-left: 26px}.vorhaben a:hover span, .vorhaben a:focus-visible span{color: var(--tiefblau)}.vorhaben a.vorhaben-leise strong{font-weight: 500;font-size: .98rem}.szene-buehne .vorhaben + .tuev-beleg{margin-top: 20px}.abschnitt.teilung{padding: 0}.abschnitt.teilung > .rahmen{max-width: none;width: 100%;padding: 0;display: grid}.teilung-bild{min-height: 300px;position: relative}.teilung-bild img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0 !important;box-shadow: none !important;margin: 0}.teilung-text{padding: clamp(40px, 7vw, 110px) clamp(20px, 6vw, 90px);display: flex;flex-direction: column;justify-content: center}.teilung-text.hg-dunkel{background: var(--dunkel);color: var(--weiss)}.teilung-text h2{font-size: clamp(2rem, 1.2rem + 2.6vw, 3.4rem);line-height: 1.06;letter-spacing: -.01em;margin: 0 0 .4em}.teilung-text.hg-dunkel h2{color: var(--weiss)}.teilung-text p{max-width: 46ch}@media (min-width: 900px){.abschnitt.teilung > .rahmen{grid-template-columns: 1fr 1fr;min-height: clamp(460px, 62vh, 680px)}}@media (max-width: 899px){.teilung-gedreht .teilung-bild{order: -1}}.szene-buehne .vorhaben{display: block}.szene-buehne .vorhaben a{color: var(--tiefblau);text-decoration: none}.szene-buehne .vorhaben a strong{color: var(--tiefblau);display: block}.szene-buehne .vorhaben a span{color: var(--text-leise);display: block}.szene-buehne .vorhaben .vorhaben-frage{color: var(--blau);font-size: .78rem}.szene-buehne.mit-leiste{padding-bottom: 0;display: block;min-height: 0;overflow: visible}.szene-buehne.mit-leiste h1{font-size: clamp(2.2rem, 1.1rem + 3.2vw, 3.6rem);max-width: 16ch}.szene-buehne.mit-leiste .buehne-raster{padding-bottom: clamp(20px, 3vw, 40px)}.szene-buehne.mit-leiste .szene{overflow: hidden}.vorhaben-leiste{position: relative;z-index: 4;display: grid;gap: 10px;grid-template-columns: 1fr;margin-bottom: calc(-1 * clamp(40px, 5vw, 64px));padding: clamp(14px, 1.6vw, 20px);border-radius: 20px;background: rgba(8, 28, 50, .92);border: 1px solid rgba(255, 255, 255, .18);box-shadow: 0 40px 80px -36px rgba(0, 0, 0, .8)}.vorhaben-leiste > p{margin: 0 0 2px;grid-column: 1 / -1;font: 600 .78rem var(--schrift-text);letter-spacing: .12em;text-transform: uppercase;color: var(--himmelblau-hell)}.vorhaben-leiste a, .hg-dunkel .vorhaben-leiste a:not(.knopf){display: flex;flex-direction: column;gap: 4px;padding: 16px 18px 16px;border-radius: 13px;background: rgba(255, 255, 255, .07);border: 1px solid rgba(255, 255, 255, .16);color: var(--weiss);text-decoration: none;position: relative;transition: background var(--uebergang), transform var(--uebergang), border-color var(--uebergang)}.vorhaben-leiste a::after{content: "→";position: absolute;right: 16px;top: 14px;font-size: 1.15rem;opacity: .75}.vorhaben-leiste a strong{font-family: var(--schrift-titel);font-weight: 600;font-size: 1.08rem;line-height: 1.25;padding-right: 26px}.vorhaben-leiste a span{font-size: .86rem;line-height: 1.4;color: rgba(255, 255, 255, .78)}.vorhaben-leiste a:hover, .vorhaben-leiste a:focus-visible{background: rgba(255, 255, 255, .16);border-color: rgba(255, 255, 255, .5);transform: translateY(-3px)}.vorhaben-leiste a.haupt, .hg-dunkel .vorhaben-leiste a.haupt:not(.knopf){background: var(--gelb);border-color: var(--gelb);color: var(--tiefblau)}.vorhaben-leiste a.haupt span{color: var(--tiefblau)}.vorhaben-leiste a.haupt:hover{background: var(--gelb-hell)}@media (min-width: 700px){.vorhaben-leiste{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1100px){.vorhaben-leiste{grid-template-columns: 1.15fr repeat(4, 1fr)}}.buehne.film-teilung{min-height: clamp(520px, 78vh, 820px);align-items: stretch}.buehne.film-teilung::before{background: linear-gradient(90deg, rgba(8, 28, 50, .1) 0%, rgba(8, 28, 50, .25) 100%)}.buehne.film-teilung > .rahmen{max-width: none;width: 100%;padding: 0;display: flex;justify-content: flex-end}.film-tafel{background: var(--dunkel);color: var(--weiss);width: min(100%, 620px);padding: clamp(90px, 10vw, 150px) clamp(24px, 5vw, 80px) clamp(50px, 6vw, 90px);display: flex;flex-direction: column;justify-content: center}.film-tafel h2{color: var(--weiss);font-size: clamp(2.2rem, 1.2rem + 3vw, 3.8rem);line-height: 1.04;letter-spacing: -.015em;margin: 0 0 .4em}.film-tafel p{max-width: 40ch}@media (max-width: 899px){.buehne.film-teilung > .rahmen{align-items: flex-end}.film-tafel{width: 100%;padding-top: clamp(60px, 12vw, 90px);margin-top: 46vw}}.szene-buehne.mit-leiste{position: relative;z-index: 3}.film-tafel .oberzeile{align-self: flex-start}.buehne.film-teilung{z-index: 1}@media (min-width: 1000px){.rechnen-regler{margin-top: 0}}.szene-buehne.mit-leiste + .rechnen-start{padding-top: calc(var(--abstand) + clamp(40px, 5vw, 64px))}.buehne.film-teilung + .referenzen-start{padding-top: clamp(28px, 4vw, 56px)}.buehne.film-teilung + .referenzen-start > .rahmen > .projekte-block{margin-top: 0}.teilung-text .tuev-beleg{margin-top: 18px;margin-bottom: 8px}.tuev-beleg a.pruefzeichen img{width: 210px}.tuev-beleg a.pruefzeichen{padding: 8px 10px}.szene-buehne .tuev-beleg{flex-wrap: wrap}.szene-buehne .tuev-beleg a.pruefzeichen img, .buehne .tuev-beleg a.pruefzeichen img{width: 170px}.szene-buehne .tuev-beleg p{max-width: 24ch}.fuss-logo a.pruefzeichen img{width: 190px}a.pruefzeichen img{width: 210px}.szene-buehne .tuev-beleg p{max-width: 36ch}.karten.zeilen > .kachel > *{grid-column: 1}@media (min-width: 900px){.karten.zeilen > .kachel > *{grid-column: 2}.karten.zeilen > .kachel > h3:first-child{grid-column: 1;grid-row: 1 / span 6}.karten.zeilen > .kachel:not(:has(> h3)) > *{grid-column: 1 / -1}}.karten.zeilen > .kachel + .kachel{margin-top: 0}.karten.zeilen > .kachel .knopfreihe{margin-top: 10px;padding-top: 0}.karten.zeilen > .kachel h3 a{color: var(--tiefblau);text-decoration: none;background: linear-gradient(var(--gelb), var(--gelb)) 0 100% / 100% 3px no-repeat;padding-bottom: 3px}.hg-dunkel .karten.zeilen, .hg-dunkel .karten.zeilen > .kachel{border-color: rgba(255, 255, 255, .22)}.teilung-text.hg-grau{background: var(--grau)}.teilung-text > :last-child{margin-bottom: 0}.teilung-text .knopfreihe{margin-top: 1.2em}.teilung-text.hg-dunkel p, .teilung-text.hg-dunkel li{color: var(--weiss)}main > .abschnitt.teilung h2{font-size: clamp(1.8rem, 1.2rem + 1.9vw, 2.9rem)}.abschnitt.teilung + .abschnitt.teilung{border-top: 0}.teilung-grafik{display: flex;align-items: center;justify-content: center;padding: clamp(24px, 4vw, 60px);background: linear-gradient(180deg, #f8f6f1, #e9edf2);min-width: 0}.teilung-grafik > *{width: 100%;max-width: 640px;margin: 0}.teilung-grafik .erklaergrafik{margin: 0}@media (max-width: 899px){.teilung-gedreht .teilung-grafik{order: -1}}a.pruefzeichen, .tuev-beleg a.pruefzeichen, .buehne .tuev-beleg a.pruefzeichen, .szene-buehne .tuev-beleg a.pruefzeichen{background: none;padding: 0;box-shadow: none;border-radius: 6px;overflow: hidden}a.pruefzeichen img{border-radius: 6px !important;display: block}.szene-kommune .sz-rasen{fill: #cfe3c4}.sz-linie{fill: none;stroke: #ffffff;stroke-width: 2;opacity: .8}.sz-feuertor{fill: #c8554b}.hg-dunkel .szene-kommune .sz-rasen{fill: #1c6a63}/* Lockerere Unterseiten (11.11.2026, Marco: "fast jede seite ganz identisch aufgebaut ... nur text"): Kacheln mit Umrissziffer statt Zeilen, Bildkarten, Bildband, Haken als Raster */ .karten.kacheln{display: grid;grid-template-columns: minmax(0, 1fr);gap: clamp(14px, 1.8vw, 24px);counter-reset: kachel;border: 0}.karten.kacheln > .kachel, .karten.kacheln > .kachel.karte-linie{grid-column: auto !important;display: block;margin: 0;max-width: none;background: var(--weiss);border: 0;border-radius: var(--radius);padding: clamp(22px, 2.4vw, 34px);box-shadow: var(--schatten-weich);position: relative;overflow: hidden;counter-increment: kachel;transition: transform .25s ease, box-shadow .25s ease}.karten.kacheln > .kachel::before{content: counter(kachel, decimal-leading-zero);display: block;font-family: var(--schrift-titel, inherit);font-weight: 800;font-size: clamp(2rem, 1.4rem + 1.6vw, 3rem);line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--blau);opacity: .5;margin-bottom: .45em}.karten.kacheln > .kachel::after{content: "";position: absolute;left: 0;top: 0;height: 4px;width: 56px;background: var(--gelb);transition: width .35s ease}.karten.kacheln > .kachel:hover{transform: translateY(-4px);box-shadow: var(--schatten-hoch);padding-left: clamp(22px, 2.4vw, 34px)}.karten.kacheln > .kachel:hover::after{width: 100%}.karten.kacheln > .kachel h3{font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem);margin: 0 0 .4em}.karten.kacheln > .kachel p{margin: 0;max-width: none;font-size: 1rem}@media (min-width: 640px){.karten.kacheln{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 980px){.karten.kacheln{grid-template-columns: repeat(3, minmax(0, 1fr))}.karten.kacheln.zwei{grid-template-columns: repeat(2, minmax(0, 1fr))}.karten.kacheln.bento > .kachel:first-child{grid-column: span 2 !important}.karten.kacheln.bento7 > .kachel:last-child{grid-column: 1 / -1 !important}}.karten.kacheln.bento > .kachel:first-child{background: var(--dunkel);color: var(--weiss)}.karten.kacheln.bento > .kachel:first-child h3, .karten.kacheln.bento > .kachel:first-child p{color: var(--weiss)}.karten.kacheln.bento > .kachel:first-child::before{-webkit-text-stroke-color: var(--gelb);opacity: .9}.karten.kacheln.bento > .kachel:first-child a{color: var(--gelb)}@media (prefers-reduced-motion: reduce){.karten.kacheln > .kachel, .karten.kacheln > .kachel::after{transition: none}}.karten.bildkarten{display: grid;grid-template-columns: minmax(0, 1fr);gap: clamp(16px, 2vw, 28px);border: 0}@media (min-width: 860px){.karten.bildkarten{grid-template-columns: repeat(3, minmax(0, 1fr))}}.karten.bildkarten > .kachel{grid-column: auto !important;display: block;margin: 0;padding: 0 0 clamp(20px, 2vw, 28px);background: var(--weiss);border: 0;border-radius: var(--radius);box-shadow: var(--schatten-weich);overflow: hidden;transition: transform .25s ease, box-shadow .25s ease}.karten.bildkarten > .kachel:hover{transform: translateY(-4px);box-shadow: var(--schatten-hoch)}.abschnitt .karten.bildkarten > .kachel > img{display: block;width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 0;box-shadow: none;margin: 0 0 clamp(16px, 1.6vw, 22px)}.karten.bildkarten > .kachel h3, .karten.bildkarten > .kachel p{margin: 0;padding: 0 clamp(20px, 2vw, 28px)}.karten.bildkarten > .kachel h3{font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem);margin-bottom: .4em}.karten.bildkarten > .kachel p{font-size: 1rem}.abschnitt.bildband{padding: 0;background: var(--dunkel)}.abschnitt.bildband > .rahmen{max-width: none;width: 100%;padding: 0;position: relative}.abschnitt.bildband img{display: block;width: 100%;height: clamp(300px, 40vw, 560px);object-fit: cover;border-radius: 0;box-shadow: none}.bildband-text{position: absolute;inset: auto 0 0 0;padding: clamp(60px, 9vw, 130px) clamp(16px, 5vw, 70px) clamp(22px, 3vw, 44px);background: linear-gradient(0deg, rgba(8, 28, 50, .88), rgba(8, 28, 50, 0));color: var(--weiss)}.bildband-text p{margin: 0;max-width: 34ch;font-family: var(--schrift-titel, inherit);font-weight: 700;font-size: clamp(1.4rem, 1rem + 1.9vw, 2.6rem);line-height: 1.12}.bildband-text p.oberzeile{font-size: .8rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--gelb);margin-bottom: .6em;max-width: none}.abschnitt .liste-haken.haken-raster, .liste-haken.haken-raster{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));gap: clamp(10px, 1.2vw, 16px);padding: 0;max-width: none !important;width: 100%}.liste-haken.haken-raster > li{margin: 0;background: var(--grau);border-radius: var(--radius-klein);padding: 16px 18px 16px 48px;max-width: none}.hg-grau .liste-haken.haken-raster > li{background: var(--weiss)}.liste-haken.haken-raster > li::before{left: 16px;top: 18px}@media (min-width: 980px){.karten.kacheln.letzte-zwei > .kachel:last-child{grid-column: span 2 !important}}/* Hebel-Leiste: verbindet die Wirtschaftlichkeits-Seiten (11.11.2026, Marco: "einzelne seiten wirken unkoordiniert") */ .hebel-leiste{display: flex;align-items: center;gap: 8px;padding: 12px max(16px, calc((100vw - 1140px) / 2));background: var(--weiss);border-bottom: 1px solid var(--linie);overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch;position: relative;z-index: 3}.hebel-leiste::-webkit-scrollbar{display: none}.hebel-titel{flex: none;font-size: .74rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--blau);margin-right: 8px}.hebel-leiste a{flex: none;padding: 8px 14px;border-radius: 999px;border: 1px solid var(--linie);font-size: .92rem;font-weight: 600;color: var(--dunkel);text-decoration: none;white-space: nowrap;transition: background .2s ease, border-color .2s ease, color .2s ease}.hebel-leiste a:hover{border-color: var(--blau);color: var(--blau)}.hebel-leiste a[aria-current="page"]{background: var(--dunkel);border-color: var(--dunkel);color: var(--weiss)}.tagesband{list-style: none;margin: clamp(24px, 3vw, 40px) 0 0;padding: 0;display: grid;grid-template-columns: minmax(0, 1fr);gap: clamp(12px, 1.6vw, 20px)}@media (min-width: 620px){.tagesband{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 1000px){.tagesband{grid-template-columns: repeat(4, minmax(0, 1fr))}}.tagesband li{margin: 0;padding: clamp(20px, 2vw, 28px);border-radius: var(--radius);background: var(--grau);display: flex;flex-direction: column;position: relative;overflow: hidden}.tagesband .tb-zeit{font-size: .76rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--blau)}.tagesband .tb-balken{display: block;position: relative;overflow: hidden;height: 96px;margin: 14px 0 18px;border-radius: 10px;background: rgba(15, 59, 102, .08)}.tagesband .tb-balken::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: var(--tb-hoehe, 40%);background: var(--tb-farbe, var(--blau));transform-origin: bottom}.tagesband h3{font-size: 1.2rem;margin: 0 0 .35em}.tagesband p{margin: 0 0 16px;font-size: 1rem}.tagesband .tb-tat{margin-top: auto;align-self: flex-start;padding: 6px 12px;border-radius: 999px;font-size: .82rem;font-weight: 700;background: var(--dunkel);color: var(--weiss)}.tagesband .tb-guenstig{--tb-hoehe: 32%;--tb-farbe: #6aa9e0}.tagesband .tb-teuer{--tb-hoehe: 72%;--tb-farbe: #e58f3a}.tagesband .tb-tief{--tb-hoehe: 12%;--tb-farbe: #6aa9e0}.tagesband .tb-hoch{--tb-hoehe: 94%;--tb-farbe: #d9534f}.tagesband .tb-teuer .tb-tat, .tagesband .tb-hoch .tb-tat{background: var(--gelb);color: var(--dunkel)}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}::view-transition-old(root){animation: 160ms ease both vt-aus}::view-transition-new(root){animation: 260ms ease both vt-ein}}@keyframes vt-aus{to{opacity: 0}}@keyframes vt-ein{from{opacity: 0;transform: translateY(8px)}}@media (min-width: 900px){.hebel-leiste{flex-wrap: wrap;overflow: visible;row-gap: 8px}}/* Tagesband in Bewegung (11.11.2026, Marco: "warum statisch?"): Balken wachsen beim Erscheinen, danach läuft der Tag reihum durch */ .tagesband{position: relative;padding-top: 22px}.tagesband::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 4px;border-radius: 4px;background: rgba(15, 59, 102, .1)}.tagesband::after{content: "";position: absolute;top: -5px;left: 0;width: 14px;height: 14px;border-radius: 50%;background: var(--gelb);box-shadow: 0 0 0 5px rgba(255, 211, 23, .28);opacity: 0}@media (prefers-reduced-motion: no-preference){.js-einblenden .tagesband:not(.laeuft) .tb-balken::before{transform: scaleY(0)}.tagesband.laeuft .tb-balken::before{transition: transform 1s cubic-bezier(.2, .7, .3, 1)}.tagesband.laeuft li:nth-child(2) .tb-balken::before{transition-delay: .15s}.tagesband.laeuft li:nth-child(3) .tb-balken::before{transition-delay: .3s}.tagesband.laeuft li:nth-child(4) .tb-balken::before{transition-delay: .45s}.tagesband.laeuft li{animation: tb-aktiv 12s 1.4s infinite}.tagesband.laeuft li:nth-child(2){animation-delay: 4.4s}.tagesband.laeuft li:nth-child(3){animation-delay: 7.4s}.tagesband.laeuft li:nth-child(4){animation-delay: 10.4s}.tagesband.laeuft li .tb-tat{animation: tb-tat 12s 1.4s infinite}.tagesband.laeuft li:nth-child(2) .tb-tat{animation-delay: 4.4s}.tagesband.laeuft li:nth-child(3) .tb-tat{animation-delay: 7.4s}.tagesband.laeuft li:nth-child(4) .tb-tat{animation-delay: 10.4s}.tagesband.laeuft li .tb-balken::before{animation: tb-puls 12s 1.4s infinite}.tagesband.laeuft li:nth-child(2) .tb-balken::before{animation-delay: 4.4s}.tagesband.laeuft li:nth-child(3) .tb-balken::before{animation-delay: 7.4s}.tagesband.laeuft li:nth-child(4) .tb-balken::before{animation-delay: 10.4s}.tagesband.laeuft::after{animation: tb-lauf 12s 1.4s linear infinite}}@keyframes tb-aktiv{0%{background: var(--grau);box-shadow: none;transform: none}3%, 22%{background: var(--weiss);box-shadow: 0 22px 40px -18px rgba(8, 28, 50, .45), 0 0 0 2px var(--gelb);transform: translateY(-6px)}26%, 100%{background: var(--grau);box-shadow: none;transform: none}}@keyframes tb-tat{0%, 2%{transform: none}6%{transform: scale(1.12)}10%, 100%{transform: none}}@keyframes tb-puls{0%, 100%{filter: none}3%, 22%{filter: brightness(1.12) saturate(1.2)}26%{filter: none}}@keyframes tb-lauf{0%{left: 0;opacity: 0}2%{opacity: 1}98%{opacity: 1}100%{left: calc(100% - 14px);opacity: 0}}@media (max-width: 999px){.tagesband::before, .tagesband::after{display: none}.tagesband{padding-top: 0}}.saeulen li{position: relative}.saeulen li::before{content: "";position: absolute;left: 0;top: -2px;height: 2px;width: 100%;background: var(--weiss);transform: scaleX(0);transform-origin: left}@media (prefers-reduced-motion: no-preference){.saeulen.laeuft li::before{animation: sl-linie 12s .6s linear infinite}.saeulen.laeuft li .saeule-nr{animation: sl-nr 12s .6s infinite}.saeulen.laeuft li h3{animation: sl-titel 12s .6s infinite}.saeulen.laeuft li:nth-child(2)::before, .saeulen.laeuft li:nth-child(2) .saeule-nr, .saeulen.laeuft li:nth-child(2) h3{animation-delay: 3.6s}.saeulen.laeuft li:nth-child(3)::before, .saeulen.laeuft li:nth-child(3) .saeule-nr, .saeulen.laeuft li:nth-child(3) h3{animation-delay: 6.6s}.saeulen.laeuft li:nth-child(4)::before, .saeulen.laeuft li:nth-child(4) .saeule-nr, .saeulen.laeuft li:nth-child(4) h3{animation-delay: 9.6s}}@keyframes sl-linie{0%{transform: scaleX(0);opacity: 1}25%{transform: scaleX(1);opacity: 1}28%, 100%{transform: scaleX(1);opacity: 0}}@keyframes sl-nr{0%, 28%, 100%{color: transparent}3%, 24%{color: var(--gelb);-webkit-text-stroke-color: var(--gelb)}}@keyframes sl-titel{0%, 28%, 100%{transform: none}3%, 24%{transform: translateX(4px)}}/* Tagesband mit Füllstand (11.11.2026, Marco: "ein balken für den füllstand, der dann auch steigt und sinkt ... situativ korrekt") */ .tagesband .tb-zeit{display: block}.tagesband .tb-preis{align-self: flex-start;margin-top: 8px;padding: 4px 10px;border-radius: 999px;font-size: .78rem;font-weight: 700;color: var(--weiss);background: var(--tb-farbe, var(--blau))}.tagesband .tb-teuer .tb-preis, .tagesband .tb-hoch .tb-preis{color: #fff}.tagesband .tb-akku{display: block;position: relative;height: 104px;margin: 14px 0 6px;border-radius: 12px;border: 2px solid rgba(15, 59, 102, .28);background: rgba(15, 59, 102, .05);overflow: hidden}.tagesband .tb-akku::after{content: "";position: absolute;inset: 0;background: repeating-linear-gradient(0deg, transparent 0 24.5%, rgba(15, 59, 102, .14) 24.5% 25%);pointer-events: none}.tagesband .tb-akku i{position: absolute;inset: 0;background: linear-gradient(0deg, #1f9d6b, #46c890);transform-origin: bottom;transform: scaleY(var(--tb-ende, .5))}.tagesband .tb-akku-text{font-size: .76rem;color: #5b6673;margin-bottom: 14px}.tagesband .tb-guenstig{--tb-ende: .6}.tagesband .tb-teuer{--tb-ende: .2}.tagesband .tb-tief{--tb-ende: 1}.tagesband .tb-hoch{--tb-ende: .2}@media (prefers-reduced-motion: no-preference){.tagesband.laeuft .tb-akku i{animation: 12s 1.4s linear infinite both}.tagesband.laeuft .tb-guenstig .tb-akku i{animation-name: tb-f1}.tagesband.laeuft .tb-teuer .tb-akku i{animation-name: tb-f2}.tagesband.laeuft .tb-tief .tb-akku i{animation-name: tb-f3}.tagesband.laeuft .tb-hoch .tb-akku i{animation-name: tb-f4}}@keyframes tb-f1{0%{transform: scaleY(.2)}24%, 100%{transform: scaleY(.6)}}@keyframes tb-f2{0%, 25%{transform: scaleY(.6)}49%, 100%{transform: scaleY(.2)}}@keyframes tb-f3{0%, 50%{transform: scaleY(.2)}74%, 100%{transform: scaleY(1)}}@keyframes tb-f4{0%, 75%{transform: scaleY(1)}99%, 100%{transform: scaleY(.2)}}.tageslauf{margin-top: clamp(20px, 3vw, 36px)}.tl-svg{display: block;width: 100%;height: auto;max-width: 980px;margin: 0 auto;background: var(--grau);border-radius: var(--radius);padding: clamp(8px, 1.5vw, 20px);box-sizing: border-box}.hg-grau .tl-svg, .hg-grau .tl-liste li, .hg-grau .tl-vergleich{background: var(--weiss)}.tl-band{opacity: .5}.tl-band.tl-lade{fill: #cfe3f6}.tl-band.tl-liefer{fill: #fdeeb0}.tl-null{stroke: #0f3b66;stroke-width: 1.2;stroke-dasharray: 5 5;opacity: .7}.tl-achse{stroke: #0f3b66;stroke-width: 1.2;opacity: .5}.tl-grenze{stroke: #c0392b;stroke-width: 1.4;stroke-dasharray: 5 4}.tl-grenze-t{fill: #c0392b}.tl-kurve-grund, .tl-kurve{fill: none;stroke-linecap: round;stroke-linejoin: round}.tl-kurve-grund{stroke: #aeb8c4;stroke-width: 2.5}.tl-kurve{stroke: #0f3b66;stroke-width: 4}.tl-kurve.tl-solar{stroke: #e3a700}.tl-flaeche{opacity: .6}.tl-flaeche.tl-unter{fill: #46c890}.tl-flaeche.tl-ueber{fill: #ffd317}.tl-t{font-family: var(--schrift-text);fill: #0f3b66}.tl-klein{font-size: 13px;opacity: .8}.tl-phase{font-size: 13px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase}.tl-fl-text{font-size: 13px;font-weight: 700}.tl-fl-text.tl-unter{fill: #137a50}.tl-fl-text.tl-ueber{fill: #8a5d00}.tl-marke{opacity: 0}.tl-marke line{stroke: #0f3b66;stroke-width: 2}.tl-marke circle{fill: var(--gelb);stroke: #0f3b66;stroke-width: 2}.tl-akku-rand{fill: #fff;stroke: #0f3b66;stroke-width: 4}.tl-akku-kappe{fill: #0f3b66}.tl-akku-teil{stroke: #fff;stroke-width: 3;opacity: .7}.tl-fuell{fill: #2fb37d;transform-box: fill-box;transform-origin: 50% 100%}.tl-akku-titel{font-size: 15px;font-weight: 700}.tl-zustand{font-size: 15px;font-weight: 700;opacity: 0}.tl-laedt{fill: #137a50}.tl-liefert{fill: #8a5d00}.tl-fortschritt{transform-box: fill-box;transform-origin: 0 50%}.tl-legende{list-style: none;margin: 10px auto 0;padding: 0;max-width: 980px;display: flex;flex-wrap: wrap;gap: 6px 18px;font-size: .84rem;color: #46515e}.tl-legende li{margin: 0;display: flex;align-items: center;gap: 7px}.tl-legende li::before{content: "";width: 18px;height: 4px;border-radius: 2px;background: #0f3b66}.tl-legende .tl-l-solar::before{background: #e3a700}.tl-legende .tl-l-lade::before{height: 12px;background: #cfe3f6}.tl-legende .tl-l-liefer::before{height: 12px;background: #fdeeb0}.tl-liste{list-style: none;margin: clamp(16px, 2vw, 24px) auto 0;padding: 0;max-width: 980px;display: grid;grid-template-columns: minmax(0, 1fr);gap: 12px}@media (min-width: 620px){.tl-liste{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 1000px){.tl-liste{grid-template-columns: repeat(4, minmax(0, 1fr))}}.tl-liste li{margin: 0;padding: 18px 20px;border-radius: var(--radius-klein);background: var(--grau);border: 2px solid transparent}.tl-zeit{display: block;font-size: .76rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--blau);margin-bottom: 6px}.tl-liste h3{font-size: 1.1rem;margin: 0 0 .3em}.tl-liste p{margin: 0;font-size: .96rem}.tl-vergleich{max-width: 980px;margin: clamp(16px, 2vw, 24px) auto 0;padding: clamp(20px, 2.6vw, 34px);border-radius: var(--radius);background: var(--dunkel);color: var(--weiss)}.hg-grau .tl-vergleich{background: var(--dunkel)}.tl-vergleich h3{color: var(--weiss);font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem);margin: 0 0 .4em}.tl-vergleich > p{margin: 0 0 18px;max-width: 70ch;color: rgba(255, 255, 255, .88)}.tl-zeile{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 6px 16px;align-items: center;margin-top: 14px}.tl-zeile > span:first-child{grid-column: 1 / -1;font-size: .95rem;font-weight: 600}.tl-spur{display: block;height: 22px;border-radius: 11px;background: rgba(255, 255, 255, .14);overflow: hidden}.tl-spur i{display: block;height: 100%;border-radius: 11px;transform-origin: 0 50%}.tl-zeile.tl-ohne .tl-spur i{background: #e58f3a}.tl-zeile.tl-mit .tl-spur i{background: #46c890}.tl-wert{font-family: var(--schrift-titel);font-weight: 700;font-size: 1.5rem;color: var(--gelb);min-width: 3.2em;text-align: right}.tl-vergleich .tl-hinweis{margin: 18px 0 0;font-size: .82rem;color: rgba(255, 255, 255, .7);max-width: none}@keyframes tl-clip{from{transform: scaleX(0)}to{transform: scaleX(1)}}@keyframes tl-x{from{transform: translateX(0)}to{transform: translateX(510px)}}.tl-blass{opacity: .16}.tl-voll{opacity: 1}.tl-ladung{stroke: #0f3b66;stroke-width: 1.6;stroke-dasharray: 3 2}.tl-zone-l{fill: rgba(36, 105, 175, .09)}.tl-zone-e{fill: rgba(47, 179, 125, .11)}.tl-zone-t{font-size: 13px;font-weight: 700}.tl-zone-l-t{fill: #2469af}.tl-zone-e-t{fill: #1c8a5e}.tl-fett{font-weight: 700}.tl-grenze-t{paint-order: stroke;stroke: #f5f3ee;stroke-width: 4px;font-weight: 700}.tl-lastlinie{fill: none;stroke: #0f3b66;stroke-width: 2;stroke-dasharray: 2 3;opacity: .75}.tl-strompreis .tl-legende .tl-l-netz::before{height: 12px;width: 12px;background: #2469af}.tl-strompreis .tl-legende .tl-l-ladung::before{background: #8fb8e3}.tl-legende .tl-l-linie::before{height: 0;width: 16px;border-top: 2px dotted #0f3b66;background: none}.tl-zeile-t{font-size: 14px;font-weight: 700}.tl-erg{font-family: var(--schrift-titel);font-size: 25px;font-weight: 700;font-variant-numeric: tabular-nums}.tl-uhr{font-size: 12px;font-weight: 700}.tl-soc{font-size: 12.5px;font-weight: 600;opacity: .85}.tl-strompreis .tl-marke line{opacity: .55}.tl-legende .tl-l-guenstig::before{height: 12px;width: 12px;background: #5aa6e8}.tl-legende .tl-l-teuer::before{height: 12px;width: 12px;background: #f06050}.tl-legende .tl-l-aus::before{height: 12px;width: 12px;background: #2fb37d}.tl-legende .tl-l-ladung::before{height: 10px;width: 10px;background: #7bafbe;outline: 1.6px dashed #0f3b66}.tl-ersparnis{max-width: 980px;margin: clamp(14px, 2vw, 22px) auto 0;padding: 16px 22px;border-radius: var(--radius-klein);background: var(--gelb);color: var(--dunkel);display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 18px}.tl-ersparnis span{font-weight: 700}.tl-ersparnis strong{font-family: var(--schrift-titel);font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);line-height: 1;font-variant-numeric: tabular-nums}.tl-nochmal{margin-left: auto;padding: 8px 14px;border-radius: 999px;border: 2px solid var(--dunkel);background: transparent;color: var(--dunkel);font: inherit;font-size: .88rem;font-weight: 700;cursor: pointer}.tl-nochmal:hover{background: var(--dunkel);color: var(--weiss)}.tl-laeuft-js .tl-ersparnis{opacity: 0;transform: translateY(8px) scale(.98)}.tl-fertig .tl-ersparnis{opacity: 1;transform: none;transition: opacity .5s ease, transform .5s cubic-bezier(.2, 1.4, .4, 1);box-shadow: 0 0 0 6px rgba(255, 211, 23, .3)}.tl-fertig .tl-marke{opacity: 0}.tl-fertig .tl-z-mit{fill: #137a50}.tl-liste li.tl-aktiv{background: #fff;border-color: var(--gelb)}.tl-jahr{margin-top: 6px}.tl-rechnung{display: block;width: 100%;height: auto;margin: 4px 0 6px}.tl-rt{font-family: var(--schrift-text);font-size: 14px;font-weight: 700;fill: #fff}.tl-rz{font-family: var(--schrift-text);font-size: 12px;font-weight: 700;fill: #0f3b66}.tl-rs{font-family: var(--schrift-titel);font-size: 17px;font-weight: 700;fill: #ffd317}.tl-vergleich .tl-rleg{color: rgba(255, 255, 255, .85);margin: 0 0 18px}.tl-rleg li::before{height: 12px;width: 12px}.tl-rleg .tl-r0::before{background: #f0b41e}.tl-rleg .tl-r1::before{background: #6aa9e0}.tl-rleg .tl-r2::before{background: #2f7fd0}.tl-rleg .tl-r3::before{background: #9aa6b4}.tl-rleg .tl-r4::before{background: #d5dbe2}.tl-tabelle{width: 100%;border-collapse: collapse;margin: 0 0 16px;font-size: .95rem}.tl-tabelle th{text-align: left;font-weight: 600;font-size: .82rem;color: rgba(255, 255, 255, .75);padding: 6px 12px 6px 0;border-bottom: 1px solid rgba(255, 255, 255, .25)}.tl-tabelle td{padding: 9px 12px 9px 0;border-bottom: 1px solid rgba(255, 255, 255, .12);font-variant-numeric: tabular-nums}.tl-tabelle .tl-gewaehlt td{color: var(--gelb);font-weight: 700}@media (max-width: 620px){.tl-tabelle th:nth-child(2), .tl-tabelle td:nth-child(2){display: none}}.tl-jahr dl{margin: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));gap: 14px 24px}.tl-jahr dl div{margin: 0}.tl-jahr dt{font-size: .84rem;color: rgba(255, 255, 255, .78)}.tl-jahr dd{margin: 2px 0 0;font-family: var(--schrift-titel);font-weight: 700;font-size: 1.3rem;color: var(--weiss)}.tl-lastspitze .tl-legende .tl-l-ladung::before{background: #8fb8e3}.tl-grenze{stroke: #0f3b66;stroke-width: 2;stroke-dasharray: 7 5}.tl-schlepp line{stroke-width: 2.5;stroke-dasharray: 8 4}.tl-schlepp-t{font-size: 13px;font-weight: 700;paint-order: stroke;stroke: #f5f3ee;stroke-width: 4px}.tl-s-ohne line{stroke: #c0392b}.tl-s-ohne text{fill: #c0392b}.tl-s-mit line{stroke: #1c8a5e}.tl-s-mit text{fill: #1c8a5e}.tl-lastspitze .tl-lastlinie{stroke-dasharray: none;stroke-width: 1.6;opacity: .9}.tl-legende .tl-l-netz::before{height: 12px;width: 12px;background: #2469af}.tl-mleg{margin: 0 0 4px}.tl-vergleich .tl-mleg li{color: rgba(255, 255, 255, .86)}.tl-legende .tl-m-ohne::before{height: 12px;width: 12px;background: #9aa6b4}.tl-legende .tl-m-mit::before{height: 12px;width: 12px;background: #2fb37d}.tl-legende .tl-m-lauf::before{height: 0;width: 16px;border-top: 2px dashed #ffd317;background: none}.tl-ab2029{margin-top: 24px;padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, .22)}.tl-ab2029 > p:not(.tl-jahr-titel){margin: 0 0 14px;max-width: 70ch;color: rgba(255, 255, 255, .88)}.tl-ab2029 a{color: #ffd317}.tl-jahr-titel{margin: 0 0 10px;font-family: var(--schrift-titel);font-weight: 700;font-size: 1.15rem}.tl-legende .tl-l-direkt::before{height: 12px;width: 12px;background: #f0b41e}.tl-legende .tl-l-einsp::before{height: 12px;width: 12px;background: #b9c4d0}.tl-eigenverbrauch + * .tl-l-ladung::before, .tl-eigenverbrauch .tl-l-ladung::before{background: #2fb37d}.tl-linie{fill: none;stroke-width: 3;stroke-linejoin: round}.tl-fl-a{opacity: .55}.tl-fl-b{opacity: .6}.tl-bauform .tl-erg{text-anchor: start}.tl-monate{display: block;width: 100%;height: auto;margin: 6px 0 18px}.tl-mt{font-family: var(--schrift-text);font-size: 13px;fill: rgba(255, 255, 255, .8)}.tl-best-t{fill: #0f3b66}.tl-legende .tl-l-ueber::before{height: 12px;width: 12px;background: #d63e3a}.artikeltext .tageslauf{margin-bottom: 1.6em}.artikeltext .tl-liste h3, .artikeltext .tl-vergleich h3{margin-top: 0}.tl-kurzfazit{max-width: 980px;margin: 14px auto 0;font-size: .95rem;color: #46515e}.rechnen-kopf.ohne-regler{grid-template-columns: minmax(0, 1fr)}.rechnen-start .tageslauf{margin-bottom: clamp(26px, 4vw, 48px)}.tl-legende .tl-l-grenze::before{height: 0;width: 20px;background: none;border-top: 2px dashed #0f3b66;border-radius: 0}@media (max-width: 760px){.tl-kombination .tl-tabelle th:nth-child(n+3), .tl-kombination .tl-tabelle td:nth-child(n+3){display: none}}.tl-tagtitel{max-width: 980px;margin: clamp(22px, 3vw, 36px) auto 10px;font-family: var(--schrift-titel);font-weight: 700;font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);color: var(--dunkel)}@media (max-width: 760px){.tl-eigenheim .tl-tabelle th:nth-child(2), .tl-eigenheim .tl-tabelle td:nth-child(2), .tl-eigenheim .tl-tabelle th:nth-child(5), .tl-eigenheim .tl-tabelle td:nth-child(5){display: none}}.tl-linie.tl-last{stroke-width: 2.5;stroke-dasharray: 2 5;stroke-linecap: round}.tl-legende .tl-l-boerse::before{height: 12px;width: 12px;background: #f0b41e}.tl-legende .tl-l-nentg::before{height: 12px;width: 12px;background: #6aa9e0}.tl-svg, .hg-grau .tl-svg{background: var(--dunkel);box-shadow: 0 18px 44px rgba(15, 59, 102, .22)}.tl-t{fill: #ffffff}.tl-klein{opacity: .82}.tl-achse{stroke: #ffffff;opacity: .45}.tl-null{stroke: #ffffff}.tl-marke line{stroke: #ffffff}.tl-marke circle{fill: var(--gelb);stroke: #0f3b66}.tl-akku-rand{fill: #0a2d4f;stroke: #ffffff}.tl-akku-kappe{fill: #ffffff}.tl-laedt{fill: #6fe0ae}.tl-liefert{fill: #ffd317}.tl-fl-text.tl-unter{fill: #6fe0ae}.tl-fl-text.tl-ueber{fill: #ffd317}.tl-svg [fill="#2469af"]{fill: #5aa6e8}.tl-svg [fill="#8fb8e3"]{fill: #bfe0ff}.tl-svg [fill="#9aa6b4"]{fill: #b9c8d8}.tl-svg [stroke="#9aa6b4"]{stroke: #b9c8d8}.tl-ladung{stroke: #ffffff}.tl-blass{display: none}.tl-zone-l{fill: rgba(120, 180, 240, .14)}.tl-zone-e{fill: rgba(111, 224, 174, .13)}.tl-zone-l-t{fill: #9ccbf5}.tl-zone-e-t{fill: #6fe0ae}.tl-lastlinie{stroke: #ffffff}.tl-linie.tl-last{stroke: #ffffff}.tl-grenze{stroke: #ffd317}.tl-grenze-t, .tl-best-t{fill: #ffd317;stroke: #0f3b66}.tl-schlepp-t{stroke: #0f3b66}.tl-s-ohne line{stroke: #ff9c85}.tl-s-ohne text{fill: #ff9c85}.tl-s-mit line{stroke: #6fe0ae}.tl-s-mit text{fill: #6fe0ae}.tl-fertig .tl-z-mit{fill: #ffd317}.tl-kurve{stroke: #ffffff}.tl-kurve-grund{stroke: rgba(255, 255, 255, .4)}.tl-legende .tl-l-netz::before, .tl-strompreis .tl-legende .tl-l-netz::before{background: #5aa6e8}.tl-strompreis .tl-legende .tl-l-ladung::before, .tl-lastspitze .tl-legende .tl-l-ladung::before, .tl-kombination .tl-legende .tl-l-ladung::before, .tl-heimwinter .tl-legende .tl-l-ladung::before, .tl-kapazitaet .tl-legende .tl-l-ladung::before{background: #bfe0ff;outline: 0}.tl-eigenverbrauch .tl-legende .tl-l-ladung::before{background: #2fb37d;outline: 0}.tl-svg path.tl-ladung{stroke: none}.tl-svg path.tl-ladung[fill="#2469af"]{fill: #bfe0ff}.tl-liste li{background: var(--flaeche-blau)}.hg-grau .tl-liste li{background: var(--weiss)}.tl-liste li.tl-aktiv{background: var(--dunkel);border-color: var(--gelb)}.tl-liste li.tl-aktiv h3, .tl-liste li.tl-aktiv p{color: #ffffff}.tl-liste li.tl-aktiv .tl-zeit{color: var(--gelb)}.kopf{transition: box-shadow .3s ease}body:has(main > section:first-child:is(.hg-bild, .hg-dunkel, .buehne)) main > section:first-child{margin-top: calc(-1 * var(--kopf-echt, calc(var(--kopf-hoehe) + 10px)))}body:has(main > section:first-child:is(.hg-bild, .hg-dunkel, .buehne)) main > .seitenkopf:first-child{padding-top: calc(var(--abstand) + var(--kopf-echt, calc(var(--kopf-hoehe) + 10px)))}body:has(main > section:first-child:is(.hg-bild, .hg-dunkel, .buehne)) main > .szene-buehne:first-child{padding-top: calc(clamp(36px, 5vw, 72px) + var(--kopf-echt, calc(var(--kopf-hoehe) + 10px)))}body:has(main > section:first-child:is(.hg-bild, .hg-dunkel, .buehne)) main > .buehne:first-child:not(.szene-buehne){padding-top: var(--kopf-echt, calc(var(--kopf-hoehe) + 10px))}.kopf-frei .kopf:not(:has(details[open])){background: linear-gradient(180deg, rgba(8, 28, 50, .5), rgba(8, 28, 50, 0));box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none}.kopf-frei .kopf:not(:has(details[open])) .logo img{filter: brightness(0) invert(1)}.kopf-frei .kopf:not(:has(details[open])) .hauptmenue > ul > li > a{color: rgba(255, 255, 255, .95)}.kopf-frei .kopf:not(:has(details[open])) .hauptmenue > ul > li > a:hover, .kopf-frei .kopf:not(:has(details[open])) .hauptmenue > ul > li > a[aria-current="page"], .kopf-frei .kopf:not(:has(details[open])) .hauptmenue > ul > .aktiv > a{color: #fff}.kopf-frei .kopf:not(:has(details[open])) .kopf-telefon, .kopf-frei .kopf:not(:has(details[open])) .menue-mobil summary{color: #fff}.kopf-frei .kopf:not(:has(details[open])) .menue-mobil summary::after{filter: brightness(0) invert(1)}@media print{main > section:first-child{margin-top: 0 !important}}/* Vier Teile des Strompreises (11.11.2026, Marco: "preis mit abgaben und entgelten, ohne usw. da ist alles gemischt") */ .preisteile{list-style: none;margin: clamp(18px, 2.4vw, 30px) auto 0;padding: 0;max-width: 980px;display: grid;grid-template-columns: minmax(0, 1fr);gap: 10px;counter-reset: pt}@media (min-width: 620px){.preisteile{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 1000px){.preisteile{grid-template-columns: 1.3fr 1fr 1fr 1fr}}.preisteile li{margin: 0;padding: 16px 18px;border-radius: var(--radius-klein);background: var(--grau);border: 2px solid transparent;counter-increment: pt}.preisteile li::before{content: "Teil " counter(pt);display: block;font-size: .72rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--blau);margin-bottom: 4px}.preisteile h3{font-size: 1.05rem;margin: 0 0 .3em}.preisteile p{margin: 0;font-size: .92rem}.preisteile .pt-aktiv{background: var(--dunkel);color: var(--weiss);border-color: var(--gelb)}.preisteile .pt-aktiv h3{color: var(--weiss)}.preisteile .pt-aktiv::before{color: var(--gelb);content: "Teil 1 · in der Grafik"}.praxis{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));gap: clamp(18px, 2.4vw, 32px);margin: clamp(24px, 3vw, 40px) 0 18px}.praxis-karte{background: var(--weiss);border: 1px solid var(--linie);border-radius: 18px;padding: clamp(22px, 2.6vw, 36px);box-shadow: 0 10px 30px rgba(15, 59, 102, .06)}.hg-grau .praxis-karte{border-color: transparent}.praxis-art{margin: 0 0 10px;font-size: .82rem;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--blau)}.praxis-karte h3{margin: 0 0 18px;font-size: 1.2rem;color: var(--tiefblau)}.praxis-zahl{margin: 0 0 16px;color: var(--text)}.praxis-zahl strong{display: block;font-family: var(--schrift-titel);font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.5rem);line-height: 1.1;color: var(--tiefblau)}.pb{display: block;width: 100%;height: auto;margin: 0 0 14px}.pb-t{font-family: var(--schrift-text);font-size: 17px;fill: var(--text-leise)}.praxis-werte{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;margin: 0 0 16px;padding: 16px 0 0;border-top: 1px solid var(--linie)}.praxis-werte div{margin: 0}.praxis-werte dt{font-size: .82rem;color: var(--text-leise)}.praxis-werte dd{margin: 2px 0 0;font-family: var(--schrift-titel);font-weight: 600;font-size: 1.12rem;color: var(--tiefblau)}.praxis-klein{margin: 0;font-size: .93rem;color: var(--text-leise)}.praxis-hinweis{max-width: 62em;font-size: .86rem;color: var(--text-leise);margin: 0 0 22px}@media (max-width: 460px){.praxis-werte{grid-template-columns: 1fr 1fr}.pb-t{font-size: 19px}}@media (prefers-reduced-motion: no-preference){.praxis.laeuft .pb rect{transform-box: fill-box;transform-origin: left center;animation: pb-wachs .9s cubic-bezier(.2, .7, .2, 1) both}.praxis.laeuft .pb .pb-2{animation-delay: .35s}.praxis.laeuft .pb .pb-3{animation-delay: .7s}.praxis.laeuft .pb-t{animation: pb-ein .5s 1s both}}@keyframes pb-wachs{from{transform: scaleX(0)}to{transform: scaleX(1)}}@keyframes pb-ein{from{opacity: 0}to{opacity: 1}}.praxis-band{background: var(--dunkel);color: var(--weiss)}.praxis-band h2{color: var(--weiss)}.praxis-band .oberzeile{color: var(--gelb)}.praxis-band .kopftext > p:not(.oberzeile){color: rgba(255, 255, 255, .9)}.praxis-band .praxis-hinweis{color: rgba(255, 255, 255, .7)}.praxis-karte{border-color: transparent;box-shadow: 0 18px 44px rgba(0, 0, 0, .22);border-top: 4px solid var(--gelb)}.abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)){background: var(--dunkel)}.abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > :is(h2, h3), .abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > .kopftext :is(h2, h3){color: var(--weiss)}.abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > p:not(.oberzeile), .abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > .kopftext > p:not(.oberzeile){color: rgba(255, 255, 255, .9)}.abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > .oberzeile, .abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > .kopftext > .oberzeile{color: var(--gelb)}.abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > p a, .abschnitt:has(> .rahmen > .karten.kacheln):not(.hg-dunkel):not(.hg-bild):not(.praxis-band):not(.hg-dunkel + .abschnitt):not(.hg-bild + .abschnitt):not(.praxis-band + .abschnitt):not(:has(+ .hg-dunkel)):not(:has(+ .praxis-band)):not(:has(+ .hg-bild)) > .rahmen > .kopftext a{color: var(--gelb)}.praxis-erfahrung{max-width: 62em;margin: 6px 0 14px;font-size: 1.1rem;color: var(--weiss)}.praxis-erfahrung strong{color: var(--gelb);font-family: var(--schrift-titel);font-size: 1.35rem;margin-right: 6px}main > section.szene-buehne{overflow-x: clip !important}@media (max-width: 480px){h1{hyphens: auto}}