/* ----------------------
	ARTI
	------------------------- */

.arti-how-hdy {
  		display: none;
}


.arti-how {  
   /*		float: right;*/
  		width: 19%;  
        margin-left: 50px!important;  
  		margin-top: 0px!important;  
  
}

.arti-start {    
 		float: right;
  		width: 33%;    
  		margin-left: 50px!important; 
  		margin-top: -220px!important; 
  
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}

.arti-start:hover {  
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}

.arti-syn {  
   /*		float: right;*/
  		width: 19%;  
        margin-left: 80px!important;  
  		margin-top: 0px!important;  
  
		-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}  
  
.arti-syn:hover {  
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}

.arti-ex {    
  		float: right;
  		width: 33%;   
  		margin-left: 50px!important;  
  		margin-top: -162px!important;
  
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}

.arti-ex:hover {  
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}

.arti-hdy-schatten img {  
  		padding: 2px;
  		background: white;	

      -webkit-box-shadow: #000 0px 2px 10px;
	-moz-box-shadow: #000 0px 2px 10px;
	box-shadow: #000 0px 2px 10px;
}

.arti-play {
    	float: right;
  		width: 85%;
     
  		margin-top: 0px!important;
}

.arti-logo {
  		float: right;
  		width: 30%;
 
  		margin-top: -280px!important;

  }


.arti-finger {  
   		float: right;
  		width: 27%;
   
  		margin-top: -300px!important;
  
}  


.arti-cam {    
  		float: right;
  		width: 15%;

  		margin-top: 0px!important;
  
   }


.arti-aktiv {    
  		float: right;
  		width: 75%;

  		margin-top: -200px!important;
  
    }

.arti-vive img {
	 margin-top: -10px!important;
  	 float:left!important;

}

.arti-learn img {  
  		margin-top: 3px!important;
  		float: left!important;
  
  
  -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}

.arti-learn img:hover {
  
	 -moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	
}

.video-schatten {

  -webkit-box-shadow: #494949 0 -1px 5px;
	-moz-box-shadow: #494949 0 -1px 5px;
	box-shadow: #494949  0 -1px 5px;  
}

.videos {
        line-height: 0px!important;
  
}

/*.mosaik-video img,*/ 
/*
.mosaik-video .wp-video {
	max-width: 200px;
	height: auto;
	margin-top: 20px !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  
  -webkit-box-shadow: #494949 0 -1px 5px;
	-moz-box-shadow: #494949 0 -1px 5px;
	box-shadow: #494949  0 -1px 5px;  
}  
*/
.mosaik-vid-pos {
        margin-left: 22px!important;  
  		margin-top: 100px!important;   
}

/*
.mosaik-video:hover .wp-video{
  
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5); 
}  
*/ 
/* ----------------------
	MEINE ANPASSUNGEN
	------------------------- */

/*
.syn-ani-arti {
  		display: none;
}
*/ 
.quad {
  		display: none;
}

.quad-syn {
  		display: none;
}  

.anzeiger {
  		display: none;
}


.home .section-inner.thin {

  	background-image: url("http://www.yohan.website/wp-content/uploads/2015/06/m10-700-trans-100.jpg"); 
  }

.page-id-11600 .section-inner.thin {

  	background-image: url("http://www.yohan.website/wp-content/uploads/2015/06/m10-700-trans-100.jpg"); 
  }

.page-id-11600 .post-content {

    min-height: 650px;
}

.page-id-11932 .post-content {

    min-height: 1000px;
}

.page-id-11872 .post-content {

    min-height: 584px;
}
/*
.page-id-11872 .section-inner.thin {

  	background-image: url("http://www.yohan.website/wp-content/uploads/2015/06/m10-700-trans-100.jpg"); 
  }
*/


.section-inner.thin {
/* .body.page-id-11582 {
background-color: #b3a2c7!important;   } */
    width: 700px!important;
    height: auto;
    max-width: 100%;

  background-color: #D1C6C6;
 /* background-image:  url("http://www.yohan.website/wp-content/uploads/2018/02/m10-700-trans-100-quad_webh.jpg"); */
		-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 10px;
	box-shadow: #000 0 2px 10px;
  margin-top: 25px;
  }

/*
--------------------------------
     EIGENE KLASSEN  
--------------------------------
*/

.quad { 		
  		 margin-top: -655px!important;
    	 margin-left: 85px!important;
  
  	width: 530px!important;		
    height: 530px!important;
  		-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 10px;
	box-shadow: #000 0 2px 10px;
}

/*
.quad-syn { 		
  		 margin-top: -1120px!important;
    	 margin-left: 100px!important;
  
  	width: 500px!important;		
    height: 500px!important;
  		-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 10px;
	box-shadow: #000 0 2px 10px;
}
*/
.details { 
  		 margin-top: 0px!important;
    	 margin-left: 75px!important;
}

.gallery {
  		float: left;
	/*	width: 9%;*/
        margin-top: 0px!important;
  		margin-left: 0px!important; 
} 
.logo {
        margin-top: -0px!important;  	
}
.logo-d {
        margin-top: -18px!important;  	
}
.logo-sl {
        margin-top: -100px!important;
}
.logo-syn {
        margin-top: 0px!important;  	
}
.foyer {
  		float: right;	
        margin-top: 0px!important;  	
} 

.home-ks {
  		float: right;
  		margin-top: -63px!important;  
}


.home-ks-syn {
  		float: right;
  		margin-top: -63px!important;  
}

.home-sl {
  		float: right;
  		margin-top: -63px!important;  
}

.invers80 {
        margin-top: 20px!important;  	
}

.slider-foyer {  	
  	  	margin-top: 145px!important;
  		margin-left: -63px!important; 
}

.slider-text {  	
  		font-family: 'Arial', 'Vollkorn', 'Times New Roman', 'Times';
		font-size: 0.50em;
    	color: black;
  	/*	font-weight:bold; */
  	  	margin-top: -8px!important;
  		margin-left: -66px!important;  	
  
  		z-index:1000;
}

.enter img {
	margin-top: 0px!important;
  
   -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.enter img:hover {
  
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.anzeiger {
  		margin-top: -200px!important;
  		margin-left: 70px!important;
    
    -moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

/*
---------------- presentation-----------------
.anzeige img {
  		margin-top: 500px!important;
  		margin-left: 570px!important;
    
    -moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
------------------------------------------------
*/

.neu-grey img {
	margin-top: 170px!important;
  	float: left!important;
  
     -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
 
.neu img {
	margin-top: 170px!important;
  	float: left!important;
  
     -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
  
  -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.neu img:hover {
  
  -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.up-grey img {
	margin-top: 0px!important;
  	float: left!important;
  
     -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.up img {
	margin-top: 0px!important;
  	float: left!important;
  
     -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
  
  -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.up img:hover {
  
  -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
} 

.email img {
	 margin-top: 25px!important;
  	 float:left!important;
  
  -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}

.email img:hover {
  
	  -moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);	
}

.copy img {  
  		margin-top: 24px!important;
  		float: right!important;
  
  
  -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}

.copy img:hover {
  
	  -moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	
}

/* -------------------------------------------------------------*/

.synaps {
    	float: right;
  		width: 80%;
     /*   margin-left: 640px!important;*/
  		margin-top: 50px!important;
}

.syn-ori {
  		float: right;
  		width: 30%;
     /*   margin-left: 400px!important; */
  		margin-top: -150px!important;

		-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
  }
.syn-ori:hover {  
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
  
}

.syn-det {  
   		float: right;
  		width: 10%;
   /*     margin-left: 500px!important;  */
  		margin-top: -00px!important;
  
		-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}  

.syn-det:hover {  
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}

.syn-film {    
  		float: right;
  		width: 19%;
  	/*	margin-left: 250px!important; */
  		margin-top: 100px!important;
  
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.syn-film:hover { 
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);  
}

.syn-ani-arti {    
  		float: right;
  		width: 81%;
  /*		margin-left: -700px!important;  */
  		margin-top: -100px!important;
  
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.syn-ani-arti:hover { 
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);  
}

.ks {  	
  	  margin-top: -45px!important;	
  	
}
.ks-neu {  	
  	  margin-top: -18px!important;	
}
.ks-ngg {  	
  		position: absolute;
  		z-index:2;
  	  	margin-top: 67px!important;	
      	margin-left: 32px!important;
} 

.dreh {
   		position: absolute;
  		z-index:1;
        margin-top: 50px!important;
  		margin-left: 20px!important;
   }

.thumb-dreh {  
    margin-top: 0px!important;
  	margin-left: 15px!important;
  	color:white!important;
    font-size: 15px!important;

}

/* ---------------- KS - Beschriftung ------------  */

.ks-beschr {  
  	  	margin-top: 0px!important;
        font-size: 15px!important;
  
  	/*	background: transparent!important;*/
  		color: black!important;
   }

.post-content table tbody > tr:nth-child(2n+1) > td {
  
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0!important;
    
}

/*.post-content tbody { 
	border-top: 0px solid #eee!important; 
	border-top-color: rgba(0,0,0,0.075);
    border-bottom: 0px solid #eee!important;
	border-bottom-color: rgba(0,0,0,0.075);
    
}*/

/* ---------------- KS - Beschriftung ------------  */

/*.slider-ks {  	
  	  margin-top: 0px!important;	
  	
}*/

.ks-schatten img {  
  		padding: 5px;
  		background: white;

      -webkit-box-shadow: #000 0px 2px 10px;
	-moz-box-shadow: #000 0px 2px 10px;
	box-shadow: #000 0px 2px 10px;
}


     
.bilder {
        line-height: 0px!important;
  
}
.mosaik {
        margin-left: 100px!important;  
  		margin-top: 16px!important;   
}

.mosaik-ks img {
	max-width: 100px;
	height: auto;
	margin-top: -11px !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  
  -webkit-box-shadow: #494949 0 -1px 5px;
	-moz-box-shadow: #494949 0 -1px 5px;
	box-shadow: #494949  0 -1px 5px;  
}

.mosaik-ks img:hover {
  
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5); 
}

.mosaik-up {
        margin-left: 100px!important;  
  		margin-top: -13px!important;  
}

.mosaik-up-down {
        margin-left: 100px!important;  
  		margin-top: 17px!important;  
}

.mosaik-ks-up img {
	max-width: 100px;
	height: auto;
	margin-top: 5px !important;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  
 -moz-box-shadow: 0px 0px 5px 5px #E68768;
	-webkit-box-shadow: 0px 0px 5px 5px #E68768;
	box-shadow: 0px 0px 5px 5px #E68768; 
}

.mosaik-ks-up img:hover {
  
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.5); 
}
/*  --------------------
	RESPONSIV
	------------------------*/

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

.quad {
  		display: none;
}
  

.anzeiger {
    display: none;
  }
   

.quad { 		
  		 margin-top: -1055px!important;
    	 margin-left: 85px!important;
  
  	width: 530px!important;		
    height: 530px!important;
  		-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 10px;
	box-shadow: #000 0 2px 10px;
}

.quad-syn {
  		display: none;
}
  
.gallery {
  		float: left;
		/*width: 9%;*/
        margin-top: -0px!important;
  
    -moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}   
  
.foyer {
  		float: right;
		/*width: 18%;*/
        margin-top: -0px!important;
  		    
      -moz-transform: scale(0.7);
	  -ms-transform: scale(0.7);
	  -o-transform: scale(0.7);
	  -webkit-transform: scale(0.7);
	  transform: scale(0.7);
}
 
.enter {
     margin-top: -500px!important;
     margin-left: 200px!important;
 /*   z-index:1000;*/
}
  
.enter img {
  
   -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
    
  		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;		    
}
  
.enter img:hover {
  
	 -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}  

.slider-foyer {  	
  	  	margin-top: 80px!important;
  		margin-left: 0px!important;
}  
  
.slider-text {  
   	 	margin-left: 0px!important;
   	 	font-family: 'Arial', 'Vollkorn', 'Times New Roman', 'Times';
		font-size: 0.55em;
    	color: black;
  	/*	font-weight:bold; */
  	  	
}

.anzeiger {
  		margin-top: -650px!important;
  		margin-left: 350px!important;
    
    -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
/* 
-------------------presentation--------------------
.anzeige img {
  		margin-top: -650px!important;
  		margin-left: 350px!important;
    
    -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
-------------------------------
  */
.neu-grey img {
    margin-top: -270px!important;
    margin-left: 500px!important;
  /*  z-index:1000;	*/
    
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
  
.neu img {
    margin-top: -270px!important;
    margin-left: 500px!important;
 /*   z-index:1000;	*/
    
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
  
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.neu img:hover {
  
   -moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	-webkit-transform: scale(.9);
	transform: scale(.9);
}

.up-grey img {
    margin-top: -240px!important;
    margin-left: 500px!important;
    z-index:1000;
  
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.up img {
    margin-top: -240px!important;
    margin-left: 500px!important;
    z-index:1000;
  
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
  
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.up img:hover {
  
    -moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	-webkit-transform: scale(.9);
	transform: scale(.9);
}
    
.email img {
	 margin-top: 110px!important;
     margin-left: 0px!important;
  
    -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}

.email img:hover {
  
	 -moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	
}
/* grau */
  /* 
.copy img {
	   margin-top: -10px!important;
  	   float: right!important;
  
    -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
*/
.copy img {
	   margin-top: -117px!important;
  	   float: right!important;
  
    -moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.copy img:hover {
  
	 -moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	
}

.mosaik {        
  		margin-top: -12px!important;
   		margin-left: 0px!important;
}  

.mosaik-ks img {
	margin-top: 1px!important;
  }
  
.mosaik-up {        
  		margin-top: -28px!important;
   		margin-left: 0px!important;
}  

.mosaik-up-down {        
  		margin-top: 17px!important;
   		margin-left: 0px!important;
}    
  
.details { 
  		 margin-top: -45px!important;
    	 margin-left: 5px!important;
}
}

/*
@media only screen and (max-width: 650px) {
  
.anzeiger img {
  		margin-top: -400px!important;
  		
    	float: right!important;
    
   -moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}  
 
}*/

@media only screen and (max-width: 480px) {
  
/* --------------  F O Y E R --------------*/

/*
.syn-ani-arti {
  		display: none;
}
 */ 
  
.anzeiger {
    display: none;
  }
    
.arti-how-hdy {
  		display: inherit;
}

.arti-how {
  		display: none;
}  
/*  
.slider-foyer  {
    display: none;
}  
  */
/*
.neu {
  		display: none;
}  
*/  
.quad {
  		display: none;
}   
  
.page-id-3945 .post-content {

    min-height: 450px;
}  
  
.page-id-6810 .post-content {

    min-height: 450px;
} 
.page-id-6850 .post-content {

    min-height: 450px;
}    
  
.page-id-11600 .post-content {

    min-height: 450px;
}  

.page-id-11610 .post-content {

    min-height: 300px;
}  
  
.page-id-11872 .post-content {

    min-height: 450px;
}  

.arti-play {
    	float: right;
  		width: 100%;
     
  		margin-top: -90px!important;
    
        -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.arti-logo {
  		float: right;
  		width: 30%;
 
  		margin-top: -280px!important;
    
        -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);

  }

.arti-finger {  
   		float: right;
  		width: 27%;
   
  		margin-top: -300px!important;
    
        -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
  
}  

.arti-cam {    
  		float: right;
  		width: 15%;

  		margin-top: -80px!important;
        -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
  
   }

.arti-aktiv {    
  		float: right;
  		width: 95%;

  		margin-top: -220px!important;
    
        -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
  
    }

.arti-vive img {
	 margin-top: -60px!important;
     margin-left: -50px!important;
  /*	 float:right!important;	*/
    
        -moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	-webkit-transform: scale(.6);
	transform: scale(.6);

}

.arti-learn img {  
  		margin-top: -95px!important;
      	margin-left: 250px!important;
  /*		float: left!important;	*/
  
   		/*   		margin-top: -85px!important;   */
        -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}

.arti-learn img:hover {
  
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);;
	
}
  
.quad { 		
  		 margin-top: -655px!important;
    	 margin-left: 85px!important;
  
  	width: 530px!important;		
    height: 530px!important;
  		-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 10px;
	box-shadow: #000 0 2px 10px;
}  
  
.ks-ngg {  	
  position: absolute;
  z-index:2;
  	  margin-top: -8px!important;	
      margin-left: 23px!important;
} 
 
.dreh {
    	position: absolute;
  		z-index:1;
        margin-top: -25px!important;
  		margin-left: 15px!important;
    
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}   
.foyer {
        display:none!important;   
    }   
  
/* 
.text {
		display:none;
}  */
.shop { 
  		 margin-top: 38px!important;  	
}  
.gallery img {  		
        margin-top: -22px!important;
    	margin-left: -28px!important;
  
  	 -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);

}   
    
.foyer img {  	
  		
 		 margin-top: 23px!important;
   		 float: right!important;
   /*  max-width: 100%;
      height: auto;
    	margin-left: 55px!important;  */  
      -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}   
  
.logo img {
      /*  margin-top: -20px!important;
  		margin-left: 0px!important;*/
	 margin-top: -5px!important;
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}  
.logo-d img {
      /*  margin-top: -20px!important;
  		margin-left: 0px!important;*/
	 margin-top: -3px!important;
    -moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}    
.home-ks img {
    	margin-top: -0px!important;
   	  	float: right!important;
    
      -moz-transform: scale(.8);
	  -ms-transform: scale(.8);
	  -o-transform: scale(.8);
	  -webkit-transform: scale(.8);
	  transform: scale(.8);

}

.home-sl img {         
        float: right!important;
        margin-top: 83px!important;
    
      -moz-transform: scale(.8);
	  -ms-transform: scale(.8);
	  -o-transform: scale(.8);
	  -webkit-transform: scale(.8);
	  transform: scale(.8);
    
}
  
.logo-sl img {
        float: left!important;
        margin-top: 20px!important;
    
      -moz-transform: scale(.8);
	  -ms-transform: scale(.8);
	  -o-transform: scale(.8);
	  -webkit-transform: scale(.8);
	  transform: scale(.8);
    
} 
.invers80 {
        margin-top: -1px!important;  	
}	
/*  
.slider-ks {  	
  	  margin-top: 10px!important;	
   
} 
  */
.enter  {
    		margin-top: -400px!important;
    		margin-left: 60px!important;

  }    
.enter img {
    /*		margin-top: -30px!important;
    		margin-left: -110px!important;
    		z-index:1000;
    */
   		 	 -moz-transform: scale(0.7);
	  		 -ms-transform: scale(0.7);
	 		 -o-transform: scale(0.7);
			 -webkit-transform: scale(0.7);
	  		 transform: scale(0.7);
    
        -webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
}  
  
.enter img:hover {
  
		    -moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			-webkit-transform: scale(1);
			transform: scale(1);
} 
  
.slider-foyer  {
    margin-top: -30px!important;

  }
 
.slider-text {
    margin-top: -5px!important;
}  
/*  
.slider-foyer {
		display: none;
}
.slider-text {  	
  		font-family: 'Arial', 'Vollkorn', 'Times New Roman', 'Times';
		font-size: 0.5em;
    	color: black;
  	
  	  	margin-top: -8px!important;
  		margin-left: -66px!important;  	
  
  		z-index:1000;
}  
*/  
/*   ---------------presentation---------------   */
.anzeige {
  		margin-top: -0px!important;
  		margin-left: 80px!important;
    	
    
    -moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
/*   ------------------------------------------   */
  
  
.neu-grey img {
  		margin-top: -300px!important;	
    	float: right!important;
      z-index:1000;
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7);
}
  
.neu img {
  		margin-top: -300px!important;	
    	float: right!important;
      z-index:1000;
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7);
  
  	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.neu img:hover {    
     -moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
}

 
.up-grey img {
    	margin-top: -270px!important;    
    	float: right!important;
    z-index:1000;
    
     -moz-transform: scale(.7);
	 -ms-transform: scale(.7);
	 -o-transform: scale(.7);
	 -webkit-transform: scale(.7);
	 transform: scale(.7);
}

.up img {
    	margin-top: -270px!important;
    
    	float: right!important;
    z-index:1000;
    
     -moz-transform: scale(.7);
	 -ms-transform: scale(.7);
	 -o-transform: scale(.7);
	 -webkit-transform: scale(.7);
	 transform: scale(.7);
  
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.up img:hover {
  
 -moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
} 
/* grau */
  /*    
.email img {
	 margin-top: 50px!important;
     margin-left: -30px!important;
     visibility: visible!important;
  
     -moz-transform: scale(.7);
	 -ms-transform: scale(.7);
	 -o-transform: scale(.7);
	 -webkit-transform: scale(.7);
	 transform: scale(.7);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }
*/

.email img {
	 margin-top: -150px!important;
     margin-left: -30px!important;
     visibility: visible!important;
  
     -moz-transform: scale(.7);
	 -ms-transform: scale(.7);
	 -o-transform: scale(.7);
	 -webkit-transform: scale(.7);
	 transform: scale(.7);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }
  
.email img:hover {  
	 -moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
	
}

.copy img {
		margin-top: -212px!important;
      	float: right!important;
    	visibility: visible!important; 
  
    -moz-transform: scale(.7);
	 -ms-transform: scale(.7);
	 -o-transform: scale(.7);
	 -webkit-transform: scale(.7);
	 transform: scale(.7); 

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.copy img:hover {
  
	 -moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
	
}  
 
/*  -------------   S Y N A P S E S   -------------  */  

.arti-start img  {    
  
  		margin-left: -50px!important; 
  		margin-top: 70px!important; 
    
        -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7);
        
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    
  }

.arti-start img:hover {  
   	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
}

.arti-syn img  {  
  
        margin-left: -80px!important;  
  		margin-top: 0px!important;  
    
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7); 
    
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}  
  
.arti-syn img:hover {  
   	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
}

.arti-ex img {    
    
  		margin-left: -50px!important;  
  		margin-top: 0px!important;
    
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7); 
    
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
  
.arti-ex img:hover {  
  	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
} 

.synaps img {
  	margin-top: -90px!important;
    margin-left: 0px!important;
    
  	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
}
  
.syn-ori img {
  	margin-top: 100px!important;
    margin-left: -40px!important;
           
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7); 
    
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }
  
.syn-ori img:hover {
  	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
  }

.syn-film img {		    
      margin-top: -120px!important;
      margin-left: -115px!important;
    
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7); 
    
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }
  
.syn-film img:hover {
  	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
  }

.syn-det img {   		
  		margin-top: 70px!important;
    	margin-left: -45px!important;
          
       -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7);
    
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }
  
.syn-det img:hover {
  	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8);
  }  
  

.syn-ani-arti img {    

  		margin-left: -40px!important;  
  		margin-top: 0px!important;

           -moz-transform: scale(.7);
	   -ms-transform: scale(.7);
	   -o-transform: scale(.7);
	   -webkit-transform: scale(.7);
	   transform: scale(.7);
    
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.syn-ani-arti img:hover { 
  	-moz-transform: scale(.8);
	 -ms-transform: scale(.8);
	 -o-transform: scale(.8);
	 -webkit-transform: scale(.8);
	 transform: scale(.8); 
}  
  
.ks img {  	
  	  margin-top: -45px!important;	
      max-width: 100%;
	  height: auto;
}
.ks-neu img {  	
  	  margin-top: -49px!important;	
	     max-width: 100%;
	  height: auto;
}
.mosaik {
        margin-left: 20px!important;  
  		margin-top: -30px!important;   
}
.mosaik-arti {        
  		margin-top: -30px!important;
   		margin-left: 20px!important;
   }  

.mosaik-ks img {
	margin-top: 2px!important;
  }      
 
.mosaik-up {        
  		margin-top: -41px!important;
   
   } 
  
.mosaik-up-down {
  		margin-top: 17px!important;  
}  
  
}


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

/*  ----------------------   leeres Hofman  ---------------------------  */
/*
.credits {
display: none;
}

.menu-social {
display: block;
}
*/
.credits-menu {
display: none;
}

.fleft {
display: none;
}

.header {
display: none;
}

.wrapper::after {
border-width: 0!important;
}

.post-meta.top {
display: none!important;
}

.post-header::after {
display: none!important;
}

.post-inner {
  padding: 0px!important;
} 

.post-content a {
border-bottom: 0px solid #eee!important;
}

.post-content kbd, .post-content code, .post-content tt {
border-radius: 3px;
padding: 0px;

}

.post-content code, .post-content kbd, .post-content pre, .post-content tt {
  background: none!important;
  
}

.post {
  background: none!important;
  margin-top: -20px !important;
}  

.wrapper {
background: none!important;
}  

.post-content h3 {
    display: none;
}

/* --------------------- beeinflusst SCHRIFTEN  -----------------  */
/*
.post-content, .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content li, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre  {
  
    font-family: 'Arial', 'Vollkorn', 'Times New Roman', 'Times';!important;
	font-size: 0.5em;
    	color: black;
    
}  
  
.post-content, .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content li, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre a {
  
    font-family: 'Arial', 'Vollkorn', 'Times New Roman', 'Times';
	font-size: 1.0em;
    	color: black;
    
}

.post-content, .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content li, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre a:hover {
  
    font-family: 'Arial', 'Times New Roman', 'Times';
	font-size: 1.2em;
    	color: color: #928452;
    
} 
*/
--------------------------------------

.schrift {
    	 
    	font-family: 'Vollkorn','Arial', 'Vollkorn', 'Times New Roman', 'Times';
		font-size: 1.0em;
    	color:blue;
  		font-weight: bold;
    	
    /*	float: left;
 		margin-top: 30px!important;
  		margin-left: 10px!important;
    	visibility: visible!important;*/
}
 
.schrift a {
    	background-color: #928452;
    	font-family: 'Vollkorn','Arial', 'Vollkorn', 'Times New Roman', 'Times';
		font-size: 1.0em;
    	color: blue;  
    /*	font-weight:bold; */
    /*	float: left;
 		margin-top: 30px!important;
  		margin-left: 10px!important;
    	visibility: visible!important;*/
}
    
.schrift a:hover {
    	background-color: blue;
    	font-family: 'Vollkorn','Arial', 'Vollkorn', 'Times New Roman', 'Times';
		font-size: 1.2em;
    	color: #928452;  
    	font-weight:bold; 
    	/*float: left;
 		margin-top: 30px!important;
  		margin-left: 10px!important;
    	visibility: visible!important;*/
}