:root{
  --bg: #8BA5D2; --surface: #284069; --text: #ffffff; --muted: #ffffff;
  --brand: #6aa9ff; --brand-2: #9b8cff; --border: #284069; --card: #284069;
  --shadow: 0 10px 30px rgba(0,0,0,.3);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, rgba(106,169,255,.15), transparent 60%),
              radial-gradient(800px 600px at 100% 20%, rgba(155,140,255,.1), transparent 60%),
              var(--bg);          
  color:var(--text); line-height:1.65;font-weight:300;
}
h1{color:var(--surface);font-weight:300;font-size:40px;}
strong{font-weight:400;}
h3{	font-weight:300;font-size:28px;}
h2{	font-weight:300;font-size:34px;}
.container{width:min(1100px,92vw); margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(160%) blur(10px);background:rgba(13,17,22,.6);border-bottom:1px solid var(--border)}
.site-header .nav{display:flex;align-items:center;gap:18px;padding:14px 0}
.brand{font-weight:800;letter-spacing:.5px;color:var(--text);text-decoration:none;font-size:1.15rem;display:flex;align-items:center;}
.brand img{height:40px;margin-right:10px;}
.nav-links{display:flex;gap:18px}
.nav-links a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px}
.nav-links a:hover,.nav-links a.current,.nav-links a:focus{color:var(--text);background:rgba(255,255,255,.06)}
.theme-toggle,.burger{background:transparent;color:var(--muted);border:1px solid var(--border);padding:8px 10px;border-radius:10px;cursor:pointer}
.burger{display:none;position:relative;width:44px}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--muted);transition:.2s}
.burger span:nth-child(1){top:12px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:28px}
.hero-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:64px 0 24px}
.hero-copy h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.1;margin:.2em 0 .4em}
.hero-copy p{color:var(--muted);font-size:1.05rem}
.hero-image{width:100%;border-radius:20px;box-shadow:var(--shadow);object-fit:cover;aspect-ratio:4/3}
.actions{display:flex;gap:12px;margin-top:18px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:linear-gradient(135deg,rgba(106,169,255,.15),rgba(155,140,255,.15));box-shadow:var(--shadow)}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent}
.btn.ghost{background:transparent}.btn.small{padding:8px 12px;font-size:.95rem}
.page-header{padding:48px 0 10px}.page-header .lead{color:var(--muted);max-width:70ch}
.cards{display:grid;gap:16px;padding:36px 0 20px}.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);padding:22px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.card h3{margin-top:0}.link-arrow{color:var(--text);text-underline-offset:2px}
.feature-list{display:grid;gap:28px;padding:12px 0 50px}
.feature{display:grid;grid-template-columns:2fr 1.3fr;gap:22px;align-items:center;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:18px}
.feature img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:50px}
.download-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.download-card img{width:100%;height:260px;object-fit:cover;display:block}
.download-body{padding:18px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted)}
.wide-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 0 30px}
.wide-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.callout{background:linear-gradient(135deg,rgba(106,169,255,.18),rgba(155,140,255,.18));border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:60px}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding-bottom:60px}
.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}
.form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;gap:12px}
.form label{display:grid;gap:6px;font-weight:500}
.form input,.form textarea{background:#0b0f13;border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text)}
.small{color:var(--muted);font-size:.9rem}
.site-footer{border-top:1px solid var(--border);background:#0a0c0f;margin-top:60px}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}
.site-footer a{color:var(--muted)}
/* NEW: Team & Sponsors */
.team-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:6px 0 10px}
.person.card{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}
.person-photo{width:100%;height:160px;object-fit:cover;border-radius:12px}
.person-body h3{margin:0 0 6px}
.sponsors{padding:6px 0 28px}
.sponsors h3{margin:22px 0 10px}
.sponsor-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.sponsor-wrap img{max-width:150px;max-height:100px;height:auto;display:block;margin:10px 20px;}
a{color:white;}
@media (max-width:900px){
  .hero-cta{grid-template-columns:1fr}
  .cards.three{grid-template-columns:1fr}
  .feature{grid-template-columns:1fr}
  .download-grid{grid-template-columns:1fr}
  .wide-gallery{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .nav-links{display:none}
  .burger{display:block;padding-bottom: 30px;}
  .team-cards{grid-template-columns:1fr}
  .person.card{grid-template-columns:1fr}
  .person-photo{height:auto;width:auto;object-fit:initial;}
  .sponsor-wrap {flex-direction:column;}
  .sponsor-wrap span{display:block;margin:10px;}
  h3,h2{font-size:21px;}
}

body:has(.nav-links.open){overflow:hidden}.mobile-panel{position:fixed;inset:64px 0 0;background:var(--surface);border-top:1px solid var(--border);padding:18px;display:none;flex-direction:column;gap:8px}
.mobile-panel.open{display:flex}.mobile-panel a{padding:12px 8px;border-radius:10px;text-decoration:none;color:var(--text)}

:root{
  --brand-600:#5a8ff0;   /* primärer Blauton */
  --brand-700:#4a7be0;   /* dunkler */
  --brand-glow: rgba(90,143,240,.45);
  --btn-text-on-brand:#ffffff;
  --btn-surface:#aeb9cf1a;  /* sehr dezente Glasfläche */
  --btn-border:#00000033;
}

.btn{
  padding:12px 18px; border-radius:14px; font-weight:600;
  border:1px solid var(--btn-border);
  background: var(--btn-surface);
  color: var(--text);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transition: transform .06s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.btn.primary{
  color: var(--btn-text-on-brand);
  border-color: transparent;
  background: linear-gradient(135deg, var(--brand-600), var(--brand-700));
  box-shadow: 0 10px 22px var(--brand-glow), 0 2px 0 rgba(0,0,0,.18) inset;
}

.btn.ghost{
  background: transparent;
  color: var(--text);
  border-color: #ffffff2e;
}

.btn:hover{ transform: translateY(-1px); }
.btn.primary:hover{ filter: brightness(1.05); }
.btn.ghost:hover{ background:#ffffff10; }

.btn:active{ transform: translateY(0); }
.btn:focus-visible{
  outline: 3px solid color-mix(in oklab, var(--brand-600) 55%, white);
  outline-offset: 2px;
  border-color: transparent;
}