@font-face{font-family: "Archivo";src: url("../fonts/archivo-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "Archivo";src: url("../fonts/archivo-600.woff2") format("woff2");font-weight: 600;font-display: swap}@font-face{font-family: "Archivo";src: url("../fonts/archivo-800.woff2") format("woff2");font-weight: 800;font-display: swap}:root{--gruen: #3f7d2c;--gruen-text: #336a22;--gruen-dunkel: #2b5a1d;--anthrazit: #23272a;--hellgruen: #b9d45a;--hellgruen-blass: #eef4d6;--offwhite: #f7f7f2;--weiss: #ffffff;--text: #23272a;--grau: #50565b;--linie: #dfe1d8;--font: "Archivo","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--breite: 1200px;--r: 10px;--balken-h: var(--kw-balken-h,58px);--kopf-h: 70px;color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--balken-h) + var(--kopf-h) + 12px);scroll-behavior: smooth}body{margin: 0;font-family: var(--font);font-size: 1.0625rem;line-height: 1.6;color: var(--text);background: var(--offwhite);overflow-x: clip}img{display: block;max-width: 100%;height: auto}[hidden]{display: none !important}address{font-style: normal}h1,h2,h3{font-weight: 800;line-height: 1.08;letter-spacing: -0.02em;margin: 0 0 0.5em;text-wrap: balance}h1{font-size: clamp(2.4rem,6vw,4.4rem)}h2{font-size: clamp(1.9rem,4vw,2.9rem)}h3{font-size: 1.3rem;letter-spacing: -0.01em}p{margin: 0 0 1em}a{color: var(--gruen-text);text-underline-offset: 0.18em}:focus-visible{outline: 3px solid var(--hellgruen);outline-offset: 3px;box-shadow: 0 0 0 6px var(--anthrazit);border-radius: 4px}.vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 1rem;top: -4rem;z-index: 2000;background: var(--anthrazit);color: var(--weiss);padding: 0.6rem 1rem;border-radius: 8px}.skip:focus{top: 4.5rem}.wrap{width: min(100% - 2.5rem,var(--breite));margin-inline: auto}.ueber{font-weight: 800;font-size: 0.85rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--gruen-text);margin: 0 0 0.7rem}.lead{font-size: clamp(1.1rem,1.6vw,1.25rem);color: var(--grau);max-width: 40rem}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;min-height: 3.3rem;padding: 0.8rem 1.5rem;border-radius: var(--r);font: 800 1.05rem/1.2 var(--font);text-decoration: none;border: 2px solid transparent;cursor: pointer;transition: background-color .2s,transform .2s}.btn svg{width: 1.25rem;height: 1.25rem;flex: none;fill: currentColor}.btn:hover{transform: translateY(-2px)}.btn-gruen{background: var(--gruen);color: var(--weiss)}.btn-gruen:hover{background: var(--gruen-dunkel);color: var(--weiss)}.btn-hell{background: var(--hellgruen);color: var(--anthrazit)}.btn-hell:hover{background: #c8e070;color: var(--anthrazit)}.btn-weiss{background: var(--weiss);color: var(--anthrazit)}.btn-weiss:hover{background: var(--offwhite);color: var(--anthrazit)}.btn-rand{border-color: currentColor;background: transparent;color: var(--anthrazit)}.btn-rand:hover{background: rgb(0 0 0 / 0.05)}.btn-reihe{display: flex;flex-wrap: wrap;gap: 0.7rem;margin-top: 1.6rem}.link-btn{font: inherit;font-weight: 600;color: inherit;background: none;border: 0;padding: 0;cursor: pointer;text-decoration: underline;text-underline-offset: 0.18em}.kopf{position: sticky;top: var(--balken-h);z-index: 900;background: var(--weiss);border-bottom: 1px solid var(--linie)}.kopf .wrap{display: flex;align-items: center;gap: 1.25rem;min-height: var(--kopf-h)}.logo{display: inline-flex;align-items: center;gap: 0.55rem;text-decoration: none;color: var(--anthrazit);margin-right: auto}.logo svg{width: 2.4rem;height: 2.4rem;flex: none}.logo-text{font-weight: 800;font-size: 1.15rem;line-height: 1.05;letter-spacing: -0.01em}.logo-text span{display: block;color: var(--gruen-text)}.nav ul{list-style: none;display: flex;gap: 0.1rem;margin: 0;padding: 0}.nav a{display: block;padding: 0.5rem 0.7rem;font-weight: 600;font-size: 0.97rem;color: var(--anthrazit);text-decoration: none;border-radius: 8px}.nav a:hover{background: var(--hellgruen-blass)}.kopf-tel{display: inline-flex;align-items: center;gap: 0.45rem;font: 800 1.05rem/1 var(--font);color: var(--anthrazit);background: none;border: 0;cursor: pointer;padding: 0.4rem}.kopf-tel svg{width: 1.2rem;height: 1.2rem;fill: var(--gruen)}.kopf .btn{min-height: 2.8rem;padding: 0.5rem 1.1rem;font-size: 0.98rem}.foto{position: relative;margin: 0;overflow: hidden;border-radius: var(--r);background: var(--hellgruen-blass)}.foto img{width: 100%;height: 100%;object-fit: cover}.ki-badge{position: absolute;left: 0.6rem;bottom: 0.6rem;z-index: 2;pointer-events: none;font: 600 0.7rem/1 var(--font);padding: 0.3rem 0.5rem;border-radius: 6px;background: rgb(35 39 42 / 0.88);color: var(--weiss)}.foto-portrait{aspect-ratio: 4 / 5}.foto-quer{aspect-ratio: 16 / 9}.foto-quadrat{aspect-ratio: 1}.hero{position: relative;color: var(--weiss);background: var(--anthrazit);overflow: hidden}.hero>.foto{position: absolute;inset: 0;border-radius: 0;aspect-ratio: auto}.hero>.foto img{object-position: 70% 12%}.hero>.foto::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgb(20 24 22 / 0.82) 0%,rgb(20 24 22 / 0.55) 42%,rgb(20 24 22 / 0) 70%)}.hero>.foto .ki-badge{left: auto;right: 0.8rem}.hero .wrap{position: relative;z-index: 1;padding-block: clamp(3.5rem,9vw,7rem)}.hero-text{max-width: 36rem}.hero .ueber{color: var(--hellgruen)}.hero h1 span{color: var(--hellgruen)}.hero .lead{color: #e9ece4}.hero .btn-rand{color: var(--weiss)}.hero .btn-rand:hover{background: rgb(255 255 255 / 0.12)}.hero-punkte{list-style: none;padding: 0;margin: 1.5rem 0 0;display: flex;flex-wrap: wrap;gap: 0.4rem 1.2rem;font-weight: 600;color: #e9ece4}.hero-punkte li{display: flex;align-items: center;gap: 0.4rem}.hero-punkte svg{width: 1.1rem;height: 1.1rem;fill: var(--hellgruen)}.vertrauen{background: var(--hellgruen);color: var(--anthrazit)}.vertrauen ul{list-style: none;margin: 0;padding: 1.1rem 0;display: grid;grid-template-columns: repeat(5,auto);justify-content: space-between;gap: 0.8rem 1.5rem}.vertrauen li{display: grid;line-height: 1.2}.vertrauen b{font-size: 1.35rem;font-weight: 800}.vertrauen span{font-size: 0.9rem;font-weight: 600}.abschnitt{padding-block: clamp(3.5rem,8vw,6rem)}.abschnitt.weiss{background: var(--weiss)}.abschnitt.dunkel{background: var(--anthrazit);color: var(--weiss)}.abschnitt.dunkel .ueber{color: var(--hellgruen)}.abschnitt.dunkel .lead{color: #d6dad3}.kopfzeile{margin-bottom: clamp(1.75rem,4vw,2.75rem)}.kopfzeile h2{margin-bottom: 0.4rem}.zwei{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(1.5rem,5vw,4rem);align-items: center}.raster{display: grid;gap: clamp(1rem,2.5vw,1.5rem)}.r3{grid-template-columns: repeat(3,1fr)}.r2{grid-template-columns: repeat(2,1fr)}.kachel{background: var(--weiss);border-radius: var(--r);overflow: hidden;border: 1px solid var(--linie);display: flex;flex-direction: column}.kachel .foto{border-radius: 0;aspect-ratio: 16 / 9}.kachel div{padding: 1.1rem 1.2rem 1.3rem}.kachel h3{margin: 0 0 0.3rem;display: flex;align-items: center;gap: 0.5rem}.kachel h3::before{content: "";width: 0.75rem;height: 0.75rem;border-radius: 3px;background: var(--hellgruen);flex: none}.kachel p{margin: 0;color: var(--grau);font-size: 0.98rem}.steuer{margin-top: 1.75rem;display: grid;grid-template-columns: auto 1fr;gap: 1rem;align-items: start;background: var(--hellgruen-blass);border-left: 6px solid var(--gruen);border-radius: var(--r);padding: 1.2rem 1.4rem}.steuer svg{width: 2rem;height: 2rem;fill: var(--gruen)}.steuer p{margin: 0}.vn-raster{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem}.vn{margin: 0}.vn-buehne{position: relative;border-radius: var(--r);overflow: hidden}.vn-buehne .foto{border-radius: 0}.vn-vorher,.vn-nachher{position: relative}.vn-label{position: absolute;top: 0.7rem;z-index: 3;font: 800 0.8rem/1 var(--font);letter-spacing: 0.08em;text-transform: uppercase;padding: 0.4rem 0.6rem;border-radius: 6px}.vn-label-vorher{left: 0.7rem;background: var(--anthrazit);color: var(--weiss)}.vn-label-nachher{right: 0.7rem;background: var(--hellgruen);color: var(--anthrazit)}.vn figcaption{margin-top: 0.7rem;font-weight: 600}.vn figcaption small{display: block;font-weight: 400;color: var(--grau)}.dunkel .vn figcaption small{color: #c9cec6}.vn-buehne{display: grid;gap: 0.4rem}.vn-regler,.vn-griff{display: none}.js .vn-buehne{display: block}.js .vn-nachher{position: absolute;inset: 0;clip-path: inset(0 0 0 var(--pos,50%))}.js .vn-nachher .ki-badge{left: auto;right: 0.6rem}.js .vn-griff{display: block;position: absolute;top: 0;bottom: 0;left: var(--pos,50%);width: 4px;margin-left: -2px;background: var(--weiss);z-index: 3;pointer-events: none;box-shadow: 0 0 10px rgb(0 0 0 / 0.35)}.js .vn-griff::after{content: "";position: absolute;top: 50%;left: 50%;width: 3rem;height: 3rem;translate: -50% -50%;border-radius: 50%;background: var(--weiss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6' fill='none' stroke='%2323272A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/60% no-repeat;box-shadow: 0 2px 10px rgb(0 0 0 / 0.3)}.js .vn-regler{display: block;position: absolute;inset: 0;z-index: 4;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: ew-resize;-webkit-appearance: none;appearance: none;touch-action: pan-y}.js .vn-regler:focus-visible + .vn-griff::after{outline: 3px solid var(--hellgruen);outline-offset: 3px}.vn-tipp{margin: 1.25rem 0 0;color: var(--grau);font-size: 0.95rem}.ablauf{list-style: none;counter-reset: s;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem}.ablauf li{counter-increment: s;background: var(--weiss);border-radius: var(--r);padding: 1.3rem;border-top: 5px solid var(--gruen)}.ablauf li::before{content: counter(s);display: grid;place-items: center;width: 2.4rem;height: 2.4rem;border-radius: 50%;background: var(--hellgruen);color: var(--anthrazit);font-weight: 800;margin-bottom: 0.7rem}.ablauf h3{font-size: 1.15rem;margin-bottom: 0.25rem}.ablauf p{margin: 0;color: var(--grau);font-size: 0.97rem}.haken{list-style: none;padding: 0;margin: 0 0 1rem;display: grid;gap: 0.5rem}.haken li{position: relative;padding-left: 1.9rem}.haken li::before{content: "";position: absolute;left: 0;top: 0.25rem;width: 1.2rem;height: 1.2rem;border-radius: 4px;background: var(--hellgruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7' fill='none' stroke='%2323272A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}.team{display: grid;grid-template-columns: 1.3fr 1fr;gap: clamp(1.5rem,4vw,3rem);align-items: start}.personen{display: grid;gap: 1rem}.person{display: grid;grid-template-columns: 5.5rem 1fr;gap: 1rem;align-items: center;background: var(--weiss);border-radius: var(--r);padding: 0.9rem;border: 1px solid var(--linie)}.person .foto{border-radius: 50%;aspect-ratio: 1}.person .foto .ki-badge{left: 50%;bottom: 0.25rem;translate: -50% 0;font-size: 0.55rem;padding: 0.18rem 0.3rem;white-space: nowrap}.person-ohne{display: grid;place-items: center;width: 5.5rem;aspect-ratio: 1;border-radius: 50%;background: var(--hellgruen-blass);font-weight: 800;font-size: 1.6rem;color: var(--gruen-text)}.person h3{margin: 0;font-size: 1.15rem}.person p{margin: 0.1rem 0 0;color: var(--grau);font-size: 0.95rem}.bewertung{margin: 0;background: var(--weiss);border-radius: var(--r);padding: 1.5rem;border: 1px solid var(--linie);display: flex;flex-direction: column;gap: 0.7rem}.bewertung blockquote{margin: 0;font-size: 1.2rem;font-weight: 600}.bewertung blockquote p{margin: 0}.bewertung figcaption{color: var(--grau);font-size: 0.93rem}.beispiel-hinweis{align-self: flex-start;font-size: 0.75rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;background: var(--hellgruen-blass);color: var(--anthrazit);border-radius: 6px;padding: 0.2rem 0.55rem}.orte{list-style: none;padding: 0;margin: 1rem 0 0;display: flex;flex-wrap: wrap;gap: 0.5rem}.orte li{background: var(--weiss);border: 1px solid var(--linie);border-radius: 999px;padding: 0.45rem 0.95rem;font-weight: 600}.orte li:first-child{background: var(--gruen);color: var(--weiss);border-color: var(--gruen)}.anfrage{display: grid;grid-template-columns: 1fr 1.2fr;gap: clamp(1.5rem,5vw,4rem);align-items: start}.formular{background: var(--weiss);border-radius: var(--r);padding: clamp(1.25rem,3vw,2rem);color: var(--text)}.feld{display: grid;gap: 0.3rem;margin-bottom: 0.9rem}.feld label{font-weight: 600;font-size: 0.97rem}.feld input,.feld select,.feld textarea{font: inherit;color: var(--text);width: 100%;min-height: 3.1rem;padding: 0.65rem 0.9rem;border: 2px solid #8b928a;border-radius: 8px;background: var(--weiss)}.feld textarea{min-height: 6rem;resize: vertical}.feld input[type="file"]{padding: 0.55rem;border-style: dashed;background: var(--offwhite)}.feld input:focus,.feld select:focus,.feld textarea:focus{outline: 3px solid var(--hellgruen);outline-offset: 0;border-color: var(--anthrazit)}.feld small{color: var(--grau);font-size: 0.87rem}.feldreihe{display: grid;grid-template-columns: 1fr 1fr;gap: 0 1rem}.demo-hinweis{font-size: 0.9rem;background: var(--hellgruen-blass);border-radius: 8px;padding: 0.6rem 0.85rem;margin: 0 0 1.1rem}.kontakt-wege{display: grid;gap: 0.6rem;margin-top: 1.5rem}.kontakt-wege .btn{justify-content: flex-start}.fuss{background: #1a1d1f;color: #cfd3cc;font-size: 0.95rem;padding-top: clamp(2.5rem,6vw,3.5rem)}.fuss-raster{display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 2rem}.fuss h2{font-size: 1rem;color: var(--weiss);margin: 0 0 0.7rem;letter-spacing: 0}.fuss ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.35rem}.fuss a{color: #eef0ea}.fuss .logo{color: var(--weiss);margin-bottom: 0.8rem}.fuss .logo-text span{color: var(--hellgruen)}.fuss-link{font: inherit;color: #eef0ea;background: none;border: 0;padding: 0;cursor: pointer;text-decoration: underline;text-underline-offset: 0.18em}.fuss-ki{margin: 2rem 0 0;padding: 0.9rem 1.1rem;border-radius: var(--r);background: rgb(255 255 255 / 0.06);color: #eef0ea}.fuss-unten{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.5rem 1.5rem;margin-top: 1.25rem;padding-block: 1.1rem 1.8rem;border-top: 1px solid rgb(255 255 255 / 0.12);font-size: 0.87rem}.fuss-unten p{margin: 0}.schnell{display: none}.demo-dialog{max-width: 30rem;width: calc(100% - 2rem);border: 0;border-top: 6px solid var(--hellgruen);border-radius: var(--r);padding: 1.6rem;color: var(--text);box-shadow: 0 30px 80px rgb(0 0 0 / 0.35)}.demo-dialog::backdrop{background: rgb(35 39 42 / 0.6)}.demo-dialog h2{font-size: 1.6rem}.demo-dialog p{color: var(--grau)}@media (prefers-reduced-motion: no-preference){.js .auf:not(.sichtbar){opacity: 0;transform: translateY(16px)}.js .auf{transition: opacity .5s ease,transform .5s ease}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important}}@media (max-width: 1080px){.nav{display: none}.vertrauen ul{grid-template-columns: repeat(3,auto);justify-content: start}.ablauf{grid-template-columns: repeat(2,1fr)}}@media (max-width: 900px){.zwei,.team,.anfrage,.vn-raster{grid-template-columns: 1fr}.r3{grid-template-columns: 1fr 1fr}.fuss-raster{grid-template-columns: 1fr 1fr}.hero>.foto::after{background: linear-gradient(180deg,rgb(20 24 22 / 0.35) 0%,rgb(20 24 22 / 0.82) 60%)}.hero>.foto img{object-position: 75% 15%}}@media (max-width: 640px){body{font-size: 1rem}.kopf-tel .kopf-nr,.kopf .btn{display: none}.r2,.r3,.feldreihe,.ablauf{grid-template-columns: 1fr}.vertrauen ul{grid-template-columns: 1fr 1fr}.fuss-raster{grid-template-columns: 1fr}.logo-text{font-size: 1.05rem}.btn-reihe .btn{flex: 1 1 100%}.hero>.foto{position: relative;inset: auto;aspect-ratio: 4 / 3}.hero>.foto img{object-position: 78% 30%}.hero>.foto::after{background: linear-gradient(180deg,rgb(20 24 22 / 0) 55%,rgb(35 39 42 / 1) 100%)}.hero>.foto .ki-badge{bottom: auto;top: 0.6rem}.hero .wrap{padding-block: 0.5rem 2.5rem}.schnell{display: grid;grid-template-columns: 1fr 1fr 1.2fr;gap: 0.4rem;position: fixed;z-index: 950;inset: auto 0 0 0;padding: 0.5rem 0.6rem calc(0.5rem + env(safe-area-inset-bottom));background: var(--weiss);border-top: 1px solid var(--linie);box-shadow: 0 -6px 18px rgb(0 0 0 / 0.08)}.schnell .btn{min-height: 3rem;padding: 0.4rem;font-size: 0.95rem;gap: 0.35rem}.schnell .btn:hover{transform: none}.fuss{padding-bottom: 4.5rem}}@media print{.kw-balken,.kopf,.fuss,.schnell{display: none !important}}@media (max-width: 480px){h1,h2,h3,legend,.lead{hyphens: auto;-webkit-hyphens: auto;overflow-wrap: anywhere}}