@font-face{font-family:Inter;src:url('/fonts/public-sans-latin.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--papier:#f7f7f2;--text:#172e30;--gruen:#215d51;--linie:#d7ded7;--leise:#4b605e}
*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--text);font:1.05rem/1.65 Inter,system-ui,sans-serif}a{color:var(--gruen);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}header,main,footer{max-width:75rem;margin:auto;padding:1.6rem 6vw}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--linie)}header a{font-weight:700}main{max-width:64rem;padding-top:4rem;padding-bottom:5rem}h1,h2{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.2rem,5vw,4.2rem);max-width:19ch;margin:.5rem 0 1.5rem}h2{font-size:clamp(1.5rem,3vw,2rem)}.phase{color:var(--leise);font-size:.85rem;letter-spacing:.09em;text-transform:uppercase}.einleitung{max-width:44rem;font-size:1.15rem}.karte{padding:clamp(1.3rem,4vw,2.5rem);border:1px solid var(--linie);background:#fff;border-radius:1rem;margin-top:2rem}.raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.raster .karte{margin:0}.raster{margin-top:2rem}.raster h2{font-size:1.4rem}.raster h3{font-size:1.15rem}.button,button{display:inline-block;border:2px solid var(--gruen);border-radius:.5rem;background:var(--gruen);color:white;padding:.85rem 1.25rem;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.zweite{background:white;color:var(--gruen)}label{display:block;margin:1rem 0 .3rem}input[type=email],textarea{width:100%;font:inherit;padding:.8rem;border:1px solid #6b7f78;border-radius:.4rem}textarea{min-height:6rem}.option{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem;border:1px solid var(--linie);border-radius:.4rem}.option input{margin-top:.45rem;flex-shrink:0;width:1.1rem;height:1.1rem;accent-color:var(--gruen)}fieldset{padding:0;border:0}legend{font-weight:700;font-size:1.2rem}.klein{font-size:.9rem;color:var(--leise)}.abstand{margin-top:1.2rem}.meldung{padding:1rem;border-left:4px solid var(--gruen);background:#edf4ef}.intern{padding:.7rem 6vw;background:#fff0c4;color:#473615;font-weight:650;text-align:center}.honig{display:none}footer{border-top:1px solid var(--linie);font-size:.85rem;color:var(--leise)}footer p{margin:.5rem 0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b55b13;outline-offset:4px}form button{margin-top:1rem}@media(max-width:650px){.raster{grid-template-columns:1fr}main{padding-top:2.4rem}.button,button{max-width:100%}header{gap:1rem}}
select{font:inherit;max-width:100%;padding:.7rem;border:1px solid #6b7f78;border-radius:.4rem;background:white;color:var(--text)}.filter{max-width:28rem}.anfrage h2{overflow-wrap:anywhere;font-size:1.6rem}.anfrage form button{margin-left:.5rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem}.intern a{color:inherit}input[type=checkbox]{accent-color:var(--gruen)}
.beispiel{margin-top:2.5rem}.beispiel h2{margin:0 0 1rem}.marke{display:inline-block;margin:0 0 .8rem;padding:.15rem .6rem;border:1px solid #b55b13;border-radius:999px;color:#7a3c0b;background:#fff6ec;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mail{border:1px solid var(--linie);border-left:4px solid var(--gruen);border-radius:.6rem;background:#fff;padding:clamp(1rem,3vw,1.6rem)}.betreff{margin:0 0 .8rem;font-weight:700;overflow-wrap:anywhere}.mail dl{margin:0}.mail dl div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.8rem;padding:.55rem 0;border-top:1px solid var(--linie)}.mail dt{color:var(--leise);font-size:.9rem;font-weight:650}.mail dd{margin:0;overflow-wrap:anywhere}.entwurf{margin:.8rem 0 0;padding:.8rem 1rem;background:#edf4ef;border-radius:.4rem}.entwurf span{display:block;color:var(--leise);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.frage{margin:1rem 0 .5rem;font-weight:650}.knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.knoepfe li{padding:.35rem .8rem;border:1px solid var(--gruen);border-radius:.4rem;color:var(--gruen);font-size:.9rem;font-weight:650}.beispiel .klein{margin-top:.6rem}@media(max-width:650px){.mail dl div{grid-template-columns:1fr;gap:.1rem}}
.prinzip{margin-top:2.5rem}.prinzip .raster{margin-top:0}.prinzip h2{font-size:1.4rem;margin:0 0 .6rem}.prinzip .karte p{margin:0}.absender{margin:1.2rem 0 0;padding:1rem 1.2rem;border-left:4px solid var(--gruen);background:#edf4ef;border-radius:.4rem}.absender strong{display:block;margin-bottom:.25rem}.fragen{margin-top:2.5rem}.fragen h2{margin:0 0 .6rem}.fragen dl{margin:0}.fragen dl div{padding:.9rem 0;border-top:1px solid var(--linie)}.fragen dt{font-weight:700;margin:0 0 .3rem}.fragen dd{margin:0;max-width:48rem}
.figurkopf{display:flex;align-items:center;gap:1rem}.figurkopf img{flex:none;width:5rem;height:5rem;border:1px solid var(--linie);border-radius:.8rem;background:#f3ede6;object-fit:cover}.figurkopf p{margin:0}.figurkopf .ki{margin-top:.2rem;color:var(--leise);font-size:.8rem}@media(min-width:651px){.figurkopf img{width:6.5rem;height:6.5rem}}
.vorfuehrung{margin-top:2.5rem}.vorfuehrung video{display:block;width:100%;max-width:30rem;height:auto;aspect-ratio:1/1;margin:1rem 0 .4rem;border:1px solid var(--linie);border-radius:.6rem;background:#14202d}.vorfuehrung>p,.vorfuehrung details>p{max-width:44rem}details.vorfuehrung{padding:1rem 1.2rem;border:1px solid var(--linie);border-radius:.8rem;background:#fff}details.vorfuehrung>summary{cursor:pointer;min-height:2.75rem}details.vorfuehrung>summary strong{font-size:1.15rem}details.vorfuehrung>summary .klein{display:block}.vorfuehrung.offen h2{margin:0}.vorfuehrung.offen>.klein{margin:.2rem 0 0}.ablauf{margin-top:.6rem;font-size:.95rem}.ablauf summary{cursor:pointer;font-weight:650;min-height:2.75rem;display:flex;align-items:center}.ablauf ol{margin:.2rem 0 .6rem;padding-left:1.3rem}.ablauf li+li{margin-top:.3rem}