/* @group Overview
------------------------------------ */
.overview { margin-bottom: 10em; position: relative; }
.overview::after { content: ''; width: calc(50% + 6rem); height: 26.4em; background: url('../../img/layout/wellen-life/overview-background.png') no-repeat center center; background-size: cover; position: absolute; pointer-events: none; top: -3em; right: 0; }

.overview .image { margin-bottom: 5em; z-index: 1; }
.overview .image .img-box { height: 26.4em; }

.overview .text h3 { text-transform: uppercase; font-weight: 700; font-size: 2em; line-height: 1.6em; letter-spacing: .1em; color: var(--rose-gold); margin: 0 0 1em; }
.overview .text h2 { text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; color: var(--navy-blue); margin: 0 0 1em; }
.overview .text p { font-weight: 500; font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; color: var(--navy-blue); margin: 0 0 4rem; }
.overview .text .bttn-outlined { margin: 0 0 2rem; }
.overview .text .bttn-outlined:last-child { margin: 0; }
@media only screen
and (min-width : 961px) {

  .overview { margin-bottom: 15rem; }
  .overview::after { height: auto; width: 47.22%; top: -8.4rem; bottom: 5.6rem; }

  .overview .image { margin-bottom: 0; }
  .overview .image .img-box { height: 77rem; }

  .overview .text h2 { font-size: 4.5em; letter-spacing: .044em; }
  .overview .text p { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; margin: 0 0 3rem; }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end
------------------------------------ */