:root{
  --green:#7ed93f;
  --green-soft:#a8ff66;
  --dark:#02070a;
  --dark-2:#071015;
  --line:rgba(255,255,255,.12);
  --soft:#b9c6bd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:#f7fff8;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--green-soft)}
.site-nav{background:linear-gradient(180deg,rgba(2,7,10,.86),rgba(2,7,10,.2));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);transition:.25s ease}
.site-nav.is-scrolled{background:rgba(2,7,10,.92);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.navbar-brand{font-weight:850;color:#fff!important;font-size:1.35rem;letter-spacing:-.03em}
.navbar-brand span{border-bottom:3px solid var(--green);padding-bottom:4px}
.nav-link{color:#e7eee8!important;font-weight:500}
.nav-link:hover,.nav-link.active{color:var(--green)!important}
.navbar-toggler{border-color:rgba(126,217,63,.45);filter:invert(1)}
.side-rail{position:fixed;z-index:25;left:30px;top:22%;flex-direction:column;gap:18px}
.side-rail a{width:10px;height:10px;border-radius:999px;background:#d7ded7;opacity:.75;position:relative;transition:.2s ease}
.side-rail a:before{content:"";position:absolute;left:4px;top:10px;width:1px;height:18px;background:rgba(255,255,255,.34)}
.side-rail a:last-child:before{display:none}
.side-rail a span{position:absolute;left:26px;top:-7px;font-size:.78rem;color:var(--green);white-space:nowrap;opacity:0;transform:translateX(-5px);transition:.2s ease}
.side-rail a.active,.side-rail a:hover{background:var(--green);opacity:1;box-shadow:0 0 18px rgba(126,217,63,.55)}
.side-rail a.active span,.side-rail a:hover span{opacity:1;transform:none}
.hero-section{position:relative;overflow:hidden;background:#02070a}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,7,10,.1) 0%,rgba(2,7,10,.1) 42%,rgba(2,7,10,.1) 100%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.1)),url('../img/nachbildkl.png');background-size:cover;background-position:center;background-attachment:fixed;transform:scale(1.02)}
.hero-section:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,var(--dark))}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green);font-size:.8rem;font-weight:800;margin-bottom:1rem}
.hero-section h1 span{color:var(--green)}
.text-soft{color:var(--soft)}
.btn-green{background:var(--green);color:#061006;border:0;font-weight:800;box-shadow:0 0 30px rgba(126,217,63,.16)}
.btn-green:hover{background:var(--green-soft);color:#061006;transform:translateY(-1px)}
.btn-outline-light{border-color:rgba(255,255,255,.32);color:#fff}
.btn-outline-light:hover{background:#fff;color:#071015}
.section-padding{padding:6.5rem 0}
.intro-section{background:linear-gradient(180deg,#061017 0%,#02070a 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-title{font-size:clamp(2.2rem,4vw,4.7rem);line-height:.96;font-weight:850;letter-spacing:-.055em}
.hobby-band{position:relative;min-height:260px;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(2,7,10,.92) 0%,rgba(2,7,10,.79) 38%,rgba(2,7,10,.16) 100%),var(--bg);background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}
.hobby-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(126,217,63,.13),transparent 28%);opacity:.45;transition:.3s ease}
.hobby-band:hover:before{opacity:.75}
.hobby-band:hover .band-icon{transform:scale(1.06);filter:drop-shadow(0 0 22px rgba(126,217,63,.55))}
.min-band{min-height:260px;position:relative;z-index:2;padding-top:2rem;padding-bottom:2rem}
.band-number{font-size:clamp(2.6rem,5vw,5rem);font-weight:900;color:rgba(255,255,255,.075);font-variant-numeric:tabular-nums;line-height:1}
.band-icon{width:82px;height:82px;object-fit:contain;transition:.25s ease;filter:drop-shadow(0 0 14px rgba(126,217,63,.25))}
.hobby-band h2{font-size:clamp(1.8rem,3vw,3rem);font-weight:740;letter-spacing:-.04em;margin:0 0 .65rem}
.hobby-band p{font-size:1.1rem;color:#d8e0da;max-width:520px;margin:0}
.band-tag{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(126,217,63,.35);background:rgba(126,217,63,.08);border-radius:999px;color:#dfffd2;padding:.65rem 1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;backdrop-filter:blur(8px)}
.band-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(126,217,63,.8)}
.journey-section{background:radial-gradient(circle at 75% 30%,rgba(126,217,63,.13),transparent 30%),linear-gradient(180deg,#03090d,#050b0f)}
.info-card{height:100%;padding:1.45rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.2)}
.info-card strong{display:block;color:#fff;font-size:1.16rem;margin-bottom:.5rem}
.info-card span{display:block;color:var(--soft)}
.site-footer{padding:5rem 0 2rem;background:#020609;border-top:1px solid var(--line)}
.site-footer h3{font-size:1.05rem;color:#fff;margin-bottom:1rem}.site-footer p{color:var(--soft)}
.site-footer blockquote{font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.25;color:#f3fbf4;border-left:4px solid var(--green);padding-left:1.5rem;margin:0}
.footer-bottom{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem;text-align:center;color:#87938b;font-size:.95rem}
@media(max-width:1199px){.hero-bg,.hobby-band{background-attachment:scroll}.side-rail{display:none!important}}
@media(max-width:991px){.section-padding{padding:5rem 0}.hero-section h1{font-size:4.2rem}.min-band{min-height:230px}.band-icon{width:64px;height:64px}.band-number{font-size:3rem}.hobby-band{background-position:center right}.hobby-band p{font-size:1rem}}
@media(max-width:575px){.hero-section h1{font-size:3.1rem}.hero-bg{background-position:center right}.section-padding{padding:4rem 0}.min-band{min-height:250px}.band-number{display:none}.band-icon{width:54px;height:54px}.hobby-band h2{font-size:1.55rem}.hobby-band p{font-size:.96rem}.navbar-brand{font-size:1.16rem}}