:root{
      /* Farbthema für .net (tech/experimentell) */
      --bg:#0e1020;           /* dunkles Blau‑Schwarz (wie auf .eu) */
      --surface:#11132a;      /* Kartenhintergrund */
      --surface-2:#0f1324;    /* leichte Variante */
      --text:#e7edf2;         /* Primärtext */
      --muted:#a9b6c6;        /* Sekundärtext */
      --primary:#0d9488;      /* Teal (Hauptakzent) */
      --primary-700:#0b776d;  
      --accent:#f59e0b;       /* warmes Gelb als Kontrast */
      --link: var(--primary);
      --ring: rgba(13,148,136,.35);
      --shadow: 0 10px 30px rgba(0,0,0,.35);
      --radius: 18px;
      --radius-lg: 24px;
      --pad: clamp(14px, 2.2vw, 22px);
      --w: min(1100px, 92vw);
    }
    html,body{height:100%;background:var(--bg);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";}
    a{color:var(--link);text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{max-width:var(--w);margin:0 auto;padding:calc(var(--pad)*1.2) var(--pad) var(--pad)}
    /* Header / Hero */
    .hero{display:grid;gap:18px;padding:40px var(--pad) 22px;border-radius:var(--radius-lg);
          background: linear-gradient(180deg, rgba(13,148,136,.08), rgba(13,148,136,0) 55%),
                      radial-gradient(80% 120% at 10% -10%, rgba(245,158,11,.08), transparent 60%),
                      var(--surface);
          box-shadow: var(--shadow);
    }
    h1{font-size:clamp(28px,4.8vw,48px);line-height:1.15;margin:0 0 6px}
    .subtitle{color:var(--muted);max-width:70ch}
    .pill{display:inline-flex;gap:10px;align-items:center;border-radius:999px;padding:8px 12px;background:var(--surface-2);color:var(--muted);border:1px solid rgba(255,255,255,.06)}
    .pill b{color:var(--text);font-weight:600}
    /* Link-Karten */
    .grid{display:grid;gap:16px;margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
    .card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);transition:transform .15s ease, border-color .15s}
    .card:hover{transform:translateY(-2px);border-color:rgba(13,148,136,.45)}
    .card h3{margin:4px 0 6px;font-size:1.15rem}
    .card p{color:var(--muted);margin:0}
    .card .cta{display:inline-block;margin-top:10px;font-weight:600}
    .badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;background:rgba(13,148,136,.12);border:1px solid rgba(13,148,136,.35);font-size:.9rem}
    /* Trilogie‑Block */
    .block{margin-top:28px;padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(255,255,255,.06)}
    .block h2{margin:0 0 10px;font-size:1.25rem}
    .block p{margin:10px 0;color:var(--text)}
    .block .note{color:var(--muted)}
    /* Footer */
    footer{margin:30px 0 10px;color:var(--muted);font-size:.95rem}
    .links{display:flex;gap:16px;flex-wrap:wrap}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    /* Focus */
    a:focus-visible, button:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:8px}
  .brand img {
  display:block;
  height:auto;
  margin-bottom:10px;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.35));
}
@media (max-width: 520px){
  .brand img { width:200px; }
}