.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}
.course-node.tu .main-header {display: none}
.course-node.tu .resource-header {display: none}

/* Abstand der Navigationsbausteine */

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

/* Umbenennung des Bausteins "Leistungsnachweis" in "Teilnahmebescheinigung" */

#idefficiency_anchor .jstree-title {visibility: hidden;}
#idefficiency_anchor .jstree-title:after {visibility: visible; content: 'Teilnahmebescheinigung'; position: absolute; left: 28px}
.efficiency-statement-course .resource-header .main-header h2 {visibility: hidden;}
.efficiency-statement-course .resource-header .main-header h2:after {visibility: visible; content: 'Teilnahmebescheinigung'; position: absolute; left: 0px}

/* Die Animation, die die Höhe des Textfeldes im Mail-Baustein beim Reinklicken erhöht. */

.course-node.co .contact-form textarea {height: 80px; -webkit-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out}
.course-node.co .contact-form textarea:focus {height: 400px}

/* Der Text, der auf die Teilnehmendendaten hinweist und erst nach Einschreibung im Einschreibebaustein erscheint. */

.course-node.en .table-header:before {line-height: 2.3; opacity: 0; content: 'Um Ihre Anmeldung abzuschließen, tragen Sie bitte Ihre Daten unter "Anmeldung 2/2" ein.'; font-style: italic}
.course-node.en:has(.resource-header.progress-100) .table-header:before {opacity: 1; transition: opacity 1s 0s;}


/* Die Untertitel der Bausteine */

.jstree .node-root.jstree-clicked {border-radius: 5px}
.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-en {height: 74px; border-radius: 5px; background: #d4e5ff;}
.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-en .jstree-title {border-bottom: solid 1px}
.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-en .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}
.jstree-anchor.node-en {height: 24px; -webkit-transition: height 0.2s; transition: height 0.2s;}
.jstree-anchor.node-en .jstree-title:after {height: 0; opacity: 0; content: 'Melden Sie sich hier \A zum Workshop an.'; font-style: italic; white-space: pre-wrap; position: absolute; top: 24px; left: 27px; transition: height 0.2s 0s, opacity 0.3s 0s; overflow: hidden}
.jstree-anchor.node-en.jstree-clicked {height: 74px; border-radius: 5px; border: solid 1px}
.jstree-anchor.node-en.jstree-clicked .jstree-title {border-bottom: solid 1px}
.jstree-anchor.node-en.jstree-clicked .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}

.jstree .node-root.jstree-clicked {border-radius: 5px}
.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-tu {height: 74px; border-radius: 5px; background: #d4e5ff;}
.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-tu .jstree-title {border-bottom: solid 1px}
.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-tu .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}
.node-en:has(.jstree-anchor.node-en.jstree-clicked) ~ .node-tu .jstree-anchor.node-tu {height: 74px; border-radius: 5px; background: #d4e5ff}
.node-en:has(.jstree-anchor.node-en.jstree-clicked) ~ .node-tu .jstree-anchor.node-tu .jstree-title {border-bottom: solid 1px}
.node-en:has(.jstree-anchor.node-en.jstree-clicked) ~ .node-tu .jstree-anchor.node-tu .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}
.jstree-anchor.node-tu {height: 24px; -webkit-transition: height 0.2s; transition: height 0.2s;}
.jstree-anchor.node-tu .jstree-title:after {height: 0; opacity: 0; content: 'Tragen Sie hier nach der \A Anmeldung Ihre Daten ein.'; font-style: italic; white-space: pre-wrap; position: absolute; top: 24px; left: 27px; transition: height 0.2s 0s, opacity 0.3s 0s; overflow: hidden;}
.jstree-anchor.node-tu.jstree-clicked {height: 74px; border-radius: 5px; border: solid 1px;}
.jstree-anchor.node-tu.jstree-clicked .jstree-title {border-bottom: solid 1px}
.jstree-anchor.node-tu.jstree-clicked .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}

.jstree-anchor.node-bc[title="Workshopmaterialien"] {height: 24px; -webkit-transition: height 0.2s; transition: height 0.2s}
.jstree-anchor.node-bc[title="Workshopmaterialien"] .jstree-title:after {height: 0; opacity: 0; content: 'Hier finden Sie die \A Materialien zum Workshop.'; font-style: italic; white-space: pre-wrap; position: absolute; top: 24px; left: 27px; transition: height 0.2s 0s, opacity 0.3s 0s; overflow: hidden}
.jstree-anchor.node-bc.jstree-clicked[title="Workshopmaterialien"] {height: 74px; border-radius: 5px; border: solid 1px}
.jstree-anchor.node-bc.jstree-clicked[title="Workshopmaterialien"] .jstree-title {border-bottom: solid 1px}
.jstree-anchor.node-bc.jstree-clicked[title="Workshopmaterialien"] .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}

.jstree-anchor.node-co[title="Abmeldung"] {height: 24px; -webkit-transition: height 0.2s; transition: height 0.2s}
.jstree-anchor.node-co[title="Abmeldung"] .jstree-title:after {height: 0; opacity: 0; content: 'Melden Sie sich hier \A vom Workshop ab.'; font-style: italic; white-space: pre-wrap; position: absolute; top: 24px; left: 27px; transition: height 0.2s 0s, opacity 0.3s; overflow: hidden;}
.jstree-anchor.node-co.jstree-clicked[title="Abmeldung"] {height: 74px; border-radius: 5px; border: solid 1px}
.jstree-anchor.node-co.jstree-clicked[title="Abmeldung"] .jstree-title {border-bottom: solid 1px}
.jstree-anchor.node-co.jstree-clicked[title="Abmeldung"] .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 1s 0s;}