@font-face 
{
  font-family: 'nimbus_sans_lregular';
  src: url('NimbusSanL-Reg-webfont.eot');
  src: url('NimbusSanL-Reg-webfont.eot?#iefix') format('embedded-opentype'),
       url('NimbusSanL-Reg-webfont.woff') format('woff'),
       url('NimbusSanL-Reg-webfont.ttf') format('truetype'),
       url('NimbusSanL-Reg-webfont.svg#nimbus_sans_lregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'nimbus_sans_lregular_italic';
  src: url('NimbusSanL-RegIta-webfont.eot');
  src: url('NimbusSanL-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
       url('NimbusSanL-RegIta-webfont.woff') format('woff'),
       url('NimbusSanL-RegIta-webfont.ttf') format('truetype'),
       url('NimbusSanL-RegIta-webfont.svg#nimbus_sans_lregular_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body
{
  color: #FFFFFF;
  background-color: #FFFFFF;
  font-family: nimbus_sans_lregular, Helvetica, Arial, Verdana, sans-serif;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

html[data-useragent*='rv:11.0'] .mobile
  {
    position: static !important;
  }

h1
{
  font-family: nimbus_sans_lregular, Helvetica, Arial, Verdana, sans-serif;
  font-size: xx-large;
  font-weight: lighter;
  margin:0;
}

h2
{
  font-family: nimbus_sans_lregular, Helvetica, Arial, Verdana, sans-serif;
  font-size: xx-large;
  font-weight: normal;
}

@media (max-width: 50em) 
{
  .mobile 
  {
    position: static !important;
  }
}

@media (min-width: 50em) 
{
  article 
  {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  } 
}

#zentrierung 
{
  display: flex;
  align-items: center;
  justify-content: center;
}

.zentriert  
{
  text-align: center
}