/* @group Wellen Section
------------------------------------ */
.wellen-sections { position: relative; background: url('../../img/layout/wellen-life/sections-background.png'), none no-repeat center center; background-size: cover; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset; padding: 5em 0 2em; margin-bottom: 10em; }

.wellen-sections article { margin-bottom: 3em; }

.wellen-sections .img-box { box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.07); position: absolute; inset: 0 3rem; pointer-events: none; }
.wellen-sections .img-box::before { content: ''; background: rgba(30, 47, 82, 0.85); position: absolute; inset: 0; }

.wellen-sections .text-box { position: relative; z-index: 1; text-align: center; color: var(--white); padding: 3em 5em; min-height: 23.7em; }
.wellen-sections .text-box h3 { color: var(--rose-gold); text-transform: uppercase; font-weight: 700; font-size: 2em; line-height: 1.6em; letter-spacing: .1em; margin: 0 0 1em; }
.wellen-sections .text-box h2 { text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; margin: 0 0 1em; }
.wellen-sections .text-box p { font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; margin: 0 0 1.875em; }
.wellen-sections .text-box .bttn-outlined { --bg-color: transparent; min-width: 12.3em; text-align: center; margin: 0 auto; }
.wellen-sections .text-box .bttn-outlined:not(:hover) { color: var(--white); }

/* Templates
------------------------------------ */
.page-template-restricted-community .wellen-sections { background-image: url('../../img/layout/restricted/sections-background.png'); }

@media only screen
and (min-width : 961px) {
  .wellen-sections { padding: 10rem 0 5rem; margin-bottom: 15rem; }
  .wellen-sections .row { align-items: flex-start; }
  .wellen-sections article { height: 49.5rem; margin-bottom: 5rem; }
  

  .wellen-sections .img-box { inset: 0; } 

  .wellen-sections .text-box { padding: 6rem; min-height: 100%; display: flex; flex-direction: column; justify-content: center; }
  .wellen-sections .text-box h2 { font-size: 4.5em; letter-spacing: .044em; margin: 0 0 .667em; }
  .wellen-sections .text-box p { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .wellen-sections::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: rgba(255, 255, 255, 0.20); }
}
/* @end */