/* Functional fit for preserved filters and media; shared typography, colors,
   spacing, header, footer and button system come from the unchanged template. */
body[data-seiten28-id] .kn-filter-fields{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
body[data-seiten28-id] .kn-filter-fields label{display:flex;flex:1 1 220px;flex-direction:column;gap:8px;font:inherit}
body[data-seiten28-id] .kn-filter-fields :is(input,select){box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid currentColor;border-radius:6px;font:inherit;color:inherit;background:transparent}
body[data-seiten28-id] [data-kn-card][hidden],body[data-seiten28-id] .kn-hub-category[hidden]{display:none!important}
body[data-seiten28-id] .kn-hub-category{grid-column:1/-1}
body[data-seiten28-id] .kn-article video{display:block;max-width:100%;width:360px;height:auto;margin:16px auto}
body[data-seiten28-id] .kn-hub-grid .kn-figure{margin:0 0 18px;width:100%;max-width:100%}
body[data-seiten28-id] .kn-hub-grid .kn-figure img{display:block;width:100%;height:auto}
body[data-seiten28-id] .kr-ref-controls{flex-wrap:wrap}
body[data-seiten28-id] .kr-ref-controls button{min-height:44px}

/* Das Rechenbeispiel ist kein Inhaltsverzeichnis. */
.kn-article details.kn-calculation{margin:18px 0;padding:16px 18px;background:#fff;border:1px solid #e0e5e8;border-radius:9px}.kn-article details.kn-calculation>summary{cursor:pointer;font-weight:750;min-height:44px;display:flex;align-items:center}.kn-article details.kn-calculation>summary:focus-visible{outline:3px solid #ad491b;outline-offset:3px}

/* Vorhandene Fotokarten nutzen denselben Rahmen und dieselbe Linkgrundlinie. */
body[data-seiten28-id="03"] .kn-project-grid>article>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
body[data-seiten28-id="03"] .kn-project-grid>article>.grade-evidence-body,body[data-seiten28-id="03"] .kn-project-grid>article>.card-body{display:flex;flex-direction:column;flex:1}
body[data-seiten28-id="03"] .kn-project-grid>article>.grade-evidence-body>a:last-child,body[data-seiten28-id="03"] .kn-project-grid>article>.card-body>a:last-child{margin-top:auto;padding-top:30px}

/* Im Ruhemodus außerhalb des Bildes, aber per Tab erreichbar. */
body[data-seiten28-id] a.skip-link{visibility:visible!important}