.ce_navteasergroup {
  --teaser-gap: 1rem;
  --teaser-short: clamp(11.25rem, 9.9709rem + 4.2636vw, 14rem);
  --teaser-tall: calc(var(--teaser-short) * 2 + var(--teaser-gap));
  display: grid;
  gap: var(--teaser-gap);
  width: 100%;
}
.ce_navteasergroup:has(> .nav-teaser:only-child) {
  grid-template-columns: 1fr;
  grid-template-rows: var(--teaser-tall);
}
.ce_navteasergroup:has(> .nav-teaser:nth-child(2)):not(:has(> .nav-teaser:nth-child(3))) {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: var(--teaser-tall);
}
.ce_navteasergroup:has(> .nav-teaser:nth-child(3)):not(:has(> .nav-teaser:nth-child(4))) {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: var(--teaser-short) var(--teaser-short);
}
.ce_navteasergroup:has(> .nav-teaser:nth-child(3)):not(:has(> .nav-teaser:nth-child(4))) > .nav-teaser:first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
@media only screen and (max-width: 1079.98px) {
  .ce_navteasergroup {
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-inline: contain;
  }
  .ce_navteasergroup::-webkit-scrollbar {
    display: none;
  }
  .ce_navteasergroup:has(> .nav-teaser:only-child) > .nav-teaser {
    max-width: 93vw;
    aspect-ratio: 21/9;
  }
}
.ce_navteasergroup .nav-teaser {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem) clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem) 16px clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  background-color: #D9D8C3;
  color: #36332C;
  text-decoration: none;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 1079.98px) {
  .ce_navteasergroup .nav-teaser {
    flex-shrink: 0;
    width: 100%;
    max-width: 74vw;
    aspect-ratio: 16/9;
    padding: 16px;
  }
  .ce_navteasergroup .nav-teaser:first-child {
    margin-left: var(--container-offset, 3.5vw);
  }
  .ce_navteasergroup .nav-teaser:last-child {
    margin-right: var(--container-offset, 3.5vw);
  }
}
@media (hover: hover) {
  .ce_navteasergroup .nav-teaser:hover img {
    transform: scale(1.07);
  }
}
.ce_navteasergroup .nav-teaser picture {
  position: absolute;
  inset: 0;
}
.ce_navteasergroup .nav-teaser img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.ce_navteasergroup .nav-teaser-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  z-index: 1;
}
.ce_navteasergroup .nav-teaser-headline {
  font-size: clamp(1.3125rem, 1.2253rem + 0.2907vw, 1.5rem);
  line-height: 1.3;
  color: #36332C;
  margin-bottom: 1.25rem;
}
.ce_navteasergroup .nav-teaser-headline em,
.ce_navteasergroup .nav-teaser-headline i {
  letter-spacing: 1%;
}
@media only screen and (max-width: 579.98px) {
  .ce_navteasergroup .nav-teaser-headline {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
}
.ce_navteasergroup .nav-teaser-text {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  line-height: 1.4;
  color: #564E46;
  margin-bottom: clamp(0.5rem, 0.1512rem + 1.1628vw, 1.25rem);
}
.ce_navteasergroup .nav-teaser-meta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  max-width: fit-content;
  padding-right: 16px;
  margin-top: auto;
  background-color: #FCFBF6;
  border-radius: 20px;
}
.ce_navteasergroup .nav-teaser-badge {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  color: #36332C;
  background-color: #fff68f;
  border-radius: 20px;
}
.ce_navteasergroup .nav-teaser-badge-icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}
.ce_navteasergroup .nav-teaser-badge-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ce_navteasergroup .nav-teaser-period {
  color: #36332C;
  font-size: clamp(0.8125rem, 0.7834rem + 0.0969vw, 0.875rem);
  font-weight: 500;
  line-height: 1.2;
}

/*# 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_navteasergroup.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_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_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACI%3BEACA%3BEACA%3BEAEA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3B%3BAClBX%3BEDPD%3BIA8BQ%3BIACA%3BIACA%2CKEyCF%3BIFxCE%3BIACA%3BIACA%3BIACA%3BIACA%3BIACA%3B%3BEAEA%3BIACI%3B%3BEAGJ%3BIACI%3BIACA%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%2CkBErCI%3BEFsCJ%2COEvDI%3BEFwDJ%3BEACA%2CeEkBK%3BEFjBL%3B%3BACpDP%3BED2CG%3BIAYQ%3BIACA%3BIACA%3BIACA%3BIACA%2CSEON%3B%3BEFLM%3BIACI%3B%3BEAGJ%3BIACI%3B%3B%3BAAIR%3BEACI%3BIACI%3B%3B%3BAAIR%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEGVJ%3BEACA%3BEACA%2COD7FQ%3BEFuGA%3B%3BAGRR%3BAAAA%3BEAEI%3B%3BAF3FP%3BED%2BFO%3BIAKQ%3BIACA%3B%3B%3BAAIR%3BEGLJ%3BEAOI%3BEACA%3BEHDI%2COE%5C%2FGA%3BEFgHA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%2CKEhDN%3BEFiDM%3BEACA%2CeElDN%3BEFmDM%3BEACA%2CkBE%5C%2FEA%3BEFgFA%2CeElDC%3B%3BAFqDL%3BEGtBJ%3BEAOI%3BEACA%3BEHgBI%3BEACA%3BEACA%2CKE%5C%2FCE%3BEFgDF%3BEACA%2COEtIA%3BEFuIA%3BEACA%2CeE7DC%3B%3BAFgEL%3BEACI%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3B%3BAAIR%3BEACI%2COExJA%3BEFyJA%3BEACA%2CaE9FA%3BEF%2BFA%22%7D */