@media only screen and (max-width: 990px) {
  /* mike */

  * { box-sizing: border-box; }

  :root { 
/*    font-family: "Trebuchet MS", Verdana, Arial, "Arial Unicode MS"; */
    font-family: "Gotham", Verdana, Arial, "Arial Unicode MS";
    color: #777; 
  }
  body { margin: 0; }
  h1, h2, h3, h4, h5, h6 { color: #2780b9; font-size: 1.1rem; }
  a { color: #2780b9; text-decoration: none; }

  .mobile { display: block !important; }

  #header { display: flex; align-items: center; padding: .2rem .5rem; height: 54px; border-bottom: solid 1px #777;
    position: sticky; top: 0; background: white; z-index: 1; }
  #header .logo > img { width: 128px; min-width: 96px; height: auto; cursor: pointer; 
    position: relative; left: -1rem; top: .2rem; }
  #header .top,
  #header .topEN { display: none !important; }
  #header div#navigation { flex: 1; text-align: end; margin-right: .3rem;}
  #header div#navigation .dj-select { width: 100%; font-size: 1rem; border: solid 1px #ddd; position: relative; left: -.5rem; }
  #header #right-menu { display: inherit; background: white; border: solid 1px #aaa; padding-top: 4px; cursor: pointer; }

  #content .nav.mod-menu { list-style: none; padding: 0 1rem; }
  #content .nav.mod-menu.mod-list li a { display: block; padding: .5rem; background: #2780b9; color: white; margin-bottom: .1rem; }
  #content div.content-top div.moduletable_customA ul.nav li a { display: block; padding: .5rem; background: #2780b9; color: white !important; margin-bottom: .1rem; }
  #content .nav.mod-menu.mod-list .separator { display: block; padding: .5rem; background: #F06F49; color: white; margin-bottom: .1rem; }
  #container #content-container #news-line { display: none; }
  #container #content-container .content-top h3 { display: none; }
  #container #section-navigation { display: none; }
  #container img { max-width: 100%; }
  #container #aside > :first-child { transition: opacity .3s; width: 100%; }
  #container #aside > :first-child:not([data-toggle="open"]) { opacity: 0; pointer-events: none; }
  #container #aside > :nth-child(1) { position: absolute; top: 50px; background: white; }
  #container #aside > :nth-child(1) ul { list-style: none; margin: 0; padding: .5rem; }
  #container #aside > :nth-child(1) li { background: #145278; margin: .1rem 0; }
  #container #aside > :nth-child(1) li a { display: block; color: white; padding: .5rem; }
  #container #aside > :nth-child(1) li ul li a { background: #336687; }
  #container #aside > :nth-child(2) { display: none; }
  #container #aside > :nth-child(3) { display: none; }
  #container .eoppepmodified { display: flex; gap: .3rem; }
  #container .article-info-term { display: none; }
  #container #content-container .blog .item,
  #container #content-container .item-page { border: none; }
  #container #content-container #footer { display: none; }

  #underpage { display: flex; align-items: center; font-size: .7rem; border-top: solid 1px #777; }
  #underpage > :first-child { flex: 1; text-align: center; }
  #underpage .lang-block { display: flex; gap: .3rem; justify-content: center; margin-right: .5rem; }
  #underpage .lang-block li { margin: 0; }
  #underpage #sizer { display: none !important; }

  .main-links { display: none !important; font-size: .7rem; }
  .main-links ul { padding: 0 2rem; }
  .main-links li { padding: .5rem 0; }
  .main-links li:not(:last-child) { border-bottom: solid 1px #2780b9; }

  .items-leading, .items-row { border-bottom: solid 1px #ddd; }


  /*
  body { margin: 0; padding: .3rem; }

  #header div.logo { margin: 0; }
  #header div#navigation { flex: 1; align-self: center; }
  #header div#navigation .dj-select { width: 100%; font-size: 1rem; margin: 6px; }

  #content { width: auto; padding: 0; }
  #content div.content-top { width: auto; }
  #content div.content-top div.moduletable { display: none; }
  #content div.content-top div.moduletable_customA ul.menu { width: auto; text-align: center; }
  #content div.content-top div.moduletable_customA ul.menu li { display: inline-block; margin: 0.5rem 0; }
  #content div.content-top .nav { margin: .2rem 0; }
  #content div.content-top .nav a { font-size: 0.7rem; }

  #container { width: unset; }
  #content-container { width: auto; }

  #content-container > div { display: block; }
  #content-container > div#section-navigation { display: none; }
  #content div.pagecontent { display: block; }

  #content h2 a { font-size: 1rem; }
  .blog div.eoppepDate { font-size: 2rem; }
  .blog div.eoppepMonth { font-size: unset; }

  #aside { display: block; width: auto; }
  #aside ul.menu li.parent a { width: auto; }
  #aside .bannergroup { display: flex; flex-wrap: wrap; justify-content: space-evenly; }

  #content-container #footer { width: unset; }
  #content-container #footer .upper_part { display: none; }
  #content-container #footer .middle_part { width: unset; text-align: center; }
  #content-container #footer .bottom_part { display: none; }

  #underpage { width: auto; }


  */

  /* J4 */
  #mobilemenuSelect{
    display: inline-block;
    width: 100%;
    border: solid 1px #ddd;
    margin: 10px;
    padding: 5px;
    max-width: 95%;
    height: auto;
    font-size: 1rem;
  }

  #mobilemenuSelect option:checked{
    color: #767676;
  }
  .site-menu.moduletable{
    display: none;
  }

  .blog-item{
    padding: 2%;
    border-bottom: solid 1px #ddd;
    margin-bottom: 25px;
    background-color: #fdfdfd;
  }
  p.readmore{
    float: unset;
    text-align: right;
  }
  div#news-line{
    display: none;     
  }
}
