body {
	background:#E9E9E9;
	color:#424242;
	font: 75% Verdana, Tahoma, Arial, sans-serif;
	margin:0;
	padding:0 0 1rem 0;
	text-align:left;
	min-width: 32rem;
}

p {
	line-height:1.5rem;
	margin:0;
}

#labelname {
}

#labellastname {
}

#labellastname label {
 display:none !important; 
}

#labellastname input {
 display:none !important; 
}

#labelemail {
}

#labelmessage {
}

#headerbackground {
	position: fixed;
	font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
	/*font-family: SF Mono, Roboto Mono, DejaVu Sans Mono, Consolas, Inconsolata, monospace;*/
	background:#E9E9E9 url(backgrounds/headerback.png) repeat-x;
	color:#424242;
	margin-top:-11.5rem;
	padding:0;
	text-align:left;
	height:11.2rem;
	width:100%;
	min-width: 33rem;
}

#headerName {
	position: absolute;
	padding-top:1rem;
	color:#E9E9E9;
	height:5rem;
	margin:0 1.25rem 0.625rem;
	text-align:left;
}

#headerName h1 {
	font-size:2.5rem;
	padding-left:2.5rem;
	letter-spacing:-0.063rem;
	font-weight: normal;
	margin:-0.313rem 0.125rem;
	color:#E9E9E9;
}

#headerName cap1 {
	position: absolute;
	top:0.67rem;
	left:1.3rem;
	font-size:2.5rem;
	font-weight: bold;
	color:#009CDE;
}

#headerName cap2 {
	-webkit-text-size-adjust: none;
	-text-size-adjust: none;
	position: absolute;
	top:-0.5rem;
	left:-0.8rem;
	font-size:6.65rem;
	color:#009CDE;
}

#headerProfession {
	position: absolute;
	top: 1rem;
	left:14.5rem;
	color:#E9E9E9;
}

#headerProfession h1 {
	font-weight: normal;
	letter-spacing:-0.063rem;
	margin:0.313rem 0;
	font-size:1.1rem;
}
#headerbuttons {
	margin-right: 1rem;
}

#headerbuttons li {
	float: right; 
	list-style: none;
	text-align: center;
	margin-top: 6.25rem; 
	margin-right: 0;
	width: 10.6rem;
	line-height: 4.5rem;
}

#headerbuttons li a {
	text-decoration: none;
	font-size:1.1rem;
	color: #E9E9E9;
	display: block;
	margin-left:0.313rem;
	margin-right:0.313rem;
}

#headerbuttons li a:hover {
	text-decoration: none;
	background:url(backgrounds/buttonhoverback.png) repeat-x;
}

#headerbuttons li a:active {
	text-decoration: none;
	background:url(backgrounds/buttonactiveback.png) repeat-x;
}

#headerbuttons li a.current {
	text-decoration: none;
	background:url(backgrounds/buttonactiveback.png) repeat-x;
}

#contact li {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size:1.15rem;
}

.containerindex { 
  margin: 11.5rem 0.5rem 1.5rem 1.5rem;
  height:100%; 
  display: grid; 
  grid-template-rows: auto auto; 
  grid-template-columns: auto auto; 
} 

.container { 
  margin: 11.5rem 1.5rem 1.5rem 1.5rem;
  height:100%; 
} 

.containerdsgvoimpressum { 
  margin: 11.5rem 1.5rem 1.5rem 1.5rem;
  height:100%; 
} 

.containerdsgvoimpressum p { 
  line-height:1rem;
  margin:0;
}

article { 
  grid-row-start: 1; 
  grid-row-end: 2; 
  font-size: 1rem;
}

aside { 
  padding:0 0.2rem 0.2rem 0.2rem;
  margin:0 0 0 0.8rem;
  border: 0.15rem solid #009CDE;
  font-weight: bold;
} 

aside h1 {
	font-weight: bold;
	color:#009CDE; 
	font-size:1.25rem;
	margin: 0.5rem 0;
}

aside h2 {
	font-weight: bold;
	color:#009CDE; 
	font-size:0.8rem;
	margin: 0.5rem 0 0.2rem 0;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background:#E9E9E9;
}

form {
  background-color: #E9E9E9;
  width: 25rem; 
  padding: 1rem;
  border: 0.05rem solid #424242;
}

label { 
  display: block;
  cursor: pointer; 
}

input {
  margin-bottom: 1rem;
  border: 0.05rem solid #424242;
  width: 24.5rem; 
}

textarea {
}

#submit {
  font: 75% Verdana, Tahoma, Arial, sans-serif;
  font-size:1rem;
  font-weight: bold;
  color: #424242;
  width: 24.8rem;
  height: 2rem;
}

textarea {
  font: 75% Verdana, Tahoma, Arial, sans-serif;
  border: 0.05rem solid #424242;
  margin-bottom: 1rem;
  resize: none;
  width: 24.5rem;
  height: 7rem;
}

input:focus, textarea:focus {
  background-color: #F9F9F9;
}