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){
	body {
		font-size: var(--font-size-body-mobile);
		line-height: var(--line-height-body-mobile);
		letter-spacing: var(--letter-spacing-body-mobile);
	}
	
	h1 {
		font-size: var(--font-size-h1-mobile);
		line-height: var(--line-height-h1-mobile);;
	}
	h2 {
		font-size:var( 	--font-size-h2-mobile);
		line-height: var(--line-height-h2-mobile);
		letter-spacing: var(--letter-spacing-h2-mobile);
		
	}
	h3 {
		font-size:var( 	--font-size-h3-mobile);
		line-height: var(--line-height-h3-mobile);
		letter-spacing: var(--letter-spacing-h3-mobile);
	}

	.itype-1 h2,
	.no-leftmenu-id .main-header{
		/* text-align: center; */
	}

	/* ----- 
	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; */
	}
	.id-wrapper-footerbar .grid-col-sm3-3 {
		width:auto;
		margin-left: 1.5em;
	}
	.footer-logo {
		width: 15%;
	}
	.id-footer {
		text-align: left;
	}

	/* gallery hotel */

	.hotel-gallery-container {
		.moreimages-slideshow-inner-button {
			padding: 6px 12px;
			border: 0;
			.moreimages-slideshow-inner-button-text {
				display: none;
			}

			.moreimages-slideshow-inner-button-icon {
				width: 16px;
				height: 16px;
				font-size: 16px;
				margin-right: 0;
				transform: none;
			}
		}
	}
	
.category .id-wrapper-hero-header-cta {
	margin: .5em;
	padding: 5px;
}
.category .id-wrapper-hero-header-cta-button {

    font-size: 16px;
    font-size: 1.6rem;

    padding: 10px 16px 10px 16px;
    width: 100%;
    max-width: 165px;
    height: 40px;

}

.category .id-wrapper-hero-header-cta-button::after,
.three-images-block .id-wrapper-hero-header-cta-button:hover::after {

	width: 16px;
	height: 16px;

}
	.id-subpagelist-wrapper {
		padding-top: 0;
	}
	.itype-1 .main-header {
		margin-top: 3rem;
	}
	.box-inner-white p {
		font-size: var(--font-size-body-mobile);
	}

}

@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:600px) and (max-width:768px){
	.footer-logo {
		width: 20%;
	}
	.id-wrapper-footerbar .grid-col-sm3-3 {
		width: 80%;
		margin-left: 3em;
	}

	
	.id-wrapper-hero-header-titlewrap-inner .main-header {
		font-size: 48px;
	}


	.id-wrapper-hero-header-titlewrap-inner .main-subheader{
		font-size: 24px;
	}

}
@media screen and (max-width:768px){
	
	
		.id-wrapper-section-header.wrapper-section span:first-child {
			display: none;

		}
		.id-wrapper-section-header.wrapper-section span:last-child {
			display: none;

		}
		.menu-multicol:not(.menu-multicol-offcanvas) li {
			text-align: left;
		}
	
}
@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:none;
		max-height: 100%;
	}
	.offcanvas-section{
		top:6em!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:-1px;
		z-index:13;
/* 		height:150px; */
	}

	.id-offcanvas-menu-section,
	.id-offcanvas-search-section{
		height:100vh;
	}

	
	.show-cookie-notice .id-wrapper-header{
	/* 	position:static; */
		position: relative;
	}
}