/* General Style */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
@import url('https://fonts.googleapis.com/css?family=Questrial');
*,
*: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: 1px 1px 5px #666 inset;
	-webkit-box-shadow: 1px 1px 5px #666 inset;
	box-shadow: 1px 1px 5px #666 inset;
}

body {
	font-size:1em;
	font-family: 'Questrial', sans-serif;
	font-weight: 400;
	color: #333;
	margin:0;
	padding:0;
	background-color:#fff;
}

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

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

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

.farbe_liste {
	color:#333;
}

h1 {
	text-align:left;
	color: #333;
	font-size: 1.7em;
	line-height: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h2 {
	text-align:left;
	color: #333;
	font-size: 1.7em;
	line-height: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h3 {
	text-align:left;
	color: #333;
	font-size: 1.7em;
	line-height: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

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

h5 {
	text-align:center;
	color: #333;
	font-size: 3em;
	line-height: 1.1em;
	font-family: 'Questrial', sans-serif;
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

.separator {
  overflow: hidden;
  text-align: center;
  color: #000;
  margin: 10px 0;
}
.separator span {
  position: relative;
  padding: 0 10px;
  display: inline-block;
  max-width: 80%;
}
.separator span:before, .separator span:after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 1px;
  top: 50%;
  border-bottom: 1px solid #000;
  opacity:0.5;
}
.separator span:before {
  left: -10000px;
}
.separator span:after {
  left: 100%;
}

.separator-2 {
  overflow: hidden;
  text-align: center;
  color: #999;
  margin: 10px 0;
}
.separator-2 span {
  position: relative;
  padding: 0 10px;
  display: inline-block;
  max-width: 80%;
}
.separator-2 span:before, .separator-2 span:after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 1px;
  top: 50%;
  border-bottom: 1px solid #999;
  opacity:0.5;
}
.separator-2 span:before {
  left: -10000px;
}
.separator-2 span:after {
  left: 100%;
}




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


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

}

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

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:#141414;
}

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

.container-4{
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 50px 2% 50px 2%;
	position:relative;
	background:#91837a;
	background-image:url(../htgr_container_4.png);
	background-repeat:repeat;
}

.container-4 p{
	text-align: center;
}



.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: 'Questrial', 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: 'Questrial', sans-serif;
	font-weight: 400;
	text-align:left;
	margin: 0 auto;
}


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

.inhalt ul {
	list-style-type:square !important;
	color: #333;
	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;
}

.slogan-1 {
	text-align:right;
	color: #80aa96;
	font-size: 3em;
	line-height: 1.3em;
	font-family: 'Questrial', sans-serif;
	font-weight: 300;
	font-style:normal;
	margin:0px auto;
	padding: 0px 0px;
	width:100%;
	max-width: 800px;
}


.slogan-2 {
	text-align:right;
	color: #666;
	font-size: 1.2em;
	line-height: 1.3em;
	font-family: 'Questrial', sans-serif;
	font-weight: 300;
	font-style:normal;
	margin:10px auto;
	padding: 0px 0px;
	width:100%;
	max-width: 800px;
}

.slogan-3 {
	text-align:center;
	color: #000;
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	text-transform:uppercase;
	margin:10px auto;
	padding: 0px 10px;
	width:100%;
	max-width: 800px;
	background-color:#b81e49;
}


/*--------------- 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: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;
	margin: 0 0 17px 0;
}


.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);
}*/

.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: 'Questrial', 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:0px 0px 20px 0px;
	text-align:center top;
	background-color:#141414;
	background-image:url(../htgr_footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	font-size:1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
}

div#footer p {
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;

}

.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:58%;
	float:left;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 2% 0 0;
}

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


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


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

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


div#adresse-2 p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3em;
	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 30px 0 0;
	vertical-align: text-bottom;
}


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

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

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



/* Icon Scroll  */

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

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


 @media only screen and ( max-width: 800px ) {
	 
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:130px;
}

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

.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: 20px 0 0 0;
	padding: 0;
	color: #fff;
}

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

h1 {
	text-align:left;
	color: #333;
	font-size: 1.5em;
	line-height: 1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h2 {
	text-align:left;
	color: #333;
	font-size: 1.5em;
	line-height: 1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}

h3 {
	text-align:left;
	color: #333;
	font-size: 1.5em;
	line-height: 1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
}



	
}

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




 }