/* less */
@bgColor:#394b5c;
@contentText : #6E6E6E;
@contentBg:#ffffff;

@headerBg:#313333;

@colorlogo:#ffffff;

@colornav:#ffffff;
@bordernav:#ffffff;
@colornavH:#000000;
@navhover:#bfbfbf;

@bgInfobar : #313333;
@bottomInfobar : #bfbfbf;
@txtInfobar : #ffffff;

@borderSubmit: #ffffff;
@txtSubmit:#ffffff;
@bgSubmitH:#bfbfbf;
@txtSubmitH:#000000;

@bgInput:#bfbfbf;
@txtInput:#2F2F2F;

@AccroColor:#000000;

@bgfooter:#313333;
@txtFooter:#ffffff;
@txtFooterH:#bfbfbf;

@bgPhoneFooter : #313333;
@txtphoneFooter : #ffffff;

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

*{padding:0;margin:0;}
body {
	background-color:@bgColor;
	font: 14px/20px "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:@contentText;
	font-weight:300;
	
}
a{
	color: @AccroColor;
	text-decoration: underline;
	outline:none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
a:hover{
	text-decoration: none;
}
.gdpr_policy a{
    color: #fff !important;
}
.gdpr_policy label,input{
    color: #fff !important;
}
#infobar {
    height: 247px !important;
    top: 77px !important;
}
input.submit-button {
    margin-top: -80px !important;
}
b, strong{
	font-weight: 400;
}
i, em{
	font-style: italic;
}
.clear{
	position: relative;
	clear: both;
	display: block;
}

#container{
	position: relative;
	margin: 0 auto;
	width:1000px;
	padding-top:60px;
	/*padding-bottom:50px;*/
}

#header{
	position: relative;
	background: @headerBg; /* Old browsers */
	width: 1000px;
	margin: 0 auto;
}
#header h1#header-logo{
	position: relative;
	float: left;
	padding:25px 0px 20px 60px;
}
#header h1#header-logo a{
	font-family: 'Oswald', sans-serif;
	color:@colorlogo;
	font-size:32px;
	font-weight:400;
	line-height:50px;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
#header h1#header-logo img{
	display: block;
}

#header #nav{
	position: relative;
	float:right;
	max-width: 610px;
	padding-top:42px;
	margin-right:50px;
}
#header #nav  ul {
	list-style:none;
    position:relative;
  
}
#header #nav li a {
	font: 13px/15px 'Oswald', sans-serif;
	font-weight:400;
	padding: 5px 12px 5px 12px;
	text-decoration: none;
	color: @colornav;
	border:1px solid @bordernav;
	
}
#header #nav  li {
	padding-left: 15px;
	float:left;
	position:relative;

}
#header #nav li:first-child {
	background: none;
	padding-left: 0px;
	
}

#header #nav li  a:hover, #header #nav li.sfHover  a,
#header #nav li.selected  a, #header #nav li.active  a {
	background: @navhover;
	border:1px solid @navhover;
	color: @colornavH;
}

#slide{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height:388px;
}
#slideshow{
	position: relative;
	width: 1000px;
	height:388px;
}
#infobar{
position:absolute;
width:225px;
height:228px;
top:95px;
left:50px;
color:@txtInfobar;
background-color:@bgInfobar;
border-bottom:24px solid @bottomInfobar;
padding:40px 20px 25px;
font: 13px/20px "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight:400;
}

/* form */       
.formItem{margin:8px 0; background-color:@bgInput; }                                    
label, input {display:inline-block;vertical-align:top; font-weight:400; font-family:"Roboto Condensed"; color: #2F2F2F;}
label{width:77px;padding:3px 0 3px 3px; }
fieldset{border:none;}
legend {display:none;}
input[type=text], textarea {width:138px; padding:5px 3px; font-family:inherit;font-size:inherit; border:0;
background:@bgInput url(/media/images/white5.png) repeat;
color: @txtInput;
}
textarea{
height:50px;
}
.submitButton{text-align:right;line-height:120%;}
input[type=submit]{
background: transparent; 
border:1px solid @borderSubmit;
color: @txtSubmit;
text-transform:uppercase;height:31px;font-size:13px;width:88px;cursor:pointer;margin: 10px 0 0 0px;padding:0 10px auto; font-weight:400; font-family:"Roboto Condensed";
-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
input[type=submit]:hover{background: @bgSubmitH; color:@txtSubmitH; border:1px solid @bgSubmitH;}
.private_policy{font-size:70%; margin:5px 0 0 0px; text-align:right;}
.private_policy a{color:@txtInfobar; outline:none;}
.private_policy a:hover{color:@bottomInfobar;}


#content {
	width:900px;
	margin-top:1px;
	padding:45px 50px 25px;
	background: @contentBg; /* Old browsers */
	text-align: justify;
}
#content #txt{
width:900px;
}

#content #txt h1 {
	font-size: 18px;
	font-weight:400;
	line-height:28px;
}
#content #txt h2 {
	font-size: 16px;
	font-weight:400;
}
 #content #txt h3 {
	font-size: 15px;
	font-weight:400;
}
#content #txt p{
padding: 3px 0px 8px;
}
#content #txt h1,  #content #txt h2,  #content #txt h3{padding: 10px 0px 10px;}

#content #txt ul{
	padding: 3px 0px 5px 15px;
	list-style: none;
}
#content #txt ul li{
	padding: 0px 0px 3px 15px;
	list-style: none;
	background: url(/media/images/icon-list01.png) no-repeat left 8px;
}
#content #txt ul li li{
	background: url(/media/images/icon-list02.png) no-repeat left 8px;
	padding: 0px 0px 3px 10px;
}
#content #txt ol{
	padding: 3px 0px 5px 35px;
	list-style: decimal-leading-zero;
}
#content #txt ol li{
	padding: 0px 0px 5px 5px;
	list-style: decimal-leading-zero;
}
.accro{
color: @AccroColor;
font-size:25px;
font-weight:normal;
font-family: 'Oswald', sans-serif;
display:block;
padding-bottom:15px;
line-height:32px;
}

#footer{
width:900px;
padding:3px 50px 10px;
position: relative;
background-color:@bgfooter;
color:@txtFooter;
font: 13px/20px "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight:400;
}
#footer  p{
padding: 8px 0px 5px;
}

#footer #nav {
    position:relative;
    text-align:left;
	margin-left:-7px;
}
#footer #nav ul {
	list-style:none;
    position:relative;
  
}
#footer #nav li {
	float:left;
	position:relative;
	border-right:1px solid;
	line-height:14px;
	height:14px;
	margin-top:15px;
}
#footer  #nav li:first-child {
  border-left: none;
}
#footer  #nav li a{text-decoration:none;
    margin:7px; 
    color:@txtFooter;
    padding:2px 0px;
    text-align:center;
    white-space:nowrap;}
#footer #nav li.selected a{color:@txtFooterH; outline:none;}
#footer  a{ color:@txtFooter; outline:none;}
#footer #nav li a:hover{color:@txtFooterH;}
#footer a:hover{color:@txtFooterH;}


#phonefix{
 background-color:@bgPhoneFooter;
  color: @txtphoneFooter;
  font-weight:400; 
  font-family:"Roboto Condensed";
  height: 60px;
  font-size: 18px;
  right:0px;
  line-height:30px;
  position:fixed;
  text-align:center;
  bottom:0px;
  width:190px;
  z-index:400;
  border-radius:4px 0px 0px 0px;
  
}
#phonefix .tel{
	font-size: 22px;
	padding-left:0px;
}
.box_googlemaps{
border:1px solid @AccroColor;
}
.projekktor{margin:0 auto !important; margin-top:15px !important;}

.image-right{
	float: right;
	margin: 0 0 15px 20px;
	border:1px solid #ccccc;
}

.fb-like{
display: block !important;
margin-top: 15px !important;
z-index: 100;
position: relative;
margin-bottom: 60px !important;
width: 980px;
margin-right: auto;
margin-left: auto;
background-color: rgba(255, 255, 255, 0.49);
padding: 10px 10px;
}
.highslide img {
  border: 1px solid @AccroColor !important;
}
.highslideContainer {
  float: left;
  height: 130px !important;
  margin-left: 10px;
  margin-top: 10px;
  width: 270px !important;
}
.highslide-text{
display:block;
text-align:center;
}
.highslide-gallery{
margin-left:32px;
position:relative;
}