@media only screen and (max-width: 1023px) {
      
ul.hanging li {
	list-style: inside url('../img/arrow.svg');
	line-height:1.1rem;
}      
      
.logo {
    position: fixed;
    top: 2rem;
    width: 18% ;
    z-index: 3000;
    left: 2rem;
}

#floating-share-buttons {
	position:fixed;
	top:50px !important;
	right:0 ;
	max-height:20px;
	left: 35% !important;
}

#floating-share-buttons li {
    float:left;
}

ul#floating-share-buttons a {
    width: 3rem;
    height: 3rem;
}

.news {
    width: 90px;
}

.promo {
  width: 140px;
  position: absolute;
  display: block;
  top: 28%;
  right: 15%;
  z-index: 3000;
  border-radius: 100%;
}

      .claim h1 {
      	font-size:2rem !important;
      	line-height:3rem;
      }	


.case {
  width: 170px;
  position: absolute;
  top: 16%;
  right: 12%;
  z-index: 1000;
}

.swiper-slide {
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6rem 2rem 2rem 2rem;
}      
      
.swiper-slide .title, h1, h3 {
    font-size: 1.5rem ;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.4px;
    margin: 0;
}

.swiper-slide .subtitle, h2, h4 {
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 0 0 1rem 0;
}
      
.swiper-slide .text {
    font-size: 0.9rem;
    max-width: 100%;
    line-height: 1.5rem ;
    font-weight: 300;
    color: #222;
    opacity: 80%;
    background-color: #FFF;
    padding: 1rem;
    margin-top: 0rem;
    float: left;
    height: auto;
}

      #callout {
        width:auto;
        height:14rem;
        position:absolute;
        top:52%;
        left:34%;
      }
      
      .arrow-up {
        width:8rem;
        height:8rem;
      	display: block;
      }
      
      .career-teaser {
      	display: block;
      	margin-top: 5rem;
      } 
                  
      .career-teaser p {
      	display: inline-block;
      	align-self: flex-end;
      	font-size:2rem;
      	color:#FFF !important;
      	width: 70%;
      }
      
      
#jobbox {
    margin-top: 0.7rem;
    margin-left:0;
    float: left;
    min-width: 100%;
}


.swiper-slide .joblink {
    font-size: 0.9rem;
    max-width: 100% ;
    height: 1rem;
    line-height: 1.2rem;
    font-weight: 400;
    color: #31b9ff;
    background-color: #FFF;
    opacity: 0.8;
    padding: 0.8rem;
    margin-bottom: 0.57rem;
    display: block;
    position: relative;
}

.alljobs {
    max-width: 100%;
    font-size: 1rem;
    height: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
    background-color: #31b9ff;
    color: #FFF;
    padding: 0.9rem;
    display: block;
    position: relative;
}

#quotebox {
    font-size: 1rem;
    width: 100%;
    font-weight: 300;
    height: 220px;
    color: #222;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0;
    margin: 0.7rem 0 0 0;
    float: right;
}

.quote p, .alumni p {
    font-style: italic;
    line-height:1.5rem ;
    margin: 1rem 0;
}

.quotetext {
    position: absolute;
    top: 0rem;
    left: 2rem;
    text-align: center;
    width: 500px;
    z-index: 100;
}

.quotename {
    font-size: 0.9rem;
    line-height: 12px;
}

.slick-slide img {
    display: block;
    height: 220px;
}

.mouse {
    text-align: center;
    width: 100%;
    height: 40px ;
    z-index: 100;
}

/* Viewport 2 */
.colleagues-text {
    font-size: 0.9rem;
    max-width: 100%;
    line-height: 1.4rem;
    font-weight: 300;
    color: #222;
    opacity: 80%;
    background-color: #FFF;
    padding: 1.4rem;
    margin: 0rem 2.9rem;
    float: left;
    height:auto;	
}


.colleagues {
    margin-top: 1rem;
    width: 94%;
    float: right;
}

.colleague {
	width: 200px ;
    margin-right: 1.7rem ;
    margin-left:0;
    margin-bottom: 1rem ;
}

.portrait {
    width: 100%;
    height: 100%;
    margin-left:0;
    margin-bottom: 0 ;
}
.last, .third {
	margin-right:0 ;
}

#bubble1 {
    width: 200px;
    position: absolute;
    left: 5%;
    top: 3rem;
}
#bubble2 {
    width: 220px;
    position: absolute;
    left: 11%;
    top: 24rem;
}
#bubble3 {
    width: 190px;
    position: absolute;
    left: 59%;
    top: 31rem;
}
#bubble5 {
    width: 260px;
    position: absolute;
    left: 50%;
    top: 15rem;
}
#frauen {
    width: 360px ;
    position: absolute;
    left: 36%;
    top: 10rem;
}
#website {
    width: 360px ;
    position: absolute;
    left: 14%;
    top: 17rem;
}
#presse {
    width: 320px ;
    position: absolute;
    left: 46%;
    top: 24rem;
}
#quereinsteiger {
    width: 260px ;
    position: absolute;
    left: 19%;
    top: 30rem;
}
#alter {
    width: 240px ;
    position: absolute;
    left: 36%;
    top: 38rem;
}

#benefits {
    padding: 1rem 0 0 1rem ;
}

.benefit {
    width: 200px;
    height: 140px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.flip-box-back {
    width: 180px;
    height: 113px;
    padding: 10px;
    font-size: 0.8rem;
}

/* Viewport 3 */

.quer, .mobile {
	display:none ;
}
.hoch {
	display:block ;
}
.process {
	width:auto;
    height: 93vw;
}

.timing {
    margin: 2.3rem 1rem 0 0;
	padding: 0 0 0 2rem;
}

.stages {
    height: 5.6rem;
    padding: 0 3rem 0 0;
}
.process-icon {
    margin-top: 1.3rem;
}

/* Viewport 4 */


.modell {
	margin-top:-2rem important;
	padding:0 3rem;
}

    .alumni img {
    	margin-top: 0rem;
	}
	.alumnitext {
		margin: 0;
		max-width:93%;
		min-height:330px;
	}
	
	.slider {
    min-height: 680px;
    width:87%;
}
	
	.video-text {
		font-size: 0.9rem;
    max-width: 73vw;
		line-height: 1.6rem;
		padding: 1.7rem;
		height: auto;
  margin-left: 3.2rem;
    }	
    
.video {
  margin-top: -1rem;
  width: 86%;
  float: left;
  margin-left: 3.2rem;
}


.slider.round[data-v-729d83b6] {
  min-height: auto !important;
}

/* Viewport 5 */
		.openjobs {
			width: 100%;
			padding: 2em 0;
			height: auto;
			margin-top:0;
}
		.openjobs ul {
			padding: 0 4rem;
		}
		ul.hangingjobs li {
  list-style: inside url('../img/arrow.svg');
  line-height: 1.4rem;
  height: 1.4rem !important;
}
		
		.openjobs h5 {
			padding: 0 2rem;
		}
		.openjobs h6 {
			margin-left:2.2rem;
		}
.contacttext {
  font-size: 1.2rem;
  line-height: 2rem;
  display: block;
  width: 100%;
}		


	#contactbox {
		width: 100%;
		height: auto;
		margin: 1.4rem 0 0 0;
		padding: 0;
		}
	.contactimg {
	    height: 230px;
		}	

/* Job */

body {
	background-image: url(../img/tower_focus_job.jpg) ;
	background-size: cover ;
}      
#jobpage .jobclick p {
    font-size: 1.6rem;
}
.jobintro, .weiter, .erarbeiten, .jobtitle, .einbringst, .jobclick {
	width: 92%;
	margin-right:0;
}


}