.ce_teasers {
  margin-bottom: clamp(5.75rem, 2.1136rem + 9.697vw, 13.75rem);
  padding-block: clamp(5.75rem, 2.1136rem + 9.697vw, 13.75rem);
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.25)), url("../../bundles/etnofica/img/Stepeniste Studnja.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  background-repeat: no-repeat;
}
.ce_teasers .inside {
  width: 78%;
  max-width: 1280px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .ce_teasers .inside {
    width: 92%;
  }
}
.ce_teasers .headline-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ce_teasers .headline-wrap .overline {
  text-transform: uppercase;
  font-size: 0.6em;
  font-size: clamp(0.6em, 1.5vw, 1em);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.002em;
  display: block;
  margin-bottom: 1em;
  color: #c6aa9d;
}
.ce_teasers .headline-wrap h1 {
  font-size: 2.2em;
  font-size: clamp(2.2em, -3em + 12.4vw, 6.75em);
  line-height: 1.1;
  margin-bottom: 1.2em;
  font-family: "Segoe Script Bold", "Times New Roman", serif;
  font-family: "Segoe Script Bold", "Times New Roman", serif;
}
.ce_teasers .headline-wrap h2 {
  font-size: 1.7em;
  font-size: clamp(1.7em, 0.75rem + 3vw, 4em);
  margin-bottom: 0.7em;
  line-height: 1.2;
  font-family: "Segoe Script Bold", "Times New Roman", serif;
}
.ce_teasers .headline-wrap h3 {
  font-size: 1.1em;
  font-size: clamp(1.1em, 0.9em + 0.55vw, 2em);
  margin-bottom: 0.7em;
  line-height: 1.2;
  font-family: "Segoe Script Bold", "Times New Roman", serif;
}
.ce_teasers .headline-wrap h4 {
  font-size: 0.8em;
  font-size: clamp(0.8em, 0.7em + 0.4vw, 1.4em);
  margin-bottom: 0.5em;
  line-height: 1.2;
  font-family: "Segoe Script Bold", "Times New Roman", serif;
}
.ce_teasers .teasers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2em;
}
.ce_teasers .teaser {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ce_teasers .teaser a {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  opacity: 0;
  background-color: white;
  color: #181818;
  transition: color 0.5s, opacity 1s 1s;
}
.ce_teasers .teaser a:hover {
  color: #c6aa9d;
  background-color: white;
}
.ce_teasers figure {
  overflow: hidden;
}
.ce_teasers figure picture {
  display: block;
  width: 100%;
  height: 100%;
}
.ce_teasers figure figcaption {
  display: none;
}
.ce_teasers figure img {
  width: 100%;
  height: auto;
}
.ce_teasers .btn, .ce_teasers a {
  font-size: 0.8em;
  font-size: clamp(0.8em, 0.7em + 0.4vw, 1.4em);
  margin-bottom: 0.5em;
  line-height: 1.2;
  font-family: "Segoe Script Bold", "Times New Roman", serif;
  font-weight: 500;
  display: block;
  width: fit-content;
  background-color: transparent;
  color: #2F2521;
  border-radius: 24px;
  padding-block: 0.7em;
  padding-block: clamp(0.55em, 4vw, 0.7em);
  padding-inline: 1.55em;
  padding-inline: clamp(1.2em, 4vw, 1.55em);
  transition: 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #8c9086;
  white-space: nowrap;
  transition: color 0.3s ease, background-color 0.3s ease;
  border-radius: 0;
  border: 0;
  background-color: white;
  color: #181818;
  transition: color 0.5s;
}
.ce_teasers .btn:hover, .ce_teasers .btn:focus, .ce_teasers .btn:focus-visible, .ce_teasers .btn:active, .ce_teasers a:hover, .ce_teasers a:focus, .ce_teasers a:focus-visible, .ce_teasers a:active {
  background-color: #c6aa9d;
  color: #8c9086;
}
.ce_teasers .btn:hover, .ce_teasers a:hover {
  background-color: white;
  color: #c6aa9d;
}
.ce_teasers .cta {
  margin-top: 2em;
}
.ce_teasers .teaser:not(:hover) {
  animation: show-overflow 2s forwards;
}
.ce_teasers .teaser:not(:hover) a {
  animation: remove-data 1s forwards;
}
.ce_teasers .teaser:hover a {
  animation: show-data 1s forwards;
  opacity: 1;
  transition: opacity 0.3s;
}
.ce_teasers .teaser:hover {
  animation: remove-overflow 2s forwards;
}
@keyframes show-data {
  50% {
    transform: translateY(-5em);
  }
  100% {
    transform: translateY(-3em);
  }
}
@keyframes remove-overflow {
  to {
    overflow: initial;
  }
}
@keyframes remove-data {
  0% {
    transform: translateY(-3em);
  }
  50% {
    transform: translateY(-5em);
  }
  100% {
    transform: translateY(2.8em);
  }
}
@keyframes show-overflow {
  0% {
    overflow: initial;
    pointer-events: none;
  }
  50% {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .ce_teasers .teaser {
    width: 47%;
  }
  .ce_teasers .teaser:nth-child(3) {
    display: none;
  }
}
@media (max-width: 500px) {
  .ce_teasers .teasers {
    flex-direction: column;
  }
  .ce_teasers .teaser {
    width: 100%;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Fetnofica.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fmarkusmilkereit%2Fetnofica-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2Fce_teasers.scss%22%2C%22var%2Fwww%2Fvhosts%2Fetnofica.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fmarkusmilkereit%2Fetnofica-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2F..%2Fincludes%2F_mixins.scss%22%2C%22var%2Fwww%2Fvhosts%2Fetnofica.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fmarkusmilkereit%2Fetnofica-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2F..%2Fincludes%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACHA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADSA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEoBA%3BAAAA%3BAAAA%3BAAAA%3BAFbI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKC%3BAACG%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKH%3BAACG%3BAAAA%3BAAAA%3BAAAA%3BAAKH%3BAACG%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKH%3BAACG%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%22%7D */