html,body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#000000;
	color:#dddddd;
	font-family:"Open Sans",sans-serif;
	line-height:1.2em;
}
* {
	//border: 1px solid red;
}
b, strong, .bold{
	font-weight:600;
}
#root{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height: auto;
    overflow: hidden;
	position:relative;
	box-sizing:border-box;
}
#left{
	float:left;
	width:180px;
	height:100%;
	position:relative;
	padding-right:10px;
	box-sizing:border-box;
}
#right{
	width: auto;
    overflow: hidden;
}
#top{
	height:600px;
	margin-bottom:30px;
}
#menu{
	height:90px;
	background-color:#000000;
	width: auto;
    overflow: hidden;
	position:relative;
}
#menu ul{
	display:table;
	table-layout:fixed;
	padding-top:36px;
	width:100%;
	
	display:flex;
	display: -webkit-flex;
	flex-flow:row nowrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
#menu li{
	text-align:right;
	display:table-cell;
	list-type:none;
	padding-right:73px;
}
#menu li:first-child{
	margin-left:73px;
}
#menu li:nth-child(5){
	margin-left: auto;
	padding-right:0;
}
#menu li:last-child{
	margin-left: 30px;
	padding-right:0;
}
#menu a{
	color:#888888;
	text-decoration:none;
	transition:0.3s;
	font-size:11pt;
}
#menu a:hover,#menu a:active{
	color:#eeeeee;
}
#menu li.selected a {
	color:#ffffff;
	font-weight:600;
}

.mainmenu{
	width:100%;
	position:absolute;
	bottom:5px;
	left:0;	
}
.mainmenu li{
	text-align:center;
	padding-bottom:6px;
	margin-bottom:6px;
	margin-right:17px;
	margin-left:8px;
	border-bottom:1px solid #ff0000;
	transition:border 0.2s, color 0.2s;
	max-width:170px;
	list-style-type:none;
}
.mainmenu a{
	font-weight:400;
	font-size:11pt;
	text-decoration:none;
	transition:0.2s;
	padding-bottom:5px;
	color:#888888;
}
.color2.grey{
	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, .text-title.color1{
	color:#fbbe00;
}
.mainmenu li.link2{
	border-bottom-color:#e20075;
}
.mainmenu .link2 a, .color2, .text-title.color2{
	color:#e20075;
}
.mainmenu li.link3{
	border-bottom-color:#97be0c;
}
.mainmenu .link3 a, .color3, .text-title.color3{
	color:#97be0c;
}

.mainmenu li.linkaldi, .linkaldi-div{
	background-color:#e20075;
	padding-top:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.linkaldi-div{
	padding:10px 20px;
	text-align:center;
	display:none;
	position:relative;
	top:-10px;
}
.mainmenu li.linkaldi a, .linkaldi-div a{
	color:#ffffff;
	text-decoration:none;
	
}
.mainmenu li.linkfacebook{
	border-bottom-color:#3b579d;
	border:0;
}
.mainmenu li.linkfacebook a{
	color:#ffffff;
	text-decoration:none;
	line-height:20px;
}
.linkfacebook img{
	position:relative;
	top:-2px;
}

/* Neu */
.mainmenu li.link4{
	border-bottom-color:#48baf7;
}
.mainmenu .link4 a, .color4, .text-title.color4{
	color:#48baf7;
}

.mainmenu li.link5{
	border-bottom-color:#ffffff;
}
.mainmenu .link5 a, .color5, .text-title.color5{
	color:#ffffff;
}

.mainmenu li.link6{
	border-bottom-color:#fbbe00;
}
.mainmenu .link6 a, .color6, .text-title.color6{
	color:#fbbe00;
}
.mainmenu .link7 a, .color7, .text-title.color7{
	color:#df1a00;
}

.mainmenu li.link8{
	border-bottom-color:#f31414;
	border-bottom-color:#ffffff;
	background-color:#f31414;
	background-color:transparent;
	/* padding-top:5px; */
}
.mainmenu .link8 a{
	color:#ffffff;
}
.text-title.color8, .color8, #menu-small a.color8{
	color:#f31414;
}


.mainmenu li.selected a{
	font-weight:700;
}

.mainmenu .link1.grey a,.mainmenu .link2.grey a,.mainmenu .link3.grey a,.mainmenu .link4.grey a,.mainmenu .link5.grey a,.mainmenu .link6.grey a,.mainmenu .link8.grey a, .color7.grey{
	color:#888888;
}
.mainmenu .link1.grey a:hover,.mainmenu .link2.grey a:hover,.mainmenu .link3.grey a:hover,.mainmenu .link4.grey a:hover,.mainmenu .link5.grey a:hover,.mainmenu .link6.grey a:hover,.color7.grey:hover{
	color:#ffffff;
}
.mainmenu li.link1.grey, .mainmenu li.link2.grey, .mainmenu li.link3.grey, .mainmenu li.link4.grey, .mainmenu li.link5.grey, .mainmenu li.link6.grey, .mainmenu li.link8.grey{
	border-bottom-color:#888888;
}

.title{
	text-align:center;
	font-weight:400;
	font-size:18pt;
	line-height:1.2em;
	padding-top:10px;
	margin-bottom:12px;
}
.title b{
	font-weight:800;
	font-size:24pt;
}
.slogan{
	text-align:center;
	font-weight:600;
	font-size:13pt;
	line-height:1.2em;
}
.logo-box{
	width:140px;
	margin:0 auto;
	margin-top:30px;
}
.logo{
	width:100%;
	max-width:200px;
	height:auto;
}

.main{
	width:100%;
	height:100%;
	position:relative;
	z-index:10;
}
.text{
	margin-left:180px;
	padding-top:12px;
	padding-bottom:0px;
	border-bottom:2px solid #666666;
	border-top:2px solid #666666;
	line-height:1.5em;
	font-size:13pt;
	margin-bottom:30px;
	letter-spacing:0.2px;
}
.text2{
	padding-left:180px;
	padding-top:30px;
	padding-bottom:30px;
	line-height:1.5em;
	font-size:13pt;
	letter-spacing:0.2px;
}
.text a{
	color:#48baf7;
	/*font-style:italic;*/
	/*text-decoration:none;*/
}
.text a:hover{
	color:#ffffff;
	
}
.text p, .text2 p{
	font-size:12pt;
	margin-top:1em;
	margin-bottom:1em;
}
.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;
}
.text-title{
	font-weight:600;
	color:#ffffff;
	letter-spacing:1.0px;
}
ul, li{
	margin:0;
	padding:0;
}
.subtext-left{
	float:left;
	width:49%;
}
.subtext-right{
	float:right;
	width:49%;
}

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

.slideshow-title{
	color:#cccccc;
	color:rgba(0,0,0,0.3);
	position:absolute;
	top:30px;
	left:20px;
	font-size:40pt;
	font-weight:600;
}
.lightSlider li{
	position:relative;
}
#lightSlider a{
	cursor:default;
	pointer-events:none;
}

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

#map{
	height:500px;
}

img{
	border:0;
}

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

canvas{
	width:100%;
	height:auto;
}

.bigicon{
	font-size:24px;
}

.blue{
	color:#b3d1ff;
}

a.allwhite, a:link.allwhite, a:active.allwhite, a:visited.allwhite {
	color:#ffffff;
}

.clear{
	clear:both;
}

@media (max-width:770px){
	#root{
		padding:0 20px;
	}
	#top{
		height:auto;
	}
	#left{
		width:100%;
		height:auto;
	}
	#right{
		float:none;
		width:100%;
	}
	.title{
		float:left;
		padding-top:20px;
	}
	.logo{
		
	}
	.logo-box{
		float:left;
		width:80px;
		margin-left:20px;
		margin-top:5px;
		margin-right:20px;
	}
	.slogan{
		float:right;
		margin-top:30px;
	}
	.mainmenu{
		display:none;
	}
	.full2, .full{
		height:350px;
	}
	.text, .text2, .full2{
		padding-left:0;
		margin-left:0;
	}
	#menu-small{
		display:block;
	}
	#menu{
		display:none;
	}
	.lSAction{
		display:none !important;
	}
	.subtext-left, .subtext-right{
		float:none;
		width:100%;
	}
	.linkaldi-div{
		display:block;
	}
}
.top-blc{
	display:none;	
	}
@media (max-width:450px){
	.slogan{
		float:none;
		clear:both;
		margin:0 auto;
		margin-bottom:10px;
	}
	.logo{
		float:right;
	}
	.full2, .full{
		height:175px;
	}
	.slideshow-title{
		font-size:24pt;
	}
	.impressum div{
		width:100% !important;
		margin:0;
	}
	.bottom-blc{
		display:none;
	}
	.top-blc{
		display:block;
	}
}

.kaufen-image{
	float:right;
	max-width:100%;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	box-sizing:border-box;
}
.kaufen-image2{
	width:50%;
}
.kaufen-neutext{
	cursor:pointer;
}