/* @group App
------------------------------------ */
.event-space, 
.event-space > .row { position: relative; }
.event-space>.row .back {
    z-index: -2;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: var(--bg);
    width: 74%;
    height: 86rem;
    left: 13%;
    top: 72rem;
}
.event-space .row-background aside {
  height: 100%;
  background-image: var(--bg);
  background-position: center;
  background-size: cover;
  width: 32rem;
  height: 48.1rem;
  position: absolute;
  top: 0;
  left: 0;
}

.event-space .text h3 { text-transform: uppercase; font-weight: 700; font-size: 2em; line-height: 1.6em; letter-spacing: .1em; margin: 0 0 1em; color: var(--rose-gold); }
.event-space .text h2 { text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; margin: 0 0 1em; color: var(--navy-blue); }
.event-space .text p { font-weight: 500; font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; margin: 0 0 1.875em; color: var(--navy-blue); }
.event-space .text .bttn-outlined:not(:last-of-type) { margin: 0 0 1.2rem; }

@media only screen
and (min-width : 961px) {
  .event-space>.row .back {
    z-index: -2;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: var(--bg);
    width: 25%;
    height: 50rem;
    left: 32%;
    top: 8rem;
  }

  .event-space .row-first { margin-bottom: 63.2rem; }

  .event-space .row-last .first { top: -16.6rem; }
  .event-space .row-last .second { left: -8.333%; }

  .event-space .text h2 { font-size: 4.5em; letter-spacing: .044em; margin: 0 0 3rem; }
  .event-space .text p { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }
  
  .event-space .image.first .img-box { height: 72.2rem; }
  .event-space .image.second .img-box { height: 51.1rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .event-space .row-first .text { margin-bottom: 5em; }
  .event-space .row-first .first { max-width: calc(50% + 6rem); margin-left: auto; margin-bottom: 12em;} 
  .event-space .row-first .first .img-box { height: 32.7em; }

  .event-space .row-last .first { max-width: 58%; margin-bottom: 13em; }
  .event-space .row-last .first .img-box { height: 26.4em; }
  .event-space .row-last .second { margin-bottom: 5em; }
  .event-space .row-last .second::after { content: ''; background: url('../../img/layout/wellen-life/event-space-background.png') no-repeat center center; background-size: cover; position: absolute; z-index: -1; pointer-events: none; right: 0; top: -3em; bottom: 3em; width: calc(50% + 6em); }
  .event-space .row-last .second .img-box { height: 26.4em; }
  .event-space .row-last .text { padding-left: 9em; }

}
/* @end */