#kopf{
	font-size:larger;
	position:fixed;
	top:0px;
	padding-top:2px;
	left:0;
	width:97%;
	margin-left:3%;
	min-height:5%;
	background-color:var(--color-kopf-bg);
	z-index:1;
	display:flex;
    flex-direction: row;
	justify-content:left;
    align-items: center;
}
#kopf>div{
	/*width:inherit;*/
	height:100%;
	padding-left:1%;
	padding-right:1%;
	padding-top:0.5%;
	padding-bottom:0.5%;
}
#kopf>div>Form{
	height:100%;
	margin:0;
}
#kopf>div>Form>input{
	margin:0;
	border-radius:50px;
	height:2em;
	font-size:inherit;
}
.kopfzeile{
	width:100% !important;
	height:100%;
	color:var(--color-important);
	text-align:center;
	padding:0 !important;
	font:inherit;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	outline:0;
}
#kopf input::placeholder{
	color:var(--color-important);
}
#loginfenster{
	width:auto !important;
}
#username,#password,#Verwalterinput{
	padding:10px;
	margin-bottom:10px;
}
#checks{order:1}
#haus{order:2;width:50%}
#topmenue{order:3;width:35%}
#datum{order:4;width:10%}
#datumwahl.nichtheute:not(:invalid){background-color:blue !important}
#benutzer{order:5;width:5%}
#Infoansicht{order:6;width:5%}
 datalist>option{
	   background-color: var(--color-white);
    border-radius: 1em;
    box-shadow: var(--bs-heraus);
    padding: 0.5em;
    margin: 0.5em;
    margin-right: 0.5em;
    border: var(--color-important) solid 2px;
    color: var(--color-input);
  }
  datalist>option:hover,datalist>option.active{
	  box-shadow: var(--bs-hinein);
  }
  datalist>option::before{content:attr(value) " ";
							font-weight:bold}
  datalist{
	
	overflow:hidden;
	cursor: pointer;
	position:absolute;
	overflow-y: auto;
	z-index:10;
  }