/*allgemein*/

body{
	width: 100%;
	height: 100%;
    background: white;
	font-family: 'PT Sans Narrow', sans-serif;
	font-family: 'Open Sans Condensed', sans-serif;
	font-family: 'Archivo Narrow', sans-serif;
	font-family: 'Average Sans', sans-serif;
	font-family: 'Noto Serif', serif;
		
	}

/* Content */

#content {
	margin-top: 200px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	height: 550px;
	/*border-top: solid  2px #DBD8D1;*/
	border-bottom:  solid  10px #DBD8D1;
	background-color: white;
	}


/* Footer */
#foot {
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	height: 50px;

	color: black;
  	text-decoration: none; 
  	font-family: "Helvetica" ;
	

}		

#foot a {

	font-size: 13px;
	}
	
#foot a:hover {
color: #6B3E5F;
	}

.footerpic {
	position: absolute;
	margin-top: -80px;
	margin-left: 920px;
	
}

	

	
.home a{
	position: absolute;
	z-index: 333;
height: 100%;
	width: 100%;
	text-color: black;
	background-image: url(picture_library/startseite.png);


	}
	
.home a:hover{
	position: absolute;
	z-index: 333;
	height: 100%;
	width: 100%;
	opacity: 1;
	background-image: url(picture_library/startseite.png);

	}
	
/***************************************************************************************************/
/**************************************  navigation **************************************************/	


.logo{
	position: absolute;
	margin-top:-124px;
	margin-left: 220px;
	z-index: 2;
	background-image: url(picture_library/start.png) no-repeat;
	}
	
	

#navigation {
	width: 1000px;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-right: auto;
	margin-left: auto;
	margin-top: -160px;
	}

.navi{
	width: 500px;
	float: right;

	background-color: rgba(255,255,255,0.8);
	padding-top: 35px;
	padding-bottom: 35px;
	border-radius: 2px;
	}

	
a:link{
	color:#7e776f;
	font-weight: 400;
  	text-decoration: none; 
  	font-family: "Helvetica" ;

	}
a:visited {
	color: #7e776f;
	font-weight: 400;
  	text-decoration: none; 
  	font-family: "Helvetica" ;
		
	}

	
.ueberunslink:hover {
	color:  #d8903e;
	
  	text-decoration: none; 
  	font-family: "Helvetica" ;
	font-weight: 400;
	}
	
#ueberunsactive {
	color:  #d8903e;
	}
		
.leistungenlink:hover {
	color:  #ddd72a;

  	text-decoration: none; 
  	font-family: "Helvetica" ;
	font-weight: 400;
	}
#leistungenactive {
	color:  #ddd72a;
	}
.erfahrunglink:hover {
	color:  #acbd2f;
	
  	text-decoration: none; 
  	font-family: "Helvetica" ;
	font-weight: 400;
	}
	
#erfahrungactive {
	color:  #acbd2f;
	}
.kontaktlink:hover {
	color:  #91bc31;
	
  	text-decoration: none; 
  	font-family: "Helvetica" ;
	font-weight: 400;
	}
	
#kontaktactive {
	color:  #91bc31;
	}

	
ul li{
	text-decoration: none;
	list-style: none;
	display: inline;
	text-align: right;
	margin: 0 25px;	
	font-size: 100%;
	font: black;
	}




/***************************************************************************************************/
/**************************************   Startseite **************************************************/	




/*Head*/

	
#head {
	
	background-image: url(picture_library/header.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 300px;
	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
#head .home{
	position: absolute;
	z-index: 333;
	height: 550px;
	width: 492px;
	margin-top: -240px;
	background-image: url(picture_library/logo_herz.png);

	}
.begruessung{
	position: absolute;
	margin-top: 20px;
	margin-left: 110px;
	


}

.text1{
	position: absolute;
	margin-top:170px;
	width:350px;
	height: 200px;
	margin-left: 40px;
	text-align:justify;
	}
	
.text1 h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #9acc5e;
	opacity: 0.9;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
/*letter-spacing: 400;
	*/

	}
	
.text1 p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 400;
	line-height: 20px;

	}
.text11{
	position: absolute;
	margin-top:406px;
	width:350px;
	height: 140px;
	margin-left: 40px;
	text-align:justify;
	
	}
	
.text11 h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #C1BBB0;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
/*letter-spacing: 400;
	font-weight: 600;*/
	}
	
.text11 p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 400;
	line-height: 20px;

	}
.text11 span  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 400;
	line-height: 20px;
	color:  #87b459;
	


	}	
	
.willkommenpic {
	position: absolute;
	height: 250px;
	width: 540px;
	background: url(picture_library/willkommen2.jpg) no-repeat;
	margin-top: 170px;
	margin-left:420px;
	}
	
/***************************************************************************************************/
/************************************** †ber Uns **************************************************/

	
#head2 {
	
	background-image: url(picture_library/header7.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 300px;
	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
#head2 .home{
	position: absolute;
	z-index: 333;
	height: 550px;
	width: 492px;
	margin-top: -240px;
	background-image: url(picture_library/logo_herz.png);

	}
	
	
	
.ueberuns h1{font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

.ueberuns p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	line-height: 20px;
	letter-spacing: inherit ;
	text-align: justify;
	}


.ueberuns a {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	color:  black/* #9c938a*/;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	}
	
.ueberuns a:hover {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	color:  #d8903e;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	}	
	
.ueberuns span{font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	color:  #99948e /*#d8903e*/;
	font-weight: 600;

	letter-spacing: normal;
	text-transform: uppercase;

}	
.ueberuns .pb {
	height: 300px;
	
	margin-top: 50px;
	width: 400px;
	margin-left: 40px;
	}
	

	
.ueberuns .psb{
	height: 300px;
	margin-top: -300px;
	width: 400px;
	margin-left: 550px;
	}
	
.ueberuns .iconpeter{
	position: absolute;
	width: 60px;
	height: 60px;
	margin-top: 10px;
	background-image: url(picture_library/iconpeter.png);

}

.ueberuns .iconmarina{
	position: absolute;
	width: 60px;
	height: 60px;
	margin-top: 10px;
		margin-left: 80px;
	background-image: url(picture_library/iconmarina.png);

}
.ueberuns .iconraum{
	position: absolute;
	width: 180px;
	height: 60px;
	margin-top: 20px;

	background-image: url(picture_library/iconraum.png);
}


/*..........Person---------------*/


.person h1{font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.person p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	line-height: 28px;
	letter-spacing: inherit ;
	text-align: justify;
	}
.person .uber{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	color:  #99948e;
	font-weight: 600;

	letter-spacing: normal;
	text-transform: uppercase;

}
.person .detail{

	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	color:  #99948e;
	
	line-height: 15px !important;
	
	padding: 10px;

}	

.person .detailsw{

	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	color:  black;
	
	line-height: 15px !important;
	
	padding: 10px;
	

}
.person .marina{

	position: absolute;
	height: 240px;
	width: 240px;
	margin-top: 240px;
	margin-left: 0px;

	background-image: url(picture_library/marina.png);
	

}

.person .peter{

	position: absolute;
	height: 240px;
	width: 240px;
	margin-top: 240px;
	margin-left: 0px;

	background-image: url(picture_library/peter.png);
	

}
.person a {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	color:   #99948e;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	padding-left: 10px;
	}
	
	
.person a:hover {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	color:  #d8903e;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	}	
	

.person .pb {
	height: 300px;
	
	margin-top: 50px;
	width: 400px;
	margin-left: 40px;
	}
	
.person .psb{
	height: 300px;
	margin-top: -270px;
	width: 400px;
	margin-left: 550px;
	}
/*..........Person---------------*/



	
.person .raum1{

	position: absolute;
	height: 353px;
	width: 900px;
	margin-top: 10px;
	margin-left: 0px;

	background-image: url(picture_library/raum1.jpg);
	

}


.person .raum2{

	position: absolute;
	height: 353px;
	width: 900px;
	margin-top: 10px;
	margin-left: 0px;

	background-image: url(picture_library/raum2.jpg);
	

}
.person .raumlink {
	position: absolute;
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	color:   #99948e;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	margin-left: 730px;
	width: 200px;
	
	}
	
	
.person .raumlink:hover {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	color:  #d8903e;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	}	
	
.person .uber2{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	color:  #d8903e;
	font-weight: 600;

	letter-spacing: normal;
	text-transform: uppercase;

}

/***************************************************************************************************/
/************************************** leistungen ************************************************/		


	
#head3 {
	
	background-image: url(picture_library/header2.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 300px;
	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
#head3 .home{
	position: absolute;
	z-index: 333;
	height: 550px;
	width: 492px;
	margin-top: -240px;
	background-image: url(picture_library/logo_herz.png);

	}

	
.leistungen h1{font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.leistungen p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 600;
	line-height: 18px;
	letter-spacing: inherit ;
	text-align: justify;
	}
	
	
.link2 {
	position: absolute;
	height: 95px;
	width: 2px;
	background: url(picture_library/break.png) repeat-y;
	margin-top: -499px;
	margin-left: 427px;
	}

	
.pb {
	height: 300px;
	
	margin-top: 50px;
	width: 400px;
	margin-left: 40px;
	}
	

	
.psb{
	height: 300px;
	margin-top: -300px;
	width: 400px;
	margin-left: 550px;
	}
	
	
	
/***************************************************************************************************/
/**************************************  Erfahrungen ************************************************/	
#head4 {
	
	background-image: url(picture_library/header123.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 300px;
	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
#head4 .home{
	position: absolute;
	z-index: 333;
	height: 550px;
	width: 492px;
	margin-top: -240px;
	background-image: url(picture_library/logo_herz.png);

	}

.process {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #C1BBB0;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 50px;
	margin-left:40px;
	/*letter-spacing: 400;
	font-weight: 600;*/
}


#copy {
	font-size: 13px;
	color: #6B3E5F;
	font-weight: normal;
  	text-decoration: none; 
  	font-family: "Helvetica" ;
	font-weight: 200;
	margin-top: -15px;
	margin-left: 955px;
	}
			


/*aktuelles*/
.aktuelles h1{
font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

.t1img{
	margin-top: 50px;
	margin-left: 40px;
	
	}
	
	
.t1text{
	margin-top: -125px;
	margin-left: 180px;
	width: 300px;	
	}
	
.t2img{
	margin-top: 50px;
	margin-left: 40px;
	
	}
	
	
.t2text{
	margin-top: -125px;
	margin-left: 180px;
	width: 300px;	
	}
	
.t3{

position: absolute;
margin-left: 520px;
margin-top: -350px;


}



	
.t3img{
	margin-top: 50px;
	margin-left: 40px;
	
	}
	
	
.t3text{
	margin-top: -125px;
	margin-left: 180px;
	width: 300px;	
	}
		
.aktuelles p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 400;
	line-height: 16px;
	letter-spacing: inherit;
	text-align: justify;
	}
		
.link4 {
	position: absolute;
	height:220px;
	width: 2px;
	background: url(picture_library/break.png) repeat-y;
	margin-top: -380px;
margin-left: 565px;
	}


.aktuelles a{
	
	color: #6B3E5F;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	
}


.aktuelles a:hover   {
	color: #91bc31;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	
}
	
	
/***************************************************************************************************/
/**************************************   kontakt ************************************************/	


	
#head5 {
	
	background-image: url(picture_library/header.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 300px;
	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
#head5 .home{
	position: absolute;
	z-index: 333;
	height: 550px;
	width: 492px;
	margin-top: -240px;
	background-image: url(picture_library/logo_herz.png);

	}

.map {
	position: absolute;
	margin-top: 60px;
	margin-left: 520px;
}

		
.link5 {
	position: absolute;
	height:60px;
	width: 2px;
	background: url(picture_library/break.png) repeat-y;
	margin-left: 884px;
	margin-top: -420px;
	}
	
.contact a{
	color: #6B3E5F /*#9c938a*/;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	z-index: 66;
	
	}


.contact a:hover   {
	color: #91bc31;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	
}

.contact{
	position: absolute;
	text-align: left;
	width: 200px;
	margin-left: 190px;
	margin-top: 292px;
	line-height: 20px;


}
.contact h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	font-weight: 600;

	}

.contact h3{
	font-size:14px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	}	
	
/***************************************************************************************************/
/**************************************Impressum************************************************/	

	
#head6 {
	
	background-image: url(picture_library/header7.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 300px;
	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
#head6 .home{
	position: absolute;
	z-index: 333;
	height: 550px;
	width: 492px;
	margin-top: -240px;
	background-image: url(picture_library/logo_herz.png);

	}



.impressum{
position: absolute;
	margin-top:50px;
	width:350px;
	height: 200px;
	margin-left: 40px;
	text-align:justify;

}
	
.impressum h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	/*letter-spacing: 400;
	*/
}
.impressum p  {
	font-size: 15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 400;
	line-height: 20px;

	}
	
	.impressum a{
	color: #6B3E5F;
	line-height: 20px;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	
}


.impressum a:hover   {
	color: #d8903e;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	
}

#foot .impressuma{
color: #6B3E5F;

}
.contact2{
	margin-top: 30px;
	line-height: 20px;
}


.contact2 li{
	text-decoration: none;
	list-style: none;


}

.contact2 a{
	color: #6B3E5F;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	line-height: 20px;
	
}


.contact2 a:hover   {
	color: #d8903e;
	font-size:15px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	
}


.contact2 h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 140%;
	color:  #99948e;
	letter-spacing: inherit;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	

	}

.contact2 h3{
	font-size:14px;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: normal 400;
	}
	
.link {
	position: absolute;
	height: 85px;
	width: 2px;
	background: url(picture_library/break.png) repeat-y;
	margin-left: 80px;
	margin-top: 248px;

}