body.lightMode {
    color: var(--black) !important;
    background-color: var(--black) !important; 
}

.lightMode #logo {
  fill: var(--black);
}


body.lightMode.nav-is-desktop .navigation-main a.trail, 
body.lightMode.nav-is-desktop .navigation-main strong:not(.does-not-exist) {
  color: var(--gry80);
  text-decoration: underline double;
}



.lightMode h1,
.lightMode h2,
.lightMode h3,
.lightMode h4,
.lightMode h5,
.lightMode h6,
.lightMode .preH1, 
.lightMode .preH2, 
.lightMode .preH3, 
.lightMode .preH4, 
.lightMode .preH5, 
.lightMode .preH6,
.lightMode .handorgel__header__button,
.lightMode .handorgel__header__button::before {
    color: var(--black) !important;
}

.lightMode p {
    color: var(--black) !important;
}


.lightMode a {
    color: var(--black) !important;
    text-decoration: underline;
    transition: var(--animation_05) !important;
    
}

.lightMode a:hover {
    color: var(--gry50) !important;
    transition: var(--animation_05) !important;
}

.lightMode #headTop {
    border-bottom: 1px solid var(--gry50) !important;
}

.lightMode #newsEilmeldungen {
  background-color: var(--white) !important;
  border-top: 1px solid var(--gry80) !important;
  border-bottom: 1px solid var(--gry80) !important;
}
.lightMode .eilNewsList .layout_eilmeldung {
    color: var(--black) !important;
}

.lightMode .eilNewsList .layout_eilmeldung:hover {
    color: var(--gry50) !important;
}


.lightMode .heroSection .overlay {
    background-color: rgba(0, 0, 0, .5) !important;
}


.lightMode .heroContainer .headline,
.lightMode .heroContainer p {
    color: var(--white) !important;
} 

.lightMode .heroContainer .headline.background {
    background-color: var(--white) !important;
    color: var(--black) !important;
}



.lightMode .button.buttonSolid01 a,
.lightMode .button.buttonSolid02 a,
.lightMode .button.buttonOutline01 a,
.lightMode .button.buttonOutline02 a,
.lightMode .button.buttonOutline03 a,
.lightMode .button.buttonOutline04 a {
    background-color: var(--black) !important;
    color: var(--white) !important;
    border-color: var(--black) !important;
    text-decoration: none;
}
.lightMode .button.buttonSolid01 a:hover,
.lightMode .button.buttonSolid02 a:hover,
.lightMode .button.buttonOutline01 a:hover,
.lightMode .button.buttonOutline02 a:hover,
.lightMode .button.buttonOutline03 a:hover,
.lightMode .button.buttonOutline04 a:hover {
    background-color: var(--gry80) !important;
}
.lightMode .evobox .button a span {
    color: var(--white) !important;
}

/*
.lightMode .button.buttonSolid02 a {
    background-color: var(--black) !important;
    color: var(--white) !important;
    border-color: var(--black) !important;
}
.lightMode .button.buttonSolid02 a:hover {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border-color: var(--black) !important;
}


.lightMode .button.buttonOutline01 a,
.lightMode .button.buttonOutline03 a {
    color: var(--black) !important;
    border-color: var(--black) !important;
}

.lightMode .button.buttonOutline01 a:hover,
.lightMode .button.buttonOutline03 a:hover {
    background-color: var(--white) !important;
    color: var(--black) !important;
}

.lightMode .button.buttonOutline02 a,
.lightMode .button.buttonOutline04 a {
    color: var(--black) !important;
    border-color: var(--black) !important;
}

.lightMode .button.buttonOutline02 a:hover,
.lightMode .button.buttonOutline04 a:hover {
    background-color: var(--black) !important;
    color: var(--white) !important;
}
*/





.lightMode .mod_newslist .layout_latest,
.lightMode .evobox {
    border: 1px solid var(--black);
}

.lightMode .mod_newslist .col02,
.lightMode .mod_newslist.bgcolor_col14 .col02,
.lightMode .mod_newslist.bgcolor_col13 .col02,
.lightMode .mod_newslist.bgcolor_col12 .col02,
.lightMode .mod_newslist.bgcolor_col11 .col02,
.lightMode .mod_newslist.bgcolor_col10 .col02,
.lightMode .mod_newslist.bgcolor_col09 .col02,
.lightMode .mod_newslist.bgcolor_col08 .col02,
.lightMode .mod_newslist.bgcolor_col07 .col02,
.lightMode .mod_newslist.bgcolor_col06 .col02,
.lightMode .mod_newslist.bgcolor_col05 .col02,
.lightMode .mod_newslist.bgcolor_col04 .col02,
.lightMode .mod_newslist.bgcolor_col03 .col02,
.lightMode .mod_newslist.bgcolor_col02 .col02,
.lightMode .mod_newslist.bgcolor_col01 .col02,
.lightMode .mod_newslist.bgcolor_black .col02,
.lightMode .mod_newslist.bgcolor_ci001 .col02,
.lightMode .mod_newslist.bgcolor_ci002 .col02,
.lightMode .mod_newslist.bgcolor_ci003 .col02,
.lightMode .mod_newslist.bgcolor_ci004 .col02,
.lightMode .mod_newslist.bgcolor_ci005 .col02,
.lightMode .evobox .container,
.lightMode .boxWrapper {
    background-color: var(--white) !important;
    color: var(--black) !important;
}


.lightMode .boxWrapper {
    border-top: 1px solid var(--gry50) !important;
    background-color: var(--white) !important;
    background: none !important;
}

.lightMode .mod_newslist .col02 *,
.lightMode .evobox .container * {
    color: var(--black) !important;
}
/*
.lightMode .mod_newslist .col02 .button a,
.lightMode .evobox .button a {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--white) !important;
}
.lightMode .evobox .button a span {
    color: var(--white) !important;
}

.lightMode .mod_newslist .col02 .button a:hover,
.lightMode .evobox .button a:hover {
    color: var(--black) !important;
    background-color: var(--white) !important;
    border-color: var(--black) !important;
}

.lightMode .evobox .button a:hover span {
    color: var(--black) !important;
}
*/
.lightMode .matterbox {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 1px solid var(--black);
}

.lightMode .matterbox .boxContent * {
    color: var(--black) !important;
}
.lightMode .matterbox h3, .lightMode .matterbox p {
    text-decoration: underline !important;
}

.lightMode .matterbox:hover {
    background-color: var(--black) !important;
    color: var(--white) !important;
}
.lightMode .matterbox:hover .boxContent * {
    color: var(--white) !important;
}

.lightMode figcaption {
    background-color: var(--black) !important;
}

.lightMode .splitBanner .box1,
.lightMode .splitBanner .box2 {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 1px solid var(--black);
}
.lightMode .splitBanner .container .headline,
.lightMode .splitBanner .container .teaser {
    color: var(--black) !important;
}




.lightMode .pagination strong, 
.lightMode .mod_newsmenu strong {
  background-color: var(--black) !important;
  border: 1px solid var(--black) !important;
}

.lightMode .pagination a, 
.lightMode .mod_newsmenu a {
  background-color: var(--white) !important;
  border: 1px solid var(--black) !important;
  color: var(--black) !important;
}

.lightMode .pagination a:hover, 
.lightMode .mod_newsmenu a:hover {
  background-color: var(--gry50) !important;
  color: var(--white) !important;
}


.lightMode .fineuploader-wrapper .qq-upload-button {
    background-color: var(--black) !important;
    color: var(--white) !important;
    border-color: var(--black) !important;
}

.lightMode .fineuploader-wrapper .qq-upload-button:hover {
    background-color: var(--gry50) !important;
    color: var(--white) !important;
}

.lightMode .handorgel__header {
  border: 1px solid var(--black) !important;
}

.lightMode  .handorgel__header__button:focus {
    background-color: var(--gry20) !important;
}

.lightMode input:focus,
.lightMode textarea:focus {
    background-color: var(--gry20) !important;
}
.lightMode .widget-checkbox [type="checkbox"]:focus + label {
    background-color: var(--gry20) !important;
}

.lightMode .widget button[type="submit"] {
    border-color: var(--black) !important;
    color: var(--black) !important;
}

.lightMode .widget button[type="submit"]:hover {
    border-color: var(--black) !important;
    background-color: var(--black) !important;
    color: var(--white) !important;
}


.lightMode .content-table.rowCI table th {
  background-color: var(--black) !important;
  border: 1px solid var(--black) !important;
}
.lightMode .content-table.rowCI tbody tr:nth-child(even) {
  background-color: var(--gry80) !important;
  border: 1px solid var(--gry80) !important;
}
.lightMode .content-table.rowCI tbody tr:nth-child(odd) {
  background-color: var(--white) !important;
  color: var(--black) !important;
  border: 1px solid var(--black) !important;
}
.lightMode .content-table.tablelineAll.rowCI table thead th,
.lightMode .content-table.tablelineAll.rowCI table tbody th,
.lightMode .content-table.tablelineAll.rowCI table tbody td,
.lightMode .content-table.tablelineAll.rowCI table tfoot td {
  border: 1px solid var(--black) !important;
}



body.lightMode.nav-is-desktop .navigation-main .skip-link {
    background-color: var(--black) !important;
    color: var(--white) !important;
}


.lightMode a.invisible, 
.lightMode span.invisible, 
.lightMode .skip-link {
    background-color: var(--black) !important;
    color: var(--white) !important;
}


.lightMode footer,
.lightMode footer .boxWrapper {
    background-color: var(--black) !important;
    color: var(--white) !important;
    border: none !important;
}

.lightMode footer h1, 
.lightMode footer h2, 
.lightMode footer h3, 
.lightMode footer h4, 
.lightMode footer h5, 
.lightMode footer h6, 
.lightMode footer p, 
.lightMode footer a {
    color: var(--white) !important;
}

.lightMode footer a:hover {
    color: var(--gry50) !important;
}

.lightMode .splide__arrow {
    background: var(--black);
}

.lightMode .splide__arrow svg {
    fill: var(--white);
}