/********************/
/*	  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 ------ */

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

/* ------ 2.1 NAVIGATION ------ */
	/*.navbar-brand-backdrop {
		position: absolute;
		display: block;
		z-index: 22;
		top: 0px;
		left: 0px;
		width: 300px;
		height: 100px;
		border-radius: 0px 0px 50% 50%;
		background-color: rgba(255,255,255,0.8);
	}*/
	.navbar {
		padding: 2rem 1rem;
	}
		.navbar.bg-white { background-color: rgba(255,255,255,0.8) !important; }
	.navbar-brand-backdrop {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 320px;
		height: 0px;
	}
		.navbar-brand-backdrop div {
			position: absolute;
			top: -1px;
			right: 0px;
			display: block;
			content: '';
			z-index: 22;
			width: 1200px;
			height: 220px;
			opacity: 0.8;
			background-image: url('../../data/img/sweep-white.png');
			background-size: contain;
			background-repeat: no-repeat;
			/*border: 1px red solid;*/
		}
	.navbar-brand {
		/*top: 24px;
		left: 0px;
		width: 140px;
		height: 69px;
		margin-left: 10px;*/
		top: 0px;
	    left: 0px;
	    width: 204px;
	    height: 90px;
	    margin-left: 10px;
		background-size: 62%;
		z-index: 1000;
		background-position: center;
	}
		.dropdown-item.active, .dropdown-item:active {
			background-color: rgba(162,176,1,1);
		}

		.navbar-nav .nav-link span {
			text-shadow: none !important;
			color: rgba(87,87,86,1);
			text-transform: uppercase;
		}

/* ------ 2.1.1 FAT-NAV ------ */
			.navbar-light .navbar-nav .nav-item.active a.nav-link span,
			.fat-nav li.nav-item.active, .fat-nav li.nav-item.active a {
				color: rgba(162,176,1,1);
				/*border-bottom: 2px rgba(162,176,1,1) solid;*/
			}

/* ------ 2.2 TEASER ------ */
	.teaser-vignette {
		background-color: rgba(1,1,1,0.05);
	}
	.teaser-image {
		background-image: url('../../data/img/teaser/benerpark.jpg');
	}

	/* ------ 2.2.1 POP-UP ------ */
	.popup.popup-design-default {
		background-color: rgba(162,176,1,1);
	}
		.popup.popup-design-default .popup-btn-link { background-color: rgba(0,0,0,1); }
	.popup.popup-design-light {
		background-color: rgba(227,224,219,1);
	}
	.popup.popup-design-dark {
		background-color: rgba(0,0,0,0.7);
	}
		.popup.popup-design-dark .popup-btn-link { background-color: rgba(162,176,1,1); }
		.popup.popup-design-light .popup-btn-link { background-color: rgba(255,255,255,1); color: rgba(88,88,90,1) !important; }
		.popup.popup-design-default h3, .popup.popup-design-dark h3, .popup.popup-design-default p, .popup.popup-design-dark p { color: rgba(255,255,255,1) !important; }
		.popup.popup-design-default .popup-close, .popup.popup-design-dark .popup-close { background-image: url('../../data/img/icons/times-white.svg'); }
		.popup.popup-design-light .popup-close { background-image: url('../../data/img/icons/times-black.svg'); }

/* ------ 2.3 CONTENT ------ */
	.event-button-box a:hover { color: rgba(162,176,1,1); }
	.titlebar-margin {
		margin-bottom: 20px;
	}

	/* -- 2.2.1 TEXT -- */

	/* -- 2.2.2 START -- */
	.tiles-medium, .tiles-small, .tiles-large, .tiles-large-side, footer { background-color: rgba(0,0,0,0); }
		.tiles-medium:hover, .tiles-small:hover, .tiles-large:hover { background-color: rgba(254,254,254,0.3); }

/*********** STUFE 1 XS ***********/

	/* -- 2.2.3 PERSONEN -- */

	/* -- 2.2.4 FORMULAR -- */

	/* -- 2.2.5 ANLÄSSE -- */

	/* -- 2.2.6 KALENDER -- */


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

/* ------ 2.4 FOOTER ------ */
	footer {
		background-image: url("../../data/img/footer-benerpark05.jpg");
	}
		footer hr { border-top: 1px rgba(0,0,0,1) solid; }
		footer a:hover { color: rgba(162,176,1,1); }

/* ------ 2.5 SUCHE ------ */
/* ============================================= 3.0 TEXT ============================================= */
/* ------ 3.1 SCHRIFTEN ------ */
	/* DINCond-Medium */
	h1, .h1, .tiles-title {
		font-family: 'din-condensed','Roboto Condensed','Tahoma', sans-serif;
		font-weight: 300;
		font-style: normal;
	}
		h2.tiles-title { color: rgba(255,255,255,1); }
	/* Roboto Condensed */
	h2, .h2, #content p, #content .p, .news-content > div, #content ul li, .col-form-label, input, textarea, textarea, .row-event-technical table, #text table td, #form-message table td, .content-usercustom table th, .content-usercustom table td, #filter-wines label, .popup .popup-content .popup-text p {
		font-family: 'Gothic A1','Helvetica', sans-serif;/*'Helvetica Neue', */
		color: rgba(87,87,86,1);
	}
	/* Roboto */
	h3, .h3, h4, .h4, h5, .h5, h6, .h6, button, nav.navbar-light .navbar-nav .nav-link, .btn-light, footer, footer p, #cookie-law p,
	#content ol li, .subtitle, .field-text, .btn-primary, table, footer, select.field-select, .btn.btn-primary, .btn.btn-secondary, select, .serif, nav .dropdown-menu, .popup .popup-content .popup-btn a {
		color: rgba(255,255,255,1);
		font-family: 'Gothic A1','Helvetica', sans-serif; /*'Helvetica Neue', */
		font-weight: 500;
	}
		footer, footer p, footer a { color: rgba(87,87,86,1); }

	li.nav-item, a.nav-link {
		letter-spacing: 0.05rem;
		font-size: 15px;
		font-weight: 100;
		text-transform: none;
	}
		.navbar-expand-md .navbar-nav .nav-link {
			padding-left: 0.5rem;
			padding-right: 0.5rem;
		}
		.dropdown-menu a.dropdown-item { text-transform: none; }

	h1, .h1 {
		color: rgba(162,176,1,1)!important;
		font-size: 54px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	h2 {
		font-size: 26px;
	}
		h2.tiles-title {
			font-size: 35px;
			text-transform: uppercase;
		}
	h3, h3 .btn {
		color: rgba(87,87,86,1);
		font-size: 24px;
		margin: 20px 0px 10px;
		text-decoration: none !important;
	}
	h3 .btn:hover {
		color: rgba(162,176,1,1)!important;
	}
		.news-border-box h3 { margin-top: 0px; }
	h4 {
		color: rgba(87,87,86,1);
		font-size: 31px;
		margin: 10px 0px 10px;
	}
	h5 {
		color: rgba(87,87,86,1);
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	/*h6, h4, h2, .h2, nav.navbar-light .navbar-nav .nav-link, .btn-light, h5 , h4, h3.title, #cookie-law p { text-transform: uppercase; }*/
	h2, .h2, h4, .h4, h3, .h3 {	font-weight: 500; }
	p { margin-bottom: 10px; }
	#cookie-law p { font-size: 24px; }

	#content p, #content .p, #content ul li, .col-form-label, input, textarea, textarea, .row-event-technical table, #form-message table td, .news-content > div, #text table td {
	    font-size: 17px;
	    line-height: 25px;
	}

	@media (max-width: 991px) {
		h1 { font-size: 60px; }
		h2.tiles-title { font-size: 24px; }
		#cookie-law p { font-size: 24px; }
	}
	@media (max-width: 767px) {
		h1 { font-size: 54px; }
		h2 { font-size: 34px; }
		h4 { font-size: 26px; margin: 10px 0px 10px; }
		h5, #cookie-law p { font-size: 19px; }
	}
	@media (max-width: 575px) {
		p, ul li, input, .news-content > div, #text table td, .content-usercustom table th, .content-usercustom table td { font-size: 8px; }
		.col-form-label { font-size: 15px; }
		h1 { font-size: 48px; }
		h2 { font-size: 25px; }
		h3 { font-size: 17px; margin: 10px 0px 10px; }
		h4 { font-size: 19px; }
		#cookie-law p { font-size: 14px; }
		h5 { font-size: 14px; }
	}

/* ------ 3.3 ALLGEMEIN ------ */
	#content .row blockquote {
		background-color: rgba(162,176,1,1);
	}
	#content .row p a {
		color: rgba(162,176,1,1);
	}
	.text-module-secondary:hover .arrow-right { background-color: rgba(162,176,1,1); }

	hr { border-top: 1px solid black; }

/* ------ 3.4 BUTTONS ------ */
		.btn-secondary:hover { background-color: rgba(162,176,1,1); }

	.btn-primary {
		background-color: rgba(162,176,1,1);
	}
		.btn-primary:hover { background-color: rgba(162,176,1,0.8); }
		.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; }
		.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle,
		.btn-more:hover .arrow-right, .btn-back:hover .arrow-left { background-color: rgba(162,176,1,1); }

/* ------ 3.5 ICONS ------ */

/* ------ 3.6 LISTEN ------ */
#content ul li a, #content p a { color: rgba(162,176,1,1); font-weight: bold; }
	#content ul li a:hover, #content p a:hover { color: rgba(162,176,1,0.7); }
	#content ul li a:after { content: ' ›'; }

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


/* ------ 4.1 FELDER ------ */

/* ------ 4.1 FELDER ------ */

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

/* ============================================= 6.0 SONSTIGES ============================================= */
/* ------ 6.1 ANIMATIONEN ------ */

/* ------ 6.2 ABSTÄNDE ------ */

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

/* ------ 6.4 MODAL ------ */

	/* ------ 6.5 HYPHENATOR ------ */

	/* ------ 6.6 EU-Banner ------ */
	#cookie-law a, a.link-green { color: rgba(162,176,1,1); }
		#cookie-law a:hover, a.link-green:hover { color: rgba(162,176,1,0.8); }
			#cookie-law button:hover:before, #cookie-law button:hover:after { background-color: rgba(162,176,1,1); }

	/* ------ 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; }