/*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/Microsite-ostern-neu.png");
	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/ostern/Microsite-ostern-neu.png");
  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 {font-size: 5.2vw; line-height: 6.0vw;}

.bg-header-workplace .news-video-caption-2 {
  	position:absolute;
    top: 0;
    left: 0;
	z-index:2;
	color: #FFF;
	height: 100vh;
    width: 100%;
    padding:0 0% 0 0%;
    text-align: center; 
    background-image:none;
	background-attachment: fixed;	
    background-size:100%;
    opacity: 1.0;
  }

.bg-footer-workplace {
  position: relative; float: left;
   background-image: url("../images/ostern/Microsite-ostern-neu.png");
  height:80vh;
  width:100vw;
  background-position: center top;
  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/ostern/Microsite-ostern-neu.png");
      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 font-family:proximanova-bold;*/
.ostern .section-microsite-svdg h1 { width: 60%;}

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


@media screen and (max-width:480px) {
    
    .ostern .section-microsite-svdg h1 { width: 100%;}
    
    
}