.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 */

/* Abstand der Navigationsbausteine */

.jstree-anchor {margin-top: 12px; margin-bottom: 12px;}
.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}

/* Die Untertitel der Bausteine */

.jstree .node-root.jstree-clicked + .jstree-children .jstree-anchor.node-en {height: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 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 0.5s 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 Zertifikatsprogramm 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: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.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 0.5s 0s;}

.node-en:has(.jstree-anchor.node-en.jstree-clicked) + .node-ll .jstree-anchor.node-ll[title="Schritt 1 - Teilnehmendendaten eintragen"] {height: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); background: #d4e5ff}
.node-en:has(.jstree-anchor.node-en.jstree-clicked) + .node-ll .jstree-anchor.node-ll[title="Schritt 1 - Teilnehmendendaten eintragen"] .jstree-title {border-bottom: solid 1px}
.node-en:has(.jstree-anchor.node-en.jstree-clicked) + .node-ll .jstree-anchor.node-ll[title="Schritt 1 - Teilnehmendendaten eintragen"] .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 0.5s 0s;}
.jstree-anchor.node-ll[title="Schritt 1 - Teilnehmendendaten eintragen"] {height: 24px; -webkit-transition: height 0.2s; transition: height 0.2s;}
.jstree-anchor.node-ll[title="Schritt 1 - Teilnehmendendaten eintragen"] .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-ll.jstree-clicked[title="Schritt 1 - Teilnehmendendaten eintragen"] {height: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.jstree-anchor.node-ll.jstree-clicked[title="Schritt 1 - Teilnehmendendaten eintragen"] .jstree-title {border-bottom: solid 1px}
.jstree-anchor.node-ll.jstree-clicked[title="Schritt 1 - Teilnehmendendaten eintragen"] .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 0.5s 0s;}

.node-ll:has(.jstree-anchor.node-ll.jstree-clicked) + .node-st .jstree-anchor.node-st[title="Schritt 2 - Abrechnung"] {height: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); background: #d4e5ff}
.node-ll:has(.jstree-anchor.node-ll.jstree-clicked) + .node-st .jstree-anchor.node-st[title="Schritt 2 - Abrechnung"] .jstree-title {border-bottom: solid 1px}
.node-ll:has(.jstree-anchor.node-ll.jstree-clicked) + .node-st .jstree-anchor.node-st[title="Schritt 2 - Abrechnung"] .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 0.5s 0s;}
.jstree-anchor.node-st[title="Schritt 2 - Abrechnung"] {height: 24px; -webkit-transition: height 0.2s; transition: height 0.2s;}
.jstree-anchor.node-st[title="Schritt 2 - Abrechnung"] .jstree-title:after {height: 0; opacity: 0; content: 'Hier finden Sie die \A Infos zur Abrechnung.'; 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-st.jstree-clicked[title="Schritt 2 - Abrechnung"] {height: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.jstree-anchor.node-st.jstree-clicked[title="Schritt 2 - Abrechnung"] .jstree-title {border-bottom: solid 1px}
.jstree-anchor.node-st.jstree-clicked[title="Schritt 2 - Abrechnung"] .jstree-title:after {opacity: 1; height: 48px; transition: height 0s 0s, opacity 0.5s 0s;}

.course-toc-entry {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

.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: 72px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.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 0.5s 0s;}