@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1024px ){
 
 .categories{
	 height:33%;
	 width:100%;
	 overflow-x:auto;
	 overflow-y:hidden;
 }
 .Arrows{
	height:auto;
 	width:40%;
	margin-left: 10%;
	/*float:right;*/
}
.Arrows:hover{
	cursor:pointer;
}
 .imgc{
	 height:70%;
	 width:auto;
	 margin:1% 0.5% 1% 0.5%;
 }
 .Images{
	 height:100%;
	 width:95%;
	 float:right;
 }
 .LeftOutNormal{
 	height:100%;
	width:5%;
	float:left;
 }
 .LeftOfImg{
	 
	 height:50%;
	 width:70%;
	 margin:auto;
	 padding:100% 50% 0% 0%;
	 color:#FFFFFF;
	 font-size:1.8rem;
	 /* ROTATE*/
	 /*-webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     -ms-transform: rotate(270deg);*/
     transform: rotate(270deg);
  }
 #InhaltParent{
	height:92%;
	width:100%;
	overflow:hidden;
 }
 #Inhalt{
 	overflow-x:hidden;
 	overflow-y:auto;
	height:100%;
	width:100%;
	padding-right: 20px;
 }
}
@media screen and (max-width:1024px ){
 
 .categories{
	 height:33%;
	 width:100%;
	 overflow-x:auto;
	 overflow-y:hidden;
 }
 .Arrows{
	height:auto;
 	width:40%;
	margin-left: 10%;
	/*float:right;*/
}
.Arrows:hover{
	cursor:pointer;
}
 .imgc{
	 height:80%;
	 width:auto;
	 margin:1% 0.5% 1% 0.5%;
 }
 .Images{
	 height:100%;
	 width:95%;
	 float:right;
 }
 .LeftOutNormal{
 	height:100%;
	width:5%;
	float:left;
 }
 .LeftOfImg{
	 
	 height:50%;
	 width:70%;
	 margin:auto;
	 padding:100% 50% 0% 0%;
	 color:#FFFFFF;
	 font-size:1.8rem;
	 /* ROTATE*/
	 /*-webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     -ms-transform: rotate(270deg);*/
     transform: rotate(270deg);
  }
 #InhaltParent{
	height:92%;
	width:100%;
	overflow:hidden;
 }
 #Inhalt{
 	overflow-x:hidden;
 	overflow-y:auto;
	height:100%;
	width:100%;
	padding-right: 20px;
 }
}