:root {
    --black: #000;
    --black_rgb: rgb(0,0,0);
    --white: #fff;
    --darkblue_rgb: #07003c;
    --darkblue_rgba: rgba(7,0,60);
    --blue_rgb: #5B55FF;
    --blue_rgba: rgba(91,85,255,1);
    --blue_rgba_08: rgba(91,85,255,0.8);
    --blue_rgba_09: rgba(91,85,255,0.9);
    --lightblue_rgba: rgba(125,145,186,1);
    --lightblue_rgba_08: rgba(125,145,186,0.8);
    --lightblue_rgba_09: rgba(125,145,186,0.9);
    --yellow: #fadc00;
    --yellow_rgba: rgba(250,220,0,1);
    --yellow_rgba_08: rgba(250,220,0,0.8);
    --yellow_rgba_09: rgba(250,220,0,0.8);
    --red: #f55f14;
    --red_rgba: rgba(245,95,20,1);
    --red_rgba_08: rgba(245,95,20,0.8);
    --red_rgba_09: rgba(245,95,20,0.9);
    --green: #14e682;
    --green_rgba: rgba(20,230,130,1);
    --green_rgba_09: rgba(20,230,130,0.8);
    --green_rgba_09: rgba(20,230,130,0.9);

    --detailshomeblau_rgb: rgba(153,216,244,1);
    --detailstopicsblau_rgb: rgba(153,169,201,1);
    --detailstopicsblau_rgb_08: rgba(153,169,201,0.8);
    --detailshomegelb_rgba: rgba(253,233,153,1);
    --detailspressegrau_rgb: rgb(230,230,230);
    --defaultblockgrau_rgb: rgba(159,159,159);
    --newsitemgrau: rgb(102,102,102);
    --detailspressegrau: rgb(230,230,230);

    --detailslifesciencegreen: #a9e599;
    --lifesciencemarkergreen: #69d14d;
    --detailslifesciencemarkergreen: #28be00;
    --detailssocialred: #f9a199;
    --socialmenuspacerred: #f35b4d;
    --detailssocialmarkerred: #f01400;
    --detailsnaturalscienceyellow: #fde999;
    --naturalsciencemenuspaceryellow: #fbd84d;
    --detailsnaturalsciencemarkeryellow: #fac800;
    --detailsengineeringblue: #99d8f4;
    --engineeringmenuspacerblue: #4dbcec;
    --detailsengineeringmarkerblue: #009fe3;
    --detailsadministrationblue: #002878;
    --officecardblau: rgba(153, 169, 201, 1.0);
    --primarydetails_blau: rgba(153,216,244,1);
    --organisationsblau_08: rgba(153,169,201,0.8);
    --organisationsblau: rgba(153,169,201,1);
    --organisationsblau_rgb_08: rgba(153,169,201,0.8);
    --organisationsblau_rgb: rgba(153,169,201,1);
    --presseblau_08: rgba(0,40,120,0.8);
    --pressegrau_08: rgba(140,140,140,0.8);
    --pressegrau: rgba(140,140,140,1);
    --preleasemenugrau: #8c8c8c;
    --preleaseaftergrau: #c3c3c3;

    --igsubpagetitleblau: rgb(103,119,151);

    --organigrammbarblau: #103888;
    --organigrammpositiontitle: #3b3f47;
    --organigramminterdiszgrau: #ccd4e4;
    --organigramminterdiszheader: #99a9c9;
    --organigramminterdiszheadermarker: #8999b9;}


div#globalicons div.globalicon {
    background-color: var(--darkblue_rgba);
}

.closeicon {
  color: var(--darkblue_rgba) !important;
}

.legaltext a {
  color: var(--darkblue_rgba);
}

.primary-box {
  color: var(--white) !important;
  background-color: var(--blue_rgba_09);
}

.card .primary-box a,
.card .secondary-box a {
  color: var(--white);
}

.primary-box.homeblau,
.secondary-box.homeblau {
background-color: var(--blue_rgba_09);
}

.primary-box.homegelb,
.secondary-box.homegelb {
background-color: var(--yellow_rgba_09);
}

.primary-box.presseblau,
.secondary-box.presseblau {
background-color: var(--presseblau_08);
}

.primary-box.pressegrau,
.secondary-box.pressegrau {
  background-color: var(--pressegrau_08);
}

.primary-box.topicsblau,
.secondary-box.topicsblau {
  background-color: var(--organisationsblau_08);
}

.primary-box.organisationblau,
.secondary-box.organisationblau {
  background-color: var(--organisationsblau_08);
}

.primary-box:hover .overlay {
  color: var(--white) !important;
  background-color: var(--blue_rgba);
  opacity: 1 !important;
}

.primary-box.homeblau:hover .overlay,
.secondary-box.homeblau:hover .overlay {
  background-color: var(--blue_rgba);
}

.primary-box.homegelb:hover .overlay,
.secondary-box.homegelb:hover .overlay {
  background-color: var(--yellow_rgba);
}

.primary-box.presseblau:hover .overlay,
.secondary-box.presseblau:hover .overlay {
  background-color: var(--darkblue_rgba);
}

.primary-box.pressegrau:hover .overlay,
.secondary-box.pressegrau:hover .overlay {
  background-color: var(--pressegrau);
}

.primary-box.topicsblau:hover .overlay,
.secondary-box.topicsblau:hover .overlay {
  background-color: var(--organisationsblau);
}

.primary-box.organisationblau:hover .overlay,
.secondary-box.organisationblau:hover .overlay {
  background-color: var(--organisationsblau_08);
}

.smallbox.primary-box:hover .overlay {
  color: var(--black) !important;
}

.primary-box .h3 {
  color: var(--black_rgb);
}

.primary-box .small {
  color: var(--black_rgb);
}

.primary-box .overlay a {
  color: var(--black_rgb) !important;
}

.primary-details {
  color: var(--black_rgb) !important;
  background-color: var(--primarydetails_blau);
}

.primary-details.homeblau,
.secondary-details.homeblau {
  background-color: var(--detailshomeblau);
}

.primary-details.homegelb,
.secondary-details.homegelb {
  background-color: var(--detailshomegelb_rgba);
}

.primary-details.pressegrau,
.secondary-details.pressegrau {
  background-color: var(--detailspressegrau);
}

.primary-details.presseblau,
.secondary-details.presseblau {
  background-color: var(--detailspressegrau);
}

.primary-details.topicsblau,
.secondary-details.topicsblau {
  background-color: var(--detailstopicsblau_rgb);
}

.primary-details.organisationblau,
.secondary-details.organisationblau {
  background-color: var(--organisationsblau_rgb);
}

.primary-details h1 {
  color: var(--white) !important;
}

.primary-details a {
  color: var(--black_rgb) !important;
}

.secondary-box {
  color: var(--white) !important;
  background-color: var(--yellow_rgba_09);
}

.secondary-box:hover .overlay {
  background-color: var(--yellow_rgba);
  opacity: 1 !important;
}

.secondary-box .text {
  color: var(--black_rgb) !important;
}

.secondary-details {
  color: var(--black_rgb) !important;
  background-color: var(--detailshomegelb_rgba);
}

.secondary-details a {
  color: #666 !important;
}

.secondary-details a:hover {
  color: var(--black_rgb) !important;
}


/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */


/* News */

.newsitem-wrapper {
  color: var(--newsitemgrau);
}

.newsitem-wrapper:hover {
  color: var(--black_rgb);
}

.newsiteminner {
  color: var(--black_rgb);
}

/* Unit-Blocks */

.unit-block {
  color: var(--white);
}

/* Units */

.pagecontent.lifescience-block-details {
  background-color: var(--detailslifesciencegreen);
}

.pagecontent.social-block-details {
  background-color: var(--detailssocialred);
}

.pagecontent.naturalscience-block-details {
  background-color: var(--detailsnaturalscienceyellow);
}


.pagecontent.engineering-block-details {
  background-color: var(--detailsengineeringblue);
}

.pagecontent.administration-block-details {
  background-color: var(--detailsadministrationblue);
}

.pagecontent.lifescience-block-details .markercolor {
  color: var(--detailslifesciencemarkergreen);
}

.pagecontent.social-block-details .markercolor {
  color: var(--detailssocialmarkerred);
}

.pagecontent.naturalscience-block-details .markercolor {
  color: var(--detailsnaturalsciencemarkeryellow);
}

.pagecontent.engineering-block-details .markercolor {
  color: var(--detailsengineeringmarkerblue);
}

.pagecontent.administration-block-details .markercolor {
  color: var(--detailsadministrationblue);
}


.pagecontent.lifescience-block-details .menublock,
.lifescience-block.menublock,
.pagecontent.social-block-details .menublock,
.social-block.menublock,
.pagecontent.naturalscience-block-details .menublock,
.naturalscience-block.menublock,
.pagecontent.engineering-block-details .menublock,
.engineering-block.menublock,
.pagecontent.administration-block-details .menublock,
.administration-block.menublock {
  color: var(--white);
}

.pagecontent.lifescience-block-details .menublock,
.lifescience-block.menublock {
  background-color: var(--detailslifesciencemarkergreen);
}

.pagecontent.social-block-details .menublock,
.social-block.menublock {
  background-color: var(--detailssocialmarkerred);
}

.pagecontent.naturalscience-block-details .menublock,
.naturalscience-block.menublock {
  background-color: var(--detailsnaturalsciencemarkeryellow);
}

.pagecontent.engineering-block-details .menublock,
engineering-block.menublock {
  background-color: var(--detailsengineeringmarkerblue);
}

.pagecontent.administration-block-details .menublock,
administration-block.menublock {
  background-color: var(--detailsadministrationblue);
}

.pagecontent.lifescience-block-details .menublockspacer,
.pagecontent.social-block-details .menublockspacer,
.pagecontent.naturalscience-block-details .menublockspacer,
.pagecontent.engineering-block-details .menublockspacer,
.pagecontent.administration-block-details .menublockspacer {
  color: var(--white);
  height: 140px;
  min-height: 140px;
}

.pagecontent.lifescience-block-details .menublockspacer {
  background-color: var(--lifesciencemarkergreen);
}

.pagecontent.social-block-details .menublockspacer {
  background-color: var(--socialmenuspacerred);
}

.pagecontent.naturalscience-block-details .menublockspacer {
  background-color: var(--naturalsciencemenuspaceryellow);
}

.pagecontent.engineering-block-details .menublockspacer {
  background-color: var(--engineeringmenuspacerblue);
}

.pagecontent.administration-block-details .menublockspacer {
  background-color: var(--detailsadministrationblue);
}


.pagecontent.lifescience-block-details .menublock.inactive,
.pagecontent.lifescience-block-details .menublock.inactive a,
.pagecontent.social-block-details .menublock.inactive,
.pagecontent.social-block-details .menublock.inactive a,
.pagecontent.naturalscience-block-details .menublock.inactive,
.pagecontent.naturalscience-block-details .menublock.inactive a,
.pagecontent.engineering-block-details .menublock.inactive,
.pagecontent.engineering-block-details .menublock.inactive a,
.pagecontent.administration-block-details .menublock.inactive,
.pagecontent.administration-block-details .menublock.inactive a {
  color: var(--white) !important;
}

.pagecontent.lifescience-block-details .menublock.inactive,
.pagecontent.lifescience-block-details .menublock.inactive a {
  background-color: var(--lifesciencemarkergreen);
}

.pagecontent.lifescience-block-details .menublock.inactive:hover,
.pagecontent.lifescience-block-details .menublock.inactive:hover a {
  background-color: var(--detailslifesciencemarkergreen);
}

.pagecontent.social-block-details .menublock.inactive,
.pagecontent.social-block-details .menublock.inactive a {
  background-color: var(--socialmenuspacerred);
}

.pagecontent.social-block-details .menublock.inactive:hover,
.pagecontent.social-block-details .menublock.inactive:hover a {
  background-color: var(--detailssocialmarkerred);
}


.pagecontent.naturalscience-block-details .menublock.inactive,
.pagecontent.naturalscience-block-details .menublock.inactive a {
  background-color: var(--naturalsciencemenuspaceryellow);
}

.pagecontent.naturalscience-block-details .menublock.inactive:hover,
.pagecontent.naturalscience-block-details .menublock.inactive:hover a {
  background-color: var(--detailsnaturalsciencemarkeryellow);
}


.pagecontent.engineering-block-details .menublock.inactive,
.pagecontent.engineering-block-details .menublock.inactive a {
  background-color: var(--engineeringmenuspacerblue);
}

.pagecontent.engineering-block-details .menublock.inactive:hover,
.pagecontent.engineering-block-details .menublock.inactive:hover a {
  background-color: var(--detailsengineeringmarkerblue);
}

.pagecontent.administration-block-details .menublock.inactive,
.pagecontent.administration-block-details .menublock.inactive a {
  background-color: var(--detailsadministrationblue);
}

.pagecontent.administration-block-details .menublock.inactive:hover,
.pagecontent.administration-block-details .menublock.inactive:hover a {
  background-color: var(--detailsadministrationblue);
}


.lifescience-block {
   background-color: var(--green_rgba);
}

.social-block {
    background-color: var(--red_rgba);
}

.naturalscience-block {
    background-color: var(--yellow_rgba);
}

.engineering-block,
.engineering-block.menublock {
  background-color: var(--blue_rgba);
}

.administration-block,
.administration-block.menublock {
  background-color: var(--darkblue_rgb);
}


.default-block {
  background-color: var(--defaultblockgrau_rgb);
}

div.topicbutton.social div.topicbutton-image {
  background-color: var(--detailssocialmarkerred);
}

div.topicbutton.lifescience div.topicbutton-image {
  background-color: var(--detailslifesciencemarkergreen);
}

div.topicbutton.naturalscience div.topicbutton-image {
  background-color: var(--detailsnaturalsciencemarkeryellow);
}

div.topicbutton.engineering div.topicbutton-image {
  background-color: var(--detailsengineeringmarkerblue);
}

div.topicbutton.administration div.topicbutton-image {
  background-color: var(--detailsadministrationblue);
}


div.topicbutton-title {
  color: var(--white);
}


div.topicbutton-title.social div.title {
  background-color: var(--detailssocialmarkerred);
}

div.topicbutton-title.lifescience div.title {
	background-color: var(--detailslifesciencemarkergreen);
}

div.topicbutton.title.naturalscience div.title {
	background-color: var(--detailsnaturalsciencemarkeryellow);
}

div.topicbutton.engineering {
	background-color: var(--detailsengineeringmarkerblue);
}

div.topicbutton.administration {
	background-color: var(--detailsadministrationblue);
}



/* Units */


.unit-box {
  color: var(--white) !important;
}

.unit-box:hover .overlay {
    color: var(--black_rgb) !important;
    opacity: 1 !important;
}

.unit-box .overlay a {
  color: var(--black_rgb) !important;
}

.unit-box .overlay h2 {
  color: var(--white) !important;
}

.lifescience-box {
    background-color: var(--green_rgba_09);
}

.lifescience-box:hover {
  background-color: var(--green_rgba);
}

.social-box {
  background-color: var(--red_rgba_09);
}

.social-box:hover {
  background-color: var(--red_rgba);
}

.naturalscience-box {
    background-color: var(--yellow_rgba_09);
}

.naturalscience-box:hover {
  background-color: var(--yellow_rgba);
}

.engineering-box {
  background-color: var(--blue_rgba_09);
}

.engineering-box:hover {
  background-color: var(--blue_rgba);
}

.administration-box {
  background-color: var(--detailsadministrationblue);
}

.administration-box:hover {
  background-color: var(--darkblue_rgba);
}


.lifescience-box-details {
  background-color: var(--detailslifesciencegreen);
}

.social-box-details {
  background-color: var(--detailssocialred);
}

.naturalscience-box-details {
  background-color: var(--detailshomegelb_rgba);
}

.engineering-box-details {
  background-color: var(--primarydetails_blau);
}

.administration-box-details {
  background-color: var(--darkblue_rgba);
}

.navbar {
    background-color: var(--white);
}

.navbar.language {
    background-color: var(--white);
}


.list-group-item-secondary {
  color: #856404;
  background-color: rgba(255, 248, 163,1);
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #856404;
  background-color: rgba(255, 238, 143,1);
}


div.pr_menuentry {
  background-color: var(--preleasemenugrau);
  color: var(--white);
}

div.pr_menuentry.active,
div.pr_menuentry:hover {
  background-color: var(--black_rgb);
}


div.presstitle:after,
p.presslink:after {
  background-color: var(--preleaseaftergrau);
}

/* External Links should be dark blue. Always. */

a[href^="http://"]:not([href*="www.br50"]),
a[href^="http://"]:not([href*="//br50"]),
a[href^="https://"]:not([href*="www.br50"]) {
    color: var(--detailsadministrationblue) !important;
    }


div.col.pagecontent.interestgroupsContent h1 {
  background-color: transparent;
  color: var(--white);
}

div.col.pagecontent.interestgroupsContent p {
  color: var(--black_rgb);
}



/* @media (max-width: 575.98px) { */
@media (max-width: 780px) {

  li.langnav a, li.langnav a.nav-link.active, li.langnav {
    color: var(--black_rgb) !important;
  }

}


div.ig_subpagetitle {
  color: var(--igsubpagetitleblau);
}

div.ig_subpagetitle:hover,
div.ig_subpagetitle.active {
  color: var(--detailsadministrationblue);
}


span.ige_morelink {
    color: var(--newsitemgrau);
}

span.ige_morelink:hover {
    cursor: pointer;
    color: var(--black_rgb)
}


div.ige_menu {
    color: var(--white);
}

div.ige_menuoption,
div.ige_menuoption.inactive {
    background-color: var(--lightblue_rgba);
}


div.ige_menuoption.active,
div.ige_menuoption:hover {
    background-color: var(--white);
    color: var(--detailsadministrationblue);
}


/* ---------------------------------------------------
   Office
   ---------------------------------------------------*/

div.officecard div.card {
  background-color: var(--yellow_rgba_09);
}

div.officecard.topicsblau div.card {
  background-color: var(--detailstopicsblau_rgb_08);
}

div.officecard.organisationblau div.card {
  background-color: var(--organisationsblau_08);
}

div.officecard div.card:hover,
div.officecard div.primary-box.homegelb:hover,
div.office-box.secondary-box.homegelb:hover {
  background-color: var(--detailsnaturalsciencemarkeryellow);
}

div.officecard.topicsblau div.card:hover {
  background-color: var(--officecardblau)
;
}

div.officecard.organisationblau, div.card:hover {
  background-color: var(--officecardblau)
;
}

div.officecard div.primary-box.topicsblau:hover,
div.office-box.secondary-box.topicsblau:hover {
  background-color: var(--officecardblau)
;
}

div.officecard div.primary-box.organisationblau:hover,
div.office-box.secondary-box.organisationblau:hover {
  background-color: var(--officecardblau)
;
}



div.officecard h2 {
  color: var(--white);
}

div.officecard div {
  color: var(--black_rgb);
}

div.organigramm div.bluebar {
  background-color: var(--detailsadministrationblue);
  color: var(--white);
}

div.organigramm div.bluebar:hover {
 background-color: var(--organigrammbarblau)
;
}

div.organigramm div.bluebar.nohover:hover {
 background-color: var(--detailsadministrationblue);
}


div.organigramm div.cellvorstand div.positiontitle,
div.organigramm div.geschaeftsstelle div.positiontitle {
  color: var(--organigrammpositiontitle)
;
}

div.organigramm div.cellvorstand div.positionperson {
  color: var(--detailsadministrationblue);
}

div.organigramm div.cellgeschaeftsstelle div.positionperson {
  color: var(--organigrammpositiontitle);
}


div.interdisziplinaer {
  background-color: var(--organigramminterdiszgrau);
}

div.interdisziplinaer div.header {
  color: var(--detailsadministrationblue);
}


div.interdisziplinaer div.interdisziplinaerInnerHeader {
  background-color: var(--organigramminterdiszheader);
  color: var(--white);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader:hover {
  background-color: var(--organigramminterdiszheadermarker);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.lifescience-block-details {
  background-color: var(--lifesciencemarkergreen);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.lifescience-block-details:hover {
  background-color: var(--detailslifesciencemarkergreen);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.social-block-details {
  background-color: var(--socialmenuspacerred);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.social-block-details:hover {
  background-color: var(--detailssocialmarkerred);
}


div.interdisziplinaer div.interdisziplinaerInnerHeader.naturalscience-block-details {
  background-color: var(--naturalsciencemenuspaceryellow);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.naturalscience-block-details:hover {
  background-color: var(--detailsnaturalsciencemarkeryellow);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.engineering-block-details {
  background-color: var(--engineeringmenuspacerblue);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.engineering-block-details:hover {
  background-color: var(--detailsengineeringmarkerblue);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.administration-block-details {
  background-color: var(--detailsadministrationblue);
}

div.interdisziplinaer div.interdisziplinaerInnerHeader.administration-block-details:hover {
  background-color: var(--detailsadministrationblue);
}
