/* === Neue Variablen === */
/* === Alte Variablen === */
.card-square-small {
  display: flex;
  aspect-ratio: 1/1;
  grid-column: 1 span;
  grid-row: 1 span;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 900px) {
  .card-square-small-title {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 900px) {
  .card-text .card-square-small-subtitle {
    display: none;
  }
  .small-rect-to-quad {
    aspect-ratio: 1/0.5 !important;
  }
  .rect-to-quad {
    grid-column: 1 span !important;
    grid-row: 1 span !important;
    aspect-ratio: 1/1 !important;
  }
  .rect-to-quad h4 {
    font-size: 1.125rem;
  }
  .rect-to-quad .card-cta-label {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .quad-to-rect {
    grid-column: 1 span !important;
    grid-row: 1 span !important;
    aspect-ratio: 1/0.5 !important;
  }
  .quad-to-rect .card-text .card-square-small-subtitle {
    display: none;
  }
  .quad-to-big-rect {
    grid-column: 2 span !important;
    grid-row: 1 span !important;
    aspect-ratio: unset !important;
  }
}