@charset "UTF-8";
.themev3 {
  /* Resource Nav in themev3*/
}
.themev3 .themev4 {
  /****************************************Navigatiom****************************************/
  /*Page Nav*/
  /*Pagenav for myApprentice nur für Q3*/
  /*Tabnav*/
  /***************************************** Mainnav, expand Nav & hamburger menu*****************************************/
  /*Print Version*/
  /*main content*/
  /* expandable Resource Nav*/
}
.themev3 .themev4 .stickyNavigation {
  position: sticky;
  top: 0px;
  z-index: var(--zindex-pagenav);
}
.themev3 .themev4 nav.page-nav {
  background-color: var(--light-grey);
}
.themev3 .themev4 nav.page-nav ul li a {
  color: var(--grey);
}
.themev3 .themev4 nav.page-nav ul li a:hover {
  color: var(--corporate-text-color-highlight) !important;
  text-decoration: underline;
}
.themev3 .themev4 nav.page-nav ul li a:active, .themev3 .themev4 nav.page-nav ul li a:focus {
  color: var(--corporate-text-color-highlight) !important;
  text-decoration: none;
}
.themev3 .themev4 nav.page-nav ul li a.active {
  color: var(--corporate-text-color-highlight) !important;
  text-decoration: none;
}
.themev3 .themev4 nav.page-nav.myapprentices-page-nav {
  border-bottom: 1px solid var(--middle-grey);
}
.themev3 .themev4 .tab-nav {
  margin-bottom: 10px;
  cursor: default;
}
.themev3 .themev4 ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.themev3 .themev4 ul.tabs li {
  font-size: var(--font_size-12);
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
.themev3 .themev4 ul.tabs li:hover {
  color: var(--corporate-text-color-highlight);
}
.themev3 .themev4 ul.tabs li.current {
  background: var(--white);
  border-bottom: 2px solid var(--corporate-text-color-highlight);
  color: var(--corporate-text-color-highlight);
  box-shadow: none;
}
.themev3 .themev4 .tab-content {
  height: 100%;
  display: none;
  background: var(--white);
  box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
  padding: 10px 15px;
}
.themev3 .themev4 .tab-content.current {
  display: inherit;
}
.themev3 .themev4 nav {
  width: 100%;
  height: auto;
  z-index: var(--zindex-navigation);
  overflow: hidden;
  background-color: var(--dark-grey);
}
.themev3 .themev4 nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.themev3 .themev4 nav ul li {
  float: left;
}
.themev3 .themev4 nav ul li a {
  color: var(--white);
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.themev3 .themev4 nav ul li a:hover {
  color: var(--white);
  text-decoration: underline;
}
.themev3 .themev4 nav ul li a.active {
  color: var(--corporate-text-color-highlight);
  color: var(--corporate-alternative-color);
  text-decoration: none;
}
.themev3 .themev4 .nav-expand {
  min-width: 100%;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  position: absolute;
  display: none;
  z-index: 100;
  top: 43.42px;
}
.themev3 .themev4 .nav-expand a {
  float: left;
  text-align: center;
  text-decoration: none;
  width: 7%;
  height: 80px;
  text-align: center;
  padding: 7px;
  color: var(--corporate-text-color);
  font-size: var(--font_size-10);
  border-right: 1px solid var(--light-grey);
  line-height: 120%;
  display: block;
  max-width: 150px;
}
.themev3 .themev4 .nav-expand a button.icon {
  margin-right: 0px;
}
.themev3 .themev4 .mainnav-text {
  height: 25px;
  width: inherit;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: auto;
  hyphens: auto;
}
.themev3 .themev4 nav ul li a.home {
  padding: 10px 16px;
}
.themev3 .themev4 nav ul li a.home button.icon svg.secondary-button.home {
  width: auto;
  height: 20px;
  margin-right: -10px;
}
.themev3 .themev4 nav ul li a.home button.icon svg.secondary-button.home .cls-1 {
  fill: white;
}
.themev3 .themev4 nav ul li a.home button.icon:hover svg.secondary-button.home .cls-1, .themev3 .themev4 nav ul li a.home button.icon:active svg.secondary-button.home .cls-1, .themev3 .themev4 nav ul li a.home button.icon:focus svg.secondary-button.home .cls-1, .themev3 .themev4 nav ul li a.home button.icon:focus-visible svg.secondary-button.home .cls-1 {
  fill: var(--corporate-text-color-highlight);
  fill: var(--corporate-alternative-color) !important;
}
.themev3 .themev4 nav ul li a.home.active button.icon svg.secondary-button.home .cls-1 {
  fill: var(--corporate-text-color-highlight);
  fill: var(--corporate-alternative-color);
}
.themev3 .themev4 button.icon:hover svg.secondary-button.collapse .cls-1,
.themev3 .themev4 button.icon:active svg.secondary-button.collapse .cls-1,
.themev3 .themev4 button.icon:focus svg.secondary-button.collapse .cls-1,
.themev3 .themev4 button.icon:focus-visible svg.secondary-button.collapse .cls-1 {
  fill: var(--corporate-text-color-highlight);
  fill: var(--corporate-alternative-color);
}
.themev3 .themev4 .nav-expand a:hover button.icon svg.menu-button .cls-1 {
  fill: var(--corporate-button-color);
}
.themev3 .themev4 .toggle-nav-expand {
  float: right;
  position: relative;
  width: 35px;
  text-align: center;
  top: 10px !important;
  right: 10px !important;
}
.themev3 .themev4 .hamburger-menu {
  display: none;
}
@media print {
  .themev3 .themev4 navwrapper {
    display: none;
  }
}
@media only screen and (max-width: 1210px) {
  .themev3 .themev4 .nav-expand {
    display: none;
    overflow-y: scroll;
  }
  .themev3 .themev4 .nav-expand a {
    float: left;
    text-align: center;
    text-decoration: none;
    width: 33.3333333333%;
    height: 100px;
    text-align: center;
    padding: 7px;
    color: var(--corporate-text-color);
    font-size: var(--font_size-10);
    border-right: 1px solid var(--light-grey);
    border-bottom: 1px solid var(--light-grey);
    line-height: 120%;
    display: block;
    max-width: 100%;
  }
  .themev3 .themev4 .mainnav ul li {
    width: 100%;
    text-align: center;
  }
  .themev3 .themev4 .toggle-nav-expand {
    position: unset;
  }
  .themev3 .themev4 .stickyNavigation {
    top: 45px;
  }
  .themev3 .themev4 .sidebar-wrapper {
    margin-top: 45px;
    top: 45px !important;
  }
}
@media only screen and (max-width: 1210px) {
  .themev3 .themev4 {
    /*Buttons vertical align in Box*/
  }
  .themev3 .themev4 .contentwrapper {
    position: relative;
    top: 70px;
  }
  .themev3 .themev4 .mainnav-text {
    display: grid;
    align-content: center;
  }
  .themev3 .themev4 nav.mainnav {
    display: none;
    position: fixed;
    top: 45px;
  }
  .themev3 .themev4 .hamburger-menu {
    display: block;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 45px;
    background-color: var(--dark-grey);
    z-index: var(--zindex-navigation);
  }
  .themev3 .themev4 #menu-toggle {
    opacity: 0;
  }
  .themev3 .themev4 #menu-toggle:checked + .menu-btn > span {
    transform: rotate(45deg);
  }
  .themev3 .themev4 #menu-toggle:checked + .menu-btn > span::before {
    top: 0;
    transform: rotate(0deg);
  }
  .themev3 .themev4 #menu-toggle:checked + .menu-btn > span::after {
    top: 0;
    transform: rotate(90deg);
  }
  .themev3 .themev4 #menu-toggle:checked ~ .mainnav {
    left: 0 !important;
  }
  .themev3 .themev4 .menu-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1;
  }
  .themev3 .themev4 .menu-btn > span,
  .themev3 .themev4 .menu-btn > span::before,
  .themev3 .themev4 .menu-btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: white;
    transition-duration: 0.25s;
  }
  .themev3 .themev4 .menu-btn > span::before {
    content: "";
    top: -8px;
  }
  .themev3 .themev4 .menu-btn > span::after {
    content: "";
    top: 8px;
  }
  .themev3 .themev4 button.icon svg.menu-button {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 1210px) {
  .themev3 .themev4 main {
    margin: 45px 0px 0px 0px;
  }
}
.themev3 .themev4 .sidebar-accordion-content {
  color: var(--corporate-text-color);
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-left: 25px;
  width: 90%;
}
.themev3 .themev4 .nestedAccordionList .selected {
  color: var(--corporate-text-color-highlight);
}
.themev3 .themev4 .nestedAccordionList .active {
  font-weight: bold;
}
.themev3 .themev4 .nestedAccordionList a {
  float: right;
  width: calc(100% - 15px);
}
.themev3 .themev4 .nestedAccordionList a.no-accordion-link {
  width: 100%;
}
.themev3 .sidebar-wrapper.themev4 {
  width: 250px;
  float: left;
  position: sticky;
  top: 0px;
  left: 0px;
  max-width: 250px;
  width: 250px;
  z-index: var(--zindex-sidebar);
  transition: width 0.5 ease-out;
}
.themev3 .sidebar-wrapper.themev4.closed-sidebar-resource {
  width: 25px;
  transition: width 0.5s ease-out;
}
.themev3 .sidebar-wrapper.themev4.no-sidebar {
  width: 0px;
  transition: width 0.5s ease-out;
}
.themev3 .sidebar-wrapper.themev4 + main {
  float: left;
  transition: width 0.5s ease-out;
  margin: 0 0 0 0;
  width: calc(100% - 250px);
}
.themev3 .sidebar-wrapper.themev4 + main.blank {
  width: calc(100% - 25px);
  transition: width 0.5s ease-out;
}
.themev3 .sidebar-wrapper.themev4 + main.no-sidebar {
  width: 100%;
  transition: width 0.5s ease-out;
}
.themev3 .stickyNavigation.themev4 {
  position: sticky;
  top: 0px;
  z-index: var(--zindex-pagenav);
}
@media only screen and (max-width: 1210px) {
  .themev3 .stickyNavigation.themev4 {
    top: 45px;
  }
  .themev3 .sidebar-wrapper.themev4 {
    margin-top: 45px;
  }
}