/* =========================================================
BASE.CSS
Grundlagen, Farben, Schrift, Buttons
========================================================= */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--page);color:var(--text-main);overflow-x:hidden}
.skip-link{position:fixed;left:16px;top:-64px;z-index:4000;background:#fff;color:#111;padding:12px 14px;border-radius:10px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.skip-link:focus{top:16px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
input,textarea,button{font-family:inherit}
h1,h2,h3,.btn,.main-nav a{font-family:Manrope,Inter,Arial,sans-serif}
:root{
  --red:var(--dm-green,#65785d);--red-dark:var(--dm-green-dark,#465642);--page:#080808;--section:#fff;--section-text:#111;
  --dark-section:#080808;--card:#f5f5f5;--card-border:#e6e6e6;--text-main:#fff;
  --muted:#606060;--footer:#040404;--field:#29292c;--field-border:rgba(255,255,255,.18)
}
body.light{
  --page:#f7f4ee;--section:#fff;--section-text:#111;--dark-section:#f2f2f2;
  --card:#fff;--card-border:#e0e0e0;--text-main:#111;--muted:#555;
  --footer:#101010;--field:#fff;--field-border:#d8d8d8
}
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:12px;color:#fff!important;padding:14px 24px;font-weight:900;transition:.25s;border:1px solid transparent;text-transform:uppercase;letter-spacing:.5px;background:var(--red);color:#fff;box-shadow:0 16px 38px rgba(101,120,93,.24)}
.btn-red{background:#65785d;background:linear-gradient(180deg,var(--red,#65785d) 0%,var(--red-dark,#465642) 100%);color:#fff!important;box-shadow:0 18px 40px rgba(101,120,93,.30)}
.btn-outline{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.44);color:#fff;box-shadow:none}
.btn:hover{transform:translateY(-3px);filter:brightness(1.03)}
.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:950}
.reveal{opacity:0;transform:translateY(42px);transition:.8s}
.reveal.active{opacity:1;transform:translateY(0)}

/* DM Farbanpassung – Farben kommen aus dem Konfigurator */
:root{--gold:var(--dm-beige,#cdb38b)}