/*
	font-family: 'Poppins', sans-serif;
	font-family: 'Khula', sans-serif;
	font-family: 'Hind Siliguri', sans-serif;
*/
html,body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#000000;
	color:#dddddd;
	font-family: 'Istok Web', sans-serif;
	line-height:1.2em;
	letter-spacing:1.0px;
}
* {
	//border: 1px solid red;
}
#root{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height: auto;
    overflow: hidden;
	position:relative;
	box-sizing:border-box;
}
#left{
	float:left;
	position:relative;
	padding-right:10px;
	box-sizing:border-box;
}
#right{
	width: auto;
    overflow: hidden;
}
#top{
	height:110px;
	margin-bottom:0px;
}
#menu{
	height:90px;
	background-color:#000000;
	width: auto;
    overflow: hidden;
	position:relative;
}
#menu ul{
	display:table;
	table-layout:fixed;
	padding-top:35px;
	width:100%;
	
	display:flex;
	display: -webkit-flex;
	flex-flow:row nowrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#menu li{
	display:table-cell;
	list-type:none;
}
#menu a{
	color:#888888;
	text-decoration:none;
	transition:0.3s;
	font-size:12pt;
	padding:30px 20px;
	border-bottom:2px solid transparent;
	letter-spacing:0;
}
#menu a:hover,#menu a:active, #menu li.selected a{
	color:#eeeeee;
	background-color:#222222;
	border-bottom:2px solid #a08e5d;
}
#menu li.selected a {
	color:#ffffff;
	font-weight:600;
}

.mainmenu{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;	
}
.mainmenu li{
	text-align:center;
	margin-bottom:10px;
	border-bottom:2px solid #ff0000;
	margin-right:10px;
	transition:0.2s;
}
.mainmenu a{
	font-weight:700;
	font-size:11pt;
	text-decoration:none;
	transition:0.2s;
}
.mainmenu li:hover, .mainmenu li:active {
	border-bottom-color:#ffffff;
}
.mainmenu li:hover a, .mainmenu li:active a{
	color:#ffffff;
}
.mainmenu li.link1{
	border-bottom-color:#fbbe00;
}
.mainmenu .link1 a, .color1{
	color:#fbbe00;
}
.mainmenu li.link2{
	border-bottom-color:#e20075;
}
.mainmenu .link2 a, .color2{
	color:#e20075;
}
.mainmenu li.link3{
	border-bottom-color:#97be0c;
}
.mainmenu .link3 a, .color3{
	color:#97be0c;
}

.title{
	text-align:center;
	font-weight:400;
	font-size:18pt;
	line-height:1.2em;
	padding-top:20px;
	margin-bottom:10px;
}
.title b{
	font-weight:800;
	font-size:24pt;
}
.slogan{
	text-align:center;
	font-weight:600;
	font-size:13pt;
	line-height:1.2em;
}
.logo{
	width:100%;
	/*max-width:200px;*/
	height:auto;
	margin-top:5px;
	margin-right:10px;
}

.main{
	width:100%;
	height:100%;
	position:relative;
	z-index:10;
	clear:both;
}
.text-container{
	position:relative;
	min-height:150px;
	margin-bottom:30px;
}
.text{
	line-height:1.5em;
	font-size:13pt;
	padding:30px;
	padding-top:20px;
}
.text:nth-child(n+2){
	display:none;
}
.text b{
	color:#a08e5d;
	font-size:21pt;
	text-transform:uppercase;
	letter-spacing:0.6px;
	line-height:1.3em;
	display:inline-block;
	margin-bottom:0.7em;
}
.text2{
	padding-left:180px;
	padding-top:30px;
	padding-bottom:30px;
	line-height:1.5em;
	font-size:13pt;
}
.text a, .bluelink a{
	color:#428bca;
}

@media(min-width:1200px){
	.text.top-left{
		position:absolute;
		top:-500px;
		left:100px;
		width:500px;
	}
	.text.top-right{
		position:absolute;
		top:-500px;
		right:100px;
		width:500px;
	}
}

.full{
	width:100%;
	height:500px;
	background-position:center;
	background-size:cover;
}
.full2{
	width:100%;
	height:500px;
	background-position:center;
	background-size:cover;
	margin-left:180px;
}
ul, li{
	margin:0;
	padding:0;
}

.submenu{
	position:absolute;
	z-index:1000;
	display:none;
	opacity:0;
}
.submenu ul{
	display:block;
	padding:0;
	background-color:rgba(0,0,0,0.7);
}
.submenu li{
	display:block;
	list-item-style:none;
	padding:10px 10px;
	border-top:1px solid #cccccc;
}
.submenu a{
	color:#ffffff;
	text-decoration:none;
	transition:0.3s;
	font-size:11pt;
	font-weight:600;
}
.submenu a:hover,#menu a:active{
	color:#eeeeee;
}
.submenu li.selected a {
	color:#ffffff;
}
.submenu .link1 a:hover{
	color:#fbbe00;
}
.submenu .link2 a:hover{
	color:#e20075;
}
.submenu .link3 a:hover{
	color:#97be0c;
}

.adresse{
	position:absolute;
	left:195px;
	top:175px;
}

#map{
	height:500px;
}

img{
	border:0;
}

.produkt-mehr-btn{
	float:right;
	position:relative;
	top:-38px;
	cursor:pointer;
	margin-right:200px;
}

.produkt-mehr{
	/*display:none;*/
	line-height:1.5em;
	font-size:13pt;
	padding:0;
	/*margin-top:-130px;*/
	display:none;
}

#menu-small{
	display:none;
	margin-bottom:20px;
	background-color:#202020;
	padding:10px;
	box-sizing:border-box;
}
#menu-small ul{
	padding-left:10px;
	border:1px solid transparent;
	display:none;
}
#menu-small li{
	line-height:1.8em;
	list-style-type:none;
	margin-left:10px;
	border:1px solid transparent;
}
#menu-small li.level2{
	margin-left:40px;
}
#menu-small a{
	text-decoration:none;
	color:#ffffff;
}
#menu-small a{
	text-decoration:none;
	color:#ffffff;
}
#menu-small a.color1{
	color:#fbbe00;
}
#menu-small a.color2{
	color:#e20075;
}
#menu-small a.color3{
	color:#97be0c;
}

.menu-small-icon{
	cursor:pointer;
	background-image:url('../img/menu-icon.png');
	background-repeat:no-repeat;
	background-position:100% top;
	
	width:100%;
	height:30px;
	box-sizing:border-box;
	padding:0px;
}

#overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	display:table;
	text-align:center;
	z-index:200;
}

#popup{
	display:inline-block;
	padding:30px;
	background-color:rgba(50,44,27,0.8);
	color:#cccccc;
	width:100%;
	max-width:500px;
	vertical-align:middle;
	text-align:center;
	line-height:2.0em;
	box-shadow:0 0 100px #000000;
	margin-top:200px;
	border:1px solid #706c40;
	box-sizing:border-box;
}
#popup div{
	box-sizing:border-box;
}
#popup a{
	color:#eeeeee;
}
#popup-text{
	font-size:24px;
	margin-bottom:50px;
}
#popup-yes{
	padding:10px 18px;
	background:transparent;
	text-align:center;
	margin-bottom:10px;
	border:1px solid #706c40;
	transition:0.3s;
}
#popup-yes:hover{
	background:rgba(160,140,87,0.5);
}
#popup-no{
	padding:10px 10px;
	background:transparent;
	text-align:center;
	border:1px solid #706c40;
	transition:0.3s;
}
#popup-no:hover{
	background:rgba(160,140,87,0.5);
}
.lightSlider img{
	width:100%;
	height:auto;
}
@media (max-width:800px){
	#popup{
		margin-top:0;
		padding:20px;
	}
	
	#popup-text{
		font-size:18px;
		margin-bottom:10px;
	}
}
a {
	text-decoration:none;
	color:#aaaaaa;
	transition:0.2s;
}
a:hover {
	color:#ffffff;
}

.download-box{
	display:inline-block;
	vertical-align:top;
	margin-right:50px;
	margin-bottom:50px;
	width:250px;
	text-align:center;
}
.download-image{
	width:250px;
	height:250px;
}
.download-image:before{
	content:'';
	display:inline-block;
	vertical-align:bottom;
	width:1px;
	height:100%;
}
.download-image img{
	max-width:249px;
	max-height:249px;
	height:auto;
	width:auto;
	display:inline-block;
	vertical-align:bottom;
}
.download-text{
	margin-top:10px;
	text-align:left;
}
h2.cocktails{
	font-weight:400;
	color:#d77c2a;
}


.impressum1{
	 display:inline-block; 
	 margin-left:470px; 
	 margin-right:50px; 
	 vertical-align:top;
}
.impressum2{
	 display:inline-block; 
	 line-height:1.5em;
}
#root .gm-style-iw b,#root .gm-style-iw{
	font-size:14px;
	margin:0;
	color:#444444;
}
@media (max-width:1200px){
	#menu a{
		padding-left:0;
		padding-right:0;
	}
	.impressum1{
		margin-left:0px; 
	}
	.impressum2{
		
	}
}

@media (max-width:1000px){
	#root{
		padding:0 20px;
	}
	#top{
		height:auto;
	}
	#left{
		float:none;
	}
	#right{
		float:none;
		width:100%;
	}
	.title{
		float:left;
	}
	.logo{
		
	}
	.slogan{
		float:right;
		margin-top:30px;
	}
	.mainmenu{
		display:none;
	}
	.full2, .full{
		height:300px;
		height:0;
		padding-bottom:41%;
	}
	.text, .text2, .full2{
		padding-left:0;
		margin-left:0;
	}
	#menu-small{
		display:block;
	}
	#menu{
		display:none;
	}
	.lSAction{
		display:none !important;
	}
	.produkt-mehr-btn{
		top:0;
	}
	.text b{
		line-height:1.5em;
		font-size:20px;
	}
}
@media (max-width:800px){
	.produkt-mehr-btn{
		margin-right:0px;
	}
}
@media (max-width:450px){
	.slogan{
		float:none;
		clear:both;
		margin:0 auto;
		margin-bottom:10px;
	}
	.logo img{
		max-width:100%;
		height:auto;
	}
	.full2, .full{
		/*height:150px;*/
	}
}