@font-face{font-family:Anton;src:url('wp-export/fonts/anton.woff2') format('woff2');font-display:swap}
@font-face{font-family:Archivo;src:url('wp-export/fonts/archivo.woff2') format('woff2');font-display:swap}
.betterplace-section{position:relative;overflow:hidden;background:var(--deep);color:#fff}.betterplace-section:before{content:"";position:absolute;inset:auto -10% -55% 42%;height:420px;background:radial-gradient(circle,rgba(36,52,125,.42),transparent 68%);pointer-events:none}.betterplace-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:clamp(44px,8vw,110px)}.betterplace-copy h2{max-width:11ch;margin:15px 0 22px;font-size:clamp(2.7rem,5vw,5rem)}.betterplace-copy p{max-width:60ch;color:rgba(255,255,255,.7)}.betterplace-copy .btn{margin-top:16px;border-color:#fff;color:#fff}.betterplace-widget{width:360px;min-height:360px;padding:20px;justify-self:end;display:grid;place-items:center;background:#fff;border-radius:10px;box-shadow:0 28px 80px -35px #000}.betterplace-widget iframe{display:block;width:320px;height:320px;border:0}.external-placeholder{width:100%;min-height:320px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f0efeb;color:#171717;border-radius:5px}.external-placeholder strong{font:400 1.65rem/1.1 Anton;text-transform:uppercase}.external-placeholder p{max-width:30ch;margin:12px 0 18px;color:#555;font-size:.84rem;line-height:1.5}.external-placeholder button{border:0;border-radius:4px;padding:13px 17px;background:#24347d;color:#fff;font:700 .72rem Archivo;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.external-placeholder a{margin-top:13px;font-size:.72rem;color:#555}.betterplace-widget.is-loaded .external-placeholder{display:none}@media(max-width:900px){.betterplace-grid{grid-template-columns:1fr}.betterplace-widget{justify-self:start}}@media(max-width:480px){.betterplace-widget{width:100%;min-height:auto;padding:12px}.betterplace-widget iframe{width:100%;max-width:320px}.external-placeholder{min-height:296px;padding:22px}}
:root{--paper:#faf9f6;--card:#fff;--sunk:#f0efeb;--ink:#171717;--text:#41413f;--muted:#6d6c68;--line:#dcdad4;--red:#d91f2b;--blue:#24347d;--yellow:#f4c84a;--deep:#111215;--max:1160px}
@media(prefers-color-scheme:dark){:root{--paper:#111214;--card:#1d1e21;--sunk:#191a1d;--ink:#f1f0ec;--text:#d0cfca;--muted:#a3a19b;--line:#313237}}
/* Die Seiten setzen data-theme="dark" fest, damit sie nicht der Systemeinstellung
   folgen. Dieselben Werte wie oben, nur ohne die Bedingung. */
:root[data-theme="dark"]{color-scheme:dark;--paper:#111214;--card:#1d1e21;--sunk:#191a1d;--ink:#f1f0ec;--text:#d0cfca;--muted:#a3a19b;--line:#313237}
:root[data-theme="light"]{color-scheme:light;--paper:#faf9f6;--card:#fff;--sunk:#f0efeb;--ink:#171717;--text:#41413f;--muted:#6d6c68;--line:#dcdad4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 Archivo,system-ui,sans-serif}img{display:block;max-width:100%}a{color:inherit}.wrap{width:min(100% - 48px,var(--max));margin:auto}.display{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:1}.kicker{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.kicker:before{content:"";width:20px;height:3px;background:var(--yellow);border-radius:3px}.site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.head{height:98px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.brand img{width:74px;height:74px;flex:none}.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:5px}.brand b{font:400 1.1rem/.95 Anton;text-transform:uppercase;letter-spacing:.04em}.brand small{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.nav{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-links{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--sunk)}.nav a{padding:9px 12px;border-radius:999px;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--card)}.donate{margin-left:0;background:var(--blue)!important;color:#fff!important;border-radius:4px!important;padding:13px 19px!important}.page-hero{padding:90px 0 74px;background:var(--deep);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-80px;top:-150px}.page-hero h1{font-size:clamp(3rem,7vw,6rem);margin:22px 0 18px;max-width:13ch}.page-hero p{max-width:62ch;color:rgba(255,255,255,.72);font-size:1.08rem}.crumbs{font-size:.75rem;color:rgba(255,255,255,.55)}.crumbs a{text-decoration:none}.section{padding:82px 0}.section.sunk{background:var(--sunk)}.intro{max-width:72ch;font-size:1.08rem;color:var(--text)}.section h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:0 0 22px}.section h3{font-size:1.65rem;margin:0 0 14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
/* Die drei Karten tragen unterschiedlich viel Inhalt. Als Spalten-Flexbox mit
   margin-top:auto sitzt die Aktion in jeder Karte unten, die Buttons stehen
   dadurch auf einer Linie. Das padding-top sichert den Mindestabstand in der
   vollsten Karte, in der auto keinen Platz mehr zu verteilen hat. */
.grid3 .panel{display:flex;flex-direction:column}
.grid3 .panel .actions{margin-top:auto;padding-top:25px}
/* Buttons ueber die volle Kartenbreite: sonst sind sie je nach Beschriftung
   verschieden breit und die Kartenreihe wirkt unruhig. */
.grid3 .panel .actions .btn{flex:1 1 auto;justify-content:center;text-align:center}.panel{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:32px;box-shadow:0 18px 48px -38px rgba(0,0,0,.45)}.panel p:last-child{margin-bottom:0}.project{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(38px,7vw,86px);align-items:center;padding:74px 0;border-bottom:1px solid var(--line)}.project:nth-child(even) .project-media{order:2}.project-media img{width:100%;height:auto;border-radius:7px}.project-copy h2{font-size:clamp(2.2rem,4.3vw,3.8rem);margin:15px 0 22px}.project-copy p{color:var(--text)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid var(--ink);border-radius:4px;text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.dark{background:var(--ink);color:var(--paper)}.btn:hover{transform:translateY(-1px)}.price{font:400 3.5rem/1 Anton}.price small{display:block;font:600 .8rem/1.4 Archivo;color:var(--muted);margin-top:8px}.check{list-style:none;padding:0}.check li{position:relative;padding-left:20px;margin:9px 0;color:var(--text)}.check li:before{content:"";position:absolute;left:0;top:.72em;width:10px;height:3px;background:var(--red)}.details{display:grid;grid-template-columns:180px 1fr;gap:10px 24px}.details dt{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.details dd{margin:0;font-weight:600}.notice{padding:20px 22px;border-left:3px solid var(--yellow);background:var(--sunk);color:var(--text)}.legal{max-width:78ch}.legal h2{font:400 1.8rem/1.2 Anton;text-transform:uppercase;margin-top:48px}.legal p{color:var(--text)}.external-note{font-size:.82rem;color:var(--muted)}
.jumpnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.jumpnav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.jumpnav a:hover{background:var(--card)}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}.project-facts div{padding:17px;background:var(--card)}.project-facts b{display:block;margin-bottom:4px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.project-facts span{font-size:.88rem;color:var(--text)}.timeline{position:relative;margin-top:46px}.timeline:before{content:"";position:absolute;left:24px;top:14px;bottom:14px;width:2px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:22px;padding-bottom:38px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--deep);border:2px solid var(--red);color:#fff;font:400 1.1rem/1 Anton}.timeline-copy{padding-top:7px}.timeline-copy h3{font:400 1.45rem/1.1 Anton;text-transform:uppercase;margin:0 0 8px}.timeline-copy p{margin:0;max-width:68ch;color:var(--text)}.scope{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.scope .panel{padding:25px}.scope strong{display:block;font:400 1.35rem/1 Anton;text-transform:uppercase;margin-bottom:8px}
@media(max-width:900px){.nav-links{display:none}.grid3{grid-template-columns:1fr}.project{grid-template-columns:1fr}.project:nth-child(even) .project-media{order:0}}
@media(max-width:650px){.wrap{width:min(100% - 36px,var(--max))}.head{height:76px}.brand img{width:54px;height:54px}.brand small{display:none}.brand b{font-size:.92rem}.donate{margin-left:0!important;padding:10px 12px!important}.page-hero{padding:68px 0 58px}.section{padding:62px 0}.grid2{grid-template-columns:1fr}.panel{padding:25px}.details{grid-template-columns:1fr;gap:3px}.details dd{margin-bottom:12px}.project-facts,.scope{grid-template-columns:1fr}.timeline-item{gap:14px}.jumpnav{gap:7px}}
.brand{gap:12px}.brand-copy{gap:0}.brand b{font-size:1.05rem;line-height:1.05;letter-spacing:normal}
.site-head{overflow:hidden;isolation:isolate}.site-head:before,.site-head:after{content:"";position:absolute;inset-block:0;width:min(34vw,480px);z-index:0;pointer-events:none;opacity:.34}.site-head:before{left:0;border-radius:0 4px 4px 0;background:linear-gradient(105deg,#111 0 32%,#d61f2c 32% 65%,#f2c744 65% 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 34%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 34%,transparent 100%)}.site-head:after{right:0;border-radius:4px 0 0 4px;background:linear-gradient(75deg,#ce1126 0 28%,#fff 28% 32%,#0c1c8c 32% 60%,#fff 60% 64%,#3a7728 64% 100%);-webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 34%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 34%,transparent 100%)}.head{position:relative;z-index:1}
.betterplace-widget{position:relative;width:376px;min-height:408px;padding:68px 28px 20px;background:linear-gradient(145deg,#1c2b70 0%,#11172f 58%,#0d0e12 100%);border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 32px 90px -36px #000}.betterplace-widget:before{content:"Sicher spenden über Betterplace";position:absolute;top:0;left:28px;right:28px;height:60px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;font-size:.67rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.betterplace-widget:after{content:"↗";position:absolute;top:19px;right:28px;color:#f4c84a;font-size:1rem}.betterplace-widget iframe{border-radius:5px;background:#fff;box-shadow:0 14px 32px -22px #000}@media(max-width:480px){.betterplace-widget{width:100%;min-height:auto;padding:64px 12px 12px}.betterplace-widget:before{left:18px;right:18px}.betterplace-widget:after{right:18px}}
.betterplace-widget{width:320px;min-height:320px;padding:0;background:transparent;border:0;border-radius:7px;box-shadow:0 30px 70px -38px #000}.betterplace-widget:before,.betterplace-widget:after{content:none}.betterplace-widget iframe{border-radius:7px;box-shadow:none}.betterplace-widget .external-placeholder{border:1px solid rgba(255,255,255,.12);border-radius:7px}@media(max-width:480px){.betterplace-widget{width:100%;padding:0}}
.betterplace-launcher{position:relative;justify-self:end;width:min(100%,410px);min-height:350px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;background:linear-gradient(145deg,#24347d,#182354 68%,#111629);border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 30px 80px -42px #000}.betterplace-launcher:after{content:"BUS";position:absolute;right:-8px;bottom:-24px;color:rgba(255,255,255,.045);font:400 10rem/1 Anton;pointer-events:none}.launcher-label{color:#aeb9f5;font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.launcher-route{display:flex;align-items:center;gap:11px;margin:24px 0 17px;color:#f4c84a;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.launcher-route i{width:42px;height:1px;background:currentColor;position:relative}.launcher-route i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.betterplace-launcher strong{position:relative;max-width:10ch;color:#fff;font:400 2.8rem/.98 Anton;text-transform:uppercase}.betterplace-launcher p{position:relative;max-width:34ch;margin:17px 0 25px;color:rgba(255,255,255,.68);font-size:.84rem;line-height:1.55}.betterplace-launcher button,.betterplace-launcher .bus-cta{position:relative;margin-top:auto;text-decoration:none;display:inline-flex;align-items:center;padding:13px 16px;border:1px solid rgba(255,255,255,.65);border-radius:4px;background:transparent;color:#fff;font:700 .7rem Archivo;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.betterplace-launcher button span,.betterplace-launcher .bus-cta span{margin-left:10px;color:#f4c84a}.betterplace-dialog{max-width:none;padding:0;border:1px solid #35373d;border-radius:9px;background:#111214;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.65)}.betterplace-dialog::backdrop{background:rgba(5,6,8,.82);backdrop-filter:blur(7px)}.betterplace-dialog-head{height:56px;padding:0 17px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303136;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.betterplace-dialog-head button{width:34px;height:34px;border:0;border-radius:50%;background:#24262b;color:#fff;font-size:1.2rem;cursor:pointer}.betterplace-dialog .betterplace-widget{margin:20px}.betterplace-dialog .external-placeholder{border:0}@media(max-width:900px){.betterplace-launcher{justify-self:start}}@media(max-width:480px){.betterplace-launcher{min-height:330px;padding:28px}.betterplace-launcher strong{font-size:2.35rem}.betterplace-dialog{width:calc(100% - 24px)}.betterplace-dialog .betterplace-widget{width:calc(100% - 24px);margin:12px}.betterplace-dialog iframe{max-width:100%}}
.betterplace-section:before{content:none}
.betterplace-launcher{width:min(100%,470px);min-height:0;padding:0;background:#18191d;border-color:rgba(255,255,255,.13)}.betterplace-launcher:after{content:none}.bus-card-image{width:100%;height:178px;object-fit:cover;border-radius:7px 7px 0 0}.bus-card-body{width:100%;padding:27px 29px 29px}.bus-card-body .launcher-label{display:block;margin-bottom:12px}.bus-card-body>strong{display:block;max-width:none;font-size:2.15rem}.bus-card-body>p{margin:13px 0 21px;max-width:42ch}.bus-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#fff;font-size:.76rem}.bus-progress-head span{color:#f4c84a;font-weight:700}.bus-progress{height:7px;overflow:hidden;background:#34353a;border-radius:9px}.bus-progress i{display:block;height:100%;background:#f4c84a;border-radius:inherit}.bus-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 23px}.bus-stats span{color:rgba(255,255,255,.47);font-size:.62rem;line-height:1.35;text-transform:uppercase;letter-spacing:.06em}.bus-stats b{display:block;margin-bottom:3px;color:#fff;font-size:.87rem;letter-spacing:0;text-transform:none}.bus-card-body>button{width:100%;margin:0;background:#24347d;border-color:#344aa6;text-align:center}.bus-card-body>button:hover{background:#2d4094}@media(max-width:480px){.bus-card-image{height:150px}.bus-card-body{padding:23px}.bus-card-body>strong{font-size:1.9rem}.bus-stats{gap:7px}}
.bus-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:25px 0;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);border-radius:5px;overflow:hidden}.bus-details span{padding:13px 12px;background:#151619;color:rgba(255,255,255,.62);font-size:.67rem;line-height:1.35}.bus-details b{display:block;margin-bottom:4px;color:#f4c84a;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:520px){.bus-details{grid-template-columns:1fr}}
.betterplace-copy h2{margin-top:30px}
.betterplace-section{padding-top:0}
/* ===== PARTNERLOGOS =====
   Die Seite ist dunkel, die Logos sind fast alle schwarz auf weiss. Sie sitzen
   deshalb auf weissen Kacheln — dasselbe Mittel wie bei den Zahlungsanbietern
   im Spenden-Drawer. Gleich grosse Kacheln, das Logo darin per object-fit
   eingepasst: die Seitenverhaeltnisse reichen von 1:1 bis 4,5:1. */
.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:26px}
.logo-tile{display:flex;align-items:center;justify-content:center;height:124px;padding:14px 30px;background:#fff;border-radius:7px}
.logo-tile img{max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain}
@media(max-width:720px){.logo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
  .logo-tile{height:102px;padding:12px 20px}.logo-tile img{max-height:78px}}
/* ===== FUSSZEILE =====
   Portiert aus dem Inline-Style der Startseite, damit alle Seiten dieselbe
   Fusszeile tragen. --sans und --disp gibt es hier nicht, daher literale
   Schriftstapel wie in donation-drawer.css. */
.site-foot{background:var(--deep);color:rgba(242,242,242,.75);padding:60px 0 0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px;padding-bottom:44px}
.foot-grid h4{font-family:Archivo,system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid var(--yellow);display:inline-block}
.site-foot a{color:rgba(242,242,242,.8);text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline}
.foot-mark{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.foot-mark img{width:54px;height:54px;background:transparent;padding:0}
.foot-mark b{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:1.2rem;line-height:1.05;color:#fff}
.foot-lead{max-width:36ch;font-size:.94rem}
.foot-cta{margin-top:20px}
.site-foot address{font-style:normal;line-height:1.75;font-size:.92rem}
.site-foot ul{list-style:none;margin:0;padding:0;line-height:2.1;font-size:.92rem}
.foot-end{border-top:1px solid rgba(242,242,242,.16);padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.8rem;color:rgba(242,242,242,.5)}
.consent-settings{padding:0;border:0;background:none;color:rgba(242,242,242,.8);font:inherit;cursor:pointer;text-decoration:underline}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr;gap:30px}}

/* ===== CONSENT-BANNER =====
   Gehoert auf jede Seite: die Datenschutzerklaerung verspricht einen Widerruf
   ueber die Fusszeile, und wer ueber einen Direktlink einsteigt, wurde bisher
   nie gefragt. */
.consent-banner{position:fixed;z-index:80;left:22px;bottom:22px;width:min(430px,calc(100vw - 44px));padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(14,15,18,.97);color:#f7f6f2;box-shadow:0 28px 70px -30px rgba(0,0,0,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.consent-banner[hidden]{display:none}
.consent-banner .mini{margin:0 0 7px;color:#aeb9f5;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.consent-banner h2{margin:0 0 10px;font:400 1.8rem/1 Anton,Impact,sans-serif;text-transform:uppercase}
.consent-banner p{margin:0;color:rgba(255,255,255,.7);font-size:.82rem;line-height:1.55}
.consent-banner a{color:#fff}
.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.consent-actions button{min-height:44px;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;color:#fff;font:700 .7rem Archivo,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.consent-actions .necessary{border-color:#ecebe7;background:#ecebe7;color:#151515}
.consent-actions .accept{border-color:#f4c84a;background:#f4c84a;color:#151515}
.consent-actions button:hover{border-color:#fff;filter:brightness(1.06)}
@media(max-width:540px){.consent-banner{left:12px;bottom:12px;width:calc(100vw - 24px);padding:21px}.consent-actions{grid-template-columns:1fr}}
/* ===== KOPFZEILE AUF KLEINEN BILDSCHIRMEN =====
   Wie auf der Startseite: unterhalb 900px waren die Links ausgeblendet, ohne
   Ersatz. Sie liegen jetzt in einem Klappmenue. Steht am Ende, weil .head
   weiter oben zweimal eine feste Hoehe bekommt (98 und 76px) und .site-head
   overflow:hidden hat — beides wuerde das Menue abschneiden. */
.nav-toggle{display:none}
@media(max-width:900px){
  .site-head{overflow:visible}
  .head{height:auto;min-height:76px;padding-top:10px;padding-bottom:10px}
  .nav{margin-left:auto;gap:10px}
  /* Wie auf der Startseite: Button zuerst, Menueknopf aussen. Nur die
     Darstellung dreht sich, die Reihenfolge im Dokument bleibt. */
  .donate{order:1}
  .nav-toggle{order:2}
  /* Hoehe nicht fest, sondern die der Zeile — die gibt der Button daneben vor,
     beide sind damit exakt gleich hoch. Kein Mindestwert: er ist hier hoeher
     als der Button und wuerde den Knopf wieder ueberstehen lassen. */
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;
    width:44px;align-self:stretch;
    padding:0;border:1px solid var(--line);border-radius:8px;
    background:var(--card);color:var(--ink);cursor:pointer}
  .nav-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
  .nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
    display:block;width:19px;height:2px;border-radius:2px;background:currentColor;
    transition:transform .22s ease,opacity .18s ease}
  .nav-toggle span{position:relative}
  .nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}
  .nav-toggle span::before{top:-6px}
  .nav-toggle span::after{top:6px}
  .nav-toggle[aria-expanded="true"] span{background:transparent}
  .nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
  .nav-links{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;
    display:none;flex-direction:column;align-items:stretch;gap:2px;padding:8px;
    border:1px solid var(--line);border-radius:12px;background:var(--card);
    box-shadow:0 24px 44px -26px rgba(0,0,0,.55)}
  .head[data-menu="offen"] .nav-links{display:flex}
  .nav-links a{padding:13px 14px;border-radius:8px;font-size:.8rem}
  .donate{white-space:nowrap}
}
/* Unter rund 500px passen Wappen, Schriftzug, Menueknopf und Button nicht
   mehr nebeneinander. Der Schriftzug tritt zurueck, das Wappen bleibt. */
@media(max-width:500px){
  .brand-copy{display:none}
}
@media(prefers-reduced-motion:reduce){
  .nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{transition:none}
}

/* Logo und Navigation bleiben auch auf schmalen Telefonen nebeneinander. */
@media(max-width:380px){
  .head{gap:10px}
  .nav .donate{font-size:.68rem;letter-spacing:.04em;padding:10px 8px!important;white-space:nowrap}
}

/* Den duennen weissen Aussenring der Vorlage sauber ausblenden. */
.brand img,.foot-mark img{
  -webkit-mask-image:radial-gradient(circle closest-side,#000 95%,transparent 98%);
  mask-image:radial-gradient(circle closest-side,#000 95%,transparent 98%);
}

/* Sponsoring: grosszuegige Zeilen mit farbigen Marken auf dunklem Grund. */
.sponsor-filters{position:absolute;width:0;height:0;overflow:hidden;}
.supporter-section{background:var(--sunk);}
.partner-section-heading{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:60px;margin-bottom:44px;}
.partner-section-heading .kicker{margin-bottom:16px;}
.partner-section-heading h2{margin:0;}
.partner-section-heading .intro{max-width:52ch;font-size:1rem;}
.supporter-list{border-top:1px solid var(--line);}
.supporter-row{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;
  min-height:200px;padding:38px 0;border-bottom:1px solid var(--line);}
.supporter-copy h3{font:400 1.7rem/1.1 Anton;text-transform:uppercase;margin:0 0 10px;}
.supporter-copy p{font-size:.88rem;line-height:1.6;color:var(--muted);}
.supporter-mark{display:flex;align-items:center;justify-content:center;min-width:0;}
.supporter-mark img{width:100%;max-width:310px;height:96px;object-fit:contain;filter:url(#sponsor-dark-background);}
.supporter-eagles img{max-width:240px;}
.supporter-amka img{max-width:620px;height:auto;filter:url(#sponsor-red-on-dark);mix-blend-mode:screen;}
.cooperation-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;}
.cooperation-list li{min-width:0;padding:12px 24px;text-align:center;}
.cooperation-list li+li{border-left:1px solid var(--line);}
.cooperation-mark{height:122px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.cooperation-mark img{width:auto;max-width:100%;max-height:110px;object-fit:contain;}
.cooperation-altsax img{filter:url(#sponsor-red-on-dark);mix-blend-mode:screen;}
.cooperation-victoria img{filter:invert(1);mix-blend-mode:screen;}
.cooperation-list span{font-size:.75rem;color:var(--muted);}
@media(max-width:800px){
  .partner-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px;}
  .supporter-row{grid-template-columns:1fr;gap:28px;padding:30px 0;}
  .supporter-mark{justify-content:flex-start;}
  .supporter-amka img{max-width:620px;}
  .cooperation-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;}
  .cooperation-list li:nth-child(3){border-left:0;}
  .cooperation-list li{padding:12px 16px;}
}
@media(max-width:380px){
  .cooperation-list{grid-template-columns:1fr;row-gap:0;}
  .cooperation-list li{padding:26px 0;}
  .cooperation-list li+li{border-left:0;border-top:1px solid var(--line);}
}
