html, body {
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
scrollbar-base-color:#C0DCF7;
scrollbar-3d-light-color:#990000;
scrollbar-arrow-color:#990000;
scrollbar-darkshadow-color:#990000;
scrollbar-face-color:#ff9933;
scrollbar-highlight-color:#000099;
scrollbar-shadow-color:#990000;
scrollbar-track-color:#C0DCF7;
}

p { color:#00000; font-size:12; font-weight:bold; 
}

pre { color:#000000; font-size:14; font-weight:bold; 
}


b { color:#ffff33; font-style:italic; 
}

h3 { color:#000000;
}

h4 { color:#ffffff;
}

h5 { color:#000000; font-weight:bold;
}

h6 { color:#ffffff;
}

a { text-decoration:none; color:#990000; font-weight:bold; font-size:12; }
a:hover { color:#ffffff; text-decoration:underline; font-weight:bold; }
a:active { color:#000099; font-weight:bold; }


.klick {
width:10cm
font-size:8pt;
font-family:arial;
font-weight:bold;
font-style:italic;
color:#990000;
background-color:#9c796b;
}

.klicki {
width:10cm
font-size:8pt;
font-family:arial;
font-weight:bold;
font-style:italic;
color:blue;
background-color:#9c796b;
}

main {
	background: transparent;
	border-color: transparent;
}

.absolut-zentriert {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#gallery {
	position: relative;
	background: none;
	border: none;
}

#gallery figure {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#gallery figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	bottom: 0.5em;
	color: white;
}

@-webkit-keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gallery figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}

@-webkit-keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}

@keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}

#gallery figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}

@media (min-width: 370px) {
    .myClass{}
}