

/* ==================================================================================== */
/* VIEWPORT height*/
@media only screen and (max-height: 770px){
	body{ }

}




@media only screen and (max-width: 1023px) and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {
	.news-teaser-masonry {
		/*grid-template-columns: repeat(3, minmax(100px,1fr));*/
	}
}








/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 1920px){
	body{ }




	.top-search-wrapper{
		position: absolute;
		top: 15px;
		right: 45px;
	}


	.block-content{
		/*padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);*/
	}
	.homepage-slide-item .homepage-slide-content,
	.homepage-slide-wrapper .nav-wrapper{
		left: 20px;
	}


	.extra-content-wrapper .page-content-image-background-right .extra-content{
		left: 20px;
	}
	.scrolldown-indicator{
		left: 20px;
	}

}







/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 1550px){
	body{ }

	.site-teasers .site-teaser-block.blocks4,
	.site-teasers .site-teaser-block.blocks5{
		flex-basis: calc(((100% - 20px) / 3) - 20px);
	}
}







/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 1350px){
	body{ }

}







/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 1200px){
	body{ }

	.site-teasers .site-teaser-block.blocks3,
	.site-teasers .site-teaser-block.blocks4,
	.site-teasers .site-teaser-block.blocks5{
		flex-basis: calc(((100% - 20px) / 2) - 20px);
	}
}














/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 1020px){
	body{ }

	.engagement-wrapper{
		position: absolute;
	}

	.block-wrapper.header-hero-site .site-logo-block{
		margin-top: 20px;
	}
	.block-wrapper.header-hero-site .site-contact-block{
		width: calc(100% - 380px);
	}

}














/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 900px){
	body{ }

}














/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 850px){
	body{ }

	.news-teaser-masonry {
		grid-template-columns: repeat(2, minmax(100px,1fr));
	}

	.news-teaser-wrapper{
		flex-wrap: wrap;
	}
	.news-teaser-masonry {
		grid-gap: 40px 20px;
	}
	.news-teaser-block{
		margin-bottom: 20px;
	}
	.news-teaser-wrapper .news-teaser-block{
		flex-basis: calc((100% / 2) - 50px);
		margin-right: 20px;
	}
	.news-teaser-wrapper .news-teaser-block:nth-of-type(3n){
		margin-right: 20px;
	}
	.news-teaser-wrapper .news-teaser-block:nth-of-type(2n){
		margin-right: 0px;
	}
	.news-teaser-wrapper .news-teaser-block:nth-of-type(4n){
		display: block;
	}

	.filter-wrapper .filter-input-search{
		width: calc((100% / 2) - 11px);
	}
	.filter-wrapper .filter-select{
		width: calc((100% / 2) - 9px);
		margin-right: 20px;
	}
	.filter-wrapper .filter-select .filter-options{
		width: calc((100% / 2) - 9px);
	}


	.footer1 .footercontact{
		width: calc(50% - 20px);
	}
	.footer1 .footermenucolumn{
		width: calc(50% - 20px);
	}
	.footer1 .footermenucolumn:nth-of-type(odd){
		clear: both;
	}


}












/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 800px){
	body{ }


	.wrapper-top{
		height: auto;
		padding-bottom: 80px;
	}
	.home .wrapper-top{
		height: auto;
		padding-bottom: 0px;
	}




	.contact-form-wrapper input{
		width: calc((100% - 90px) / 2);
	}
	.contact-form-wrapper input:nth-child(3n){
		margin-right: 10px;
	}
	.contact-form-wrapper input:nth-child(2n+2){
		margin-right: 0px;
	}
	.contact-form-wrapper select{
		width: calc((100% - 10px) / 2);
	}

	.footer-location-wrapper .location-left,
	.footer-location-wrapper .location-right{
		float: none;
		width: 100%;
	}
	.footer-location-wrapper .location-right{
		padding-top: 50px;
	}
	.footer-menu-wrapper .footer-menu-item{
		padding-left: 15px;
		padding-right: 15px;
	}

	.extra-content-right{
		float: none;
	}

	.scrolldown-indicator{
		display: none;
	}

	.news .content-head-column-wrapper{
		bottom: -85px;
	}

	.fixed-menu .content-menu-wrapper{
		/*top: 85px;*/
	}
	.content-menu-wrapper{
		position: absolute;
		top: 0px;
		left: 0px;
		right: auto;
		z-index: 10;
		transform: none;
		width: 100%;
		transition: 0.2s all ease;
	}
	.content-menu{
		border: 1px solid #1b1628;
	}
	.content-menu-wrapper .content-menu-title,
	.content-menu-wrapper .content-menu-item-wrapper{
		padding-left: 19px;
		padding-right: 19px;
	}
	.content-menu-wrapper .content-menu-item-wrapper-map{
		padding-left: 0px;
		padding-right: 0px;
	}




}








/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 780px){
	body{ }

	.block-wrapper.header-hero-site .site-logo-block{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.block-wrapper.header-hero-site .site-contact-block{
		margin-left: 0px;
		margin-right: 20px;
		width: calc(50% - 20px);
		float: left;
	}

	.site-teasers .site-teaser-block.blocks2,
	.site-teasers .site-teaser-block.blocks3,
	.site-teasers .site-teaser-block.blocks4,
	.site-teasers .site-teaser-block.blocks5{
		flex-basis: calc(100% - 40px);
	}

}








/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 750px){
	body{ }

	.block-split-wrapper .block-split50-block{
		flex-basis: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	/* 60-40 split flex */
	.block-split-wrapper .block-split60-block{
		flex-basis: 100%;
	}
	.block-split-wrapper .block-split60-block:nth-of-type(2){
		flex-basis: 100%;
	}
	.block-split-wrapper .block-split50-block .content-container{
		width: 100%;
		max-width: 100%;
	}
	.block-split-wrapper .block-split50-block img.structure{
		max-width: 100%;
	}


	.header-book-now{
		right: 120px;
		left: auto;
		margin-left: 0px;
	}

	.footer-menu-wrapper .footer-menu-item{
		padding-left: 10px;
		padding-right: 10px;
	}


	.extra-content-wrapper .page-content-2-columns{
		padding-top: 0px;
	}
	.extra-content-wrapper .page-content-2-columns .extra-content{
		width: 100%;
		padding: 0px;
	}
	.extra-content-wrapper .page-content-2-columns .extra-content:first-child{
		padding: 0px 0px 30px 0px;
	}


}







/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 700px){
	body{ }




	.footer-menu-wrapper .footer-copy{
		display: block;
		padding-bottom: 10px;
	}
	.footer-menu-wrapper .footer-menu-item{
		padding: 2px 20px 2px 0px;
	}
	.footer-menu-wrapper .footer-design-by{
		padding: 10px 0px 10px 0px;
		display: block;
		float: none;
	}



	/*.get-in-touch-form-wrapper input{
		width: calc((100% - 90px) / 2);
	}
	.get-in-touch-form-wrapper input:nth-child(2n+2){
		margin-right: 0px;
	}
	.get-in-touch-form-wrapper select{
		width: calc((100% - 10px) / 2);
	}*/


}






/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 600px){
	body{ }


	.news-teaser-masonry {
		grid-template-columns: repeat(1, minmax(100px,1fr));
	}

	.news-teaser-wrapper{
		flex-wrap: wrap;
	}
	.news-teaser-masonry {
		grid-gap: 40px 20px;
	}
	.news-teaser-block{
		margin-bottom: 20px;
	}
	.news-teaser-wrapper .news-teaser-block{
		flex-basis: 100%;
		margin-right: 0px;
	}
	.news-teaser-wrapper .news-teaser-block:nth-of-type(3n){
		margin-right: 0px;
	}
	.news-teaser-wrapper .news-teaser-block:nth-of-type(2n){
		margin-right: 0px;
	}



	.contact-form-wrapper input,
	.contact-form-wrapper input:nth-child(3n){
		width: calc(100% - 40px);
		margin-right: 0px;
	}
	.contact-form-wrapper select{
		width: 100%;
	}
	.contact-form-wrapper textarea{
		height: 160px;
	}
	.contact-form-wrapper .submit{
		width: calc((100% - 40px) / 2);		
	}


	/*.get-in-touch-form-wrapper input,
	.get-in-touch-form-wrapper input:nth-child(2n+2){
		margin-right: 0px;
		width: calc(100% - 40px);
	}
	.get-in-touch-form-wrapper select{
		width: 100%;
	}
	.get-in-touch-form-wrapper textarea{
		height: 160px;
	}
	.get-in-touch-form-wrapper .submit{
		width: calc((100% - 90px) / 2);
	}*/




}








/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 530px){
	body{ }

	.filter-wrapper .filter-item{
		float: none;
		margin-left: 0px;
		margin-bottom: 20px;
		/*width: 100%;*/
	}
	.filter-wrapper .filter-input-search{
		width: 100%;
	}
	.filter-wrapper .filter-select{
		width: 100%;
	}
	.filter-wrapper .filter-select .filter-options{
		width: 100%;
		border-top-right-radius: 0px;
	}
	
	.block-wrapper.header-hero-site .site-contact-block{
		margin-left: 0px;
		width: 100%;
		float: none;
	}

}












/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 500px){
	body{ }

	.header-book-now{
		right: 90px;
	}
	.header-book-now.ctabutton a{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.location-country-wrapper .location-country-items{
		margin-right: 20px;
	}
	.location-country-wrapper .location-name{
		margin-right: 30px;
	}

}








/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 470px){
	body{ }

	.menu-wrapper{
		max-width: calc(100% - 20px);
	}

	.share-tab-wrapper{
		background-color: #1b1628;
	}
	.share-tab-wrapper .share-tab{
		margin-top: 5px;
	}
}







/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 420px){
	body{ }

	.header-logo{
		width: 100px;
	}

	.engagement-wrapper{
		position: relative;
		float: left;
		top: 0px;
		right: auto;
		margin: 25px 0px 0px 30px;
	}
	.engagement-wrapper .header-portal{
		margin-top: 35px;
	}

	ul.mainmenu-wrapper{
		padding-top: 80px;
	}

	.header-book-now.ctabutton a{
		font-size: 18px !important;
	}
}
