main {
	background: transparent;
	border-color: transparent;
}
body {
	color: #888; 
	font-family: arial, sans-serif;
	max-width:1200px;
	height: 100%;
	margin: 0 auto 0 auto;
	
}
.main-wrapper{
	margin: 1em;
}
.logo{
	float:left;
}
.sozial{
	float:right;
}
.sozial img{
	float:right;
	width:30px;
	max-width: 30px;
	height: 30px;
	max-height; 30px;
	padding:3px 7px 3px 7px;
}

.catalog{
	margin-top:10px;
	float:right;
	font-size: 1.2em;
	text-align:right;
	line-height: 150%;
}
.catalog a{
	color: #888;
	text-decoration: none;
	}
	
.clear{
	clear: both;
}
.logo img{
	max-width: 90%;
	height: auto;
}
.footer{
	padding-top:1em;
	font-size: 0.8em;
	text-align:right;

}

/* swiper */
.swiper-container {
	max-width: 100%;
    height: auto;
}
.swiper-pagination-bullet-active{
	background:#888;
}