/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
	}
	/*body {
		z-index: 100;
	}*/
	body {
		z-index: 100;
		overflow-x: hidden;
		display: flex;
		min-height: 100vh;
		flex-direction: column;
	}

/* ============================================= 2.0 CONTAINER ============================================= */

	/* ------ 2.0 HOTLINK-NAVIGATION ------ */
	.page-hotlinks {
		margin-top: 15px;
	}
		.page-hotlinks .pb-col {
			margin-top: 10px;
		}

		#input-group-search {

		}
			#input-group-search .input-group-text, #input-group-search .form-control {
				border-radius: 0px;
				border-width: 0px;
			}
			#input-group-search .input-group-text {
			}
			#input-group-search .input-group-prepend {
				margin-right: 0px;
			}
			#input-group-search .form-control {
				box-shadow: none !important;
				outline: 0px !important;
				padding-right: 40px;
				text-align: center;
			}
				#input-group-search .form-control::placeholder {
					text-transform: uppercase;
				}
				#input-group-search .form-control:-ms-input-placeholder {
					text-transform: uppercase;
				}
				#input-group-search .form-control::-ms-input-placeholder {
					text-transform: uppercase;
				}

	/* ------ 2.1 CONTENT ------ */
	#teaser {
		width: 100%;
		background-color: rgba(241,244,245,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
		.page-teaser {
			position: relative;
			height: 100%;
			max-height: 100%;
			overflow: hidden;
		}

	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {
		#teaser { height: 370px; }

		.breaker-contact {
			position: fixed;
			top: 87px;
			right: 0;
			z-index: 999;
			width: 250px;
			height: 115px;
			padding: 10px;
			padding-left: 20px;
			color: white;
			background-color: rgb(194, 183, 167);
			font-family: 'Ubuntu', 'Verdana', sans-serif;
		}

		.breaker-icon {
			position: fixed;
			top: 87px;
			right: 0;
			z-index: 999;
			width: 42px;
			height: 115px;
			font-size: 22px;
			padding: 10px;
			color: black;
			background-color: rgb(194, 183, 167);
		}
	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 677px) {
		#teaser { height: 370px; }

		.breaker-contact {
			position: fixed;
			top: 220px;
			right: 0;
			z-index: 999;
			width: 250px;
			height: 115px;
			padding: 10px;
			padding-left: 20px;
			color: white;
			background-color: rgb(194, 183, 167);
			font-family: 'Ubuntu', 'Verdana', sans-serif;
		}

		.breaker-icon {
			position: fixed;
			top: 220px;
			right: 0;
			z-index: 999;
			width: 42px;
			height: 115px;
			font-size: 22px;
			padding: 10px;
			color: black;
			background-color: rgb(194, 183, 167);
		}
	}
	/*********** STUFE 3 MD ***********/
	@media (min-width: 678px) and (max-width: 1081px) {
		#teaser { height: 500px; }

		.breaker-contact {
			position: fixed;
			top: 210px;
			right: 0;
			z-index: 999;
			width: 250px;
			height: 115px;
			padding: 10px;
			padding-left: 20px;
			color: white;
			background-color: rgb(194, 183, 167);
			font-family: 'Ubuntu', 'Verdana', sans-serif;
		}

		.breaker-icon {
			position: fixed;
			top: 210px;
			right: 0;
			z-index: 999;
			width: 42px;
			height: 115px;
			font-size: 22px;
			padding: 10px;
			color: black;
			background-color: rgb(194, 183, 167);
		}
	}
	/*********** STUFE 3 MD(Spezial) ***********/
		@media (min-width: 992px) and (max-width: 1081px) {
			.breaker-contact {
				position: fixed;
				top: 287px;
				right: 0;
				z-index: 999;
				width: 250px;
				height: 115px;
				padding: 10px;
				padding-left: 20px;
				color: white;
				background-color: rgb(194, 183, 167);
				font-family: 'Ubuntu', 'Verdana', sans-serif;
			}

			.breaker-icon {
				position: fixed;
				top: 287px;
				right: 0;
				z-index: 999;
				width: 42px;
				height: 115px;
				font-size: 22px;
				padding: 10px;
				color: black;
				background-color: rgb(194, 183, 167);
			}
		}
	/*********** STUFE 4 LG ***********/
	@media (min-width: 1082px) and (max-width: 1389px) {
		#teaser { height: 500px; }

		.breaker-contact {
			position: fixed;
			top: 305px;
			right: 0;
			z-index: 999;
			width: 250px;
			height: 115px;
			padding: 10px;
			padding-left: 20px;
			color: white;
			background-color: rgb(194, 183, 167);
			font-family: 'Ubuntu', 'Verdana', sans-serif;
		}

		.breaker-icon {
			position: fixed;
			top: 305px;
			right: 0;
			z-index: 999;
			width: 42px;
			height: 115px;
			font-size: 22px;
			padding: 10px;
			color: black;
			background-color: rgb(194, 183, 167);
		}
	}
	/*********** STUFE 5 XL ***********/
	@media (min-width: 1390px) {
		#teaser { height: 500px; }

		.breaker-contact {
			position: fixed;
			top: 266px;
			right: 0;
			z-index: 999;
			width: 250px;
			height: 115px;
			padding: 10px;
			padding-left: 20px;
			color: white;
			background-color: rgb(194, 183, 167);
			font-family: 'Ubuntu', 'Verdana', sans-serif;
		}

		.breaker-icon {
			position: fixed;
			top: 266px;
			right: 0;
			z-index: 999;
			width: 42px;
			height: 115px;
			font-size: 22px;
			padding: 10px;
			color: black;
			background-color: rgb(194, 183, 167);
		}
	}

	/*#page {
		max-width: 1640px;
		margin: 0px auto;
	}*/

	#page {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
		#content {
  			flex: 1 0 auto;
			position: relative;
		}

	.bg-image {
		background-color: rgba(241,244,245,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.transparent { opacity: 0; }

	.page-content {
		margin-top: 5px;
		margin-bottom: 20px;
	}

	/* -- 2.2.1 TEXT -- */
	.user-content .element-first { margin-top: 6px !important; }
	.user-content table {
		max-width: 100%;
		margin: 20px 0px;
	}
		.user-content table td {
			vertical-align: top;
		}
	.user-content ul, .user-content ol {
		padding: 0px 0px 0px 20px;
	}
		.user-content ul { list-style-type: square; }
	.user-content blockquote { }
		.user-content blockquote p { margin-bottom: 0px; }
			.user-content blockquote a, .user-content blockquote p a { color: rgba(0,0,0,1) !important; text-decoration: none !important; }
	.user-content a, .user-content strong {
		font-weight: 500;
	}
	.user-content img { max-width: 100%; margin: 10px; }
		@media (max-width: 677px) {
			.user-content img {
				margin: 0px 0px;
				aspect-ratio: auto !important;
				height: auto !important;
			}
		}
	.user-content h3, .user-content .h3 { margin: 28px 0px 12px; }
		/*.user-content a:before {
			font-weight: 900;
			font-family: "Font Awesome 5 Free";
			content: "";
			margin-right: 2px;*/
		}

	h3:not(:first-child) {
		margin-top: 45px;
	}

	.box-contactpeople {
		margin: 18px 0px 30px;
		padding: 10px 10px 0px;
	}
		.box-contactpeople .contactperson-img {
			width: 100%;
			height: 120px;
			margin-bottom: 10px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}
		.box-contactpeople h3 {
			margin-bottom: 0px;
		}

	ul.list-sidelinks {
		margin: 18px 0px;
		padding-left: 0px;
		list-style: none;
	}
		ul.list-sidelinks li, .user-content blockquote a {
			position: relative;
			padding: 7px 10px 7px 30px;
		}
			.user-content blockquote a {
				 margin: -5px 0px 5px;
				 display: block;
			}

		ul.list-sidelinks li a {

		}
			/*ul.list-sidelinks li a, blockquote a { padding-left: 32px; }*/

			ul.list-sidelinks li a i.fas, blockquote a i.fas {
				position: absolute;
				top: 7px;
				left: 5px;
				font-size: 20px;
			}
				ul.list-sidelinks li a i.fas.fa-link, blockquote a i.fas.fa-link { left: 0px; }

				.sidelink-padding-top { padding-top: 50px;	}

		/*********** STUFE 1 XS ***********/
		@media (max-width: 575px) {
			ul.list-sidelinks { margin: 18px 0px; }
			.sidelink-padding-top { padding-top: 0px;	}
		}
		/*********** STUFE 2 SM ***********/
		@media (min-width: 576px) and (max-width: 677px) {
			ul.list-sidelinks { margin: 18px 0px; }
		}
		/*********** STUFE 3 MD ***********/
		@media (min-width: 678px) and (max-width: 1081px) {
			ul.list-sidelinks { margin: -6px 0px 18px; }
		}
		/*********** STUFE 4 LG ***********/
		@media (min-width: 1082px) and (max-width: 1389px) {
			ul.list-sidelinks { margin: -6px 0px 18px; }
		}
		/*********** STUFE 5 XL ***********/
		@media (min-width: 1390px) {
			ul.list-sidelinks { margin: -6px 0px 18px; }
		}

	/* -- 2.2.2 START -- */
	.pb-block a {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		display: block;
		overflow: auto;
		box-sizing: border-box;
		text-decoration: none !important;
	}
		.pb-block a:hover { filter: brightness(1.2); }
		.pb-col { margin-top: 10px; margin-bottom: 10px; }
			.pb-block a > .row, .pb-block a > .row > div { margin: 0px; padding: 0px; height: 100%; }
		.pb-block > a > .row .ml-auto { padding-left: 0px; }
		.pb-block > a > .row .mr-auto { padding-right: 10px; }
		.pb-frame {
			position: relative;
			height: 100%;
			width: 100%;
			padding: 3% 5%;
			box-sizing: border-box;
			overflow-x: hidden;
		}
			.pb-container {
				height: 100%;
				width: 100%;
				position: relative;
				display: -webkit-inline-flex;
				display: -ms-inline-flexbox;
				display: inline-flex;
			}
			.pb-frame .pb-container {
				display: table;
			}
				.pb-frame .pb-container .pb-content {
					display: table-cell;
					height: 100%;
					position: relative;
					vertical-align: middle;
					text-transform: uppercase;
					color: rgba(255,255,255,1);
				}
					.pb-frame .pb-container .pb-floater {
						display: table;
						height: 100%;
					}
						.pb-frame .pb-container .pb-content .pb-text {
							font-size: 23px;
							line-height: 30px;
						}

			/*********** STUFE 1 XS ***********/
			@media (max-width: 575px) {
				.pb-block a { height: 281px; }
					.pb-block.block-preview a { height: 150px; }
					.pb-block > a > .row .ml-auto { padding-left: 0px; }
			}
			/*********** STUFE 2 SM ***********/
			@media (min-width: 576px) and (max-width: 677px) {
				.pb-block a { height: 281px; }
					.pb-block.block-preview a { height: 150px; }
			}
			/*********** STUFE 3 MD ***********/
			@media (min-width: 678px) and (max-width: 1081px) {
				.pb-block a { height: 281px; }
					.pb-block.block-preview a { height: 150px; }
			}
			/*********** STUFE 4 LG ***********/
			@media (min-width: 1082px) and (max-width: 1389px) {
				.pb-block a { height: 281px; }
					.pb-block.block-preview a { height: 150px; }
			}
			/*********** STUFE 5 XL ***********/
			@media (min-width: 1390px) {
				.pb-block a { height: 281px; }
					.pb-block.block-preview a { height: 150px; }
			}

			/*.pb-content {
				width: 280px;
				max-width: 90%;
				max-height: 155px;
			}*/

	/* -- 2.2.3 PERSONEN -- */
	.block-person {
		margin: 10px 0px;
	}
		.person-portrait {
			width: 100%;
			height: 280px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		.person-name, .person-function, .person-contact, .person-email { margin: 10px 0px; }
		.person-name { margin-top: 30px; }

	/* -- 2.2.4 FORMULAR -- */
	form#form-template {
		opacity: 1;
		-webkit-transition: opacity ease 0.2s;
		-moz-transition: opacity ease 0.2s;
		-o-transition: opacity ease 0.2s;
		transition: opacity ease 0.2s;
	}
		form#form-template.form-inactive { opacity: 0.6; }
	#form-template select, #form-template input, #form-template textarea, input.field-theme, textarea.field-theme, select.field-theme {
		width: 100%;
		margin: 10px 0px;
		padding: 4px 8px 5px;
		border-width: 2px;
		border-radius: 0px;
		border-color: transparent;
		border-style: solid;
		box-shadow: 0px;
		-webkit-transition: border-color ease 0.3s;
		-moz-transition: border-color ease 0.3s;
		-o-transition: border-color ease 0.3s;
		transition: border-color ease 0.3s;
	}
		.form-check { margin-bottom: 12px; }
			.form-check input.form-check-input {
				width: auto !important;
				padding: 0px !important;
				border-width: 0px !important;
				margin-top: .3rem !important;
				margin-left: -1.25rem !important;
			}
			.form-check label.form-check-label {
				display: inline-block;
				margin: 0px !important;
			}

		#form-template textarea {
			min-height: 50px;
		}
		#form-template select:focus, #form-template input:focus, #form-template textarea:focus, input.field-theme:focus, select.field-theme:focus, textarea.field-theme:focus {
			box-shadow: 0px;
			outline: 0px;
		}
		#form-template select.error, #form-template input.error, #form-template textarea.error, .field-theme.error { border-color: #C70D0D; }
		#form-template .text-error { color: #C70D0D; }
		#form-template select {
			height: 37px;
		}
		button#form-send,button#form-filter { opacity: 0.5; }
			button#form-send.btn-clickable,button#form-filter.btn-clickable { opacity: 1; }


		button.btn-primary {
			-webkit-transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			-moz-transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			-o-transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			box-shadow: none !important;
		}
			button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active {
				color: rgba(0,0,0,1) !important;
				box-shadow: none;
			}
			button.btn-primary:active { opacity: 0.7; }

	#form label, #search label, #calendar-new label, #rooms-form label {
		margin: 19px 0px 10px;
	}
	#date-reset {
		position: absolute;
		top: 19px;
		right: -12px;
	}
		#date-reset p { color: rgba(87,86,86,1); cursor: pointer; }
			#date-reset p:hover { color: rgba(87,86,86,0.6); }

	/* -- 2.2.5 GALERIE -- */

	/* -- 2.2.6 KALENDER -- */
	.block-calendar {
		padding: 20px 12px;
		min-height: 250px;
	}
		.block-calendar .calendar-title, .block-calendar .calendar-capitalnum, .block-calendar table thead {
			text-align: center;
			text-transform: uppercase;
		}
		.block-calendar .calendar-title {
			margin: 0px;
		}
		.block-calendar .calendar-capitalnum {
			font-size: 130px;
			line-height: 146px;
		}
		.block-calendar .calendar-table {
			margin-top: 10px;
		}
			.block-calendar table {
				width: 100%;
			}
				.block-calendar thead th {
					vertical-align: top;
					height: 35px;
				}
				.block-calendar tbody td {
					padding: 3px 5px;
					vertical-align: top;
					text-align: right;
					background-color: transparent;
					border-width: 0px;
					line-height: 15px;
					font-weight: 300;
				}

	.row-event {
		padding-top: 5px;
		cursor: pointer;
		-webkit-transition: background-color ease 0.2s;
		-moz-transition: background-color ease 0.2s;
		-o-transition: background-color ease 0.2s;
		transition: background-color ease 0.2s;
	}
	.border-line {
		width: 100%;
		height: 4px;
		border-bottom: 1px rgba(0,0,0,1) solid;
	}

	/* -- 2.2.7 NEWS -- */
	#news .block-news {
		border-top: 1px rgba(87,86,86,1) solid;
		margin: 10px 0px;
	}
		#news h2.news-title {
			margin: 10px 0px 15px;
			font-size: 21px;
		}
		#news .news-author {
			color: rgba(87,86,86,1);
			text-align: right;
			text-transform: uppercase;
		}
			#news p.news-author { margin: 10px 0px 15px; }
	#news .news-images {
		display: block;
	}
		#news .news-thumb {
			display: block;
			width: 100%;
			margin: 10px 0px 10px;
			background-repeat: no-repeat;
			background-position: center top;
			background-size: cover;
			height: 230px;
			-webkit-transition: opacity ease 0.2s;
			-moz-transition: opacity ease 0.2s;
			-o-transition: opacity ease 0.2s;
			transition: opacity ease 0.2s;
		}
			#news .news-thumb:hover { opacity: 0.8; }

	/* ------ 2.3 SITEMAP ------ */

	/* ------ 2.4 FOOTER ------ */
	footer {
		position: relative;
		flex-shrink: 0;
		padding-top: 28px;
		padding-bottom: 28px;
		font-size: 14px;
		line-height: 19px;
	}
		footer .text-center, footer .text-center a {
			color: rgba(0,0,0,1);
		}
			footer a:hover { color: rgba(0,0,0,1); }
			footer a:active, footer a:focus { color: rgba(0,0,0,1); }
		footer .footer-socialmedia {
			font-size: 28px;
    		letter-spacing: 10px;
		}

	@media (max-width: 677px) {
		.footer-socialmedia {
			display: block;
			width: 100%;
			text-align: center;
			margin-bottom: 15px;
		}
	}
	@media (min-width: 678px) {
		.footer-socialmedia {
			position: absolute;
			top: 5px;
			right: 0px;
			z-index: 100;
		}
	}

	/* ------ 2.5 SUCHE ------ */


	/* ------ 2.5 RÄUMLICHKEITEN ------ */
	.datepicker table tr td, .datepicker table tr th {
		padding: 0px;
		border-radius: 0px;
		border: 2px rgba(255,255,255,1) solid !important;
	}
		.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
			background-color: rgba(123,103,79,0.6);
		}
		.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
			background-color: rgba(123,103,79,0.8);
		}
	#screen-login .btn.btn-primary { opacity: 0.5; }
		#screen-login .btn.btn-primary.btn-clickable { opacity: 1; }

		/*.availability {
			position: absolute;
			right: 541px;
			margin-top: 10px;
			width: 246px;
			padding-left: 6px;
			padding-right: 6px;
		}*/

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */
	/* PT Serif */
	.tk-adobe-gurmukhi, h3, #content ul li, #content ol li, p, .p, .subtitle, label, .field-text, .btn-primary, .field-textarea, table, footer, select.field-select, .btn.btn-primary, input, select, textarea, .serif {
		font-family: 'Ubuntu', 'Verdana', sans-serif; /* 'PT Serif', 'Arial', serif; */
		-webkit-font-smoothing: subpixel-antialiased;
	}
	/* Ubuntu */
	h1, .h1, h2, .h2, h4, .h4, h5, .h5, h6, .h6, .pb-text, button, .btn-light, .headline,
	.block-calendar, .calendar-table, .sans, #input-group-search .form-control::placeholder {
		font-family: 'Ubuntu', 'Verdana', sans-serif;
		font-weight: normal;
		font-style: normal;
	    -webkit-font-smoothing: subpixel-antialiased;
	}
	#input-group-search .form-control:-ms-input-placeholder {
		font-family: 'Ubuntu', 'Verdana', sans-serif;
		font-weight: normal;
		font-style: normal;
	    -webkit-font-smoothing: subpixel-antialiased;
	}
	#input-group-search .form-control::-ms-input-placeholder {
		font-family: 'Ubuntu', 'Verdana', sans-serif;
		font-weight: normal;
		font-style: normal;
	    -webkit-font-smoothing: subpixel-antialiased;
	}

	/* ------ 3.2 TITEL ------ */
		h1, h2, h3, h3 small, .h1, .h2, .h3, .h3 small {
			color: inherit;
			margin: 0px;
		}
		h1, h2, .h1, .h2, .calendar-title, .modal-title, .btn-light {
			font-weight: 500;
			text-transform: uppercase;
		}
		h1, h2, .h1, .h2, .calendar-title {
			font-size: 23px;
			margin: 10px 0px 5px;
		}
			h1 { margin-bottom: 15px; }
			.user-content h2 { margin: 25px 0px 10px; }

		h3, .h3, ul li, ol li, p, .p, label, th, td, blockquote {
			font-size: 15px;
		}
			h3, .h3, ul.list-sidelinks li a, blockquote a, .person-function .p, label, .btn-primary, .modal-content td strong {
				font-size: 85%;
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 0.05em;
			}
				label { text-transform: none; }
				h3, .h3 {
					font-size: 100%;
					margin: 18px 0px;
				}
		h1, h2, h3, .h1, .h2, .h3 {
			font-weight: 500;
		}

	/* ------ 3.3 ALLGEMEIN ------ */
	a {
		color: rgba(0,0,0,1);
		outline: none !important;
		text-decoration: none;
		cursor: pointer;

		-webkit-transition: color ease 0.3s;
		-moz-transition: color ease 0.3s;
		-o-transition: color ease 0.3s;
		transition: color ease 0.3s;
	}
		a:hover { color: rgba(0,0,0,0.8); }
		a:active, a:focus { color: rgba(0,0,0,0.7); }

	hr {
		margin-top: 5px; margin-bottom: 5px;
		border-top: 1px solid rgba(0,0,0,0.15);
	}

	.bg-transparent	{ background-color: rgba(255,255,255,0); }
	.bg-transparent .pb-frame-tint { background-color: rgba(255,255,255,0); }

	.bg-white	{ background-color: rgba(255,255,255,1); }
	.bg-white .pb-frame-tint { background-color: rgba(255,255,255,0.6); }

	.theme-marron .btn-light, .theme-marron .btn-primary, .theme-marron td, .theme-marron footer, .theme-marron .field-theme, .theme-marron #rooms-form select, .theme-marron #rooms-form input, .theme-marron #rooms-form textarea, .theme-marron #calendar-new select, .theme-marron #calendar-new input, .theme-marron #form select, .theme-marron #form input, .theme-marron #search input, .theme-marron #calendar-new textarea, .theme-marron #form textarea, .theme-marron .bg-theme, .theme-marron #input-group-search .input-group-text, .theme-marron #input-group-search .form-control, .theme-marron #calendar .row-event:hover {
		background-color: rgba(123,103,79,0.2);
	}
		.theme-marron .btn-light:hover, .theme-marron .btn-light:active, .theme-marron .btn-primary:hover, .theme-marron .btn-primary:active { background-color: rgba(123,103,79,0.4) !important; }
		.theme-marron .box-contactpeople .contactperson-img { background-color: rgba(103,83,59,0.5); }
		.theme-marron .user-content a, .theme-marron .footer-socialmedia a { color: rgba(103,83,59,0.5); text-decoration: underline; }
			.theme-marron #content a:hover,.theme-marron nav.navbar-light a:hover,.theme-marron footer a:hover { color: rgba(103,83,59,0.8) !important; }
		.bg-marron	{ background-color: rgba(123,103,79,0.8); }
		.bg-marron .pb-frame-tint { background-color: rgba(103,83,59,0.6); }

	.theme-royal .btn-light, .theme-royal .btn-primary, .theme-royal td, .theme-royal footer, .theme-royal .field-theme, .theme-royal #calendar-new select, .theme-royal #calendar-new input, .theme-royal #form select, .theme-royal #form input, .theme-royal #search input, .theme-royal #calendar-new textarea, .theme-royal #form textarea, .theme-royal .bg-theme, .theme-royal #input-group-search .input-group-text, .theme-royal #input-group-search .form-control, .theme-royal #calendar .row-event:hover {
		background-color: rgba(64,96,135,0.3);
	}
		.theme-royal .btn-light:hover, .theme-royal .btn-light:active, .theme-royal .btn-primary:hover, .theme-royal .btn-primary:active { background-color: rgba(64,96,135,0.4) !important; }
		.theme-royal .box-contactpeople .contactperson-img { background-color: rgba(44,76,115,0.5); }
		.theme-royal .user-content a, .theme-royal .footer-socialmedia a { color: rgba(44,76,115,0.8); }
			.theme-royal #content a:hover,.theme-royal nav.navbar-light a:hover,.theme-royal footer a:hover { color: rgba(44,76,115,0.5); }
		.bg-royal	{ background-color: rgba(64,96,135,1); }
		.bg-royal .pb-frame-tint { background-color: rgba(44,76,115,0.6); }

	.theme-pine .btn-light, .theme-pine .btn-primary, .theme-pine td, .theme-pine footer, .theme-pine .field-theme, .theme-pine #calendar-new select, .theme-pine #calendar-new input, .theme-pine #form select, .theme-pine #form input, .theme-pine #search input, .theme-pine #calendar-new textarea, .theme-pine #form textarea, .theme-pine .bg-theme, .theme-pine #input-group-search .input-group-text, .theme-pine #input-group-search .form-control, .theme-pine #calendar .row-event:hover {
		background-color: rgba(82,127,107,0.3);
	}
		.theme-pine .btn-light:hover, .theme-pine .btn-light:active, .theme-pine .btn-primary:hover, .theme-pine .btn-primary:active { background-color: rgba(82,127,107,0.4) !important; }
		.theme-pine .box-contactpeople .contactperson-img { background-color: rgba(62,107,87,0.5); }
		.theme-pine .user-content a, .theme-pine .footer-socialmedia a { color: rgba(62,107,87,0.8); }
			.theme-pine #content a:hover,.theme-pine nav.navbar-light a:hover,.theme-pine footer a:hover  { color: rgba(62,107,87,0.5); }
		.bg-pine	{ background-color: rgba(82,127,107,1); }
		.bg-pine .pb-frame-tint { background-color: rgba(62,107,87,0.6); }

	.theme-salmon .btn-light, .theme-salmon .btn-primary, .theme-salmon td, .theme-salmon footer, .theme-salmon .field-theme, .theme-salmon #calendar-new select, .theme-salmon #calendar-new input, .theme-salmon #form select, .theme-salmon #form input, .theme-salmon #search input, .theme-salmon #calendar-new textarea, .theme-salmon #form textarea, .theme-salmon .bg-theme, .theme-salmon #input-group-search .input-group-text, .theme-salmon #input-group-search .form-control, .theme-salmon #calendar .row-event:hover {
		background-color: rgba(222,111,91,0.3);
	}
		.theme-salmon .btn-light:hover, .theme-salmon .btn-light:active, .theme-salmon .btn-primary:hover, .theme-salmon .btn-primary:active { background-color: rgba(222,111,91,0.4) !important; }
		.theme-salmon .box-contactpeople .contactperson-img { background-color: rgba(202,91,71,0.5); }
		.theme-salmon .user-content a, .theme-salmon .footer-socialmedia a { color: rgba(202,91,71,0.8); }
			.theme-salmon #content a:hover,.theme-salmon nav.navbar-light a:hover,.theme-salmon footer a:hover  { color: rgba(202,91,71,0.5); }
		.bg-salmon	{ background-color: rgba(222,111,91,1); }
		.bg-salmon .pb-frame-tint { background-color: rgba(202,91,71,0.6); }

	.box-contactpeople .contactperson-img { background-color: transparent !important; }



	/* ------ 3.4 BUTTONS ------ */
	.btn {
		text-shadow: none;
		border-radius: 0px;
		border-width: 0px;
		text-transform: uppercase;
	}
	.btn-light, .btn-primary {
		color: rgba(0,0,0,1);
		border-width: 0px;
	}
		.btn-primary {
			padding: 9px 35px;
			cursor: pointer;
			margin: 5px 0px 10px;
		}
	/*.btn-light { background-color: rgba(231,226,225,1); }*/
		a.btn-light:hover, a.btn-primary:hover { color: rgba(0,0,0,1) !important; }

		button:focus, .btn:focus, input:focus, select:focus { outline: 0 !important; }

	/* ------ 3.5 ICONS ------ */
	.icon-social {
		width: 28px;
		height: 28px;
		margin-top: 1px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
	}
		.icon-social.icon-facebook {
			background-size: 12px;
			background-image: url('../img/socialmedia-facebook.png');
		}

	/* ------ 3.6 LISTEN ------ */
	ul {
		padding: 0px 0px 0px 0px;
	}
		ul li {
			margin-bottom: 0px;
		}


/* ============================================= 4.0 FORMULAR ============================================= */

	label {
		cursor: pointer;
	}

	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {
		#rooms > form > div:nth-child(1) > div.col-md-18.text-right.my-mini-top {
			display: flex;
			flex-flow: column;
		}

		.btn.availability {
			width: 250px;
		}

		.btn.filter {
			width: 250px;
			margin-top: 20px;
		}

		.btn.book {
			width: 250px;
			margin: 20px 0 10px 0;
		}

		#chooseLoginGuest > div {
			display: flex;
			justify-content: space-between;
		}

		#chooseLoginGuest > div > button {
			width: 45%;
			min-width: 135px;
		}

		.my-mini-top.calendar {
			/*display: none;*/
		}

		.my-mini-top.login{
			float: left;
			margin-right: 100%;
		}

		.my-mini-top.loggedin {
			float: left;
			margin-right: 100%;
		}

		.my-mini-top.indvRequest {
			margin-top: 20px;
			float: left;
		}

		.my-mini-top.indvRequestLoggedIn {
			margin-top: 20px;
			float: left;
		}

		.my-light-top.user-content {
			clear: both;
			float: left;
		}

		.checkAgbTick > a {
			position: relative;
			left: 125px;
		}

		.checkGebuehrenTick > a {
			position: relative;
			left: 30px;
		}

		#room-item > div > div:nth-child(1) {
			min-width: 200px;
		}

	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 767px) {
		#rooms > form > div:nth-child(1) > div.col-md-18.text-right.my-mini-top {
			display: flex;
			flex-flow: column;
		}

		.btn.availability {
			width: 250px;
		}

		.btn.filter {
			width: 250px;
			margin-top: 20px;
		}

		.btn.book {
			width: 250px;
			margin: 20px 0 10px 0;
		}

		#chooseLoginGuest > div {
			display: flex;
			justify-content: space-between;
		}

		#chooseLoginGuest > div > button {
			width: 213px; /*225px - 12px*/
		}

		.my-mini-top.login{
			float: left;
			width: 250px;
			margin-right: 21px;
		}

		.my-mini-top.loggedin {
			float: left;
			min-width: 250px;
			margin-right: 21px;
		}

		.my-mini-top.indvRequest {
			width: 250px;
			margin-top: 20px;
			float: left;
		}

		.my-mini-top.indvRequestLoggedIn {
			width: 250px;
			margin-top: 20px;
			float: left;
		}

		.my-light-top.user-content {
			clear: both;
			float: left;
		}

		.checkAgbTick > a {
			position: relative;
			left: 125px;
		}

		.checkGebuehrenTick > a {
			position: relative;
			left: 30px;
		}

		button#toggableButton.btn-clickable {
			width: 250px;
		}

		#room-item > div > div:nth-child(1) {
			width: 480px;
		}

	}
	/*********** STUFE 3 MD ***********/
	@media (min-width: 768px) and (max-width: 1081px) {
		.btn.availability {
			width: 340px;
		}

		.btn.filter {
			width: 340px;
			margin-top: 20px;
		}

		.btn.book {
			width: 340px;
			margin: 20px 0 10px 0;
		}

		#chooseLoginGuest > div {
			display: flex;
			justify-content: space-between;
		}

		#chooseLoginGuest > div > button {
			width: 213px; /*225px - 12px*/
		}

		.col-md-18 {
			flex: 0 0 50%;
			max-width: 50%;
		}

		.col-md-12 {
			flex: 0 0 50%;
			max-width: 50%;
		}

		.my-mini-top.login{
			width: 340px;
			/*margin-left: 55px;*/
		}

		.my-mini-top.loggedin {
			width: 340px;
			padding-left: 6px;
			padding-right: 6px;
		}

		.my-mini-top.indvRequest {
			width: 340px;
			margin-top: 20px;
			/*display: none;*/
		}

		.my-mini-top.indvRequestLoggedIn {
			width: 340px;
			margin-top: 20px;
			/*display: none;*/
		}

		.action.row {
			position: relative;
			left: 192px;
		}

		.checkAgbTick > a {
			position: relative;
			left: 125px;
		}

		.checkGebuehrenTick > a {
			position: relative;
			left: 30px;
		}

		button#toggableButton.btn-clickable {
			width: 246px;
		}

		#room-item > div > div:nth-child(1) {
			width: 660px;
		}

	}
/*********** STUFE 3 MD(Spezial) ***********/
	@media (min-width: 992px) and (max-width: 1081px) {
		#chooseLoginGuest > div {
			display: flex;
			justify-content: space-between;
		}

		#chooseLoginGuest > div > button {
			width: 213px; /*225px - 12px*/
		}

		.navbar-dark {
			display: none;
		}

		.navbar-expand-lg>.container {
			min-height: 65px;
		}
	}
	/*********** STUFE 4 LG ***********/
	@media (min-width: 1082px) and (max-width: 1389px) {
		.btn.availability {
			width: 190px;
		}

		.btn.filter {
			width: 190px;
			margin-left: 15px;
		}

		.btn.book {
			width: 190px;
			margin: 10px 0 10px 15px;
		}

		#chooseLoginGuest > div {
			display: flex;
			justify-content: space-between;
		}

		#chooseLoginGuest > div > button {
			width: 213px; /*225px - 12px*/
		}

		.my-mini-top.login{
			width: 305px;
			/*margin-left: 55px;*/
		}

		.my-mini-top.loggedin {
			width: 305px;
		}

		.my-mini-top.indvRequest {
			width: 305px;
			margin-top: 20px;
			/*display: none;*/
		}

		.my-mini-top.indvRequestLoggedIn {
			width: 305px;
			margin-top: 20px;
			/*display: none;*/
		}

		.action.row {
			position: relative;
			left: 200px;
		}

		.checkAgbTick > a {
			position: relative;
			left: 125px;
		}

		.checkGebuehrenTick > a {
			position: relative;
			left: 30px;
		}

		.rooms {
			margin-top: 77px;
		}

		#room-item > div > div:nth-child(1) {
			width: 260px;
		}

	}
	/*********** STUFE 5 XL ***********/
	@media (min-width: 1390px) {
		.btn.availability {
			width: 246px;
		}

		.btn.filter {
			width: 246px;
			margin-left: 15px;
		}

		.btn.book {
			width: 246px;
			margin: 10px 0 10px 15px;
		}

		#chooseLoginGuest > div {
			display: flex;
			justify-content: space-between;
		}

		#chooseLoginGuest > div > button {
			width: 213px; /*225px - 12px*/
		}

		.my-mini-top.login{
			width: 389px;
			/*margin-left: 55px;*/
		}

		.my-mini-top.loggedin {
			width: 389px;
			margin-left: 55px;
		}

		.my-mini-top.indvRequest {
			width: 389px;
			margin-top: 20px;
			/*display: none;*/
		}

		.my-mini-top.indvRequestLoggedIn {
			width: 389px;
			margin-top: 20px;
			/*display: none;*/
		}

		.action.row {
			position: relative;
			left: 275px;
			width: 746px;
		}

		.field-value {
			float: left;
		}

		.requirement {
			position: relative;
			top: 14px;
			left: 83px;
		}

		.checkAgbTick > a {
			position: relative;
			left: 125px;
		}

		.checkGebuehrenTick > a {
			position: relative;
			left: 30px;
		}

		button#toggableButton.btn-clickable {
			width: 246px;
		}

		.rooms {
			margin-top: 38px;
		}

		#room-item > div > div:nth-child(1) {
			width: 260px;
		}

	}

/* ============================================= 5.0 TABELLEN ============================================= */

	table {
	}
		table td {
			padding: 3px 10px;
			border: 1px #FFF solid;
		}


/* ============================================= 6.0 SONSTIGES ============================================= */

	.clearer { clear: both; }

	/* ------ 6.1 ANIMATIONEN ------ */
	.pb-block a, .btn {
		-webkit-transition: background-color ease 0.3s, filter ease 0.3s;
		-moz-transition: background-color ease 0.3s, filter ease 0.3s;
		-o-transition: background-color ease 0.3s, filter ease 0.3s;
		transition: background-color ease 0.3s, filter ease 0.3s;
	}

	/* ------ 6.2 ABSTÄNDE ------ */
	.nomargin {
		margin-bottom: 0px !important;
	}
	.my-content { margin-top: 80px; }
	.my-light { margin-top: 10px; margin-bottom: 10px; }
	.my-medium { margin-top: 20px; margin-bottom: 20px; }
		.my-heavy-top		{ margin-top: 80px; }
		.my-heavy-bottom	{ margin-bottom: 80px; }
		.my-strong-top		{ margin-top: 45px; }
		.my-strong-bottom	{ margin-bottom: 45px; }
		.my-medium-top		{ margin-top: 20px; }
		.my-medium-bottom	{ margin-bottom: 20px; }
		.my-light-top		{ margin-top: 12px; }
		.my-light-bottom	{ margin-bottom: 12px; }
		.my-mini-top		{ margin-top: 6px; }
		.my-mini-bottom	{ margin-bottom: 6px; }
		.my-none-top		{ margin-top: 0px; }
		.my-none-bottom	{ margin-bottom: 0px; }

	.py-light	{ padding-top: 20px; padding-bottom: 20px; }
	.p-all		{ padding: 20px; }

	/* ------ 6.3 ROYALSLIDER ------ */
	.royalSlider { overflow: hidden; }
	#teaser-royalSlider {
		width: 100%;
		max-height: 100%;
		color: #000;
	}
	.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
		background-color: transparent !important;
	}
	.sliderContainer {
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
	}
		#teaser-royalSlider .rsMinW .rsBullets {
			left: 45%;
			right: 35%;
		}

	/* ------ 6.4 MODAL ------ */
	.modal-content {
		border-radius: 0px;
	}
		.modal-dialog .modal-header {
			border-bottom-width: 0px;
			padding: 1rem 1.5rem;
		}
		.modal-dialog .modal-body {
			padding: 0rem 1.5rem;
		}
			.modal-dialog .modal-body table td {
				vertical-align: top;
			}
		.modal-dialog .modal-footer {
			border-top-width: 0px;
		}

	/* ------ 6.5 VIDEO ------ */
	#teaser-video {
		position: absolute;
		z-index: 50;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);

		object-fit: cover;
		height: 100%; width: 100%;
	}

	#video_cover {
		position: absolute;
		width: 100%; height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
		/*@media (max-width: 575px) {
			#video_cover { background-image: url('../video/oneminute_live.jpg'); }
		}*/
	#video_controls {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
	}
	/*
	#play img {
		width: 100px;
	}
	#pause {
		display: none;
	}
		#pause img {
			width: 90px;
		}*/

	@media (min-width: 768px) {
		#video_controls {
			display: none;
		}
	}


	/* ------ 6.6 EU-Banner ------ */
	.container-cookie { position: relative; }
	#cookie-law {
	    width: 100%;
	    background: rgba(220,198,157,0.9);
	    margin: auto;
		position: fixed;
		bottom: 0px;
		z-index: 1000;
		text-align: center;
		left: auto;
		right: auto;
		color: rgba(53,57,64,1);
		padding: 20px 0px;
	}
		#cookie-law p {
			color: rgba(53,57,64,1);
			text-align: left;
			display: inline-block;
			margin: 0px;
		}
		#cookie-law a { color: rgba(53,57,64,1); font-weight: bold; }
			#cookie-law a:hover { color: rgba(53,57,64,0.8); }
		#cookie-law button {
			background-color: transparent;
			border-width: 0px;
			position: absolute;
			top: 0px;
			right: 12px;
			width: 36px;
			height: 36px;
			opacity: 1;
			cursor: pointer;

			-webkit-transition: opacity ease 0.3s;
			-moz-transition: opacity ease 0.3s;
			-o-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
		}
		#cookie-law button:before, #cookie-law button:after {
			position: absolute;
			top: 0px;
			left: 17px;
			content: ' ';
			height: 36px;
			width: 3px;
			background-color: rgba(53,57,64,1);

			-webkit-transition: background-color ease 0.3s;
			-moz-transition: background-color ease 0.3s;
			-o-transition: background-color ease 0.3s;
			transition: background-color ease 0.3s;
		}
			#cookie-law button:before { transform: rotate(45deg); }
			#cookie-law button:after { transform: rotate(-45deg); }

			#cookie-law button:hover { opacity: 0.8; }
				#cookie-law button:hover:before, #cookie-law button:hover:after { background-color: rgba(255,255,255,1); }

		#devmsg { font-family: 'Consolas','Verdana',sans-serif; position: fixed; z-index: 9999; top: 0px; left: 0px; background-color: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 5px 10px; text-transform: uppercase; font-size: 11px; }

	/* ------ 6.7 PRINT ------ */
	.visible-print {
		display: none;
	}

	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {

	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 677px) {
	}
	/*********** STUFE 3 MD ***********/
	@media (min-width: 678px) and (max-width: 1081px) {
	}
	/*********** STUFE 4 LG ***********/
	@media (min-width: 1082px) and (max-width: 1389px) {
	}
	/*********** STUFE 5 XL ***********/
	@media (min-width: 1390px) {
	}

	@-webkit-viewport   { width: device-width !important; }
	@-moz-viewport      { width: device-width !important; }
	@-ms-viewport       { width: device-width !important; }
	@-o-viewport        { width: device-width !important; }
	@viewport           { width: device-width !important; }


	#rooms label {
		width: 100%;
		position: relative
	}

	#rooms .title {
    text-align: center;
    justify-content: center;
    padding-bottom: 10px;
	}

	#rooms .room {
		margin-bottom: 0;
		position: relative;
	}

	#rooms .image {
		width: 100%;
		height:270px;
		background-size: cover;
	}

	#rooms label:not(.checked) .image {

	}

	#rooms .checkbox {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	#rooms #date_from,
	#rooms #date_to {
		cursor: pointer;
	}



	.rooms-form {
		display: flex;
	}

	.rooms-form .form {
		flex: 1 0 auto;
	}

	.rooms-form .rooms {
		flex: 0 0 300px;
	}

	.rooms-form .item {

	}

	.rooms-form .image {
		width: 100%;
		max-width: 100%;
	}

	.rooms-form .image img {
		width: 100%;
	}

	.rooms-form label.image:not(.checked),
	.rooms-form label.image:not(.checked) + div {

	}

	.rooms-form .checkbox {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.rooms-form .image {
		position: relative;
	}

	.rooms-form .image img {
		max-width: 100%;
	}

	.rooms-form .image:before {
		content: "";
		width: 11px;
		height: 11px;
		background: green;
		border-radius: 50%;
		display: block;
		position: absolute;
		bottom: 10px;
		left: 10px;
	}

	.rooms-form .booked .image:before {
		background: red!important;
	}

	.rooms-form #date_from,
	.rooms-form #date_to {
		cursor: pointer;
	}

	.rooms-form .image {
    margin: 30px 0px 6px!important;
	}

	@media (max-width: 1081px) {

		.rooms-form {
			flex-direction: column-reverse;
		}

		.rooms-form .form {
			flex: 0 0 auto;
		}

		.rooms-form .rooms {
			flex: 0 0 auto;
		}
	}


.checkbox-container {
  display: block;
  position: absolute;
	right: 4px;
	bottom: 24px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
}

.checkbox-container:hover input ~ .checkmark {
  background-color: white;
}

.checkbox-container input:checked ~ .checkmark {
  background-color: white;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}