/* Ergänzungen zu den abgestimmten Angeboten und zur Lesbarkeit, November 2026. */
body.home-editorial .home-editorial-hero .home-editorial-links .button.primary {
  background:#285c4d!important;
  color:#fff!important;
  border:1px solid #285c4d!important;
  border-radius:11px;
  padding:13px 21px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
body.home-editorial .home-editorial-hero .home-editorial-links .button.primary:hover {
  background:#1d4b3d!important;
  border-color:#1d4b3d!important;
  color:#fff!important;
}
body.home-editorial .home-editorial-hero .home-editorial-links .button:focus-visible {
  outline:3px solid #285c4d;
  outline-offset:4px;
}
body.home-editorial .home-editorial-hero .hero-first-conversation {
  color:#52665b;
  font-size:14px;
  line-height:1.55;
  margin:13px 0 0;
}

/* Vier gleich breite Schritte am Desktop, eine klare Folge auf kleinen Displays. */
body.home-editorial #vorgehen .process-flow.process-even-arrows {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:32px!important;
  row-gap:32px!important;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node {
  padding:22px 20px!important;
  min-height:150px;
  text-align:left;
  justify-content:flex-start!important;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node strong {
  font-size:17px;
  line-height:1.35;
  margin-bottom:8px;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node small {
  font-size:14px;
  line-height:1.55;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node:not(:last-child)::after {
  content:"→"!important;
  top:50%!important;
  bottom:auto!important;
  left:auto!important;
  right:-29px!important;
  transform:translateY(-50%)!important;
  width:24px!important;
}

/* Fakten und Ergebnis stehen in allen drei Angeboten an festen Positionen. */
body.home-editorial #angebot .package-card {
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.home-editorial #angebot .package-card > span {align-self:flex-start;}
body.home-editorial #angebot .package-card > p {
  font-size:15px;
  line-height:1.65;
}
body.home-editorial #angebot .offer-facts {
  display:flex;
  flex-direction:column;
  flex:1;
  gap:0;
  margin:22px 0 0;
  color:#40594b;
  font-size:15px;
  line-height:1.6;
}
body.home-editorial #angebot .offer-facts > div {
  border-top:1px solid #dbe4da;
  padding:13px 0;
}
body.home-editorial #angebot .offer-facts dt,
body.home-editorial #ergebnis .sample-details dt {
  font-weight:750;
  color:#285c4d;
}
body.home-editorial #angebot .offer-facts dd,
body.home-editorial #ergebnis .sample-details dd {
  margin:3px 0 0;
}
body.home-editorial #angebot .offer-facts > .offer-result {
  margin-top:auto;
  padding-bottom:0;
  min-height:100px;
}
body.home-editorial :is(.offer-facts,.sample-details) :is(dt,dd) {
  -webkit-hyphens:none!important;
  hyphens:none!important;
}

/* Ein Datensatz für Tabelle und mobile Karten; alle Angaben bleiben sichtbar. */
body.home-editorial #ergebnis .sample-table {
  min-width:0;
  table-layout:fixed;
  font-size:15px;
  line-height:1.6;
}
body.home-editorial #ergebnis .sample-table thead th {
  font-size:13px;
  line-height:1.4;
  width:auto;
  padding:16px 14px;
}
body.home-editorial #ergebnis .sample-table thead th:nth-child(1) {width:18%;}
body.home-editorial #ergebnis .sample-table thead th:nth-child(2) {width:20%;}
body.home-editorial #ergebnis .sample-table thead th:nth-child(3) {width:28%;}
body.home-editorial #ergebnis .sample-table thead th:nth-child(4) {width:34%;}
body.home-editorial #ergebnis .sample-table tbody th {
  width:auto;
  background:#f3f7f1;
  color:#285c4d;
  font-size:15px;
  font-weight:750;
}
body.home-editorial #ergebnis .sample-table :is(td,tbody th) {
  padding:18px 14px;
  overflow-wrap:break-word;
}
body.home-editorial #ergebnis .sample-table .sample-test {
  font-size:14px;
  line-height:1.6;
  margin:9px 0 0;
  color:#53685b;
}
body.home-editorial #ergebnis .sample-details {
  margin:0;
  font-size:14px;
  line-height:1.6;
}
body.home-editorial #ergebnis .sample-details > div + div {margin-top:10px;}
body.home-editorial #ergebnis .sample-table tbody tr:last-child th {border-bottom:0;}

@media(max-width:1000px) {
  body.home-editorial #vorgehen .process-flow.process-even-arrows {
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:40px!important;
  }
  body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node {min-height:110px;}
  body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node:not(:last-child)::after {
    content:"↓"!important;
    top:auto!important;
    bottom:-32px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  body.home-editorial #ergebnis .sample-table-wrap {border:0;overflow:visible;}
  body.home-editorial #ergebnis .sample-table,
  body.home-editorial #ergebnis .sample-table tbody,
  body.home-editorial #ergebnis .sample-table tbody tr,
  body.home-editorial #ergebnis .sample-table tbody :is(th,td) {display:block;width:100%;}
  body.home-editorial #ergebnis .sample-table {background:transparent;}
  body.home-editorial #ergebnis .sample-table thead {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  body.home-editorial #ergebnis .sample-table tbody tr {
    border:1px solid #d9e4d7;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
  }
  body.home-editorial #ergebnis .sample-table tbody tr + tr {margin-top:18px;}
  body.home-editorial #ergebnis .sample-table tbody th {font-size:18px;border-bottom:1px solid #d9e4d7!important;}
  body.home-editorial #ergebnis .sample-table tbody td {border-bottom:1px solid #e4ebe1;}
  body.home-editorial #ergebnis .sample-table tbody td:last-child {border-bottom:0;}
  body.home-editorial #ergebnis .sample-table tbody td::before {
    content:attr(data-label);
    display:block;
    color:#285c4d;
    font-weight:750;
    font-size:13px;
    margin-bottom:6px;
  }
}
@media(max-width:600px) {
  body.home-editorial .home-editorial-hero h1 {
    font-size:clamp(29px,8.9vw,48px);
    line-height:1.1;
  }
  body.home-editorial .home-editorial-hero .home-editorial-links {row-gap:14px;}
  body.home-editorial .home-editorial-hero .home-editorial-links .button.secondary {
    min-height:0;
    padding-bottom:5px;
  }
  body.home-editorial #angebot .offer-facts > .offer-result {min-height:0;}
  .library-intro h1 {
    font-size:clamp(27px,7.5vw,43px);
    line-height:1.12;
  }
  .library-intro h1 em {white-space:nowrap;}
}
