.ek-schrittepopup .ek-popup__backdrop {
  background: #f9f5e3e6;
}

.ek-schrittepopup .ek-popup__box {
  width: min(1152px, 80vw);
  max-width: none;
  height: 720px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  border-radius: 30px;
  background: var(--ek-white);
  box-shadow: 2px 8px 23px 3px #0003;
}

.ek-schrittepopup .ek-popup__close {
  top: 15px;
  right: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 0;
  background: var(--ek-gold);
  color: var(--ek-white);
  font-size: 30px;
  line-height: 30px;
}

.ek-schrittepopup__inhalt[data-astro-cid-srreu5ph] {
  padding: 30px;
  color: var(--ek-primary);
  line-height: 24px;
}

.ek-schrittepopup__schritt[data-astro-cid-srreu5ph] h2[data-astro-cid-srreu5ph] {
  margin: 0;
  color: var(--ek-gold);
  font-family: var(--ek-font-script);
  font-size: 72px;
  font-weight: 400;
  line-height: 48px;
}

.ek-schrittepopup__schritt[data-astro-cid-srreu5ph] h2[data-astro-cid-srreu5ph] em {
  font-style: normal;
}

.ek-schrittepopup__untertitel[data-astro-cid-srreu5ph] {
  margin: 15px 0 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ek-schrittepopup__text[data-astro-cid-srreu5ph] p {
  margin: 0 0 16px;
}

@media (width <= 767px) {
  .ek-schrittepopup .ek-popup__box {
    width: 312px;
  }

  .ek-schrittepopup__inhalt[data-astro-cid-srreu5ph] {
    padding: 30px;
  }

  .ek-schrittepopup__schritt[data-astro-cid-srreu5ph] h2[data-astro-cid-srreu5ph] {
    font-size: 54px;
    line-height: 42px;
  }
}