body { font-size: 14px; font-family: Verdana; margin: 0; padding: 0;}
.navbar { font-size: 16px; }
.navbar-toggler { color: #9e0b0f; }
.nav-link:hover { color: #9e0b0f; }
.nav-link.active { color: #9e0b0f; border-bottom: 2px solid #9e0b0f;}
.nav-link.active:hover { color: #9e0b0f; border-bottom: 2px solid #ffffff;}
h1 { font-size: 24px; color: #9e0b0f; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; color: #9e0b0f; }
a.tekst { color: #9e0b0f; }
a.card:hover{ box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border: 2px solid black; }
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}