body, nav, ul, li, a {
	margin: 0 auto;
	padding: 0;
}
body, html {
    text-align:center;
    font-family:Comic Sans Ms;
    margin:0 auto;
    padding:0;
    height:100%;
   }

#cookie-popup { 
  text-align: center; 
  background: #FFD700;
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:11px; 
  line-height:5px;
  padding: 5px;
  }
	
a {
	text-decoration: none;
	color:#000000;
}

nav {
  float: none;
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: none;
}
 
 
nav:after {
  content: "";
  display: table;
  clear: both;
}
 
nav ul {
  float: none;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
 
nav ul li {
  margin: 0px;
  display: inline-block;
  float: none;
  background-color: #D0D0D0;
}
 
nav a {
  display: block;
  padding: 0 10px;
  color: #000000;
  font-size: 17px;
  font-weight:bold;
  line-height: 40px;
  text-decoration: none;
}
 
nav ul li ul li:hover { background: #707070; }
 
nav a:hover { background-color: #707070; }
 
nav ul ul {
  display: none;
  position: absolute;
  top: 40px;
}
 
nav ul li:hover > ul { display: inherit; }
 
nav ul ul li {
  width: 250px;
  float: none;
  display: list-item;
  position: relative;
}
 
nav ul ul ul li {
  position: relative;
  top: -40px;
  left: 170px;
}
 
li > a:after { content: ' +'; }
.toggle, [id^=drop] {
 display: none;
}
li > a:only-child:after { content: ''; }



@media all and (max-width : 768px) {
 
nav { margin: 0; }
 
.toggle + a,
 .menu { display: none; }
 
.toggle {
  display: block;
  background-color: #D0D0D0;
  padding: 0 10px;
  color: #000000;
  font-size: 17px;
  font-weight: bold;
  line-height: 40px;
  text-decoration: none;
  border: none;
}
 
.toggle:hover { background-color: #707070; }
 
[id^=drop]:checked + ul { display: block; }
 
nav ul li {
  display: block;
  width: 100%;
}
 
nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }
 
nav ul ul ul a { padding: 0 80px; }
 
nav a:hover,
 nav ul ul ul a { background-color: #D0D0D0; }
 
nav ul li ul li .toggle,

  nav ul ul a { background-color: #D0D0D0; }
 
nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}
 
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
 
nav ul ul li {
  display: block;
  width: 100%;
}
 
nav ul ul ul li { position: static;
 
}
}
 
@media all and (max-width : 330px) {
 
nav ul li {
  display: block;
  width: 94%;
}
 
}


	#main {
		font-family:Comic Sans MS;
		margin:0 auto;
		min-height:100%;
		margin-bottom:0px;
    }

   #inhalt{
		text-align:center;
		margin-bottom:0px;
    }

   #leistungen{
		margin:auto;
    }
	
   .button{
		background-color:#D0D0D0;
		border:none;
		padding:15px 32px;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		color:black;
		font-size:16px;
		margin:4px 2px;
		cursor:pointer;
		font-family:Comic Sans MS;
    }
	
	button{
		background-color:#D0D0D0;
		border:none;
		padding:10px 20px;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		font-size:13px;
		font-weight:bold;
		margin:4px 2px;
		cursor:pointer;
		font-family:Comic Sans MS;
    }
	
	.more-info{
		background-color:#D0D0D0;
		color:#000000;
		border:none;
		padding:10px 20px;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		font-size:13px;
		margin:4px 2px;
		cursor:pointer;
		font-family:Comic Sans MS;
    }
	
	.link {
		text-decoration:none;
		color:black;
		text-decoration:underline;
    }
	
	#imp1 {
		text-align:center;
		max-width:60%;
    }

   .footer {
		background-color:#D0D0D0;
		font-size:13px;
		font-weight:bold;
		position:fixed;
		bottom:0px;
		width:100%;
		text-align:center;
    }
   
   .footer a{
		text-decoration:none;
		color:black;
   }