@media screen and (max-width: 1170px) {
	.container-faq {
		width: 92%;
		margin: 0 4%;
	}
	.container,
	.container-suche,
	.container-faq
	header nav ul{
		width: 98%;
		margin: 0 1%;	
	}
	.col-3,
	.col-4{
		width: 50%;	
	}
	h1{
		font-size: 4rem;	
		line-height: 5.5rem;
	}
	.container-l50,
	.container-r50{
		width: 95%;
	}	
	/* Hero Image Widget*/
	.lsow-hero-header .lsow-header-content{
		width: 98% !important;
		max-width: 98% !important;
		margin: 0 1% !important;	
	}
	.lsow-hero-header .lsow-header-content .lsow-custom-header{
		width: 92%;
		padding: 1%;
	}
	/* COunter Widget*/
	.lsow-grid-container{
		margin-top: 50px;
	}
}
@media screen and (max-width:800px) {
	div.topline{
		display: none;
	}
}
@media screen and (max-width: 1170px) and (min-width: 1023px){
	div.logo img{
		/*width: 100%; */
	}
	header nav{	
		margin-top: 30px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 1011px){
	header .contact-info {
		width:35%;
	}
}
@media screen and (max-width: 1010px) {
	header .logo{
		width: 100%;
		text-align: center;
	}
	header .contact-info{
		width: 100%;
		text-align: center;
	}
	header nav{
		width: 100%;	
	}
}
@media screen and (max-width: 768px) {
	.container-faq {
		width: 92%;
		margin: 0 4%;
	}

	.col-3{
		width: 100%;	
		text-align: center;
		margin-top: 35px;
	}
	h1{
		font-size: 3.5rem;
		line-height: 4rem;	
	}
	.so-widget-sow-hero-default-90251e8781af .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper{
		padding-top: 150px !important;
		padding-bottom: 400px !important;
	}
	
	.nav-links {
		flex-direction: column-reverse;
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 480px) {
	.container,
	.container-faq {
		width: 94%;
		margin: 0 6%;	
	}
	.siteorigin-widget-tinymce {
		padding-right: 2em;
	}	
	h1, h2{
		font-size: 2rem;	
		line-height: 2.75rem;
	}
	.col-3,
	.col-4{
		width: 100%;
		margin-bottom: 25px;	
	}	
	input, textarea, select{
		width: 90%;	
	}	
	.so-widget-sow-hero-default-90251e8781af .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper{
		padding-top: 75px !important;
		padding-bottom: 300px !important;
	}
	.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1, 
	.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2 {
		font-size: 2rem !important;	
	}
}
@media screen and (max-width: 450px) {
	div.logo img{
		width: 100%;	
	}
}
@media screen and (max-width: 320px) {
	h1, h2{
		font-size: 1.25rem;	
		line-height: 2rem;
	}
}