:root{--brand-red:#D64827;--brand-yellow:#F9B227;--brand-green:#4A754F;--brand-red-dark:#b13c22;--brand-yellow-dark:#d89a22;--brand-green-dark:#3d5f41;--brand-text:#134548;--brand-bg:#F4F2EC;--brand-bg-dark:#C2B9A3}*,*::before,*::after{box-sizing:border-box}html{background:#fff;max-width:100vw;overflow-x:hidden}body{background:var(--brand-bg);color:var(--brand-text);font-family:Nunito,sans-serif;line-height:1.4;font-size:clamp(15px,3vw,16px);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;max-width:1920px;margin:0 auto}@media(min-width:1920px){body{box-shadow:0 0 20px rgba(0,0,0,.4)}}a{color:var(--brand-red)}img,video{display:block;max-width:100%;height:auto}.section-title{font-size:32px;margin:0 0 20px;line-height:1.1}.article-title{font-size:24px;margin:24px 0 12px;line-height:1.2}.main-header{border-bottom:1px solid #222;position:relative;display:flex;flex-flow:column;justify-content:flex-end;background:#333;line-height:1;padding:0 10px}.main-header-background-image{position:absolute;z-index:0;width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:50% 50%;opacity:.4}.main-header h1{color:inherit;text-align:center;margin:0 0 12px;font-size:clamp(32px,8vw,48px);text-shadow:0 2px 10px #000,0 0 100px #000,0 0 100px #000}.main-header a{text-decoration:none;color:inherit}.main-header-content{position:relative;z-index:2;color:#fff;font-size:20px;text-align:center;padding:24px 0;overflow:hidden}.main-header-content p{margin:0;font-weight:600;font-size:clamp(14px,3vw,18px)}.main-header .logo{margin:0 auto;width:120px;height:120px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:100%;margin-bottom:20px;position:relative;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.4)}.main-header .logo img{height:100px}@media(max-width:767px){.main-header-background-image{opacity:.5}}.main-footer{background:var(--brand-green);color:#fff;padding:20px 10px;font-weight:600}.main-footer a{color:inherit;text-decoration:none}.main-footer a:hover,.main-footer a:focus-visible{text-decoration:underline}.footer-links{list-style:none;padding:0;display:flex;flex-flow:row wrap;justify-content:center;gap:20px}.main-content{padding:0}.buttons-container.--centered{display:flex;justify-content:center;gap:20px}.cta-button{border:none;background:var(--brand-red);color:#fff;display:block;width:fit-content;font-size:clamp(14px,2vw,18px);line-height:1;padding:12px 30px;border-radius:100px;text-decoration:none;font-weight:700;text-transform:uppercase;cursor:pointer;&:hover,&:focus-visible { background:var(--brand-red-dark); }}.cta-button:disabled{opacity:.5}.cta-button.--secondary{background:var(--brand-green);&:hover,&:focus-visible { background:var(--brand-green-dark); }}.donation-goal-bar{--donation-bar-height:48px;position:relative;background:#fff linear-gradient(180deg,#fff,#f6f6f6);height:var(--donation-bar-height);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.2);margin-top:20px;& .__inner { position: absolute; height: 100%; top: 0; left: 0; font-size: 22px; font-weight: 800; color: #fff; background: var(--brand-green) linear-gradient(180deg, #58855d, var(--brand-green)); border-radius: inherit; } & .__inner span { line-height: var(--donation-bar-height); display: block; padding: 0 20px; }}.kicker{margin:0;font-size:12px;text-transform:uppercase;line-height:1;opacity:.8;margin-bottom:2px}.project-title{font-size:22px;margin:0 0 12px;font-weight:700;line-height:1}.project-title a{color:inherit;text-decoration:none}.current-project{border:4px solid var(--brand-green);border-radius:20px;padding:20px;margin-bottom:20px}.site-banner{background-color:var(--brand-red);color:#fff;font-weight:800;text-align:center;padding:6px 10px}.donation-section{padding:24px 0;background:#fff;text-align:center;box-shadow:0 10px 10px -10px rgba(0,0,0,.2)inset}.donation-section .buttons-container{margin-top:24px}.content-wrapper{max-width:768px;margin:0 auto;padding:0 10px}.content-section{margin:36px 0}.events-list{display:grid;gap:20px}.event-teaser{position:relative}.event-teaser[data-relative-date]::before{content:attr(data-relative-date);position:absolute;top:0;right:0;transform:translate(0,-100%);background:var(--brand-red);color:#fff;z-index:2;padding:2px 8px;font-weight:800;font-size:clamp(12px,2vw,14px);text-transform:uppercase;border-radius:4px 4px 0 0}.event-teaser a{display:block;text-decoration:none;color:inherit;padding:12px 12px 12px 20px;border-left:4px solid var(--brand-red);background:#fff;transition:box-shadow .3s;box-shadow:0 0 0 var(--brand-red)inset}.event-teaser a:hover,.event-teaser a:focus-visible{box-shadow:4px 0 0 var(--brand-red)inset}.event-teaser .event-title{font-size:22px;line-height:1.2}.event-teaser .event-meta{margin-bottom:12px;font-size:14px}.event-teaser .event-time{margin-left:20px}.event-images{margin-top:24px}.event-image{border:8px solid var(--brand-green)}.radio-items{display:flex;flex-wrap:wrap;gap:4px}.radio-items label{cursor:pointer;display:block;padding:6px 20px;border-radius:10px;background:#fff;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:background-color .2s,color .2s}.radio-items label:has(:checked){background-color:var(--brand-red);color:#fff}.radio-items input[type=radio]{display:none}.sepa-box{display:grid;grid-template-columns:1fr auto;align-items:center;grid-template-areas:"radio qr" "iban qr"}.sepa-box .radio-items{grid-area:radio}.sepa-box .iban-details{grid-area:iban}.sepa-box .qr-code{grid-area:qr;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}.page-links{display:grid;gap:20px;padding:0}.page-link{display:block}.page-link a{display:block;background:#fff;border-left:4px solid var(--brand-red);padding:12px 20px;color:inherit;text-decoration:none}@media(min-width:768px){.recipe{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}}.mobile-nav-toggle-button{display:none}.main-header nav{position:absolute;z-index:5;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);right:0;top:60px;border-radius:4px 0 0 4px;font-size:20px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.main-header nav ul{display:block;padding:10px 0;list-style:none}.main-header nav ul li{display:block}.main-header nav ul li a{display:block;font-weight:700;padding:8px 20px;min-width:200px}.main-header nav ul li a[href]:focus-visible,.main-header nav ul li a[href]:hover,.main-header nav ul li a[href].active{box-shadow:4px 0 0 var(--brand-green)inset;background:rgba(0,0,0,5%)}@media(max-width:1079px){.mobile-nav-toggle-button{display:block;position:absolute;width:40px;height:40px;font-size:0;z-index:4;top:10px;right:10px;border:0;border-radius:4px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M8,10 H32 M8,20 H32 M8,30 H32" stroke-width="4" stroke-linecap="round" stroke="%23fff" /></svg>');cursor:pointer}.main-header nav{transform:translate(calc(100% + 20px),0);transition:transform .3s;will-change:transform}.main-header nav.active{transform:translate(0,0)}}.membership-form{padding:20px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:12px}.membership-form fieldset{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr;padding:0;border:none}.membership-form .form-field{grid-column:span 2}.membership-form .form-field.half{grid-column:span 1}.membership-form .form-field label{display:block}.membership-form .form-field input[type=text],.membership-form .form-field input[type=email],.membership-form .form-field input[type=number]{width:100%;border:0;box-shadow:0 2px 8px rgba(0,0,0,.2)inset;border-radius:10px;font:inherit;line-height:2;padding:6px 10px;font-size:16px}.membership-form button{justify-self:center}.form-message{font-size:18px;font-weight:700}.event-section .content-wrapper{background:#fff;padding:20px;box-shadow:0 10px 10px -10px rgba(0,0,0,.2);border-radius:20px;ol, ul, h2, h3, h4, h5 { margin-bottom: 1em; }}