@import "http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic";
@import "http://fonts.googleapis.com/css?family=Arapey:400italic,400";
p{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 14px;
  line-height: 30px;
  color: #4a4a4a;	
}
h1{
 font-family: 'Arapey', serif;
 font-size: 75px;
 font-weight: 300;	
 color: #2a2a2a;
 text-align:center;
 text-transform:uppercase;
 letter-spacing: 3px;
 line-height: 70px;
}
h2{
 font-family: 'Arapey', serif;
 font-size: 51px;
 font-weight: 300;
 padding-bottom: 20px;	
 color: #2a2a2a;
 text-align:center;
 text-transform:uppercase;
 letter-spacing: 2.4px;
}
h3{
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 22px;
 font-weight: 400;	
 color: #5a5a5a;
 text-transform:uppercase;
}
h4{
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 14px;
 font-weight: 400;	
 font-style:italic;
 color: #4a4a4a;
 text-transform:uppercase;
}
a img {
    border: 0;
}
*{
  margin:0;
  outline:medium none;
  padding:0;
}
/*--------Main-Style--------*/
html, body{
  height:100%;
  width:100%;
}
body{
  color: #4a4a4a;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #191919;
}
#site{
  margin-top: 0;
}
.container{
  width: 100%;
	max-width:1070px;
  position:relative; 
  margin: 0 auto;
  padding: 0 10px;
box-sizing: border-box;
}
.clear{
  clear:both;
  font-size:0.001em;
  line-height:0.001em;
}
/*------END--Main-Style--------*/
/*--------Header--------*/
#header{
  height: 110px;
}
.logo{
  width: 320px;
  margin: 0 auto;
}
#language{
  width: 100px;
  float: right;
  margin-top: 5px;
}
#language ul{
  list-style: outside none none;
  text-align: right;
}
#language li{
  display:inline;
}
#language li a{
  color: #999;
  text-decoration:none;
  font-size:15px;
  font-weight: 300;
  text-transform:uppercase;
  padding: 0 41px 0 0;
}
#language li a:hover{
  color:#fff;
}
#language li a.act{
   color:#fff;
}
#language li.last a{
  padding: 0 8px 0 0;
}
.navi{
	clear: both;
  list-style:none;
  color:#fff;
}
.navi ul{
  padding-top: 20px;
}
.navi li{
  text-align: left;
  display:inline;
}
.navi li a{
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  text-decoration:none;
  font-size:15px;
  font-weight: 300;
  margin: 0 235px 0 0;
  padding-top: 6px;
  text-transform:uppercase;
  letter-spacing: 3px;
}
.navi li.last a{
  margin: 0;
}
.navi li a:hover{
  border-top: 3px solid #fff;
}
.navi li a.act{
   border-top: 3px solid #fff;
}
/*------END--Header--------*/
/*--------Main--------*/
#main .bgwhite{
  background: #fff;
  min-height: 400px;
}
#main .bggrey{
  background: #d4d4d4;
}
#main .bglightgrey{
  background: #f9f9f9;
}
#main .bglightgrey .slogan{
  padding-top: 100px;
  padding-bottom: 150px;
}
#main .bglightgrey .slogan h1{
  font-size: 51px;
  letter-spacing: 3px;
  line-height: 52px;
}
/*--------Main Startseite--------*/
.home .slogan{
  padding-top: 130px;
  padding-bottom: 130px;
}
.home .welcome{
  background: #ffffff url("../images/Eingangsbereich_lenox.jpg") no-repeat 0 0;
  height: 645px;
  padding-bottom: 80px;
  padding-left: 30px;
}
.home .welcome h3{
  padding: 30px 0 28px 0;
}
.home .welcome .cont-white{
  background: #fff;
  width: 794px;
  height: 420px;
  padding: 40px 0 20px 0;
}
.home .welcome .cont-white h4{
  padding-bottom: 110px;
}
.home .welcome .cont-white p{
  padding-right: 40px;
}
.home .line{
  width: 446px;
  float: left;
  height: 26px;
  border-bottom: 2px solid #4a4a4a;
  margin-top: 100px;
}
.home .anfrage{
  width: 136px;
  height: 30px;
  float: right;
  border-bottom: 1px solid #5a5a5a;
  padding: 0 0 0 8px;
  margin-right: 36px;
  margin-top: 120px;
}
.home .anfrage a{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 20px 0;
  color: #5a5a5a;
  text-decoration: none;
}
.home .cont{
	width: 744px;
    padding-bottom: 210px;
    padding-left: 30px;
	padding-top: 64px;
}
.home .cont h3{
	color: #3a3a3a;
	padding-bottom: 60px;
}
.home .cont .line{
  margin-top: 40px;
}
.home img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*-----END---Main Startseite--------*/
/*--------Main Leistungen--------*/
.leistungen #main .bglightgrey .slogan {
    padding-bottom: 90px;
}
.leistungen .bglightgrey h2{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 14px;
  line-height: 30px;
  color: #4a4a4a;
  text-transform: uppercase;
  letter-spacing: 0.5px;	
}
.leistungen .bgwhite{
  padding-top: 80px;
  padding-bottom: 70px;
}
.leistungen .box1{
	width: 325px;
    float: left;
	margin-right: 40px;
}
.leistungen .box2{
	width: 325px;
    float: left;
	margin-right: 40px;
}
.leistungen .box3{
	width: 325px;
    float: left;
}
.leistungen .boximg{
	width: 54px;
    float: left;
	margin-right: 15px;
	padding-top: 20px;
}
.leistungen .boxtext{
	width: 255px;
    float: right;
}
.leistungen .boxtext p{
	padding-bottom: 26px;
}
.leistungen .boxtext h3{
	padding-bottom: 15px;
}
.leistungen .cont-white{
  background: url("../images/leistungen1.png") no-repeat 0 0 transparent;
  height: 531px;
  padding-bottom: 90px;
}
.leistungen .cont-white p{
  padding-top: 200px;
  padding-left: 50px;
}
.leistungen img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.leistungen .cont{
	width: 744px;
    padding-bottom: 195px;
    padding-left: 40px;
	padding-top: 64px;
}
.leistungen .cont h3{
	color: #3a3a3a;
	padding-bottom: 60px;
}
.leistungen .line{
  width: 446px;
  float: left;
  height: 26px;
  border-bottom: 2px solid #4a4a4a;
  margin-top: 55px;
}
.leistungen .bggrey{
  height: 560px;
}
/*-----END---Main Leistungen--------*/
/*--------Main Lenox--------*/
.lenox .bglightgrey h2{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 14px;
  line-height: 30px;
  color: #4a4a4a;
  text-transform: uppercase;
  letter-spacing: 0.5px;	
}
.lenox #main .bglightgrey .slogan {
    padding-bottom: 70px;
}
.lenox .bglightgrey .slogan p{
  text-align:center;
  padding: 14px 0 0 0;
}
.lenox .cont-white{
  #background: url("../images/lenox1.png") no-repeat 0 0 transparent;
  height: 531px;
  height: 331px;
}
.lenox .cont-white h3{
  padding-top: 180px;
  padding-left: 50px;
}
.lenox .cont-white p{
  width: 520px;
  padding-top: 16px;
  padding-left: 50px;
}
.lenox #main .bgwhite{
  min-height: 170px;
  margin-top: -350px;
}
.lenox .container-img{
  width:1070px;
  position:relative; 
  background: url("../images/lenox2.png") no-repeat 0 0 transparent;
  margin: 100px auto 0 auto;
  height: 900px;
}
.lenox .container-img h3{
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 50px;
}
.lenox .container-img .check{
  background: url("../images/lenox-check.jpg") no-repeat 0 144px transparent;
  width: 38px;
  height: 490px;
  float: left;
  margin-left: 50px;
  padding-top: 30px;
}
.lenox .container-img .cont-top{
  width: 570px;
  float: left;
  padding-top: 30px;
  margin-left: -40px;
}
.lenox .container-img .cont-top p{
  padding-right: 40px;
}
.lenox .container-img .cont-top h3{
  padding-left: 0;
  padding-top: 30px;
  padding-bottom: 0;
}
.lenox .container-img .cont{
  width: 600px;
  float: left;
  padding-top: 20px;
}

.lenox .container-img .cont p{
  padding-bottom: 10px;
}
.lenox .container-img .line{
  clear: both;
  width: 446px;
  float: left;
  height: 30px;
  border-bottom: 2px solid #4a4a4a;
  margin-left: 50px;
}

/*-----END---Main Lenox--------*/
/*--------Main Kontakt--------*/
.kontakt #main .bglightgrey .slogan {
  padding-bottom: 50px;
}
.kontakt .cont{
  background: url("../images/kontakt.png") no-repeat 0 0 transparent;
  height: 730px;
}
.kontakt .cont h3{
  padding-top: 160px;
  padding-left: 520px;
}
.kontakt .cont .googlemap{
  margin-left: 473px;
  margin-top: 60px;
}	
/*-----END---Main Kontakt--------*/
/*--------Main Impressum--------*/
.impressum #main .bglightgrey .slogan p {
  text-align:center;
}
.impressum #main .bglightgrey .slogan a {
  color: #4a4a4a;
  text-decoration: none;
}	
/*-----END---Main Impressum--------*/
/*--------AllContact--------*/
#contact{
    background: #ffffff url("../images/iStock_000021652636Large.jpg") no-repeat center top;
	height:616px;
	padding-top: 84px;
}
.contact-text{
	width: 481px;
	float: left;
}
.contact-text h3{
	color: #3a3a3a;
	padding-bottom: 32px;
}
.contact-text .email, .contact-text .tel{
	padding-right: 30px;
}
.contact-text .email a{
	text-decoration: none;
	color: #4a4a4a;
}
.contact-text .mobil a, .contact-text .tel a{
	text-decoration: none;
	color: #4a4a4a;
}
.contact-form{
	width: 540px;
	float: right;
	display:none;
}
.contact-form table{
	width: 540px;
	padding-top: 60px;
}
.contact-form table hr{
	border: none;
	height: 10px;
	border-top: 1px solid #4a4a4a;
	margin-top: 10px;
}
.contact-form table td{
	width: 250px;
	padding-bottom: 10px;
}
.contact-form table td.first{
	padding-right: 30px;
}
.contact-form table input {
	border: 0;
	background: none;
	overflow: auto;
}
.contact-form table textarea {
	border: 0;
	background: none;
	overflow: auto;
	resize: none;
}
#contact-form .submit {
	border: 0;
	background: none;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-left: 440px;
    color: #4a4a4a;
	text-align: center;
	width: 104px;
	border-bottom: 1px solid #4a4a4a;
	padding-bottom: 10px;
	padding-top: 6px;
}
/*--------END---MainContact--------*/
/*--------Footer--------*/
#footer {
	padding: 60px 0 100px 0;
}
.footerlogo {
	width: 350px;
    float: left;
	padding-top:48px;
}
.footernavi{
    width: 300px;
    float: left;
    list-style:none;
  color:#fff;
}
.footernavi li{
  display:block;
}
.footernavi li a{
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  text-decoration:none;
  font-size:15px;
  font-weight: 300;
  line-height: 34px;
  text-transform:uppercase;
  letter-spacing: 1.2px;
}
.footernavi li a:hover{
  #border-top: 3px solid #fff;
}
.footernavi li a.act{
   #border-top: 3px solid #fff;
}
.copyright {
    float: right;
    width: 380px;
	color:#5e5e5e;
	text-align:right;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 300;
	letter-spacing: 1px;
	padding-top: 143px;
}
/*------END--Footer--------*/


.logo img {
	width: 100%;
	max-width: 320px;
}

@media (max-width: 1040px) {
  #main{
     width: 100%;
     #background: #fff;
  }
}

@media (max-width: 640px) {
  #main .bglightgrey .slogan h1, 
h2 {
	font-size: 24px;
	}
}