.newsletter-teaser {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 9999999999;
   display: flex;
   align-items: flex-end;
   background-color: rgba(0,0,0,0.4);
   overflow: hidden;
   opacity: 0;
   transition: 0.5s ease;
   pointer-events: none;
}
.newsletter-teaser.active {
   opacity: 1;
   pointer-events: visible;
}
.newsletter-teaser.active .newsletter-teaser__wrapper {
   transform: translateY(0);
}
.newsletter-teaser__wrapper {
   width: 100%;
   color: white;
   padding-bottom: 80px;
   transition: 0.5s ease;
   transform: translateY(50px);
}
.newsletter-teaser .footer-new_form {
   height: auto;
   margin-top: 40px;
   color: white;
}
.newsletter-teaser #rmOrganism .rmBase__comp--checkbox,
.newsletter-teaser #rmOrganism .rmBase__compLabel {
   color: #fff !important;
}
.newsletter-teaser #rmOrganism .rmBase__comp--input {
border-bottom: 1px solid #fff !important;
}
.newsletter-teaser .footer-new_form .rmBase__comp--cta {
  background: #015E9A !important;
}
.newsletter-teaser__text {
   position: relative;
}
.newsletter-teaser__text h2 {
   font-size: 36px;
   line-height: 46px;
   color: white;
   font-weight: bold;
   font-family: "Roboto Slab";
}
.newsletter-teaser__text::before {
   content: "";
   position: absolute;
   top: -100px;
   left: 0;
   width: 500vw;
   height: 100vh;
   background-color: #D2095D;
   z-index: -1;
   transform-origin: top left;
   transform: rotate(5deg);
   transform: skew(-30deg) rotate(6deg);
}

@media only screen and (max-width:991px) {
   .newsletter-teaser__wrapper {
      padding-bottom: 200px;
   }
   .newsletter-teaser__deco {
      width: 300px;
   }
}
@media only screen and (max-width:767px) {
   .newsletter-teaser__wrapper {
      padding-bottom: 150px;
   }
   .newsletter-teaser__deco {
      width: 200px;
   }
}



.newsletter-teaser__deco {
   position: absolute;
   bottom: 0;
   right: 0;
}
.newsletter-teaser__close {
   border: none;
   background-color: transparent;
   display: flex;
   align-items: center;
   gap: 10px;
   color: white;
   font-size: 14px;
   font-weight: bold;
}