:root{--green:#17382e;--green2:#244d3d;--cream:#f5f5ef;--white:#fffefa;--lime:#d6e4ac;--ink:#1b2e26;--muted:#647169;--border:#dfe4da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.shell{width:min(1240px,calc(100% - 80px));margin:auto}.site-header{background:var(--white);position:relative;z-index:20}.nav-wrap{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:800;letter-spacing:.035em;line-height:1}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--green);border-radius:50%;color:var(--lime);font-size:25px;font-weight:400}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.19em;margin-top:6px;font-weight:700}.main-nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:700}.main-nav>a:not(.nav-cta):hover,.footer-bottom a:hover{opacity:.55}.nav-cta{background:var(--green);color:white;padding:16px 20px;border-radius:3px}.nav-cta span{margin-left:17px}.menu-toggle{display:none}.hero{background:var(--green);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 48%;min-height:625px}.hero-copy{padding:90px 65px 30px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(65px,7vw,112px);line-height:1.06;font-weight:700;margin:36px 0 29px}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy>p{max-width:470px;font-size:17px;line-height:1.85;color:#dae2d9}.hero-actions{display:flex;align-items:center;gap:36px;margin:21px 0 auto}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:none;padding:19px 22px;font-size:13px;font-weight:800;border-radius:3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:var(--lime);color:var(--green)}.btn-dark{background:var(--green);color:white}.btn span{font-size:18px}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:10px}.hero-foot{border-top:1px solid #476354;width:100%;display:flex;justify-content:space-between;padding-top:20px;margin-top:62px;color:#bbc9bc;font-size:11px;letter-spacing:.05em}.hero-art{position:relative;overflow:hidden;background:#aebba4;min-height:570px}.art-sun{position:absolute;width:305px;height:305px;border-radius:50%;background:#e7ddb9;top:-80px;right:-75px}.art-wall{position:absolute;background:#d4d3b8;width:80%;height:48%;top:12%;left:10%;transform:skewY(-8deg);box-shadow:inset 0 0 0 1px #bec2aa}.art-path{position:absolute;width:150%;height:65%;left:-15%;bottom:-24%;background:repeating-linear-gradient(90deg,#c5bd9d 0 125px,#aca98f 127px 130px);transform:rotate(-16deg);border-top:18px solid #607d60}.plant{position:absolute;width:150px;height:310px;bottom:5%;z-index:2}.plant-one{left:7%}.plant-two{right:-3%;bottom:15%;transform:scale(1.1)}.plant:before{content:'';position:absolute;bottom:0;left:49%;width:7px;height:280px;background:#264b36;transform:rotate(6deg);border-radius:10px}.plant i{position:absolute;background:#345d41;border-radius:5% 90% 10% 90%;width:90px;height:37px;transform-origin:right center}.plant i:nth-child(1){bottom:65px;left:0;transform:rotate(35deg)}.plant i:nth-child(2){bottom:125px;left:40px;transform:rotate(145deg)}.plant i:nth-child(3){bottom:175px;left:-8px;transform:rotate(23deg)}.plant i:nth-child(4){bottom:235px;left:40px;transform:rotate(145deg)}.plant i:nth-child(5){bottom:275px;left:8px;transform:rotate(40deg)}.art-card{position:absolute;z-index:5;right:28px;bottom:30px;width:235px;height:160px;background:var(--lime);color:var(--green);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.art-card>span:first-child{font-size:10px;font-weight:800;letter-spacing:.12em}.art-card strong{font:700 27px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.045em}.art-arrow{position:absolute;bottom:18px;right:20px;font-size:20px}.intro{padding-top:90px;padding-bottom:95px;display:grid;grid-template-columns:35% 1fr}.section-kicker{color:#70846b;margin:0 0 28px}.intro>p:last-child{font:600 clamp(28px,3.1vw,43px)/1.45 Arial,Helvetica,sans-serif;letter-spacing:-.047em;max-width:790px;margin:0}.intro span{color:#7f9a78}.section-space{padding:105px 0}.services{background:#ecf0e8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-heading h2,.team-copy h2,.contact-copy h2,.region h2{font-size:clamp(44px,5.3vw,74px);font-weight:700;line-height:1.13;margin:0}.section-heading h2 em,.team-copy h2 em,.contact-copy h2 em{color:#8aa77b}.section-heading>p{width:350px;max-width:100%;line-height:1.8;font-size:15px;color:var(--muted);margin-bottom:6px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:var(--white);padding:27px 25px 26px;min-height:315px;display:flex;align-items:flex-start;flex-direction:column}.service-icon{font-size:36px;line-height:1;color:#608462}.service-no{font-size:11px;color:#97a498;margin:23px 0 17px}.service-card h3{font-size:22px;letter-spacing:-.04em;margin-bottom:12px}.service-card p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:25px}.service-card a{font-size:12px;font-weight:800;margin-top:auto}.service-card a span{margin-left:12px}.references{background:var(--white)}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ref-visual{height:360px;position:relative;overflow:hidden}.ref-one{background:linear-gradient(140deg,#a9b799,#718f6a)}.ref-two{background:linear-gradient(140deg,#c7c4af,#8e9c7a)}.ref-scene-one{position:absolute;width:115%;height:62%;bottom:-15%;left:-10%;transform:rotate(-20deg);background:repeating-linear-gradient(90deg,#d8d1b2 0 90px,#b8b49e 92px 95px);border-top:40px solid #3d6747}.ref-scene-two{position:absolute;width:130%;height:75%;bottom:-30%;left:-15%;transform:rotate(14deg);background:repeating-linear-gradient(0deg,#d9d4c1 0 56px,#b2b09d 58px 61px);border-top:35px solid #476b4b}.ref-visual:after{content:'✳';position:absolute;font-size:200px;right:-20px;top:-65px;color:#294b36;opacity:.8}.ref-tag{position:absolute;z-index:1;bottom:20px;left:20px;color:var(--green);background:var(--white);padding:9px 12px;font-size:10px;letter-spacing:.1em;font-weight:800}.ref-caption{display:flex;justify-content:space-between;align-items:start;padding:25px 0}.ref-caption h3{font-size:22px;margin:0 0 8px}.ref-caption p{font-size:13px;color:var(--muted);margin:0}.ref-caption>span{font-size:21px}.hint{color:#758078;font-size:12px}.team{background:#f0f1e9}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.team-illustration{height:525px;background:#c5d2b8;position:relative;overflow:hidden;display:flex;align-items:end;padding:38px}.team-circle{position:absolute;width:390px;height:390px;border-radius:50%;background:#ebdfbd;left:-95px;top:-160px}.team-shape{position:absolute;width:320px;height:480px;border-radius:160px 160px 0 0;background:#557d5f;right:13%;bottom:-90px;transform:rotate(22deg);box-shadow:-90px 30px 0 #8ea886,55px -25px 0 #294e3c}.team-illustration span{position:relative;z-index:2;color:white;font:800 62px/1.06 Arial,Helvetica,sans-serif;letter-spacing:-.055em}.team-copy>p:not(.section-kicker){line-height:1.85;color:var(--muted);font-size:15px;margin-top:30px}.team-copy .team-placeholder{font-size:12px!important;border-left:2px solid #8aaa8a;padding-left:14px;margin-top:15px!important}.outline-link{display:inline-flex;justify-content:space-between;min-width:235px;gap:30px;font-size:13px;font-weight:800;border-bottom:1px solid var(--green);padding:16px 0;margin-top:12px}.region{background:var(--lime);padding:83px 0}.region-inner{display:grid;grid-template-columns:110px 1fr 300px;align-items:center;gap:45px}.region-star{font-size:100px;color:var(--green)}.region h2{font-size:clamp(40px,4.5vw,64px)}.region h2 em{color:#71946f}.region p:last-child{font-size:14px;line-height:1.9;color:#4e6454}.contact{background:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:11%}.contact-copy>p:not(.section-kicker){color:var(--muted);font-size:16px;line-height:1.8;max-width:410px;margin-top:26px}.contact-note{display:flex;gap:20px;margin-top:75px;border-top:1px solid var(--border);padding-top:25px;max-width:370px}.contact-note>span{font-size:26px}.contact-note p{font-size:12px;line-height:1.7;color:var(--muted)}.contact-form{display:grid;gap:19px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:10px}.contact-form label span{color:#73916c}input,textarea,select{background:#f4f5f0;border:1px solid #e3e8df;outline:0;border-radius:2px;color:var(--ink);padding:16px 15px;width:100%;font-size:13px}input:focus,textarea:focus,select:focus{border-color:#6c9570;box-shadow:0 0 0 2px #d6e4ac}textarea{resize:vertical}.form-privacy,.form-status{font-size:11px;color:#728075;line-height:1.7;margin:0}.form-privacy a{text-decoration:underline}.contact-form .btn{justify-self:start}.form-status{min-height:14px}.site-footer{background:var(--green);color:white;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:80px}.footer-brand .brand-mark{background:var(--lime);color:var(--green)}.footer-top>p{font:600 25px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.04em}.footer-bottom{padding-top:24px;border-top:1px solid #476354;display:flex;justify-content:space-between;font-size:11px;color:#bfd0c4}.footer-bottom>div{display:flex;gap:27px}.legal{min-height:65vh;padding:70px 0 110px}.legal article{max-width:780px}.legal h1{font-size:clamp(40px,5vw,65px);color:var(--green);margin:0 0 35px}.legal h2{font-size:25px;letter-spacing:-.03em;margin:35px 0 12px}.legal p,.legal li{line-height:1.8;color:#4b5b51}.legal .warning{background:#fff1d5;padding:22px;border-left:4px solid #bc9442;font-weight:700}.legal a{text-decoration:underline}.skip{position:absolute;top:-50px;left:15px;padding:10px;background:#fff;color:#000;z-index:100}.skip:focus{top:10px}@media(max-width:1000px){.shell{width:min(100% - 48px,1240px)}.hero-grid{grid-template-columns:1fr 45%}.hero-copy{padding-right:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.team-grid{gap:5%}.region-inner{grid-template-columns:60px 1fr}.region-inner>p{grid-column:2}.region-star{font-size:65px}.contact-grid{gap:6%}}@media(max-width:720px){.shell{width:calc(100% - 36px)}.nav-wrap{height:73px}.menu-toggle{display:flex;width:43px;height:43px;border:0;background:none;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:22px;height:2px;background:var(--green)}.main-nav{display:none;position:absolute;top:73px;left:0;right:0;z-index:30;background:var(--white);padding:20px 18px 25px;box-shadow:0 12px 15px #102a2017;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px}.nav-cta{margin-top:7px}.hero-grid,.intro,.team-grid,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 30px;min-height:540px}.hero-copy h1{font-size:clamp(58px,12vw,82px)}.hero-art{min-height:390px}.hero-foot{margin-top:45px}.hero-actions{flex-wrap:wrap;gap:24px}.intro{padding-top:65px;padding-bottom:65px;gap:10px}.section-space{padding:73px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.service-grid,.reference-grid{grid-template-columns:1fr}.service-card{min-height:250px}.ref-visual{height:300px}.team-illustration{height:350px}.team-illustration span{font-size:47px}.team-copy{padding-top:20px}.region-inner{grid-template-columns:1fr;gap:12px}.region-inner>p{grid-column:1}.region-star{font-size:55px}.contact-grid{gap:40px}.contact-note{margin-top:30px}.field-pair{grid-template-columns:1fr}.footer-top{padding-bottom:55px}.footer-bottom{gap:25px;flex-direction:column}.footer-bottom>div{flex-wrap:wrap}.legal{padding-top:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Auengarten Identität und Baustellenhinweis */
.construction-notice{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 24px;background:#e0e8d0;color:#17382e;text-align:center;font-size:13px;line-height:1.5;border-bottom:1px solid #cbd9bc}
.construction-notice strong{font-weight:800;letter-spacing:.02em}
.brand-image{height:56px;width:76px;object-fit:cover;object-position:center;mix-blend-mode:multiply;border-radius:2px;flex-shrink:0}
.brand{font-size:18px;letter-spacing:.075em}
.brand small{font-size:8px;letter-spacing:.095em;line-height:1.4}
.hero-logo-art{background:#fbf9f2;display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden}
.hero-logo{max-width:100%;width:100%;height:auto;object-fit:contain;display:block}
.coming-soon{display:flex;flex-direction:column;justify-content:center;min-height:270px}
.coming-soon h3{font-size:clamp(24px,3vw,34px);margin:10px 0 18px}
.coming-soon p{line-height:1.75;max-width:500px}
@media(max-width:700px){.construction-notice{gap:2px;padding:10px 15px;flex-direction:column}.brand-image{height:43px;width:52px}.brand{font-size:15px}.brand small{font-size:7px}.hero-logo-art{min-height:260px;padding:22px}}


/* Leistungs-Icons */
.service-card{border:1px solid rgba(23,56,46,.06);transition:transform .2s ease,box-shadow .2s ease}
.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(23,56,46,.08)}
.service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:flex-start;color:#608462;margin-bottom:2px}
.service-icon img{display:block;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
@media(max-width:720px){.service-icon{width:64px;height:64px}.service-icon img{width:54px;height:54px}}

/* Verfeinerte Leistungs-Karten: einheitlich ausgerichtete, gut sichtbare Icons */
.service-card{padding:32px 30px 29px;min-height:350px}
.service-icon{flex:none;width:78px;height:78px;margin:0 0 18px;background:#edf2e9;border-radius:16px;display:grid;place-items:center}
.service-icon img{height:64px;width:64px;object-fit:contain}
.service-no{margin:0 0 18px;line-height:1.4}
.service-card h3{margin:0 0 14px}
.service-card p{margin:0 0 28px}
/* Der Bremen-Abschnitt braucht kein dekoratives Symbol. */
.region-inner{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:75px}
.region-inner>p{grid-column:auto}
@media(max-width:1000px){.region-inner{grid-template-columns:1fr 260px;gap:30px}.region-inner>p{grid-column:auto}}
@media(max-width:720px){.service-card{min-height:320px;padding:28px}.service-icon{width:74px;height:74px;margin-bottom:18px}.service-icon img{height:61px;width:61px}.region-inner{grid-template-columns:1fr;gap:18px}.region-inner>p{grid-column:auto}}


/* Leistungsbereich: ruhiges, typografisches Kartenlayout statt Icon-Kacheln */
.service-grid{gap:18px;align-items:stretch}
.service-card{position:relative;min-height:336px;padding:34px 29px 28px;background:#fffefa;border:1px solid #e1e8de;border-radius:3px;box-shadow:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.service-card:hover{border-color:#b8cab6;transform:translateY(-2px);box-shadow:0 12px 30px rgba(23,56,46,.055)}
.service-icon{display:flex;align-items:center;justify-content:flex-start;flex:0 0 78px;height:78px;width:100%;padding:0;margin:0 0 18px;background:transparent;border-radius:0}
.service-icon img{display:block;width:78px;height:78px;max-width:100%;object-fit:contain;object-position:left center}
.service-card h3{font-size:clamp(20px,1.75vw,24px);line-height:1.2;margin:0 0 15px;letter-spacing:-.045em}
.service-card p{font-size:14px;line-height:1.75;color:#637168;margin:0 0 30px}
.service-card a{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:17px;border-top:1px solid #e2e9df;width:100%;font-size:12px}
.service-card a span{margin-left:0;font-size:16px}
.hero-foot{justify-content:flex-end}
@media(max-width:1000px){.service-card{min-height:320px}.service-card h3{font-size:24px}}
@media(max-width:720px){.service-grid{gap:13px}.service-card{padding:27px 25px 24px;min-height:292px}.service-icon{height:69px;flex-basis:69px;margin-bottom:15px}.service-icon img{width:69px;height:69px}.service-card h3{font-size:23px}}