/* ==========================================================================
   MODULES
   Reusable elements of the website.
   ========================================================================== */

/*
 * GENERAL
 */

.obk-module {
	margin-top: 4.0em;
}
.obk-module:last-child {
	margin-bottom: 4.0em;
}
.obk-module.obk-accordion + .obk-accordion,
.obk-module.obk-box + .obk-box {
	margin-top: 0;
}
.obk-main .obk-module.obk-sfx.obk-sfx--waiting {
    opacity: 0;
}
.obk-main .obk-module.obk-sfx.obk-sfx--ended {
    -webkit-animation: fade-in 0.75s ease-out;
    -moz-animation: fade-in 0.75s ease-out;
    -o-animation: fade-in 0.75s ease-out;
    animation: fade-in 0.75s ease-out;
}


/*
 * ACCORDION
 */

.obk-accordion .obk-accordion__trigger {
	border-bottom: 3px solid #fab614;
	cursor: pointer;
	padding: 0 80px 0 20px; 
	position: relative;
}
.obk-accordion .obk-accordion__trigger:before {
	background-color: #fab614;
	bottom: 0;
	content: '';
	display: block;
	height: 25%;
	position: absolute;
	right: 0;
	width: 3px;
	z-index: 5;
}
	.obk-accordion .obk-accordion__trigger h4 {
		color: #6F685E;
		line-height: 40px;
		margin-bottom: 0;
	}
	.obk-accordion .obk-accordion__trigger .icon {
		color: #6F685E;
		font-size: 4.0em;
		height: 40px;
		line-height: 40px;
		margin: -20px 0 0 0;
		position: absolute;
		right: 20px;
		top: 50%;
	}
	.obk-accordion .obk-accordion__trigger:hover h4,
	.obk-accordion .obk-accordion__trigger:hover .icon {
		color: #fab614;
	}
	.obk-accordion .obk-accordion__trigger .icon.icon-arrow-up {
		display: none;
	}
	.obk-accordion.obk-accordion--open .obk-accordion__trigger .icon.icon-arrow-up {
		display: inline-block;
	}
	.obk-accordion.obk-accordion--open .obk-accordion__trigger .icon.icon-arrow-down {
		display: none;
	}
.obk-accordion .obk-accordion__content {
	display: none;
}
	.obk-accordion .obk-accordion__content > div {
		border-bottom: 1px solid #625D4A;
		padding: 20px 20px 40px 20px;
	}
		.obk-accordion .obk-accordion__content > div .obk-accordion__images {
			float: left;
			width: 25%;
		}
		.obk-accordion .obk-accordion__content > div .obk-accordion__images + .obk-accordion__text {
			float: right;
			width: 72%;
		}
			.obk-accordion .obk-accordion__content > div .obk-accordion__images .obk-accordion__image {
				margin: 20px 0 0 0;
			}
			.obk-accordion .obk-accordion__content > div .obk-accordion__images .obk-accordion__image:first-child {
				margin-top: 0;
			}
				.obk-accordion .obk-accordion__content > div .obk-accordion__images .obk-accordion__image a {
					display: block;
					position: relative;
				}
				.obk-accordion .obk-accordion__content > div .obk-accordion__images .obk-accordion__image img {
					height: auto;
					width: 100%;
				}
				.obk-accordion .obk-accordion__content > div .obk-accordion__images .obk-accordion__image .overlay {
					display: none;
				}
			.obk-accordion .obk-accordion__content > div .obk-accordion__text > * {
				margin-top: 0;
			}

/* 
 * BOX
 */ 

.obk-box .obk-box__holder {
	background-color: #6F685E;
	color: #ffffff;
}
	.obk-box .obk-box__holder .obk-box__image {
		width: 65%;
	}
	.obk-box .obk-box__holder .obk-box__text {
		padding: 4.0em 8.0em;
		width: 35%;
	}
		.obk-box .obk-box__holder .obk-box__text table,
		.obk-box .obk-box__holder .obk-box__text ul,
		.obk-box .obk-box__holder .obk-box__text ol {
			display: none !important;
		}
.obk-box.obk-box--invert .obk-box__holder {
	background-color: #D7D0CA;
	color: #6F685E;
}
	.obk-box.obk-box--invert .obk-box__holder .obk-box__image {
		order: 2;
	}
	.obk-box.obk-box--invert .obk-box__holder .obk-box__text {
		order: 1;
	}

/*
 * EYECATCHER
 */

.obk-eyecatcher {
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    height: 65vh;
    max-height: 1080px;
    min-height: 480px;
    overflow: hidden;
    position: relative;
}
.obk-eyecatcher:before {
	background-color: #000000;
	content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.1; /* reob 190415 Original: opacity: 0.5; */
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
    
}
	.obk-eyecatcher > .obk-grid__row {
		position: relative;
		z-index: 10;
	}
		.obk-eyecatcher > .obk-grid__row > .obk-grid__col {
			padding: 4.0em 0;
		}
	.obk-eyecatcher .obk-eyecatcher__wrap {
		text-align: center;
	}
		.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__title {
			font-size: 6.0em;
			font-weight: 300;
		}
		.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__title b {
			font-weight: 700;
		}
		.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__text {
			font-size: 3.0em;
			margin: 20px 0 0 0;
		}
		.obk-eyecatcher .obk-eyecatcher__wrap .obk-box__wrap {
			margin-top: 20px;
		}

/*
 * GALLERY
 */

.obk-gallery {
	max-width: 2000px;
	padding: 0 40px;
}
	.obk-gallery > .obk-grid__row > .obk-grid__col {
		width: 100%;
	}
	.obk-gallery .obk-gallery__slider {
		overflow: hidden;
		position: relative;
	}
	.obk-gallery .obk-gallery__slider * {
		z-index: 0 !important;
	}
		.obk-gallery .obk-gallery__slider .obk-gallery__item {
			float: left;
			padding: 0 0.5em;
		}
		.obk-gallery .obk-gallery__slider .obk-gallery__item.slick-active {
			z-index: 1 !important;
		}
			.obk-gallery .obk-gallery__slider .obk-gallery__item a {
				display: block;
				height: 0;
				overflow: hidden;
				padding-bottom: 56.25%;
				position: relative;
				width: 100%;
			}
			.obk-gallery .obk-gallery__slider .obk-gallery__item img.lazyloaded {
				height: auto;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
		.obk-gallery .obk-gallery__slider .obk-gallery__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;
		}
		.obk-gallery .obk-gallery__slider .obk-gallery__slider-arrow:hover {
			color: #ffffff;
			color: rgba(255, 255, 255, 1);
		}
		.obk-gallery .obk-gallery__slider .obk-gallery__slider-arrow.obk-gallery__slider-arrow--prev {
			left: 20px;
		}
		.obk-gallery .obk-gallery__slider .obk-gallery__slider-arrow.obk-gallery__slider-arrow--next {
			right: 20px;
		}

/*
 * IFRAME
 */

.obk-iframe .obk-iframe__media {
	height: 0;
	padding: 0 0 56.25% 0;
	position: relative;
	overflow: hidden;
}
    .obk-iframe .obk-iframe__media iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/*
 * QUOTE
 */

.obk-quote {
	text-align: center;
}
	.obk-quote .obk-quote__symbol {
		margin-bottom: 10px;
	}
		.obk-quote .obk-quote__symbol .icon {
			font-size: 4.0em
		}
	.obk-quote .obk-quote__text {
		font-size: 3.0em;
		font-weight: 300;
		text-transform: uppercase;
	}
	.obk-quote .obk-quote__credits {
		font-size: 1.8em;
		margin-top: 10px;
	}

/*
 * TEXT
 */

.obk-text .obk-text__headlines:after {
	background-color: #fab614;
	content: '';
	display: block;
	height: 3px;
	margin: 10px 0 0 -15px;
	width: 50px;
}
.obk-text .obk-text__headlines + .obk-text__text > *:first-child {
	margin-top: 10px;
}


/*
 * 190821 reob: booking-suedtirol Widget
 */


.obk-booking-widget {
	color: #6F685E;
	font-size: 1.8em;
	font-weight: 500;
}