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

@media only screen 
  and (min-width: 280px) 
  and (max-width: 920px){
	  
h1,
h1 >  a {
    font-size: 25px;
	line-height:28px;
	margin:25px 0 10px 0;
	}
	
h2,
h2 > a {
    font-size: 23px;
	line-height:25px;
	margin:25px 0 10px 0;
	}

	
h3,
h3 > a,
.modal-dialog h4 {
    font-size: 22px;
	margin:10px 0 10px 0;
	}

.ce-center .ce-column {
	float: unset;
}

.ce-center .ce-column figure {
    display: block;
}
	
h4,
h4 > a,
#header .slider h1,
#header .slider h3 {
    font-size: 17px;
	margin:5px 0 10px 0;
	}	

#header .slider h1,
#header .slider h3,
#header .slider p {
    font-size: .7rem;
}

body #content [class*="fullwidth"] h3 {
    font-size: 1rem;
}

	#header .slide li img {
		width: 100%;
		max-height: 300px;
		margin: auto;
	}

#header .slider div.description {
    top: -5px;
}

#header .slider >div {
    bottom: 0;
}
	
.toggle-first-nav {
    top: 17px;
    left: 5px;

}

.toggle-first-nav.open {
	position:fixed;	
	}

.toggle-first-nav + ul:before {
    height: 60px;
}

[data-ce-columns*="3"],
[data-ce-columns*="3"] div ,
[data-ce-columns*="3"] figure{
	width: 100%;
}

[data-ce-columns*="3"] figure,
[data-ce-columns*="3"] figure img {
    display: block;
    margin: auto;
	margin-bottom: 20px;
}

[data-ce-columns*="3"] figure img { 
	width: 100%;
}

.swiper-testimonial .cs-item--inner {
	min-height: 450px;
}

.swiper-testimonial .cs-item--inner p {
    font-size: 0.8rem;
    line-height: 1.2rem;
}

#header .container,
#header .slider h1,
#header .slider h3,
#header [class*="col-"],
#content .container,
#footer .container,
#footer div [class*="col-"]  {
	width:100%;
}

    body {
        background-size: auto 100%;
        background-position: -80px;
    }

.row {
	margin:0;
	}
	
.toggle-first-nav,
.nav li{
	display:block;
	}
	
#header .kontakt,
#header .teaser,
#header .nav{
	display:none;
	}
	

#header .slider h1,
#header .slider h3 {

	}
	
/* [class*="id-"] #header .slider img {
	height:120px;
	}
	 */
#content {
	padding:0 10px 0 10px;
	}
	
	#footer  {
		text-align: center;
	}
	
#footer .logo {
    margin-top: 5px;
}
	  

 

}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 1024px)
  and (orientation: landscape) {
	  

	  
}