:root {
  --nk_haupt_farbe: #003068;
  --nk_haupt_farbe_hell: #0074ff;
  --nk_haupt_farbe_bg: #fff;
  --nk_haupt_auswahl_farbe: #F6EDEE;

  --nk_farbe_betaetigen: forestgreen;
  --nk_farbe_betaetigen_dunkel: #1f771f;
  --nk_farbe_aktion: dodgerblue;
  --nk_farbe_aktion_dunkel: #204dff;
  --nk_farbe_warnung: #d21616;
  --nk_farbe_warnung_dunkel: #aa1616;

  --nk_farbe_btn: #fff;
  --nk_farbe_auswahl_dunkel: dimgray;
  --nk_farbe_bread_crump: #e5e5e5;
  --nk_farbe_btn_schrift: #333;
  --nk_farbe_schrift_hell: #e5e5e5;
  --nk_farbe_btn_gewahelt: #E6E6E6;
  --nk_farbe_btn_linie: #ccc;
}


.neuer_katalog_bereich {
  display: grid;
  grid-template-columns: 25% 70%;
  width: 100%;
  position: relative;
}



.neuer_katalog_bereich .nk_struktur_bereich {
  padding: 0.5rem;
  overflow: auto;
  height: 38em;
  box-sizing: border-box;
  position: relative;
}

.neuer_katalog_bereich .nk_element_bereich {
  border-left: 3px solid var(--nk_haupt_farbe);
  padding: 0.5rem;
  position: relative;
}


.neuer_katalog_bereich .nk_katalog_struktur {
 list-style: none;
 padding-left: 0.4rem;
 padding-top: 0.6rem;
 cursor: pointer;
}

.neuer_katalog_bereich .nk_katalog_struktur .nk_katalog_element {
  padding: 0.3rem;
  display: flex;
  align-items: center;
}

.neuer_katalog_bereich .nk_katalog_struktur .nk_katalog_element:hover {
  font-weight: bold;
  background-color: var(--nk_haupt_auswahl_farbe);
}


.neuer_katalog_bereich .nk_katalog_struktur .nk_katalog_inhalt {
  display: none;
}

.neuer_katalog_bereich .nk_katalog_struktur .nk_katalog_inhalt.nk_katalog_inhalt_0 {
  display: block;
}


.neuer_katalog_bereich .nk_ansicht_steuerung .nk_element_steuer_leiste {
  display: inline-block;
  width: 80%;
  position: relative;
}

.neuer_katalog_bereich .nk_ansicht_steuerung .nk_suchfeld {
  position: absolute;
  right: 2rem;
  top: 0;
  width: 15rem;
}

.neuer_katalog_bereich .nk_ansicht_steuerung .nk_suchfeld .nk_such_eingabe  {
  border-radius: 3px;
  padding: 0.6rem;
  font-size: 10pt;
  border: 1px solid var(--nk_farbe_btn_linie);
  width: 17rem;
}




.neuer_katalog_bereich .nk_katalog_btn {
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid var(--nk_farbe_btn_linie);
  padding: 0.3rem 0.6rem;
  font-size: 1.1rem;
  line-height: 1.42857143;
  border-radius: 4px;
  color: var(--nk_farbe_btn_schrift);
  background-color: var(--nk_farbe_btn);
  margin-left: 0.4rem;
  display: inline-flex;
 }

.neuer_katalog_bereich .nk_katalog_btn.gewaehlt {
  border: 1px inset var(--nk_farbe_btn_linie);
  background-color: #E6E6E6;
  cursor: default;
}

.neuer_katalog_bereich .nk_katalog_btn:hover {
  border: 1px inset #ccc;
  background-color: var(--nk_farbe_btn_gewahelt);
}


.neuer_katalog_bereich .nk_katalog_btn.nk_katalog_btn_erstellen_farbe {
  background-color: var(--nk_farbe_betaetigen);
  color: white;
}

.neuer_katalog_bereich .nk_katalog_btn.nk_katalog_btn_erstellen_farbe:hover {
  border: 1px inset var(--nk_farbe_betaetigen);
  background-color: var(--nk_farbe_betaetigen_dunkel);
  color: white;
  cursor: default;
}

.neuer_katalog_bereich .nk_katalog_btn.nk_katalog_btn_aktion_farbe {
  background-color: var(--nk_farbe_aktion);
  color: white;
}

.neuer_katalog_bereich .nk_katalog_btn.nk_katalog_btn_aktion_farbe:hover {
  background-color: var(--nk_farbe_aktion_dunkel);
  color: white;
}

.neuer_katalog_bereich .nk_katalog_btn.nk_katalog_btn_warnung_farbe {
  background-color: var(--nk_farbe_warnung);
  color: white;
}

.neuer_katalog_bereich .nk_katalog_btn.nk_katalog_btn_warnung_farbe.gewaehlt:hover {
  border: 1px inset var(--nk_farbe_warnung);
  background-color: var(--nk_farbe_warnung_dunkel);
  cursor: default;
  color: white;
}

.neuer_katalog_bereich .nk_system_meldung {
  box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
  background-color: var(--nk_farbe_betaetigen_dunkel);
  border: 1px solid var(--nk_farbe_betaetigen);
  color: white;
  position: absolute;
  z-index: 23;
  padding: 1rem;
  top: 3.3rem;
  left: 1.3rem;
  width: 100%;
}

.neuer_katalog_bereich .nk_system_fehler {
  box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
  background-color: var(--nk_farbe_warnung_dunkel);
  border: 1px solid var(--nk_farbe_warnung);
  color: white;
  position: absolute;
  z-index: 23;
  padding: 1rem;
  top: 3.3rem;
  left: 1.3rem;
  width: 100%;
}




.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt {
  margin-top: 0.3rem;
  border-top: 1px solid var(--nk_haupt_auswahl_farbe);
  padding: 1rem;
  height: 100%;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_ansicht_bereich_haupt {
  height: 100%;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_detail_ansich_inhalt {
  display: grid;
  grid-template-columns: 8rem 8rem 8rem 8rem 8rem;
  grid-column-gap: 0.3rem;
  row-gap: 0.4rem;
  height: 31rem;
  grid-template-rows: repeat(5, 1fr);
  overflow-y: auto;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_kein_inhalt {
  grid-column-start: 1;
  grid-column-end: 5;
  padding: 0.5rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_detail_ansicht_kachel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_detail_ansicht_kachel:hover {
  background-color: var(--nk_haupt_auswahl_farbe);
  cursor: pointer;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_detail_ansicht_kachel_bild i{
  display: block;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_detail_ansicht_kachel_beschriftung{
  text-align: center;
  max-width: 7rem;
  word-break: break-all;
  position: relative;
  left: -0.5rem;
  font-size: 9pt;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_details_ansicht_bereich .nk_detail_ansicht_kachel .nk_katalog_symbol {
  width: 6rem;
  height: 4rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_liste_ansicht_bereich {
  overflow: hidden;
  height: 38em;
  box-sizing: border-box;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_liste_ansicht_bereich .nk_neuer_katalog_kein_inhalt {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 5;
  padding: 0.5rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_liste_ansicht_bereich .nk_element_eigenschaften {
  height: 61rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht {
  width: 100%;
  height: 95%;
  border-collapse: collapse;
  display: block;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht .nk_listen_ansicht_bild {
  display: inline-flex;
  width: 3rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht thead {
  display: block;
  width: 100%;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
  max-height: 92%;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht tr {
  display: flex;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt  .nk_tabellen_ansicht tr:hover {
  background-color: var(--nk_haupt_auswahl_farbe);
  cursor: pointer;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht th,td {
  padding: 10px;
  text-align: left;
  display: flex;
  width: 10.5em;
  word-wrap: break-word;
  word-break: break-word;
  color: var(--nk_farbe_btn_schrift);
  border-bottom: 1px solid var(--nk_haupt_auswahl_farbe);
  font-size: 10pt;
  align-items: center;
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht.nk_grosse_zeilen td {
  width: 30.5em
}

.neuer_katalog_bereich .nk_element_bereich .nk_element_bereich_inhalt .nk_tabellen_ansicht.nk_grosse_zeilen .nk_listen_ansicht_bild {
  display: inline-flex;
  width: 3rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_bread_crumb {
  display: flex;
  margin-bottom: 0.6em;
  padding: 0.3rem;
  background-color: var(--nk_farbe_bread_crump);
}

.neuer_katalog_bereich .nk_element_bereich .nk_bread_crumb .nk_bread_crumb_element {
  font-weight: bold;
  font-size: 14pt;
  font-style: italic;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.neuer_katalog_bereich .nk_element_bereich .nk_bread_crumb .nk_bread_crumb_element:hover {
  color: var(--hauptfarbe);
  cursor: pointer;
}

.neuer_katalog_bereich .nk_element_bereich .nk_bread_crumb .nk_bread_crumb_element.gewaehlt {
  color: var(--hauptfarbe);
  cursor: default;
}

.neuer_katalog_bereich .nk_element_bereich .nk_bread_crumb .nk_bread_crumb_trenner {
  font-weight: bold;
  font-size: 15pt;
  font-style: italic;
}

.neuer_katalog_bereich .nk_element_bereich .nk_bread_crumb .nk_bread_crumb_trenner:before {
  content: '≫';
}

.neuer_katalog_bereich .nk_katalog_symbol {
  width: 25px;
  height: 25px;
  margin-right: 0.8rem;
  background-position: center;
  background-repeat: no-repeat;
}

.neuer_katalog_bereich .nk_kontext_menu_box {
  box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
  position: absolute;
  z-index: 20;
  background-color: var(--hauptfarbe_hellhinterg);
  font-size: 10pt;
  min-width: 14rem;
 }

.neuer_katalog_bereich .nk_kontext_menu_box .nk_kontext_menue {
  list-style: none;
  padding: 0.4rem;
 }

.neuer_katalog_bereich .nk_kontext_menu_box .nk_kontext_menue_eintrag {
  margin-left: 0.4rem;
  margin-bottom: 0.6rem;
  padding: 0.2rem;
 }

.neuer_katalog_bereich .nk_kontext_menu_box .nk_kontext_menue_eintrag:hover {
  background-color: var(--nk_farbe_auswahl_dunkel);
  color: white;
  cursor: pointer;
 }

.neuer_katalog_bereich .nk_tab_leiste {
  display: flex;
  border-bottom: 1px solid var(--nk_farbe_btn_linie);
}

.neuer_katalog_bereich .nk_tab_leiste .nk_tab {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  margin-right: 0.2rem;
  padding-right: 1.7rem;
  padding-left: 1rem;
  border-left: 1px solid var(--nk_farbe_btn_linie);
  border-right: 1px solid var(--nk_farbe_btn_linie);
  border-top: 1px solid var(--nk_farbe_btn_linie);
  text-align: center;
  position: relative;
  font-size: 10pt;
  line-height: 10pt;
}

.neuer_katalog_bereich .nk_tab_leiste .nk_tab .nk_suche_anzahl_elemente {
  position: absolute;
  border-radius: 50%;
  font-size: 10pt;
  padding: 0.3em;
  border: 1px outset var(--nk_haupt_farbe_hell);
  height: 1em;
  font-weight: bold;
  background-color: var(--hauptfarbe);
  color: var(--nk_farbe_schrift_hell);
  line-height: 1em;
  right: 0.1rem;
  top: 0.19rem;
}

.neuer_katalog_bereich .nk_tab_leiste .nk_tab.aktiv {
  background-color: var(--nk_farbe_auswahl_dunkel);
  color: var(--nk_farbe_schrift_hell);
}

.neuer_katalog_bereich .nk_tab_leiste .nk_tab:hover {
  background-color: var(--nk_farbe_auswahl_dunkel);
  color: var(--nk_farbe_schrift_hell);
  cursor: pointer;
}

.neuer_katalog_bereich .nk_tab_bereich {
  display: none;
  height: 24rem;
  overflow-y: auto;
}

.neuer_katalog_bereich .nk_tab_bereich.aktiv {
  display: block;
}




.neuer_katalog_bereich .nk_system_dlg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.neuer_katalog_bereich .nk_system_dlg .nk_system_dlg_hintergrund {
  position: absolute;
  background-color: #222222;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 21;
}

.neuer_katalog_bereich .nk_system_dlg .nk_system_dlg_bereich {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
}

.neuer_katalog_bereich .nk_system_dlg .nk_system_dlg_bereich .nk_system_dlg_body {
  padding: 3rem;
  display: grid;
  grid-template-rows: 80% 10%;
  background-color: var(--nk_haupt_farbe_bg);
  z-index: 22;
}


.neuer_katalog_bereich .nk_formular {
  padding: 2em;
}

.neuer_katalog_bereich .nk_formular .nk_bearbeiten_btn_leiste {
  margin-left: 18%;
}

.neuer_katalog_bereich .nk_formular .nk_formular_pflicht_stern {
 color: var(--nk_farbe_warnung);
 font-size: 13pt;
 font-weight: bold;
 vertical-align: center;
}

.neuer_katalog_bereich .nk_katalog_symbol.ausgeschnitten  {
  opacity: 70%;
}

.neuer_katalog_bereich  .nk_katalog_symbol_ordner {
  background-image: url("/bilder/neuer_katalog_icons/ordner.svg");
}


.neuer_katalog_bereich  .nk_katalog_symbol_ordner.geoeffnet {
  background-image: url("/bilder/neuer_katalog_icons/ordner_gewaehlt.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_ordner_neu {
  background-image: url("/bilder/neuer_katalog_icons/ordner_hinzu.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_liste_ansicht {
  background-image: url("/bilder/neuer_katalog_icons/listen_ansicht.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_details_ansicht {
  background-image: url("/bilder/neuer_katalog_icons/detail_ansicht.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_bild {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_bild.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_musik {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_audio.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_code {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_code.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_doc {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_word.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_xls {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_excel.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_pdf {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_pdf.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_text {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_text.svg");
}

.neuer_katalog_bereich  .nk_katalog_symbol_download_katalog_neu_unbekannt {
  background-image: url("/bilder/neuer_katalog_icons/datei_typ_unbekannt.svg");
}