@import "darkblue.css";

.breadcrumb-item {
  color: #fff;
}

/* .navTitle {
  margin-left: .5rem !important;
} */

.navTitle a{
  display: block;
  padding: 0.625rem;
  font-size: .875rem;
  line-height: 1.25rem;
  letter-spacing: -0.001rem;
  text-decoration: none;
  color: var(--brand1);
  padding-left: .9375rem;
  text-decoration: none;
  font-weight: 700;
}

.navTitleMobile {
  padding: 7px 30px;
  font-weight: 700;
}

.help-field {
  padding: 24px;
  background-color: rgba(0,67,107,.1);
  margin-bottom: 24px;
  clear: both;
}

.help-field h4,
.help-field h5 {
  font-weight: 700;
  color: #000;
}

@media print {
  .help-field {
    border: 1px solid lightgray;
  }
}

.icon-and-text {
  align-items: flex-start;
  margin-bottom: 1.2em;
}

.icon-and-text img {
  width: 20px;
  height: auto;
  max-height: 20px;
  margin-right: 12px;
}

.icon-and-text p {
  margin-bottom: 0px !important;
}

.toc-print a {
  text-decoration: none !important;
  display: block;
}

.content .toc ul li {
  margin-bottom: 6px;
}

.toc a {
  text-decoration: none !important;
}

h5, h6 {
  font-size: 0.875rem !important;
}

@media print {

  .content h1 .title,
  .toc-pdf-hl.title {
    font-size: 24px !important;
    font-weight: 700;
  }

  .help-field {
    page-break-inside: avoid;
  }

  .pagebreak {
      clear: both;
      page-break-after: always;
  }

  .chapter h1,
  .chapter h2,
  .chapter h3,
  .chapter h4,
  .chapter h5,
  .chapter h6 {
    padding-left: 0 !important;
  }

  .mgnl-bar{
    display: none;
  }

  img {
    page-break-inside: avoid;
    max-height: 99vh;
   }

}

.bkhilfe-text, samp {
  font-family: Courier,"Courier New", monospace !important;
  text-align: left;
}

hr {
  overflow: hidden !important;
}

.breadcrumb .breadcrumb-item a,
.subnavigation ul li.active>a, .subnavigation ul li.current>a {
  color: #fff !important;
}

 .subnavigation ul li.active .caret-treeview::before,
.subnavigation ul li.current .caret-treeview::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" class="bi bi-plus-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>')
}

.subnavigation ul li ul li.active .caret-treeview::before,
.subnavigation ul li ul li.current .caret-treeview::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-plus-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
}


.subnavigation ul li.active .caret-treeview-down::before,
.subnavigation ul li.current .caret-treeview-down::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" class="bi bi-dash-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>')
}

.subnavigation ul li ul li.active .caret-treeview-down::before,
.subnavigation ul li ul li.current .caret-treeview-down::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="black" class="bi bi-dash-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>')
}

.subnavigation ul li ul li.active>a, .subnavigation ul li ul li.current>a {
  color: #000 !important;
}

.caret-treeview-navi {
  top: 13px !important;
}