@import "../slimResponsiveBauhaus/contentElements.css?1669210027";
@keyframes quicklinkListHover {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes quicklinkListDeHover {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#page #header {
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
  margin-bottom: 48px;
}
#nav.navbar {
  border: 0px solid transparent;
}
.flexRowWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.flexRowWrapper .search.nav-meta-right.nav-layout-item {
  min-width: 233px;
  width: 21.25%;
}
#nav-layout {
  content-visibility: visible;
  min-height: 40px;
  padding-top: 12px;
}
#nav-layout ul {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0px;
}
#nav-layout ul li {
  display: inline-block;
}
#nav-layout ul li a:hover {
  border-bottom: 1px dotted transparent;
  text-decoration: none;
}
#nav-layout ul li > span,
#nav-layout ul li a,
#nav-layout ul li button {
  font-size: 89%;
  display: block;
  border-left: 0px dotted #000;
  border-bottom: none;
  padding-right: 6px;
  height: 30px;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#nav-layout ul li:not(.language) {
  position: relative;
  margin-right: 5px;
}
#nav-layout ul li:not(.language) a,
#nav-layout ul li:not(.language) span,
#nav-layout ul li:not(.language) button {
  padding-left: 28px;
  padding-right: 6px;
  cursor: pointer;
  letter-spacing: 1px;
}
#nav-layout ul li:not(.language) a > span,
#nav-layout ul li:not(.language) span > span,
#nav-layout ul li:not(.language) button > span {
  padding-left: 0px;
}
#nav-layout ul li:not(.language) a:before,
#nav-layout ul li:not(.language) span:before,
#nav-layout ul li:not(.language) button:before {
  font-family: icomoon;
  font-size: 22px;
  line-height: 24px;
  position: absolute;
  left: 1px;
}
#nav-layout ul li.barrierItem button:before {
  left: 4px;
}
#nav-layout ul li.ifsub.first > span:before {
  content: "\e904";
}
#nav-layout ul li.ifsub.first a:before {
  top: 2px;
  content: "\e92a";
}
#nav-layout ul li.ifsub.first > ul.nav-meta-list-quickpane {
  position: absolute;
  left: 0;
  height: 0;
  margin-top: 0px;
  min-width: 210px;
  transition: height .4s;
  visibility: hidden;
  display: flex;
  flex-direction: column;
}
#nav-layout ul li.ifsub.first > ul.nav-meta-list-quickpane.active {
  margin-top: 15px;
  visibility: visible;
  height: 100px;
  transition: height .4s;
}
#nav-layout ul li.ifsub.first.active > ul.nav-meta-list-quickpane {
  margin-top: 0px;
  visibility: visible;
  height: 100px;
  transition: height .4s;
}
#nav-layout ul li.middle a:before {
  content: "\e91d";
}
#nav-layout ul li.middle + .middle a:before {
  content: "\e902";
}
#nav-layout ul li.last a:before {
  content: "\e909";
}
#nav-layout ul li.language a {
  margin-right: 0;
  margin-left: 0px;
  padding-right: 5px;
  padding-left: 5px;
  letter-spacing: 0.6px;
}
#nav-layout ul li.language.inactive {
  display: none;
  visibility: hidden;
}
#nav-layout .nav-meta-right {
  display: flex;
  flex-direction: row;
}
#nav-layout .nav-meta-right #globalquicklinks {
  position: relative;
  display: block;
  float: right;
}
#nav-layout .nav-meta-right #globalquicklinks a {
  font-size: 89%;
  letter-spacing: 1px;
}
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint {
  display: block;
  visibility: visible;
  padding: 7px 25px 5px 5px;
  margin-left: 0;
  margin-right: -5px;
  font-size: 89%;
  text-transform: uppercase;
  border-left: 1px dotted transparent;
  background-repeat: no-repeat;
  background-position: 120px center;
  float: right;
  position: relative;
}
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint:after {
  position: absolute;
  top: -3px;
  right: 0px;
  font-family: icomoon;
  content: "\e926";
  padding-left: 0px;
  display: inline-block;
  font-size: 26px;
  transform: rotate(0deg);
  transition: transform .4s;
}
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint.active:after {
  position: absolute;
  top: -4px;
  right: 0px;
  transform: rotate(90deg);
  transition: transform .4s;
}
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint.active,
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint:hover {
  text-decoration: none;
  cursor: pointer;
}
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint.active:after,
#nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint:hover:after {
  position: absolute;
}
#nav-layout .nav-meta-right #quickpane {
  padding: 0px 0px 10px 0px ;
  position: absolute;
  right: -110px;
  top: 30px;
  background: #ffffff;
  margin-left: 0px;
  margin-top: 4px;
  width: auto;
}
#nav-layout .nav-meta-right #quickpane .quicklist-item {
  width: auto;
  float: none;
  white-space: nowrap;
  margin: 2px 0;
  margin-left: 0;
  line-height: 1.5em;
}
#nav-layout .nav-meta-right #quickpane .mobileStandardLinks li.ifsub.first > ul {
  list-style: none;
  position: static;
  height: auto;
  overflow: visible;
  visibility: visible;
  padding-top: 0;
}
#nav-layout .nav-meta-right #quickpane .mobileStandardLinks li.ifsub.first > ul li a {
  transition: background-position 0.4s;
}
#nav-layout .nav-meta-right #quickpane .mobileStandardLinks li.ifsub.first > ul li a:hover {
  background-position: 10px 11px;
  transition: background-position 0.4s;
}
#nav-layout .nav-meta-right #quickpane #quicklist-item2058 > .meta-menu-link {
  color: #b71a49;
  font-weight: bold;
  padding-bottom: .3em;
}
#nav-layout .nav-meta-right #quickpane #quicklist-item2058 > .meta-menu-link:focus {
  color: #fff;
  background: #b71a49;
}
#nav-layout .nav-meta-right #quickpane .meta-menu-link {
  display: block;
  width: auto;
  padding: 2px 10px;
  margin: 0 10px;
  font-weight: normal;
  border: 0 none;
  letter-spacing: 1px;
}
#nav-layout .nav-meta-right #quickpane .quicklist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#nav-layout .nav-meta-right #quickpane .quicklist .separator .sep {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000;
  display: block;
  height: 1px;
  padding: 0;
  margin: 6px 20px 5px 20px;
}
#nav-layout .nav-meta-right #quickpane ul li {
  display: block;
}
#nav-layout .nav-meta-right .nav-meta-search form {
  margin-top: 1px;
  height: 30px;
  display: inline-block;
  background: transparent;
  margin-right: 0px;
}
#nav-layout .nav-meta-right .nav-meta-search form input.ym-searchfield {
  position: absolute;
  right: 20px;
  color: #000;
  font-family: buw_fira_sansbook;
  overflow: hidden;
  padding: 0px 28px 0px 4px;
  border: 0;
  height: 30px;
  line-height: 28px;
  margin-right: -15px;
  width: 100px;
  font-size: 89%;
  letter-spacing: 1px;
  text-align: right;
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #fff;
  animation: closeSearch .4s forwards;
}
#nav-layout .nav-meta-right .nav-meta-search form input.ym-searchfield::placeholder {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: buw_fira_sansbook;
  color: #000;
}
#nav-layout .nav-meta-right .nav-meta-search form input.ym-searchfield:focus {
  animation: openSearch .4s forwards;
  background-color: #fff;
  border-radius: 2px;
  border-color: #000;
  outline: none;
  text-align: left;
  color: #000;
}
#nav-layout .nav-meta-right .nav-meta-search form input.ym-searchfield:focus::placeholder {
  color: #000;
}
#nav-layout .nav-meta-right .nav-meta-search form button.ym-searchbutton {
  position: absolute;
  top: 0;
  right: 6px;
  display: inline-block;
  margin: 0;
  width: 25px;
  height: 30px;
  line-height: 30px;
  font-size: 0.1px;
  color: transparent;
  overflow: hidden;
  padding: 2px;
  border: 0px solid transparent;
  background: transparent;
}
#nav-layout .nav-meta-right .nav-meta-search form button.ym-searchbutton:before {
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #000;
}
#nav-layout .nav-meta-right .nav-meta-search form input.ym-searchfield:focus + button.ym-searchbutton:before {
  color: #000;
}
#globalquicklinksBg.active {
  position: absolute;
  top: 0;
  z-index: -1;
  left: -100vw;
  height: 100vh;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  width: 200vw;
}
#nav-layout .barrierItem .barriereMenuLink {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 89%;
  line-height: 29px;
  padding-left: 30px;
}
#nav-layout .barrierItem .barriereMenuLink:before {
  font-family: icomoon;
  content: "\e945";
}
#nav-layout .barriereSkipMenu {
  position: relative;
  margin-left: -40px;
  width: 0;
}
#nav-layout .barriereSkipMenu .skiplinkListItem {
  float: left;
}
#nav-layout .barriereSkipMenu .skiplinkListItem .skiplink {
  position: absolute;
  left: -500px;
  top: -500px;
  z-index: -1;
  color: transparent;
  transition: top .2s;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #000;
  border-radius: 2px;
  font-size: 24px;
  line-height: 60px;
  height: 60px;
}
html[lang="de-DE"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a {
  margin-left: 0px;
  padding-left: 0px;
}
html[lang="de-DE"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a span,
html[lang="de-DE"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a strong {
  padding-left: 5px;
  border-left: 1px solid #000;
}
html[lang="de-DE"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) > span {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin-top: 7.5px;
  margin-left: 0px;
  margin-right: 5px;
  padding-left: 5px;
  border-left: 1px solid #000;
}
html[lang="en-GB"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) a {
  margin-right: 0px;
  padding-right: 0px;
}
html[lang="en-GB"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) a span,
html[lang="en-GB"] #nav-layout #nav-meta #nav-meta-list .language:not(.active) a strong {
  padding-right: 5px;
  border-right: 1px solid #000;
}
html[lang="en-GB"] #nav-layout #nav-meta #nav-meta-list .nav-meta-right #globalquicklinks #globalquicklinks_hint {
  margin-left: 30px;
}
#pagehead_logo {
  text-align: center;
  color: transparent;
}
#pagehead_logo .pagehead_logo_link {
  background-image: url("../images/bauhaus_logo_einzeilig_weiss.svg");
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  overflow: hidden;
  width: 310px;
  height: 36px;
  display: block;
  margin: 41px 0px 0 0;
  float: right;
  border-bottom: none;
  border-radius: 0px;
  transition: border-radius 0.4s;
}
#pagehead_logo .pagehead_logo_link:hover {
  border-bottom: none;
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #nav-layout #nav-meta {
    padding: 1px 0 0 0 ;
  }
  #nav-layout ul li {
    display: inline-block;
  }
  #nav-layout ul li.first a {
    background-size: 12px;
  }
  #nav-layout ul li.middle a {
    background-size: 20px;
    background-position: 2px 2px;
  }
  #nav-layout ul li.last a {
    background-size: 20px;
    background-position: 2px 2px;
  }
  #nav-layout .nav-meta-search form input.ym-searchfield {
    padding: 2px 35px 0px 4px;
    text-transform: uppercase;
    color: #000;
  }
  #nav-layout .nav-meta-search form input.ym-searchfield:focus {
    text-transform: none;
  }
  #nav-layout .nav-meta-search form input::placeholder {
    color: #000;
  }
  #nav-layout .nav-meta-right #globalquicklinks {
    margin-top: 3px;
  }
  #nav-layout .nav-meta-right #globalquicklinks a#globalquicklinks_hint {
    padding: 2px 27px 5px 2px;
    line-height: 24px;
  }
  #nav-layout .nav-meta-right #globalquicklinks a#globalquicklinks_hint:after {
    padding-top: 2px;
    top: 0 !important;
  }
}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
  #nav-layout .nav-meta-search form input.ym-searchfield {
    padding-top: 3px !important;
    text-transform: uppercase;
  }
  #nav-layout .nav-meta-search form input.ym-searchfield:focus {
    text-transform: none;
  }
}
#microsite-main-list {
  list-style: none;
}
.microsite ul#microsite-main-list .customer-data header {
  padding: 20px 24px 13px 24px;
}
ul#microsite-main-list .customer-data .main-menu-link:hover {
  background: transparent;
}
ul#microsite-main-list .customer-data .subtitle {
  padding-bottom: 0px;
}
ul#microsite-main-list .faculty-data {
  position: relative;
  bottom: 0;
  height: 50%;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
  z-index: 0;
  height: 47px;
}
ul#microsite-main-list .faculty-data .main-menu-link {
  text-align: right;
  height: 47px;
  line-height: 47px;
  letter-spacing: 1.6px;
  color: #fff;
  border-bottom: none;
  text-decoration: none;
  padding-right: 10px;
  text-transform: uppercase;
  font-family: buw_fira_sansbook;
}
ul#microsite-main-list .faculty-data:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 500vw;
  left: -100vw;
  z-index: -1;
}
ul#microsite-main-list.nosub .faculty-data .main-menu-link {
  padding: 0.5% 1%;
}
#subPages {
  background: #fff !important;
  visibility: visible;
  display: block;
  min-height: 25px;
  position: relative;
}
#subPages ul#subPageMenu {
  padding: 8px 10px 10px 10px;
  line-height: 15.5px;
  margin-bottom: 0;
  margin-left: -15px;
  min-height: 30px;
}
#subPages ul#subPageMenu li {
  line-height: 18px;
  height: 16px;
  display: inline-block;
}
#subPages ul#subPageMenu li a {
  display: inline-block;
  height: 17px;
  border-bottom: none;
  padding: 0;
  position: relative;
}
#subPages ul#subPageMenu li a span {
  line-height: 18px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0px 18px 0 18px;
  margin: 0px;
  height: 17px;
  display: inline-block;
  color: #b71a49;
  letter-spacing: 1px;
  hyphens: auto;
  white-space: nowrap;
}
#subPages ul#subPageMenu li a:after {
  position: absolute;
  top: -2px;
  right: -3px;
  content: '|';
  font-size: 9px;
  line-height: 21px;
  display: inline-block;
  color: #000;
  padding: 0 1px;
}
#subPages ul#subPageMenu li a:hover {
  text-decoration: none;
  border-bottom: none;
}
#subPages ul#subPageMenu li a:hover:after {
  content: '';
}
#subPages ul#subPageMenu li a:hover span {
  background: #000;
  color: #fff !important;
}
#subPages ul#subPageMenu li:first-child a {
  padding-left: 0;
}
#subPages ul#subPageMenu li:last-child a:after {
  content: '';
}
#subPages:after {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  display: block;
  margin-left: -100vw;
  width: 500vw;
  clear: both;
  border-bottom: 1px dotted #000;
  height: 2px;
  content: "";
}
#subPages:empty {
  display: none !important;
  visibility: hidden !important;
}
#page #nav #bgBarContainer:not(.clicked) {
  max-height: 25px !important;
}
.preamble #section_head {
  padding-top: 10px;
  padding-right: 10px;
  min-height: 33.5px;
  margin-left: -11px;
}
.preamble #title h1 {
  margin-bottom: 55px;
}
.breadcrumbNavigation {
  content-visibility: visible;
  min-height: 33.5px;
}
.breadcrumbNavigation:after {
  clear: both;
  width: 500vw;
  margin-left: -100vw;
  border-bottom: 0.5px dotted #2b2e34;
  height: 1px;
  display: block;
  margin-top: 0px;
  content: "";
}
.breadcrumbNavigation #section_head {
  padding: 10px 0;
  padding-right: 10px;
  min-height: 33.5px;
  margin-left: -11px;
}
.breadcrumbNavigation #title h1 {
  margin-bottom: 55px;
}
.breadcrumbNavigation #breadcrumbs {
  display: block;
}
.breadcrumbNavigation #breadcrumbs ol {
  list-style-position: outside;
  margin: 0;
}
.breadcrumbNavigation #breadcrumbs ol li {
  font-size: 83.3%;
  list-style-type: none;
  display: inline-block;
  margin: 0 0;
  position: relative;
}
.breadcrumbNavigation #breadcrumbs ol li a {
  padding: 2px 4px 2px 4px;
  color: #000;
  border-bottom: none;
  font-size: 11px;
  letter-spacing: 1px;
}
.breadcrumbNavigation #breadcrumbs ol li a::before {
  padding-right: 11px;
  position: relative;
  top: 3px;
  left: 0;
  font-family: icomoon;
  content: '\e926';
  font-size: 16px;
  font-weight: bold;
  color: #b71a49;
}
.breadcrumbNavigation #breadcrumbs ol li a:hover {
  text-decoration: none;
  border-bottom: none;
  background: #000;
  color: #fff;
}
.breadcrumbNavigation #breadcrumbs ol li a:hover:before {
  animation: breadcrumbHover .4s forwards;
  color: #fff !important;
}
.trail-link.breadcrumbNavigation #breadcrumbs ol li:hover {
  border-bottom: none !important;
  text-decoration: none;
}
.breadcrumbNavigation #breadcrumbs ol li:first-child {
  padding-left: 0px;
  display: inline;
}
.breadcrumbNavigation #breadcrumbs ol li:first-child a::before {
  content: "";
}
.breadcrumbNavigation #breadcrumbs ol li:first-child a {
  padding-left: 0;
}
.breadcrumbNavigation #breadcrumbs ol li:last-child {
  padding-left: 28px;
}
.breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight {
  padding-left: 8px;
  padding-right: 4px;
  color: #000;
  border-bottom: none;
  font-size: 11px;
  letter-spacing: 1px;
}
.breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight:before {
  position: absolute;
  top: 0;
  left: 7px;
  font-family: icomoon;
  content: '\e926';
  font-size: 16px;
  font-weight: bold;
  color: #b71a49;
  transform: rotate(0deg);
}
.breadcrumbNavigation #breadcrumbs ol li:last-child > a {
  margin-left: -28px;
}
.breadcrumbNavigation #breadcrumbs ol li:last-child:hover > span.trail-highlight:before {
  position: absolute;
  left: 11px;
  transform: rotate(90deg);
  transform-origin: center;
  transition: transform .4s ease;
}
.breadcrumbNavigation #breadcrumbs .trail-list {
  padding: 7px 10px;
  margin-bottom: 0;
  line-height: 12px;
}
.breadcrumbNavigation header#title h1 {
  padding-right: 30px;
}
#PageContentContainer .layoutContainer {
  min-height: 30vh;
}
#page {
  position: relative;
  z-index: 1;
}
#page #SocialMediaContents {
  position: relative;
}
#page #SocialMediaContents #social-media-channels-desktop {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
  background: #000;
  width: 53.5px;
  height: 150px;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
#page #SocialMediaContents #social-media-channels-desktop ul {
  list-style: none;
  list-style-position: outside;
  margin: 0;
}
#page #SocialMediaContents #social-media-channels-desktop ul li {
  height: 50px;
  width: 53.5px;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a {
  display: block;
  font-size: 1px;
  color: transparent;
  text-decoration: none;
  border-bottom: none;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a:hover {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a {
  font-family: icomoon;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a:before {
  color: #fff;
  display: block;
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  padding-left: 5px;
  position: relative;
  text-align: center;
  transition: font-size 0.4s;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a:hover:before {
  font-size: 27px;
  transition: font-size 0.4s;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a.icon-insta:before {
  top: 6px;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a.icon-vimeo:before {
  top: 0;
}
#page #SocialMediaContents #social-media-channels-desktop ul li a.icon-LinkedIn:before {
  top: 4px;
}
#page #main > .ym-wbox {
  background: transparent;
}
.page-navigation {
  content-visibility: visible;
  position: relative;
  height: 50px;
  width: 100%;
}
.page-navigation p {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.page-navigation .f3-widget-paginator {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -15px);
  display: flex;
  margin: 0 auto;
  list-style: none;
}
.page-navigation .f3-widget-paginator li {
  float: left;
  height: 17px;
  min-width: 25px;
  padding: 0 1px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
}
.page-navigation .f3-widget-paginator li a {
  display: block;
  letter-spacing: .6px;
}
.page-navigation .f3-widget-paginator li a:hover {
  background-color: #000;
  color: #fff !important;
  font-weight: bold;
}
.page-navigation .f3-widget-paginator li.previous,
.page-navigation .f3-widget-paginator li.last.next {
  width: 15px;
  min-width: 15px;
  text-indent: -999em;
  color: #fff;
  position: relative;
}
.page-navigation .f3-widget-paginator li.previous a:after,
.page-navigation .f3-widget-paginator li.last.next a:after {
  font-size: 14px;
  line-height: 17px;
  content: "";
  background-image: url("../images/icon_pfeil_left_black.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: auto -30%;
  position: absolute;
  left: 30%;
  top: 3px;
  height: 17px;
  width: 100%;
  display: block;
}
.page-navigation .f3-widget-paginator li.previous a:hover:after,
.page-navigation .f3-widget-paginator li.last.next a:hover:after {
  background-image: url("../images/icon_pfeil_left_white.svg") !important;
}
.page-navigation .f3-widget-paginator li.last.next a:after {
  background-image: url("../images/icon_pfeil_right_black.svg");
}
.page-navigation .f3-widget-paginator li.last.next a:hover:after {
  background-image: url("../images/icon_pfeil_right_white.svg") !important;
}
.page-navigation .f3-widget-paginator .current {
  background-color: #b71a49;
  color: #fff;
  font-weight: bold;
}
.topRowTrippleContent,
.multicolumnLayout3,
.multicolumnLayout2 {
  display: flex;
  flex-basis: auto;
}
.topRowTrippleContent > .csc-default.layout-topheader,
.multicolumnLayout3 > .csc-default.layout-topheader,
.multicolumnLayout2 > .csc-default.layout-topheader,
.topRowTrippleContent > .csc-default.layout-bottomheader,
.multicolumnLayout3 > .csc-default.layout-bottomheader,
.multicolumnLayout2 > .csc-default.layout-bottomheader {
  display: flex;
}
.layout-topheader .multicolumnContainer.multicolumnLayout2 .column.column1.columnFirst.listItemFirst {
  order: 1;
}
.layout-topheader .multicolumnContainer.multicolumnLayout2 .column.column2 {
  order: 1;
}
.layout-topheader .multicolumnContainer.multicolumnLayout2 .column.column3.columnLast.listItemLast {
  order: 1;
}
.content_main .csc-default figure.image {
  width: 100%;
}
.content_main > .csc-teaser {
  margin-bottom: 50px;
}
.content_main .csc-default:last-child {
  border-bottom: none;
}
.content_main ul.multicolumnLayout1 {
  display: flex;
}
.content_main ul.multicolumnLayout1 li.column {
  width: 50%;
}
.content_main ul.multicolumnLayout1 li.columnFirst {
  flex: 1 1 100%;
  padding-left: 0;
  padding-right: 10px;
}
.content_main ul.multicolumnLayout1 li.columnLast {
  flex: 1 1 100%;
  padding-right: 0;
  padding-left: 10px;
}
.content_main .multicolumnLayout1 {
  display: flex;
}
.content_main .multicolumnLayout1 > .column {
  position: relative;
}
.content_main .multicolumnLayout1 .columnItem img {
  width: 100%;
}
.layout-topheader {
  margin-bottom: 0em;
}
.layout-topheader .csc-textpic-text p a strong,
.layout-topheader .csc-textpic-text p strong a {
  color: #000;
  border-bottom: 1px dotted #b71a49;
  text-decoration: none;
}
.layout-topheader .csc-textpic-text p a strong a:hover,
.layout-topheader .csc-textpic-text p strong a:hover {
  color: #b71a49;
  text-decoration: none;
}
.layout-simpleentry .content_main .csc-default {
  border-bottom: none;
  padding-bottom: 0;
}
.layout-simpleentry .content_main .tx-jfmulticontent-pi1 {
  padding-bottom: 0px;
}
.layout-autohub #content_container {
  padding-right: 0px;
  padding-left: 0px;
}
#body-504 #mainContentSections {
  display: none !important;
  visibility: hidden !important;
}
#body-504 #page #SocialMediaContents #social-media-channels-desktop {
  top: 100px;
}
#body-504 #c6904 {
  margin-bottom: 80px;
}
#body-504 #c6904 h2 {
  font-size: 50px;
  line-height: 58px;
  border-left: 4px solid #b71a49;
  font-weight: 100;
  margin-bottom: 64px;
  letter-spacing: 5px;
}
#body-504 #c6904 h2 a {
  color: #b71a49;
  padding-left: 20px;
  display: inline-block;
  hyphens: none;
  border-bottom: none !important;
}
#body-504 #c6904 h2 a:hover {
  border-bottom: none !important;
  text-decoration: none !important;
}
#body-504 #c6904 > .csc-teaser-text {
  border-bottom: none;
}
#body-504 #c6904 > .csc-teaser-text:after {
  content: none;
}
#body-504 #c6904 p.bodytext {
  font-size: 18px;
  line-height: 26px;
  font-weight: 200;
  hyphens: none;
}
#body-504 #c6904 p.bodytext > a.internal-link {
  color: #000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 200;
}
#body-504 #c6904 a.csc-more-link {
  margin-top: 18px;
  display: block;
  color: transparent;
  border-bottom: none;
  font-size: 1px;
}
#body-504 #c6904 a.csc-more-link:before {
  content: "\e92a";
  font-family: icomoon;
  color: #b71a49;
  font-size: 52px;
  line-height: 33px;
}
#body-504 #c6904 a.csc-more-link:after {
  content: none;
}
#body-504 #c6904 a.csc-more-link:hover {
  font-size: 1px;
  color: #fff;
}
#body-504 #c6904:hover .csc-teaser-text > a:before {
  animation: hoverMoreLink;
  animation-duration: 0.4s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
#page .landingPageStoerer {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 405px;
  right: 90px;
  z-index: 121;
  border-radius: 200px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  color: transparent;
  border-bottom: none !important;
  transform: translate(0px, 0px);
  transition: transform 0.4s, box-shadow 0.4s;
}
#page .landingPageStoerer:hover {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  transform: translate(2px, 2px);
  transition: transform 0.4s, box-shadow 0.4s;
}
html[lang="de-DE"] #goToJournalButton {
  background: url(../images/bJButtonDE.png) top left no-repeat;
  background-size: 140px;
}
html[lang="en-GB"] #goToJournalButton {
  background: url(../images/bJButtonEN.png) top left no-repeat;
  background-size: 140px;
}
#goTooBADButton {
  background: url(../images/B-A-D.cloudPink.png) top left no-repeat;
  background-size: 151px;
}
#goTooBADButton:hover {
  background: url(../images/B-A-D.cloudGreen.png) top left no-repeat;
  background-size: 151px;
}
#body-552 #page .content_right #c106712 {
  background-color: #009bb4;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
#body-552 #page .content_right #c106712 .csc-header {
  padding: 25px 0 0 0;
  margin-bottom: 20px;
}
#body-552 #page .content_right #c106712 .csc-header h2.headline {
  padding: 0 20px 0 20px;
}
#body-552 #page .content_right #c106712 .csc-header h2.headline a {
  color: #fff;
}
#body-552 #page .content_right #c106712 .tx-buw-showcase {
  border-radius: 0 0 10px 10px;
  margin-bottom: -1px;
}
#body-552 #page .content_right #c106712 .tx-buw-showcase figure.imagecycle.cycle-slide[style] {
  width: 100%;
}
#body-552 #page .content_right #c106712 .tx-buw-showcase figure.imagecycle.cycle-slide[style] a,
#body-552 #page .content_right #c106712 .tx-buw-showcase .csc-textpic-image.imagecycle.cycle-slide[width],
#body-552 #page .content_right #c106712 .tx-buw-showcase figure.imagecycle.cycle-slide[style] a img {
  display: block;
  width: 100%;
}
.architektur #page .start-slider .start-slider-item article::before {
  background-color: #009bb4;
}
.bauing #page .start-slider .start-slider-item article::before {
  background-color: #f39100;
}
.gestaltung #page .start-slider .start-slider-item article::before {
  background-color: #94c11c;
}
.medien #page .start-slider .start-slider-item article::before {
  background-color: #006b94;
}
#body-504 #navigationalContents,
#body-552 #navigationalContents,
#body-542 #navigationalContents,
#body-521 #navigationalContents,
#body-532 #navigationalContents {
  visibility: hidden;
  display: none;
}
#body-504 #pageHeadSection:after,
#body-552 #pageHeadSection:after,
#body-542 #pageHeadSection:after,
#body-521 #pageHeadSection:after,
#body-532 #pageHeadSection:after {
  border-bottom: 0px solid transparent;
}
#body-2707 .csc-sitemap button {
  padding: 10px 8px;
  background-color: #b71a49;
  color: #fff;
  border: none;
}
#body-2707 .csc-sitemap button.collapse {
  display: inline-block;
  margin-left: 20px;
}
#body-2707 .csc-sitemap ul.treeview {
  margin: 25px 0 0 0;
}
#body-2707 .csc-sitemap ul.treeview ul {
  margin: 0px;
}
#page #content_right #c110992 header.csc-header {
  padding-bottom: 0px;
}
#page #content_right #c110992 .external-link-new-window.btn.btn-primary {
  margin: 0 20px 20px 20px;
  border-bottom: none !important;
}
#page #content_right #c110992 .external-link-new-window.btn.btn-primary:hover {
  background: #fff;
  color: #b71a49;
  border: 1px solid #fff;
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #page #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput {
    line-height: 10px;
  }
  #page #SocialMediaContents #social-media-channels-desktop {
    right: -2px;
    width: 70px;
  }
  #page #SocialMediaContents #social-media-channels-desktop ul {
    padding: 0;
    list-style-position: outside;
    margin: 0;
  }
  #page #SocialMediaContents #social-media-channels-desktop ul li {
    height: 50px;
    width: 50px;
  }
  #page #content_right #quickaccess ul#quickaccess-list li a,
  #page #content_right #contentquicklinks ul#quickaccess-list li a,
  #page #content_right #quickaccess ul.quicklist li a,
  #page #content_right #contentquicklinks ul.quicklist li a {
    background-size: 16px;
    background-position: 22px 5px;
  }
}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
  #page #SocialMediaContents #social-media-channels-desktop {
    right: -2px;
    width: 60px;
  }
  #page #SocialMediaContents #social-media-channels-desktop ul {
    padding: 0;
  }
  #page #SocialMediaContents #social-media-channels-desktop ul li {
    height: 50px;
    width: 50px;
  }
}
@media only screen and (min-width: 150px) and (max-width: 4000px) {
  #social-media-channels-rwd {
    display: none;
  }
  footer#footer {
    content-visibility: visible;
    margin-top: 92px;
    position: relative;
  }
  footer#footer #inViewHook {
    position: absolute;
    top: -75px;
    z-index: -1;
  }
  footer#footer #output_service {
    margin-top: -10px;
    display: inline-block !important;
  }
  footer#footer #lowerFooter {
    color: #fff;
    background: #000;
    padding: 60px 0px 90px 0px;
    position: relative;
    z-index: 0;
  }
  footer#footer #lowerFooter #nav-footer {
    float: none;
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  footer#footer #lowerFooter ul#nav-footer-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item {
    display: inline-block;
    width: calc(20% - 20px);
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item:nth-child(2) {
    width: 40%;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item:nth-child(2) > ul.footerSubList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: inside;
    padding: 0;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item:nth-child(2) > ul.footerSubList li {
    width: 50%;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item a,
  footer#footer #lowerFooter ul#nav-footer-list > li.item a:hover {
    text-decoration: none;
    border-bottom: none;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item h2 {
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 1.8px;
    font-family: buw_fira_sansbold, Sans-Serif;
    color: #fff;
    font-size: 16px;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item > ul.footerSubList {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item > ul.footerSubList > li {
    line-height: 20px;
    margin-left: 0;
  }
  footer#footer #lowerFooter ul#nav-footer-list > li.item > ul.footerSubList > li > a,
  footer#footer #lowerFooter ul#nav-footer-list > li.item > ul.footerSubList > li > a span {
    font-family: buw_fira_sans, Sans-Serif;
    line-height: 18px;
    font-size: 10px;
    letter-spacing: 1px;
    border-bottom: none;
    text-decoration: none;
  }
  footer#footer #lowerFooter:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    z-index: -1;
    height: 100%;
    width: 500vw;
    background: #000;
  }
  footer#footer .ym-wrapper {
    padding: 3px 30px 6px 30px;
  }
  footer#footer ul {
    list-style: none;
  }
  footer#footer ul li {
    display: inline;
  }
  footer#footer ul li a {
    color: #fff;
    border-bottom: none !important;
    padding: 0 0;
    transition: padding .4s;
    border-radius: 2px;
  }
  footer#footer #social-media-channels-desktop ul {
    list-style: none;
    list-style-position: outside;
    margin: 0 0 0 12px;
    -webkit-padding-start: 0px;
  }
  footer#footer #social-media-channels-desktop ul li {
    display: inline-block;
    margin-left: 0.8em;
  }
  footer#footer #social-media-channels-desktop ul li a {
    line-height: 1.5em;
  }
  footer#footer #social-media-channels-desktop ul li img {
    border-radius: 2px;
  }
  footer#footer #social-media-channels-desktop ul li.twitter img {
    background-color: #55acee;
  }
  footer#footer #social-media-channels-desktop ul li.instagramm img {
    background-color: #fff;
    border-radius: 4px;
  }
  footer#footer #nav-footer {
    float: right;
  }
  footer#footer #nav-footer ul {
    list-style: none;
  }
  footer#footer #nav-footer ul li a {
    font-size: 10px;
  }
  footer#footer #copyright,
  footer#footer #social-media-channels-desktop,
  footer#footer #nav-footer {
    display: inline-block;
  }
  footer#footer .maxViewBotMenu,
  footer#footer #copyright {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 100;
    font-weight: bold;
    line-height: 12px;
    font-size: 12px;
    letter-spacing: .6px;
  }
  footer#footer .maxViewBotMenu {
    right: 10px;
    left: unset;
  }
  footer#footer .maxViewBotMenu .mobile-nav-footer-list {
    display: block !important;
    margin-bottom: 0;
  }
  footer#footer .maxViewBotMenu .mobile-nav-footer-list > li > a {
    text-decoration: none;
    border-bottom: 0;
  }
  footer#footer .maxViewBotMenu .mobile-nav-footer-list li {
    line-height: 12px;
    visibility: hidden;
    display: none;
  }
  footer#footer .maxViewBotMenu .mobile-nav-footer-list li:nth-child(6),
  footer#footer .maxViewBotMenu .mobile-nav-footer-list li:nth-child(7) {
    visibility: visible;
    display: inline-block;
  }
  footer#footer .maxViewBotMenu .mobile-nav-footer-list li:nth-child(6) {
    margin-right: 11px;
    padding-right: 14px;
    border-right: 1px solid #fff;
  }
  #page_service {
    color: #000;
    border-style: dotted;
    border-width: 1px 0 0;
    border-color: transparent;
    border-top: 1px dotted #989898;
    line-height: 17px;
    font-size: 75%;
    margin: 0 0 0 0;
    padding: 19px 0 0 0;
    text-align: right;
    display: block;
    height: 62px;
  }
  #page_service ul {
    margin: 0;
    list-style: none;
    padding: 0;
    border-left: 1px solid transparent;
    line-height: 1.5em;
    display: inline;
  }
  #page_service ul li {
    margin: 0 .8em 0 0;
    display: inline;
    line-height: 1.5em;
  }
  #page_service ul li a {
    color: #000;
    border-bottom: none;
  }
  #page_service #securityadvice {
    line-height: 17px;
    float: left;
  }
  #page_service #securityadvice ul {
    list-style: none;
    padding-left: 0em;
    margin-left: 0em;
  }
  #page_service #securityadvice ul a {
    color: #000;
    border-bottom: none;
  }
  #page_service #securityadvice ul a:hover {
    color: #b71a49;
  }
  #page_service #output_service ul {
    list-style: none;
    padding-left: 0em;
    margin-left: 0em;
  }
  #page_service #output_service ul li {
    margin-right: 0;
    position: relative;
    padding-left: 10px;
    height: 29px;
    line-height: 20px;
    display: inline-block;
  }
  #page_service #output_service ul li a {
    color: #000;
    font-family: 'buw_fira_sansbook', sans-serif !important;
    padding-left: 10px;
    background-size: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 29px;
    line-height: 29px;
  }
  #page_service #output_service ul li a:before {
    font-family: icomoon;
    font-size: 20px;
    margin-right: 5px;
    position: absolute;
    top: -2px;
    left: 12px;
  }
  #page_service #output_service ul li a span {
    border-right: 1px solid #989898;
    padding-right: 10px;
  }
  #page_service #output_service ul li li.page-service-item:last-child span {
    padding-right: 0px;
  }
  #page_service #output_service ul li:last-child {
    text-align: center;
  }
  #page_service #output_service ul li:last-child a span {
    padding-right: 0px;
    border-right: 1px dotted transparent;
  }
  #page_service #output_service ul a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    color: #b71a49;
  }
  #page_service #output_service ul .daumen_icon {
    padding-left: 33px;
  }
  #page_service #output_service ul .daumen_icon:before {
    content: "\e905";
  }
  #page_service #output_service ul .print_icon {
    padding-left: 33px;
  }
  #page_service #output_service ul .print_icon:before {
    content: "\e908";
  }
  #page_service #output_service ul .mail_icon {
    padding-left: 30px;
  }
  #page_service #output_service ul .mail_icon:before {
    content: "\e901";
  }
}
@media only screen and (min-width: 1166px) {
  #mobileSecurityadvice > ul {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (min-width: 150px) and (max-width: 1166px) {
  #social-media-channels-rwd {
    width: 180px;
    height: 42.5px;
    display: inline-block;
    position: absolute;
    bottom: -0.5px;
    left: 0;
    text-align: left;
  }
  #social-media-channels-rwd:after {
    content: "";
    display: block;
    background-color: #000;
    position: relative;
    z-index: -1;
    top: -47px;
    left: -120px;
    height: 43px;
    width: 140px;
  }
  #social-media-channels-rwd > div > ul {
    margin-left: 0;
    padding-left: 0;
    border-left: 0px solid #000;
    border-radius: 0px 8px 0 0;
    overflow: hidden;
  }
  #social-media-channels-rwd > div > ul li {
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #000;
    margin: 0;
  }
  #social-media-channels-rwd > div > ul li a {
    width: 42px;
    height: 42px;
    display: block;
    font-size: 0.1px;
    text-indent: 9999em;
    overflow: hidden;
  }
  #social-media-channels-rwd > div > ul li a:before {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 42px;
    line-height: 40px;
    position: relative;
    text-align: center;
    text-indent: 0;
    transition: font-size 0.4s;
    width: 42px;
  }
  #social-media-channels-rwd > div > ul li a:hover:before {
    font-size: 24px;
    transition: font-size 0.4s;
  }
  #social-media-channels-rwd > div > ul li a.icon-insta:before {
    left: 4px;
  }
  #social-media-channels-rwd > div > ul li a.icon-vimeo:before {
    left: -1px;
  }
  #social-media-channels-rwd > div > ul li a.icon-LinkedIn:before {
    left: 3px;
  }
  #social-media-channels-rwd > div > ul li:last-child {
    border-radius: 0px 8px 0 0;
  }
  #securityadvice {
    display: none;
    visibility: hidden;
  }
  #mobileSecurityadvice > ul {
    margin: 50px 0 25px 10px;
    font-size: 12px;
    letter-spacing: 0.6px;
  }
}
@media only screen and (min-width: 150px) and (max-width: 1024px) {
  #upperFooterInfo #securityadvice {
    display: none;
  }
  footer#footer #lowerFooter #footerBackgroundStretcher {
    z-index: -1 !important;
  }
  footer#footer .page-service-list {
    margin: 40px 0 20px 0;
  }
  footer#footer #lowerFooter {
    padding: 60px 10px 40px 10px;
  }
}
@media only screen and (min-width: 150px) and (max-width: 992px) {
  footer#footer #lowerFooter #nav-footer #nav-footer-list {
    justify-content: space-around;
  }
  footer#footer #lowerFooter #nav-footer #nav-footer-list > li > ul {
    liat-style: none;
    justify-content: space-between;
  }
  footer#footer #lowerFooter #nav-footer #nav-footer-list > li:nth-child(2) {
    width: 40%;
  }
  footer#footer #lowerFooter #nav-footer #nav-footer-list > li:nth-child(2) > ul.footerSubList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  footer#footer #lowerFooter #nav-footer #nav-footer-list > li:nth-child(2) > ul.footerSubList li {
    width: 50%;
  }
}
@media only screen and (min-width: 678px) and (max-width: 868px) {
  #page footer#footer #upperFooterInfo #page_service #output_service {
    margin-right: 10px;
  }
  #page footer#footer #lowerFooter {
    padding: 60px 20px 40px 20px;
  }
  #page footer#footer #lowerFooter .maxViewBotMenu .mobile-nav-footer-list {
    margin-right: 10px;
  }
  #page footer#footer #lowerFooter #copyright {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 729px) {
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(6) a span {
    border-left: 1px solid #000;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:last-child a span {
    border-left: 1px solid #fff;
  }
}
@media only screen and (min-width: 150px) and (max-width: 820px) {
  footer#footer #upperFooterInfo #page_service #output_service {
    margin-right: 10px;
  }
  footer#footer #lowerFooter {
    padding: 60px 0 70px 0;
  }
  footer#footer #lowerFooter #nav-footer #nav-footer-list {
    visibility: hidden;
    display: none;
    height: 0;
  }
  footer#footer #lowerFooter #mobile-nav-footer {
    display: flex !important;
    flex-wrap: wrap;
    visibility: visible;
    position: relative;
    z-index: 1;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list {
    display: flex !important;
    visibility: visible;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li {
    margin-bottom: 10px;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a {
    text-decoration: none;
    border-bottom: none;
    display: inline-block;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a span {
    line-height: 15px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #fff;
    display: block;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a:hover,
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a.tab-focus:focus {
    background: #fff;
    border-radius: 2px;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a:hover span,
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a.tab-focus:focus span {
    color: #000;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:first-child a span {
    border-left: none;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:last-child a span {
    border-left: 1px solid #000;
  }
  footer#footer #lowerFooter .maxViewBotMenu {
    position: static;
    visibility: hidden;
    display: none;
    height: 0;
  }
  footer#footer #lowerFooter #copyright {
    left: 50%;
    transform: translate(-50%, 0);
  }
  footer#footer #lowerFooter #mobileSecurityadvice .page-service-list li a {
    width: 100%;
    text-align: center;
    display: block;
    border-bottom: none;
    margin-top: 9px;
    font-size: 12px;
    line-height: 15px;
  }
  footer#footer #lowerFooter #mobileSecurityadvice .page-service-list li a.tab-focus:focus,
  footer#footer #lowerFooter #mobileSecurityadvice .page-service-list li a:hover {
    background: #fff;
    color: #000;
  }
}
@media only screen and (min-width: 480px) and (max-width: 688px) {
  #footer #upperFooterInfo #page_service #output_service ul.print li:nth-child(3) {
    display: none;
    visibility: hidden;
  }
  #footer #upperFooterInfo #page_service #output_service ul.print li:nth-child(4) a span {
    border-right: none;
  }
  #social-media-channels-rwd {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 150px) and (max-width: 640px) {
  footer#footer #upperFooterInfo #output_service .page-service-item:nth-child(3) {
    visibility: hidden;
    display: none;
  }
  footer#footer #upperFooterInfo #output_service .page-service-item:nth-child(4) a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 590px) {
  footer#footer #upperFooterInfo #output_service .page-service-item:nth-child(2) {
    visibility: hidden;
    display: none;
  }
  footer#footer #upperFooterInfo #output_service .page-service-item:nth-child(3) a span {
    border-right: none;
  }
  footer#footer #upperFooterInfo #output_service .page-service-item:nth-child(5) a span {
    border-right: none;
  }
  footer#footer #lowerFooter {
    padding: 23px 0 60px 0;
  }
  footer#footer #lowerFooter #mobile-nav-footer {
    display: flex !important;
    visibility: visible;
    position: relative;
    flex-wrap: wrap;
    z-index: 1;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list {
    display: flex !important;
    visibility: visible;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: unset;
    width: 300px;
    margin: 0 auto 10px auto;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li {
    margin-bottom: 20px;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a span {
    letter-spacing: .6px;
    font-family: buw_fira_sansbook;
    font-size: 13px;
  }
  footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-left: none;
  }
  footer#footer #lowerFooter .maxViewBotMenu {
    position: static;
    visibility: hidden;
    display: none;
    height: 0;
  }
  footer#footer #lowerFooter #copyright {
    text-align: center;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 25px;
    font-size: 12px;
  }
  footer#footer #lowerFooter #mobileSecurityadvice .page-service-list {
    margin-top: 0;
  }
  footer#footer #lowerFooter #mobileSecurityadvice .page-service-list li a {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 45px;
    transform: translate(-50%, 0);
    text-decoration: none;
    border-bottom: none;
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list {
    width: 100%;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li {
    margin-bottom: 20px;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a span {
    border-left: none;
    border-right: 1px solid #fff;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-left: none;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:last-child a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 590px) {
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-right: 1px solid #fff;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(5) a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 529px) {
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-right: none;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(5) a span {
    border-right: 1px solid #fff;
  }
}
@media only screen and (min-width: 150px) and (max-width: 480px) {
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-right: none;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:last-child a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 445px) {
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-right: 1px solid #fff;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(3) a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 440px) {
  footer#footer #upperFooterInfo #output_service li {
    display: none;
    visibility: hidden;
  }
  footer#footer #upperFooterInfo #output_service li:first-child {
    display: inline-block;
    visibility: visible;
  }
  footer#footer #upperFooterInfo #output_service li:first-child a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 364px) {
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(2) a span,
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span,
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(5) a span {
    border-right: 1px solid #fff;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(3) a span {
    border-right: none;
  }
}
@media only screen and (min-width: 150px) and (max-width: 345px) {
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(3) a span,
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(4) a span {
    border-right: 1px solid #fff;
  }
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(2) a span,
  html[lang="en-GB"] footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li:nth-child(5) a span {
    border-right: none;
  }
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer#footer .mobile-nav-footer-list {
    padding: 0;
  }
  footer#footer #lowerFooter {
    position: relative;
  }
  footer#footer #lowerFooter:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: -50vw;
    right: -50vw;
    bottom: 0;
    width: 200vw;
  }
  footer#footer #social-media-channels-desktop ul {
    list-style: none;
    padding: 0;
  }
  footer#footer #nav-footer {
    float: right;
  }
  footer#footer #nav-footer ul {
    list-style: none;
  }
  footer#footer #nav-footer ul li a {
    font-size: 0.933em;
  }
  footer#footer #nav-footer #nav-footer-list {
    margin-right: 50px;
  }
  footer#footer #copyright,
  footer#footer #social-media-channels-desktop,
  footer#footer #nav-footer {
    display: inline-block;
  }
  footer#footer .maxViewBotMenu {
    right: 0;
    left: inherit !important;
  }
  footer#footer .maxViewBotMenu .mobile-nav-footer-list {
    display: block !important;
    margin-bottom: 0;
  }
  #page_service {
    color: #000;
    border-style: dotted;
    border-width: 1px 0 0;
    border-color: transparent;
    border-top: 1px dotted #989898;
    line-height: 17px;
    font-size: 75%;
    margin: 0px 0px 0px 0px;
    padding: 22px 0px 15px 0px;
    text-align: right;
    display: block;
    height: 62px;
  }
  #page_service ul {
    margin: 0;
    list-style: none;
    padding: 0;
    border-left: 1px solid transparent;
    padding-left: .5em;
    margin-left: 20px;
    line-height: 1.5em;
    display: inline;
  }
  #page_service ul li {
    margin: 0 .8em 0 0;
    display: inline;
    line-height: 1.5em;
  }
  #page_service ul li a {
    color: #000;
    border-bottom: none;
  }
  #page_service #securityadvice {
    line-height: 17px;
    float: left;
  }
  #page_service #securityadvice ul {
    list-style: none;
    padding-left: 0em;
    margin-left: 0em;
  }
  #page_service #securityadvice ul a {
    color: #000;
    border-bottom: none;
  }
  #page_service #output_service ul {
    list-style: none;
    padding-left: 0em;
    margin-left: 0em;
  }
  #page_service #output_service ul li {
    margin-right: 0;
    position: relative;
    padding-left: 10px;
    height: 26px;
    line-height: 20px;
    display: inline-block;
  }
  #page_service #output_service ul li a {
    color: #000;
    font-family: 'buw_fira_sansbook', sans-serif !important;
    padding-left: 30px;
    background-size: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
  }
  #page_service #output_service ul li a:before {
    font-family: icomoon;
    font-size: 20px;
    margin-right: 5px;
    position: absolute;
    top: -5px;
    left: 10px;
  }
  #page_service #output_service ul li a span {
    border-right: 1px solid #989898;
    padding-right: 10px;
  }
  #page_service #output_service ul li li.page-service-item:last-child span {
    padding-right: 0px;
  }
  #page_service #output_service ul li:last-child {
    text-align: center;
  }
  #page_service #output_service ul li:last-child a span {
    padding-right: 0px;
    border-right: 1px dotted transparent;
  }
  #page_service #output_service ul a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    color: #b71a49;
  }
  #page_service #output_service ul .daumen_icon {
    background-position: 0px 0px;
    background-size: 23px;
  }
  #page_service #output_service ul .mail_icon {
    background-position: 0px 0px;
  }
}
@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
  #page #content_right .grid {
    width: calc(50vw - 29px);
  }
}
@media only screen and (max-width: 1166px) {
  #social-media-channels-desktop {
    display: none;
    visibility: hidden;
  }
  #body-504 #goToJournalButton,
  #body-532 #goTooBADButton {
    top: 445px;
    right: 20px;
    transistion: top .4s, right .4s;
  }
}
@media only screen and (max-width: 1024px) {
  #page > .container-fluid {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1030px) and (min-width: 991px) {
  #page #nav-layout .barriereSkipMenu {
    margin-left: -10px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 991px) {
  #page #nav-layout {
    width: calc(100vw - 10px);
    margin-left: -10vw;
  }
}
@media only screen and (min-width: 1024px) {
  #main div#bgBarContainer .siteIndexSearchCloseButtonWrapper {
    max-width: 1020px;
    min-width: 870px;
  }
  #main #nav-main .toplevel {
    content-visibility: visible;
  }
  #main #nav-main .toplevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel {
    width: calc(100% - 5px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.menu-item {
    width: calc(25% - 20px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel {
    left: 25%;
    width: 75%;
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.menu-item {
    width: calc(33.33% - 20px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel {
    left: 33.33%;
    width: calc(66.66%);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.menu-item {
    width: calc(50% - 20px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul {
    left: 50%;
    width: calc(50%);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item {
    width: calc(100% - 20px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item.active > ul,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul > li.menu-item.active > ul {
    display: none;
  }
  #main #nav-main .toplevel > li.current ul.sublevel > li.active > ul.sublevel > li.active > ul > li.active > ul > li.active > ul,
  #main #nav-main .toplevel > li.active.clicked ul.sublevel > li.active > ul.sublevel > li.active > ul > li.active > ul > li.active > ul {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1000px) {
  #page.microsite #nav-section:before {
    margin: 0px 0 0 -100em;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1024px) {
  #main #nav-main {
    margin-top: -1px;
    position: relative;
  }
  #main #nav-main ul {
    list-style: none;
  }
  #main #nav-main a {
    border-bottom: none !important;
  }
  #main #nav-main .toplevel ul.sublevel > li.menu-item {
    width: calc(33.33% - 20px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel {
    left: 5px;
    width: calc(100% - 5px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel {
    left: 33.33%;
    width: 66.66%;
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.menu-item {
    width: calc(50% - 20px);
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel {
    width: 50%;
    left: 50%;
  }
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.menu-item,
  #main #nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel > li.menu-item {
    width: calc(100% - 20px);
  }
  #main #nav-main .toplevel > li.current ul.sublevel > li.active > ul.sublevel > li.active > ul > li.active > ul,
  #main #nav-main .toplevel > li.active.clicked ul.sublevel > li.active > ul.sublevel > li.active > ul > li.active > ul {
    display: none;
    visibility: hidden;
  }
  #main #nav-main #siteIndexSearch {
    width: calc(33.33% - 20px);
  }
}
@media only screen and (min-width: 860px) and (max-width: 1024px) {
  div#bgBarContainer .siteIndexSearchCloseButtonWrapper {
    max-width: 840px;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1024px) {
  div#bgBarContainer .siteIndexSearchCloseButtonWrapper {
    max-width: 840px;
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList {
    width: calc(840px - 60px);
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer {
    max-width: 820px;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer a.nothingFoundPicExplained {
    position: absolute;
    top: 73%;
    left: 48%;
    color: #fff;
    font-size: 18px;
    border-bottom: none;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer a.nothingFoundPicExplained:hover {
    border-bottom: 1px dotted #fff;
  }
}
@media only screen and (min-width: 700px) and (max-width: 820px) {
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer a.nothingFoundPicExplained {
    position: absolute;
    top: 71%;
    left: 48%;
    color: #fff;
    font-size: 18px;
    border-bottom: none;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer a.nothingFoundPicExplained:hover {
    border-bottom: 1px dotted #fff;
  }
  div#bgBarContainer .siteIndexSearchCloseButtonWrapper {
    width: calc(100vw - 40px);
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList {
    max-width: calc(100vw - 40px);
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer {
    width: calc(100vw - 40px);
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer img#nothingFoundPic {
    width: 100%;
  }
}
@media only screen and (min-width: 700px) and (max-width: 790px) {
  #main #nav-main .toplevel > li > a.main-menu-link .main-menu-link-fill {
    letter-spacing: 0 !important;
  }
  #main #nav-main .toplevel > li > a.main-menu-link .main-menu-link-fill strong {
    letter-spacing: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  #content_right {
    flex-direction: column;
  }
}
@media only screen and (min-width: 700px) {
  .architektur #nav #nav-main ul.bare-menu.main.main-menu-list li.menu-item.main-menu-item.active.parent > ul.bare-menu.sublevel > li,
  .bauing #nav #nav-main ul.bare-menu.main.main-menu-list li.menu-item.main-menu-item.active.parent > ul.bare-menu.sublevel > li,
  .gestaltung #nav #nav-main ul.bare-menu.main.main-menu-list li.menu-item.main-menu-item.active.parent > ul.bare-menu.sublevel > li,
  .medien #nav #nav-main ul.bare-menu.main.main-menu-list li.menu-item.main-menu-item.active.parent > ul.bare-menu.sublevel > li {
    flex: unset;
    justify-content: space-around;
  }
  #contentCurtain.down {
    position: absolute;
    top: 250px;
    left: -50%;
    bottom: 0;
    right: -50%;
    z-index: 121;
    background: rgba(255, 255, 255, 0.6);
  }
  #page > .container-fluid {
    background: rgba(255, 255, 255, 0.8);
  }
  #pageHeadSection {
    background: rgba(255, 255, 255, 0);
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 10px;
  }
  #main #mainNavigation .toggle {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    float: right;
    padding: 0;
    line-height: 0px;
  }
  #main .separator {
    border-bottom: 1px dotted #fff;
    margin: 8px !important;
  }
  #main nav#nav {
    background-color: transparent;
    margin-bottom: 0;
  }
  #main .nav-main {
    margin-top: -1px;
    position: relative;
  }
  #main .nav-main ul {
    list-style: none;
  }
  #main .nav-main a {
    border-bottom: none !important;
  }
  #main .nav-main .toplevel {
    list-style-position: outside;
    width: 100%;
    display: flex;
    -webkit-flex-direction: row;
    display-role: flex;
    flex-direction: row;
    margin: 0 0 22px 0;
  }
  #main .nav-main .toplevel > li {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    float: none;
    border: 1px solid transparent;
    overflow: hidden;
  }
  #main .nav-main .toplevel > li > ul {
    display: none;
    visibility: hidden;
    list-style-position: outside;
  }
  #main .nav-main .toplevel > li > a.main-menu-link {
    color: #000;
    padding-top: 16px;
    padding-bottom: 13px;
    display: block;
    width: auto;
    height: 42px;
  }
  #main .nav-main .toplevel > li > a.main-menu-link:hover {
    text-decoration: none;
  }
  #main .nav-main .toplevel > li > a.main-menu-link .main-menu-link-fill {
    display: block;
    border-right-width: 2px;
    border-right-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: transparent;
    height: 9px;
    line-height: 10px;
    padding: 0px;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 1.4px;
    margin-top: 1px;
  }
  #main .nav-main .toplevel > li > a.main-menu-link .main-menu-link-fill strong {
    font-family: buw_fira_sansbook;
    font-weight: normal;
  }
  #main .nav-main .toplevel > li .toggle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0;
    float: right;
    padding: 0 !important;
    line-height: 0px !important;
  }
  #main .nav-main .toplevel > li:first-child > a.main-menu-link span.main-menu-link-fill {
    border-left-color: #2b2e34;
  }
  #main .nav-main .toplevel > li.current:first-child > a.main-menu-link span.main-menu-link-fill,
  #main .nav-main .toplevel > li.active:first-child > a.main-menu-link span.main-menu-link-fill {
    border-left-color: transparent;
  }
  #main .nav-main .toplevel li.spacer {
    height: 0;
    visibility: hidden;
    display: none;
  }
  #main .nav-main .toplevel > li.separator {
    display: none;
  }
  #main .nav-main .toplevel > li.active {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    border-width: 1px;
    border-style: solid;
    margin: 0 2px;
  }
  #main .nav-main .toplevel > li.active > a {
    padding-top: 16px;
    padding-bottom: 14px;
  }
  #main .nav-main .toplevel > li.active > a .menu-highlight,
  #main .nav-main .toplevel > li.active > a .main-menu-link-fill {
    border-right: 2px solid transparent !important;
    font-weight: normal;
  }
  #main .nav-main .toplevel > li.active.clicked a span {
    color: #fff;
  }
  #main .nav-main .toplevel ul.sublevel {
    visibility: hidden;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    width: 100%;
    position: absolute;
    z-index: 124;
    left: 250px;
    top: 0;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    display-role: column;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 390px;
    width: 240px;
    margin: 0px;
  }
  #main .nav-main .toplevel ul.sublevel li {
    float: none;
    width: 230px;
    margin-top: 1px;
    margin-left: 5px;
    margin-bottom: 4px;
  }
  #main .nav-main .toplevel ul.sublevel li > a {
    line-height: 16px;
    padding: 2px 5px 1px 5px;
    text-align: left;
    display: block;
    width: 100%;
    background: transparent;
  }
  #main .nav-main .toplevel ul.sublevel li > a span.main-menu-link-fill,
  #main .nav-main .toplevel ul.sublevel li > a span.main-menu-link-fill strong {
    border-left: none;
    font-family: buw_fira_sansbook;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    word-wrap: normal;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel ul.sublevel li > a:hover {
    text-decoration: none;
  }
  #main .nav-main .toplevel ul.sublevel li > ul {
    visibility: hidden;
    display: none;
  }
  #main .nav-main .toplevel ul.sublevel li.clicked,
  #main .nav-main .toplevel ul.sublevel li.current,
  #main .nav-main .toplevel ul.sublevel li.active:not(.separator) {
    background: #000 !important;
  }
  #main .nav-main .toplevel ul.sublevel li.clicked > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel ul.sublevel li.current > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel ul.sublevel li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel ul.sublevel li.clicked > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel ul.sublevel li.current > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel ul.sublevel li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight {
    background: #000 !important;
    font-family: buw_fira_sansbold !important;
    letter-spacing: 0.6px !important;
  }
  #main .nav-main .toplevel > li.open > a {
    background: transparent;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel {
    margin-top: 38px;
    visibility: visible;
    display: flex;
    left: 5px;
    top: 41px;
    width: calc(100% - 5px);
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel {
    visibility: visible;
    display: flex;
    left: 250px;
    margin-top: 0px;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator),
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator),
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator),
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator),
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current {
    background: #000;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill {
    font-family: buw_fira_sansbold;
    background: #000;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > a.main-menu-link > span.main-menu-link-fill strong.menu-highlight {
    font-family: buw_fira_sansbold;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel {
    visibility: visible;
    display: flex;
    left: 250px;
    top: 0;
    margin-top: 0px;
    margin-bottom: 0;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.active.clicked,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.current,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.current,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.current,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.current {
    background: #000;
  }
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.current > a span,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.active.clicked > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.active:not(.separator) > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.active > ul.sublevel > li.current > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.current > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.current > a span strong,
  #main .nav-main .toplevel > li.active.clicked > ul.sublevel > li.current > ul.sublevel > li.current > ul.sublevel li.current > a span strong {
    color: #fff;
    font-family: buw_fira_sansbold;
  }
  #main .nav-main .toplevel > li.current ul.sublevel li.current,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.current,
  #main .nav-main .toplevel > li.current ul.sublevel li.active:not(.separator),
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.active:not(.separator),
  #main .nav-main .toplevel > li.current ul.sublevel li.clicked,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.clicked {
    background: #000;
  }
  #main .nav-main .toplevel > li.current ul.sublevel li.current span,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.current span,
  #main .nav-main .toplevel > li.current ul.sublevel li.active:not(.separator) span,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.active:not(.separator) span,
  #main .nav-main .toplevel > li.current ul.sublevel li.clicked span,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.clicked span,
  #main .nav-main .toplevel > li.current ul.sublevel li.current span strong,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.current span strong,
  #main .nav-main .toplevel > li.current ul.sublevel li.active:not(.separator) span strong,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.active:not(.separator) span strong,
  #main .nav-main .toplevel > li.current ul.sublevel li.clicked span strong,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel li.clicked span strong {
    color: #fff;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li > a span,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li > a span {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li > a span strong,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li > a span strong {
    font-family: buw_fira_sansbook;
    font-weight: normal;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li > ul,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li > ul {
    visibility: hidden;
    display: none;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li.active > ul.sublevel,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li.active > ul.sublevel {
    visibility: visible;
    display: flex;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li.active > ul.sublevel li.menu-item a.main-menu-link > span.main-menu-link-fill,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li.active > ul.sublevel li.menu-item a.main-menu-link > span.main-menu-link-fill {
    font-family: buw_fira_sansbook;
    color: #fff;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li.active > ul.sublevel li.menu-item a.main-menu-link > span.main-menu-link-fill strong.menu-highlight,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li.active > ul.sublevel li.menu-item a.main-menu-link > span.main-menu-link-fill strong.menu-highlight {
    font-weight: normal;
    letter-spacing: 0.6px;
  }
  #main .nav-main .toplevel > li.current ul.sublevel > li.active > ul.sublevel > li.active > ul > li.active > ul > li.active > ul,
  #main .nav-main .toplevel > li.active.clicked ul.sublevel > li.active > ul.sublevel > li.active > ul > li.active > ul > li.active > ul {
    display: none;
    visibility: hidden;
  }
  #main #siteIndexSearch {
    display: none;
    visibility: hidden;
    position: absolute;
    bottom: -468px;
    left: 9px;
    width: calc(25% - 20px);
  }
  #main #siteIndexSearch #indexSearchInputsContainer {
    background: #000;
    height: 24px;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput {
    line-height: 16px;
    background: #000;
    color: #fff;
    padding: 6px 5px 5px 5px;
    border: none;
    width: 100%;
    font-size: 13px;
    letter-spacing: .6px;
    display: none;
    visibility: hidden;
    position: absolute;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput::-webkit-input-placeholder {
    color: #fff !important;
    font-size: 13px;
    opacity: 1;
    letter-spacing: .6px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput::-moz-placeholder {
    color: #fff !important;
    font-size: 13px;
    opacity: 1;
    letter-spacing: .6px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput:-ms-input-placeholder {
    color: #fff !important;
    font-size: 13px;
    opacity: 1;
    letter-spacing: .6px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput::-moz-placeholder {
    color: #fff !important;
    font-size: 13px;
    opacity: 1;
    letter-spacing: .6px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput::placeholder {
    color: #fff !important;
    font-size: 13px;
    opacity: 1;
    letter-spacing: .6px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInputButton {
    font-size: 13px;
    width: 24px;
    line-height: 23px;
    background: #000;
    color: #fff;
    margin-left: -24px;
    border: none;
    padding-right: 0px;
    padding-left: 0;
    position: absolute;
    right: 0px;
    top: 1px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInputButton:before {
    font-weight: bold;
    line-height: 23px;
    color: #fff;
    content: "\e924";
  }
  #main #siteIndexSearch.clicked {
    display: block;
    visibility: visible;
    z-index: 150;
  }
  #main #siteIndexSearch.clicked #indexSearchInputsContainer #siteIndexSearchInput {
    display: block;
    visibility: visible;
  }
  #main div#bgBarContainer {
    height: 25px;
    position: absolute;
    width: 500vw;
    top: 40px;
    left: -200vw;
    z-index: 1;
  }
  #main div#bgBarContainer #siteIndexSearchResults {
    color: #fff;
    height: 360px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: calc(50% - 50vw - 10px);
    min-width: 840px;
    width: 100%;
  }
  #main div#bgBarContainer #siteIndexSearchResults h1,
  #main div#bgBarContainer #siteIndexSearchResults h2 {
    color: #fff;
    letter-spacing: 0.2px;
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList {
    align-content: center;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-left: 1px;
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList .searchResult {
    margin-left: 0px;
    margin-right: 24px;
    margin-bottom: 10px;
    min-height: 23px;
    padding-right: 5px;
    padding-left: 5px;
    background: transparent;
    display: inline-table;
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList .searchResult a {
    display: block;
    line-height: 23px;
    color: #fff;
    border-bottom: none;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.4px;
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList .searchResult:focus-within,
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList .searchResult:hover {
    background: #000;
  }
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList .searchResult:focus-within a,
  #main div#bgBarContainer #siteIndexSearchResults .siteIndexSearchResultsList .searchResult:hover a {
    font-weight: bold;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer {
    display: none;
    opacity: 0;
    position: relative;
    animation: justFadeIn 1s reverse;
    height: 356px;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer.active {
    opacity: 1;
    animation: justFadeIn 1s forwards;
    display: block;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer img#nothingFoundPic {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer .nothingFoundPicExplained {
    position: absolute;
    top: 78%;
    left: 48%;
    color: #fff;
    font-size: 16px;
    border-bottom: none;
  }
  #main div#bgBarContainer #siteIndexSearchResults .zilchContainer .nothingFoundPicExplained:hover {
    border-bottom: 1px dotted #fff;
  }
  #main div#bgBarContainer .siteIndexSearchCloseButtonWrapper {
    width: 100vw;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: calc(200vw - 10px);
  }
  #main div#bgBarContainer.clicked[style] {
    height: 502px;
    z-index: 123 !important;
  }
  #main div#bgBarContainer.clicked[style] #siteIndexSearch {
    display: block;
    visibility: visible;
  }
  #closeMegaMenu {
    visibility: hidden;
    display: none;
  }
  .clicked #closeMegaMenu {
    display: block;
    visibility: visible;
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 10000;
    transform: translate(-19px, 0px);
    margin: 0 auto;
    background-color: #000;
    line-height: 38px;
    font-size: 24px;
    padding: 0;
    text-align: center;
    height: 38px;
    width: 38px;
    border-radius: 8px 8px 0 0;
    border-color: #000;
    border: none;
  }
  .clicked #closeMegaMenu:before {
    font-family: icomoon;
    content: "\e924";
    color: #fff;
    line-height: 39px;
  }
  #body-504 #page .breadcrumbNavigation,
  #body-552 #page .breadcrumbNavigation,
  #body-542 #page .breadcrumbNavigation,
  #body-532 #page .breadcrumbNavigation,
  #body-521 #page .breadcrumbNavigation {
    visibility: hidden;
    display: none;
    height: 0;
  }
  #body-504 #content_top img[width="942"],
  #body-552 #content_top img[width="942"],
  #body-542 #content_top img[width="942"],
  #body-532 #content_top img[width="942"],
  #body-521 #content_top img[width="942"],
  #body-504 #content_top img[width="990"],
  #body-552 #content_top img[width="990"],
  #body-542 #content_top img[width="990"],
  #body-532 #content_top img[width="990"],
  #body-521 #content_top img[width="990"] {
    width: 1000px !important;
    max-width: 1000px;
  }
  #body-504 #content_top .panel[style],
  #body-552 #content_top .panel[style],
  #body-542 #content_top .panel[style],
  #body-532 #content_top .panel[style],
  #body-521 #content_top .panel[style] {
    width: 1000px !important;
  }
  #body-504 #content_top .anythingBase[style],
  #body-552 #content_top .anythingBase[style],
  #body-542 #content_top .anythingBase[style],
  #body-532 #content_top .anythingBase[style],
  #body-521 #content_top .anythingBase[style] {
    width: 1000px !important;
  }
  #body-504 .tx-sf-banners,
  #body-552 .tx-sf-banners,
  #body-542 .tx-sf-banners,
  #body-532 .tx-sf-banners,
  #body-521 .tx-sf-banners {
    width: 100%;
    overflow: hidden;
  }
  #body-504 .tx-sf-banners > div,
  #body-552 .tx-sf-banners > div,
  #body-542 .tx-sf-banners > div,
  #body-532 .tx-sf-banners > div,
  #body-521 .tx-sf-banners > div {
    display: flex;
    flex-direction: row;
  }
  #body-504 .tx-sf-banners > div > .banner,
  #body-552 .tx-sf-banners > div > .banner,
  #body-542 .tx-sf-banners > div > .banner,
  #body-532 .tx-sf-banners > div > .banner,
  #body-521 .tx-sf-banners > div > .banner {
    margin-left: 0;
    width: 100%;
    min-width: calc(33.33% - 13.33px);
    margin-right: 20px;
  }
  #body-504 .tx-sf-banners > div > .banner img,
  #body-552 .tx-sf-banners > div > .banner img,
  #body-542 .tx-sf-banners > div > .banner img,
  #body-532 .tx-sf-banners > div > .banner img,
  #body-521 .tx-sf-banners > div > .banner img {
    outline: 0px solid transparent;
  }
  #body-504 #mainContentSections {
    display: none;
    visibility: hidden;
  }
  #body-504 #page #SocialMediaContents #social-media-channels-desktop {
    top: 100px;
  }
  #c6904 {
    margin-bottom: 70px;
  }
  #c6904 h2 {
    font-size: 50px;
    line-height: 58px;
    border-left: 4px solid #b71a49;
    font-weight: 100;
    margin-bottom: 64px;
    letter-spacing: 5px;
  }
  #c6904 h2 a {
    color: #b71a49;
    padding-left: 20px;
    display: inline-block;
    hyphens: none;
  }
  #c6904 h2 a:hover {
    border-bottom: none !important;
    text-decoration: none !important;
  }
  #c6904 p.bodytext {
    font-size: 18px;
    line-height: 26px;
    font-weight: 200;
  }
  #c6904 a.csc-more-link {
    margin-top: 27px;
  }
  #body-552 #page #SocialMediaContents #social-media-channels-desktop {
    top: 100px;
  }
  #body-552 #page #content_top {
    padding-bottom: 0;
  }
  #body-542 #mainContentSections {
    display: none;
    visibility: hidden;
  }
  #body-542 #page #SocialMediaContents #social-media-channels-desktop {
    top: 100px;
  }
  #body-542 #page #content_right #c271635,
  #body-542 #page .content_right #c271635 {
    padding-bottom: 0;
  }
  #body-532 #mainContentSections {
    display: none;
    visibility: hidden;
  }
  #body-532 #page #SocialMediaContents #social-media-channels-desktop {
    top: 100px;
  }
  #body-521 #page #SocialMediaContents #social-media-channels-desktop {
    top: 100px;
  }
  #col1_col2,
  #col1 {
    min-height: 40vh;
  }
  .microsite #mainNavigation #nav-main {
    display: none;
    visibility: hidden;
  }
  .microsite h1#microsite_content_title {
    padding: 0px 10px 36px;
  }
  .microsite #microSiteNav {
    margin: 5px 0px 0 0px;
  }
  .microsite ul#microsite-main-list {
    margin-bottom: 0;
    list-style-position: outside;
  }
  .microsite ul#microsite-main-list .customer-data {
    border-width: 2px 2px 0 2px;
    border-radius: 10px 10px 0 0;
    border-style: solid;
    padding: 0;
    position: relative;
    z-index: 1;
    min-height: 90px;
    max-height: 115px;
    max-width: 550px;
    background-color: #fff;
    overflow: hidden;
  }
  .microsite ul#microsite-main-list .customer-data h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px;
    hyphens: none;
  }
  .microsite ul#microsite-main-list .customer-data .main-menu-link {
    text-transform: none;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: buw_fira_sansbook;
  }
  .microsite ul#microsite-main-list .customer-data .main-menu-link:hover {
    background: transparent;
  }
  .microsite ul#microsite-main-list .customer-data .subtitle {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .6px;
    font-family: buw_fira_sansbook;
    margin-bottom: 0;
  }
  .microsite ul#microsite-main-list .faculty-data {
    position: relative;
    bottom: 0;
    height: 50%;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
    z-index: 0;
    height: 47px;
  }
  .microsite ul#microsite-main-list .faculty-data .main-menu-link {
    text-align: right;
    height: 47px;
    line-height: 47px;
    letter-spacing: 1.6px;
    color: #fff;
    border-bottom: none;
    text-decoration: none;
    padding-right: 10px;
    text-transform: uppercase;
    font-family: buw_fira_sansbook;
  }
  .microsite ul#microsite-main-list .faculty-data:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 500vw;
    left: -100vw;
    z-index: -1;
  }
  .microsite ul#microsite-main-list.nosub .faculty-data .main-menu-link {
    padding: 0.5% 1%;
  }
  .microsite #main #bgBarContainer {
    top: 65px;
    height: 2px !important;
    display: none;
    visibility: hidden;
  }
  .microsite #nav-section {
    background-color: #fff;
    position: relative;
  }
  .microsite #nav-section:before {
    content: '';
    position: absolute;
    width: 500vw;
    margin: 0px 0 0 -100em;
    border-bottom: 2px solid transparent;
    height: 0;
    top: 73px;
    z-index: 201;
  }
  .microsite #nav-section:after {
    content: '';
    position: absolute;
    width: 500vw;
    margin: 0px 0 0 -100em;
    border-bottom: 2px solid transparent;
    height: 0;
    bottom: -2px;
  }
  .microsite #nav-section ul#micrositeMenu {
    bottom: -1px;
    list-style-position: outside;
    width: 100%;
    padding: 23.5px 0 0 0;
    overflow: visible;
    margin: 0 0 55px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
  }
  .microsite #nav-section ul#micrositeMenu > li > a {
    position: relative;
    padding: 2px 18px 0 18px;
    border-bottom-left-radius: 8px;
  }
  .microsite #nav-section ul#micrositeMenu > li > a:after {
    position: absolute;
    top: 2px;
    content: "|";
    padding: 0 0px;
    font-size: 9px;
    right: -6px;
    color: #2b2e34;
    font-family: buw_fira_sansbold;
  }
  .microsite #nav-section ul#micrositeMenu > li > a strong {
    font-family: buw_fira_sansbook;
  }
  .microsite #nav-section ul#micrositeMenu > li:hover > a:after {
    color: transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li:last-child a:after {
    color: transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked,
  .microsite #nav-section ul#micrositeMenu > li.menu-item {
    border: 2px solid transparent;
    height: 39px;
    margin: 10px 0px 0 0;
    min-height: 39px;
    border-radius: 10px 10px 0 0;
    min-width: max-content;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item:after {
    content: '';
    position: absolute;
    width: 500vw;
    margin: -2px 0 0 -100vw;
    border-width: 0 0 2px 0;
    border-style: solid;
    height: 0;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item > a:hover {
    text-decoration: none;
    font-family: buw_fira_sansbook;
    color: #000;
    font-size: 13px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    line-height: 37px;
    border-bottom: none;
    display: block;
    text-align: center;
    border-radius: 8px 8px 0 0;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item a:hover {
    color: #fff;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item ul {
    list-style: none;
    visibility: hidden;
    display: none;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover a span.main-menu-link-fill,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked a span.main-menu-link-fill,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover a span.main-menu-link-fill strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked a span.main-menu-link-fill strong {
    color: #fff;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover a:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked a:after {
    color: transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel {
    list-style-position: outside;
    position: absolute;
    visibility: visible;
    display: block;
    top: 75px;
    left: 10px;
    z-index: 144;
    padding-top: 38px;
    padding-bottom: 55px;
    margin-left: 0;
    width: 230px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel:after {
    content: "";
    width: 1000vw;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -50vw;
    min-height: 450px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item a {
    padding: 0 8px;
    width: 100%;
    display: block;
    min-height: 23px;
    border-bottom: none;
    font-size: 13px;
    font-weight: normal;
    color: #fff !important;
    letter-spacing: .6px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 4px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item a:hover {
    font-family: buw_fira_sansbold;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item a.toggle,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item a.toggle {
    visibility: hidden ;
    display: none;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item > ul.menu-column.level2,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item > ul.menu-column.level2 {
    display: none;
    visibility: hidden;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > a:hover {
    background-color: #000;
    color: #fff !important;
    letter-spacing: .6px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > a span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > a span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > a span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > a span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > a strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > a strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > a strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > a strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > a:hover strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > a:hover strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > a:hover strong,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > a:hover strong {
    font-family: "buw_fira_sansbold";
    font-weight: initial;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu {
    display: block;
    visibility: visible;
    position: absolute;
    top: 38px;
    left: 250px;
    width: 230px;
    margin-left: 0px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item {
    margin-bottom: 4px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover {
    background-color: #000;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover a {
    color: #000;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover a:hover,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover a:hover {
    background-color: #000;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover a:hover span,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover a:hover span {
    color: #fff;
    font-family: buw_fira_sansbold;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item.active ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item.active ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item.active ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item.active ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item.active.current ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item.active.current ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item.active.current ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item.active.current ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu > li.menu-item:hover ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover ul,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu > li.menu-item:hover ul {
    top: 0;
    margin-left: 0;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.clicked > ul.bare-menu:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked:hover > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > ul.bare-menu.sublevel li.menu-item.active.current > ul.bare-menu:after {
    content: " ";
    width: 500vw;
    position: absolute;
    left: -100vw;
    top: 0px;
    bottom: -55px;
    z-index: -1;
    min-height: 350px;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.hovered > a:after {
    color: transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current {
    border: 2px solid transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current:after {
    z-index: 200;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active > a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current > a {
    position: relative;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active > a:before,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current > a:before {
    content: '';
    width: 100%;
    height: 6px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 201;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked a,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current.clicked a {
    position: relative;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked a:before,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current.clicked a:before {
    background-color: transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active.clicked > a:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current.clicked > a:after {
    color: transparent;
  }
  .microsite #nav-section ul#micrositeMenu > li.menu-item.active > a:after,
  .microsite #nav-section ul#micrositeMenu > li.menu-item.current > a:after {
    color: transparent;
  }
  .microsite #nav-section > .micrositeMegaMenuBackground {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 122px;
    left: 0;
    right: 0;
    bottom: 0px;
    min-height: 500px;
    width: 100%;
    z-index: 140;
    overflow: visible;
  }
  .microsite #nav-section > .micrositeMegaMenuBackground:after {
    content: '';
    display: block;
  }
  .microsite #nav-section > .micrositeMegaMenuBackground > .closeMicrositeMegaMenu {
    visibility: visible;
    display: block;
    border-radius: 10px 10px 0 0;
    height: 38px;
    width: 38px;
    line-height: 38px;
    font-size: 24px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-25px, 0);
    z-index: 99999;
    background-color: #000;
    border: 1px solid #000;
  }
  .microsite #nav-section > .micrositeMegaMenuBackground > .closeMicrositeMegaMenu:after {
    font-family: icomoon;
    content: "\e924";
    color: #fff;
    margin-left: -1px;
  }
  .microsite #nav-section > .micrositeMegaMenuBackgroundStretcher {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 122px;
    bottom: 0;
    left: -50%;
    width: 200vw;
    margin-left: -50vw;
    height: 100%;
    z-index: 1;
  }
  .microsite #nav-section .micrositeMegaMenuBackgroundStretcher.clicked,
  .microsite #nav-section .micrositeMegaMenuBackground.clicked {
    display: block;
    visibility: visible;
  }
  .microsite #nav-section .micrositeMegaMenuBackgroundStretcher.clicked {
    top: 0px;
    min-height: 500px;
  }
  .microsite #contentBlur {
    position: absolute;
    top: 750px;
    left: -50%;
    bottom: 0;
    right: -50%;
    z-index: 0;
    background: rgba(255, 255, 255, 0.6);
  }
  .microsite #content_top {
    padding-left: 10px;
    padding-right: 10px;
  }
  .microsite #microsite-main-list {
    position: relative;
    display: block;
    height: auto !important;
    min-height: 100%;
    width: 100%;
    margin: 0;
  }
  .microsite #microSiteNav #microSiteNavMain header h1 a:hover {
    text-decoration: none;
  }
  .microsite #microSiteNav #microSiteNavMain .faculty-data a:hover {
    text-decoration: none;
  }
  .microsite .main .ym-wbox {
    margin-top: 0em;
  }
  .microsite #contentMain {
    padding: 0 0px;
  }
  .microsite #content_bottom {
    padding: 0 0px;
    margin: 0;
  }
  .microsite #micro_col1 #content_main {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 150px) and (max-width: 991px) {
  #pageHeadSection #nav-layout .nav-meta-search form {
    max-width: 135px;
    margin-right: 0;
  }
  #pageHeadSection #nav-layout .nav-meta-search form button.ym-searchbutton {
    float: right;
  }
  #pageHeadSection a.pagehead_logo_link {
    margin-right: 0;
    margin-top: 15px;
  }
  .flexRowWrapper > .search.nav-meta-right.nav-layout-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #col1,
  #col1_col2,
  #col2,
  #col1_col2_col1 {
    margin-top: 0;
  }
  #page #header {
    margin-bottom: 37px;
  }
  #mainContentSections {
    margin-bottom: 55px;
  }
  #page.menuToggled #pageHeadSection:after {
    content: none;
  }
  #page #nav #nav-main {
    margin-top: 0;
    transition: 0.4s margin-top;
  }
  #page #nav:before {
    border-bottom: 1px dotted #000;
    content: "";
  }
  #page.menuToggled #nav #nav-main {
    margin-top: 20px;
    transition: 0.4s margin-top;
  }
  #page.menuToggled #nav:before {
    border-bottom: 1px dotted #000;
    content: "";
  }
  #page.menuToggled.microsite #nav #nav-main {
    margin-top: 0;
    transition: 0.4s margin-top;
  }
  #page.menuToggled.microsite #nav #micrositeMenu {
    margin-top: 20px;
    transition: 0s margin-top;
  }
  #page.menuToggled.microsite #nav:before {
    border-bottom: 1px dotted #000;
    content: "";
  }
  html[lang="de-DE"] #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active):before {
    content: "|";
    color: #000;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 1px;
  }
  html[lang="de-DE"] #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active) > span {
    font-size: 15px;
    margin-right: 0;
    padding: 0 0 0 5px;
    display: inline-block;
  }
  html[lang="en-GB"] #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active):after {
    content: "|";
    color: #777;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 1px;
  }
  html[lang="en-GB"] #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active) > span {
    font-size: 15px;
    margin-right: 0;
    padding: 0 0 0 5px;
    display: inline-block;
  }
  #nav-layout {
    padding-top: 0;
  }
  #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-image: url(../images/bauhaus_logo_einzeilig_weiss.svg);
    background-position: top left;
    background-repeat: no-repeat;
    color: transparent;
    overflow: hidden;
    min-width: 308px;
    max-width: 308px;
    height: 37px;
    display: block;
    margin: 30px 0 10px 0;
    float: left;
    background-color: #b71a49;
  }
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton {
    color: #fff;
    background-color: #000;
    height: 40px;
    width: 40px;
    border-radius: 0 0 0 10px;
    float: right;
    line-height: 24px;
    font-size: 47px;
    text-align: center;
    cursor: pointer;
    font-family: icomoon;
    text-decoration: none;
    padding-left: 2px;
  }
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton.tab-focus:focus {
    background-color: rgba(119, 119, 119, 0.5) !important;
    color: #000 !important;
  }
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton.open {
    font-size: 35px;
    line-height: 41px;
    font-weight: bold;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px 0 13px;
    width: 100%;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks {
    order: 1;
    float: left;
    margin-top: 12px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #globalquicklinks_hint {
    font-size: 15px;
    line-height: 18px;
    color: #000;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #globalquicklinks_hint:after {
    top: 7px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane {
    min-width: 320px;
    width: 320px;
    left: -10px;
    right: unset;
    padding: 5px 0;
    margin-left: 0;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane ul {
    padding: 0 5px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane ul li a {
    padding: 0 5px;
    margin: 0 10px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane ul li span {
    padding-right: 5px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .topMostNav li.ifsub.first span {
    padding-left: 40px;
    margin: 0 10px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane li:not(.language) a:before,
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane li:not(.language) span:before {
    left: 15px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .mobileStandardLinks a {
    padding-left: 35px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .mobileStandardLinks li {
    margin-right: 0;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .mobileStandardLinks ul {
    padding: 0;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .mobileStandardLinks ul li a {
    padding-left: 70px;
    margin: 0;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .mobileStandardLinks ul li a:before {
    left: 40px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .barriereMenuLink {
    border: none;
    background-color: transparent;
    margin: 0 10px;
    display: block;
    padding: 0 5px 0 40px;
    color: #000;
    height: 30px;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: .6px;
    width: 300px;
    text-align: left;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .barriereMenuLink:before {
    font-family: icomoon;
    content: "\e945";
    left: 13px;
    font-size: 29px;
    top: 3px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch {
    margin-top: 15px;
    order: 2;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch a {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search {
    order: 3;
    margin-top: 8px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield {
    content: "";
    font-size: 15px;
    padding: 0 35px 0 4px;
    height: 30px;
    margin-top: 4px;
    width: 110px;
    animation: closeSmSearch .4s forwards !important;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus {
    animation: openSmSearch .4s forwards !important;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search button.ym-searchbutton {
    font-size: 15px;
    line-height: 18px;
    height: 30px;
    margin-top: 17px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search button.ym-searchbutton:before {
    line-height: 28px;
    font-size: 20px;
  }
  .breadcrumbNavigation {
    margin-right: -10px;
    overflow-y: visible;
    margin-left: -10px;
  }
  .breadcrumbNavigation #section_head {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .breadcrumbNavigation #section_head:after {
    width: 200%;
    margin-left: 0;
  }
  .breadcrumbNavigation #section_head #breadcrumbs {
    padding-left: 10px;
    min-width: 200%;
    overflow-x: visible;
    overflow-y: hidden;
  }
  .preamble #section_head #subPages {
    display: none;
    visibility: hidden;
  }
  #mainNavigation.noSlide,
  #allContents.noSlide,
  #mainContentSections.noSlide {
    position: static;
  }
  #content_right .columnItems .columnItem {
    background: #fff;
    margin-bottom: 20px;
  }
  #content_right .columnItems .columnItem h2 a {
    padding: 8px 10px -6px 10px;
    display: block;
  }
  #allContents.slideLeft #bgBarContainer,
  #allContents.slideRight #bgBarContainer {
    width: 100%;
    left: 0;
  }
  #allContents.slideLeft .start-slider,
  #allContents.slideRight .start-slider {
    width: 100vw;
    overflow: visible;
  }
  .layout-manualhub #page #content_top .preamble {
    display: block;
  }
  .layout-manualhub #page #content_top .preamble #section_head #breadcrumbs ol li a {
    color: #fff;
  }
  .multicolumnLayout2,
  .topRowTrippleContent,
  .multicolumnLayout3 {
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
  }
  .multicolumnLayout2 > .csc-default.layout-topheader,
  .topRowTrippleContent > .csc-default.layout-topheader,
  .multicolumnLayout3 > .csc-default.layout-topheader,
  .multicolumnLayout2 > .csc-default.layout-bottomheader,
  .topRowTrippleContent > .csc-default.layout-bottomheader,
  .multicolumnLayout3 > .csc-default.layout-bottomheader {
    display: flex;
  }
  #c75384 .multicolumnLayout2 {
    display: inline-block !important;
  }
  #c75384 .multicolumnLayout2 > .csc-default.layout-topheader,
  #c75384 .multicolumnLayout2 > .csc-default.layout-bottomheader {
    display: flex;
  }
  #page .multicolumnContainer.multicolumnLayout2 > .column .columnItems.row {
    height: 100%;
  }
  #page .multicolumnContainer.multicolumnLayout2 > .column .columnItems.row > .columnItem.columnItemtextpic {
    height: 100%;
  }
  #page .multicolumnContainer.multicolumnLayout2 > .column .columnItems.row > .columnItem.columnItemtextpic .csc-default.layout-bottomheader {
    height: 100%;
  }
  #page .multicolumnContainer.multicolumnLayout2 > .column .columnItems.row > .columnItem.columnItemtextpic .csc-textpic.ce-above {
    height: 100%;
  }
  .microsite #rightMobileMenuLink {
    display: none;
  }
  .microsite h1#microsite_content_title {
    padding: 0 10px 36px;
  }
  .microsite #microSiteNav {
    margin-top: 0;
  }
  .microsite ul#microsite-main-list {
    margin-bottom: 0;
    margin-left: 0;
  }
  .microsite ul#microsite-main-list .customer-data {
    border-width: 2px 0 0 0;
    border-radius: 0;
    border-style: solid;
    background: #fff;
    max-width: 104% !important;
    width: calc(100% + 32px);
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: visible;
  }
  .microsite ul#microsite-main-list .customer-data:before {
    content: "";
    border-top: 2px solid #b71a49;
    position: absolute;
    top: -2px;
    left: -50vw;
    width: 200vw;
  }
  .microsite ul#microsite-main-list .customer-data h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .microsite ul#microsite-main-list .customer-data .main-menu-link {
    text-transform: none;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .7px;
    font-family: buw_fira_sansbook;
  }
  .microsite ul#microsite-main-list .customer-data .main-menu-link:hover {
    background: transparent;
  }
  .microsite ul#microsite-main-list .customer-data .subtitle {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .6px;
    font-family: buw_fira_sansbook;
    margin-bottom: 0;
    padding-bottom: 26px;
    width: calc(100% + 16px);
    margin: 5px 0 25px 0;
  }
  .microsite ul#microsite-main-list .faculty-data {
    position: inherit;
    top: 0;
    display: block;
    font-weight: normal;
    width: 100%;
    z-index: 0;
    height: 47px;
  }
  .microsite ul#microsite-main-list .faculty-data .main-menu-link {
    height: 47px;
    line-height: 47px;
    color: #fff;
    border-bottom: none;
    text-align: left;
    text-decoration: none;
    padding-left: 10px;
    font-family: buw_fira_sansbook;
    text-transform: uppercase;
    letter-spacing: .8px;
  }
  .microsite ul#microsite-main-list .faculty-data:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 500vw;
    left: -100vw;
    z-index: -1;
  }
  .microsite ul#microsite-main-list.nosub .faculty-data .main-menu-link {
    padding: 0.5% 1%;
  }
  .microsite #nav-section {
    background-color: #fff;
  }
  .microsite #nav-section #sectionmenu {
    width: 100%;
    padding: 23.5px 0 0 0;
    overflow: visible;
    margin-bottom: 55px;
    display: flex;
    flex-direction: row;
    position: relative;
  }
  .microsite #nav-section #sectionmenu:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 500vw;
    left: -100vw;
  }
  .microsite #nav-section #sectionmenu > .item {
    height: 39px;
    margin: 0;
    min-height: 39px;
    border-radius: 10px 10px 0 0;
    min-width: fit-content;
  }
  .microsite #nav-section #sectionmenu > .item > a,
  .microsite #nav-section #sectionmenu > .item > a:hover {
    text-decoration: none;
    padding: 2px 18px 0 18px;
    font-family: buw_fira_sansbook;
    color: #000;
    font-size: 13px;
    letter-spacing: .6px;
    text-transform: uppercase;
    line-height: 37px;
    border-bottom: none;
    display: block;
    text-align: center;
  }
  .microsite #nav-section #sectionmenu > .item a:hover {
    color: #fff;
  }
  .microsite #nav-section #sectionmenu > .item ul {
    visibility: hidden;
    display: none;
  }
  .microsite #nav-section #sectionmenu > .item:hover a {
    color: #fff;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 {
    position: absolute;
    visibility: visible;
    display: block;
    top: 61px;
    left: 0;
    z-index: 200;
    padding-top: 38px;
    padding-bottom: 55px;
    width: 230px;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1:after {
    content: " ";
    width: 500vw;
    position: absolute;
    left: -100vw;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem a {
    padding: 0 8px;
    width: 100%;
    display: block;
    min-height: 23px;
    border-bottom: none;
    font-size: 14px;
    font-weight: normal;
    color: #fff !important;
    letter-spacing: .6px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 4px;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem > ul.menu-column.level2 {
    display: none;
    visibility: hidden;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > a,
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > a:hover {
    background-color: #000;
    color: #fff !important;
    letter-spacing: .6px;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > ul.menu-column.level2 {
    display: block;
    visibility: visible;
    position: absolute;
    top: 38px;
    left: 250px;
    width: 230px;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > ul.menu-column.level2 > li.flyoutitem {
    margin-bottom: 4px;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > ul.menu-column.level2 > li.flyoutitem:hover {
    background-color: #000;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > ul.menu-column.level2 > li.flyoutitem:hover a {
    background-color: #000;
    color: #000;
  }
  .microsite #nav-section #sectionmenu > .item:hover > ul.menu-column.level1 > li.flyoutitem:hover > ul.menu-column.level2:after {
    content: " ";
    width: 500vw;
    position: absolute;
    left: -100vw;
    top: 0;
    bottom: -55px;
    z-index: -1;
  }
  .microsite #nav-section #sectionmenu > .item.active.current {
    background-color: #fff;
  }
  .microsite #content_top {
    padding-left: 10px;
    padding-right: 10px;
  }
  .microsite #microsite-main-list {
    position: relative;
    display: block;
    height: auto !important;
    min-height: 100%;
    width: 100%;
  }
  .microsite #microSiteNav #microSiteNavMain header h1 a:hover {
    text-decoration: none;
  }
  .microsite #microSiteNav #microSiteNavMain .faculty-data a:hover {
    text-decoration: none;
  }
  .microsite .main .ym-wbox {
    margin-top: 0;
  }
  .microsite #contentMain {
    padding: 0 0;
  }
  .microsite #content_bottom {
    padding: 0 20px;
    margin: 0;
  }
  .microsite #micro_col1 #content_main {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  #main > .page-content {
    margin-top: 0;
  }
  #page #content_top.headerPic {
    min-height: 0;
  }
  .layout-manualhub #page #content_top {
    padding-top: 0;
    padding-bottom: 0;
  }
  .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav {
    flex-direction: row;
  }
  .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  #body-504 #page .multicolumnLayout3 .content_right {
    margin-bottom: 0;
  }
  #body-504 #page .multicolumnLayout3 .content_right .columnItemFirst {
    margin-bottom: 25px;
  }
  #body-504 #page .multicolumnLayout3 .content_right .columnItemLast {
    margin-bottom: 5px;
  }
  #body-504 #page .multicolumnLayout3 .content_right .columnItem {
    margin-left: auto;
    margin-right: auto;
  }
  #body-521 #page .start-slider {
    margin-bottom: 55px;
  }
  #rightMobileMenuLink {
    background-position: -100px 0;
    display: block;
    border-style: inset;
    border-radius: 0 0 10px 10px;
    border-color: transparent;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.7px;
    padding: 10px 15px;
    margin-top: 18px;
    margin-bottom: 20px;
    position: relative;
    background-position-x: -100%;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: auto;
  }
  #rightMobileMenuLink:after {
    content: none !important;
  }
  #rightMobileMenuLink .pfeilDown {
    display: block;
    position: absolute;
    top: 3px;
    right: 20px;
    width: 30px;
    height: 25px;
    background-position: 0 -10px;
    background-repeat: no-repeat;
    background-size: 30px;
  }
  #rightMobileMenuLink .pfeilDown:before {
    font-size: 2.5em;
    transition: color 4s;
  }
  #rightMobileMenuLink:hover {
    border: 1px solid transparent;
    color: #fff;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: auto;
    font-weight: bold;
  }
  #rightMobileMenuLink:hover .pfeilDown:before {
    font-weight: bold;
    color: #fff !important;
    transition: color 4s;
  }
  .rightMobileMenuLinkLine {
    border-top: 1px dotted #2b2e34;
    height: 1px;
    width: 1000px;
    margin-left: -30px;
    background-color: transparent;
  }
  .layout-micro-1 #rightMobileMenuLink:before {
    top: -22px;
  }
  #content_container {
    display: grid;
    grid-template-areas: 'content_top' 'title' 'content_main' 'content_bottom' 'content_right';
    grid-gap: 0;
  }
  #body-504 #content_container {
    display: grid;
    grid-template-areas: 'content_top' 'content_main' 'content_right' 'content_bottom';
    grid-gap: 0;
  }
  #title {
    grid-area: title;
  }
  #content_top {
    grid-area: content_top;
    max-width: 100vw;
  }
  #content_main {
    grid-area: content_main;
    max-width: 100vw;
  }
  #content_bottom {
    grid-area: content_bottom;
    max-width: 100vw;
  }
  #content_right {
    grid-area: content_right;
  }
  #col1_col2 #content_top .column {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  #page #content_right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page #content_right .grid {
    display: block;
    width: calc(50vw - 20px);
  }
  #page #content_right .grid.csc-space-before-20 {
    margin-top: 0 !important;
  }
  #page #content_right .columnItems {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }
  #page #content_right .columnItems > .columnItem,
  #page #content_right .columnItems > .csc-box {
    display: block;
    width: calc(50% - 10px);
  }
  #page #content_right .csc-space-before-50 {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 700px) and (max-width: 768px) {
  .container-fluid.visible-xs.hidden-sm.hidden-md.hidden-lg {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .start-slider .start-slider-item article header.caption-overlay h6.caption-overlay-title {
    font-size: 28px;
    line-height: 30px;
  }
  #content_right {
    margin: 55px 0 0 0;
    max-width: 100vw;
  }
  #body-504 #content_right {
    margin: 55px auto 55px auto;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 700px) {
  @keyframes openSearch {
    0% {
      width: 100px;
    }
    100% {
      width: 300px;
    }
  }
  @keyframes closeSearch {
    0% {
      width: 300px;
      border-color: #000;
    }
    100% {
      width: 100px;
      border-color: #fff;
    }
  }
  #page #header {
    margin-bottom: 0;
  }
  :not(#pagehead_logo_mf) #pagehead_logo {
    display: none;
    visibility: hidden;
  }
  #pageHeadSection {
    position: relative;
  }
  #pageHeadSection:after {
    content: none !important;
  }
  div:not(.microsite) #pageHeadSection:after {
    border-bottom: 1px dotted #000;
    position: absolute;
    bottom: 0;
    left: -10px;
    width: 100vw;
    content: "";
  }
  #page #bgBarContainer {
    display: none;
    visibility: hidden;
  }
  #page #nav {
    display: flex;
    flex-direction: column;
  }
  #page #mainNavigation {
    min-width: 320px;
    width: 100%;
    position: static;
    height: 0;
    overflow: hidden;
    display: none;
    z-index: 1000;
  }
  #page #mainNavigation.slideRight {
    height: auto;
    overflow: visible;
    display: block;
  }
  #page #mainNavigation #nav {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 65vh;
  }
  #page #mainNavigation #siteIndexSearch {
    display: none;
  }
  #page #mainNavigation #bgBarContainer {
    height: 25px;
    width: calc(50%);
    margin-left: 20px;
  }
  #page #nav {
    background-color: transparent;
  }
  #page #nav #nav-section,
  #page #nav #nav-main {
    background-color: #fff;
    width: 280px;
  }
  #page #nav #nav-section #mobileQuicklinksList,
  #page #nav #nav-main #mobileQuicklinksList {
    background-color: #fff;
  }
  #page #nav #nav-section #mobileQuicklinksList ul,
  #page #nav #nav-main #mobileQuicklinksList ul {
    padding: 0 10px;
    list-style: none;
    margin: 0;
  }
  #page #nav #nav-section #mobileQuicklinksList ul li a,
  #page #nav #nav-main #mobileQuicklinksList ul li a {
    padding: 10px 5px;
    display: inline-block;
    width: 100%;
    color: #777;
    border-bottom: none !important;
  }
  #page #nav #nav-section #mobileQuicklinksList ul li a:hover,
  #page #nav #nav-main #mobileQuicklinksList ul li a:hover {
    color: #b71a49;
    text-decoration: none;
  }
  #page #nav #nav-section #mobileQuicklinksList ul li a[title="Notfall"],
  #page #nav #nav-main #mobileQuicklinksList ul li a[title="Notfall"] {
    color: #b71a49;
    font-weight: bold;
  }
  #page #nav #nav-section #mobileQuicklinksList ul li.separator,
  #page #nav #nav-main #mobileQuicklinksList ul li.separator {
    padding: 5px 0 0 0;
    margin-bottom: 5px;
    border-bottom: 1px dotted #777;
    line-height: 1px;
  }
  #page #nav #nav-section > ul.bare-menu,
  #page #nav #nav-main > ul.bare-menu {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  #page #nav #nav-section > ul.bare-menu a,
  #page #nav #nav-main > ul.bare-menu a {
    font-size: 15px;
    letter-spacing: 1.1px;
    text-decoration: none;
    border-bottom: none !important;
  }
  #page #nav #nav-section > ul.bare-menu a span,
  #page #nav #nav-main > ul.bare-menu a span {
    display: inline-block;
    margin-top: 2px;
  }
  #page #nav #nav-section > ul.bare-menu .active > a,
  #page #nav #nav-main > ul.bare-menu .active > a,
  #page #nav #nav-section > ul.bare-menu .open > a,
  #page #nav #nav-main > ul.bare-menu .open > a,
  #page #nav #nav-section > ul.bare-menu .current > a,
  #page #nav #nav-main > ul.bare-menu .current > a {
    font-family: buw_fira_sansbold;
  }
  #page #nav #nav-section > ul.bare-menu .open > a,
  #page #nav #nav-main > ul.bare-menu .open > a {
    background-color: transparent;
  }
  #page #nav #nav-section > ul.bare-menu li.separator,
  #page #nav #nav-main > ul.bare-menu li.separator {
    border-bottom: 1px dotted #fff;
    margin: 4.5px 15px;
  }
  #page #nav #nav-section > ul.bare-menu > li,
  #page #nav #nav-main > ul.bare-menu > li {
    border-width: 2px 2px 2px 0;
    border-style: solid;
    position: relative;
    display: block;
    box-sizing: border-box;
    margin-bottom: 4px;
    width: 100%;
    line-height: 16px;
  }
  #page #nav #nav-section > ul.bare-menu > li ul,
  #page #nav #nav-main > ul.bare-menu > li ul {
    list-style: none;
  }
  #page #nav #nav-section > ul.bare-menu > li > a,
  #page #nav #nav-main > ul.bare-menu > li > a {
    background-color: #fff;
    display: block;
    line-height: 16px;
    padding: 23px 40px 24px 12px;
    width: 100%;
    box-sizing: border-box;
    border-bottom-color: transparent !important;
  }
  #page #nav #nav-section > ul.bare-menu > li > a > .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li > a > .main-menu-link-fill {
    text-transform: uppercase;
    font-family: buw_fira_sansbold;
    color: #fff;
    letter-spacing: 1.1px;
  }
  #page #nav #nav-section > ul.bare-menu > li > a > .main-menu-link-fill .menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li > a > .main-menu-link-fill .menu-highlight {
    text-transform: uppercase;
    color: #fff;
  }
  #page #nav #nav-section > ul.bare-menu > li a.toggle,
  #page #nav #nav-main > ul.bare-menu > li a.toggle {
    position: absolute;
    right: 0;
    top: 3.5px;
    height: 23px;
    width: 40px;
    text-align: center;
    padding: 0 0 0 0;
    line-height: 18px;
    font-size: 2em;
    font-family: "buw_rwdregular";
    font-weight: normal;
    border-bottom-color: transparent !important;
  }
  #page #nav #nav-section > ul.bare-menu > li > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li > a.toggle {
    top: 0;
    line-height: 12px;
    height: 40px;
    width: 40px;
    padding: 23px 0 40px 0;
  }
  #page #nav #nav-section > ul.bare-menu > li li,
  #page #nav #nav-main > ul.bare-menu > li li {
    position: relative;
    border-width: 0;
    border-color: transparent;
  }
  #page #nav #nav-section > ul.bare-menu > li > ul.closed,
  #page #nav #nav-main > ul.bare-menu > li > ul.closed,
  #page #nav #nav-section > ul.bare-menu > li > ul,
  #page #nav #nav-main > ul.bare-menu > li > ul {
    display: none;
    margin-right: -2px;
    margin-bottom: 3.5px;
  }
  #page #nav #nav-section > ul.bare-menu > li > ul.open,
  #page #nav #nav-main > ul.bare-menu > li > ul.open {
    display: block;
  }
  #page #nav #nav-section > ul.bare-menu ul li:hover > a,
  #page #nav #nav-main > ul.bare-menu ul li:hover > a,
  #page #nav #nav-section > ul.bare-menu ul li:hover > a:hover,
  #page #nav #nav-main > ul.bare-menu ul li:hover > a:hover {
    text-decoration: none;
    background-color: #000;
  }
  #page #nav #nav-section > ul.bare-menu li.open > a.toggle,
  #page #nav #nav-main > ul.bare-menu li.open > a.toggle {
    font-size: 3em !important;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > a,
  #page #nav #nav-main > ul.bare-menu > li.active > a,
  #page #nav #nav-section > ul.bare-menu > li.open.active > a,
  #page #nav #nav-main > ul.bare-menu > li.open.active > a,
  #page #nav #nav-section > ul.bare-menu > li.open > a,
  #page #nav #nav-main > ul.bare-menu > li.open > a {
    background-color: transparent;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > a span.main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active > a span.main-menu-link-fill,
  #page #nav #nav-section > ul.bare-menu > li.open.active > a span.main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open.active > a span.main-menu-link-fill,
  #page #nav #nav-section > ul.bare-menu > li.open > a span.main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open > a span.main-menu-link-fill,
  #page #nav #nav-section > ul.bare-menu > li.active > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-section > ul.bare-menu > li.open.active > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open.active > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-section > ul.bare-menu > li.open > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open > a span.main-menu-link-fill strong.menu-highlight {
    color: #fff;
  }
  #page #nav #nav-section > ul.bare-menu > li.active a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active a.toggle,
  #page #nav #nav-section > ul.bare-menu > li.open.active a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open.active a.toggle,
  #page #nav #nav-section > ul.bare-menu > li.open a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open a.toggle {
    color: #fff;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul {
    visibility: visible;
    display: block;
    background-color: transparent;
    margin-left: 0;
    border-left: 0 solid transparent;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li {
    padding: 3.5px 0;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li a.main-menu-link {
    min-height: 23px;
    line-height: 21px;
    display: block;
    padding: 0 40px 0 15px;
    color: #fff;
    font-weight: normal;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li > a span.main-menu-link-fill strong.menu-highlight,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li > a .main-menu-link-fill,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li > a .main-menu-link-fill,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li > a .main-menu-link-fill {
    color: #fff;
    font-weight: normal;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li > a:hover,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li > a:hover,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li > a:hover,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li > a:hover,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li > a:hover,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li > a:hover {
    background-color: #000;
    text-decoration: none;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li > ul {
    display: none;
    margin-left: 13px;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.open > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.open > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.open > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.open > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.open > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.open > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.current > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.current > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.current > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.current > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.current > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.current > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.parent > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.parent > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.parent > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.parent > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.parent > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.parent > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.parent.open > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.parent.open > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.parent.open > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.parent.open > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.parent.open > a.main-menu-link,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.parent.open > a.main-menu-link,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.open > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.open > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.open > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.open > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.open > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.open > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.current > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.current > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.current > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.current > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.current > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.current > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.parent > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.parent > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.parent > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.parent > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.parent > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.parent > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.parent.open > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.parent.open > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.parent.open > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.parent.open > a.togggle,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.parent.open > a.togggle,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.parent.open > a.togggle {
    background-color: #000;
  }
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.open > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.open > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.open > ul,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active > ul,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.current > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.current > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.current > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.current > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.current > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.current > ul,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.parent > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.parent > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.parent > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.parent > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.parent > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.parent > ul,
  #page #nav #nav-section > ul.bare-menu > li.active > ul li.active.parent.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.active > ul li.active.parent.open > ul,
  #page #nav #nav-section > ul.bare-menu > li.open.active > ul li.active.parent.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.open.active > ul li.active.parent.open > ul,
  #page #nav #nav-section > ul.bare-menu > li.open > ul li.active.parent.open > ul,
  #page #nav #nav-main > ul.bare-menu > li.open > ul li.active.parent.open > ul {
    display: block;
  }
  #page #nav #nav-main > ul.bare-menu > li.closed > a,
  #page #nav #nav-main > ul.bare-menu > li.closed.active > a {
    background-color: #fff;
  }
  #page #nav #nav-main > ul.bare-menu > li.closed > ul,
  #page #nav #nav-main > ul.bare-menu > li.closed.active > ul {
    display: none;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(1),
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) {
    border-color: #b71a49;
    background-color: #b71a49;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(1) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(1) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(1) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > a.toggle {
    border-color: transparent !important;
    color: #b71a49;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(2),
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) {
    border-color: #009bb4;
    background-color: #009bb4;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(2) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(2) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(2) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > a.toggle {
    border-color: transparent !important;
    color: #009bb4;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(2) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > a.toggle {
    height: 79px;
    line-height: 31px;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(3),
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) {
    border-color: #f39100;
    background-color: #f39100;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(3) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(3) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(3) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > a.toggle {
    border-color: transparent !important;
    color: #f39100;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(4),
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) {
    border-color: #94c11c;
    background-color: #94c11c;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(4) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(4) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(4) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > a.toggle {
    border-color: transparent !important;
    color: #94c11c;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(5),
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) {
    border-color: #006b94 !important;
    background-color: #006b94;
  }
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(5) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(5) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.closed:nth-child(5) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > a.toggle {
    border-color: transparent !important;
    color: #006b94;
  }
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(1) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(1) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(1) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(2) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(2) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(2) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(3) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(3) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(3) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(4) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(4) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(4) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(5) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(5) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(5) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(1) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(1) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(1) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(2) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(2) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(2) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(3) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(3) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(3) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(4) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(4) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(4) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(5) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(5) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(5) > a.toggle {
    color: #fff;
  }
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(1) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(1) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(1) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(2) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(2) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(2) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(3) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(3) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(3) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(4) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(4) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(4) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(5) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(5) > ul li:nth-child(*),
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(5) > ul li:nth-child(*) {
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
  }
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(1) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(1) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(1) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(2) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(2) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(2) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(3) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(3) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(3) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(4) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(4) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(4) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(5) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(5) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(5) > ul li:nth-child(*) > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(1) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(1) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(1) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(2) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(2) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(2) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(3) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(3) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(3) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(4) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(4) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(4) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(5) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(5) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(5) > ul li:nth-child(*) > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(1) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(1) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(1) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(2) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(2) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(2) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(3) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(3) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(3) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(4) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(4) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(4) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active:nth-child(5) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.active.open:nth-child(5) > ul li:nth-child(*) > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li.open:nth-child(5) > ul li:nth-child(*) > a.toggle {
    color: #fff;
    border-width: 0;
    border-color: transparent !important;
  }
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > ul li,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > ul li,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > ul li,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > ul li,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > ul li {
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
  }
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > ul li > a .main-menu-link-fill,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > ul li > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > ul li > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > ul li > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > ul li > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > ul li > a .main-menu-link-fill > strong.menu-highlight,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(1) > ul li > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(2) > ul li > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(3) > ul li > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(4) > ul li > a.toggle,
  #page #nav #nav-main > ul.bare-menu > li:nth-child(5) > ul li > a.toggle {
    color: #fff !important;
    border-width: 0;
    border-color: transparent !important;
  }
  #page #nav #nav-main > ul.bare-menu > li.menu-item.active.parent > ul {
    display: block;
  }
  #page #nav #nav-section #micrositeMenu {
    width: 280px;
    margin-bottom: 41px;
  }
  #page #nav #nav-section #micrositeMenu > li {
    min-height: 45px;
  }
  #page #nav #nav-section #micrositeMenu > li > a.main-menu-link {
    padding: 12px 40px 12px 12px;
  }
  #page #nav #nav-section #micrositeMenu > li > a.toggle {
    padding: 12px 0 12px 0;
  }
  #page #nav #nav-section #micrositeMenu > li.menu-item {
    border-width: 2px 2px 2px 0 !important;
  }
  #page #nav #nav-section #micrositeMenu > li.menu-item.active a.main-menu-link span.main-menu-link-fill,
  #page #nav #nav-section #micrositeMenu > li.menu-item.active a.main-menu-link .main-menu-link-fill strong {
    color: #fff !important;
  }
  #page #nav #nav-section #micrositeMenu > li.menu-item.active a.toggle {
    color: #fff !important;
  }
  #page #nav #nav-section .micrositeMegaMenuBackground {
    display: none;
    visibility: hidden;
  }
  #page #navigationalContents #breadcrumbs {
    position: relative;
  }
  #page #navigationalContents #breadcrumbs:before {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    content: "";
    border-top: 1px dotted #000;
    height: 1px;
    width: 100%;
  }
  body.general-uni #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item {
    border: 2px solid #b71a49;
  }
  body.general-uni #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link span.main-menu-link-fill,
  body.general-uni #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link .main-menu-link-fill strong {
    color: #b71a49;
  }
  body.general-uni #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.toggle {
    color: #b71a49;
  }
  body.general-uni #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item.active {
    background: #b71a49;
  }
  body.general-architektur #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item {
    border: 2px solid #009bb4;
  }
  body.general-architektur #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link span.main-menu-link-fill,
  body.general-architektur #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link .main-menu-link-fill strong {
    color: #009bb4;
  }
  body.general-architektur #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.toggle {
    color: #009bb4;
  }
  body.general-architektur #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item.active {
    background: #009bb4;
  }
  body.general-bauing #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item {
    border: 2px solid #f39100;
  }
  body.general-bauing #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link span.main-menu-link-fill,
  body.general-bauing #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link .main-menu-link-fill strong {
    color: #f39100;
  }
  body.general-bauing #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.toggle {
    color: #f39100;
  }
  body.general-bauing #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item.active {
    background: #f39100;
  }
  body.general-gestaltung #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item {
    border: 2px solid #94c11c;
  }
  body.general-gestaltung #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link span.main-menu-link-fill,
  body.general-gestaltung #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link .main-menu-link-fill strong {
    color: #94c11c;
  }
  body.general-gestaltung #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.toggle {
    color: #94c11c;
  }
  body.general-gestaltung #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item.active {
    background: #94c11c;
  }
  body.general-medien #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item {
    border: 2px solid #006b94;
  }
  body.general-medien #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link span.main-menu-link-fill,
  body.general-medien #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.main-menu-link .main-menu-link-fill strong {
    color: #006b94;
  }
  body.general-medien #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item a.toggle {
    color: #006b94;
  }
  body.general-medien #page #mainNavigation #nav #nav-section #micrositeMenu > li.menu-item.active {
    background: #006b94;
  }
  #page .start-slider {
    margin-top: 0;
    margin-bottom: 0;
  }
  #body-504 #page #main #mainContentSections #content_2ndRow #content_main .columnFirst .columnItemFirst .ce-gallery[data-csc-cols="1"] {
    position: absolute !important;
    bottom: 33px;
    width: 50px;
  }
  #body-504 #page #main #mainContentSections #content_2ndRow #content_main .columnFirst .columnItemFirst .csc-textpic-text .bodytext:last-child {
    padding-left: 60px;
  }
  #body-504 #page #main #mainContentSections #content_2ndRow #content_main .columnFirst .columnItemFirst .csc-textpic-text .bodytext:last-child a.csc-content-link {
    display: block;
  }
  #body-504 #goToJournalButton,
  #body-532 #goTooBADButton {
    top: 475px;
    right: 10px;
    transition: top .4s ease, right .4s ease;
  }
  #body-504 #page #main #mainContentSections #content_2ndRow #content_main .columnFirst .columnItemFirst .ce-gallery[data-csc-cols="1"] {
    bottom: 50px;
  }
  .desktop .desktop-hidden {
    visibility: visible !important;
    display: inline-block !important;
  }
  #content_container {
    flex-direction: column;
  }
  #col1_col2 #content_top .column .columnLast.listItemLast .layout-bottomheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLastcolumnItem .layout-bottomheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLast .layout-bottomheader .ce-above,
  #col1_col2 #content_top .column .columnLast.listItemLast .layout-topheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLastcolumnItem .layout-topheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLast .layout-topheader .ce-above {
    align-items: flex-start;
  }
  #col1_col2 #content_top .column .columnLast.listItemLast .layout-topheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLastcolumnItem .layout-topheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLast .layout-topheader .ce-above {
    display: block;
    align-items: unset;
  }
  #col1_col2 #content_top .column .ce-gallery {
    width: 100%;
    padding-right: 0;
    display: inline-block;
    margin-bottom: 0;
    align-self: flex-start;
  }
  #col1_col2 #content_top .column .csc-textpic-text {
    width: 100%;
    display: inline-block;
  }
  #page .tx-browser-pi1 .listarea .browsebox {
    text-align: center;
  }
  .microsite #microSiteNav {
    margin-top: 0;
  }
  .microsite ul#microsite-main-list .faculty-data {
    margin-bottom: 42px;
  }
  .microsite ul#microsite-main-list .customer-data header {
    padding: 18.5px 24px 10px 10px;
  }
  .microsite ul#microsite-main-list .faculty-data .main-menu-link {
    padding-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane {
    width: 100vw;
  }
}
/*

  Extra Small Devices, Phones

*/
@media only screen and (max-width: 480px) {
  #nav-layout .nav-meta-search form.ym-searchform .ym-searchfield {
    display: none;
  }
  #nav-layout {
    padding-top: 0;
  }
  #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-image: url(../images/bauhaus_logo_zweizeilig_weiss.svg);
    background-position: top left;
    background-repeat: no-repeat;
    color: transparent;
    overflow: hidden;
    min-width: 195px;
    max-width: 320px;
    height: 50px;
    display: block;
    margin: 0 0 0 0;
    float: left;
    background-color: #b71a49;
  }
  #body-504 #goToJournalButton,
  #body-532 #goTooBADButton {
    top: 435px;
    width: 120px;
    height: 120px;
    background-size: 120px !important;
    transition: top .4s ease;
  }
  #body-504 #goToJournalButton {
    background-size: 120px !important;
  }
  #body-532 #goTooBADButton {
    background-size: 130px !important;
  }
  #body-504 #page #main #mainContentSections #content_2ndRow #content_main .columnFirst .columnItemFirst .ce-gallery[data-csc-cols="1"] {
    bottom: 20px;
  }
  #content_container {
    flex-direction: column;
  }
  #col1_col2 #content_top .column {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #col1_col2 #content_top .column .columnLast.listItemLast .layout-bottomheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLastcolumnItem .layout-bottomheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLast .layout-bottomheader .ce-above,
  #col1_col2 #content_top .column .columnLast.listItemLast .layout-topheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLastcolumnItem .layout-topheader .ce-above,
  #col1_col2 #content_top .column .columnItemLast.listItemLast .layout-topheader .ce-above {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  #col1_col2 #content_top .column .ce-gallery {
    width: 100%;
    padding-right: 0;
    display: block;
  }
  #col1_col2 #content_top .column .csc-textpic-text {
    width: 100%;
    display: block;
  }
  .topRowTrippleContent,
  .multicolumnLayout3,
  .multicolumnLayout2 {
    display: flex;
    flex-direction: row;
  }
  .topRowTrippleContent > .csc-default.layout-topheader,
  .multicolumnLayout3 > .csc-default.layout-topheader,
  .multicolumnLayout2 > .csc-default.layout-topheader,
  .topRowTrippleContent > .csc-default.layout-bottomheader,
  .multicolumnLayout3 > .csc-default.layout-bottomheader,
  .multicolumnLayout2 > .csc-default.layout-bottomheader {
    min-width: 280px;
    max-width: 320px;
  }
  .topRowTrippleContent {
    margin-left: 0;
    margin-right: 0;
  }
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader {
    padding: 0 0 0 0;
    width: 100%;
    margin-bottom: 2.5em;
    margin-right: auto;
    margin-left: auto;
    max-width: 320px;
    float: none;
  }
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child {
    width: 100%;
    margin-top: 0;
  }
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .ce-gallery,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .ce-gallery,
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text {
    width: 100%;
    float: left !important;
  }
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .ce-gallery,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .ce-gallery {
    padding-right: 0;
    padding-top: 0;
  }
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text {
    padding-left: 0;
  }
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text h2.headline.headline-bottom,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text h2.headline.headline-bottom,
  .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text h2.headline.headline-top,
  .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text h2.headline.headline-top {
    padding-top: 0;
    margin-top: 0;
  }
  .layout-autohub #content_container {
    padding-left: 0;
    padding-right: 0;
  }
  .content_main .multicolumnLayout1 {
    display: flex;
    flex-direction: column;
  }
  .content_main .multicolumnLayout1 > .column {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .content_main .multicolumnLayout1 > .column:after {
    width: calc(100% - 20px);
    height: 1px;
    content: " ";
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 10px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
  }
  .content_main .multicolumnLayout1 .columnItem img {
    width: 100%;
  }
  .microsite #contentMain {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 320px) {
  #page #header {
    margin-bottom: 0;
  }
  #pageHeadSection {
    position: relative;
  }
  #pageHeadSection:after {
    border-bottom: 1px dotted #000;
    position: absolute;
    bottom: 0;
    left: -10px;
    width: 100vw;
    content: "";
  }
  html[lang="de-DE"] #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active):before {
    content: "|";
    color: #777;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 1px;
  }
  html[lang="en-GB"] #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active):after {
    content: "|";
    color: #777;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 1px;
  }
  #nav-layout {
    padding-top: 0;
  }
  #nav-layout #pagehead_logo_mf .menu #hideMainMenuButton,
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton {
    color: #fff;
    background-color: #000;
    height: 40px;
    width: 40px;
    border-radius: 0 0 0 10px;
    float: right;
    text-align: center;
    cursor: pointer;
  }
  #nav-layout #pagehead_logo_mf .menu #hideMainMenuButton {
    font-family: icomoon;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 0 9px;
    width: 100%;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks {
    order: 1;
    float: left;
    margin-top: 12px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #globalquicklinks_hint {
    font-size: 15px;
    line-height: 18px;
    padding-left: 0;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane {
    min-width: 320px;
    width: 320px;
    left: -20px;
    right: unset;
    padding: 5px 10px;
    min-height: 100vh;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .mobileStandardLinks a {
    padding-left: 30px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch {
    margin-top: 13px;
    order: 2;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch a {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search {
    order: 3;
    margin-top: 8px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield {
    display: none;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search button.ym-searchbutton {
    font-size: 15px;
    line-height: 18px;
    height: 25px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search button.ym-searchbutton:before {
    top: 5px;
    line-height: 13px;
    font-size: 20px;
  }
  #navigationalContents #subPages {
    margin-bottom: 0;
  }
  #navigationalContents #subPages #subPageMenu {
    overflow-y: scroll;
  }
  .preamble #section_head {
    height: 70px;
  }
  #content_container {
    flex-direction: column;
  }
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none) and (min-width: 150px) and (max-width: 991px), (-ms-high-contrast: active) and (min-width: 150px) and (max-width: 991px) {
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton {
    text-align: center;
    padding-top: 7px;
    margin-right: -2px;
  }
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton.open {
    font-size: 18px;
    padding-top: 0;
    line-height: 40px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield {
    padding: 7px 20px 0 4px;
  }
  #navigationalContents #subPages {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
  #navigationalContents #subPages #subPageMenu {
    margin-left: -5px;
    min-width: 100%;
    overflow-y: hidden;
  }
  .breadcrumbNavigation {
    margin-right: -10px;
    margin-left: -10px;
  }
  .breadcrumbNavigation #section_head {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-left: 0;
  }
  .breadcrumbNavigation #section_head:after {
    width: 4000px;
    margin-left: 0;
  }
  .breadcrumbNavigation #section_head #breadcrumbs {
    padding-left: 10px;
    min-width: 100%;
    width: auto;
    overflow-x: visible;
    overflow-y: hidden;
  }
  .breadcrumbNavigation #section_head #breadcrumbs ol.trail-list li:first-child {
    margin-left: -20px;
  }
}
@media all and (-ms-high-contrast: none) and (min-width: 150px) and (max-width: 700px), (-ms-high-contrast: active) and (min-width: 150px) and (max-width: 700px) {
  #mainNavigation #nav-main .bare-menu .menu-item:not(.open) > .toggle {
    line-height: 23px !important;
  }
}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) and (min-width : 150px) and (max-width : 991px) {
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton {
    text-align: center;
    padding-top: 3px;
    margin-right: -2px;
  }
  #nav-layout #pagehead_logo_mf .menu #showMainMenuButton.open {
    font-size: 18px;
    padding-top: 0;
    line-height: 38px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield {
    padding: 7px 25px 0 4px;
  }
  #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus {
    margin-top: 0;
  }
  #navigationalContents #subPages {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
  #navigationalContents #subPages #subPageMenu {
    margin-left: -5px;
    min-width: 100%;
    overflow-y: hidden;
  }
  .breadcrumbNavigation {
    margin-right: -10px;
    margin-left: -10px;
  }
  .breadcrumbNavigation #section_head {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-left: 0;
  }
  .breadcrumbNavigation #section_head:after {
    width: 4000px;
    margin-left: 0;
  }
  .breadcrumbNavigation #section_head #breadcrumbs {
    padding-left: 10px;
    min-width: 100%;
    width: auto;
    overflow-x: visible;
    overflow-y: hidden;
  }
  .breadcrumbNavigation #section_head #breadcrumbs ol.trail-list {
    margin-left: -20px;
  }
  #subPages {
    display: none;
    visibility: hidden;
  }
}
@keyframes startSliderActiveMenuItenm {
  0% {
    background-color: rgba(255, 255, 255, 0.4);
  }
  10% {
    background-color: rgba(255, 255, 255, 0.9);
  }
  95% {
    background-color: rgba(255, 255, 255, 0.9);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
@keyframes frontSlide {
  0% {
    z-index: 1;
  }
  10% {
    z-index: 100;
  }
  100% {
    z-index: 100;
  }
}
@keyframes slideImage {
  0% {
    right: 200%;
    opacity: 0;
  }
  10% {
    right: 0;
    opacity: 1;
  }
  90% {
    right: 0;
    opacity: 1;
  }
  100% {
    right: -300%;
    opacity: 0;
  }
}
@keyframes slideText {
  0% {
    left: -300%;
    opacity: 0;
  }
  10% {
    left: 0%;
    opacity: 1;
  }
  90% {
    left: 0%;
    opacity: 1;
  }
  100% {
    left: 200%;
    opacity: 0;
  }
}
@keyframes slideImageLeft {
  0% {
    right: 200%;
    opacity: 0;
  }
  10% {
    right: 0;
    opacity: 1;
  }
  90% {
    right: 0;
    opacity: 1;
  }
  100% {
    right: -200%;
    opacity: 0;
  }
}
@keyframes slideTextLeft {
  0% {
    left: 300%;
    opacity: 0;
  }
  10% {
    left: 0%;
    opacity: 1;
  }
  90% {
    left: 0%;
    opacity: 1;
  }
  100% {
    left: -200%;
    opacity: 0;
  }
}
@keyframes slideImageToStay {
  0% {
    right: 200%;
    opacity: 0;
  }
  10% {
    right: 0%;
    opacity: 1;
  }
  90% {
    right: 0%;
    opacity: 1;
  }
  100% {
    right: 0%;
    opacity: 1;
  }
}
@keyframes slideTextToStay {
  0% {
    left: -200%;
    opacity: 0;
  }
  10% {
    left: 0%;
    opacity: 1;
  }
  90% {
    left: 0%;
    opacity: 1;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
@keyframes bannerSlideLeft {
  0% {
    margin-left: 0;
  }
  10% {
    margin-left: -300px;
  }
  90% {
    margin-left: -300px;
  }
  100% {
    margin-left: -340px;
  }
}
@keyframes bannerSlideRight {
  0% {
    margin-left: -300px;
  }
  10% {
    margin-left: 0px;
  }
  90% {
    margin-left: 0px;
  }
  100% {
    margin-left: 40px;
  }
}
@keyframes hoverTeaser {
  0% {
    transform: translate(0px, 0px);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  100% {
    transform: translate(-7px, -7px);
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.3);
  }
}
@keyframes deHoverTeaser {
  0% {
    transform: translate(-7px, -7px);
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: translate(0px, 0px);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
}
@keyframes hoverArrow {
  0% {
    right: 24px;
  }
  100% {
    right: 14px;
  }
}
@keyframes deHoverArrow {
  0% {
    right: 14px;
  }
  100% {
    right: 24px;
  }
}
@keyframes hoverBannerArrow {
  0% {
    left: 0px;
  }
  100% {
    left: 10px;
  }
}
@keyframes showMedia {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes quicklinkListArrow {
  0% {
    left: 30px;
  }
  100% {
    left: 40px;
  }
}
@keyframes submenuListArrow {
  0% {
    left: 15px;
  }
  100% {
    left: 25px;
  }
}
@keyframes quicklinkListArrowLvlOne {
  0% {
    left: 30px;
  }
  100% {
    left: 45px;
  }
}
@keyframes quicklinkListArrowLvlTwo {
  0% {
    left: 40px;
  }
  100% {
    left: 55px;
  }
}
@keyframes adjustHeight {
  0% {
    height: 140px;
  }
  100% {
    height: 150px;
  }
}
@keyframes hoverMoreLink {
  0% {
    padding-left: 0;
  }
  100% {
    padding-left: 10px;
  }
}
@keyframes hoverMoreLinkPosAbs {
  0% {
    left: 0;
  }
  100% {
    left: 10px;
  }
}
@keyframes hoverLittleMoreLinkPosAbs {
  0% {
    left: 0;
  }
  100% {
    left: 5px;
  }
}
@keyframes hoverMoreLinkPullRight {
  0% {
    margin-right: 0;
  }
  100% {
    margin-right: 10px;
  }
}
@keyframes fadeWhiteTextToRed {
  0% {
    color: #fff;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #b71a49;
  }
}
@keyframes fadeWhiteTextToBlack {
  0% {
    color: #fff;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #000;
  }
}
@keyframes fadeRedBGToWhite {
  0% {
    background-color: #b71a49;
  }
  90% {
    background-color: #b71a49;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes breadcrumbHover {
  0% {
    left: 0;
  }
  100% {
    left: 5px;
  }
}
@keyframes imageHoverSizeDown {
  0% {
    width: 100px;
  }
  100% {
    width: 90px;
  }
}
@keyframes imageHoverSizeUp {
  0% {
    width: 90px;
  }
  100% {
    width: 100px;
  }
}
@keyframes wiggleMenu {
  0% {
    overflow: visible;
    max-height: 2000px;
  }
  65% {
    overflow: hidden;
    max-height: 80px;
  }
  70% {
    max-height: 75px;
  }
  100% {
    max-height: 80px;
  }
}
@keyframes closeQuickaccess {
  0% {
    overflow: visible;
    max-height: 2000px;
  }
  85% {
    max-height: 70px;
    overflow: hidden;
  }
  100% {
    max-height: 75px;
  }
}
@keyframes openQuickaccess {
  0% {
    overflow: hidden;
    max-height: 75px;
  }
  5% {
    overflow: hidden;
    max-height: 70px;
  }
  100% {
    overflow: visible;
    max-height: 2000px;
  }
}
@keyframes spinToggle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3600deg);
  }
}
@keyframes spinToggleBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3600deg);
  }
}
@keyframes showSubmenuList {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes hideSubmenuList {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes hoverPageUpLink {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #b71a49;
  }
}
@keyframes justFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes closeSearch {
  0% {
    width: 245px;
    border-color: #000;
  }
  100% {
    width: 87px;
    border-color: #fff;
  }
}
@keyframes openSearch {
  0% {
    width: 87px;
  }
  100% {
    width: 245px;
  }
}
@keyframes closeSmSearch {
  0% {
    width: 245px !important;
    border-color: #000;
  }
  100% {
    width: 110px !important;
    border-color: #fff;
  }
}
@keyframes openSmSearch {
  0% {
    width: 110px;
  }
  100% {
    width: 245px;
  }
}
.page ul.csc-uploads span.csc-uploads-fileName {
  text-decoration: none;
  position: relative;
}
.page ul.csc-uploads span.csc-uploads-fileName a {
  font-weight: bold;
  padding-left: 22px;
}
.page ul.csc-uploads span.csc-uploads-fileName a:after {
  color: #000;
  position: absolute;
  left: -8px;
  font-family: icomoon;
  content: "\e92c";
  padding-left: 5px;
  font-size: 22px;
  line-height: 19px;
  font-weight: bold;
  top: 0;
}
.page ul.csc-uploads span.csc-uploads-fileName a:hover {
  border-bottom: 1px dotted #000 !important;
}
#page .content_main .csc-menu-3 h2 {
  border-bottom: 2px solid;
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#page .content_main .csc-menu-3 > ul {
  margin: 0 0 36px;
}
#page .content_main .csc-menu-3 > ul > li {
  list-style-type: none;
  margin-bottom: 5px;
  padding: 0 4px 0 28px;
  position: relative;
}
#page .content_main .csc-menu-3 > ul > li::before {
  content: '\e926';
  font-family: icomoon;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(0deg);
}
#page .content_main .csc-menu-3 > ul > li:hover::before {
  transform-origin: center;
  transform: rotate(90deg);
  transition: transform .4s ease;
}
@media only screen and (min-width: 480px) {
  #page .content_main .csc-menu-3 > ul {
    columns: 2;
  }
  #page .content_main .csc-menu-3 > ul > li {
    break-inside: avoid-column;
  }
}
#page .tx-sf-banners.bannerSlider {
  position: relative;
  overflow: visible;
  margin: 44px 0 0 0;
  padding-top: 44.5px;
  border-top: 1px dotted #777;
}
#page .tx-sf-banners.bannerSlider > div {
  overflow: hidden;
  height: 100%;
}
#page .tx-sf-banners.bannerSlider > div.open {
  display: flex;
  flex-direction: column;
}
#page .tx-sf-banners.bannerSlider .banner {
  width: calc(33.33% - 13px);
}
#page .tx-sf-banners.bannerSlider .banner a {
  border: none;
}
#page .tx-sf-banners.bannerSlider .banner img {
  width: 100%;
  height: auto;
}
#page .tx-sf-banners.bannerSlider .banner img[width="600"] {
  width: 100% !important;
}
#page .tx-sf-banners.bannerSlider .bannerButton {
  position: absolute;
  top: 44.5px;
  height: 110px;
  width: 110px;
  line-height: 106px;
  font-size: 75px;
  border: 0 solid transparent;
  background: #fff;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonRight {
  right: -120px;
  top: 45px;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonLeft {
  left: -120px;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonStop {
  position: absolute;
  top: 110%;
  width: 106px;
  height: 28px;
  font-size: 16px;
  line-height: 28px;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonOpen {
  visibility: hidden;
  position: relative;
  display: none;
  padding: 0;
  text-align: left;
  width: 100%;
  height: 28px;
  border: none;
  background: #fff;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonOpen:hover:before {
  color: #b71a49;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonOpen:before {
  position: absolute;
  top: -10px;
  left: -8px;
  content: "\e927";
  font-family: icomoon;
  font-size: 37px;
  line-height: 40px;
  transform: rotate(-180deg);
  transition: transform .4s;
}
#page .tx-sf-banners.bannerSlider .bannerSliderButtonOpen.open:before {
  content: "\e929";
  transform: rotate(180deg);
  transition: transform .4s;
}
#page .tx-sf-banners.bannerSlider.activeLeft .banner.active {
  animation: bannerSlideLeft .4s forwards;
}
#page .tx-sf-banners.bannerSlider.activeRight .banner.active {
  animation: bannerSlideRight .4s forwards;
}
#page #content_right .tx-sf-banners.bannerSlider {
  border-top: none;
}
.bannerSlide {
  animation-name: bannerSlide;
  animation-duration: .4s;
}
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste {
  display: flex;
}
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste .contentflip_right .left,
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste .contentflip_right .right {
  margin-top: 25px;
  text-align: center;
  width: 49%;
  display: inline-block;
}
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste .contentflip_right a .icon-Verzeichnis,
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste .contentflip_right a .icon-Download {
  font-family: icomoon;
  font-size: 30px;
  overflow: hidden;
  display: block;
  height: 35px;
  width: 32px;
  margin: 20px auto 0;
}
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste .contentflip_left {
  margin-right: 20px;
}
#page .tx-pap-contentflip #pap_list .pap_contentflip.liste .contentflip_left img {
  height: auto;
}
#page .tx-pap-contentflip {
  margin-bottom: 25px;
}
#page #page-content-wrapper {
  background-color: #fff;
}
#content_top {
  display: block;
  overflow: visible;
}
#content_top .layout-bottomheader,
#content_top .layout-topheader {
  width: 100%;
}
#content_top .page-content > .header-grafic {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
#content_top .col-xs-12.col-sm-8.col-md-8.col-xl-8:empty {
  padding-bottom: 0;
  visibility: hidden;
  display: none;
  height: 0;
}
#content_top .header-grafic {
  background-color: #fff;
}
#content_top .header-grafic .layout-topheader .ce-image.ce-left.ce-above,
#content_top .header-grafic .layout-topheader .ce-gallery,
#content_top .header-grafic .layout-topheader figure.image.csc-textpic-last,
#content_top .header-grafic .layout-topheader figure.image.csc-textpic-last a {
  width: 100%;
  display: block;
  border: none;
}
#content_top .header-grafic .layout-topheader .ce-image.ce-left.ce-above > img,
#content_top .header-grafic .layout-topheader .ce-gallery > img,
#content_top .header-grafic .layout-topheader figure.image.csc-textpic-last > img,
#content_top .header-grafic .layout-topheader figure.image.csc-textpic-last a > img {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#content_top .header-grafic .layout-bottomheader div.csc-textpic .ce-gallery figure.image,
#content_top .header-grafic .layout-topheader div.csc-textpic .ce-gallery figure.image {
  margin-bottom: 0;
  border: none;
}
#content_top .panel {
  border: none !important;
  box-shadow: none !important;
}
#col1 #content_top .layout-bottomheader .layout-bottomheader,
#col1 #content_top .layout-topheader .layout-bottomheader,
#col1 #content_top .layout-bottomheader .layout-topheader,
#col1 #content_top .layout-topheader .layout-topheader {
  padding: 0;
}
.empty_content_top .layout-detail-2 #content_top,
.empty_content_top .layout-autohub #content_top,
.empty_content_top .layout-manualhub #content_top {
  visibility: hidden;
  display: none;
  margin-bottom: 0;
}
#col1_col2 .preamble header#title h1 {
  padding-left: 0;
  padding-right: 30px;
  margin-bottom: 55px;
}
#page #content_right figcaption.image-caption {
  padding-left: 20px;
  padding-right: 20px;
}
.main .ym-wbox {
  margin-top: 2.5em;
}
.common-entry .ym-wbox {
  margin-top: 0;
}
.multicolumnLayout3 .columnLast .contact-headline .csc-default > .csc-box,
.multicolumnLayout3 .columnLast .contact-headline > .csc-box {
  margin-bottom: 20px;
}
.multicolumnLayout3 .columnLast .contact-headline .csc-default > .csc-box h3,
.multicolumnLayout3 .columnLast .contact-headline > .csc-box h3 {
  margin-left: 20px;
  margin-right: 20px;
}
.multicolumnLayout3 .columnLast .contact-headline .csc-default > .csc-box .csc-box,
.multicolumnLayout3 .columnLast .contact-headline > .csc-box .csc-box {
  margin-bottom: 0;
}
.multicolumnLayout3 .columnLast .contact-headline .headline {
  font-family: 'buw_fira_sansbook', sans-serif;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.2px;
  font-weight: 100;
  padding-bottom: 0;
}
.multicolumnLayout3 .content_right {
  margin-bottom: 25px;
}
#kontrastLink {
  padding-left: 0;
}
header#title h1#section_title {
  font-size: 50px;
  line-height: 58px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  word-wrap: break-word;
}
#page .topRowTrippleContent,
#page .multicolumnContainer:not(.multicolumnLayout1):not(.multicolumnLayout3) {
  display: flex;
  flex-basis: auto;
  justify-content: space-between;
}
#page .topRowTrippleContent > .csc-teaser,
#page .multicolumnContainer:not(.multicolumnLayout1):not(.multicolumnLayout3) > .csc-teaser {
  width: calc(33.33% - 13.33px);
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 0;
}
#page #content_top .multicolumnContainer > .column > .columnItems > .columnItem,
#page #content_bottom .multicolumnContainer > .column > .columnItems > .columnItem {
  height: 100%;
}
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .topRowTrippleContent .column,
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .multicolumnContainer .column {
  margin-bottom: 0;
}
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .topRowTrippleContent .column .columnItems > .columnItem,
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .multicolumnContainer .column .columnItems > .columnItem {
  height: auto;
}
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .topRowTrippleContent .column .columnItems > .columnItem .csc-default.csc-teaser.layout-bottomheader,
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .multicolumnContainer .column .columnItems > .columnItem .csc-default.csc-teaser.layout-bottomheader {
  height: auto;
}
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .topRowTrippleContent .column > .columnItems,
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .multicolumnContainer .column > .columnItems {
  height: auto;
}
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .topRowTrippleContent .ce-above,
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .multicolumnContainer .ce-above {
  height: auto;
}
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .topRowTrippleContent .ce-above .csc-textpic-text,
#page .csc-frame.csc-no-bottom-border.layout-topheader.csc-space-after-50 .multicolumnContainer .ce-above .csc-textpic-text {
  height: auto;
}
#page #content_top {
  margin-bottom: 55px;
}
#page #content_top:empty {
  margin-bottom: 0;
}
#page #content_top .topRowTrippleContent,
#page #content_top .multicolumnContainer {
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
}
#page #content_top .topRowTrippleContent ~ .topRowTrippleContent,
#page #content_top .multicolumnContainer ~ .topRowTrippleContent,
#page #content_top .topRowTrippleContent ~ .multicolumnContainer,
#page #content_top .multicolumnContainer ~ .multicolumnContainer {
  margin-top: 55px !important;
}
#col1_col2 #content_top .topRowTrippleContent {
  margin: 0;
}
#page .csc-textpic-intext-left-nowrap:not([class*="nowrap-"]),
#page .csc-textpic-intext-right-nowrap:not([class*="nowrap-"]) {
  display: flex !important;
}
#page .csc-textpic-intext-left-nowrap:not([class*="nowrap-"]) .csc-textpic-text,
#page .csc-textpic-intext-right-nowrap:not([class*="nowrap-"]) .csc-textpic-text,
#page .csc-textpic-intext-left-nowrap:not([class*="nowrap-"]) .ce-gallery,
#page .csc-textpic-intext-right-nowrap:not([class*="nowrap-"]) .ce-gallery {
  display: inline-block;
}
#page .csc-textpic-intext-left-nowrap:not([class*="nowrap-"]) .csc-textpic-text figure.image a.csc-image-link img,
#page .csc-textpic-intext-right-nowrap:not([class*="nowrap-"]) .csc-textpic-text figure.image a.csc-image-link img,
#page .csc-textpic-intext-left-nowrap:not([class*="nowrap-"]) .ce-gallery figure.image a.csc-image-link img,
#page .csc-textpic-intext-right-nowrap:not([class*="nowrap-"]) .ce-gallery figure.image a.csc-image-link img {
  width: 100% !important;
  height: auto;
}
#page div:not(.teaser) .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery .csc-textpic-image,
#page div:not(.teaser) .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery .csc-textpic-image {
  margin-bottom: 0;
}
#page .csc-textpic-intext-left:after,
#page .csc-textpic-intext-right:after {
  content: "";
  clear: both;
  display: table;
}
#page .csc-textpic-intext-left .ce-gallery figure.image,
#page .csc-textpic-intext-right .ce-gallery figure.image {
  display: table;
}
#page .csc-textpic-intext-left .ce-gallery figure.image figcaption.image-caption,
#page .csc-textpic-intext-right .ce-gallery figure.image figcaption.image-caption {
  display: table-caption;
}
#content_main .multicolumnLayout1 .ce-above .csc-textpic-text:empty {
  display: none;
}
#content_main .multicolumnLayout1 .ce-above .csc-textpic-text p.bodytext {
  margin-bottom: 0;
}
#content_main .multicolumnLayout1 .ce-above .csc-textpic-text .csc-header .headline.headline-top {
  margin-top: 0;
}
#page #c234961 .multicolumnContainer #c227594,
#page #c234961 .multicolumnContainer #c227592,
#page #c234961 .multicolumnContainer #c227590,
#page #c234961 .multicolumnContainer .columnItems {
  height: 100%;
}
#page #c234961 .multicolumnContainer .ce-above {
  display: flex;
  flex-direction: column;
  height: 100%;
  animation: deHoverTeaser .4s forwards;
  border-radius: 0 0 10px 10px;
}
#page #c234961 .multicolumnContainer .ce-above:hover {
  animation: hoverTeaser .4s forwards;
}
#page #c234961 .multicolumnContainer .ce-above figure.image {
  margin-bottom: 0;
  width: calc(100%);
}
#page #c234961 .multicolumnContainer .ce-above figure img {
  width: 100%;
}
#page #c234961 .multicolumnContainer .ce-above .csc-textpic-text {
  border-style: solid;
  border-color: #006b94;
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 10px 10px;
  height: 100%;
  padding: 25px 20px 35px 20px;
  margin-top: 0;
}
#page #c234961 .multicolumnContainer .ce-above .csc-textpic-text h2 a:hover {
  text-decoration: none;
  border-bottom-color: transparent !important;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] {
  margin: 0 0;
  display: block;
  max-width: 100%;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style]:not(.horizontal) {
  width: 100% !important;
  list-style: none !important;
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style]:not(.horizontal) li.panel[style] {
  width: 100% !important;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style]:not(.horizontal) li.panel[style] .csc-textpic {
  border-radius: 0 !important;
  animation: none !important;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style]:not(.horizontal) li.panel[style] .csc-textpic:hover {
  animation: none !important;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style]:not(.horizontal) li.panel[style] figure.image {
  border: 0 solid transparent !important;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style]:not(.horizontal) li.panel[style] figure.image img[width] {
  width: 100% !important;
  border-radius: 0;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] {
  width: 100% !important;
  margin: 0;
  display: block;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style] {
  width: auto;
  list-style: none;
}
.anythingSlider.anythingSlider-buw.activeSlider[style] ul[style] li[style] figure.image {
  border: 0 solid transparent !important;
}
.anythingSlider.anythingSlider-buw.activeSlider .anythingBase.fade {
  opacity: 1 !important;
}
#content_main .ce-buwcyclegallery {
  margin-bottom: 25px;
}
#page .csc-gallery-slideshow.csc-textpic {
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}
#page .csc-gallery-slideshow.csc-textpic .csc-gallery-slideshow-single[style] {
  display: flex !important;
  max-width: 100% !important;
}
#page .csc-gallery-slideshow.csc-textpic .csc-ctrl-wrap {
  max-width: 100%;
}
#page .csc-gallery-slideshow.csc-textpic .csc-gallery-nav {
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#page .csc-gallery-slideshow.csc-textpic .csc-gallery-nav figure {
  margin-bottom: 0;
}
#page .csc-gallery-slideshow .csc-textpic-center-outer .csc-textpic-imagerow {
  margin-bottom: 0;
}
#page .csc-gallery-slideshow.csc-textpic .csc-gallery-slideshow-single[style] {
  display: contents !important;
}
#page .csc-gallery-slideshow .csc-ctrl-wrap {
  z-index: 76;
  max-height: 99%;
}
div[class*='gallery-slideshow'] .slideshow-item a {
  display: block;
  border: 0 solid transparent !important;
}
div[class*='gallery-slideshow'] .slideshow-item img {
  margin: 0 auto !important;
  max-width: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div[class*='gallery-slideshow'] ul {
  padding: 0;
  margin: 0;
  list-style: none !important;
  list-style-position: inside;
}
#page div[class*='gallery-slideshow'] .csc-gallery-slideshow-single .image-caption {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  color: #666;
  border-bottom: none;
  z-index: 10;
}
#page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-btn.csc-prev {
  border-bottom: none;
}
#page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-btn.csc-next {
  border-bottom: none;
}
#page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-box,
#page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-play {
  border-bottom: none;
}
#page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-play {
  border-bottom: none;
}
#page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-play.csc-paused {
  border-bottom: none;
}
#page #tx-buw-showcase-images {
  max-height: 562px;
}
#page .tx-lom-thumbnailgallery ul {
  margin-left: 0;
  list-style: none;
}
.ce-gallery.csc-gallery-nav {
  padding: 0;
}
.ce-gallery.csc-gallery-nav > .csc-textpic-center-outer,
.ce-gallery.csc-gallery-nav > .csc-textpic-center-outer.activeSlide {
  position: static;
  float: none;
}
.ce-gallery.csc-gallery-nav > .csc-textpic-center-outer > .csc-textpic-center-inner,
.ce-gallery.csc-gallery-nav > .csc-textpic-center-outer.activeSlide > .csc-textpic-center-inner {
  position: static;
  float: none;
}
@keyframes hover110PicIn {
  0% {
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
  }
  100% {
    width: 120px;
    height: 120px;
    top: -5px;
    left: -5px;
  }
}
@keyframes hover110PicOut {
  0% {
    width: 120px;
    height: 120px;
    top: -5px;
    left: -5px;
  }
  100% {
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
  }
}
.news-single p,
.news-single ul li {
  line-height: 26px;
  font-size: 18px;
}
.news-single .news_subtitle {
  font-family: 'buw_fira_sansbold';
}
.news-single .csc-textpic-intext-right::after,
.news-single .csc-textpic-intext-left::after {
  content: '';
  display: table;
  clear: both;
}
.news.news-single[class*="single-441"] h1.news_title {
  font-size: 24px;
  line-height: 33px;
}
.news.news-single[class*="single-441"] h2.news_subtitle {
  font-family: buw_fira_sansbold;
  font-size: 18px;
  line-height: 26px;
}
.news.news-single[class*="single-441"] .news-text-wrap p {
  font-size: 18px;
  line-height: 26px;
}
.news.news-single[class*="single-441"] .ce-gallery {
  max-width: calc(50% - 10px);
}
#page #content_main .listview-1601 {
  border-top: 1px dotted #000;
  margin-top: 0;
  padding-top: 25px;
}
#page #content_main .listview-1601 h1 {
  color: #b71a49;
  font-size: 24px;
  line-height: 28px;
}
#page #content_main .listview-1601 article {
  margin-bottom: 25px;
  padding-bottom: 15px;
}
#page #content_main .listview-1601 article header p {
  margin-bottom: 0;
  padding-bottom: 0;
}
#page #content_main .listview-1601 article header h2 {
  font-size: 20px;
  margin-bottom: 12px;
  padding-bottom: 0;
}
#page #content_main .listview-1601 article .datetime {
  line-height: 12px;
  letter-spacing: 0;
  display: inline;
}
#page #content_main .listview-1601 article .text-wrap .author {
  padding-bottom: 0 !important;
}
#page #content_main .listview-1601 article .text-wrap > p {
  font-size: 12px;
  margin-bottom: 10px;
  padding-bottom: 0;
}
#page #content_main .listview-1601 article > .linktosingle {
  min-width: 150px;
  min-height: 150px;
  max-height: 150px;
  margin-bottom: 10px;
}
#page #content_main .listview-1601 article > .linktosingle img[width] {
  width: 150px;
  height: 150px;
  animation: unset;
}
#page #content_main .listview-1601 > article > .news-img-wrap {
  float: right;
  margin-left: 20px;
}
#page #content_main .listview-1601 > article > footer {
  margin: 50px 0;
}
#page #content_main .listview-1601 > article > footer h4 {
  font-weight: bold !important;
}
#page #content_main .listview-1601 p.pinboard-author {
  margin: 26px 0 0;
  padding: 0;
}
#page #content_main .listview-1601 .pinboard-author-info {
  padding: 0 0 25px;
  border-color: #2b2e34;
  border-style: dotted;
  border-width: 1px 0;
}
#page #content_main .listview-1601 .pinboard-author-info h4 {
  margin: 25px 0 0;
}
#page #content_main .listview-1601 .pinboard-author-info p {
  margin: 0;
}
#page #content_main .listview-1601 .pinboard-comments {
  margin-top: 25px;
}
#page .listview:not(.listview-421):not(.listview-showcase) {
  margin-top: 17px;
  display: inline-block;
  padding: 0;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01,
#page .listview:not(.listview-421):not(.listview-showcase) article {
  display: flex;
  flex-direction: row;
  padding-bottom: 27px;
  border-bottom: 1px dotted #000;
  margin-bottom: 35px;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01:hover .text-wrap > .more a:before,
#page .listview:not(.listview-421):not(.listview-showcase) article:hover .text-wrap > .more a:before {
  left: 0;
  transition: left .4s;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .thumb,
#page .listview:not(.listview-421):not(.listview-showcase) article .thumb,
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .linktosingle,
#page .listview:not(.listview-421):not(.listview-showcase) article .linktosingle {
  margin-right: 20px;
  border-bottom: 1px solid transparent;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .thumb:empty,
#page .listview:not(.listview-421):not(.listview-showcase) article .thumb:empty,
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .linktosingle:empty,
#page .listview:not(.listview-421):not(.listview-showcase) article .linktosingle:empty {
  display: none;
  visibility: hidden;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .text01,
#page .listview:not(.listview-421):not(.listview-showcase) article .text01,
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .text-wrap,
#page .listview:not(.listview-421):not(.listview-showcase) article .text-wrap {
  width: 100%;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .datetime,
#page .listview:not(.listview-421):not(.listview-showcase) article .datetime {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  display: block;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 h2,
#page .listview:not(.listview-421):not(.listview-showcase) article h2 {
  width: calc(100% - 24px);
  letter-spacing: .6px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 h3,
#page .listview:not(.listview-421):not(.listview-showcase) article h3 {
  visibility: hidden;
  display: none;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 p.teasertext,
#page .listview:not(.listview-421):not(.listview-showcase) article p.teasertext {
  width: calc(100% - 24px);
  margin: 13px 0 0 0;
  padding-bottom: 0;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .more a,
#page .listview:not(.listview-421):not(.listview-showcase) article .more a {
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
  text-decoration: none;
  border-bottom: none;
  font-family: buw_fira_sansbold;
  font-size: 15px;
  color: #000;
  display: inline-block;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .more a:before,
#page .listview:not(.listview-421):not(.listview-showcase) article .more a:before {
  position: absolute;
  top: -6px;
  left: -8px;
  transition: left .4s;
  content: "\e926";
  font-family: icomoon;
  padding-right: 7px;
  font-size: 24px;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01 .more a:hover:before,
#page .listview:not(.listview-421):not(.listview-showcase) article .more a:hover:before {
  left: 0;
  transition: left .4s;
}
#page .listview:not(.listview-421):not(.listview-showcase) .record01:hover .more a:before,
#page .listview:not(.listview-421):not(.listview-showcase) article:hover .more a:before {
  left: 0;
  transition: left .4s;
}
#page .listview:not(.listview-421):not(.listview-showcase) article > .linktosingle {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  min-width: 110px;
  min-height: 110px;
  max-height: 110px;
  overflow: hidden;
  position: relative;
}
#page .listview:not(.listview-421):not(.listview-showcase) article > .linktosingle img[width] {
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  height: auto;
}
#page .news.news-single ol li,
#page .news.news-single ul li,
#page .news.news-single p {
  font-size: 18px;
  line-height: 26px;
}
#page .news.news-single article .csc-textpic {
  overflow: inherit;
}
#page .news.news-single article > div[class*="-nowrap"] {
  display: block;
}
#page .news.news-single article {
  padding-bottom: 20px;
}
#page .news.news-single article footer {
  margin-top: 50px;
}
#page .news.news-single h1 {
  font-size: 24px;
  line-height: 33px;
  letter-spacing: .7px;
  margin-bottom: 20px;
  hyphens: auto;
}
#page .news.news-single h2 {
  hyphens: auto;
  font-size: 18px;
  line-height: 26px;
  font-family: buw_fira_sansbold;
  margin-bottom: 20px;
}
#page .news.news-single .csc-textpic-right .ce-gallery {
  margin-left: 20px;
}
#page .news.news-single .csc-textpic-left .ce-gallery {
  margin-right: 20px;
}
#page .news.news-single .csc-textpic.csc-textpic-intext-left .ce-gallery:not(.csc-gallery-slideshow-single):not(.csc-gallery-nav),
#page .news.news-single .csc-textpic.csc-textpic-intext-right .ce-gallery:not(.csc-gallery-slideshow-single):not(.csc-gallery-nav) {
  max-width: calc(50% - 10px);
}
#page .news.news-single ul li {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}
.listview {
  width: 100%;
  padding: 0 20px;
}
.listview .cal_datetime {
  font-family: buw_fira_sansbold;
  color: #fff;
  letter-spacing: 0.6px;
  font-size: 12px;
  line-height: 17px;
}
.listview .cal_title.cal_title_default {
  padding: 10px 0 20px 0;
}
.news.listview.listview-showcase {
  padding: 0;
}
.news.listview.listview-showcase #tx-buw-showcase-projects {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 65px;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article {
  width: calc(33.33% - 13.33px);
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article > .linktosingle {
  margin-right: 0;
  text-decoration: none;
  border-bottom: none;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap {
  position: relative;
  padding: 0 20px;
  border-bottom: 1px dotted #000;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-media {
  position: absolute;
  top: -50px;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-media img {
  margin-right: 10px;
  border: 2px solid #fff;
  border-radius: 30px;
  width: 42px;
  min-width: 42px;
  height: 42px;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info {
  display: flex;
  flex-direction: column;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info header {
  order: 2;
  font-size: 20px;
  line-height: 28px;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info header h2 {
  margin-bottom: 16px;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info p.faculties {
  order: 1;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 0;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info p.authors {
  order: 3;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article figure {
  width: 100%;
}
.news.listview.listview-showcase #tx-buw-showcase-projects article figure img {
  max-width: 100%;
  height: auto;
}
.news.listview.listview-showcase #tx-buw-showcase-projects .page-navigation {
  position: absolute;
  bottom: -60px;
}
#page .news[class*="-201"] article {
  border-bottom: none !important;
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px !important;
  position: relative;
  overflow: hidden;
}
#page .news[class*="-201"] article:after {
  position: absolute;
  left: 40px;
  right: 0;
  bottom: 0;
  border-width: 0 0 1px 0;
  border-style: dotted;
  content: " ";
}
#page .news[class*="-201"] article > a.calWrapper {
  text-decoration: none;
  border-bottom: none;
}
#page .news[class*="-201"] article > a.linktosingle,
#page .news[class*="-201"] article > a.linktosingle:hover {
  border-bottom-color: transparent;
  border-bottom-width: 0 !important;
  text-decoration: none !important;
}
#page .news[class*="-201"] article .stripeBar {
  width: 20px;
  min-height: 100px;
  margin-right: 26px;
  float: left;
}
#page .news[class*="-201"] article .stripeBar:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  background-image: url("../images/calendar_stripes.png");
  background-size: cover;
  background-color: #b71a49;
  min-height: 194px;
  content: " ";
  display: flex;
  margin-top: 4px;
}
#page .news[class*="-201"] article .calendarContainer {
  display: flex;
  flex-direction: row;
}
#page .news[class*="-201"] article .my_datesheet {
  padding: 0 !important;
  border: none !important;
  min-width: 130px;
  max-width: 130px;
  display: block;
  text-align: left;
  margin-right: 20px;
  font-weight: normal !important;
}
#page .news[class*="-201"] article .my_datesheet:before {
  margin-left: -8px;
  font-family: icomoon;
  content: "\e900";
  color: #b71a49;
  font-size: 65px;
  line-height: 60px;
  margin-right: 10px;
}
#page .news[class*="-201"] article .my_datesheet a {
  border-bottom: none;
}
#page .news[class*="-201"] article .my_datesheet .weekday {
  margin-top: 7px;
  margin-left: 0;
  margin-bottom: -3px;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  font-family: buw_fira_sansbold;
  font-weight: normal;
}
#page .news[class*="-201"] article .my_datesheet .weekday a {
  font-size: 16px;
  line-height: 16px;
  font-family: buw_fira_sansbold;
}
#page .news[class*="-201"] article .my_datesheet .month,
#page .news[class*="-201"] article .my_datesheet .day_of_month {
  margin-left: 0;
  font-family: buw_fira_sansbold;
  font-size: 40px;
  line-height: 48px;
  text-align: left;
  display: inline;
}
#page .news[class*="-201"] article .my_datesheet .month:after,
#page .news[class*="-201"] article .my_datesheet .day_of_month:after {
  content: ".";
  padding-right: 5px;
}
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired {
  background: #fff;
}
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired:before {
  color: #777 !important;
}
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired .weekday a,
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired .day_of_month a,
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired .day_of_month:after,
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired .month a,
#page .news[class*="-201"] article .my_datesheet.my_datesheet_expired .month:after {
  color: #000;
}
#page .news[class*="-201"] article .text-wrap {
  margin-left: 0 !important;
  float: right;
}
#page .news[class*="-201"] article .text-wrap h2 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#page .news[class*="-201"] article .text-wrap .teasertext {
  width: calc(100% - 24px);
  font-size: 14px;
  line-height: 21px;
  margin: 10px 0 5px 0;
  letter-spacing: 0.6px;
  font-family: buw_fira_sansbook;
}
#page .news[class*="-201"] article .text-wrap .teasertext:empty {
  display: none;
  visibility: hidden;
  margin: 0;
}
#page .news[class*="-201"] article .text-wrap ul.cal_maininfo {
  width: calc(100% - 24px);
  list-style: none outside;
  margin: 0 0 0px 0;
}
#page .news[class*="-201"] article .text-wrap ul.cal_maininfo li {
  font-family: buw_fira_sansbook;
  line-height: 28px;
  font-size: 14px;
  margin-bottom: 0 !important;
}
#page .news[class*="-201"] article .text-wrap ul.cal_maininfo li strong {
  font-family: buw_fira_sansbold;
  line-height: 28px;
  font-size: 14px;
  padding-right: 3px;
}
#page .news[class*="-201"] .item-view-default.record01.item- {
  padding-bottom: 25.5px;
  margin-bottom: 36px;
}
#page .news[class*="-201"] .item-view-default.record01.item- h3 {
  margin-bottom: 0;
}
#page .news[class*="-201"] .item-view-default.record01.item- hr {
  display: none;
  margin: 0;
}
#page .news[class*="-201"] .item-view-default.record01.item-:after {
  left: 0;
}
#page .news.news-single.news-single-201 article {
  flex-wrap: wrap;
}
#page .news.news-single.news-single-201 article:after {
  content: none;
}
#page .news.news-single.news-single-201 article header {
  width: calc(100% - 150px);
}
#page .news.news-single.news-single-201 article header h1 {
  font-size: 24px;
  line-height: 33px;
  hyphens: auto;
}
#page .news.news-single.news-single-201 article header h2 {
  font-size: 18px;
  line-height: 26px;
  hyphens: auto;
}
#page .news.news-single.news-single-201 article header ul.cal_maininfo {
  margin-bottom: 25px;
}
#page .news.news-single.news-single-201 article footer {
  width: 100%;
}
#page .news.news-single.news-single-201 article footer:before {
  content: "";
  width: 100%;
  display: block;
  border-top: 1px dotted #000;
  padding-top: 10px;
}
#content_container {
  width: 100%;
}
#content_container #content_main .csc-info-box {
  overflow: visible;
}
#content_container #content_main > .csc-frame.csc-info-box.csc-box.layout-topheader > .csc-header.csc-header-n1 > .headline.csc-firstHeader.headline-main {
  margin-bottom: 25px;
  padding-left: 0;
  padding-right: 0;
}
#content_container h2.headline.csc-firstHeader.headline-main a {
  border-bottom: none;
  text-decoration: none;
}
#content_main > .csc-frame.csc-no-bottom-border.layout-topheader > .ce-image.ce-left.ce-above {
  margin-bottom: 25px;
}
#page .frame-space-before-extra-small {
  margin-top: 15px;
}
#page .frame-space-before-small {
  margin-top: 25px;
}
#page .frame-space-before-medium {
  margin-top: 38px;
}
#page .frame-space-before-large {
  margin-top: 50px;
}
#page .frame-space-before-extra-large {
  margin-top: 65px;
}
#page .frame-space-after-extra-small {
  margin-bottom: 15px;
}
#page .frame-space-after-small {
  margin-bottom: 25px;
}
#page .frame-space-after-medium {
  margin-bottom: 38px;
}
#page .frame-space-after-large {
  margin-bottom: 50px;
}
#page .frame-space-after-extra-large {
  margin-bottom: 65px;
}
#content_main .contact-element figure.image {
  margin-bottom: 0 !important;
}
#page .ce-gallery {
  display: block;
}
#page .ce-gallery .csc-textpic-imagerow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#page .ce-gallery .csc-textpic-imagerow figure.image {
  display: table;
}
#page .ce-gallery .csc-textpic-imagerow figure.image figcaption.image-caption {
  display: table-caption;
  white-space: pre-wrap;
  hyphens: auto;
  word-break: break-word;
}
#page .ce-gallery .csc-textpic-imagerow p.bodytext {
  font-size: 18px;
  line-height: 26px;
}
#page .ce-gallery .csc-textpic-imagerow ul li {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}
#page .ce-gallery figure.image {
  display: block;
  float: none;
  border: none;
}
#page .ce-gallery figure.image a {
  text-decoration: none;
  border-bottom: none !important;
  display: block;
}
#page .ce-gallery figure.image a img {
  width: auto;
  max-width: 100%;
  height: auto;
}
#page .ce-gallery .csc-textpic-imagecolumn {
  width: auto;
}
@media only screen and (min-width: 480px) {
  #page .csc-teaser .csc-textpic-intext-left-nowrap.has-image {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
  }
  #page .csc-teaser .csc-textpic-intext-left-nowrap.has-image h2.headline {
    padding-top: 0;
  }
}
.ce-above,
.ce-above .ce-gallery,
.ce-above .ce-gallery .ce-column,
.ce-above .ce-gallery figure.image,
.ce-below,
.ce-below .ce-gallery,
.ce-below .ce-gallery .ce-column,
.ce-below .ce-gallery figure.image {
  width: 100%;
}
#page .ce-gallery .ce-intextfigure.image {
  margin-bottom: 20px;
}
.csc-textpic-imagerow {
  display: flex;
  margin-bottom: 20px;
}
#page .csc-textpic .csc-textpic-imagerow-last,
#page .csc-textpic .csc-textpic-imagerow-none .csc-textpic-last {
  margin-bottom: 25px;
}
table.table-responsive {
  position: relative;
  overflow-y: hidden;
}
figure.table {
  margin-bottom: 0;
}
table.table {
  border-width: 0;
  padding: 0;
  border-radius: 0 0 8px 8px;
  margin-bottom: 50px;
}
table.table > .csc-header h2,
table.table > p {
  padding: 15px 20px;
  margin-bottom: 0 !important;
  color: #fff !important;
}
table.table.scrollIndicator:after,
table.table.scrollIndicator:before {
  position: absolute;
  z-index: 100;
  top: 5px;
  left: calc(100% - 30px);
  font-family: icomoon;
  content: "\e926";
  font-size: 28px;
  font-weight: bold;
  text-shadow: 1px 1px 9px #000;
  transform: rotate(0deg);
  color: #fff;
  opacity: 1;
  transition: left .4s, opacity .4s, transform .4s ease .4s;
}
table.table.scrollIndicator:before {
  left: calc(100% - 25px);
}
table.table.scrollIndicator:hover:after,
table.table.scrollIndicator:hover:before {
  transform: rotate(180deg);
  opacity: 0;
  transition: left .4s, opacity .4s, transform .4s ease .4s;
}
table.table.scrollIndicator:hover:after {
  left: calc(100% - 13px);
}
table.table.scrollIndicator:hover:before {
  left: calc(100% - 8px);
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) {
  width: 100%;
  max-width: none;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) tr td:last-child {
  padding-right: 20px !important;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) tr td > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) thead tr {
  border-bottom: 2px solid grey;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) thead tr th {
  padding: 9px 10px;
  text-align: left;
  line-height: 1.5em;
  vertical-align: top;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) tbody tr {
  border-bottom: 1px solid #c0c0c0;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) tbody tr td {
  line-height: 1.5em;
  vertical-align: top;
  padding: 9px 10px;
  text-align: left;
  min-width: 100px;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) tbody tr:last-child {
  border-bottom: none !important;
}
#page table:not(.xdsoft_calendar):not(.cke_dialog) tbody tr:last-child td {
  border-bottom: 0 solid transparent;
}
#content_container .tx-powermail .container-fluid {
  padding: 0;
}
.ui-accordion {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
  width: 100%;
}
.ui-accordion h3.ui-accordion-header {
  cursor: pointer;
  margin-top: 0;
  border: 1px dotted #fff;
  border-bottom: 1px dotted #000;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  flex-direction: row;
}
.ui-accordion h3.ui-accordion-header:first-child {
  border-top: 1px dotted #000;
}
.ui-accordion h3.ui-accordion-header > .accordion-img-wrapper {
  min-width: 60px;
  min-height: 100%;
  height: auto;
  overflow: hidden;
  position: relative !important;
  display: flex;
  order: 2;
  margin: 2px 0;
}
.ui-accordion h3.ui-accordion-header > .accordion-img-wrapper img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: auto;
  animation: imageHoverSizeDown .4s forwards;
}
.ui-accordion h3.ui-accordion-header > .accordion-img-wrapper ~ .accordion-img-wrapper {
  display: none;
  visibility: hidden;
}
.ui-accordion h3.ui-accordion-header > span.ui-accordion-header-icon {
  position: static;
  order: 1;
  display: flex;
  width: 50px;
  min-height: 100%;
  text-align: center;
  vertical-align: middle;
  background-image: url(../images/icon_pfeil_black_right.svg);
  background-position: 50% 50%;
  transform: rotate(0deg);
  transition: transform .4s;
  background-size: 17.5px;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  margin: 0;
  padding: 20px;
}
.ui-accordion h3.ui-accordion-header > a {
  display: flex;
  order: 3;
  padding: 20px !important;
  margin-top: 0 !important;
  border: 0;
  background: transparent;
  text-decoration: none;
  color: #000000;
  width: calc(100% - 88px);
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .6px;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
  word-break: break-word;
}
.ui-accordion h3.ui-accordion-header:hover > .accordion-img-wrapper img {
  animation: imageHoverSizeUp .4s forwards;
  width: 100px;
  height: auto;
}
.ui-accordion h3.ui-accordion-header-active.ui-state-active {
  border-bottom: none;
}
.ui-accordion h3.ui-accordion-header-active.ui-state-active > span.ui-accordion-header-icon {
  transform: rotate(90deg);
  transition: transform .4s;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom {
  display: none;
  visibility: hidden;
  padding-top: 0;
  transition: padding-top 0.4s;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
  visibility: visible;
  padding: 25px 24px 10px 70px;
  transition: padding-top 0.4s;
  border-bottom: 1px dotted #000;
  max-width: 100vw;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader {
  padding-bottom: 0;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader > a,
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader a.csc-content-link,
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader a.mail {
  color: #777;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader > a:hover,
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader a.csc-content-link:hover,
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > .csc-default.layout-topheader a.mail:hover {
  text-decoration: none;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > ul {
  list-style-position: outside;
  margin: 0 0 27px 33px;
  padding: 0;
  list-style-type: none;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > ul > li,
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > ul > li > a {
  font-family: buw_fira_sansbook;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .6px;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active > ul > li:before {
  content: "–";
  font-family: buw_fira_sansbold;
  padding-right: 7px;
  margin-left: -0.8em;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .tableMaster {
  margin-left: -50px;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text,
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
  border-bottom: none;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .ui-accordion {
  margin-left: 0;
}
.ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .ui-accordion .ui-accordion-content {
  padding-right: 0px;
}
.columnItem.columnItemLast.listItemLast.columnItemtextpic .csc-default.layout-topheader {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tx-jfmulticontent-pi1 {
  padding-bottom: 25px;
  overflow: hidden;
  margin-bottom: 0;
  height: 100%;
}
.tx-jfmulticontent-pi1 .csc-default > .csc-default:last-child {
  margin-bottom: 0;
}
.tx-jfmulticontent-pi1 .ui-tabs {
  zoom: 1;
  padding: 0;
  height: 100%;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 0;
  padding: 0 0 4px 0;
  border-bottom-style: solid;
  border-bottom-width: 0;
  overflow: hidden;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li {
  background-color: transparent;
  list-style: none;
  margin: 5px 5px 0 0;
  padding: 0;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li a {
  padding: 11px 10px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 13px;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li:last-child {
  margin-right: 0;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default {
  border-width: 1px;
  border-style: solid;
  border-bottom: none !important;
  border-color: transparent;
  border-radius: 8px 8px 0 0;
  margin-top: 8px;
  position: relative;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default:after {
  position: absolute;
  bottom: 0;
  left: -100px;
  width: 1000px;
  content: "";
  z-index: 2;
  border-bottom: 2px solid #b71a49;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default > a {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default:hover {
  border-style: solid;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active {
  border: 2px solid #d3d3d3;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active:before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: #fff;
  display: block;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active:hover:before {
  background: #b71a49;
}
.tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active > a:hover {
  color: #fff;
}
.tx-jfmulticontent-pi1 .ui-tabs .ui-tabs-panel {
  padding: 30px 0 0 0;
  border-style: solid;
  border-width: 2px;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-color: transparent;
}
.tx-jfmulticontent-pi1 .ui-tabs .ui-tabs-panel .layout-topheader {
  margin-bottom: 0;
}
.tx-jfmulticontent-pi1 .ui-tabs .ui-accordion {
  border-top: 0 dotted transparent;
}
.tx-jfmulticontent-pi1 .ui-accordion {
  padding-bottom: 0;
  padding-top: 0px;
  overflow: visible;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion {
  margin-left: 0px;
}
.tx-jfmulticontent-pi1 .ui-accordion:first-child .ui-accordion.ui-widget h3.ui-accordion-header:first-child {
  border-top: none;
}
.tx-jfmulticontent-pi1 .ui-accordion:last-child {
  padding-bottom: 0px;
}
.ui-tabs ul.ui-tabs-nav {
  border-bottom-color: #b71a49;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-default {
  border: 2px dotted transparent;
  margin-bottom: -2px;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-default a {
  border: none;
}
.ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active {
  border: 1px dotted #b71a49;
  border-bottom-width: 0;
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
}
.ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active > a {
  border: none;
  color: #b71a49;
}
.ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active:hover a {
  color: #b71a49;
}
.ui-tabs .ui-tabs-panel .csc-header .headline {
  padding-bottom: 25px;
}
.ui-tabs .ui-tabs-panel .listview hr {
  border-bottom-color: #b71a49;
}
.csc-header.csc-header-n1 {
  color: #b71a49;
}
#page .backbutton > a {
  display: inline-block;
  text-align: center;
  line-height: 42px;
  border-bottom-color: transparent;
  text-indent: 0;
  padding-left: 0;
  transition: padding-left 0.4s;
}
#page .backbutton > a span {
  font-size: 30px;
  line-height: 41px;
  position: relative;
}
#page .backbutton > a span:before {
  position: absolute;
}
#page .backbutton > a:last-child {
  padding-right: 30px;
  float: right;
}
#page .backbutton > a:last-child span {
  float: right;
}
#page .backbutton > a:last-child span:before {
  transition: right .4s;
  right: -25px;
}
#page .backbutton > a:first-child {
  padding-left: 30px;
  float: left;
}
#page .backbutton > a:first-child span {
  float: left;
}
#page .backbutton > a:first-child span:before {
  transition: left .4s;
  left: -25px;
}
#page .backbutton > a:hover:last-child span:before {
  transition: right .4s;
  right: -35px;
}
#page .backbutton > a:hover:first-child span:before {
  transition: left .4s;
  left: -35px;
}
span.resetbutt {
  display: inline-block;
}
span.resetbutt a {
  height: auto;
  width: auto;
  min-height: 25px;
  display: block;
}
span.resetbutt a span {
  display: block;
  line-height: 16px;
}
#form_kesearch_pi1 #ke_search_sword {
  background-attachment: scroll;
  background-image: url(../icons/SVG/search_grau_32x32px.svg);
  background-position: 240px 5px;
  background-repeat: no-repeat;
  background-size: 24px auto;
  border-radius: 0;
  min-width: 275px;
}
#form_kesearch_pi1 #kesearch_submit {
  opacity: 0;
  font-family: "buw_fira_sansbook", Sans-Serif;
  font-size: 1em;
  text-indent: 990px;
  overflow: hidden;
}
#form_kesearch_pi1 button.btn.btn-link.icon-Suche {
  padding: 0;
  font-size: 28px;
}
#page .browsebox ul,
#page .kesearch_pagebrowser ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page .browsebox ul li,
#page .kesearch_pagebrowser ul li {
  margin: 0 2.5px 0 2.5px;
  min-width: 23px;
  height: 18px;
}
#page .browsebox ul li :not(a) > span,
#page .kesearch_pagebrowser ul li :not(a) > span,
#page .browsebox ul li a,
#page .kesearch_pagebrowser ul li a {
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 0;
  width: 23px;
  height: 18px;
  text-decoration: none;
  border: none;
  text-align: center;
}
#page .browsebox ul li span.icon-Haken-links,
#page .kesearch_pagebrowser ul li span.icon-Haken-links,
#page .browsebox ul li span.icon-Haken-rechts,
#page .kesearch_pagebrowser ul li span.icon-Haken-rechts {
  display: block;
  width: 23px;
  height: 18px;
}
#page .browsebox ul li span.icon-Haken-links:before,
#page .kesearch_pagebrowser ul li span.icon-Haken-links:before,
#page .browsebox ul li span.icon-Haken-rechts:before,
#page .kesearch_pagebrowser ul li span.icon-Haken-rechts:before {
  font-size: 19px;
  font-weight: bold;
  line-height: 18px;
}
#page .browsebox ul li:hover a,
#page .kesearch_pagebrowser ul li:hover a {
  background-color: #000;
  color: #fff !important;
  font-weight: bold;
}
#page .browsebox ul li:hover a span:before,
#page .kesearch_pagebrowser ul li:hover a span:before {
  color: #fff !important;
}
#page .browsebox ul li.active span,
#page .kesearch_pagebrowser ul li.active span {
  min-width: 23px;
  height: 18px;
  line-height: 19px;
  text-align: center;
  font-weight: bold;
  padding: 0;
  border: none;
}
#page .browsebox ul li.disabled,
#page .kesearch_pagebrowser ul li.disabled {
  display: none;
  visibility: hidden;
}
#page .browsebox ul li .next,
#page .kesearch_pagebrowser ul li .next {
  color: transparent;
}
#page .browsebox ul li .next:hover:before,
#page .kesearch_pagebrowser ul li .next:hover:before {
  color: #fff;
}
#page .browsebox ul li .next:before,
#page .kesearch_pagebrowser ul li .next:before {
  content: "\e926";
}
#page .tx-browser-pi1 .browsebox span.SCell {
  padding: 0 10px;
  text-align: center;
}
#content_back {
  background-color: #fff;
  padding: 0 30px 20px;
}
#content_back #content_back_link {
  padding-left: 1.5em;
  padding-top: 1px;
  padding-bottom: 1px;
  background-image: url(../icons/nav_left_12_darkgray.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  border-bottom: none;
}
#rightMobileMenuWrapper {
  position: relative;
  margin-bottom: 40px;
}
#toTopLink {
  position: fixed;
  bottom: 30px;
  left: calc(100% + 20px);
  z-index: 0;
  border: 1px solid #b71a49;
  border-radius: 10px 10px 0 0;
  border-bottom: 2px solid #b71a49 !important;
  background-color: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 70px;
  text-indent: -999em;
  color: #fff;
  margin: 0;
  overflow: hidden;
}
#toTopLink:before {
  content: "\e92d";
  font-family: icomoon;
  position: absolute;
  display: block;
  text-indent: 0;
  font-size: 45px;
  color: #b71a49;
  text-align: center;
  height: 100%;
  width: 100%;
}
#toTopLink:hover:before {
  color: #fff !important;
}
#toTopLink.absolute {
  position: absolute;
  top: -80px;
}
.csc-textpic .ce-gallery img {
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.csc-textpic-left .ce-gallery {
  float: none;
  width: 100%;
  display: block;
}
.csc-textpic-left .ce-gallery figure,
.csc-textpic-left .ce-gallery img {
  display: block;
  height: auto;
}
.csc-textpic-left .ce-gallery[data-csc-cols="2"] .csc-textpic-imagecolumn {
  width: calc(50% - 10px);
}
.csc-textpic-left .ce-gallery[data-csc-cols="3"] .csc-textpic-imagecolumn {
  width: calc(33% - 13.3px);
}
.csc-textpic-left .ce-gallery[data-csc-cols="4"] .csc-textpic-imagecolumn {
  width: calc(25% - 15px);
}
.csc-textpic-right .ce-gallery {
  width: 100%;
}
audio,
video {
  opacity: 0;
  animation-name: showMedia;
  animation-duration: 0.1s;
}
.csc-textpic .csc-textpic-imagecolumn {
  width: 100%;
}
.csc-textpic .csc-textpic-imagecolumn figure {
  width: 100%;
}
iframe[mozallowfullscreen] {
  width: 100% !important;
  border-width: 0;
}
iframe[allowfullscreen],
iframe[mozallowfullscreen] {
  width: 100% !important;
  border-width: 0;
}
.tx-buwvimeo-player {
  padding-bottom: 25px;
}
#page .tx-buwvimeo-player .text.has-header header h1,
#page .tx-buwvimeo-player .text.has-header header h2 {
  margin-bottom: 0;
  line-height: normal;
}
#page .tx-buwvimeo-player .text.has-header header h1 {
  font-size: 18px;
}
#page .tx-buwvimeo-player .text.has-header header h2 {
  font-size: 18px;
}
.start-slider {
  height: 500px;
  margin-bottom: 85px;
  margin-top: -24px;
  position: relative;
  z-index: 120;
}
.start-slider .start-slider-item {
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.start-slider .start-slider-item article {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  height: 430px;
  position: relative;
}
.start-slider .start-slider-item article::before {
  position: absolute;
  display: block;
  width: 200vw;
  height: 501px;
  margin-left: calc(-50vw - 50%);
  margin-right: calc(-50% - 102vw);
  background-color: #e3000f;
  content: "";
}
.start-slider .start-slider-item article figure {
  margin-top: 20px;
  max-width: 49%;
  height: 100%;
  max-height: 400px;
  min-width: 48%;
  position: relative;
  margin-left: auto;
  margin-right: 10px;
}
.start-slider .start-slider-item article figure img,
.start-slider .start-slider-item article figure img[width="990"] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  max-width: 100% !important;
  max-height: 100%;
  width: auto;
  height: auto;
  transform-origin: 50%;
  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.3);
}
.start-slider .start-slider-item article header.caption-overlay {
  margin-top: 20px;
  padding-left: 10px;
  height: 100%;
  max-height: 400px;
  min-width: 50%;
  max-width: 431px;
  overflow: hidden;
  margin-right: 0;
  position: relative;
}
.start-slider .start-slider-item article header.caption-overlay > .content-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(0, -45%);
}
.start-slider .start-slider-item article header.caption-overlay h2.caption-overlay-content {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #fff;
}
.start-slider .start-slider-item article header.caption-overlay h3.caption-overlay-title {
  font-size: 33px;
  letter-spacing: 0.2px;
  line-height: 34px;
  color: #fff;
  font-family: buw_fira_sansbook;
  hyphens: none;
  word-break: break-word;
}
.start-slider .start-slider-item article header.caption-overlay h3.caption-overlay-title a {
  color: #fff;
}
.start-slider .start-slider-item article header.caption-overlay h3.caption-overlay-title a:hover {
  border-bottom: none;
  text-decoration: none;
}
.start-slider .start-slider-item article header.caption-overlay p.caption-overlay-content {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  height: 90px;
  width: 80%;
  display: block;
  color: #fff;
}
.start-slider .start-slider-item article header.caption-overlay p.caption-overlay-content:empty {
  visibility: hidden;
  height: 0;
  display: none;
}
.start-slider .start-slider-item article header.caption-overlay p.pfeil {
  padding-top: 10px;
  display: block;
}
.start-slider .start-slider-item article header.caption-overlay p.pfeil a.icon-Pfeil-rechts {
  padding-left: 0;
  font-family: icomoon;
  text-decoration: none;
  border-bottom: none;
  font-size: 52px;
  line-height: 52px;
  color: #fff;
}
.start-slider .start-slider-item article header.caption-overlay p.pfeil a.icon-Pfeil-rechts:before {
  font-size: 52px;
  line-height: 52px;
  color: #fff;
}
.start-slider .start-slider-item article header.caption-overlay p.pfeil a.icon-Pfeil-rechts:hover {
  margin-top: 30px;
  border-bottom: none;
  text-decoration: none;
  animation: hoverMoreLink;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.start-slider .start-slider-item:focus-within,
.start-slider .start-slider-item.active {
  z-index: 100;
}
.start-slider .start-slider-item:focus-within img,
.start-slider .start-slider-item.active img {
  right: -200%;
  animation: slideImage 7.0s forwards;
  animation-timing-function: ease-in;
  opacity: 1;
  z-index: 101;
}
.start-slider .start-slider-item:focus-within article header,
.start-slider .start-slider-item.active article header {
  overflow: visible;
}
.start-slider .start-slider-item:focus-within article header .content-wrapper,
.start-slider .start-slider-item.active article header .content-wrapper {
  position: relative;
  left: -200%;
  animation: slideText 7.0s forwards;
  animation-timing-function: ease-in;
}
.start-slider .start-slider-item:focus-within {
  z-index: 101;
}
.start-slider .start-slider-item:focus-within img {
  right: 0;
  animation: none;
}
.start-slider .start-slider-item:focus-within article header .content-wrapper {
  left: 0;
  animation: none;
}
.start-slider nav.start-slider-menu {
  position: absolute;
  bottom: 25px;
  left: 10px;
  z-index: 102;
}
.start-slider nav.start-slider-menu .menu-entry {
  height: 13px;
  width: 86px;
  margin-right: 8px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  border-bottom: none !important;
}
.start-slider nav.start-slider-menu .menu-entry.start-sliderPause {
  display: none;
  visibility: hidden;
  width: 0 !important;
}
.start-slider nav.start-slider-menu .menu-entry.active {
  background-color: rgba(255, 255, 255, 0.4);
  animation: startSliderActiveMenuItenm 7.0s infinite;
}
.start-slider.no-slide .start-slider-item.active {
  z-index: 100;
}
.start-slider.no-slide .start-slider-item.active img {
  animation: slideImageToStay 4.0s forwards;
}
.start-slider.no-slide .start-slider-item.active article header .content-wrapper {
  animation: slideTextToStay 4.0s forwards;
}
.start-slider.no-slide.left-slide img {
  right: 200%;
  animation: slideImageLeft 7.0s forwards;
  animation-timing-function: ease-in;
  opacity: 1;
  z-index: 101;
}
.start-slider.no-slide.left-slide article header {
  overflow: visible;
}
.start-slider.no-slide.left-slide article header .content-wrapper {
  position: relative;
  left: 200%;
  animation: slideTextLeft 7.0s forwards;
  animation-timing-function: ease-in;
}
.start-slider.no-slide nav.start-slider-menu .menu-entry.active {
  background-color: rgba(255, 255, 255, 0.8);
  animation: none;
}
.microsite #content_top .start-slider {
  z-index: 0;
  margin-top: -53px;
  margin-bottom: 0;
}
.microsite #content_top .start-slider + div {
  margin-bottom: 25px;
}
.microsite .start-slider {
  z-index: 0;
  margin-top: -51px;
  margin-bottom: 0;
}
.multicolumnContainer:not(.csc-noSpacing) > .column {
  margin-bottom: 50px;
}
.multicolumnContainer > .column:empty {
  display: none;
  height: 0;
  visibility: hidden;
}
#nav-section #sectionmenu .item.parent.active > .menulink,
#nav-section #sectionmenu .current > .menulink {
  color: #b71a49;
}
#body-25621 #c84172 .tx-jfmulticontent-pi1 {
  margin-bottom: 0;
}
#body-25621 #c84172 .anythingSlider.anythingSlider-buw.activeSlider[style] {
  visibility: visible;
  opacity: 1;
  max-width: 940px;
  margin: 0 auto;
  max-height: 280px;
}
#body-25621 #c84172 .anythingSlider.anythingSlider-buw.activeSlider[style] .anythingWindow {
  max-height: 265px;
}
#body-25621 #c84172 .anythingSlider.anythingSlider-buw.activeSlider[style] .anythingWindow .col-sm-24.col-xs-12.col-md-12.col-xl-12 {
  padding: 0;
}
#body-25621 #c84172 .anythingSlider.anythingSlider-buw.activeSlider[style] ul[style] {
  width: auto;
  list-style: none;
}
#body-25621 #c84172 .anythingSlider.anythingSlider-buw.activeSlider[style] ul[style] li[style] figure.image {
  border: 0 solid transparent !important;
}
#body-25844 #c85266 strong {
  margin-left: 10px;
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    overflow-x: hidden !important;
    height: 101%;
  }
  #nav-section .micrositeMegaMenuBackground.clicked .closeMicrositeMegaMenu:after {
    margin-left: -2px !important;
    line-height: 35px !important;
  }
  .breadcrumbNavigation {
    margin-left: -10px;
  }
  #page .news.buw_news .listview .record01.item-view-default > a.calWrapper {
    width: 100%;
  }
  #page .news.buw_news .listview .record01.item-view-default > a.calWrapper h2,
  #page .news.buw_news .listview .record01.item-view-default > a.calWrapper .text-wrap {
    width: calc(100% - 25px);
  }
  .quickpane.active .mobileStandardLinks li.first > a,
  .quickpane.active .mobileStandardLinks li.middle > a,
  .quickpane.active .mobileStandardLinks li.last > a {
    background-position: -100px 4px;
  }
  #page #allContents .csc-teaser .ce-above .csc-textpic-text {
    margin-top: 7px;
  }
  #page .start-slider .start-slider-item article::before {
    display: block;
    background-image: url(../images/farbverlauf_uni.png);
    background-color: #000;
    background-repeat: repeat;
    background-position: -2000px;
    background-size: cover;
  }
}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
  .breadcrumbNavigation {
    margin-left: -10px;
  }
  #content_right #quickaccess header.csc-header h2 .toggleIcon {
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    line-height: 43px;
  }
  #content_right #quickaccess.open header.csc-header h2 .toggleIcon {
    font-size: 50px !important;
    line-height: 50px !important;
    top: 10px;
  }
  #content_right #quickaccess.closed header.csc-header h2 .toggleIcon {
    top: 10px !important;
    line-height: 43px;
  }
  #page .start-slider .start-slider-item article::before {
    display: block;
    background-image: url(../images/farbverlauf_uni.png);
    background-color: #000;
    background-repeat: repeat;
    background-position: -2000px;
    background-size: cover;
  }
}
@-moz-document url-prefix() {
  #page .tx-browser-pi1 .listview .tx_org_news-teaser_short span.more a:before {
    top: -4px;
  }
  #page .listview article .my_datesheet {
    font-weight: lighter !important;
  }
  #quickaccess header.csc-header h2 .toggleIcon {
    top: 16px;
  }
  #quickaccess.open header.csc-header h2 .toggleIcon {
    top: 8px;
  }
  #quickaccess.closed header.csc-header h2 .toggleIcon {
    top: 16px;
  }
}
@media only screen and (min-width: 1180px) and (max-width: 4000px) {
  #toTopLink {
    left: calc(1040px/2 + 50vw);
  }
  #toTopLink.absolute {
    left: calc(100% + 10px);
  }
}
@media only screen and (min-width: 1005px) and (max-width: 1180px) {
  #toTopLink {
    left: calc(100% - 74px);
  }
  #toTopLink.absolute {
    left: calc(50% + 50vw - 74px);
  }
}
@media only screen and (min-width: 320px) and (max-width: 1005px) {
  #toTopLink {
    left: calc(100% - 60px);
  }
  #toTopLink.absolute {
    left: calc(50% + 50vw - 60px);
  }
}
@media only screen and (max-width: 1024px) {
  img[width="620"],
  img[width="990"],
  img[width="942"],
  img[width="940"] {
    width: 100% !important;
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  img[width="990"],
  img[width="942"],
  img[width="940"] {
    width: 1000px !important;
    height: auto;
  }
  img[width="600"],
  img[width="620"] {
    width: 660px !important;
    height: auto;
  }
}
@media only screen and (min-width: 992px) {
  #content_top {
    min-height: 0px;
  }
  #content_top .multicolumnContainer {
    margin: 0 -10px;
  }
  #mainContentSections {
    margin-bottom: 55px;
  }
}
@media only screen and (min-width: 768px) {
  #content_right .tx-felogin-pi1 form label {
    margin-bottom: 0;
    text-align: left;
  }
  #content_right .tx-felogin-pi1 form [class^="col-sm-"] {
    float: none;
    width: auto;
  }
  #content_right .tx-felogin-pi1 form [class^="col-sm-offset-"] {
    margin-left: 0;
  }
}
@media only screen and (min-width: 480px) {
  .news-single .csc-textpic-intext-left .ce-gallery,
  .news-single .csc-textpic-intext-right .ce-gallery {
    max-width: 330px;
  }
}
@media only screen and (min-width: 645px) and (max-width: 1060px) {
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery {
    margin-left: 0;
    max-width: calc(50% - 10px);
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery .csc-textpic-imagerow {
    width: calc(50% - 10px);
  }
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery .csc-textpic-imagerow img {
    width: 100%;
    min-width: 100%;
  }
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery .csc-textpic-imagerow:only-child {
    width: 100%;
  }
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery .csc-textpic-imagerow:only-child img {
    width: 100%;
    min-width: 100%;
  }
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery > figure:only-child {
    width: 100%;
  }
  #page #content_container #content_main .singleview.singleview-401 div:not(.csc-gallery-slideshow) > .ce-gallery > figure:only-child img {
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 992px) {
  .preamble #section_head {
    padding-right: 40px;
  }
  #page .table-wrapper .pinned {
    display: none;
    visibility: hidden;
  }
  #content_right form input {
    float: none;
    display: block;
    width: 100%;
  }
  #content_right form label {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
  }
  #content_right form .c1.btn {
    width: 100%;
    padding: 0;
  }
  #content_right form .c1.btn a:hover {
    border-bottom: none;
  }
  #content_right form input[type="submit"] {
    border-color: transparent;
  }
}
@media only screen and (min-width: 320px) and (max-width: 900px) {
  .microsite #content_bottom {
    padding: 0 0px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1222px) {
  #page .tx-sf-banners.bannerSlider .bannerButton {
    visibility: hidden;
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  #page .tx-sf-banners.bannerSlider .bannerButton {
    visibility: hidden;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #page .tx-sf-banners.bannerSlider {
    margin-bottom: 50px;
  }
  #page .tx-sf-banners.bannerSlider > div {
    display: flex;
    flex-direction: row;
  }
  #page .tx-sf-banners.bannerSlider .banner {
    min-width: calc(50% + 10px);
    max-width: calc(50% + 10px);
    float: left;
    display: inline-block;
    padding-right: 20px;
  }
  #page .tx-sf-banners.bannerSlider .banner .banner {
    width: 100%;
  }
  #page .tx-sf-banners.bannerSlider .banner img {
    width: 100%;
  }
  #page .tx-sf-banners.bannerSlider .bannerButton {
    visibility: hidden;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #body-504 #c6904 {
    margin-bottom: 10px;
  }
  #page #c75384 .multicolumnLayout2 {
    display: inline-block !important;
  }
  #page .multicolumnContainer > .column > .columnItems > .columnItem {
    display: block !important;
  }
  #page #content_2ndRow,
  #page .topRowTrippleContent,
  #page .multicolumnContainer {
    flex-basis: auto;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page #content_2ndRow > .csc-teaser,
  #page .topRowTrippleContent > .csc-teaser,
  #page .multicolumnContainer > .csc-teaser {
    min-width: calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin-bottom: 0px;
    margin: 0 0px 25px 0px;
  }
  #page .topRowTrippleContent > .csc-default.csc-teaser.layout-topheader:last-child,
  #page .topRowTrippleContent > .csc-default.csc-teaser.layout-bottomheader:last-child {
    margin-bottom: 0;
  }
  #page .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text,
  #page .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text {
    clear: none;
  }
  #page .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text h2.headline.headline-bottom,
  #page .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text h2.headline.headline-bottom,
  #page .topRowTrippleContent .csc-default.csc-teaser.layout-topheader:last-child .csc-textpic-text h2.headline.headline-top,
  #page .topRowTrippleContent .csc-default.csc-teaser.layout-bottomheader:last-child .csc-textpic-text h2.headline.headline-top {
    padding-top: 0;
    margin-top: 0;
  }
  .layout-topheader .multicolumnContainer.multicolumnLayout2 .column {
    margin-bottom: 25px;
  }
  .layout-topheader .multicolumnContainer.multicolumnLayout2 .column:last-child {
    margin-bottom: 0;
  }
  #page.microsite #rightMobileMenuLink {
    margin-top: 20px;
  }
  #page.microsite #rightMobileMenuLink:before {
    content: "";
    display: block;
    width: 100vw;
    border-top: 1px dotted #000;
    position: absolute;
    top: -22px;
    left: -10px;
  }
}
@media only screen and (max-width: 700px) {
  #body-504 #c6904 {
    margin-bottom: 55px;
  }
  #body-504 #c6904 h2 {
    font-size: 38px;
    line-height: 41px;
    border-left: 4px solid #b71a49;
    font-weight: 100;
    margin-bottom: 27px;
    margin-left: 0px;
    letter-spacing: 5px;
    width: 79%;
  }
  #body-504 #c6904 h2 a {
    padding-left: 16px;
  }
  #body-504 #c6904 p.bodytext {
    padding-left: 23px;
    width: 79%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
  }
  #body-504 #c6904 a.csc-more-link {
    margin-top: 25px;
    margin-left: 23px;
    padding-top: 0 !important;
    font-weight: normal;
  }
  #body-504 #c6904 a.csc-more-link:before {
    font-size: 52px !important;
  }
  html.desktop #content_top #c234961 .multicolumnContainer.multicolumnLayout2 {
    margin: 0 -10px 0px -10px;
  }
  html.desktop #content_top #c234961 .multicolumnContainer.multicolumnLayout2 .column.columnLast {
    margin-bottom: 0;
  }
  #page #content_top .multicolumnContainer {
    margin-bottom: 0;
  }
  #content_container div.csc-textpic-imagecolumn,
  #content_container td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 0px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap {
    margin-right: 0px;
    display: flex;
    margin-left: 0px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery .csc-textpic-image,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery .csc-textpic-image {
    width: 100%;
    overflow: hidden;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery .csc-textpic-image img,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery .csc-textpic-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap.csc-textpic-intext-right-nowrap-320 {
    flex-direction: row-reverse;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap.csc-textpic-intext-right-nowrap-320 .ce-gallery {
    padding-left: 10px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap.csc-textpic-intext-right-nowrap-320 .csc-textpic-text {
    padding-right: 10px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap {
    flex-direction: row;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 10px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap-119 .csc-textpic-text {
    margin-left: auto;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap-220 .ce-gallery {
    width: 200px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap-220 .csc-textpic-text {
    width: calc(100% - 210px);
  }
  #content_container .csc-textpic-imagerow .csc-textpic-firstcol.csc-textpic-lastcol {
    margin-right: 0px;
  }
  #content_container .table-wrapper {
    overflow: hidden;
    overflow-x: auto;
  }
  #content_container .table-wrapper .scrolltable table {
    width: fit-content;
  }
  #content_container .table-wrapper .pinned {
    display: none;
  }
  .pinned .contenttable {
    visibility: hidden;
    display: none;
  }
  .csc-gallery-slideshow .csc-gallery-nav .csc-textpic-imagerow {
    margin-bottom: 10px;
  }
  .csc-gallery-slideshow .csc-gallery-nav .csc-textpic-imagerow .csc-textpic-imagecolumn {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 680px) {
  .layout-topheader .multicolumnContainer.multicolumnLayout2 .column {
    margin-bottom: 20px;
  }
  .layout-topheader .multicolumnContainer.multicolumnLayout2 .column .columnItems {
    margin-bottom: 20px;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article {
    width: calc(50% - 10px);
  }
  #page div[class*="-nowrap"] .textpic-imagewrap[data-csc-cols="2"],
  #page div[class*="-nowrap"] .textpic-imagewrap[data-csc-cols="1"],
  #page div[class*="-nowrap"] .ce-gallery {
    max-width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 645px) {
  #content_container fieldset.powermail_fieldset .powermail_fieldwrap > label,
  #content_container fieldset.powermail_fieldset .powermail_fieldwrap_type_typoscript label {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #content_container .tx-powermail fieldset textarea,
  #content_container .tx-powermail fieldset input[type=email],
  #content_container .tx-powermail fieldset input[type=text],
  #content_container .tx-powermail fieldset input[type=password],
  #content_container .tx-powermail fieldset input[type=date],
  #content_container .tx-powermail fieldset input[type=tel],
  #content_container .tx-powermail fieldset input[type=url],
  #content_container .tx-powermail fieldset select,
  #content_container fieldset.tx-powermail_fieldset input.powermail_text,
  #content_container fieldset.tx-powermail_fieldset input.powermail_date,
  #content_container fieldset.tx-powermail_fieldset input.powermail_datetime,
  #content_container fieldset.powermail_fieldset textarea.powermail_textarea,
  #content_container fieldset.powermail_fieldset input.powermail_captcha {
    width: 100%;
    box-sizing: border-box;
  }
  #content_container div.powermail_fieldwrap .radio,
  #content_container div.powermail_fieldwrap .checkbox {
    margin-left: 0px;
  }
  #content_container fieldset.powermail_fieldset input.powermail_submit,
  #content_container #content_main .tx-felogin-pi1 input[type=submit] {
    margin: 0px 0 10px 0px;
    font-weight: bold;
    float: right;
  }
  #content_container .csc-textpic-intext-left-nowrap-119 .csc-textpic-text {
    margin-left: auto;
  }
  .anythingSlider.anythingSlider-buw.activeSlider[style] {
    height: 200px !important;
  }
}
@media only screen and (min-width: 460px) and (max-width: 645px) {
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right {
    display: flex;
    flex-direction: column;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .datetime {
    order: 0;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .news_title.csc-firstHeader {
    order: 1;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .news_subtitle {
    order: 2;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .ce-gallery {
    order: 4;
    margin-left: 0;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .news-text-wrap {
    order: 5;
  }
  #page #content_container #content_main .news.news-single .ce-gallery,
  #page #content_container #content_main .singleview .ce-gallery {
    order: 4;
    margin-left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
  }
  #page #content_container #content_main .news.news-single .ce-gallery .csc-textpic-imagerow,
  #page #content_container #content_main .singleview .ce-gallery .csc-textpic-imagerow {
    width: calc(50% - 10px);
  }
  #page #content_container #content_main .news.news-single .ce-gallery .csc-textpic-imagerow img,
  #page #content_container #content_main .singleview .ce-gallery .csc-textpic-imagerow img {
    width: 100%;
  }
  #page #content_container #content_main .news.news-single > div[class*="-nowrap"],
  #page #content_container #content_main .singleview > div[class*="-nowrap"] {
    display: none;
  }
  #page #content_container #content_main .ce-gallery.csc-gallery-nav > .csc-textpic-center-outer > .csc-textpic-center-inner,
  #page #content_container #content_main .ce-gallery.csc-gallery-nav > .csc-textpic-center-outer.activeSlide > .csc-textpic-center-inner {
    position: static;
    float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #page #content_container #content_main .ce-gallery.csc-gallery-nav > .csc-textpic-center-outer > .csc-textpic-center-inner .csc-textpic-imagerow,
  #page #content_container #content_main .ce-gallery.csc-gallery-nav > .csc-textpic-center-outer.activeSlide > .csc-textpic-center-inner .csc-textpic-imagerow {
    width: 50%;
    margin-bottom: 0;
  }
  #page #content_container #content_main .ce-gallery.csc-gallery-nav > .csc-textpic-center-outer > .csc-textpic-center-inner .csc-textpic-imagerow figure.image,
  #page #content_container #content_main .ce-gallery.csc-gallery-nav > .csc-textpic-center-outer.activeSlide > .csc-textpic-center-inner .csc-textpic-imagerow figure.image {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  #page .multicolumnLayout2 .column3 .csc-teaser {
    margin-bottom: 0;
  }
  #content_main .contact-element .ce-above .ce-gallery figure img,
  #mainContentSections .contact-element .ce-above .ce-gallery figure img,
  #content_main .contact-element .ce-above .ce-gallery img,
  #mainContentSections .contact-element .ce-above .ce-gallery img {
    margin: 0 0 20px 0;
  }
  #tx-buw-showcase-details .vitrine.vitrine-showcase {
    margin-bottom: 50px;
  }
  #page .topRowTrippleContent,
  #page .multicolumnContainer {
    display: block !important;
  }
  #page .topRowTrippleContent > .csc-teaser,
  #page .multicolumnContainer > .csc-teaser {
    display: block;
    min-width: 280px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 25px auto;
  }
  #page .topRowTrippleContent > .csc-teaser:last-child,
  #page .multicolumnContainer > .csc-teaser:last-child {
    margin-bottom: 0;
  }
  #page .listview article > .thumb,
  #page .listview article > .linktosingle {
    display: none;
    margin-bottom: 20px;
  }
  #page .listview article .text01 h2,
  #page .listview article .text-wrap header h2 {
    width: 100%;
  }
  #page .listview:not(.listview-421):not(.listview-showcase) .record01,
  #page .listview:not(.listview-421):not(.listview-showcase) article {
    flex-direction: column;
  }
  #page .listview:not(.listview-421):not(.listview-showcase) .record01 .linktosingle.dummy-image,
  #page .listview:not(.listview-421):not(.listview-showcase) article .linktosingle.dummy-image {
    display: none;
    visibility: hidden;
    min-width: 0px;
    min-height: 0px;
    max-height: 0px;
    margin-bottom: 0px;
  }
  #page #content_right .news.listview.listview-211 article > p {
    margin-top: 0;
    margin-left: 0;
  }
  #page #content_container #content_main .news.news-single .ce-gallery .csc-textpic-imagerow,
  #page #content_container #content_main .singleview .ce-gallery .csc-textpic-imagerow {
    width: 100%;
  }
  #page .tx-browser-pi1 .listview .record01 {
    clear: both;
    display: block !important;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right {
    display: flex;
    flex-direction: column;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .datetime {
    order: 0;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .news_title.csc-firstHeader {
    order: 1;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .news_subtitle {
    order: 2;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .ce-gallery {
    order: 4;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .ce-gallery[data-csc-cols="1"] {
    max-width: 100%;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .ce-gallery[data-csc-cols="2"] {
    max-width: calc(50% - 10px);
    justify-content: space-between;
  }
  #page #content_container #content_main .csc-textpic.csc-textpic-intext-right .news-text-wrap {
    order: 5;
  }
  #page #content_container #content_main .singleview.singleview-401 .ce-gallery {
    max-width: 100%;
  }
  .ui-accordion {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    width: 100%;
  }
  .ui-accordion h3.ui-accordion-header {
    width: 100%;
    margin-bottom: 0 !important;
  }
  .ui-accordion h3.ui-accordion-header > .accordion-img-wrapper {
    width: 60px;
    height: auto;
    display: none;
    visibility: hidden;
  }
  .ui-accordion h3.ui-accordion-header > span.ui-accordion-header-icon {
    order: 1;
  }
  .ui-accordion h3.ui-accordion-header > a {
    width: calc(100% - 50px);
    order: 2;
    display: inline-block;
  }
  .ui-accordion h3.ui-accordion-header:hover > .accordion-img-wrapper img {
    animation: imageHoverSizeDown .4s forwards;
    width: 150px;
    height: auto;
    min-width: 130px;
  }
  iframe[mozallowfullscreen] {
    height: 100%;
  }
  iframe[allowfullscreen],
  iframe[mozallowfullscreen] {
    height: auto;
  }
  div.csc-textpic .ce-gallery img {
    width: auto;
    height: auto;
    margin: 0 0;
  }
  #body-504 #c6904 {
    margin-bottom: 10px;
  }
  #body-504 #c6904 h2 {
    font-family: buw_fira_sansbook;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .7px;
    border-left: 3px solid #b71a49;
    margin-bottom: 14px;
    margin-left: 0px;
    width: 85%;
  }
  #body-504 #c6904 h2 a {
    color: #b71a49;
    padding-left: 12px;
    display: inline-block;
  }
  #body-504 #c6904 h2 a:hover {
    border-bottom: none !important;
    text-decoration: none !important;
  }
  #body-504 #c6904 p.bodytext {
    padding-left: 17px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
  }
  #body-504 #c6904 a.csc-more-link {
    margin-left: 17px;
    padding-top: 0 !important;
    font-weight: normal;
  }
  #body-504 #c6904 a.csc-more-link:before {
    font-size: 52px !important;
  }
  #content_container #content_main .csc-frame {
    margin-bottom: 20px;
  }
  #content_container #content_main #c4419.csc-frame {
    margin-bottom: 0px;
  }
  #content_container #content_main #c4419.csc-frame .columnItem.columnItemtextpic.col-xs-12.col-sm-12.col-md-12.col-xl-12 {
    margin-bottom: 15px;
  }
  #col1_col2 #content_container #content_main .csc-textpic-intext-left-nowrap-320 .ce-galleryp[style],
  #col1_col2 #content_container #content_main .csc-textpic-intext-left-nowrap-320 .csc-textpic-text[style] {
    max-width: 320px;
    width: 100% !important;
  }
  .ce-image.ce-left.ce-above .ce-gallery .csc-textpic-imagerow {
    margin-bottom: 5px;
  }
  .ce-image.ce-left.ce-above .ce-gallery .csc-textpic-imagerow .csc-textpic-imagecolumn {
    margin-right: 5px;
  }
  .preamble #section_head {
    padding-right: 30px;
  }
  .microsite h1#microsite_content_title {
    padding-left: 10px;
  }
  .layout-manualhub #page #col1_col2 .csc-default.layout-topheader {
    padding-top: 0;
    padding-bottom: 0;
  }
  .layout-manualhub #page #col1_col2 #content_top {
    padding-top: 0;
    padding-bottom: 0;
  }
  .microsite #content_main,
  .microsite #content_bottom,
  #content_container,
  #content_main,
  #content_top {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
  .microsite #content_main #content_main,
  .microsite #content_bottom #content_main,
  #content_container #content_main,
  #content_main #content_main,
  #content_top #content_main {
    padding: 0;
  }
  .microsite #content_main .col-xs-6,
  .microsite #content_bottom .col-xs-6,
  #content_container .col-xs-6,
  #content_main .col-xs-6,
  #content_top .col-xs-6,
  .microsite #content_main .col-xs-12,
  .microsite #content_bottom .col-xs-12,
  #content_container .col-xs-12,
  #content_main .col-xs-12,
  #content_top .col-xs-12 {
    width: 100%;
    max-width: 320px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .microsite #content_main .csc-default,
  .microsite #content_bottom .csc-default,
  #content_container .csc-default,
  #content_main .csc-default,
  #content_top .csc-default {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
  .microsite #content_main #content_top,
  .microsite #content_bottom #content_top,
  #content_container #content_top,
  #content_main #content_top,
  #content_top #content_top,
  .microsite #content_main #content_bottom,
  .microsite #content_bottom #content_bottom,
  #content_container #content_bottom,
  #content_main #content_bottom,
  #content_top #content_bottom,
  .microsite #content_main #content_main,
  .microsite #content_bottom #content_main,
  #content_container #content_main,
  #content_main #content_main,
  #content_top #content_main {
    padding-left: 10px;
    padding-right: 10px;
  }
  #content_container {
    display: grid;
  }
  .microsite #micro_col2 #content_bottom {
    padding-left: 10px;
    padding-right: 10px;
  }
  .layout-autohub #content_top,
  .layout-autohub #content_container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #content_container #content_top,
  #content_container #content_bottom,
  #content_container #content_main {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  #content_container #content_top .col-xs-12,
  #content_container #content_bottom .col-xs-12,
  #content_container #content_main .col-xs-12,
  #content_container #content_top .col-xs-6,
  #content_container #content_bottom .col-xs-6,
  #content_container #content_main .col-xs-6 {
    width: 100%;
    max-width: 320px;
    float: none;
  }
  #content_container #content_top .columnItem.columnItemtextpic.col-xs-12.col-sm-12.col-md-12.col-xl-12,
  #content_container #content_bottom .columnItem.columnItemtextpic.col-xs-12.col-sm-12.col-md-12.col-xl-12,
  #content_container #content_main .columnItem.columnItemtextpic.col-xs-12.col-sm-12.col-md-12.col-xl-12 {
    margin-bottom: 23px;
  }
  #content_container #content_top .csc-default,
  #content_container #content_bottom .csc-default,
  #content_container #content_main .csc-default {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
  #content_container #content_top #content_top,
  #content_container #content_bottom #content_top,
  #content_container #content_main #content_top,
  #content_container #content_top #content_bottom,
  #content_container #content_bottom #content_bottom,
  #content_container #content_main #content_bottom,
  #content_container #content_top #content_main,
  #content_container #content_bottom #content_main,
  #content_container #content_main #content_main {
    padding-left: 0;
    padding-right: 0;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap {
    display: flex;
    flex-direction: column;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
    width: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery {
    width: 100%;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery .csc-textpic-image,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery .csc-textpic-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .ce-gallery .csc-textpic-image img,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .ce-gallery .csc-textpic-image img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text p.bodytext,
  #content_container .csc-default.csc-teaser .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text p.bodytext {
    margin: 0;
  }
  #content_container .csc-textpic.csc-textpic-intext-right .csc-textpic-text ul,
  #content_container .csc-textpic.csc-textpic-intext-left .csc-textpic-text ul,
  #content_container .csc-textpic.csc-textpic-intext-right .csc-textpic-text p,
  #content_container .csc-textpic.csc-textpic-intext-left .csc-textpic-text p {
    min-width: 300px;
  }
  #content_container .ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    padding-left: 0;
  }
  #content_container .csc-textpic-imagerow {
    display: flex;
    flex-direction: column;
  }
  #content_container .csc-textpic-imagerow .csc-textpic-firstcol {
    margin-right: 0px;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs-panel.ui-widget-content.ui-corner-bottom .listview.listview-402 .text01[style="margin-left: 108px"] {
    margin-left: 0 !important;
    padding: 0 5px;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs-panel.ui-widget-content.ui-corner-bottom .listview.listview-402 .record01 > .linktosingle {
    display: none;
    visibility: hidden;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs-panel.ui-widget-content.ui-corner-bottom .listview.listview-402 .record01 > .linktosingle .list-imagebox {
    margin-bottom: 10px;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs-panel.ui-widget-content.ui-corner-bottom .listview.listview-402 .tx_org_news-teaser_short .more .linktosingle {
    margin-bottom: 0px;
    display: block;
  }
  .news.buw_news .item-view-default.record01 .text01.textpic h3,
  .news.buw_news .item-view-default.record01 > .linktosingle {
    display: none;
  }
  .news.buw_news .item-view-default.record01 .text01.textpic .tx_org_news-teaser_short {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .news.buw_news .item-view-default.record01 .text01.textpic .tx_org_news-teaser_short a.linktosingle:before {
    top: 3px !important;
  }
  #page div[class*='gallery-slideshow'] {
    overflow: visible !important;
    margin-bottom: 50px !important;
  }
  #page div[class*='gallery-slideshow'] .csc-gallery-nav {
    visibility: hidden;
    display: none !important;
    background: black;
  }
  #page div[class*='gallery-slideshow'] .csc-gallery-slideshow-single .image-caption {
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 0px);
    width: 100%;
    opacity: 1;
    background-color: rgba(251, 251, 251, 0.9);
  }
  #page div[class*='gallery-slideshow'] .csc-gallery-slideshow-single .slideshow-item > a {
    border: 0px solid transparent !important;
  }
  #page div[class*='gallery-slideshow'] .captionToggle {
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 9999 !important;
    width: 2em;
    height: 2em;
    text-align: center;
    color: #505050;
    font-size: 1em;
    cursor: pointer;
    transform: translate(-50%);
    font-size: 1.5em;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl {
    z-index: 9990 !important;
    height: 106%;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-btn.csc-prev {
    background-position: left 100%;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-btn.csc-next {
    background-position: right  100%;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-box,
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-play {
    display: block;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-play {
    background-position: -100% 100% !important;
    background-image: url(../images/play.gif) !important;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-play.csc-paused {
    background-image: url(../images/pause.gif) !important;
  }
  #page div[class*='gallery-slideshow'] .csc-ctrl-wrap .csc-ctrl.csc-box {
    background-size: 40% !important;
    background-image: url(../images/box.gif) !important;
    background-position: right  99% !important;
  }
  #page .tx-sf-banners.bannerSlider .bannerSliderButtonOpen {
    display: block;
    visibility: visible;
  }
  #page .tx-sf-banners.bannerSlider .banner {
    min-width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 20px;
  }
  #page .tx-sf-banners.bannerSlider .banner .banner {
    width: 100%;
  }
  #page .tx-sf-banners.bannerSlider .banner img {
    width: 100%;
  }
  .csc-textpic .ce-gallery[data-csc-cols="1"] {
    margin-left: 0px;
  }
  .anythingSlider.anythingSlider-buw.activeSlider[style] {
    height: 100px !important;
  }
  .anythingSlider.anythingSlider-buw.activeSlider[style] .csc-default {
    max-width: 100% !important;
  }
  .anythingSlider.anythingSlider-buw.activeSlider[style] figure {
    width: 320px;
  }
  #page div[class*="-nowrap"] {
    display: flex;
    flex-direction: column !important;
    margin-bottom: 25px;
    justify-content: flex-start;
  }
  #page div[class*="-nowrap"]:hover .csc-textpic-text .csc-more-link:before {
    left: 1px;
    transition: left .4s;
  }
  #page div[class*="-nowrap"] figure.image {
    display: block;
  }
  #page div[class*="-nowrap"] .textpic-imagewrap[data-csc-cols="2"] {
    max-width: calc(50% - 10px);
  }
  #page div[class*="-nowrap"] .textpic-imagewrap[data-csc-cols="1"],
  #page div[class*="-nowrap"] .ce-gallery {
    margin-right: 0px;
    margin-left: 0px;
    max-width: 100%;
  }
  #page div[class*="-nowrap"] .textpic-imagewrap[data-csc-cols="1"] img,
  #page div[class*="-nowrap"] .ce-gallery img {
    margin-bottom: 20px;
  }
  #page div[class*="-nowrap"] .csc-textpic-text {
    min-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  #page .csc-teaser .csc-textpic-border .ce-gallery .csc-textpic-image {
    margin-right: 0;
    margin-left: 0;
  }
  #page #content_main .csc-teaser:hover {
    animation: none;
  }
  #page #content_main .multicolumnLayout2 .columnItem > .csc-teaser:hover {
    animation: hoverTeaser .4s forwards;
  }
  #page #content_main .multicolumnLayout1 .columnItem > .csc-teaser:hover {
    animation: none !important;
  }
  #page .csc-textpic-intext-left,
  #page .csc-textpic-intext-right {
    display: flex;
    flex-direction: column;
  }
  #tx-buw-showcase-submit {
    margin-top: 50px;
    text-align: left !important;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article {
    width: 100%;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article > .linktosingle {
    margin-bottom: 0;
    display: block !important;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap {
    position: relative;
    padding: 0 20px;
    border-bottom: 1px dotted #000;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-media {
    position: absolute;
    top: -50px;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-media img {
    margin-right: 10px;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info {
    display: flex;
    flex-direction: column;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info header {
    order: 2;
    font-size: 20px;
    line-height: 28px;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info p.faculties {
    order: 1;
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 14px;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article .text-wrap .project-info p.authors {
    order: 3;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article figure {
    width: 100%;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects article figure img {
    max-width: 100%;
    height: auto;
  }
  .news.listview.listview-showcase #tx-buw-showcase-projects .page-navigation {
    position: absolute;
    bottom: -60px;
  }
}
/*

  Extra Small Devices, Phones

*/
@media only screen and (max-width: 480px) {
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav {
    flex-direction: column;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default {
    min-height: 50px;
    margin-top: 2px;
    border-radius: 0;
    border-bottom: none;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default:before,
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default:after {
    content: none;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default:first-child {
    border-radius: 10px 10px 0 0;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default a {
    line-height: 28px;
    min-height: 50px;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active {
    margin-top: 1px;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active a {
    color: #fff;
  }
  #page .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default {
    margin-right: 0 !important;
  }
  #page .news.news-single.news-single-201 article,
  #page .news.listview.listview-201 article {
    flex-direction: column;
  }
  #page .news.news-single.news-single-201 article:after,
  #page .news.listview.listview-201 article:after {
    left: 0 !important;
  }
  #page .news.news-single.news-single-201 article header,
  #page .news.listview.listview-201 article header {
    width: 100%;
  }
  #page .news.news-single.news-single-201 article .stripeBar,
  #page .news.listview.listview-201 article .stripeBar {
    display: none;
  }
  #page .news.news-single.news-single-201 article .mobileDateWrapper,
  #page .news.listview.listview-201 article .mobileDateWrapper {
    display: inline-block;
  }
  #page .news.news-single.news-single-201 article .my_datesheet,
  #page .news.listview.listview-201 article .my_datesheet {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }
  #page .news.news-single.news-single-201 article .my_datesheet:before,
  #page .news.listview.listview-201 article .my_datesheet:before {
    position: relative;
    top: 5px;
    float: left;
  }
  #page .news.news-single.news-single-201 article .teasertext,
  #page .news.listview.listview-201 article .teasertext,
  #page .news.news-single.news-single-201 article ul.cal_maininfo,
  #page .news.listview.listview-201 article ul.cal_maininfo {
    width: 100% !important;
  }
  #page .news.news-single.news-single-201 article .calendarContainer,
  #page .news.listview.listview-201 article .calendarContainer {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  #page #content_right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }
  #page #content_right .grid {
    display: block;
    width: calc(100%);
  }
  #page div[class*="-nowrap"] {
    flex-direction: column;
  }
  #page div[class*="-nowrap"] .ce-gallery {
    min-width: 100%;
  }
  #page div[class*="-nowrap"] .ce-gallery figure.image {
    margin-bottom: 0 !important;
  }
  #page .start-slider {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: visible;
    margin-left: 0;
    margin-bottom: 55px;
    height: 421px;
  }
  .start-slider .start-slider-item {
    left: -10px;
    right: -10px;
  }
  .start-slider .start-slider-item article.caption {
    height: 421px;
  }
  .start-slider .start-slider-item article.caption::before {
    display: block;
    width: 500em;
    height: 421px;
    margin-left: -50em;
    margin-right: -130em;
    content: "";
  }
  .start-slider .start-slider-item article.caption > figure {
    display: none;
    visibility: hidden;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay {
    padding-top: 0;
    padding-left: 0;
    max-height: 420px;
    height: 420px;
    min-width: 100%;
    width: 100%;
    overflow: visible;
    position: relative;
    top: 0;
    left: 0;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay .content-wrapper {
    position: relative;
    top: 0;
    height: 420px;
    transform: translate(0%, 0%);
  }
  .start-slider .start-slider-item article.caption header.caption-overlay .content-wrapper figure {
    max-width: 100%;
    width: 100%;
    height: 240px;
    position: relative;
    margin: 0;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay .content-wrapper figure img,
  .start-slider .start-slider-item article.caption header.caption-overlay .content-wrapper figure img[width="990"] {
    left: 0%;
    transform: translate(0%, -50%);
    max-height: 240px;
    max-width: 95%;
    transform-origin: 0%;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.3);
    display: block;
    margin: 0 auto 0 auto;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay h2.caption-overlay-content {
    font-size: 13px;
    line-height: 18px;
    max-width: 480px;
    margin: 0 auto 0 auto;
    padding: 22px 20px 20px;
    min-height: 62px;
    display: none;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay h3.caption-overlay-title {
    margin: 0 auto 0 auto;
    padding: 25px 20px 0 20px;
    font-size: 16px;
    line-height: 26px;
    font-family: buw_fira_sansbook;
    height: 125px;
    max-width: 480px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay p.pfeil {
    padding: 0;
    width: 50px;
    position: absolute;
    bottom: 35px;
    right: 20px;
    margin: 0;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay p.pfeil a.icon-Pfeil-rechts {
    display: inline-block;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay p.pfeil a.icon-Pfeil-rechts:hover {
    margin-top: 0;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay p.pfeil a.icon-Pfeil-rechts:before {
    margin-left: 0;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay p.pfeil a.icon-Pfeil-rechts:hover:before {
    animation: hoverMoreLink 0.4s forwards;
  }
  .start-slider .start-slider-item article.caption header.caption-overlay p.pfeil a.icon-Pfeil-rechts:hover {
    animation: hoverMoreLink 0.4s forwards;
  }
  .start-slider nav.start-slider-menu {
    visibility: hidden;
  }
  #page.journal .news.listview.listview-421 article {
    width: 100%;
  }
  #page.journal .news.listview.listview-421 article > .linktosingle {
    display: block;
  }
}
@keyframes slideBgImageInUniAbs {
  0% {
    border-color: #b71a49;
    background-position-x: 0%;
    color: #b71a49;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageInUniFix {
  0% {
    border-color: #b71a49;
    background-position-x: 0%;
    color: #b71a49;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageInUni {
  0% {
    border-color: #b71a49;
    background-position-x: 0%;
    color: #b71a49;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageOutUni {
  0% {
    background-position-x: 99%;
    color: #fff;
  }
  90% {
    background-position-x: 0%;
    background-position-y: 0%;
    color: #fff;
    border-color: #fff;
  }
  100% {
    background-position-x: 0%;
    background-position-y: -100%;
    color: #b71a49;
    border-color: #b71a49;
  }
}
@keyframes slideBgImageInArchitektur {
  0% {
    border-color: #009bb4;
    background-position-x: 0%;
    color: #009bb4;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageOutArchitektur {
  0% {
    background-position-x: 99%;
    color: #fff;
  }
  90% {
    background-position-x: 0%;
    background-position-y: 0%;
    color: #fff;
    border-color: #fff;
  }
  100% {
    background-position-x: 0%;
    background-position-y: -100%;
    color: #009bb4;
    border-color: #009bb4;
  }
}
@keyframes slideBgImageInBauing {
  0% {
    border-color: #f39100;
    background-position-x: 0%;
    color: #f39100;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageOutBauing {
  0% {
    background-position-x: 99%;
    color: #fff;
  }
  90% {
    background-position-x: 0%;
    background-position-y: 0%;
    color: #fff;
    border-color: #fff;
  }
  100% {
    background-position-x: 0%;
    background-position-y: -100%;
    color: #f39100;
    border-color: #f39100;
  }
}
@keyframes slideBgImageInGestaltung {
  0% {
    border-color: #94c11c;
    background-position-x: 0%;
    color: #94c11c;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageOutGestaltung {
  0% {
    background-position-x: 99%;
    color: #fff;
  }
  90% {
    background-position-x: 0%;
    background-position-y: 0%;
    color: #fff;
    border-color: #fff;
  }
  100% {
    background-position-x: 0%;
    background-position-y: -100%;
    color: #94c11c;
    border-color: #94c11c;
  }
}
@keyframes slideBgImageInMedien {
  0% {
    border-color: #006b94;
    background-position-x: 0%;
    color: #006b94;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
@keyframes slideBgImageOutMedien {
  0% {
    background-position-x: 99%;
    color: #fff;
  }
  90% {
    background-position-x: 0%;
    background-position-y: 0%;
    color: #fff;
    border-color: #fff;
  }
  100% {
    background-position-x: 0%;
    background-position-y: -100%;
    color: #006b94;
    border-color: #006b94;
  }
}
@keyframes hoverPageUpLinkUni {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #b71a49;
  }
}
@keyframes hoverPageUpLinkArchitektur {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #009bb4;
  }
}
@keyframes hoverPageUpLinkBauing {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #f39100;
  }
}
@keyframes hoverPageUpLinkGestaltung {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #94c11c;
  }
}
@keyframes hoverPageUpLinkMedien {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #006b94;
  }
}
@media only screen and (min-width: 150px) and (max-width: 4000px) {
  .uni:not(.contrast) #nav-layout .active:not(.language) {
    color: #b71a49;
  }
  .uni:not(.contrast) #nav-layout .active:not(.language) > * {
    color: #b71a49;
  }
  .uni:not(.contrast) #nav-layout .search #topSearchField:hover::placeholder,
  .uni:not(.contrast) #nav-layout .search button.ym-searchbutton:hover:before {
    color: #b71a49;
  }
  .uni:not(.contrast) #nav-layout span:hover,
  .uni:not(.contrast) #nav-layout strong:hover,
  .uni:not(.contrast) #nav-layout a:hover,
  .uni:not(.contrast) #nav-layout button:hover {
    color: #b71a49 !important;
  }
  .uni:not(.contrast) #nav-layout span:hover *:not(.sr-only),
  .uni:not(.contrast) #nav-layout strong:hover *:not(.sr-only),
  .uni:not(.contrast) #nav-layout a:hover *:not(.sr-only),
  .uni:not(.contrast) #nav-layout button:hover *:not(.sr-only) {
    color: #b71a49;
  }
  .uni:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
  }
  .uni:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span,
  .uni:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(2) > a > span,
  .uni:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(3) > a > span,
  .uni:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(4) > a > span,
  .uni:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(5) > a > span {
    border-right: 2px solid #2b2e34;
  }
  .uni:not(.contrast) #nav #nav-main .toplevel > li.active.clicked {
    background-color: #b71a49;
  }
  .uni:not(.contrast) #nav #nav-main .toplevel > li.active.clicked > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .uni:not(.contrast) #nav #nav-main .toplevel > li.active > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .uni:not(.contrast) #nav #nav-main .main-menu-list > li.active {
    border-color: #b71a49;
  }
  .uni:not(.contrast) #nav #nav-main .main-menu-list > li.active > a span.main-menu-link-fill strong {
    color: #b71a49;
  }
  .uni:not(.contrast) #nav #bgBarContainer {
    background-color: #b71a49;
  }
  .uni:not(.contrast) #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-color: #b71a49;
  }
  .uni:not(.contrast) #pagehead_logo .pagehead_logo_link {
    background-color: #b71a49;
  }
  .architektur:not(.contrast) #nav-layout .active:not(.language) {
    color: #009bb4;
  }
  .architektur:not(.contrast) #nav-layout .active:not(.language) > * {
    color: #009bb4;
  }
  .architektur:not(.contrast) #nav-layout .search #topSearchField:hover::placeholder,
  .architektur:not(.contrast) #nav-layout .search button.ym-searchbutton:hover:before {
    color: #009bb4;
  }
  .architektur:not(.contrast) #nav-layout span:hover,
  .architektur:not(.contrast) #nav-layout strong:hover,
  .architektur:not(.contrast) #nav-layout a:hover,
  .architektur:not(.contrast) #nav-layout button:hover {
    color: #009bb4 !important;
  }
  .architektur:not(.contrast) #nav-layout span:hover *:not(.sr-only),
  .architektur:not(.contrast) #nav-layout strong:hover *:not(.sr-only),
  .architektur:not(.contrast) #nav-layout a:hover *:not(.sr-only),
  .architektur:not(.contrast) #nav-layout button:hover *:not(.sr-only) {
    color: #009bb4;
  }
  .architektur:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span,
  .architektur:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(2) > a > span {
    border-right: 2px solid transparent;
  }
  .architektur:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(3) > a > span,
  .architektur:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(4) > a > span,
  .architektur:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(5) > a > span {
    border-right: 2px solid #2b2e34;
  }
  .architektur:not(.contrast) #nav #nav-main .toplevel > li.active.clicked {
    background-color: #009bb4;
  }
  .architektur:not(.contrast) #nav #nav-main .toplevel > li.active.clicked > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .architektur:not(.contrast) #nav #nav-main .main-menu-list > li.active {
    border-color: #009bb4;
  }
  .architektur:not(.contrast) #nav #bgBarContainer {
    background-color: #009bb4;
  }
  .architektur:not(.contrast) #subPages ul#subPageMenu li a span {
    color: #009bb4;
  }
  .architektur:not(.contrast) #subPages ul#subPageMenu li a span:hover {
    color: #fff;
  }
  .architektur:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li a::before,
  .architektur:not(.contrast) .preamble #breadcrumbs ol li a::before,
  .architektur:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight:before {
    color: #009bb4;
  }
  .architektur:not(.contrast) .preamble .trail-list a {
    border-bottom: 1px solid transparent;
  }
  .architektur:not(.contrast) #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-color: #009bb4;
  }
  .architektur:not(.contrast) #pagehead_logo .pagehead_logo_link {
    background-color: #009bb4;
    border-bottom: none;
  }
  .architektur:not(.contrast) #nav-section #sectionmenu .item.parent.active > .menulink,
  .architektur:not(.contrast) #nav-section #sectionmenu .current > .menulink {
    color: #009bb4;
  }
  .bauing:not(.contrast) #nav-layout .active:not(.language) {
    color: #f39100;
  }
  .bauing:not(.contrast) #nav-layout .active:not(.language) > * {
    color: #f39100;
  }
  .bauing:not(.contrast) #nav-layout .search #topSearchField:hover::placeholder,
  .bauing:not(.contrast) #nav-layout .search button.ym-searchbutton:hover:before {
    color: #f39100;
  }
  .bauing:not(.contrast) #nav-layout span:hover,
  .bauing:not(.contrast) #nav-layout strong:hover,
  .bauing:not(.contrast) #nav-layout a:hover,
  .bauing:not(.contrast) #nav-layout button:hover {
    color: #f39100 !important;
  }
  .bauing:not(.contrast) #nav-layout span:hover *:not(.sr-only),
  .bauing:not(.contrast) #nav-layout strong:hover *:not(.sr-only),
  .bauing:not(.contrast) #nav-layout a:hover *:not(.sr-only),
  .bauing:not(.contrast) #nav-layout button:hover *:not(.sr-only) {
    color: #f39100;
  }
  .bauing:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(2) > a > span,
  .bauing:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(3) > a > span {
    border-right: 2px solid transparent;
  }
  .bauing:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span,
  .bauing:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(4) > a > span,
  .bauing:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(5) > a > span {
    border-right: 2px solid #2b2e34;
  }
  .bauing:not(.contrast) #nav #nav-main .toplevel > li.active.clicked {
    background-color: #f39100;
  }
  .bauing:not(.contrast) #nav #nav-main .toplevel > li.active.clicked > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .bauing:not(.contrast) #nav #nav-main .main-menu-list > li.active {
    border-color: #f39100;
  }
  .bauing:not(.contrast) #nav #bgBarContainer {
    background-color: #f39100;
  }
  .bauing:not(.contrast) #subPages ul#subPageMenu li a span {
    color: #f39100;
  }
  .bauing:not(.contrast) #subPages ul#subPageMenu li a span:hover {
    color: #fff;
  }
  .bauing:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li a::before,
  .bauing:not(.contrast) .preamble #breadcrumbs ol li a::before,
  .bauing:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight:before {
    color: #f39100;
  }
  .bauing:not(.contrast) .preamble .trail-list a {
    border-bottom: 1px solid transparent;
  }
  .bauing:not(.contrast) #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-color: #f39100;
  }
  .bauing:not(.contrast) #pagehead_logo .pagehead_logo_link {
    background-color: #f39100;
    border-bottom: none;
  }
  .bauing:not(.contrast) #nav-section #sectionmenu .item.parent.active > .menulink,
  .bauing:not(.contrast) #nav-section #sectionmenu .current > .menulink {
    color: #f39100;
  }
  #showcase-project-wrap,
  #showcase-projectinfo-wrap {
    display: none !important;
    visibility: hidden;
  }
  .gestaltung:not(.contrast) #nav-layout .active:not(.language) {
    color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav-layout .active:not(.language) > * {
    color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav-layout .search #topSearchField:hover::placeholder,
  .gestaltung:not(.contrast) #nav-layout .search button.ym-searchbutton:hover:before {
    color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav-layout span:hover,
  .gestaltung:not(.contrast) #nav-layout strong:hover,
  .gestaltung:not(.contrast) #nav-layout a:hover,
  .gestaltung:not(.contrast) #nav-layout button:hover {
    color: #94c11c !important;
  }
  .gestaltung:not(.contrast) #nav-layout span:hover *:not(.sr-only),
  .gestaltung:not(.contrast) #nav-layout strong:hover *:not(.sr-only),
  .gestaltung:not(.contrast) #nav-layout a:hover *:not(.sr-only),
  .gestaltung:not(.contrast) #nav-layout button:hover *:not(.sr-only) {
    color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(3) > a > span,
  .gestaltung:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(4) > a > span {
    border-right: 2px solid transparent;
  }
  .gestaltung:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span,
  .gestaltung:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(2) > a > span,
  .gestaltung:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(5) > a > span {
    border-right: 2px solid #2b2e34;
  }
  .gestaltung:not(.contrast) #nav #nav-main .toplevel > li.active.clicked {
    background-color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav #nav-main .toplevel > li.active.clicked > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .gestaltung:not(.contrast) #nav #nav-main .main-menu-list > li.active {
    border-color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav #bgBarContainer {
    background-color: #94c11c;
  }
  .gestaltung:not(.contrast) #subPages ul#subPageMenu li a span {
    color: #94c11c;
  }
  .gestaltung:not(.contrast) #subPages ul#subPageMenu li a span:hover {
    color: #fff;
  }
  .gestaltung:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li a::before,
  .gestaltung:not(.contrast) .preamble #breadcrumbs ol li a::before,
  .gestaltung:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight:before {
    color: #94c11c;
  }
  .gestaltung:not(.contrast) .preamble .trail-list a {
    border-bottom: 1px solid transparent;
  }
  .gestaltung:not(.contrast) #pagehead_logo .pagehead_logo_link {
    background-color: #94c11c;
    border-bottom: none;
  }
  .gestaltung:not(.contrast) #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-color: #94c11c;
  }
  .gestaltung:not(.contrast) #nav-section #sectionmenu .item.parent.active > .menulink,
  .gestaltung:not(.contrast) #nav-section #sectionmenu .current > .menulink {
    color: #94c11c;
  }
  .medien:not(.contrast) #nav-layout .active:not(.language) {
    color: #006b94;
  }
  .medien:not(.contrast) #nav-layout .active:not(.language) > * {
    color: #006b94;
  }
  .medien:not(.contrast) #nav-layout .search #topSearchField:hover::placeholder,
  .medien:not(.contrast) #nav-layout .search button.ym-searchbutton:hover:before {
    color: #006b94;
  }
  .medien:not(.contrast) #nav-layout span:hover,
  .medien:not(.contrast) #nav-layout strong:hover,
  .medien:not(.contrast) #nav-layout a:hover,
  .medien:not(.contrast) #nav-layout button:hover {
    color: #006b94 !important;
  }
  .medien:not(.contrast) #nav-layout span:hover *:not(.sr-only),
  .medien:not(.contrast) #nav-layout strong:hover *:not(.sr-only),
  .medien:not(.contrast) #nav-layout a:hover *:not(.sr-only),
  .medien:not(.contrast) #nav-layout button:hover *:not(.sr-only) {
    color: #006b94;
  }
  .medien:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(4) > a > span,
  .medien:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(5) > a > span {
    border-right: 2px solid transparent;
  }
  .medien:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span,
  .medien:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(2) > a > span,
  .medien:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(3) > a > span {
    border-right: 2px solid #2b2e34;
  }
  .medien:not(.contrast) #nav #nav-main .toplevel > li.active.clicked {
    background-color: #006b94;
  }
  .medien:not(.contrast) #nav #nav-main .toplevel > li.active.clicked > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .medien:not(.contrast) #nav #nav-main .main-menu-list > li.active {
    border-color: #006b94;
  }
  .medien:not(.contrast) #nav #bgBarContainer {
    background-color: #006b94;
  }
  .medien:not(.contrast) #subPages ul#subPageMenu li a span {
    color: #006b94;
  }
  .medien:not(.contrast) #subPages ul#subPageMenu li a span:hover {
    color: #fff;
  }
  .medien:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li a::before,
  .medien:not(.contrast) .preamble #breadcrumbs ol li a::before,
  .medien:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight:before {
    color: #006b94;
  }
  .medien:not(.contrast) .preamble .trail-list a {
    border-bottom: 1px solid transparent;
  }
  .medien:not(.contrast) #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-color: #006b94;
  }
  .medien:not(.contrast) #pagehead_logo .pagehead_logo_link {
    background-color: #006b94;
    border-bottom: none;
  }
  .medien:not(.contrast) #nav-section #sectionmenu .item.parent.active > .menulink,
  .medien:not(.contrast) #nav-section #sectionmenu .current > .menulink {
    color: #006b94;
  }
  .pink:not(.contrast) #nav-layout .active:not(.language) {
    color: #b7407d;
  }
  .pink:not(.contrast) #nav-layout .active:not(.language) > * {
    color: #b7407d;
  }
  .pink:not(.contrast) #nav-layout .search #topSearchField:hover::placeholder,
  .pink:not(.contrast) #nav-layout .search button.ym-searchbutton:hover:before {
    color: #b7407d;
  }
  .pink:not(.contrast) #nav-layout span:hover,
  .pink:not(.contrast) #nav-layout strong:hover,
  .pink:not(.contrast) #nav-layout a:hover,
  .pink:not(.contrast) #nav-layout button:hover {
    color: #b7407d !important;
  }
  .pink:not(.contrast) #nav-layout span:hover *:not(.sr-only),
  .pink:not(.contrast) #nav-layout strong:hover *:not(.sr-only),
  .pink:not(.contrast) #nav-layout a:hover *:not(.sr-only),
  .pink:not(.contrast) #nav-layout button:hover *:not(.sr-only) {
    color: #b7407d;
  }
  .pink:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(4) > a > span,
  .pink:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(5) > a > span {
    border-right: 2px solid transparent;
  }
  .pink:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(1) > a > span,
  .pink:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(2) > a > span,
  .pink:not(.contrast) #nav #nav-main > ul.bare-menu > li:nth-child(3) > a > span {
    border-right: 2px solid #2b2e34;
  }
  .pink:not(.contrast) #nav #nav-main .toplevel > li.active.clicked {
    background-color: #b7407d;
  }
  .pink:not(.contrast) #nav #nav-main .toplevel > li.active.clicked > a span.main-menu-link-fill strong {
    color: #ffffff;
  }
  .pink:not(.contrast) #nav #nav-main .main-menu-list > li.active {
    border-color: #b7407d;
  }
  .pink:not(.contrast) #nav #bgBarContainer {
    background-color: #b7407d;
  }
  .pink:not(.contrast) #subPages ul#subPageMenu li a span {
    color: #b7407d;
  }
  .pink:not(.contrast) #subPages ul#subPageMenu li a span:hover {
    color: #fff;
  }
  .pink:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li a::before,
  .pink:not(.contrast) .preamble #breadcrumbs ol li a::before,
  .pink:not(.contrast) .breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight:before {
    color: #b7407d;
  }
  .pink:not(.contrast) .preamble .trail-list a {
    border-bottom: 1px solid transparent;
  }
  .pink:not(.contrast) #nav-layout #pagehead_logo_mf .pagehead_logo_link {
    background-color: #b7407d;
  }
  .pink:not(.contrast) #pagehead_logo .pagehead_logo_link {
    background-color: #b7407d;
    border-bottom: none;
  }
  .pink:not(.contrast) #nav-section #sectionmenu .item.parent.active > .menulink,
  .pink:not(.contrast) #nav-section #sectionmenu .current > .menulink {
    color: #b7407d;
  }
}
/*foo:bar*/
@keyframes fadeInPage {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html {
  font-size: 1em;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x: hidden;
}
body {
  font-family: "buw_fira_sansbook", Sans-Serif;
  color: #000;
  font-weight: 300;
  background-color: #ffffff;
  overflow-x: hidden;
  min-width: 320px;
  hyphens: auto;
}
hr {
  padding: 35px 0;
  margin: 0;
  border: 0;
  border-top: 1px dotted #777;
}
hr.ce-div {
  padding: 0 0 35px;
  margin: 10px 0 0;
}
strong {
  font-family: buw_fira_sansbold;
  font-weight: normal;
  letter-spacing: .6px;
}
strong > a {
  font-family: buw_fira_sansbold;
}
figure > a {
  border-bottom: none;
  text-decoration: none;
}
a {
  word-break: break-word;
  letter-spacing: 0.1px;
}
a:not([href]) {
  visibility: hidden;
  border-bottom: none !important;
}
a.csc-more-link {
  font-family: buw_fira_sansbold;
  word-break: keep-all;
  text-decoration: none;
  position: static;
  border-bottom: none;
  font-size: 14px;
  display: inline-block;
  margin-left: -5px;
  border-bottom: none !important;
}
a.csc-more-link:before {
  position: relative;
  top: 5px;
  font-family: buw_fira_sansbold;
  margin-left: 0px;
  margin-right: 5px;
  animation: dehoverNewMoreLink .4s forwards;
  display: inline-block;
  content: "\e926";
  font-family: icomoon;
  font-weight: bold;
  padding-right: 0px;
  font-size: 24px;
  line-height: 10px;
  width: 20px;
}
a.csc-more-link:hover:before {
  margin-left: 5px;
  margin-right: 0px;
  animation: newMoreLink .4s forwards;
}
.page a.download,
.page a.external-link-new-window,
.page a.csc-content-link,
.page a.mail {
  color: #000;
}
.page a.download:hover,
.page a.external-link-new-window:hover,
.page a.csc-content-link:hover,
.page a.mail:hover {
  border-bottom: 1px dotted #000;
  text-decoration: none;
}
.page a.csc-image-link {
  text-decoration: none;
  border-bottom: none;
  border-bottom-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: 300;
  font-family: buw_fira_sansbook, Sans-Serif;
  margin-block-start: 0;
  margin-block-end: 0;
  color: #000000;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  border-bottom: 1px solid transparent !important;
}
h1 {
  font-size: 50px;
  line-height: 58px;
  letter-spacing: normal;
}
h1.notVisibleHeader {
  position: absolute;
  z-index: -1;
  font-size: 1px;
  text-indent: -3000em;
  color: transparent;
  height: 0;
  margin: 0;
  padding: 0;
}
h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: 0.7px;
}
h2 a {
  color: #000000;
  border-bottom: 1px dotted #b71a49;
}
h2 a:hover {
  text-decoration: none;
}
h3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: .6px;
}
h1 > a.internal-link,
h2 > a.internal-link,
h3 > a.internal-link,
strong > a.internal-link,
p > a.internal-link,
li > a.internal-link,
i > a.internal-link,
td > a.internal-link,
span > a.internal-link,
h1 > a.csc-more-link,
h2 > a.csc-more-link,
h3 > a.csc-more-link,
strong > a.csc-more-link,
p > a.csc-more-link,
li > a.csc-more-link,
i > a.csc-more-link,
td > a.csc-more-link,
span > a.csc-more-link {
  color: #000;
  padding-left: 0;
  text-decoration: none;
  display: inline;
}
h1 > a.internal-link:before,
h2 > a.internal-link:before,
h3 > a.internal-link:before,
strong > a.internal-link:before,
p > a.internal-link:before,
li > a.internal-link:before,
i > a.internal-link:before,
td > a.internal-link:before,
span > a.internal-link:before,
h1 > a.csc-more-link:before,
h2 > a.csc-more-link:before,
h3 > a.csc-more-link:before,
strong > a.csc-more-link:before,
p > a.csc-more-link:before,
li > a.csc-more-link:before,
i > a.csc-more-link:before,
td > a.csc-more-link:before,
span > a.csc-more-link:before,
h1 > a.internal-link:after,
h2 > a.internal-link:after,
h3 > a.internal-link:after,
strong > a.internal-link:after,
p > a.internal-link:after,
li > a.internal-link:after,
i > a.internal-link:after,
td > a.internal-link:after,
span > a.internal-link:after,
h1 > a.csc-more-link:after,
h2 > a.csc-more-link:after,
h3 > a.csc-more-link:after,
strong > a.csc-more-link:after,
p > a.csc-more-link:after,
li > a.csc-more-link:after,
i > a.csc-more-link:after,
td > a.csc-more-link:after,
span > a.csc-more-link:after {
  content: none;
}
h1 > a.internal-link:hover,
h2 > a.internal-link:hover,
h3 > a.internal-link:hover,
strong > a.internal-link:hover,
p > a.internal-link:hover,
li > a.internal-link:hover,
i > a.internal-link:hover,
td > a.internal-link:hover,
span > a.internal-link:hover,
h1 > a.csc-more-link:hover,
h2 > a.csc-more-link:hover,
h3 > a.csc-more-link:hover,
strong > a.csc-more-link:hover,
p > a.csc-more-link:hover,
li > a.csc-more-link:hover,
i > a.csc-more-link:hover,
td > a.csc-more-link:hover,
span > a.csc-more-link:hover {
  border-bottom: 1px dotted #777;
}
.relative {
  position: relative;
}
img[src$="svg"] {
  width: 100%;
  min-width: 100%;
  height: auto;
}
#page img {
  height: auto;
  max-width: 100%;
}
.ce-border img,
.ce-border iframe {
  padding: 0;
}
.print-only {
  display: none;
}
.desktop .desktop-hidden {
  visibility: hidden !important;
  display: none !important;
}
#content_main h2,
#content_bottom h2 {
  padding-bottom: 25px;
}
#content_main h3,
#content_bottom h3 {
  padding-bottom: 20px;
}
#content_main .csc-textpicHeader + h3,
#content_bottom .csc-textpicHeader + h3,
#content_main .csc-textpicHeader + h2,
#content_bottom .csc-textpicHeader + h2 {
  margin-top: -20px !important;
}
#content_main .csc-header-n1 + h3,
#content_bottom .csc-header-n1 + h3,
#content_main .csc-header-n2 + h3,
#content_bottom .csc-header-n2 + h3 {
  margin-top: -28px;
}
p {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 0 0;
  padding-bottom: 26px;
}
p > a.internal-link,
p > a.csc-more-link {
  color: #000;
  padding-left: 0;
  text-decoration: none;
  border-bottom: none;
}
p > a.internal-link:before,
p > a.csc-more-link:before,
p > a.internal-link:after,
p > a.csc-more-link:after {
  content: none;
}
html[lang="EN-GB"] p a.internal-link:after,
html[lang="EN-GB"] p a.csc-more-link:after,
html[lang="EN-GB"] p a.internal-link:before,
html[lang="EN-GB"] p a.csc-more-link:before {
  content: none;
}
#allContents form input[type=submit],
#allContents form button {
  font-size: 13px;
  line-height: 26px;
  text-align: center;
}
legend {
  border-bottom: 1px dotted #000;
}
ul,
ol {
  padding: 0;
  list-style-position: outside;
  -webkit-padding-start: 0px;
  -webkit-padding-before: 0;
  -moz-padding-start: 0;
  margin: 0 0 25px 20px;
}
ul li,
ol li {
  line-height: 1.5em;
}
.content_container ol ul,
.content_container p ol ul,
.content_container ul ul,
.content_container p ul ul,
.content_container ol ol,
.content_container p ol ol,
.content_container ul ol,
.content_container p ul ol {
  margin: 0 0 0px 25px;
  padding-bottom: 0px;
}
.content_container ol ol,
.content_container p ol ol,
.content_container ul ol,
.content_container p ul ol {
  list-style-type: decimal;
}
.content_container ol ul,
.content_container p ol ul,
.content_container ul ul,
.content_container p ul ul {
  list-style-type: square;
}
.content_container .csc-default ol {
  list-style-type: decimal;
}
.content_container .csc-default ul {
  list-style-type: square;
}
#page table {
  background: #fff;
  border-radius: 0 0 10px 10px;
  border-collapse: separate;
  -moz-border-radius: 0 10px 10px 10px;
}
#page table td,
#page table th {
  padding: 13px 20px 13px 20px !important;
}
#page table td:last-child,
#page table th:last-child {
  padding-right: 20px;
}
#page table th {
  font-family: buw_fira_sansbold;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.6px;
  vertical-align: top;
}
#page table th p,
#page table th p strong {
  color: #fff;
}
#page table thead {
  vertical-align: top;
}
#page table thead td,
#page table thead td p,
#page table thead td p strong {
  font-family: buw_fira_sansbold;
  font-weight: normal;
  color: #fff;
}
#page table thead td p {
  margin-bottom: 10px;
}
#page table thead tr:first-child {
  border-top: none;
}
#page table thead tr:first-child td {
  border-top: none;
}
#page table thead tr:first-child td:first-child {
  border-bottom-left-radius: 0px;
}
#page table thead tr:first-child td:last-child {
  border-bottom-right-radius: 0px;
}
#page table tr:last-child td {
  border-bottom: none;
}
#page table tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
#page table tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}
#page table tr td {
  border-top: 2px solid #b71a49;
  hyphens: auto;
}
#page table tr td[rowspan="1"] {
  border-top: 2px solid #b71a49;
  background-color: #fff;
}
#page table tr td[rowspan="1"]:after {
  content: none !important;
}
#page table tr td[rowspan="1"]:before {
  content: none !important;
}
#page table tr td[rowspan="1"] a {
  border-bottom: 1px dotted #000;
}
body.all:not(.contrast):not(.print) #page .csc-hasReportsTables-box table,
body.contrast #page.contrast .csc-hasReportsTables-box table:not(.xdsoft_calendar) {
  border: none;
  width: auto;
}
body.all:not(.contrast):not(.print) #page .csc-hasReportsTables-box table thead,
body.contrast #page.contrast .csc-hasReportsTables-box table:not(.xdsoft_calendar) thead,
body.all:not(.contrast):not(.print) #page .csc-hasReportsTables-box table th,
body.contrast #page.contrast .csc-hasReportsTables-box table:not(.xdsoft_calendar) th {
  background-color: transparent;
}
body.all:not(.contrast):not(.print) #page .csc-hasReportsTables-box table thead th,
body.contrast #page.contrast .csc-hasReportsTables-box table:not(.xdsoft_calendar) thead th {
  border: solid #000000;
  border-width: 1px 0;
  color: #000000;
  font-family: "buw_fira_sansbook", sans-serif;
  padding: 13px 5px !important;
}
body.all:not(.contrast):not(.print) #page .csc-hasReportsTables-box table tr td,
body.contrast #page.contrast .csc-hasReportsTables-box table:not(.xdsoft_calendar) tr td {
  border: none;
  padding: 5px !important;
}
body.all:not(.contrast):not(.print) #page .csc-hasReportsTables-box table tfoot tr td,
body.contrast #page.contrast .csc-hasReportsTables-box table:not(.xdsoft_calendar) tfoot tr td {
  border-top: 1px solid #000000;
}
body.darkmode:not(.contrast):not(.print) #page .csc-hasReportsTables-box table thead th {
  border: solid #fff;
  border-width: 1px 0;
  color: #fff;
}
body.darkmode:not(.contrast):not(.print) #page .csc-hasReportsTables-box table tfoot tr td {
  border-top: 1px solid #fff;
}
#page .anythingSlider.anythingSlider-buw.activeSlider ul {
  margin: 0;
  list-style: none;
}
figure {
  margin-bottom: 25px;
}
figcaption.image-caption {
  margin-top: 10px;
  caption-side: bottom;
  color: #666;
  font-size: 12px;
  line-height: 17px;
  display: table-caption;
  hyphens: auto;
  width: 100%;
}
.ym-clearfix {
  float: none;
  clear: both;
  content: " ";
  display: table;
}
.container-fluid {
  max-width: 1020px;
  margin: 0 auto;
}
.screen-reader {
  display: inline-block;
  margin: 0 !important;
  overflow: hidden;
  visibility: hidden;
  padding: 0 !important;
  width: 0;
}
#c111408 figure img,
#c111410 figure img {
  max-width: 100%;
  width: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  body {
    overflow: visible;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section {
    zoom: 1;
  }
  audio,
  canvas,
  video {
    *display: inline;
    *zoom: 1;
  }
  img {
    -ms-interpolation-mode: bicubic;
    zoom: 1;
  }
  * html iframe,
  * html frame {
    overflow: auto;
  }
  * html input,
  * html frameset {
    overflow: hidden;
  }
  * html textarea {
    overflow: scroll;
    overflow-x: hidden;
  }
  body,
  #main {
    position: relative;
  }
  * html body {
    position: static;
  }
  .ym-clearfix {
    zoom: 1;
  }
  * html .ym-col1,
  * html .ym-col2,
  * html .ym-col3 {
    position: relative;
  }
  body {
    height: 1%;
  }
  .ym-wrapper,
  .ym-wbox,
  #header,
  #nav,
  #main,
  #footer {
    zoom: 1;
  }
  * html .ym-wrapper,
  * html .ym-wbox {
    height: 1%;
    height: auto;
  }
  * html #header,
  * html #nav,
  * html #main,
  * html #footer {
    width: 100%;
    width: auto;
  }
  .ym-gbox,
  .ym-gbox-left,
  .ym-gbox-right {
    height: 1%;
  }
  * html ul,
  * html ol,
  * html dl {
    position: relative;
  }
  body ol li {
    display: list-item;
  }
  * html .flexible {
    zoom: 1;
  }
  button,
  input {
    *overflow: visible;
  }
  table button,
  table input {
    *overflow: auto;
  }
  fieldset,
  legend {
    position: relative;
  }
  .ym-form,
  .ym-form div,
  .ym-form div * {
    zoom: 1;
  }
  html .ym-ie-clearing {
    position: static;
    display: block;
    clear: both;
    width: 100%;
    line-height: 0;
    font-size: 0;
    margin: -2px 0 -1em 1px;
  }
  * html .ym-ie-clearing {
    margin: -2px 0 -1em 0;
  }
  .ym-cbox {
    margin-bottom: -2px;
  }
  html {
    margin-right: 1px;
  }
  * html {
    margin-right: 0;
  }
  .ym-col3 {
    position: relative;
  }
  #microsite-main-list {
    list-style: none;
    padding-left: 0;
  }
  #microsite-main-list .last {
    left: 0;
  }
}
@supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) {
  #microsite-main-list {
    padding-left: 0;
  }
  #microsite-main-list .last {
    left: 0;
  }
}
@-moz-document url-prefix() {
  #microsite-main-list {
    padding-left: 0;
  }
  #microsite-main-list .last {
    left: 0;
  }
  body {
    overflow-x: hidden;
  }
}
@media screen {
  #main #nav-main ul {
    list-style: none;
    padding-left: 0 !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  #page .topRowTrippleContent > .column > .columnItems > .columnItem,
  #page .multicolumnContainer:not(.multicolumnLayout1) > .column > .columnItems > .columnItem {
    height: initial !important;
    display: block !important;
  }
}
/*# sourceMappingURL=responsiveBauhaus.css.map */