.zw{
	display: none !important;
}
@-webkit-keyframes smoothUp { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); }
  2.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 252.825, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 252.825, 0, 1); }
  4.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150.559, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150.559, 0, 1); }
  7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 79.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 79.083, 0, 1); }
  9.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.37, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.37, 0, 1); }
  14.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.592, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.592, 0, 1); }
  19.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.197, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.197, 0, 1); }
  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.111, 0, 1); }
  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.067, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.067, 0, 1); }
  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
@keyframes smoothUp { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); }
  2.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 252.825, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 252.825, 0, 1); }
  4.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150.559, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150.559, 0, 1); }
  7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 79.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 79.083, 0, 1); }
  9.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.37, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.37, 0, 1); }
  14.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.592, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.592, 0, 1); }
  19.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.197, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.197, 0, 1); }
  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.111, 0, 1); }
  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.067, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.067, 0, 1); }
  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
.smoothDown {
  -webkit-animation: smoothDown 2000ms linear both;
  animation: smoothDown 2000ms linear both;
}
/* Generated with Bounce.js. Edit at https://goo.gl/6EpUYa */
@-webkit-keyframes smoothDown { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); }
  2.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); }
  4.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); }
  7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); }
  9.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); }
  14.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); }
  19.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); }
  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); }
  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); }
  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
@keyframes smoothDown { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); }
  2.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); }
  4.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); }
  7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); }
  9.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); }
  14.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); }
  19.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); }
  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); }
  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); }
  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}




/* **************** Mobile maximal xs *************** */
@media(max-width: 767px){
	
	.portfolio-card .plyr--video {
		width: calc(100% + 30px);
	    bottom: -15px;
	    left: -15px;
	}
	.plyr__control--overlaid{
		top: 30%;
	}

	.brand h3{
		font-size: 25px;
	}
	.brand span{
		font-size: 20px;
	}
	.news .intro{
		padding-bottom: 0px;
	}
	.news h1.big {
		font-size: 30px;
	    padding-left: 25px;
	    padding-right: 25px;
	    margin-top: 30px;
	    hyphens: auto;
	    line-height: 50px;
	}
	.newsArtikel p {
		padding-left: 25px;
		padding-right: 25px;
        font-size: 15px;
	}
	.news #hero{
		padding-bottom: 0px;
	}
	.newsArtikel h2 {
		font-size: 40px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.newsArtikel h3 {
		font-size: 30px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.newsArtikel ul {
	    padding-left: 40px;
		margin-left: 25px;
		margin-right: 25px;
		font-size: 15px;
	}
	.playfair{
		font-size: 48px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.container.normal{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.progress {
		top: 65px;
	}
	article h3{
		font-size: 20px;
		hyphens: auto;
	}
	.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video{
		display: block;
		margin: auto;
	}
	.newsLink strong {
		hyphens: auto;	
	}
	
	.kontaktMap {
		width: 100%;	
	}
	#mobile_nav {
		display: block;
	} 
	.nav-open > *:not(header) {
	    -webkit-filter: blur(5px);
	            filter: blur(5px);
	}
	.nav-open {
		overflow: hidden;
	}
	.svg__logo {
		position: relative;
		z-index: 9;
	}
	.themen .card-b img {
		margin-right: 0px;
		margin: auto;
		height: auto;
		padding-bottom: 20px;
		max-width: 230px;
	}
	.kachelTeam img {
		max-width: calc(20rem - 40px);

		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.button-text {
		transform: translate(0, 4px);
	}
	#sidebar {
		text-align: center;
	}
	.home_heading .big{
		margin-top: 150px;
		font-size: 40px;
		line-height: 40px;
	}
	.home_heading .byline{
		font-size: 20px;
		line-height: 30px;
	}
	.main_sites_heading{
		text-align: center;
	}
	.main_sites_heading .big{
		margin-top: 150px;
		font-size: 36px;
		line-height: 40px;
	}
	.main_sites_heading .byline{
		font-size: 18px;
		line-height: 24px;
	}
	h1.big {
		margin-top: 120px;
		font-size: 55px;
		line-height: 60px;
		padding-top: 10px;
	}
	.byline {
		font-size: 22px;
		line-height: 35px;
	}
	.intro {
		height: fit-content;
		padding-bottom: 80px;
	}
	.header_img{
		max-width: 50%;	
		margin: auto;
	}
	.themen h2{
		font-size: 35px;
	}
	.themen .card-b h2 {
		font-size: 50px;
	}
	#sidebar p {
		max-width: 100%;
	}
	.info span{
		hyphens: auto;
		font-size: 24px;
	}
	.info{
		width: 90%;
	}
	.footer_btns {
		text-align: center;
	}	
	.brand img{
		max-width: 400px; 
	}	
	.brand img:nth-of-type(1) {
	    right: 0px;
	    bottom: 0px;
	}	
	.brand img:nth-of-type(2) {
	    right: -80px;
	    bottom: -50px;
	}	
	.container {
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 20px);
	}	
	#rights{
		padding-left: 10px;
	}	
	.prefooter .grid>div:last-child {
		justify-content: none;
		margin: auto;
		padding-top: 10px;	
	}	
	#kontakt{
		margin-top: 25px;	
		margin-bottom: 25px;
	}	
	.pt {
		padding-top: 10px;
	}
	.pb {
		padding-bottom: 10px;
	}	
	#impressum {
		text-align: center;
	}	
	#datenschutz {
		padding-left: 15px;
		padding-right: 15px;
	}
	#datenschutz p{
		padding-left: 25px;
		padding-right: 25px;
	}	
	/* ******************** Mobile Nav ******************** */	
	#nav{		
		display: none
	}
	.mNavbtn{
		display: block;
	}
	#projekt, #agentur, #blog, #kon {
		color: #000;
	}	
	.wrapper {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    margin: 0 auto;
	    padding: 0 10px;
	    max-width: 1060px;
	}
	header nav {
	    margin-top: 0;
	    font-weight: 900;
	    text-transform: uppercase;
	    position: fixed;
	    width: 100vw;
	    height: 100vh;
	    background: #68ffdc;
	    z-index: 99;
	    top: 0;
	    left: 0;
	    padding-top: 250px;
	    display: none;
	}
	nav.open {
		display: block;
	}
	nav li {
	    display: inline-block;
	    margin-left: 0;
	    width: 100%;
	    margin-bottom: 20px;
	}	
	nav a {
	    position: relative;
	    padding: 5px;
	    color: #000;
	    letter-spacing: 1px;
	    font-size: 26px;
	    text-align: center;
	    display: block;
	}
	.nav__trigger {
		position: absolute;
	    right: 20px;
	    top: 27px;
	    font-size: 35px;
	    width: 45px;
	    height: 45px;
	    /* background: #6776ff; */
	    border-radius: 5px;
	    text-align: center;
	    line-height: 58px;
	    z-index: 100;
	}
	nav ul {
		height: 100%;
		width:100%;
	}
	header img {	    
	    position: absolute;
		left: 10px;
	    top: 32px;
	    height: 45px;
	}
	nav.open {
	  -webkit-animation: animation 2000ms linear both;
	  animation: animation 2000ms linear both;
	  z-index: 8;
	}	
	
	
	/* Generated with Bounce.js. Edit at https://goo.gl/6EpUYa */	
	@-webkit-keyframes animation { 
	  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); }
	  2.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); }
	  4.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); }
	  7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); }
	  9.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); }
	  14.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); }
	  19.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); }
	  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); }
	  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); }
	  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
	  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
	}	
	@keyframes animation { 
	  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -400, 0, 1); }
	  2.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -252.825, 0, 1); }
	  4.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.559, 0, 1); }
	  7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -79.083, 0, 1); }
	  9.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.37, 0, 1); }
	  14.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.592, 0, 1); }
	  19.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.197, 0, 1); }
	  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.111, 0, 1); }
	  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.067, 0, 1); }
	  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
	  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
	}	
	.animsition {
	    -webkit-transition: inherit;
	    -o-transition: inherit;
	    transition: inherit;
	}	
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
	  width: 30px;
	  height: 35px;
	  position: relative;
	  margin: auto;
	  -webkit-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	      transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  margin-top: 2px;
	}	
	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	  display: block;
	  position: absolute;
	  height: 4px;
	  width: 100%;
	  background: #333;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	/* Icon 3 */	
	#nav-icon3 span:nth-child(1) {
	  top: 6px;
	}	
	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	  top: 16px;
	}	
	#nav-icon3 span:nth-child(4) {
	  top: 26px;
	}	
	#nav-icon3.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}	
	#nav-icon3.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	      transform: rotate(45deg);
	}	
	#nav-icon3.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	      transform: rotate(-45deg);
	}	
	#nav-icon3.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}
	@media only screen and (max-device-width: 1024px) and (min-device-width: 481px) and (orientation: landscape) {
		.intro {
		    left: 5%;
		    max-height: 860px;
		    height: 720px;
		    padding-top: 80px;
		    top: -200px;
		    width: 90vw;
		}	
		nav a {
		    width: 340px;
		    margin: AUTO;
		    background: #6675ff;
		    font-weight: 300;
		    color: #fff;
		}	
		header nav {
		    background: #3333336e;
		}
	}	
	header nav {
	    padding-top: 60px;
	    height: 400px;
	    background: #fff;
	    font-weight: 300;
	    top: -40px;
	}	
	header nav ul {
	    width: 400px;
	    position: absolute;
	    right: 20px;
	    top: 160px;
	    display: none;
	}
	nav.open ul {
		display: block;
	}
	body.nav-open .animsition {
	    -webkit-filter: blur(15px);
	            filter: blur(15px);
	}
	header nav a {
	    text-align: right;
	    -webkit-transform: translateY(400px);
	        -ms-transform: translateY(400px);
	            transform: translateY(400px);
	}	
	header nav.open a {
	    -webkit-animation: smoothUp 1.6s;
	            animation: smoothUp 1.6s;
	    -webkit-animation-fill-mode: forwards;
	            animation-fill-mode: forwards;
	opacity: 1;
	}	
	header nav li {
	    overflow: hidden;
	}	
	nav.open ul > li:nth-child(1) a {
	    -webkit-animation-delay: .1s;
	            animation-delay: .1s;
	}
	nav.open ul > li:nth-child(2) a {
	    -webkit-animation-delay: .25s;
	            animation-delay: .25s;
	}
	nav.open ul > li:nth-child(3) a {
	    -webkit-animation-delay: .40s;
	            animation-delay: .40s;
	}
	nav.open ul > li:nth-child(4) a {
	    -webkit-animation-delay: .55s;
	            animation-delay: .55s;
	}	
	
	
.workCTA .tile {
	flex-wrap: wrap;
}

.workCTA .tile img {
	max-width: 210px;
	padding-right: 50px;
	padding-bottom: 10px;
}

.workCTA .tile h3 {
	font-size: 25px;
	display: block;
	width: 100%;
	top: -10px;
	position: relative;
}

.workCTA .tile h3 b {
	font-size: 58px;
	top: 0px;
}

main.seite-6 .intro {
	margin-bottom: 40px;
}

.section.reinText p {
	font-size: 20px;
}

.section.reinText .container {
	text-align: left;
}
.shiftTop {
	margin-top: -70px;
}
.darkMode.nav-open .logo img:nth-of-type(1) {
	display: block;
}
.darkMode.nav-open .logo img:nth-of-type(2) {
	display: none;
}

	/* ******************** Ende Mobile Nav ******************** */
}

/* **************** Mobile sm *************** */
@media (min-width: 768px) and (max-width: 991px) {
	.zw:nth-child(5) {
	    display: block !important;
	}
	.zw:nth-child(6) {
	    display: block !important;
	}
	.header_img{
		max-width: 50%;	
		margin: auto;
	}
	.intro {
		min-height: 80vh;
		padding-top: 140px;
	}
	.news #hero {
		padding-top: 0;
	}
}

/* **************** Mobile minimal sm *************** */
@media (min-width: 768px) {
	.wrapper{
		display: none;
	}
	#nav {
		display: block;
	}	
	.main_sites_heading .byline {
    	max-width: 80%;
	}
	.kachelTeam img {
		max-width: calc(20rem - 40px);

		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}	
	.button-text {
		transform: translate(0, 4px);
	}	
	.main_sites_heading .byline{
		font-size: 26px;
		line-height: 32px;
	}	
	.info span{
		hyphens: auto;
		font-size: 40px;
	}
	.info{
		width: 90%;
	}
	.portfolio-img img {
		width: 90%;
	}		
}
/* **************** Mobile maximal sm *************** */
@media (max-width: 991px){
	.phone {
		display: none;
	}
	#sidebar {
		text-align: center;
	}
	.c-button{
		display: flex;
		margin-left: 30px;
		margin-right: 30px;
		text-align: center;
	}
	h1.big {
		text-align: center;
	}
	.byline, .byline_h2{
		text-align: center;
		margin: auto;
	}
	.portfolio-card {
		padding: 15px;
		padding-top: 20px;
		width: calc(100% - 20px);
	    margin-left: 10px;
	    margin-right: 10px;
	}	
	#hero {
	    height: 50vh;
	}	
	.themen .medium {
	    font-size: 29px;
	    margin-top: 30px;
	    margin-bottom: 10px;
	}	
	.themen .card-b > div:nth-of-type(2) {
	    order: 1;
	}	
	.themen .card-b > div:nth-of-type(1) {
	    order: 2;
	}	
	.themen .card-b {
	    padding: 20px;
	    margin: auto;
	    margin-bottom: 40px;
	    padding-bottom: 30px;
	}
	.details li {
	    font-size: 18px;
	    line-height: 20px;
	    text-align: left;
	}	
	.details li i {
	    font-size: 30px;
	}	
	.details {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}	
	.portfolio-card.big {
	    min-height: auto;
	    height: 430px;
	    margin-bottom: 40px;
	}	
	.direct-link {
	    right: 9px;
	    top: -5px;
	}	
	picture.portfolio-img.multi:nth-child(2) {
	    right: -201px;
	}	
	#sidebar .sideHead {
	    font-size: 40px;
	}
	header img {	
	    height: 30px;
	}	
	body.darkMode #nav-icon3 span {
	    background-color: #fff;
	}	
	body.darkMode #nav-icon3.open span {
	    background-color: #333;
	}
	main.seite-5 div#hero {
		height: 78vh;
	}
	
	main.seite-5 div#hero h1.big {
		margin-top: 50px;
	}
	
	main.seite-112 div#hero {
		height: 72vh;
	}
	
	main.seite-112 div#hero h1.big {
		margin-top: 130px;
		z-index: 2;
		position: relative;

	}
	.letterWrapper {
		z-index: 1;
	}
	
	main.seite-112 div#hero > div {
		z-index: 2;
		position: relative;
	}
	.bg-bubbles span {
		font-size: 2rem;
	}
	
	}
/* **************** Mobile minimal md *************** */
@media (min-width: 992px) {
	.kachelTeam img {
		max-width: calc(100% - 40px);
	}
	.kachelTeam img {
		position: absolute;
		bottom: -60px;
	}
	.button-text {
		transform: translate(0, 0px);
	}
}
/* **************** Mobile md *************** */
@media (min-width: 992px) and (max-width: 1199px) {
	.aus{
		display: none !important;
	}
	.container {
		padding: 0 3.125rem;
	}
}
/* **************** Mobile minimal lg *************** */
@media (min-width: 1200px) {
	.kachelTeam img {
		max-width: calc(100% + 40px);
	}
	.kachelTeam img {
		position: absolute;
		bottom: -60px;
	}
	.button-text {
		transform: translate(0, 0px);
	}	
	.aus{
		display: none !important;
	}
	section.intro.home:after {
	    content: '';
	    background-image: url("/static/Brand/pattern1.svg");
	    width: 400px;
	    height: 400px;
	    position: absolute;
	    display: block;
	    z-index: 99;
	    background-size: contain;
	    bottom: -86px;
	    right: 90px;
	    filter: hue-rotate(176deg);
	}
}