/*************  IMAGES   ***************/
.euHeadlineImage{
  padding: 0;
  margin-bottom: 3%;
  max-height: 100%;
}

/*************  BUTTONS   ***************/
.euButton{ background: rgba( 255,255,255, 1 ); color: #000; cursor: pointer; }
.euButton--grey{ background: rgba( 100,100,100, 1 ); color: #FFF; }
.euButton--black{ background: rgba( 0,0,0, 1 ); color: #FFF; }

.euButton:hover{ background: rgba( 255,255,255, .5 ); }
.euButton--grey:hover{ background: rgba( 100,100,100, .5 ); }
.euButton--black:hover{ background: rgba( 0,0,0, .5 ); }

/*************  TYPO   ***************/
.euWhiteBoxHeadline{
  text-transform: uppercase;
}

.euHeaderText{
  margin: 0 2rem 1rem 2rem;
  text-align:center;
  max-width: 1140px;
  display: inline-block;
}

/*************  HELPER   ***************/
.euNinjaLink{
  text-decoration: none;
  color: #000;
}

/*************  BOXES   ***************/
.euWhiteBox{
  background: rgba(255,255,255,.8);
  padding: 10%;
  min-width: 200px;
  min-height: 45%;
}

.euTransparentBack{
  background: rgba(255,255,255,0);
}

.euRow_01,
.euRow_02,
.euRow_03,
.euRow_04,
.euRow_05,
.euRow_06,
.euRow_07{
  margin-top: 3rem;
}

.euRow_02__right{
  width: 57.70%;
  float: right;
}

.euRow_02__left{
  width:42.30%;
  float: left;
}

.euRow1__whiteBox{ top: 50%; left: 56%; width:60%; }
.euRow2__whiteBox{ top: 50%; left: 56%; width:60%; }
.euRow3__whiteBox{ top: 50%; left: 52.875%; width:59%; }
.euRow4__whiteBox{ top: 50%; left: 53.875%; width:59.375%; }
.euRow5__whiteBox{ top: 50%; left: 79.5%; width:31.6875%; }
.euRow6__whiteBox{ top: 56%; left: 53.875%; width:59.625%; }
.euRow7__whiteBox{ top: 45%; left: 63%; width:48%; padding: 3% !important; }

@media only screen and (max-width:1400px){
  .euWhiteBox{ font-size:.8rem; }

}

@media only screen and (max-width:1200px){
  .euRow5__whiteBox{ width: 45%; }
  .euWhiteBox{ line-height: 1.2; padding: 5%; }
  .euHeadlineImage{ margin-bottom: 0; }
  .euRow5__whiteBox{ width: 45%; }
}

@media only screen and (max-width:767px){

  .euHeaderText{
    font-size: .8rem; line-height: 1.2;
    padding: 0 2rem 3rem 2rem;

  }

  .euTransparentBack{
    background: rgba(255,255,255,.5);
  }


  .euWhiteBox{  }

  .euRow_02__right{
    width: 100%;
    float: none;
  }

  .euRow_02__left{
    width: 100%;
    float: none;
  }

  .euRow_01,
  .euRow_02,
  .euRow_03,
  .euRow_04,
  .euRow_05,
  .euRow_06,
  .euRow_07{
    margin-top: 0 !important;
  }

  .euRow1__whiteBox,
  .euRow2__whiteBox,
  .euRow3__whiteBox,
  .euRow4__whiteBox,
  .euRow5__whiteBox,
  .euRow6__whiteBox,
  .euRow7__whiteBox{ top: 50%; left: 50%; width:80%; }


  .euRow7__whiteBox{ top: auto; left: auto; width:100%; position:relative; transform: none; }

  .euHeadlineImage{ margin-bottom: 3%; }

}

@media only screen and (max-width:460px){
  .trousersBox{
    width: 100%;
  }
@media only screen and (max-width:400px){
  .euWhiteBox{ font-size:.6rem; }
}

}