body {
	font-family:arial,Helvetca,sans-serif;
	font-size: 110%;
	line-height: 1.5em;
	background-color:#f6e69b;
	background-image: url("/uploads/back01_1.jpg");
	background-repeat: repeat;
	color:#030000;
}

header {
	width: 100%;
	height: 200px;
	position: fixed;
	top: 0;
	left:0;
	background: #f7e99e;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	z-index: 12;
}

#logo {
	width: 200px;
	float: left;
}

#logo img {
	width: 100%;
}

header nav {
	float: right;
	margin: 10px 50px 0 0;
}

header nav ul li {
	float: left;
	margin-right: 16px;
}

header nav ul ul a{
	font-size:16px;
}

header nav ul li:hover {
	padding-top: 5px;
}

/* nav { */
   /* height:100px; */
   /* background:lime; */
   /* position: fixed; */
   /* top:0; */
   /* right:0; */
   /* left:0; */
   /* transition: transform .25s .1s ease-in-out; */
/* } */

.down nav {
   transform: translate3d(0, -100px, 0); /* um 100px nach oben verschieben */
}

 /* a:link { */
     /* color:#eabd3c; */
/* } */

/* a:visited { */
	/* color:#eabd3c; */
 /* } */

#top {
	text-align:center;
}

#image img {
	/* width:100%; */
	/* margin-top:10px; */
	/* margin-bottom:10px; */
	/* position: absolute; */
	/* left: 0px; */
	/* top: 0px; */
	/* z-index: -1; */
	/* float:left; */
	display:inline-block;
	max-width: 100%
}

.bild {
	display: flex; 
    justify-content: center; 
    align-items: center;
}

#titel {
	margin-top:20px;
	/* color: white; */
	/* background-color: pink; */
	display:inline-block;
	font-size:200%;
	font-weight:bold;
	padding:8px;
}
hr {color:#030000;}

#ut {
	/* font-style:italic; */
	font-size:160%;
	margin-bottom:20px;
	
}

#logo-text {
	font-style:italic;
	font-size:80%;
	/* margin:10px; */
}

#navigation {
	overflow: hidden;
	text-align:center;
	padding:10px;
	/* position: sticky; */
}
#navigation a {
	color:#030000;
	text-decoration:none;
	padding:10px;
}

#navigation a:hover {
	/* font-weight:bolder; */
	color: #9f8f38;
	padding-top: -5px;
}

section {
	height:auto;
	scroll-margin-top: 220px;
	}


#main {
	max-width:800px;
	margin:300px auto;
}

li {padding:5px;}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 5px;
}

.to-top {
  background: white;
  position: fixed;
  bottom: 16px;
  right:32px;
  width:50px;
  height:50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:32px;
  color:#1f1f1f;
  text-decoration: none;
  opacity:0;
  pointer-events: none;
  transition: all .4s;
}

.to-top.active {
  bottom:32px;
  pointer-events: auto;
  opacity:1;
}

/* === HEADER-BANNER === */

.header-banner {
	width: 40%;
	height: auto;
}

/* === MEDIA-QUERIES MAIN === */

@media (max-width: 1500px) {
	#main {
		margin-top: 250px;
		margin-bottom: 200px;
	}	
}
@media (max-width: 1100px) {
	#main {
		margin-top: 200px;
		margin-bottom: 150px;
	}	
}

@media (max-width: 500px) {
	#main {
		margin-top: 160px;
		margin-bottom: 100px;
	}	
}