/*CSS Datei für den Dunkelmodus*/

:root {
    --darkmode-dark-background-color: #232a3b;
    --darkmode-highlight-color: #da4a65;
    --darkmode-light-background-color: #3b4866;
    --darkmode-font-color: #fff;
    --darkmode-link-color: #d57788;
    --darkmode-link-color-hover: #da4a65;
}
body.darkMode {
    background-color: var(--darkmode-dark-background-color);
    color: var(--darkmode-font-color);
}
.darkMode main a {
    color: var(--darkmode-link-color);
}
.darkMode main a:hover,
.darkMode main a:focus {
    color: var(--darkmode-link-color-hover);
}
.darkMode main .w-local-tasks-menu a,
.darkMode main a.button,
.darkMode .w-slider__links.buttonwrapper a,
.darkMode .gruppe-full__kategorie.stichworte a,
.darkMode .gruppe-full__kategorie a {
    color: var(--darkmode-font-color);
}
.darkMode main .w-local-tasks-menu a:hover,
.darkMode main a.button:hover,
.darkMode .w-slider__links.buttonwrapper a:hover,
.darkMode .gruppe-full__kategorie.stichworte a:hover,
.darkMode .gruppe-full__kategorie a:hover {
    color: var(--darkmode-font-color);
}
.darkMode .w-buttons__item--buttonwhite a.button {
    color: #333;
}
.darkMode .w-buttons__item--buttonwhite a.button:hover {
    color: #333;
}
.darkMode header {
    background-color: var(--darkmode-dark-background-color);   
}
.darkMode li.expanded {
    color: var(--darkmode-link-color);
}
/*eingeloggt*/
.page-node-2.darkMode.toolbar-horizontal #block-freiburg-content article > div:nth-child(2) > div > div:nth-child(odd) {
background-color: var(--darkmode-light-background-color);
}
/*uneingeloggt*/
.page-node-2.darkMode #block-freiburg-content article > div > div > div:nth-child(odd) {
background-color: var(--darkmode-light-background-color);
}
.darkMode .w-heading > h1:before, .darkMode .w-heading > h2:before, .darkMode h1.page-title > span:before {
    color: var(--darkmode-link-color);
}
.page-node-2.darkMode .w-section .paragraph--type--listen article:not(.group-teaser) {
    background-color: var(--darkmode-dark-background-color);
}
.darkMode .paragraph--type--listen article,
.darkMode .stichwortglossar .views-row:nth-child(2n+1) {
    background-color: var(--darkmode-light-background-color);
}
.darkMode .paragraph--type--listen article span, 
.darkMode .paragraph--type--blockreferenz article span {
    color: var(--darkmode-font-color);
}
.darkMode .paragraph--type--listen article a span:hover,
.darkMode .paragraph--type--blockreferenz article a span:hover,
.darkMode .gruppenglossar article a span:hover {
	color: var(--darkmode-link-color-hover);
}
.darkMode .paragraph--type--listen article a span:hover,
.darkMode .paragraph--type--blockreferenz article a span:hover {
	color: var(--darkmode-link-color-hover);
}
.darkMode .gruppenglossar article,
.darkMode .paragraph--type--listen article, 
.darkMode .paragraph--type--blockreferenz article {
    background-color: var(--darkmode-light-background-color);
}
.darkMode button, 
.darkMode .button, 
.darkMode .buttonwrapper a, 
.darkMode input[type='button'], 
.darkMode input[type='reset'], 
.darkMode input[type='submit'] {
    background-color: var(--darkmode-link-color);
}
.darkMode button:focus,
.darkMode .button:focus,
.darkMode a:focus .buttoninlink,
.darkMode input[type='button']:focus,
.darkMode input[type='reset']:focus,
.darkMode input[type='submit']:focus,
.darkMode .link_button:hover,
.darkMode button:hover,
.darkMode .button:hover,
.darkMode a:hover .buttoninlink,
.darkMode input[type='button']:hover,
.darkMode input[type='reset']:hover,
.darkMode input[type='submit']:hover {
	background-color: var(--darkmode-link-color-hover);
}
@media (min-width: 100px) {
    .darkMode.w-heading > h1, .darkMode .w-heading > h2, .darkMode h1.page-title > span {
        background-color: var(--darkmode-dark-background-color);
    }
}
/*Frontpage Infoboxen*/
/*eingeloggt*/
.page-node-2.darkMode.toolbar-horizontal #block-freiburg-content article > div:nth-child(2) > div > div:nth-child(2) a.button {
    background-color: #fff;
}
.page-node-2.darkMode.toolbar-horizontal #block-freiburg-content article > div:nth-child(2) > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(1) div.w-container {
    background-color: #fda8af !important;
}
.page-node-2.darkMode.toolbar-horizontal #block-freiburg-content article > div:nth-child(2) > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(2) div.w-container {
    background-color: #c4e7ad !important;
}
.page-node-2.darkMode.toolbar-horizontal #block-freiburg-content article > div:nth-child(2) > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(3) div.w-container {
    background-color: #a2ccff !important;
}
/*uneingeloggt*/
.page-node-2.darkMode #block-freiburg-content article > div > div > div:nth-child(2) a.button {
    background-color: #fff;
}
.page-node-2.darkMode #block-freiburg-content article > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(1) div.w-container {
    background-color: #fda8af !important;
}
.page-node-2.darkMode #block-freiburg-content article > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(2) div.w-container {
    background-color: #c4e7ad !important;
}
.page-node-2.darkMode #block-freiburg-content article > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(3) div.w-container {
    background-color: #a2ccff !important;
}
.page-node-2.darkMode #block-freiburg-content article > div > div > div:nth-child(4) .w-buttons__icon img {
    filter: saturate(60%);
}
/*Header*/
.darkMode .pfeilchenbitte::after {
    content: " ";
    background: url(/themes/kastanie/images/pfeil-runter-darkmode.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 0.8em;
    width: 0.8em;
}
/*Menü*/
.darkMode header nav li.expanded > ul {
    background-color: var(--darkmode-light-background-color);
}
.darkMode #block-hauptnavigation li.expanded li {
    color: var(--darkmode-font-color);
}
.darkMode #block-hauptnavigation a:hover, .darkMode #block-hauptnavigation a:focus {
    color: var(--darkmode-link-color-hover);
}
/*Slider*/
.darkMode .w-headerslider .slick-dots:before {
    background: var(--darkmode-light-background-color);
}
.darkMode .w-headerslider .slick-dots li.slick-active button:before {
    color: var(--darkmode-link-color);
}
.darkMode .w-headerslider .w-slider__title {
    background-color: var(--darkmode-dark-background-color);
}
.darkMode .w-headerslider .w-slider__lead {
    background-color: var(--darkmode-light-background-color);
}
.darkMode .w-headerslider .w-slider__title h2:before {
    color: var(--darkmode-link-color);
}
/*Barrierearmut Optionsfenster*/
.darkMode .barrierearmutfunktionen,
.darkMode .barrierearmutfunktionen .ui-widget-header {
    background-color: var(--darkmode-dark-background-color);
    color: var(--darkmode-font-color);
}
.darkMode .barrierearmutfunktionen p,
.darkMode .barrierearmutfunktionen h4 {
    color: var(--darkmode-font-color);
}

/*Footer*/
.darkMode .gb-container.gb-container-eed64087 {
    border-top: 5px solid var(--darkmode-link-color);
}
/*Newsletter*/
.darkMode #mc_embed_signup {
    background: var(--darkmode-dark-background-color);
}
.page-node-1282.darkMode fieldset {
    background-color: var(--darkmode-dark-background-color);
}
.darkMode #mc_embed_signup .button {
    background-color: var(--darkmode-link-color);
}
.darkMode #mc_embed_signup .button:hover {
    background-color: var(--darkmode-link-color-hover);
}
.darkMode #mc_embed_signup .asterisk {
    color: var(--darkmode-link-color);
}
/*Formulare*/
.darkMode .form-item-zustimmung-datenschutz label,
.darkMode .form-item-zustimmung-zur-speicherung-und-verarbeitung-ihrer-daten label {
    color: var(--darkmode-font-color);
}
.darkMode input[type="checkbox"]:checked + label::after, 
.darkMode input[type="radio"]:checked + label::after, 
.darkMode .poll #edit-choice input[type="radio"]:checked + label::after, 
.darkMode .poll #edit-choice--2 input[type="radio"]:checked + label::after, 
.darkMode #edit-feedback-bogen--wrapper .js-form-item input[type="radio"]:checked + label::after {
    background-color: var(--darkmode-link-color) !important;
}
.darkMode fieldset.captcha {
    background-color:var(--darkmode-dark-background-color);
}
/*Räume der Selbsthilfe*/
.page-node-12.darkMode text {
    fill: var(--darkmode-font-color) !important;
}
.page-node-12.darkMode text#Foyer {
    fill: #333 !important;
}