/* BASIC
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
  font-size: 62.5%; }
body {
  background: #FFF;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  font-family: Helvetica, 'Ubuntu', sans-serif;
  color: #000}
a, a:visited{color: #000;text-decoration: none; font-weight:300;}
a:hover{color:#666}
strong {font-weight: 700}
p {padding-bottom:10px; margin:0}
.auto-hyphens{hyphens: auto;-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto}

img{width:100%}

h1,h2,h3,h4{font-weight:700;text-align:left;color:#000;margin:0}
h1{font-size:40px; line-height:50px; padding:10px 0 20px 0}

.neutral{display:block; width:100%; height:auto; background:#FFF; color:#000; line-height: 40px; padding:0 0 20px 0}

@media (max-width: 420px) {
	h1{font-size:30px; line-height:40px;padding:0 0 20px 0}
}

/* Architectur
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container{width:100%; max-width:1000px; margin:0 auto; position:relative}
.bg-gray{background:#666}
.bg-black{background:#000}

.transition{-ms-transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms;}
.transition:hover{-ms-transition: all 500ms;-webkit-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms;}

#location{position:absolute; top:-70px}
#news{position:absolute; top:-70px}

article{padding:0 15px;} 
aside{display:flex; flex-wrap:wrap; justify-content: space-between; padding:50px 15px;}
article{align-items:flex-start;}

.nonfloat{clear:both;}


/* Kontaktformular
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.formular {margin-bottom:20px;}
.formular label{display: block;width:100%}
.formular input,.formular textarea{width:100%;}

.formular a{text-decoration:underline}
.super-important {position: absolute; top: -3000px; left: -3000px;}
.error {color: #b00;}

@media only screen and (max-width:500px){
	.formular input,.formular textarea{width:90%;}
	.formular label{width:100%}
}