@media screen and (max-width: 1320px){
    #header .inside,
    #wrapper, 
    #footer .inside, 
	.full-width > *{
        padding: 0 15em;
    }

    .full-width{
        margin: 0 -15em;
    }
}
@media screen and (max-width: 1200px){
    #header .inside, 
    #wrapper, 
    #footer .inside, 
	.full-width > *{
        padding: 0 10em;
    }
    .full-width{
        margin: 0 -10em;
    }
}


@media screen and (max-width:960px){
	.owl-carousel .owl-item img{
		width: auto;
		height: 100%;
	}
	.inside{
		width:720px;
	}
	#header nav .mainnav a{
		color: rgba(255, 255, 255, 1);
		transition: all 0.2s ease;
	}
	#header nav .mainnav a:hover{
		color: rgba(102, 102, 102, 1);
	}
	#header nav .mainnav{
		position: fixed;
    z-index: 10;
    background-color: rgba(12, 72, 82, 0.8) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    translate: 100%;
	transition: translate 0.5s ease;
	}
	body.open-nav #header nav .mainnav{
		translate: 0%;
	}
	#header nav .mainnav ul{
		max-width: 320px; 
		margin: 20vh auto 0;
	}

	.open li{
		text-align:right;
		line-height:2;
		background-image:url("/web/20180110043034im_/http://seifert-keramik.de/files/seifert-keramik/images/li-bg.png");
		margin-left:0;
	}
	.open li a{
		width:120px;
		display:block;
		height:46px;
		line-height:46px;
		padding:20px;
		border-bottom:1px solid #147484;
		text-decoration:none;
	  font-family: 'Open Sans';
	  font-weight: 600;
	}
	.open li:first-child a{
		border-top:1px solid #147484;
	}
	.open li a:hover{
		background-color:#147484;
		color:#fff;
	}
	#header nav ul li{
		display:block;
	}
	.responsiv{
	    display: block;
    text-align: right;
    width: 70px;
	line-height:75px;
	float:right;
	}
	.responsiv div{
	padding:5px;
	border-radius:3px;
	}
	.responsiv .fa{
	color:#147484;
	font-size:32px;
	cursor:pointer;
	}
}
@media screen and (max-width: 720px){

	.home #welcome{
	margin-top: 0px;
}

	#header .inside, 
    #wrapper, 
    #footer .inside, 
	.full-width > *{
        padding: 0 2em;
    }
    .full-width{
        margin: 0 -2em;
    }

	#logo{
		position:absolute;
		left: 10px;
	}
	
#header nav a:hover{
	color:#fff;
}
	.inside{
		width:100%;
		padding:0 10px;
	}
	#main .inside .block{		
		width:100%;
		margin-bottom:40px;
	}
	.teaser{
		padding:0 20px;
		top:initial;
		bottom: 20px;
	}
	.welcome-slider .single-item, 
	.bxslider li, .bxslider li img {
		height: 75vh;
		width:auto;
	}
	
	#main .inside .block{
		padding:0 40px;
	}

	#maerkte .single.markt{
		padding: 0;
		flex: 0 1 100%;
	}
	#wrapper h2{
		text-align: center;
	}
	#maerkte h2{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.full-width.map img{
	padding: 0;
	display: block; 
	width: 100%;
}