@charset "UTF-8";

/* Body */
body { font-family: font-family:'Blanc W00 Regular', sans-serif; background-color: #e3e6e2; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-weight: 400; background-attachment: scroll; background-image: url(../images/bg.gif); background-repeat: repeat-x; color: #666666; -webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;}
/* Container */
.container { width: 90%; margin-left: auto; margin-right: auto; }
/* Navigation */
header { width: 458px; height: auto; margin-left: auto;
	margin-right: auto; }
h3 { color: #a58548; font-family:'Blanc W00 Light', sans-serif; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; font-size: 24px;}
h4 { color: #a58548; font-family:'Blanc W00 Light', sans-serif; margin-top: 0px; font-size: 14px;}

a { color: #a58548; }

p, li {font-family:'Blanc W00 Regular', sans-serif; font-size: 14px; line-height: 16px;}

.logo {
	color: #fff;
	font-weight: bold;
	text-align: undefined;
	width: 10%;
	float: left;
	margin-top: 15px;
	margin-left: 25px;
	letter-spacing: 4px;
}


ul, li {margin-left: -12px; list-style: square;  margin-bottom: 10px;}


ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul li:hover a {
	color: #2C9AB7;
}

#footerlogo { position: absolute; top: 676px;  width: 100%; text-align: center; z-index: -99; overflow: hidden; margin-top: 180px;}

#links , #rechts {
    width:50%;
  }

  #links {
    float:left;
    
  }

  #rechts {
    float:right;
    

  }

  #links_innen {
    margin-right:155px; padding-right: 40px;
  }

  #rechts_innen {
    margin-left:155px; padding-left: 40px;
  }  

  #mitte { position: relative; margin-left: -155px; margin-right: -155px; width: 310px; float: left; 
  }


 * html #links, * html #rechts {
   width:49.9%;
   float:left; 
 }

  
 *+ html #links, *+ html #rechts {
    width:49.9%;
    float:left; 
 }



.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 4px;
}

/* More info */
#content { padding-bottom: 35px; padding-top: 70px; display: inline-block; }
.left_column { width: 35%; padding-top: 0px; float: left; height: 500px; }
.right_column { width: 35%; padding-top: 0px; float: left; height: 500px;  }
.center_column { width: 30%; float: left; height: 500px; 
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
text-align: center;}
footer .footer_column h3 { color: #B3B3B3; text-align: left; }
footer .footer_column p { color: #717070; }
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;
}
footer .footer_column p { padding-right: 0px; text-align: left; line-height: 25px; font-weight: lighter; }
.quote { text-align: center; padding-top: 30px; padding-bottom: 20px; color: #a58548; font-weight: 200; border-top-width: 2px; font-family: 'Fira Sans', sans-serif; font-size: 42px; font-style: italic; }
.contact { text-align: center; padding-top: 40px; padding-bottom: 20px; text-transform: uppercase; font-weight: lighter; letter-spacing: 2px; border-top-width: 2px; font-size: 18px; }
.contact p { font-size: 18px; }
.contact a {color: #666666; text-decoration: none}
.contact a:hover { color: #a58548; }
.copyright { text-align: center; padding-top: 20px; padding-bottom: 100px; letter-spacing: 1px; border-top-width: 2px; }
.footer_banner { background-color: #B3B3B3; padding-top: 66px; padding-bottom: 60PX; margin-bottom: 0px; background-image: url(../images/pattern.png); background-repeat: repeat; }
footer { }
.hidden {
	display: none;
}

/* Mobile */
@media (max-width : 853px ){
body { background-color: #fff; background-image: url(../images/bg_mobile.png);}
#links , #rechts {
    width:95%; margin-bottom: 40px;
  }
	 #links_innen {
    margin-right:1px; padding-right: 0px;
  }

  #rechts_innen {
    margin-left:1px; padding-left: 0px; margin-top: 40px;
  }  

#mitte { position: static; margin-left: auto; margin-right: auto; width: 310px; float: none; }
#links {float:left; width: 90%; margin-left: auto; margin-right: auto; }
#rechts {float:left; width: 90%; margin-left: auto; margin-right: auto; }
	
h3 { font-size: 24px;}
h4 { font-size: 14px;}
p, li {font-size: 16px; line-height: 18px;}
.contact p { font-size: 14px; }	
.quote { font-size: 30px; }	
}

/* Small Tablets */
@media (min-width : 853px ) and ( max-width : 959px ){
h3 { font-size: 18px;}
h4 { font-size: 12px;}
p, li {font-size: 12px; line-height: 13px;}
.contact p { font-size: 14px; }
}

/* Small Desktops */
@media (min-width : 960px ) and ( max-width : 1100px ){
h3 { font-size: 20px;}
h4 { font-size: 13px;}
p, li {font-size: 13px; line-height: 14px;}
.contact p { font-size: 16px; }
}
/* Big Desktops */
@media (min-width : 1200px ) {
h3 { font-size: 24px;}
h4 { font-size: 14px;}
p, li {font-size: 16px; line-height: 18px;}
.contact p { font-size: 18px; }
}