/* K51: Funktionsseiten (Aufbau wie warum-croftx, ergänzt um Fliesstext, Brotkrumen, FAQ). */
.bc{font-size:14px;color:var(--mute);margin-bottom:26px}
.bc a{text-decoration:underline;text-underline-offset:3px}
.bc a:hover{color:var(--navy)}
.prose{max-width:760px}
.prose h2{margin-bottom:16px}
.prose h3{font:700 21px/1.25 'Space Grotesk',system-ui,sans-serif;margin:28px 0 8px}
.prose p{font-size:17px;line-height:1.7;color:var(--ink2);margin:0 0 14px}
.prose ul{margin:0 0 16px 22px;color:var(--ink2);font-size:17px;line-height:1.7}
.prose li{margin:4px 0}
.prose a{color:var(--g1);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--navy)}
.weiter{display:grid;gap:14px;margin-top:26px}
@media(min-width:760px){.weiter{grid-template-columns:repeat(3,1fr)}}
.weiter a{display:block;border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;transition:border-color .2s}
.weiter a:hover{border-color:var(--navy)}
.weiter b{display:block;font-size:17px;margin-bottom:4px}
.weiter span{color:var(--ink2);font-size:15px;line-height:1.5}
.faq details{border-top:1px solid #CBD5E1;padding:16px 0;max-width:760px}
.faq details:last-of-type{border-bottom:1px solid #CBD5E1}
.faq summary{cursor:pointer;font:700 18px/1.35 'Space Grotesk',system-ui,sans-serif;list-style-position:outside}
.faq details p{margin-top:10px;color:var(--ink2);font-size:16.5px;line-height:1.65}
h1{font-size:clamp(30px,8.2vw,64px)}
h1,h2{-webkit-hyphens:auto;hyphens:auto}