body.debug {
	/* visibility: visible; */
}

/*@media screen and (min-width: 1280px) {*/
@media screen and (max-width: 1250px) {	
	.startpage .mvideo-video {
		transform: translateX(-50%) translateY(-50%);
		left: 50%;
		top:700px;
	}

	.startpage .mvideo-inner{
		height:100%;
	}

	.startpage .mvideo-video{
		width:auto;
		height:700px;
	}
}

@media screen and (max-width: 600px) {	
	.startpage .mvideo-video {
		transform: translateX(-50%) translateY(-50%);
		left: 50%;
		top:500px;
	}

	.startpage .mvideo-inner{
		height:100%;
	}

	.startpage .mvideo-video{
		width:auto;
		height:500px;
	}
	
	.startpage .mvideo {
		min-height: 500px;
		max-height: 500px;
		height:500px;
	}
}

@media screen and (max-width: 960px){
	.headerprice-price-label {
		padding-top: 0em;
	}
	
	.headline-video .grid-col-sm3-2.grid-col-sm3-offset-10{
		margin-top: -2em;
		margin-left: 76%;
	}
}

@media screen and (min-width: 980px) {	
	body.show-slideshow-banner-wide{
		background-color:var(--color-background-text)!important;
	}

	.show-slideshow-banner-wide .id-wrapper-search {
		position:relative;
		z-index: 1;
		/* 		background-color:var(--color-background-text)!important; */
		background-color:transparent!important;
		border: none!important;
		box-shadow: none!important;
		/* 		height: 0; */
		/* 		padding-bottom:2em; */
		padding-top: 0;
		padding-bottom: 0;
		margin-top: -4em;
	}
	
	.show-slideshow-banner-wide.itype-5 .id-wrapper-search {
		margin-top: 2em;
	}

	.show-slideshow-banner-wide .id-wrapper-search .wrapper-inner {
		/* width: 1200px; */
		width: 830px;
		margin: auto;
		/* position: absolute; */
		/* left: 0; */
		/* right: 0; */
		/* z-index: 1; */
		background-color: var(--color-base);
		/* transform: translateY(-50%); */
		/* margin-bottom: -5em; */
		/* position: relative; */
		/* z-index: 15; */
	}

}

@media screen and (min-width: 1980px) {
	.show-offcanvas-menu .id-page .grid-row {
		/* opacity:1; */
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 1-599px
   ========================================================================= */
/**
 *
 * LAYOUT 1 - Full width, one column main section (small device). 
 * Button primary menu (touch) Width, between 1 and 599	
 *
 */
@media screen and (min-width: 1px) and (max-width:599px) {
	/*
	.not-layout[1-3] 	- added on block or inline that are not to be displayed on that layout
	.hide-layout[1-3] 	- added on block or inline that you want to be hidden by default but be able to toggle display with a trigger/button
	*/.not-layout1 {
		display:none!important;
	}

	.block-layout1, .id-wrapper-bottombar, .show-offcanvas .block-layout1 [class^="grid-col-"], .show-offcanvas .block-layout1 [class*=" grid-col-"], .show-offcanvas .offcanvas-section [class^="grid-col-"], .show-offcanvas .offcanvas-section [class*=" grid-col-"] {
		display: block!important;
	}

	.show-offcanvas .not-offcanvas, .show-offcanvas .searchresults-pager, .show-offcanvas .id-wrapper-bottombar {
		display: none!important;
	}

	.hide-layout1 {
		max-height: 0;
		padding-top: 0!important;
		padding-bottom: 0!important;
		margin: 0!important;
		overflow: hidden;
	}

	.startpage .hide-layout1 {
		max-height: 100%;
		padding-top: 1.5em!important;
		padding-bottom: 1.5em!important;
		margin: 0!important;
	}
	
	.id-wrapper-hero-header .inlay-image-static img{
		width: auto;
		max-width: none;
		height:600px!important;
	}
	
	/****************************/
	/*
	* GRID LOGIC
	* Four-column grid active
	*/
	/* ----- 
	STRUCTURE
	min-width:1px
	max-width:599px
	----- */
	.main-figure, .ckeditor-content {
		/* max-width:600px; */
		margin-left: auto;
		margin-right: auto;
	}

	.category-item-horizontal-box .box-inner {
		/* max-width:320px; */
	}

	.banner-columns [class^="box-skin-"], .banner-columns [class*=" box-skin-"] {
		background-color: transparent;
	}

	.box-section .box, .box-section-title + .box-section, h1 + .box, h1 + .box-section, .id-header .box, .id-header .box-section, .toggableDiv .box, .box.section-welcome, .box.main-figure, .box.searchbox, body.search .id-content .searchbox-text {
		border-top-style: none;
		background-image: none;
	}

	#attached-page-tourlist .destination-extrainfo {
		border-top-style: solid;
	}

	.box-section .box {
		max-width: 100%;
	}

	.id-header .box, .id-header .box-section {
		background-color: transparent;
	}

	.box-section .box, .box-section .box:first-child, .no-text1 .box-section .box, .no-text1 .box-section .box:first-child {
		padding-top: 1.5em;
	}

	.box-section .box, .no-text1 .box-section .box {
		padding-top: 1.5em;
	}

	.box-section .box:first-child, .no-text1 .box-section .box:first-child {
		/*padding-top:inherit;*/
	}

	.box-section .box {
		padding-bottom: 1.5em;
	}

	/*
		* (2017-08-31 LS) Deactivated default horizontal padding as the grid should take care of this
	*/
	.breadcrumbs-inner, .box, .box-section-title, .main-header, .attached-page-toggler, .attached-page, .sharebar, .main-desc, .id-footer .main-section-inner {
		/*padding-left:9px;*/
		/*padding-right:9px;*/
		/*padding-left:0.9rem;*/
		/*padding-right:0.9rem;*/
		/*width:auto;*/
	}

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

	[class^="grid-col-"] .breadcrumbs-inner, [class*=" grid-col-"] .breadcrumbs-inner {
		/*padding-left:0.75em;*/
		/*padding-right:0.75em;*/
	}

	.main-figure, .main-figure .box-inner {
		padding-left: 0;
		padding-right: 0;
	}

	.id-header .box {
		padding-top: 0;
		padding-bottom: 0;
	}

	/*pages without '.box' inside '.id-content'*/
	.error404 .id-content .main-section-inner {
		padding-left: 1.5em;
		padding-right: 1.5em;
		padding-bottom: 1.5em;
	}

	.error404 .id-content .main-section-inner .main-header, .error404 .id-content .main-section-inner p, .error404 .id-content .main-section-inner h1, .error404 .id-content .main-section-inner h2, .error404 .id-content .main-section-inner h3, .error404 .id-content .main-section-inner form {
		padding-left: 0;
		padding-right: 0;
	}

	.box-section {
		padding-top: 0;
	}

	.box.anchormenu-box {
		/* padding-top:0.75em; */
		/* padding-bottom:0.75em; */
		/* margin-top:0.75em; */
		/* margin-bottom:0.75em; */
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0.75em;
		margin-bottom: 0;
	}

	.id-languageswitcher .box-desc {
		text-align: center;
	}

	/**/
	/**
	 * HOVERBOX (Box style - text on top of image on hover for tablet and desktop)
	 reset for mobile (no hover needed to display content)
	*/
	/*
	.hoverbox-over{
		position:relative;
	}

	.hoverbox .hoverbox-over,
	.hoverbox .box-title{
		-webkit-transform: translateY(0);
		transform: translateY(0);

	}

	.hoverbox .box-desc{
		margin-bottom:0;
	}

	.hoverbox .box-title,
	.hoverbox .box-image,
	.hoverbox .box-desc,
	.hoverbox .box-nav{
		visibility: visible;
		opacity: 1;
		-webkit-transition:none;
		transition:none;
	}

	.hoverbox-over .box-title:before{
		display:none;
		
	}

	.hoverbox .box-inner{
		background-color:var(--color-background-text);
	}
	*/
	/**/
	.langswitch-wrap {
		/*padding:0 0.375em;*/
		padding: 0;
		max-width: 33.333%;
	}

	.langswitch-item {
		line-height: 10;
		width: 42px;
		height: 0;
		padding-top: 100%;
	}

	.db-news .box-nav {
		text-align: left;
	}

	.box-desc .box-nav {
		display: block;
	}

	.banner-section .box-nav, .hotellist-section .box-nav {
		display: block;
		text-align: left;
	}

	.db-news-box .box-desc, .db-news-box .box-nav {
		display: block;
	}

	.category-item-horizontal-box .box-title, .category-item-horizontal-box .box-preamble {
		text-align: left;
	}

	.main-section-inner + .box, .box-section .box {
		border-top: 0 none;
	}

	/**/
	.utilitybar-list, .utilitybar .box-desc {
		text-align: center;
	}

	/**
		* Box style implementation on small devices (box-skin-a type)
	**/
	.destination-priceinfobox {
		background: transparent;
	}

	.box.destination-priceinfobox, .box.searchbox {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}

	.destination-priceinfobox .box-desc, .searchbox .desc {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	html .destination-priceinfobox .box-inner .box-title, html .searchbox .box-inner .box-title {
		/*border:none;*/
	}

	.itype-130 .id-content {
		padding: 1.5em;
	}

	/* =====
	OFFCANVAS NAV ACTIVE PAGE (page / function / bodyClass / device)
	===== */
	.show-offcanvas .wrapper, .show-offcanvas .wrapper:nth-of-type(1n) {
		background-color: transparent;
	}

	.show-offcanvas .id-wrapper-breadcrumbs .wrapper-inner {
		/*visibility:hidden;*/
	}

	.secondary-menu, .primary-menu, .box.id-search-box-text, .box.searchbox, .offcanvas-nav-footer .offcanvas-nav-item, .show-offcanvas .searchbox, .show-offcanvas .secondary-menu, .show-offcanvas .box.id-search-box-text, .show-offcanvas .main-section, .show-offcanvas .box-section, .show-offcanvas .box {
		/*display:none;*/
	}

	.id-search-box-text-header, .show-offcanvas .wrapper, .offcanvas-section, .show-offcanvas [class^="grid-col-"], .show-offcanvas [class*=" grid-col-"], .show-offcanvas .id-smalldevice-search-engine-package {
		display: none!important;
	}

	.id-offcanvas-nav-mobile-header, .show-offcanvas .id-offcanvas-nav-mobile-footer, .show-offcanvas .offcanvas-visible, .show-offcanvas-search .id-offcanvas-search-section, .show-offcanvas-search .offcanvas-item-search, .show-offcanvas-search .offcanvas-nav-mobile-footer-search-item, /*.show-offcanvas-search .id-search-box-text-header,*/
	.show-offcanvas-menu .offcanvas-item-menu, .show-offcanvas-menu .offcanvas-nav-mobile-footer-menu-item, .show-offcanvas-menu .id-offcanvas-menu-section {
		display: block!important;
	}

	.offcanvas-section {
		position: static;
		position: relative;
		visibility: visible;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: none;
		transition: none;
	}

	.id-offcanvas-search-section {
		padding-left: 1em;
		padding-right: 1em;
	}

	.show-offcanvas .main-section-inner, .show-offcanvas-search .id-footer .main-section-inner {
		/*padding-top:0;*/
		/*padding-bottom:0;*/
		/*border:none;*/
	}

	/**
	 * Space for calendar expanded
	 */
	body.show-offcanvas-search {
		padding-bottom: 9em;
	}

	/**/
	.show-offcanvas .id-header {
		/*max-width:none;*/
		/*position:relative;*/
	}

	.show-offcanvas .id-wrapper-body {
		/*min-height:180px;*/
	}

	.show-offcanvas .wrapper-inner {
		/*box-shadow:1px 1px 3px rgba(0,0,0,.25);*/
	}

	.show-offcanvas .offcanvas-nav {
		/*margin-bottom:0.75em;*/
	}

	.show-offcanvas .offcanvas-nav-footer {
		/*margin-bottom:0;*/
	}

	.show-offcanvas .id-page {
		/*background-color:var(--color-background-text);
		/*position:relative;*/
	}

	.show-offcanvas .box, .show-offcanvas .box-section {
		/*background-image:none;
		/*border-top:0 none;*/
	}

	.show-offcanvas .main-section, .show-offcanvas .main-section-inner {
		/*float:none;*/
		/*clear:none;*/
	}

	.show-offcanvas .sidebar {
		/*margin-left:auto;*/
		/*margin-right:auto;*/
	}

	.show-offcanvas .id-wrapper-bottombar .jump-nav-trigger {
		/*float:none;*/
		/*text-align:center;*/
	}

	.show-offcanvas .offcanvas-nav-item-inner {
		/*display:block;*/
	}

	.show-offcanvas-search .box {
		/* background-color:var(--color-background-text); */
	}

	/* ----- 
	HEADER (main section)
	min-width:1px
	max-width:599px
	----- */
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,
	content on startpage)
	min-width:1px
	max-width:599px
	----- */
	/* -----
	MAIN FIGURE - SLIDESHOW (main section)
	min-width:1px
	max-width:599px
	----- */
	html .banner-pos-header-slider .inlay/*,
	max-599 .banner-pos-header-slider .inlay*/
	{
		box-shadow: none;
		border-top: 2px solid #fff;
	}

	html .banner-pos-header-slider.mode-caption-below .inlay {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		/*box-shadow:none;*/
	}

	/* ----- 
	CONTENT (main section)
	min-width:1px
	max-width:599px
	----- */
	.startpage .main-header, .system-page .main-header, .no-leftmenu-id .main-header {
		padding-top: 18px;
		padding-top: 1.8rem;
	}

	.slides .slides-inlay {
		position: static!important;
	}

	/**/
	.mode-caption-below .slider-navigation, .mode-caption-below .slider-pager {
		line-height: 1;
		height: auto;
		min-height: 0;
	}

	.mode-caption-below .slider-navigation-button, .mode-caption-below .slider-pager a {
		height: 48px;
		line-height: 32px;
		min-height: 0;
	}

	.mode-caption-below .slider-navigation-button [class^="icon-"], .mode-caption-below .slider-navigation-button [class^="icon-"]:before, .mode-caption-below .slider-navigation-button [class*=" icon-"], .mode-caption-below .slider-navigation-button [class*=" icon-"]:before, .mode-caption-below .slider-pager a span {
		display: inline-block;
		vertical-align: top;
	}

	/**/
	.banner-columns:before {
		display: none;
		/*(border-top)*/
	}

	.banner-columns .box-title {
		font-size: 20px;
		font-size: 2rem;
	}

	.id-smalldevice-content-destination-infobox {
		text-align: center;
	}

	.attached-page-toggler:after {
		float: right;
	}

	/**	PAGINATION (mobile)	*/
	#pagination .nav-page, #pagination .separator {
		display: none;
	}

	#pagination .nav-page.active {
		display: block;
	}

	#pagination .btn-nav .txt {
		display: none;
	}

	#pagination .wrap-nav {
		max-width: 27em;
	}

	#pagination .nav-page {
		width: auto;
	}

	#pagination .nav-step {
		width: 25%;
	}

	#pagination .nav-page-list {
		width: 45%;
	}

	.anchormenu-box-title {
		font-size: 1.218em;
	}

	.anchormenu-box-desc {
		display: block;
	}

	/*create space for arrow*/
	.attached-page .attached-page-toggler {
		padding-right: 1.3em;
		position: relative;
	}

	.attached-page .attached-page-toggler:after {
		position: absolute;
		right: 0;
		margin-top: 0.2em;
		margin-right: 0.2em;
	}

	/**/
	.anchormenu-box-itemcount-1 .anchormenu-box-item {
		width: 100%;
	}

	/**/
	.banner-columns:not(.grid-row), .hotellist-section:not(.grid-row) {
		margin-left: auto;
		margin-right: auto;
	}

	/* ----- 
	SIDEBAR (main section)
	min-width:1px
	max-width:599px
	----- */
	.sidebar .box:not([class^="box-skin-"]):not([class*=" box-skin-"]) .box-title {
		border: none;
		padding: 0;
		margin: 0 0 4px 0;
		margin-bottom: 0.4rem;
	}

	.id-destination-sidebarbox {
		display: none;
	}

	.contact-box-item-inner .key {
		min-width: 26%;
	}

	.contact-box-item-inner .value {
		max-width: 73%;
	}

	/* ----- 
	SECONDARY MENU (main section)
	min-width:1px
	max-width:599px
	----- */
	/* ----- 
	FOOTER (main section)
	min-width:1px
	max-width:599px
	----- */
	.id-footer ul.list-tel {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}

	.id-footer-secondary-menu li:first-child a {
		padding-top: 0;
		margin-top: 0;
	}

	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:1px
	max-width:599px
	----- */
}

/* ============================================================================
   Media Queries: LAYOUT 1: 1-319px
   ========================================================================= */
@media screen and (min-width: 1px) and (max-width:319px) {
	.id-languageswitcher .box-inner {
		text-align:center;
	}

	.button {
		/*display:block;*/
		/* width:100%; */
		margin: 0.333em auto;
		/* padding-left:0; */
		/* padding-right:0; */
	}

	.col-button .button {
		display: inline-block;
		vertical-align: top;
		width: auto;
	}

	.newsletter-box .box-desc {
		display: block;
	}

	.newsletter-box .form-input-text, .newsletter-box .box-desc .button {
		display: inline-block;
		vertical-align: top;
	}

	.newsletter-box .form-input-text {
		/*width:78%;*/
	}

	.newsletter-box .box-desc .button {
		/*width:20%;*/
	}

	/**/
	.slides-inlay {
		width: 100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.slides .slides-inlay, .slides-inlay .fromprice {
		text-align: center;
	}

	/**/
	.banner-section .box:first-child {
		padding-top: 1.5em;
	}

	.banner-section .box:last-child {
		padding-bottom: 1.5em;
	}

	/**/
	.destination-priceinfobox .box-inner, .searchbox .box-inner {
		padding: 0;
	}

	/**/
	.offcanvas-nav-mobile-header-item {
		display: block;
		width: auto;
	}

	.offcanvas-nav-mobile-header-item span {
		display: none;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 320-599px
   ========================================================================= */
/**
 *
 * LAYOUT 1 - HEADER - offcanvas-nav and TOGGLE-BUTTON media queries 
 * (only ff supports media queries inside media queries)
 *
 */
@media screen and (min-width: 320px) and (max-width:599px) {
	/*ckeditor*/ .table-skin-a, .list-skin-a {
		width:96%;
	}

	/**
	 * (2017-11-20) Deactivated default horizontal padding as the grid should take care of this.
	 */
	form p, form h1, form h2, form h3, .box p, .box h1, .box h2, .box h3, .attached-page-toggler p, .attached-page-toggler h1, .attached-page-toggler h2, .attached-page-toggler h3, .attached-page p, .attached-page h1, .attached-page h2, .attached-page h3, .main-desc p, .main-desc h1, .main-desc h2, .main-desc h3, .slides-inlay p, .slides-inlay h1, .slides-inlay h2, .slides-inlay h3 {
		/* padding-left:0; */
		/* padding-right:0; */
	}

	.main-figure {
		padding-left: 0;
		padding-right: 0;
	}

	.breadcrumbs-inner, .main-desc, .attached-page, .category-item-horizontal-box {
		/*padding-left:18px;*/
		/*padding-right:18px;*/
		/*padding-left:1.8rem;*/
		/*padding-right:1.8rem;*/
		padding-left: 5px;
		padding-right: 5px;
	}

	.main-header {
		/*padding-left:5px;*/
		/*padding-right:5px;*/
	}

	.main-header {
		/*
		word-break:break-all;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
		*/
		overflow-wrap: break-word;
	}

	.id-languageswitcher {
		float: right;
		clear: right;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		width: 50%;
		width: calc(100% - 170px);
	}

	.show-slideshow-banner-wide .id-languageswitcher {
		/*width:68.75%;*/
		width: calc(100% - 145px);
		position: absolute;
		right: 0;
		top: 0;
	}

	html .id-languageswitcher .box-desc {
		text-align: right;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 320-479px
   ========================================================================= */
@media screen and (min-width: 320px) and (max-width:479px) {
	/**/ .anchormenu-box-item {
		/* 		width:50%; */ max-width:50%;
	}

	.anchormenu-box-itemcount-3 .anchormenu-box-item {
		/* 		width:100%; */
	}

	/**/
	.offcanvas-nav-header .offcanvas-nav-list {
		width: 400px;
	}

	.offcanvas-nav-mobile-header-item span {
		display: none;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 480-599px
   ========================================================================= */
@media screen and (min-width: 480px) and (max-width:599px) {
	.slides-inlay .slide-title, .slides-inlay .price {
		font-size:1.666em;
	}

	.anchormenu-box-item {
		/* 		width:33.333%; */
		max-width: 33.333%;
	}

	.anchormenu-box-itemcount-1 .anchormenu-box-item {
		/* 		width:100%; */
		max-width: 100%;
	}

	.anchormenu-box-itemcount-2 .anchormenu-box-item {
		/* 		width:50%; */
		max-width: 50%;
	}

	.anchormenu-box-itemcount-4 .anchormenu-box-item {
		/* 		width:50%; */
		/* 		width:25%; */
		max-width: 25%;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 1-429px
   ========================================================================= */
@media screen and (min-width: 1px) and (max-width:429px) {
	.box-section:not(.grid-row) .box:nth-of-type(odd) {
		/* background-color:var(--color-background-text); */ background-color:rgba(var(--color-lightgray-rgb),0.35);
	}

	.box-section:not(.grid-row) .box:nth-of-type(even) {
		background-color: var(--color-lightgray);
		background-color: rgba(var(--color-lightgray-rgb),0.15);
	}

	.box-section:not(.grid-row) .category-item.even {
		background-color: rgba(var(--color-background-text-rgb),0.5);
	}

	.hotellist-item:last-child {
		border-bottom: none;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 430-599px
   ========================================================================= */
@media screen and (min-width: 430px) and (max-width:599px) {
	.show-offcanvas .sidebar .box {
		width:100%;
		clear: both;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: LANDSCAPE e.g iPhone
   ========================================================================= */
@media screen and (max-width: 599px) and (max-height:429px) {
	.id-languageswitcher {
		width:auto;
		padding-left: 0.375em;
	}

	.destination-priceinfobox .box-inner, .searchbox .box-inner, .box, .main-figure {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
	}

	[class^="grid-col-"] .box:only-child, [class*=" grid-col-"] .box:only-child {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 2: 600-1199px
   ========================================================================= */
/**
 * LAYOUT 2 - Two column main section (medium device).
 *
 * .not-layout[1-3] - added on block or inline that are not to be displayed on 
 * that layout.
 *
 * .hide-layout[1-3] - added on block or inline that you want to be hidden by 
 * default but be able to toggle display with a trigger/button
 *
 */
@media screen and (min-width: 600px) and (max-width:1199px) {
	.not-layout2 {
		display:none!important;
	}

	.block-layout2 {
		display: block!important;
	}

	.hide-layout2 {
		max-height: 0;
		overflow: hidden;
	}
	


	/* ----- 
	STRUCTURE
	min-width:600px
	max-width:1199px
	----- */
	/* ----- 
	HEADER (main section)
	min-width:600px
	max-width:1199px
	----- */
	.id-languageswitcher {
		/*min-height:4.3em;*/
	}

	.id-languageswitcher, .id-header-secondary-menu {
		/* max-width:72%; */
		/* max-width: calc(100% - 170px); */
		/* clear:right; */
	}

	.id-header-secondary-menu {
		/*offcanvas-nav height:*/
		/*padding-bottom:62px;*/
		/*padding-bottom:6.2rem;*/
	}

	.show-slideshow-banner-wide .id-languageswitcher, .show-slideshow-banner-wide .id-header-secondary-menu {
		max-width: 100%;
	}

	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,
	content on startpage)
	min-width:600px
	max-width:1199px
	----- */
	/* ----- 
	MAIN FIGURE - IMAGE (main section)
	min-width:600px
	max-width:1199px
	----- */
	/* ----- 
	MAIN FIGURE - SLIDESHOW (main section)
	min-width:600px
	max-width:1199px
	----- */
	/* ----- 
	HEADER - SLIDESHOW WIDE
	min-width:600px
	max-width:1199px
	----- */
	.banner-pos-header-slider .slider-navigation-button {
		/* font-size:54px; */
		/* font-size:5.4rem; */
		/* font-size:8vw; */
	}

	/* ----- 
	CONTENT (main section)
	min-width:600px
	max-width:1199px
	----- */
	/**	PAGINATION (Tablet)	*/
	#pagination .nav-page-step2 {
		display: none;
	}

	#pagination .btn-nav .txt {
		display: none;
	}

	#pagination .nav-step {
		width: 21%;
	}

	#pagination .nav-step {
		margin-left: 0;
		margin-right: 0;
	}

	#pagination .nav-step-prev {
		margin-left: 0;
	}

	#pagination .nav-step-next {
		margin-right: 0;
	}

	#pagination .nav-step-prev, #pagination .nav-step-next {
		display: inline-block;
		vertical-align: top;
	}

	#pagination .nav-page-list {
		width: 56%;
		margin-left: auto;
		margin-right: auto;
	}

	#pagination .nav-page-lastchild {
		margin-right: 0;
	}

	#pagination .nav-page {
		width: 7%;
	}

	#pagination .separator, #pagination .nav-page {
		margin-left: 1%;
		margin-right: 1%;
	}

	#pagination .separator {
		width: 4%;
	}

	#pagination.pagination-mini .nav-step {
		width: 29%;
	}

	#pagination.pagination-mini .nav-page-list {
		width: 42%;
	}

	/* ----- 
	SIDEBAR (main section)
	min-width:600px
	max-width:1199px
	----- */
	/* ----- 
	SECONDARY MENU (main section)
	min-width:600px
	max-width:1199px
	----- */
	/* ----- 
	FOOTER (main section)
	min-width:600px
	max-width:1199px
	----- */
	.id-footer .vcard, .id-footer ul.list-tel, .id-footer ul.list-sitelink {
		display: block!important;
	}

	.id-footer ul.list-tel li:last-child:after, .id-footer .list-sitelink:before, .id-footer .adr .adr-item:last-child:after {
		display: none!important;
	}

	.id-footer .vcard .adr-item, .id-footer .org-number, .id-footer .copyright {
		padding-top: 0.143em;
		padding-bottom: 0.143em;
	}

	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:600px
	max-width:1199px
	----- */
	
	.id-wrapper-hero-header .inlay-image-static {
		max-height: 500px;
	}

	.headerprice-price-label {
		padding-top: 0.5em;
	}
}

@media screen and (max-height:700px) {
	.layout-2 .id-wrapper-hero-header .inlay-image-static,
	.layout-3 .id-wrapper-hero-header .inlay-image-static {
		max-height: 550px;
	}

	.headerprice-price-label {
		padding-top: 0.5em;
	}
	
	.layout-2 .startpage .mvideo-video,
	.layout-3 .startpage .mvideo-video {
		transform: translateX(-50%) translateY(-50%);
		left: 50%;
		top:550px;
	}
	
	.layout-2 .startpage .mvideo,
	.layout-3 .startpage .mvideo {
		min-height: 550px;
		max-height: 550px;
		height:550px;
	}
}

@media screen and (min-height:701px) {
	.layout-2 .id-wrapper-hero-header .inlay-image-static,
	.layout-3 .id-wrapper-hero-header .inlay-image-static {
		max-height: 630px;
	}

	.headerprice-price-label {
		padding-top: 1.5em;
	}
	.layout-2 .startpage .mvideo-video,
	.layout-3 .startpage .mvideo-video {
		transform: translateX(-50%) translateY(-50%);
		left: 50%;
		top:630px;
	}
	
	.layout-2 .startpage .mvideo,
	.layout-3 .startpage .mvideo {
		min-height: 630px;
		max-height: 630px;
		height:630px;
	}
}

@media screen and (min-height:801px) {
	.layout-2 .id-wrapper-hero-header .inlay-image-static,
	.layout-3 .id-wrapper-hero-header .inlay-image-static {
		max-height: 700px;
	}
	.layout-2 .startpage .mvideo-video 
	.layout-3 .startpage .mvideo-video{
		transform: translateX(-50%) translateY(-50%);
		left: 50%;
		top:700px;
	}
	.headerprice-price-label {
		padding-top: 4.5em;
	}
	
	.layout-2 .startpage .mvideo,
	.layout-3 .startpage .mvideo {
		min-height: 700px;
		max-height: 700px;
		height:700px;
	}
}

.layout-1 .id-wrapper-hero-header .inlay-image-static {
	max-height: 500px;
}

/* ============================================================================
   Media Queries: LAYOUT 3: 1200-99999px
   ========================================================================= */
/**
 *
 * LAYOUT 3 - Three column main section (desktop device).
 * Vertical primary menu (sidebar)
 * Width, between 1200 and 99999											
 *
 * CONTENT MOVED TO 'desktop.css'
 * ( @media screen and (min-width:1200px) and (max-width:99999px),print{}
 )
 *
 */
/* ============================================================================
   Media Queries: LAYOUT 1: 0-545px
   MY BOOKING TEMPLATE
   ========================================================================= */
@media screen and (max-width: 545px) {
	.bookingbox-key,.bookingbox-value,.BookingLabel {
		width:100%;
		padding: 0px;
		text-align: left;
	}

	.booking-info, p.booking-info {
		width: 100%;
		padding: 0px;
	}

	.classinput {
		width: 90%;
		padding: 4px;
	}

	.bookingbox-row select {
		width: 90%;
	}

	.classinput.form-item-error {
		width: 90%;
		padding: 4px;
	}

	.bookingbox-row .validationerror {
		display: block;
		margin-left: 0;
	}

	.bookingbox-row select.form-item-error {
		width: 90%;
	}

	.bookingbox-row-indent {
		margin-left: 0!important;
		padding-left: 0;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 0-330px
   MY BOOKING TEMPLATE
   ========================================================================= */
@media screen and (max-width: 330px) {
	.classinput {
		width:85%;
		padding: 4px;
	}

	.classinput.form-item-error {
		width: 85%;
		padding: 4px;
	}

	.bookingbox-row select.form-item-error {
		width: 85%;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 2: 430-897px
   MISCELLANEOUS QUERIES: banner columns - Two column
   ========================================================================= */
@media screen and (min-width: 430px) and (max-width:897px) {
	.banner-columns .box.item-1, .banner-columns .box:nth-of-type(2n+3), .hotellist-section .box.item-1, .hotellist-section .box:nth-of-type(2n+3) {
		clear:left;
		margin-left: 0;
	}
}

/* ============================================================================
   Media Queries: LAYOUT: ALL
   MISCELLANEOUS QUERIES: Retina - pixel-ratio 2+ (2.0 dpr)
   ========================================================================= */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
}

@media screen and (min-width: 320px) and (min-height:320px) {
	.id-wrapper-anchormenu {
		position:-webkit-sticky;
		position: sticky;
		top: -1px;
		z-index: 12;
	}
	.itype-3 .id-wrapper-anchormenu {
/* 		position:static; */
	}


	.show-cookie-notice .id-wrapper-anchormenu {
		position: static;
	}
}

@media screen and (min-width: 960px) and (min-height:840px) {
	.id-wrapper-search {
		/*position:-webkit-sticky!important;
		position: sticky!important;
		top: -1px;
		margin-top: -1px;*/
	}
	.id-wrapper-anchormenu {
		/* position:-webkit-sticky!important; */
		/* position: sticky!important; */
		/* top: -1px; */
	}
	
	body:not(.show-slideshow-banner-wide) .id-wrapper-section-header{
		position:-webkit-sticky!important;
		position: sticky!important;
		top: -1px;
	}
	
	.id-wrapper-menu-tabs {
		/* position:-webkit-sticky!important; */
		/* position: sticky!important; */
		/* top: -1px; */
	}

	.id-wrapper-search {
		z-index: 13;
	}

	.show-slideshow-banner-wide .searchbox-horizontal .box-title {
		position: absolute;
		top: 2px;
		left: 0;
		right: 0;
		transform: translateY(-100%);
		background: var(--color-base);
		padding: 5px 0 0 0;
		font-size:1.3em;
	}

	.itype-3 .id-wrapper-search {
		position:relative!important;
		z-index: 1;
	}

	.id-wrapper-menu-tabs{
/* 		z-index: 12; */
	}
	
	body:not(.show-slideshow-banner-wide) .id-wrapper-section-header{
		z-index: 12;	
		position:relative!important;		
	}
	
	.id-wrapper-anchormenu{
/* 		z-index: 12; */
	}

	.id-wrapper-search:hover{
/* 		z-index: 14; */
	}

	.id-wrapper-menu-tabs:hover {
/* 		z-index: 14; */
	}

	.id-wrapper-section-header{
		z-index: 14;			
	}

	.show-cookie-notice .id-wrapper-search{
/*		position: static!important;
	}
	
	.show-cookie-notice .id-wrapper-anchormenu{
/* 		position: static!important; */
	}
	.show-cookie-notice .id-wrapper-menu-tabs{
		position: static!important;
	}
	
	.no-leftmenu-id .id-wrapper-menu-tabs {
		position: static!important;
	}
}