/* Salespage Abdeckplane: Review what ccan be removed */
@media (min-width: 900px) and (max-width: 1200px) {
  h1.wf-fake-h2.wf-salespage-h1 {
    font-size: 35px !important;
  }
}

.wf-salespage-cta-sticky {
  background-color: #ededed;
  margin-bottom: 0;
}

.wf-salespage-cta-sticky p {
  font-weight: bolder;
  font-size: 20px;
}

@media (min-width: 400px) and (min-height: 650px) {
  .wf-salespage-cta-sticky .wp-block-button {
    margin-bottom: 0 !important;
  }
}

.wf-partner-feature-card {
  border: 2px solid #ededed;
  border-radius: 10px;
  padding: 0;
}

.wf-partner-feature-card:empty {
  border-color: transparent;
}

.wf-partner-feature-card .wp-block-image img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.wf-partner-feature-card .wp-block-group {
  padding: 15px 15px 0;
  font-size: 17px;
}

@media (max-width: 749px) {
  .wf-salespage-feature-section .wp-block-columns {
    display: block !important;
    margin-bottom: 0;
  }

  .wf-salespage-feature-section .wp-block-column:last-child {
    margin-left: 0 !important;
  }

  .wf-salespage-feature-section .wp-block-column {
    margin-bottom: 30px;
  }
}

@media (min-width: 350px) {
  .wf-salespage-feature-card {
    position: relative;
    background-color: #fff;
    padding: 0;
  }

  .wf-salespage-feature-card .wp-block-image {
    margin: 0;
    position: relative;
    line-height: 1;
  }

  .wf-salespage-feature-card .wp-block-image::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    bottom: 0px; /* komische lücke umgehen */
  }

  .wf-salespage-feature-card .wp-block-group {
    padding: 5px 8px 20px;
    padding: 1.4vw 2.28vw 5.71vw;
    position: absolute;
    z-index: 1;
    top: 60%;
  }

  .wf-salespage-feature-card h3 {
    color: #f8f8f8;
    margin: 0 !important;
    font-size: 15px !important;
    font-size: 4.28vw !important;
  }

  .wf-salespage-feature-card p {
    color: #ededed;
    font-size: 13px;
    font-size: 3.6vw;
    margin: 0;
  }

  .wf-salespage-feature-card h3::after {
    content: "";
    display: block;
    background-color: #d0ab76;
    height: 1px;
    margin: 3px 65% 3px 0;
    margin: 0.85vw 65% 0.85vw 0;
  }

  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-group,
  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-image::after {
    top: 55%;
  }
}

@media (min-width: 350px) and (max-width: 1399px) {
  .wf-salespage-feature-card p {
    line-height: 1.2;
  }
}

@media (min-width: 750px) {
  .wf-salespage-feature-card .wp-block-image::after {
    top: 58.5%;
  }

  .wf-salespage-feature-card .wp-block-group {
    padding: 5px 8px 20px;
    padding: 0.66vw 1.06vw 2.66vw;
    top: 58.5%;
  }

  .wf-salespage-feature-card h3 {
    font-size: 15px !important;
    font-size: 2vw !important;
  }

  .wf-salespage-feature-card p {
    font-size: 13px;
    font-size: 1.73vw;
  }

  .wf-salespage-feature-card h3::after {
    margin: 3px 65% 3px 0;
    margin: 0.4vw 65% 0.4vw 0;
  }

  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-group,
  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-image::after {
    top: 52.5%;
  }
}

@media (min-width: 1000px) {
  .wf-salespage-feature-card .wp-block-image::after {
    top: 63.5%;
  }

  .wf-salespage-feature-card .wp-block-group {
    padding: 7px 10px 20px;
    padding: 0.7vw 1vw 2vw;
    top: 63.5%;
  }

  .wf-salespage-feature-card h3 {
    font-size: 18px !important;
    font-size: 1.8vw !important;
  }

  .wf-salespage-feature-card p {
    font-size: 15px;
    font-size: 1.5vw;
  }

  .wf-salespage-feature-card h3::after {
    margin: 5px 65% 5px 0;
    margin: 0.5vw 65% 0.5vw 0;
  }

  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-group,
  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-image::after {
    top: 58.5%;
  }
}

@media (min-width: 1400px) {
  .wf-salespage-feature-card .wp-block-image::after {
    top: 73%;
  }

  .wf-salespage-feature-card .wp-block-group {
    padding: 10px 15px 20px;
    top: 73%;
  }

  .wf-salespage-feature-card h3 {
    font-size: 22px !important;
  }

  .wf-salespage-feature-card p {
    font-size: 16px;
  }

  .wf-salespage-feature-card h3::after {
    margin: 7px 65% 7px 0;
  }

  .wf-salespage-feature-card p {
    line-height: 1.4;
  }

  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-group,
  html[lang="fr-FR"] .wf-salespage-feature-card .wp-block-image::after {
    top: 68%;
  }
}