/**
* Block Name: teaser_cards
*/

section.teaser_cards {
  overflow: hidden;
}

/* Card Frame */

section.teaser_cards .card_frame {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -o-linear-gradient(330.21deg, #ffffff 52.6%, #f2f2f2 100%);
  background: linear-gradient(119.79deg, #ffffff 52.6%, #f2f2f2 100%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.5s ease, -webkit-transform 0.5s ease;
  padding: 30px;
  color: #333;
  border: 1px solid #e11a27;
  border-radius: 6px;
  // shadow weg und hover effect tauschen für alten zustand
  -webkit-box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.3), -5px -5px 10px rgba(255, 255, 255, 0.25), 3px 3px 4px rgba(0, 0, 0, 0.1), 8px 8px 20px rgba(0, 0, 0, 0.2), inset -4px -4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.3), -5px -5px 10px rgba(255, 255, 255, 0.25), 3px 3px 4px rgba(0, 0, 0, 0.1), 8px 8px 20px rgba(0, 0, 0, 0.2), inset -4px -4px 4px rgba(0, 0, 0, 0.1);
}

/* Hover */

/* section.teaser_cards .card_frame:hover {
    -webkit-box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.3), -5px -5px 10px rgba(255, 255, 255, 0.25), 3px 3px 4px rgba(0, 0, 0, 0.2), 8px 8px 20px rgba(0, 0, 0, 0.2);
    box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.3), -5px -5px 10px rgba(255, 255, 255, 0.25), 3px 3px 4px rgba(0, 0, 0, 0.2), 8px 8px 20px rgba(0, 0, 0, 0.2);
} */
section.teaser_cards .card_frame:hover {
  -webkit-box-shadow: -2px -2px 4px rgba(255, 255, 255, 0), -5px -5px 10px rgba(255, 255, 255, 0), 3px 3px 4px rgba(0, 0, 0, 0.1), 8px 8px 20px rgba(0, 0, 0, 0.2), inset -4px -4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: -2px -2px 4px rgba(255, 255, 255, 0), -5px -5px 10px rgba(255, 255, 255, 0), 3px 3px 4px rgba(0, 0, 0, 0.1), 8px 8px 20px rgba(0, 0, 0, 0.2), inset -4px -4px 4px rgba(0, 0, 0, 0.1);
}

section.teaser_cards .card_frame:hover .btn_secondary:after {
  right: 5px;
}

/* Content */

section.teaser_cards .content_frame .btn_secondary {
  margin-top: 15px;
}

/* BLOCK SPECIFIC CODE */

section.teaser_cards .spalten_2 .card_wrapper:nth-child(n + 3),
section.teaser_cards .spalten_3 .card_wrapper:nth-child(n + 4),
section.teaser_cards .spalten_4 .card_wrapper:nth-child(n + 5) {
  margin-top: 30px;
}

@media (max-width: 575.98px) {
  section.teaser_cards .spalten_3 .card_wrapper:nth-child(n + 2),
  section.teaser_cards .spalten_4 .card_wrapper:nth-child(n + 2) {
    margin-top: 30px;
  }
}

@media (max-width: 767.98px) {
  section.teaser_cards .spalten_2 .card_wrapper:nth-child(n + 2),
  section.teaser_cards .spalten_4 .card_wrapper:nth-child(n + 3) {
    margin-top: 30px;
  }
}

@media (max-width: 991.98px) {
  section.teaser_cards .spalten_3 .card_wrapper:nth-child(n + 3),
  section.teaser_cards .spalten_4 .card_wrapper:nth-child(n + 4) {
    margin-top: 30px;
  }
}