:root{--ui-focus:#a64324}html{scroll-padding-top:110px}body{overflow-wrap:break-word}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}.top{padding:12px max(24px,calc((100vw - 1280px)/2));gap:20px}.top nav{gap:3px}.top .nav-reha{background:#174e40;color:#fff;font-weight:750}.top .nav-overview{font-weight:750}.nav-menu-button{display:none}.auto-page-toc{max-width:1120px}.auto-page-toc nav{max-height:340px;overflow:auto}.topic-hub{max-width:1240px;margin:auto;padding:36px 24px}.topic-hub h1{font-size:clamp(2.3rem,5vw,4.4rem);max-width:20ch;line-height:1.1}.topic-search{max-width:760px;margin:28px 0}.topic-search label{display:block;font-weight:750;margin-bottom:10px}.topic-search input{width:100%;padding:17px;border:2px solid #55776d;border-radius:12px;background:#fff;font:inherit;color:#173c35}.hub-shortcuts,.hub-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}.hub-shortcuts a,.hub-categories a{display:block;padding:20px;border:1px solid #809b91;border-radius:14px;background:#fffdf8;color:#173c35;text-decoration:none;line-height:1.5}.hub-shortcuts a:first-child{background:#174e40;color:white}.hub-shortcuts strong,.hub-categories strong{display:block;font-size:1.12rem}.hub-shortcuts span,.hub-categories span{display:block;margin-top:7px;font-size:.95rem}.hub-categories a:hover,.hub-card:hover{border-color:#174e40;box-shadow:0 4px 14px #173c3512}.hub-group{padding:40px 0;border-top:1px solid #bccdc5;scroll-margin-top:110px}.hub-group h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 10px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.hub-card{padding:20px;border:1px solid #c0cfc7;border-radius:12px;background:#fffdf8}.hub-card h3{font-size:1.13rem;margin:0 0 8px;line-height:1.5}.hub-card p{font-size:1rem;line-height:1.65;margin:0;color:#405f55}.hub-back{display:inline-block;margin-top:20px}.hub-group[hidden],.hub-card[hidden]{display:none}.home-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.home-choices a{background:white;border:1px solid #77988a;border-radius:14px;padding:22px;text-decoration:none;line-height:1.6}.home-choices strong{display:block;font-size:1.15rem}.home-choices a:first-child{background:#174e40;color:white}.hero-with-art .hero-copy{max-width:1180px}.hero-with-art .hero-copy h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.13;max-width:22ch}.hero-with-art .hero-copy .lead{max-width:70ch}.hero-with-art .hero-art{max-height:420px;overflow:hidden}.hero-with-art .hero-art img{object-fit:cover;width:100%;height:100%}@media(max-width:1050px){.top{flex-wrap:wrap;align-items:center;flex-direction:row}.nav-menu-button{display:block;padding:12px 18px;border:1px solid #52766b;border-radius:10px;background:#fffdf8;font:inherit;font-weight:750;color:#173c35}.top nav[aria-label="Hauptnavigation"]{display:none;width:100%;max-height:70vh;overflow:auto;white-space:normal;flex-direction:column;align-items:stretch}.top nav.is-expanded[aria-label="Hauptnavigation"]{display:flex}.top .nav-group{width:100%}.top .nav-submenu{position:static!important;width:100%!important;min-width:0!important;box-shadow:none;max-height:none}.top nav a,.top nav summary{min-height:48px}.top .brand{width:145px;height:48px}.top .nav-group summary{border-radius:8px}.hub-shortcuts,.hub-categories,.home-choices{grid-template-columns:1fr}.hub-grid{grid-template-columns:1fr}.topic-hub{padding:24px 20px}.hero-with-art .hero-art{max-height:230px}.hero-with-art .hero-copy{padding:28px 20px}.auto-page-toc nav{max-height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
:root{--ui-content-width:1120px}
.explain-map{margin:28px 0;padding:24px;border:1px solid #92aba0;border-radius:18px;background:#fffdf8;color:#17352f}
.explain-map figcaption{font-size:1.2rem;font-weight:750;line-height:1.5;margin-bottom:20px;color:#17352f}
.explain-compare,.explain-inputs,.explain-steps{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.explain-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
.explain-map .explain-label{display:block;font-size:.95rem;font-weight:750;color:#36594d;margin-bottom:10px}
.explain-compare>div,.explain-inputs>div,.explain-steps>li{padding:20px;background:#edf3ef;border:1px solid #a2b7ad;border-radius:12px}
.explain-map h3{font-size:1.1rem;margin:0 0 10px;line-height:1.5}
.explain-map p{font-size:1rem;line-height:1.7;margin:0;color:#294b40}
.explain-result{margin-top:18px;border-left:5px solid #28765d;padding:16px 20px;background:#e1eee7}
.explain-result strong{display:block;margin-bottom:6px;font-size:1.1rem}
.explain-steps{list-style:none;padding:0;counter-reset:explanation}
.explain-steps>li{counter-increment:explanation}
.explain-steps>li:before{content:counter(explanation);display:grid;place-items:center;width:32px;height:32px;margin-bottom:14px;border-radius:50%;background:#174e40;color:white;font-weight:750}
.section-contents{max-width:1120px;margin:20px auto;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:0 18px}
.section-contents>summary{cursor:pointer;font-weight:750;padding:16px 0;min-height:48px}
.section-contents nav{margin:0 0 18px;padding:0;width:100%}
.section-contents nav a{line-height:1.5;min-height:44px}
.page-context a.page-location{text-decoration:underline;text-underline-offset:4px;font-size:.9rem;line-height:1.5}
@media(max-width:760px){.explain-compare,.explain-inputs,.explain-steps{grid-template-columns:1fr}.explain-map{padding:18px}.section-contents{margin-inline:0}.explain-map figcaption{font-size:1.1rem}}
.hero.hero-with-art{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;max-width:1280px;margin:auto;padding:48px 24px 56px;text-align:left;align-items:center}
.hero.hero-with-art .hero-copy{order:1;width:100%;padding:0;align-items:flex-start}
.hero.hero-with-art .hero-copy h1{font-size:clamp(2.2rem,4vw,3.5rem);margin:14px 0 22px}
.hero.hero-with-art .hero-copy .lead{font-size:1.15rem;line-height:1.75}
.hero.hero-with-art .hero-art{order:2;max-height:none;border-radius:24px;border:1px solid var(--line);box-shadow:0 12px 34px #17352f12}
.hero.hero-with-art .hero-art img{width:100%;height:auto;max-height:none;object-fit:contain}
.hero.hero-with-art .home-choices{width:100%;grid-template-columns:1fr;gap:10px;margin-top:24px}
.hero.hero-with-art .home-choices a{padding:14px 18px;text-align:left;font-size:.95rem}
.hero.hero-with-art .home-choices strong{font-size:1rem}
.hero.hero-with-art .actions{display:flex;width:100%;margin-top:20px;flex-wrap:wrap;justify-content:flex-start;align-self:stretch}
.hero.hero-with-art .actions .btn{white-space:normal;font-size:.9rem;padding:12px 16px}
@media(max-width:800px){.hero.hero-with-art{grid-template-columns:1fr;padding:28px 20px 36px;gap:28px}.hero.hero-with-art .hero-art{max-width:520px}.hero.hero-with-art .hero-copy h1{font-size:2.45rem}.hero.hero-with-art .hero-copy .kicker{font-size:11px}}
footer{flex-wrap:wrap}
footer nav{flex-wrap:wrap;min-width:0;max-width:100%;gap:14px 22px}
.site-topic-links{flex-basis:100%}
.hub-categories[hidden]{display:none}
.top .nav-submenu{width:290px;max-height:75vh;overflow-y:auto}
.top .nav-submenu a{padding:12px;line-height:1.45}
.subhero{padding-top:42px;padding-bottom:35px}
.subhero h1{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.12;max-width:24ch}
.subhero .lead{max-width:65ch;line-height:1.7}
.section>h2,.intro h2{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.18}
.section,.intro{padding-top:56px;padding-bottom:56px}
.section>p,.story p{max-width:75ch;line-height:1.8}
.page-context{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:25px}
.auto-page-toc{box-shadow:none;background:var(--paper);border-radius:16px}
.auto-page-toc summary{padding:18px 22px;font-size:1rem}
.auto-page-toc nav a{font-size:1rem;padding:12px 16px;line-height:1.5;border-radius:9px}
.page-brief{box-shadow:none;background:var(--mint2);border-radius:16px}
.page-brief h2{font-size:1.2rem;line-height:1.5}
.page-brief li{font-size:1rem}
.hub-card h3 a{display:block;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9ab5a8}
@media(min-width:1051px) and (max-width:1250px){.top{padding:12px 20px;gap:10px}.top .brand{width:135px}.top nav{font-size:13px}.top nav>a,.top summary{padding:9px 7px}}
@media(max-width:600px){.section,.intro{padding-top:36px;padding-bottom:36px}.subhero{padding-top:26px;padding-bottom:24px}.subhero h1{font-size:2.25rem}.subhero .lead{font-size:1.125rem}.hero-with-art .hero-copy{width:100%}.home-choices a{text-align:left;padding:18px}.reading-tools>summary{font-size:13px;padding:10px 14px}}
@media print{.nav-menu-button{display:none!important}}
body main h1{font-size:clamp(1.9rem,3.2vw,2.75rem)!important;line-height:1.2!important;max-width:34ch;letter-spacing:-.025em}
body main h2{font-size:clamp(1.4rem,2.3vw,2rem)!important;line-height:1.3!important}
body main .page-brief h2,body main .meta-contents h2{font-size:1.2rem!important}
.hero.hero-with-art{display:flex;flex-direction:column;max-width:none;padding:0 0 48px;gap:28px;text-align:center}
.hero.hero-with-art .hero-art{order:0;width:min(1180px,100%);max-width:1180px;border:0;border-radius:0;box-shadow:none;margin:0 auto}
.hero.hero-with-art .hero-art img{width:100%;height:auto;max-height:none;object-fit:contain}
.hero.hero-with-art .hero-copy{order:1;width:min(1120px,calc(100% - 40px));align-items:center;padding:0}
.hero.hero-with-art .home-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero.hero-with-art .actions{justify-content:center}
@media(max-width:760px){.hero.hero-with-art .home-choices{grid-template-columns:1fr}.hero.hero-with-art .hero-art{max-width:100%}}
