{# Euroland start #}
.cp-card-screen-iframe-wrapper .iframe-container {
  position: absolute;
  bottom: var(--main-padding);
  right: var(--main-padding);
  z-index: 5;
  width: 240px;
  height: 138px;
}

.cp-card-screen-iframe-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.cp-card-screen-iframe-wrapper .desktop-iframe {
  display: block;
}
.cp-card-screen-iframe-wrapper .mobile-iframe {
  display: none;
}


{# Euroland end #}

.cp-card-screen-iframe,
.cp-card-screen-iframe-wrapper {
  display: flex;
  max-width: 100%;
  margin: auto;
  width: 100%;
}

.cp-card-screen-iframe-wrapper {
  position: relative;
}

.cp-card-screen-iframe-image {
  position: relative;
}

.cp-card-screen-iframe.image-left {
  flex-direction: row;
}

.cp-card-screen-iframe.image-right {
  flex-direction: row-reverse;
}

.cp-card-screen-iframe-cta {
  margin: 0;
  padding: calc(1.5 * var(--main-padding)) 0 calc(var(--main-padding)*1);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--main-padding)*2);
}

@media (max-width: 1600px) {
  .cp-card-screen-iframe-wrapper .iframe-container {
    top: var(--main-padding);
  }
}

@media (max-width: 1319px) {
  .cp-card-screen-iframe.image-left .cp-card-screen-iframe-text {
    padding-right: 80px;
  }

  .cp-card-screen-iframe.image-right .cp-card-screen-iframe-text {
    padding-left: 80px;
  }

  .cp-card-screen-iframe-wrapper .iframe-container {
    width: 212px;
    right: var(--main-padding);
  }

  .cp-card-screen-iframe-wrapper .desktop-iframe {
    display: none;
  }
  .cp-card-screen-iframe-wrapper .mobile-iframe {
    display: block;
  }

}

@media (max-width: 1024px) {
  .cp-card-screen-iframe.image-left,
  .cp-card-screen-iframe.image-right {
    flex-direction: column-reverse;
  }
  .cp-card-screen-iframe-cta {
    flex-direction: column;
    gap: calc(var(--main-padding)*4.5);
  }
  .cp-card-screen-iframe.image-left .cp-card-screen-iframe-text {
    padding-right: calc(2 * var(--main-padding));
  }

  .cp-card-screen-iframe.image-right .cp-card-screen-iframe-text {
    padding-left: calc(2 * var(--main-padding));
  }

  .cp-card-screen-iframe.image-left .cp-card-screen-iframe-image,
  .cp-card-screen-iframe.image-right .cp-card-screen-iframe-image,
  .cp-card-screen-iframe.image-right .cp-card-screen-iframe-text,
  .cp-card-screen-iframe.image-left .cp-card-screen-iframe-text,
  .cp-card-screen-iframe-text,
  .cp-card-screen-iframe-image {
    width: 100%;
  }

  .cp-card-screen-iframe-wrapper .iframe-container {
    top: auto;
    bottom: -48px;
  }
}