/* Shared editorial layout for the four home-support topics. */
.page-home-topic .topic-page { color: #15333a; }
.page-home-topic .topic-page * { box-sizing: border-box; }
.page-home-topic .topic-page h1,
.page-home-topic .topic-page h2,
.page-home-topic .topic-page h3,
.page-home-topic .topic-page p { margin-top: 0; }
.page-home-topic .topic-hero { background: #f6f7f3; padding: 28px 0 64px; }
.page-home-topic .topic-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin: 0 0 38px; color: #61757a; font-size: 13px; }
.page-home-topic .topic-breadcrumb a { color: #315f68; text-underline-offset: 3px; }
.page-home-topic .topic-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .96fr); gap: clamp(30px, 5vw, 76px); align-items: center; }
.page-home-topic .topic-hero-copy { min-width: 0; padding-block: 12px; }
.page-home-topic .topic-eyebrow { margin-bottom: 16px; color: #286878; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.page-home-topic .topic-hero h1 { max-width: 14ch; margin-bottom: 22px; color: #14343b; font-size: clamp(38px, 4.1vw, 62px); line-height: 1.09; letter-spacing: -.045em; }
.page-home-topic .topic-lead { max-width: 59ch; margin-bottom: 28px; color: #506a70; font-size: clamp(17px, 1.25vw, 20px); line-height: 1.65; }
.page-home-topic .topic-actions { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; }
.page-home-topic .topic-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 22px; min-height: 52px; padding: 13px 19px; border-radius: 8px; background: #245e6a; color: #fff; text-decoration: none; font-size: 15px; font-weight: 750; line-height: 1.35; transition: background .18s ease-out, transform .18s ease-out; }
.page-home-topic .topic-button:hover { background: #173f49; transform: translateY(-2px); }
.page-home-topic .topic-text-link { color: #245e6a; font-size: 15px; font-weight: 750; text-underline-offset: 4px; }
.page-home-topic .topic-hero-photo { position: relative; margin: 0; min-width: 0; }
.page-home-topic .topic-hero-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1.22; object-fit: cover; object-position: center; border-radius: 16px 72px 16px 16px; }
.page-home-topic .topic-pflegehilfsmittel .topic-hero-photo img,
.page-home-topic .topic-wohnumfeld .topic-hero-photo img { object-position: center 42%; }
.page-home-topic .topic-hero-photo figcaption { position: absolute; bottom: 16px; left: 16px; right: 16px; width: fit-content; max-width: calc(100% - 32px); padding: 10px 14px; border-radius: 6px; background: #fbfaf6; color: #25464c; font-size: 13px; font-weight: 650; line-height: 1.4; }
.page-home-topic .topic-summary { background: #eaf3f1; padding: 22px 0; }
.page-home-topic .topic-summary-inner { display: grid; grid-template-columns: 160px 1fr; gap: 20px; align-items: baseline; }
.page-home-topic .topic-summary strong { color: #245e6a; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.page-home-topic .topic-summary p { margin: 0; color: #31535a; font-size: 15px; line-height: 1.6; }
.page-home-topic .topic-section { padding: 76px 0; }
.page-home-topic .topic-section-heading { max-width: 760px; margin-bottom: 30px; }
.page-home-topic .topic-section h2,
.page-home-topic .topic-bottom h2 { margin-bottom: 15px; color: #14343b; font-size: clamp(29px, 2.9vw, 42px); line-height: 1.16; letter-spacing: -.035em; }
.page-home-topic .topic-section-heading > p:last-child,
.page-home-topic .topic-process-intro > p:last-child,
.page-home-topic .topic-questions-grid > div > p:last-child { max-width: 67ch; margin-bottom: 0; color: #5a7176; line-height: 1.65; }
.page-home-topic .topic-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.page-home-topic .topic-detail-card { padding: 27px; border: 1px solid #d7e4e3; border-radius: 12px; background: #fff; }
.page-home-topic .topic-detail-card:before { content: ''; display: block; width: 38px; height: 3px; margin-bottom: 25px; border-radius: 3px; background: #77a8a8; }
.page-home-topic .topic-detail-card h3 { margin-bottom: 10px; color: #193c44; font-size: 20px; line-height: 1.3; }
.page-home-topic .topic-detail-card p { margin-bottom: 0; color: #587077; font-size: 15px; line-height: 1.62; }
.page-home-topic .topic-process { background: #f6f7f3; }
.page-home-topic .topic-process-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 90px); }
.page-home-topic .topic-steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.page-home-topic .topic-steps li { display: flex; gap: 20px; padding: 0 0 23px; border-bottom: 1px solid #d6e1df; }
.page-home-topic .topic-steps li + li { padding-top: 23px; }
.page-home-topic .topic-steps li:last-child { border-bottom: 0; padding-bottom: 0; }
.page-home-topic .topic-step-number { display: grid; flex: 0 0 38px; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #dcece9; color: #245e6a; font-weight: 800; }
.page-home-topic .topic-steps h3 { margin: 2px 0 7px; color: #193c44; font-size: 19px; line-height: 1.3; }
.page-home-topic .topic-steps p { margin-bottom: 0; color: #587077; font-size: 15px; line-height: 1.6; }
.page-home-topic .topic-questions-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(32px, 6vw, 90px); }
.page-home-topic .topic-faq { border-top: 1px solid #d7e4e3; }
.page-home-topic .topic-faq-item { border-bottom: 1px solid #d7e4e3; }
.page-home-topic .topic-faq-item summary { position: relative; padding: 22px 36px 22px 0; color: #193c44; font-weight: 750; line-height: 1.45; cursor: pointer; list-style: none; }
.page-home-topic .topic-faq-item summary::-webkit-details-marker { display: none; }
.page-home-topic .topic-faq-item summary:after { content: '+'; position: absolute; right: 5px; color: #286878; font-size: 23px; line-height: 1; }
.page-home-topic .topic-faq-item[open] summary:after { content: '−'; }
.page-home-topic .topic-faq-item p { max-width: 66ch; margin: -5px 0 22px; color: #587077; font-size: 15px; line-height: 1.65; }
.page-home-topic .topic-bottom { padding: 0 0 60px; }
.page-home-topic .topic-bottom-panel { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: clamp(28px, 4vw, 50px); border-radius: 14px; background: #163a43; color: #e8f1ef; }
.page-home-topic .topic-bottom-panel .topic-eyebrow { color: #a6cfca; }
.page-home-topic .topic-bottom h2 { color: #fff; }
.page-home-topic .topic-bottom-panel p:last-child { max-width: 58ch; margin-bottom: 0; color: #c8dbd9; line-height: 1.65; }
.page-home-topic .topic-bottom-actions { display: grid; flex: 0 0 auto; gap: 12px; min-width: 220px; }
.page-home-topic .topic-button-light { background: #fff; color: #173f49; }
.page-home-topic .topic-button-light:hover { background: #eaf3f1; color: #173f49; }
.page-home-topic .topic-bottom-actions > a:last-child { color: #e3f1ef; font-size: 14px; font-weight: 700; text-align: center; text-underline-offset: 4px; }
.page-home-topic .topic-related { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 30px; }
.page-home-topic .topic-related strong { margin-right: 12px; color: #173f49; font-size: 14px; }
.page-home-topic .topic-related a { color: #286878; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.page-home-topic .topic-page a:focus-visible,
.page-home-topic .topic-page summary:focus-visible { outline: 3px solid #297785; outline-offset: 4px; }
@media (max-width: 900px) {
  .page-home-topic .topic-hero-grid { gap: 28px; }
  .page-home-topic .topic-hero h1 { font-size: clamp(34px, 4vw, 49px); }
  .page-home-topic .topic-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .page-home-topic .topic-hero { padding: 22px 0 38px; }
  .page-home-topic .topic-breadcrumb { margin-bottom: 24px; }
  .page-home-topic .topic-hero-grid,
  .page-home-topic .topic-process-grid,
  .page-home-topic .topic-questions-grid { grid-template-columns: 1fr; }
  .page-home-topic .topic-hero h1 { max-width: 16ch; font-size: clamp(34px, 8vw, 45px); }
  .page-home-topic .topic-lead { font-size: 16px; }
  .page-home-topic .topic-hero-photo img { aspect-ratio: 1.42; border-top-right-radius: 48px; }
  .page-home-topic .topic-summary-inner { grid-template-columns: 1fr; gap: 6px; }
  .page-home-topic .topic-section { padding: 48px 0; }
  .page-home-topic .topic-card-grid { grid-template-columns: 1fr; }
  .page-home-topic .topic-detail-card { padding: 22px; }
  .page-home-topic .topic-bottom-panel { display: block; }
  .page-home-topic .topic-bottom-actions { margin-top: 26px; }
  .page-home-topic .topic-related { align-items: flex-start; flex-direction: column; }
}