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

/**
 *
 	* Print-friendly CSS for CM3 (print-friendly.css)
 *	This is NOT a general @media print CSS file!
 *	this CSS file is used to override some of the standard CSS when print page / mode is active (renderPrintVersion = TRUE -> 'body.renderPrintVersion')
 *
 	* print-media-queries.css
 * 	The css file that should be included further up in the DOM when this css-file is in use is called 'print-media-queries.css'
 * 	print-media-queries.css contains CSS for print (@MEDIA PRINT)
 * 	Some of the styles from here have been copied to this file (print-friendly.css) to simulate print view on SCREEN.
 */

/* 
	* COPIED CSS FROM PRINT (print-media-queries.css)
*/
*{
	background:none transparent!important;
	text-shadow:none!important;
}

/** 
 * custom colors
 */
*{
	color:var(--color-text-body)!important;
}

.ckeditor-content a{
	color:var(--color-link)!important;
	font-weight:bolder;
}

.ckeditor-content a:after{
	color:var(--color-text-body)!important;
	font-weight:lighter;
}

.icon-star,
.rating-star,
.rating-plus{
	color:var(--color-rating)!important;
}

.icon-star-non,
.rating-nostar{
	color:var(--color-lightgray)!important;
}

/**/

html,
body{
	margin:0;
	padding:0;
}

img{
	border:none;
	max-width:100% !important;
}

abbr[title]:after{
	content:" ( " attr(title) " )";
}

a[href]:after{
	content:" ( url: " attr(href) " )";
	font-size:13px;
	font-size:1.3rem;
	/*word-break:break-all;*/
	overflow-wrap:break-word;	
	/*opacity:0.75;*/
}

a.readmore:after{
	content:" \00BB\0020( url: " attr(href) " )";
}

.lte8 p a:after{
	zoom:1;
	filter:alpha(opacity=6);
}
	
	
a[href^="#"]:after,
a[href="/"]:after,
a[href^="javascript:"]:after,
h1 a:after,
h2 a:after,
h3 a:after,
h4 a:after,
h5 a:after,
h6 a:after,
a.title:after,
.title a:after,
.breadcrumbs-inner a:after,
.renderPrintVersionMenu a:after,
a.box-image:after,
.box-image a:after,
.banner-columns a:after,
.secondary-menu a:after,
.hotellist-item a:after,
a.button:after,
a.link-callto:after,
.pagination-info:after, 
.tourlist-table a[href]:after, 
.pager a[href]:after, 
.pagination a[href]:after, 
.box-nav a[href]:after,
.id-header a:after,
.main-figure a:after,
.ckeditor-content .readmore:after{
	display:none;
}

thead{
	display:table-header-group;
}

.do-not-print{
	display:none!important;
}

 /* 
 	* PRINT FRIENDLY page styles
 */

html{
	font-size:8pt;
}

h1{
	/*border-bottom:1px solid var(--color-lightgray-dark);*/
	/*margin-bottom:18px;*/
}

a,
a:hover{
	text-decoration:none!important;
}

.wrapper,
.wrapper-inner{
	box-shadow:none!important;
}

.wrapper,
.wrapper-inner,
.main-section:not([class^="grid-col-"]):not([class*=" grid-col-"]),
.main-section-inner{
	width:100%!important;
	max-width:100%!important;
}

.wrapper,
.wrapper-inner,
.main-section:not([class^="grid-col-"]):not([class*=" grid-col-"]){
	padding:0!important;
	margin:0 auto!important;
}

.main-section-inner{
	padding-left:0!important;
	padding-right:0!important;
	margin-left:0!important;
	margin-right:0!important;
}

.main-section:not([class^="grid-col-"]):not([class*=" grid-col-"]),
.main-section-inner{
	position:static!important;
	box-shadow:none!important;
}

.main-section:not([class^="grid-col-"]):not([class*=" grid-col-"]),
.main-section-inner,
.main-figure.main-section:not([class^="grid-col-"]):not([class*=" grid-col-"]){
	float:none!important;
	clear:none!important;
}

.id-header .main-section-inner:before{
	display:none!important
}

.id-logo,
.id-logo img,
.id-logo span,
.logo-inner{
	opacity:inherit!important;
	visibility: visible!important;
	background:none transparent!important;
}

.box-section,
.box,
.box-inner,
.box-title,
.box-desc,
.box-image,
.box-nav{
	margin-left:0;
	margin-right:0;
}

.box-image:before, 
.main-figure-image .box-inner:before{
	display:none!important;
}



.breadcrumbs-inner{
	margin-top:3mm;
}

.button,
.pager a{
	border-color:#000!important;
	color:#000!important;
	background:none #fff!important;
	text-shadow:none!important;
	box-shadow:none!important;
}

.pager .active a{
	border-color:transparent!important;
	color:#000!important;
	background-color:transparent!important;
}

/**
 * Remove objects
*/

.anchormenu-box{
	display:none!important;
}

.destination-priceinfobox{
	display:none!important;
}

/**/
.wrapper,
.fixedWidthSiteVersion .wrapper{
	min-width:0!important;
}

.wrapper-inner{
	max-width:800px!important;
}

.fixedWidthSiteVersion .wrapper-inner{
	/*width:800px!important;*/
}

.id-wrapper-header,
.id-wrapper-breadcrumbs{
	position:static!important;
	-webkit-transform:none!important;
	transform:none!important;
}

.id-wrapper-header + .id-wrapper-breadcrumbs .breadcrumbs-inner{
	border-top:none;
}

.id-logo{
	text-align:left;
	width:100%;
	padding:0;
	margin:0;
	position:static!important;
}

.logo-inner,
.id-content:not([class^="grid-col-"]):not([class*=" grid-col-"]){
	padding:0;
	margin:0;
}

/*--- START - overide JS inline style(width and height) for slideshow so that the image becomes responsive to the printed page and not the current screen size (image may get cropped)*/

.main-figure,
.main-figure .box-inner,
.slider-wrapper,
.slider-wrapper *{
	height:auto!important;
	min-height:0!important;
	position:static!important;
}

.main-figure,
.main-figure .box-inner,
.slider-wrapper,
.caroufredsel_wrapper{
	padding-left:0!important;
	padding-right:0!important;
	margin-left:0!important;
	margin-right:0!important;
	min-width:0!important;
	max-width:100%!important;
	width:100%!important;
}

.caroufredsel_wrapper img{
	width:auto!important;
}

.slider-wrapper .inlay-image{
	text-align:center!important;
}

.slider-wrapper .inlay-image:before,
.slidecontainer{
	display:none!important;
}

.slidecontainer:first-child{
	display:block!important;
}

/*.lte9 .slider-controls,*/
.slider-controls{
	display:none!important;
}

/*--- END -*/


/** Hoverbox resets */
.hoverbox-over,
.hoverbox .box-title,
.hoverbox .box-image,
.hoverbox .box-desc,
.hoverbox .box-nav{
	position:static!important;
	visibility: visible!important;
	opacity:1!important;
	-webkit-transform: translateY(0)!important;
	transform: translateY(0)!important;
}

.hoverbox .box-title,
.hoverbox .box-image,
.hoverbox .box-desc,
.hoverbox .box-nav{
	margin-top:0!important;
	margin-bottom:0.375em!important;
	padding:0!important;
}

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

@media screen{
	.wrapper{
		padding:0!important;
		overflow:hidden;
	}

	.wrapper:first-child,
	.id-wrapper-header{
		padding-top:3mm!important;
	}

	.wrapper:last-child,
	.id-wrapper-footer{
		padding-top:3mm!important;
	}

	.do-not-print.renderPrintVersionMenu,
	.do-not-print.devToolbarItem{
		display:block!important;
	}

	.renderPrintVersionMenu,
	.renderPrintVersionMenu li{
		list-style:none;
		padding:0;
		margin:0;
		line-height:0;
		display:inline;
		display:inline-block;
		vertical-align:top;
	}

	.renderPrintVersionMenu li{
		padding-left:0;
		padding-right:0;
	}

	.renderPrintVersionMenu li:first-child{
		padding-left:0;
	}

	.renderPrintVersionMenu li:last-child{
		padding-right:0;
	}

	.renderPrintVersionMenu{
		display:block;
		width:100%;
		text-align:right;
		line-height:1;
		overflow:hidden;
	}

	.renderPrintVersionMenu a,
	.renderPrintVersionMenu a:hover{
		text-decoration:none;
	}

	.renderPrintVersionMenu,
	.renderPrintVersionMenu a{
		background-color:var(--color-lightgray)!important;
		background-image: -webkit-linear-gradient(top,rgba(var(--color-lightgray-rgb),1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 54%,rgba(var(--color-lightgray-rgb),1) 100%)!important;
		background-image: linear-gradient(to bottom,rgba(var(--color-lightgray-rgb),1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 54%,rgba(var(--color-lightgray-rgb),1) 100%)!important;
	}

	.renderPrintVersionMenu a{
		text-shadow:none;
		box-shadow:inset 0 1px 0 0 #ffffff,inset 0 -1px 0 0 var(--color-lightgray),0 1px 2px var(--color-lightgray);
		/*color:var(--color-text-body);*/
		border-color:var(--color-lightgray) var(--color-lightgray-dark) var(--color-lightgray-dark) var(--color-lightgray);
		border-style:solid;
		border-width:1px;
		/**/
		outline:0 none;
		line-height:1.5;
		font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
		cursor:pointer;
		display:inline-block;
		vertical-align:top;
		padding:1.25em 1.83em;
		margin:0 auto;
	}

	.renderPrintVersionMenu a:hover{
		text-shadow:none;
		box-shadow:inset 0 1px 0 0 #fff,inset 0 -1px 0 0 var(--color-lightgray);
		background-color:var(--color-lightgray)!important;
		background-image:none!important;
		color:var(--color-text-heading);
		border-color:var(--color-lightgray) var(--color-lightgray-dark) var(--color-lightgray-dark) var(--color-lightgray);
	}

	.renderPrintVersionMenu a:active,
	.renderPrintVersionMenu a.active,
	.renderPrintVersionMenu a.active:hover,
	.renderPrintVersionMenu a.active:active{
		text-shadow:2px 2px 2px rgba(255,255,255,0.85);
		box-shadow:inset 0 -1px 1px 0 rgba(255,255,255,0.85);
		background-color:var(--color-lightgray)!important;
		background-image: -webkit-linear-gradient(top,rgba(var(--color-lightgray-dark-rgb),1) 0%,rgba(var(--color-lightgray-rgb),0.22) 55%,rgba(255,255,255,0.15) 60%,rgba(var(--color-lightgray-rgb),0.26) 65%,rgba(var(--color-lightgray-rgb),1) 100%)!important;
		background-image: linear-gradient(to bottom,rgba(var(--color-lightgray-dark-rgb),1) 0%,rgba(var(--color-lightgray-rgb),0.22) 55%,rgba(255,255,255,0.15) 60%,rgba(var(--color-lightgray-rgb),0.26) 65%,rgba(var(--color-lightgray-rgb),1) 100%)!important;
		color:var(--color-text-heading);
		border-color:var(--color-lightgray-dark) var(--color-lightgray) var(--color-lightgray) var(--color-lightgray-dark);
	}

	.fixedWidthSiteVersion .wrapper{
		min-width:210mm!important;
	}
}

@media screen and (min-width:810px){
	/* simulate A4 page size (210mm × 297mm) on screen with 3mm white space*/
	body{
		background-color:var(--color-lightgray)!important;
		padding-bottom:6mm;
	}

	.wrapper,
	.wrapper-inner{
		position:relative;
	}

	.wrapper,
	.wrapper-inner{
		background-color:#fff!important;
	}

	.wrapper{
		box-sizing:border-box!important;
		box-shadow:5px 5px 40px 0 rgba(0,0,0,.1)!important;
		margin:0 auto!important;
		width:210mm!important;
		max-width:100%;
		/*min-height:297mm!important;*/
		padding-left:3mm!important;
		padding-right:3mm!important;
	}
	
	.wrapper .wrapper{
		box-shadow:none!important;
		width:100%!important;
		padding-left:0!important;
		padding-right:0!important;
	}


	.wrapper:first-child,
	.id-wrapper-header{
		padding-top:3mm!important;
	}

	.wrapper:last-child,
	.id-wrapper-footer{
		padding-bottom:3mm!important;
	}

	.wrapper-inner{
		z-index:1;
		box-shadow:0 0 0 25em #fff!important;
	}

	.renderPrintVersionMenu{
		margin-bottom:6mm;
		box-shadow:5px 5px 40px 0 rgba(0,0,0,0.1)!important;
	}
}

@media screen and (min-height:600px){
	body{
		padding-top:6.375em;
	}

	.renderPrintVersionMenu{
		position:absolute;
		position:fixed;
		top:0;
		left:0;
		z-index:40;
	}
}

@media print{
	*{
		overflow:visible!important;
		/*fix print cropping bug in Chrome*/
	}

	.caroufredsel_wrapper,
	.rating-star,
	.rating-nostar,
	.rating-plus{
		overflow:hidden!important;
	}

	.box{
		page-break-inside: avoid;
	}

		
	/*
	.wrapper-inner{
		width:600px!important;
	}

	*/
}

/*
--- Remove max-width constraints ---
h1,h2,h3,h4,h5,h6,p{
	max-width:100%!important;
}

*/


/* --- maybe use in the future: ---

html,
body{
	height:auto;
	width:auto;
}

a,
a span{
	text-decoration:underline;
}

*/