:root{--bg:#fff;--bg-warm:#f4f2ee;--line:#e0ddd6;--text:#1f2421;--muted:#555c57;--green:#3f6b52;--green-dark:#2f5440;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;overflow-x:hidden}h1,h2,h3,p,ul{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 1.25rem}.narrow{max-width:46rem}.header{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:3.75rem;display:flex}.logo{letter-spacing:.04em;font-size:1.35rem;font-weight:700;text-decoration:none}.nav-toggle{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:.4rem .9rem;font-size:.95rem}.nav{width:100%;padding-bottom:.75rem;display:none}.nav--open{display:block}.nav ul{padding:0;list-style:none}.nav a{border-top:1px solid var(--line);padding:.75rem 0;text-decoration:none;transition:color .25s;display:block}.logo{transition:color .25s}.hero{background:var(--bg-warm);padding:3.5rem 0;overflow-x:clip}.hero__inner{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}.hero__text>*+*{margin-top:1.25rem}.hero__image{border-radius:12px;width:100%;height:auto;display:block}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:.85rem;font-weight:600}h1{letter-spacing:-.01em;overflow-wrap:break-word;max-width:22ch;font-size:2rem;line-height:1.15}.lead{color:var(--muted);max-width:40rem;font-size:1.1rem}.button{background:var(--green);color:#fff;border-radius:4px;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;transition:background-color .25s;display:inline-block}.button:after{content:"→";margin-left:.5rem;transition:transform .25s;display:inline-block}.button:hover{background:var(--green-dark)}.button:hover:after{transform:translate(3px)}.section{padding:3.5rem 0}.section--tint{background:var(--bg-warm)}.section h2{margin-bottom:1.5rem;font-size:1.6rem;line-height:1.25}.narrow p{color:var(--muted);margin-bottom:1.5rem}.section--tint .narrow p{margin-bottom:0}.grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.card{border:1px solid var(--line);background:var(--bg);border-radius:12px;transition:transform .3s,box-shadow .3s,opacity .6s;overflow:hidden}.placeholder{aspect-ratio:4/3;background:var(--bg-warm);border-bottom:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex;overflow:hidden}.placeholder img{object-fit:cover;width:100%;height:100%;display:block}.card__body{padding:1.25rem}.card h3{margin-bottom:.4rem;font-size:1.15rem}.card p{color:var(--muted);font-size:.95rem}.footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 0;font-size:.9rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}@media (width<=39.99rem){h1{max-width:15.6ch}}@media (width>=40rem){.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2.4rem}}@media (width>=60rem){.container{padding:0 2rem}.nav-toggle{display:none}.nav,.nav--open{width:auto;padding:0;display:block}.nav ul{gap:2rem;display:flex}.nav a{border:0;padding:.25rem 0}.hero{padding:5rem 0}.hero__inner{grid-template-columns:1.1fr 1fr;gap:4rem}.section{padding:5rem 0}.grid{grid-template-columns:repeat(4,1fr)}h1{text-wrap:balance;max-width:none;font-size:clamp(1.7rem,2.7vw,2.4rem)}}.narrow p+p{margin-top:-.5rem}.narrow .claim{letter-spacing:.08em;color:var(--green);margin-top:.5rem;font-size:.95rem}.contact{gap:.25rem;margin-bottom:1.5rem;font-style:normal;display:grid}.page-title{max-width:none;margin:1.5rem 0;font-size:2rem}.back-link{color:var(--green);font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}#unternehmen p+p{margin-top:16px}#unternehmen .claim{margin-top:24px}.reveal{opacity:0;transition:opacity .75s ease var(--reveal-delay,0s), transform .75s ease var(--reveal-delay,0s);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:none}.card.reveal.is-visible{transition:transform .3s,box-shadow .3s}.placeholder img{transition:transform .4s}@media (hover:hover){.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #1f242124}.card:hover .placeholder img{transform:scale(1.03)}.nav a:hover,.logo:hover{color:var(--green)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}.hero h1{animation:.8s both hero-rise}.hero__image{animation:.9s .15s both hero-slide-in}@media (hover:hover) and (width>=60rem){.nav a{position:relative}.nav a:after{content:"";background:var(--green);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav a:hover:after{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hero h1,.hero__image{animation:none}.nav a:after,.nav a,.logo{transition:none}.reveal{opacity:1;transition:none;transform:none}.card,.placeholder img,.button,.button:after{transition:none}.card:hover,.card:hover .placeholder img,.button:hover:after{transform:none}}