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;
  
}
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:15vh;
	left: calc(50vw - 50%);
	height:	5vw;
	height:	auto;
	width:20%;
	background-color:rgba(0,0,0,0.0);
	
}
.emailbox {
	position:absolute;
	top:30vh;
	left: calc(50vw - 50%);
	height:	5vw;
	height:	auto;
	width:100%;
	background-color:rgba(0,0,0,0.0);
	
	}
.emailbox a{
	display:block;
	font-size:5vw;
	line-height:1em;
	font-weight:600;
	color:#FFF;
	text-decoration: none;
	transition: font-size 2s, text-shadow 2s;
	
	text-shadow: 0px 0px 2vw rgba(66,83,109,0.9);

	
}
.emailbox:hover a{
	font-size:6vw;
	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) {

}

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

	.break2{ margin:0px 0px 0px 0px; display:block;}
	.full2, iframe{ width: 358px; height: 200px; }
	.trenner { display:none; }
	.fstring { display:block;}
		
		
		
}

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


.emailbox a{ font-size:10vw; }
.emailbox:hover a{ font-size:12vw; }



}
