
:root{--orange:#FE9B01;--orange-dark:#e88900;--black:#1d1d1b;--white:#fff;--light:#f4f4f4;--line:#e5e5e5;--text:#333}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:var(--white);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:1.28rem;color:var(--black);text-decoration:none}.brand:before{content:"";display:inline-block;width:13px;height:13px;background:var(--orange);border-radius:50%;margin-right:10px;vertical-align:middle}.nav nav{display:flex;gap:28px;align-items:center}.nav a{color:var(--black);text-decoration:none;font-weight:700}.nav-cta{background:var(--orange);color:#fff!important;padding:12px 20px;border-radius:0}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr .86fr;align-items:stretch;padding:0;gap:0;background:var(--orange)}.hero-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center;color:#fff}.eyebrow{font-weight:900;letter-spacing:.12em;font-size:.78rem;color:var(--orange);text-transform:uppercase}.hero .eyebrow{color:#fff}.hero h1{font-size:clamp(3.4rem,6.6vw,7.3rem);line-height:.92;letter-spacing:-.055em;margin:.18em 0;color:#fff}.hero h1 span{color:#fff}.lead{font-size:1.38rem;max-width:720px;color:#fff}.actions{display:flex;gap:12px;margin-top:34px}.button{padding:16px 23px;text-decoration:none;font-weight:900;border-radius:0}.primary{background:#fff;color:var(--orange)}.secondary{border:2px solid #fff;color:#fff}.portrait-wrap{height:auto;min-height:calc(100vh - 82px);overflow:hidden;background:#ddd}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.about,.topics,.social,.team,.supporters{padding:105px 8vw}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;background:#fff}.about h2,.topics h2,.social h2,.team h2,.supporters h2{font-size:clamp(2.45rem,4.2vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:.25em 0;color:var(--black)}.about-text{font-size:1.17rem;color:var(--text)}.topics{background:var(--light)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.grid article{background:#fff;padding:34px;min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.grid article span{color:var(--orange);font-weight:900}.grid h3{font-size:1.55rem;line-height:1.15;margin:18px 0 10px;color:var(--black)}.grid p{color:var(--text)}.social{background:#fff}.social>p:not(.eyebrow){font-size:1.2rem;color:var(--text)}.social-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:38px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.social-links a{display:flex;justify-content:space-between;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:var(--black);font-size:1.05rem;background:#fff}.social-links a:hover{background:var(--orange);color:#fff}.team{background:var(--orange);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.team .eyebrow,.team h2,.team-copy p{color:#fff}.team-copy p:last-child{font-size:1.17rem;color:#fff}.form-card{background:#fff;color:var(--black);padding:38px;box-shadow:0 12px 35px rgba(0,0,0,.14)}.brevo-card{padding:0;background:#fff;overflow:hidden}.brevo-card .sib-form{padding:0!important;background:transparent!important}.brevo-card #sib-container{border:0!important;max-width:100%!important}.brevo-card .sib-form-block__button{background-color:var(--orange)!important;text-align:center!important;border-radius:0!important}.brevo-card .entry__specification{display:none!important}.brevo-card input{border-radius:0!important}.brevo-card .sib-form-block p{margin-top:0}.brevo-card #sib-form{padding:18px}.brevo-card a{color:var(--orange)!important}.supporters{background:#fff}.supporter-intro{font-size:1.15rem;color:var(--text)}.empty-list{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;color:#666}footer{padding:45px 6vw;display:flex;justify-content:space-between;background:var(--black);color:#fff}footer a{color:#fff;margin-left:25px}.legal-copy h3{margin-top:30px;font-size:1.25rem}.legal-copy a{color:var(--orange)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav nav a:not(.nav-cta){display:none}.hero,.about,.team{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.portrait-wrap{min-height:430px;order:-1}.hero h1{font-size:3.55rem}.about,.topics,.social,.team,.supporters{padding:70px 7vw}.grid,.social-links{grid-template-columns:1fr}.actions{flex-direction:column}.button{text-align:center}.form-card{padding:0}footer{gap:25px;flex-direction:column}footer a{margin:0 20px 0 0}}

/* v7 — refined Mitte Risch visual language */
:root{--blue:#033C69;--blue-dark:#022f53;--blue-soft:#f2f6f9}
.nav{height:76px;padding:0 5.5vw}
.brand:before{background:var(--blue)}
.nav-cta{border-radius:5px}
.hero{min-height:calc(100vh - 76px);grid-template-columns:1.08fr .92fr;background:#fff}
.hero-copy{padding:6.5vw 5.5vw;color:var(--black);position:relative}
.hero-copy:before{content:"";position:absolute;left:5.5vw;top:0;width:76px;height:5px;background:var(--blue)}
.hero .eyebrow{color:var(--orange)}
.hero h1{font-size:clamp(3.25rem,5.6vw,6.2rem);line-height:.96;letter-spacing:-.05em;margin:.25em 0 .32em;color:var(--black);max-width:900px}
.hero h1 span{color:var(--orange)}
.lead{font-size:clamp(1.18rem,1.65vw,1.55rem);line-height:1.45;max-width:800px;color:#505050}
.actions{margin-top:30px;gap:14px}
.button{padding:14px 22px;border-radius:5px}
.primary{background:var(--orange);color:#fff}
.secondary{border:1.5px solid #999;color:var(--black);background:#fff}
.secondary:hover{border-color:var(--blue);color:var(--blue-dark)}
.portrait-wrap{min-height:calc(100vh - 76px);background:var(--blue-soft)}
.about,.topics,.social,.team,.supporters{padding:88px 7vw}
.about{gap:8vw}
.about h2,.topics h2,.social h2,.team h2,.supporters h2{font-size:clamp(2.2rem,3.6vw,4rem);line-height:1.06}
.eyebrow{color:var(--blue-dark)}
.topics{background:var(--blue-soft)}
.grid{gap:18px;border:0;margin-top:42px}
.grid article{padding:30px;min-height:255px;border:0;border-top:4px solid var(--blue);border-radius:5px;box-shadow:0 5px 20px rgba(22,53,67,.06)}
.grid article:nth-child(2),.grid article:nth-child(5){border-top-color:var(--orange)}
.grid article span{color:var(--blue-dark)}
.social-links{gap:12px;border:0}
.social-links a{border:1px solid var(--line);border-radius:5px;padding:21px 24px}
.social-links a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.team{background:var(--blue-dark);gap:7vw}
.form-card{border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.brevo-card .sib-form-block__button{border-radius:5px!important}
.brevo-card input{border-radius:4px!important}
.empty-list{border-left:4px solid var(--blue);border-top:0;border-bottom:0;padding:22px 26px;background:var(--blue-soft)}
@media(max-width:800px){.hero-copy:before{left:7vw}.hero h1{font-size:clamp(3rem,14vw,4.3rem)}.hero-copy{padding-top:64px}.portrait-wrap{min-height:390px}.about,.topics,.social,.team,.supporters{padding:64px 7vw}}

/* Brevo form integration */
.brevo-card{padding:0!important;background:#fff;overflow:hidden;border:1px solid #d8e4ee;box-shadow:0 18px 45px rgba(3,60,105,.10)}
.brevo-card .sib-form{padding:0!important;background:transparent!important}
.brevo-card #sib-container{border:0!important;max-width:100%!important}
.brevo-card #sib-form{padding:22px!important}
.brevo-card .sib-form-block__button{background-color:#FE9B01!important;text-align:center!important;border-radius:8px!important}
.brevo-card .entry__specification{display:none!important}
.brevo-card input{border-radius:8px!important}
.brevo-card a{color:#033C69!important}
.brevo-card .sib-form-block p{margin-top:0}

.confirmation-page{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center;background:#f7fafc;padding:90px 6vw}
.confirmation-card{max-width:780px;background:#fff;border:1px solid #d8e4ee;border-radius:18px;padding:58px;box-shadow:0 18px 45px rgba(3,60,105,.10)}
.confirmation-card h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1;letter-spacing:-.045em;color:#033C69;margin:.2em 0}
.lead-confirmation{font-size:1.35rem;color:#033C69}
.confirmation-card p{font-size:1.12rem;color:#333}
.confirmation-button{display:inline-block;margin-top:24px;background:#FE9B01;color:#fff}
@media(max-width:800px){.confirmation-card{padding:34px}.confirmation-card h1{font-size:3rem}}

/* Hero headline: Zug / Mitte Risch-Rotkreuz blue */
.hero h1 { color: #033C69; }
.hero h1 .accent, .hero h1 em, .hero h1 strong.accent { color: #FE9B01; }
