﻿:root{--blue-900: #0b1533;--blue-800: #10225a;--blue-700: #123084;--blue-600: #1a3fb0;--blue-500: #2b56d8;--gold: #ffcc00;--gold-dark: #e0b400;--gold-text: #7a5c00;--ink: #1a2233;--muted: #5a6478;--line: #e2e6ef;--bg: #ffffff;--bg-alt: #f4f6fb;--white: #ffffff;--maxw: 1140px;--gap: clamp(1rem, 3vw, 2rem);--radius: 14px;--shadow: 0 12px 34px rgba(11, 21, 51, 0.12);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:var(--blue-600)}a:hover{color:var(--blue-800)}h1,h2,h3{line-height:1.15;color:var(--blue-900);font-weight:800;letter-spacing:-0.01em}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:clamp(1.15rem,2vw,1.4rem)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gap)}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--gold);color:var(--blue-900);padding:.6rem 1rem;font-weight:700}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn{display:inline-block;font-weight:700;text-decoration:none;cursor:pointer;padding:.7rem 1.4rem;border-radius:999px;border:2px solid rgba(0,0,0,0);transition:transform .15s ease,background .15s ease,color .15s ease;font-size:.98rem}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--gold);color:var(--blue-900)}.btn--primary:hover{background:var(--gold-dark);color:var(--blue-900)}.btn--ghost{border-color:hsla(0,0%,100%,.7);color:var(--white)}.btn--ghost:hover{background:hsla(0,0%,100%,.12);color:var(--white)}.btn--stream{background:var(--blue-700);color:var(--white);padding:.55rem 1.1rem}.btn--stream:hover{background:var(--blue-800);color:var(--white)}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .25s ease,box-shadow .25s ease,padding .25s ease;padding:.5rem 0;background:var(--blue-900)}.site-header.is-scrolled{box-shadow:0 6px 20px rgba(11,21,51,.35)}body.page-home .site-header{background:rgba(0,0,0,0)}body.page-home .site-header.is-scrolled{background:var(--blue-900)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header__brand img{height:46px;width:auto}.primary-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.4rem}.primary-nav__link{color:var(--white);text-decoration:none;font-weight:600;font-size:.98rem;padding:.3rem 0;border-bottom:2px solid rgba(0,0,0,0)}.primary-nav__link:hover,.primary-nav__link.is-active{color:var(--gold);border-color:var(--gold)}.nav-item--lang{display:flex;gap:.5rem;margin-left:.5rem}.lang{color:hsla(0,0%,100%,.7);text-decoration:none;font-weight:700;font-size:.85rem}.lang:hover{color:var(--gold)}.lang--active{color:var(--gold)}.lang--off{color:hsla(0,0%,100%,.35)}.nav-toggle{display:none;width:44px;height:44px;background:rgba(0,0,0,0);border:0;cursor:pointer;position:relative}.nav-toggle__bar,.nav-toggle__bar::before,.nav-toggle__bar::after{content:"";position:absolute;left:10px;width:24px;height:2px;background:var(--white);transition:transform .2s ease,opacity .2s ease}.nav-toggle__bar{top:21px}.nav-toggle__bar::before{top:-7px}.nav-toggle__bar::after{top:7px}@media(max-width: 860px){.nav-toggle{display:block}.site-header{background:var(--blue-900)}.primary-nav{position:absolute;inset:100% 0 auto 0;background:var(--blue-900);max-height:0;overflow:hidden;transition:max-height .3s ease}.primary-nav.is-open{max-height:80vh;box-shadow:var(--shadow)}.primary-nav__list{flex-direction:column;align-items:flex-start;gap:.2rem;padding:1rem var(--gap) 1.5rem}.primary-nav__link{display:block;padding:.6rem 0;width:100%}.nav-item--lang{margin:.5rem 0 0}}.hero{position:relative;min-height:92vh;display:flex;align-items:center;color:var(--white);text-align:center;background-image:linear-gradient(180deg, rgba(11, 21, 51, 0.55), rgba(11, 21, 51, 0.85)),url("../images/headers/Sounds4Europe-Musik-fuer-und-in-Europa.webp");background-size:cover;background-position:center}.hero__inner{padding-block:8rem 4rem;margin-inline:auto;max-width:800px}.hero__kicker{text-transform:uppercase;letter-spacing:.35em;font-weight:700;color:var(--gold);margin:0 0 1rem;font-size:.85rem}.hero__title{color:var(--white);margin:0 0 1.2rem}.hero__lead{font-size:clamp(1.05rem,2.2vw,1.35rem);margin:0 auto 2rem;max-width:620px}.hero__actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.section{padding-block:clamp(3.5rem,8vw,6rem)}.section:nth-of-type(even){background:var(--bg-alt)}.section__title{text-align:center;margin:0 0 1rem}.section__lead{text-align:center;color:var(--muted);max-width:720px;margin:0 auto 2.5rem;font-size:1.1rem}.accent{color:var(--blue-600)}.section--vision .accent,.section--song .accent{color:var(--gold-text)}.prose{max-width:760px;margin-inline:auto}.prose p{margin:0 0 1.1rem}.pills{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;padding:0;margin:0 0 2.5rem}.pills li{background:var(--white);border:1px solid var(--line);color:var(--blue-800);padding:.5rem 1.1rem;border-radius:999px;font-weight:700;box-shadow:0 3px 10px rgba(11,21,51,.05)}.artists{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.artist{text-align:center}.artist__photo{border-radius:var(--radius);aspect-ratio:1;object-fit:cover;box-shadow:var(--shadow)}.artist__name{font-weight:800;margin:.9rem 0 .1rem;color:var(--blue-900);font-size:1.15rem}.artist__role{margin:0;color:var(--muted);font-weight:600}.player{max-width:640px;margin:0 auto 2rem;background:var(--blue-900);padding:1.4rem;border-radius:var(--radius);box-shadow:var(--shadow)}.player__audio{width:100%;display:block}.streams{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.voices{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}.voice{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.6rem;text-align:center;box-shadow:0 6px 18px rgba(11,21,51,.06)}.voice__photo{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:3px solid var(--gold)}.voice__initials{width:96px;height:96px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:var(--blue-800);color:var(--gold);font-weight:800;font-size:2.2rem;border:3px solid var(--gold)}.voice__quote{font-style:italic;margin:0 0 1.2rem;color:var(--ink);quotes:"„" "“"}.voice__quote::before{content:open-quote}.voice__quote::after{content:close-quote}.voice__name{font-weight:800;margin:0;color:var(--blue-900)}.voice__role{margin:.1rem 0 0;color:var(--muted);font-size:.9rem}.section.section--partners{background:var(--blue-900)}.section--partners .section__title{color:var(--white)}.partners{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:3rem;align-items:center;justify-content:center}.partner img{height:68px;width:auto;opacity:.95;transition:opacity .2s,transform .2s}.partner img:hover{opacity:1;transform:translateY(-2px)}.news{list-style:none;padding:0;margin:0;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.news-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 18px rgba(11,21,51,.06);display:flex;flex-direction:column}.news-item__img{aspect-ratio:16/10;object-fit:cover;width:100%}.news-item__body{padding:1.3rem 1.4rem 1.6rem}.news-item__date{color:var(--gold-text);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.news-item__title{margin:.4rem 0 .6rem}.page{max-width:820px;padding-top:7rem;padding-bottom:4rem}.page h1{margin-top:0}.page h2{margin-top:2rem;font-size:1.4rem}.contact__lead{color:var(--muted);font-size:1.1rem;max-width:640px}.contact__cards{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem 1.6rem;text-align:center;box-shadow:0 6px 18px rgba(11,21,51,.06)}.contact-card__icon{width:42px;height:42px;fill:var(--blue-600);margin:0 auto .9rem;display:block}.contact-card__label{font-size:1rem;color:var(--blue-900);margin:0 0 .4rem}.contact-card__value{font-style:normal;color:var(--ink);font-weight:600;text-decoration:none;line-height:1.55}a.contact-card__value:hover{color:var(--blue-700)}.contact__social{margin-top:3rem}.contact__social h2{font-size:1.2rem;margin:0}.social-links{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.social-links a{display:inline-block;padding:.55rem 1.2rem;border-radius:999px;background:var(--bg-alt);color:var(--blue-700);text-decoration:none;font-weight:700}.social-links a:hover{background:var(--blue-700);color:var(--white)}.footer{background:var(--blue-900);color:hsla(0,0%,100%,.85);padding-top:3.5rem}.footer__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));padding-bottom:2.5rem}.footer__logo img{height:44px;width:auto;margin-bottom:1rem}.footer__about address{font-style:normal;margin:0 0 .8rem}.footer__contact a,.footer a{color:hsla(0,0%,100%,.85);text-decoration:none}.footer a:hover{color:var(--gold)}.footer__heading{color:var(--white);font-size:1rem;margin:0 0 .9rem}.footer__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.footer__bar{border-top:1px solid hsla(0,0%,100%,.12);padding:1.2rem 0;font-size:.85rem}.footer__bar-inner{text-align:center;color:hsla(0,0%,100%,.6)}.to-top{position:fixed;right:1.2rem;bottom:1.2rem;z-index:90;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--blue-900);display:grid;place-items:center;text-decoration:none;font-size:1.3rem;font-weight:800;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
