body {
	background-color: #D9D9D9;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Calibri, Arial;
}

#container {
	background-color: white;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background-color: #D9D9D9;
	color: black;
	text-align: left;
	height: 100px;
}

#headimg a {
	text-decoration: none;
	color: #695EA0;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}

#header img {
	max-height: 150px; 
	margin-left: 20px;
	float: left;
}

#headtxt {
	float: top;
	text-align: right;
}

#headtxt a {
	text-decoration: none;
	color: #6E6E6E;
}

#headtxt a:hover {
	color: #695EA0;
}

#info {
	float: right;
	padding-left: 20px;
	padding-right: 20px;
}

#kontakt {
	float: right;
	padding-left: 20px;
	padding-right: 20px;
}

#content {
	padding-left: 0px;
}

#main {
	background-color: #B0B0B0;
	width: 100%;
	height: 1450px;
	text-align: left;
}

#main #parktext {
	font-weight: bold;
	color: #6E6E6E;
	text-align: center;
	position: absolute;
	z-index: 2;
	float: left;
	margin-top: 6.8%;
	margin-left: 6.2%;
	width: 40%;
	max-width: 40%;
	height: 53%;
	max-height: 53%;
	opacity: 0;
}

#img1:hover .opaque{
	opacity: 0.2;
}

#main #parktext:hover {
	opacity: 100;
}

#main #treppentext {
	font-weight: bold;
	color: #6E6E6E;
	text-align: center;
	position: absolute;
	z-index: 2;
	float: left;
	margin-top: 6.8%;
	margin-left: 53.2%;
	width: 40%;
	max-width: 40%;
	height: 53%;
	max-height: 53%;
	opacity: 0;
}

#img2:hover .opaque{
	opacity: 0.2;
}

#main #treppentext:hover {
	opacity: 100;
}

#main #futtertext {
	font-weight: bold;
	color: #6E6E6E;
	text-align: center;
	position: absolute;
	z-index: 2;
	float: left;
	margin-top: 40%;
	margin-left: 6.2%;
	width: 40%;
	max-width: 40%;
	height: 53%;
	max-height: 53%;
	opacity: 0;
}

#img3:hover .opaque{
	opacity: 0.2;
}

#main #futtertext:hover {
	opacity: 100;
}

#main #hygienetext {
	font-weight: bold;
	color: #6E6E6E;
	text-align: center;
	position: absolute;
	z-index: 2;
	float: left;
	margin-top: 40%;
	margin-left: 53.2%;
	width: 40%;
	max-width: 40%;
	height: 53%;
	max-height: 53%;
	opacity: 0;
}

#img4:hover .opaque{
	opacity: 0.2;
}

#main #hygienetext:hover {
	opacity: 100;
}

#main .front a {
	color: #D9D9D9;
}

#main_kontakt {
	background-color: #B0B0B0;
	width: auto;
	height: 700px;
	text-align: left;
}

#main_impressum {
	background-color: #B0B0B0;
	width: auto;
	height: inner;
	text-align: left;
}

#impressum {
	color: #6E6E6E;
	width: 60%;
	margin-left: 20%;
}

#main_infopage {
	background-color: #B0B0B0;
	width: auto;
	height: inner;
	text-align: left;
}

#infopage {
	color: #6E6E6E;
	width: 60%;
	margin-left: 20%;
}

#main a {
	text-decoration: none;
	color: #6E6E6E;
}

#main a:hover {
	color: #695EA0;
}

#main img:hover {
	opacity: 0.5;
}

#main img {
	width: 750px; 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}

#buffer {
	width: 100%;
}

#main #parkhaus {
	float: left;
	margin-top: 130px;
	margin-left: 130px;
}

#main #treppenhaus{
	float: right;
	margin-top: 130px;
	margin-right: 130px;
}

#main #futtertisch {
	float: left;
	margin-top: 130px;
	margin-left: 130px;
}

#main #hygiene {
	float: right;
	margin-top: 130px;
	margin-right: 130px;

}

#nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #D9D9D9;
	height: 50px;
	width: auto;
	padding: 10px 23%;
}

#nav a {
	text-decoration: none;
	color: #6E6E6E;
	font-weight: bold;
}

#nav a:hover {
	color: #695EA0;
}

#gewerbebau {
	
}

#landwirtschaft {
	
}

#parkhäuser {
	
}

#footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 200px;
	background-color: #D9D9D9;
	color: #6E6E6E;
	padding: 20px 20%;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

#footer #adresse {
	margin-right: 20%;
}

#footer #hyfloor {
	margin-left: 20%;
}

#footer a {
	text-decoration: none;
	color: #6E6E6E;
}

#footer a:hover {
	color: #695EA0;
}

#copyright {
	display: flex;
	text-align: center;
	background-color: #D9D9D9;
	color: white;
	padding: 0px 45%;
}

ul {
	list-style-type: none;
	padding: 0px; 
} 

.selected {
	font-weight: bold;
	color: #695EA0;
}

#form input[type=typing], textarea[type=typing] {
	align-content: center;
  	width: 50%;
  	padding: 12px;
  	border: 2px solid #695EA0; 
  	border-radius: 3px; 
  	box-sizing: border-box; 
 	margin-bottom: 20px; 
  	resize: vertical
}

input::placeholder{
	color: #6E6E6E;
}

textarea::placeholder{
	color: #6E6E6E;
}

#form #submit {
  	background-color: #695EA0;
  	color: white;
  	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	cursor: pointer;
}


#form #submit:hover {
  	background-color: #D9D9D9;
  	color: #6E6E6E;
}	

#form {
  	text-align: center;
  	background-color: #B0B0B0;
  	padding: 20px;
}

#form #name {
	margin-top: 30px;
}

#form hr {
	margin-bottom: 28px;
}

.drop {
  	font-size: 16px;
  	border: none;
}

.drop-links {
	background-color: #D9D9D9;
  	display: none;
  	position: absolute;
  	min-width: 130px;
}

.drop-links a {
  	padding: 15px 20px;
  	text-decoration: none;
  	display: block;
}

.dropdown:hover .drop-links {
	display: block;
}

.dropdown {
	display: inline-block;
	position: relative;
}

.sticky {
	position: fixed;
	top: 0;
	right:0;
	left:0;
	z-index: 999;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
	opacity: .95;
	
}

.jump {
	min-height: 1450px;
}

.jump_kontakt {
	min-height: 770px;
}

.jump_impressum {
	min-height: 1870px;
}

.shift {
	height: 70px;
}

.shift_kontakt {
	height: 70px;
}

.shift_impressum {
	height: 70px;
}