@import url("/assets/styles/fonts.css");

/* GENERALS */
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body {
	font-family: 'Blacker Text';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow-x: hidden !important;
	line-height: 1.6;
}

.content-wrapper {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

*:focus {
    outline: none;
}

h1 {
	font-family: 'Lumios W05 Marker';
}

h2, h3 {
	font-family: 'Jawbreak Sans';
	margin: 0px;
	color: rgb(69,48,36);
	line-height: 1.3;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 24px;
}

.grid {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: grid;
	column-gap: 20px;
	row-gap: 20px;
}

.grid.c25o25o25o25 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.c33o33o33 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid.c50o50 {
	grid-template-columns: 1fr 1fr;
}

.grid.c60o40 {
	grid-template-columns: 3fr 2fr;
}

.grid.c40o60 {
	grid-template-columns: 2fr 3fr;
}

.uppercase {
	text-transform: uppercase;
}

.bold {
	font-weight: 500;
}

a {
	text-decoration: none;
}

a.wood {
	text-align: center;
	height: 52px;
	line-height: 52px;
	background-position: center center;
	background-repeat: repeat;
	background-size: 500px auto;
	background-image: url("/assets/gfx/wood-dark.jpg");
	color: rgb(255,255,255);
	font-family: 'Jawbreak Sans';
	cursor: pointer;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
	border-radius: 3px;
}

a.wood.light {
	background-image: url("/assets/gfx/wood-dark.jpg");
	color: rgb(69,48,36);
}

a.wood.arrow {
	background-position: right 16px center, center center;
	background-repeat: no-repeat, repeat;
	background-size: auto 50%, 500px auto;
	background-image: url("/assets/gfx/wood-arrow-light.png"), url("/assets/gfx/wood-dark.jpg");
}

a.wood.arrow.light {
	background-image: url("/assets/gfx/wood-arrow-dark.png"), url("/assets/gfx/wood-light.jpg");
}

p.jawbreak,
span.jawbreak {
	font-family: 'Jawbreak Sans';
}

button.box,
a.box {
	border: 1px solid rgb(69,48,36);
	color: rgb(69,48,36);
	box-sizing: border-box;
	padding: 10px 30px 6px 30px;
	font-family: 'Jawbreak Sans';
	border-radius: 3px;
}

button.box.full,
a.box.full {
	background-color: rgb(69,48,36);
	color: rgb(255,255,255);
}

button.box.white,
a.box.white {
	border-color: rgb(255,255,255);
	color: rgb(255,255,255);
}

button.box.white.full,
a.box.white.full {
	background-color: rgb(255,255,255);
	color: rgb(175,125,101);
}

.separator.vertical {
	width: 6px;
	max-width: 6px;
	min-width: 6px;
	background-image: url("/assets/gfx/separator-vertical-middle.png"), url("/assets/gfx/separator-vertical-top.png"), url("/assets/gfx/separator-vertical-bottom.png");
	background-repeat: repeat-y, no-repeat, no-repeat;
	background-size: 100% auto;
	background-position: top center, top center, bottom center;
}

.separator.horizontal {
	height: 8px;
	max-height: 8px;
	min-height: 8px;
	background-image: url("/assets/gfx/separator-horizontal-middle.png"), url("/assets/gfx/separator-horizontal-left.png"), url("/assets/gfx/separator-horizontal-right.png");
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-size: auto 100%;
	background-position: left center, left center, right center;
}

.separator.horizontal.white {
	background-image: url("/assets/gfx/separator-horizontal-white-middle.png"), url("/assets/gfx/separator-horizontal-white-left.png"), url("/assets/gfx/separator-horizontal-white-right.png");
}

.section {
	position: relative;
	width: 100%;
	background-color: rgb(255,255,255);
	background-repeat: repeat;
	background-position: center top;
	background-size: 1000px auto;
}

.section.wood {
	background-image: url("/assets/gfx/wood-light.jpg");
}

.section.dark {
	background-image: url("/assets/gfx/wood-dark.jpg");
}

.section.red {
	background-image: url("/assets/gfx/wood-red.jpg");
}

.section.no-wood {
	background-image: none;
}

.sticky {
	position: sticky;
	top: 100px;
}

.section-header {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 40px;
}

.section-footer {
	padding-bottom: 50px;
}

.section-header h1 {
	font-family: 'Lumios W05 Marker';
	font-size: 100px;
	margin: 0px;
	color: rgb(69,48,36);
	line-height: 1;
}

.section.dark .section-header h1 {
	color: rgb(255,255,255);
}

.section-header img {
	width: 170px;
	margin-bottom: 30px;
}

/* VIDEO */
.popup-video-content {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.popup-video-content video {
	width: 100%;
}

.header .header-video-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.header .header-video-layer video {
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	left: 50%;
}

/* FILLER */
.filler {
	font-family: 'Lumios W05 Marker';
	font-size: 50px;
	color: rgb(69,48,36);
	position: absolute;
	display: table;
}

.filler img {
	margin: 0px;
	display: table-cell;
	width: 100px;
}

.filler img.arrow {
	display: table-cell;
	vertical-align: middle;
}

.filler span {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1;
}

.filler.white {
	color: rgb(255,255,255);
}

/* VIDEO */
.video-container {
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 290px;
}

.video-container .playbutton {
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url("/assets/gfx/play-button.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	width: 120px;
	height: 120px;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.video-container .playbutton.black {
	background-image: url("/assets/gfx/play-button-black.svg");
}

.video-container.full {
	height: 500px !important;
	margin-bottom: 50px;
	display: inline-block;
}

/* IMAGE */
.image-container {
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* ARTICLE */
.article {
	margin-left: auto;
	margin-right: auto;
}

.article.white,
.article.white h2 {
	color: rgb(255,255,255);
}

.article .part {
	padding-top: 80px;
	padding-bottom: 80px;
	order: 2;
}

.article .part.no-padding-top {
	padding-top: 0px;
}

.article .part.no-padding-bottom {
	padding-bottom: 0px;
}

.article .part p {
	margin: 0px;
}

.article .part p a {
	color: inherit;
	text-decoration: underline;
}

.article .buttons {
	width: 100%;
	margin-top: 50px;
	box-sizing: border-box;
}

.article .buttons a {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.article .buttons a:last-child {
	margin-bottom: 0px;
}

.article .part:first-child h2 {
	text-align: right;
}

.article .part:first-child p.reduced {
	padding-left: 100px;
}

.article .part:last-child p.reduced {
	padding-right: 100px;
}

.article .part:first-child .buttons.reduced {
	padding-right: 150px;
}

.article .part:last-child .buttons.reduced {
	padding-left: 150px;
}

.article.padding-bottom-180 {
	padding-bottom: 180px;
}

.article .article-links {
	margin-top: 20px;
}

.article .article-links a.wood {
	height: 42px;
	line-height: 42px;
}

.article .part.with-title {
	padding-top: 18px;
}

.section.dark .article ul,
.section.dark .article h2,
.section.dark .article h3,
.section.dark .article h4,
.section.dark .article p {
	color: rgb(255,255,255);
}

/* HEADER */
.header {
	width: 100%;
	position: relative;
	min-height: 600px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.header .background-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.3);
}

.header .header-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	padding-top: 120px;
	display: table;
	left: 50%;
	transform: translate(-50%, 0);
}

.header .header-content .header-content-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.header .header-content .header-content-wrapper h1 {
	color: rgb(255,255,255);
	font-family: 'Lumios W05 Marker';
	font-size: 130px;
	margin: 0px;
	line-height: .8;
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}

.header.full-height .header-content .header-content-wrapper h1 {
	font-size: 160px;
}

.header .header-content .header-content-wrapper h3 {
	color: rgb(255,255,255);
	font-family: 'Jawbreak Sans';
	font-size: 30px;
	font-weight: 100;
}

.header a.arrow-down {
	width: 50px;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 12%;
	transform: translate(-50%,0);
}

.header a.arrow-down img {
	height: 100%;
	border: 0px;
	animation: arrow-down 1.5s ease-in-out infinite;
}

@keyframes arrow-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(9px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.header .header-content-wrapper .lower {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

/* FLAPPY */
.flappy {
	position: relative;
	width: 100%;
}

.flappy-opener {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 50px;
	text-align: left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	font-family: 'Jawbreak Sans';
	color: rgb(69,48,36);
	font-size: 30px;
	cursor: pointer;
	line-height: 60px;
}

.flappy-opener.white {
	color: rgb(255,255,255);	
}

.flappy.lined {
	border-bottom: 1px solid rgb(255,255,255);	
}

.flappy-opener img {
	height: 60%;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	display: none;
	transition-duration: 300ms;
	transition-property: transform;
	transform-origin: 20px 10px;
}

.flappy-opener.arrow img {
	display: inherit;
}

.flappy-opener.wood {
	background-image: url("/assets/gfx/wood-light.jpg");
}

.flappy-opener.wood.dark {
	background-image: url("/assets/gfx/wood-dark.jpg");
	color: rgb(255,255,255);
}

.flappy-opener.centered {
	text-align: center;
}

.flappy-content {
	position: relative;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
}

.flappy-content.white {
	color: rgb(255,255,255);
}

.flappy.opened .flappy-content {
	display: inherit;
}

.flappy.opened .flappy-opener.arrow img {
	transform: rotate(90deg);
}

.flappy-group .flappy {
	margin-bottom: 14px;
}

.flappy-group .flappy:last-child {
	margin-bottom: 0px;
}

/* TITLE */
.header .title {
	position: fixed;
	width: 100%;
	height: 85px;
	z-index: 2;
	background-color: transparent;
}

.header.small-only .title,
.header .title.small {
	background-color: rgba(255,255,255,0.9);
}

.header .title .content-wrapper {
	height: 100%;
}

.header .title div.logo {
	background-image: url("/assets/gfx/logo-large.svg");
	background-size: auto 154px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 154px;
	width: 130px;
	top: 25px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	cursor: pointer;
}

.header.small-only .title div.logo,
.header .title.small div.logo {
	height: 63px;
	top: 11px;
	background-image: url("/assets/gfx/logo-small.svg");
	background-size: auto 63px;
}

.header.small-only .title div.logo {
	background-image: url("/assets/gfx/logo-small.svg") !important;
}

.header .title .lines {
	height: 8px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
}

.header .title .lines .line {
	position: absolute;
	height: 100%;
	width: calc(50% - 70px);
}

.header.small-only .title .lines .line,
.header .title.small .lines .line {
	width: 50%;
}

.header .title .lines .line:first-child {
	left: 0px;
	background-image: url("/assets/gfx/separator-horizontal-white-middle.png"), url("/assets/gfx/separator-horizontal-white-left.png");
	background-repeat: repeat-x, no-repeat;
	background-size: auto 100%;
	background-position: left center;
}

.header .title .lines .line:last-child {
	right: 0px;
	background-image: url("/assets/gfx/separator-horizontal-white-middle.png"), url("/assets/gfx/separator-horizontal-white-right.png");
	background-repeat: repeat-x, no-repeat;
	background-size: auto 100%;
	background-position: left center, right center;
}

.header.small-only .title .lines,
.header .title.small .lines {
	display: none;
}

.header .title .socials {
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 0px;
	list-style: none;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.header .title .socials.white {
	display: inherit;
}

.header.small-only .title .socials.black,
.header .title.small .socials.black {
	display: inherit;
}

.header.small-only .title .socials.white,
.header .title.small .socials.white {
	display: none;
}

.header .title .socials li {
	height: 100%;
	display: inline-block;
	padding-right: 20px;
}

.header .title .socials li:last-child {
	padding-right: 0px;
}

.header .title .socials li a img {
	height: 100%;
}

.header .title ul.burger {
	list-style: none;
	height: 30px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.header .title ul.burger li {
	display: inline;
}

.header .title ul.burger li img {
	height: 100%;
}

.header .title ul.burger li:last-child {
	font-family: 'Brutal Type';
	font-weight: 100;
	color: rgb(255,255,255);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	position: absolute;
	left: 55px;
	top: 50%;
	transform: translateY(-50%);
}

.header .title:not(.small) ul.burger li.black {
	display: none;
}

.header.small-only .title ul.burger li.white,
.header .title.small ul.burger li.white,
.header .title ul.burger li.x {
	display: none;
}

.header.small-only .title ul.burger li.black,
.header .title.small ul.burger li.black {
	display: inline;
}

.header.small-only .title ul.burger li:last-child,
.header .title.small ul.burger li:last-child {
	color: rgb(0,0,0);
}

/* HOME */
.teaserboxes {
	padding-top: 0px;
	padding-bottom: 50px;
	margin-top: -150px;
}

.teaserboxes .teaserbox {
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/assets/gfx/wood-dark.jpg");
	position: relative;
}

.teaserboxes .teaserbox .top {
	height: 180px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.teaserboxes .teaserbox .bottom {
	box-sizing: border-box;
	padding: 20px;
	padding-bottom: 80px;
	color: rgb(255,255,255) !important;
	text-align: center;
	position: relative;
}

.teaserboxes .teaserbox .bottom h3 {
	color: rgb(255,255,255) !important;
}

.teaserboxes .teaserbox a.box {
	width: calc(100% - 40px);
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-align: center;
}

.happiness {
	padding-top: 50px;
	padding-bottom: 50px;
}

.happiness h2 {
	text-align: center;
}

.happiness ul {
	list-style: none;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.happiness ul li {
	position: relative;
	padding-bottom: 60px;
	text-align: center;
}

.happiness h3 {
	margin: 10px 0px;
	font-family: 'Lumios W05 Marker';
	font-weight: 100;
	color: rgb(69,48,36);
	font-size: 30px;
}

.happiness p {
	margin: 0px;
	text-align: center;
}

.happiness a.box {
	width: 100%;
	display: inline-block;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: rgb(175,125,101);
	border-color: rgb(175,125,101);
}

.happiness img {
	height: 60px;
}

.happiness img.button {
	position: absolute;
	right: -10px;
	top: -50px;
	height: auto;
	width: 50%;
	max-width: 170px;
}

.happiness .separator {
	position: absolute;
	height: calc(100% - 60px);
	top: 0px;
	right: -14px;
}

.content.home .video-container {
	height: 290px;
	margin-top: 50px;
}

.content.home .video-container img {
	position: absolute;
	width: 100px;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}

/* HOME SEASONS */
.content.home .seasons .article .part {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-family: 'Jawbreak Sans';
	padding: 10px 10px 6px 10px;
	box-sizing: border-box;
	background-image: url("/assets/gfx/wood-dark-3.jpg");
	background-repeat: repeat;
	background-position: center center;
	color: rgb(255,255,255);
}

.content.home .seasons .article .part:last-child,
.content.home .seasons .article .part:first-child {
	background-image: none;
}

.content.home .seasons .article.grid {
	column-gap: 0px;
}

.content.home .seasons .background-right,
.content.home .seasons .background-left {
	position: absolute;
	top: 0px;
	width: 50%;
	height: 100%;
	left: 0px;
	background-repeat: repeat;
	background-position: center center;
}

.content.home .seasons .background-right {
	left: 50%;
}

.content.home .seasons .background-left {
	background-image: url("/assets/gfx/wood-dark-2.jpg");
}

.content.home .seasons .background-right {
	background-image: url("/assets/gfx/wood-dark-1.jpg");
}

/* BERGHOTEL */
#preise.content-wrapper {
	max-width: 640px;
}

#preise .article:first-child .part {
	padding-bottom: 0px;
}

#preise h2,
#preise p {
	text-align: center;
}

#preise img.season {
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 170px;
}

#preise .flappy-group {
	padding-top: 40px;
	padding-bottom: 40px;
}

#preise .grid {
	margin-top: 20px;
}

#preise .grid h3 {
	font-size: 20px;
}

#preise .grid .price {
	position: relative;
	width: 100%;
	margin-bottom: 5px;
}

#preise .grid .price .dots {
	position: absolute;
	bottom: 6px;
	width: 100%;
	border-bottom: 2px dotted rgb(69,48,36);
}

#preise .grid .price .priceTitle {
	position: relative;
	float: left;
	margin-top: 10px;
	background-color: rgb(255,255,255);
	padding-right: 4px;
}

#preise .grid .price .priceValue {
	position: relative;
	float: right;
	font-size: 24px;
	background-color: rgb(255,255,255);
	padding-left: 4px;
}

/* HOCHZEIT */
.content.hochzeit .header.full-height .header-content .header-content-wrapper h1 {
	hyphens: none;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}

/* GLAMPING */
.content.glamping ul.breakfast,
.content.glamping ul.breakfast {
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
}

.content.glamping img.regional-lecker,
.content.glamping img.regional-lecker {
	position: absolute;
	bottom: -50px;
	width: 200px;
	left: 50px;	
}

.content.glamping img.heart,
.content.glamping img.heart {
	position: absolute;
	bottom: -50px;
	width: 140px;
	left: 50%;
	margin-left: -70px;
}

.content.glamping img.more,
.content.glamping img.more {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content.glamping .article {
	padding-bottom: 50px;
}

#preise p.inclusive {
	text-align: left;
}

#preise ul.inclusive {
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
	margin-top: -20px;
}

.content.glamping #preise h2 {
	margin-top: 30px;
}

/* UEBER UNS */
.content.ueberuns img.environment {
	width: 100%;
}

.content.ueberuns #umwelt .article {
	padding-top: 50px;
	padding-bottom: 50px;
}

.content.ueberuns #umwelt .part {
	margin: 0px;
	padding: 20px 0px;
}

.content.ueberuns #umwelt .part h2 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 20px;
}

.content.ueberuns #geschichte .block {
	text-align: center;
	max-width: 600px;
	box-sizing: border-box;
	padding: 24px 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("/assets/gfx/wood-light.jpg");
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}

.content.ueberuns #geschichte .block p {
	margin-top: 16px;
	margin-bottom: 20px;
	color: rgb(69,48,36) !important;
}

.content.ueberuns #geschichte .block h2 {
	color: rgb(69,48,36) !important;
}

.content.ueberuns #geschichte .block a {
	display: inline-block;
}

.content.ueberuns #geschichte .timeline {
	margin-top: 50px;
}

.content.ueberuns #geschichte .timeline .part {
	padding-top: 0px;
	padding-bottom: 10px;
}

.content.ueberuns #geschichte .timeline .part .flappy-opener {
	padding-left: 0px;
}

.content.ueberuns #geschichte .pictures,
.content.experience .pictures,
.content.winter-packages .pictures,
.content.hochzeit .pictures {
	margin-top: 50px;
	padding-bottom: 80px;
}

.content.ueberuns #geschichte .pictures .article,
.content.experience .pictures .article,
.content.winter-packages .pictures .article,
.content.hochzeit .pictures .article {
	margin-bottom: 20px;
}

.content.ueberuns #geschichte .pictures .article:last-child,
.content.experience .pictures .article:last-child,
.content.winter-packages .pictures .article:last-child,
.content.hochzeit .pictures .article:last-child {
	margin-bottom: 0px;
}

.content.ueberuns #geschichte .pictures .article.c33o33o33,
.content.ueberuns #geschichte .pictures .article.c60o40,
.content.ueberuns #geschichte .pictures .article.c40o60,
.content.winter-packages .pictures .article.c100,
.content.winter-packages .pictures .article.c33o33o33,
.content.winter-packages .pictures .article.c60o40,
.content.winter-packages .pictures .article.c40o60,
.content.experience .pictures .article.c100,
.content.experience .pictures .article.c33o33o33,
.content.experience .pictures .article.c60o40,
.content.experience .pictures .article.c40o60,
.content.hochzeit .pictures .article.c100,
.content.hochzeit .pictures .article.c33o33o33,
.content.hochzeit .pictures .article.c60o40,
.content.hochzeit .pictures .article.c40o60 {
	height: 300px;
}

.content.ueberuns #geschichte .pictures .part,
.content.experience .pictures .part,
.content.winter-packages .pictures .part,
.content.hochzeit .pictures .part {
	padding: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.content.ueberuns .news .article .part.with-title {
	padding-top: 80px;
}

.content.ueberuns .news h2 {
	font-size: 28px;
	font-weight: 100;
}

.content.ueberuns .news .newsdate {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px 30px 8px 30px;
	color: rgb(255,255,255);
	font-family: 'Jawbreak Sans';
	background-repeat: no-repeat;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url("/assets/gfx/wood-dark.jpg");
}

.content.ueberuns .news .newsimage-container {
	position: relative;
}

/* KONTAKT */
.content.kontakt #anreise .filler {
	position: relative;
	margin-top: 20px;
	color: rgb(227,6,19);
}

.content.kontakt #hinweise p,
.content.kontakt #hinweise h2 {
	color: rgb(255,255,255);
	text-align: center;
	margin-bottom: 10px;
}

.content.kontakt #hinweise .part {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.content.kontakt #anreisedetails .light-background {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 50%;
	background-repeat: repeat;
	background-position: center top;
	background-size: 800px auto;
	background-image: url("/assets/gfx/wood-light.jpg");
}

.content.kontakt #anreisedetails h2,
.content.kontakt #anreisedetails h3 {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.content.kontakt #anreisedetails p {
	text-align: left;
}

.content.kontakt #anreisedetails img {
	width: 150px;
	margin-bottom: 10px;
}

.content.kontakt #anreisedetails a.box {
	margin-top: 50px;
	display: inline-block;
}

.content.kontakt #anreisedetails .article .part {
	text-align: center;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}

.content.kontakt #anreisedetails .article .part:last-child h2,
.content.kontakt #anreisedetails .article .part:last-child h3,
.content.kontakt #anreisedetails .article .part:last-child p {
	color: rgb(69,48,36);
}

.content.kontakt #kontaktformular .article .part,
.content.kontakt #buchungsanfrage .article .part {
	padding-top: 0px;
}

.content.kontakt #kontaktformular h3,
.content.kontakt #buchungsanfrage h3 {
	text-align: center;
}

.content.kontakt #kontaktformular h3,
.content.kontakt #kontaktformular p,
#buchungsanfrage h3,
#buchungsanfrage p {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.content.kontakt a.voucher {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	display: table;
}

.content.kontakt .form-container {
	width: 100%;
	box-sizing: border-box;
	padding-top: 50px;
}

.content.kontakt .form-container .part {
	padding-bottom: 0px;
	padding-top: 0px;
}

.form-container .part .input-container {
	position: relative;
	margin-bottom: 20px;
	background-color: rgb(255,255,255);
	width: 100%;
	padding: 17px 20px 10px 20px;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.8);
}

.form-container .part .input-container img {
	position: absolute;
	right: 15px;
	height: 55%;
	top: 50%;
	transform: translateY(-50%);
}

.form-container .part .input-container.error {
	background-color: rgba(127,0,0,0.8);
}

.form-container .part .input-container:last-child {
	margin-bottom: 0px;
}

.form-container .part .input-container .placeholder {
	position: absolute;
	left: 0px;
	top: 4px;
	padding-left: 20px;
	font-family: 'Blacker Text';
	font-size: 11px;
	color: rgba(0,0,0,0.7);
}

.form-container .part .input-container textarea,
.form-container .part .input-container input {
	border: none;
	width: 100%;
	font-size: 16px;
	font-family: 'Blacker Text';
	background-color: transparent;
}

.form-container .part .input-container input.datepicker {
	z-index: 1;
}

.form-container .part .input-container textarea {
	height: 158px;
	resize: none;
}

.form-container .part .input-container.error .placeholder,
.form-container .part .input-container.error textarea,
.form-container .part .input-container.error input {
	color: rgb(255,255,255);
}

.submitresult {
	padding-top: 20px;
	display: none;
}

input[type="checkbox"] {
	display: none;
}

label:not(.sm-control-label, .occupancy-room-number)::before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 12px;
	position: relative;
	left: 2px;
	top: 6px;
	background-color: transparent;
	font-weight: 500;
	border: 1px solid rgb(0,71,134);
	cursor: pointer;
}

input[type="checkbox"]:checked + label::before {
	content: "\2713";
	color: rgb(0,0,0);
	font-size: 26px;
	text-align: center;
	line-height: 38px;
	top: 5px;
}

.content.kontakt label {
	display: block;
	font-size: 16px;
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.5;
}

label a {
	color: rgb(0,71,134);
	font-weight: 500;
}

/* SPEECH */
.speech {
	position: fixed;
	left: 50%;
	bottom: 70px;
	z-index: 1;
	margin-left: 550px;
}

.speech img.cta {
	cursor: pointer;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 160px;
}

.speech .speech-info-container {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-repeat: repeat;
	background-position: top center;
	background-size: 700px auto;
	background-image: url("/assets/gfx/wood-light.jpg");
	box-sizing: border-box;
	padding: 16px 50px 10px 30px;
	display: none;
	-webkit-box-shadow:0px 0px 14px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.37);
}

.speech .speech-info-container p {
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: 'Lumios W05 Marker';
	color: rgb(69,48,36);
	font-size: 40px;
	white-space: nowrap;
}

.speech .speech-info-container a {
	padding-left: 54px;
	color: rgb(69,48,36);
	font-size: 18px;
	margin-bottom: 16px;
	display: inline-block;
	position: relative;
}

.speech .speech-info-container a img {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
}

.speech .speech-info-container img.close {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 22px;
	cursor: pointer;
}

/* DATENSCHUTZ */
.content.datenschutz .article .part {
	padding-top: 0px;
}

.content.datenschutz .article .part a {
	text-decoration: underline;
	color: inherit;
}

.content.datenschutz .article .part h3 {
	font-weight: 100;
}

/* AKTIV */
.content.aktiv .separator {
	margin-top: 30px;
	margin-bottom: 70px;
}

.content.aktiv #winter .filler {
	position: absolute;
	left: 50%;
	margin-left: 160px;
	top: 190px;
}

.content.aktiv #sommer .filler {
	position: absolute;
	right: 50%;
	margin-right: 160px;
	top: 140px;
}

/* INTERESTINGS */
.interestings {
	padding-top: 50px;
	padding-bottom: 50px;
}

.interestings h2 {
	width: 100%;
	text-align: center;
	font-family: 'Lumios W05 Marker';
	font-size: 60px;
	margin-bottom: 30px;
}

.interestings .interesting {
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/assets/gfx/wood-dark.jpg");
	position: relative;
}

.interestings .interesting .top {
	height: 180px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.interestings .interesting .bottom {
	box-sizing: border-box;
	padding: 20px;
	padding-bottom: 80px;
	color: rgb(255,255,255) !important;
	text-align: center;
	position: relative;
}

.interestings .interesting .bottom h3 {
	color: rgb(255,255,255) !important;
}

.interestings .interesting a.box {
	width: calc(100% - 40px);
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-align: center;
}

/* DIVISIONS */
.divisions {
	padding-top: 50px;
	padding-bottom: 50px;
}

.division {
	text-align: center;
}

.division img {
	height: 100px;
	margin-bottom: 20px;
}

.division a {
	width: 100%;
	display: block;
}

.division p {
	margin-top: 20px;
	margin-bottom: 0px;
}

/* INFOS & LINKS */
.links {
	padding-top: 50px;
	padding-bottom: 50px;
}

.links h2 {
	text-align: center;
	margin-bottom: 30px;
}

.links ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.links p.title {
	font-family: 'Jawbreak Sans';
	color: rgb(69,48,36);
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.links a {
	display: inherit;
	color: rgb(175,125,101);
	font-size: 14px;
	line-height: 1.5;
}

.links a.showmore {
	color: rgb(227,6,19);
}

.links a.invisible {
	display: none;
}

/* CONTACTLINE */
.contactline {
	padding-top: 50px;
	padding-bottom: 50px;
}

.contactline ul {
	list-style: none;
	padding: 0px;
	margin: 10px 0px;
}

.contactline ul li {
	text-align: center;
	font-size: 22px;
}

.contactline ul li a {
	color: rgb(0,0,0);
}

.contactline ul li:first-child {
	text-align: left;
	font-family: 'Jawbreak Sans';
	color: rgb(69,48,36);
	font-size: 26px;
}

.contactline ul li:last-child {
	text-align: right;
}

.contactline .separator {
	margin: 0px !important;
}

/* MENU */
.content.menu-opened {
	overflow: hidden;
}

.content.menu-opened .header .title ul.burger li.white,
.content.menu-opened .header .title ul.burger li.black {
	display: none !important;
}

.content.menu-opened .header .title ul.burger li.x {
	display: inline;
}

.content.menu-opened .header .title {
	background-color: transparent;
}

.content.menu-opened ..header.small-only title ul.burger li:last-child,
.content.menu-opened ..header title.small ul.burger li:last-child {
	color: rgb(255,255,255);
}

.content.menu-opened .header.small-only .title .lines,
.content.menu-opened .header .title.small .lines,
.content.menu-opened .socials.white {
	display: inherit;
}

.content.menu-opened .socials.black {
	display: none !important;
}

.content.menu-opened .header.small-only .title div.logo,
.content.menu-opened .header .title.small div.logo {
	background-image: url("/assets/gfx/logo-small-white.svg") !important;
}

.menu-container {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("/assets/gfx/wood-dark.jpg");
	display: none;
	z-index: 1;
}

.menu-content-container {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 50%;
	height: calc(100% - 245px - 30px);
	top: 245px;
	transform: translateX(-50%);
	scrollbar-width: none;
	overflow-y: scroll;
}

.menu-content-container::-webkit-scrollbar {
    display: none;
}

.content.small .menu-content-container {
	top: 120px;
	height: calc(100% - 120px - 30px);
}

.menu-content-container ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-bottom: 30px;
}

.menu-content-container ul li a {
	color: rgb(255,255,255);
}

.menu-content-container ul li a {
	font-size: 20px;
}

.menu-content-container ul li.category a {
	font-family: 'Jawbreak Sans';
	font-size: 34px;
}

.menu-content-container ul.hightlight {
	margin-bottom: 10px;
}

.menu-content-container ul.hightlight a {
	font-size: 26px;
}

.menu-container a.wood {
	display: block;
	width: 100%;
	margin-top: 20px;
}

.menu-container .mobile-bottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 20px 20px 20px;
	box-sizing: border-box;
	display: none;
}

.menu-container .mobile-bottom .separator {
	background-image: url("/assets/gfx/separator-horizontal-white-middle.png"), url("/assets/gfx/separator-horizontal-white-left.png"), url("/assets/gfx/separator-horizontal-white-right.png");
}

.menu-container .mobile-bottom a:not(.wood) {
	font-size: 24px;
	display: block;
	width: 100%;
	text-align: center;
	color: rgb(255,255,255);
}

.menu-container .mobile-bottom .separator {
	margin-bottom: 10px;	
}

/* FOOTER */
.footer {
	margin-top: 50px;
	position: relative;
	padding-top: 90px;
	padding-bottom: 50px;
	background-repeat: repeat;
	background-size: 800px auto;
	background-position: top center;
	background-image: url("/assets/gfx/wood-light.jpg");
}

.footer.withbanner {
	padding-bottom: 90px;
}

.footer p.copyright {
	font-size: 12px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 0px;
}

.footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer ul li:first-child {
	text-align: center;
}

.footer ul li:first-child img {
	width: 100%;
	max-width: 100px;
}

.footer p.title {
	text-transform: uppercase;
	font-family: 'Jawbreak Sans';
	color: rgb(69,48,36);
	font-size: 16px;
}

.footer ul li p, .footer ul li a {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
	display: inherit;
}

.footer ul li a {
	color: rgb(0,0,0);
}

.footer ul li p:last-child {
	margin-bottom: 0px;
}

.footer ul li p.title:not(first-child) {
	margin-top: 20px;
}

.footer ul.socials {
	margin-bottom: 20px;
}

.footer ul.socials li {
	text-align: left;
	display: inline-block;
	padding-right: 30px;
}

.footer ul.socials li:last-child {
	padding-right: 0px;
}

.footer ul.socials li a {
	margin-bottom: 0px;
}

.footer ul.socials li a img {
	height: 30px;
}

.footer .toplink {
	position: absolute;
	top: -26px;
	left: 50%;
	transform: translate(-50%, 0);
}

.footer .toplink .grid div {
	position: relative;
}

.footer .toplink .filler {
	position: absolute;
	height: 70px;
	top: -80px;
	left: 50%;
	margin-left: 100px;
}

.footer a.jobs {
	width: 100%;
	display: inline-block;
}

/* SELECT2 */
.select2-container {
	margin-bottom: 20px;
	width: 100% !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 50px;
}

.select2-container .select2-selection--single {
	height: 51px;
}

.select2-container--default .select2-selection--single {
	border: 1px solid rgba(0,0,0,0.8);
	border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
	width: 40px;
}

.select2-results__option {
	padding: 6px 6px 6px 20px;
}

/* COOKIEBANNER */
.cb {
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
	padding: 13px 30px 13px 30px;
	background-image: url("/assets/gfx/wood-dark.jpg");
	background-repeat: repeat;
	background-position: center top;
	background-size: 1000px auto;
	box-sizing: border-box;
	display: table;
}

.cb p {
	margin: 0px;
	color: rgb(255,255,255);
	font-family: 'Blacker Text';
	font-weight: 500;
	display: table-cell;
	font-size: 14px;
}

.cb p a {
	color: inherit;
	text-decoration: underline;
}

.cb a.box {
	border: none;
	background-image: url("/assets/gfx/wood-light.jpg");
	background-repeat: repeat;
	background-position: center top;
	background-size: 1000px auto;
	text-align: center;
}

.cb div {
	display: table-cell;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: right;
}

/* DATEPICKER */
.ui-datepicker {
	padding: 5px;
	background-color: rgb(255,255,255);
	border: 1px solid rgba(0,0,0,0.4);
}

.ui-datepicker-prev,
.ui-datepicker-next {
	cursor: pointer;
}

.ui-datepicker-next {
	float: right;
}

.ui-datepicker-calendar tbody tr td {
	text-align: center;
}

.ui-helper-hidden-accessible {
	display: none;
}

/* HAHNENSTALL */
.recommendation {
	position: relative;
	display: inline;
	box-sizing: border-box;
	padding-left: 150px;
	color: rgb(227,6,19) !important;
}

.recommendation img {
	position: absolute;
	left: 0px;
	height: 100%;
	top: 0px;
	width: auto;
}

/* RESPONSIVES */
@import url("/assets/styles/styles.responsive.css");