/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');

* {
  /*font-family: inherit;*/
  box-sizing: border-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight:300;
	color:#4c4c4c;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
html { 
	-webkit-text-size-adjust: none; 
	height: 100%;
	width: 100%;	/**/
}
b, strong { color: #000;}
a {
	color: #000;
	
}
a:hover {
	color: #4c4c4c;
	color: gold;
	text-decoration: none;
}
.mehrlink {
	text-decoration: none;
	
}
p, h1, h2, h3, table,hr {
	margin-right: 0px;
	margin-left: 0px;	
	clear:left;
}
p, h1, h2, h3, hr, .scrollbox2, p.sitemap  {
	max-width:900px;/**/
	margin-right: auto;
	margin-left: auto;	
	
}
 p.sitemap  { /*border:solid 1px red;*/}
 
.sitemap .navContent { /*border:solid 1px red;*/ } 
 
 
#footer p, #footer2 p{
	max-width:none;
}
p {
	margin-top: 0px;
	margin-bottom: 16px;

}
.header h1 {
	font-size: 34px;
	line-height: 40px;
	text-transform: none;
}
h1.haupt {
	text-transform: uppercase;/**/
	font-size: 34px;
	line-height: 40px;
	font-weight: 300;
	margin-top:100px;
}
h1 {
	/*text-transform: uppercase;*/
	font-size: 28px;
	line-height: 36px;
	font-size: 34px;
	line-height: 40px;
		
	margin-top: 0px;
	margin-bottom: 28px;
	font-weight: 300;
	color:#005C8C;
	color:#6a6a6a;
	
}
#header h1, #header h2 {

	margin-top: 0px;
	margin-bottom: 0px;

}


h2 {
	font-size: 22px;
	line-height: 26px;
	font-size: 28px;
	line-height: 36px;	
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: 300;
	color:#6a6a6a;
	
}
h3 {
	font-size: 16px;
	line-height: 24px;
	font-size: 22px;
	line-height: 26px;	
	margin-top: 0px;
	margin-bottom: 0px;
	color:#6a6a6a;
	font-weight:300;
	
}
.sp4 {	margin-top: 8px;}
.bildbox5 h3, .linkbox h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 14px;
	clear:left;
}
ul {
	list-style-type: square;
	padding-left: 20px;
	list-style-position: outside;
	width: 60%;
}
li {
}
table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 90%;
	margin-bottom: 20px;
}
td {
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align:top;
	border-bottom:solid 1px #dfdfdf;
}
hr{
	border: none 1px black;
	background-color: #000;
	height: 1px;
	margin-bottom: 40px;
}
div {
}
.pdf {
	display: block;/**/

	height: 20px;
	padding-top: 0px;
	line-height: 20px;
	padding-left: 26px;
	background-image: url(../userfiles/images/meta/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;

}
.bildclip .videoplay {
    background-image: url(../userfiles/images/meta/videoplay2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px auto;
    position: absolute;
    z-index: 200;
    margin: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.5;
}
.bildclip a:hover .videoplay {
	opacity: 0.8;

}





/*@media only screen and (min-width: 320px)  and (max-width: 511px) {*/
@media only screen and (max-width: 511px) {	
	h1 { font-size: 22px; line-height: 24px; margin-left: -30px; }
	h2 { font-size: 20px; line-height: 22px; }
	p { font-size: 16px; line-height: 18px; }
	h1.haupt { font-size: 22px; line-height: 24px; }
	ul { width: 98%; /*border:solid 1px green; 3/}	
}