:root{
  --bg:#0a0a0b;
  --panel:#0f0f10;
  --accent:#ff3b3b;
  --muted:#bdbdbd;
  --glass: rgba(255,255,255,0.04);
  --radius:14px;
  --max-width:1100px;
}

/* Reset / base */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Roboto Condensed', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:linear-gradient(180deg,var(--bg) 0%, #070707 100%);
  color:#eee;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
  min-height:100vh;
}

/* layout helper */
.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}

/* Header */
.site-header{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg, rgba(10,10,10,0.7), rgba(10,10,10,0.55));
  backdrop-filter: blur(6px);
  border-bottom:2px solid rgba(255,59,59,0.08);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;padding:0.8rem 0;
}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--accent)}
.brand-crest{font-size:1.6rem;filter:drop-shadow(0 4px 10px rgba(255,59,59,0.12))}
.brand-name{font-family:'UnifrakturCook', serif;font-weight:700;font-size:1.35rem;letter-spacing:.6px}

/* Nav */
.primary-nav{display:block}
.primary-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.primary-nav a{
  color:var(--muted);text-decoration:none;padding:.45rem .6rem;border-radius:8px;font-weight:700;font-size:0.95rem;transition:all .18s;
}
.primary-nav a:hover{color:#fff;background:var(--glass);transform:translateY(-2px)}
/* mobile toggle */
.nav-toggle{display:none;background:transparent;border:0;color:var(--muted);cursor:pointer;padding:.4rem;border-radius:8px}
.nav-toggle:focus{outline:2px solid rgba(255,59,59,0.25);}

/* Hero */
.hero{
  min-height:62vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:2rem;
}
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(600px 300px at 15% 20%, rgba(255,59,59,0.08), transparent 8%),
    radial-gradient(700px 400px at 85% 80%, rgba(80,0,150,0.04), transparent 10%),
    linear-gradient(180deg, rgba(5,5,5,0.2), rgba(0,0,0,0.6)),
    url('https://images.unsplash.com/photo-1620120966883-d977b57a96ec?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;
  filter:grayscale(.03) contrast(0.9);
  transform:scale(1.03);
  will-change:transform;
}
.hero-inner{
  position:relative;z-index:2;text-align:center;padding:3rem 1rem;
  backdrop-filter: blur(0px);
  max-width:900px;
}
.hero h1{
  margin:0 0 .5rem;font-size:clamp(2rem,4vw,3.6rem);color:var(--accent);text-shadow:0 6px 30px rgba(255,59,59,0.08)
}
.lead{color:var(--muted);font-size:1.05rem;margin:0 0 1.6rem}

/* Buttons */
.hero-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;border-radius:999px;text-decoration:none;font-weight:700;cursor:pointer;transition:all .18s;
}
.btn-primary{
  background:linear-gradient(90deg,var(--accent), #ff6b6b);color:#100;border:box-shadow(0 6px 30px rgba(255,59,59,0.12));
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,59,59,0.12)}
.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,0.06);color:var(--muted)}
.btn-ghost:hover{background:rgba(255,59,59,0.06);color:#fff}

/* Cards grid */
.cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;
}
.card{
  display:flex;flex-direction:column;gap:.6rem;padding:1.2rem;border-radius:var(--radius);background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  box-shadow:0 6px 20px rgba(0,0,0,0.6);text-decoration:none;color:inherit;transition:transform .18s, box-shadow .18s;border:1px solid rgba(255,255,255,0.02);
}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.7)}
.card-icon{font-size:1.6rem}
.card h3{margin:0;font-size:1.05rem;color:#fff}
.card p{margin:0;color:var(--muted);font-size:.92rem}

/* Footer */
.site-footer{border-top:1px solid rgba(255,59,59,0.06);padding:1rem 0;background:transparent;color:var(--muted)}
.footer-inner{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:var(--max-width)}

/* Responsive */
@media (max-width:900px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .primary-nav ul{gap:.6rem}
}

@media (max-width:640px){
  .header-inner{gap:.4rem}
  .nav-toggle{display:inline-flex}
  .primary-nav{position:fixed;right:0;top:0;height:100vh;width:280px;background:linear-gradient(180deg, #070707, #0b0b0b);padding:3.5rem 1rem;transform:translateX(110%);transition:transform .28s;box-shadow:-20px 40px 80px rgba(0,0,0,0.6)}
  .primary-nav.open{transform:translateX(0)}
  .primary-nav ul{flex-direction:column;gap:1rem}
  .cards{grid-template-columns:1fr}
  .hero-inner{padding:2rem 1rem}
  .brand-name{font-size:1.05rem}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:.4rem}
}

.hero {
  min-height: 40vh; /* kürzer, damit Fokus schneller auf Links */
}

.cards {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.card {
  align-items: center;
  text-align: center;
}

.card-icon {
  font-size: 2rem; /* größere Icons */
}

.card-icon svg {
  width: 40px;
  height: 40px;
  display: block;
}

        /* === Privacy Policy === */

        #privacy-policy {
            padding: 2rem;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }