/*{{{ 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 48 em */
@media (min-width: 48em)  {

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

  article {
    grid-row: 2;
  }

  navA {
    display: none;
  }

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

  footer {
    grid-row: 3;
  }

}
/*}}}*/

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

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

  header {
    grid-column: 2 / 4;
  }
  
  article {
    grid-column: 2 / 3;
  }

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

  navB {
    grid-column: 2;
  }

  footer {
    grid-column: 2 / 4;
  }

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

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

/*}}}*/

/*{{{ 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: */