/********************/
/*	  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 {
		height: 100%;
		margin: 0;
		color: rgba(88,88,90,1);
	}

	a {
		text-decoration: none !important;
	}
	:focus { outline: 0 !important; }

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

	main {
		display: flex;
		flex-flow: column;
		height: 100%;
	}
		main > section {
			flex: 0 1 auto;
		}
			main > section#content {
				display: flex;
				flex-flow: column;
				flex: 1 1 auto;
				overflow-y: scroll; /*auto*/
			}
			main#main-start > section#content { overflow-y: auto; }

	#header, #content, #footer { opacity: 0; }

	/* ------ 2.1 NAVIGATION ------ */
	#nav {
		background-color: rgba(160,175,0,1);
	}
		#nav ul.nav li.nav-item {
			border-right: 1px rgba(255,255,255,1) solid;
		}
			#nav ul.nav li.nav-item:last-child { border-right-width: 0px; }

			#nav ul.nav li.nav-item .nav-link {
				position: relative;
				background-position: center;
				background-repeat: no-repeat;
				height: 100%;
				text-align: center;
				cursor: pointer;
				color: rgba(255,255,255,1);
			}
				#nav ul.nav li.nav-item .nav-link#nav-start {
					background-image: url('../img/icon/house-white.png');
					background-image: url('../img/icon/house-white.svg'), linear-gradient(transparent, transparent);
				}
				#nav ul.nav li.nav-item .nav-link#nav-auswahl {
					background-image: url('../img/icon/basket-white.png');
					background-image: url('../img/icon/basket-white.svg'), linear-gradient(transparent, transparent);
				}
					@media (max-width: 575px) { #nav ul.nav li.nav-item .nav-link#nav-auswahl { background-size: 30px; } }
					@media (min-width: 576px) { #nav ul.nav li.nav-item .nav-link#nav-auswahl { background-size: 40px; } }

				#nav ul.nav li.nav-item .nav-link #counter-articles {
					position: absolute;
					display: block;
					margin: auto auto;
					top: -29px;
					bottom: 0px;
					left: 0;
					right: -29px;
					width: 12px;
					height: 12px;
					border-radius: 50%;
					background-color: rgba(255,255,255,1);
					color: rgba(160,175,0,1);
				}

				#nav ul.nav li.nav-item .nav-link:hover { background-color: rgba(255,255,255,0.1); }
				#nav ul.nav li.nav-item.active .nav-link {
					font-weight: 700;
					background-color: rgba(255,255,255,1);
					color: rgba(160,175,0,1);
				}

					/*********** STUFE 1 PHONE 1 ***********/
					@media (max-width: 767px) {


						#nav ul.nav li.nav-item .nav-link {
							background-size: 28px;
							width: 67px;
							padding: 16px 6px;
						}
						#nav ul.nav li.nav-item:first-child .nav-link, #nav ul.nav li.nav-item:last-child .nav-link { width: 46px; }
					}
					/*********** STUFE 2 PHONE 2 ***********/
					@media (min-width: 576px) and (max-width: 767px) {

						#nav ul.nav li.nav-item .nav-link {
							background-size: 35px;
							width: 120px;
							padding: 16px 14px;
						}
						#nav ul.nav li.nav-item:first-child .nav-link, #nav ul.nav li.nav-item:last-child .nav-link { width: 75px; }
					}
					/*********** STUFE 3+ DESKTOP ***********/
					@media (min-width: 768px) {

						#nav ul.nav li.nav-item .nav-link {
							background-size: 35px;
							width: 170px;
							padding: 16px 16px;
						}
						#nav ul.nav li.nav-item:first-child .nav-link, #nav ul.nav li.nav-item:last-child .nav-link { width: 95px; }
					}

	/* ------ 2.2 UNTERNAVIGATION ------ */
	#subnav {
		padding: 16px 0px;
		min-height: 192px;
		max-height: 192px;
		background-color: rgba(216,209,196,1);
		background-image: url('../img/restaurant.jpg');
	}
		#subnav .slick-list {
			padding: 16px 0px;
		}
		@media (max-width: 575px) {
			#subnav .slick-list { padding: 12px 0px; }
		}

		a.tile-nav {
			position: relative;
			cursor: pointer;
			display: flex;
			width: 100%;
			height: 128px;
			color: rgba(88,88,90,1);
			background-color: rgba(255,255,255,1);
			border: 2px rgba(255,255,255,1) solid;
		}
			a.tile-nav .tile-note {
				position: absolute;
				width: 100%;
				top: 0px;
				left: 0px;
				right: 0px;
				text-align: right;
				padding: 2px 3px;
			}
			a.tile-nav .tile-submenu {
				position: absolute;
				width: 100%;
				bottom: 0px;
				left: 0px;
				right: 0px;
				text-align: center;
				padding: 2px 3px;
			}
			.tile-highlight a.tile-nav {
				border-color: rgba(207,202,194,1);
				background-color: rgba(207,202,194,1);
				color: rgba(255,255,255,1);
			}
			a.tile-nav:hover { opacity: 0.95; }
			a.tile-nav:active { transform: scale(0.95); }
			a.tile-nav.active {
				transform: scale(1.1);
				border-color: rgba(160,175,0,1);
				color: rgba(160,175,0,1);
			}
		.tile-footer {
			padding: 6px 10px;
			width: 100%;
			height: 100%;
			background-color: rgba(144,122,93,0.25);

		}

	/* ------ 2.3 HEADER ------ */
	#header {
		position: relative;
		margin-top: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
		background-color: rgba(255,255,255,1);
	}
		#header h1 {
			margin-top: 8px;
		}

		#header .icon-wine-filter {
			display: block;
			padding: 1px 42px 2px 0px;
			margin-top: 16px;
			text-transform: uppercase;
			font-weight: 600;
			cursor: pointer;
			text-align: right;
			color: rgba(88,88,90,1);
			background-image: url('../img/icon/filter-beige.png');
			background-image: url('../img/icon/filter-beige.svg'), linear-gradient(transparent, transparent);
			background-position: right center;
			background-size: contain;
			background-repeat: no-repeat;
		}
			@media (max-width: 575px) { #header .icon-wine-filter { padding: 1px 42px 0px 0px; } }
			@media (min-width: 576px) { #header .icon-wine-filter { padding: 1px 42px 2px 0px; } }
			#header .icon-wine-filter:hover { opacity: 0.95; }
			#header .icon-wine-filter:active { transform: scale(0.95); }

	/* ------ 2.4 CONTENT ------ */
	#content {
		position: relative;
		margin-top: 24px;
		margin-bottom: 16px;
		margin-left: 8px;
		background-color: rgba(255,255,255,1);
	}

	.tile-block {
		cursor: pointer;
		display: flex;
		width: 100%;
		margin: 8px 0px;
		background-color: rgba(216,209,196,1);
	}
	/* PHONE */
	@media (max-width: 575px) {
		.tile-block {
			height: 135px;
		}
	}
	/* ANDERE */
	@media (min-width: 576px) {
		.tile-block {
			height: 256px;
		}
	}

		#content > .container > .row > .col-5:nth-child(-n + 2) .tile-block { margin-top: 0px; }
		.tile-block h3 { color: rgba(255,255,255,1); }
		.tile-block:hover { background-color: rgba(216,209,196,0.8); }
		.tile-block.tile-gray { background-color: rgba(204,204,204,1); }
			.tile-block.tile-gray:hover { background-color: rgba(204,204,204,0.8); }
		.tile-block:active { transform: scale(0.95); }

		.tile-center {
			width: 100%;
			z-index: 100;
			padding: 8px;
			align-self: center;
			text-align: center;
		}
			.tile-center.tile-top { align-self: start; padding-top: 15px; }

	.row-article {
		position: relative;
	}
		#template-dishes-tavolata hr, .row-article hr, .news-border-box hr {
			border-color: rgba(160,175,0,1);
			margin: 13px 0px 16px;
		}

	.tile-center, .col-clickable { cursor: pointer; }

	.btn-arrow {
		padding: 6px 25px;
		background-size: 15px;
		background-repeat: no-repeat;
		color: rgba(88,88,90,1);
		font-weight: 400;
	}
		.btn-arrow:hover {
			color: rgba(160,175,0,1);
		}
		.btn-arrow.btn-arrowleft {
			background-image: url('../img/icon/arrow_left-gray.png');
			background-image: url('../img/icon/arrow_left-gray.svg'), linear-gradient(transparent, transparent);
			background-position: left;
		}
			.btn-arrow.btn-arrowleft:hover {
				background-image: url('../img/icon/arrow_left-green.png');
				background-image: url('../img/icon/arrow_left-green.svg'), linear-gradient(transparent, transparent);
			}
		.btn-arrow.btn-arrowright {
			background-image: url('../img/icon/arrow_right-gray.png');
			background-image: url('../img/icon/arrow_right-gray.svg'), linear-gradient(transparent, transparent);
			background-position: right;
		}
			.btn-arrow.btn-arrowright:hover {
				background-image: url('../img/icon/arrow_right-green.png');
				background-image: url('../img/icon/arrow_right-green.svg'), linear-gradient(transparent, transparent);
			}

	.btn-tick {
		width: 35px;
		height: 35px;
		border: 0px;
		background-color: rgba(144,122,93,0.25);
		background-image: url('../img/icon/tick-white.png');
		background-image: url('../img/icon/tick-white.svg'), linear-gradient(transparent, transparent);
		background-position: center 53%;
		background-size: 62%;
		background-repeat: no-repeat;
	}
		.btn-tick.btn-large { width: 61px; height: 61px; }
		.btn-tick:hover { background-color: rgba(216,209,196,0.5); }
		.btn-tick:active { transform: scale(0.9); }
		.btn-tick.active { background-color: rgba(160,175,0,1); }

		/* -- 2.4.1 START -- */
		#template-start .tile-start {
			position: relative;
			display: flex;
			width: 100%;
			background-color: rgba(216,209,196,1);
			text-align: center;
			margin: 8px 0px;
		}
			.tile-overlay:before {
				position: absolute;
				content: '';
				display: block;
				background-color: rgba(0,0,0,0.25);
				z-index: 10;
				width: 100%;
				height: 100%;
			}
			a.tile-overlay:hover:before { background-color: rgba(0,0,0,0.1); }
			a.tile-start:active { transform: scale(0.95); }


		/* PHONE */
		@media (max-width: 575px) {
			#template-start .tile-start {
				height: 160px;
			}
		}
		/* ANDERE */
		@media (min-width: 576px) {
			#template-start .tile-start {
				height: 256px;
			}
				#template-start .tile-start#tile-selection { height: 50%; }
		}
		@media (min-width: 768px) {
				#template-start .tile-start#tile-wines { height: 483px; }
		}

		#icon-reset {
			position: absolute;
			bottom: 0px;
			left: 30px;
			width: 43px;
			height: 71px;
			cursor: pointer;
			z-index: 1000;
			background-image: url('../img/icon/cancel-beige.png');
			background-image: url('../img/icon/cancel-beige.svg'), linear-gradient(transparent, transparent);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
		}
			#icon-reset:hover { opacity: 0.8; }
			#icon-reset:active { opacity: 1; }

		/* -- 2.4.2 SPEISEN -- */


		/* -- 2.4.3 WEINE -- */
		#template-wines-group .col-clickable { cursor: pointer; }

		/* -- WEIN-FILTER -- */
		.modal-body #container-filter {
			overflow-y: auto;
			max-height: 500px;
			padding-right: 8px;
		}
		#container-filter > .section-criteria {
			margin: 5px 0px 42px;
			max-height: 112px;
		}
			#container-filter > .section-criteria:last-child { margin-bottom: 0px; }
			#container-filter > .section-criteria .row-criteria-header h4,#container-filter > .section-criteria .row-criteria-header p { padding-top: 8px; }
				#container-filter > .section-criteria h4::after { content: ''; clear: both; }

			.icon-criteria {
				float: left;
				position: relative;
				width: 35px;
				height: 35px;
				background-position: left center;
				background-size: contain;
				background-repeat: no-repeat;
			}
				.icon-criteria.icon-magnifier {
					background-image: url('../img/icon/magnifier-gray.png');
					background-image: url('../img/icon/magnifier-gray.svg'), linear-gradient(transparent, transparent);
					background-size: 25px;
				}
				.icon-criteria.icon-textmarker {
					background-image: url('../img/icon/textmarker-gray.png');
					background-image: url('../img/icon/textmarker-gray.svg'), linear-gradient(transparent, transparent);
					background-size: 22px;
				}
				.icon-criteria.icon-wine {
					background-image: url('../img/icon/wine-gray.png');
					background-image: url('../img/icon/wine-gray.svg'), linear-gradient(transparent, transparent);
				}
				.icon-criteria.icon-bottle {
					background-image: url('../img/icon/bottle-gray.png');
					background-image: url('../img/icon/bottle-gray.svg'), linear-gradient(transparent, transparent);
				}
				.icon-criteria.icon-flag {
					background-image: url('../img/icon/flag-gray.png');
					background-image: url('../img/icon/flag-gray.svg'), linear-gradient(transparent, transparent);
				}
				.icon-criteria.icon-i {
					background-image: url('../img/icon/i-gray.png');
					background-image: url('../img/icon/i-gray.svg'), linear-gradient(transparent, transparent);
				}
				.icon-criteria.icon-tag {
					background-image: url('../img/icon/tag-gray.png');
					background-image: url('../img/icon/tag-gray.svg'), linear-gradient(transparent, transparent);
					background-size: 14px;
				}
				.icon-criteria.icon-grapes {
					background-image: url('../img/icon/grapes-gray.png');
					background-image: url('../img/icon/grapes-gray.svg'), linear-gradient(transparent, transparent);
				}

		input.input-filter {
			width: 100%;
			padding: 2px 12px 3px;
			margin: 9px 0px 0px;
			color: rgba(255,255,255,1);
			background-color: rgba(216,209,196,1);
			border-width: 0px;
			border-radius: 0px;
		}
		@media (max-width: 575px) { input.input-filter { padding: 13px 12px; } }

		#content .btn-winesearch {
			cursor: pointer;
			display: flex;
			justify-content: center;
			width: 100%;
			height: 100%;
			padding: 0px 8px;
			background-color: rgba(216,209,196,1);
		}
			#content .btn-winesearch p {
				display: block;
				padding: 7px 10px 0px;
				color: rgba(255,255,255,1);
			}
			@media (max-width: 575px) { #content .btn-winesearch p { display: none; } }
			@media (min-width: 576px) { #content .btn-winesearch p { width: 52px; } }

			#content .btn-winesearch .icon-magnifier {
				display: block;
				align-self: center;
				background-image: url('../img/icon/magnifier-white.png');
				background-image: url('../img/icon/magnifier-white.svg'), linear-gradient(transparent, transparent);
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
			}
			@media (max-width: 575px) { #content .btn-winesearch .icon-magnifier { width: 20px; height: 28px; } }
			@media (min-width: 576px) { #content .btn-winesearch .icon-magnifier { width: 26px; height: 33px; } }

		.tile-filter {
			cursor: pointer;
			display: flex;
			width: 100%;
			height: 80px;
			margin: 8px 0px;
			color: rgba(255,255,255,1);
			background-color: rgba(216,209,196,1);
		}
			.tile-filter:hover { opacity: 0.8; }
			.tile-filter.tile-gray { background-color: rgba(204,204,204,1); }

			.tile-filter:active { transform: scale(0.95); }

			.tile-filter.active {
				background-color: rgba(160,175,0,1);
			}

		@media (max-width: 575px) { .container-filterrange { padding: 18px 18px; } }
		@media (min-width: 576px) { .container-filterrange { padding: 18px 2px; } }
			/*.slider .tooltip.in { opacity: 0; }
			.slider .tooltip.top {
				padding: 5px 0;
			}
				.slider .tooltip.top .tooltip-arrow {
					bottom: 0;
					left: 50%;
					margin-left: -5px;
					border-width: 5px 5px 0;
					border-top-color: #000;
				}
			.slider .tooltip-arrow {
				position: absolute;
				width: 0;
				height: 0;
				border-color: transparent;
				border-style: solid;
			}*/

		/* -- 2.4.4 GETRÄNKE -- */

	/* ------ 2.5 FOOTER ------ */
		#footer .btn-winesearch {
			cursor: pointer;
			display: flex;
			justify-content: center;
			width: 100%;
			height: 100%;
			padding: 21px 16px;
			background-color: rgba(216,209,196,1);
		}
			#content .btn-winesearch:hover, #footer .btn-winesearch:hover { background-color: rgba(216,209,196,0.9); }
			#content .btn-winesearch:active, #footer .btn-winesearch:active { background-color: rgba(216,209,196,0.5); }
			#content .btn-winesearch.btn-clickable, #footer .btn-winesearch.btn-clickable { background-color: rgba(160,175,0,1); }
				#content .btn-winesearch.btn-clickable:hover, #footer .btn-winesearch.btn-clickable:hover { background-color: rgba(160,175,0,0.9); }
				#content .btn-winesearch.btn-clickable:active, #footer .btn-winesearch.btn-clickable:active { background-color: rgba(160,175,0,0.5); }
			#footer .btn-winesearch p {
				display: block;
				width: 80px;
				padding: 7px 10px 0px;
				color: rgba(255,255,255,1);
			}
			.btn-winesearch p.help-left { text-align: right; }
			.btn-winesearch p.help-right { text-align: left; }
			#footer .btn-winesearch .icon-magnifier {
				display: block;
				align-self: center;
				width: 37px;
				height: 37px;
				background-image: url('../img/icon/magnifier-white.png');
				background-image: url('../img/icon/magnifier-white.svg'), linear-gradient(transparent, transparent);
				background-position: center 53%;
				background-size: contain;
				background-repeat: no-repeat;
			}

	/* */
	#iframe-tool iframe {
		width: 100%;
		height: 900px;
		border-width: 0px;
	}

	/* ------ 2.6 MODAL ------ */
	#selection-display {
		height: 500px;
		overflow-y: auto;
		padding-right: 16px;
	}
	#selection-display .icon-select {
		display: block;
		align-self: center;
		width: 100%;
		height: 68px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
		#selection-display .icon-dish {
			background-image: url('../img/icon/forkknife-white.png');
			background-image: url('../img/icon/forkknife-white.svg'), linear-gradient(transparent, transparent);
		}
		#selection-display .icon-dessert {
			background-image: url('../img/icon/icecream-white.png');
			background-image: url('../img/icon/icecream-white.svg'), linear-gradient(transparent, transparent);
		}
		#selection-display .icon-wine {
			background-image: url('../img/icon/wineglass-white.png');
			background-image: url('../img/icon/wineglass-white.svg'), linear-gradient(transparent, transparent);
		}
		#selection-display .icon-drink {
			background-image: url('../img/icon/drinkglass-white.png');
			background-image: url('../img/icon/drinkglass-white.svg'), linear-gradient(transparent, transparent);
		}

	#resetModal .btn-reset {
		display: inline-block;
		padding: 5px 22px;
		margin: 32px 0px 8px;
		background-color: rgba(255,255,255,1);
		color: rgba(160,175,0,1);
		text-transform: uppercase;
		font-weight: 700;
	}

	.container-wine-img {
		padding-right: 12px;
		width: 100%;
		height: 100%;
		text-align: center;
	}
		.wine-detail-img {
			position: relative;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			background-image: url('../img/wein-keinbild.jpg');
			box-shadow: 12px 12px 0px rgba(255,255,255,0.4);
		}
			.wine-detail-img .wine-tag {
				position: absolute;
				bottom: 11px;
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
			}
				.wine-detail-img .wine-tag.tag-lastchance {
					background-image: url('../img/icon-lastchance.png');
					left: 11px;
				}
				.wine-detail-img .wine-tag.tag-rarity {
					background-image: url('../img/icon-rarity.png');
					right: 11px;
				}
				@media (max-width: 575px) {
					.wine-detail-img .wine-tag {
						width: 65px;
						height: 65px;
					}
				}
				/*********** ANDERE ***********/
				@media (min-width: 576px) {
					.wine-detail-img .wine-tag {
						width: 99px;
						height: 99px;
					}
				}

	.winedetail-arrow {
		display: block;
		cursor: pointer;
		align-self: center;
		width: 55px;
		height: 32px;
		background-size: 32px;
		background-repeat: no-repeat;
	}
		.winedetail-arrow.arrow-left {
			background-image: url('../img/icon/arrowleft-white.png');
			background-image: url('../img/icon/arrowleft-white.svg'), linear-gradient(transparent, transparent);
			background-position: right;
		}
		.winedetail-arrow.arrow-right {
			background-image: url('../img/icon/arrowright-white.png');
			background-image: url('../img/icon/arrowright-white.svg'), linear-gradient(transparent, transparent);
			background-position: left;
		}

	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {
		.wine-detail-img {
			min-height: 300px;
			max-height: 500px;
			max-width: 200px;
			margin: 0px auto;
		}
		.wine-detail-img { background-position: center; }
	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 767px) {
		.wine-detail-img {
			min-height: 100px;
			max-height: 350px;
		}
	}
	/*********** STUFE 3 MD ***********/
	@media (min-width: 768px) and (max-width: 991px) {
		.wine-detail-img {
			min-height: 480px;
		}
	}
	/*********** STUFE 4 LG ***********/
	@media (min-width: 992px) {
		.wine-detail-img {
			min-height: 500px;
		}
	}

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

	/* ------ 3.1 SCHRIFTEN ------ */
		/* Roboto Condensed */
		h1,.h1,h2,.h2,h3,.h3,.nav-item {
			font-family: 'Roboto','Arial', sans-serif;
		}
		p,.p, h4,.h4, ul li, #nav #counter-articles, #resetModal .btn-reset, .icon-wine-filter, .slider-tick-label, .tile-note, .tile-submenu, h3 small,.h3 small, .btn-arrow, .input-filter {
			font-family: 'Roboto Condensed','Arial Narrow', sans-serif;
		}

	/* ------ 3.2 SCHRIFTFORMATE ------ */
	h1,h2,h3,h3,h4,.h1,.h2,.h3,.h3,.h4,#nav #counter-articles {
		margin: 0px;
		font-weight: 700;
		text-transform: uppercase;
	}
	h1,.h1,h2,.h2 {
		color: rgba(160,177,28,1);
		font-weight: 700;
	}
		.tile-start h2 { color: rgba(255,255,255,1) !important; }

	h1,.h1,h2,.h2,.nav-link {
		text-transform: uppercase;
	}
	h3 small,.h3 small {
		opacity: 0.6;
		text-transform: none;
	}
	p, .p {
		margin-bottom: 0px;
	}
		.news-border-box p, .news-border-box .p {
			margin-bottom: 5px;
		}

	/* ------ 3.3 SCHRIFTGRÖSSEN ------ */
	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {
		h1,.h1,h2,.h2, .tile-start {
			font-size: 30px;
		}
		h3,.h3, .tile-block {
			font-size: 20px;
		}
			.modal-body h3, #resetModal .btn-reset { font-size: 17px; }
			.input-filter { font-size: 20px !important; line-height: 20px !important; }

		p,.p,h4,.h4,.icon-wine-filter, .btn-arrow, .slider-tick-label, .input-filter {
			font-size: 12px;
			line-height: 15px;
		}
			#criteria-header-searchterm h4, #criteria-header-searchterm .h4 {
				font-size: 10px;
				line-height: 13px;
			}

		p small, .p small, .nav-link, .tile-note, .tile-submenu {
			font-size: 10px;
			line-height: 13px;
		}
		#nav #counter-articles {
			font-size: 9px;
			line-height: 12px;
		}
	}
	/*********** ANDERE ***********/
	@media (min-width: 576px) {
		h1,.h1,h2,.h2, .tile-start {
			font-size: 35px;
		}
		h3,.h3, .tile-block {
			font-size: 25px;
		}
			.modal-body h3, #resetModal .btn-reset, .input-filter { font-size: 20px; }

		p,.p,h4,.h4,.nav-link, .icon-wine-filter, .slider-tick-label {
			font-size: 15px;
			line-height: 19px;
		}
		p small, .p small, .tile-note {
			font-size: 13px;
			line-height: 16px;
		}
		.tile-submenu {
			font-size: 13px;
			line-height: 14px;
		}
		#nav #counter-articles {
			font-size: 10px;
			line-height: 13px;
		}
	}


	/* ------ 3.4 BUTTONS ------ */


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


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

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

	label {
		cursor: pointer;
	}

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

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


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

	.clearer { clear: both; }
	.height-full { height: 100%; }

	#template-start .tile-start, main > section {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	/* ------ 6.1 ANIMATIONEN ------ */
	a,.btn,.nav-link,.tile-overlay,.tile-overlay:before, .tile-nav,.tile-filter, .modal-header .close, .btn-tick, .btn-winesearch,
	#resetModal .btn-reset, #icon-reset, #header .icon-wine-filter,.winedetail-arrow, .slider.slider-horizontal .slider-tick, .modal {
		-webkit-transition: background-color ease 0.3s, opacity ease 0.3s, color ease 0.3s, transform ease 0.1s;
		-moz-transition: background-color ease 0.3s, opacity ease 0.3s, color ease 0.3s, transform ease 0.1s;
		-o-transition: background-color ease 0.3s, opacity ease 0.3s, color ease 0.3s, transform ease 0.1s;
		transition: background-color ease 0.3s, opacity ease 0.3s, color ease 0.3s, transform ease 0.1s;
	}
	#subnav, #header, #content, #footer {
		-webkit-transition: opacity ease 0.1s;
		-moz-transition: opacity ease 0.1s;
		-o-transition: opacity ease 0.1s;
		transition: opacity ease 0.1s;
	}
	.slider.slider-horizontal .slider-handle {
		-webkit-transition: left ease 0.1s;
		-moz-transition: left ease 0.1s;
		-o-transition: left ease 0.1s;
		transition: left ease 0.1s;
	}
	.btn-arrow {
		-webkit-transition: background-image ease 0.3s, color ease 0.3s;
		-moz-transition: background-image ease 0.3s, color ease 0.3s;
		-o-transition: background-image ease 0.3s, color ease 0.3s;
		transition: background-image ease 0.3s, color ease 0.3s;
	}
	input,textarea.form-control,#radio-ratings {
		-webkit-transition: box-shadow ease 0.3s;
		-moz-transition: box-shadow ease 0.3s;
		-o-transition: box-shadow ease 0.3s;
		transition: box-shadow ease 0.3s;
	}
	.container-winedetail,.container-wineload { height: 100%; min-height: 300px; } /*620px*/

	.container-winedetail {
		display: none;
		overflow-y: auto;
		padding-right: 16px;
	}
	.container-wineload {
		width: 100%;
		padding-bottom: 32px;
		display: none;
	}
		.spinnerload {
			display: block;
			position: relative;
			margin: 0px auto;
			top: 45%;
			width: 64px;
			height: 64px;
		}
			.spinnerload div {
				display: inline-block;
				position: absolute;
				left: 6px;
				width: 13px;
				animation: spinnerload 1.2s cubic-bezier(0,0.5,0.5, 1) infinite;
			}
				.spinnerload div:nth-child(1) {
					left: 6px;
					animation-delay: -0.24s;
				}
				.spinnerload div:nth-child(2) {
					left: 26px;
					animation-delay: -0.12s;
				}
				.spinnerload div:nth-child(3) {
					left: 45px;
					animation-delay: 0;
				}
	@keyframes spinnerload {
		0% {
			top: 6px;
			height: 51px;
			background:rgba(160,177,28,1);
		}
		50%, 100% {
			top: 19px;
			height: 26px;
			background:rgba(255,255,255,1);
		}
	}
		#resetModal .btn-reset:hover, .winedetail-arrow:hover { opacity: 0.9; }
		#resetModal .btn-reset:active, .winedetail-arrow:active { transform: scale(0.95); }

	/* ------ 6.2 ABSTÄNDE ------ */
	.nomargin { margin-bottom: 0px !important; }
	.nomargint { margin-top: 0px !important; }

	@media (max-width: 575px) { .modal-dialog .container-winedetail hr { margin-top: 20px !important; } }
	.my-content { margin-top: 80px; }
	.my-light { margin-top: 10px; margin-bottom: 10px; }
	.my-medium { margin-top: 20px; margin-bottom: 20px; }
	.my-strong { margin-top: 45px; margin-bottom: 45px; }
		.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; }

	.py-light		{ padding-top: 20px; padding-bottom: 20px; }
	.p-light-all	{ padding: 12px; }
	.p-all			{ padding: 20px; }
	.p-strong-all	{ padding: 45px; }
	.p-card			{ padding: 20px 40px; }
		.py-medium-top		{ padding-top: 20px !important; }
		.py-medium-bottom	{ padding-bottom: 20px !important; }
		.py-light-top		{ padding-top: 12px !important; }
		.py-light-bottom	{ padding-bottom: 12px !important; }

	/* ------ 6.3 MODAL ------ */

	.modal-backdrop { display: none !important; }
	.modal-backdrop.show {
		opacity: 0.75;
	}
	.modal { background-color: rgba(0,0,0,0.75); }

	body.modal-open main{
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
	}

	.modal-dialog {
		max-width: 100%;
		margin: 16px 0px;
	}
		.modal-dialog-centered { min-height: calc(100% - 32px); }
			.modal-dialog-centered::before {
				height: calc(100vh - 64px);
			}
		.modal-content {
			background-color: transparent;
			border-radius: 0px;
			border-width: 0px;
		}
			.modal-header .close {
				width: 61px;
				height: 61px;
				background-image: url('../img/icon/cross-white.png');
				background-image: url('../img/icon/cross-white.svg'), linear-gradient(transparent, transparent);
				background-size: contain;
				background-repeat: no-repeat;
				opacity: 1;
				margin: -3px 0px 0px;
				padding: 0px;
			}
			.modal-header .close:hover { opacity: 0.95; }
			.modal-header .close:active { transform: scale(0.95); }

			.modal-dialog .modal-header {
				padding: 5px 0px 20px;
				border-bottom-width: 0px;
			}
				.modal-dialog .modal-header .modal-title { margin-top: 40px; }
			.modal-dialog .modal-body {
				color: rgba(255,255,255,1);
				padding: 8px 0px;
			}
				.modal-dialog h3 { margin: 0px 0px 8px; }
				.modal-dialog hr { margin: 20px 0px; border-top-color: rgba(255,255,255,1); }
				.modal-dialog .modal-body table td {
					vertical-align: top;
				}

	/* ------ 6.4 SLICK ------ */
	.slick-track {
		min-width: 100% !important;
		margin-left: 0px;
	}
	.slick-prev, .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 17px;
		height: 28px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
		.slick-prev { left: -15px; }
		.slick-next { right: -15px; }

		.slick-prev:before, .slick-next:before {
			display: block;
			content: '';
			width: 100%;
			height: 100%;
			background-size: contain;
			background-repeat: no-repeat;
			opacity: 1;
		}
			.slick-prev:before {
				background-image: url('../img/icon/arrow_left-green.png');
				background-image: url('../img/icon/arrow_left-green.svg'), linear-gradient(transparent, transparent);
			}
			.slick-next:before {
				background-image: url('../img/icon/arrow_right-green.png');
				background-image: url('../img/icon/arrow_right-green.svg'), linear-gradient(transparent, transparent);
			}
		.slider-nav {
		    opacity: 0;
		    visibility: hidden;
		    transition: opacity 1s ease;
		    -webkit-transition: opacity 1s ease;
		}
			.slider-nav.slick-initialized {
				visibility: visible;
				opacity: 1;
			}

			/*********** STUFE 1 XS ***********/
			@media (max-width: 592px) {
				.slider-nav { overflow-x: hidden; }
			}


		/* ------ 6.5 SCROLLBAR ------ */
		::-webkit-scrollbar {
			width: 8px;
		}
		::-webkit-scrollbar-track {
			background: rgba(216,224,167,1);
		}
		::-webkit-scrollbar-thumb {
			background: rgba(160,175,0,1);
		}
			::-webkit-scrollbar-thumb:hover {
				background: rgba(160,175,0,0.8);
			}

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

	/*********** 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) {
	}

	@-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; }