:root{--olive: #3F5019;--flaeche: #2C3616;--flaeche-tief: #222A10;--auf-flaeche: #F7F7F1;--auf-flaeche-still: #C3CFA8;--grund: #F5F4EF;--karte: #FFFFFF;--karte-2: #EBEAE1;--tinte: #16190F;--tinte-2: #454C36;--still: #5E6650;--linie: #DCDBD0;--linie-kraeftig: #BFBFAF;--linie-marke: rgb(63 80 25 / .28);--fokus: var(--olive);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--s10: 128px;--breite: 1140px;--rand: 22px;--rand-gross: 40px;--radius: 12px;--radius-knopf: 10px;--kurve: cubic-bezier(.22, 1, .36, 1);--sofort: .16s;--kurz: .2s;--zeichen-dauer: .9s}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:General Sans;src:url(/schriften/GeneralSans-Variable.woff2) format("woff2-variations"),url(/schriften/GeneralSans-Variable.woff2) format("woff2");font-weight:200 700;font-style:normal;font-display:optional}html{scroll-behavior:smooth;scroll-padding-top:108px}@media (min-width: 860px){html{scroll-padding-top:86px}}body{margin:0;background:var(--grund);color:var(--tinte);font-family:General Sans,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0}p{margin:0}img,svg{max-width:100%}a{color:var(--olive)}:focus-visible{outline:2px solid var(--fokus);outline-offset:3px;border-radius:4px}.kopf,.titel,.fuss,.sprung{--fokus: var(--auf-flaeche)}.wrap{max-width:var(--breite);margin-inline:auto;padding-inline:var(--rand)}@media (min-width: 900px){.wrap{padding-inline:var(--rand-gross)}}.sprung{position:absolute;left:-9999px;top:var(--s2);background:var(--karte);color:var(--tinte);padding:var(--s3) var(--s5);border-radius:var(--radius-knopf);z-index:30}.sprung:focus{left:var(--s5)}.nur-fuer-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kopf{position:sticky;top:0;z-index:20;background:var(--flaeche);color:var(--auf-flaeche);transition:box-shadow var(--kurz) var(--kurve)}.kopf.gescrollt{box-shadow:0 8px 24px -16px #0000008c}.kopf-innen{display:flex;align-items:center;gap:var(--s5);min-height:74px;transition:min-height var(--kurz) var(--kurve)}.kopf.gescrollt .kopf-innen{min-height:60px}.marke{display:flex;align-items:center;gap:0;text-decoration:none;color:inherit;transition:opacity var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.marke:hover{opacity:.8}}.marke svg{height:30px;width:auto;display:block;flex-shrink:0}.marke span{margin-left:var(--s3);max-width:9em;overflow:hidden;white-space:nowrap;font-size:1.06rem;font-weight:650;letter-spacing:-.01em;transition:max-width var(--kurz) var(--kurve),margin-left var(--kurz) var(--kurve),opacity var(--kurz) var(--kurve),transform var(--kurz) var(--kurve)}.kopf.gescrollt .marke span{max-width:0;margin-left:0;opacity:0;transform:translate(-8px)}.navigation{display:flex}.navigation-innen{display:flex;gap:var(--s6)}@media (min-width: 860px){.navigation{margin-left:auto}}@media (max-width: 859px){.kopf-innen{flex-wrap:wrap;min-height:0;padding-block:var(--s3);row-gap:var(--s3)}.navigation{order:3;flex-basis:100%}.navigation-innen{gap:var(--s3);overflow-x:auto;scrollbar-width:none}.navigation-innen::-webkit-scrollbar{display:none}.navigation a{white-space:nowrap;font-size:.88rem}.kopf.gescrollt .kopf-innen{padding-block:var(--s2);row-gap:var(--s2)}}.navigation a{position:relative;padding:var(--s1) 0;font-size:.94rem;color:inherit;text-decoration:none;opacity:.88;transition:opacity var(--kurz) var(--kurve)}.navigation a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.navigation a:hover{opacity:1}.navigation a:hover:after{transform:scaleX(1)}}.navigation a:focus-visible:after{transform:scaleX(1)}.kopf-knopf{margin-left:auto;background:var(--auf-flaeche);color:var(--flaeche);font-size:.88rem;font-weight:650;padding:10px 18px;border-radius:var(--radius-knopf);text-decoration:none;white-space:nowrap;transition:transform var(--sofort) var(--kurve)}@media (min-width: 860px){.kopf-knopf{margin-left:var(--s2)}}@media (hover: hover) and (pointer: fine){.kopf-knopf:hover{transform:translateY(-1px)}}.kopf-knopf:active{transform:scale(.97)}.menue-knopf{display:none}@media (max-width: 859px){.js .menue-knopf{display:grid;place-items:center;order:2;gap:5px;width:44px;height:44px;margin-left:var(--s3);padding:0;background:none;border:0;color:inherit;cursor:pointer}.menue-knopf .balken{width:20px;height:1.5px;background:currentColor;transition:transform var(--kurz) var(--kurve),opacity var(--kurz) var(--kurve)}.menue-offen .menue-knopf .balken:first-child{transform:translateY(6.5px) rotate(45deg)}.menue-offen .menue-knopf .balken:nth-child(2){opacity:0}.menue-offen .menue-knopf .balken:last-child{transform:translateY(-6.5px) rotate(-45deg)}.js .navigation{order:3;flex-basis:100%;display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;visibility:hidden;transition:grid-template-rows var(--kurz) var(--kurve),opacity var(--kurz) var(--kurve),visibility 0s linear var(--kurz)}.js .menue-offen .navigation{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.js .navigation-innen{display:grid;gap:var(--s4);min-height:0;padding-block:var(--s4) var(--s2)}.js .navigation a{font-size:1rem}}.titel{background:var(--flaeche-tief);color:var(--auf-flaeche);padding:var(--s6) 0 var(--s8);border-top:1px solid rgb(247 247 241 / .1)}.titel .oben{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--auf-flaeche-still);margin:0 0 var(--s4)}.titel h1{font-size:clamp(2.1rem,6vw,3rem);max-width:18ch}.titel .unter{margin-top:var(--s4);font-size:1.12rem;color:var(--auf-flaeche);opacity:.92;max-width:52ch}.titel .stand{margin-top:var(--s5);color:var(--auf-flaeche-still);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.fuss{background:var(--flaeche);color:var(--auf-flaeche);padding:var(--s8) 0 var(--s6)}.fuss-raster{display:grid;gap:var(--s6)}@media (min-width: 820px){.fuss-raster{grid-template-columns:1.4fr 1fr 1fr;gap:var(--s7)}}.fuss svg{height:34px;width:auto;display:block;margin-bottom:var(--s4)}.fuss p{color:var(--auf-flaeche-still);font-size:.92rem;max-width:34ch}.fuss-draehte{display:flex;gap:var(--s3);margin-top:var(--s5)}.draht-knopf{display:grid;place-items:center;width:50px;height:50px;border:1.5px solid rgb(247 247 241 / .45);border-radius:50%;color:var(--auf-flaeche);text-decoration:none;line-height:1;transition:color var(--kurz) var(--kurve),border-color var(--kurz) var(--kurve),transform var(--sofort) var(--kurve)}.draht-knopf svg{width:19px;height:19px;display:block;margin:0}.monogramm{font-size:.9rem;font-weight:700;letter-spacing:.04em;transform:translateY(1px)}@media (hover: hover) and (pointer: fine){.draht-knopf:hover{color:var(--auf-flaeche);border-color:#f7f7f1e6;transform:translateY(-2px)}}.draht-knopf:active{transform:scale(.95)}.fuss-spalte h2{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--auf-flaeche-still);margin-bottom:var(--s3)}.fuss-spalte a{display:block;color:inherit;font-size:.94rem;text-decoration:none;margin-bottom:9px;opacity:.9;transition:opacity var(--kurz) var(--kurve)}.fuss-spalte a:hover{opacity:1;text-decoration:underline}.fuss-ort{display:block;font-size:.94rem;opacity:.9}.fuss-unten{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgb(247 247 241 / .18);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5);font-size:.84rem;color:var(--auf-flaeche-still)}.fuss-unten a{display:inline-block;padding-block:4px;font-size:.92rem;font-weight:650;color:var(--auf-flaeche);transition:opacity var(--kurz) var(--kurve)}.fuss-unten a:hover{opacity:.75}.fuss-unten a[aria-current]{text-decoration:none;opacity:.6}.sektion{padding:var(--s9) 0}.sektion+.sektion{border-top:1px solid var(--linie)}.augenbraue{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--olive);margin:0 0 var(--s4)}.sektion h2{font-size:clamp(1.55rem,3.2vw,2.1rem);max-width:22ch}.sektion-vor{margin-top:var(--s4);color:var(--tinte-2);max-width:58ch}.hero{padding:var(--s9) 0 var(--s10)}.hero h1{font-size:clamp(2.3rem,6.5vw,3.9rem);max-width:16ch}.hero .knopf{margin-top:var(--s7)}.hero-abschnitte{margin-top:var(--s8);max-width:56ch;border-top:1px solid var(--linie-marke)}.hero-faden-bereich{position:relative}#faden-root{display:none;pointer-events:none}@media (min-width: 1150px){#faden-root{display:block;position:absolute;top:0;right:0;bottom:0;width:460px}}.hero-abschnitt{padding:var(--s6) 0;border-bottom:1px solid var(--linie-marke)}.hero-abschnitt .augenbraue{margin-bottom:var(--s4)}.hero-text p{color:var(--tinte-2);max-width:56ch}.hero-text p+p{margin-top:var(--s4)}.hero-text p:first-child{color:var(--tinte)}.knopf{display:inline-block;background:var(--flaeche);color:var(--auf-flaeche);padding:16px 32px;border-radius:var(--radius-knopf);font-size:1.02rem;font-weight:650;text-decoration:none;box-shadow:0 6px 16px -10px #1b211080;transition:transform var(--sofort) var(--kurve),box-shadow var(--kurz) var(--kurve),background-color var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.knopf:hover{background:var(--flaeche-tief);transform:translateY(-2px);box-shadow:0 14px 26px -12px #1b21108c}}.knopf:active{transform:scale(.97);box-shadow:0 4px 12px -10px #1b211080}.knopf .pfeil{display:inline-block;margin-left:var(--s2);transition:transform var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.knopf:hover .pfeil{transform:translate(4px)}}.leistungen{list-style:none;margin:var(--s7) 0 0;padding:0;display:grid;border-top:1px solid var(--linie-marke);border-bottom:1px solid var(--linie-marke)}@media (min-width: 1100px){.leistungen{grid-template-columns:repeat(3,1fr)}.leistungen li+li{border-left:1px solid var(--linie-marke);padding-left:var(--s6);transition:border-color var(--kurz) var(--kurve)}}@media (max-width: 1099px){.leistungen li+li{border-top:1px solid var(--linie-marke)}}.leistungen li{padding:var(--s7) var(--s6) var(--s7) 0}.leistungen li:last-child{padding-right:0}.leistung-zeichen{display:block;width:32px;height:32px;margin-bottom:var(--s5);fill:none;stroke:var(--tinte);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--kurz) var(--kurve)}.leistung-zeichen .punkt{fill:currentColor;stroke:none}.js .leistung-zeichen.bereit .punkt{opacity:0;transition:opacity var(--kurz) var(--kurve) var(--zeichen-dauer)}.js .leistung-zeichen.gezeichnet .punkt{opacity:1}.js .leistung-zeichen.bereit>*:not(.punkt){stroke-dasharray:var(--laenge);stroke-dashoffset:var(--laenge);transition:stroke-dashoffset var(--zeichen-dauer) var(--kurve)}.js .leistung-zeichen.gezeichnet>*:not(.punkt){stroke-dashoffset:0}.js .leistung-zeichen.bereit>*:nth-child(2){transition-delay:.12s}.js .leistung-zeichen.bereit>*:nth-child(3){transition-delay:.2s}.js .leistung-zeichen.bereit>*:nth-child(4){transition-delay:.28s}.js .leistung-zeichen.bereit>*:nth-child(5){transition-delay:.36s}@keyframes zeichen-nochmal{0%{stroke-dashoffset:var(--laenge)}to{stroke-dashoffset:0}}@media (hover: hover) and (pointer: fine){.js .leistungen li:hover .leistung-zeichen.gezeichnet>*:not(.punkt){animation:zeichen-nochmal var(--zeichen-dauer) var(--kurve) both}.js .leistungen li:hover .leistung-zeichen>*:nth-child(2){animation-delay:.12s}.js .leistungen li:hover .leistung-zeichen>*:nth-child(3){animation-delay:.2s}.js .leistungen li:hover .leistung-zeichen>*:nth-child(4){animation-delay:.28s}.js .leistungen li:hover .leistung-zeichen>*:nth-child(5){animation-delay:.36s}.leistungen li:hover .leistung-zeichen{stroke:var(--olive)}.leistungen li:hover{border-left-color:var(--olive)}}.leistungen h3{font-size:1.14rem;margin-bottom:var(--s4)}.leistungen p{color:var(--tinte-2);font-size:.96rem;max-width:60ch}.nr{font-size:.74rem;font-weight:600;letter-spacing:.1em;color:var(--olive)}.nachsatz{margin-top:var(--s5);color:var(--still);font-size:.96rem;max-width:62ch}.anders-kopf{text-align:center}.anders-kopf .augenbraue{color:var(--still)}.anders-kopf h2{max-width:24ch;margin-inline:auto}.bento{display:grid;gap:var(--s4);margin-top:var(--s7)}@media (min-width: 1100px){.bento{grid-template-columns:repeat(3,1fr)}}.kachel{position:relative;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius)}.kachel-innen{position:relative;z-index:1;padding:var(--s6) var(--s5)}.rahmen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rahmen rect{fill:none;stroke:var(--olive);stroke-width:1.5;stroke-dasharray:var(--umfang);stroke-dashoffset:var(--umfang)}.kachel.bereit .rahmen rect{transition:stroke-dashoffset .7s var(--kurve)}.kachel{transition:transform var(--kurz) var(--kurve),box-shadow var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.kachel:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px #1b211038}.kachel:hover .rahmen rect{stroke-dashoffset:0}}.kachel .augenbraue{margin-bottom:var(--s4)}.kachel h3{font-size:1.14rem;line-height:1.35}.kachel p{margin-top:var(--s4);color:var(--tinte-2);font-size:.92rem;max-width:60ch}.referenz-zeile{display:grid;gap:var(--s6);margin-top:var(--s6)}@media (min-width: 860px){.referenz-zeile{grid-template-columns:380px 1fr;gap:var(--s7);align-items:center}}.referenz-zeile .referenz-kachel{max-width:380px}.referenz-name{font-size:1.15rem}.weiter{display:inline-block;margin-top:var(--s3);font-weight:650;font-size:.96rem;text-decoration:none}.weiter .pfeil{display:inline-block;margin-left:var(--s2);transition:transform var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.weiter:hover .pfeil{transform:translate(4px)}}.ablauf{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:var(--s5)}@media (min-width: 760px){.ablauf{grid-template-columns:repeat(4,1fr)}}.ablauf li{border-top:1px solid var(--linie);padding-top:var(--s4)}.ablauf .nr{display:block;margin-bottom:var(--s2)}.ablauf h3{font-size:1.02rem}.ablauf p{margin-top:var(--s2);color:var(--tinte-2);font-size:.96rem}.draht{display:grid;gap:var(--s4);margin-top:var(--s6)}.draht a{justify-self:start;font-size:clamp(1.3rem,3.4vw,1.9rem);font-weight:700;letter-spacing:-.02em;color:var(--tinte);text-decoration:none;transition:color var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.draht a:hover{color:var(--olive)}}.draht-ort{margin-top:var(--s5);color:var(--still);font-size:.96rem}.referenz-bereich{padding:var(--s8) 0}.abschluss{border-top:1px solid var(--linie);padding:var(--s8) 0 var(--s9);text-align:center}.abschluss-zeile{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--tinte);margin-inline:auto;text-wrap:balance}.abschluss .knopf{margin-top:var(--s6)}.referenz-galerie{display:grid;gap:var(--s5);grid-template-columns:1fr}@media (min-width: 640px){.referenz-galerie{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.referenz-kachel{position:relative;display:block;overflow:hidden;border:1px solid var(--linie);border-radius:var(--radius);background:var(--karte-2)}.referenz-kachel img{display:block;width:100%;height:auto}.referenz-kachel .name{position:absolute;inset:auto 0 0 0;padding:var(--s5) var(--s4) var(--s3);background:linear-gradient(to top,#1b2110d9,#1b211000 85%);color:var(--auf-flaeche);font-weight:650;font-size:1rem;opacity:0;transition:opacity var(--kurz) var(--kurve)}@media (hover: hover) and (pointer: fine){.referenz-kachel:hover .name{opacity:1}}.referenz-kachel:focus-visible .name{opacity:1}@media (hover: none){.referenz-kachel .name{opacity:1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.js .leistung-zeichen.bereit>*{stroke-dashoffset:0!important;animation:none!important}.js .leistung-zeichen.bereit .punkt{opacity:1}}