*{box-sizing:border-box}
body{margin:0;background:#f7f6f2;color:#1d1d1b;font:1rem/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
main{max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}
h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:.2rem 0 .4rem}h2{font-size:1.45rem;margin:0 0 .3rem}h3{font-size:1.05rem;margin:1.2rem 0 .3rem}
a{color:#1F5D4C}.ober a{font-size:.9rem}.unter{max-width:44rem}
nav ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 2rem}
nav li a{display:block;background:#fff;border:1px solid #ddd9cf;border-radius:.5rem;padding:.6rem .8rem;text-decoration:none;color:inherit;height:100%}
nav li a:hover{border-color:#1F5D4C}nav small{display:block;color:#6b685f}
.thema{background:#fff;border:1px solid #ddd9cf;border-radius:.7rem;padding:1.2rem 1.2rem 1rem;margin:0 0 1.6rem;scroll-margin-top:1rem}
.leitfrage{font-size:1.1rem;font-weight:600;color:#1F5D4C;margin:.3rem 0 .6rem}
.meta{font-size:.82rem;color:#6b685f}
.perspektiven{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.7rem;margin:.8rem 0}
.persp{border-left:4px solid #1F5D4C;background:#f7f6f2;border-radius:.3rem;padding:.6rem .8rem}
.persp h3{margin:0 0 .2rem}.persp .frage{font-style:italic;margin:.2rem 0}.persp .grenze{font-size:.9rem;color:#55534c}
.persp ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.9rem}
.zusammen{border:2px solid #1F5D4C;border-radius:.5rem;padding:.6rem .9rem;margin:.8rem 0}
details{border:1px solid #ddd9cf;border-radius:.4rem;padding:.5rem .8rem;margin:.5rem 0}summary{cursor:pointer;font-weight:600}
.hinweis{font-size:.88rem;color:#55534c;border-top:1px solid #ddd9cf;padding-top:.8rem;margin-top:2rem}
@media print{nav,.ober{display:none}.thema{break-inside:avoid-page;border:none}details{border:none}details>*{display:block}}