/* ==========================================================================
   Layout (the site structure)
   ========================================================================== */

/*
 * Basic
 */

::-moz-selection {
    background-color: #F3CED6;
}
::selection {
    background-color: #F3CED6;
}
table {
    border-spacing: 0;
    /* border-collapse: collapse; */
}
th,
td {
    padding: 0;
}
.table {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
}
.table_row {
    display: table-row;
}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}
label {
	font-weight: 400;
}
input,
select,
textarea {
	outline: none
}
@-moz-keyframes blink {
	0% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes blink {
	0% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-ms-keyframes blink {
	0% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes blink {
	0% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.wp {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
    z-index: -100;
}
.mfp-bg {
    background: #000000;
    opacity: 0.8;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}
.mfp-close-btn-in .mfp-close {
    opacity: 1;
}
.mfp-arrow {
    opacity: 1;
}
.mfp-arrow:before {
    display: none;
}
.mfp-zoom-out-cur .mfp-title {
    font-size: 1.4em;
    margin-top: 5px;
}
.mfp-counter {
    display: none;
}
.mfp-preloader {
    font-size: 1.4em;
}

/*
 * Typography
 */

.ta_left {
	text-align: left;
}
.ta_center {
	text-align: center;
}
.ta_right {
	text-align: right;
}
body {
	color: #333333;
	line-height: 1.4;
	font-family: 'Montserrat', sans-serif;
    font-size: 62.5%;
    font-weight: 400;
}
b,
strong,
th {
	color: #000000;
	font-weight: 700;
}
h1,
h2 {
	color: #ffffff;
	font-weight: 400;
	line-height: 1.0;
	text-transform: uppercase;
	margin: 0;
}
h1 {
	font-size: 7.0em;
	font-style: italic;
}
h2 {
	font-size: 1.6em;
	margin-bottom: 20px;
}
h3 {
	color: #9c0f2e;
	font-size: 3.0em;
	font-weight: 400;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
h4 {
	color: #9c0f2e;
	font-size: 2.5em;
	font-weight: 400;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
p {
	font-size: 1.6em;
	margin: 0 0 25px 0;
}
a {
	color: #9E8980;
	text-decoration: none;
}
a:visited {
	color: #9E8980;
}
a:hover {
	color: #9c0f2e;
	text-decoration: none;
}
table {
	border: 1px solid #cccccc;
	margin: 0 0 25px 0;
	width: 100%;
}
	table tr th,
	table tr td {
		font-size: 1.6em;
		padding: 5px 20px 5px 20px;
	}
	table tr th {
		background-color: #9c0f2e;
		color: #ffffff;
		text-align: center;
	}
	table tr td {
		text-align: left;
	}

/* reob 161122
	table tr:nth-child(even) td {
        background-color: #CFBFB9;
    }
    table tr:nth-child(odd) td {
        background-color: #ffffff;
    }
*/

    table tr:hover td {
        background-color: #F3CED6;
    }
.table_resp {
    padding: 0 0 25px 0;
}
    .table_resp table {
        margin-bottom: 0;
    }
.c_el ul,
.c_el ol {
	font-size: 1.6em;
	margin: 0 0 25px 0;
	padding: 0 0 0 20px;
}
.ta_center ul,
.ta_center ol {
	list-style-position: inside;
	padding-left: 0;
}

/*
 * Backbone
 */

.row {
	padding: 0 20px 0 20px;
}
.cell {
	margin: 0 auto;
}
.mw_1000 {
	max-width: 1000px;
}
.mw_1920 {
	max-width: 1920px;
}
.header {
	position: relative;
	z-index: 10;
}
.header.mn_fixed {
	padding-bottom: 85px;
}
	.header .wp_1 {
		bottom: 105px;
		left: 0;
	}
.main {
	padding: 25px 0 25px 0;
	position: relative;
	z-index: 0;
}
	.main .row.c_el {
		padding-bottom: 25px;
		padding-top: 25px;
	}
.info_button {
	background-color: #9E8980;
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 5px;
	position: fixed;
	right: 0px;  /* reob 170113 Booking-Button statisch Original: right: -130px; */
	top: 40%;
	width: 150px;
	z-index: 50;
	-webkit-transition: right 0.5s ease;
	-moz-transition: right 0.5s ease;
	-ms-transition: right 0.5s ease;
	-o-transition: right 0.5s ease;
	transition: right 0.5s ease;
}
.info_button.open,
.info_button:hover {
	right: 0;
}
	.info_button:before {
		background-image: url("../img/template/DECO_mountains_100x35.png");
        background-repeat: repeat;
		content: '';
		display: block;
		height: 35px;
		position: absolute;
		right: 0;
		top: -35px;
		width: 100px;
	}
	.info_button > div {
		background-color: #C6BBB7;
		color: #9c0f2e;
		font-size: 2.5em;
		line-height: 1.2;
		padding: 10px 10px 10px 15px;
		text-align: right;
		text-transform: uppercase;
	}
		.info_button > div b {
			color: #000000;
		}
	.info_button .icon {
		color: #9c0f2e;
		font-size: 20px;
		height: 20px;
		left: 7px;
		line-height: 20px;
		margin: -10px 0 0 0;
		position: absolute;
		top: 50%;
		-moz-transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		-moz-animation: blink normal 2s infinite ease-in-out;
		-webkit-animation: blink normal 2s infinite ease-in-out;
		-ms-animation: blink normal 2s infinite ease-in-out;
		animation: blink normal 2s infinite ease-in-out;
	}
	.info_button.open .icon,
	.info_button:hover .icon {
		display: none;
	}
.footer {
	padding: 0 0 130px 0;
	position: relative;
	z-index: 5;
}

/*
 * Header
 */

.row.vista {
	padding-top: 20px;
}
	.vista .cell.holder {
		position: relative;
	}
		.vista .holder .bar_bottom .lang_nav {
			display: inline-block;
			bottom: 60px;
			position: absolute;
			right: 40px;
			z-index: 15;
		}
		body.overlay_fx .vista .holder .bar_bottom .lang_nav {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .bar_bottom .lang_nav {
			opacity: 1;
		}
			.vista .holder .bar_bottom .lang_nav ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				.vista .holder .bar_bottom .lang_nav ul li {
					border-left: 2px solid #ffffff;
					border-left: 2px solid rgba(255, 255, 255, 0.6);
					float: left;
					font-size: 1.2em;
				}
				.vista .holder .bar_bottom .lang_nav ul li:first-child {
					border-left: 0;
				}
				.vista .holder .bar_bottom .lang_nav ul li.act {
					font-weight: 700;
				}
					.vista .holder .bar_bottom .lang_nav ul li a {
						color: #ffffff;
						color: rgba(255, 255, 255, 0.6);
						margin: 0 5px 0 5px;
					}
					.vista .holder .bar_bottom .lang_nav ul li a:visited {
						color: #ffffff;
						color: rgba(255, 255, 255, 0.6);
					}
					.vista .holder .bar_bottom .lang_nav ul li a:hover {
						color: #ffffff;
						text-decoration: none;
					}
					.vista .holder .bar_bottom .lang_nav ul li.act a {
						color: #ffffff;
					}
		.vista .holder .bar_bottom .mn_button {
			color: #ffffff;
			color: rgba(255, 255, 255, 0.6);
			cursor: pointer;
			font-size: 1.2em;
			position: absolute;
			right: 40px;
			text-transform: uppercase;
			top: 40px;
			z-index: 15;
			-webkit-transition: right 0.5s ease;
			-moz-transition: right 0.5s ease;
			-ms-transition: right 0.5s ease;
			-o-transition: right 0.5s ease;
			transition: right 0.5s ease;
		}
		body.overlay_fx .vista .holder .bar_bottom .mn_button {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease, right 0.5s ease;
			-moz-transition: opacity 0.5s ease, right 0.5s ease;
			-ms-transition: opacity 0.5s ease, right 0.5s ease;
			-o-transition: opacity 0.5s ease, right 0.5s ease;
			transition: opacity 0.5s ease, right 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .bar_bottom .mn_button {
			opacity: 1;
		}
		.vista .holder .bar_bottom .mn_button.act {
			right: 290px;
		}
		.vista .holder .bar_bottom .mn_button:hover {
			color: #ffffff;
		}
			.vista .holder .bar_bottom .mn_button .lines {
			    border-bottom: 6px double #ffffff;
			    border-bottom: 6px double rgba(255, 255, 255, 0.6);
			    border-top: 2px solid #ffffff;
			    border-top: 2px solid rgba(255, 255, 255, 0.6);
			    height: 10px;
			    width: 15px;
			    display: inline-block;
			    margin: 0 0 0 5px;
			}
			.vista .holder .bar_bottom .mn_button:hover .lines {
			    border-bottom: 6px double #ffffff;
			    border-top: 2px solid #ffffff;
			}
		.vista .holder .bar_bottom .main_logo {
			display: none;
			left: 40px;
			position: absolute;
			top: 40px;
			width: 200px;
			z-index: 15;
		}
		body.overlay_fx .vista .holder .bar_bottom .main_logo {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .bar_bottom .main_logo {
			opacity: 1;
		}
			.vista .holder .bar_bottom .main_logo img {
				height: auto;
				width: 100%;
			}
		.vista .holder .bar_bottom .contact {
			bottom: 60px;
			color: #ffffff;
			color: rgba(255, 255, 255, 0.6);
			display: inline-block;
			font-size: 1.2em;
			left: 40px;
			position: absolute;
			z-index: 15;
		}
		body.overlay_fx .vista .holder .bar_bottom .contact {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .bar_bottom .contact {
			opacity: 1;
		}
			.vista .holder .bar_bottom .contact a {
				color: #ffffff;
				color: rgba(255, 255, 255, 0.6);
			}
			.vista .holder .bar_bottom .contact a:visited {
				color: #ffffff;
				color: rgba(255, 255, 255, 0.6);
			}
			.vista .holder .bar_bottom .contact a:hover {
				color: #ffffff;
				text-decoration: none;
			}
			.vista .holder .bar_bottom .contact .break {
				display: none;
			}
		.vista .holder .slider {
			background-color: #000000;
			height: 0;
			overflow: hidden;
			padding: 0 0 42.7% 0;
		}
			.vista .holder .slider * {
				z-index: 0 !important;
			}
			.vista .holder .slider .item {
				float: left;
			}
				.vista .holder .slider .item img {
					height: auto;
					width: 100%;
				}
		.vista .holder .overlay {
			background-image: url("../img/template/OVERLAY_black-40-opacity_1x1.png");
	        background-repeat: repeat;
	        height: 100%;
	        left: 0;
	        position: absolute;
	        top: 0;
	        width: 100%;
	        z-index: 5;
		}
		body.overlay_fx .vista .holder .overlay {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .overlay {
			opacity: 1;
		}
		.vista .holder .headlines {
			height: 100%;
			left: 0;
			position: absolute;
			text-align: center;
			top: -20px;
			width: 100%;
			z-index: 10;
		}
		body.overlay_fx .vista .holder .headlines {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .headlines {
			opacity: 1;
		}
		.vista .holder .slider_nav {
			height: 0;
			left: 0;
			margin: -45px 0 0 0;
			position: absolute;
			top: 50%;
			width: 100%;
			z-index: 15;
		}
			.vista .holder .slider_nav .slider_arrow {
				color: #ffffff;
				color: rgba(255, 255, 255, 0.6);
				cursor: pointer;
				font-size: 50px;
				line-height: 50px;
			}
			.vista .holder .slider_nav .slider_arrow:hover {
				color: #ffffff;
				color: rgba(255, 255, 255, 1);
			}
			.vista .holder .slider_nav .slider_arrow.slider_prev {
				float: left;
				margin-left: 40px;
			}
			.vista .holder .slider_nav .slider_arrow.slider_next {
				float: right;
				margin-right: 40px;
			}
		.vista .holder .mn_slide {
			background-color: #9E8980;
			height: 100%;
			overflow-x: hidden;
			overflow-y: scroll;
			position: absolute;
			right: 0;
			top: 0;
			width: 0;
			z-index: 20;
			-webkit-transition: width 0.5s ease;
			-moz-transition: width 0.5s ease;
			-ms-transition: width 0.5s ease;
			-o-transition: width 0.5s ease;
			transition: width 0.5s ease;
		}
		body.overlay_fx .vista .holder .mn_slide {
			opacity: 0;
			-webkit-transition: opacity 0.5s ease, width 0.5s ease;
			-moz-transition: opacity 0.5s ease, width 0.5s ease;
			-ms-transition: opacity 0.5s ease, width 0.5s ease;
			-o-transition: opacity 0.5s ease, width 0.5s ease;
			transition: opacity 0.5s ease, width 0.5s ease;
		}
		body.overlay_fx .vista .holder:hover .mn_slide {
			opacity: 1;
		}
		.vista .holder .mn_slide.open {
			width: 250px;
		}
			.vista .holder .mn_slide > ul {
				list-style-type: none;
				margin: 0;
				padding: 0 0 20px 0;
			}
				.vista .holder .mn_slide > ul > li {
					border-top: 1px solid #ffffff;
					border-top: 1px solid rgba(255, 255, 255, 0.3);
				}
					.vista .holder .mn_slide > ul > li > a {
						color: #333333;
						display: block;
						font-size: 1.4em;
						height: 60px;
						line-height: 60px;
						text-align: center;
						text-transform: uppercase;
						width: 250px;
					}
					.vista .holder .mn_slide > ul > li > a:visited {
						color: #333333;
					}
					.vista .holder .mn_slide > ul > li > a:hover {
						background-color: #CA9279;
						color: #ffffff;
						text-decoration: none;
					}
					.vista .holder .mn_slide > ul > li.act > a {
						background-color: #CA9279;
						color: #ffffff;
					}
					.vista .holder .mn_slide > ul > li .sub_nav {
						border-top: 1px dashed #ffffff;
						border-top: 1px dashed rgba(255, 255, 255, 0.3);
					}
						.vista .holder .mn_slide > ul > li .sub_nav > ul {
							list-style-type: none;
							padding-left: 0;
						}
							.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a {
								color: #333333;
								display: block;
								font-size: 1.2em;
								height: 30px;
								line-height: 30px;
								text-align: center;
								width: 250px;
							}
							.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a:visited {
								color: #333333;
							}
							.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a:hover {
								color: #9c0f2e;
							}
							.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a.act {
								color: #9c0f2e;
							}
		.vista .holder .scroll_down {
			bottom: 0;
			cursor: pointer;
			height: 20px;
			left: 0;
			position: absolute;
			width: 100%;
			z-index: 20;
		}
			.vista .holder .scroll_down:before,
			.vista .holder .scroll_down:after {
				content: '';
				border-bottom: 20px solid #C6BBB7;
				bottom: 0;
				position: absolute;
				width: 50%;
			}
			.vista .holder .scroll_down:before {
				border-right: 20px solid transparent;
				left: 0;
			}
			.vista .holder .scroll_down:after  {
				border-left: 20px solid transparent;
				right: 0;
			}
.row.main_nav {
	position: relative;
	-webkit-transition: padding 0.5s ease;
	-moz-transition: padding 0.5s ease;
	-ms-transition: padding 0.5s ease;
	-o-transition: padding 0.5s ease;
	transition: padding 0.5s ease;
}
.row.main_nav.fixed {
	left: 0;
	padding-left: 0;
	padding-right: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
	.main_nav .cell.holder {
		background-color: #C6BBB7;
		padding-bottom: 20px;
		padding-top: 0;
	}
	.main_nav.fixed .cell.holder {
		background-color: rgba(198, 187, 183, 0.9);
		padding-top: 20px;
		-webkit-transition: padding 0.5s ease;
		-moz-transition: padding 0.5s ease;
		-ms-transition: padding 0.5s ease;
		-o-transition: padding 0.5s ease;
		transition: padding 0.5s ease;
	}
		.main_nav .holder > div > div .item {
			height: 80px;
			position: relative;
			text-align: center;
			vertical-align: center;
		}
			.main_nav .holder > div > div .item.logo img {
				height: auto;
				max-height: 80px;
				max-width: 100%;
				width: auto;
			}
			.main_nav .holder > div > div .item a {
				color: #333333;
				font-size: 1.8em;
				line-height: 20px;
				position: relative;
				text-transform: uppercase;
				z-index: 105; /* reob 161012 Original: z-index: 10; */
			}
			.main_nav .holder > div > div .item a:visited {
				color: #333333;
			}
			.main_nav .holder > div > div .item a:hover {
				color: #9c0f2e;
				text-decoration: none;
			}
			.main_nav .holder > div > div .item.act a {
				color: #9c0f2e;
			}
			.main_nav .holder > div > div .item .sub_nav {
				bottom: 0;
				display: none;
				left: 50%;
				margin: 0 0 0 -100px;
				padding: 0 0 100px 0;
				position: absolute;
				width: 200px;
				z-index: 100;
			}
			.main_nav.fixed .holder > div > div .item .sub_nav {
				bottom: auto;
				padding-bottom: 0;
				padding-top: 100px;
				top: 0;
			}
			.main_nav .holder > div > div .item:hover a + .sub_nav {
				display: block;
			}
				.main_nav .holder > div > div .item .sub_nav ul {
					background-color: #C6BBB7;
					list-style-type: none;
					margin-bottom: 0;
					padding: 10px 10px 10px 10px;
				}
				.main_nav.fixed .holder > div > div .item .sub_nav ul {
					background-color: rgba(198, 187, 183, 0.9);
				}
					.main_nav .holder > div > div .item .sub_nav ul li {
						padding: 10px 0 0 0;
					}
					.main_nav .holder > div > div .item .sub_nav ul li:first-child {
						padding-top: 0;
					}
						.main_nav .holder > div > div .item .sub_nav ul li a .image {
							border-top: 1px solid #333333;
							margin: 5px 0 0 0;
							padding: 5px 0 0 0;
						}
							.main_nav .holder > div > div .item .sub_nav ul li a .image img {
								height: auto;
								width: 100%;
								-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
					    		filter: grayscale(100%);

							}
							.main_nav .holder > div > div .item .sub_nav ul li a:hover .image img  {
								-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
					    		filter: grayscale(0%);
							}
			
/*
 * Main
 */

/* Accordion */
.accordion .holder .trigger {
	border: 1px solid #333333;
	cursor: pointer;
	opacity: 0.5;
	padding: 0 80px 0 20px; 
	position: relative;
}
.accordion.open .holder .trigger,
.accordion .holder .trigger:hover {
	border-color: #9c0f2e;
	opacity: 1;
}
	.accordion .holder .trigger h4 {
		color: #333333;
		line-height: 50px;
		margin-bottom: 0;
	}
	.accordion.open .holder .trigger h4,
	.accordion .holder .trigger:hover h4 {
		color: #9c0f2e;
	}
	.accordion .holder .trigger .icon {
		color: #333333;
		font-size: 4.0em;
		height: 40px;
		line-height: 40px;
		margin: -20px 0 0 0;
		position: absolute;
		right: 20px;
		top: 50%;
	}
	.accordion.open .holder .trigger .icon,
	.accordion .holder .trigger:hover .icon {
		color: #9c0f2e;
	}
	.accordion .holder .trigger .icon.icon-angle-up {
		display: none;
	}
	.accordion.open .holder .trigger .icon.icon-angle-up {
		display: inline-block;
	}
	.accordion.open .holder .trigger .icon.icon-angle-down {
		display: none;
	}
.accordion .holder .slide_box {
	display: none;
}
	.accordion .holder .slide_box > div {
		border-bottom: 1px solid #cccccc;
		padding: 20px 20px 40px 20px;
	}
		.accordion .holder .slide_box > div .images {
			float: left;
			width: 25%;
		}
		.accordion .holder .slide_box > div .images + .text {
			float: right;
			width: 72%;
		}
			.accordion .holder .slide_box > div .images .item {
				margin: 20px 0 0 0;
			}
			.accordion .holder .slide_box > div .images .item:first-child {
				margin-top: 0;
			}
				.accordion .holder .slide_box > div .images .item a {
					display: block;
					position: relative;
				}
				.accordion .holder .slide_box > div .images .item img {
					height: auto;
					width: 100%;
				}
				.accordion .holder .slide_box > div .images .item .overlay {
					display: none;
				}
				.accordion .holder .slide_box > div .images .item a .overlay {
					background-color: #000000;
					display: block;
					height: 100%;
					left: 0;
					opacity: 0;
					overflow: hidden;
					position: absolute;
					text-align: center;
					top: 0;
					width: 100%;
					z-index: 5;
					-webkit-transition: opacity 0.5s ease;
					-moz-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					-o-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
				}
				.accordion .holder .slide_box > div .images .item a:hover .overlay {
					opacity: 0.6;
				}
					.accordion .holder .slide_box > div .images .item a .overlay .icon {
						color: #ffffff;
						left: 0;
						font-size: 5.0em;
						line-height: 60px;
						margin: -30px 0 0 0;
						position: absolute;
						top: 0;
						width: 100%;
						z-index: 5;
						-webkit-transition: top 0.5s ease;
						-moz-transition: top 0.5s ease;
						-ms-transition: top 0.5s ease;
						-o-transition: top 0.5s ease;
						transition: top 0.5s ease;
					}
					.accordion .holder .slide_box > div .images .item a:hover .overlay .icon {
						top: 50%;
					}
/* Gallery */
.gallery .holder .slider {
	overflow: hidden;
	position: relative;
}
	.gallery .holder .slider * {
		z-index: 0 !important;
	}
	.gallery .holder .slider .item {
		float: left;
	}
		.gallery .holder .slider .item.slick-active {z-index: 1 !important;}
		.gallery .holder .slider .item a {
			display: block;
			position: relative;
		}
		.gallery .holder .slider .item img {
			height: auto;
			width: 100%;
		}
	.gallery .holder .slider .slider_arrow {
		color: #ffffff;
		color: rgba(255, 255, 255, 0.6);
		cursor: pointer;
		font-size: 50px;
		line-height: 50px;
		margin: -25px 0 0 0;
		position: absolute;
		top: 50%;
		z-index: 5 !important;
	}
	.gallery .holder .slider .slider_arrow:hover {
		color: #ffffff;
		color: rgba(255, 255, 255, 1);
	}
	.gallery .holder .slider .slider_arrow.slider_prev {
		left: 20px;
	}
	.gallery .holder .slider .slider_arrow.slider_next {
		right: 20px;
	}
/* Standart Box */
.std_box .holder .box {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 30px 0;
}
	.std_box .holder .box .text,
	.std_box .holder .box .image {
		float: left;
		width: 48%;
	}
	.std_box .holder .box .image {
		float: right;
	}
	.std_box .holder .box.reflect .text {
		float: right;
	}
	.std_box .holder .box.reflect .image {
		float: left;
		position: relative;
	}
		.std_box .holder .box .image a {
			display: block;
			position: relative;
		}
		.std_box .holder .box .image img {
			height: auto;
			width: 100%;
		}
		.std_box .holder .box .image .overlay {
			display: none;
		}
		.std_box .holder .box .image a .overlay {
			background-color: #000000;
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			overflow: hidden;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
			z-index: 5;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		.std_box .holder .box .image a:hover .overlay {
			opacity: 0.6;
		}
			.std_box .holder .box .image a .overlay .icon {
				color: #ffffff;
				left: 0;
				font-size: 7.0em;
				line-height: 80px;
				margin: -40px 0 0 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 5;
				-webkit-transition: top 0.5s ease;
				-moz-transition: top 0.5s ease;
				-ms-transition: top 0.5s ease;
				-o-transition: top 0.5s ease;
				transition: top 0.5s ease;
			}
			.std_box .holder .box .image a:hover .overlay .icon {
				top: 50%;
			}
/* Standart Boxes */
.std_boxes .holder .box {
	border-bottom: 1px solid #cccccc;
	display: block;
	float: left;
	margin: 0 0 0 4%;
	padding: 0 0 15px 0;
	width: 48%;
}
.std_boxes .holder .box:first-child {
	margin-left: 0;
}
	.std_boxes .holder .box .image {
		margin: 0 0 15px 0;
		position: relative;
	}
		.std_boxes .holder .box .image a {
			display: block;
			position: relative;
		}
		.std_boxes .holder .box .image img {
			height: auto;
			width: 100%;
		}
		.std_boxes .holder .box .image .overlay {
			display: none;
		}
		.std_boxes .holder .box .image a .overlay {
			background-color: #000000;
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			overflow: hidden;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
			z-index: 5;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
		.std_boxes .holder .box .image a:hover .overlay {
			opacity: 0.6;
		}
			.std_boxes .holder .box .image a .overlay .icon {
				color: #ffffff;
				left: 0;
				font-size: 7.0em;
				line-height: 80px;
				margin: -40px 0 0 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 5;
				-webkit-transition: top 0.5s ease;
				-moz-transition: top 0.5s ease;
				-ms-transition: top 0.5s ease;
				-o-transition: top 0.5s ease;
				transition: top 0.5s ease;
			}
			.std_boxes .holder .box .image a:hover .overlay .icon {
				top: 50%;
			}
/* Eyecatcher */
.eyecatcher .cell.holder {
	overflow: hidden;
}
	.eyecatcher .holder .parallax_image {
		background: transparent;
		min-height: 300px;
	}
/* iFrame */
.std_iframe .holder .media {
	height: 0;
	padding: 0 0 56.25% 0;
	position: relative;
	overflow: hidden;
}
    .std_iframe .holder .media iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/*
 * Footer
 */

.row.fixed_bar {
	background-color: #9E8980;
	bottom: 0;
	height: 80px;
	left: 0;
	max-height: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	-webkit-box-shadow: 0 -2px 3px 0 #cccccc;
	box-shadow: 0 -2px 3px 0 #cccccc;
	-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
}
.row.fixed_bar.open {
	max-height: 80px;
}
	.fixed_bar .cell.holder {
		padding-top: 20px;
	}
		.fixed_bar .holder .left {
			color: #9c0f2e;
			float: left;
			font-size: 1.8em;
			font-weight: 700;
			height: 50px;
			position: relative;
			width: 15%;
		}
			.fixed_bar .holder .left .table {
				left: 0;
				position: absolute;
				top: 0;
			}
		.fixed_bar .holder .right {
			float: right;
			height: 50px;
			width: 85%;
		}
			.fixed_bar .holder .right form .field {
				float: left;
				padding: 0 0 0 20px;
				width: 20%;
			}
			.fixed_bar .holder .right form .field:first-child {
				padding-left: 0;
			}
				.fixed_bar .holder .right form .field label,
				.fixed_bar .holder .right form .field input,
				.fixed_bar .holder .right form .field select {
					display: block;
					width: 100%;
				}
				.fixed_bar .holder .right form .field label {
					color: #ffffff;
					font-size: 1.4em;
					height: 25px;
					line-height: 25px;
					margin-bottom: 0;
				}
				.fixed_bar .holder .right form .field input,
				.fixed_bar .holder .right form .field select {
					background-color: #ffffff;
					border: 1px solid #ffffff;
					border-radius: 0;
					font-size: 1.2em;
					height: 23px;
					line-height: 23px;
					padding: 0 5px 0 5px;
    				-webkit-appearance: none;
					-webkit-border-radius: 0px;
				}
				.fixed_bar .holder .right form .field input:focus,
				.fixed_bar .holder .right form .field select:focus {
					border-color: #9c0f2e;
				}
				.fixed_bar .holder .right form .field input.input_submit {
					background-color: #333333;
					border: 0;
					color: #ffffff;
					font-size: 1.4em;
					height: 50px;
					line-height: 50px;
				}
				.fixed_bar .holder .right form .field input.input_submit:hover {
					background-color: #9c0f2e;
				}
.row.google_maps {
	padding-bottom: 25px;
	padding-top: 25px;
}
	.google_maps .cell.holder {
		height: 500px;
		position: relative;
	}
		.google_maps .holder > div {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 0;
		}
.address {
	font-size: 1.8em;
	font-style: normal;
	margin-bottom: 0;
	padding-bottom: 25px;
	padding-top: 25px;
}
	.address .holder > span {
		color: #9c0f2e;
	}
	.address .holder .name {
		font-weight: 700;
	}
	.address .holder a {
		color: #333333;
	}
	.address .holder a:visited {
		color: #333333;
	}
	.address .holder a:hover {
		color: #9c0f2e;
	}
.credits {
	padding-bottom: 25px;
	padding-top: 115px;
}
	.credits .cell.holder {
		background-color: #9E8980;
		padding-left: 0;
		padding-right: 20px;
		position: relative;
	}
		.credits .cell.holder:before {
			background-image: url("../img/template/DECO_mountains_420x90.png");
	        background-repeat: repeat;
			content: '';
			display: block;
			height: 90px;
			position: absolute;
			right: 0;
			top: -90px;
			width: 420px;
		}
		.credits .holder > div {
			display: inline-block;
		}
		.credits .holder .left {
			float: left;
		}
			.credits .holder .left .item {
				background-color: #ffffff;
				float: left;
				padding: 0 10px 0 0;
			}
				.credits .holder .left .item a {
					background-color: #9E8980;
					display: block;
					height: 50px;
					line-height: 50px;
					width: 50px;
				}
				.credits .holder .left .item.booking a {
					background-color: #0062AE;
				}
				.credits .holder .left .item.holidaycheck a {
					background-color: #0058A3;
				}
				.credits .holder .left .item a:hover {
					background-color: #9c0f2e !important;
				}
		.credits .holder .right {
			float: right;
			font-size: 1.4em;
			line-height: 50px;
		}
			.credits .holder .right a {
				color: #333333;
			}
			.credits .holder .right a:visited {
				color: #333333;
			}
			.credits .holder .right a:hover {
				color: #9c0f2e;
			}
.partner {
	padding-top: 15px;
	text-align: center;
}
	.partner .holder .item {
		display: inline-block;
		margin: 10px 0 0 10px;
	}
	.partner .holder .item:first-child {
		margin-left: 0;
	}
		.partner .holder .item img {
			height: 80px;
			width: auto;
			-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    		filter: grayscale(100%);
		}
		.partner .holder .item img:hover {
			-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    		filter: grayscale(0%);
		}

/*
 * Misc
 */

.datepicker {
	max-width: 200px !important;
}
	.datepicker table {
		border: 0;
		margin-bottom: 0;
	}
		.datepicker table tr th,
		.datepicker table tr td {
			font-size: 16px;
			padding-bottom: 0;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 0;
		}
		.datepicker table tr th {
			background-color: transparent;
			color: #333333;
		}
		.datepicker table tr th.prev,
		.datepicker table tr th.next {
			cursor: pointer;
		}
		.datepicker table tr td {
			text-align: center;
		}
		.datepicker table tr td.day.active,
		.datepicker table tr td.day.active:hover {
			background-color: #9c0f2e;
		}
		.datepicker table tr:nth-child(even) td,
	    .datepicker table tr:nth-child(odd) td,
	    .datepicker table tr:hover td {
	        background-color: transparent;
	    }
		
/* reob 161005 */
.left {
	text-align: left;
}

/* reob 170110 */
.mainpreise {
	background-color: #e5e6dc;
}