/*
 * necessary css for better accessibility
 *
 * */

:root {
  --focus-border-color: #0063a6;
  --focus-background-color: white;
  --focus-color: #0063a6;
  --font-color: #6f6f6f;
  --blue-bg: rgba(0, 99, 166, 0.9);
  --grey-menu: #6F6F6F;
  --mobile-menu-bg: #C6C6C6;
  --mobile-menu-bg-act: #0063a6;
}

/*
 **************************************
 * KEYBOARD navigation:
 * ************************************
 * 1. jump marker to bypass navigation:
 * Prüfschritt 2.4.1 Blöcke umgehen
 * */
.skip-to-content {
    position: absolute;
    left: -10000px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 100000;
    tab-index: 0;
}

.skip-to-content:focus {
    left: 0;
    top: 10px;
    width: auto;
    white-space: nowrap;
    height: auto;
    overflow: visible;
    display: block;
    color: var(--focus-color);
    background-color: var(--focus-background-color);
    font-weight: 700;
    border: solid 2px var(--focus-border-color);
    z-index:100000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

/*
 * 2. Kontrastmängel: Tastaturfokus kaum, tlw. nicht sichtbar bei Quicklinks, Suche, Sprachauswahl
 * Prüfschritt 1.4.3 Kontrast (Minimum)
 * Prüfschritt 2.4.3 Fokus-Reihenfolge
 * */
.navbar-uni-mobile .dropdown-mobile li a:focus, button.dropdown-toggle:focus,
nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level2 a.level2:focus,
nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level3 a.level3:focus,
nav.navbar-uni > ul.navbar-nav > li > a:focus,
nav .vertical-nav ul li a:focus,
.nav-pills-top li a:focus, .nav-pills-top-mobile li a:focus, button.navbar-toggle:focus,
#quicklinks-top-mobile nav ul li a:focus, .dropdown-menu-search .form-control-search:focus,
#quicklinks-top nav ul li a:focus{
    color: var(--focus-color) !important;
    font-weight:700;
    border: solid 2px var(--focus-border-color) !important;
    text-decoration: underline;
    background-color: var(--focus-background-color) !important;
}

@media (min-width: 993px){
    .nav-pills-top > li > a, .nav-pills-top-mobile > li > a {
        color: var(--font-color);
    }
}

.navbar-uni .navbar-nav > li, div.vertical-nav li a {
    background-color: var(--grey-menu);
}

/* **********************************************************/
/* Mobile Menu contrast: **/
.navbar-uni-mobile .navbar-nav > li {
    background-color: var(--grey-menu);
}

.navbar-uni-mobile .dropdown-mobile li a,
nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level2 a.level2,
nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level3 a.level3 {
    background-color: #C6C6C6;
    color: #333 !important;
    font-weight: normal;
}

nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level2 a.level2.act,
nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level3 a.level3.act,
nav.navbar-uni-mobile ul.navbar-nav li.dropdown-mobile.act.open ul.dropdown-menu.level2 li.level4 a.level4.act{
    background-color: #0063a6;
    color: white !important;
    font-weight: normal;
}

/* ********************************************************
 * Color Boxen:
 Farbboxen:
farbbox-uni-blau: background-color: #0063a6;
farbbox-uni-rot: background-color: #D34511;
farbbox-uni-orange: background-color: #f6a800;
farbbox-uni-mint: background-color: #118476;
farbbox-uni-hellgruen: background-color: #94c154;
farbbox-uni-weinrot: background-color: #a71c49;
 * **/

.content-box-uni-hellgruen h2.info-box-bar, .content-box-uni-hellgruen h3.info-box-bar, .content-box-uni-hellgruen h4.info-box-bar, .content-box-uni-hellgruen h5.info-box-bar,
.content-box-uni-orange h2.info-box-bar, .content-box-uni-orange h3.info-box-bar, .content-box-uni-orange h4.info-box-bar, .content-box-uni-orange h5.info-box-bar,
.color-box-uni-orange h2, .color-box-uni-orange h3, .color-box-uni-orange h4, .color-box-uni-orange h5,
.color-box-uni-hellgruen h2, .color-box-uni-hellgruen h3, .color-box-uni-hellgruen h4, .color-box-uni-hellgruen h5,
.jumbotron-alert p {
    color:black;
}

.content-box-uni-gray h2.info-box-bar, .content-box-uni-gray h3.info-box-bar, .content-box-uni-gray h4.info-box-bar, .content-box-uni-gray h5.info-box-bar,
.color-box-uni-gray {background-color: #767676}

.content-box-uni-gray h2, .content-box-uni-gray h3, .content-box-uni-gray h4, .content-box-uni-gray h5, .content-box-uni-gray h6, .content-box-uni-gray a {
    color: #6E6D6D;
}

.content-box-uni-mint h2.info-box-bar, .content-box-uni-mint h3.info-box-bar, .content-box-uni-mint h4.info-box-bar, .content-box-uni-mint h5.info-box-bar,
.color-box-uni-mint {background-color: #118476;}

.content-box-uni-mint h2, .content-box-uni-mint h3, .content-box-uni-mint h4, .content-box-uni-mint h5, .content-box-uni-mint h6, .content-box-uni-mint a {
    color: #137B6F;
}

.content-box-uni-rot h2.info-box-bar, .content-box-uni-rot h3.info-box-bar, .content-box-uni-rot h4.info-box-bar, .content-box-uni-rot h5.info-box-bar,
.color-box-uni-rot {background-color: #D34511;}

.content-box-uni-rot h2, .content-box-uni-rot h3, .content-box-uni-rot h4, .content-box-uni-rot h5, .content-box-uni-rot h6, .content-box-uni-rot a {
    color: #BF481C;
}

.content-box-uni-hellgruen h2, .content-box-uni-hellgruen h3, .content-box-uni-hellgruen h4, .content-box-uni-hellgruen h5, .content-box-uni-hellgruen h6, .content-box-uni-hellgruen a {
    color: #4A7B05;
}

.content-box-uni-orange h2, .content-box-uni-orange h3, .content-box-uni-orange h4, .content-box-uni-orange h5, .content-box-uni-orange h6, .content-box-uni-orange a {
    color: #936605;
}

.info-box-uni-hellgruen .table-uni > tbody > tr > td, .info-box-uni-rot .table-uni > tbody > tr > td, .info-box-uni-orange .table-uni > tbody > tr > td, 
.info-box-uni-mint .table-uni > tbody > tr > td, .info-box-uni-gray .table-uni > tbody > tr > td, .info-box-uni-blau .table-uni > tbody > tr > td {
    background-color: #F2F2F2;
}

.sidebar .color-box-wrapper a {
	text-decoration: none;
}
/* ********************************************************
 * END Color Boxe
 * **/

/***************************************************
* CONTENT BOX links underlined:
*/
.content-box a {
    text-decoration: underline;
}
/**
* END CONTENT BOX links underlined:
**************************************************/

div.banner-title-mobile {
    opacity:1;
}
div.banner-title {
    opacity:0.9;
}

div.banner-title a {
    text-decoration: underline;
}

/*
 * Medienportal:
 **/
 .categories-list > li {
    background-color: var(--grey-menu);
}

/*
 * e.g. Pagers:
 **/
.visually-hidden, .sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

/* links must have a clear non-color indicator, e.g. underline **/
main p a, main li a, main table a, aside a {
    text-decoration: underline;
    overflow-wrap: break-word;
}
/* but we omit this in the gallery and social media icons **/
.caption-title p a, .caption-description p a, .social-media-list > li > a  {
    text-decoration: none;
}

/* powermail hint on red squares: required **/
.explain-req {
    margin-bottom: 0.5em;
}

/* Personalliste TABS **/
#univiepersonal-tabs .nav-tabs li.active a, #univiepersonal-tabs #search-top-mobile .nav-tabs-search li.active a, #search-top-mobile #univiepersonal-tabs .nav-tabs-search li.active a, #univiepersonal-tabs .dropdown-menu-search .nav-tabs-search li.active a, .dropdown-menu-search #univiepersonal-tabs .nav-tabs-search li.active a {
    font-weight: 500;
    color: var(--font-color);
}

pre { color: var(--font-color);}

/********************************
 *  Cookie-Bar
 **/
a.cookiebar-close {
    background: var(--grey-menu);
}

/********************************
 * Breadcrumbs, footer links
 **/
.breadcrumb-page li a, .footer-address-box a  {
    text-decoration: underline;
}

/* 1.4.1 Use of color: active menu element needs formatting besides color */
.navbar-default .navbar-nav > .active > a, .navbar-uni-generic .navbar-nav > .active > a, .navbar-uni .navbar-nav > .active > a, .navbar-uni-mobile .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-uni-generic .navbar-nav > .active > a:hover, .navbar-uni .navbar-nav > .active > a:hover, .navbar-uni-mobile .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-uni-generic .navbar-nav > .active > a:focus, .navbar-uni .navbar-nav > .active > a:focus, .navbar-uni-mobile .navbar-nav > .active > a:focus {
    font-weight: 500;
}

/* Dropdowns Quicklink, Search, Languagemenu **/
button.dropdown-toggle {
    border: none;
    background-color: white;
    color: var(--font-color);
}

/* FAQs: **/
.tx-irfaq-pi1 ul li a {
    text-decoration: underline;
}

.color-box h2 {
    margin-bottom: 0;
}