:root {
  --lauftext: #6f6259;
  --alfarbe: rgb(61,153,212);
  --aktivfarbe: #ff6d02;
}

body {

	font-family: 'Roboto',sans-serif;
	
	/*font-size: 24px;
	line-height: 30px;		
	
	*/
	font-size: clamp(10px, 1.2vw, 1.2vw);
	line-height:1.3em;
	font-weight: 300;
	color:#0B293B;
	color:var(--lauftext);
	text-align: center;
	margin: 0px;
	padding: 0px;
	height:100%;

	/*margin-top:10px;*/
}
html { 
	-webkit-text-size-adjust: none; 
	height: 100%;
	width: 100%;	
}
strong { /*font-weight: 500;*/ }
h1 {
	/*text-transform: uppercase;*/

	font-weight: 300;

	margin:2em 0px 1em 0px;

	font-size: clamp(1.1em, 1.1vw, 1.1vw);
	line-height: 1.1em;

	margin:10px 0px 0.2em 0px;
	/*background-color:pink;*/
	
}

h2, .nav1 h2 {
	font-size: clamp(1.3vw, 1.4vw, 1.5vw);
	line-height: 1.1em;
	font-weight: 600;
	margin:20px 0px 0px 0px;
	/*color:#00A1DD;*/
}
.nav1 h2 { margin:10px 0px 20px 0px;}

h3 {
	font-size: clamp(1.1vw, 1.2vw, 1.3vw);
	line-height: 1.1em;
	font-weight: 300;
	margin:0px 0px 0px 0px;
	/*color:#00A1DD;*/
	
}
h4 {

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

}
p,h1,h2,h3,h4,h5,h6
{
	clear:left;
}
a {

	color: #00A1DD;
	color:var(--alfarbe);
	/*text-decoration: none;*/
}
a:hover {
	color: #F59300;
	color: #CA5D3F;
	color:var(--lauftext);
	color: #000;

	text-decoration: none;
	/* color: #999; text-decoration: underline;*/
}

p, .lead{
	/*
	font-size: 1.1em;
	font-size: clamp(1.0vw, 1.1vw, 1.2vw);
	*/
	font-size: clamp(10px, 1.4vw, 1.4vw);
	line-height:1.2em;
	
	margin-top:0px;
	margin-bottom:1em;
	
}
li {
	font-size: clamp(1.0vw, 1.1vw, 1.2vw);
	line-height:1.1em;
	margin-bottom:5px;
}
h1.lead {
	color:var(--lauftext);
	font-weight: 300;
	/*color:#000;*/
}
h1.inline1 {
	font-weight: 300;
	font-size: clamp(1.0vw, 1.1vw, 1.2vw);
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:1em;
	display:inline;
	color:var(--lauftext);
	
}
ul, ol {
	margin-top:-10px;

}


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

table {/*border:solid 1px red;*/}
td { 
	padding:2px 20px 2px 0px;
	font-size: clamp(1.0vw, 1.1vw, 1.2vw);
	line-height:1.2em;
	vertical-align:top;
}
td:first-of-type {
  color: #00A1DD;
  color:var(--alfarbe);
  /*font-weight:400;*/
}
.clr {
	font-size: 0px;
	background-color: #F00;
	clear: both;
	width: 100%;
	line-height: 0px;
	height: 0px;
}

.trenner {
	padding: 0px 0px;
}
.abmeld {
	position:relative;
	top:5px;
	right:0px;
	z-index:1000;
	display:block;	
	padding-top: 2px;
	padding-left: 30px;
	text-decoration-line: none;
	text-decoration-style: solid;
	background-image: url("../userfiles/images/meta/logout.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: auto 80% ;
	height: 20px;

}
.abmeld2 {
	position:relative;
	top:9px;
	right:0px;
	z-index:1000;
	display:block;	
	padding-top: 1px;
	padding-left: 20px;
	margin-left: 6px;
	text-decoration-line: none;
	text-decoration-style: solid;
	background-image: url("../userfiles/images/meta/logout.svg");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: auto 80% ;
	background-size: 16px auto;
	height: 20px;

}
.abmeld2:hover {
	background-position: 0px -16px;
}

.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;
}
.pdf, .link {
	display:inline-block;/**/
	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 100% ;
	position: relative;
	padding-left: 40px;
	text-decoration: none;
	/*border:solid 1px red;*/
	height:50px;
	color:#FFF;
}
.pdf:hover, .link:hover {
	color:#FFF;
}
.pdf, .pdf2 {

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

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

.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;
}
.btn2x .link {padding-left: 25px; background-size: auto 80% ;}

.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;}
.textbox2 {
	/*border:solid 1px #FFF;margin-bottom:1em;*/
	
	padding-bottom:1em;
}
.bild0 {
	/*border:solid 1px lightgrey;*/
	
}
.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;}

.content p, h1, h2, h3, h4, ul { clear:both; /* margin:0px 20px; */ margin-right:1%}
.content p {
	/*
	background-color: #FCC;
	margin-right: 2%;
	*/
}

.sp5, .sp25, .sp33, .sp50, .sp66, .sp75 {
	margin-right: 0;
	float: left;
  	margin-bottom: 0px;
  	display:block;
}
.sp5 {
  width: 5%;
  background-color: #ffc;
}
.sp25 {
  width: 23%;  
  background-color: #fcc;
}
.sp33 {
  width: 31.333%;
   background-color: #cfc;
   font-size:2.8em;
   font-size:3.2em;
  line-height:1.1em;
  font-weight:300;
   color:#E65F44;
}
.sp50 {
  width: 48%;
  background-color: #ccf;
}
.sp66 {
  width: 66.333%;
  /*background-color: #ffc;*/
  font-size:1.5em;
  line-height:1.5em;
  font-weight:100;
  padding:0% 2% 2% 0%;
}
.sp75 {
  width: 75%;
  background-color: #ffc;
}
.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, .sp100 img, .bild0 {
	width: 100%;
	height:auto;
	
}

.sp25 strong, .sp50 strong, .sp75 strong, .sp33 strong, .sp66 strong, .sp100 strong {
	font-weight:600;
}

.rot {
	color:red;

}

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



iframe {
    aspect-ratio: 1380/760;
    aspect-ratio: 16/9;
    width: 100%;
    border: solid 1px lightgrey;
    margin: 0px;
}




@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 { width: 358px; height: 200px; }
	iframe { aspect-ratio: 3/4; }
}

@media only screen and (max-width: 511px) {
	body {font-size: 18px;line-height: 20px;}
	p, .lead{ font-size: clamp(16px, 1.6vw, 1.6vw); line-height:1.2em;}
	
	
	.trenner { display:none; }
	.break{ margin:0px 0px 0px 0px; display:block;}
}