/* Glanzwerk Grillenberger – perfekter Stil */
*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{--dark:#0f283c;--mid:#1b4b66;--gold:#c7a86a;--bg:#f5f8fc;--text:#15232b;--muted:#5b6a74;--radius:14px;--shadow:0 10px 30px rgba(27,75,102,.08)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{width:min(1100px,92vw);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:var(--dark);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);padding-top: env(safe-area-inset-top);}
.nav{display:flex;align-items:center;gap:12px;padding:10px 14px}
.brand-logo{height:190px;width:auto;border-radius:8px;justify-self: start;}
.brand-text{font-weight:800;letter-spacing:.5px;font-size:36px;opacity:.95;text-align:center; white-space: nowrap;}
.hero{padding:24px 0 10px;text-align:center}
.hero h1{margin:0;font-size:clamp(26px,4.5vw,36px)}
.slogan{color:var(--gold);font-weight:700;margin:10px 0 8px}
.subline{color:var(--muted);margin:0 18px}
.section{padding:50px 0}
.section h2{margin:0 0 16px;font-size:26px}
.card{background:#fff;border:1px solid #e6eef5;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.price-tag{font-size:22px;font-weight:800;color:var(--mid);margin:6px 0}
.cta-bar{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(245,248,252,0),var(--bg) 30%,var(--bg));padding:14px 0 18px}
.btn{display:inline-block;padding:12px 16px;border-radius:999px;background:var(--gold);color:#0b1720;border:2px solid var(--gold);text-decoration:none;font-weight:800}
.btn.primary{background:var(--mid);border-color:var(--mid);color:#fff}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.site-footer{margin-top:40px;background:#0b1d29;color:#e2ecf3}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px 0;align-items:center}
.footer-links a{color:#e2ecf3;text-decoration:none;margin-left:16px}
ul{margin:0;padding-left:18px}a{color:var(--mid)}
/* Footer Copyright: mittig, klein, ohne Punkte */
.copyright {
  list-style: none;
  padding-left: 0;
  margin: 0;

  display: flex;
  justify-content: center; /* zentriert horizontal */
  flex-wrap: wrap;
  gap: 12px;

  font-size: 13px;   /* kleinere Schrift */
  color: #b8c7d4;    /* etwas heller, optional */
}

.copyright li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brand-spacer{ visibility:hidden; height:110px; width:auto; justify-self:end; }

/* Center title while keeping logo left using CSS Grid + spacer */
.nav {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 10px 14px;
 
}
.brand-text { justify-self: center; }


@media (max-width: 480px) {
  .brand-logo, .brand-spacer{ height: 90px; }
  .brand-text{
    font-size: 20px;
    white-space: normal;   /* darf umbrechen am Handy */
    line-height: 1.2;
    padding: 0 8px;
  }
}