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

/* ============================================= 1.0 ALLGEMEIN ============================================= */
#page { margin: 0px auto; }

/* ------ 1.1 MAIN ------ */
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
	}
	body {
		z-index: 100;
		margin: 0px;
	}

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

/* ------ 2.1 NAVIGATION ------ */
	.navbar-nav {
		text-align: right;
	}
		.dropdown-menu {
			margin-top: 0px;
			border-width: 0px;
		}
			.dropdown-menu.show { z-index: 950; }
			.dropdown-toggle::after { display: none; }
			.dropdown-menu .dropdown-item { color: rgba(88,88,90,1) !important; }
			.dropdown-item:hover, .dropdown-item:focus { background-color: rgba(238,235,229,0.7); }
			.dropdown-item.active, .dropdown-item:active {
				color: rgba(255,255,255,1) !important;
			}
		@media (min-width: 768px) {
			ul.navbar-nav li.dropdown:hover > div.dropdown-menu {
				display: block;
			}
		}

	.nav-wrapper {
		position:absolute;
		right:0;
		left:0; z-index: 1000;
	}
	.navbar-expand-md .navbar-nav .nav-link {
	    padding-right: 0.7rem;
	    padding-left: 0.7rem;
	}
		.dropdown-menu { font-size: 16px; }

	li.nav-item, a.nav-link {
		margin-left: 0px;
		padding: 0px;
		margin: 0px;
	}
		a.nav-link:hover {
			opacity: 0.8;
		}
	.navbar-brand {
		z-index: 900;
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 0px;
	}
	.navbar-brand:hover {
		opacity: 0.8;
	}
	.contact-form {
		padding: 50px 0px 50px 0px;
		background-color: rgba(194,190,180,1);
	}
	.navbar-nav .nav-link span {
		color: rgba(255,255,255,1);
		text-shadow: 0px 0px 14px rgba(0,0,0,0.4);
	}
	.navbar-light .navbar-toggler {
		background-color: rgba(255,255,255,1);
		position: absolute;
		top: 150px;
		right: 0px;
		left: auto;
	}
	@media (max-width: 565px) {
		.navbar-brand {
		margin-left: 10%;
		}
	}
	@media (max-width: 767px) {
		.navbar-brand {
		position: absolute;
		left: 0px;
		height: 190px;
		background-repeat: no-repeat;
		background-size: contain;
		}
	}

/* ------ 2.1.1 FAT-NAV ------ */
	.hamburger {
		background-color: rgba(255,255,255,1);
		top: 135px;
		height: auto;
		left: auto;
		padding: 13px 50px 13px 15px;
		border-radius: 4px 0px 0px 4px;
		box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	}

	@media (min-width: 768px) { .hamburger { display: none; } }
		.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after { background-color: rgba(103,102,103,1); }
		.hamburger.active { background-color: transparent; }

	.fat-nav_container {
		width: 400px;
		height: 100%;
		display: table;
		margin: auto;
	}
	.fat-nav ul {
		padding: 0px 18px;
		/*padding-top: 200px;*/
	}
		.fat-nav a {
			text-align: left;
			font-size: 22px;
			letter-spacing: 0.2rem;
			margin: 5px 0px;
		}
			.fat-nav a span { padding: 0px; }
				.fat-nav a.dropdown-item { font-size: 18px; letter-spacing: 0.1rem; }

/* ------ 2.2 TEASER ------ */
	#teaser {
		position: relative;
		height: 580px;
		width: 100%;
	}
		#teaser .text-title h3 {
			margin: 10px 0px;
			color: rgba(255,255,255,1);
			text-shadow: 0px 0px 14px rgba(0,0,0,0.4);
			text-transform: uppercase;
		}
	@media (min-width: 1390px) {
		#teaser { height: 570px; }
	}
	@media (min-width: 1082px) and (max-width: 1389px) {
		#teaser { height: 565px; }
	}
	.page-teaser {
		margin-top: 0px;
		height: 100%;
		max-height: 100%;
		padding-bottom: 40px;
	}
	.teaser-vignette, .teaser-image {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
		.teaser-vignette {
			z-index: 20;
		}
		.teaser-image {
			z-index: 15;
		}
	.start-headline {
		position: relative;
		z-index: 30;
	}
	.bg-image {
		background-color: rgba(241,244,245,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	/* ------ 2.2.1 POP-UP ------ */
	.popup {
		display: flex;
		position: absolute;
		align-items: stretch;
		z-index: 750;
	}
	@media (min-width: 768px) {
		.popup { bottom: 0px; }
	}
	@media (max-width: 767px) {
		.popup { bottom: 115px; }
		.popup .popup-img { display: none; }
	}
		.popup.popup-align-left { left: 0px; flex-direction: row; }
			.popup.popup-align-left .popup-content { padding-right: 40px; }
			.popup.popup-align-left .popup-close { right: 14px; }
		.popup.popup-align-right { right: 0px; flex-direction: row-reverse; }
			.popup.popup-align-right .popup-content { padding-left: 40px; }
			.popup.popup-align-right .popup-close { left: 14px; }

		.popup .popup-img {
			height: auto;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-color: rgba(241,244,245,1);
		}
		.popup .popup-content {
			position: relative;
			width: 370px;
			padding: 10px 20px;
		}
		@media (min-width: 768px) {
			.popup .popup-img { width: 171px; }
			.popup .popup-content { width: 370px; }
		}
		@media (max-width: 767px) {
			.popup .popup-img { width: 150px; }
			.popup .popup-content { width: 330px; }
		}
			.popup .popup-close {
				position: absolute; top: 10px;
				background-size: contain;
				background-repeat: no-repeat;
				width: 12px; height: 12px;
				cursor: pointer;
			}
				.popup .popup-close:hover { opacity: 0.6; }
			.popup .popup-content .popup-title h3 {
				font-size: 19px;
				line-height: 19px;
				font-weight: 700;
				margin: 5px 0px 5px;
			}
			.popup .popup-content .popup-text p {
				font-size: 15px;
				line-height: 21px;
				margin-bottom: 0px;
			}
			.popup .popup-content .popup-btn { margin-top: 9px; text-align: right; }
				.popup .popup-content a.popup-btn-link {
					display: inline-block;
					margin-top: 5px;
					padding: 6px 30px;
					color: rgba(255,255,255,1);
				}
				@media (min-width: 768px) { .popup .popup-content a.popup-btn-link { font-size: 15px; line-height: 21px; } }
				@media (max-width: 767px) { .popup .popup-content a.popup-btn-link { font-size: 13px; line-height: 19px; } }
				.popup .popup-close, .popup .popup-content a.popup-btn-link {
					-webkit-transition: opacity ease 0.3s;
					-moz-transition: opacity ease 0.3s;
					-o-transition: opacity ease 0.3s;
					transition: opacity ease 0.3s;
				}
					.popup .popup-content a.popup-btn-link:hover { opacity: 0.9; }

/* ------ 2.3 CONTENT ------ */
#content img { max-width: 100% !important; }
.news-text-preview {
	margin-left: 50px;
}
.bg-grey {
	background-color: rgba(1,1,1,0.1);
}
.text-border-box {
	margin: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.news-border-box {
	margin: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	border-top: 1px solid black;
}
	.news-border-box ul {
		padding: 5px 0px 5px 17px;
	}
	h3.news-date {
		font-size: 14px;
		padding-top: 6px;
	}
	img.news-img {
		text-align: right;
		min-width: 50%;
		max-width: 100%;
	}

@media (min-width: 768px) {
	.display { display: none!important;	}
}
@media (max-width: 767px) {
	.display-none {	display: none!important; }
	img.news-img { margin-bottom: 15px; }
}
strong { font-weight: bold;	}
.bold { font-weight: bold;	}
.border-top {	border-top: 1px black solid;	}
.border-bottom {	border-bottom: 1px black solid; }

.arrow-up {
	position: absolute;
	bottom: 10px;
	right: 25px;
	border: solid rgba(255,255,255,1);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 8px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.arrow-down {
	position: absolute;
	bottom: 25px;
	right: 25px;
	border: solid rgba(255,255,255,1);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 8px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
@media (max-width: 575px) {
	.arrow-up, .arrow-down {
		padding: 5px;
	}
}
.arrow-right {
	position: absolute;
	top: -3px;
	color: white;
	text-align: center;
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #CFCAC2;
}

	.arrow-right:after {
		content: '';
		display: inline-block;
		margin-top: 5px;
		margin-left: -5px;
		width: 10px;
		height: 10px;
		border-top: 3px solid  white;
		border-right: 3px solid  white;
		transform: rotate(45deg);
		background-color: #CFCAC2;
	}
.arrow-left {
	position: absolute;
	left: 0px;
	top: 10px;
	color: white;
	text-align: center;
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: grey;
}
	.arrow-left:after {
		position: absolute;
		content: '';
		display: inline-block;
		margin-top: 8px;
		margin-left: -4px;
		width: 10px;
		height: 10px;
		border-top: 3px solid  white;
		border-right: 3px solid  white;
		transform: rotate(-135deg);
		background-color: #CFCAC2;
	}

	.arrow-up-bg {
		position: absolute;
		left: 0px;
		top: 10px;
		color: white;
		text-align: center;
		display: inline-block;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background-color: #CFCAC2;
	}
		.arrow-up-bg:after {
			position: absolute;
			content: '';
			display: inline-block;
			margin-top: 8px;
			margin-left: -4px;
			width: 10px;
			height: 10px;
			border-top: 3px solid  white;
			border-right: 3px solid  white;
			transform: rotate(-45deg);
		}

		.arrow-down-bg {
			position: absolute;
			left: 0px;
			top: 6px;
			color: white;
			text-align: center;
			display: inline-block;
			width: 25px;
			height: 25px;
			border-radius: 50%;
			background-color: #CFCAC2;
		}
			.arrow-down-bg:after {
				position: absolute;
				content: '';
				display: inline-block;
				margin-top: 6px;
				margin-left: -5px;
				width: 10px;
				height: 10px;
				border-top: 3px solid  white;
				border-right: 3px solid  white;
				transform: rotate(135deg);
			}

	.news .arrow-right,
	.news .arrow-left,
	.news .arrow-up-bg,
	.news .arrow-down-bg {
		position: relative;
	}

	@media (max-width: 575px) {
		.arrow-right {
			top: -2px;
			right: -25px;
		}
	}

	.event-box-link {
		display: block;
		height: 100%;
		padding-top: 10px;
		padding-bottom: 7px;
	}
	.event-box {
		height: 100%;
		background-color: rgba(194,190,180,1);
		border-radius: 5px;
	}
		.event-box h2 {
			width: 100%;
			text-align: right;
			margin-bottom: -6px;
		}
		.event-box h4 {
			margin-bottom: 5px !important;
		}
		.event-box:hover .event-box-picture {
			background-color: rgba(0,0,0,0.4);
		}
	.event-box-picture {
		padding: 15px;
		height: 200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-blend-mode: multiply;
		background-color: rgba(0,0,0,0.2);
	}
		.event-box-picture.event-box-picture-big { height: 300px; }

	.event-button-box {
		border-radius: 5px;
		background-color: rgba(87,87,86,0.8);
	}
		.event-button-box a {
			color: rgba(255,255,255,1);
		}
			.event-button-box a .fas {
				margin: 2px 7px 7px 0px;
				font-size: 20px;
			}

		.event-button-box .row-btn {
			margin: 5px -22px -32px;
		}
		.event-button-box .btn.btn-secondary {
			background-color: rgba(87,87,86,0.8);
			border-radius: 0px 0px 5px 5px;
		}

	.event-box-picture-large {
		padding: 15px;
		background-color: grey;
		height: 385px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-blend-mode: multiply;
		background-color: rgba(0,0,0,0.2);
	}
	.event-box-text {
		position: relative;
		padding: 15px;
	}
		.event-box-text, .event-box-text p { color: rgba(255,255,255,1) !important; }
		.event-box-text-medium {
			padding: 25px;
			background-color: rgba(194,190,180,1);
		}
			.event-box-text-medium h2 { margin-bottom: 5px; }
			.event-box-text-medium h4 { margin-bottom: 0px; }
			.event-box-text-medium, .event-box-text-medium p { color: rgba(255,255,255,1) !important; }
		.event-box-text-large {
			position: relative;
			height: 100%;
			padding: 15px;
			border-radius: 5px;
			background-color: rgba(194,190,180,1);
		}
			.event-box-text-large ul {
				list-style: none;
			}

	.row-welcomeContent{	/* vinith */
		margin-bottom: 50px;
	}

	/*********** STUFE 1-2 XS-SM ***********/
		@media (max-width: 767px) {
			.event-box-text-medium { min-height: 10px; }
				.event-box-text-medium h2 { font-size: 68px; }
				.event-box-text-medium h4 { font-size: 25px; margin-bottom: 6px !important; }
		}
	/*********** STUFE 3 MD ***********/
		@media (min-width: 768px) and (max-width: 991px) {
			.event-box-text-medium { height: 407px; }
				.event-box-text-medium h2 { font-size: 60px; }
				.event-box-text-medium h4 { font-size: 25px; }
				.event-box-text-medium p, .event-box-text-medium td { font-size: 14px; }
		}
	/*********** STUFE 4-5 LG-XL ***********/
		@media (min-width: 992px) {
			.event-box-text-medium { height: 407px; }
				.event-box-text-medium h2 { font-size: 84px; }
				.event-box-text-medium h4 { font-size: 25px; }
		}

	@media (max-width: 767px) {
		.event-box-text-large {
			padding: 15px;
			margin-bottom: 25px;
		}
	}
	@media (max-width: 767px) {
		.event-box {
			margin: 0px;
		}
		.event-box-picture {
			height: 145px;
		}
		.event-box-text-medium {
			padding: 15px;
		}
		.event-box-picture-large {
			height: 200px;
		}
	}
	@media (max-width: 575px) {
		.event-box-picture {
			height: 105px;
		}
	}

	/* -- 2.2.1 TEXT -- */

	/* -- 2.2.2 START -- */
	.pb-tile { margin: 7px 0px; }
	.tiles-medium, .tiles-small, .tiles-large, .tiles-large-side, footer {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		background-blend-mode: multiply;
	}
	.tiles-medium {	height:275px;	}
	.tiles-small { height:185px; }
	.tiles-large { height:630px; }
	.tiles-large-side { height:510px; }

/*********** STUFE 1 XS ***********/
	@media (max-width: 767px) {
		.tiles-medium {	height:170px;	}
		.tiles-small { height:170px; }
		.tiles-large { height:354px; }
		.text-title { margin-bottom: 25px;	}
	}

	/* -- 2.2.3 PERSONEN -- */

	/* -- 2.2.4 FORMULAR -- */

	/* -- 2.2.5 ANLÄSSE -- */
	#event-details .event-box-picture-large a, #event-details .tiles-small a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.row-event-technical {

	}
		.row-event-technical table {
			width: 100%;
		}
			.row-event-technical table td {
				vertical-align: top;
			}
			.event-technical-left p {
				position: relative;
				margin-bottom: 3px;
				padding-right: 38px;
			}
				.event-technical-left p:after {
					position: absolute;
				    width: 17px;
				    height: 17px;
				    background-image: url('../img/icon-check.png');
				    background-position: right;
				    background-repeat: no-repeat;
				    background-size: contain;
				    top: 0px;
				    right: 10px;
				    content: '';
				}

		@media (max-width: 767px) {
			.event-technical-left {
				padding-bottom: 20px;
			}
		}
		@media (min-width: 768px) {
			.event-technical-left {
				border-right: 1px solid #dee2e6;
			}
			.event-technical-right {
				padding-left: 15px;
			}
		}

	/* -- 2.2.6 GALERIE -- */
	.gallery-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;
	}
		.gallery-block a:hover { filter: brightness(1.2); }
		.gallery-col { margin-top: 7px; margin-bottom: 7px; }

			/*********** STUFE 1 XS ***********/
			@media (max-width: 575px) {
				.gallery-block a { height: 281px; }
			}
			/*********** STUFE 2 SM ***********/
			@media (min-width: 576px) and (max-width: 677px) {
				.gallery-block a { height: 281px; }
			}
			/*********** STUFE 3 MD ***********/
			@media (min-width: 678px) and (max-width: 1081px) {
				.gallery-block a { height: 281px; }
			}
			/*********** STUFE 4 LG ***********/
			@media (min-width: 1082px) and (max-width: 1389px) {
				.gallery-block a { height: 281px; }
			}
			/*********** STUFE 5 XL ***********/
			@media (min-width: 1390px) {
				.gallery-block a { height: 281px; }
			}

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

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

/* ------ 2.4 FOOTER ------ */
	footer {
		padding-top: 160px;
		padding-bottom: 25px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
		footer, footer a {
			color: rgba(255,255,255,1);
		}

		footer .footer-links {
			text-transform: uppercase;
			text-decoration: underline;
		}
			footer .footer-socialmedia {
				font-size: 28px;
				margin-bottom: 10px;
			}
		footer p { margin-bottom: 0px; }

		@media (max-width: 767px) {
			footer { padding-top: 80px; }
			footer, footer p {
				font-size: 12px;
				line-height: 17px;
			}
				footer .footer-awards {
					text-align: left;
				}
				footer .footer-socialmedia {
					text-align: right;
				}
				footer .footer-address {
					text-align: left;
				}
				footer .footer-links {
					text-align: right;
				}
		}
		@media (min-width: 768px) {
			footer { padding-top: 85px; }
			footer, footer p {
				font-size: 14px;
				line-height: 23px;
			}
				footer .footer-awards {
					text-align: left;
				}
				footer .footer-socialmedia {
					text-align: right;
				}
				footer .footer-address {
					text-align: left;
				}
				footer .footer-links {
					text-align: right;
				}
		}
		footer .footer-links p {
			font-size: 11px;
			line-height: 17px;
		}

/* ------ 2.5 SUCHE ------ */
/* ============================================= 3.0 TEXT ============================================= */
/* ------ 3.1 SCHRIFTEN ------ */

/* ------ 3.2 TITEL ------ */
	.text-black {
		color: rgba(1,1,1,1);
	}
	.event-box-text p, .event-box-text h4, .event-box-text-medium p, .event-box-text-medium h4, .event-box-text-large p, .event-box-text-large h4 {
		color: white;
		margin: 0px;
	}
	.event-subtitle {
		position: relative;
		padding: 25px 0px 0px;
	}

/* ------ 3.3 ALLGEMEIN ------ */
	.container {
		position: relative;
	}
	#content .row blockquote {
		display: inline-block;
		color: rgba(255,255,255,1);
		padding: 3px 6px;
		font-style: normal;
	}
		#content .row blockquote p {
			margin: 0px;
			color: rgba(255,255,255,1);
		}
		#content .row blockquote a { color: rgba(255,255,255,1) !important; }


	@media (max-width: 575px) {
		.container {
			padding-left: 14px;
			padding-right: 14px;
		}
	}
	#content p, #content .p, #content ul li, .col-form-label, input, textarea, textarea, .row-event-technical table, .content-usercustom table th, .content-usercustom table td, #form-message table td, .news-content > div, #text table td {
		font-size: 15px;
		line-height: 23px;
	}
	.news-picture-preview {
		height: 175px;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-blend-mode: multiply;
	}
	.menu-text-preview {
		padding-left: 45px;
	}
	.col-tile a { width: 100%; }
	.tiles-title {
		max-width: 100%;
		padding: 15px;
		margin: 0px 0px -8px;
		text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
	}
	a {
		color: rgba(87,87,86,1);
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;
	}
		a:hover { color: rgba(87,87,86,0.8); }

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

/* ------ 3.4 BUTTONS ------ */
	.btn-secondary {
		width: 100%;
		background-color: rgba(87,87,86,1);
		border: none;
		border-radius: 5px;
		box-shadow: none !important;
		padding: 10px 0px;
		margin: 7px 0px;
	}
		.btn-secondary h6 { margin-bottom: 0px; text-transform: none; }

	button#btn-send { opacity: 0.5; }
		button#btn-send.btn-clickable {
			opacity: 1;
		}
		#form form.form-inactive { opacity: 0.5; }

	.btn-primary {
		position: relative;
		box-shadow: none;
		border: none;
		text-transform: uppercase;
		border-radius: 5px;
	}

		.btn-primary h3 {
			margin: 3px 0px 3px;
			padding-left: 45px;
		}

	button.btn-primary { box-shadow: none !important; }
		button.btn-primary h3 { margin-top: 10px; }

	.btn-more {	margin-left: 0px; position: relative; }
		.text-right .btn-more { left: -25px; }
		.btn-more h5 {
			display: inline-block;
			margin-top: 10px;
			padding-right: 10px;
		}

		@media (max-width: 991px) {
			.block-btn {
				text-align: right;
			}
				.block-btn .btn-more {
					left: -18px;
				}
		}

	.btn-back {
		position: relative;
		display: inline-block;
	}
		.btn-back h5 {
			margin-left: 35px;
			margin-top: 12px;
		}
		.btn-back h5, .btn-more h5 { text-transform: none; }

	.btn-request { margin-right: 25px;position: absolute;right: 20px; }
		.btn-request h4 {	margin: 4px 0px 0px; }

	@media (max-width: 575px) {
		.btn-request { margin-right: 18px; }
			.btn-request h4 { margin-top: 15px!important; }
	}
/* ------ 3.5 ICONS ------ */
	.footer-icon {
		margin-left: 8px; margin-right: 8px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
		.footer-icon:hover { opacity: 0.9; }
		.footer-icon:first-child { margin-left: 0px; }
		.footer-icon:last-child { margin-right: 0px; }

	.footer-icon.icon-sqs { width: 50px; height: 50px; }
	.footer-icon.icon-gaultmillau { width: 135px; height: 40px; }
	.footer-icon.icon-fb { width: 30px; height: 30px; }
	.footer-icon.icon-tripadvisor { width: 30px; height: 30px; }
	.footer-icon.icon-tripadvisor_traveller { width: 72px; height: 72px; }
	.footer-icon.icon-instagram { width: 30px; height: 30px; }

		.footer-light .footer-icon.icon-sqs { background-image: url('../img/icons/sqs-transparent.svg'); }
		.footer-light .footer-icon.icon-gaultmillau { background-image: url('../img/icons/gaultmillau-transparent.svg'); }
		.footer-light .footer-icon.icon-tripadvisor_traveller { background-image: url('../img/icons/tripadvisor-travellers_choice_2021-transparent.svg'); }
		.footer-light .footer-icon.icon-instagram { background-image: url('../img/icons/instagram-transparent.svg'); }
		.footer-light .footer-icon.icon-fb { background-image: url('../img/icons/facebook-transparent.svg'); }

		.footer-dark .footer-icon.icon-gaultmillau { background-image: url('../img/icons/gaultmillau-white.svg'); }
		.footer-dark .footer-icon.icon-tripadvisor_traveller { background-image: url('../img/icons/tripadvisor-travellers_choice_2021-white.svg'); }
		.footer-dark .footer-icon.icon-tripadvisor { background-image: url('../img/icons/tripadvisor-white.svg'); }
		.footer-dark .footer-icon.icon-instagram { background-image: url('../img/icons/instagram-white.svg'); }
		.footer-dark .footer-icon.icon-fb { background-image: url('../img/icons/facebook-white.svg'); }

	.icon-cutlery {
		position: absolute;
		bottom: 20%;
		left: 6%;
		height: 27px;
		width: 27px;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('../img/icons/cutlery-icon.png');
	}
	.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');
		}

	#content .icon-sqs {
		float: right;
		height: 75px;
		width: 75px;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('../img/icons/sqs-transparent.svg');
	}

/* ------ 3.6 LISTEN ------ */
	ul, li { margin: 5px 0px 5px; }
	ul { padding: 0px; }
		#content ul {
			padding-left: 20px;
		}

	.event-box ul li { color: rgba(255,255,255,1); }

	ul.dashed > li { margin-top: 0px!important; }
		ul.dashed > li:before { content: "- "; }

	.list-tiers ul > li {
		margin-top: 0px!important;
		margin-left: 15px;
		position: relative;
		color: rgba(255,255,255,1) !important;
	}
		.list-tiers ul > li:before {
			position: absolute;
			top: 8px;
			left: -15px;
			content: "";
			border: solid rgba(255,255,255,1);
			border-width: 0 2px 2px 0;
			display: inline-block;
			padding: 2px;
			transform: rotate(-75deg);
			-webkit-transform: rotate(-45deg);
		}

		#content ul li a, #content p a {
			-webkit-transition: color ease 0.3s;
			-moz-transition: color ease 0.3s;
			-o-transition: color ease 0.3s;
			transition: color ease 0.3s;
		}

	/* ------ 3.8 ACCORDION ------ */
	#accordion .card {
		border-width: 0px;
	}
		#accordion .card:first-child { margin-top: -8px; }
		#accordion .card .card-header {
			position: relative;
			padding: 0px 0px 0px;
			background: transparent !important;
			border-radius: 0px;
			border-top: 1px solid rgba(0,0,0,1);
			border-bottom-width: 0px;
		}
			#accordion .card .card-header .btn:after {
				position: absolute;
				width: 12px; height: 12px;
				top: 28px; right: 5px;
				display: block;
				content: '';
				background-image: url('../img/icons/arrow-black.png');
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;

				-webkit-transition: transform ease 0.3s;
				-moz-transition: transform ease 0.3s;
				-o-transition: transform ease 0.3s;
				transition: transform ease 0.3s;
			}
				#accordion .card .card-header .btn.collapsed:after { transform: rotate(90deg); }
				#accordion .card .card-header .btn:after { transform: rotate(-90deg); }
			.card-header .btn {
				padding: 0px;
				margin: 0px;
				width: 100%;
				text-align: left;
			}
			.card-header h3 { margin: 14px 0px; }

		#accordion .card .card-body {
			padding: 0px 0px 20px;
		}



/* ============================================= 4.0 FORMULAR ============================================= */
	.form-control {
		padding: 0.275rem 0.75rem;
		box-shadow: none;
		border: 0px!important;
	}
		select.form-control:not([size]):not([multiple]) { height: auto; }
		.form-control:focus { box-shadow: none !important; }
		.form-control.error { box-shadow: 0px 0px 0px 2px rgba(255,0,0,0.6); }
		.form-checkbox.error { box-shadow: 0px 0px 0px 2px rgba(255,0,0,1); }

	select.form-control#field-time_hour, select.form-control#field-time_min {
		display: inline-block;
		width: 46%;
	}

	input, select, textarea { background-color: rgba(227,224,219,1)!important;	}
	select { -webkit-appearance: none!important; } /*-webkit-border-radius: 0px!important; */

	#form-message table tr > td:first-child { padding-right: 10px; }

	@media (max-width: 767px) {
		#label-time, #group-time { margin-top: 1rem; }
	}

/* ------ 4.1 FELDER ------ */
	label {
		cursor: pointer;
		padding: 0px;
		margin-bottom: 0px;
		cursor: pointer;
	}
	.custom-checkbox .custom-control-indicator {
		border-radius: 0px!important;
		box-shadow: none!important;
		height: 50px;
		width: 50px;
	}
	.custom-control-input ~ .custom-control-indicator { background-color: #d4d4d4; }
	.custom-control-description {	padding-top: 5px;	padding-left: 5px; }
	.form-group-checkbox-container { display: flex;  }
		.form-group-checkbox	input[type="checkbox"] { margin: 4px 0px; }
		.form-group-checkbox .col-form-label { padding: 0px 0px 0px 5px; }


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

	#text table td {
		font-weight: 400;
		vertical-align: top;
	}

	.content-usercustom table {
		border-color: rgba(212,212,212,0.3);
	}
		.content-usercustom table tr {

		}
		.content-usercustom table th, .content-usercustom table td {
			padding: 2px 5px;
			border-color: rgba(212,212,212,1);
		}

/* ============================================= 6.0 SONSTIGES ============================================= */
	.clearer { clear: both; }

/* ------ 6.1 ANIMATIONEN ------ */
footer, footer a, .event-button-box a {
	-webkit-transition: color ease 0.3s;
	-moz-transition: color ease 0.3s;
	-o-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
.tiles-large, .tiles-medium, .tiles-small, .event-box-picture, .news-picture-preview, .arrow-right, .arrow-left, a, #list-wines .wine-article, #cookie-law button:before, #cookie-law button:after {
	-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;
}
li.nav-item, a.nav-link, .navbar-brand, button#btn-send, #form form, button#btn-send, #form form, #cookie-law button {
	-webkit-transition: opacity ease 0.3s;
	-moz-transition: opacity ease 0.3s;
	-o-transition: opacity ease 0.3s;
	transition: opacity ease 0.3s;
}
.gallery-block a {
	-webkit-transition: filter ease 0.3s;
	-moz-transition: filter ease 0.3s;
	-o-transition: filter ease 0.3s;
	transition: filter ease 0.3s;
}

#news-reservation{
	width: 300px!important;
	display: block;
}

/* ------ 6.2 ABSTÄNDE ------ */
	.page-content {
		margin-top: 50px;
		margin-bottom: 35px;
	}
	.nopadding-right {
		padding-right: 0px;
	}
	.nopadding-left {
		padding-left: 0px;
	}
	@media (max-width: 767px) {
		.nopadding-right {
			padding: 0px 7px 0px 7px!important;
		}
		.nopadding-left {
			padding: 0px 7px 0px 7px!important;
		}
	}
	.nomargin-top {
		margin-top: 0px !important;
	}
	.nomargin {
		margin-bottom: 0px !important;
	}
	.margin-top {
		margin-top: 14px;
	}
	.margin-bottom {
		margin-bottom: 50px;
	}
	.margin-bottom-m {
		margin-bottom: 25px;
	}
	.text-margin {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	@media (max-width: 767px) {
		.margin-bottom {
			margin-bottom: 25px;
		}
	}
	@media (max-width: 767px) {
		.margin-bottom-xs {
			margin-bottom: 25px !important;
		}
	}
	.text-module-secondary {
		margin-bottom: 20px;
		border-top: 1px black solid;
	}
	.text-title h3 {
		margin: 0px;
	}

/* ------ 6.3 ROYALSLIDER ------ */

/* ------ 6.4 MODAL ------ */
.modal-backdrop {
	/*background-color: rgba(0,0,0,0.5);*/
	background-color: rgba(238,235,229,0.5);
}
.modal-content {
	border-width: 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.4);
}
	.modal-header {
		border-bottom-width: 0px;
		padding-bottom: 0px;
	}
	.modal-header h4.wine-price {
		position: absolute;
		top: 34px;
		right: 30px;
		font-size: 19px;
	}
		.modal-header h3 { margin-top: 20px;}
		.modal-header h3 small { opacity: 0.5; }
	.close:hover, .close:focus { outline: 0; }

	.modal-content .list-winefacts {
		padding: 10px 0px;
	}
		.modal-content .list-winefacts p {
			margin-bottom: 4px;
		}

	/* ------ 6.5 HYPHENATOR ------ */
	.textmodule {
		hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		-moz-hyphens: manual;
	}

	/* ------ 6.6 EU-Banner ------ */
	#cookie-law {
	    width: 100%;
	    background: rgba(0,0,0,0.8);
	    margin: auto;
		position: fixed;
		bottom: 0px;
		z-index: 1000;
		text-align: center;
		left: auto;
		right: auto;
		color: rgba(255,255,255,1);
		padding: 20px 0px;
	}
		#cookie-law p {
			color: rgba(255,255,255,1);
			text-align: left;
			display: inline-block;
			margin: 0px;
		}
		#cookie-law button {
			background-color: transparent;
			border-width: 0px;
			position: absolute;
			top: 0px;
			right: 12px;
			width: 36px;
			height: 36px;
			opacity: 1;
			cursor: pointer;
		}
		#cookie-law button:before, #cookie-law button:after {
			position: absolute;
			top: 0px;
			left: 17px;
			content: ' ';
			height: 36px;
			width: 3px;
			background-color: rgba(255,255,255,1);
		}
			#cookie-law button:before { transform: rotate(45deg); } #cookie-law button:after { transform: rotate(-45deg); }
			#cookie-law button:hover { opacity: 0.8; }

	/* ------ 6.7 PRINT ------ */

	/*********** STUFE 1 XS ***********/
		@media (max-width: 575px) {
		}
	/*********** STUFE 2 SM ***********/
		@media (min-width: 576px) and (max-width: 767px) {
		}
	/*********** STUFE 3 MD ***********/
		@media (min-width: 768px) and (max-width: 991px) {
		}
	/*********** STUFE 4 LG ***********/
		@media (min-width: 992px) 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; }

/************ Teamseite Tabelle ************/
table{
	height: auto!important;
	width: 150%!important;
	overflow-x: auto;
}
td > img {
	width: 80%;
	height: auto;
}
@media(max-width: 768px) {
	table {
		width: auto !important;
	}
}
@media (max-width: 450px) {
	#text table td{
		font-size: 10px!important;
	}
}
@media(min-width: 451px) and (max-width: 575px){
	#text table td{
		font-size: 12px!important;
	}
}
@media(min-width: 567px){
	#text table td{
		line-height: 34px!important;
	}
}
@media(max-width: 566px){
	#text table td{
		line-height: 21px!important;
	}
}