:root
{
  --height: 35px;
}
/*RETTET KL  10:31*/
html
{
  overflow: hidden;
  background-color: transparant;
}
@font-face
{
  font-family: Tv2b-default;
  src: url("MyriadPro-Semibold.ttf");
}
body
{
  font-family: Tv2b-default;
}
#leaderboard .header
{
  opacity: 1;
  background-color: transparent;
}
#leaderboard
{
  transition-duration: 1s;
  height: 60px;
  z-index: 1;
  /* overflow: hidden; */
  background-color: rgba(255, 255, 255, 0.678);
  /*clip-path:inset(0px 0px 0px 0px);*/
  margin-top: -8px;
  position: absolute;
  left: 23vw;
}
#leaderboard li
{
  font-family: Tv2b-default;
  font-size: 2vw;
  color: black;
  transition-duration: 1.3s;
  z-index: 3;
  /* background-color: white;*/
}
#leaderboard #players li
{
  display: block;
  clear: both;
  position: absolute;
  z-index: 4;
  transition-duration: 2s;
  background-color: rgb(255, 255, 255);
}
.logo
{
  width: 7.5vw;
  position: absolute;
  margin-left: 17.5vw;
  margin-top: -8px;
}
/*box */
#leaderboard #players
{
  padding: 0px;
  /*width: 400px;*/
  position: absolute;
  top: -13px;
  /*left: 23vw;*/
  z-index: 4;
  height: 0px;
  /*margin-left: 177px;*/
}
#leaderboard .player
{
  /*width: 7.5vw;*/
  margin-left: 4vw;
}
#leaderboard #players div
{
}
#leaderboard .rank
{
  width: 100px;
  opacity: 0;
}
/* juster her for længere navne, width, margin-left og right*/
.name
{
  width: 2.4vw;
  text-align: justify;
  position: relative;
}
.mandat
{
  width: 15px;
  left: 0px;
  text-align: justify;
  position: relative;
  /* background-color: black; */
  opacity: 1;
  color: white;
  padding-top: 2px;
}
#leaderboard .score
{
  /*width: 67px;*/
  background-repeat: no-repeat;
  background-position: center top;
  text-align: right;
  position: absolute;
  top: 0;
  opacity: 1;
  padding-right: 10px;
  margin-left: 2vw;
  /*font-size: 1.2rem;*/
}
#topbox
{
  /*background-color: black;*/
  color: #000000;
  font-family: Tv2b-default;
  font-size: 2vw;
  height: 2vw;
  padding: 0px 20px 3px 8px;
  position: absolute;
  z-index: 30;
  min-width: 12.5vw;
  margin-top: -5px;
}
#antal
{
  top: 2.2vw;
  color: #000000;
  font-family: Tv2b-default;
  font-size: 2vw;
  padding: 0px 20px 2px 8px;
  position: absolute;
  z-index: 30;
  height: 1.9vw;
  min-width: 12.5vw;
}
.container
{
  position: relative;
  /* overflow: hidden; */
  left: -8px;
  top: 0px;
  opacity: 1;
  will-change: auto;
  width: 95%;
}
.short_color
{
  width: 0px;
  /*margin-left: -16px;*/
}
.long_color
{
  /*height: 3.5vw;*/
  /*margin-left: 3.4vw;*/
  margin-top: -1px;
  min-height: 2vw;
  transition-duration: 0.5;
  transition-duration: 2s;
}
.mandat
{
  width: 2vw;
  text-align: center;
  background-color: #000000;
}
#mandat1
{
  left: 30px;
  font-family: Tv2b-default;
  height: 35px;
  width: 30px;
  color: white;
  background-color: black;
  font-size: 30px;
  text-align: center;
  padding-top: 1px;
  z-index: 0;
  position: absolute;
  top: 3px;
  display: visible;
  transition-duration: 0.5;
  opacity: 0;
}
#mandat2
{
  left: 30px;
  font-family: Tv2b-default;
  height: 35px;
  width: 30px;
  color: white;
  background-color: black;
  font-size: 30px;
  text-align: center;
  padding-top: 1px;
  z-index: 0;
  position: absolute;
  top: 36px;
  display: visible;
  opacity: 0;
}
.manBox
{
  left: 0px;
  font-family: Tv2b-default;
  height: 80px;
  width: 30px;
  overflow: hidden;
  position: absolute;
  top: 78px;
}
.mainContainer
{
  width: 100%;
  min-height: 100vh;
  position: relative;
  /*overflow: hidden;*/
}
.ov-animatedFV
{
  position: absolute;
  font-weight: 500;
  /*Her sættes HD */
  width: 1920px;
  height: 1080px;
  /*right: 0;*/
  /*bottom: 0;*/
  top: 0;
  left: 430px;
}
.ov-animationContainer
{
  height: 0px;
  position: absolute;
  right: 0px !important;
  /*Placering */
  bottom: 382px !important;
  display: flex;
  overflow: hidden;
  width: 400px;
  animation-direction: alternate;
}
.UP
{
  animation: locationUP 650ms ease forwards;
}
.DOWN
{
  animation: locationDOWN 650ms ease forwards;
}
.optalteContainer
{
  background-color: #000000;
  position: absolute;
  display: inline-block;
  width: 320px;
  top: 0;
  /*margin-top: -219px;*/
  color: #FFFFFF;
  /* padding: 5px 25px; */
}
.optalteContainer span
{
  /*float: right;*/
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  padding: 10px 12px 10px 7px;
  letter-spacing: 3px;
}
.valgsted
{
  background-color: #FFFFFF;
  position: absolute;
  display: flex;
  width: 290px;
  padding: 5px 10px;
  margin-left: 7px;
  font-weight: bold;
  /* margin-top: 5px; */
  color: #9A9A9A;
  height: 25px;
}
.optalt
{
  color: #000000;
}
.valgsted span
{
  right: 10px;
  position: absolute;
  font-size: 0px;
  margin-top: 3px;
}
@keyframes locationUP
{
  0%
  {
    height: 0px;
  }
  100%
  {
    height: 390px;
  }
}
@keyframes locationDOWN
{
  0%
  {
    height: 390px;
  }
  100%
  {
    height: 0px;
  }
}
.hide-ov
{
  background-color: #BFBFBF;
  display: block;
  cursor: default;
}
p
{
  margin-top: 4px;
  margin-left: 10px;
  letter-spacing: 1.5px;
}
/*Large Desktop */
@media screen and (min-width: 1200px)
{
  .container
  {
    position: relative;
    left: -8px;
    top: 0px;
    opacity: 1;
    will-change: auto;
    /*width: 95%;*/
  }
  #leaderboard
  {
    transition-duration: 1s;
    height: 60px;
    z-index: 1;
    /* overflow: hidden; */
    background-color: rgba(255, 255, 255, 0.678);
    /*clip-path:inset(0px 0px 0px 0px);*/
    margin-top: -8px;
    position: absolute;
    left: 19.8vw;
  }
  #leaderboard .score
  {
    margin-left: 3vw;
  }
  .logo
  {
    width: 6.6vw;
    position: absolute;
    margin-left: 15vw;
    margin-top: -6px;
  }
  #leaderboard li
  {
    font-size: 1.6vw;
  }
  #topbox
  {
    /*background-color: black;*/
    color: #000000;
    font-family: Tv2b-default;
    font-size: 1.6vw;
    height: 1.6vw;
    padding: 0px 20px 3px;
    position: absolute;
    z-index: 30;
    min-width: 12.5vw;
    margin-top: -5px;
  }
  #antal
  {
    top: 1.6vw;
    color: #000000;
    font-family: Tv2b-default;
    font-size: 1.6vw;
    padding: 0px 20px 2px;
    position: absolute;
    z-index: 30;
    height: 1.9vw;
    min-width: 12.5vw;
  }
}
@media screen and (min-width: 1600px)
{
  .container
  {
    position: relative;
    left: -8px;
    top: 0px;
    opacity: 1;
    will-change: auto;
    /*width: 95%;*/
  }
  #leaderboard
  {
    transition-duration: 1s;
    height: 60px;
    z-index: 1;
    /* overflow: hidden; */
    background-color: rgba(255, 255, 255, 0.678);
    /*clip-path:inset(0px 0px 0px 0px);*/
    margin-top: -8px;
    position: absolute;
    left: 19.8vw;
  }
  #leaderboard .score
  {
    margin-left: 3vw;
  }
  .logo
  {
    width: 5.6vw;
    position: absolute;
    margin-left: 15vw;
    margin-top: -9px;
  }
  #leaderboard li
  {
    font-size: 1.3vw;
  }
  .long_color
  {
    /*height: 3.5vw;*/
    /*margin-left: 3.4vw;*/
    margin-top: -1px;
    min-height: 0.9vw;
    transition-duration: 0.5;
    transition-duration: 2s;
  }
  #topbox
  {
    /*background-color: black;*/
    color: #000000;
    font-family: Tv2b-default;
    font-size: 1.3vw;
    height: 1.3vw;
    padding: 0px 20px 3px 40px;
    position: absolute;
    z-index: 30;
    min-width: 12.5vw;
    margin-top: -5px;
  }
  #antal
  {
    top: 1.3vw;
    color: #000000;
    font-family: Tv2b-default;
    font-size: 1.3vw;
    padding: 0px 20px 2px 40px;
    position: absolute;
    z-index: 30;
    height: 1.9vw;
    min-width: 12.5vw;
  }
}
/*MOBIL*/
@media only screen and (max-device-width: 480px)
{
  .container
  {
    position: relative;
    left: -8px;
    top: 0px;
    opacity: 1;
    will-change: auto;
    /*width: 95%;*/
  }
  #leaderboard
  {
    transition-duration: 1s;
    height: 60px;
    z-index: 1;
    /* overflow: hidden; */
    background-color: rgba(255, 255, 255, 0.678);
    /*clip-path:inset(0px 0px 0px 0px);*/
    margin-top: -8px;
    position: absolute;
    left: 23.5vw;
  }
  #leaderboard .score
  {
    margin-left: 3vw;
  }
  .logo
  {
    width: 10vw;
    position: absolute;
    margin-left: 17.5vw;
    margin-top: -6px;
    /*background-color: #0FCF11;*/
  }
  #leaderboard li
  {
    font-size: 3vw;
  }
  #topbox
  {
    /*background-color: black;*/
    color: #000000;
    font-family: Tv2b-default;
    font-size: 3vw;
    height: 3vw;
    padding: 0px 20px 3px 8px;
    position: absolute;
    z-index: 30;
    min-width: 21.5vw;
  }
  #antal
  {
    top: 2.3vw;
    color: #000000;
    font-family: Tv2b-default;
    font-size: 2.2vw;
    padding: 0px 20px 2px 8px;
    position: absolute;
    z-index: 30;
    height: 1.9vw;
    min-width: 12.5vw;
  }
}
/* iPhone [portrait + landscape] */