/* General Style */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700%7CRoboto:400,500,700%7CRoboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

*,
*:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.parallax-window {
    height: 600px;
    background: transparent;
	-moz-box-shadow: 0px 0px 5px #333 inset;
	-webkit-box-shadow: 0px 0px 5px #333 inset;
	box-shadow: 0px 0px 5px #333 inset;	
	position: relative;
}


body {
	font-size:1em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #333;
	margin:0;
	padding:0;
}

img {border:0;}
	
p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
	font-weight: 400;
	margin-top:0px;
}

.schrift_kleiner {
	font-size:0.9em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
}

.schrift_groesser {
	font-size:1.5em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color:#333;
	text-align:left;
}

.farbe_liste {
	color:#333;
}

h1 {
	text-align:left;
	color: #5e6e3b;
	font-size: 2em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h2 {
	text-align:left;
	color: #5e6e3b;
	font-size: 2em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h3 {
	text-align:left;
	color: #5e6e3b;
	font-size: 2em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h4 {
	text-align:left;
	color: #fff;
	font-size: 2em;
	line-height: 1.3em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
	opacity:0.5;
}

div#raster {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
margin: auto;
background-image:url(../images/pattern.png);
background-repeat:repeat;
}


div#slogan {
position: absolute; bottom: 0; left:0; width:100%; margin: auto;
background-image:url(../htgr_slogan.png);
background-repeat:repeat;
}

.slogan-1 {
	text-align:center;
	color: #fff;
	font-size: 2.5em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin:10px auto;
	padding: 0px 0px;
	width:100%;
	letter-spacing: 1px;
}

hr {
	border:solid #fff 1px;
	width: 100px;
	margin: 0px auto 20px auto;
}


div#logo {
	position:relative;
	float:left;
	margin: 20px 0 20px 5%;
	padding: 0px 0px 0px 0px;

}

div#logo img{
	vertical-align:top !important;
	width:100%; 
	height:auto; 
	max-width:450px;
}

div#banner {
	margin:auto;
	width: 100%;
	height:100%;
	clear:both;
	text-align:center;
	z-index:1;
	position:relative;
}

.container-1{
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 50px 2% 50px 2%;
	position:relative;
	background:#ffffff;
	color: #333;
}



.container-2{
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 50px 2% 50px 2%;
	position:relative;
	background:#d2dbbf;
}


.container-blank{
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 50px 2% 50px 2%;
	position:relative;
	background:#none;
	color: #333;
	min-height: 500px;
}

.clear {
	width:100%;
	height:0px;
	clear:both;
	margin:auto;
}

/*--------------- Inhalt ------------------*/

.inhalt-portfolio {
	padding: 0px 0px 0px 0px;
	max-width:1200px;
	min-height: 300px;
	background:none;
	font-size:1.1em;
	line-height:1.3em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align:left;
	margin: 0 auto;
}

.inhalt-portfolio a:link {color:#333; outline:none; font-weight:normal; text-decoration:none;}
.inhalt-portfolio a:hover {color:#000; outline:none; font-weight:normal; text-decoration:underline;}
.inhalt-portfolio a:active {color:#333; outline:none; font-weight:normal; text-decoration:none;}
.inhalt-portfolio a:visited {color:#333; outline:none; font-weight:normal;text-decoration:none;}


.inhalt {
	padding: 0px 0px 0px 0px;
	max-width:1200px;
	min-height: 300px;
	background:none;
	font-size:1.1em;
	line-height:1.3em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align:left;
	margin: 0 auto;
}


.inhalt a:link {color:#5e6e3b; outline:none; font-weight:normal; text-decoration:none;}
.inhalt a:hover {color:#333; outline:none; font-weight:normal; text-decoration:underline;}
.inhalt a:active {color:#5e6e3b; outline:none; font-weight:normal; text-decoration:none;}
.inhalt a:visited {color:#5e6e3b; outline:none; font-weight:normal;text-decoration:none;}

.inhalt ul {
	list-style-type:square !important;
	color: #5e6e3b;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
	margin-top:0px;
}


.box-1-spaltig {
	padding: 0px 0px 0px 0px;
	-webkit-column-count: 1;
    -moz-column-count: 1;
     column-count: 1;	
	 column-gap: 30px; 
	-moz-column-gap: 30px; 
	-webkit-column-gap: 30px; 
	min-width:290px;
}



.box-2-spaltig {
	padding: 0px 0px 0px 0px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
     column-count: 2;	
	 column-gap: 100px; 
	-moz-column-gap: 100px; 
	-webkit-column-gap: 100px; 
	min-width:290px;
}

.rahmen  {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 50px 50px;
	float:right;
	font-size:0.8em;
}

.trennlinie {
	border-bottom: 8px dotted #333;
	width:100%;
	clear:both;
	margin:30px 0px 30px 0px;
}

/*--------------- Box Team ------------------*/

.team {
	padding: 0px 0px 0px 0px;
	max-width:100%;
	background:none;
	font-size:1em;
	line-height:1.7em;
	text-align:center;
	margin: 0 auto 0px auto;
}


.box-team {
position:relative;
margin: 2%;
display:inline-block;
padding: 0;
text-align:center;
	width:300px;
	height:300px;
	border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
}

.box-team img{
	width:300px;
	height:300px;
	border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
}


.box-team p {
text-align:center;
margin:0;
}
/*
.box-team .textbox {
width:200px;
height:200px;
position:absolute;
top:0px;
left:0px;
-webkit-transform: scale(0);
transform: scale(0);
background-color: rgba(0,0,0,0.5);
}
.box-team:hover .textbox {
-webkit-transform: scale(1);
transform: scale(1);
}*/

.box-team-kontakt {
position:relative;
margin: 2%;
display:inline-block;
padding: 0;
text-align:center;
	width:250px;
	height:250px;
	border-radius: 125px;
	-moz-border-radius: 125px;
	-webkit-border-radius: 125px;
}

.box-team-kontakt img{
	width:250px;
	height:250px;
	border-radius: 125px;
	-moz-border-radius: 125px;
	-webkit-border-radius: 125px;
}


.box-team-kontakt p {
text-align:center;
margin:0;
}

.text {
padding: 100px 10px;
color:#fff;
text-align:center;
}
.textbox {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.box-team img {
	opacity:1;
}
.box-team a:hover img {
	opacity: 0.7;
	display: inline-block;
	transition: all 0.5s ease;
}

.zitat {
	font-size: 1.5em;
	line-height: 1.7em;
	font-style:italic;
}

.zitat-capital {
	font-size: 2em;
	line-height: 0.5em;
	font-style:italic;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #000;
	opacity:0.3;
}



/*--------------- Footer  ------------------*/

div#footer {
	color:#fff;
	width:100%;
	clear:both;
	min-height:300px;
	margin: 0 auto 0px auto;
	padding:20px 0px 20px 0px;
	text-align:center top;
	background-color:#5e6e3b;
	background-image:url(../htgr_footer.png);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:1.1em;
	border-top: 5px solid #66332b;
}

div#footer p {
	color: #fff;
}

.footer-inhalt {
	max-width:1200px;
	padding: 0px 10px 0px 10px;
	margin: auto;
}

div#adresse-slogan {
	width:100%;
	float:left;
	text-align:left;
	margin: 0 0 50px 0;
	padding: 0 0 0 0;
}


div#adresse-1 {
	width:52%;
	float:left;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 2% 0 0;
}

div#adresse-1 a:link {color:#fff;outline:none;text-decoration:none;}
div#adresse-1 a:hover {color:#fff;outline:none; font-weight:normal;text-decoration:none;opacity:0.5;}
div#adresse-1 a:active {color:#fff;outline:none;text-decoration:none;}
div#adresse-1 a:visited {color:#fff;outline:none;text-decoration:none;}


div#adresse-2 {
	width:46%;
	float:right;
	text-align:left;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
	color: #fff;
}

div#adresse-2 a:link {color:#fff;outline:none;text-decoration:none;}
div#adresse-2 a:hover {color:#fff;outline:none; font-weight:normal;text-decoration:none;opacity:0.5;}
div#adresse-2 a:active {color:#fff;outline:none;text-decoration:none;}
div#adresse-2 a:visited {color:#fff;outline:none;text-decoration:none;}


div#adresse-2 p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style:normal;
	margin:0 0 10px 0;
}

div#adresse-2 a:link img {opacity:1;}
div#adresse-2 a:hover img {opacity: 0.5;}
div#adresse-2 a:active img {color:#000;outline:none;text-decoration:none;}
div#adresse-2 a:visited img {color:#000;outline:none;text-decoration:none;}

div#adresse-2 img {
	margin: 0 20px 0 0;
	vertical-align: text-bottom;
}


div#footer-ende {
	color: #000;
	font-size:1.1em;
	width: 100%;
	clear:both;
	margin: 0 auto 0px auto;
	padding: 10px 0px 10px 0px;
	text-align:left;
	background-color:#516033;
	color:#fff;
}

div#footer-ende a:link {color:#fff;outline:none;text-decoration:none;}
div#footer-ende a:hover {color:#fff;outline:none; font-weight:normal;text-decoration:none;opacity:0.5;}
div#footer-ende a:active {color:#fff;outline:none;text-decoration:none;}
div#footer-ende a:visited {color:#fff;outline:none;text-decoration:none;}

div#footer-ende p {
	text-align:left;
}



/* Icon Scroll  */

.scrollicon{
        width:40px;
        height:40px;
		background-image: url(../gra_pfeil_oben.png);
		background-repeat:no-repeat;
        position:fixed;
        bottom:2px;
        right:5px;
        display:none;
	z-index: 2;
    }

/*---------------Media Screen Befehle -------------------*/

 @media only screen and ( max-width: 1400px )  {

div#logo {
	position:relative;
	float:left;
	margin: 20px 0 20px 3%;
	padding: 0px 0px 0px 0px;

}

div#logo img{
	vertical-align:top !important;
	width:100%; 
	height:auto; 
	max-width:400px;
}

}

 @media only screen and ( max-width: 1300px )  {

div#logo {
	position:relative;
	float:left;
	margin: 20px 0 20px 2%;
	padding: 0px 0px 0px 0px;

}

div#logo img{
	vertical-align:top !important;
	width:100%; 
	height:auto; 
	max-width:350px;
}

}


 @media only screen and ( max-width: 1200px )  {
	
div#logo {
	position:relative;
	float:left;
	margin: 10px 0 10px 2%;
	padding: 0px 0px 0px 0px;

}

div#logo img{
	vertical-align:top !important;
	width:100%; 
	height:auto; 
	max-width:300px;
}

/*--------------- Box Team ------------------*/

.box-team {
position:relative;
margin: 2%;
display:inline-block;
padding: 0;
text-align:center;
	width:250px;
	height:250px;
	border-radius: 125px;
	-moz-border-radius: 125px;
	-webkit-border-radius: 125px;
}

.box-team img{
	width:250px;
	height:250px;
	border-radius: 125px;
	-moz-border-radius: 125px;
	-webkit-border-radius: 125px;
}

}


 @media only screen and ( max-width: 800px ) {
	 
/*--------------- Inhalt ------------------*/

.inhalt-portfolio {
	padding: 0px 0px 0px 0px;
	max-width:1200px;
	min-height: 300px;
	background:none;
	font-size:1em;
	line-height:1.3em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align:left;
	margin: 0 auto;
}

.inhalt {
	padding: 0px 0px 0px 0px;
	max-width:1200px;
	min-height: 300px;
	background:none;
	font-size:1em;
	line-height:1.3em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align:left;
	margin: 0 auto;
}


.box-2-spaltig {
	padding: 0px 0px 0px 0px;
	-webkit-column-count: 1;
    -moz-column-count: 1;
     column-count: 1;	
	 column-gap: 100px; 
	-moz-column-gap: 100px; 
	-webkit-column-gap: 100px; 
	min-width:290px;
}

div#adresse-1 {
	width:100%;
	float:left;
	text-align:left;
	margin: 0;
	padding: 0;
}

div#adresse-2 {
	width:100%;
	float:left;
	text-align:left;
	margin: 0;
	padding: 0;
	color: #fff;
}

div#adresse-2 img {
	padding:0px ;
	margin:0 20px 0 0;
}

h1 {
	text-align:left;
	color: #5e6e3b;
	font-size: 1.7em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h2 {
	text-align:left;
	color: #5e6e3b;
	font-size: 1.7em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h3 {
	text-align:left;
	color: #5e6e3b;
	font-size: 1.7em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}


.slogan-1 {
	text-align:center;
	color: #fff;
	font-size: 1.7em;
	line-height: 1.3em;
	font-family: 'Roboto Slab', serif;	
	font-weight: 300;
	font-style:normal;
	margin:10px auto;
	padding: 0px 0px;
	width:100%;
	letter-spacing: 1px;
}





.zitat {
	font-size: 1.3em;
	line-height: 1.7em;
	font-style:italic;
}

.zitat-capital {
	font-size: 1.7em;
	line-height: 0.5em;
	font-style:italic;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #000;
	opacity:0.3;
}


/*--------------- Box Team ------------------*/

.box-team {
position:relative;
margin: 2%;
display:inline-block;
padding: 0;
text-align:center;
	width:200px;
	height:200px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

.box-team img{
	width:200px;
	height:200px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

	
}

 @media only screen and ( max-width: 500px ) {


div#logo {
	position:relative;
	float:left;
	margin: 10px 0 10px 2%;
	padding: 0px 0px 0px 0px;

}

div#logo img{
	vertical-align:top !important;
	width:100%; 
	height:auto; 
	max-width:250px;
}

.box-team {
position:relative;
margin: 2%;
display:inline-block;
padding: 0;
text-align:center;
	width:150px;
	height:150px;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
}

.box-team img{
	width:150px;
	height:150px;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
}

.zitat {
	font-size: 1em;
	line-height: 1.3em;
	font-style:italic;
}

.zitat-capital {
	font-size: 1.5em;
	line-height: 0.5em;
	font-style:italic;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #000;
	opacity:0.3;
}



 }