@charset "utf-8";
			/* CSS Document */
			
			html {
				scroll-behavior: smooth;
			}
			
			@font-face {
				font-family: Staatliches;
				font-display: swap;
				src: url(staatliches-regular-webfont.woff2), url(staatliches-regular-webfont.woff);
				font-weight: normal;
				font-style: normal;
			}
			
			@font-face {
				font-family: 'Yanone Kaffeesatz';
				font-display: swap;
				src: url(font/YanoneKaffeesatz-Medium.ttf);
				font-weight: normal;
				font-style: normal;
			}
			
			@font-face {
				font-family: 'Roboto Condensed';
				font-display: swap;
				src: url(font/Roboto_Condensed/RobotoCondensed-Light.ttf);
				font-weight: normal;
				font-style: normal;
			}
			
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			
			body {
				font-family: Arial;
				font-size: 16px;
				background-image: url("pic/fludd.jpg");
				background-size: 100%;
				background-attachment: fixed;
				background-position: center top;
				background-repeat: repeat-y;
			}
			
			h1 {
				color: #F46D05;
				text-align: center;
				/*margin-top: 4em;*/
				font-size: 4em;
				letter-spacing: 0.13em;
				line-height: 1.5em;
				padding: 0.8em;
				font-family: Staatliches;
				font-weight: bolder;
				text-shadow: rgb(246, 242, 242) 2px 2px 0px;
				text-decoration: none;
			}
			
		
			
			nav h2 {
				color: #F46D05;
				text-align: center;
				font-size: 1.5em;
				font-family: Staatliches;
				letter-spacing: 0.09em;
				background-color: rgba(255, 255, 255, 0.8);
			}
			
			h3 {
				font-family: 'Yanone Kaffeesatz';
				color: #F46D05;
				text-align: center;
				margin-top: 15px;
				font-size: 1.8em;
				font-weight: normal;
				letter-spacing: 0.08em;
			}
			
			#container {
				margin: 0;
				background-color: rgba(255, 255, 255, 0.6);
			}
			
			p {
				margin-bottom: 0px;
				padding: 15px;
				text-align: left;
				line-height: 1.8em;
				font-family: 'Roboto Condensed', sans-serif;
				font-size: 1.3em;
				color: #000000;
				font-weight: normal;
			}
			
			p a {
				margin-bottom: 0px;
				font-family: 'Roboto Condensed';
				font-size: 1.0em;
				color: #F46D05;
				font-weight: lighter;
			}
			
			p a:hover {
				/*color: #000;*/
				filter: drop-shadow(.2rem .2rem .2rem #F46D05);
			}
			
			p small {
				line-height: 0.1em;
			}
			

			
			.boxeinsp ul {
				text-align: left;
				display: block;
				margin-top: 10em;
				margin: auto;
				padding-left: 15%;
				line-height: 1.8em;
				font-family: 'Roboto Condensed';
				font-size: 1.3em;
				color: #000000;
				font-weight: normal;
			}
			
			hr {
				color: #F46D05;
				margin: auto;
				margin-top: 2vh;
				margin-bottom: 2vh;
				max-width: 60%;
				text-align: center;
				display: block;
			}
			
			.link {
				text-decoration: none;
				color: #F46D05;
				font-weight: normal;
			}
			
			
			a:hover {
				color: #F46D05;
			}
			/*Test start*/
			
			.flexbox {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				/*erhält die Dimension der darin liegenden Elemente*/
			}
			
			.floatstop {
				clear: both;
			}
			/*figuretest_start*/
			
			figure {
				padding: 1px;
				float: left;
				text-align: center;
				color: #000;
				margin-bottom: 5px;
			}
			
			figure img {
				display: block;
				padding: 10px;
				/*  text-align: left;*/
			}
			
			figure video {
				display: block;
				padding: 10px;
				float: right;
			}
			
			figure figcaption video {
				float: none;
				/*display: block;*/
				padding: 5px 5px 5px 5px;
				color: #000;
				font-style: italic;
				text-align: center;
				color: #000;
			}
			
			figure figcaption iframe {
				padding: 5px 5px 5px 5px;
				color: #000;
				font-style: italic;
				font-size: 0.9em;
				text-align: center;
				color: #000;
			}
			
			figure figcaption {
				padding: 5px 5px 5px 5px;
				text-decoration: none;
				/*  background-color: rgba(255, 255, 255, 0.6);*/
				color: #000;
				font-size: 0.9em;
				font-style: italic;
				/* border-radius: 0 0 3px 3px;*/
			}
			
			figure figcaption a {
				padding: 5px 5px 5px 5px;
				text-decoration: none;
				/*  background-color: rgba(255, 255, 255, 0.6);*/
				color: #000;
				font-style: italic;
			}
			/*figuretest_ende*/
			/*boxen start*/
			
			.box1 {
				width: 600px;
				margin: 15px;
				text-align: left;
				padding: 10px;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
			}
			
			.box1 img {
				float: left;
				width: 200px;
				max-width: 100%;
				/*height: auto;*/
				padding: 10px;
				padding-right: 10px;
				margin: auto;
				border-radius: 20px;
				display: block;
			}
			
			.box1 video {
				margin: auto;
				float: none;
				width: 65%;
				/*margin-top: 20px;*/
				display: block;
				border-radius: 20px;
				border: 1px solid #F46D05;
			}
			
			.box1 audio {
				border-radius: 20px;
			}
			
			.box2 audio {
				border-radius: 20px;
			}
			
			.box2 {
				width: 600px;
				margin: 15px;
				text-align: left;
				padding: 10px;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
			}
			
			.box2 img {
				float: right;
				width: 200px;
				padding: 10px;
				padding-left: 10px;
				margin: auto;
				border-radius: 20px;
				display: block;
				height: auto;
			}
			
			.box2 video {
				margin: auto;
				float: none;
				width: 85%;
				/*margin-top: 20px;*/
				display: block;
				border-radius: 20px;
				border: 1px solid #F46D05;
			}
			/*margin: auto;
				float: none;
				width: 80%;
				height: auto;
				margin-top: 20px;
				display: block;
				border-radius: 20px;
				border: 1px solid #F46D05;*/
			
			.box1 dl {
				display: block;
				margin-top: 10em;
				margin: auto;
				padding-left: 20%;
				line-height: 1.8em;
				font-family: 'Roboto Condensed';
				font-size: 1.3em;
				color: #000000;
				font-weight: normal;
			}
			
			.box2 dl {
				display: block;
				margin-top: 10em;
				margin: auto;
				padding-left: 20%;
				line-height: 1.8em;
				font-family: 'Roboto Condensed';
				font-size: 1.3em;
				color: #000000;
				font-weight: normal;
			}
			
			.box3 {
				width: 600px;
				margin: 15px;
				text-align: left;
				padding: 10px;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
			}
			
			.box3 img {
				float: left;
				max-width: 100%;
				height: auto;
				padding: 10px;
				padding-right: 15px;
				margin: auto;
				border-radius: 20px;
				display: block;
			}
			
			.box3 audio {
				border-radius: 20px;
			}
			/*Bildbox Start*/
			
			.bildbox {
				width: 50%;
				margin: auto;
				height: auto;
				/*padding: 15px;*/
				background-color: #000;
				text-align: center;
				display: block;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.9);
			}
			
			.bildbox img {
				float: none;
				max-width: 65vh;
				margin-top: 5px;
				height: auto;
				/*padding: 10px;*/
				/*padding-right: 10px;*/
				margin: auto;
				border-radius: 5px;
				display: block;
				background-color: #000;
				/*border: 1px solid #F46D05;*/
			}
			
			.bildbox h3 {
				margin: 0.5em;
			}
			
			.spalten {
				float: left;
				width: 45%;
				margin: 15px;
				text-align: left;
				padding: 15px;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
			}
			
			.spalten-r {
				float: right;
				width: 45%;
				margin: 15px;
				text-align: left;
				padding: 15px;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
			}
			/*boxen ende*/
			/*einspalter start*/
			
			.boxeinsp {
				max-width: 65%;
				margin: auto;
				text-align: center;
				padding: 5px;
				border-radius: 20px;
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
			}
			
			.boxeinsp a {
				text-decoration: none;
			}
			
			.boxeinsp p {
				text-align: center;
				padding: 0px;
			}
			
			.boxeinsp dl {
				display: block;
				margin-top: 1em;
				margin-bottom: 1em;
				margin-left: 0;
				margin-right: 0;
				margin: auto;
				padding-left: 20%;
				line-height: 1.8em;
				font-family: 'Roboto Condensed';
				font-size: 1.3em;
				color: #000000;
				font-weight: normal;
			}
			
			.boxeinsp img {
				float: none;
				height: auto;
				width: 200px;
				padding: 10px;
				padding-left: 10px;
				margin: auto;
				border-radius: 20px;
				display: block;
			}
			/*	einspalter ende*/
			
			.box2 iframe {
				margin: auto;
				float: none;
				width: 80%;
				height: auto;
				margin-top: 20px;
				display: block;
				border-radius: 20px;
				border: 1px solid #F46D05;
			}
			
			#sektion1 {
				text-align: center;
				width: 100%;
			}
			
			.weg {
				height: auto;
			}
			/*test ende*/
			/*Zitat Versuch Start*/
			
			.box3 .zitat:before {
				content: "\00bb";
				color: #F46D05;
				font-size: 2.9em;
				font-weight: bolder;
				margin-right: 0.1em;
			}
			
			.box1 .zitat:before {
				content: "\00bb";
				color: #F46D05;
				font-size: 2.9em;
				font-weight: bolder;
				margin-right: 0.1em;
			}
			/*zitat:after {		
		content: "\00ab";
		color: #F46D05;
		font-size: 1.9em;
		font-weight: bolder;
		padding-left: 0.1em;}*/
			
			.mobil {
				font-size: 0.7em;
			}
			
			.geo p {
				color: #000;
			}
			/*Zitat Versuch Ende*/
			
			.pdf .box2 {
			height: 24px;
			width: 24px;
			}
			
			p a::after {
				content: "\00bb";
				text-decoration: none;
				color: #F46D05;
				font-size: 1em;
				font-weight: normal;
				padding-left: 0.2em;
			}
			/*Heineken Start*/
			
			.box1 p::before {
				content: "\2605";
				color: #F46D05;
				padding-right: 5px;
			}
			
			.box2 p::before {
				content: "\2605";
				color: #F46D05;
				padding-right: 5px;
			}
			
			.box3 p::before {
				content: "\2605";
				color: #F46D05;
				padding-right: 5px;
			}
			/*Heineken Ende*/
			
			.navi {
				width: 50vh;
				height: 50vh;
				border-radius: 20px;
			}
			
			
			#myBtn {
border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
				color: #F46D05;
				position: fixed;
				bottom: 60px;
				right: 0px;
				padding: 0.75em;
				text-decoration: none;
				border-radius: 15px 0 0 15px;
				font-weight: bold;
}


/*  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */*/

#myBtn:hover {
  background-color: #000; /* Add a white background on hover */
  text-shadow: 2px 2px 1px #4D4D4D;
}
			/*fusspilz Start*/
			
			#footer {
				font-size: 1em;
				position: sticky;
				bottom: 0;
				padding: 10px;
				background: #F46D05;
				text-align: center;
				color: #FFFFFF;
				text-decoration: none;
				/*border-radius: 0 0 15px 15px;*/
			}
			
			#footer a {
				text-align: center;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
				text-decoration: none;
			}
			
			#footer p {
				padding: 0px;
				text-align: center;
				color: #FFFFFF;
			}
			
			#footer :hover {
				color: #000000;
				font-weight: bold;
				text-align: center;
			}
			/*fusspilz Ende*/
			/*Juergens Magie Start*/
			
			.back-to-top {
				border: 2px dotted #F46D05;
				background-color: rgba(255, 255, 255, 0.6);
				color: #F46D05;
				position: fixed;
				bottom: 60px;
				right: 0px;
				padding: 0.75em;
				text-decoration: none;
				border-radius: 15px 0 0 15px;
				font-weight: bold;
			}
			/*Juergens Magie Ende*/
			/*media queries start*/
			
			@media screen and (max-width:768px) {
				h1 {
					font-size: 9vw;
					font-family: Staatliches;
					line-height: 1.5em;
					margin-top: 0em;
					/*background-color: #DDDDD2*/
					/*background:rgba(255, 255, 255, 0.6);*/
					text-align: left;
					display: block;
					color: #F46D05;
					/*text-shadow: 2px 2px 1px #4D4D4D;*/
				}
				h3 {
					font-family: 'Yanone Kaffeesatz';
					color: #F46D05;
					text-align: center;
					margin-top: 20px;
					font-size: 30px;
					font-weight: normal;
				}
				p a {
					margin-bottom: 0px;
					font-family: 'Roboto Condensed', sans-serif;
					font-size: 1.0em;
					text-decoration: none;
				}
				.box1 {
					border: 0px;
					padding: 0px;
					margin: 2px;
				}
				.box1 img {
					float: none;
					background-size: contain;
					border-radius: 20px;
					margin-bottom: 2vh;
				}
				.bildbox {
					width: 100%;
					display: block;
					margin: auto;
					border: none;
					padding: 0px;
					border: 0px;
					/*margin: 2px;*/
				}
				.bildbox img {
					float: none;
					background-size: contain;
					width: 15vw;
					border-radius: 0px;
					border: none;
					/*margin-bottom: 2vh;*/
				}
				.bildbox h3 {
					margin-top: 1em;
					margin-bottom: 1em;
				}
				.box1 video {
					margin: auto;
					float: none;
					width: 80%;
				}
				.box2 {
					border: 0px;
					padding: 0px;
					margin: 2px;
				}
				.box2 img {
					float: none;
					background-size: contain;
					border-radius: 20px;
					margin-bottom: 2vh;
				}
				.box2 iframe {
					margin: auto;
					height: 360px;
					float: none;
					width: 95%;
					border-radius: 20px;
				}
				.box3 {
					border: 0px;
					padding: 0px;
					margin: 2px;
				}
				.box3 img {
					float: none;
					margin: auto;
					background-size: contain;
					border-radius: 20px;
					outline-color: #F46D05;
					outline-width: 2px;
					outline-style: dotted;
					margin-bottom: 5px;
					/*margin-right: 10px;*/
				}
				.spalten {
					float: none;
					width: 95%;
					display: block;
					margin: auto;
					text-align: left;
					padding: 10px;
					border-radius: 20px;
					border: none;
					background-color: rgba(255, 255, 255, 0.6);
				}
				.spalten-r {
					float: none;
					width: 95%;
					display: block;
					margin: auto;
					text-align: left;
					padding: 10px;
					border-radius: 20px;
					border: none;
					background-color: rgba(255, 255, 255, 0.6);
				}
				/*einspalter start*/
				.boxeinsp h3 {
					text-align: center;
					border: 0px;
					padding: 5px;
				}
				.boxeinsp {
					max-width: 95%;
					margin: 0px;
					text-align: center;
					padding: 5px;
					border: 0px;
					background-color: rgba(255, 255, 255, 0.7);
				}
				.boxeinsp ul {
					text-align: left;
					margin: auto;
					margin-bottom: 10vh;
					margin-top: 2vh;
					margin-left: 10%;
					line-height: 1.8em;
					font-family: 'Roboto Condensed';
					font-size: 1.3em;
					color: #000000;
					font-weight: normal;
				}
				.boxeinsp img {
					float: none;
					background-size: contain;
					border-radius: 20px;
					margin-bottom: 50px;
				}
				/*outline-style: dotted;*/
				/*einspalter ende*/
				#sektion1 {
					margin-top: 0px;
					font-family: 'Staatliches';
					font-weight: bolder;
					font-size: 1.9em;
				}
				p {
					font-size: 1.5em;
					line-height: 1.8em;
				}
				/*figure start*/
				figure {
					padding-bottom: 2px;
					float: none;
					text-align: center;
					color: #000;
					margin-bottom: 5px;
				}
				figure video {
					display: block;
				}
				figure figcaption {
					text-decoration: none;
					padding-top: 2px;
					color: #000;
					font-style: italic;
					/*  border-radius: 0 0 3px 3px;*/
				}
				figure figcaption img {
					margin-top: 1px;
					color: #000;
					font-style: italic;
				}
				/*figure ende*/
				footer {
					padding: 8px;
					position: sticky;
					bottom: 0;
				}
				.navi {
					margin: auto;
					height: 300px;
					width: 65%;
					border-radius: 20px;
				}
				.weg {
					height: auto;
				}
				.floatstop {
					clear: both;
				}
			}