#Kontakt {
	background-color:#ddd;
}
div.kontaktWrap {
	vertical-align:top;
	padding-bottom:30px;
}
div.kontaktAdresse {
	width:80%;
	max-width:600px;
	min-height:550px;
	text-align:left;
	background-color:#FFF;
	margin:15px auto;
	font-size:1.8em;
}
#Kontakt img {
	width:100%;
	max-width:600px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
div.kontaktAdresse p {
	padding-left:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
div.kontaktAdresse p.name {
	margin-top:30px;
	color:#900;
	font-size:xx-large;
}
div.kontaktAdresse p.telefon {
	font-weight:bold;
}
div.kontaktFormular {
	width:100%;
	min-height:550px;
	background-color:#366;
	text-align:left;
	padding-left:20px;
}
div.kontaktFormular p {
	padding-top:30px;
	color:#FFF;
	font-size:.8em;
}
div.kontaktFormular input[type=email] {
	width:80%;
	height:30px;
}
div.kontaktFormular textarea {
	width:80%;
	height:200px;
}
div.kontaktFormular input[type=submit] {
	width:200px;
	background-color:#FFF;
	color:#366;
	font-size:1.8em;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:20px;
	padding:7px;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}
@media (min-device-width: 980px) {
  div.kontaktWrap {
	  width:970px;
	  margin:0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-items: center;
  }
  div.kontaktAdresse {
	width:400px;
	min-height:550px;
	margin-right:20px;
	font-size:1em;
}
div.kontaktFormular {
	width:450px;
	min-height:550px;
}
div.kontaktFormular p {
	font-size:1em;
}
div.kontaktFormular input[type=submit] {
	font-size:1em;
}
}