<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  padding-bottom:10vh;
  font-family:arial, sans, verdana;

  font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));   
}  


h1 {
  font-size: calc(12px + (28 - 12) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))); 
}
h2 {
  font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))); 
}


h3{
  font-size: calc(16px + (28 - 16) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))); 	
  color:rgb(0,73,148); 
  margin-bottom:2vh;
  margin-top:3vh;
}
	
h4{font-size: 1em; color:rgb(0,0,0); font-weight:bold;}
h5{font-size: 1em; color:rgb(0,73,148); font-weight:bold; margin-top:6vh;}
h6{font-size: 1em; color:rgb(0,73,148); font-weight:bold; margin-top:0px;}


ul.sidemenue {
  list-style:none;	
}

ul.sidemenue li a{
	color:rgb(100,100,100);
	
}

/* .navbar-collapse{
  z-index:500;	
}	 */

a {
  color:rgb(0,73,148);
}



.active {
  border-bottom:2px solid rgb(0,140,142);	
}

ul.sidemenue li a:hover{
	background-color:rgb(220,220,220);
}

ul.sidemenue li a.active2 {
	color:rgb(0,73,148);
  /*border-bottom:2px solid rgb(0,73,148);	*/
	font-weight:600;
}

.header {position: relative;}

 /* Trapeze mit Jahreszahl ĂĽber den Headervideos */

 .trapez1Container {

  position:absolute;
  top:1vh;	
  height: 10vw;
  z-index:100; 
}

.trapez1DreieckOben {
    border-style: solid;
    border-width: 0vw 32vw 2vw 0vw;
    border-bottom-color: rgb(0,73,148,0.9);
    border-right-color: rgb(255,255,255,0);
   }

.trapez1Text {
  background-color: rgb(0,73,148,0.9);
  padding:1vw 3vw;
}

.trapez1Text h1{
  font-size: 4vw;
  font-weight:600;
  color: rgb(255,255,255);
  margin:0;
}

.trapez1DreieckUnten {
    border-style: solid;
    border-width: 2vw 32vw 0vw 0vw;
    border-top-color: rgb(0,73,148,0.9);
    border-right-color: rgb(230,230,230,0);
}


.trapez2Container {
  position:absolute;
  right:0px;
  top:4vh;	
  z-index:100; 
}  

.trapez2DreieckOben {
    border-style: solid;
    border-width: 0vw 0vw 2vw 25vw;
    border-bottom-color: rgb(175,202,11,0.8);
    border-left-color: rgb(255,255,255,0);
   }

.trapez2Text {
  background-color: rgb(175,202,11,0.8);
  padding:1vw 3vw;
}

.trapez2Text h1{
  font-size: 4vw;
  font-weight:600;
  color: rgb(255,255,255);
  margin:0;
}

.trapez2DreieckUnten {
    border-style: solid;
    border-width: 2vw 0vw 0vw 25vw;
    border-top-color: rgb(175,202,11,0.8);
    border-left-color: rgb(0,0,0,0);
}

.top-header {
  margin:0px;	
  padding:0px;
}

.video-bg {
  width:100%;
  height:25vw;
  overflow:hidden;  
}	

.videohome {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}	

.video-content-links {
  width:40%;
	min-width:400px;
  overflow:hidden; 
  float:left;	
	margin-top:5px;
	margin-right:25px;	
}

.video-content-rechts {
  width:40%;
	min-width:400px;
  overflow:hidden; 
  float:right;	
	margin-top:5px;
	margin-left:25px;	
}



.container {
  width:100%;

}	

#logo {
  position:absolute;
  right:10px;
  top:15px; 
  z-index:999;
  height:60px;

}  

#test{
  background-color:red;

    width:100%;
	position:relative;
	right:0;
	top:0;
    transition: 1s ease-in-out;  

}	


#startbild {


    width:100%;
	position:relative;
	right:0px;
	top:1px;
    transition: 1s ease-in-out;
    transform-origin: left top;	
}	


#trapezContainer {
  width:80vw;
  margin:auto;
 }

 #textTrapez {
  background-color: rgb(0,73,148);
  padding-left:9vw;
  padding-top: 1vw;
  padding-bottom: 1vw;

 }

 #textTrapez h1 {
  color: white;
  margin: 0;
  font-size: 2.5vw;
 }    

 #dreieckOben {
  border-style: solid;
  border-width: 0vw 80vw 2vw 0vw;
  border-bottom-color: rgb(0,73,148);
  border-right-color: rgb(255,255,255,0);
 }

 #dreieckUnten {
  border-style: solid;
  border-width: 2vw 80vw 0vw 0vw;
  border-top-color: rgb(0,73,148);
  border-right-color: rgb(230,230,230);
 }

 #carousselContainer {
  background-color:rgb(255,255,255,0.5); 
  padding: 3vw;
 }


#imagefilm {
  width:40vw;
  min-width:300px;
  
}	

.top-navi {
	background-color: rgb(245,245,245);
  width:100%;
  margin:0px;	
  padding:0px;
  z-index:300;
  position: sticky;
  top: 0px;
}	
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.6rem;
padding-left: 0.6rem;


}

.trapez1 {
  position:absolute;
  top:12vh;	
  border-left: 34vw solid rgba(0,73,148,0.8);
  border-top: 2vw solid transparent;
  border-bottom: 2vw solid transparent;
  border-right:5px solid transparent;

  height: 10vw;
  z-index:100;  
}	


.jahresbericht {

  position:relative;
  left: -30vw;
  margin-top:1.6vw;
  padding-left:1vw;
  color:white;
  font-size:3vw ;
  font-weight:bold;
  z-index:99;  
} 




.trapez1_startseite {
  position:relative;
  top:40vh;	
  border-left: 35vw solid rgb(0,140,142);
  border-top: 2vw solid transparent;
  border-bottom: 2vw solid transparent;
  border-right:5px solid transparent;

  height: 10vw;
}





.trapez2 {
  position:absolute;
  right:0px;
  top:16vh;	
  border-right: 20vw solid rgba(175,202,11,0.8);
  border-top: 2vw solid transparent;
  border-bottom: 2vw solid transparent;
  border-left:5px solid transparent;
  width: 30%;
  height: 10vw;
}

.jahreszahl {
  position:relative;
  top: 1.6vw;
  right:-15vw;
  color:white;
  width:25%;
  font-size:3.2vw ;
}


#willkommenContainer{
  position:relative;
  top:-28vw;	
  transition: 1s ease-in-out;
}




.jahresbericht_startseite_willkommen {

  position:absolute;
  left: 2vw;
  margin-top:3vw;
  padding-left:0vw;
  color:white;
  font-size: calc(12px + (24 - 12) * ((100vw - 500px) / (1600 - 500)));
  font-weight:bold;
  z-index:99;  
} 


.trapez2_startseite {
  position:absolute;
  right:0px;
  top:26vh;	
  border-right: 20vw solid rgb(0,73,148);
  border-top: 2vw solid transparent;
  border-bottom: 2vw solid transparent;
  border-left:5px solid transparent;
  width: 30%;
  height: 10vw;
}
	
#startbild img{width:100%;

}	


.content-container {
  background-color:rgb(255,255,0);
  width:90%; 
  max-width:1280px;    
  min-height:20vw;  
  margin-left:auto;
  margin-right:auto;
  margin-top:2vh;
  padding:3vh 3vw;
}


.aufzulink {
  font-size:1,8em;
  font-weight:bold;
  background-color:rgb(190,190,190);
  color:rgb(255,255,255); 
  margin-top:2px;  
  border-left:10px solid rgb(0,140,142);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:5px solid transparent;  
  padding:6px;
  width:70%;
  min-width:400px;
  cursor:pointer;  
}

.selbstverwaltung{
  Padding:15px;
}

.aufzu {
  cursor:pointer;
  color:rgb(255,255,255);  
  font-weight:normal;
  float:right;
}

table.plain td {
  padding-right:10px;	
	vertical-align:top;
	
}

table.tableLayout_1 {
  margin-top:3vh;	
  font-size:0.9em;  
  width:70%;    
  min-width:380px;  
}	


table.tableLayout_1 th{
  background-color:rgb(175,202,6 );  
  color:rgb(255,255,255);
  font-weight:bold;
  padding-right:20px;
  padding-left:4px; 
  border-right:2px solid white;
 
}

table.tableLayout_1 td{
  border-bottom:1px solid rgb(230,230,230);
  padding-top:2px;
  padding-bottom:20px;  
  padding-right:20px;
  padding-left:4px; 
  vertical-align:top;  
}

table.tableLayout_1 tr.summe td{
  padding-bottom:20px;
  font-weight:bold;  
}

table.tableLayout_2 {
  margin-top:3vh;	
  font-size:0.9em; 
  width:80%;  
}	

table.tableLayout_2 th{
  background-color:rgb(0,73,148);	
  color:rgb(255,255,255);
  font-weight:bold;
  padding-right:20px;
  padding-left:4px;  
  border-right:2px solid white;
}


table.tableLayout_2 tr.summe td{
  padding-bottom:20px;
  font-weight:bold;  
}

table.tableLayout_2 td{
  border-bottom:1px solid rgb(230,230,230);
  padding-top:2px; 
  padding-right:20px;
  padding-left:4px;
  padding-bottom:20px; 
  vertical-align:top;  
}


table.tableLayout_3 {
	/*background-color:red;*/
  margin-top:3vh;	
  margin-bottom: 2vh;
  font-size:0.9em;  
    
}	


table.tableLayout_3 th{
  background-color:rgb(175,202,6 );  
  color:rgb(255,255,255);
  font-weight:bold;
  padding-right:20px;
  padding-left:4px; 
  border-right:2px solid white;
 
}

table.tableLayout_3 td{
  border-bottom:1px solid rgb(230,230,230);
  padding-top:2px;
  padding-bottom:20px;  
  padding-right:20px;
  padding-left:4px; 
  vertical-align:top;  
}

table.tableLayout_3 tr.summe td{
  padding-bottom:20px;
  font-weight:bold;  
}


table.tableLayout_2023 {
  margin-top:3vh;	
  font-size:0.9em; 
  width:80%;  
}	

table.tableLayout_2023 th{
  background-color:rgb(255, 255, 255);	
  color:#004994;
  font-weight:bold;
  padding-right:20px;
  padding-left:4px;  

  border-bottom: 2px solid #004994;
}

table.tableLayout_2023 tr{
  border-bottom: 1px solid rgb(230,230,230);
}

table.tableLayout_2023 tr:last-child {
  border-bottom: none;
}

table.tableLayout_2023 tr.summe td{
  padding-bottom:20px;
  font-weight:bold;

}

table.tableLayout_2023 td{

  padding-top:10px; 
  padding-right:20px;
  padding-left:4px;
  padding-bottom:10px; 
  vertical-align:middle;  
}

.rahmenRechtsBlau{
  border-right:1px solid #004994;
}

.rahmenLinksBlau{
  border-left:1px solid #004994;
}

.rahmenObenBlau {
  border-top:1px solid #004994;
}

.rahmenUntenBlau {
  border-bottom:1px solid #004994;
}


.rahmenUntenGrau {
  border-bottom:1px solid rgb(230,230,230);
}

#test1 {
  border-bottom:none;
}

#test2 {
  border-bottom:1px solid #004994;
}


.right {
	text-align:right;
    padding-right:20px;	
}







.chartContainer {
  /*background-color:yellow;	*/
  /*min-height:300px;*/
  /*min-width:800px;*/
  max-width:100%;
  overflow:auto;
  /*display:none;*/  
  display:flex;
  padding:0px;
  margin-bottom:7vh;
}	

.chartContainer &gt; div {
  margin:0px;	
}


.chartContent {
  /*background-color:green;*/
  width:100%;
}	


.chartDiagramm {
  padding-bottom:5vh;
  width:80%;

}

.chartText_0 {
  margin-top:20px;
  margin-bottom:20px;  
  padding-left:4px; 
  padding-top:2px; 
  background-color:rgb(255,255,255);	
  color:rgb(255,255,255);
  font-weight:bold;
  font-size:0.9em; 
}

.chartText_1 {
  margin-top:20px;
  margin-bottom:20px;  
  padding-left:4px; 
  padding-top:2px; 
  background-color:rgb(0,73,148);	
  color:rgb(255,255,255);
  font-weight:bold;
  font-size:0.9em; 
}

.chartText_12 {
  margin-top:20px;
  margin-bottom:00px;  
  padding-left:4px; 
  padding-top:2px; 
  color:rgb(80,80,80);
  font-weight:normal;
  font-size:0.9em; 
}

.chartToggle {
  float:left;
  padding-right:20px;
  /*background-color:blue; */

}

.chartToggle div{
  cursor:pointer;	
}

.chartToggle img{
  margin-top:20px;

}

#navi2 {

  margin-left:auto;
  margin-right:auto;
}	

#navi2 div {
	cursor:pointer;
	  margin:15px;
}

#sucheingabe {
  text-align:right;	
  width:100%; 
  background-color:rgb(230,230,230);	
  position: sticky;
  top:54px;
  z-index: 301;

}
#carouselExampleStartseite {
    background-color:rgb(230,230,230);	
  	max-width:100%;
}


#carouselExampleIndicators {
	float:right;
  background-color:rgb(138, 15, 15);	
  min-width:250px;
	max-width:500px;
	margin-left:5vw;
}

#carouselExampleIndicators-2, #carouselExampleIndicators-3, #carouselExampleIndicators-4 , #carouselExampleIndicators-5  {
	float:right;
  background-color:rgb(117, 17, 17);	
  min-width:250px;
	max-width:500px;
	margin-left:5vw;
}

#carouselExampleStartseite .carousel-control-next-icon {
  background-image:url("../images/next.svg");	
}	

#carouselExampleStartseite .carousel-control-prev-icon {
  background-image:url("../images/prev.svg");	
}

#carouselExampleStartseite-2 .carousel-control-next-icon {
  background-image:url("../images/next.svg");	
}	

#carouselExampleStartseite-2 .carousel-control-prev-icon {
  background-image:url("../images/prev.svg");	
}

#carouselExampleStartseite-3 .carousel-control-next-icon {
  background-image:url("../images/next.svg");	
}	

#carouselExampleStartseite-3 .carousel-control-prev-icon {
  background-image:url("../images/prev.svg");	
}

#carouselExampleStartseite-4 .carousel-control-next-icon {
  background-image:url("../images/next.svg");	
}	

#carouselExampleStartseite-4 .carousel-control-prev-icon {
  background-image:url("../images/prev.svg");	
}

#grusswort {
	margin-top:20px;
  margin-bottom:40px;		
	width:100%;
}

#videobutton{

	width:13%;
	height:25%;
	position:absolute;
	bottom:0;
	right:0;
	z-index:99;
	cursor:pointer;
}		
	
#videoleinwand {
  background-color:rgba(0,0,0,0.9);
	width:90vw;
	height:90vh;
	position:fixed;
	top:5vh;
	left:5vw;
	z-index:100;
	text-align:center;	
	display:none;
}	

#videoleinwand div.closingx {
   	float:right;
	color:rgb(255,255,255);
	font-size:3em;
	margin-right:2vw;
	cursor:pointer;

}	

#imagevideo {
  margin-top:10vh;
}		
	
.carousel-item {	
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
min-height: 350px;
}	

.carousel-item p{	
  font-size: 1.4vw;
  line-height: 2vw;
  }	


.fliesstext li {
  padding-left: 2px;
	padding-right: 2px;
}

		
.footer {
    background-color: rgb(220,220,220);
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin:auto;
    text-align:center;

  }

.footer ul{
  list-style-type: none;
  margin: 0;
  padding: 10px;


  }

.footer li {
  display: inline;
  padding: 2vw;
}

.footer li a {
  color:rgb(70,70,70);
  text-decoration:none;
}

.footer li a:hover {
  color:rgb(0,0,0);
  text-decoration:none;
}


.tableFooter {
	font-weight:bold;	
    background-color:rgb(220,220,220);
}




/* hover dropdown menus */


/*  ++++++++++++++++++++++++++++++++++++++++++ */
/*  ++++++++ SCHMALER BILDSCHIRM +++++++++++++ */
/*  ++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width: 768px) {
      
	  body {background-color:rgb(255,255,255);}  
      #subnavlogo {display:inline;}
      #navlogo {display:none;}	  
	  
		.content-container {
		  background-color:rgb(255,255,255);
		  width:95%; 
		  max-width:1280px;    
		  min-height:20vw;  
		  margin-left:auto;
		  margin-right:auto;
		  margin-top:2vh;
		  padding:0vh 0vw;
		}	

  .flexcontainer {
	  display:flex;
		flex-wrap:wrap;
	}
		
  .content-container-linke-seite {
     order:2;
	}		
	
	.content-container-rechte-seite {
     order:1;
	}		
		
    #textTrapez {
padding-left: 3vw;
     } 

    #textTrapez h1 {
      color: white;
      margin: 0;
      font-size: 3.5vw;
     }     

     .carousel-item p{	
      font-size: 2.8vw;
      line-height: 3.7vw;
      }	     
	
 





	#trapez3 {
	 
	  position:absolute;
	  top:1vw;
	  border-left: 85vw solid rgb(0,117,191);
	  border-top: 1vw solid transparent;
	  border-bottom: 1.5vw solid transparent;
	  border-right:0vw solid transparent;
	  height: 7vw;
	  z-index:85;
	} 

  #vidflexcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    padding:10px;
    width:100%;                         
 }

  .vid {width:80%; max-width:400px;} 
  .vidwith100 {width:100%;}   



}
/*  ++++++++++++++++++++++++++++++++++++++++++ */
/*  ++++++++ BREITER BILDSCHIRM ++++++++++++++ */
/*  ++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (min-width: 769px) {
    body {background-color:rgb(245,245,245);}
			
    #subnavlogo {display:none;}
    #navlogo {display:inline;}	 
			
  .content-container {
		  background-color:rgb(255,255,255);
		  width:90%; 
		  max-width:1280px;    
		  min-height:10vw;  
		  margin-left:auto;
		  margin-right:auto;
		  margin-top:2vh;
		  padding:3vh 3vw;
		}
		
	.flexcontainer {

		display:flex;
		flex-wrap:nowrap;
		padding:0;
	}		
				
		
  .content-container-linke-seite {
		  background-color:rgb(255,255,255);
		  width:90%; 
		  max-width:1280px;    
		  min-height:10vw;  
		  margin-left:auto;
		  margin-right:auto;
		}		
	
  .content-container-rechte-seite {
		  float:right;
		  background-color:rgb(255,255,255);
      border-left:2vw solid rgb(245,245,245);
      /*border-bottom:2vw solid rgb(245,245,245);			*/
			margin-left:2vw;
		  min-height:10vw; 
			max-width:30vw;
			position:relative;
			top:-3vh;
			padding-top:3vh;
		}		
			


	#trapez3 {
	 
	  position:absolute;
	  top:1vw;
	  border-left: 85vw solid rgb(0,117,191);
	  border-top: 1vw solid transparent;
	  border-bottom: 1.5vw solid transparent;
	  border-right:0vw solid transparent;
	  height: 7vw;
	  z-index:85;
	}    

  #vidflexcontainer {
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-wrap: nowrap;
    justify-content:space-between;  
    padding:0px;
    width:100%;   
    text-align: center;                         
 }

  .vid {width:30%; max-width:400px;} 
  .vidwith100 {width:100%;}    
		
}

/* Submenu  im mobil ausblenden */
 






</pre></body></html>