.root .resource-details {display: none;} /* Verbergung der Kursinformationen auf der Startseite */
.root .assess-container {display: none;} /* Verbergung der Bewertungsinformationen auf der Startseite */
.jstree-anchor .assess-passed {display: none;} /* Verbergung der Berwertungsinformationen in den Kursbausteinen im Navigationsmenü */
.jstree-anchor .assess-notpassed {display: none;} /* Verbergung der Berwertungsinformationen in den Kursbausteinen im Navigationsmenü */
.jstree-anchor .assess-open {display: none;} /* Verbergung der Berwertungsinformationen in den Navigationsbausteinen */
.resource-header {border-style: none}
.jstree-anchor.progress-0 {border: none}
.jstree-anchor.progress-50 {border: none}
.jstree-anchor.progress-100 {border: none} 
.resource-header.progress-0 {border: none}
.resource-header.progress-50 {border: none}
.resource-header.progress-100 {border: none}
.iframe-container iframe {min-height: 1800px !important;}

/* Abstand der Navigationsbausteine */

#main-content .jstree-anchor {margin-top: 12px; margin-bottom: 12px; border-radius: 5px}
#main-content .jstree-anchor:hover {border-radius: 5px; background: #e3e3e3;}
#main-content .jstree-anchor.node-en {margin-top: 12px}
#main-content .jstree-anchor.node-root {margin-bottom: 6px}

body {
      font-family: 'Open Sans', sans-serif;
      margin: 0;
  padding: 20px 30px; /* Oben/unten 20px, rechts/links 30px */
  box-sizing: border-box;
    }


    p.intro {
      color: black;
      font-size: 11pt;
    }

.video-section {
  display: block;
  margin-top: 20px;
}

.video-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  gap: 15px; /* Abstand zwischen Video und Text */
}

.video-item iframe {
  width: 100%;
  aspect-ratio: 4 / 3;
  border: none;
}

.video-description {
  font-size: 11pt;
    }

    @media (min-width: 768px) {
      .video-item {
        flex-direction: row;
        align-items: flex-start;
      }

      .video-item iframe {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .video-description {
    flex: 1 1 50%;
    max-width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
      }
    }