body {
    background-image: url("/img/BG.jpg");
    height: 100%;
    min-height: 1080px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #163147;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    color: #eeeeee;

    opacity: 0.5;
    transition: opacity 0.6s;
}
body h3{
    font-size: 2em;
    font-weight: 400;
}
body p, li, a{
    font-family: "Roboto", Arial, Tahoma, sans-serif;
}
footer {
    background-color: #163147;
    font-size: 0.75em;
}
a{
    color: #eeeeee;
    text-decoration: none;
    font-weight: 600;
}
a:hover{
    color: white;
}
.topborder{
    border-top: solid 2px white;
}
.bottomborder{
    border-bottom: solid 2px white;
}
.thickborderright{
    border-right: solid 5px white;
}
.navbar-nav .btn{
    border: solid 2px rgba(255, 255, 255, 0);
}
.navbar-nav .btn:hover{
    border: solid 2px white;
    text-decoration: none;
}

.nav-item{
    font-size: 1.2em;
    color: white;
    border-bottom: solid 5px rgba(255, 255, 255, 0);
  }
.nav-item:hover{
    color: white;
    text-decoration: none;
}
.nav-item.active{
    border-bottom: solid 5px white;
}

.tab-content{
    background-color: #163147;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 1em;
}

.btn{
    background-color: #163147;
    color: #eeeeee;
    border: solid 1px rgba(255, 255, 255, 0.3);
    font-weight: bold;
}
.btn:hover{
  background-color: #163147;
  border: solid 1px white;
  color: white;
  text-decoration: none;
}

.carousel{
    min-height: 300px;
}

.aktuellt{
    background-color: #163147;
    border-radius: 5px;
    border: solid 1px rgba(255, 255, 255, 0.3);
}

.aktuellt:hover{
    border: solid 1px white;
}

.solidblue{
    background-color: #163147;
}

.figure-caption{
    color: #eeeeee;
}

.animate {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  .animateSlow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
      width: 0;
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      width: 0;
    }
  
    to {
      opacity: 1;
      width: none;
    }
  }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-timing-function: ease;
    animation-delay: -1.4s;
  }