:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--color-primary: #99ac3a;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-focus: var(--color-state-focus);--btn-accent-color-disabled: var(--color-state-disabled);--btn-prim-accent-color: var(--color-state);--btn-prim-accent-color-active: var(--color-state-active);--btn-prim-accent-color-focus: var(--color-state-focus);--btn-prim-accent-color-disabled: var(--color-state-disabled)}.block{border-radius:10px;border:none}.block .block_action{display:none}.block .block-header h2{font-size:17px;text-transform:inherit;color:#333232}.block .block-title{padding-bottom:10px}.block .panel-footer{border-bottom-right-radius:15px;border-bottom-left-radius:15px}.container-fluid{max-width:1500px}#page,.breadcrumb-container{background-color:#f5f3f1;padding-top:15px}#page{padding-bottom:30px}.totaraNav{margin-bottom:0px;box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.2)}#page-footer{margin-top:0px;border-top:0px}#page-footer .page-footer-main-content,#page-footer .page-footer-poweredby{margin-top:0px}#page-footer .page-footer-main-content a:link,#page-footer .page-footer-main-content a:visited,#page-footer .page-footer-main-content a:active,#page-footer .page-footer-poweredby a:link,#page-footer .page-footer-poweredby a:visited,#page-footer .page-footer-poweredby a:active{color:var(--link-color);text-decoration:none}#page-footer .page-footer-main-content a:link.btn,#page-footer .page-footer-main-content a:visited.btn,#page-footer .page-footer-main-content a:active.btn,#page-footer .page-footer-poweredby a:link.btn,#page-footer .page-footer-poweredby a:visited.btn,#page-footer .page-footer-poweredby a:active.btn{color:#ffffff}#page-footer .page-footer-main-content{background-color:#f5f3f1;padding-bottom:10px;padding-top:25px;border-top:2px solid #bebdbc}#page-footer .page-footer-loggedin-info .logininfo{font-size:18px}#page-footer .page-footer-loggedin-info .logininfo a.btn{display:block;width:175px;margin:15px auto}.totaraNav_prim--list .totaraNav_prim--list_item_link{color:#9d9d9c}.totaraNav_prim--side{color:#9d9d9c}#page-login-index .unicef-login-body{background-size:cover;background-position:center;width:100%;height:100%}#page-login-index div[role="main"]{width:100%;height:100%;overflow:hidden}#page-login-index .loginbox{background-color:rgba(255, 255, 255, 0.75);margin-top:50px}#page-login-index .loginbox.onecolumn{padding-left:30px;padding-right:30px}#page-login-index .loginbox h3{font-size:27px}#page-login-index .loginbox .loginform .form-input input[type=text],#page-login-index .loginbox .loginform .form-input input[type=password]{border-radius:5px}#page-login-index .unicef-login-logo{text-align:right}#page-login-index .unicef-login-logo img.icon{height:60px;width:60px}.loginbox #loginbtn,.btn,button,input.form-submit,input[type=button],input[type=submit],input[type=reset]{padding:5px 25px;box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3)}.tui-iconBtn{box-shadow:none}.block_current_learning .panel-body ul li{border-bottom:0px;padding:10px 10px}.block_current_learning .panel-footer{padding:10px 0px;border-top:0px}.block_current_learning .content{padding:15px !important}.block_current_learning .content .block_current_learning-row-item{padding:0 0 0 5px}.block_current_learning .content .block_current_learning-row-item a{color:#333232}.block_current_learning .content .block_current_learning-row-item a h3{font-size:17px}.block_current_learning .content .block_current_learning-row-item__status .progressbar_container{padding-top:0px;margin-top:5px}.progress,.dndupload-progress-outer{box-shadow:none;border-color:var(--link-color)}.progress .bar,.dndupload-progress-outer .bar{box-shadow:none;background-color:var(--link-color)}.tw-catalog .tw-catalogItemNarrow{border-radius:10px}.tw-catalog .tw-catalogItemNarrow .tw-catalogItemNarrow__image_ratio{border-top-left-radius:10px;border-top-right-radius:10px}.tw-catalog .tw-catalogItemNarrow .tw-catalogItemNarrow__image{padding-top:60%}.tw-catalog .tw-catalogItemNarrow .tw-catalogItemNarrow__content .tw-catalogItemNarrow__title{font-size:18px;height:3em;margin:0;color:#333232}.tw-catalog .tw-catalogItemNarrow .tw-catalogItemNarrow__content a.btn{margin-top:20px;margin-bottom:10px}.tw-catalog .tw-catalogItemNarrow .tw-catalogItemNarrow__content .tw-catalogItemNarrow__textarea_group_item span{margin-top:-4px}.tw-catalog .tw-catalog__results .tw-catalog__results_overview .tw-catalog__results_overview_row{display:none}.tw-catalog .tw-catalog__results .tw-catalog__results_overview .tw-catalog__results_overview_row.tw-catalog__results_overview_row_narrow{display:block}.tw-catalog .tw-selectSearchText .tw-selectSearchText__field_input{padding:2px;border-top-left-radius:5px;border-bottom-left-radius:5px}.tw-catalog .tw-selectSearchText .tw-selectSearchText__btn{padding:0px 10px;background-color:var(--link-color);color:#ffffff;box-shadow:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.tw-catalog .tw-selectSearchText .tw-selectSearchText__btn span{margin-top:-4px}.tw-catalog .tw-catalogItemWide__title{height:unset;font-size:17px}.tw-catalog .tw-catalogItemWide__textarea_group_item{font-size:13px}.tw-catalog .tw-catalogItemWide{border:none}.tw-catalog .tw-grid__item:nth-child(2n+2) .unicef-catalog-wide-item{background:#f5f3f1}.tw-catalog .unicef-catalog-wide-item{width:100%;margin-left:0;margin-right:0;padding:5px}.tw-catalog .unicef-catalog-signup-button{margin-top:5px;width:200px;font-weight:bold}.tw-catalog div[data-tw-selectmulti-key="course_type_panel"] ul li:first-child{display:none}.unicef-block{height:300px;background-size:cover;border-radius:10px}.unicef-block .unicef-block-content{background-color:rgba(1, 158, 225, 0.75);width:50%;margin-left:25%;margin-right:25%;color:#ffffff;bottom:15px;position:absolute;padding:10px 25px;text-align:center}.unicef-block .unicef-block-content h3{margin-top:0;font-weight:bold}.unicef-block .unicef-block-content p{font-size:15px}.unicef-block .unicef-block-content .btn-unicef{background-color:#df4592;color:#ffffff;padding:5px 20px;border-radius:5px;font-weight:bold;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.3)}.unicef-block .unicef-block-content .btn-unicef:hover,.unicef-block .unicef-block-content .btn-unicef:focus{text-decoration:none}.tui-core_auth-loginLayout{display:flex;flex-direction:column;flex-grow:1}.tui-core_auth-loginLayout__panels{flex-grow:1}.tui-core_auth-loginLayout__panel-interface{display:flex;flex:auto;flex-flow:column;min-height:100%}.tui-core_auth-loginLayout__panel-graphic{position:fixed;top:0;right:0;bottom:0;display:none;width:50%;background-position:center;background-size:cover}.tui-core_auth-loginLayout__contentWrap{display:flex;flex:auto;flex-flow:column;align-items:center;justify-content:center;padding:var(--gap-8)}.tui-core_auth-loginLayout__main{width:100%;max-width:40rem}.tui-core_auth-loginLayout__welcome_text{color:#ffffff;width:40rem;margin-bottom:4rem}.tui-core_auth-loginLayout__welcome_text .welcome_text,.tui-core_auth-loginLayout__welcome_text .elementar_academy{font-weight:600;font-size:4rem;text-shadow:2px 3px 5px rgba(0, 0, 0, 0.5)}.tui-core_auth-loginLayout__welcome_text .signup_text{font-size:1.6rem}@media (min-width:992px){.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panels{grid-template-columns:1fr 1fr}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-interface{width:50%}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-graphic{display:flex}}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #ffffff;--nav-text-color: #333232;--color-primary: #959692;--btn-accent-color: #019ee1;--link-color: #000000;--color-state: #019ee1;--color-text: #333232;--footer-bg-color: #ffffff;--footer-text-color: #333232;--btn-accent-color-hover: #0094d7;--btn-accent-color-focus: #0094d7;--btn-accent-color-active: #0083c6;--link-color-hover: #000000;--color-state-hover: #0094d7;--color-state-focus: #0094d7;--color-state-active: #0083c6;--footer-text-color-hover: #292828;}
@media (min-width: 992px) {
.loginbox.onecolumn {
width: 25%;
}
}
/* UNICEF Blau Header für Totara-Blöcke */
.block--unicef-blue .block-header {
  background-color: #00AEEF !important;
  border-color: #00AEEF !important;
  color: #fff;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

/* Einspaltiges Kachelraster im mittleren Inhaltsbereich */
#region-main [id^="folder_tree"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  width: calc(100% - 2rem);
  max-width: 100%;
  min-width: 0;
  margin: 1.25rem 2rem 1.25rem 0;
  box-sizing: border-box;
}

/* Baum-Wrapper auflösen */
#region-main [id^="folder_tree"] :is(.ygtvitem, .ygtvchildren) {
  display: contents;
}

/* Kacheldarstellung */
#region-main [id^="folder_tree"] table.ygtvtable {
  width: 100%;
  min-height: 3.25rem;
  margin: 0;
  border: 1px solid #d8e3e8;
  border-left: 4px solid #00AEEF;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#region-main [id^="folder_tree"] table.ygtvtable:hover {
  border-color: #00AEEF;
  box-shadow: 0 3px 9px rgb(0 0 0 / 10%);
}

#region-main [id^="folder_tree"] table.ygtvtable td {
  padding: 0.65rem 0.5rem;
  vertical-align: middle;
}

/* Erste Kachel mit Ordnersymbol ausblenden */
#region-main [id^="folder_tree"] table.ygtvtable.ygtvdepth0:has(
  td.ygtvcontent [data-flex-icon="core|f/folder"]
) {
  display: none !important;
}

/* Ordnersymbole und Baumlinien ausblenden */
#region-main [id^="folder_tree"] [data-flex-icon="core|f/folder"],
#region-main [id^="folder_tree"] :is(.ygtvtn, .ygtvln, .ygtvdepthcell) {
  display: none !important;
}

#region-main [id^="folder_tree"] :is(.ygtvtn, .ygtvln, .ygtvdepthcell) {
  background: none !important;
  border-color: transparent !important;
}

/* Einrückungsbetrag pro Baumebene */
#region-main [id^="folder_tree"] table.ygtvdepth1 {
  --tile-indent: 0.75rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth2 {
  --tile-indent: 1.5rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth3 {
  --tile-indent: 2.25rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth4 {
  --tile-indent: 3rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth5 {
  --tile-indent: 3.75rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth6 {
  --tile-indent: 4.5rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth7 {
  --tile-indent: 5.25rem;
}

#region-main [id^="folder_tree"] table.ygtvdepth8 {
  --tile-indent: 6rem;
}

/* Alle untergeordneten Kacheln einrücken und rechts bündig halten */
#region-main [id^="folder_tree"] table.ygtvtable:is(
  .ygtvdepth1,
  .ygtvdepth2,
  .ygtvdepth3,
  .ygtvdepth4,
  .ygtvdepth5,
  .ygtvdepth6,
  .ygtvdepth7,
  .ygtvdepth8
) {
  width: calc(100% - var(--tile-indent)) !important;
  margin-left: var(--tile-indent) !important;
  margin-right: 0 !important;
}

/* Alle führenden Icons auf die doppelte Größe skalieren */
#region-main [id^="folder_tree"] td.ygtvcontent [data-flex-icon] {
  font-size: 2em !important;
  line-height: 1;
  vertical-align: middle;
}

#region-main [id^="folder_tree"] td.ygtvcontent .fp-icon img {
  width: 2em !important;
  height: 2em !important;
  object-fit: contain;
  vertical-align: middle;
}

/* Abstand zwischen Icon und Dateiname */
#region-main [id^="folder_tree"] td.ygtvcontent > .fp-filename-icon {
  display: inline-flex !important;
  align-items: center;
  gap: 0;
  position: static;
}

#region-main [id^="folder_tree"] .fp-filename-icon .fp-filename {
  margin-left: 0.5rem !important;
}

/* Auf-/Zuklappfelder als runde Buttons */
#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph,
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
) {
  display: table-cell !important;
  position: relative;
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph,
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
) .ygtvspacer {
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Chevron für geschlossene Ordner */
#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph
)::after {
  content: "\203A";
}

/* Chevron für geöffnete Ordner */
#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
)::after {
  content: "\25BE";
}

/* Runder Button: kräftiges Cyan im Standardzustand */
#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph,
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
)::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid #00AEEF;
  border-radius: 50%;
  background: #00AEEF;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}

/* Hellerer Button bei Hover */
#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph,
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
):hover::after {
  border-color: #b8eafa;
  background: #e6f8fd;
  color: #007aa8;
}

/* Runder Tastaturfokus statt eckigem Rahmen */
#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph,
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
):focus-visible {
  outline: none !important;
}

#region-main [id^="folder_tree"] td.ygtvcell:is(
  .ygtvtp, .ygtvtph, .ygtvlp, .ygtvlph,
  .ygtvtm, .ygtvtmh, .ygtvtmhh,
  .ygtvlm, .ygtvlmh, .ygtvlmhh
):focus-visible::after {
  box-shadow: 0 0 0 2px #005a7c;
}

/* Graue Hintergründe im Textfeld entfernen */
#region-main [id^="folder_tree"] :is(td.ygtvcontent, td.ygtvcontent *),
#region-main [id^="folder_tree"] .ygtvrow:hover td.ygtvcontent,
#region-main [id^="folder_tree"] .ygtvrow:focus-within td.ygtvcontent,
#region-main [id^="folder_tree"] :is(
  .ygtv-highlight0,
  .ygtv-highlight1,
  .ygtv-highlight2
) .ygtvcontent {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Linkverhalten; Linkfarbe bleibt unverändert */
#region-main [id^="folder_tree"] a:hover {
  text-decoration: underline;
}

#region-main [id^="folder_tree"] a:focus-visible {
  outline: 3px solid #00AEEF;
  outline-offset: 2px;
}

/* Abstand zu „Verzeichnis herunterladen“ und „Bearbeiten“ */
#page-mod-folder-view #region-main .singlebutton,
#region-main .modtype_folder .singlebutton {
  margin-block: 1.25rem;
}

/* Schmale Bildschirme: geringerer Abstand zum rechten Bereich */
@media (max-width: 40rem) {
  #region-main [id^="folder_tree"] {
    width: calc(100% - 1rem);
    margin-right: 1rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth1 {
    --tile-indent: 0.5rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth2 {
    --tile-indent: 1rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth3 {
    --tile-indent: 1.5rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth4 {
    --tile-indent: 2rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth5 {
    --tile-indent: 2.5rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth6 {
    --tile-indent: 3rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth7 {
    --tile-indent: 3.5rem;
  }

  #region-main [id^="folder_tree"] table.ygtvdepth8 {
    --tile-indent: 4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #region-main [id^="folder_tree"] table.ygtvtable {
    transition: none;
  }
}