html {
  margin:0 auto;
  max-width:40rem;
  position:relative;
}
body {
  margin:0;
  padding:0;
  background:#fff;
}
body,table,input,textarea,button,select {
  font-family:arial,sans-serif;
  font-size:1rem;
  line-height:1.4rem;
  color:#1a171b;
}
h1,h2,h3,h4,h5,h6,p,ol,ul,dl,table,form,fieldset,object {
  margin:0 0 1rem 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
  display: block;
}
audio,canvas,video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

h1 {
  font-size:2.8rem;
  line-height:3rem;
  font-weight:normal;
  color:#004494;
}
h2 {
  font-size:2rem;
  line-height:2.3rem;
  font-weight:normal;
}
h3 {
  font-size:1rem;
  line-height:1.3rem;
  font-weight:600;
}

h4 {
display: block;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight:normal;
}

h5,h6 {
  font-size:1rem;
  line-height:1.3rem;
  font-weight:normal;
  margin:0;
}
a {
  text-decoration:none;
  color:#004494;
}
a:hover {
  text-decoration:underline;
}

img {
  border:0;
  max-width:100%;
  height:auto;
}

ul {
  margin:0 0 1rem 0;
  padding:0;
  list-style:square;
}
ul li {
  margin:0 0 0 1rem;
  padding:0;
}

hr {
  border:0;
  border-top:solid #ccc 1px;
  margin:0 0 2rem 0;
}

/* clearfix
********************************/
.clearfix:after {  /* Firefox, IE8, Opera, Safari, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* + html .clearfix { /* IE7 */
  display: inline-block;
}
* html .clearfix { /* IE6 */
  height: 1%;
}

/* Seitenelemente (Master)
********************************/

#container {
  margin:0 auto;
}
#header {
  position:relative;
}
#header-menu {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  box-sizing:border-box;
  padding:1rem;
  text-align:center;
  margin:0 auto;
  max-width:40rem;
}
#logo {
  display:inline-block;
  width:45%;
}
#logo img {
  width:100%;
  height:auto;
}
#lang {
  float:left;
}
#lang a {
  display:inline-block;
  margin:0 .3rem 0 0;
}
#lang a img {
  width:auto;
  height:25px;
}
#nv-toggle {
  float:right;
}
#nv-toggle a {
  display:block;
}
#nv-toggle a img {
  width:auto;
  height:25px;
}
#header-image {
  position:relative;
  height:0;
  padding:0 0 115.625% 0;
  /*background:#ccc;*/
}
#header-image-inner {
  position:absolute;
  left:0;
  top:0;
  right:0;
  z-index:1;
  width:100%;
  height:auto;
}
#header-image-inner.fixed {
  position:fixed;
  left:0;
  right:0;
  z-index:1;
}
#header-text {
  position:absolute;
  left:1rem;
  top:8rem;
  z-index:2;
  color:#fff;
  font-weight:bold;
  font-size:1.2rem;
  line-height:1.4rem;
  text-shadow:.063rem .063rem 0 rgba(0,0,0,.8);
  padding:0 5rem 0 0;
}
#header-text p {
  margin:0;
}
#header-text a {
  margin:0;
  background:#009e8c;
  color:#fff;
  font-weight:normal;
  display:inline-block;
  padding:0 .2rem;
}

#nv {
  position:fixed;
  left:50%;
  top:10.5rem;
  z-index:3;
  transform:translate(-50%, 0);
  background:rgba(255,255,255,.8);
  height:0;
  padding:0;
  overflow:hidden;
  transition:height .2s, padding .2s;
  margin:0 auto;
  max-width:38rem;
  width:85%;
}
#nv.open {
  padding:1rem;
  height:auto;
}
#nv ul {
  margin:0 0 2rem 0;
  padding:0;
  list-style:none;
}
#nv ul:last-child {
  margin:0;
}
#nv ul li {
  margin:0 0 .5rem 0;
  padding:0;
}
#nv ul li a {
  display:block;
  text-transform:uppercase;
  font-size:1.6rem;
  line-height:1.8rem;
}
#nv ul li a:before {
  content:'\bb  ';
}


#main {}