/* Zur Beachtung: Um nicht hunderttausend verschiedene Sonderfälle (gemeint
   ist hier insbesondere der IE) berücksichtigen zu müssen, werden hier keine
   Browserweichen implementiert! */

/* Anpassungen für mobile Telebimms */

@media screen and (max-width: 480px) {
  h1::before {
    content: '';
    }

  ul.Navigation > li:hover > div.Lang {
    display: none;
    }
  }

@media screen and (max-width: 625px) {
  div.Menubar > ul li {
    text-align: left;
    }

  div.Menubar > ul li ul {
    margin: 0.3em 0;
    left: -0.5em;
    }
  }

@media screen and (max-width: 700px) {
  th {
    display: none;
    }

  table {
    border: none;
    }

  table.plain > tbody > tr:nth-child(odd) {
    background: none;
    }

  table td {
    display: block;
    border: none;
    font-weight: bold;
    }

  table td + td {
    font-weight: normal;
    }

  table td + td:first-letter {
    margin-left: 0.5em;
    }
  }

@media screen and (max-width: 775px) {
  ul.Navigation > li.tocptr {
    display: block;
    }
 
  ul.Navigation li > ul {
    position: relative;
    top: 0.06em;
    left: 0.1em;
    }

  ul.Navigation a {
    width: auto;
    }

  ul.Navigation li {
    box-shadow: none !important;
    }

  div.LangSel {
    position: relative;
    top: 0;
    left: 0;
    clear: left;
    padding-bottom: 0.5em;
    }

  div.LangSel > span + div {
    clear: left;
    }
 
  div.LangSel > div.nav-clear {
    display: block;
    }
  }

@media screen and (max-width: 900px) {
  div.Menubar > ul li {
    clear: left;
    }

  div.Menubar > ul li > ul {
    position: relative;
    top: -0.25em;
    display: block;
    box-shadow: none;
    border: none;
    background: none;
    }

  div.Menubar > ul li > ul > li {
    top: 0.06em;
    left: 0.1em;
    }
  }

@media screen and (max-width: 950px) {
  div.Textbox {
/*    float: left; */
    margin-left: 0.5em;
    width: calc(100% - 2em);
    clear: left;
    position: relative;
    }

  div.LangSel > span {
    display: none;
    }
  }

@media screen and (max-width: 1000px) {
  ul.Navigation > li:hover > div.G_List {
    display: none;
    }
  }

@media screen and (max-width: 1150px) {
  div.Menubar .item-ofs {
    float: left;
    }
  }