body.debug{
	/* visibility: visible; */
}

/* CORE - MEDIA QUERIES - CSS for Layout and colors to be shared everywhere including booking_v3 */


@media screen and (max-width:319px){
	.wrapper-inner{
/* 		text-align:center; */
	}
}

@media screen and (min-width:898px),print{
	/* ----- 
	STRUCTURE
	min-width:898px
	----- */
	.wrapper-inner{
		/*width:94.117%;*/
		/* width:100%; */
	}

	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:898px
	----- */

	.cookienotice-box .box-title,
	.cookienotice-box .box-desc,
	.cookienotice-box .box-nav{
		display:inline;
		display:inline-block;
		vertical-align:baseline;
		padding-right:0.375em;
	}

	.notTouchDevice .cookienotice-box{
		position:fixed;
	}
}

@media screen and (max-width:599px){
	/* ----- 
	STRUCTURE
	min-width:1px
	max-width:599px
	----- */
	body{
		background-color:transparent;
	}

	.wrapper{
		background-repeat:no-repeat;
	}
	
	.slides-inlay .slide-title,
	.slides-inlay .price{
		/*font-size:30px;*/
		/*font-size:23px;*/
		font-size:1.5em;
		font-size:calc( 21px + (28 - 21) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 2.1rem + (28 - 21) * ((100vw - 320px) / (599 - 320)) );
	}

	/* ----- 
	HEADER (main section)
	min-width:1px
	max-width:599px
	----- */ 
	
	.id-wrapper-header .grid-container,
	.id-wrapper-header [class^="grid-col-"],
	.id-wrapper-header [class*=" grid-col-"]{
		padding-left:0;
		padding-right:0;
	}

	.id-wrapper-header .grid-row{
		margin-left:0;
		margin-right:0;
	}

	.id-wrapper-header .main-section-inner{
		padding-top:0;
		padding-bottom:0;
	}

	.id-header .main-section-inner{
		/* padding-left:0.375rem; */
		/* padding-right:0.375rem; */
	}
}

@media screen and (max-width:319px){
	*{
/* 		max-width:100%!important; */
/* 		box-sizing:border-box!important; */
		white-space:normal!important;
		overflow-wrap:anywhere;
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
		hyphens:auto;
	}
}

@media screen and (min-width:1px) and (max-width:599px){
	.logo-inner{
		height:6.3rem!important;
		padding-top:1rem;
		padding-bottom:1rem;
	}
	.logo-inner:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	.id-logo img{
		height:auto;
		width:auto;
		max-width: 200px;
		max-height: 100%;
	}
	.offcanvas-section{
		top:6.3rem!important;
	}

	.show-slideshow-banner-wide .id-wrapper-header{
		/* position:absolute; */
		/* z-index:11; */
		/* top:0; */
		/* left:0; */
		/* width:100%; */
		/* background-color:transparent!important; */
		/* border-bottom:none!important; */
	}

	.show-slideshow-banner-wide .id-logo{
		/* position:absolute; */
		/* left:0; */
		/*width: 50%;*/
		/*width:calc(320px * 0.53);*/
		/*text-align:left;*/
		
	}
}

@media screen and (min-width:600px) and (max-width:1199px){
	/* ----- 
	STRUCTURE
	min-width:600px
	max-width:1199px
	----- */

	.id-page{
		padding-top: 15px;
		padding-bottom: 15px;
	
	}

	/* ----- 
	HEADER (main section)
	min-width:600px
	max-width:1199px
	----- */ 	
	.id-logo{
		float:left;
		clear:left;
		text-align:left;
		width:30%;
	}
	
	.logo-inner{
		max-width:100%;
		/* padding-bottom:0; */
	}

	.header-navigation{
		float: right;
		clear: right;
		text-align: right;
		width: 70%
	}
	
	.show-slideshow-banner-wide .id-header .main-section-inner{
		/* padding-left:28%; */
		/* padding-left:calc(170px + 0.187em); */
	}
	
	.show-slideshow-banner-wide .id-logo{
		/* position:absolute; */
		/*z-index:1;*/
		/* left:0; */
		/* float:none; */
		/*width:28%;*/
		/*width: calc(169px + 1px);*/
	}
	
	/**/
	
	.show-slideshow-banner-wide .id-wrapper-header{
		/* position:absolute; */
		/* z-index:11; */
		/* top:0; */
		/* left:0; */
		/* width:100%; */
		/* background-color:transparent!important; */
		/* border-bottom:none!important; */
	}
	
	.show-slideshow-banner-wide .id-wrapper-header,
	.show-slideshow-banner-wide .id-wrapper-header a{
		/* color:#fff; */
		/* text-shadow:1px 1px 3px rgba(var(--color-over-rgb),0.5); */
	}

	.show-slideshow-banner-wide .id-wrapper-header a:hover,
	.show-slideshow-banner-wide .id-wrapper-header a.active,
	.show-slideshow-banner-wide .id-wrapper-header a.active:hover{
		/* color:#fff; */
		/* text-shadow:1px 1px 3px rgba(var(--color-over-rgb),0.7); */
	}
	
	.show-slideshow-banner-wide .id-wrapper-header a.active,
	.show-slideshow-banner-wide .id-wrapper-header a.active:hover{
		/* color:#fff; */
		/* background-color:var(--color-base); */
		/* box-shadow:0 0 0 10px var(--color-base); */
		/* text-shadow:none; */
	}
	
	.show-slideshow-banner-wide .logo-inner img{
		/*visibility:hidden;*/
	}
	
	.show-slideshow-banner-wide .logo-inner{
		/*background-image:url("../images/logo-white.png");*/
		/*background-repeat:no-repeat;*/
		/*background-position:50% 50%;*/
		/*background-size:contain;*/
		/*background-color:transparent;*/
	}
	/**/
}

@media screen and (min-width:1680px){
	body{
		/* position:relative; */
		/* max-width:1680px; */
		/* margin-left:auto; */
		/* margin-right:auto; */
		/* box-shadow:0 0 30px 0 rgba(var(--color-over-rgb),0.12); */
	}
	.id-offcanvas-nav-desktop-header-fixed{
		/* right:calc( (100% - 1680px) / 2 ); */
	}
	.banner-pos-header-slider.mode-standard-bottom .inlay{
		/* left:calc(1680px / 2); */
	}
}

@media screen and (min-width:1920px){
	body{
		/* position:relative; */
		/* max-width:1920px; */
		/* margin-left:auto; */
		/* margin-right:auto; */
		/* box-shadow:0 0 30px 0 rgba(var(--color-over-rgb),0.12); */
	}
	.id-offcanvas-nav-desktop-header-fixed{
		/* right:calc( (100% - 1920px) / 2 ); */
	}
	.banner-pos-header-slider.mode-standard-bottom .inlay{
		/* left:calc(1920px / 2); */
	}
}


@media screen and (min-height:480px){
	.id-wrapper-header{
		/* position: relative; */
		/* 	z-index: 3; */	
		position:-webkit-sticky;
		position:sticky;
		top:0px;
		z-index:13;
/* 		height:150px; */
	}

	.id-offcanvas-menu-section,
	.id-offcanvas-search-section{
		height:80vh;
		height:calc(100vh - 150px);
	}

	
	.show-cookie-notice .id-wrapper-header{
	/* 	position:static; */
		position: relative;
	}
}