@import "standard_style.css";

/* -------------------- Den aktive side, vist i headeren med underline -------------------- */

@media screen and (max-width: 962px) {
  #active {
    border-bottom: 2px solid #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  }
}

/* -------------------- Næste afsnit -------------------- */

.move {
  margin: 0 9%;
}

ul.info li {
  margin-bottom: 1em;
}

main h1 {
  margin-top: 3.75em;
  margin-bottom: 1.5em;
}

article p {
  margin-bottom: 1.5em;
  z-index: 100;
}

ul.info {
  list-style: none;
  margin-top: 3.75em;
}

.flex {
  display: flex;
  gap: 15%;
}

#video-container,
#video-container2 {
  margin-top: 3em;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: auto;
  width: 100%;
  overflow: hidden;
}

.video-container-top {
  display: none;
}

#video-container iframe,
#video-container2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media screen and (max-width: 650px) {
  .flex {
    flex-direction: column;
  }
  .flex3 {
    margin-top: 2.75em;
  }
  .video-container-top {
    display: block;
  }
  .video-container-bottom {
    display: none;
  }
}