.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.6666666667rem, 1.2162162162rem + 2.5337837838vw, 3.3333333333rem) clamp(1.6666666667rem, -0.4804804805rem + 12.0777027027vw, 9.6111111111rem) clamp(1.6666666667rem, 1.2162162162rem + 2.5337837838vw, 3.3333333333rem) clamp(1.6666666667rem, -1.036036036rem + 15.2027027027vw, 11.6666666667rem);
}
.teaser-special .teaser-special-content {
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
  gap: 0;
  row-gap: clamp(1.1111111111rem, 0.8108108108rem + 1.6891891892vw, 2.2222222222rem);
}
.teaser-special .teaser-special-content .teaser-single-sc {
  flex: 1;
  min-width: 500px;
  transition: flex 0.3s ease;
}
@media screen and (max-width: 1501px) {
  .teaser-special .teaser-special-content .teaser-single-sc {
    min-width: 400px;
  }
}
.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-link:focus-visible {
  border: 2px solid var(--color-orange);
}
.teaser-special .teaser-special-content .teaser-single-sc .item {
  height: clamp(300px, 38vw, 720px);
  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%;
  opacity: 0.7;
  background: var(--teaser-and-background, linear-gradient(0deg, rgba(5, 49, 59, 0.7) 0%, rgba(2, 34, 42, 0) 100%));
}
.teaser-special .teaser-special-content .teaser-single-sc .item .content {
  z-index: 2;
  transition: var(--baseTransition);
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.teaser-special .teaser-special-content .teaser-single-sc .hidden-button {
  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(75px);
  }
  .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;
}