/* Ab 1024px: Querformat, volle Textbreite */
/* Die zwei Portraetkarten laufen ueber die volle Breite wie das Band
   darueber, mit 2 % Luecke in der Mitte (08.09.2026). Sie stehen deshalb
   NICHT mehr im .container-text, sondern direkt in der Section. */
.container-cards.anmeldung {
   width: 100%;
   margin: 0;
   grid-template: none;
   grid-template-columns: 1fr 1fr;
   gap: 2%;
}

.container-cards.anmeldung .cardBox {
   aspect-ratio: 3 / 2;
   display: block;
}

.container-cards.anmeldung .cardBox .card-imgBox img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Größere Overlay-Schrift nur für die breiten Querformat-Kacheln */
@media screen and (min-width: 1024px) {
   .container-cards.anmeldung .cardBox .cardDetails .cardContent h3 {
      font-size: 1.15rem;
      line-height: 1.45rem;
   }
   .container-cards.anmeldung .cardBox .cardDetails .cardContent p {
      font-size: 0.9rem;
      line-height: 1.25rem;
      margin-top: 8px;
   }
}

/* Bis 1023px: zurück aufs Hochformat der alten Porträts */
@media screen and (max-width: 1023px) {
   .container-cards.anmeldung .cardBox {
      aspect-ratio: 3 / 4;
   }
}

/* Kontaktwege auf anmeldung.html: drei Spalten (Anrufen, E-Mail, Online),
   die Linkzeilen auf einer Kante - stretch plus margin-top: auto, dasselbe
   Mittel wie ".fragen .frage" auf patienteninformation.html. */
.three-columns.kontaktwege .column {
   display: flex;
   flex-direction: column;
}

.three-columns.kontaktwege .column .linkzeilen {
   margin-top: auto;
}

/* Rueckruf: Text links in einer Spalte, das Formular ueber die beiden
   anderen. Unter 1024 px steht .three-columns einspaltig, das Spannen
   entfaellt. */
.three-columns.rueckruf .column.rueckruf__formular {
   grid-column: span 2;
}

@media screen and (max-width: 1023px) {
   .three-columns.rueckruf .column.rueckruf__formular {
      grid-column: auto;
   }
}