/* CSS-Code ursprünglich von http://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Template1 zur freien Verfügung */
/* Code wurde aber abgeändert! */
<meta charset="utf-8" />
<style type="text/css">
		/* ====================================================   GLOBAL DEFINITION   ==================================================== */
		
		@font-face {
			font-family: 'Tauri';
			font-style: normal;
		}
		
		* {
			margin: 0;
			padding: 0;
			font-size: 15px;
		}
		
		html {
			padding: 5px 2%;
		}
		
		body {
			width: 1120px;
			margin: 0 auto;
			font: normal .75em Arial, sans-serif;
			background: url(gross.png);
		}
		
		article ul { /* äußere Liste */
			list-style-type: none;
			margin-bottom: 20px;
		}
		article li:before {
			content: "✓ ";
		}
		
		article li {
			margin: 10px; /* für mehr Abstand zwischen den Aufzählungspunkten */
		}
		
		article ul ul { /* innere Liste */
			padding-left: 25px;
		}
		article li li:before {
			content: "> ";
		}
		
		a {
			color: #843953;
			font-weight: bold;
			text-decoration: none;
		}
		
		a:hover,
		a:focus {
			color: #c9a1b1;
		}
		
		a.more {
			float: right;
		}
		
		a.more:after {
			content: " >";
			display: inline-block;
			height: 1em;
			padding: 0 .5em 0.5em 0.5em;
			border-radius: 1em;
			background: #ffa323;
			margin-left: 10px;
		}
		
		footer a {
			color: #989898;
		}
		
		a.more:hover,
		footer a:hover {
			color: #4A4A4A;
			text-decoration: none;
		}
		
		p {
			line-height: 1.6em;
			margin: 30px 0;
		}
		
		h1 {
			font: bold 1.875em Tauri, serif;
			color: #7C2D48;
			margin: 20px;
			text-align: center;
		}
		
		h2 {
			font-size: 1.875em;
			font-weight: normal;
			color: #7C2D48;
			padding: 10px 5px;
			border-bottom: 1px solid #BBBCBE;
		}
		
		h3 {
			color: #4d1227;
			opacity: 0.7;
			margin: 20px 0;
			font-weight: italic;
			padding-left: 25px;
		}
		
		h4:before{
			content: " ➤ ";
		}
		
		h4 {
			font-size: 1.3em;
			color: #4d1227;
			opacity: 0.8;
			font-weight: bold;
			padding-bottom: 20px;
		}
		
		img,
		a img {
			border: 0 none;
		}
		
		
		/* ====================================================  HEADER   ==================================================== */
		
		header {
			width: auto;
			height: 240px;
			background: url(Weg.jpg);
			background-size: cover;
			/*box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.7);*/
		}
		
		#logo {
			float: left;
			margin: 30px 0 0 30px;
			padding: 10px 0 25px 70px;
			text-decoration: none;
			color: #843953;
			font-weight: bold;
		}
		
		#navlink {
			display: none;
			float: right;
			text-decoration: none;
			font-size: 1.875em;
			font-weight: bold;
			padding: 10px;
			margin: 30px 30px 0 0;
		}
		/* ====================================================   CONTENT   ==================================================== */
		
		main {
			display: block;
			position: relative;
			width: 100%
		}
		
		article {
			float: left;
			background: #f5edf0;
			margin-top: 70px;
			width: 96%;
			padding: 20px 2%;
			opacity: 0.9;
		}

		
		/* ====================================================  NAV   ==================================================== */
		
		nav {
			float: left;
			width: 100%;
			list-style-type: none;
			box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.7);
			position: absolute;
			top: -11px;
			left: 0%;
			display: block;
			text-align: center;
			margin: 0 auto 30px;
			opacity: 0.8;
		}
		
		nav ul {
			float: left;
			width: 100%;
			list-style-type: none;
			background: #7C2D48;
		}
		
		nav ul li {
			float: left;
		}
		
		nav ul li:first-child {
			margin-left: 2%;
		}
		
		nav ul li a {
			float: left;
			padding: 16px 0 16px 16px;
			color: #e0ced5;
			text-decoration: none;
		}
		
		nav ul li a:after {
			content: " | ";
			color: #ffffff;
			margin-left: 20px;
		}
		
		nav li a:hover,
		nav li a:focus {
			background: #6D273F;
		}
		
		/* ====================================================   FOOTER   ==================================================== */
		
		footer {
			float: left;
			width: 100%;
			margin: 20px 0 0 0;
			color: #989898
		}
		
		footer ul {
			float: left;
			margin-left: 22px;
			list-style-type: none;
		}
		
		footer ul li {
			display: inline-block;
			border-left: 1px solid #989898;
		}
		
		footer ul li:first-child {
			border: 0 none;
		}
		
		footer ul li a {
			padding: 0 8px;
		}
		
		footer p {
			float: right;
			margin-right: 30px;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
		}

	</style>
	
	
	/* ====================================================   SLIDESHOW (hinzugefügt)   ==================================================== */
	/* Slideshow-Code von: https://www.w3schools.com/howto/howto_js_slideshow.asp */
	
	
	* {
		box-sizing:border-box;
	}
	
	/* Slideshow container */
	.slideshow-container {
	  max-width: 700px;
	  position: relative;
	  margin: auto;
	}

	/* Hide the images by default */
	.mySlides {
		display: none;
		text-align: center;
	}

	/* Next & previous buttons */
	.prev, .next {
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  width: auto;
	  margin-top: -22px;
	  padding: 16px;
	  color: black;
	  font-weight: bold;
	  font-size: 18px;
	  transition: 0.6s ease;
	  border-radius: 0 3px 3px 0;
	}

	/* 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);
	}

	/* Number text (1/10 etc) */
	.numbertext {
	  font-size: 1.2em;
	  color: grey;
	  padding: 8px 12px;
	  position: center;
	}

	/* Fading animation */
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 1.5s;
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}