
:root{--black:#000;--white:#fff;--gray:#808080;--light:#f5f5f3;--gold:#b8860b;--gold2:#ffd700;--text:#171717;--radius:18px;--shadow:0 14px 40px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto}.header-logo{display:block;width:210px;height:58px;object-fit:contain;object-position:left center}.footer-logo{display:block;width:245px;height:auto;max-height:92px;object-fit:contain;object-position:left center}.footer-brand-wrap{align-self:start}.main-nav{display:flex;gap:17px;margin-left:auto;align-items:center}.main-nav a{font-size:14px;color:#eee;position:relative}.main-nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold2);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font-weight:700;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold2);color:#000;transform:translateY(-2px)}.btn-outline{border-color:var(--gold);color:var(--gold2)}.btn-outline:hover{background:var(--gold);color:#fff}.header-cta{white-space:nowrap;font-size:13px}.hero{min-height:650px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.50),rgba(0,0,0,.18)),url('../img/beispielbild.png') center/cover no-repeat;display:flex;align-items:center;color:#fff}.hero-content{position:relative;z-index:2;max-width:720px;padding:90px 0}.hero h1,.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(40px,6vw,76px);line-height:1.08;margin:0 0 24px}.hero h1 span,.gold{color:var(--gold2)}.hero p{font-size:19px;max-width:650px;color:#ededed}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:90px 0}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-weight:800;margin:0 0 8px}h2{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,48px);line-height:1.15;margin:0 0 16px}h3{margin-top:0}.gold-line{display:block;width:48px;height:3px;background:var(--gold2);margin:14px 0 30px}.split-heading{display:grid;grid-template-columns:260px 1fr;gap:42px}.mission-grid,.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card,.content-card{background:#fff;border:1px solid #e8e8e8;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.info-card{display:flex;gap:18px}.icon{font-size:34px;color:var(--gold)}.areas{background:var(--light)}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.area-card{min-height:310px;border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.88)),url('../img/beispielbild.png') center/cover;color:#fff;box-shadow:var(--shadow)}.area-card>div{position:absolute;inset:auto 0 0;padding:25px}.area-card a{color:var(--gold2);font-weight:700}.stats-layout{display:grid;grid-template-columns:220px 1fr;gap:42px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd;border-radius:var(--radius);overflow:hidden}.stat{padding:28px;text-align:center;border-right:1px solid #ddd}.stat:last-child{border:0}.stat strong{font-size:42px;color:var(--gold);display:inline}.stat b{display:block}.news-wrap{grid-column:1/-1;margin-top:30px}.section-title-row{display:flex;justify-content:space-between;align-items:center}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border:1px solid #e4e4e4;border-radius:var(--radius);overflow:hidden;background:#fff}.news-card img{height:180px;width:100%;object-fit:cover}.news-card>div{padding:20px}.news-card time{font-size:12px;color:#777}.news-card a{color:var(--gold);font-weight:700}.supporters{padding:30px 0;background:#fafafa;border-block:1px solid #eee}.supporter-row{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#777}.contact{background:#111;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-form{display:grid;gap:14px}.contact-form label{font-weight:600}.contact-form input,.contact-form textarea,.newsletter input,.form-control{width:100%;padding:14px;border:1px solid #d8d8d8;border-radius:8px;font:inherit;background:#fff}.footer{background:#000;color:#ddd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:35px}.footer a{display:block;margin:8px 0;color:#ccc}.footer-bottom{border-top:1px solid #222;margin-top:36px;padding-top:18px;font-size:13px;color:#888}.newsletter{display:flex}.newsletter button{width:48px;border:0;background:var(--gold);color:#fff}.page-hero{background:#050505;color:#fff;padding:100px 0 75px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.16),transparent 65%);right:-80px;top:-130px}.page-hero p{max-width:730px;font-size:18px;color:#ddd}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature-list{display:grid;gap:14px}.feature{padding:18px 20px;border-left:4px solid var(--gold);background:#f7f7f7;border-radius:0 10px 10px 0}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:56px 1fr;gap:18px}.timeline-item span{width:48px;height:48px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:800}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{position:relative;padding:26px;background:#fff;border:1px solid #e6e6e6;border-radius:var(--radius);box-shadow:var(--shadow)}.process-step strong{display:block;font-size:34px;color:var(--gold)}.pill-grid{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:10px 16px;border-radius:999px;background:#111;color:#fff;border:1px solid #333}.faq details{border-bottom:1px solid #ddd;padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.cta-band{background:linear-gradient(120deg,#000,#222);color:#fff;padding:60px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.reveal{opacity:0;transform:translateY(24px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.main-nav,.header-cta{display:none}.menu-toggle{display:block}.main-nav.open{display:flex;position:absolute;left:0;right:0;top:78px;background:#000;flex-direction:column;align-items:flex-start;padding:25px 30px}.split-heading,.stats-layout,.contact-grid,.two-col{grid-template-columns:1fr}.mission-grid,.cards-3,.news-grid{grid-template-columns:1fr 1fr}.area-grid,.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.hero{min-height:580px}.hero-content{padding:70px 0}.section{padding:65px 0}.mission-grid,.cards-3,.area-grid,.news-grid,.process,.footer-grid,.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #ddd}.cta-inner{align-items:flex-start;flex-direction:column}.header-logo{width:158px;height:48px}.footer-logo{width:210px}}

@media(max-width:1180px) and (min-width:981px){.header-logo{width:175px}.main-nav{gap:12px}.main-nav a{font-size:12px}.header-inner{gap:14px}.header-cta{padding-inline:14px}}

/* Funktionsfähige Formulare */
.contact-page-grid{color:#171717;background:#fff}.form-panel{background:#fff;border:1px solid #e4e4e4;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.contact-details{margin-top:28px;padding:22px;border-left:4px solid var(--gold);background:#f7f7f5;border-radius:0 12px 12px 0}.contact-details a{color:var(--gold);font-weight:700}.form-alert{padding:16px 18px;border-radius:10px;margin-bottom:8px}.form-alert ul{margin:8px 0 0;padding-left:20px}.form-alert-success{background:#edf8ef;border:1px solid #a9d7b0;color:#1f642a}.form-alert-error{background:#fff0f0;border:1px solid #e6aaaa;color:#8a2020}.checkbox-label{display:flex!important;align-items:flex-start;gap:12px;font-weight:400!important}.checkbox-label input{width:18px!important;height:18px;margin-top:4px;flex:0 0 auto}.checkbox-label a{color:var(--gold);text-decoration:underline}.optional,.form-hint{font-size:13px;color:#777;font-weight:400}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.map-placeholder{min-height:300px;display:grid;place-items:center;color:#777;text-align:center}

/* Mitgliedsantrag */
.membership-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.65fr);gap:42px;align-items:start}.membership-intro{position:sticky;top:110px}.membership-form{background:#fff}.membership-form label{font-weight:700;color:#222}.membership-form select{appearance:auto}.form-section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e3e3;padding-bottom:12px;margin-top:8px}.form-section-title h3{margin:0;font-family:'Playfair Display',serif;font-size:25px}.form-section-title span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-weight:800}.input-with-suffix{position:relative}.input-with-suffix .form-control{padding-right:46px}.input-with-suffix>span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:800;color:#666}.form-submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.form-submit-row .form-hint{margin:0}
@media(max-width:900px){.membership-layout{grid-template-columns:1fr}.membership-intro{position:static}}

/* Newsletter mit Double-Opt-in */
.newsletter-form{display:grid;gap:11px}.newsletter-input-row{display:flex}.newsletter-input-row input{min-width:0;flex:1;padding:13px 14px;border:1px solid #333;border-right:0;border-radius:8px 0 0 8px;background:#111;color:#fff;font:inherit}.newsletter-input-row input::placeholder{color:#999}.newsletter-input-row button{width:50px;border:0;border-radius:0 8px 8px 0;background:var(--gold);color:#fff;font-size:18px;cursor:pointer;transition:.2s}.newsletter-input-row button:hover{background:var(--gold2);color:#000}.newsletter-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;color:#aaa}.newsletter-consent input{flex:0 0 auto;margin-top:3px}.newsletter-consent a{display:inline;color:var(--gold2);text-decoration:underline}.newsletter-note{margin:0;font-size:11px;line-height:1.45;color:#777}.newsletter-message{padding:10px 12px;border-radius:8px;margin:0 0 12px;font-size:12px;line-height:1.45}.newsletter-message-success{background:#17351d;border:1px solid #2d6f3a;color:#d8f6dd}.newsletter-message-error{background:#431d1d;border:1px solid #8b3a3a;color:#ffdede}.newsletter-result-wrap{max-width:760px}.newsletter-result-wrap .form-alert p{margin-bottom:0}

/* Unterstützerformular, News und Beiträge */
.support-form-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:45px;align-items:start}.support-form{display:grid;gap:16px}.support-form label{display:grid;gap:7px;font-weight:700}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important}.check-row input{margin-top:5px}.check-row a{text-decoration:underline;color:var(--gold)}.btn-outline-dark{border:1px solid #222;color:#222;background:transparent}.btn-outline-dark:hover{background:#111;color:#fff}.article-layout{max-width:900px}.article-card{background:#fff;border:1px solid #e3e3e3;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.article-image{width:100%;max-height:470px;object-fit:cover}.article-content{padding:clamp(24px,5vw,56px)}.article-content time{color:#777}.article-text{font-size:17px;line-height:1.85;margin:25px 0 34px;white-space:normal}.event-note{background:#f7f2e4;border-left:4px solid var(--gold);padding:16px;margin:22px 0;border-radius:6px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:850px){.support-form-layout{grid-template-columns:1fr}}

.legal-content{max-width:900px}.legal-content h2{margin-top:2rem}.legal-warning{padding:1rem 1.25rem;border:1px solid #b8860b;background:#fff8df;margin-bottom:2rem}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:9999;background:#111;color:#fff;padding:1.25rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;box-shadow:0 10px 35px rgba(0,0,0,.35)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:.35rem 0 0}.cookie-banner>div:last-child{display:flex;gap:.6rem;flex-wrap:wrap}.cookie-banner .btn-outline{border-color:#fff;color:#fff}@media(max-width:700px){.cookie-banner{flex-direction:column;align-items:flex-start}}


/* SEO, Barrierefreiheit und Suchoberfläche */
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;color:#000;padding:.8rem 1rem;border:2px solid #b8860b;border-radius:.4rem}.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid #ffd700;outline-offset:3px}
.breadcrumbs{padding-top:1.25rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0;font-size:.9rem}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.45rem;color:#808080}
.site-search{max-width:760px;margin-bottom:2.5rem}.search-row{display:flex;gap:.75rem}.search-row input{flex:1;min-height:48px;padding:.8rem 1rem;border:1px solid #808080;border-radius:.35rem}
.article-detail .narrow{max-width:850px}.article-image{width:100%;height:auto;max-height:560px;object-fit:cover;margin:1.5rem 0}.article-meta{color:#666}.article-content{font-size:1.08rem;line-height:1.8}
.seo-fieldset{border:1px solid #ddd;border-radius:8px;padding:1rem;margin:1rem 0}.seo-fieldset legend{font-weight:700;padding:0 .5rem}.seo-fieldset small{display:block;color:#666;margin-top:.3rem}
@media(max-width:650px){.search-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
