<STYLE>
<!--

	* {
    margin: 0px;
    padding: 0px;
    border: none;
	}
	
	@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
	
	
	/****** SCHRIFTEN ********/
	
	.titel {font-family:good-times; font-weight:600; font-size:24pt;}

	.normtext {font-family:Arial,Tahoma; font-size:12pt;}
	
	.center {vertical-align: middle;}
	
	.headerfont {font-family:good-times; font-weight:600; font-size:48px;}
	

	/****** ENDE SCHRIFTEN ***/	

	/****** LINKS *****/
	a.foot {
		color:#fff;
	}
	
	a.foot:link {
		color:#fff;
	}
	
	a.foot:visited {
		color:#fff;
	}
	
	a.foot:focus {
		color:#fff;
	}
	
	a.foot:hover {
		color:#fff;
	}
	
	a.foot:active {
		color:#fff;
	}

	a.foot_ohne {
		color:#fff;
		text-decoration:none;
	}
	
	a.foot_ohne:link {
		color:#fff;
		text-decoration:none;
	}
	
	a.foot_ohne:visited {
		color:#fff;
		text-decoration:none;
	}
	
	a.foot_ohne:focus {
		color:#fff;
		text-decoration:none;
	}
	
	a.foot_ohne:hover {
		color:#fff;
		text-decoration:none;
	}
	
	a.foot_ohne:active {
		color:#fff;
		text-decoration:none;
	}
	
	a {
		color:#000;
	}
	
	a:link {
		color:#000;
	}
	
	a:visited {
		color:#000;
	}
	
	a:focus {
		color:#000;
	}
	
	a:hover {
		color:#000;
	}
	
	a:active {
		color:#000;
	}	
	
	/**** ENDE LINKS ****/
	
	/*** GRUNDGERÜST ***/
	
		.clear {clear: both;}
		.kopfzeile {
			margin:auto;
			width:50%;
			background-color:#555555;
			border: 1px;}
		.leerraum {
			margin:auto;
			margin-top:50px;}
		.sliderbox {
			margin:auto;
		}
	
			
		.col-1 {width: 8.33%;}
		.col-2 {width: 16.66%;}
		.col-2_content {width: 16.66%;}
		.col-2_footer {width: 16.3%;padding:10px;}
		.col-3 {width: 25%;}
		.col-3_content {width: 25%;padding: 20px;}
		.col-4 {width: 33.33%;}
		.col-5 {width: 41.66%;}
		.col-5_content {width: 41%;}
		.col-6 {width: 50%;}
		.col-6_menu {width: 48%;}
		.col-7 {width: 58.33%;}
		.col-8 {width: 66.2%;}
		.col-8_menu {width: 65%; background-color: #962720;}
		.col-9 {width: 75%;}
		.col-10 {width: 83.33%;}
		.col-11 {width: 91.66%;}
		.col-12 {width: 100%;}
		.col-12_gray {width: 100%;}
		.col-12_slider {width: 100%;}
		.col-12_sliderwhite {width: 100%;background-color:#fff; padding: 0px; display: flex;}
		.footer {display:flex;background-color:#333333;}
	
		[class*="col-"] {
		  float: left;
		  
		}			

	body{
		font-family:Lato;font-size:18px;
	}

	.horizontal_center
	{
		width: 99%;
		height:250px;
		margin: auto;
		padding: 10px;
		text-align: center;
		border: 10px;
		display: flex;
  		justify-content: center;
  		align-items: center;

		
	}
	
	
	
	.rounded {border-radius:10px; padding-bottom:40px;}
	
	img.team:hover
	{
		transform: scale(0.97);
		transition: 1s;
		
	}
			.socialmedia_klein {width:30px;}

			.nachrichtenblock 
		{
			border: 1px #fff solid;
			padding:20px;
			border-radius:10px;
			box-shadow: 6px 6px 10px #bbbbbb;
			background-color:#fff;
			
		}
	
	@media screen and (max-width: 1100px)
	{
			body{
		font-family:Lato;font-size:28px;
		  }	
			[class*="col-"] {
				width:100%;
			}
			.zwischentitel 
			{
			font-family:Lato;
			font-size: 32pt;
			font-weight: bold;
			hyphens: auto;
}			
			.titel 
			{
			font-family:Lato;
			font-size: 36pt;
			font-weight: bold;
			hyphens: auto;
			}
			.normtext 
			{
			font-family:Lato;
			font-size: 28pt;
			hyphens: auto;
		
		}
			img	{width:100%;}
			.footer {background-color:#333333;display:block;}
		
			.linkblack {color:#000;}
		.socialmedia_klein {width:30px;}
			
		.col-12_slider {width: 100%;background-color:#962720;display:none;}
		.col-12_sliderwhite {width: 100%;background-color:#fff;display:none;}
		.col-2_noshow {display:none;}
	}


		
				
	
	
	@media screen and (max-width: 1000px)
	{
			body{font-family:Lato;font-size:28px}
			
			[class*="col-"] {
				width:100%;
			}
			
			.sliderbox {display:none;}

			.titel 
			{
			font-family:Lato;
			font-size: 36pt;
			font-weight: bold;
			hyphens: auto;
			}
			.zwischentitel 
			{
			font-family:Lato;
			font-size: 32pt;
			font-weight: bold;
			hyphens: auto;
			}					
			.normtext 
			{
			font-family:Lato;
			font-size: 28pt;
			hyphens: auto;}
			.footer {background-color:#333333;display:block;}
			.socialmedia {width:60px;}
			.linkblack {color:#000;}


		.col-12_slider {width: 100%;background-color:#962720;display:none;}
		.col-12_sliderwhite {width: 100%;background-color:#fff;display:none;}
		.col-2_noshow {display:none;}
		.socialmedia {width:60px;}
		.socialmedia_klein {width:30px;}
		.nachrichtenblock 
		{
			border: 1px #444 solid;
			padding:20px;
			border-radius:10px;
			box-shadow: 6px 6px 10px #bbbbbb;
			
		}
	}
	/****** GRUNDGERÜST ENDE ********/
	
	/****** FORMULARE **********/
	.input_einfach  {
  background-color: #dddddd;
  border: none;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
}

[type="checkbox"] {
  position: relative;
  left: 20px;
  top: 0px;
  z-index: 0;
  -webkit-appearance: none;
}
[type="checkbox"] + label {
  position: absolute;
}
[type="checkbox"] + label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 2px solid #dddddd;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  z-index: 5;
  position: relative;
}
[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #000000;
}
	/****** ENDE FORMULARE *****/	
	
	
	/****** MENU ********/
	.topnav {
  overflow: hidden;
  background-color: #afcb38;
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #90a538;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

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

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

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #90a538;
  color: white;
}

.dropdown-content a:hover {
  background-color: #90a538;
  color: black;
}

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

@media screen and (max-width: 1100px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	color:white;

  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	font-size:32px;
	color:white;

  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
	font-size:32px;
	color:white;

  }
  }
	/****** ENDE MENU ***/



	.responsiveimage
	{
		max-width:100%;
		margin:auto;
	}

	
	


	/**** SLIDER ****/
/* Definition der Animationen */
/* 1. Bewegung des Sliders */
@keyframes slidesStart01 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@-webkit-keyframes slidesStart01 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@keyframes slidesStart101 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@-webkit-keyframes slidesStart101 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@keyframes slidesStart02 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@-webkit-keyframes slidesStart02 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@keyframes slidesStart102 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@-webkit-keyframes slidesStart102 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@keyframes slidesStart03 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@-webkit-keyframes slidesStart03 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@keyframes slidesStart103 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@-webkit-keyframes slidesStart103 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@keyframes slidesStart04 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
@-webkit-keyframes slidesStart04 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
@keyframes slidesStart104 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
@-webkit-keyframes slidesStart104 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
/* 2. Wechsel des ersten Slides ans Ende und zurück */
@keyframes slide01ToEndStart01 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart01 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@keyframes slide01ToEndStart101 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart101 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@keyframes slide01ToEndStart02 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart02 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@keyframes slide01ToEndStart102 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart102 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@keyframes slide01ToEndStart03 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart03 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@keyframes slide01ToEndStart103 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart103 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@keyframes slide01ToEndStart04 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart04 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
@keyframes slide01ToEndStart104 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart104 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
/* 3. Animationen für den Farbwechsel in den Controls */
@keyframes slideControl01 {
    24.99% {background: #68b022;}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl01 {
    24.99% {background: #68b022;}
    25%, 100% {background: none;}
}
 
@keyframes slideControl101 {
    24.99% {background: #68b022;}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl101 {
    24.99% {background: #68b022;}
    25%, 100% {background: none;}
}
 
@keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #68b022;}
}
 
@-webkit-keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #68b022;}
}
 
@keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #68b022;}
}
 
@-webkit-keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #68b022;}
}
 
@keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #68b022;}
}
 
@-webkit-keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #68b022;}
}
 
@keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #68b022;}
}
 
@-webkit-keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #68b022;}
}
 
@keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: #68b022;}
}
 
@-webkit-keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: #68b022;}
}
 
@keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: #68b022;}
}
 
@-webkit-keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: #68b022;}
}
 
/* Basisfunktionalität des Sliders */
.slider {
    overflow: hidden;
}
 
.slider input {
    position: absolute;
    left: -10000px;
    top: 0;
}
 
.slideList {
    width: 400%; /* Anzahl der Slides mal 100 */
    position: relative; /* über die relative Positionierung wird der Slider durchs Sichtfenster geschoben */
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s; /* für den fließenden Schub */
    margin: 0;
    padding: 0;
}
 
.slideList:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}
 
.slide {
    list-style: none;
    width: 25%; /* Breite gleich 100 / Anzahl Slides */
    float: left;
    position: relative;
    left: 0;
    -webkit-transition: left 0s .5s;
    -moz-transition: left 0s .5s;
    -o-transition: left 0s .5s;
    transition: left 0s .5s; /*bei Klick auf ein Control werden alle Slides wieder auf Original-Position geschoben, hier für den ersten relevant. Damit die Aktion erst nach der slides-Verschiebung beginnt, kommt ein delay hinzu*/
}
 
#slide04:checked ~ .slideList .slide,
#slide104:checked ~ .slideList .slide {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s; /* damit er nicht zu früh zurückrutscht */
}
.slideList img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
	padding: 0px;
	border: 0px;
}
 
/* Zuweisung der Keyframe-Animationen */
.slideList,
.slide,
.slideControl label {
    -webkit-animation: 20s 2s infinite;
    animation: 20s 2s infinite; /* allgemeingültige Werte für die Keyframe-Animation */
}
 
/* Positionierung und Aufruf der passenden Animation in Abhängigkeit des Status der Radiobuttons */
#slide01:checked ~ .slideList {
    -webkit-animation-name: slidesStart01;
    animation-name: slidesStart01;
    left: 0;
}
 
#slide02:checked ~ .slideList {
    -webkit-animation-name: slidesStart02;
    animation-name: slidesStart02;
    left: -100%;
}
 
#slide03:checked ~ .slideList {
    -webkit-animation-name: slidesStart03;
    animation-name: slidesStart03;
    left: -200%;
}
 
#slide04:checked ~ .slideList {
    -webkit-animation-name: slidesStart04;
    animation-name: slidesStart04;
    left: -300%;
}
 
/* Damit der Wechsel von 01 zu 101, 02 zu 102 usw. klappt, muss jeweils eine andere Animation aufgerufen werden*/
#slide101:checked ~ .slideList {
    -webkit-animation-name: slidesStart101;
    animation-name: slidesStart101;
    left: 0;
}
 
#slide102:checked ~ .slideList {
    -webkit-animation-name: slidesStart102;
    animation-name: slidesStart102;
    left: -100%;
}
 
#slide103:checked ~ .slideList {
    -webkit-animation-name: slidesStart103;
    animation-name: slidesStart103;
    left: -200%;
}
 
#slide104:checked ~ .slideList {
    -webkit-animation-name: slidesStart104;
    animation-name: slidesStart104;
    left: -300%;
}
 
/* Der erste Slide wird jeweils zur rechten Zeit an den Anfang oder das Ende gestellt */
#slide01:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart01;
    animation-name: slide01ToEndStart01;
}
 
#slide02:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart02;
    animation-name: slide01ToEndStart02;
}
 
#slide03:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart03;
    animation-name: slide01ToEndStart03;
}
 
#slide04:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart04;
    animation-name: slide01ToEndStart04;
}
 
/* Separate Animations-Namen für die zweite Steuerung */
#slide101:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart101;
    animation-name: slide01ToEndStart101;
}
 
#slide102:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart102;
    animation-name: slide01ToEndStart102;
}
 
#slide103:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart103;
    animation-name: slide01ToEndStart103;
}
 
#slide104:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart104;
    animation-name: slide01ToEndStart104;
}
 
/* nur zur Deko */
.sliderWrapper {
    position: relative;
    padding: 0px;
    border: 0px solid #962720;
    margin-bottom: 0px;
	border: 2px #afcc38 solid;
	background-color:#afcc38;
}
 
.slide p {
    position: absolute;
    bottom: 1em;
    left: 0;
    background: rgba(0, 0, 0, .6);
    color: #ddd;
    padding: .4em 1em;
}
 
/* Steuerung durch den Benutzer */
.slideControl {
    width: 80px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -40px;
    padding: 0;
}
 
.control01:checked ~ .slideControl01,
.control02:checked ~ .slideControl02 {
    left: -5000px; /* Blendet die nicht benötigten Labels aus */
}
 
.slideControl li {
    float: left;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    text-indent: -10000px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px 2px #ccc;
    list-style: none;
}
 
.slideControl label {
    display: block;
    cursor: pointer;
    background: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
}
 
.slideControl label:hover {
    background: #68b022!important;
}
 
#slide01:checked ~ .slideControl label[for="slide101"],
#slide02:checked ~ .slideControl label[for="slide102"],
#slide03:checked ~ .slideControl label[for="slide103"],
#slide04:checked ~ .slideControl label[for="slide104"] {
    -webkit-animation-name: slideControl01;
    animation-name: slideControl01;
    background: #68b022;
}
 
#slide101:checked ~ .slideControl label[for="slide01"],
#slide102:checked ~ .slideControl label[for="slide02"],
#slide103:checked ~ .slideControl label[for="slide03"],
#slide104:checked ~ .slideControl label[for="slide04"]  {
    -webkit-animation-name: slideControl101;
    animation-name: slideControl101;
    background: #68b022;
}
 
#slide01:checked ~ .slideControl label[for="slide102"],
#slide02:checked ~ .slideControl label[for="slide103"],
#slide03:checked ~ .slideControl label[for="slide104"],
#slide04:checked ~ .slideControl label[for="slide101"] {
    -webkit-animation-name: slideControl02;
    animation-name: slideControl02;
}
 
#slide101:checked ~ .slideControl label[for="slide02"],
#slide102:checked ~ .slideControl label[for="slide03"],
#slide103:checked ~ .slideControl label[for="slide04"],
#slide104:checked ~ .slideControl label[for="slide01"]  {
    -webkit-animation-name: slideControl102;
    animation-name: slideControl102;
}
 
#slide01:checked ~ .slideControl label[for="slide103"],
#slide02:checked ~ .slideControl label[for="slide104"],
#slide03:checked ~ .slideControl label[for="slide101"],
#slide04:checked ~ .slideControl label[for="slide102"]  {
    -webkit-animation-name: slideControl03;
    animation-name: slideControl03;
}
 
#slide101:checked ~ .slideControl label[for="slide03"],
#slide102:checked ~ .slideControl label[for="slide04"],
#slide103:checked ~ .slideControl label[for="slide01"],
#slide104:checked ~ .slideControl label[for="slide02"]  {
    -webkit-animation-name: slideControl103;
    animation-name: slideControl103;
}
 
#slide01:checked ~ .slideControl label[for="slide104"],
#slide02:checked ~ .slideControl label[for="slide101"],
#slide03:checked ~ .slideControl label[for="slide102"],
#slide04:checked ~ .slideControl label[for="slide103"] {
    -webkit-animation-name: slideControl04;
    animation-name: slideControl04;
}
 
#slide101:checked ~ .slideControl label[for="slide04"],
#slide102:checked ~ .slideControl label[for="slide01"],
#slide103:checked ~ .slideControl label[for="slide02"],
#slide104:checked ~ .slideControl label[for="slide03"]  {
    -webkit-animation-name: slideControl104;
    animation-name: slideControl104;
	}
	/**** ENDE SLIDER ****/

	
	/* OVERLAY GALLERY */

			.modal-content {
				margin: auto;
				display: block;
				width: 100%;
				max-width: 1200px;
				border-radius:10px;
				box-shadow: 10px 10px 10px #555555;
			}

			.modal-content { 
				animation-name: zoom;
				animation-duration: 0.6s;
			}

			@keyframes zoom {
				from {transform:scale(0)} 
				to {transform:scale(1)}
			}

			#img-viewer {
				display: none;
				position: fixed;
				z-index: 1000;
				padding-top: 100px;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgb(175,203,56,0.6);
			}
			
			#img-viewer .close {
				position: absolute;
				top: 15px;
				right: 35px;
				color: #f1f1f1;
				font-size: 40px;
				font-weight: bold;
				transition: 0.3s;
			}

			#img-viewer .close:hover{
				cursor: pointer;
			}
			
			.img-source{
				border-radius:5px;
				width: 300px;
				max-height:200px;
				padding:5px;
				position:relative;
				


			}
			

	/* ENDE OVERLAY GALLERY */
	
	
  -->
  </STYLE>