/*breakpoints*/
.contentelement .media.with__deco {
  position: relative;
}
.contentelement .media.with__deco:before {
  --offset: -2rem;
  content: "";
  position: absolute;
  left: var(--offset);
  top: var(--offset);
  bottom: var(--offset);
  width: 70%;
  background: #174386;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .contentelement .media.with__deco:before {
    --offset: -1rem;
  }
}
.contentelement .media.with__deco.deco__right:before {
  right: var(--offset);
  left: auto;
}
.contentelement .media__right {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1199.98px) {
  .contentelement .media__right {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 991.98px) {
  .contentelement .media__right {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement .media__right {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.contentelement .media__right img {
  border-radius: 50px;
  width: 100% !important;
  height: auto !important;
}
.contentelement .media__right .button-signature-row .signature-image {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .contentelement .media__right .button-signature-row .signature-image {
    margin-top: 0px;
  }
}
.contentelement .element__title {
  font-size: 92px;
  line-height: 92px;
  color: #FFF;
}
@media screen and (max-width: 1199.98px) {
  .contentelement .element__title {
    font-size: 38px;
  }
}
@media screen and (max-width: 991.98px) {
  .contentelement .element__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement .element__title {
    font-size: 24px;
    line-height: 34px;
  }
}
.contentelement .element__title span {
  font-size: 92px;
  line-height: 92px;
  font-weight: bold;
}
@media screen and (max-width: 1199.98px) {
  .contentelement .element__title span {
    font-size: 38px;
  }
}
@media screen and (max-width: 991.98px) {
  .contentelement .element__title span {
    font-size: 32px;
    line-height: 42px;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement .element__title span {
    font-size: 24px;
    line-height: 34px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkramer%2Fscss%2Fcomponents%2F_contentelement.scss%22%2C%22%2Fthemes%2Fkramer%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAOI%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACEF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADcI%3BAAAA%3BAAAA%3BAAAA%3BAAON%3BAAAA%3BAAAA%3BAAAA%3BACbE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAIA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAMN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC7CE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqEF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC7DE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */