@font-face{font-family:'Bricolage Grotesque';src:url('../fonts/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('../fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FBF8F2;font-family:'DM Sans',system-ui,sans-serif;color:#1B2421}
img{max-width:100%}
a{color:#12332D}a:hover{color:#1E4A42}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;margin:0;letter-spacing:-0.02em}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.nl{text-decoration:none;font-weight:500;font-size:15px;color:#1B2421;padding:12px 2px}
.nl:hover{color:#12332D;text-decoration:underline;text-underline-offset:6px}
.ph{background:repeating-linear-gradient(135deg,#D7E5DD 0 14px,#E3EDE7 14px 28px)}
.phl{display:inline-flex;align-items:center;gap:8px;background:rgba(251,248,242,.92);color:#12332D;font-size:13px;font-weight:500;padding:8px 12px;border-radius:999px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;font-family:'DM Sans',sans-serif;cursor:pointer;border:0}
.btn-sun{background:#F2B134;color:#12332D}.btn-sun:hover{background:#E9A51F;color:#12332D}
.btn-ink{background:#12332D;color:#FBF8F2}.btn-ink:hover{background:#1E4A42;color:#FBF8F2}
.btn-line{border:2px solid #12332D;color:#12332D;background:transparent}.btn-line:hover{background:#12332D;color:#FBF8F2}
.fl{color:#C9D8D1;text-decoration:none;font-size:15px}.fl:hover{color:#F2B134}
.tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1E6B5C}
.lb{font-size:14px;font-weight:700;color:#12332D}
.lbl{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1E6B5C}
.in{min-height:52px;border-radius:14px;border:1px solid #CFC8B9;background:#FFFFFF;padding:0 16px;font-size:16px;font-family:'DM Sans',sans-serif;color:#1B2421;box-sizing:border-box;width:100%}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
:focus-visible{outline:3px solid #F2B134;outline-offset:3px}
/* Projekt-Karten */
.pcard{background:#FFFFFF;border:2px solid #E6E0D4;border-radius:28px;overflow:hidden}
.pcard[open]{border-color:#F2B134}
.pcard summary{padding:28px;display:flex;flex-direction:column;gap:12px}
.pcard .ptitle{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;font-weight:700;letter-spacing:-0.02em;color:#12332D;line-height:1.1}
.pcard .ptext{font-size:16px;line-height:1.55;color:#3F4D48}
.pcard .phint{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#12332D;padding-top:4px}
.pcard .pdot{width:28px;height:28px;border-radius:50%;background:#12332D;color:#FBF8F2;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.pcard[open] .pdot{background:#F2B134;color:#12332D}
.pcard .pdot::before{content:'+'}.pcard[open] .pdot::before{content:'–'}
.pcard .phint::after{content:'So kannst du helfen'}.pcard[open] .phint::after{content:'Weniger anzeigen'}
.pcard .pbody{padding:0 28px 28px;display:flex;flex-direction:column;gap:16px}
/* Kontakt-Themen */
.chip{border:1px solid #3B5C55;color:#FBF8F2;background:transparent;padding:10px 16px;border-radius:999px;font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.chip[aria-pressed="true"]{background:#F2B134;color:#12332D;font-weight:700;border-color:#F2B134}
.form-note{font-size:13px;color:#C9D8D1}
.form-error{font-size:14px;color:#F2B134;font-weight:700}
@media (max-width:640px){
  section{padding-top:64px!important}
  .pcard summary{padding:22px}
}