/*CSS-Basis-26*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');


* {margin:0; padding:0 ;} /*Die Abständer der HTML-Seite werden auf null gesetzt!*/

.body {
	margin:0;
	padding:0;
	
	font-family: 'Open Sans', sans-serif;
		
	/* -apple-system, BlinkMac System Font, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	/*HelveticaNeue-light, Helverita Neue Light, Helverica Neue, Helverica, Arial, "Lucida Grande", sans-serif; */
}
.nav {
	position: relative;
	margin:0 auto; /*Zentriert das Layout */
	width: 1200px; /* Definiert die Gesamtbreite des Layouts*/
	text-align: center;
	}
	
.header {
	position: Sticky; 
	top: 0px;
	width: 1200px;
	min-height: 7em;
	background-color: #ffffff;
	margin: 0 auto ;
	text-align: center;
	Z-index: 1000; 
	border: 0px solid black;
	
}
.wrapper {
	margin:0 auto; /*Zentriert das Layout */
	max-width: 1200px; /* Definiert die Gesamtbreite des Layouts*/
	text-align: center;
	border: 0px solid red;
	}

.sticky1 {
	position: sticky;
	top: 0;
	background-color: #ffffff;
	}


.bg_weiss {
	background-color:#ffffff;
	z-index:1 ;
	
}


.parent {
	width: 100%;
	padding:10px 0px;
	max-height:270px;
	margin-top:1em;
	border: 0px solid #333;
	background-color: #00BFFF;
}

.l-parent {
	width: 100%;
	padding:5px 0px;
	max-height:140px;
	margin-top:0.5em;
	border: 0px solid #333;
	background-color: #ffffff;
}


.child {
	padding:5px;
	margin:10px; /* Abstand zwischen den Divs */
	border:0px solid #999; 
}

.l-schild {

	padding:1px;
	margin:3px; /* Abstand zwischen den Divs */
	
}
.l-child p {
		font-family: 'Open Sans', sans-serif ;
}
.icon1 {
	
	display:flex;
	top:111px;
	margin: 10px auto;
	margin-top:20px;
	padding: 1px;
	justify-content:center;
	align-items: center;
width:60px;
height: 60px;
background-color: #00BFFF;

}

.icon2 {
	
	display:flex;
	top:111px;
	margin: 10px auto;
	margin-top:20px;
	padding: 1px;
	justify-content:center;
	align-items: center;
width:80px;
height: 60px;
background-color: #00BFFF;

}

.l-icon-1 {
	display:flex;
	top: 1px;
	margin: 0px auto;
	margin-top:5px;
	padding: 1px;
	justify-content:center;
	align-items: center;
	width:80px;
	height:80px;
	background-color: #ffffff;
	
}



.bottom-mehr {
	display:flex;
	width: 40%;
	margin: 0 auto;
	padding: 1px;
	justify-content: center;
	align-items: center;
	height:45px;
	border:2px solid #ffffff; 
	color: #ffffff;
}



/*   Mein-Footer Beginn*/

.footer {
	background-Color: #000000;
	width:100%;
}

.footer-info {
	margin-top: 1em;
	background-color: #00BFFF;
	min-height: 40px;
	
	
}
.footer-content {
	background-color: #000000;
}

.footer-column {
	margin: 0 auto;
	max-width: 1400px;
	}

.footer-nav {
	width: 100%;
	min-height:58px;
	background-color: #000000;
	
}
/* beginn der Navigationseinstellungen*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
}

.footer ul {
background-color: #000000;	
	
}

.footer li a {
	font-family: 'Open Sans', sans-serif;
	
	background-color: #000000;
	color: #ffffff ;
	
}
.footer li a:hover {
	font-family: 'Open Sans', sans-serif ;
	background-color: #000000;
	
}

li {  float: left;
}






li a, .dropbtn {
  display: inline-block;
  color: #00BFFF;
  font-family: 'Open Sans', sans-serif ;
  text-align: center;
  padding: 18px 20px;
  text-decoration: none;
z-index: 4;
}

active1 {
	text-decoration:underline;
}

.dropdown2 {
	background-color: #000000 ;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #ffffff;
  text-decoration: underline;
}
li.dropdown, li.dropdown2 {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
background-color: #E5E5E5;
color: green ;
}

.dropdown:hover .dropdown-content {
  display: block;
}




.nav_3 {
	margin:0 auto;
	max-width:1100px;
	min-height:200px;
	background-color: yellow;
}

	
}
.con-bild-1 {
	width:80%;
	height: auto;
	overflow: hidden;
	margin-top: 1em;
	padding: 1em;
}
.news-jahr p{
	float:left;
	font-family: 'Open Sans', sans-serif ;
	font-size: 2.0em;
	color: rgb(91 188 11);
	padding: 1em;
}
.news-beitragsbild_1 {
	float:left;
	width:45%;
	height:auto;
	overflow: hidden;
	margin-right:15px;

}
.news-beitragsbild-archiv_1 {
	float:left;
	width:20%;
	height:auto;
	overflow: hidden;
	margin-right:15px;
	padding: 1em;
	
}


.news-beitrags-ueberschrift_1 {
/*height:auto; */
margin-top:2px;
padding:1em;
color: rgb(91 188 11);
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
background-color; rgb(91 188 11);

}
.news-datum p{
	float:left;
	width: 15%;
	height: auto;
	color: rgb(91 188 11);
	font-family: 'Open Sans', sans-serif ;
	font-size: 1.0em;
	
}
.spalten2-container {
	columns:2; /*erstellt zwei Spalten*/
	column-gap: 20px; /*Abstand zwischen den Spalten*/
	/* column-rule: 1px solid #ccc; /* Optionale Linie zwischen den Spalten */
}

.news-content, .haftung-content, .datenschutz-content, .kontakt-content {
	text-align: justify;
	font-family: 'Open Sans', sans-serif ;
	font-size: 1.0em;
}
img { 
	
	width: 100%;
	height: auto;
}



.img-logo-f {
display:right;
width:100px;
background-color: black;
color: black;
}

details {
	font-family: '<Open Sans', sans-serif;
	text-align:left;
	padding-top:6px;
	}




summary {
	font-family: '<Open Sans', sans-serif;
	text-align: left;
	color:green;
	font-size: 1.1em;
}
summary::marker {
	color: #800080;
}
summary::-webkit-details-marker {color:#800080;}



a {
	text-decoration: none;	
}

a:hover, .footer a:hover {color:#800080;}

p {font-size: 1.5 em;}

.ref-img3 {
	display: flex;
	justify-content: center;
	width: 100px;
	max-height: 100px;
	padding-left: 35px;
}
.ref-img2 img{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: red;
}
.flexbox_1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; 
	height: 50px;
	border: 1px solid black;
}
.flexbox_2 {
	display: flex;
	justify-content: center;
	border: 2px solid #ffffff;
	min-height:100px;
	background-color: rgb(91 188 11);
}
.flexbox-content {
	width:100%;
	min-height: 60px;
	background-color: rgb(91 188 11);
	color:#FFFFFF;
}

.flexbox_3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; 
	height: 50px;
	border: 1px solid black;
}
.vertikal-flex {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sl-banner {
	background-color:yellow;
	min-height:300px;
}
.row {	
	display:;
	background: rgb(255 255 255);
	/* margin-bottom: 15px; */
	padding-top:2em;
}

.column {
	float: left;		/*Floaten der Spalten*/
	padding-left: 1%;/*horizonaler Abstand zwischen den Spalten:*/ 
	padding-right: 1%;
}


.team-icons, .kontakt-icons, .index-icons {
	width: 16px;
	height: 16px;
}

/*

.footer-column {
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	
}
*/

.column span {
	background: #fff;
	display: block;
	padding:0.2rem;
	color: #000;
	font-weight: bold;
}


	
	

/* Spalten**********/
.span_1 {
	width: 10%;
}
.span_logo {
	width: 14%;
}
.span_2 {
	width: 23%;
}

.span_2_black {
width:22%;
background-color:black;
}
.span_2_team {
width: 27%;
}
	
.span_3 {
	width: 34%;
}
.span_4 {
	width: 46%;
}
.span_5 {
	width: 58%;
}
.span_6 {
	width: 70%;
}
.span_7 {
	width: 82%;
}
.span_8 {
	width: 14%;	

}
.span_9 {
	width: 100%;
}

.span_1200 {
	width:1200px;
	
}

.span_1400 {
	width:1400px;
	background-color: black;
}

.abstand_1 {
	width:100%;
	margin:0.3em;
}
.clear {
	clear:both;	
}
.cleafix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix {
*zoom: 1; /*Für IE6 und IE7	*/ 
}
.line_green {
	width: 94%;
	margin: 15px;
	background: green;
	height: 3px;
	display: block;
}
.line_gray {
	width: 94%;
	margin: 15px;
	height:3px;

}

.spalten_2 {
	width: 70%;
	column-count: 2;
}
.spalten_2-99 {
	width: 99%;
	column-count: 2;
	
}



/*Farb-Container ******************/
.con_4_green {
	display: flex;
	justify-content: center;
	align-items:center;
	background-color: rgb(91 188 11);
	color: rgb(255 255 255);
	height:200px;
	text-align: center;
	}
.con4_4_black-img {
	display: flex;
	justify-content: center;
	align-items:center;
	background-color: black;
	height:200px;
	text-align: center;
	padding:1rem;
	}
	
.con_black-context {
	background-color: black;
}

.column-100 {
	width:100%;
}	

.siegel { width:100%;
	background: black;}
	

	
/*Schrift ausrichten**********************/

.links {
	text-align: left;
	padding:1rem;
}
.rechts {
	text-align: right;
	padding:1rem;
}

.zentriert {
	text-align:center;
padding:1rem;
}

.blocksatz {text-align: justify;
padding:1rem;}

.datenschutz-content-links, .kantakt-content-links {
	text-align: left;
	padding: 1rem 0;
}


/*BACKGROUEND-Farben***************************/
.bg_black {
	background-color: black;
	margin:0;
}
.bg_gray {
	background-color: LightGray;
	padding: 1.5em;
}
.bg_green {
	background-color: rgb(91 188 11);
}
.bg_deepskyblue {
	background-color: #00BFFF;
}


/*SCHRIFTEN*****************/


.abstand_0-2 {
	padding:0.2rem 0;
}
.abstand_0-5 {
	padding:0.5rem 0;
}

.abstand_1 {
	padding: 0 2rem;
	background-color:#ffffff;
	/* z-index:-1; */
}
.schrift_green_1 {
	/*font-family: Helvetica Neue-light, Helverita Neue Light, Helverica Neue, Helverica, Arial "Lucida Grande" ; */
	text-align:bold;
	color: rgb(91 188 11);
	font-size: 2.4em;
}

.ueberschrift-grossbuchstaben {
	text-transform: uppercase ;
	padding: 1em 0;
}

.ueberschrift-2 {
	color:gray;
	font-size: 1.2em;
}
a, .schrift_green, .footer a:hover {
	color: rgb(91 188 11);
}


.ueberschrift-1-2_green {
	float:left;
	color:rgb(91 188 11);
	font-size: 1.2em;
	padding:1em;
}
.ueberschrift_1-8 {
	font-size: 1.8em;
	padding:1em;
}

.schrift_green_3, .ueberschrift-2 {
	color:gray;
	font-size: 1.2em;
}
.schrift_weiss {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	}
	
.schrift_gray {
	color: LightGray;}


.schrift_1 {
	font-family: 'Open Sans', sans-serif;
	color: #00BFFF;
	background-color: #ffffff;
	font-size:2em;
}

/*02_Hauptüberschrift grau */

.schrift_2 {
	font-family: 'Open Sans', sans-serif;
	color: #808080;
	background-color: #ffffff;
	font-size: 0.9em;	
}

.schrift_3 {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-weight: uppersace;
	font-size:1em;
	
}

.schrift_4 {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size:1em;
padding-right: 3em;
}
.schrift_5 {
	font-family: 'Open Sans', sans-serif;
	color: #00BFFF ;
	background-color:#ffffff;
	font-size:1.4em;
}


.schrift_6 {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	background-color: #00BFFF;
	font-size:1.2em;
}

.schrift_7 {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: LightGray;
	padding: 1em;
	font-size:1em;
}
.schrift_7r {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #ffffff;
	padding: 0,5em;
	font-size:0,8em;
}




.schrift_7-black {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #ffffff;
	padding: 1em 0;
	font-size:0,9em;
}
.schrift_8 {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size:1em;
padding-right: 0em;
text-align: left;
}

.text-left {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size:1em;
	padding-right: 3em;
	text-align: left;
}

.content-schrift-left {
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
	font-size: 1.0em;
	
}
.column-left {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-size: 1.0em;
	padding-top: 0.5em;
}
.column-team-green{
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	color:rgb(142 217 115); 
	font-size: 2em;
}
.column-team-left {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-size: 1.1em;
	padding: 0.2em 0;
}
	
}
/*sl-Banner**********************/

<style>
    /*  * {box-sizing: border-box}
      body {
      font-family: Verdana, sans-serif; 
      margin:0
      }
      .mySlides {display: none}
      img {vertical-align: middle;}
      .slideshow-container {
      max-width: 1200px;
      position: relative;
      margin: auto;
/*	  z-index: 1; */
	  }
      /* Next & previous buttons */
      .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -22px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 3.0s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
	
      }
	  
	  */
	  
      /* Position the "next button" to the right */
      .next {
      right: 0;
      border-radius: 3px 0 0 3px;
      }
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover, .next:hover {
      background-color: rgba(0,0,0,0.8);
      }
      /* Caption text */
      .text {
      color: #ffffff;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
      }
      /* Number text (1/3 etc) */
      .numbertext {
      color: #ffffff;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
      }
      /* The dots/bullets/indicators */
      .dot {
      cursor: pointer;
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: #999999;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
      }
      .active, .dot:hover {
      background-color: #111111;
      }
      /* Fading animation */
      .fade {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 3.5s;
      animation-name: fade;
      animation-duration: 3.5s;
      }
      @-webkit-keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
      }
      @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
      }
      /* On smaller screens, decrease text size */
      @media only screen and (max-width: 300px) {
      .prev, .next,.text {font-size: 11px}
      }

.ueberschrift-1 {
	color: yellow;
	font-size: 1.4em;
}

.formset label, .formset input, .formset textarea {
	width:100%;
	padding: 10px;
	margin: 10px 0;
}

form {
    border: none;
}


ol li {
	margin-left:  16px;
}


	/*Schriften****************/
.
/* MEDIA QUERIES*************************/
@media screen and (max-width: 800px) {
.span_1, .span_2, .span_3, .span_4,  .span_5, .span_6, .span_7, .span_8{
	width:100%;
}


@media screen and (min-width: 30em){
	.formset label {
		width:34%;
		text-align:right;
		}
	
	.formset input, .formset textarea {
		width:62%;
	}
}