body
{
  font-size: 75%; /** 12px */
}
#header
{
  margin: .25em .5em 1em 1em;
}
#nav:target
{
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#breadcrumb,
#nav:target > a.hide
{
  top: .5em;
  right: .5em;
}
.content > .main,
#footer
{
  margin: 0;
  padding: 0 .5em;
}
.content > .marginal
{
  padding: 1em .5em 999em .5em;
  margin-bottom: -991em;
}

@media (max-width: 210px)
{
  #header
  {
    font-size: 75%;
  }
  #nav:target
  {
    padding-top: 0;
  }
  #breadcrumb,
  #nav:target > a.hide
  {
    top: .1em;
    right: .3em;
  }
  #breadcrumb > a.hide:before,
  #nav:target > a.hide:before
  {
    font-size: 300%; /** Vielfaches von 12px */
  }
}
@media (max-width: 150px)
{
  #header
  {
    font-size: 50%;
  }
  #header > hr.h
  {
    display: block;
  }
  #slogan
  {
    display: none;
  }
  #breadcrumb,
  #nav:target > a.hide
  {
    top: .2em;
  }
  #breadcrumb > a.hide:before,
  #nav:target > a.hide:before
  {
    font-size: 264%; /** Vielfaches von 12px */
  }
}