/* Overwrite master variables ---------------------------------------------- */
:root {
  /* Page */
  --page-background: #ECF0F2;
  --page-container-background: #fff;
  --page-container-max-width: 1800px;
  --top-bar-background: #fff;
  --nav-top-bar-background: #fff;
  --page-content-background: #fff;
  
  /* General */
  --text-color: #000; /* unused */
  --link-text-color: #000;
  --link-hover-text-color: #55B4D9;
  
  /* Headers, caption and levels */
  --head-background-color: #007988;
  --head-text-color: #fff;
  --subhead1-background-color: #7f7f7f;
  --subhead1-text-color: #fff;
  --subhead2-background-color: #b3b3b3;
  --subhead2-text-color: #000;
  
  /* Buttons */
  --button-text-color: #fff;
  --button-hover-text-color: #fff;
  --button-background-color: #007988;
  --button-hover-background-color: #4DA1AC;
  --action-button-background-color: #007988;
  --action-button-hover-background-color: unset; /* unused */
  
  /* Navigation */
  --top-nav-text-color: #000;
  --top-nav-hover-text-color: #000;
  --side-nav-text-color: #383838;
  --side-nav-hover-text-color: #383838;
  --nav-active-border-color: #55B4D9;
  
  /* Footer bar */
  --footer-bar-background: #3a3a3a;
  --footer-text-color: #fff;
  --footer-link-color: unset; /* unused */
  --footer-link-hover-color: unset; /* unused */
  --footer-copyright: "";
  --footer-copyright-separator: "";
  --footer-link-separator: "|";
  
  /* Special use cases */
  --lang-switch-separator: "/";
  --scheduler-alt-background: var(--page-container-background);
}

/* Custom fonts ------------------------------------------------------------ */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;src:local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');unicode-range:U+102-103,U+110-111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;src:local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');unicode-range:U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;src:local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

* {
  font-family: Barlow,sans-serif !important;
}
body {
  font: 100%/1.5 Barlow,sans-serif !important;
}

/* Overwrite burger menu --------------------------------------------------- */
@media only screen and (max-width: 1215px) {
  /* Change position due to social sharing links */
  #burgerImg, #pageHead > #menuToggle {
    top: calc(32px + 2rem);
    right: 1.5em;
  }
}
/* Default styles ---------------------------------------------------------- */
#imagePageHeadLeft {
  height: 100px; /* Logo height */
  margin: 18px 1.5em; /* Min. Versalhohe */
}
#pageHeadBottom_1 {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  border: 0;
  height: auto;
  width: 100%;
  max-width: var(--page-container-max-width);
  margin: 1em 0 0 auto;
  padding-right: 1.5em;
  position: absolute;
  top: 0;
}
#extraNav_link5 {
  display: none;
}
#pageHeadSwitchLang a.pageElementLeft:after {
  padding: 0 0.25em;
}
#pageHeadSwitchLang a:last-child:after {
  display: none;
}
#addLogin, #pageHeadSwitchLang a {
  font-weight: normal;
}
/* Does not work yet. Element get full width incl. :after
#addLogin:hover, #pageHeadSwitchLang a:hover {
  border-bottom: 1px solid #000;
}*/
#addLogin:after {
    content: "|";
    padding-left: 0.5em;
}
ul.nav li.depth_1 > a {
  font-weight: bold;
}
#pageTopNavi ul.nav.depth_2 {
  top: 5.5em;
}
#pageHeadBottom_3 {
  border-bottom: 0 !important;
}
#pageFootControlsLeft a.img:hover {
  /* Workaround, since you cannot overwrite child's opacity */
  color: #c3c3c3; /* 70% opacity from #fff on #333 */
}
#pageFootControlsLeft a:before {
  /* Workaround, since you cannot overwrite parent's opacity */
  color: var(--footer-text-color) !important;
}
/* Social sharing buttons / extraNav --------------------------------------- */
#pageHeadControlsLeft a.img, #pageHeadControlsRight a.img {
  min-width: 0;
  height: 32px;
  width: 32px;
  background-color: transparent;
  margin: 0 0 0 0.25em;
  padding: 0 !important;
  flex: 0 0 auto;
}
.sharing-button {
  -moz-border-radius:  50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.sharing-button, .sharing-button svg {
  width: 32px;
  height: 32px;
}
.sharing-button:hover {
  opacity: 0.7;
}
body > svg {
  /* Hide instagram gradient by default */
  height: 0;
  overflow: hidden;
  display: inherit;
}
.sharing-button.instagram {
  background-color: #a0a0a0; /* Fallback, if SVG background not present */
}
/* Overwrite nbcd master */
#logIn_btn, #logIn_btn_sso, #forgotPassword_btn {
  background-color: transparent;
  color: var(--top-nav-text-color);
  margin: 0;
  margin-top: 0.75em;
  padding: 0 0.5em !important;
  height: initial;
  line-height: 1.5 !important;
}
#logIn_btn:hover, #logIn_btn_sso:hover, #forgotPassword_btn:hover {
  color: var(--link-hover-text-color);
}
#forgotPassword_btn {
  display: block;
}