.ce_tabbedteasers {
  position: relative;
  padding-block: clamp(4.5rem, 3.1047rem + 4.6512vw, 7.5rem);
  background-color: #FCFBF6;
}
.ce_tabbedteasers:first-child {
  padding-top: 8rem;
}
.ce_tabbedteasers .inside {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
  position: relative;
  display: grid;
  grid-template-areas: "stack";
}
.ce_tabbedteasers .tablist-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 40px;
  z-index: 5;
  display: grid;
  grid-template-areas: "stack";
}
@media only screen and (max-width: 579.98px) {
  .ce_tabbedteasers .tablist-wrapper {
    padding: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem) 16px;
  }
}
.ce_tabbedteasers .tablist-wrapper > * {
  grid-area: stack;
}
.ce_tabbedteasers .tablist-wrapper .tablist-btn {
  display: none;
  width: 3.75rem;
  min-width: auto;
  color: #756960;
  border-radius: 0 8px 8px 0;
  padding-inline: 0.75rem;
  background: linear-gradient(-90deg, #FCFBF6 22%, transparent 100%);
  z-index: 3;
  justify-content: flex-end;
}
.ce_tabbedteasers .tablist-wrapper .tablist-btn.is-visible {
  display: inline-flex;
}
.ce_tabbedteasers .tablist-wrapper .tablist-btn-prev {
  transform: scaleX(-1);
}
.ce_tabbedteasers .tablist-wrapper .tablist-btn-next {
  margin-left: auto;
}
.ce_tabbedteasers .tablist {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5%;
  margin: 0;
  padding: 16px clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
  background-color: rgba(252, 251, 246, 0.75);
  backdrop-filter: blur(0.75rem);
  border-radius: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.ce_tabbedteasers .tablist::-webkit-scrollbar {
  display: none;
}
.ce_tabbedteasers .tablist.is-overflowing, .ce_tabbedteasers .tablist:has(li:nth-child(6)) {
  justify-content: space-between;
}
@media only screen and (max-width: 719.98px) {
  .ce_tabbedteasers .tablist {
    padding: 16px;
  }
}
.ce_tabbedteasers .tablist li {
  margin: 0;
}
.ce_tabbedteasers .tablist button {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.8459rem + 0.0969vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1%;
  min-width: auto;
  color: #36332C;
  background-color: transparent;
  border: none;
  padding: 0.2rem;
  white-space: nowrap;
}
.ce_tabbedteasers .tablist button.is-active {
  text-decoration: underline 2px;
  text-underline-offset: 0.3rem;
}
.ce_tabbedteasers .tabitem {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  grid-area: stack;
  aspect-ratio: 14/9;
  min-height: 32rem;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px;
  z-index: -1;
  opacity: 0;
  transition: all 0.4s linear;
}
@media only screen and (min-width: 1920px) {
  .ce_tabbedteasers .tabitem {
    aspect-ratio: 16/9;
  }
}
@media only screen and (max-width: 579.98px) {
  .ce_tabbedteasers .tabitem {
    aspect-ratio: 9/14.85;
    padding: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem) 16px;
  }
}
.ce_tabbedteasers .tabitem.is-active {
  z-index: 1;
  opacity: 1;
  transition: all 0.4s 0.2s linear;
}
.ce_tabbedteasers .tabitem:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(6deg, rgba(15, 15, 15, 0.7) 3%, rgba(0, 0, 0, 0) 30%), linear-gradient(38deg, rgba(54, 50, 45, 0.7) 20%, rgba(0, 0, 0, 0) 56%);
  z-index: 2;
}
.ce_tabbedteasers .tabitem figure, .ce_tabbedteasers .tabitem video {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.ce_tabbedteasers .tabitem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce_tabbedteasers .tabitem video {
  object-fit: cover;
}
.ce_tabbedteasers .tabitem-content {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  color: #FCFBF6;
  z-index: 3;
}
.ce_tabbedteasers .tabitem-content-overline {
  display: block;
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #787547;
  color: #F0ECE2;
  margin-bottom: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
}
.ce_tabbedteasers .tabitem-content-headline {
  color: #FCFBF6;
  margin-bottom: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  max-width: 15ch;
}
.ce_tabbedteasers .tabitem-content-body {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  color: #F0ECE2;
  max-width: 44ch;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Felements%5C%2Fce_tabbedteasers.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACC%3BEACA%2CeC0Fa%3BEDzFb%2CkBC2CW%3B%3BADzCX%3BEACC%3B%3BAAGD%3BEEaA%3BEACA%3BEACA%3BEFbC%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%2CSCqEU%3BEDpEV%3BEAEA%3BEACA%3B%3BAElBD%3BEFSA%3BIAYE%3B%3B%3BAAGD%3BEACC%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%2COClCS%3BEDmCT%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAGD%3BEACC%3B%3BAAED%3BEACC%3B%3BAAKH%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CeCMW%3BEDLX%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAGD%3BEAEC%3B%3BAExEF%3BEFoDA%3BIAwBE%2CSCVG%3B%3B%3BADcJ%3BEACC%3B%3BAAGD%3BEGmEE%2CaFtGW%3BEEuGX%3BEACA%2CaFnGQ%3BEEoGR%3BEACA%3BEHrED%3BEACA%2COC7FS%3BED8FT%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3BEACA%3B%3BAAKH%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CeCvCW%3BEDwCX%3BEACA%2CSC3BU%3BED4BV%3BEACA%3BEACA%3B%3BAEvHD%3BEF0GA%3BIAgBE%3B%3B%3BAEpHF%3BEFoGA%3BIAoBE%3BIACA%3B%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEAEA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CKCpFS%3BEDqFT%2COC%5C%2FHS%3BEDgIT%3B%3BAAEA%3BEACC%3BEGhCA%3BEACA%2CaFrFQ%3BEEsFR%3BEACA%3BEACA%3BEACA%2COF1IQ%3BEE6IJ%2COFhJI%3BED0KR%2CeC1FQ%3B%3BAD8FT%3BEACC%2COC1IQ%3BED2IR%2CeCjGQ%3BEDkGR%3B%3BAAGD%3BEGlFC%3BEAYI%2COF9GI%3BEDsLR%22%7D */