/*zitat*/
.workplace-container-zitat {position: relative;width: 100%; padding:7% 0%; background: #FFF;}

.workplace-zitat-left {float: left; width: 55%;}
.workplace-zitat-left img {width: 90%; height: auto;}
.workplace-zitat-right {float: left; width: 45%;font-size: 1.0vw; line-height:1.4vw;}
.workplace-zitat-right h2 {font-size: 1.4vw; line-height: 1.6vw;text-transform: uppercase;font-family:proximanova-bold;color: #ce1330; padding: 3em 0 1.0em 0;}
.workplace-zitat-right h3 {font-size: 1.4vw; line-height: 1.6vw;text-transform: uppercase;font-family:proximanova-bold;color: #000; padding: 0 0 1.0em 0;}

@media screen and (max-width:480px) {
    
    .workplace-zitat-left {float: left; width: 100%;}
    .workplace-zitat-left img {width: 100%; height: auto;}
    .workplace-zitat-right {float: left; width: 100%;font-size: 4.8vw; line-height:6.2vw;}
    .workplace-zitat-right h2 {font-size: 4.8vw; line-height:6.2vw;text-transform: uppercase;font-family:proximanova-bold;color: #ce1330; padding: 3em 0 1.0em 0;}
    .workplace-zitat-right h3 {font-size: 4.8vw; line-height:6.2vw;text-transform: uppercase;font-family:proximanova-bold;color: #000; padding: 0 0 1.0em 0;}
    
}

/*zitat*/

.microsite-form {
    float: left; width: 100%;
	background-image: url("../images/workplace/Hintergrund_k.jpg");
	background-attachment: fixed;	
	  height:100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    }

/*slider*/
.slider-workplace {padding: 2em 0;}
.slider-workplace h4 {font-family:proximanova-bold;color: #ce1330;font-size: 1.0vw; line-height: 1.2vw;}
.slider-caption-2, .workplace h3 {color: #FFF; font-family:proximanova-light;}
.slider-workplace .slider-caption-2 {background:none;width: 40%; padding: 3em 0 0 7%; }

.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: black;
    background: #ce1330;
}


/*slider*/

/*workplace-as-a-service start font-family:proximanova-bold; font-family:proximanova-light; */
.bg-header-workplace {
  background-image: url("../images/workplace/Keyvisual.jpg");
  height:100%;
  width: auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.bg-header-content-workplace {position: absolute; z-index: 99; left: 5%; width: 40%; top: 16em; color: #FFF;}
.bg-header-content-workplace h1 {}

.bg-footer-workplace {
  position: relative; float: left;
   background-image: url("../images/workplace/Hintergrund_k.jpg");
  height:80vh;
  width:100vw;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

@media screen and (max-width:480px) {
    
    .bg-header-workplace {
      background-image: url("../images/workplace/Keyvisual-mobile-2.jpg");
      height:100%;
      width:auto;
      background-position: center bottom;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
    }
    
    .bg-header-content-workplace {position: absolute; z-index: 99; left: 10%; width: 90%; top: 16em; color: #FFF;}
    
}

/*workplace-as-a-service end*/

.workplace-container {position: relative; width: 94%; padding:3% 3% 3% 3%; margin: 7% 0 5% 0; background: #efefef;border-radius: 0.5em;}

.workplace-left-box {position: relative; float: left; width:  50%;font-size: 1.2vw; line-height:1.6vw;color: #000;}
.workplace-left-box h2 {font-size: 2.8vw; line-height: 3.0vw;text-transform: uppercase;font-family:proximanova-bold;color: #ce1330; padding: 1.0em 0 1.0em 0;}

.workplace-box-1 {position: absolute;left: 0; top: 0;  padding:0 4% 0 0%; width: 96%; margin:0; height:auto;}
.workplace-box-2 {position: absolute;left: 0; top: 0;  padding:0 4% 0 0%; width: 96%; margin:0; height:auto; display: none;}
.workplace-box-3 {position: absolute;left: 0; top: 0;  padding:0 4% 0 0%; width: 96%; margin:0; height:auto; display: none;}
.workplace-box-4 {position: absolute;left: 0; top: 0;  padding:0 4% 0 0%; width: 96%; margin:0; height:auto; display: none;}

.workplace-right-box {position: relative; float: left; width:  50%;}
.image-right-box-1 {position: relative;float: left; width: 46%;padding: 1%; margin: 1%; height: 10em; text-align:left; cursor: pointer; color: #FFF;border-radius: 0.5em; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.image-right-box-2 {position: relative;float: left; width: 46%;padding: 1%; margin: 1%; height: 10em; text-align:left; cursor: pointer; color: #FFF;border-radius: 0.5em; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.image-right-box-3 {position: relative;float: left; width: 46%;padding: 1%; margin: 1%; height: 10em; text-align:left; cursor: pointer; color: #FFF;border-radius: 0.5em; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.image-right-box-4 {position: relative;float: left; width: 46%;padding: 1%; margin: 1%; height: 10em; text-align:left; cursor: pointer; color: #FFF;border-radius: 0.5em; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}

.image-right-box-1 { background-image: url("../images/workplace/bild-1-hover.jpg"); color: #FFF;}
.image-right-box-1:hover { background-image: url("../images/workplace/bild-1.jpg"); color: #ce1330;}
.image-right-box-1 h2 {position: absolute; bottom: 1.0em; left: 1.0em; text-transform: uppercase;font-family:proximanova-bold; font-size: 0.9vw; line-height: 1.1vw;width: 80%;}
.image-right-box-2 { background-image: url("../images/workplace/bild-2-hover.jpg"); color: #FFF;}
.image-right-box-2:hover { background-image: url("../images/workplace/bild-2.jpg"); color: #ce1330;}
.image-right-box-2 h2 {position: absolute; bottom: 1.0em; left: 1.0em; text-transform: uppercase;font-family:proximanova-bold; font-size: 0.9vw; line-height: 1.1vw;width: 80%;}
.image-right-box-3 { background-image: url("../images/workplace/bild-3-hover.jpg"); color: #FFF;}
.image-right-box-3:hover { background-image: url("../images/workplace/bild-3.jpg"); color: #ce1330;}
.image-right-box-3 h2 {position: absolute; bottom: 1.0em; left: 1.0em; text-transform: uppercase;font-family:proximanova-bold; font-size: 0.9vw; line-height: 1.1vw;width: 80%;}
.image-right-box-4 { background-image: url("../images/workplace/bild-4-hover.jpg"); color: #FFF;}
.image-right-box-4:hover { background-image: url("../images/workplace/bild-4.jpg"); color: #ce1330;}
.image-right-box-4 h2 {position: absolute; bottom: 1.0em; left: 1.0em; text-transform: uppercase;font-family:proximanova-bold; font-size: 0.9vw; line-height: 1.1vw;width: 80%;}

@media screen and (max-width:480px) {
    
    .workplace-left-box {position: relative; float: left; width:  100%;font-size: 4.8vw; line-height:6.2vw;color: #000;}
    .workplace-left-box h2 {font-size: 5.2vw; line-height:5.6vw;text-transform: uppercase;font-family:proximanova-bold;color: #ce1330; padding: 0.0em 0 1.0em 0;}
    
    .workplace-box-1 {position: relative; padding:0 5% 2em 5%; width: 90%; margin:0; height:auto;}
    .workplace-box-2 {position: relative; padding:0 5% 2em 5%; width: 90%; margin:0; height:auto; display: block;}
    .workplace-box-3 {position: relative; padding:0 5% 2em 5%; width: 90%; margin:0; height:auto; display: block;}
    .workplace-box-4 {position: relative; padding:0 5% 2em 5%; width: 90%; margin:0; height:auto; display: block;}
    
    .workplace-right-box {display: none; visibility: hidden;}
    
}