/* Gemeinsamer Bildrahmen: Die Textbox richtet sich am Bild aus. */
.finalcta-frame {
  --cta-inset: clamp(24px, 2.5vw, 48px);
  position: relative;
  isolation: isolate;
  display: grid;
  justify-items: end;
  min-height: clamp(460px, 75vh, 800px);
  margin-inline: clamp(3.1rem, 11vw, 15rem);
  padding: var(--cta-inset);
}
.finalcta-frame > .finalcta-media-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: -1;
}
.finalcta-frame .finalcta-media { height: 100%; }
.finalcta-frame > .finalcta-card {
  position: relative;
  inset: auto;
  transform: none;
  width: min(650px, 100%);
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  align-self: stretch;
}
.finalcta-frame .finalcta-btns { flex-wrap: wrap; }
@media (min-width: 761px) and (max-width: 1366px) {
  .finalcta-frame { margin-inline: 3rem; }
}
@media (min-width: 761px) and (max-width: 1023px) {
  .finalcta-frame { margin-inline: 2rem; }
}
@media (max-width: 760px) {
  .finalcta-frame {
    display: block;
    min-height: 0;
    margin-inline: 1.4rem;
    padding: 0;
  }
  .finalcta-frame > .finalcta-media-wrapper {
    position: relative;
    inset: auto;
    height: 52vh;
    min-height: 260px;
    z-index: 0;
  }
  .finalcta-frame > .finalcta-card {
    width: calc(100% - 24px);
    margin: -3.2rem auto 0;
  }
}
