@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
html { height: 100%; min-height: 100%;  }
#main { max-width: 1280px; margin: 0 auto; }
#header { width: 100%; }
#logo { width: 100%; max-width: 193px; }
#impressum { display: none; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }

@media (min-width: 768px) {
    #left { float: left; width: 20%; padding-left: 5%; padding-right: 5%; text-align: center; }
    #right { float: right; width: 60%; padding-right: 5%; }
    #footer { float: right; width: 55%; padding: 10px; padding-left: 5%; padding-right: 5%; color: #ffffff; background-color: #007271; font-size: 0.8em; text-align: center; }
    body { font-size: 16px; font-family: aero_maticsregular, Arial, sans-serif; color: #555555; padding: 0; margin: 0; height: 100%; box-sizing: border-box; }
}
@media (max-width: 767px) {
    #left { float: none; width: 100%; text-align: center; }
    #right { float: none; width: 96%; padding-right: 2%; padding-left: 2%; }
    #footer { float: none; width: 96%; padding: 10px; padding-right: 2%; padding-left: 2%; color: #ffffff; background-color: #007271; font-size: 0.8em; bottom: 0px; text-align: center; }
    body { font-size: 3vw; font-family: aero_maticsregular, Arial, sans-serif; color: #555555; padding: 0; margin: 0; height: 100%; box-sizing: border-box; }
}
@media (max-width: 479px) {
    body { font-size: 4vw; }
}