/*******************************************************************************
 * CONTRAST
 ******************************************************************************/

body.black-yellow {
    background-color: #000;
    color: #ffff00;
}
body.black-yellow .header {
    background-color: #000 !important;
    color: #ffff00;
    border-bottom: 1px solid #ffff00;
}
body.black-yellow .nav, body.black-yellow .dropdown-menu {
    background-color: #000;
    border: 0px none;
}
body.black-yellow a {
    color: #ffff00 !important;
}
body.black-yellow .form-control,
body.black-yellow button{
    color: #000  !important;
    background-color: #ffff00;
    border-color: #ffff00;
}
body.black-yellow .pagination li a,
body.black-yellow .pagination li span {
    background-color: #000;
    color: #ffff00  !important;
    border-color: #ffff00;
}
body.black-yellow .pagination > .active > span {
    background-color: #ffff00 !important;
    color: #000 !important;
    padding: 10px;
}
body.black-yellow .headlines-element h2, body.black-yellow .headlines-element h1 {
    color: #ffff00 !important;
    border-bottom: 2px solid #ffff00 !important;
}
body.black-yellow .text-toggle .text1 .text1-left {
    background-color: #ffff00 !important;
    color: #000 !important;
}
body.black-yellow .text-toggle .text2 {
    border-top: solid 1px #000;
}
body.black-yellow .text-toggle .text1 .text1-right {
    background-color: #ffff00 !important;
    color: #000 !important;
}
body.black-yellow .text-toggle .text1 .text1-right a {
    background: none;;
    color: #000 !important;
}
body.black-yellow .files-element.page-element a {
    border-bottom: 1px solid #ffff00;
}


/*******************************************************************************
 * FONT SIZE
 ******************************************************************************/
:root {
  --font-size--medium: calc((18/16) * 1rem); /* 24px */
  --font-size--large: calc((22/16) * 1rem); /* 24px */
}

html.medium, html.medium p, html.medium a, html.medium div{
  font-size: var(--font-size--medium) !important;
}
html.medium .fixed-top-bar .navbar-collapse {
    margin-top: 60px;
}
html.medium .header .availability {
    height: auto;
}

html.large, html.large p, html.large a, html.large div{
  font-size: var(--font-size--large) !important;
}
html.large .fixed-top-bar .navbar-collapse {
    margin-top: 80px;
}
html.large .header .availability {
    height: auto;
}

html.medium .fixed-top-bar .navbar-nav > .nav-item > .nav-link,
html.large .fixed-top-bar .navbar-nav > .nav-item > .nav-link{
    margin: 0px !important;
    padding: 5px !important;
    font-size: 22px !important;
}


/*******************************************************************************
 * CUSTOM
 ******************************************************************************/

body.black-yellow .swiper-slide-text .text1 {
    text-shadow: 0px 0px 12px rgb(255, 251, 1);
    color: #000000;
}
body.black-yellow .swiper-slide-text .text2 {
    background-color: #ffff00;
    color: #000000;
}
body.black-yellow .swiper-slide-text .text2 a {
    color: #000000 !important;
}
body.black-yellow  .text-element.page-element.text p {
    color: #ffff00 !important;
}
body.black-yellow .header .availability {
    border: 0px none;
}
body.black-yellow .grids-type2 .btn {
    background: none;
}
body.black-yellow .fixed-top-bar .navbar-nav a {
    color: #ffff00 !important;
}
body.black-yellow .sections-wrapper {
    background-color: #000;
}
body.black-yellow .grids-type1 .col-lg-3 .grid {
    background-color: #ffff00;
    color: #000000;
}
body.black-yellow .newscategory_element h2 {
    color: #ffff00;
}
body.black-yellow .newscategory_element p {
    color: #ffff00;
}
body.black-yellow .grids-type2 .describe {
    color: #ffff00;
}
body.black-yellow .grids-type2 .title {
    color: #ffff00;
}
body.black-yellow .bottom-links .nav a {
    color: #ffff00 !important;
}
body.black-yellow #footer-wrapper {
    color: #ffff00 !important;
    background-color: #000;
}
body.black-yellow .text-element.page-element.text {
    color: #ffff00;
}
body.black-yellow .newscategory_element h3 {
    color: #ffff00;
}
body.black-yellow .newsletter-form .row {
    background-color: #000;
}
body.black-yellow .newsletter-form-left {
    background-color: #ffff00;
}
body.black-yellow .newsletter-form-text1, body.black-yellow .newsletter-form-text2 {
    color: #000;
}
body.black-yellow .newsletter-form input[type="submit"] {
    color: #000;
    background-color: #ffff00;
    padding: 0px 30px 0px 30px;
}
body.black-yellow .red {
    color: #ffff00;
}
body.black-yellow .grey {
    color: #ffff00;
}
body.black-yellow #footer-wrapper h4 {
    color: #ffff00;
}
body.black-yellow #footer-wrapper a {
    color: #ffff00 !important;
}
body.black-yellow #footer-wrapper .btn {
    background: none;
    color: #ffff00 !important;
}
body.black-yellow #footer-wrapper img {
    display: none;
}
body.black-yellow .dropdown-toggle::after {
    color: #ffff00;
}
body.black-yellow .relations {
    background: none;
}
body.black-yellow #eye-btn {
    background: url('../images/eye_.png') no-repeat center;
}
body.black-yellow #search-loupe-form input {
    background: #ececec url('../images/loupe_.png') no-repeat;
}
body.black-yellow .header div.logo {
    display: none;
}
body.black-yellow .box-yellow a {
    color: #000000 !important;
}
body.black-yellow .relations .news-date {
    color: #ffff00;
}
body.black-yellow .newscategory_element .media-body a {
    background: none;
}
body.black-yellow #top-header {
    background-color: #000000;
    color: #ffff00;
}
body.black-yellow #breadcrumbs {
    background-color: #000000;
    color: #ffff00;
}
body.black-yellow .menu-item-left {
    border-bottom: solid 1px #ffff00;
    background: none;
}
body.black-yellow .newscategory_element .news-date {
    color: #ffff00;
}
body.black-yellow #right .table th, body.black-yellow #right .table td {
    color: #ffff00;
    border: solid 1px #ffff00;
}
body.black-yellow #right tr:nth-child(2n+1) {
    background: #000000;
}
body.black-yellow #right .table th {
    background: #000000;
}
body.black-yellow .bottom-links {
    border: solid 1px #ffff00;
}
body.black-yellow .bottom-links img {
    display: none;
}
body.black-yellow #top-header h1 {
    color: #ffff00;
}
body.black-yellow .text-element.page-element.text ul, 
body.black-yellow .text-element.page-element.text li {
    list-style-image: inherit;
}
body.black-yellow .cc-btn.cc-dismiss {
    color: #000 !important;
    background-color: #ffff00;
}
body.black-yellow .cc-message {
    color: #ffff00 !important;
}