body {
	font-family: Arial, Helvetica, sans-serif;
 	font-family:'Open Sans',sans-serif;
 	font-family:'Roboto',sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: 300;
	color:#78726C;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height:100%;

	/*margin-top:10px;*/
}
body {

    background-image: none;
    background-size: cover;
    /* 
    background-size: 100% auto;
    background-attachment: fixed;  */
    background-position: center center;
    	background-repeat: no-repeat;
  
}
html { 
	-webkit-text-size-adjust: none; 
	height: 100%;
	width: 100%;	
}
strong { font-weight: 500; }
h1 {
	/*text-transform: uppercase;*/
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: 600;
	color: #78726C;
	margin:2em 0px 1em 0px;
	
}
.home .inhalt h1 {
	font-size: 2.6em;
	font-size: 2.6em;
	font-weight:600;
	position:absolute;			
	left:20%;
	top:4%;
	width: 40%;
	color:#FFF;
	margin:0px;		
}
h2 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	margin:20px 0px 20px 0px;
}
.textbox2 h2 {
	margin:0px 0px 1em 0px;
}

h3 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	margin:0px 0px 0px 0px;
	
}
h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	margin:0px 0px 0.2em 0px;
}
h1, h2, strong, b {
	

}
a {
	color: #B4AEA7;
	color: #5c9125;
	color: #4990c6;
}
a:hover {
	color: #F59300;
	color: #78726C;
	text-decoration: none;
}

p {
	margin-top:0px;
	margin-bottom:14px;
}
ul, ol {
	margin-top:-10px;

}

table {}
.infobox{
	/*color:red;*/
	/*font-size: 0.93em;*/
	
}
td { padding:2px 10px 2px 0px;}

.clr {
	font-size: 0px;
	background-color: #F00;
	clear: both;
	width: 100%;
	line-height: 0px;
	height: 0px;
}


.mehr2 {
	margin-top:2px;
}

.pdf2 {
	padding-top: 25px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 40px ;
	padding-left: 40px;
	height:40px;
	text-decoration: none;
}
.pdf3 {
	padding-top: 5px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size:  auto 25px;
	padding-left: 30px;
	height:25px;
	text-decoration: none;
}
.pdf, .link, .news {
	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 50% ;
	position: relative;
	padding-left: 40px;
	text-decoration: none;
}

.pdf, .pdf2, .pdf3 {

	background-image: url(../userfiles/images/meta/icon_pdf.svg);
}
.link {

	background-image: url(../userfiles/images/meta/icon_link.svg);
}
.news {

	background-image: url(../userfiles/images/meta/icon_news2.svg);
}


.marker {
	color:#7b5466;
	font-weight: 300;
}
.marker1 {
	color:#7b5466;
	font-weight: 400;
}
.marker2 {
	color:#7b5466;
	font-weight: 500;
}
.marker3 {
	color:#7b5466;
	font-weight: 600;
}

.smart{display:none;}
.desk{display:block;}
.logo {
	position:absolute;
	top:10vh;
	left: calc(50vw - 10%);
	height:	auto;
	width:20%;
	/*
	border:solid 1px red;
	display:none;*/
}
.emailbox {
	background-image: url(../userfiles/images/meta/box.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position:absolute;
	z-index:100;
	top:15vh;
	top: calc(15vh + 20vw);
	left: calc(50vw - 15%);
	height:	10vw;
	/*height:	auto;*/
	width:30%;
	background-color:rgba(0,0,0,0.0);
	/*display:none;
		transition: width 2s, left 2s;
	border:solid 1px red;
*/
cursor: pointer; 
}
.emailbox a{

	display:block;
	font-size:1.5vw;

	line-height:1em;
	font-weight:600;
	color:#000;
	text-decoration: none;
	/*transition: font-size 2s, text-shadow 2s;	
	text-shadow: 0px 0px 2vw rgba(66,83,109,0.9);
	*/
	padding-top:0.5%;
	padding-left:10%;
	cursor: pointer; 

	
}
.emailbox:hover  {
	opacity: 0.5;
	/*color:#999;
	
	width:40%;
	left: calc(50vw - 20%);
	
	font-size:2vw;
	text-shadow: 0px 0px 4vw rgba(66,83,109,1);
	*/
}
.content {
	position:relative;		
}
.content p, h1, h2, h3, h4, ul { clear:both; /* margin:0px 20px; */ margin-right:1%}
.content p {
	/*
	background-color: #FCC;
	margin-right: 2%;
	*/
}

.sp5
{
  width: 5%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp25
{
  width: 25%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp33
{
  width: 33.333%;
  margin-right: 0%;
  width: 31.333%;
  margin-right: 2%;

  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp50 {
  width: 48%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
 /* border:solid 1px red;*/
}
.sp50b {
  width: 50%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
 /* border:solid 1px red;*/
}

.sp66
{
  width: 66.333%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp75
{
  width: 75%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp100, .sp100b {
	position:relative;

  width: 96%;
  margin-right: 2%;
  background-color: #fcc;
  
  margin-bottom: 10px;


  min-height:30px;
 /* height:130px;*/
}
.news{
	margin-bottom: 0px;
}
.news .sp25{
	width: 25%;
	margin-right: 0%;
}

.sp25 img, .sp50 img, .sp75 img, .sp33 img, .sp66 img {
	width: 100%;
	height:auto;
	
}

.sp25 strong, .sp50 strong, .sp75 strong, .sp33 strong, .sp66 strong, .sp100 strong {
	width: 100%;
	display:block;
	background-color: #dee9c1;
	font-weight:600;
	padding:2px;
	
}


.rot {
  fill: #e32320;
  opacity: 0.78;
}

.areal:hover .rot {
  fill: #e32320;
  opacity: 1;
	stroke:gold;
	stroke-width:10;
}
.blau {
	        fill: #0068ff;
        opacity: 0;
	
}

.content p img{
	max-width:100%;
}

.full { width: 100%; height:auto; border:solid 1px #CCC;}
.half { width: 49%; height:auto; margin-right: 1%; margin-bottom: 1%;}
.third, p img {float: left; width: 32.3333%; height:auto;  margin-right: 1%; margin-bottom: 1%;}

.trenner {
	padding: 0px 0px;
	padding:1% 1%;
}
.footer {
	font-size: 1.0em;
	line-height: 1.1em;
}
.footer a{
	color: #000;
		text-decoration: none;
}
.footer span{
	
}
.footer div{
	color: #000;
	/*display:inline;*/
}




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

}

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

}

@media only screen and (max-width: 1023px) {
	.logo {
		top:10vh;
		left: calc(50vw - 103px);
		width:206px;

	}
	.emailbox {
		top:325px;
		
		left: calc(50vw - 154px);
		height:	102px;
		width:307px;
		background-color:rgba(0,0,0,0.0);

	}	
	.emailbox a{
	
		display:block;
		font-size:15.36px;
	}	
	
}

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



		
		
		
}

@media only screen and (max-width: 511px) {
	body {/*font-size: 18px;line-height: 20px;*/}





}