:root{
  --bg:#f6f5f3; --card:#ffffff; --text:#1f1f1f; --muted:#6b6b6b;
  --brand:#7d806f; --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.06);
}
*{box-sizing:border-box} html,body{margin:0;padding:0} img{max-width:100%;display:block}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{width:min(1100px,92%);margin-inline:auto}

/* Header */
.site-header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit;flex:1 1 280px;min-width:260px}
.logo-img{width:70px;height:70px;object-fit:contain;border-radius:10px}
.brand-text strong{letter-spacing:.14em}
.brand-text em{letter-spacing:.28em;font-style:normal;font-size:.85rem;color:var(--muted)}
.main-nav{display:flex;gap:16px;flex:1 1 300px;justify-content:flex-end}
.main-nav a{text-decoration:none;color:#333;font-weight:700}
.main-nav a:hover{text-decoration:underline}

/* Hero */
.hero{background:linear-gradient(180deg,#f2f1ee,#f8f7f5);padding:56px 0;text-align:center}
.hero h1{font-size:clamp(1.6rem,2.8vw + .8rem,2.4rem);margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 14px}
.btn{display:inline-block;padding:.9rem 1.1rem;border-radius:12px;text-decoration:none;font-weight:700;border:2px solid transparent}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{filter:brightness(.95)}
.btn-ghost{border-color:#dad9d4;color:#333}
.btn-ghost:hover{background:#ecebe7}
.hint-line{color:#444;margin:.35rem 0}

/* Features */
.features{padding:42px 0}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.icon{font-size:1.8rem;margin-bottom:6px}

/* Preise */
.prices{padding:10px 0 34px}
.preise{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.preise td{border-bottom:1px solid #eee;padding:12px}
.preise tr:last-child td{border-bottom:0}
.hint{color:var(--muted);font-size:.92rem}

/* Kontakt */
.contact{background:#fff;padding:34px 0}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.contact-card,.contact-info{background:#faf9f7;border:1px solid #ecebe7;border-radius:var(--radius);padding:24px}
label{display:flex;flex-direction:column;gap:6px;font-weight:600}
input,textarea{padding:.8rem;border:1px solid #dad9d4;border-radius:10px;font:inherit;background:#fff}
input:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(125,128,111,.15)}

/* Footer */
.site-footer{padding:16px 0;background:#efeee9;color:#333;margin-top:8px}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:10px}
.footer-nav a{color:inherit;text-decoration:none;margin-left:16px}
.footer-nav a:hover{text-decoration:underline}

/* Responsive: Navigation unter Brand bei schmalen Screens */
@media (max-width:880px){
  .main-nav{order:2;width:100%;justify-content:flex-start;margin-top:6px}
  .contact-grid{grid-template-columns:1fr}
}
/* Verhindert, dass der Browser weich zur alten Position scrollt */
html { scroll-behavior: auto; }