/*breakpoints*/
.contentelement:focus-visible {
  outline: 2px solid var(--black);
}
.contentelement .masked-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.contentelement .masked-image.mask1 img {
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20536%20449.24%22%3E%3Cpath%20d%3D%22M512.82%20340.27c-33.8%2073.72-83.89%20110.04-150.28%20108.95-66.38-1.09-124.03-10.79-172.94-29.11S93.01%20365.47%2046.55%20311.16C.09%20256.84-11.59%20189.55%2011.5%20109.29%2034.59%2029.02%2082.28-7.03%20154.55%201.13%20226.82%209.29%20293%2016.07%20353.07%2021.46c60.07%205.39%20110.17%2041.44%20150.28%20108.16%2040.11%2066.71%2043.27%20136.93%209.47%20210.65Z%22%20style%3D%22fill%3A%232081c4%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20536%20449.24%22%3E%3Cpath%20d%3D%22M512.82%20340.27c-33.8%2073.72-83.89%20110.04-150.28%20108.95-66.38-1.09-124.03-10.79-172.94-29.11S93.01%20365.47%2046.55%20311.16C.09%20256.84-11.59%20189.55%2011.5%20109.29%2034.59%2029.02%2082.28-7.03%20154.55%201.13%20226.82%209.29%20293%2016.07%20353.07%2021.46c60.07%205.39%20110.17%2041.44%20150.28%20108.16%2040.11%2066.71%2043.27%20136.93%209.47%20210.65Z%22%20style%3D%22fill%3A%232081c4%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E);
}
.contentelement .masked-image.mask2 img {
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20647.31%20677.3%22%3E%3Cpath%20d%3D%22M604.42%20489.26c-39.64%2090.24-108.92%20149.2-207.84%20176.85-98.92%2027.66-179.56%204.03-241.92-70.9C92.3%20520.28%2044.87%20432.03%2012.37%20330.47c-32.5-101.56-.96-180.57%2094.61-237.01S311.6%205.99%20434.13.37c76.46-3.5%20132.06%2017.58%20166.79%2063.27%2020.89%2027.48%2034.22%2063.91%2039.99%20109.28%2015.32%20120.65%203.16%20226.09-36.48%20316.34Z%22%20style%3D%22fill%3A%23004188%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20647.31%20677.3%22%3E%3Cpath%20d%3D%22M604.42%20489.26c-39.64%2090.24-108.92%20149.2-207.84%20176.85-98.92%2027.66-179.56%204.03-241.92-70.9C92.3%20520.28%2044.87%20432.03%2012.37%20330.47c-32.5-101.56-.96-180.57%2094.61-237.01S311.6%205.99%20434.13.37c76.46-3.5%20132.06%2017.58%20166.79%2063.27%2020.89%2027.48%2034.22%2063.91%2039.99%20109.28%2015.32%20120.65%203.16%20226.09-36.48%20316.34Z%22%20style%3D%22fill%3A%23004188%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E);
}
.contentelement .badge__area {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--clr-secondary);
  z-index: 1;
  width: 128px;
  height: 126px;
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20127.99%20125.96%22%3E%3Cpath%20d%3D%22M127.99%2059.37c.04%2057.53-29.07%2072.12-63.99%2064.87C26.95%20116.55%200%2095.2%200%2059.37S27.22%205.83%2064%20.9c35.15-4.73%2063.96%208.44%2063.99%2058.47Z%22%20style%3D%22fill%3A%232081c4%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E);
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20127.99%20125.96%22%3E%3Cpath%20d%3D%22M127.99%2059.37c.04%2057.53-29.07%2072.12-63.99%2064.87C26.95%20116.55%200%2095.2%200%2059.37S27.22%205.83%2064%20.9c35.15-4.73%2063.96%208.44%2063.99%2058.47Z%22%20style%3D%22fill%3A%232081c4%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E);
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 1199.98px) {
  .contentelement .badge__area {
    width: 108px;
    height: 106px;
    top: 12px;
    right: 12px;
  }
}
@media screen and (max-width: 991.98px) {
  .contentelement .badge__area {
    gap: 4px;
    top: 12px;
    right: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement .badge__area {
    width: 86px;
    height: 84px;
  }
}
.contentelement .badge__area .badge__area--title {
  display: block;
  color: var(--white);
  font-size: clamp(1rem, 3vw, 20px) !important;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 1399.98px) {
  .contentelement .badge__area .badge__area--title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1199.98px) {
  .contentelement .badge__area .badge__area--title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement .badge__area .badge__area--title {
    font-size: 1.2rem;
  }
}
.contentelement .badge__area .badge__area--addition {
  display: block;
  color: var(--white);
}
@media screen and (max-width: 1199.98px) {
  .contentelement .badge__area .badge__area--addition {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement .badge__area .badge__area--addition {
    font-size: 0.8rem;
  }
}
.contentelement .media__box {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  background-color: var(--white);
  padding: 1rem;
  border-radius: var(--border-radius-md);
  display: flex;
  gap: 0.75rem;
  flex-direction: column;
  align-items: start;
}
@media screen and (min-width: 768px) {
  .contentelement .media__box {
    max-width: 75%;
    padding: 2rem;
  }
}
.contentelement .bg {
  background-color: var(white);
  border-radius: var(--border-radius-xl);
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .contentelement .bg {
    padding: 2rem;
  }
}
.contentelement .bg img {
  border-radius: var(--border-radius-lg) !important;
}
@media screen and (max-width: 767.98px) {
  .contentelement .bg img {
    border-radius: var(--border-radius-md) !important;
  }
}
@media screen and (min-width: 992px) {
  .contentelement .bg .element__title--holder {
    margin-bottom: 0;
  }
}
.contentelement .bg.box-gray {
  background-color: var(--light-gray) !important;
}
.contentelement .bg.box-blue {
  background-color: rgba(var(--clr-primary-rgb), 0.1) !important;
}
.contentelement .bg.box-lightblue {
  background-color: rgba(var(--clr-secondary-rgb), 0.15) !important;
}
.contentelement.bgwithbuttonbox .bg.box-gray {
  background-color: var(--light-gray) !important;
}
.contentelement.bgwithbuttonbox .bg.box-blue {
  background-color: rgba(var(--clr-primary-rgb), 0.7) !important;
  --font-clr: var(--white);
  --subtitle-clr: var(--white);
}
.contentelement.bgwithbuttonbox .bg.box-lightblue {
  background-color: rgba(var(--clr-secondary-rgb), 0.7) !important;
  --font-clr: var(--white);
  --subtitle-clr: var(--white);
}
@media screen and (max-width: 767.98px) {
  .contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box {
    margin-top: 140px !important;
  }
}
.contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box .content-area p, .contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box .content-area p * {
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (max-width: 1199.98px) {
  .contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box .content-area p, .contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box .content-area p * {
    font-size: 0.938rem;
  }
}
@media screen and (max-width: 767.98px) {
  .contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box .content-area p, .contentelement.bgwithbuttonbox .bgwithbuttonbox__area .box .content-area p * {
    font-size: 0.875rem;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fbadems%2Fscss%2Fcontentelement%2F_contentelement.scss%22%2C%22%2Fthemes%2Fbadems%2Fscss%2Fcontentelement%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAARA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADmFA%3BAAAA%3BAAAA%3BAAAA%3BAC3EA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAARA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BFF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD0FF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1FE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADmGA%3BAAAA%3BAAAA%3BAC3HA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA4BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8GA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC%2FJF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiLM%3BAAAA%3BAAAA%3BAAAA%3BACzKN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAARA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */