@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Asap';
	font-style: normal;
	font-weight: 400;
	src: local('Asap Regular'), local('Asap-Regular'), url(KFOoCniXp96ayzse5Q.ttf) format('truetype');
}
@font-face {
	font-family: 'Asap';
	font-style: normal;
	font-weight: 500;
	src: local('Asap Medium'), local('Asap-Medium'), url(KFOnCniXp96aw8g99UtvAw.ttf) format('truetype');
}
@font-face {
	font-family: 'Asap';
	font-style: normal;
	font-weight: 600;
	src: local('Asap SemiBold'), local('Asap-SemiBold'), url(KFOnCniXp96aw-Q69UtvAw.ttf) format('truetype');
}
@font-face {
	font-family: 'Asap';
	font-style: normal;
	font-weight: 700;
	src: local('Asap Bold'), local('Asap-Bold'), url(KFOnCniXp96aw4A79UtvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(https://fonts.gstatic.com/s/amaticsc/v13/TUZyzwprpvBS1izr_vOECuSfU5cP1Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(https://fonts.gstatic.com/s/amaticsc/v13/TUZ3zwprpvBS1izr_vOMscGKfrUC_2fi-Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



body {
	font-family: 'Asap', Arial, Verdana, sans-serif;
	background: url(images/bg_fh.gif) top left repeat;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #575757;
	}

p {
	text-align: center;
	line-height: 1.7em;
	}
	
a {
	border: none;
	text-decoration:none;
	color: #575757;
	}
	
#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 174px;
	}
	
#top-navi {
	height: 52px;
	background: #d0cec7;
	margin-bottom: 10px;
	}
	
#header-inner {
	width: 1000px;
	margin: 0 auto 28px auto;
	}
	
#logo {
	width: 200px;
	float: left;
	}

#head-navi {
	width: 800px;
	margin: 81px 0 0 0;
	padding: 0px;
	text-align:right;
	float: right;
	}
	
#head-navi ul {
	float: right;
	list-style: none;
	padding-right: 2px;
	margin-right: 0px;
	text-align:right;
	margin-left: 46px;
	}
	
#head-navi ul li  {
	float: left;
	}
	
#head-navi ul li a {
	color: #575757;
  	font-weight: 700;
  	display: inline-block;
  	line-height: 18px;
  	padding-left: 22px;
  	font-size: 15px;
  	text-transform: uppercase;
  	letter-spacing: 0.1em;
	text-decoration:none;
	}
	
#head-navi ul li a:hover {
	color: #a42422;
	}
	
.clearfix {
	clear: both;
	}
	
#main {
	width: 1000px;
	margin: 0 auto 28px auto;
	height: auto;
	}
	
h1.page-header  {
	font-family: 'Amatic SC',Arial,Verdana,sans-serif;
  	color: #a42422;
  	font-size: 40px;
  	font-weight: 700;
  	margin: 14px 0px 20px 0px;
  	padding: 0px;
    text-align: center;
    text-transform: lowercase;
	background: url(images/bg_page_header.png) center center no-repeat;
  }
  
h1.page-header a, h1 a{
	color: #a42422;
	}
	
h1.page-header a:hover, h1 a:hover{
	color: #575757;
	}
  
h1 {
	font-family: 'Amatic SC',Arial,Verdana,sans-serif;
  	color: #a42422;
  	font-size: 40px;
  	font-weight: 700;
  	margin: 0px 0px 28px 0px;
  	padding: 0px;
    text-align: center;
    text-transform: lowercase;
	}
  
h2 {
	 position: relative;
	 z-index:999;
	font-family: 'Amatic SC',Arial,Verdana,sans-serif;
  	color: #575757;
  	font-size: 30px;
  	font-weight: 700;
  	margin: -22px 0px 20px 0px;
  	padding: 0px;
    text-align: center;
    text-transform: lowercase;
	background: url(images/bg_h2.png) center center no-repeat;
  }
  
h2 a {
	border: none;
	text-decoration:none;
	color: #575757;
	}
	
h2 a:hover {
	color: #a42422;
	}
	
a h2  {
	border: none;
	text-decoration:none;
	color: #575757;
	}
	
 a:hover h2 {
	color: #a42422;
	}

h3 {
	font-family: "Asap",Arial,Verdana,sans-serif;
  	color: #a42422;
  	font-size: 20px;
  	font-weight: 700;
  	margin: 0px 0px 10px 0px;
  	padding: 0px;
    text-align: left;
    text-transform: uppercase;
	letter-spacing: 0.05em;
  }
  
 h4 {
	font-family: 'Amatic SC',Arial,Verdana,sans-serif;
  	color: #f4f0e8;
  	font-size: 30px;
  	font-weight: 700;
  	margin: 20px 0px 10px 0px;
  	padding: 0px;
    text-align: center;
    text-transform: lowercase;
	background: url(images/bg_h4.png) center center no-repeat;
  }
  
  
#teaser {
	position: relative;
	 z-index:1;
	width: 314px;
	margin-right: 29px;
	float: left;
	}
	
#teaser-last {
	position: relative;
	 z-index:1;
	width: 314px;
	margin-right: 0px;
	float: left;
	}
	
#trenner {
	background: url(images/trenner.png) center center no-repeat;
	margin: 28px 0;
	height: 1px;
	width: 1000px;
	}
	
#footer {
	width: 1000px;
	margin: 0 auto 0px auto;
	height: auto;
	padding-bottom: 28px;
	}
	
#trenner-footer {
	background: url(images/trenner3.png) center center no-repeat;
	margin: 8px 0 4px 0;
	height: 1px;
	width: 314px;
	}
	
#footer p {
	text-align: left;
	line-height: 1.4em;
	margin: 0px;
	}