:root{--anthrazit:#2f343a;--dunkelgrau:#444b52;--hellgrau:#f4f4f4;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:var(--hellgrau);color:#333}
.topbar{background:var(--anthrazit);color:#fff;text-align:center;padding:10px}
header{background:#fff;text-align:center;padding:25px 15px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.logo-container img{max-height:120px}
header h1{margin-top:15px;color:var(--anthrazit)}
nav{margin-top:20px}
nav a{text-decoration:none;color:var(--anthrazit);margin:0 12px;font-weight:bold}
.hero{background:linear-gradient(rgba(47,52,58,.75),rgba(47,52,58,.75)),url('/images/hero.jpg');background-size:cover;color:#fff;text-align:center;padding:120px 20px}
.kontakt-wrapper{max-width:1200px;margin:60px auto;display:grid;grid-template-columns:400px 1fr;gap:40px;padding:0 20px}
.kontakt-info{background:var(--anthrazit);color:#fff;padding:40px;border-radius:10px}
.info-box{margin-top:20px}
.kontakt-formular{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.kontakt-formular input,.kontakt-formular select,.kontakt-formular textarea{width:100%;padding:14px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px}
.kontakt-formular button{width:100%;padding:16px;background:var(--anthrazit);color:#fff;border:none;border-radius:6px}
footer{background:var(--anthrazit);color:#fff;text-align:center;padding:30px;margin-top:40px}
footer a{color:#fff}
@media(max-width:900px){.kontakt-wrapper{grid-template-columns:1fr}nav a{display:block;margin:8px 0}}