@charset "UTF-8";
<style>
/* DSGVO - Datenschutz-Hinweis */


div#dsgvo_hinweis {
 position: Fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 z-index: 1000;
 text-align: Center;
 cursor: Default;
 background-color: rgba(234, 239, 241, 0.9);
 border-top: Solid 1px rgb(168, 188, 198);
}

a.dsgvo_hinweis_button,
a.dsgvo_hinweis_button:visited {
 text-decoration: None;
 padding: 17px;
 background-color: rgb(0, 191, 0);
 color: rgb(255, 255, 255);
 margin-right: 10px;
}

a.dsgvo_hinweis_button:hover, 
a.dsgvo_hinweis_button:active {
 background-color: rgb(0, 166, 0);
 color: rgb(255,255, 255);
}
</style>
<style>
 a:link {
 color: Darkorange;
 }
a:visited {
 color: Green;
 }
a:hover {
 color: Red;
} 
</style>
html {
 background-color: Whitesmoke;
 scroll-behavior: Smooth;
/* scrollbar-color: Lightgrey Whitesmoke;*/
 overflow-y: Scroll;
}

body {
 background-color: Darkkhaki;
 font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 1rem;
 color: Black;
 margin: 0;

 padding: 0.5rem;
  scroll-behavior: Smooth;
 overscroll-behavior: none; /*mobile browsers tend to provide a "bounce" effect*/
 overflow-anchor: none; /*To prevent scroll anchoring on the whole webpage*/
 transition: padding, max-width 1s;
}

html,
body {
	margin: 0;
}

html {
	height: 100vh;
	font-size: 1,5em;
}

span.pflichtfeld {
 font-family: Arial, Tahoma, Verdana, Sans-Serif;
 font-size: 0.90rem;
 color: Red;
}
.parallax {
	background-image: url("/bilder/lauf.jpg");
	min-height: 90vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


section.parallax {
	background-image: url(bilder/K1024_DSC_6072.JPG);
}

@media (prefers-reduced-motion: no-preference) {
	.parallax {
		/* Create the parallax scrolling effect local/fixed */
		
		background-attachment: local;
	}
}

section {
	min-height: 10vh;
	background-color: Darkkhaki;
	border: none;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	/*font-size: 1em;*/
	color: black;
	padding: 0 1em;
}

section:last-of-type {
	background-color: Darkkhaki;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	/*font-size: 1em;*/
	color: black;
	padding: 1em;
	
	#Inhalte-werden-zentriert {
	display: flex;
	align-items: center;
	justify-content: center;
}

}

footer {
 background-color: Yellow;
 padding: 10px;
 border-radius: 12px;
 font-family: Verdana;
 font-size: 12px;
 color: Blue;
 margin: Auto;
 
} 



min-width: px;
min-height: px;
max-width: px;
max-height: px;
width: %;



img {
 max-width: 50rem;
 height: auto;
}

body, header{
 max-width: 30rem;
 padding: 1rem;
 
}
span.pflichtfeld {
 font-family: Arial, Tahoma, Verdana, Sans-Serif;
 font-size: 0.90rem;
 color: Red;
}

@media screen and (min-width: 1200px) {
 body, header {
  max-width: 65rem;
 }

}

@media screen and (max-width: 760px) {
 body, header {
  padding: 0.3rem;
 }
 
}


.flex-container {
	display: flex;
flex-direction: column;
align-items: center;
  justify-content: center;
}
/* große Viewports */

@media all and (min-width: 35em) 
{
	.flex-container {
		flex-direction: row;
	}
}

.flex-item {
	border: 1px solid;
	margin: .5em;
	padding: .5em;
	background: Darkkhaki;
	font-family: Verdana;
}

.flex-item:nth-of-type(2) {
	background: #ffebe6;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

.flex-item:nth-of-type(3) {
	background: #e6f2f7;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

.flex-item:nth-of-type(4) {
	background: #ebf5d7;
}


#navigation {
 background-color: White;
 padding: 10px;
 border-radius: 12px;
 font-size: 16px;
 color: Yellow;
 margin: Auto;
 
  a:link {
 color: Darkorange;
 }
a:visited {
 color: Green;
 }
a:hover {
 color: Red;
} 
} 	
h1 {
 background-color: Green;
 padding: 10px;
 border-radius: 12px;
 font-family: Arial;
 font-size: 18px;
 color: Orange;
}

<style>
table#table {
 margin: Auto;
 border-spacing: 0px;
 empty-cells: Hide;
}

table#table tr th,
table#table tr td {
 border: Solid 1px #000000;
}

table#table tr th,
table#table tr td {
 padding: 15px;
}

table#table tr td {
 text-align: left;
}
</style>