/*{{{ schmale Displays */

body {
  height: 100vh;
  grid-template-rows: 1.2em 6.8em auto;

}

body {
  display: grid;
}

header {
  display: none;
}

footer {
  grid-row: 1;
}

navA {
  grid-row: 2;
}

navB {
  display: none;
}

article {
  grid-row: 3;
  grid-column: 1;
}

news {
    display: none;
}

linkerRand {
  display: none;
}

rechterRand {
  display: none;
}

/* }}} */

/*{{{ ab 39 em */

@media (min-width: 39em)  {

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

  article {
    grid-row: 2;
  }

  navA {
    display: none;
  }

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

  footer {
    grid-row: 3;
  }

}

/*}}}*/

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

  body {
    grid-template-columns: auto 2fr 1fr auto;
  }

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

  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: 4;
    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: */