/* LAYOUT */

html body {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
/*	background-color: #709896!important;*/
}

main {
	flex: 1 0 auto;
}

header,
footer {
	position: relative;
	flex: none;
}


/* CONTENT STYLES */

.btn.btn-default {
	background-color: #a70a2d;
	color: #fff;
	border-radius: 50px;
	border-color: transparent;
}

.btn.btn-default:hover {
	background-color: #B40B30;
	color: #fff;
}

main a {
	color: #a70a2d;
	text-decoration: none!important;
}

main a:hover {
	color: #616261;
}

.azubi_box {
	margin-top: 30px;
}

@font-face {
	font-family: paralucent;
	src: url("Paralucent-Heavy.otf") format("opentype");
}

.font--fat {
	font-family: paralucent, sans-serif!important;
}

.embed-responsive--visible {
	overflow: visible!important;
}

.embed-responsive.embed-responsive-5by2 {
	padding-bottom: 40%;
}

.embed-responsive.embed-responsive-3by2 {
	padding-bottom: 66.666666667%;
}

.embed-responsive.embed-responsive-4by3 {
	padding-bottom: 75%;
}

.embed-responsive.embed-responsive-1by1 {
	padding-bottom: 100%;
}

.carousel--controls-no-shadow .carousel-control.left,
.carousel--controls-no-shadow .carousel-control.right {
	background-image: none;
}

.heading--heavy {
	font-family: paralucent, sans-serif!important;
	color: #fff;
}

.heading--heavy-big {
	font-size: 40px!important;
	margin-bottom: 0!important;
}

.heading--white a {
	color: #fff;
}

.heading--serif {
	font-family: 'PT Serif', serif;
}

.heading--uppercase {
	text-transform: uppercase;
}

.heading--italic {
	font-style: italic;
}

.heading--bold {
	font-weight: 800;
}

.heading--no-spacing {
	margin: 0;
	padding: 0;
}

.heading--no-spacing-top {
	margin-top: 0;
	padding-top: 0;
}

.section {
	padding: 100px 0;
	position: relative;
}

@media(max-width:767px) {
	.section {
		padding: 30px 0;
	}
}

.section h1.heading--huge {
	font-size: 50px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 80px;
}

main > section:first-of-type {
	border-top: 90px solid transparent;
}

main > section.section--no-spacing:first-of-type {
	border-top: 0;
}

@media(max-width:767px) {
	main > section:first-of-type {
		border-top: 0;
	}
}

.section--no-spacing {
	padding: 0;
}

.section--color-white {
	color: #fff;
}

.section--color-black {
	color: #000;
}

.section .article h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 25px;
	font-size: 26px;
}

.section .article--text-is-left {
	text-align: right;
	padding-right: 45px;
}

.section .article--text-is-right {
	text-align: left;
	padding-left: 45px;
}

.heading__home-video--full-width {
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-align: center;
	font-size: 70px;
}

@media (min-width: 768px) {
	.heading__home-video--full-width {
		font-size: 80px;
	}
}

@media (min-width: 992px) {
	.heading__home-video--full-width {
		font-size: 105px;
	}
}

@media (min-width: 1200px) {
	.heading__home-video--full-width {
		font-size: 128px;
	}
}


.heading__home-caption--full-width {
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-align: center;
	font-size: 25px;
}

@media (min-width: 768px) {
	.heading__home-caption--full-width {
		font-size: 48px;
	}
}

@media (min-width: 992px) {
	.heading__home-caption--full-width {
		font-size: 63px;
	}
}

@media (min-width: 1200px) {
	.heading__home-caption--full-width {
		font-size: 76px;
	}
}

.heading__home-caption-en--full-width {
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-align: center;
	font-size: 25px;
}

@media (min-width: 768px) {
	.heading__home-caption-en--full-width {
		font-size: 48px;
	}
}

@media (min-width: 992px) {
	.heading__home-caption-en--full-width {
		font-size: 63px;
	}
}

@media (min-width: 1200px) {
	.heading__home-caption-en--full-width {
		font-size: 76px;
	}
}



.home__text {
	margin: 50px 0 50px;
}

@media(max-width:767px) {
	.home__text {
		margin: 0 0 20px;
	}
}

.home__granny-animation {
	width: 100%;
	height: 100%;
	position: relative;
}

.home__granny-animation div {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.home__granny-body {
	position: absolute;
	width: 100%;
	left: 0%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% bottom;
	background-size: contain;
	background-image: url(image/granny/granny.png);
}

.home__granny-img1 {
	position: absolute;
	width: 28%;
	height: 22%;
	top: 15%;
	left: 1%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(image/granny/img1.png);
}

.home__granny-img2 {
	position: absolute;
	width: 20%;
	height: 15%;
	top: 9%;
	left: 35%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(image/granny/img2.png);
}

.home__granny-img3 {
	position: absolute;
	width: 19%;
	height: 28%;
	top: 0%;
	right: 17%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(image/granny/img3.png);
}

.home__granny-img4 {
	position: absolute;
	width: 25%;
	height: 28%;
	top: 60%;
	right: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(image/granny/img4.png);
}

.home__granny-img5 {
	position: absolute;
	width: 19%;
	height: 28%;
	top: 50%;
	left: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(image/granny/img5.png);
}

.home__granny-img1:hover,
.home__granny-img2:hover,
.home__granny-img3:hover,
.home__granny-img4:hover,
.home__granny-img5:hover{
	transform: scale(1.2) rotate(-10deg);
}

.image-desc {
	margin-top: 20px;
}

.section--margin-top {
	margin-top: 50px;
}

.section__nav {
	padding: 80px 0 0;
}

@media(max-width: 1199px) {
	.social-buttons {
		display: none;
	}
}

.social-buttons {
	position: absolute;
	left: 0;
	top: 385px;
}

.social-buttons a {
	text-align: center;
	display: block;
	width: auto;
	float: left;
	clear: left;
	color: #ed7a74;
	background-color: #fff;
	padding: 5px 25px;
	margin: 5px 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.social-buttons a:hover {
	background-color: #616261;
	color: #fff;
	padding: 5px 45px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.row--spacing-bottom {
	margin-bottom: 77px;
}

#products-carousel {
	height: 641.25px;
}

@media (max-width: 1199px) {
	#products-carousel .products-carousel__word {
		font-size: 144px;
		margin-top: 100px;
	}
	#products-carousel .products-carousel__image {
		height: 400px;
	}
}

@media (max-width: 991px) {
	#products-carousel .products-carousel__word {
		font-size: 90px;
		margin-top: 150px;
	}
}

@media (max-width: 767px) {
	#products-carousel {
		height: auto;
		position: relative;
	}
	#products-carousel .pull-right {
		float: none!important;
	}
	#products-carousel .products-carousel__image {
		position: relative;
	}
	#products-carousel .products-carousel__word {
		position: absolute;
		width: 100%;
	}
	#products-carousel .products-carousel__description {
		padding-top: 15px;
	}
}

#products-carousel__nav {
	margin-top: 20px;
}

.productfamily__nav li .productfamily__image--inverted {
	display: none;
}

.productfamily__nav li.active .productfamily__image.productfamily__image--inverted {
	display: block;
}

.productfamily__nav li.active .productfamily__image {
	display: none;
}

.products-carousel__description {
	padding-top: 200px;
}

.products-carousel__word {
	font-family: paralucent, sans-serif;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 200px;
	letter-spacing: 5px;
	text-align: center;
	overflow: hidden;
}

.products-carousel__word--small {
	font-size: 45px;
}

.products-carousel__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.products-carousel__image-link {
	position: absolute;
	left: 35%;
	width: 30%;
	height: 100%;
	display: block;
}


@media (max-width: 767px) {


	.history__nav ul {
		position: relative;
		margin: 0 0 20px!important;
		height: auto!important;
		background: transparent!important;
	}

	.history__nav ul::before,
	.history__nav ul::after {
		display: none!important;
	}

	.history__nav ul li {
		margin: 0 20px!important;
		padding: 10px!important;
		top: 0!important;
		width: auto;
		float: none;
		transform: rotate(0deg);
	}
	.history__nav li::before {

	}
}

.history__nav ul {
	position: relative;
	display: block;
	margin: 100px 0;
	height: 4px;
	background: #a70a2d;
}

.history__nav ul::before,
.history__nav ul::after {
	content: "";
	position: absolute;
	top: -8px;
	display: block;
	width: 0;
	height: 0;
	border-radius: 10px;
	border: 10px solid #a70a2d;
}
.history__nav ul::before {
	left: -5px;
}
.history__nav ul::after {
	right: -10px;
	border: 10px solid transparent;
	border-right: 0;
	border-left: 20px solid #a70a2d;
	border-radius: 3px;
}

/* ---- Timeline elements ---- */

.history__nav li {
	position: relative;
	top: -42px;
	display: inline-block;
	float: left;
	width: 50px;
	transform: rotate(-45deg);
}

.history__nav li a {
	color: #333;
	text-decoration: none;
	font-weight: 400;
}

.history__nav li::before {
	pointer-events: all;
	content: '';
	position: absolute;
	top: 15px;
	left: -17px;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background-color: #a70a2d;
}

.history__nav li:hover {
	cursor: pointer;
	color: #28e;
}

.history__nav li:hover::before,
.history__nav li.active::before {
	border: 2px solid #a70a2d;
	background-color: #fff;
}


.productfamily__nav {

}

.productfamily__nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.productfamily__nav ul li {
/*	width: 11.111111111%;*/
	width: 90px;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
}

.productfamily__nav .productfamily__image {
	background-size: contain;
	background-position: center center;
/*	background-color: #5f6360;*/
/*	border-radius: 50%;*/
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.productfamily__nav ul li a {
	padding: 0 5px;
	display: block;
	color: #000;
	text-decoration: none;
/*	word-break: break-all;*/

}

.productfamily__nav ul li a:hover .productfamily__image {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.productfamily__nav ul li a:hover .productfamily__image {
/*	background-color: #fff;*/
}

.drinkgroup {
	position: relative;
	margin-bottom: 40px;
	height: 100%;
	width: 100%;
}

.drinkgroup__control {
	text-align: center;
	margin: 50px 0;
}

.drinkgroup__control .drinkgroup-control {
	margin: 0 10px;
}

.section__drinkgroup a {
	color: #333;
	font-style: italic;
}

.section__drinkgroup h3 {
	text-transform: uppercase;
	font-weight: 800;
	margin-top: 0;
}

.section__drinkgroup h4 {
	margin-bottom: 25px;
}


.drinkgroup .embed-responsive {
	overflow: visible;
}

.drinkgroup__word {
	font-family: paralucent, sans-serif;
	color: #fff;
	height: 100%;
	width: 100%;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 85px;
	letter-spacing: 5px;
	text-align: center;
	overflow: hidden;
}

@media (min-width: 768px) {
	.drinkgroup__word {
		font-size: 200px;
	}
}

@media (min-width: 992px) {
	.drinkgroup__word {
		font-size: 250px;
	}
}

@media (min-width: 1200px) {
	.drinkgroup__word {
		font-size: 300px;
	}
}

.drinkgroup__images {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.drinkgroup__img {
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
/*	background-color: rgba(100,0,0,.5);*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0;
}

.drinkgroup__images:hover .drinkgroup__img  {
	transform: scale(1.2);
}

.drinkgroup__img--1of1 {
	opacity: 1;
	background-position: 50% center;
}

.drinkgroup__img--1of2 {
	opacity: 1;
	background-position: 33.3% center;
}

.drinkgroup__img--2of2 {
	opacity: 1;
	background-position: 66.6% center;
}

.drinkgroup__img--1of3 {
	opacity: 1;
	background-position: 25% center;
	transform: scale(0.8);
}

.drinkgroup__img--2of3 {
	opacity: 1;
	background-position: 50% center;
	z-index: 3;
}

.drinkgroup__img--3of3 {
	opacity: 1;
	background-position: 75% center;
	transform: scale(0.8);
}

/* ILLUSTRATIONS FOR BACKGROUND */

@media(min-width: 1200px) {

	.section--bg-fruchtwein {
		background: url(image/bg/fruchtwein/raspberrie-06.png) -2% 30px no-repeat,
			url(image/bg/fruchtwein/cherry-05.png) 100% 30px no-repeat,
			url(image/bg/fruchtwein/strawberrie-03.png) 0% 580px no-repeat,
			url(image/bg/fruchtwein/tisch.png) 100% 980px no-repeat,
			url(image/bg/fruchtwein/wein-a.png) 0% 1150px no-repeat,
			url(image/bg/fruchtwein/maracuja.png) 100% 1550px no-repeat
		;
	}

	.section--bg-bowle {
		background: url(image/bg/bowle/strawberrie-04.png) 0% 100px no-repeat,
			url(image/bg/bowle/peaches-02.png) 100% 30px no-repeat,
			url(image/bg/bowle/Bowle-A.png) 105% 780px no-repeat,
			url(image/bg/bowle/strawberrie-07.png) 0% 1250px no-repeat,
			url(image/bg/bowle/Picnic.png) 99% 1450px no-repeat,
			url(image/bg/bowle/peaches-05.png) 0% 2950px no-repeat,
			url(image/bg/bowle/voegel.png) 0% 2050px no-repeat,
			url(image/bg/bowle/Beistelltisch-mitte.png) 100% 2100px no-repeat,
			url(image/bg/bowle/raspberrie-02.png) 100% 2870px no-repeat
		;
	}

	.section--bg-cocktail {
		background: url(image/bg/cocktail/palme-1.png) 1% 30px no-repeat,
			url(image/bg/cocktail/liegestuhl.png) 100% 30px no-repeat,
			url(image/bg/cocktail/minze.png) 0% 580px no-repeat,
			url(image/bg/cocktail/raspberrie-01.png) 97% 950px no-repeat,
			url(image/bg/cocktail/katze.png) 0% 1100px no-repeat,
			url(image/bg/cocktail/frauen.png) 100% 1550px no-repeat
		;
	}

	.section--bg-schorle {
		background: url(image/bg/schorle/Brunnen.png) 1% 30px no-repeat,
			url(image/bg/schorle/Johannis.png) 100% 30px no-repeat,
			url(image/bg/schorle/Schorle.png) 98% 550px no-repeat
		;
	}

	.section--bg-secco {
		background: url(image/bg/secco/Orange.png) 0% 40px no-repeat,
			url(image/bg/secco/peaches-05.png) 100% 30px no-repeat,
			url(image/bg/secco/Lingerie17.png) 0% 1050px no-repeat,
			url(image/bg/secco/Lingerie12.png) 98% 1050px no-repeat,
			url(image/bg/secco/Lingerie7.png) 98% 1650px no-repeat,
			url(image/bg/secco/Lingerie14.png) 0% 1990px no-repeat,
			url(image/bg/secco/frau.png) 2% 2900px no-repeat,
			url(image/bg/secco/minze.png) 100% 2970px no-repeat,
			url(image/bg/secco/Ballons.png) 0% 3800px no-repeat,
			url(image/bg/secco/Brautpaar-01.png) 100% 3500px no-repeat,
			url(image/bg/secco/Herz-A.png) 98% 4450px no-repeat,
			url(image/bg/secco/Sekt-A.png) 2% 4710px no-repeat;
		;
	}

	.section--bg-cider {
		background: url(image/bg/cider/apple-05.png) 1% 30px no-repeat,
			url(image/bg/cider/apple-06.png) 100% 140px no-repeat,
			url(image/bg/cider/cherry-01.png) 98% 650px no-repeat
		;
	}

	.section--bg-honigwein {
		background: url(image/bg/honigwein/cherry-03.png) 1% 60px no-repeat,
			url(image/bg/honigwein/Honig.png) 97% 20px no-repeat,
			url(image/bg/honigwein/cherry-06.png) 97% 710px no-repeat,
			url(image/bg/honigwein/Schlitten.png) 3% 930px no-repeat,
			url(image/bg/honigwein/mann.png) 100% 1620px no-repeat,
			url(image/bg/honigwein/viking.png) 3% 2000px no-repeat,
			url(image/bg/honigwein/wabe.png) 98% 2450px no-repeat
		;
	}

	.section--bg-gluehwein {
		background: url(image/bg/gluehwein/Zimt.png) 0% 40px no-repeat,
			url(image/bg/gluehwein/Gluehweinbude.png) 100% 30px no-repeat,
			url(image/bg/gluehwein/Bowle-B.png) 90% 760px no-repeat,
			url(image/bg/gluehwein/Tanne-B.png) 0% 1080px no-repeat,
			url(image/bg/gluehwein/apple-03.png) 0% 2100px no-repeat,
			url(image/bg/gluehwein/Weihnachtsmann.png) 97% 1700px no-repeat,
			url(image/bg/gluehwein/cherry-05.png) 0% 2920px no-repeat,
			url(image/bg/gluehwein/Tasse.png) 95% 2750px no-repeat,
			url(image/bg/gluehwein/heidelbeer.png) 2% 4230px no-repeat,
			url(image/bg/gluehwein/Zimt.png) 93% 3680px no-repeat,
			url(image/bg/gluehwein/Rentier.png) 93% 4500px no-repeat,
			url(image/bg/gluehwein/Snowman-1.png) 0% 5050px no-repeat,
			url(image/bg/gluehwein/Mann_1_weiss.png) 95% 5300px no-repeat,
			url(image/bg/gluehwein/Weihnachtsengel.png) 4% 5900px no-repeat,
			url(image/bg/gluehwein/Weihnachtskugel.png) 100% 6000px no-repeat
		;
	}

	.bg__fruits {
		background: url(image/bg/fruits/strawberrie-05.png) 3% 20px no-repeat,
			url(image/bg/fruits/raspberrie-02.png) 111% 30px no-repeat,
			url(image/bg/fruits/cherry-01.png) 0% 650px no-repeat,
			url(image/bg/fruits/raspberrie-04.png) 100% 410px no-repeat,
			url(image/bg/fruits/strawberrie-06.png) 97% 720px no-repeat;
	}

	.bg__people {
		background: url(image/bg/people/people-01.png) 102% 70px no-repeat,
			url(image/bg/people/people-03.png) 103% 720px no-repeat,
			url(image/bg/people/people-04.png) 1% 50px no-repeat,
			url(image/bg/people/people-05.png) -1% 1030px no-repeat;
	}

	.bg__strawberry {
		background: url(image/bg/strawberry/strawberrie-03.png) -2% 20px no-repeat,
			url(image/bg/strawberry/sekt-a.png) 100% 50px no-repeat,
			url(image/bg/strawberry/strawberrie-05.png) 3% 980px no-repeat,
			url(image/bg/strawberry/strawberrie-01.png) 97% 1050px no-repeat;
	}

	.bg__contact {
		background: url(image/bg/contact/strawberrie-05.png) 0% 20px no-repeat,
			url(image/bg/contact/raspberrie-02.png) 111% 30px no-repeat,
			url(image/bg/contact/cherry-01.png) 0% 490px no-repeat,
			url(image/bg/contact/raspberrie-04.png) 100% 410px no-repeat,
			url(image/bg/contact/strawberrie-06.png) 97% 720px no-repeat;
	}

	.bg__shop--odd {
		background: url(image/bg/shop/strawberrie-04.png) 0% 20px no-repeat,
			url(image/bg/shop/peaches-02.png) 100% 30px no-repeat,
			url(image/bg/shop/strawberrie-07.png) 0% 490px no-repeat,
			url(image/bg/shop/Picnic.png) 100% 420px no-repeat
		;
	}
	.bg__shop--even {
		background: url(image/bg/shop/peaches-05.png) 0% 50px no-repeat,
			url(image/bg/shop/voegel.png) 0% 500px no-repeat,
			url(image/bg/shop/Beistelltisch-mitte.png) 100% 40px no-repeat,
			url(image/bg/shop/raspberrie-02.png) 100% 400px no-repeat
		;
	}
	.bg__about--odd {
		background: url(image/bg/about/strawberrie-05.png) 0% 20px no-repeat,
			url(image/bg/about/raspberrie-02.png) 105% 30px no-repeat,
			url(image/bg/about/cherry-01.png) 0% 570px no-repeat,
			url(image/bg/about/raspberrie-04.png) 100% 510px no-repeat
		;
	}
	.bg__about--even {
		background: url(image/bg/about/strawberrie-06.png) 0% 140px no-repeat,
/*			url(image/bg/about/strawberrie-05.png) 0% 20px no-repeat,*/
/*			url(image/bg/about/raspberrie-02.png) 111% 30px no-repeat,*/
			url(image/bg/about/cherry-01.png) 100% 0px no-repeat,
			url(image/bg/about/strawberrie-05.png) 100% 380px no-repeat
		;
	}

}

/* HEADER AND NAVIGATION */

.header {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: #FFFFFF;
}

@media(max-width:767px) {
	.header {
		position: relative;
		background-color: #FFFFFF;
	}
}

.navbar-brand.navbar-brand-centered {
	padding: 0;
	margin-top: 5px;
	height: auto;
}

.header .container {
	padding: 0;
}

@media screen and (min-width:768px) {
	.navbar-brand.navbar-brand-centered {
		position: absolute;
		display: block;
		left: 50%;
		width: 200px;
		margin-left: -100px;
		margin-top: -25px;
		text-align: center;
/*		background-color: #eee;*/
	}
}

header .navbar {
	padding: 20px 0;
	color: #fff;
	border: 0;
	border-radius: 0;
	margin: 0;
}

header .navbar-toggle {
	margin: 8px 0;
	border: 1px solid #bbb;
	background-color: #dfdfdf;
}

header .navbar-toggle .icon-bar {
	background-color: #888;
}

header .navbar-right {
	margin-right: 0;
}

header div.navbar .navbar-brand a {
	display: block;
	width: 100%;
	height: 100%;
}

header div.navbar .navbar-brand img {
	display: inline-block;
	width: 100%;
	max-width: 250px;
}

header div.navbar .navbar-header {
	margin: 0;
}

header .navbar-text {
	line-height: 50px;
	margin: 0 15px;
	float: left;
}

header .navbar-nav {
	margin: 0;
}

header .navbar-collapse {
	padding: 0;
}

@media (min-width: 768px) {
	header .navbar li {
		margin: 0 5px;
	}
}

@media (min-width: 992px) {
	header .navbar li {
		margin: 0 10px;
	}
}

@media (min-width: 1200px) {
	header .navbar li {
		margin: 0 20px;
	}
}

header .navbar-left li:first-of-type {
	margin-left: 0;
}

header .navbar-right li:last-of-type {
	margin-right: 0;
}

header .navbar .nav a {
	font-size: .8em;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: #000000;
	text-transform: uppercase;
	padding: 0;
	line-height: 40px;
	margin: 5px 0;
}

header .navbar ul.nav li a:hover,
header .navbar ul.nav li a:focus {
	background-color: transparent;
/*	color: #ddd;*/
}
header .navbar ul.nav li.active a,
header .navbar ul.nav li.active a:hover {
	background-color: transparent;
	color: #a70a2d;
}

/* border-bottom on hover and active */

header .navbar .nav a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: -3px;
	height: 1px;
	background: #a70a2d;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

header .navbar ul.nav li a:hover::after,
header .navbar ul.nav li a:focus::after,
header .navbar ul.nav li.active a::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

header .navbar .nav .active a::after {
	background-color: #a70a2d;
}

@media(max-width:767px) {

	header .navbar {
		padding: 0!important;
	}
	header .navbar-header {
		padding: 5px 15px;
	}

	header .navbar .nav li {
		margin: 0 15px;
	}
	header .navbar .nav a {
		display: inline-block;
		line-height: 34px;
	}
	header .navbar-collapse {
		border-top: 0;
/*		background-colo3r: rgba(0,0,0,.5);*/
	}
}

header .navbar .lang a {
	display: inline-block;
}

header .navbar .lang a:last-of-type {
	margin-left: 10px;
}


/* FOOTER */

#footer {
	position: relative;
	padding: 20px 0;
	background-color: #616261;
	font-size: 85%;
	color: #aaa;
}

#footer nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

#footer nav ul li {
	float: none;
	margin: 0 10px;
	display: inline-block;
}

#footer a {
	color: #ddd;
}

#footer nav {
	margin: 35px 0;
}

#footer nav a {
	font-weight: 400;
	letter-spacing: 1.5px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
}

#footer nav a:hover {
	color: #fff;
}

#footer .footer__bottom {
	border-top: 1px solid #888;
	padding-top: 20px;
	margin-top: 20px;
}

#footer .footer__bottom div {
	margin-right: 20px;
}

#footer .footer__bottom div a {
	border-right: 1px solid #888;
	margin-right: 10px;
	padding-right: 12px;
/*	white-space: nowrap;*/
	display: inline-block;
}

#footer .footer__bottom div a:last-of-type {
	border-right: 0;
}

#footer .footer__bottom div a:hover {
	color: #aaa;
	text-decoration: underline;
}

/* age verification */

.age-verification__overlay {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 9999;
}

.age-verification__box {
	border-radius: 3px;
	border: 4px solid #ddd;
	width: 320px;
	margin: 100px auto;
	padding: 20px;
	background-color: #fff;

}

@media(max-width:767px) {
	.age-verification__box {
		width: 80%;
		margin: 10%;
	}
}

.age-verification__logo {
	background-image: url(image/katlenburger-logo.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 64px;
	margin-bottom: 10px;
}


.age-verification__p1 {
	background-color: #a8243b;
	padding: 15px;
	color: #fff;
	font-size: 150%;
	text-align: center;
	margin-bottom: 10px;
}

.age-verification__p2 {
	margin-bottom: 0px;
}

.age-verification__button {
	display: block;
	border: 1px solid #ccc;
	background-color: #ddd;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin-top: 10px;
}

.age-verification__button--over18:hover {
	background-color: #e0f6cb;
}

.age-verification__button--under18:hover {
	background-color: #f5e0c7;
}

header div.navbar .navbar-brand img:first-child {
	/*margin-top: 30px;*/
}

header div.navbar .navbar-brand img:last-child {
	margin-bottom: 5px;
}