:root {
  --color-pink: #B97DAF;
  --color-green-light: #D7FAFF;
  --color-blue: #0078C1;
}

.is-hidden {display:none !important;}

#siteWrapper section:first-of-type {
  margin-bottom: 0;
  margin-top: 0;
}

#siteWrapper section:nth-of-type(2) {
  margin-top: 0;
}

#siteWrapper section:nth-last-of-type(2) {
  margin-top: -50px;
}

#siteWrapper section:nth-last-of-type(2) p {
  max-width: 640px;
  margin: 0 auto;
}

.herotext {
  width: 1920px;
  margin-left: calc(50% - 960px);
  color: #fff;
  padding: 75px 0;
  background-color: var(--color-pink);
  hyphens: none;
}

.herotext .btn {
  margin-top: 25px !important;
}

@media (max-width: 1920px) {
  .herotext {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

.herotext__container {
  max-width: 1090px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .herotext__container {
    align-items: flex-start;
  }
  .herotext__container .h1,
  .herotext__container p,
  .herotext__container div {
    text-align: left !important;
  }
  .herotext .h1 {
    margin-bottom: 20px;
  }
}

.herotext .h1 {
  color: #fff;
}

.herotext .h1::after {
  display: none;
}

.herotext p {
  max-width: 800px;
  margin: 0 auto;
}

.ids-teaser {
  color: #fff;
  display: flex;
  border-top: 20px solid  var(--color-pink);
}

.ids-teaser--banner {
  border-top: none;
  margin-top: -100px;
}

@media (min-width: 1920px) {
    .ids-teaser {
      width: 1920px;
      margin-left: calc(50% - 960px);
    }
}

@media (max-width: 1919px) {
    .ids-teaser {
      width: 100vw;
      margin-left: calc(50% - 50vw);
    }
}

@media (max-width: 1024px) {
  .ids-teaser {
    flex-direction: column;
  }
}

@media (min-width: 1023px) {
  .ids-teaser {
    gap: 10px;
  }
}

@media (min-width: 961px) {
  .ids-teaserimage--mobile {
    display: none;
  }
}

@media (max-width: 960px) {
  .ids-teaserimage--desktop {
    display: none;
  }
}

.maxwidth820 {
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}

.tns-controls button {
    position:absolute;
    top: 40%;
    border: none;
    background: transparent;
    font-family: Raleway;
    transform: scale(.8, 1.5);
}
.tns-controls button:first-of-type {
    left: -30px;
}
.tns-controls button:last-of-type {
    right: -30px;
}

@media screen and (max-width:768px) {
  .tns-controls {
    display: none;
  }
}

.text--lg {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4rem;
  text-align: center;
}

@media screen and (max-width:768px) {
  .text--lg {
    font-size: 1.1rem;
  }
  .maxwidth820 > *,
  .brick__header.text-center {
    text-align: left !important;
  }
}

.btn.btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #003568;
    font-size: 15px;
    font-weight: 700;
    font-family: Raleway, sans-serif;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    line-height: .8;
    padding: 20px;
    border-radius: 0;
    transition: all .5s;
}

.btn.btn-white:hover {
  color: #fff;
}

.btn.btn-white:hover:after {
    left: -10%;
    width: 120%;
}

.btn.btn-white:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    top: 0;
    background: #003568;
    height: 120%;
    left: -10%;
    transform: skewX(15deg);
    z-index: -1;
}

.socialbanners {
    display: flex;
    gap: 30px;
    justify-content: center;
}

@media (max-width: 767px) {
  .socialbanners {
    flex-direction: column;
  }
}

.socialbanners__item {
    background-color: var(--color-pink);
    color: #fff;
}

.socialbanners__content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.socialbanners img {
  width: 100%;
}

.socialbanners__headline {
    text-transform: uppercase;
    font-weight: 600;
}

.link {
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 600;
}

.link:hover {
    color: #fff;
    text-decoration: underline;
}