/* Skærmstørrelse */
@media screen and (max-width: 600px) {
    .container {
      padding-left: 5px;
      padding-right: 5px;
    }
    .chart-container {
      height: 200px;
    }
    .bar-chart-container {
      margin-bottom: 20px;
    }
    .pie-chart-container {
      margin-bottom: 50px;
    }
  
    header {
      height: 60px;
      padding: 1vh 2vh;
    }
  
    .logo {
      height: 60px;
      max-height: 80%;
      margin-right: 2vh;
    }
  
    .dropdown-content a,
    .submenu-content a {
      padding: 2vh 3vh;
      font-size: 4vh;
    }
  
    .online {
      height: 2vh;
      width: 2vh;
      margin-right: 1vh;
    }
  
    nav a {
      padding: 2vh 3vh;
      font-size: 4vh;
    }
  
    .menu-icon {
      margin-right: 1vh;
      font-size: 4vh;
    }
  
    .dropdown .submenu-content {
      min-width: 180px;
    }
  
    .dropdown .submenu-content a {
      padding: 2vh 3vh;
    }
  
    .table-container {
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
    }
  
    table {
      width: max-content;
    }
  
    table td,
    table th {
      font-size: 1.6vh;
    }
  }