@charset "UTF-8";
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: #ffc200 !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: 11px;
  font-size: 1.1rem;
  /*word-break:break-all;*/
  overflow-wrap: break-word;
  /*opacity:0.75;*/ }

a.readmore:after {
  content: " » ( 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; */
  font-size: 8px; }

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; }

/**/
.id-wrapper-header {
  border: none !important; }

/**/
.destination-program-icon:after,
.destination-program-item:before {
  display: none !important; }

.destination-program-icon {
  width: 78px !important; }

.destination-program-item {
  padding-left: 78px !important; }

.destination-program-item-inner {
  width: auto !important;
  padding: 0.75em 0 0 0.75em !important; }

/**/
.guide-box-image:before {
  display: block !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-gradient(linear, left top, left bottom, from(rgba(var(--color-lightgray-rgb), 1)), color-stop(46%, white), color-stop(54%, white), to(rgba(var(--color-lightgray-rgb), 1))) !important;
    background-image: linear-gradient(to bottom, rgba(var(--color-lightgray-rgb), 1) 0%, white 46%, white 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);
	color:rgba(0,0,0,0.8);*/
    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: Moderat-Bold, "Moderat Bold", "Moderat", "Work Sans", sans-serif;
    font-weight: 600;
    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-gradient(linear, left top, left bottom, from(rgba(var(--color-lightgray-dark-rgb), 1)), color-stop(55%, rgba(var(--color-lightgray-rgb), 0.22)), color-stop(60%, rgba(255, 255, 255, 0.15)), color-stop(65%, rgba(var(--color-lightgray-rgb), 0.26)), to(rgba(var(--color-lightgray-rgb), 1))) !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:#fafafa!important; */
    background-color: #fff !important;
    padding-bottom: 6mm; }
  .wrapper,
  .wrapper-inner {
    position: relative; }
  .wrapper,
  .wrapper-inner {
    background-color: #fff !important; }
  .wrapper {
    /* 		box-shadow:5px 5px 40px 0 rgba(0,0,0,.1)!important; */
    box-shadow: none !important;
    margin: 0 auto !important;
    /*-webkit-box-sizing:border-box!important;*/
    /*-moz-box-sizing:border-box!important;*/
    box-sizing: border-box !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;
	}

	*/
  /**/
  .box-image {
    overflow: hidden !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;
}

*/
