a:focus {
  text-decoration: none;
}
.feedback #page #PageContentContainer p a:focus {
  padding: 0 5px;
  transition: padding .4s;
}
.feedback #page #PageContentContainer p a:focus * {
  color: #fff;
}
body:not(.feedback) *:focus {
  outline: none;
  outline-offset: 0;
  text-decoration: none;
}
body.feedback *:focus {
  outline-offset: 0px;
}
.feedback #page.feedback *:focus {
  background-color: #000 !important;
  color: #fff !important;
}
.feedback #page.feedback *:focus:before,
.feedback #page.feedback *:focus:after {
  color: #fff !important;
}
.feedback h2 a:focus {
  text-decoration: none;
}
.feedback #nav-layout .barriereSkipMenu .skiplinkListItem .skiplink:focus {
  color: #fff;
  background: #000;
  width: max-content;
  display: block;
  z-index: 1;
  top: 3px;
  left: 50px;
  transition: top .2s, left .2s;
}
.feedback #nav-layout .active:focus {
  color: #fff;
  background-color: #000;
}
.feedback #nav-layout .active:focus > * {
  color: #fff;
}
.feedback #nav-layout .search #topSearchField:focus,
.feedback #nav-layout .search #topSearchField:focus::placeholder,
.feedback #nav-layout .search button.ym-searchbutton:focus:before {
  color: #fff;
  background-color: #000;
}
.feedback #nav-layout .search input.ym-searchfield:focus + button.ym-searchbutton:before {
  color: #fff !important;
}
.feedback #nav-layout span:focus,
.feedback #nav-layout strong:focus,
.feedback #nav-layout a:focus,
.feedback #nav-layout button:focus {
  background-color: #000;
  color: #fff !important;
}
.feedback #nav-layout span:focus *,
.feedback #nav-layout strong:focus *,
.feedback #nav-layout a:focus *,
.feedback #nav-layout button:focus * {
  color: #fff;
}
.feedback #nav-layout .ifsub.first span {
  color: #000;
}
.feedback #nav-layout .ifsub.first:focus span {
  background-color: #000;
  color: #fff;
}
.feedback #nav-layout .ifsub.first:focus ul li {
  background-color: #fff !important;
}
.feedback #nav-layout .ifsub.first:focus ul li a {
  color: #000 important;
  background-color: #fff !important;
}
.feedback .nav-meta-search form input.ym-searchfield:focus {
  animation: openSearch .4s forwards;
  background-color: #000;
  border-radius: 2px;
  outline: none;
  text-align: left;
  color: #fff;
}
.feedback .nav-meta-search form input.ym-searchfield:focus::placeholder {
  color: #fff;
}
.feedback .nav-meta-search form input.ym-searchfield:focus + button.ym-searchbutton:before {
  color: #000;
}
.feedback .nav-meta-search form button.ym-searchbutton:focus {
  background-color: #000 !important;
  border-radius: 2px;
}
.feedback .nav-meta-search form button.ym-searchbutton:focus:before {
  color: #fff;
}
.feedback .nav-meta-right #globalquicklinks a:focus {
  background-color: #000;
  border-radius: 2px;
  color: #fff;
}
.feedback .nav-meta-right #globalquicklinks #globalquicklinks_hint:focus {
  color: #fff;
}
.feedback .nav-meta-right #globalquicklinks #globalquicklinks_hint:focus:after {
  color: #fff;
}
.feedback .nav-meta-right #quickpane #quicklist-item2058 > .meta-menu-link:focus {
  color: #fff;
  background: #000;
}
.feedback .nav-meta-right #quickpane .meta-menu-link:focus {
  background-color: #000 !important;
  border-radius: 0px;
  color: #fff;
}
.darkmode.feedback #nav-layout .ifsub.first span {
  color: #fff;
}
.darkmode.feedback #nav-layout .ifsub.first:focus span {
  background-color: #000;
  color: #fff;
}
.darkmode.feedback #nav-layout .ifsub.first:focus ul li a {
  background-color: #000 !important;
}
.darkmode.feedback #nav-layout .ifsub.first.active ul {
  margin-top: 10px;
}
.darkmode.feedback .nav-meta-search form input.ym-searchfield:focus {
  animation: openSearch .4s forwards;
  background-color: #000;
  border-radius: 2px;
  outline: none;
  text-align: left;
  color: #fff;
}
.darkmode.feedback .nav-meta-search form input.ym-searchfield:focus::placeholder {
  color: #fff;
}
.darkmode.feedback .nav-meta-search form input.ym-searchfield:focus + button.ym-searchbutton:before {
  color: #000;
}
.darkmode.feedback .nav-meta-search form button.ym-searchbutton:focus {
  background-color: #000 !important;
  border-radius: 2px;
}
.darkmode.feedback .nav-meta-search form button.ym-searchbutton:focus:before {
  color: #fff;
}
.darkmode.feedback .nav-meta-right #globalquicklinks a:focus {
  background-color: #000;
  border-radius: 2px;
  color: #fff;
}
.darkmode.feedback .nav-meta-right #globalquicklinks #globalquicklinks_hint:focus {
  color: #fff;
}
.darkmode.feedback .nav-meta-right #globalquicklinks #globalquicklinks_hint:focus:after {
  color: #fff;
}
.darkmode.feedback .nav-meta-right #quickpane #quicklist-item2058 > .meta-menu-link:focus {
  color: #fff;
  background: #000;
}
.darkmode.feedback .nav-meta-right #quickpane .meta-menu-link:focus {
  background-color: #000 !important;
  border-radius: 0px;
  color: #fff;
}
.feedback #pagehead_logo .pagehead_logo_link:focus {
  background-image: url("../images/bauhaus_logo_einzeilig_weiss.svg");
  border-radius: 4px;
  transition: border-radius 0.4s;
  background-color: #000 !important;
}
.feedback #page.feedback #content_container .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-active:focus a {
  color: #fff !important;
}
.feedback #page.feedback #content_container .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-active:focus:before {
  background-color: #000;
}
@media only screen and (min-width: 700px) {
  .feedback #main .nav-main .toplevel > li > a.main-menu-link:focus {
    border-radius: 8px 8px 0 0;
  }
}
#page.feedback #goToJournalButton:focus {
  color: transparent !important;
}
.feedback #page #breadcrumbs ol li a:focus,
.feedback #page #breadcrumbs ol li a:hover {
  text-decoration: none;
  border-bottom: none;
  background: #000;
  color: #fff;
}
.feedback #page #breadcrumbs ol li a:focus:before,
.feedback #page #breadcrumbs ol li a:hover:before {
  animation: breadcrumbHover .4s forwards;
  color: #fff !important;
}
.feedback #toTopLink:focus {
  background: #000;
  padding: 0 !important;
}
.feedback #toTopLink:focus:before {
  color: #fff !important;
}
.feedback .barriereMenuLink:focus {
  backgorund-color: #000;
  color: #fff;
}
.feedback ul#microsite-main-list .customer-data .main-menu-link:focus {
  background: #000;
  color: #fff !important;
}
.feedback ul#microsite-main-list .faculty-data .main-menu-link:focus {
  background: #000;
  color: #fff;
}
.feedback #subPages ul#subPageMenu li a:focus {
  text-decoration: none;
  border-bottom: none;
}
.feedback #subPages ul#subPageMenu li a:focus:after {
  content: '';
}
.feedback #subPages ul#subPageMenu li a:focus span {
  background: #000;
  color: #fff !important;
}
.feedback #page #SocialMediaContents #social-media-channels-desktop ul li a[class*="icon"]:focus {
  background-color: #fff !important;
}
.feedback #page #SocialMediaContents #social-media-channels-desktop ul li a[class*="icon"]:focus:before {
  font-size: 27px;
  transition: font-size 0.4s;
  color: #000 !important;
}
.feedback .page-navigation .f3-widget-paginator li a:focus {
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.feedback .page-navigation .f3-widget-paginator li.previous a:focus:after {
  background-image: url("../images/icon_pfeil_left_white.svg") !important;
}
.feedback .page-navigation .f3-widget-paginator li.last.next a:focus:after {
  background-image: url("../images/icon_pfeil_right_white.svg") !important;
}
#body-504.feedback #c6904 a.csc-more-link:focus {
  font-size: 1px;
  color: #fff;
}
#body-504.feedback #c6904:focus .csc-teaser-text > a:before {
  animation: hoverMoreLink;
  animation-duration: 0.4s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
#body-504.feedback #goToJournalButton:focus {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.6);
  transform: translate(2px, 2px);
  transition: transform 0.4s, box-shadow 0.4s;
}
.feedback #page #content_right #c110992 .external-link-new-window.btn.btn-primary:focus {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.feedback #page .backbutton > a:focus {
  background: #000;
  color: #fff;
  border-radius: 3px;
}
.feedback #page .backbutton > a:focus span:before {
  color: #fff !important;
}
.feedback #page .backbutton > a:focus:last-child span:before {
  transition: right .4s;
  right: -35px;
}
.feedback #page .backbutton > a:focus:first-child {
  padding-right: 10px;
  transition: padding-right 0.4s;
}
.feedback #page .backbutton > a:focus:first-child span:before {
  transition: left .4s;
  left: -35px;
}
.feedback #page .backbutton > a:focus:last-child {
  padding-left: 10px;
  transition: padding-left 0.4s;
}
.feedback #page.feedback .ui-accordion h3.ui-accordion-header:focus-within,
.feedback #page.feedback .ui-accordion h3.ui-accordion-header:focus > a {
  color: #fff !important;
}
#page.feedback #quickaccess header.csc-header h2 .toggle:focus {
  outline: auto;
}
.feedback #page.feedback .csc-textpic-image > a:focus img {
  width: calc(100% - 4px);
  transition: margin .4s, width .4s;
  border: 1px solid #fff;
  border-radius: 2px;
}
.feedback #page.feedback.darkmode .csc-textpic-image > a:focus img {
  border: 2px solid #fff;
  border-bottom-style: outset;
}
@media only screen and (min-width: 150px) and (max-width: 4000px) {
  .feedback footer#footer #lowerFooter ul#nav-footer-list > li.item a:focus h2 {
    color: #000;
    background: #fff;
    border-radius: 4px;
    padding: 0 5px;
    transition: padding .4s;
  }
  .feedback footer#footer #lowerFooter ul li a:focus {
    color: #000 !important;
    background: #fff !important;
    border-radius: 4px;
    padding: 0 5px;
    transition: padding .4s;
  }
  .feedback footer#footer #lowerFooter ul li a:focus span {
    color: #000;
  }
  .feedback footer#footer .maxViewBotMenu .mobile-nav-footer-list > li > a:focus {
    padding: 0 5px;
    transition: padding .4s;
    background: #fff;
    border-radius: 4px;
  }
  .feedback footer#footer .maxViewBotMenu .mobile-nav-footer-list > li > a:focus span {
    color: #000;
  }
  .feedback #page_service #securityadvice ul a:focus {
    background-color: #000;
    color: #fff !important;
    padding: 0 5px;
    transition: padding .4s;
    border-radius: 4px;
  }
  .feedback #page_service #output_service ul li a:focus {
    background-color: #000;
    color: #fff;
  }
  .feedback #page_service #output_service ul li a:focus span {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    border: none;
  }
  .feedback #page_service #output_service ul li a:focus:before {
    color: #fff;
  }
}
@media only screen and (min-width: 150px) and (max-width: 992px) {
  .feedback #social-media-channels-rwd div > ul li a:focus {
    background: #fff;
    border-radius: 0;
  }
  .feedback #social-media-channels-rwd div > ul li a:focus:before {
    font-size: 24px;
    transition: font-size 0.4s;
    color: #000;
  }
}
@media only screen and (min-width: 150px) and (max-width: 991px) {
  .feedback #nav-layout #pagehead_logo_mf .menu #showMainMenuButton:focus {
    background-color: rgba(119, 119, 119, 0.5) !important;
    color: #000 !important;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus {
    color: #fff;
    background: #000;
    position: absolute;
    right: 20px;
    font-size: 15px;
    padding-top: 0;
    margin-top: 5px;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::-webkit-input-placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::-moz-placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus:-ms-input-placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus:-moz-placeholder {
    color: #fff;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus + button.ym-searchbutton:before {
    color: #fff;
    z-index: 99;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search button.ym-searchbutton:focus {
    background-color: #000 !important;
  }
}
@media only screen and (min-width: 150px) and (max-width: 820px) {
  .feedback footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a:focus {
    background: #fff;
    border-radius: 2px;
  }
  .feedback footer#footer #lowerFooter #mobile-nav-footer .mobile-nav-footer-list > li a:focus span {
    color: #000;
  }
  .feedback footer#footer #lowerFooter #mobileSecurityadvice .page-service-list li a:focus {
    background: #fff;
    color: #000;
  }
}
@media only screen and (min-width: 700px) {
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput:focus {
    border: none;
    outline-offset: 0;
    outline: none;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput:focus + #siteIndexSearchInput {
    position: absolute;
    right: 0px;
    top: 1px;
  }
  #main #siteIndexSearch #indexSearchInputsContainer #siteIndexSearchInput + #siteIndexSearchInput:focus {
    position: absolute;
    right: 0px;
    top: 1px;
  }
  #main div#bgBarContainer.clicked #closeMegaMenu:focus {
    background: #fff !important;
  }
  #main div#bgBarContainer.clicked #closeMegaMenu:focus:before {
    color: #000 !important;
    background-color: #fff;
  }
  .microsite ul#microsite-main-list .customer-data .main-menu-link:focus {
    background: #000;
    color: #fff;
  }
}
@media only screen and (min-width: 150px) and (max-width: 991px) {
  .feedback #nav-layout #pagehead_logo_mf .menu #showMainMenuButton:focus {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000;
    border-position: inside;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus {
    color: #fff;
    background: #000;
    position: absolute;
    right: 20px;
    font-size: 15px;
    padding-top: 0;
    margin-top: 5px;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::-webkit-input-placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::-moz-placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus:-ms-input-placeholder,
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus::-moz-placeholder {
    color: #fff;
  }
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus + button.ym-searchbutton:before {
    color: #fff;
    z-index: 99;
  }
}
@media only screen and (max-width: 767px) {
  .feedback #rightMobileMenuLink:focus {
    border: 1px solid transparent;
    color: #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    font-weight: bold;
  }
  .feedback #rightMobileMenuLink:focus .pfeilDown:before {
    font-weight: bold;
    color: #fff !important;
    transition: color 4s;
  }
}
/* 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) {
  .feedback #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .nav-meta-search .ym-searchfield:focus {
    margin-top: 0;
  }
}