@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo-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:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo-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{--grund: #ddd5cb;--grund-band: #d6cec2;--tinte: #202020;--tinte-leise: #514d3c;--linie: #a58f6a;--linie-stark: #514d3c;--feld-blau: #a58f6a;--feld-rose: #d6cec2;--feld-gruen: #a58f6a;--feld-safran: #a58f6a;--feld-flieder: #d6cec2;--tinte-auf-blau: #202020;--bahn: 1240px;--rand: clamp(1.25rem, 5vw, 4rem);--raum-3xs: .25rem;--raum-2xs: .5rem;--raum-xs: .75rem;--raum-s: 1rem;--raum-m: 1.5rem;--raum-l: 2.5rem;--raum-xl: 4rem;--raum-2xl: 6rem;--raum-3xl: clamp(5rem, 12vw, 9rem);--schrift: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--display: clamp(2.6rem, 6.6vw, 5.25rem);--titel: clamp(1.75rem, 3.6vw, 2.85rem);--untertitel: clamp(1.15rem, 1.6vw, 1.4rem);--fliess: clamp(1.0625rem, .35vw + 1rem, 1.1875rem);--takt-mikro: .16s;--takt-aufbau: .52s;--kurve: cubic-bezier(.16, 1, .3, 1);--strom-basis: rgba(165, 143, 106, .55);--strom-glut: rgba(233, 200, 122, .4);--strom-kern: #f7e3b0;--takt-strom: 1.6s;--schatten-gold: 0 0 22px rgba(233, 200, 122, .35)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--grund);color:var(--tinte);font-family:var(--schrift);font-size:var(--fliess);line-height:1.65;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--tinte);outline-offset:3px}.springmarke{position:absolute;left:var(--raum-s);top:var(--raum-s);z-index:100;padding:var(--raum-xs) var(--raum-s);background:var(--tinte);color:var(--grund);font-weight:600;text-decoration:none;transform:translateY(-200%)}.springmarke:focus{transform:none}.bahn{width:100%;max-width:var(--bahn);margin-inline:auto;padding-inline:var(--rand)}.abschnitt{padding-block:var(--raum-3xl)}.abschnitt--band{background:var(--grund-band)}.mass{max-width:68ch}.kopf{margin-bottom:var(--raum-xl)}.kopf h2{font-size:var(--titel)}.kopf__zeile{margin:0 0 var(--raum-s);font-size:.8125rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tinte-leise)}.kopf p{margin-top:var(--raum-m);max-width:62ch;color:var(--tinte-leise);font-size:1.0625rem}.kopfzeile{position:sticky;top:0;z-index:50;background:var(--grund);border-bottom:1px solid transparent;transition:border-color .18s linear,box-shadow .18s linear}.kopfzeile[data-gescrollt=true]{border-bottom-color:var(--linie);box-shadow:0 12px 22px -20px #20202073}.kopfzeile__innen{display:flex;align-items:center;justify-content:space-between;gap:var(--raum-m);min-height:76px}.wortmarke{font-size:1.0625rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.wortmarke span{color:var(--tinte-leise);font-weight:500}.hauptnavi{display:flex;align-items:center;gap:var(--raum-l)}.hauptnavi a{font-size:.9375rem;font-weight:500;text-decoration:none;padding-block:var(--raum-3xs);border-bottom:2px solid transparent}.hauptnavi a:hover{border-bottom-color:var(--linie-stark)}.navi-schalter{display:none;align-items:center;gap:var(--raum-2xs);padding:var(--raum-2xs) var(--raum-xs);background:none;border:1px solid var(--linie);border-radius:0;color:inherit;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.navi-schalter:hover{border-color:var(--linie-stark)}.navi-schalter__balken{display:block;width:18px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}@media(max-width:860px){.navi-schalter{display:inline-flex}.hauptnavi{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:var(--raum-2xs) var(--rand) var(--raum-m);background:var(--grund);border-bottom:1px solid var(--linie)}.hauptnavi[data-offen=true]{display:flex}.hauptnavi a{padding-block:var(--raum-s);border-bottom:1px solid var(--linie)}.hauptnavi a:hover{border-bottom-color:var(--linie);background:var(--grund-band)}.hauptnavi .knopf{margin-top:var(--raum-s);justify-content:center;border-bottom:0}}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--raum-2xs);padding:.85rem 1.5rem;border:2px solid var(--linie-stark);border-radius:0;background:var(--tinte);color:var(--grund);font:inherit;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .14s linear,color .14s linear}.knopf:hover{background:var(--feld-safran);color:var(--tinte)}.knopf--leise{background:transparent;color:var(--tinte)}.knopf--leise:hover{background:var(--linie-stark);color:var(--grund)}.knopf--invers{border-color:var(--grund);background:transparent;color:var(--grund)}.knopf--invers:hover{background:var(--grund);color:var(--tinte)}.knopf[disabled]{border-color:var(--linie);background:var(--grund-band);color:var(--tinte-leise);cursor:not-allowed}.knopf--klein{padding:.6rem 1.1rem;min-height:44px;font-size:.9375rem;border-width:2px}.textlink{display:inline-block;font-weight:600;text-decoration:none;border-bottom:2px solid var(--linie-stark);padding-bottom:2px}.textlink:hover{border-bottom-color:transparent}.aktionsbanner{position:fixed;top:76px;inset-inline:0;z-index:200;background:var(--tinte);color:var(--grund);border-bottom:1px solid var(--linie)}.aktionsbanner[hidden]{display:none}.aktionsbanner__innen{position:relative;z-index:1;display:flex;align-items:center;gap:var(--raum-l);padding-block:clamp(1.25rem,2vw,1.75rem)}.aktionsbanner__kacheln{position:absolute;z-index:0;inset:0;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));overflow:hidden;pointer-events:none}.aktionsbanner__kacheln span{background:var(--tinte);transform:scale(0,1.04);transform-origin:left center}.aktionsbanner[data-kachel-reveal=bereit]{background:transparent;border-color:transparent}.aktionsbanner[data-kachel-reveal=bereit] .aktionsbanner__innen{opacity:0;clip-path:inset(0 100% 0 0)}.aktionsbanner[data-kachel-reveal=fertig] .aktionsbanner__kacheln{display:none}.aktionsbanner__marke{margin:0;flex:0 0 auto;color:#d7c295;font-size:1.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.aktionsbanner__text{margin:0;flex:1 1 auto;font-size:1.0625rem;line-height:1.5;color:#ddd5cbc7;text-wrap:balance}.aktionsbanner__stand{margin:0;flex:0 0 auto;font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.aktionsbanner__mehr{flex:0 0 auto;white-space:nowrap}.aktionsbanner__kurz{display:none;margin:0}.aktionsbanner__schliessen{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid rgba(221,213,203,.35);border-radius:0;background:transparent;color:var(--grund);cursor:pointer;transition:background-color .14s linear,border-color .14s linear,color .14s linear}.aktionsbanner__schliessen:hover{border-color:var(--grund);background:var(--grund);color:var(--tinte)}.aktionsbanner__schliessen svg{width:14px;height:14px}.aktionsbanner :focus-visible{outline-color:var(--grund)}.aktionsbanner[data-versteckt=true]{opacity:0;transform:translateY(-.7rem);pointer-events:none}@media(max-width:1100px)and (min-width:861px){.aktionsbanner__innen{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"marke kurz mehr schliessen";gap:var(--raum-s)}.aktionsbanner__marke{grid-area:marke}.aktionsbanner__kurz{display:block;grid-area:kurz;font-size:1rem;font-weight:600}.aktionsbanner__mehr{grid-area:mehr}.aktionsbanner__schliessen{grid-area:schliessen}.aktionsbanner__text,.aktionsbanner__stand{display:none}}@media(max-width:860px){.aktionsbanner{top:auto;bottom:0;border-top:1px solid var(--linie);border-bottom:none;padding-bottom:env(safe-area-inset-bottom)}.aktionsbanner__innen{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marke marke" "kurz  schliessen" "mehr  mehr";gap:var(--raum-2xs) var(--raum-s);padding-block:var(--raum-m)}.aktionsbanner__marke{grid-area:marke;letter-spacing:.03em}.aktionsbanner__schliessen{grid-area:schliessen;align-self:start;width:44px;height:44px;margin-top:-.35rem}.aktionsbanner__kurz{display:block;grid-area:kurz;font-size:1.125rem;font-weight:600;line-height:1.35}.aktionsbanner__mehr{grid-area:mehr;justify-content:center;width:100%;margin-top:var(--raum-2xs)}.aktionsbanner__text,.aktionsbanner__stand{display:none}body[data-aktion=sichtbar] .fusszeile{padding-bottom:13rem}.aktionsbanner[data-versteckt=true]{opacity:0;transform:translateY(calc(100% + env(safe-area-inset-bottom)));pointer-events:none}}.aktion-dialog{width:min(46rem,calc(100vw - 2 * var(--rand)));max-width:none;padding:0;border:1px solid var(--linie-stark);border-radius:0;background:var(--grund);color:var(--tinte)}.aktion-dialog::backdrop{background:#202020b8}.aktion-dialog__innen{position:relative;padding:clamp(1.75rem,4vw,3rem)}.aktion-dialog h2{font-size:var(--titel);max-width:18ch}.aktion-dialog p{margin:var(--raum-s) 0 0;max-width:62ch}.aktion-dialog p:first-of-type{margin-top:var(--raum-m)}.aktion-dialog .aktion-dialog__stand{margin-top:var(--raum-l);max-width:none;padding-top:var(--raum-s);border-top:1px solid var(--linie);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.aktion-dialog__cta{margin-top:var(--raum-l)}.aktion-dialog__schliessen{position:absolute;top:var(--raum-s);right:var(--raum-s);display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--linie);border-radius:0;background:transparent;color:var(--tinte);cursor:pointer;transition:background-color .14s linear,color .14s linear}.aktion-dialog__schliessen:hover{background:var(--tinte);color:var(--grund)}.aktion-dialog__schliessen svg{width:13px;height:13px}.pfeil{width:16px;height:16px;flex:0 0 16px}@media(prefers-reduced-motion:no-preference){.aktionsbanner{transition:opacity .18s linear,transform .18s linear}.aktionsbanner[data-sichtbar=true] .aktionsbanner__kacheln span{animation:banner-kachel-aufbau .24s cubic-bezier(.22,1,.36,1) var(--kachel-verzoegerung) both}.aktionsbanner[data-sichtbar=true][data-kachel-reveal=bereit] .aktionsbanner__innen{animation:banner-inhalt-aufbau .42s .56s cubic-bezier(.16,1,.3,1) both}.aktion-dialog[open]{animation:steigen .18s cubic-bezier(.16,1,.3,1) both}.aktion-dialog[open]::backdrop{animation:einblenden .18s linear both}.pfeil{transition:transform .14s linear}.aktion-dialog__cta:hover .pfeil{transform:translate(2px)}}@keyframes banner-kachel-aufbau{0%{transform:scale(0,1.04)}to{transform:scale(1.02,1.04)}}@keyframes banner-inhalt-aufbau{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes einblenden{0%{opacity:0}to{opacity:1}}.aufmacher{position:relative;overflow:hidden;background:linear-gradient(126deg,#ad9872,#a58f6a 46%,#9b845f);padding-block:clamp(3.5rem,9vw,7.5rem) clamp(4rem,10vw,8rem)}@media(min-width:861px){.aufmacher{padding-block-start:clamp(8.5rem,9vw,10rem)}}.aufmacher__raster{position:relative;z-index:1}@media(min-width:1000px){.aufmacher__raster{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}}.aufmacher h1{font-size:var(--display);font-weight:800;letter-spacing:-.035em;max-width:24ch}.aufmacher__text{margin-top:var(--raum-l);max-width:58ch;font-size:var(--untertitel);line-height:1.5;color:var(--tinte-auf-blau)}.aufmacher__aktionen{display:flex;flex-wrap:wrap;gap:var(--raum-s);margin-top:var(--raum-xl)}@media(prefers-reduced-motion:no-preference){.steigt{animation:steigen .9s cubic-bezier(.16,1,.3,1) both}.steigt--2{animation-delay:90ms}.steigt--3{animation-delay:.18s}}@keyframes steigen{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:none}}.felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--raum-s)}@media(max-width:980px){.felder{grid-template-columns:minmax(0,1fr)}}.feld{display:flex;flex-direction:column;position:relative;padding:clamp(1.75rem,3vw,2.75rem);border-radius:0}.feld h3:after{content:"";display:block;width:2.5rem;height:1px;margin:var(--raum-xs) auto 0;background:currentColor}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.feld h3:after{transition:width .22s cubic-bezier(.16,1,.3,1)}.feld .icon-badge{transition:background-color .16s linear,border-color .16s linear,color .16s linear}.feld:hover h3:after{width:100%}.feld:hover .icon-badge{border-color:#514d3c;background:transparent;color:#514d3c}}.feld__label{position:absolute;top:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem);display:inline-flex;align-items:center;min-height:1.75rem;padding:.35rem .7rem .3rem;border:1px solid #514d3c;border-radius:999px;background:#514d3c;color:#ddd5cb;font-size:.6875rem;font-weight:700;line-height:1;letter-spacing:.09em;white-space:nowrap}@media(min-width:981px)and (max-width:1140px){.feld__label{font-size:.625rem;right:.75rem;top:.75rem;letter-spacing:.07em}}.icon-badge{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;margin:0 auto 16px;border:1px solid #a58f6a;border-radius:50%;background:#514d3c;color:#d7c295}.icon-badge svg{width:26px;height:26px}@media(max-width:620px){.icon-badge{width:46px;height:46px;flex-basis:46px}.icon-badge svg{width:23px;height:23px}}.feld--blau{background:var(--feld-blau)}.feld--rose{background:var(--feld-rose)}.feld--gruen{background:var(--feld-gruen)}.feld--safran{background:var(--feld-safran)}.feld--flieder{background:var(--feld-flieder)}#leistungen{background:#ddd5cb;color:#202020}#leistungen .feld--flieder{background:#e7e1d7}#leistungen .feld--rose{background:#d3d9dd}#leistungen .feld--gruen{background:#d7c295}#leistungen .kopf h2,#leistungen .feld h3{color:#202020}#leistungen .kopf p,#leistungen .feld__text,#leistungen .feld__liste{color:#5f5b54}#leistungen .feld__liste,#leistungen .icon-badge{border-color:#bdb5a8}#leistungen .feld--gruen .feld__icon{color:#4e4633}#leistungen .feld--gruen .feld__text,#leistungen .feld--gruen .feld__liste{color:var(--tinte-leise)}.feld h3{font-size:clamp(1.75rem,2.2vw,2.125rem);letter-spacing:-.028em;text-align:center}.feld__text{margin-top:var(--raum-s);font-size:1.0625rem}.feld__liste{margin-top:var(--raum-m);padding-top:var(--raum-m);border-top:1px solid rgba(32,32,32,.22);display:grid;gap:var(--raum-xs);font-size:.9375rem}.feld__liste li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:.7rem}.symbol-vorrat{position:absolute;width:0;height:0;overflow:hidden}.feld__icon{width:18px;height:18px;margin-top:.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#6f685c}@media(max-width:620px){.feld__icon{width:16px;height:16px}}.schritte{--prozess-einzug: calc((100% - 3rem)/8) ;--station: 46px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--raum-s);position:relative}.leuchtbahn{position:absolute;left:var(--prozess-einzug);right:var(--prozess-einzug);top:calc(var(--station) / 2 - 1px);height:2px;pointer-events:none}.leuchtbahn__rest{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(165,143,106,.7) 0 9px,transparent 9px 18px)}.leuchtbahn__voll{position:absolute;inset:0 auto 0 0;width:calc(var(--prozess-p, 1) * 100%);background:linear-gradient(90deg,#b3956a,#e9c87a);box-shadow:0 0 10px #e9c87a99}.leuchtbahn__kopf{position:absolute;top:50%;left:calc(var(--prozess-p, 1) * 100%);width:10px;height:10px;border-radius:50%;background:var(--strom-kern);transform:translate(-50%,-50%);box-shadow:0 0 12px 3px #e9c87abf}.schritt{position:relative;padding-top:calc(var(--station) + var(--raum-m))}.schritt__station{position:absolute;z-index:1;top:0;left:50%;transform:translate(-50%);width:var(--station);height:var(--station);border-radius:50%;background:#35322c;border:1.5px solid #35322c;box-shadow:0 8px 18px -8px #20202080;transition:background-color var(--takt-mikro) linear,border-color var(--takt-mikro) linear,box-shadow .3s linear}.schritt__station svg{position:absolute;inset:0;margin:auto;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--takt-mikro) linear}.schritt__station .station__haken{color:#e9c87a;opacity:1}.schritt__station .station__rad,.schritt__station .station__blatt{stroke-width:1.7}.schritt__nr{display:block;margin-bottom:.15rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#9c8054}.schritt h3{font-size:1.375rem}.schritt p{margin-top:var(--raum-2xs);font-size:.9375rem;color:var(--tinte-leise)}.schritte[data-prozess=scroll] .schritt[data-zustand=folgt] .station__haken{opacity:0}.schritte[data-prozess=scroll] .schritt[data-zustand=folgt] .station__blatt{opacity:1;color:var(--tinte-leise)}.schritte[data-prozess=scroll] .schritt[data-zustand=folgt] .schritt__station{background:#efe9dd;border-color:#514d3c66;box-shadow:none}.schritte[data-prozess=scroll] .schritt[data-zustand=folgt] h3{color:var(--tinte-leise)}.schritte[data-prozess=scroll] .schritt[data-zustand=aktiv] .station__haken{opacity:0}.schritte[data-prozess=scroll] .schritt[data-zustand=aktiv] .station__rad{opacity:1;color:#e9c87a}.schritte[data-prozess=scroll] .schritt[data-zustand=aktiv] .schritt__station{border-color:#e9c87ae6;box-shadow:0 0 0 4px #e9c87a2e,0 0 18px #e9c87a80}@media(prefers-reduced-motion:no-preference){.schritte[data-prozess=bereit] .schritt__station,.schritte[data-prozess=laeuft] .schritt:not([data-aktiv=true]) .schritt__station{background:#efe9dd;border-color:#514d3c66;box-shadow:none}.schritte[data-prozess=bereit] .station__haken,.schritte[data-prozess=laeuft] .schritt:not([data-aktiv=true]) .station__haken{opacity:0}.schritte[data-prozess=bereit] .station__blatt,.schritte[data-prozess=laeuft] .schritt:not([data-aktiv=true]) .station__blatt{opacity:1;color:var(--tinte-leise)}.schritte[data-prozess=bereit] .leuchtbahn__voll,.schritte[data-prozess=bereit] .leuchtbahn__kopf{opacity:0}.schritte[data-prozess=laeuft] .leuchtbahn__voll,.schritte[data-prozess=fertig] .leuchtbahn__voll{transition:opacity .3s linear}}@media(max-width:980px){.schritte{--station: 38px;grid-template-columns:minmax(0,1fr);gap:var(--raum-l);padding-left:calc(var(--station) + var(--raum-s))}.leuchtbahn{left:calc(var(--station) / 2 - 1px);right:auto;top:4px;bottom:4px;width:2px;height:auto}.leuchtbahn__rest{background:repeating-linear-gradient(180deg,rgba(165,143,106,.7) 0 9px,transparent 9px 18px)}.leuchtbahn__voll{inset:0 0 auto;width:100%;height:100%;background:linear-gradient(180deg,#b3956a,#e9c87a);transform-origin:center top}.leuchtbahn__kopf{display:none}.schritt{padding-top:0}.schritt__station{top:-4px;left:calc(-1 * var(--station) - var(--raum-s));transform:none}.schritt__station svg{width:18px;height:18px}}@media(max-width:980px)and (prefers-reduced-motion:no-preference){.schritte[data-prozess=bereit] .leuchtbahn__voll{transform:scaleY(0)}.schritte[data-prozess=laeuft] .leuchtbahn__voll,.schritte[data-prozess=fertig] .leuchtbahn__voll{transform:scaleY(1);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}}.gruende{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--raum-l);margin-top:var(--raum-2xl);padding-top:var(--raum-l);border-top:1px solid var(--linie)}.grund{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--raum-s);align-items:start}.grund__badge{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(81,77,60,.55);color:#514d3c;background:#e7e1d780}.grund__badge svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.grund h3{font-size:1.0625rem}.grund p{margin-top:var(--raum-2xs);font-size:.9375rem;color:var(--tinte-leise)}.platzhalter-hinweis{display:inline-block;margin-bottom:var(--raum-m);padding:var(--raum-2xs) var(--raum-xs);background:repeating-linear-gradient(-45deg,var(--grund-band),var(--grund-band) 8px,var(--feld-safran) 8px,var(--feld-safran) 16px);border:1px solid var(--linie);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.leerstelle__marke{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.projekt{padding-top:var(--raum-l);border-top:1px solid var(--linie)}.projekt+.projekt{margin-top:var(--raum-2xl)}.projekt__branche{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-s);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise)}.projekt__art{padding:.25rem .6rem;border:1px solid var(--linie);letter-spacing:.06em}.projekt__kopf h3{margin-top:var(--raum-s);font-size:var(--titel)}.projekt__medien{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:var(--raum-s);margin-top:var(--raum-l)}@media(max-width:900px){.projekt__medien{grid-template-columns:minmax(0,1fr)}}.projekt__bild{display:grid;place-items:center;min-height:18rem;border:2px dashed var(--linie);background:repeating-linear-gradient(-45deg,transparent,transparent 14px,rgba(32,32,32,.035) 14px,rgba(32,32,32,.035) 28px);color:var(--tinte-leise)}.projekt__bild img{width:100%;height:100%;object-fit:cover}.projekt__fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--raum-l);margin:var(--raum-l) 0 0}.projekt__fakten dt{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise)}.projekt__fakten dd{margin:var(--raum-2xs) 0 0;font-size:.9375rem}.projekt__mehr{margin-top:var(--raum-l)}.projekt__quelle{margin-top:var(--raum-m);font-size:.8125rem;color:var(--tinte-leise)}.kontakt__raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem);align-items:start}@media(max-width:900px){.kontakt__raster{grid-template-columns:minmax(0,1fr)}}.formular{display:grid;gap:var(--raum-m)}.feldgruppe{display:grid;gap:var(--raum-2xs)}.feldgruppe label{font-size:.9375rem;font-weight:600}.feldgruppe input,.feldgruppe textarea{width:100%;padding:.8rem .9rem;background:var(--grund);border:1px solid var(--linie-stark);border-radius:0;color:var(--tinte);font:inherit;font-size:1rem}.feldgruppe textarea{min-height:9rem;resize:vertical}.feldgruppe input::placeholder,.feldgruppe textarea::placeholder{color:var(--tinte-leise)}.feldgruppe input:focus-visible,.feldgruppe textarea:focus-visible{outline:3px solid var(--tinte);outline-offset:1px}.feldgruppe input[aria-invalid=true],.feldgruppe textarea[aria-invalid=true]{border-color:#a11b1b;border-width:2px}.feldfehler{font-size:.875rem;font-weight:600;color:#8c1616}.feldfehler:empty{display:none}.formular__fuss{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-m)}.formular__hinweis{font-size:.875rem;color:var(--tinte-leise);max-width:34ch}.meldung{padding:var(--raum-m);border:1px solid var(--linie-stark);font-size:.9375rem}.meldung[hidden]{display:none}.meldung--hinweis{background:var(--feld-safran)}.meldung strong{display:block;margin-bottom:var(--raum-3xs);font-size:1rem}.meldung a{font-weight:600}.meldung__warnung{margin-top:var(--raum-s);padding-left:var(--raum-s);border-left:1px solid rgba(32,32,32,.45);font-weight:600}.meldung__warnung[hidden]{display:none}.meldung__aktion{margin-top:var(--raum-m)}.meldung__aktion[hidden]{display:none}.direktwege{padding:clamp(1.75rem,3vw,2.5rem);background:var(--feld-blau)}.direktwege dl{margin:0;display:grid;gap:0}.direktwege dt{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise)}.direktwege dt:not(:first-child){margin-top:var(--raum-m)}.direktwege dd{margin:var(--raum-3xs) 0 0;font-size:1.0625rem;font-weight:600}.direktwege dd a{text-decoration:none;border-bottom:2px solid rgba(32,32,32,.35)}.direktwege dd a:hover{border-bottom-color:var(--linie-stark)}.kantenmarke{margin-bottom:var(--raum-m);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.fusszeile{padding-block:var(--raum-2xl) var(--raum-l);border-top:1px solid var(--linie)}.fusszeile__innen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--raum-l)}.fusszeile__navi{display:flex;flex-wrap:wrap;gap:var(--raum-m);font-size:.9375rem}.fusszeile__navi a{text-decoration:none;border-bottom:1px solid var(--linie)}.fusszeile__navi a:hover{border-bottom-color:var(--linie-stark)}.fusszeile__recht{margin-top:var(--raum-l);padding-top:var(--raum-m);border-top:1px solid var(--linie);font-size:.875rem;color:var(--tinte-leise)}.inhalt{padding-block:var(--raum-2xl) var(--raum-3xl)}.inhalt h1{font-size:var(--titel);max-width:20ch}.inhalt__koerper{max-width:68ch;margin-top:var(--raum-xl)}.inhalt__koerper h2{margin-top:var(--raum-xl);font-size:1.375rem}.inhalt__koerper h3{margin-top:var(--raum-l);font-size:1.0625rem}.inhalt__koerper p,.inhalt__koerper ul{margin-top:var(--raum-s);font-size:1rem}.inhalt__koerper ul{display:grid;gap:var(--raum-2xs)}.inhalt__koerper li{padding-left:1.1rem;position:relative}.inhalt__koerper li:before{content:"";position:absolute;left:0;top:.68em;width:.5rem;height:1px;background:currentColor}.inhalt__koerper address{margin-top:var(--raum-s);font-style:normal;font-size:1rem}.luecke{background:var(--grund-band);border-bottom:2px solid var(--linie);padding:0 .2em;font-weight:600;white-space:nowrap}.fehlerseite{padding-block:var(--raum-3xl)}.fehlerseite h1{font-size:var(--display);font-weight:800;letter-spacing:-.035em;max-width:14ch}.fehlerseite p{margin-top:var(--raum-l);max-width:48ch;font-size:var(--untertitel);color:var(--tinte-leise)}.fehlerseite .knopf{margin-top:var(--raum-xl)}.direktwege{position:relative}@media(prefers-reduced-motion:no-preference){.aufmacher__aufbau{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(16,1fr);pointer-events:none}.aufmacher__aufbau span{background:var(--feld-blau);border-right:1px solid var(--grund);transform:scaleX(0);transform-origin:left center}.aufmacher[data-aufbau=bereit],.aufmacher[data-aufbau=laeuft]{background:var(--grund)}.aufmacher[data-aufbau=bereit]>.bahn{opacity:0}.aufmacher[data-aufbau=laeuft] .aufmacher__aufbau span{animation:aufmacher-spalte .46s cubic-bezier(.22,1,.36,1) calc(var(--i) * 28ms) forwards}.aufmacher[data-aufbau=laeuft]>.bahn{animation:aufmacher-inhalt .5s .32s cubic-bezier(.16,1,.3,1) both}.aufmacher h1[data-worte] .h1-wort{display:inline-block;overflow:hidden;vertical-align:top}.aufmacher h1[data-worte] .h1-wort>span{display:inline-block;transform:translateY(105%);animation:h1-wort .62s cubic-bezier(.16,1,.3,1) calc(.42s + var(--i) * 70ms) forwards}}@keyframes aufmacher-spalte{to{transform:scaleX(1)}}@keyframes aufmacher-inhalt{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes h1-wort{to{transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){#leistungen .feld[data-faerbt]:after{content:"";position:absolute;inset:0;z-index:2;background:var(--grund);clip-path:inset(0 0 0 0);transition:clip-path .46s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 80ms);pointer-events:none}#leistungen .feld[data-faerbt=fertig]:after{clip-path:inset(0 0 0 100%)}}@media(prefers-reduced-motion:no-preference){.fadenkreuz{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .14s linear}[data-fadenkreuz=an] .fadenkreuz{opacity:1}.fadenkreuz__v,.fadenkreuz__h{position:absolute;background:#20202066}.fadenkreuz__v{top:0;bottom:0;width:1px;transform:translate(var(--fx, 0))}.fadenkreuz__h{left:0;right:0;height:1px;transform:translateY(var(--fy, 0))}.fadenkreuz__wert{position:absolute;top:0;left:0;margin:7px 0 0 9px;transform:translate(var(--fx, 0),var(--fy, 0));font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-leise);white-space:nowrap}}#leistungen,#vorgehen,#automatisierung,#referenzen,#kontakt{scroll-margin-top:76px}.strom__basis,.strom__glut,.strom__kern{fill:none;stroke-linecap:round}.strom__basis{stroke:var(--strom-basis);stroke-width:1.5}.strom__glut,.strom__kern{opacity:0;transition:opacity .35s linear}.strom__glut{stroke:var(--strom-glut);stroke-width:7}.strom__kern{stroke:var(--strom-kern);stroke-width:2.25}:is([data-strom=an],.strom-flaeche:hover) .strom__glut,:is([data-strom=an],.strom-flaeche:hover) .strom__kern{opacity:1}@media(prefers-reduced-motion:no-preference){.strom__glut{stroke-dasharray:.34 .66;stroke-dashoffset:1.05}.strom__kern{stroke-dasharray:.16 .84;stroke-dashoffset:1}:is([data-strom=an],.strom-flaeche:hover) .strom__glut,:is([data-strom=an],.strom-flaeche:hover) .strom__kern{animation:strom-fliessen var(--takt-strom) linear infinite}}@keyframes strom-fliessen{0%{stroke-dashoffset:1}to{stroke-dashoffset:-1}}.werksatz{position:relative;max-width:26rem;height:16rem;margin-top:var(--raum-xl);overflow:hidden;contain:layout paint}@media(max-width:999px){.werksatz{display:none}}@media(min-width:1000px){.werksatz{max-width:none;height:clamp(24rem,34vw,31rem);margin-top:0;min-width:0}}.werksatz__standbild{position:absolute;inset:0}.werksatz__standbild picture{display:block;width:100%;height:100%}.werksatz__bild{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.werksatz__buehne{position:absolute;inset:0;opacity:0}@media(prefers-reduced-motion:no-preference){.werksatz__buehne,.werksatz__standbild{transition:opacity .42s var(--kurve)}}:is([data-werksatz=laeuft],[data-werksatz=fertig]) .werksatz__buehne{opacity:1}:is([data-werksatz=laeuft],[data-werksatz=fertig]) .werksatz__standbild{opacity:0}.werksatz canvas{display:block;width:100%!important;height:100%!important;touch-action:pan-y}.automatik{background:var(--grund)}.diagramm{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(2.5rem,6vw,6rem);align-items:center}.diagramm__netz{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.diagramm__spalte{display:grid;gap:var(--raum-s);position:relative;z-index:1}.dkarte{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.85rem;align-items:center;padding:.85rem 1.1rem;border-radius:12px;border:1px solid rgba(165,143,106,.45);background:linear-gradient(160deg,#f4efe6,#e9e2d5);box-shadow:0 14px 30px -18px #20202066;transition:transform .3s var(--kurve),box-shadow .3s var(--kurve)}.dkarte__icon{grid-row:1 / 3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#514d3c;color:#d7c295}.dkarte__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dkarte__titel{font-size:1rem;font-weight:700;line-height:1.25}.dkarte__sub{font-size:.8125rem;color:var(--tinte-leise);line-height:1.35}.dbox{position:relative;z-index:1;display:grid;justify-items:center;gap:.35rem;padding:clamp(1.5rem,2.6vw,2.25rem) clamp(1.25rem,2.4vw,2rem);border-radius:16px;background:linear-gradient(165deg,#33302a,#1b1a17);border:1px solid rgba(233,200,122,.3);box-shadow:0 30px 60px -26px #0f0e0ba6;color:#ece5d6}.dbox__ring{display:grid;place-items:center;width:64px;height:64px;margin-bottom:.6rem;border-radius:50%;border:1.5px solid rgba(233,200,122,.7);color:#e9c87a;box-shadow:0 0 #e9c87a00;transition:box-shadow .4s linear}.dbox__ring svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.dbox__zeile{margin:0;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:700;letter-spacing:-.01em}.dbox__sub{margin:0;font-size:.8125rem;color:#ece5d6a6}.dbox__balken{width:100%;height:7px;margin-top:.9rem;border-radius:4px;background:#ece5d629;overflow:hidden}.dbox__balken i{display:block;width:calc(var(--dlauf, 1) * 100%);height:100%;border-radius:4px;background:linear-gradient(90deg,#b3956a,#e9c87a,#f7e3b0);box-shadow:0 0 12px #e9c87a8c}.dbox__stationen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;width:100%;margin-top:.9rem;font-size:.6875rem;color:#ece5d699;text-align:center}.dbox__stationen li{display:grid;justify-items:center;gap:.4rem}.dbox__stationen li:before{content:"";width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(236,229,214,.45);background:#e9c87a;border-color:#e9c87a;box-shadow:0 0 8px #e9c87a80;transition:background-color var(--takt-mikro) linear,border-color var(--takt-mikro) linear,box-shadow var(--takt-mikro) linear}.diagramm__fuss{margin-top:var(--raum-l)}.diagramm__fuss [hidden]{display:none}@media(prefers-reduced-motion:no-preference){.diagramm[data-strom=an] .dbox__balken i{animation:dbalken-fuellen 3.2s linear both}.diagramm[data-strom=an] .dbox__stationen li:before{animation:station-an .3s linear both}.diagramm[data-strom=an] .dbox__stationen li:nth-child(1):before{animation-delay:.35s}.diagramm[data-strom=an] .dbox__stationen li:nth-child(2):before{animation-delay:1.2s}.diagramm[data-strom=an] .dbox__stationen li:nth-child(3):before{animation-delay:2.05s}.diagramm[data-strom=an] .dbox__stationen li:nth-child(4):before{animation-delay:2.9s}.diagramm[data-strom=an] .dbox__ring{animation:ring-puls 1.5s ease-in-out infinite}.diagramm[data-strom=an] .dbox__ring svg{animation:ring-drehen 9s linear infinite}}@keyframes dbalken-fuellen{0%{width:0}to{width:100%}}@keyframes station-an{0%{background:transparent;border-color:#ece5d673;box-shadow:none}}@keyframes ring-puls{0%,to{box-shadow:0 0 #e9c87a73}55%{box-shadow:0 0 0 10px #e9c87a00}}@keyframes ring-drehen{to{transform:rotate(360deg)}}.diagramm[data-strom=an] .dkarte{transform:translateY(-4px);box-shadow:0 18px 34px -18px #20202073,var(--schatten-gold)}.diagramm[data-strom=an] .diagramm__spalte--ein .dkarte:nth-child(1){transition-delay:.1s}.diagramm[data-strom=an] .diagramm__spalte--ein .dkarte:nth-child(2){transition-delay:.26s}.diagramm[data-strom=an] .diagramm__spalte--ein .dkarte:nth-child(3){transition-delay:.42s}.diagramm[data-strom=an] .diagramm__spalte--ein .dkarte:nth-child(4){transition-delay:.58s}.diagramm[data-strom=an] .diagramm__spalte--aus .dkarte:nth-child(1){transition-delay:2.1s}.diagramm[data-strom=an] .diagramm__spalte--aus .dkarte:nth-child(2){transition-delay:2.3s}.diagramm[data-strom=an] .diagramm__spalte--aus .dkarte:nth-child(3){transition-delay:2.5s}.diagramm[data-strom=an] .diagramm__spalte--aus .dkarte:nth-child(4){transition-delay:2.7s}@media(prefers-reduced-motion:reduce){.diagramm[data-strom=an] .dkarte{transform:none}}@media(max-width:899px){.diagramm{grid-template-columns:minmax(0,1fr);row-gap:var(--raum-l)}.diagramm__netz{display:none}.dbox:before,.dbox:after{content:"";position:absolute;left:calc(50% - 1px);width:2px;height:var(--raum-l);background:#a58f6a99}.dbox:before{bottom:100%}.dbox:after{top:100%}}
