body            {color:#202020; background-color:#ffffff; font-family:verdana,arial,sans-serif; font-size:10pt; lang=de;}
img             {border:none; max-width:100%; height: auto;}
a:link 	   	    {color:#006400; text-decoration:none; }
a:visited  	    {color:#006400; text-decoration:none; }
a:active   	    {color:#006400; text-decoration:none; }
a:hover    	    {color:#000000; text-decoration:underline}
#galerie        {margin:0; text-align:left; background-color:#ffffff}
#events {
  border-collapse: collapse;
  width: 100%;
}
#events td, #events th {
  border: 1px solid #DCDCDC;
  padding: .6em;
}
#events tr:nth-child(even){background-color: #F2F2F2;}
#events tr:hover {background-color: #DCDCDC;}
#events th {padding-top: 1.5em; padding-bottom: 1.5em; text-align: left; background-color: #DCDCDC; color: #000000;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

ul.navmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #808080;
  font-weight:normal;
}
ul.navmenu li {float: left;}
ul.navmenu li a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: .4em;
  text-decoration: none;
  transition: all .25s ease-in;
}
ul.navmenu li a:hover:not(.active) {background-color: #A0A0A0;}
ul.navmenu li a.active {background-color: #202020;}
ul.navmenu li.right {float: right;}
@media screen and (max-width: 30em) {
  ul.navmenu li.right, 
  ul.navmenu li {float: none;}
}
li a, .subitem {
  display: block;
  text-decoration: none;
  background-color: #606060;
}
li a:hover, .submenu:hover .subitem {
}
li.submenu {
  display: block;
}
.submenu-content {
  display: none;
  position: absolute;
  z-index: 1;
}
.submenu-content a {
  text-decoration: none;
  display: block;
  background-color: #404040;
}
.submenu-content a:hover {background-color: #DCDCDC;}
.submenu:hover .submenu-content {
  display: block;
}

<style>
	.item_head { grid-area: head; }
	.item_logo { grid-area: logo; }
	.item_menu { grid-area: menu; padding: 1em 0 1em 0 }
	.item_main { grid-area: main; }
	.item_foot { grid-area: foot; }
	.item_tab  { grid-area: tab;  padding: 2em 2em 2em 2em }

	<!-- padding: o r u l -->

	img {
	}
	img.zoom {
		transition: transform 0.5s;
		-moz-transition: transform 0.5s;
		-webkit-transition: transform 0.5s;
		-o-transition: transform 0.5s;
		-ms-transition: transform 0.5s;
		max-height: 100px;
	}
	img.zoom:hover {
		transform: scale(4.8);
		-moz-transform: scale(4.8);
		-webkit-transform: scale(4.8);
		-o-transform: scale(4.8);
		-ms-transform: scale(4.8);
	}
</style>
figure {
}
figcaption {
	text-align: center;
}
.galerie {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(13em, 16em));
	justify-items: center;
	justify-content: center;
	padding: 0 7em 0 7em
}
.galerie > figcaption {
	grid-column: 1 / -1;
}
.galerie2 {
	display: grid;
	grid-template-columns: 20em 20em;
	grid-gap: 2em;
	justify-items: left;
	justify-content: left;
}
.galerie2 > figcaption {
	grid-column: 1 / -1;
}
.galerie3 {
	display: grid;
	grid-template-columns:  20em 20em 20em;
	grid-gap: 2em;
	justify-items: left;
	justify-content: left;
}
.galerie3 > figcaption {
	grid-column: 1 / -1;
}
.galerie4 {
	display: grid;
	grid-template-columns: 20em 20em 20em 20em;
	grid-gap: 2em;
	justify-items: left;
	justify-content: left;
}
.galerie4 > figcaption {
	grid-column: 1 / -1;
}
/* Überschrift 1*/
h1 {
  color:#000000; 
  font-family:times,arial,serif;
  font-size:1.8em; 
  font-weight:normal; 
  background-color: #ffffff; 
  border: 0; 
  margin: 0;
  padding: 0;
}
/* Überschrift 2*/
h2 {
  color:#000000; 
  font-family:times,arial,serif;
  font-size:1.3em; 
  font-weight:normal; 
  font-style:italic;
  background-color: #ffffff; 
  border: 0; 
  margin: 0;
  padding: 0;
}
/*footer*/
h3 {
  color:#000000; 
  font-family:times,arial,serif;
  font-weight:normal; 
  background-color: #d0d0d0; 
  text-align:center;
  border: 0; 
  margin: 0;
  padding: 1em;
}

/* Farben
Purple 			#800080 	rgb(128, 0, 128)
Plum			#DDA0DD		rgb(221, 160, 221)
Navy			#000080		rgb(0, 0, 128)
Blue			#0000FF		rgb(0, 0, 255)
SkyBlue			#87CEEB		rgb(135, 206, 235)
PowderBlue		#B0E0E6		rgb(176, 224, 230)
SpringGreen		#00FF7F		rgb(0, 255, 127)
Green			#008000		rgb(0, 128, 0)
Yellow			#FFFF00		rgb(255, 255, 0)
Gold			#FFD700		rgb(255, 215, 0)
Orange			#FFA500		rgb(255, 165, 0)
OrangeRed		#FF4500		rgb(255, 69, 0)
Red				#FF0000		rgb(255, 0, 0)
FireBrick		#B22222		rgb(178, 34, 34)
<font color="#800080">K</font>
<font color="#DDA0DD">u</font>
<font color="#000080">l</font>
<font color="#0000FF">t</font>
<font color="#87CEEB">R</font>
<font color="#B0E0E6">u</font>
<font color="#00FF7F">h</font>
<font color="#008000">r</font>
<font color="#FFFF00">g</font>
<font color="#FFD700">e</font>
<font color="#FFA500">b</font>
<font color="#FF4500">i</font>
<font color="#FF0000">e</font>
<font color="#B22222">t</font>
&quot;Wer nichts wei&szlig, muss alles glauben&quot; (Marie von Ebner-Eschenbach)
'/