.Logo{
    max-width: 45%;
    height: auto;
}
.heading{
	width: 50%;
	margin: 30px auto;
	text-align: center;
	color: 	#6B8E23;
	background: #FCD408;
	border: 2px solid #000000;
	border-radius: 20px;
}
nav ul {
  display: flex;
  flex-direction: column;
} 

nav li {
  list-style: none;
  margin: 0.5em;
  padding: 0;
  font-size: 1.5em;  
}

@media (min-width: 45em) {
  nav ul {	
    flex-direction: row;  
  }
  nav li {
    font-size: 1em;
  }  
}

.besuchertop{
	text-align: center;
}
.besucherzaehler{
	display: inline-block;
	margin-top: 30px;
	padding: 10px;
	background-color: rgba(201, 48, 58, 0.65);
	font-size: 1.22em;
	color: black;
	text-align: center;
	border-radius: 4px;
}
.kundenkarte{
	display: inline-block;
	font-size: 1.22em;
	color: black;
	text-align: center;
	border: 2px solid #000000;
	border-radius: 20px;
}
.form{
	width:340px;
	height:440px;
	background:#e6e6e6;
	border-radius:8px;box-shadow:0 0 40px -10px #000;
	margin:auto;
	padding:20px 30px;
	max-width:calc(100vw - 40px);
	box-sizing:border-box;
	font-family:'Montserrat',sans-serif;position:relative;
}
h2{
	margin:10px 0;
	padding-bottom:10px;
	width:180px;
	color:#78788c;
	border-bottom:3px solid #78788c;
}
input{
	width:75%;
	padding:10px;
	box-sizing:border-box;
	background:none;
	outline:none;
	resize:none;
	border:0;
	font-family:'Montserrat',sans-serif;
	transition:all .3s;
	border-bottom:2px solid #bebed2;
}
input:focus{
	border-bottom:2px solid #78788c;
}
button{
	float:none;
	padding:8px 12px;
	margin:8px 0 0;
	font-family:'Montserrat',sans-serif;
	border:2px solid #78788c;
	background:0;
	color:#5a5a6e;
	cursor:pointer;
	transition:all .3s;
}
button:hover{
	background:#78788c;color:#fff;
}
.task_input {
	width: 75%;
	height: 15px; 
	padding: 10px;
}
.add_btn {
	height: 39px;
	background: #FFF8DC;
	color: 	#6B8E23;
	border: 2px solid #6B8E23;
	border-radius: 5px; 
	padding: 5px 20px;
}

table {
    /* width: 50%; */
	max-width: device-width;
    /* margin: 30px auto; */
    border-collapse: collapse;
}

.tabelle{
	overflow: auto;
	overflow-y: hidden;
}

tr {
	border-bottom: 1px solid #cbcbcb;
}

th {
	font-size: 19px;
	color: #CB1514;
}

th, td{
	border: none;
    height: 30px;
    padding: 2px;
}

tr:hover {
	background: #E9E9E9;
}

.task {
	text-align: left;
}

.delete{
	text-align: center;
}
.delete a{
	color: white;
	background: #a52a2a;
	padding: 1px 6px;
	border-radius: 3px;
	text-decoration: none;
}
.impress{
	width: 50%;
	margin: 30px auto;
	text-align: center;
}
.impressteil1{
	width: 25%;
    float: left;
    padding: 15px 0px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: left;
}
.impressteil2{
	width: 50%;
    float: left;
    padding: 15px 0px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
}
.impressteil3{
	width: 25%;
    float: left;
    padding: 15px 0px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: right;
}.impressgrund{
	width: 50%; 
	margin: 30px auto; 
	padding: 10px;
	text-align: center;
	font-size: 19px;
}
.datenschutzgrund{
	width: 50%; 
	margin: 30px auto; 
	padding: 10px;
	text-align: center;
	font-size: 12px;
}