.teaser-special {
  max-width: var(--pageLimit);
  margin-left: auto;
  margin-right: auto;
  color: var(--contrastColorInverted);
}
.teaser-special .teaser-special-header {
  background-color: var(--backgroundColor);
  max-width: 820px;
}
.teaser-special .teaser-special-header .teaser-special-header-inner {
  padding: clamp(1.7647058824rem, 1.2877583466rem + 2.5337837838vw, 3.5294117647rem) clamp(1.7647058824rem, -0.5087440382rem + 12.0777027027vw, 10.1764705882rem) clamp(1.7647058824rem, 1.2877583466rem + 2.5337837838vw, 3.5294117647rem) clamp(1.7647058824rem, -1.0969793323rem + 15.2027027027vw, 12.3529411765rem);
}
.teaser-special .teaser-special-content {
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
  gap: 0;
}
.teaser-special .teaser-special-content .teaser-single-sc {
  flex: 1;
  min-width: 400px;
  transition: flex 0.3s ease;
}
.teaser-special .teaser-special-content .teaser-single-sc .item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.teaser-special .teaser-special-content .teaser-single-sc .item {
  height: clamp(300px, 38vw, 700px);
  position: relative;
  display: flex;
  align-items: end;
  overflow: hidden;
}
.teaser-special .teaser-special-content .teaser-single-sc .item .image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.teaser-special .teaser-special-content .teaser-single-sc .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.teaser-special .teaser-special-content .teaser-single-sc .item .image::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.teaser-special .teaser-special-content .teaser-single-sc .item .content {
  z-index: 2;
  transition: var(--baseTransition);
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.teaser-special .teaser-special-content .teaser-single-sc .hidden-button {
  height: 30px;
  margin-top: 15px;
  transition: 0.3s opacity ease;
}
@media screen and (hover: hover) {
  .teaser-special .teaser-special-content .teaser-single-sc[data-link=true]:not(:hover):not(:focus):not(:active):not(:focus-within):not(:focus-visible) .content {
    transform: translateY(45px);
  }
  .teaser-special .teaser-special-content .teaser-single-sc[data-link=true]:not(:hover):not(:focus):not(:active):not(:focus-within):not(:focus-visible) .hidden-button {
    opacity: 0;
  }
}
.teaser-special .teaser-special-content .teaser-single-sc:hover, .teaser-special .teaser-special-content .teaser-single-sc:focus, .teaser-special .teaser-special-content .teaser-single-sc:active, .teaser-special .teaser-special-content .teaser-single-sc:focus-within, .teaser-special .teaser-special-content .teaser-single-sc:focus-visible {
  flex: 2;
  transition: var(--baseTransition);
}
.teaser-special .teaser-special-content:has(.teaser-single:nth-child(1):last-child) .teaser-single-sc {
  flex: 1 1 100%;
  max-width: 100%;
}
@container (max-width: 1200px) {
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc .item {
    height: 400px;
  }
}
@container (max-width: 700px) {
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc {
    flex: unset;
    width: 100%;
    max-width: 100%;
  }
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc:hover, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc:focus, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc:active, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc:focus-within, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(2):last-child) .teaser-single-sc:focus-visible {
    flex: unset;
    width: 100%;
    max-width: 100%;
    transition: var(--baseTransition);
  }
}
@container (max-width: 1200px) {
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc .item {
    height: 400px;
  }
}
@container (max-width: 700px) {
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc {
    flex: unset;
    width: 100%;
    max-width: 100%;
  }
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc:hover, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc:focus, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc:active, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc:focus-within, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(3):last-child) .teaser-single-sc:focus-visible {
    flex: unset;
    width: 100%;
    max-width: 100%;
    transition: var(--baseTransition);
  }
}
@container (max-width: 1200px) {
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc {
    flex: unset;
    width: 50%;
    max-width: 50%;
  }
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:hover, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:focus, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:active, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:focus-within, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:focus-visible {
    flex: unset;
    width: 50%;
    max-width: 50%;
    transition: var(--baseTransition);
  }
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc .item {
    height: 400px;
  }
}
@container (max-width: 700px) {
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc {
    flex: unset;
    width: 100%;
    max-width: 100%;
  }
  .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:hover, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:focus, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:active, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:focus-within, .teaser-special .teaser-special-content:has(.teaser-single:nth-child(4):last-child) .teaser-single-sc:focus-visible {
    flex: unset;
    width: 100%;
    max-width: 100%;
    transition: var(--baseTransition);
  }
}

.editor-styles-wrapper .teaser-special a {
  pointer-events: none !important;
}