
/* F9 Nr. 28: Karten einer Reihe gleich hoch, einzeln gestapelt nur so hoch wie der Inhalt */
main .bento, main .duo { align-items: stretch; }
main .bento-tile, main .duo-half { align-self: stretch; }
@media (max-width: 960px) {
  main .bento, main .bento--ind { grid-auto-rows: auto; }
  main .bento-tile, main .stack-card { min-height: 0; height: auto; }
}
/* F9 Nr. 29: zwei Schaltflaechen nebeneinander, mobil untereinander */
.cta-paar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 16px; margin-top: 18px; }
.void .cta-paar .btn { margin-top: 0; }
@media (max-width: 640px) {
  main .actions { flex-direction: column; align-items: stretch; gap: 14px; }
  main .actions .tlink { align-self: flex-start; }
  main .cta-paar { flex-direction: column; align-items: stretch; }
}

/* F10 Nr. 60: schwarze Box so breit wie die zweite, Titel einzeilig */
@media (min-width: 961px) {
  .sec--duo .duo, .sec--duo .duo--mirror { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .sec--duo .duo-half h3 { max-width: none; }
}
@media (min-width: 961px) and (max-width: 1279px) {
  .sec--duo .duo-half h3 { font-size: clamp(28px, 2.8vw, 40px); }
}
