:root{--ink:#17211e;--green:#164c3b;--accent:#c77738;--paper:#fbfaf6;--muted:#eef1eb;--line:#d9ddd5;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:99;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-weight:700}.brand-mark{padding:4px 8px;color:#fff;background:var(--green);letter-spacing:.1em}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a,footer a{color:inherit;text-decoration:none;font-size:.92rem}.site-header nav a:hover,footer a:hover{color:var(--accent)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--green);background:var(--green);color:#fff!important;text-decoration:none;font-weight:700;transition:.2s}.button:hover{background:#0f3a2c;transform:translateY(-1px)}.button.small{padding:9px 15px}.button.secondary{background:rgba(251,250,246,.88);color:var(--green)!important}.button.secondary:hover{background:#fff}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:690px;padding:96px 0 80px;background:#fbfaf6}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:url("../images/infrastruktur-wirkungskette.jpg") right center/auto 100% no-repeat}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fbfaf6 0%,rgba(251,250,246,.98) 37%,rgba(251,250,246,.72) 56%,rgba(251,250,246,.05) 82%)}.hero-grid{display:block}.hero-content{max-width:720px}.eyebrow{margin:0 0 14px;color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,5.2vw,5rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 26px;max-width:760px}.lead{font-size:1.16rem;max-width:690px;color:#46514d}.actions{display:flex;align-items:center;gap:18px;margin:34px 0}.effect-chain{display:flex;align-items:center;gap:12px;color:#394843;font-size:.95rem;font-weight:700}.effect-chain span{color:var(--accent);font-size:1.5rem}.text-link{color:var(--green);font-weight:700;text-decoration:none}.section{padding:96px 0;border-top:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.025em;margin:0 0 34px;max-width:850px}.section-copy{max-width:840px;font-size:1.08rem;color:#48534f}.quote-grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0}.quote-grid blockquote{margin:0;padding:30px;background:#fff;border-top:4px solid var(--accent);font-family:Georgia,serif;font-size:1.35rem}.muted{background:var(--muted)}.cards article{background:var(--paper);padding:30px;border:1px solid var(--line)}.cards article span{color:var(--accent);font-size:.78rem;font-weight:700}.cards h3{margin:14px 0 8px;font-family:Georgia,serif;font-size:1.4rem}.cards p{margin:0;color:#4a5551}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{counter-increment:steps;display:grid;grid-template-columns:48px 1fr;gap:6px 16px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:before{content:"0" counter(steps);grid-row:1/3;color:var(--accent);font-weight:700}.steps span{grid-column:2;color:#55605c}.dark{background:var(--green);color:#fff}.dark .role{font-family:Georgia,serif;font-size:1.35rem;color:#d9e5df}.dark p{color:#eef5f1}.contact{background:#e7eadf}.contact-box{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.contact-action{text-align:center}.email-display{font-size:.85rem;color:#5b635e}footer{padding:28px 0;background:#101b17;color:#dce4e0}.footer-wrap{display:flex;justify-content:space-between;gap:20px}.footer-wrap div{display:flex;gap:20px}
@media(max-width:900px){.nav-toggle{display:block;border:1px solid var(--line);background:transparent;padding:8px 12px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.split,.contact-box{grid-template-columns:1fr;gap:40px}.quote-grid,.cards{grid-template-columns:1fr 1fr}.hero{min-height:640px;padding-top:65px}.hero:before{opacity:.38;background-position:right center}.hero:after{background:linear-gradient(90deg,#fbfaf6 0%,rgba(251,250,246,.97) 58%,rgba(251,250,246,.45) 100%)}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.brand span:last-child{display:none}.hero{min-height:760px;padding-bottom:290px}.hero:before{background-position:center bottom;background-size:auto 52%;opacity:.55}.hero:after{background:linear-gradient(180deg,#fbfaf6 0%,#fbfaf6 57%,rgba(251,250,246,.35) 78%,rgba(251,250,246,.05) 100%)}.hero h1{font-size:2.55rem}.actions{align-items:flex-start;flex-direction:column}.quote-grid,.cards{grid-template-columns:1fr}.section{padding:70px 0}.footer-wrap{flex-direction:column}}