html {-webkit-text-size-adjust: none;}
.video embed,
.video object,
.video iframe {width: 100%;height: auto;}
img{max-width:100%;height: auto;width: auto\9; /* ie8 */}

/* ALL EXEPT LARGEDISPLAYS*/
@media only screen and (max-width: 1219px) {
	.footer .fleft,
	.footer .fright {float:none;}
	.footer p {text-align:center;}
}

/* UNTILL lg end */
@media only screen and (max-width: 959px) {	
	.fullHeight {height: unset;}
	.col {padding: 0;}
	.topheaderbar {display: none;}
		
	body.home #start  {background-image:  url( "data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 155'%3E%3Cpath fill='%23459bd0' fill-opacity='0.3' d='M0,96L48,90.7C96,85,192,75,288,80C384,85,480,107,576,122.7C672,139,768,149,864,149.3C960,149,1056,139,1152,122.7C1248,107,1344,85,1392,74.7L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E" ), 
url("../../img/motive/start-bg-tablets.webp");}
	body.home #start h1,
	body.home #start h2 {text-align:center;padding-left: 5vw; padding-right: 5vw;} 
	body.home #start p {text-align:center; width: unset; padding-left: 5%; padding-right: 5%; font-size: 1.1rem; line-height:1.3rem;}
	body.home #start .col-2 {text-align: center; margin: 1vh 1vw; -ms-flex-preferred-size: 16.66667%;-webkit-flex-basis: 16.66667%;flex-basis: 45%;max-width: 45%;}

	body.home #start {background-position: 50%};
	body.home #start .fullHeight {min-height: unset;}
	body.home #start h1 {margin-top: 3vh;}
	body.home #start .fullHeight {background: rgba(0,0,0,0.4);}


	body.home #section1 {padding-top: 10px;}	
	body.home #section1 h3 {font-size: 2.2rem; line-height: 2.6rem;}


	body.home #section2  {padding-top: 80px;}
	body.home #section2 h3,
	body.home #section2 h4,
	body.home #section2 p {text-align:center; padding: 4% 0 0 4%;}
	
	body.home #section3 .col-12 {padding: 60px 0;}
	body.home #section3 .button {margin: 15px auto;}
	
	body.home #section4 {padding-top: 60px;}
	body.home #section4 .col-5 {display: none;}
	
	body.home #kontakt {height: unset; padding-top: 80px;}
	body.home #kontakt .contact {padding: 25px;}
	body.home #kontakt .prowebform{margin-bottom: 80px;}

	/*SUBPAGES*/
	body.sub #section1.bgkreta {background-image: url("../../img/motive/sub-bg-schlucht-kreta-tanlet.jpg");}

}

/* sm */

@media only screen and (max-width: 360px) and (orientation: portrait) {
	body.home #start {background-position: -400px 0};
	
	body.home #section1 {padding-top: 0px;}
	body.home #section1 .col-10 {margin-bottom: -35px;}
	body.home #section1 .col-4 {margin-bottom: 25px;}
	
	body.home #section2 {padding-top: 50px;}
	
	body.home #section3 .col-12 {padding: 10px 0;}
}

/* md */
@media only screen and (max-width: 768px)  {
	body.sub #start h1,
	body.sub #start #section1,
	body.sub #start #section2 {font-size: 36px; line-height: 42px; color: #696969;}
	body.sub #start p,
	body.sub #section1 p,
	body.sub #section2 p,
	body.sub #section3 p  {padding: 12px 5%;}
	body.sub #section1 h2,
	body.sub #section2 h2,
	body.sub #section3 h2 {text-align:center;}
	body.sub content #start .button{margin: 0rem auto 3rem auto;}
	body.sub content #section1 .button,
	body.sub content #section2 .button  {margin: 3rem auto;}
	body.sub #section1 h2,
	body.sub #section3 h2 {padding-top: 70px;}
	body.sub #section2 h2 {padding-top: 35px;}
	body.sub #section2 img {margin-top: 70px;}
}

@media only screen and (min-width: 800px) and (orientation: portrait) {
	body.home #start h1,
	body.home #start h2 {text-align:center;padding-left: 5vw; padding-right: 5vw;} 
	body.home #start p {text-align:center; width: unset; padding-left: 5%; padding-right: 5%;}
	body.home #start .col-2 {text-align: center; margin: 1vh 1vw; -ms-flex-preferred-size: 16.66667%;-webkit-flex-basis: 16.66667%;flex-basis: 45%;max-width: 45%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-height: 360px){

}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {

}
@media only screen and (max-width: 767px) and (max-height: 360px) and (orientation: landscape) {

}


/* UNTILL md end */
@media only screen and (max-width: 767px) {
	#modalcntwrapper {width: 90vw; max-width: 400px;margin: 50px auto;}	
}

/* lg */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait){
	body.home #start {background-position: -800px 0};
}
@media only screen and (min-width: 641px) and (max-width: 959px) and (orientation: landscape) {

}
@media only screen and (max-width: 959px) and (max-height: 601px) and (orientation: landscape) {	

}

@media only screen and (min-width: 960px) and (max-width: 1219px) {
	body.sub .col-4.col-align-bottom {align-self: unset;} 
	body.home #section4 .col-5 {-webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important;}
}
@media only screen and (min-width: 960px) and (max-width: 1219px) and (max-height: 768px) {
	nav #desktoplogo img#logo {padding-left: 3vw; max-width: 80%;}
}
@media only screen and (min-width: 960px) and (max-height: 600px) and (orientation: landscape) {
	body.home #start h1 {margin-top: 10vh;}
	body.home #start #tableau {bottom: 5vh;}
	body.home #start p {font-size: 1.2rem;line-height: 1.5rem;}
	body.home #start .button {padding: 8px 4px 8px 0px;}
}
@media only screen and (min-width: 960px) and (min-height: 768px) and (orientation: landscape) {

}
@media only screen and (min-width: 960px) and (max-width: 1219px) and (orientation: portrait) {

}

@media only screen and (min-width: 960px) and (max-width: 960px) and (max-height: 540px) {
}
/* LARGEDISPLAYS */

@media only screen and (min-width: 1220px) and (max-width: 1324px) {

}