/*------------------------ Color scheme ---------------*/
[data-color-scheme="info"] .oc-menu li > span, [data-color-scheme="info"] .oc-menu button, [data-color-scheme="info"] .oc-menu ul a {
    color: #fff;
}
/*APA overwrites values info.css ext diakonie_baukasten*/
[data-color-scheme="info"] .oc-menu span.oc-menu--root-line, [data-color-scheme="info"] .oc-menu button.oc-menu--root-line, [data-color-scheme="info"] .oc-menu ul a.oc-menu--root-line {
    background-color: #4a77a9;
}
[data-color-scheme="info"] .oc-menu button[aria-selected="true"] {
  background-color: #4a77a9 !important;
  color: #fff;
    transition-property: background, color;
}
[data-color-scheme="info"] .oc-menu button:not(.oc-menu--close-level):after {
    background-image: url(Images/arrow_right.svg);
}
[data-color-scheme="info"] .oc-menu li:hover button:not(.oc-menu--close-level):after {
  background-image: url(Images/arrow_right_blue1.svg);
}
[data-color-scheme="info"] .oc-menu li:hover button.oc-menu--root-line:after {
  background-image: url(Images/arrow_right.svg);
}
[data-color-scheme="info"] .oc-menu--level-wrap {
  padding-top: 30px;
  padding-bottom: 18px;
  overflow-y: auto;
}

/*------------------------ Main Menu Links ---------------*/
.menu-search .menu #menu-0-0 button {
  border-bottom: 12px solid transparent;
  color: #333333;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.33333;
  margin: 0 15px 1px;
  /*padding-bottom: 4px;*/
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 0;
}
.menu-search .menu #menu-0-0 button[aria-selected="true"],
.menu-search .menu #menu-0-0 button:focus,
.menu-search .menu #menu-0-0 button:hover {
  background-color: transparent;
  /*border-bottom: 12px solid #D4D4D4;*/
  /*border-bottom: 12px solid #043f81;*/
  border-bottom: 10px solid #003f83;
  color: #502572;
  text-decoration: none;
}
.menu-search .menu #menu-0-0 button.oc-menu--root-line {
  /*border-bottom: 12px solid #043f81;*/
  /*border-bottom: 10px solid #462672;*/
  border-bottom: 10px solid #4a77a9;
}
/*
.fix-header {
  padding-right: 1.86667%;
}
*/
.fix-header:not(.affix) > .row > .col-xs-18 > .row:not(.service) {
  margin-top: 8px;
}
.fix-header .menu-search .search a .icon-link {
  font-size: 1.3rem;
}
.fix-header .logo a, .fix-header .logo span {
    padding: 16px 0 0;
}
.fix-header .menu-search .search {
  padding-top: 0;
  margin-top: 0;
  float: right;
  padding-right: 2px;
}
.fix-header .menu-search .menu {
   padding-left: 9.83333%;
}
.fix-header .service .language nav ul li.lang-selector ul .lang-icon {
  float:none;
  display: inline;
}
.fix-header .service .language nav ul li.lang-selector ul .lang-icon span {
  color: #502572;
}

.fix-header.affix {
  height: 69px;
  padding-top: 0;
}
.fix-header.affix.no-border {
 /* height: 68px; */
  height: 69px;
  border-bottom:1px solid #000;
}
.fix-header.affix .menu-search.row {
  margin-top: -2px;
}
.fix-header.affix .menu-search .search {
  padding-top: 0;
  margin-top: 0;
}
.fix-header.affix .menu-search .menu #menu-0-0 button,
.fix-header.affix .menu-search .search a .icon-link {
  font-size: 1.2rem;
}
.fix-header.affix .logo a, .fix-header.affix .logo span {
    padding: 14px 0;
}
.fix-header #search {
  position: absolute;
  right: 0;
  margin-top: 1px;
}
.fix-header.affix #search {
  margin-top: 10px;
}

@media screen and (min-width: 800px) {
  .fix-header:not(.affix) .logo img {
    min-width: 160px;
  }
}

@media screen and (min-width: 1100px) {
  .fix-header:not(.affix) .menu-search .menu #menu-0-0 button,
  .fix-header:not(.affix) .menu-search .search a .icon-link {
    /*font-size: 1.5rem;*/
  }
  .fix-header {
    padding-right: 3.86667%;
  }
}
@media screen and (min-width: 1440px) {
  .fix-header .menu-search .menu {
      padding-left: 0.83333%;
  }
}
@media screen and (max-width: 950px) {
  .fix-header .menu-search .menu #menu-0-0 button,
  .fix-header .menu-search .search a .icon-link {
    font-size: 1.2rem;
  }
  .fix-header .menu-search .menu {
     padding-left: 5.83333%;
  }
  .menu-search .menu #menu-0-0 button {
    margin-right: 5px;
  }
}


/*------------------------- OffCanvas Menu ------------------*/

.oc-menu--visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.oc-menu--no-overflow {
  overflow: hidden;
  height: 100%;
  width: 100%; }

.oc-menu {
  position: absolute;
  z-index: 3;
  width: 100%;
  /*width: 100vw;*/
  height: calc(100vh - 100%);
  /*background: none;*/
  background-color: rgba(0,0,0,0.6);
  top: 100%;
  left: 0;
  color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.oc-menu--column-wrap {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex; }

.oc-menu.oc-menu--ie11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.oc-menu--ie11 .oc-menu--column-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%; }

.oc-menu--level-wrap {
  width: calc(100% / 3);
  /*height: 100%;*/
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 30px;
  /*padding-bottom: 30px;*/
  padding-bottom: 18px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  /*max-height: 100%;*/
  max-height: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.oc-menu--level-wrap[data-level="0"] {
}

.oc-menu--level-wrap[data-level="1"] {
  z-index: 9;
  background-color: #003f83 !important; }

.oc-menu--level-wrap[data-level="2"] {
  z-index: 8;
  background-color: #1d5a96 !important;
  width: 65; }
.oc-menu--level-wrap[data-level="3"] {
  z-index: 8;
  background-color: #1d5a96 !important; }

.oc-menu ul {
  list-style: none;
  -webkit-transition: opacity 0.3s ease-out, display 0s ease-out 0.6s;
  transition: opacity 0.3s ease-out, display 0s ease-out 0.6s;
  position: absolute;
  padding: 0 0 14px 0;
  margin: 0;
  width: 100%;
  background-color: inherit; }

.oc-menu ul[aria-expanded="false"] {
  z-index: -1;
  opacity: 0;
  display: none; }

.oc-menu ul[aria-expanded="true"] {
  opacity: 1;
  z-index: auto;
  display: block; }

.oc-menu button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  text-align: left;
  outline: 0;
  width: 100%;
  display: block;
  padding: 0;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  position: relative; }

.oc-menu button:not(.oc-menu--close-level):after {
  content: '';
  width: 16px;
  height: 18px;
  background-image: url("Images/arrow_right.svg");
  background-size: auto 18px;
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 9px);
  right: 5%; }

.oc-menu button:focus,
.oc-menu button:active {
  outline: 0; }

.oc-menu button:hover {
  cursor: pointer;
}

.oc-menu li:not(.lang-selector):hover {
  /*
  background-size: 90% auto;
  */
  background-color: #ffffff;
  cursor: pointer;
}
.oc-menu li:hover button.oc-menu--root-line,
.oc-menu li button.oc-menu--root-line {
  /*background-color: #D4D4D4;*/
  background-color: #4a77a9;
  color: #ffffff;
}

.oc-menu li:hover button:not(.oc-menu--close-level):after {
  /*background-color: #ffffff;*/
  background-image: url("Images/arrow_right_blue1.svg");
}
.oc-menu li:hover button.oc-menu--root-line:after {
  /*background-color: #ffffff;*/
  /*background-image: url("Images/arrow_right_blue1.svg");*/
  background-image: url("Images/arrow_right.svg");
}

.oc-menu button::-moz-focus-inner {
  outline: 0; }

.oc-menu button.oc-menu--close-level {
  background-image: none; }
/*
.oc-menu .oc-menu--close-level {
  display: none; }
*/

.oc-menu .oc-menu--close-level:before {
  content: url("Images/arrow_right.svg");
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 7px;
  line-height: 14px;
  margin-right: 12px;
  margin-left: 0; }

.oc-menu .oc-menu--close-level:hover:before {
  content: url("Images/arrow_right_blue1.svg"); }

.oc-menu li > span,
.oc-menu button,
.oc-menu ul a {
  color: white;
  font-size: 24px;
  /*line-height: 1;*/
  line-height: 1.5;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 12.5%;
  padding-left: calc(12.5% - 20px);
  border-left-width: 20px;
  border-left-style: solid;
  border-left-color: transparent;
  display: block; }

.oc-menu button:hover,
.oc-menu button:focus,
.oc-menu ul a:hover {
/*.oc-menu ul a:focus { */
  border-left-color: transparent;
  /*color: #264180;*/
  color: #003f83;
  /*text-decoration: none;*/
  text-decoration: underline;
  outline: 0; }

.oc-menu button:hover,
.oc-menu button:focus,
.oc-menu ul a:hover,
.oc-menu ul .fix-header .logo span:hover,
.fix-header .logo .oc-menu ul span:hover,
.oc-menu ul a:focus,
.oc-menu ul .fix-header .logo span:focus,
.fix-header .logo .oc-menu ul span:focus {
  border-left-color: transparent; }

.oc-menu ul li span:hover, .oc-menu ul li span:focus {
  text-decoration: underline;
}
.oc-menu ul li span.oc-menu--root-line:hover, .oc-menu ul li span.oc-menu--root-line:focus {
  text-decoration: none;
  cursor:auto;
}

.oc-menu button[aria-selected="true"] {
  background-color: #ffffff;
  /*color: #264180;*/
  color: #003f83;
  font-weight: bold; }

.oc-menu--level-wrap[data-level="0"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.oc-menu--level-wrap[data-level="0"] > ul {
  position: static;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-bottom: 25px; }

.oc-menu--level-wrap[data-level="0"] > h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 12.5%; }

.oc-menu--duped {
  font-weight: bold; }

.oc-menu span.oc-menu--root-line,
button.oc-menu--root-line,
ul a.oc-menu--root-line {
  /*background-color: #ffffff;*/
  /*
  background-color: #D4D4D4;
  color: #264180;
  */
  background-color: #4a77a9;
  color: #ffffff;
  font-weight: bold;}

button.oc-menu--root-line:after {
  /*background-image: url("Images/arrow_right_black.svg");*/
   background-image: url("Images/arrow_right.svg");}

.oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: #ffffff;
  /*color: #264180;*/
  color: #003f83; }

.oc-menu--external-link {
  position: relative;
  padding-left: 1.7em;
  margin-top: 0.25em; }

.oc-menu--external-link:before {
  content: '';
  background-image: url("Images/icon-external-white.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.3em;
  position: absolute;
  top: 1px;
  left: 0; }

.oc-menu--external-link:hover,
.oc-menu--external-link:focus {
  color: white; }

.oc-menu--link {
  display: block;
  text-align: center; }

.oc-menu--link button {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0;
  background: transparent;
  border: none; }

.oc-menu .oc-menu--link button:focus,
.oc-menu .oc-menu--link button:hover {
  text-decoration: underline; }

.oc-menu--link button i.fa {
  margin-right: 10px;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 1;
  vertical-align: middle;
  color: #222;
  position: relative;
  top: -2px; }

.oc-menu--link button i.fa::before {
  display: inline-block;
  position: relative;
  top: 0.19rem; }

.oc-menu--link button.oc-menu--close i.fa {
  /*background-color: #083a81;*/
  background-color: #ffffff;
  border-radius: 50%;
  /*color: white;*/
  color: #222; }

.oc-menu--meta-nav ul {
  position: static; }
.oc-menu--meta-nav ul li {
  display: block;
  float: none; }

.oc-menu--meta-nav .lang-selector > .icon {
  display: none; }

.oc-menu--meta-nav .lang-selector .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  margin: 0; }

.oc-menu--meta-nav .lang-selector .dropdown-menu > li > a:hover,
.oc-menu--meta-nav .lang-selector .dropdown-menu > li > a:focus {
  color: white; }
.oc-menu--meta-nav .lang-selector .dropdown-menu .active {
  background-image: url(Images/icon-dropdown-active-white.png);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1.5em 0.9em; }

.oc-menu--meta-nav .lang-selector .icon-carret:after {
  content: '';
  background: url("Images/icon-dropdown-closed.png") no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: 5px; }

.oc-menu--meta-nav .lang-selector.open .icon-carret:after {
  background: url("Images/icon-dropdown-open.png") no-repeat 0 0 transparent; }

.oc-menu--meta-nav .lang-selector.open > a {
  border-left-color: transparent; }

.oc-menu--meta-nav .lang-selector.open > a:hover,
.oc-menu--meta-nav .lang-selector.open > a:focus {
  border-left-color: white; }
/*
.oc-menu--meta-nav .simple a {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAQAAAAn3TzeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBCoq5AoJAAABC0lEQVQ4y+2TsUrDUBSGv0QcRZC2kzGtBbW4Ci4+gL6CODlk9Em6OLp2EBx0EJwFdRRXW4WSpotKhww6RGt/F4tJ7oXGzv3udP5zvnOng7C+Az3oWx86k2fr26Wm/nhVvZi2qyy3xbQb5dnOz7jkqbBjZHv5wNS2cIxsbbJWw8SdrJUtWt/UrtjPjN5zTZyqE+44T9XLBLQc6XffE4880yUk5J0SJcokDIiYw6dKnXUaNPCAPrIR6VKB0JEu1NXI6Mfj30x6VIlZtPZGLtPgTqcx02ZaEe2Er386CccIVRToVB0NM8cRCsWZZKi2WjrUknBSdzOPzwoePqtssMAmL7zRpkNIj4iQz/HoD08YEa5kBPdEAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1.1em 1em; }

.oc-menu--meta-nav .sign a {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAiCAQAAAAJthr8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBQjmn3qsAAACsElEQVQ4y42VX2jWZRTHP5tLlqTJ3AQlaC52sbmpwXBqUgRuBiYaif8mbg2LBCVFUIQKEtsuLI1CKW0hpEJRgdPV1DvndKxR4HAyaOzCXDBka8ts9ro+Xezx9d273/u689z8vuf5fX7nPIdznh8y6VVjh+880pMH31T1k8ehuRYkeTao+m1Qc1KjDToOXq5qZ1CfqfWSSZT9AcyLqyIuA8NUAgVcZgcwkxRRL4x9N6xuVSvFrd5TdV+qhItU/SCow6p+JH6jasw1Yq5PR6Evqlou4mZVT4ktqvY5S1zvqFej0HfVEaeIW1T9y5dtUrVVnBueP41Cb6oDLgyp6t8Oq1rnfPcG3/tRZ61UddTx1m+1b9mvaodl0WXabrL1qdc9GtTB1N1UlQANeMBXLPZi0E0WhrcKzc6a0A6bgXZiNPEbQzzBe/TQQAV9rOMa8BLL2EQptRPRQ5xmkBwKeINSngGOsBj4nXucZyVjRB83ktNd7C7bE1JuconrxhVtwOOuMkMeRq0jm38oozIe/T7fc44uNrI/eG7zE2dp5kHQIhZPqOodp/mUPyZ4PjZ7fIYZAnzH60knHuEEbcwgnwcsZwr7uZJclAyhiK7I0YvRzEVGyKSVXkb4L2nfqXb6OIupPTa6zWcTL5gP00J/hv59ZJd8YQzNopN09it13CGXCnJ4kgryWMEtWh9W+GjauN2etDYkOdUSq81J7OEvUmAd9oanfz0W79+k9j8UiZ6xxj22xXWDi6Lu4ZIw/YZ5HQq1/cpCi/3c+2GnPnroVvtzfEanW+1dVW+5WsS3/UU19by+6teqfinmedKYqi0uEHGtK9P/OHaq2ixivkdCJj84O6pMyWu3qo1BPe8ZVasmg+Iyh9RGpwdd7mtmTQ7F5+xXe8yI3s9M04Q9LKWNwVTb/wMJNVft16gY+wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1em 1em; }

.oc-menu--meta-nav .lang-selector a.dropdown-toggle {
  background-image: url(Images/icon-lang-white.svg);
  background-repeat: no-repeat;
  background-size: auto 0.9em;
  background-position: 0.75em 1em; }
*/
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a {
  /*font-size: 16px;*/
  background-color: transparent;
  padding-left: 48px;
  padding-top: 0.7em;
  padding-bottom: 0.7em; }

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a:hover, .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a:focus {
  background-color: transparent; }


@media screen and (min-width: 800px) {
  .oc-menu .oc-menu--close-level {
  display: none; }

  .oc-menu--level-wrap[data-level="1"] li > span,
  .oc-menu--level-wrap[data-level="1"] button,
  .oc-menu--level-wrap[data-level="1"] ul a {
    /*font-size: 21px;*/
    font-size: 18px; }

  .oc-menu--level-wrap[data-level="2"] li > span,
  .oc-menu--level-wrap[data-level="2"] button,
  .oc-menu--level-wrap[data-level="2"] ul a,
  .oc-menu--level-wrap[data-level="3"] li > span,
  .oc-menu--level-wrap[data-level="3"] button,
  .oc-menu--level-wrap[data-level="3"] ul a {
    /*font-size: 20px;*/
    font-size: 18px; }

  .oc-menu--meta-nav {
    display: none; } }


@media screen and (min-width: 769px) {
  .oc-menu--column-wrap {
    height: auto;
    min-height: 100%; }
  .oc-menu--level-wrap {
    height: auto;
    /*min-height: 46.875em;*/
    /*min-height: 560px;*/
    min-height: 510px;
    max-height: none;
    /*overflow-y: visible;*/ }
  .oc-menu ul {
    position: static; } }


/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 799px) {
  .fix-header .menu-search .search,
  .fix-header.affix .menu-search .search {
    margin-top: 10px; }
   button, .fix-header .menu-search .search a .icon-link,
  .fix-header.affix .menu-search .search a .icon-link {
    font-size: 1.125rem; }
  .fix-header .xxs-col-search {
    width: auto; }
  .oc-menu .oc-menu--close-level {
    display: block; }
  .oc-menu {
    width: 300vw;
    margin-left: 0;
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out; }
    .oc-menu[data-current-level="1"] {
      margin-left: -100vw; }
    .oc-menu[data-current-level="2"] {
      margin-left: -200vw; }
    .oc-menu[data-current-level="3"] {
      margin-left: -300vw; }
  .oc-menu--level-wrap {
    overflow-y: auto;
    padding-top: 10px;
    /*min-height: 29rem;*/
    min-height: 560px; }
  .oc-menu--level-wrap[data-level="0"] {
    padding-top: 32px; }
    .oc-menu--level-wrap[data-level="0"] > h3 {
      font-size: 20px;
      padding: 0 7.5%;
      margin-bottom: 15px; }
  .oc-menu .oc-menu--level-wrap li > span,
  .oc-menu .oc-menu--level-wrap button,
  .oc-menu .oc-menu--level-wrap ul a {
    font-size: 18px;
    font-weight: bold;
    padding-right: 7.5%;
    padding-left: calc(7.5% - 10px);
    border-left-width: 10px; }
  .oc-menu .oc-menu--level-wrap[data-level="0"] li > span,
  .oc-menu .oc-menu--level-wrap[data-level="0"] button,
  .oc-menu .oc-menu--level-wrap[data-level="0"] ul a {
    font-size: 18px; }

    .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a,
    .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li .fix-header .logo span,
    .fix-header .logo .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li span {
      font-size: 18px; }}


@media screen and (max-width: 480px) {
  .oc-menu--link a i.fa,
  .oc-menu--link button i.fa {
    top: -2px; }
  .oc-menu--level-wrap[data-level="0"] {
    padding-top: 20px; }
  .oc-menu--portal-links {
    display: block; }
  .oc-menu--portal-links > a {
    display: block;
    width: 100%;
    padding: 25px 7.5%;
    font-size: 12px; }
    .oc-menu--portal-links > a h3 {
      font-size: 20px; }
  .oc-menu--close-extra {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; } }


/*------------ menu updated --------------------*/

.oc-menu--meta-nav .icon:before {
  margin-right: 10px; }

.oc-menu--meta-nav .simple .icon:before {
  content: url("Images/icon-simple.png");
  /*content: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAQAAAAn3TzeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBCoq5AoJAAABC0lEQVQ4y+2TsUrDUBSGv0QcRZC2kzGtBbW4Ci4+gL6CODlk9Em6OLp2EBx0EJwFdRRXW4WSpotKhww6RGt/F4tJ7oXGzv3udP5zvnOng7C+Az3oWx86k2fr26Wm/nhVvZi2qyy3xbQb5dnOz7jkqbBjZHv5wNS2cIxsbbJWw8SdrJUtWt/UrtjPjN5zTZyqE+44T9XLBLQc6XffE4880yUk5J0SJcokDIiYw6dKnXUaNPCAPrIR6VKB0JEu1NXI6Mfj30x6VIlZtPZGLtPgTqcx02ZaEe2Er386CccIVRToVB0NM8cRCsWZZKi2WjrUknBSdzOPzwoePqtssMAmL7zRpkNIj4iQz/HoD08YEa5kBPdEAAAAAElFTkSuQmCC);*/
}
.oc-menu--meta-nav .simple:hover .icon:before {
  content: url("Images/icon-simple_hover.png");
}

.oc-menu--meta-nav .sign .icon:before {
  content: url("Images/icon-sign.png");
  /*content: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAiCAQAAAAJthr8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBQjmn3qsAAACsElEQVQ4y42VX2jWZRTHP5tLlqTJ3AQlaC52sbmpwXBqUgRuBiYaif8mbg2LBCVFUIQKEtsuLI1CKW0hpEJRgdPV1DvndKxR4HAyaOzCXDBka8ts9ro+Xezx9d273/u689z8vuf5fX7nPIdznh8y6VVjh+880pMH31T1k8ehuRYkeTao+m1Qc1KjDToOXq5qZ1CfqfWSSZT9AcyLqyIuA8NUAgVcZgcwkxRRL4x9N6xuVSvFrd5TdV+qhItU/SCow6p+JH6jasw1Yq5PR6Evqlou4mZVT4ktqvY5S1zvqFej0HfVEaeIW1T9y5dtUrVVnBueP41Cb6oDLgyp6t8Oq1rnfPcG3/tRZ61UddTx1m+1b9mvaodl0WXabrL1qdc9GtTB1N1UlQANeMBXLPZi0E0WhrcKzc6a0A6bgXZiNPEbQzzBe/TQQAV9rOMa8BLL2EQptRPRQ5xmkBwKeINSngGOsBj4nXucZyVjRB83ktNd7C7bE1JuconrxhVtwOOuMkMeRq0jm38oozIe/T7fc44uNrI/eG7zE2dp5kHQIhZPqOodp/mUPyZ4PjZ7fIYZAnzH60knHuEEbcwgnwcsZwr7uZJclAyhiK7I0YvRzEVGyKSVXkb4L2nfqXb6OIupPTa6zWcTL5gP00J/hv59ZJd8YQzNopN09it13CGXCnJ4kgryWMEtWh9W+GjauN2etDYkOdUSq81J7OEvUmAd9oanfz0W79+k9j8UiZ6xxj22xXWDi6Lu4ZIw/YZ5HQq1/cpCi/3c+2GnPnroVvtzfEanW+1dVW+5WsS3/UU19by+6teqfinmedKYqi0uEHGtK9P/OHaq2ixivkdCJj84O6pMyWu3qo1BPe8ZVasmg+Iyh9RGpwdd7mtmTQ7F5+xXe8yI3s9M04Q9LKWNwVTb/wMJNVft16gY+wAAAABJRU5ErkJggg==);*/
}
.oc-menu--meta-nav .sign:hover .icon:before {
  content: url("Images/icon-sign_hover.png");
}


.oc-menu--meta-nav .dropdown-toggle[aria-expanded="true"] .icon-carret:after {
  background-image: url("Images/icon-select-up-lilac.png");
  background-position: center; }

.oc-menu--meta-nav .dropdown-menu li.active a {
  color: #000; }

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li a:hover,
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li a:focus {
  background-color: #ffffff;
  /*color: #264180;*/
  color: #003f83;}

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li.active a:hover,
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li.active a:focus {
  background-color: transparent;
  color: #000; }

.oc-menu--meta-nav .lang-selector a.dropdown-toggle {
  background-image: none; }

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a {
  padding-left: calc(7.5% - 10px);
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
/*
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav .lang-selector ul li a {
  padding-left: calc(7.5% + 15px); }
*/
.oc-menu--meta-nav .lang-selector .dropdown-menu .active {
  background-image: url("Images/icon-dropdown-active.png");
  background-position: 7.6% center; }

.oc-menu--link a i.fa,
.oc-menu--link button i.fa {
  top: 0;
  margin-right: 0;
  margin-left: 10px; }

.oc-menu--link a i.fa:before {
  top: 0;
  position: relative; }

.oc-menu--link button i.fa::before {
  top: 2px;
  position: relative; }

.oc-menu--link button.oc-menu--close i.fa {
  /*display: none;*/ }
/*
.oc-menu--link button.oc-menu--close:after {
  content: '';
  background-image: url("Images/icon-new-menu-close.svg");
  background-repeat: no-repeat;
  background-size: auto 18px;
  background-position: center center;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 35px;
  height: 42px;
  margin-left: 7px; }
*/
@media (max-width: 799px) {
  /*
  .oc-menu--link button.oc-menu--close:after {
    height: 35px; }*/ }

@media (max-width: 400px) {
  .oc-menu--link a i.fa {
    font-size: 18px;
    margin-left: 3px; }
  .oc-menu--link button i.fa {
    font-size: 18px;
    margin-left: 0; }
  .oc-menu--link a i.fa::before {
    top: 2px; }
  .oc-menu--link button i.fa::before {
    top: 7px; }
  /*
  .oc-menu--link button.oc-menu--close:after {
    width: 32px;
    height: 40px;
    margin-left: 0;
    background-size: auto 16px; }*/ }

.oc-menu {
  /*overflow-x: hidden;*/
  -webkit-transition: background-color 0.3s linear 0s;
  transition: background-color 0.3s linear 0s;
  /*min-height: 560px;*/
  min-height: 510px;
  /*height: auto;*/
  /*top: 116px;*/ }
@media (max-width: 799px) {
  .oc-menu {
    overflow-x: hidden;
    top: 75px; } }
@media (max-width: 400px) {
  .oc-menu {
    top: 60px; } }


.oc-menu.hidden, .oc-menu.hide {
  display: none;
  background-color: transparent;
  overflow: hidden; }

@supports (pointer-events: none) {
  .oc-menu.hidden, .oc-menu.hide {
    display: block !important;
    pointer-events: none; } }

.oc-menu--column-wrap {
  /*background: #3A5B93;*/
  background-color: #1d5a96;
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 90%;
  top: 0;
  /*left: 0%;*/
  left: auto;
  right: 0%;
  /* both because IE */
  min-height: auto;
  min-height: unset;
  /*-webkit-transition: left 0.3s ease-in-out 0s;*/
  /*transition: left 0.3s ease-in-out 0s;*/
  -webkit-transition: right 0.3s ease-in-out 0s;
  transition: right 0.3s ease-in-out 0s;}

@media (max-width: 799px) {
  .oc-menu ul {
    padding-bottom: 30px;
    /*margin-bottom: 100px;*/ }
  .oc-menu--column-wrap {
    max-height: none; } }

@media (max-width: 480px) {
  .oc-menu--column-wrap {
    min-height: 660px; } }

.oc-menu.hidden .oc-menu--column-wrap,
.oc-menu.hide .oc-menu--column-wrap {
  left: 100vw !important; }

@media (min-width: 1440px) {
  .oc-menu.hidden .oc-menu--column-wrap,
  .oc-menu.hide .oc-menu--column-wrap {
    left: 1440px !important; } }



.oc-menu--level-wrap {
  background-color: white; }

.oc-menu--portal-links {
  margin-bottom: 0px; }

.oc-menu--level-wrap[data-level="0"] {
}

@media (max-width: 768px) {
  .oc-menu--level-wrap[data-level="0"] {
   } }

.oc-menu li > span,
.oc-menu button,
.oc-menu ul a {
  padding-top: 0.7em;
  padding-bottom: 0.7em; }

@media (max-width: 480px) {
  .oc-menu li > span,
  .oc-menu button,
  .oc-menu ul a {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }

  .oc-menu--link a i.fa,
  .oc-menu--link button i.fa {
    top: -2px; }}

.oc-menu button {
  background-size: auto 16px; }

.oc-menu button,
.oc-menu ul a {
  /*font-weight: bold;*/
  font-weight: normal;}

.oc-menu button:focus,
.oc-menu ul a:focus,
.oc-menu button:hover,
.oc-menu ul a:hover {
  /*text-decoration: underline;*/
  font-weight: bold; }

/*@media (max-width: 768px) {*/
@media (max-width: 799px) {
  .fix-header .menu-search {
    padding-right: 3%;
  }
/*
  .oc-menu {
    background-color: transparent;}
*/
  .oc-menu.hidden .menu-close-link {
    display:none;
   }
  .oc-menu--column-wrap {
  /*background: #3A5B93;*/
  /*background-color: #1d5a96; */
  background: none;
  position: absolute;
  width: 100%;
  height: auto;
 /* height: 100%;*/
  top: 0;
  left: 0%;
  /* both because IE */
  min-height: auto;
  min-height: unset;
  -webkit-transition: left 0.3s ease-in-out 0s;
  transition: left 0.3s ease-in-out 0s;}


  .oc-menu[data-current-level="0"],
  .oc-menu[data-current-level="1"],
  .oc-menu[data-current-level="2"],
  .oc-menu[data-current-level="3"] {
    margin-left: 0; }
  .oc-menu:not(.hidden)[data-current-level="1"] .oc-menu--column-wrap {
    left: -100vw; }
  .oc-menu:not(.hidden)[data-current-level="2"] .oc-menu--column-wrap {
    left: -200vw; }
  .oc-menu:not(.hidden)[data-current-level="3"] .oc-menu--column-wrap {
    left: -300vw; }}

@media (min-width: 800px) {
/*@media (min-width: 900px) {*/
  .oc-menu .menu-close-link {
    position: absolute;
    display: block;
    right: -25px;
    top: -25px;
    color: #ffffff;
    margin: 40px 80px;
    cursor: pointer;
    z-index:100;
    /*font-size: 15px;*/
  }
  .oc-menu .menu-close-link:after {
    content: '';
    width: 36px;
    height: 20px;
    background-image: url("Images/icon-menu-close_blue.png");
    background-size: auto 20px;
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 9px);
  }

  .oc-menu .menu-close-link:hover,
  .oc-menu .menu-close-link:focus {
    text-decoration: underline;
   }
  .oc-menu.hidden .menu-close-link {
    display:none;
   }

  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    /*left: calc(200vw / 3);*/
    left: calc((100vw / 3)*2);
   }
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    /*left: calc(100vw / 3);*/
    left: 0;
   /* width: calc(100% / 2);
    padding-left: 15vw;*/
   }
   .oc-menu .oc-menu--level-wrap[data-level="1"] ul {
     /*width: 55%;*/
     width: 75%;
     /*padding-left: 12vw;*/
     float: right;
   }
   .oc-menu .oc-menu--level-wrap[data-level="1"] button,
   .oc-menu .oc-menu--level-wrap[data-level="1"] ul a,
   .oc-menu .oc-menu--level-wrap[data-level="1"] span {
     font-weight: bold;}

   .oc-menu .oc-menu--level-wrap[data-level="1"] span.oc-menu--root-line,
   .oc-menu .oc-menu--level-wrap[data-level="1"] ul a.oc-menu--root-line,
   .oc-menu .oc-menu--level-wrap[data-level="1"] button.oc-menu--root-line {
   /*
     background: #D4D4D4;
     color: #264180;
   */
     background: #4a77a9;
     color: #ffffff;
   }
   .oc-menu .oc-menu--level-wrap[data-level="2"] ul,
   .oc-menu .oc-menu--level-wrap[data-level="3"] ul{
     /*width: 55%;*/
     width: 75%;
     /*padding-left: 12vw;*/
     /*float: right;*/
   }
   .oc-menu .oc-menu--level-wrap[data-level="2"] ul a,
   .oc-menu .oc-menu--level-wrap[data-level="3"] ul a {
     /*font-weight: normal;*/
     font-size:18px;
     font-weight: bold;
   }
   .oc-menu .oc-menu--level-wrap[data-level="2"] ul a.oc-menu--duped,
   .oc-menu .oc-menu--level-wrap[data-level="3"] ul a.oc-menu--duped {
     font-weight: bold;
     /*font-size:20px;*/
     font-size: 18px;
   }
  .oc-menu[data-current-level="2"] .oc-menu--column-wrap,
  .oc-menu[data-current-level="3"] .oc-menu--column-wrap {
    left: 0;}
  .oc-menu--level-wrap {
   /* width: calc(100% / 3);*/
   width: calc(100% / 3); } }

@media (min-width: 1200px) {
  .oc-menu .oc-menu--level-wrap[data-level="1"] ul,
  .oc-menu .oc-menu--level-wrap[data-level="3"] ul {
    width: 55%; }
  .oc-menu .oc-menu--level-wrap[data-level="2"] ul {
    width: 100%;
  }
/*  .oc-menu .oc-menu--level-wrap[data-level="3"] ul,
  .oc-menu--level-wrap[data-level="3"] button {
    display: block;
    opacity: 100;
  }*/
  .oc-menu .menu-close-link {
    top: 0;
    right: 0; }
}
@media (min-width: 1200px) {
  .oc-menu--level-wrap[data-level="0"] {
   }
  .oc-menu--level-wrap[data-level="portals"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    left: calc((100vw / 3)*2);
    /*left: 59vw;*/
    /*left: 50vw;*/ }
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    /*left: calc(100vw / 3);*/
    /*left: 29.5vw;*/
    /*left: 25vw;*/ }
  .oc-menu[data-current-level="2"] .oc-menu--column-wrap {
    /*left: 0;*/ }
  .oc-menu--level-wrap {
    width: 100%; } }

@media (min-width: 1440px) {
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    /*left: 960px;*/
    /*left: 720px;*/ }
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    /*left: 480px;*/
    /*left: 0;*/
    /*left: 360px;*/ } }


.oc-menu li.lang-icon:hover span,
.oc-menu li.lang-icon:hover a,
.oc-menu li.lang-icon span:hover,
.oc-menu li.lang-icon a:hover {
  /*color: #264180;*/
  color: #003f83;
  font-weight: bold;
}

/** ===== fixes for IE 10 ===== **/
@media (min-width: 1200px) {
  .oc-menu--ie11 .oc-menu--level-wrap[data-level="portals"] {
    display: block;
    position: relative; }
  .oc-menu--ie11 .oc-menu--level-wrap[data-level="portals"] > * {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 33.333333%; }
  .oc-menu--ie11 .oc-menu--level-wrap[data-level="portals"] > *:nth-child(2) {
    top: 33.333333%; }
  .oc-menu--ie11 .oc-menu--level-wrap[data-level="portals"] > *:nth-child(3) {
    top: 66.6666666%; } }


/*------------ menu button --------------------*/
.page-header .menu-search .header-menu button {
  text-align: center;
  line-height: 100%; }
.page-header .menu-search .header-menu button i {
  position: relative;
  top: 12px;
  height: 72px;
  display: inline-block;
  overflow: hidden; }
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-menu button i {
    top: 0; } }
.page-header .menu-search .header-menu button i:before {
  /*width: 72px;*/
  /*height: 70px;*/
  display: inline-block; }
.page-header .menu-search .header-menu button.oc-menu--open i:before {
  content: url("Images/menu-hamburger-button_m.png"); }
.page-header .menu-search .header-menu button.oc-menu--close i:before {
  content: url("Images/menu-button-close_m.png"); }
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-menu button.oc-menu--open i:before {
    content: url("Images/menu-hamburger-button_m.png"); }
  .page-header .menu-search .header-menu button.oc-menu--close i:before {
    content: url("Images/menu-button-close_m.png"); } }
@media print, screen and (min-width: 64em) {
  .page-header .menu-search .header-menu button.oc-menu--open i:before {
    content: url("Images/menu-hamburger-button.png"); }
  .page-header .menu-search .header-menu button.oc-menu--close i:before {
    content: url("Images/menu-button-close.png"); } }
.page-header .menu-search .header-menu button span {
  margin-top: -6px;
  color: #444;
  font-size: large;
  font-weight: bold;
  display: none; }
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-menu button span {
    display: block; } }



/* override baden scss */
.oc-menu li button[aria-selected="true"] {
    background-color: #fff;
    background-image: none;
    /*color: #264180;*/
    color: #003f83;
}
.oc-menu--meta-nav .simple a, .oc-menu--meta-nav .simple .fix-header .logo span, .fix-header .logo .oc-menu--meta-nav .simple span {
  background:none;
}
.oc-menu--meta-nav .sign a, .oc-menu--meta-nav .sign .fix-header .logo span, .fix-header .logo .oc-menu--meta-nav .sign span {
  background:none;
}
/*
.oc-menu button[aria-selected="true"] {
    background-color: white;
    background-image: url("Images/arrow_right_blue1.svg");
    color: #083a81;
}
*/

/*
.content .stage.teaser-slider .stage-wrapper .stage-text .link-wrapper a,
.fix-header .logo .content .stage.teaser-slider .stage-wrapper .stage-text .link-wrapper span,
.content .stage.teaser-slider .stage-wrapper .stage-text .link-wrapper h3 {
  color: #502572;
}
.content .stage.teaser-slider .stage-wrapper .stage-text .link-wrapper a:hover,
.fix-header .logo .content .stage.teaser-slider .stage-wrapper .stage-text .link-wrapper a:hover span,
.content .stage.teaser-slider .stage-wrapper .stage-text .link-wrapper a:hover h3 {
  color: #502572 !important;
}
.content .jobboard-teaser .jobboard-wrapper.jobboard-list .col-right.std-list ul li .date-cat .start-date {
    padding-left: 0;
}
.content.jobboard .jobboard-wrapper.jobboard-list .col-right.std-list ul li .date-cat .start-date {
    padding-left: 0;
}

.content .dates .dates-list ul li.link-wrapper .right a .icon-link::after,
.content .dates .dates-list ul li.link-wrapper .right .fix-header .logo span .icon-link::after,
.fix-header .logo .content .dates .dates-list ul li.link-wrapper .right span .icon-link::after {
    left: -35px;
    top: 0;
}
*/