@supports ( display: grid ) {
html, body, .slideshow, .slideshowkl
				{margin: 0;padding: 0;}

body {
  
  font-family: 'ibm_plex_serifbold_italic';
  background-color: #557a95; 
  background-image: url(./hintergrund/wasser3.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
   
}

a:link {
 color: #090e08;
}
a:visited {
 color: #cecece;
}
a:hover {
 color: #336666;
}
a:active {
 color: #339999;
}


.container { 
  height:100vh;
  display: grid; 
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 60em auto 15em auto;          /*grid-template-columns: */
  grid-row-gap: 10px; 
  grid-column-gap: 10px;
  } 

header {
   z-index: 1002;	
	border-radius: 0.5em 0.5em 0.5em;
	border: 0px solid;
	padding: 10px;
	margin: 10px;
   grid-column-start:1; 
   grid-column-end:4; 
   grid-row-start:1; 
   grid-row-end:2;
}

section.logo {
  z-index: 1003;
  grid-column-start:2; 
  grid-column-end:4; 
  grid-row-start:1; 
  grid-row-end:2;
  justify-self: end;
  
}

figure.ohne{
   position: relative;
     
   <!-- cursor: pointer; -->
   overflow: hidden;
}

img.otgrafikquer
{
   max-width: 100%;
  
}


article.spruch {
  z-index: 1;
  grid-column-start:1; 
  grid-column-end:1; 
  margin: 0.5em 0.5em 0.5em 0.5em;
  grid-row-start:2; 
  grid-row-end:3;
  font-size:120%;
  font-style: italic;
  text-align: justify;
  border: 0px solid;
  color: #557a95;
}




article.notiz { 
  z-index: 1003;  
  grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:1; 
  border-radius: 0.5em 0.5em 0.5em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  font-family: 'Handlee';
  font-size: 120%;   
  text-shadow: 0px 0px 0px #aaa;	
  text-align: center;   
  display: table;  
  color: #b9c9b3;	
  border: 0px solid;
	#border-color: #df6c20;
   #background-color: #b9c9b3;   
  background: url(bilder/notiz.jpg);	
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
  background-size: cover;   
   #background: #F1F3F4;
  
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
   transform: rotate(-5deg);
   align-self: center;
}

article.beschreibung { 
  z-index: 1;
  grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:4; 
  grid-row-end:5; 
  font-size:100%;
  background: #F1F3F4;
   padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 0.5em 0.5em 0.5em;
  border-color: slateblue;
  opacity: 0.7;
  align-self: center;
}

article.beschreibung2 { 
  z-index: 1;
  grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:3; 
  grid-row-end:4; 
  padding-top: 5%;
  padding-bottom: 5%;
  font-size:100%;
  background: #F1F3F4;
  border-radius: 0.5em 0.5em 0.5em;
  border-color: slateblue;
  opacity: 0.7;
 }

aside.neuigkeiten { 
  grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:2; 
  grid-row-end:4; 
  z-index: 1;
  margin: 0 0px;
  float: left;
  margin: 0.5em 0.5em 0.5em 0.5em;
  border-radius: 0.5em 0.5em 0.5em;
  border: 0px solid;
  max-height: 100%;	
	#height: 54em;
  font-size:100%;
  background-color: #557a95;
   background-color: transparent;
  overflow: hidden;
  align-self: start;
} 

article.neuigkeiten { 
  grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:2; 
  grid-row-end:4; 
  z-index: 1;
  color: #fff;
  margin: 0 0px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  border-radius: 0.5em 0.5em 0.5em;
  border: 0px solid;
  font-size:100%;
  background-color: #557a95;
  opacity: 0.7;
  align-self: start;
} 

section.plakat1 { 
  grid-column-start:2; 
  grid-column-end:4; 
  grid-row-start:5; 
  grid-row-end:6; 
  z-index: 1001;
} 

footer {
	border-radius: 0px 0.5em 0.5em;
	border: 0px solid;
	padding: 10px;
	margin: 10px;
   z-index: 1;
   grid-column-start:1; 
   grid-column-end:4; 
   grid-row-start:5; 
   grid-row-end:6;
}

#schrift {margin-left: 1em;
          margin-right: 1em;
          margin-top:  1em;
          margin-bottom: 1em;
}

#vertikalmittig {
  display: table-cell;
  vertical-align: middle;

}

section.hintergrund { 
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:6; 
  z-index: 0;
} 

#hintergrund img {
    position: absolute;
    height: 100%;
    width: 100%;
}

#hintergrund {
    z-index: 0;    
    grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:3; 
 	position: relative;
    background: #b9c9b3;
    height: 40%;
    width: 50%;
    margin: 1em auto -2em;
    overflow: hidden;
}

#hintergrund2 {
    z-index: 0;    
    grid-column-start:1; 
  grid-column-end:2; 
  grid-row-start:4; 
  grid-row-end:20; 
    justify-self: center;
	position: relative;
    background: #b9c9b3;
    height: 25em;
    width: 55em;
    margin: 1em auto -2em;
    overflow: hidden;
}


#plakat {
   grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:4; 
  grid-row-end:6;
   z-index: 1;
   position: relative;
   background: #000;
   height: 20em;
   width: 13em;
   margin: 1em auto -2em;
   border: 5px solid #eee;
   border-radius: 0.5em 0.5em 0.5em;
   <!-- cursor: pointer; -->
   clear: both;
	overflow: hidden;
}

#plakat img {
    position: absolute;
    top: 0em;
    left: 0em;   
    max-width:100%;    
    max-height: 100%;
    clear: both;
    overflow: hidden;
}

img.grafikvoll
{
   max-width: 100%;
}

#slideshow_wrapper_inpagekl
				{background:#7B9CC9;
				position:relative;
				 z-index: 1001;   	
				grid-column-start:2; 
                grid-column-end:2; 
                grid-row-start:2; 
                grid-row-end:3;
				width:25em;
				height:15em;
				max-height:100vh;
				margin: 25px 50px 25px 50px;
                border: 5px solid #eee;
                box-shadow: 1px 1px 5px 2px #777;
				box-sizing: border-box;
				border-radius: 0.5em 0.5em 0.5em;
				justify-self: center;}
			   
			.slideshowkl
				{list-style:none;width:100%;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;position: absolute;}
			.slideshowkl li
				{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;background-size:cover;background-position:50% 50%;opacity:0;animation: slideShowE1 100s linear infinite 0s;}
			@keyframes slideShowE1 { 
				0% {
					opacity: 0;
					transform: scale(1.1) rotate(-1.5deg);
				}
				1% {
					opacity: 1;
				}
				10% {
					opacity: 1;
				}
				11% {
					opacity: 0;
					transform: scale(1.3) rotate(1.5deg);
				}
			}
			.slideshowkl li:nth-child(1) {background-image:  url(./gallerie1/wandertag2025-2.jpg );animation-delay:  0s;}
			.slideshowkl li:nth-child(2) {background-image:  url(./gallerie1/probenwe2025-21.jpg);animation-delay: 10s;}
			.slideshowkl li:nth-child(3) {background-image:  url(./gallerie1/probenwe2025-10gal.jpg);animation-delay: 20s;}
			.slideshowkl li:nth-child(4) {background-image:  url(./gallerie1/proben80-1.jpg);animation-delay: 30s;}
			.slideshowkl li:nth-child(5) {background-image:  url(./gallerie1/fasching2025-19.jpg);animation-delay: 40s;}
			.slideshowkl li:nth-child(6) {background-image:  url(./gallerie1/protschenberg2025-11.jpg);animation-delay: 50s;}
			.slideshowkl li:nth-child(7) {background-image:  url(./gallerie1/wandertag2025-3.jpg);animation-delay: 60s;}
			.slideshowkl li:nth-child(8) {background-image:  url(./gallerie1/pfingsten2025-2.jpg);animation-delay: 70s;}
			.slideshowkl li:nth-child(9) {background-image:  url(./gallerie1/pfingsten2025-8.jpg);animation-delay: 80s;}
			.slideshowkl li:nth-child(10) {background-image: url(./gallerie1/pfingsten2025-15.jpg);animation-delay: 90s;}
			
			.slidetextkl {color:#333;font-size:100%;position:absolute;bottom:-20%;transform:translateY(-50%);padding:0 20px 10px;margin:0 20px;background: rgba(240,240,240,0.75);border-radius:1em;opacity:0;animation: slideShowE2 100s ease-in-out infinite 0s;text-shadow: 0 1px 0 #fff;box-shadow: 0 10px 15px rgba(0,0,0,0.75);}
			@keyframes slideShowE2 { 
				1% {
					opacity: 0;
				}
				2% {
					opacity: 1;
				}
				9% {
					opacity: 1;
				}
				10% {
					opacity: 0;
				}
			}
			.slidetextkl.st1  {animation-delay:  0s;}
			.slidetextkl.st2  {animation-delay: 10s;}
			.slidetextkl.st3  {animation-delay: 20s;}
			.slidetextkl.st4  {animation-delay: 30s;}
			.slidetextkl.st5  {animation-delay: 40s;}
			.slidetextkl.st6  {animation-delay: 50s;}
			.slidetextkl.st7  {animation-delay: 60s;}
			.slidetextkl.st8  {animation-delay: 70s;}
			.slidetextkl.st9  {animation-delay: 80s;}
			.slidetextkl.st10 {animation-delay: 90s;}

#slideshow_wrapper_inpage
				{background:#7B9CC9;
				position:relative;
				 z-index: 1001;   	
				grid-column-start:1; 
				grid-column-end:1; 
				grid-row-start:3; 
				grid-row-end:5;
				width:55em;
				height:40em;
				max-height:100vh;
				margin: 25px 50px 25px 50px;
                border: 5px solid #eee;
                box-shadow: 1px 1px 5px 2px #777;
				box-sizing: border-box;
				border-radius: 0.5em 0.5em 0.5em;}

            .slideshow
				{list-style:none;
				width:100%;
				height:100%;
				top:0;
				right:0;
				bottom:0;
				left:0;
				overflow:hidden;
				position: absolute;}
			
			.slideshow li
				{width:100%;
				height:100%;
				position:absolute;
				top:0;
				right:0;
				bottom:0;
				left:0;
				color:transparent;
				background-size: 50em 36em;
				background-position:50% 50%;
				background-repeat: no-repeat;
                background-attachment: fixed;
                -webkit-background-size: 50em 36em;
                -moz-background-size: 50em 36em;
                -o-background-size: 50em 36em;    
                background-color: #000;				
				opacity:0;
				animation: slideShowA 140s linear infinite 0s;}
				
@keyframes slideShowA { 
				0% {
					opacity: 0;
					transform: scale(1.1) ;
				}
				2% {
					opacity: 1;
				}
				10% {
					opacity: 1;
				}
				12% {
					opacity: 0;
					transform: scale(1.2) ;
				}
			}
			
			.slideshow li:nth-child(1) {background-image:  url(./gallerie2/plakatsingmituns.jpg);animation-delay:  0s;}
			.slideshow li:nth-child(2) {background-image:  url(./gallerie2/plakate.png);animation-delay:  15s;}
			.slideshow li:nth-child(3) {background-image:  url(./gallerie2/2022.png);animation-delay: 20s;}
			.slideshow li:nth-child(4) {background-image:  url(./gallerie2/2019.jpg);animation-delay: 30s;}
			.slideshow li:nth-child(5) {background-image:  url(./gallerie2/1955.jpg);animation-delay: 40s;}
			.slideshow li:nth-child(6) {background-image:  url(./gallerie2/1977.jpg);animation-delay: 50s;}
			.slideshow li:nth-child(7) {background-image:  url(./gallerie2/1983.jpg);animation-delay: 60s;}
			.slideshow li:nth-child(8) {background-image:  url(./gallerie2/1995.jpg);animation-delay: 70s;}
			.slideshow li:nth-child(9) {background-image:  url(./gallerie2/2008.jpg);animation-delay: 80s;}
			.slideshow li:nth-child(10) {background-image: url(./gallerie2/2012.jpg);animation-delay: 90s;}
		    .slideshow li:nth-child(11) {background-image: url(./gallerie2/2015w.jpg);animation-delay: 100s;}
			.slideshow li:nth-child(12) {background-image: url(./gallerie2/2016.jpg);animation-delay: 110s;}
			.slideshow li:nth-child(13) {background-image: url(./gallerie2/2017.jpg);animation-delay: 120s;}
			.slideshow li:nth-child(14) {background-image: url(./gallerie2/c2019.jpg);animation-delay: 130s;}



@keyframes fade {
    2.22%, 11.11%          {opacity:1;}
       0%, 13.33%, 100% {opacity:0;}
}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 59em auto 15em auto;          /*grid-template-columns: */
  
  }

#slideshow_wrapper_inpagekl {
    
    height: 14em;
    width: 24em;
    
}

#slideshow_wrapper_inpage {
	width:54em;
	height:39em;
}

.slideshow li {
	background-size: 49em 35em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 58em auto 15em auto;          /*grid-template-columns: */
  
  }

#slideshow_wrapper_inpage {
	width:53em;
	height:38em;
}

.slideshow li {
	background-size: 48em 34em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 57em auto 15em auto;          /*grid-template-columns: */
  
  }


#slideshow_wrapper_inpage {
	width:52em;
	height:37em;
}

.slideshow li {
	background-size: 47em 33em;
}

}


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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 56em auto 15em auto;          /*grid-template-columns: */
  
  }


#slideshow_wrapper_inpage {
	width:51em;
	height:36em;
}

.slideshow li {
	background-size: 46em 32em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 55em auto 15em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpagekl {
    
    height: 15em;
    width: 24em;
	}
	
.slidetextkl {position:absolute;font-size:90%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

#slideshow_wrapper_inpage {
	width:50em;
	height:35em;
}

.slideshow li {
	background-size: 46em 32em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 54em auto 15em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpagekl {
    
    height: 14em;
    width: 23em;
	}
	
.slidetextkl {position:absolute;font-size:85%; bottom:-25%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

#slideshow_wrapper_inpage {
	width:50em;
	height:35em;
}


#slideshow_wrapper_inpage {
	width:49em;
	height:34em;
}

.slideshow li {
	background-size: 46em 32em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 53em auto 15em auto;          /*grid-template-columns: */
  
  } 

#plakat {
   grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:4; 
  grid-row-end:6;
   
}

article.beschreibung { 
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:5; 
  grid-row-end:5;
  text-align: center;  
  
}

footer {
   grid-column-start:1; 
   grid-column-end:4; 
   grid-row-start:6; 
   grid-row-end:6;
}

section.plakat1 { 
  grid-column-start:2; 
  grid-column-end:4; 
  grid-row-start:6; 
  grid-row-end:6; 
}

#slideshow_wrapper_inpagekl {
    
    height: 13em;
    width: 22em;
	}
	
.slidetextkl {position:absolute;font-size:80%; bottom:-30%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

#slideshow_wrapper_inpage {
	width:48em;
	height:33em;
}

.slideshow li {
	background-size: 43em 31em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 52em auto 15em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpagekl {
    
    height: 12em;
    width: 21em;
	}
.slidetextkl {position:absolute;font-size:80%; bottom:-30%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}


#slideshow_wrapper_inpage {
	width:47em;
	height:32em;
}

.slideshow li {
	background-size: 42em 30em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 51em auto 15em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpagekl {
    
    height: 11em;
    width: 20em;
	
}
.slidetextkl {position:absolute;font-size:80%; bottom:-30%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

#slideshow_wrapper_inpage {
	width:46em;
	height:31em;
}

.slideshow li {
	background-size: 42em 29em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: 50em auto 15em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpagekl {
    
    height: 10em;
    width: 19em;
	
}
.slidetextkl {position:absolute;font-size:80%; bottom:-35%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

#slideshow_wrapper_inpage {
	width:45em;
	height:30em;
}

.slideshow li {
	background-size: 41em 27em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 49em 25em auto;          /*grid-template-columns: */
  
  } 

header {
   			
   grid-column-start:2; 
   grid-column-end:4; 
   grid-row-start:1; 
   grid-row-end:2;
}

section.logo {
  
  grid-column-start:3; 
  grid-column-end:4; 
  grid-row-start:1; 
  grid-row-end:2;
  
}


article.spruch {
  grid-column-start:2; 
  grid-column-end:2; 
  
  grid-row-start:2; 
  grid-row-end:3;
  
}

article.notiz { 
  font-size: 100%;
  grid-column-start:2; 
  grid-column-end:4; 
  grid-row-start:1; 
  grid-row-end:2; 
  align-self: center;
  justify-self: center;
  padding-left: 5px;
  padding-right: 5px;
}

article.beschreibung { 
  grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:6; 
  grid-row-end:6; 
  
}

article.beschreibung2 { 
  grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:5; 
  grid-row-end:5; 
  padding-left: 10%;
  padding-right: 10%;
}

article.neuigkeiten { 
  grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:3; 
  grid-row-end:5; 
  align-self: start;
} 

section.hintergrund { 
  grid-column-start:2; 
  grid-column-end:2; 
} 

section.plakat1 { 
  grid-column-start:3; 
  grid-column-end:4; 
  grid-row-start:7; 
  grid-row-end:7; 
} 



footer {
   grid-column-start:2; 
   grid-column-end:4; 
   grid-row-start:7; 
   grid-row-end:7;
}

#plakat {
   grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:5; 
  grid-row-end:6;
   
}

#slideshow_wrapper_inpagekl {
    grid-column-start:3; 
    grid-column-end:4; 
    grid-row-start:2; 
    grid-row-end:3;
    height: 10em;
    width: 19em;
	
}
.slidetextkl {position:absolute;font-size:70%; bottom:-30%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

#slideshow_wrapper_inpage {
	grid-column-start:2; 
    grid-column-end:2;  
    grid-row-start:3; 
    grid-row-end:5;
	width:44em;
	height:29em;
	align-self: start;
}

.slideshow li {
	background-size: 40em 26em;
}
}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 48em 25em auto;          /*grid-template-columns: */
  
  } 

article.spruch {
  
  font-size:100%;
  
}

article.notiz { 
  
     
  
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
   transform: rotate(-4deg);
   
}

#slideshow_wrapper_inpage {
	width:43em;
	height:28em;	
}

.slideshow li {
	background-size: 39em 26em;
}

#plakat {
   
   height: 19em;
   width: 12em;
   
}


}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 47em 25em auto;          /*grid-template-columns: */
  
  } 


#slideshow_wrapper_inpage {
	width:42em;
	height:27em;	
}

.slideshow li {
	background-size: 38em 25em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 46em 25em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpage {
	width:41em;
	height:26em;	
}

.slideshow li {
	background-size: 37em 24em;
}
}


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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 45em 25em auto;          /*grid-template-columns: */
  
  } 

article.notiz { 
   font-size: 90%; 
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
   transform: rotate(-3deg);
   
}

article.beschreibung2 { 
  grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:5; 
  grid-row-end:6; 
  align-self: center;
}

article.beschreibung { 
  grid-column-start:2; 
  grid-column-end:4; 
  grid-row-start:6; 
  grid-row-end:6; 
  justify-self: center;
}


article.spruch {
  
  font-size:90%;
  
}

#slideshow_wrapper_inpage {
	width:40em;
	height:25em;	
}

.slideshow li {
	background-size: 36em 23em;
}

#plakat {
   
   height: 18em;
   width: 11em;
   
}




}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 44em 25em auto;          /*grid-template-columns: */
  
  } 


#slideshow_wrapper_inpage {
	width:39em;
	height:24em;	
}

.slideshow li {
	background-size: 35em 22em;
}
}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 43em 25em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpage {
	width:38em;
	height:23em;	
}

.slideshow li {
	background-size: 34em 21em;
}
}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 42em 25em auto;          /*grid-template-columns: */
  
  } 

article.spruch {
  
  font-size:80%;
  
}


article.notiz { 
  
   font-size: 80%; 
  
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
   transform: rotate(-2deg);
   
}

#slideshow_wrapper_inpage {
	width:37em;
	height:22em;	
}

.slideshow li {
	background-size: 33em 20em;
}

}



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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 41em 25em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpage {
	width:36em;
	height:21em;	
}

.slideshow li {
	background-size: 32em 19em;
}

}

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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 40em 25em auto;          /*grid-template-columns: */
  
  } 

#slideshow_wrapper_inpage {
	width:35em;
	height:20em;	
}

.slideshow li {
	background-size: 32em 19em;
}

}


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

.container { 
  
                      /*1  2    3  4    5  6    7  8*/
  grid-template-columns: auto 39em 25em auto;          /*grid-template-columns: */
  
  } 

article.notiz { 
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
   transform: rotate(-1deg);
}

#slideshow_wrapper_inpage {
	width:34em;
	height:19em;	
}

.slideshow li {
	background-size: 31em 17em;
}

}

@media only screen and (max-width: 875px) {
	.container { grid-template-columns: auto 38em 25em auto; }         /*grid-template-columns: */
	#slideshow_wrapper_inpage {width:33em;height:19em;}
	.slideshow li {background-size: 30em 17em;}
}

@media only screen and (max-width: 850px) {
	.container {grid-template-columns: auto 37em 25em auto; }         /*grid-template-columns: */  
	#slideshow_wrapper_inpage {	width:33em;	height:19em;}
	.slideshow li {background-size: 30em 17em;}
}

@media only screen and (max-width: 825px) {
	.container {grid-template-columns: auto 36em 25em auto;}          /*grid-template-columns: */   
	article.notiz {   
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);   
}
	#slideshow_wrapper_inpage {width:33em;height:19em;}
	.slideshow li {background-size: 30em 17em;}
}

@media only screen and (max-width: 800px) {     /*Eine Spalte*/
   .container {display: grid; grid: 150px / auto;}
   header {grid-column-start:1; grid-column-end:1; grid-row-start:1; grid-row-end:1;}
   section.logo {grid-column-start:1; grid-column-end:1; grid-row-start:1; grid-row-end:1;}
   article.notiz { z-index: 0; font-size: 100%; grid-column-start:1; grid-column-end:1; grid-row-start:2; grid-row-end:2; margin-left: 5em; margin-right: 5em; }
   article.spruch {grid-column-start:1; grid-column-end:1; grid-row-start:3; grid-row-end:3; margin-left: 5em; margin-right: 5em;}

#slideshow_wrapper_inpage {
	grid-column-start:1; 
    grid-column-end:1; 
    grid-row-start:4; 
    grid-row-end:4;
	width:30em;
	height:19em;
    justify-self: center;	
}

.slideshow li {background-size: 27em 17em;}

article.beschreibung2 { 
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:5; 
  grid-row-end:5; 
  margin-left: 5em;
  margin-right: 5em;
}

#slideshow_wrapper_inpagekl {
    grid-column-start:1; 
    grid-column-end:1; 
    grid-row-start:6; 
    grid-row-end:6;
    height: 19em;
    width: 30em;	
}

.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}

article.beschreibung { 
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:7; 
  grid-row-end:7; 
  margin-left: 5em;
  margin-right: 5em;
}

article.neuigkeiten { 
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:8; 
  grid-row-end:8; 
  margin-left: 5em;
  margin-right: 5em;
} 

#plakat {
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:9; 
  grid-row-end:10;
   
}

section.plakat1 { 
  grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:11; 
  grid-row-end:11; 
  justify-self: center;
} 

footer {	
   grid-column-start:1; 
   grid-column-end:1; 
   grid-row-start:12; 
   grid-row-end:12;
}

}

@media only screen and (max-width: 775px) {
    #slideshow_wrapper_inpage {width:30em;height:19em;}
    .slideshow li {background-size: 27em 17em;}
    #slideshow_wrapper_inpagekl {height: 19em; width: 30em;}
    .slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 750px) {
    #slideshow_wrapper_inpage {width:30em;height:19em;}
    .slideshow li {background-size: 27em 17em;}
    #slideshow_wrapper_inpagekl {height: 19em; width: 30em;}
    .slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 725px) {
    #slideshow_wrapper_inpage {width:30em;height:19em;}
    .slideshow li {background-size: 27em 17em;}
	#slideshow_wrapper_inpagekl { height: 19em; width: 30em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 700px) {
    #slideshow_wrapper_inpage {width:30em;height:19em;}
    .slideshow li {background-size: 27em 17em;}
	#slideshow_wrapper_inpagekl { height: 19em; width: 30em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 675px) {
    #slideshow_wrapper_inpage {width:30em;height:19em;}
    .slideshow li {background-size: 27em 17em;}
	#slideshow_wrapper_inpagekl { height: 19em; width: 30em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
	}

@media only screen and (max-width: 650px) {
    article.beschreibung2 {margin-left: 3em;margin-right: 3em;}
    article.beschreibung {margin-left: 3em;margin-right: 3em;}
    article.neuigkeiten {margin-left: 3em;margin-right: 3em;} 
}

@media only screen and (max-width: 625px) {
    #slideshow_wrapper_inpage {width:30em;height:19em;}
    .slideshow li {background-size: 27em 17em;}
}

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

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

@media only screen and (max-width: 550px) {
	#slideshow_wrapper_inpage {width:29em;height:18em;}
    .slideshow li {background-size: 26em 16em;}
	#slideshow_wrapper_inpagekl { height: 18em; width: 29em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 525px) {
	#slideshow_wrapper_inpage {width:28em;height:17em;}
    .slideshow li {background-size: 25em 15em;}
	#slideshow_wrapper_inpagekl { height: 17em; width: 28em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}
@media only screen and (max-width: 500px) {
	img.otgrafikquer {height:5em; width:7;}
	#slideshow_wrapper_inpage {width:27em;height:16em;}
    .slideshow li {background-size: 24em 14em;}
	#slideshow_wrapper_inpagekl { height: 16em; width: 27em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 475px) {
	img.otgrafikquer {height:4em; width:6;}
	#slideshow_wrapper_inpage {width:26em;height:15em;}
    .slideshow li {background-size: 23em 13em;}
	#slideshow_wrapper_inpagekl { height: 14em; width: 25em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 450px) {
	img.otgrafikquer {height:3em; width:5;}
	#slideshow_wrapper_inpage {width:22em;height:13em;}
    .slideshow li {background-size: 20em 12em;}
	#slideshow_wrapper_inpagekl { height: 12em; width: 23em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 425px) {
	#slideshow_wrapper_inpage {width:20em;height:12em;}
    .slideshow li {background-size: 18em 11em;}
	#slideshow_wrapper_inpagekl { height: 10em; width: 21em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 400px) {
	#slideshow_wrapper_inpage {width:18em;height:10em;}
    .slideshow li {background-size: 16em 9em;}
	#slideshow_wrapper_inpagekl { height: 10em; width: 19em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 375px) {
	img.otgrafikquer {height:2em; width:4;}
	#slideshow_wrapper_inpage {width:16em;height:8em;}
    .slideshow li {background-size: 14em 7em;}
	#slideshow_wrapper_inpagekl { height: 9em; width: 17em;}
	.slidetextkl {position:absolute;font-size:70%; bottom:-20%;padding:0 10px 5px;margin:0 10px;border-radius:0.5em;opacity:0;}
}

@media only screen and (max-width: 350px) {
	#slideshow_wrapper_inpage {display: none;}
    #slideshow_wrapper_inpagekl {display: none;}	
}

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

@media only screen and (max-width: 300px) {
	img.otgrafikquer {height:1em; width:2;}
}