:root {
  --bg1: #ffe1c8;
   --bg1: rgb(61,153,212);
  
    --bg1x: rgb(130, 10, 30);
  
  --bg2: #000;  
  --linie: transparent;
  --ntext: #000;  
  --nhover: #FFF;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-family:'Roboto',sans-serif;
	font-weight: 300;

	color:#0B293B;
	color:#000;
	margin: 0px;
	padding: 0px;
	height:100%;
	font-size: 2.1vw;
	font-size: clamp(1.5vw, 1.5vw, 1.5vw); 	
	
	
}
html { 
	-webkit-text-size-adjust: none; 
	height: 100%;
	width: 100%;	
}


strong { /*font-weight: 500;*/ }


h1 {

	font-size: 1.2em;
	line-height: 1.2em;
	margin:24px 0px 20px 0px;
	font-weight: 600;
}
.bod2 h1, .bod3 h1 {
	
	text-transform: uppercase;
}
h2 {

	font-size: 1.0em;
	line-height: 1.1em;
	margin:0px 0px 20px 0px;
	padding:0px 0%;
	font-weight: 600;
	/*background-color:#bbbd00;*/
	clear:both;
}

h3 {
	font-size: 1.0em;
	line-height: 1.0em;
	/*font-style: oblique; */
	margin-top:0px;
	margin-bottom:14px;
	font-weight: 300;	
}
h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	margin:0px 0px 0.2em 0px;
	font-weight: 300;	
}
h1, h2, h3, strong, b {
	font-weight: 600;
	font-weight: 500;
	font-weight: 400;
	/*font-weight: 300;*/

}
a {
	color: #B4AEA7;
	color: #5c9125;
	color: #007899;


}
a:hover {
	color: #F59300;
	color: #CA5D3F;
	color: #000;
	text-decoration: underline;

}
.textbox2 a {

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


}


table { width:90%!important; /*max-width:500px;*/ margin-bottom:2em;}

.content1 p, .content1 a, .content1 h1, .content1 h2 {
	line-height:1.2em;
	font-weight:300;
	color: #000;

}
.content1 a {
	display:inline-block;
	color: var(--bg1);	
	font-weight: 500;
}
	
.content1 h1, .content1 h2 {
		font-weight:600;
}

.content p, .content a {
	font-weight:300;
	color: #000;

}

.content1  ul {
	list-style-position: outside;
    list-style-type: none;
    list-style-type: "–";
    
    margin-left:0px;
    padding-left:10px;
}
.content1 li {
	padding:0px 0px 10px 10px;
	margin-left:10px;
}


td { 
	padding:2px 10px 2px 0px;
	vertical-align:top;


}
th { 
	padding:1em 10px 2px 0px;
	vertical-align:top;
	font-weight: 500;
	border-bottom:1px solid #000;

}
.clr {
	font-size: 0px;
	background-color: #F00;
	clear: both;
	width: 100%;
	line-height: 0px;
	height: 0px;
}
.fstring {
	/*background-color: #F00;*/
	white-space: nowrap;
}
.trenner {
	padding: 0px 0px;
}


.linkX {

	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;
}

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

}
.pdfkat {
	font-size: 1em;
}
.link, .pdf, .pdf2 , .pano, .pano2 {
	font-size: 1em;
	color: #808185;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 30px;

}
.content1 .pdf:hover, .pdf2:hover, .content1 .link:hover, .content1 .link2:hover { color: var(--bg1); text-decoration: none; }

.pdf, .pdf2 { 
	background-image: url("../userfiles/images/meta/medien_pdf.svg"); 
	background-image: url("../userfiles/images/meta/icon_pdf.svg"); 
	background-size: auto 80% ; 
	padding: 0px 0px 2px 75px;
	margin: 1.5em 0px 0px 0px;
}
.content1 .pdf, .content1 .link { display: block; color: #000; font-weight:400;}

.link {

	background-image: url(../userfiles/images/meta/icon_link.svg);
	background-image: url(../userfiles/images/meta/icon_link.svg);
	background-size: auto 80% ; 
	/*background-position: 0px -2px;*/
	padding: 0px 0px 2px 75px;
	
	margin: 0.5em 0px 0px 0px;
	background-position: 0px 2px;
}
.legende {
	background-color: #FFF;
	width: 45%;
	position:absolute;
	bottom:0%;
	left:50%;
	padding:1% 3%;
	/*border:solid 1px red;*/
}
.legende img{
	width: 100%;
}


.btn {
	
	background-color: #5398BD;
	display: inline-block;
	width: auto;
	color: #FFF;
	padding: 2px 15.5px;
	margin-left:-15.5px;
	margin-left:15.5px;
	text-decoration: none;
}
.btn:hover {
	background-color: #CA5D3F;
	color: #FFF;
}
.btn2 {
	background-color: #FFF;
	background-color: #5398BD;
	display: block;
	width: 100%;
	color: #FFF;
	padding: 0px 16px;
	padding: 0px 8%;
	text-decoration: none;
}
.btn2:hover {
	background-color: #CA5D3F;
	color: #FFF;
}
.btn2:hover a{
	color:#FFF;
}

.topnav .btn2 {
	position:absolute;
	z-index:500;
	top:20px;
	
}
.topnav .btn2b {
	position:absolute;
	z-index:500;
	top:45px;
	
}
.portrait3 .btn, .portrait3 .btn2  { position:absolute; top:20px; left:39%; width: auto;}

.weitere .btn {width: auto; display:block; margin-right:2%; float:left;/**/}
.textboxx .btn {width: 200px; width: auto;}


.marker {
	color:#7b5466;
	font-weight: 300;
}
.marker1 {
	color:#7b5466;
	font-weight: 400;
}
.marker2 {
	color:#7b5466;
	font-weight: 500;
}
.marker3 {
	color:#7b5466;
	font-weight: 600;
}
.weiss0 {color:#FFF;}
.smart{display:none;}
.desk{display:block;}

.content p, h3, h4, ul { clear:both; /* margin:0px 20px; */ margin-right:2%; }


.sp5 {
  width: 5%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp25 {
  width: 23%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp33 {
  width: 31.333%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp40 {
  width: 30%;
  margin-right: 2%;
  float: left;
  margin-bottom: 0px;
}
p.sp50, .sp50, .sp50b {
	display:block;
  width: 48%;
  margin: 2% 0px;
  float: left;
  margin-bottom: 0px;
}
.sp60 {
  width: 58%;
  margin-right: 2%;
  float: left;
  margin-bottom: 0px;
}

.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;
}
.news{
	margin-bottom: 0px;
}
.news .sp25{
	width: 25%;
	margin-right: 0%;
}

.sp25 img, .sp50 img, .sp75 img, .sp33 img, .sp66 img, .sp100 img, .bild0 {
	width: 100%;

	height:auto;
	
}
.bild0 {
	width: 96%;
	float:left;
	margin:0px 0px 4% 4%;
}

.bildbox0 {
	/*background-color:#CCC;*/
	width: 50%;
	float:right;
	margin-left:0%;
}

.textbox2 p {
	/*float:right;*/
	padding-left:0%;
	
}
.td1 { 
	width: 100%;
	padding-left:0%;	
}


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

.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 {width: 31.3333%; height:auto;  margin-right: 1%; margin-bottom: 1%;}


.gtitel{
	display:block;
	width: 100%;
	margin:0.5% 1%;
}


.hitbox {fill:transparent;}

.st0{fill:#FFFFFF;}
.hell2 .st0{fill:#000;}

.st0 {fill:#e49014; fill:#cc6f00; fill:#bb7448;}

.st0{fill:#ffa038; }


.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
.st1b{fill:#FFF; }


.st2{fill:none;stroke:#FFF;stroke-width:2;stroke-miterlimit:10;}
.st3{fill:none;stroke:rgb(153,153,153); stroke-width:2;stroke-miterlimit:10;}
.st4 {fill:#e49014; fill:#fff; }



.rahmen {fill:rgba(255,255,255,0.0);}

.bottomnav {
	position:relative;
	z-index:4000;
	top:0px;
	right:0px;
	list-style-position: outside;
    list-style-type: none;
	/*background-color: pink;*/
	margin:0px;
	padding:0px;
	width:95px;
}

.bottomnav li{
	position:relative;
	transition: all .2s ease-out;
	right:0px;
	position:relative;
	margin-bottom:25px;
	padding:0px 0px;
	height:40px;
	width:60px;
	
	height:60px;
	width:95px;
	overflow:hidden;
	
}
.bottomnav li:hover{
	transition: all .2s ease-out;
	right:180px;
	width:260px;
	right:270px;
	width:390px;
}
.bottomnav a{
	text-decoration: none;
	overflow:hidden;
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:  auto 100%;
	color:#FFF;
	font-weight:400;
	font-size:0.9em;
	position:absolute;
	left:0px;
	padding:3.5% 0px 2% 80px;
	padding:8px 0px 2px 80px;
	
	height:40px;
	width:260px;
	
	font-weight:300;
	font-size:1.2em;
	padding:20px 0px 3px 120px;
	height:60px;
	width:390px;	
	

}
.bottomnav li:hover a{
		background-color: #FFF;
		background-color: rgba(255,255,255,0.1);
}
.bottomnav li:hover a .res{
		fill:#FFFFFF;
}
.bottomnav:hover li a .res {
	fill:#FFF;
}

.bottomnav li:hover a{  

	background-image: url(../userfiles/images/meta/res_fade.svg);
} 
.bottomnav li:hover{  

}
.bottomnav .resimg{
	position:absolute; 
	top:0px; 
	left:0px;
	height:100%;
	width:auto;
	border:solid 1px red; 
}
.bottomnav3 {
	display:none; 
}
@media only screen and (max-width: 1600px) {

}

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

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

}

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

		
}

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


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


	
}