/* Hilfe 1 — Hilfe-Center: Suche, Kategorien und Artikel mit Kategorieleiste. Klassenpräfix hf-. */
body{min-height:100vh;display:flex;flex-direction:column;--paper:#fff;--soft:color-mix(in srgb,var(--accent) 6%,#fff);--ink:#1b2422;--muted:#586461;--hf-line:#dde5e3;background:var(--paper)}
h1,h2,h3{font-family:var(--heading-font);letter-spacing:-.02em;white-space:normal;font-weight:700}
h1{font-size:clamp(30px,4.4vw,42px);line-height:1.15;margin:0 0 16px}h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0 0 12px;max-width:none}h3{font-size:19px;line-height:1.35;margin:0 0 6px}
p{margin:0 0 14px}.lead,.body-copy{font-size:17px;line-height:1.7;max-width:none}.eyebrow{margin:0 0 8px;color:var(--accent);letter-spacing:.1em}
.hf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.button{border-radius:8px}
/* Kopf */
.hf-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--hf-line)}
.hf-bar{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.hf-brand{display:flex;align-items:center;gap:10px;padding-block:12px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.hf-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:800}
.hf-header nav{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:15px;align-self:stretch}.hf-header nav a{display:flex;align-items:center;padding:20px 10px;color:var(--muted);text-decoration:none;box-shadow:inset 0 -2px 0 transparent}.hf-header nav a:hover{color:var(--ink)}.hf-header nav a[aria-current],.hf-header nav a:hover,.hf-header nav a:focus-visible{text-decoration:none}.hf-header nav a[aria-current]{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
.hf-header nav .nav-menu>li{align-self:stretch}.hf-header nav .nav-menu>li:last-child>.nav-sub{left:auto;right:0}
@media(max-width:760px){.hf-header nav.has-toggle .nav-sub,.hf-header nav.has-toggle .nav-menu>li:last-child>.nav-sub{background:none;border:0;border-radius:0;box-shadow:none;left:auto;right:auto}.hf-header .has-toggle .nav-menu>li>a{padding:12px 4px}.hf-header .has-toggle .nav-menu>li>a[aria-current]{box-shadow:none}.hf-header .nav-menu>li{align-self:auto}}
/* Großer Einstieg */
.hf-opt:empty:not([contenteditable]){display:none}
.hf-hero{display:grid;gap:32px;align-items:center}.hf-hero.has-image{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}
.hf-hero h1{font-size:clamp(34px,5vw,52px);line-height:1.1;margin:0 0 16px}.hf-hero .lead{max-width:620px;margin:0 0 24px;font-size:19px;color:var(--muted);white-space:pre-line}.hf-hero .lead:last-child{margin-bottom:0}.hf-actions{margin-top:4px}
.hf-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.variant-dark .hf-hero :is(.lead,.eyebrow){color:inherit;opacity:.9}
.layout-zentriert .hf-hero{grid-template-columns:minmax(0,1fr);text-align:center}.layout-zentriert .hf-hero .lead{margin-inline:auto}.layout-zentriert .hf-hero-media{max-width:760px;margin-inline:auto}
.layout-vollbild .hf-hero.has-image{position:relative;grid-template-columns:minmax(0,1fr);min-height:400px;align-content:end;padding:40px;border-radius:12px;overflow:hidden;color:#fff}.layout-vollbild .hf-hero-media{position:absolute;inset:0;margin:0}.layout-vollbild .hf-hero-media img{height:100%;aspect-ratio:auto;border-radius:0}.layout-vollbild .hf-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0000 80%)}.layout-vollbild .hf-hero-copy{position:relative}.layout-vollbild .hf-hero :is(.lead,.eyebrow){color:#fff}
/* Startseite */
.hf-main>.section{padding:56px 0}.hf-main>.section>.wrap{width:min(1200px,calc(100% - 48px))}
.hf-main>.block-hero:has(+.block-search){padding-bottom:24px}.hf-main>.block-hero+.block-search{padding-top:0}
.hf-main .search-box{max-width:720px}.hf-main .search-box input{padding:16px 18px;font-size:18px;background:#fff}.hf-main .search-box .button{padding-inline:26px}
.hf-main .search-results{max-width:720px}.hf-main .block-search.layout-zentriert .search-results{text-align:left}
.hf-main .search-results ul{background:#fff;border:1px solid var(--hf-line);border-radius:10px;padding:4px 18px}.hf-main .search-results li:first-child{border-top:0}.hf-main .search-results li:last-child{border-bottom:0}
.hf-main .search-status{padding:12px 0}
.hf-main{flex:1 0 auto}.hf-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}




/* Artikel und Kategorien */
.hf-shell{padding:24px 0 72px}.hf-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:14px;color:var(--muted)}.hf-crumbs li+li::before{content:"›";margin:0 8px;color:var(--muted)}.hf-crumbs a{color:var(--muted);text-decoration:none}.hf-crumbs a:hover{color:var(--accent);text-decoration:underline}.hf-crumbs [aria-current]{color:var(--ink)}
.hf-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;margin-top:24px}.hf-grid.hf-grid-toc{grid-template-columns:280px minmax(0,1fr) 220px}.hf-grid.hf-grid-noside{grid-template-columns:minmax(0,1fr)}.hf-grid.hf-grid-noside.hf-grid-toc{grid-template-columns:minmax(0,1fr) 220px}
.hf-side-desktop,.hf-toc{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow-x:hidden;overflow-y:auto}.hf-side-mobile{display:none}
.hf-side{padding-inline:8px}.hf-side-title{margin:0 0 10px;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hf-side-group{border-top:1px solid var(--hf-line);padding:4px 0}.hf-side-group:last-child{border-bottom:1px solid var(--hf-line)}
.hf-side-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;list-style:none;cursor:pointer;font-weight:650}.hf-side-group>summary::-webkit-details-marker{display:none}
.hf-side-group>summary::after{content:"";flex:none;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}.hf-side-group[open]>summary::after{transform:rotate(-135deg)}
.hf-side-group>summary a{min-width:0;overflow-wrap:anywhere;color:var(--ink);text-decoration:none}.hf-side-group>summary a[aria-current]{color:var(--accent)}
.hf-side-group ul{list-style:none;margin:0 0 8px;padding:0}.hf-side-group li a{display:block;overflow-wrap:anywhere;margin-inline:-8px;padding:6px 8px;border-radius:6px;font-size:15px;line-height:1.4;color:var(--muted);text-decoration:none}.hf-side-group li a:hover{background:var(--soft);color:var(--ink)}.hf-side-group li a[aria-current]{background:var(--soft);color:var(--accent);font-weight:650}
.hf-article{min-width:0}
.hf-article .section{padding:0 0 32px;background:none}.hf-article :is(.variant-light,.variant-soft){color:var(--ink)}.hf-article .section>.wrap{width:auto;margin:0}
.hf-article :is(.variant-soft,.variant-dark)>.wrap{padding:24px;border-radius:12px}.hf-article .variant-soft>.wrap{background:var(--soft)}.hf-article .variant-dark{color:inherit}.hf-article .variant-dark>.wrap{background:var(--accent);color:var(--on-accent)}
.hf-article .post-header{width:auto;margin:0 0 28px;padding:0}.hf-article .post-header :is(.post-back,.post-date){display:none}.hf-article .post-header h1{margin:0}.hf-article .post-cover{margin-top:20px;border-radius:12px}
.hf-article .section-intro{max-width:none;margin-bottom:20px}.hf-article h2{font-size:26px}.hf-article .block-posts h2{font-size:24px}.hf-article .prose{max-width:none}
.hf-article :is(.rich-text,.body-copy) :is(ul,ol){padding-left:1.3em;margin:0 0 16px}.hf-article .rich-text li{margin-bottom:6px}
.hf-article .block-posts :is(.eyebrow,.post-date),.hf-article .block-posts time{display:none}.hf-article .block-posts .post-card-copy h3{font-size:20px;margin-bottom:6px}.hf-article .block-posts .post-card-copy h3 a{color:var(--accent)}.hf-article .block-posts .post-more{color:var(--accent)}
.hf-related{margin-top:8px;padding-top:24px;border-top:1px solid var(--hf-line)}.hf-related h2{font-size:20px;margin:0 0 8px}.hf-related ul{list-style:none;margin:0;padding:0}.hf-related li{padding:10px 0;border-top:1px solid var(--hf-line)}.hf-related li:first-child{border-top:0}.hf-related a{font-weight:650;color:var(--accent);text-decoration:none}.hf-related a:hover{text-decoration:underline}.hf-related span{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.hf-toc{font-size:14px}.hf-toc ul{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--hf-line)}.hf-toc a{display:block;padding:5px 0;line-height:1.4;color:var(--muted);text-decoration:none}.hf-toc a:hover{color:var(--accent)}
/* Fuß */
.hf-footer{padding:28px 0 44px;border-top:1px solid var(--hf-line);background:var(--soft);font-size:14px;color:var(--muted)}.hf-foot{width:min(1200px,calc(100% - 48px));margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}.hf-foot p{margin:0}.hf-foot-name{font-weight:700;color:var(--ink)}.hf-foot-name .brand-logo{height:28px;width:auto}
.hf-footer .footer-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}.hf-footer .footer-links a{text-decoration:none}.hf-footer .footer-links a:hover{text-decoration:underline}
/* Schmale Fenster */
@media(max-width:1100px){.hf-grid,.hf-grid.hf-grid-toc{grid-template-columns:240px minmax(0,1fr);gap:36px}.hf-grid.hf-grid-noside,.hf-grid.hf-grid-noside.hf-grid-toc{grid-template-columns:minmax(0,1fr)}.hf-toc{display:none}}
@media(max-width:860px){.hf-grid,.hf-grid.hf-grid-toc{grid-template-columns:minmax(0,1fr);gap:20px}.hf-side-desktop{display:none}.hf-side-mobile{display:block;padding:0 16px;border:1px solid var(--hf-line);border-radius:10px;background:#fff}.hf-side-mobile>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;list-style:none;font-weight:650;cursor:pointer}.hf-side-mobile>summary::-webkit-details-marker{display:none}.hf-side-mobile>summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}.hf-side-mobile[open]>summary::after{transform:rotate(-135deg)}.hf-side-mobile .hf-side-title{display:none}.hf-side-mobile .hf-side-group:last-child{border-bottom:0}.hf-side-mobile[open]>summary{border-bottom:1px solid var(--hf-line)}.hf-shell{padding-bottom:48px}}
@media(max-width:860px){.hf-hero.has-image{grid-template-columns:minmax(0,1fr);gap:28px}.layout-vollbild .hf-hero.has-image{padding:24px;min-height:320px}}
@media(max-width:760px){.hf-header nav:not(.has-toggle){flex:0 0 100%;margin:-6px -8px 0}.hf-header nav:not(.has-toggle){font-size:14px;gap:0}.hf-header nav:not(.has-toggle) a{padding:10px 7px}.hf-brand{padding-block:10px}.hf-bar{min-height:0}.hf-main>.section{padding:40px 0}.hf-bar,.hf-foot{width:calc(100% - 32px)}.hf-main>.section>.wrap,.hf-wrap{width:calc(100% - 32px)}}
