/*------------------------- 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;
  height: calc(100vh - 100%);
  width: 100%;
  background-color: #555;
  top: 100%;
  left: 0;
  color: white;
  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%;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-height: 100%;
  /*overflow-y: auto;*/
  -webkit-overflow-scrolling: touch; }

.oc-menu--level-wrap[data-level="0"] {
  z-index: 10;
  background-color: #2e2e2e;}

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

.oc-menu--level-wrap[data-level="2"] {
  z-index: 8;
  background-color: #666666; }

.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;
  margin: 0 0 30px 0;
  width: 100%; }

.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:not(.oc-menu--close-level):after {
  content: '';
  background-image: url("Images/arrow_right.svg");
  background-size: auto 18px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right:0; 
  height: 100%;
  padding: 29px 40px;}
  
.oc-menu button:focus,
.oc-menu button:active {
  outline: 0; }

.oc-menu button:hover {
  cursor: pointer;
}
.oc-menu li:hover {
  background-size: 90% auto;
  background-color: #d5002c;
  cursor: pointer;
}
.oc-menu li:hover button:not(.oc-menu--close-level):after {
  background-color: #666666;
}
.oc-menu .oc-menu--level-wrap[data-level="0"] li:hover button:not(.oc-menu--close-level):after {
  background-color: #444444;
}

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

.oc-menu button.oc-menu--close-level {
  background-image: 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 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-right: 85px;
  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: white;*/
  text-decoration: none;
  outline: 0; }

.oc-menu button[aria-selected="true"] {
  background-color: #d5002c;
  color: #ffffff;
  font-weight: bold; }

.oc-menu button:not(.oc-menu--close-level)[aria-selected="true"]:after {
  /*background-image: url("Images/arrow_right_blue1.svg");*/ }
/*
.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: 20px; }

.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 {
  font-size: 19px; }
*/
.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--portal-links {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.oc-menu--portal-links h3 {
  margin-top: 0; }

.oc-menu--portal-links span,
.oc-menu--portal-links a {
  display: block; }

.oc-menu--portal-links > a {
  padding: 32px 12.5%; }

.oc-menu--portal-links > a:nth-child(1) {
  background-color: #5c2874; }

.oc-menu--portal-links > a:nth-child(2) {
  background-color: #792573; }

.oc-menu--portal-links a {
  color: white; }
  .oc-menu--portal-links a:hover, .oc-menu--portal-links a:focus {
    text-decoration: none; }

.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: #f9f9f9;
  color: #000;
  font-weight: bold; }

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

.oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: white;
  color: #083a81; }

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

.oc-menu--external-link:before {
  content: '';
  background-image: url("/fileadmin/Public/Css/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--portal-links a:hover .oc-menu--external-link,
.oc-menu--portal-links a:focus .oc-menu--external-link {
  text-decoration: underline; }
  .oc-menu--portal-links a:hover .oc-menu--external-link:before,
  .oc-menu--portal-links a:focus .oc-menu--external-link:before {
    background-image: url("/fileadmin/Public/Css/Images/icon-external-white_hover.png"); }

.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--link button:focus,
.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;
  border-radius: 50%;
  color: white; }

.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: 900px) {
  .oc-menu .oc-menu--close-level {
     display: none; }}
     
@media screen and (min-width: 800px) {
  .oc-menu li > span,
  .oc-menu button,
  .oc-menu ul a {
    font-size: 24px; }
    /*
  .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; }
  .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 {
    font-size: 20px; }
    */
  .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;
    max-height: none;
    /*overflow-y: visible;*/ }
  .oc-menu ul {
    position: static; } }

/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 899px) {*/
  .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 {
    padding-top: 10px;
    min-height: 29rem; }
  .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: 16px;*/
    padding-left: calc(7.5% - 10px);
    border-left-width: 10px; }
  .oc-menu .oc-menu--level-wrap li > span,
  .oc-menu .oc-menu--level-wrap ul a {
    padding-right: 7.5%; }
  .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--portal-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .oc-menu--portal-links > a {
    display: inline-block;
    width: 50%;
    padding: 25px 3%;
    font-size: 14px; }
    .oc-menu--portal-links > a h3 {
      font-size: 24px;
      margin-bottom: 0.65em; } }

@media screen and (max-width: 480px) {
  .oc-menu button:not(.oc-menu--close-level)::after {
    padding: 24px 40px;}
  .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"); }

.oc-menu--meta-nav .sign .icon:before {
  content: url("Images/icon-sign.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: white;
  color: currentColor; }

.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 {
  display: block;
  overflow-x: hidden;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-transition: background-color 0.3s linear 0s;
  transition: background-color 0.3s linear 0s;
  /*top: 116px;*/ }

@media (max-width: 799px) {
  .oc-menu {
    /*top: 75px;*/
    top: 72px; } }

@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; } }
    
@media (max-width: 799px) {
  .oc-menu.hidden, .oc-menu.hide {
    display: none; } 
}
.oc-menu--column-wrap {
  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; }

@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--level-wrap[data-level="portals"] {
  display: none;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.oc-menu--level-wrap[data-level="portals"] > * {
  padding: 45px 25% 30px 45px; }

.oc-menu--level-wrap[data-level="portals"] a {
  position: relative; }

.oc-menu--level-wrap[data-level="portals"] a h3:after {
  content: url("Images/icon-new-external-white.svg");
  display: block;
  position: absolute;
  top: calc(50% - 1.3rem);
  right: 8.16666%;
  width: 2.6rem;
  height: 2.6rem; }

.oc-menu--level-wrap[data-level="portals"] a:hover,
.oc-menu--level-wrap[data-level="portals"] a:focus {
  text-decoration: none; }

.oc-menu--level-wrap[data-level="portals"] .oc-menu--external-link,
.oc-menu--level-wrap[data-level="portals"] .oc-menu--external-link {
  display: block; }

.oc-menu--level-wrap[data-level="portals"] a:hover h3,
.oc-menu--level-wrap[data-level="portals"] a:focus h3 {
  text-decoration: underline; }

.oc-menu--level-wrap[data-level="portals"] a:hover h3:after,
.oc-menu--level-wrap[data-level="portals"] a:focus h3:after {
  content: url("Images/icon-new-external-white_hover.svg"); }

.oc-menu--level-wrap[data-level="portals"] a:hover .oc-menu--external-link:before,
.oc-menu--level-wrap[data-level="portals"] a:focus .oc-menu--external-link:before {
  background-image: url("Images/icon-external-white_hover.png"); }

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

.oc-menu--portal-links > a {
  width: 50%;
  display: inline-block;
  padding: 25px 3%;
  font-size: 14px;
  min-height: 100%;
  vertical-align: top;
  position: relative; }

.oc-menu--portal-links > a h3:after {
  content: url("Images/icon-new-external-white.svg");
  display: block;
  position: absolute;
  top: calc(50% - 1rem);
  right: 6%;
  width: 2rem;
  height: 2rem; }

.oc-menu--portal-links > a:hover h3,
.oc-menu--portal-links > a:focus h3 {
  text-decoration: underline; }

.oc-menu--portal-links > a:focus h3:after,
.oc-menu--portal-links > a:hover h3:after {
  content: url("Images/icon-new-external-white_hover.svg"); }

.oc-menu--portal-links > a > span.oc-menu--external-link {
  display: none; }

@media (min-width: 769px) {
  .oc-menu--portal-links > a {
    display: block;
    width: 100%;
    /* both because IE */
    min-height: auto;
    min-height: unset;
    padding: 20px 12.5%;
    padding-right: 16.6666666%; }
  .oc-menu--portal-links > a > h3 {
    margin-bottom: 5px; } }

@media (max-width: 479px) {
  .oc-menu--portal-links > a {
    display: block;
    width: 100%;
    /* both because IE */
    min-height: auto;
    min-height: unset;
    padding: 15px;
    padding-left: 7.5%; }
  .oc-menu--portal-links > a > h3 {
    margin-bottom: 5px; } }

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

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

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

.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 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: 899px) {
  .oc-menu[data-current-level="0"],
  .oc-menu[data-current-level="1"],
  .oc-menu[data-current-level="2"] {
    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; } }

/*@media (min-width: 800px) {*/
@media (min-width: 900px) {
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    /*OLDER left: calc(200vw / 3);*/
    /*left: calc((100vw / 3)*2);*/
    left: calc((100% / 3)*2);
   }
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    /*OLDER left: calc(100vw / 3);*/
    /*left: calc(100vw / 3);*/
    left: calc(100% / 3);
   }
  .oc-menu[data-current-level="2"] .oc-menu--column-wrap {
    left: 0;}
  .oc-menu--level-wrap {
    width: calc(100% / 3); } }

@media (min-width: 1200px) {
  .oc-menu--portal-links {
    display: none; }
  .oc-menu--level-wrap[data-level="0"] {
   }
  .oc-menu--level-wrap[data-level="portals"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .oc-menu--level-wrap[data-level="portals"] > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 10%;
            flex: 1 0 10%;
    height: 33.333333%; }
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    left: calc((100% / 3)*2);
    /*OLD left: calc((100vw / 3)*2);*/
    /*left: 59vw;*/
    /*left: 50vw;*/ }
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    left: calc(100% / 3);
    /*OLD 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: calc(100% / 3); 
    /*padding-top: 14%;*/ }
  .oc-menu ul {
    margin-top: 60px;} }

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

/** ===== 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%;
  cursor: pointer; }
.page-header .menu-search .header-menu button i,
.page-header .menu-search .header-menu a i {
  position: relative;
  /*top: 12px;*/
  top: 42px;
  height: 72px;
  display: inline-block;
  overflow: hidden; }
.page-header .row.sticky.shrink .menu-search .header-menu button i,
.page-header .row.sticky.shrink .menu-search .header-menu a i {
  top: 22px;
}
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-menu button i,
  .page-header .row.sticky.shrink .menu-search .header-menu button i,
  .page-header .menu-search .header-menu a i,
  .page-header .row.sticky.shrink .menu-search .header-menu a 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,
.page-header .menu-search .header-menu a i:before {
  /*content: url("Images/menu-hamburger-button_m_s.png");*/
  content: url("Images/menu_icon.svg");
  width: 38px;
  height: 38px; }
.page-header .menu-search .header-menu button.oc-menu--close i:before {
  content: url("Images/menu-button-close_m_s.png"); }
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-menu button.oc-menu--open i:before,
  .page-header .menu-search .header-menu a i:before {
    /*content: url("Images/menu-hamburger-button_m.png");*/
   content: url("Images/menu_icon.svg");
   width: 72px;
   height: 72px; }
  .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,
  .page-header .menu-search .header-menu a i:before {
    /*content: url("Images/menu-hamburger-button.png");*/
   content: url("Images/menu_icon.svg");
   width: 72px;
   height: 72px; }
  .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; }
.page-header .menu-search .header-menu a span {
  display: block;
  color: #444;
  font-size: 0.9rem;
  text-align: right;
  padding-right: 18px; }
.page-header .menu-search .header-menu a {
  color: #444; }
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-menu button span {
    display: block; }
   .page-header .menu-search .header-menu a span {
     font-size: large;
     text-align: center;
     padding-right: 0; } }

/* ---------- sticky-menu classes ------------ */
/*
.page-header .row.sticky.shrink .header-menu button span {
  display: none; }
.page-header .menu-search {
    float: right; }
.page-header.shrinked {
  height: 72px !important;
  min-height: unset; }
*/

.page-header .sticky {
  z-index:1; }
.page-header .menu-search {
  float: right;
}
.page-header.menu-open .sticky:not(.shrink) {
  height: 105px !important;
}
.page-header.menu-open .sticky:not(.shrink) .logo-pic {
  width: 180px;
  height: auto;
}
.page-header .sticky:not(.shrink) .oc-menu {
  top: 105px;
}
.page-header .sticky.shrink .menu-search .header-menu button span {
  display: none;
}

@media screen and (max-width: 799px) {
  .page-header.menu-open .sticky:not(.shrink) {
    height: 72px !important;
  }
  .page-header.menu-open .sticky:not(.shrink) .logo-pic {
    width: 132px;
    height: auto;
  }
  .page-header .sticky:not(.shrink) .oc-menu {
    top: 72px;
  }
}


/* @todo:------sass overrides ----- */
.page-header .row.sticky.shrink .logo-wrapper .logo-pic {
  width: 132px;
}

.page-header .menu-search .header-search .search-wrapper .icon-search::before {
  font-size: 1.725rem;
  top: 26px;
  right: 0;
}
.page-header .row.sticky.shrink .menu-search .header-search .search-wrapper .icon-search::before {
  top: 10px;
}
@media print, screen and (min-width: 50em) {
  .page-header .menu-search .header-search .search-wrapper .icon-search::before {
     font-size: 1.6875rem;
     top: 16%;
     right: 6%;
  }
}


/*
a.std-download.download .icon-link-download:before,a.std-download.download:hover .icon-link-download:before,
a.std-external.external .icon-link-external:before,a.std-external.external:hover .icon-link-external:before,
*/
a.std-internal.internal .icon-link-internal:before,a.std-internal.internal:hover .icon-link-internal:before {
  content: "";
  padding:0;
  margin:0;
}
p a.std-glossar {
  font-weight: bold;
}
p a.std-internal.more-link:hover,
p a.std-glossar.more-link:hover {
  text-decoration:underline !important;
}

.theme-detail-content .start-stage .figure .bg-image {
  z-index:0;
}
.theme-detail-content .start-stage .intro-content {
  z-index:0;
}
.intro .intro-content .archive p {
   font-weight: normal;
}
.form ul.powermail_message_error {
  list-style:none;
  margin-left:0;
  color: #d5002c;
  font-style: oblique;
  font-size:1rem;
}