body{
	overflow-x:hidden;
}

#kontaktleisteoben a,
#unten a{
	color:#993300 !important;
}

#slider{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:100vh;
	background-image:url(/images/bg.jpg);
	background-size:cover;
}

#scrollToTop{
	width:120px;
	margin:auto;
}
#pfeil{
	position:absolute;
	bottom:15px;
	z-index:15;
	left:50%;
	margin-left:-25px;
	color:#993300;
}

#pfeil img{
	border:2px solid #993300;
	border-radius:40px;
	transition: all 0.6s ease-in-out;
}

#pfeil img:hover{
	border-radius:0;
}

.body .container{
	position:relative;
	top:105vh;
}

#navileiste{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	height:100px;
	background:rgba(255,255,255,0.6);
	padding-bottom:10px;
	border-bottom:2px solid #993300;
	transition: all 0.6s ease-in-out;
}

#navileiste:hover{
	background:#fff;	
}

#logobild{
	position:relative;
	left:50%;
	margin-left: -520px;
	max-width:240px;
	margin-top:16px;
}

#navileiste ul{
	position:relative;
	float:right;
	right:50%;
	margin-right:-530px;
}

#navileiste li{
	float:left;
	margin-right:20px;
}

.nav li a{
	color:#993300;
	font-weight:400;
	letter-spacing:0.4px;
	margin-top: -10px; 
	padding: 35px 16px 41px 16px;
}

#navileiste .nav .active > a{
	background:#993300;
	color:#fff;
	font-weight:500;
}

.nav li a:hover{
	/*background:rgba(104,211,240,0.85);*/
	background:rgba(153,51,0,0.85);
	color:#fff;
}

.item-108:hover > .nav-child{
	display:block;
}

.nav-child{
	left:-466px;
	display:none;
	font-size:12px;
	margin-top:4px;
	background:rgba(255,255,255,0.9);
}

.nav-child li{
	margin-top:13px;
		float:none !important;
		margin-bottom:28px;
}

.nav-child li a{
	padding-top:15px;
	padding-bottom:15px;
}

.nav-child li a:hover{
	text-decoration:none;
	background:rgba(126,223,249,1);
}

#titeleinklinker{
	position:absolute;
	top:20vh;
	width:100%;
}
	
#titeltext{
	background:rgba(153,51,0,0.85);
	position:absolute;
	bottom:100px;
	width:100%;
	min-height:100px;
}

#titeltext h2{
	color:#fff;
	position:relative;
	font-size:34px;
	margin-top:14px;
	margin-bottom:17px;
	line-height:120%;
	text-align:center;
}

#content, #schwerpunkte{
	padding-top: 110px; margin-top: -110px;
}

#schwerpunkte{
	margin-bottom:23px;
}

#schwer div{
	width:30.5%;
	float:left;
	margin-bottom:10px;
	background:#fff;
	padding:1%;
	border:1px solid #eee;
}

#schwer div img{
	width:100px;
	margin-top:8px;
}

.btn-group, .article-info, .brand{
	display:none;
}

.clear{
	clear:both;
}

.dreispaltig div{
	width:335px;
	min-height:240px;
	margin-top:30px;
	text-align:center;
	padding:5px;
	margin-bottom:25px;
}

.links{
	float:left;
}

.mitte{
	float:left;
}

.rechts{
	float:right;
}

.bt-cs .bt-inner img {
    border: 0 !important;
    outline: 0 !important;
   }

.item-page{
	text-align:center;
}

[itemprop="name"], h1, .visforms-form h1 {
	color:#993300;
	font-weight:200;
	font-size:37px;
	line-height:120%;
	text-align:center;
}

h2{
	color:#993300;
	font-weight:100;
	font-size:26px;
}

.camera_fakehover{
	border:5px solid #ffffff;
	-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.29);
	box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.29);
	margin-left: 6px; 
	margin-right: 6px;
}

#camera_wrap_89{
	margin-bottom:20px;
}

.camera_caption > div{
	background:rgba(255,255,255,0.85);
	color:#333;
	margin-right: -4px; 
	margin-left: -4px;
		margin-top:-90px;

}

.camera_caption_title{
	color:#993300;
	font-weight:100;
	font-size:24px !important;
}

.camera_caption_desc{
	font-size:14px !important;
	margin-top:5px;
}

#klein{
	font-size:12px;
	margin-left: 60px;
	position:relative;
	top:-14px;
}

.readmore a{
	background:#993300;
	padding:6px 14px;
	position:relative;
	top:10px;
	color:#fff;
	border-radius:5px;
	transition: all 0.6s ease-in-out;
}

.weiterbtn:hover{
	opacity:0.8;
	text-decoration:none;	
	color:#fff;
	border-radius:0;
}

#namelbl, #e-maillbl, #telefonlbl, #nachrichtlbl{
	text-align:right;
	width:90px;
	padding-left: 80px;
}

#field4{
	width:80px;
}

.visBtnCon{
	float:left;
	margin-left: 260px;
}

.mapprint, .pager{
	display:none;
}

#mapposition{
	position:relative;
	top:30px;
	width:55%;
	float:right;
}

#besuchen{
	width:45%;
	float:left;
	padding-top: 80px;
}

#unten{
	clear:both;
	position:relative;
	top:90px;
	text-align:center;
	background:#333;
	margin-left:-313px;
	margin-right:-315px;
	padding-top:50px;
	min-height:115px;
	color:#fff;
	border-top:3px solid #993300;
}

#leistungen{
	color:#993300;
	font-size:12px;
}

#phocaMapPlgPM1{
	width:100% !important;
}

#kontaktleisteoben{
	text-align:right;
	margin-top:-78px;
	margin-right:100px;
}

#cboxContent .page-header{
margin-top:82px;
margin-bottom:-21px;
padding-bottom:-5px;
}

#colorbox, #cboxWrapper, #cboxLoadedContent{
	height:222px;
}

#team1 div{
	width:323px;
	padding:1%;
	float:left;
}

#team2{
	margin-left:auto;
	margin-right:auto;	
	width:674px;
}

#team2 div{
	width:323px;
	padding:1%;
	float:left;
}

#backbutton{
	padding:18px 29px;
	background:#993300;
	color:#fff;
	border-radius:3px;
	transition:ease all 0.6s;
}

#backbutton:hover{
	text-decoration:none;
	opacity:0.8;
}

.page-header h1{
	display:none
}

.footer hr{
	display:none;
}

.mehrspaltig p{
	width:25%;
	float:left;
	min-height:65px;
}

#kontaktformular{
	margin-top:90px;
}

.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    display:none;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
    color: #993300;
    opacity:0.8;
    font-weight:400;
    font-size:19px;
    transition: all 0.6s ease-in-out;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    opacity:1;
}

.rl_sliders-title{
	margin-top:2px;
}


.zweispaltig li{
	list-style:none;
	margin-left:-24px;
	float:left;
	margin-top:30px;
}

.zweispaltigeins{
	width:130px;
}

.zentriert{
	position:relative;
	left:50%;
	margin-left:-379px;	
}

.zentriert a{
	float:left;
	clear:both;
	width:220px;
	text-align:center;
	font-size:20px;
	color:#fff;
	margin:2px;
	padding:13px;
	background:rgba(153,51,0,0.7);
	transition: all 0.6s ease-in-out;
}

.zentriert a img{
	max-width:50px;
}

.zentriert a:hover{
	text-decoration:none;
	background:rgba(153,51,0,1);
}

.accordion-group{
	width:33%;
	float:left;
	min-height:165px;
	height:215px;
	border-radius:0px !important;
	border:0 !important;
	margin-left:1px;
	margin-right:1px;
}

.accordion-toggle{
	height:210px;
}

.rl_sliders-toggle-inner{
	position:relative !important;
	top:70px !important;	
}

.accordion-inner{
	border:0 !important;
}

h3{
    color: #993300;
    font-weight:100;
    margin-bottom:5px !important;
}

#namelbl, #e-maillbl, #telefonlbl, #nachrichtlbl{
	width:100%;
	text-align:center;
	padding-left:0;
	margin-bottom:-5px;
	opacity:0.7;
}

#field5,#field1,#field2,#field3{
	margin-right:80px;
}

#field4{
	margin-left:210px !important;
}

.fc-tbxfield3{
	position:absolute;
}

#kontaktformular{
	display:none;
}

#mobilbutton{
	display:none;
}

@media only screen and (max-width:980px) {
	#besuchen{
		width:100%;
		float:none;
		padding-top:0;
		position:relative;
		left:50%;
		margin-left:-109px;
	}
	
	#mapposition{
		width:100%;
		float:none;
	}
	
	#navileiste img{
		left:0;
		margin-left:0;
	}
	
	#kontaktleisteoben{
		margin-right:10px;
	}
	
	#slider{
		height:350px;
		background-attachment:scroll;
	}
	
	#titeleinklinker, #pfeil{
		display:none;
	}
	
	#titeltext{
		top:350px;
		bottom:auto;
		min-height:0;
	}
	
	#titeltext h2{
		font-size: 30px;
		margin-top: 4px;
		margin-bottom:10px;
		line-height: 110%;
	}
	
	.body .container{
		top:450px;
	}
	
	#team1 div{
		float:none;
		width:100%;
	}
	
	#team2{
		width:100%;
	}
	
	#team2 div{
		float:none;
		width:100%;
	}
	
	#mobilbutton{
		display:block;
		padding:18px 29px;
		background:#993300;
		color:#fff;
		border-radius:3px;
		transition:ease all 0.6s;
		text-align:center;
	}
}

@media only screen and (max-width:770px) {
	.brand .site-title{
		display:none;
	}
	
		
	#slider{
		margin-top:150px;
		height:200px;
	}
	
	#navileiste{
		text-align:center;
	}
	
	#kontaktleisteoben{
		margin-top:0;
		text-align:center;
		width:100%;
		background:#fff;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	#navileiste img{
		width:100%;
	}
	
	#titeltext{
		position:relative;
		padding-top:5px;
		padding-bottom:5px;
		padding-left: 20px;
		margin-left: -20px;
		padding-right: 20px;
		margin-top:-3px;
	}
	
	.body .container{
		top:345px;
	}
	
	#schwer div{
		width:47.5%;
	}
	
	#kontaktleisteoben img{
		display:none;
	}

}

@media only screen and (max-width:490px) {
	#schwer div{
		width:98%;
		float:none;
	}
	
	#besuchen{
		left:10px;
		margin-left:0;
		width:100%;
	}
	
	.zweispaltig{
		font-size:12px;
	}
	
	.zweispaltigeins{
		width:100px;
	}
	
	#unten{
		margin-left: -20px;
		margin-right: -20px;
	}

}
