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){
	html{
		font-size:62.5%;
		font-size:calc(7px + (10 - 7) * (100vw - 220px) / (319 - 220));
	}
	
	.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 (min-width:1px) and (max-width:599px){
	/* ----- 
	STRUCTURE
	min-width:1px
	max-width:599px
	----- */
	/*
	1.2x = 14px (body text size should be 14px)
	x = 1.2 / 14
	x = 11.666

	16y = 11.666
	y = 0.72916 (72.916% html text size)
	*/


	html{
		/* font-size:72.916%; */
	}

	body{
		background-color:transparent;
	}

	.box{
		/*font-size:16px;*/
		/*font-size:14px;*/
		font-size:1em;
		font-size:calc( 12px + (14 - 12) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 1.2rem + (14 - 12) * ((100vw - 320px) / (599 - 320)) );
	}

	h1,
	.main-header{
		/*font-size:38px;*/
		/*font-size:2.3em;*/
		/*font-size:26px;*/
		font-size:1.714em;
		font-size:calc( 24px + (38 - 24) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 2.4rem + (38 - 24) * ((100vw - 320px) / (599 - 320)) );
	}

	h2,
	.slides-inlay .slide-title,
	.slides-inlay .price,
	.attached-page-toggler/*,
	.grid-col-xs-12 .box-title*/{
		/*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)) );
	}

	h3,
	.box-title,
	.id-anchormenu .box-title{
		/*font-size:23px;*/
		/*font-size:20px;*/
		font-size:1.286em;
		font-size:calc( 18px + (21 - 18) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 1.8rem + (21 - 18) * ((100vw - 320px) / (599 - 320)) );
	}

	h4{
		/*font-size:18px;*/
		/*font-size:17px;*/
		font-size:1.071em;
		font-size:calc( 15px + (16 - 15) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 1.5rem + (16 - 15) * ((100vw - 320px) / (599 - 320)) );
	}

	/** iOS issue Zoom in fix - Zooms in on form elements that have a font-size less than 16px */
	/*
		.ios textarea,
		.ios select,
		.ios input[type="text"],
		.ios input:not([type=submit]):not([type=file]):not([type=button]),
		.ios .ui-widget
	*/
	textarea,
	select,
	input:not([type=submit]):not([type=file]):not([type=button]),
	.searchbox,
	.ui-multiselect{
		/* font-size:1.8rem; */
		font-size:16px!important;
	}

	img.left,
	img.right{
		margin:1em auto;
		padding: 0;
		float: none;
		clear: both;
		display: block;
	}

	.wrapper{
		background-repeat:no-repeat;
	}

	.grid-row {
		/*margin-right: 0!important;*/
		/*margin-left: 0!important;*/
	}

	[class^="grid-col-"],
	[class*="grid-col-"]{
		/* padding-top:15px; */
		/* padding-bottom:15px; */
	}

	[class^="grid-col-"]:not([class^="grid-col-xs-"]):not([class*="grid-col-xs-"]),
	[class*="grid-col-"]:not([class^="grid-col-xs-"]):not([class*="grid-col-xs-"]),
	.grid-col-xs-12{
		/*padding-left: 3%;*/
		/*padding-right:3%;*/
		/* padding-left: 15px; */
		/* padding-right:15px; */
	}
	
	/**/

	.show-offcanvas .offcanvas-visible{
		display:block!important;
	}
	
	/**/

	.inlay-image{
		background-image:none;
	}

	/* ----- 
	HEADER (main section)
	min-width:1px
	max-width:599px
	----- */ 
	
	.id-logo{
		display:block!important;
	}
	
	.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 (min-width:1px) and (max-width:319px){
	*{
		max-width:100%!important;
		/*min-width:0!important;*/
		box-sizing:border-box!important;
		white-space:normal!important;
		word-break:break-all;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}

	.id-header,
	.id-header *{
		/* max-width:100%!important; */
		/* box-sizing:border-box!important; */
		/* white-space:normal!important; */
		/* word-break:break-all!important; */
		/* -webkit-hyphens:auto!important; */
		/* -moz-hyphens:auto!important; */
		/* hyphens:auto!important; */
	}

	pre,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.main-header,
	.box-title,
	.offcanvas-nav{	
		word-break:break-all;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}
	
	.logo,
	.logo-inner{
		text-align:center;
	}
}

@media screen and (min-width:320px) and (max-width:599px){


	/**
	 * (2017-11-20) Deactivated default horizontal padding as the grid should take care of this.
	 */
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dl,
	ul,
	ol{
		/* padding-left:9px; */
		/* padding-right:9px; */
		/* padding-left:0.9rem; */
		/* padding-right:0.9rem; */
		/* width:auto; */
	}

	.id-logo{
		width:50%;
		width: calc(169px + 1px);
		min-width:120px;
		float:left;
		clear:left;
		text-align:left;
	}


	.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-header .box-inner{
		/* padding-bottom:0.75em; */
	}
	
	.id-logo{
		float:left;
		clear:left;
		text-align:left;
		width:30%;
	}
	
	.logo-inner{
		max-width:100%;
		/* padding-bottom:0; */
	}
	
	.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(0,0,0,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(0,0,0,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:1380px){
	.id-offcanvas-nav-desktop-header-top{
		display: none!important;
	}
}


@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(0,0,0,0.12);
	}
	
	.id-offcanvas-nav-desktop-header-fixed{
			right: calc( (100% - 1920px) / 2 );
	}
}





















@media screen and (min-width:1px) and (max-width:599px){
	
	.box-inner{
		/* max-width:600px; */
		margin-left:auto;
		margin-right:auto;
	}



	.box,
	.box-section{
		/*border-top:1px solid var(--color-lightgray-dark);*/
		/*background-image:-webkit-linear-gradient(top,rgba(var(--color-lightgray-rgb),0.55) 0,transparent 0.75em);*/
		/*background-image:linear-gradient(to bottom,rgba(var(--color-lightgray-rgb),0.55) 0,transparent 0.75em);*/
	}

	[class^="box-skin-"],
	[class*=" box-skin-"]{
		/*background-image:none;*/
		border-radius:0;
	}

	/* style:box width:*/
	div:not(.banner-columns) .box.box-skin-a,
	div:not(.banner-columns) .box.box-skin-b,
	div:not(.banner-columns) .box.box-skin-c,
	html .box-skin-price{
		background-color:transparent;
		/*padding-top:0;*/
		/*padding-left:0;*/
		/*padding-right:0;*/
	}

	div:not(.banner-columns) .box.box-skin-a .box-inner,
	div:not(.banner-columns) .box.box-skin-b .box-inner,
	div:not(.banner-columns) .box.box-skin-c .box-inner,
	html .box-skin-price .box-inner{
		/*border-radius:0;*/
	}

	/* style:Full width bg color:*/
	div:not(.banner-columns) .box.box-skin-d,
	div:not(.banner-columns) .box.box-skin-e,
	html .box-skin-alert,
	html .box-skin-warning{
		/*background-color:transparent;*/
		padding-top:0;
		padding-left:0;
		padding-right:0;
	}

	div:not(.banner-columns) .box.box-skin-d .box-inner,
	div:not(.banner-columns) .box.box-skin-e .box-inner,
	html .box-skin-alert .box-inner,
	html .box-skin-warning .box.inner{
		border-radius:0;
	}
	
	.box-title{
		/*margin-bottom:9px;*/
		/*margin-bottom:0.9rem;*/
	}

	h1 + .box{
		padding-top:0;
	}

	.box .box{
		background-image:none;
		/*filter:none;*/
		padding-top:0;
		padding-bottom:0;
	}

	.box-inner{
		text-align:center;
	}

	.box-title{
		text-align:center;
	}

	.box-desc,
	.box-nav{
		display:block;
		max-width:100%;
		/* text-align:left; */
	}
	
	/* Remove placeholder (full width boxes) */
	.box-image:before,
	.main-figure-image .box-inner:before{
		display:none;
	}

	.box-image,
	.main-figure-image .box-inner{
		background-image:none;
	}


	.box{
		/* padding-top:1.5em; */
		/* padding-bottom:1.5em; */
	}

	[class^="grid-col-"] .box:only-child,
	[class*=" grid-col-"] .box:only-child{
		padding-top:0;
		padding-bottom:0;
	}
	
	.box-title{
		/*
		word-break:break-all;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
		*/
		overflow-wrap:break-word;
	}
}

@media screen and (min-width:480px) and (max-width:599px){
	[class^="box-skin-"] .box-inner,
	[class*=" box-skin-"] .box-inner{
		padding:18px 0;
		padding:1.8rem 0;
	}



	[class^="box-skin-"] .box-title,
	[class*=" box-skin-"] .box-title,
	[class^="box-skin-"] .box-inner > .box-image:first-child,
	[class*=" box-skin-"] .box-inner > .box-image:first-child{
		margin-top:-18px;
		margin-top:-1.8rem;
	}



	[class^="box-skin-"] .box-title,
	[class*=" box-skin-"] .box-title{
		margin-bottom:0;
		padding-top:18px;
		padding-top:1.8rem;
		padding-bottom:18px;
		padding-bottom:1.8rem;
	}

	.sidebar .box-title,
	.sidebar .box-desc,
	.sidebar .box-nav,
	[class^="box-skin-"] .box-title,
	[class*=" box-skin-"] .box-title,
	[class^="box-skin-"] .box-desc,
	[class*=" box-skin-"] .box-desc,
	[class^="box-skin-"] .box-nav,
	[class*=" box-skin-"] .box-nav{
		padding-left:18px;
		padding-right:18px;
		padding-left:1.8rem;
		padding-right:1.8rem;
	}

	/**/
}