@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;700&display=swap");
:root{--gruen:#68af21;--gruen-hover:#5c9c1d;--gruen-press:#4d8318;--ink:#333;--muted:#6e6f6d;--panel:#eff1ee;--linie:#dfe2dd}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.65 "Fira Sans","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gruen);text-decoration:none;transition:color .12s cubic-bezier(.2,0,.2,1)}
a:hover{color:var(--gruen-press);text-decoration:underline}
a:focus-visible,button:focus-visible{outline:2px solid var(--gruen-press);outline-offset:2px}
.kopf{border-bottom:2px solid var(--gruen)}
.kopf-innen{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:stretch;justify-content:space-between;gap:24px;min-height:96px}
.marke{display:flex;align-items:center;gap:40px;padding:16px 0}
.marke img{width:212px;height:auto;display:block}
.marke .zeilen{line-height:1.45}
.marke .zeilen b{font-weight:700}
.anruf{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;min-width:280px;padding:16px 32px;background:var(--gruen);color:#fff;text-align:center;line-height:1.45}
.anruf:hover{background:var(--gruen-hover);color:#fff;text-decoration:none}
.anruf b{font-weight:700}
main{max-width:1180px;margin:0 auto;padding:96px 24px 80px}
.raster{display:grid;grid-template-columns:1fr 320px;column-gap:72px;align-items:start}
.rubrik{margin:0 0 20px;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:0 0 24px;font-size:44px;font-weight:300;line-height:1.15;letter-spacing:-.015em;color:var(--gruen)}
.lead{margin:0 0 48px;font-weight:700;max-width:62ch}
.kontakt{display:flex;flex-direction:column;gap:16px;margin:0 0 48px;padding:0;list-style:none}
.kontakt li{display:flex;align-items:flex-start;gap:12px;line-height:1.45}
.i{fill:currentColor;flex:none;margin-top:.28em}
.aktionen{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:20px 44px;font-size:17px;line-height:1.2;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,.2,1),color .12s cubic-bezier(.2,0,.2,1)}
.btn-primaer{background:var(--gruen);color:#fff;font-weight:700}
.btn-primaer:hover{background:var(--gruen-hover);color:#fff;text-decoration:none}
.btn-primaer:active{background:var(--gruen-press)}
.btn-outline{background:transparent;border-color:var(--gruen);color:var(--gruen)}
.btn-outline:hover{background:var(--gruen);color:#fff;text-decoration:none}
.btn-outline:active{background:var(--gruen-press);border-color:var(--gruen-press)}
.foto{width:320px;height:320px;border-radius:50%;object-fit:cover;display:block;background:var(--panel)}
.fuss{display:flex;gap:24px;flex-wrap:wrap;align-items:baseline;border-top:1px solid var(--linie);margin-top:80px;padding-top:24px;font-size:15px}
.fuss .hinweis{color:var(--muted)}
.fuss nav{display:flex;gap:20px;margin-left:auto}
.text{max-width:680px}
.text h1{font-size:33px;margin-bottom:32px}
.text h2{font-size:22px;font-weight:300;color:var(--gruen);margin:40px 0 16px}
.text p{margin:0 0 20px}
.offen{background:var(--panel);color:var(--muted);padding:2px 6px}
@media(max-width:900px){.raster{grid-template-columns:1fr;row-gap:40px}.foto{width:240px;height:240px}h1{font-size:34px}main{padding:56px 24px 64px}}
@media(max-width:700px){.kopf-innen{flex-direction:column;padding:0}.marke{gap:20px;padding:20px 24px}.marke img{width:150px}.anruf{width:100%;min-width:0;padding:14px 24px}.fuss nav{margin-left:0}}