:root{--bg:#050709;--bg-2:#0b0f14;--panel:#10151c;--panel-2:#151b24;--text:#f7f7f5;--muted:#b9b6ad;--line:rgba(255,255,255,.12);--orange:#f7931a;--orange-2:#ffad3d;--cream:#f2eee6;--dark:#07090c;--shadow:0 28px 90px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.36),transparent);backdrop-filter:blur(12px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:-.03em}.brand img{width:54px;height:54px;border-radius:50%;filter:drop-shadow(0 12px 24px rgba(247,147,26,.25))}.brand span{font-size:1.2rem}.nav-links{display:flex;align-items:center;gap:34px;font-size:.95rem;font-weight:650}.nav-links a{opacity:.92;transition:.2s}.nav-links a:hover{color:var(--orange)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:800;letter-spacing:-.01em}.nav-cta,.btn-primary{background:linear-gradient(135deg,var(--orange-2),#ff8800);color:#160d00;box-shadow:0 16px 42px rgba(247,147,26,.28)}.nav-cta{padding:13px 20px}.btn{padding:15px 22px;border:1px solid var(--line);transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-secondary{background:rgba(255,255,255,.05);color:var(--text);backdrop-filter:blur(16px)}.hero{position:relative;min-height:710px;display:grid;align-items:center;overflow:hidden;background:#050505}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 24%,rgba(0,0,0,.25) 58%,rgba(0,0,0,.55) 100%),url('../assets/hero.webp') center right/cover no-repeat;transform:scale(1.01)}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(0deg,var(--bg),transparent)}.hero-inner{position:relative;z-index:2;padding-top:86px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:850;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.hero h1{margin:20px 0 0;font-size:clamp(3rem,7vw,6.6rem);line-height:.94;letter-spacing:-.075em;max-width:760px}.hero h1 strong{display:block;color:var(--orange);font-weight:900}.hero-copy{max-width:560px;margin:24px 0 0;color:#eee7dc;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.trust-row{position:relative;z-index:3;background:linear-gradient(180deg,#0d1117,#090c10);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-item{padding:32px 34px;display:flex;gap:18px;align-items:flex-start;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.icon{width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(247,147,26,.7);border-radius:50%;display:grid;place-items:center;color:var(--orange)}.icon svg{width:25px;height:25px}.trust-item h3{margin:0 0 6px;font-size:1.02rem}.trust-item p{margin:0;color:var(--muted);font-size:.94rem}.section{padding:86px 0}.section-light{background:var(--cream);color:#121212}.section-light p,.section-light li{color:#2b2b2b}.section-kicker{color:var(--orange);font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.055em;margin:0 0 22px}.section p{font-size:1.05rem}.check-list{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:12px}.check-list li::before{content:"✓";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--orange);color:var(--orange);font-size:.85rem;font-weight:900}.meetup-card{background:linear-gradient(145deg,#0d0f12,#17120b);color:var(--text);border:1px solid rgba(247,147,26,.3);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.meetup-card .date{font-size:clamp(1.8rem,3vw,3rem);line-height:1.04;letter-spacing:-.04em;font-weight:900;margin:12px 0}.meetup-card p{color:#d6d1c9}.gallery-section{background:linear-gradient(180deg,#070a0e,#090d12);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.gallery-head h2{margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery a{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.28);background:#111}.gallery img{width:100%;height:240px;object-fit:cover;transition:transform .55s ease,filter .55s ease}.gallery a:hover img{transform:scale(1.055);filter:saturate(1.1) contrast(1.05)}.cta-band{padding:62px 0;background:radial-gradient(circle at 82% 40%,rgba(247,147,26,.25),transparent 35%),#07090c}.cta-box{border:1px solid rgba(247,147,26,.36);border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(90deg,rgba(247,147,26,.12),rgba(255,255,255,.03));box-shadow:var(--shadow)}.cta-box h2{margin:0 0 6px;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em}.cta-box p{margin:0;color:var(--muted)}.site-footer{background:#06080b;color:#d9d6ce;border-top:1px solid var(--line);padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr .9fr 1.1fr;gap:40px}.footer-brand{display:flex;gap:14px;align-items:flex-start}.footer-brand img{width:58px;height:58px;border-radius:50%}.footer-title{font-weight:900;font-size:1.1rem}.footer-small,.footer-col a,.footer-col p{color:#b8b3a8;font-size:.95rem}.footer-col{display:grid;gap:10px;align-content:start}.footer-col strong{color:#fff;margin-bottom:3px}.impressum{border-top:1px solid var(--line);margin-top:42px;padding-top:20px;color:#aaa;font-size:.88rem}.impressum a{color:#e6e1d8;text-decoration:underline;text-decoration-color:rgba(247,147,26,.55)}.mobile-toggle{display:none;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;width:44px;height:44px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media (max-width:900px){.nav{height:72px}.brand span{font-size:1rem}.nav-links{position:absolute;top:72px;left:20px;right:20px;display:none;flex-direction:column;align-items:flex-start;background:rgba(8,10,13,.96);border:1px solid var(--line);border-radius:18px;padding:18px}.nav-links.is-open{display:flex}.mobile-toggle{display:grid;place-items:center}.nav-cta{display:none}.hero{min-height:680px}.hero::before{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.7)),url('../assets/hero.webp') center/cover no-repeat}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item{padding:26px 18px}.split{grid-template-columns:1fr;gap:30px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:220px}.cta-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:3.2rem}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}.gallery{grid-template-columns:1fr}.gallery img{height:230px}.footer-grid{grid-template-columns:1fr}.site-header{background:rgba(0,0,0,.8)}}

@media (max-width:1100px){.about-grid{grid-template-columns:1fr 1fr}.city-image{grid-column:1/-1}.city-image img{min-height:260px}}
@media (max-width:760px){.about-grid{grid-template-columns:1fr;gap:28px}.city-image img{min-height:210px}.city-image{border-radius:14px}}


/* Responsive Schloss Karlsruhe image */
.about-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.75fr) minmax(360px,1.45fr);
  gap:46px;
  align-items:center;
}

.city-image{
  margin:0;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.18);
  border:1px solid rgba(5,7,9,.08);
  background:#111;
}

.city-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1400 / 375;
  object-fit:cover;
  object-position:center;
  min-height:0;
  transition:transform .6s ease;
}

.city-image:hover img{
  transform:scale(1.025);
}

@media (max-width:1100px){
  .about-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .city-image{
    max-width:100%;
  }

  .city-image img{
    aspect-ratio:16 / 7;
    height:auto;
  }
}

@media (max-width:760px){
  .about-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .city-image{
    border-radius:14px;
    margin-top:4px;
  }

  .city-image img{
    aspect-ratio:4 / 3;
    height:auto;
    object-position:center;
  }
}

@media (max-width:420px){
  .city-image img{
    aspect-ratio:1 / 1;
    object-position:center;
  }
}