label {display:none}
input {display:none}
html, body{
  background:white;/*#f2f1ec;*/
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  height:100%;
  bottom:0;
 }
div#content{
width:38vw; 
margin-left: 30vw;/* 30% */
margin-top:-1em;
min-height:99%;
height:auto !important;
height:100%;
overflow:hidden !important;
background:White;
padding:5.7% 3% 0% 3%;
color:black !important;

}

#iphone_menu{display:none;}
#index_iphone{display:none;}
#show-menu{display:none;}
#index_pc{display:block;}
#menu {display:none;}
.anker{
	padding-top:8em;
	margin-top:8em;
}

div#left-sidebar{
  position:absolute;
  top:2%;
  left:0;
  width:29%;
  height:100%;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
p {margin-left:0%;margin-right:0%;}
li {list-style:none;font-size:1em;margin-bottom:1.2em;}


a:link {color:black;outline:none;text-decoration:none;border-bottom:1px solid black;}
a:visited {color:black;outline:none;text-decoration:none;border-bottom:1px solid black;}
a:focus {color:black;outline:none;text-decoration:none;border-bottom:1px solid black;}
a:hover {color:black;outline:none;text-decoration:none;border-bottom:3px solid black;}
a:active {color:black; outline:none;text-decoration:none;border-bottom:1px solid black;}

a.menu:link, a.nobb:link {color:black; text-decoration:none;border-bottom:none;}
a.menu:visited, a.nobb:visited {color:black;outline:none;text-decoration:none;border-bottom:none;;}
a.menu:focus, a.nobb:focus {color:black;outline:none;text-decoration:none;border-bottom:none;;}
a.menu:hover, a.nobb:hover {color:black;outline:none;text-decoration:none;border-bottom:none;;}
a.menu:active, a.nobb:active {color:black;outline:none;text-decoration:none;border-bottom:none;;}




#titel {font-weight:bold}
#contentlist {margin-left:5%}



#banner {

background-color: white;
  position: fixed;
  top: 0;
  width:39%; /* width:38%; */
  z-index:05
}
#banner a {text-decoration:none !important}
}

.dropbtn:hover, .dropbtn:focus {
    background-color:;
	color:black !important;
}
.dropbtn {color:black !important;}

.dropdown {
    position: relative;
    display: inline-block;
	color:black !important!;
	width:90% !important;
	scrollbar-width: none;
	-ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}
.dropdown::-webkit-scrollbar { 
    display: none;  // Safari and Chrome}
	




.dropdown-content {
    margin-left:0em;
	display: none;
    position: absolute;
    background:white;
    min-width: 160px;
    overflow: hidden;
    z-index: 1;
	font-size:90%;
	color:black !important;
	
}

.dropdown-content a {
    color: black;
    padding-bottom:0.5em;
    text-decoration: none;
    display: block;
	background:;
}

.dropdown a:hover {
	background-color:;
	cursor:pointer;
	color:black;
	text-decoration:none;
	border-bottom:none;
}

.show {display:block;}

#upbtn {
  display: none;
  position: fixed;
  bottom:1.4%;
  right: 1%;
  z-index: 99;
  font-size: 1em;
  border: none;
  outline: none;
  background-color:gray;
  color:white;
  cursor: pointer;
  padding: 1%;
  border-radius: 4px;
}

#upbtn:hover {
  background-color:#B8B8B8;
}


.panel {
    margin-left: 1em;
	padding: 0 0;
    display: none;
    background-color: white;
    overflow: hidden;
}

#main {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    display: flex;
    flex-direction: column;
}
#main1 {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    display: flex;
    flex-direction: row;
	flex-basis: 10em;
	}
	
#main1 > div {
  margin-right: 1em;
}

.mittig {text-align:center;}

.alle {display:inline !important;}


.button {
  background-color: #fafafa;
  border: none;
  color: black;
  padding:3% 0 3% 3%;
  margin-bottom:4px;
  margin-left:;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer;
  width: 97%;
}

.button a {text-decoration:none;}


}
/* Bild bei hover über link */

.tooltip
{
  text-decoration:none;
  position:relative;
}
 
 
.tooltip span
{
  display:none;
}
 
 
.tooltip span img
{
  width:100%;
}
 
 
.tooltip:hover span
{
  display:block;
  position:fixed;
  top:10%;
  left:78%;
  z-index:1000;
  width:auto;
  max-width:320px;
  min-height:128px;
  overflow:hidden;
}
 /* Ende Bild bei hover über link */
 
 #id:target{
        display:block;
    }
	
#grau {color:grey}
fieldset {border-style:solid;
		  border-color:#fefefe;}
		  
#startbild {margin-top: -2vh;}