.blackBG {
  background-color: #2a2a2e !important;
}
.whiteFont {
  color: #fff !important;
}
.bgBlackFontWhite {
  color: #fff !important;
  background-color: #2a2a2e !important;
}
@keyframes slideBgImageInContrast {
  0% {
    border-color: #2a2a2e;
    background-position-x: 0%;
    color: #000;
  }
  5% {
    border-color: #fff;
    color: #fff;
  }
  100% {
    background-position-x: 99%;
    color: #fff;
  }
}
body.darkmode {
  color: #fff;
}
body.darkmode h1,
body.darkmode h2,
body.darkmode h3,
body.darkmode h4,
body.darkmode p,
body.darkmode a,
body.darkmode strong,
body.darkmode italic,
body.darkmode span,
body.darkmode button {
  color: #fff;
}
body.darkmode a strong {
  color: #fff !important;
}
#body-504.darkmode #c6904 p.bodytext > a.internal-link {
  color: #fff !important;
}
.modal.active.darkmode .modal-body h3 a.barriereInfo::before {
  color: #000 !important;
}
.modal.active.darkmode .modal-body h3 a.barriereInfo:focus::before {
  color: #fff !important;
}
.modal.active.darkmode .modal-body .infoText p {
  color: #000;
}
.modal.active.darkmode .modal-body .alert a {
  color: #000 !important;
}
.darkmode #page.darkmode {
  background: #2a2a2e;
}
.darkmode #page.darkmode > .container-fluid {
  background: #2a2a2e;
}
.darkmode #page.darkmode .content_container a {
  color: #fff;
}
.darkmode #page.darkmode table {
  background: transparent;
}
.darkmode #page.darkmode #nav-meta-list * {
  color: #fff;
}
.darkmode #page.darkmode #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .globalquicklinks #globalquicklinks #quickpane .barriereMenuLink {
  color: #fff;
}
.darkmode #page.darkmode #nav-layout .flexRowWrapper .search.nav-meta-right.nav-layout-item .mobileLanguageSwitch .language:not(.active):before {
  color: #fff;
}
.darkmode #page.darkmode #nav-layout .nav-meta-search form input.ym-searchfield {
  background: #2a2a2e;
}
.darkmode #page.darkmode #nav-layout .nav-meta-search form input.ym-searchfield {
  color: #fff;
  animation: closeDarkSearch 0.4s forwards;
  border-bottom: 1px dotted #2a2a2e !important;
}
.darkmode #page.darkmode #nav-layout .nav-meta-search form input.ym-searchfield::placeholder {
  color: #fff !important;
}
.darkmode #page.darkmode #nav-layout .nav-meta-search form input.ym-searchfield:focus {
  animation: openDarkSearch 0.4s forwards;
  border-bottom: 1px dotted #fff !important;
}
.darkmode #page.darkmode #nav-layout .nav-meta-search form button.ym-searchbutton:before {
  color: #fff;
}
.darkmode #page.darkmode #nav-layout .nav-meta-right #globalquicklinks #globalquicklinks_hint {
  color: #fff;
}
.darkmode #page.darkmode #nav-layout .nav-meta-right #quickpane {
  background-color: #2a2a2e;
}
.darkmode #page.darkmode #nav-layout .nav-meta-right #quickpane ul li a {
  color: #fff;
}
.darkmode #page.darkmode #nav-layout .nav-meta-right #quickpane .quicklist .separator .sep {
  border-bottom-color: #fff;
}
.darkmode #page.darkmode #nav-layout .nav-meta-right #quickpane:after {
  background: rgba(0, 0, 0, 0.8);
}
.darkmode #page.darkmode #content_right #quickaccess #quickaccess-container ul#quickaccess-list > li a {
  color: #fff;
}
.darkmode #page.darkmode #nothingFoundPic {
  background-color: transparent;
}
.darkmode #page.darkmode button.toogleCommentLinks {
  color: #000;
  background: #fff;
}
.darkmode #page.darkmode .tx-sf-banners.bannerSlider .bannerButton {
  background: transparent;
}
.darkmode #page.darkmode .breadcrumbNavigation #breadcrumbs ol li a,
.darkmode #page.darkmode .breadcrumbNavigation #breadcrumbs ol li:last-child > span.trail-highlight {
  color: #fff;
}
.darkmode #page.darkmode .breadcrumbNavigation:after,
.darkmode #page.darkmode #subPages:after {
  border-bottom: 1px dotted #fff;
}
.darkmode #page.darkmode #subPages {
  background: #2a2a2e !important;
}
.darkmode #page.darkmode #subPages li a span {
  color: #fff;
}
.darkmode #page.darkmode #subPages a:hover,
.darkmode #page.darkmode #subPages a:focus {
  background: #2a2a2e;
}
.darkmode #page.darkmode #subPages a:hover span,
.darkmode #page.darkmode #subPages a:focus span {
  color: #000;
}
.darkmode #page.darkmode #subPages a:after {
  color: #fff;
}
.darkmode #page.darkmode #toTopLink {
  background-color: #2a2a2e;
}
.darkmode #page.darkmode #toTopLink:hover {
  border-color: #2a2a2e;
}
.darkmode #page.darkmode #toTopLink:hover:before {
  color: #000;
}
.darkmode #page.darkmode .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active {
  background-color: #2a2a2e;
}
.darkmode #page.darkmode .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-state-default > a {
  color: #fff;
  border-radius: 10px 10px 0 0;
}
.darkmode #page.darkmode .tx-jfmulticontent-pi1 .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-active:before {
  background: #2a2a2e;
}
.darkmode #page.darkmode #content_right #quickaccess ul.quicklist li.quicklist-item a.quicklist-link,
.darkmode #page.darkmode #content_right #contentquicklinks ul.quicklist li.quicklist-item a.quicklist-link {
  color: #fff;
  background-image: url("../images/icon_linkpfeil_weiss.svg");
}
.darkmode #page.darkmode #page_service #securityadvice ul a,
.darkmode #page.darkmode #page_service #output_service ul li a:before {
  color: #fff;
}
.darkmode #page.darkmode footer#footer #lowerFooter:after {
  background-color: #2a2a2e;
}
.darkmode #nav-main .main-menu-list > li.active {
  background: #2a2a2e;
}
.darkmode #page.darkmode #nav #nav-main .main-menu-list > li.active > a span.main-menu-link-fill strong {
  color: #fff;
}
.darkmode #page.darkmode #contentCurtain.down {
  background-color: rgba(0, 0, 0, 0.8);
}
.darkmode #page.darkmode .news[class*="-201"] .text-wrap ul.cal_maininfo li,
.darkmode #page.darkmode .news[class*="-201"] .text-wrap .teasertext,
.darkmode #page.darkmode .news[class*="-201"] .my_datesheet .weekday,
.darkmode #page.darkmode .news[class*="-201"] .my_datesheet .day_of_month,
.darkmode #page.darkmode .news[class*="-201"] .my_datesheet .day_of_month:after,
.darkmode #page.darkmode .news[class*="-201"] .my_datesheet .month,
.darkmode #page.darkmode .news[class*="-201"] .my_datesheet .month:after {
  color: #fff;
}
html[lang="de-DE"] #page.darkmode #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a span,
html[lang="de-DE"] #page.darkmode #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a strong {
  border-left: 1px solid #fff;
}
html[lang="en-GB"] #page.darkmode #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a span,
html[lang="en-GB"] #page.darkmode #nav-layout #nav-meta #nav-meta-list .language:not(.active) > a strong {
  border-right: 1px solid #fff;
}
@media only screen and (min-width: 700px) {
  #page.darkmode #main .nav-main .toplevel > li > a.main-menu-link {
    color: #fff;
  }
  #page.darkmode.microsite ul#microsite-main-list .customer-data {
    background-color: #2a2a2e;
  }
  #page.darkmode.microsite ul#microsite-main-list .customer-data h1#microsite_pagetitle a {
    color: #fff;
  }
  #page.darkmode.microsite ul#microsite-main-list .faculty-data .main-menu-link {
    color: #000;
  }
  #page.darkmode.microsite ul#microsite-main-list .faculty-data:before {
    background-color: #fff;
  }
  #page.darkmode.microsite #nav-section {
    background-color: #2a2a2e;
  }
}
#page.darkmode #globalquicklinksBg.active {
  background-color: rgba(0, 0, 0, 0.7);
}
#page.darkmode.microsite #contentBlur {
  background-color: rgba(0, 0, 0, 0.7);
}
.general-uni:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a:before,
.general-uni:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a:before {
  background-color: #2a2a2e;
}
.general-architektur:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a,
.general-architektur:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a {
  background-color: #009bb4;
}
.general-architektur:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a:before,
.general-architektur:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a:before {
  background-color: #009bb4;
}
.general-bauing:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a,
.general-bauing:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a {
  background-color: #f39100;
}
.general-bauing:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a:before,
.general-bauing:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a:before {
  background-color: #f39100;
}
.general-medien:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a,
.general-medien:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a {
  background-color: #006b94;
}
.general-medien:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a:before,
.general-medien:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a:before {
  background-color: #006b94;
}
.general-gestaltung:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a,
.general-gestaltung:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a {
  background-color: #94c11c;
}
.general-gestaltung:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.active > a:before,
.general-gestaltung:not(.print) #page.darkmode.microsite #nav-section #micrositeMenu > .menu-item.current > a:before {
  background-color: #94c11c;
}
#page.darkmode .pagination > .active > a,
#page.darkmode .pagination > .active > span {
  background-color: #2a2a2e;
}
#page.darkmode .pagination > .active > a:hover,
#page.darkmode .pagination > .active > span:hover,
#page.darkmode .pagination > .active > a:focus,
#page.darkmode .pagination > .active > span:focus {
  background-color: #2a2a2e;
}
#page.darkmode #onlineJournal .content_right .journalSearch #tx_news_searchform .sword.form-control {
  background-color: #2a2a2e;
}
#page.darkmode #onlineJournal .content_right .journalSearch #tx_news_searchform .sword.form-control::placeholder {
  background: #2a2a2e;
}
#page.darkmode #onlineJournal .content_right .journalSearch #tx_news_searchform .sword.form-control:hover::placeholder {
  color: #fff;
}
#page.darkmode #onlineJournal .content_right .journalSearch #tx_news_searchform .btn.btn-default {
  background-color: #2a2a2e;
}
#page.darkmode #onlineJournal .content_right .journalSearch #tx_news_searchform .btn.btn-default .icon-Suche {
  color: #b71a49;
}
#page.darkmode #onlineJournal .content_right .journalSearch #tx_news_searchform .btn.btn-default .icon-Suche:hover {
  color: #fff;
}
#page.darkmode .content_main .csc-menu-3 h2 {
  color: #fff !important;
}
#page.journal.darkmode .news.listview.listview-421[style] article .text-wrap .more .linktosingle:hover:before {
  color: #b71a49;
}
#page.darkmode #onlineJournal .backbutton a:hover span:before {
  color: #b71a49 !important;
}
#page.darkmode #onlineJournal .content_right .csc-box.network,
#page.darkmode #onlineJournal .content_right .csc-box.linktip {
  background-color: transparent !important;
}
#page.journal.darkmode #onlineJournal .content_right .csc-box .boxToggle {
  background-color: transparent !important;
}
#page.darkmode #onlineJournal .content_right .csc-box.pinboard,
#page.darkmode #onlineJournal .content_right .csc-box.archive {
  background-color: #2a2a2e !important;
}
#page.darkmode #onlineJournal .content_right .csc-box.theme .csc-header {
  background: #2a2a2e;
}
#page.darkmode #onlineJournal .content_right .csc-box.theme > ul {
  background-color: #2a2a2e;
}
#page.darkmode #onlineJournal .content_right .csc-box.theme > ul li a span {
  color: #fff;
}
#page.darkmode .listview:not(.listview-421):not(.listview-showcase) .record01 .more a,
#page.darkmode .listview:not(.listview-421):not(.listview-showcase) article .more a {
  color: #fff;
}
@keyframes openDarkSearch {
  0% {
    width: 95px;
    border-color: #2a2a2e;
  }
  100% {
    width: 225px;
    border-color: #fff;
  }
}
@keyframes closeDarkSearch {
  0% {
    width: 280px;
    border-color: #fff;
  }
  100% {
    width: 95px;
    border-color: #2a2a2e;
  }
}
@media only screen and (max-width: 1166px) {
  #page.darkmode #social-media-channels-rwd {
    bottom: 12px;
  }
}
@media only screen and (max-width: 991px) {
  #page.darkmode.microsite ul#microsite-main-list .customer-data {
    background: transparent;
  }
  #page.darkmode.microsite ul#microsite-main-list .customer-data h1#microsite_pagetitle a {
    color: #fff;
  }
}
@media only screen and (max-width: 700px) {
  #page.darkmode #nav-layout #pagehead_logo_mf .menu #showMainMenuButton {
    background: #fff;
    color: #000;
  }
  #page.darkmode #nav #nav-section,
  #page.darkmode #nav #nav-main {
    background: transparent;
  }
}