body { margin:0; background:#FDFCFA; font-family:'Outfit',sans-serif; color:#1C1917; }
a { color:#EE5622; text-decoration:none; }
a:hover { color:#C93F10; }
input[type=range] { accent-color:#EE5622; }
input[type=text], input[type=email], textarea { font-family:'Outfit',sans-serif; font-size:14px; color:#1C1917; border:1px solid #D6D1CA; border-radius:10px; padding:12px 14px; background:#fff; outline-color:#EE5622; box-sizing:border-box; width:100%; }

/* hover states (aus dem Prototyp: style-hover) */
.hov-cta:hover { background:#C93F10 !important; color:#fff !important; }
.hov-white:hover { background:#FEF0EA !important; color:#1C1917 !important; }
.hov-border:hover { border-color:#EE5622 !important; }
.hov-drop:hover { border-color:#EE5622 !important; background:#FFFBF9 !important; }
.nav-link:hover { color:#EE5622 !important; }

/* Mobile / Tablet */
@media (max-width: 1000px) {
  .pad { padding-left:24px !important; padding-right:24px !important; }
  .grid-2, .grid-3, .grid-4, .split { grid-template-columns:1fr !important; gap:32px !important; }
  .grid-photos { grid-template-columns:1fr 1fr !important; }
  .nav { flex-wrap:wrap !important; gap:12px !important; padding:14px 24px !important; }
  .nav-links { gap:16px !important; font-size:14px !important; flex-wrap:wrap !important; }
  .h1 { font-size:38px !important; }
  .h2 { font-size:28px !important; }
  .stats { flex-wrap:wrap !important; gap:18px !important; }
  .cta-box { flex-direction:column !important; align-items:flex-start !important; }
  .steps { display:none !important; }
}
@media (max-width: 620px) {
  .grid-photos, .grid-gal { grid-template-columns:1fr !important; }
  .footer { flex-direction:column !important; gap:12px !important; }
}