* {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 0;
}

/*{{{ schmale Displays */
body {
  height: 100vh;
  grid-template-rows: 1.2em 5.2em auto;
  display: grid;
}

footer {
  grid-row: 1;
}

navA {
  grid-row: 2;
}

navB {
  display: none;
}

article {
  grid-row: 3;
}

news {
  display: none;
}

linkerRand {
  display: none;
}

rechterRand {
  display: none;
}
/* }}} */

/*{{{ ab 48em */
@media (min-width: 48em)  {

  body {
    height: 100vh;
    grid-template-rows: 5.8em auto 2.8em;
  }

  navA {
    display: none;
  }

  navB {
    grid-row: 1;
    display: block;
  }

  article {
    grid-row: 2;
    width: 94vw;
  }

  news {
    grid-row: 2;
  }

  footer {
    grid-row: 3;
  }

}
/*}}}*/

/*{{{ ab 76 em */
@media (min-width: 76em)  {

  body {
    grid-template-columns: auto 50em 23em auto;
  }

  linkerRand {
    grid-row: 1 / 3;
    grid-column: 1;
    display: block;
  }

  article {
    grid-row: 2;
    grid-column: 2;
    display: block;
    width: auto;
  }
    
  news {
    grid-row: 2;
    grid-column: 3;
    display: block;
  }

  rechterRand {
    grid-row: 1 / 3;
    grid-column: 4;
    display: block;
  }

  footer {
    grid-row: 3;
    grid-column: 2 / 4;
  }

/*}}}*/

/*{{{ 85 em und mehr */

@media (min-width: 85em)  {
  body {
    grid-template-columns: auto 55em 30em auto;
  }

@media (min-width: 100em)  {
  body {
    grid-template-columns: auto 55em 35em auto;
  }

@media (min-width: 140em)  {
  body {
    grid-template-columns: auto 65em 40em auto;
  }

/*}}}*/

/* vim:set lines=64 columns=54: */