/* Reset & base */
    :root{
      --bg:#0f1724; /* deep navy */
      --card:#0b1220;
      --accent:#0ea5a3; /* teal */
      --muted:#94a3b8;
      --glass: rgba(255,255,255,0.04);
      --radius:16px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      background: radial-gradient(1200px 600px at 10% 10%, rgba(14,165,163,0.06), transparent),
                  linear-gradient(180deg, #071120 0%, #06101a 100%);
      color:#e6eef8;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.5;
      padding-bottom:64px;
    }

    /* Header / Nav */
    .site-header{
      position:sticky;top:0;z-index:40;
      backdrop-filter: blur(6px);
      background: linear-gradient(180deg, rgba(11,18,32,0.7), rgba(11,18,32,0.4));
      border-bottom:1px solid rgba(255,255,255,0.03);
      display:flex;align-items:center;justify-content:space-between;
      padding:12px 24px;
    }
    .brand{
      display:flex;gap:12px;align-items:center;
    }
    .logo{
      width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#0369a1);display:flex;align-items:center;justify-content:center;font-weight:700;color:#022;
      box-shadow: 0 6px 18px rgba(14,165,163,0.08), inset 0 -6px 10px rgba(255,255,255,0.02);
    }
    .brand h1{font-size:16px;margin:0}
    nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:center}
    nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:600}
    nav a:hover{color:var(--accent);background:var(--glass)}
    nav a.active{color:#00343a;background:linear-gradient(90deg,var(--accent),#0369a1);box-shadow:0 6px 18px rgba(3,105,161,0.12)}

    /* Mobile nav */
    .menu-toggle{display:none;background:transparent;border:0;color:var(--muted);font-size:20px}

    /* Hero */
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;padding:48px 24px;align-items:center}
    .hero-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(2,6,23,0.6);}
    .hero h2{margin:0 0 12px;font-size:28px}
    .hero p{color:var(--muted);margin:0 0 18px}
    .cta-row{display:flex;gap:12px}
    .btn{padding:10px 16px;border-radius:12px;font-weight:700;border:0;cursor:pointer}
    .btn-primary{background:linear-gradient(90deg,var(--accent),#0369a1);color:#002;}
    .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.04);color:var(--muted)}

    /* Info cards */
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
    .card{background:var(--card);border-radius:14px;padding:18px}
    .card h3{margin:0 0 8px}
    .muted{color:var(--muted);font-size:14px}

    /* Impressum */
    .impressum{max-width:900px;margin:28px auto;padding:20px;background:linear-gradient(180deg, rgba(255,255,255,0.015), transparent);border-radius:12px}

    /* Parken section */
    .park-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .park-item{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:16px;border-radius:12px}
    .park-item small{display:block;margin-bottom:10px;color:var(--muted)}

    footer{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;background:rgba(0,0,0,0.5);padding:8px 14px;border-radius:999px;color:var(--muted);font-size:13px}

    /* Responsive */
    @media (max-width:980px){
      .hero{grid-template-columns:1fr}
      .grid{grid-template-columns:repeat(2,1fr)}
      .site-header{
          display: block;
      }
      nav ul{display:block;
             margin-top: 27px;
             }
             nav li{
             margin-top: 10px;
             }

    }
    @media (max-width:640px){
      .grid{grid-template-columns:1fr}
      .park-list{grid-template-columns:1fr}
    }

    /* Smooth anchor highlight */
    section{scroll-margin-top:88px;padding:18px 24px}