.theme-orga-dunkel {

    /* Allgemeine Mandanten-Farben */
    --clubfarbe1: #2b353e;
    --clubfarbe2: #404b52;
    --clubfarbe3: #404951;
    --clubfarbe4: #2e626d;
    --clubfarbe5: #1E8496;

    --contrast1: #C4E2E7;
    --contrast2: #CAEAE9;
    --contrast3: #f8f8f9;
    --contrast4: #f2f2f2;
    --contrast5: #A6C7C6;

    /* ORGArena Farben */
    --orga1-taupe: #30636E;
    --orga2-hell: #C4E2E7;
    --orga3-orange: #E65E0E;
    --orga4-petrol: #1E8496;
    --orga5-tint: #879996;
    --orga6-dunkel: #484747;
    --orga7-gruen: #92c252;
    --orga8-hellorange: #f09e00;

    /* Sonderfarben */
    --warnung: #fbb305;
    --positiv: #488800;
    --negativ: #f53d3d;

    /* Schrift Farben */
    --textfarbe-h: var(--contrast5);
    --textfarbe: var(--contrast1);
    --textfarbe2: var(--orga5-tint);
    --texthintergrund: white;
    --text-head: var(--textfarbe);
    --text-label: #8d9daf;

    /* Hintergrund Farben */
    --background-color: #313335;
    --content-background-color: #2b2b2b;
    --content-left-background-color: #2b2b2b;
    --content-center-background-color: #2b2b2b;
    --layout-row-background-color: var(--control-color);

    /* Status- und Rahmen Farben */
    --checked-text-color: var(--checked-text-color);
    --checked-color: var(--clubfarbe5);
    --unchecked-color: var(--clubfarbe2);
    --sopi-border-color: #3C3F41;
    --control-color: #313335;
    --icon-color: white;
    --icon-color-contrast: var(--contrast5);
    --sopi-inset-shadow-color: #1a1a1a;


    /* ************** Hier stehen die eigentlichen Zuordnungen, die in der Grundkonfiguraion schon mal passen sollten ****************** */

    /* Action-Sheets */
    --action-sheet-titel-background-color: var(--divider-background-color);
    --action-sheet-titel-text-color: var(--divider-color);
    --action-sheet-text-color: var(--textfarbe);
    --action-sheet-icon-color: var(--icon-color);

    /* Alerts */
    --alert-background-color: white;
    --alert-titel-background-color: var(--divider-background-color);
    --alert-titel-text-color: var(--divider-color);
    --alert-text-color: var(--textfarbe);
    --alert-icon-color: var(--icon-color);
    --alert-button-color: var(--icon-color);
    --alert-top-bottom-background-color: var(--control-color);

    /* Badges */
    --badge-background-color: var(--clubfarbe5);
    --badge-color: white;
    --badge-icon-color: var(--contrast1);
    --badge-special-background-color: var(--clubfarbe3);
    --badge-special-color: var(--orga8-hellorange);
    --badge-special-icon-color: var(--orga3-orange);

    /* Button */
    --button-background-color: var(--clubfarbe3);
    --button-color: white;
    --button-hover-background-color: var(--sopi-border-color);
    --button-hover-color: var(--orga8-hellorange);

    /* Button-Select - Bspw. zur Klassifizierung beim Incident Management  */
    --button-select-background-color: var(--clubfarbe3);
    --button-select-color: white;
    --button-select-border-color: var(--clubfarbe3);
    --button-select-hover-background-color: var(--clubfarbe5);
    --button-select-hover-color: var(--clubfarbe3);
    --button-select-hover-border-color: var(--clubfarbe3);
    --button-select-selected-background-color: var(--clubfarbe3);
    --button-select-selected-color: var(--orga8-hellorange);
    --button-select-selected-border-color: var(--clubfarbe3);

    /* Button - Die zwei großen für die Aufgaben-Checks */
    --check-button-nicht-ok-background-color: white;
    --check-button-nicht-ok-hover-background-color: var(--orga3-orange);
    --check-button-ok-background-color: white;
    --check-button-ok-hover-background-color: var(--orga3-orange);

    /* Checkboxen */
    --checkbox-background-color: var(--clubfarbe1);
    --checkbox-border-color: var(--clubfarbe5);
    --checkbox-text-color: var(--textfarbe);
    --checkbox-checked-background-color: var(--checked-color);
    --checkbox-checked-border-color: var(--checked-color);
    --checkbox-checked-text-color: var(--checked-text-color);
    --checkbox-checkmark-color: white;

    /* Checkitem - z.B. Anzeigeschalten im IM */
    --checkitem-background-color: var(--control-color);
    --checkitem-icon-color: var(--checked-text-color);

    /* Datepicker */
    --datepicker-header-background-color: var(--clubfarbe1);
    --datepicker-header-color: white;
    --datepicker-content-background-color: var(--texthintergrund);
    --datepicker-content-color: var(--textfarbe);
    --datepicker-selected-background-color: var(--contrast5);
    --datepicker-selected-color: var(--clubfarbe5);
    --datepicker-button-color: var(--button-background-color);

    /* Divider - 4 Typen */
    --divider-background-color: var(--control-color);
    --divider-color: var(--clubfarbe5);
    --divider-button-background-color: var(--clubfarbe3);
    --divider-button-hover-background-color: var(--clubfarbe5);
    --divider-button-hover-color: var(--orga8-hellorange);
    --divider-button-disabled-background-color: var(--clubfarbe4);
    --divider-button-disabled-color: var(--clubfarbe2);

    --divider2-background-color: var(--control-color);
    --divider2-color: var(--clubfarbe5);
    --divider2-button-background-color: var(--clubfarbe3);
    --divider2-button-hover-background-color: var(--clubfarbe5);
    --divider2-button-hover-color: var(--orga8-hellorange);
    --divider2-button-disabled-background-color: var(--clubfarbe4);;
    --divider2-button-disabled-color: var(--clubfarbe2);

    --divider3-background-color: var(--sopi-border-color);
    --divider3-color: var(--clubfarbe4);
    --divider3-button-background-color: var(--clubfarbe3);
    --divider3-button-hover-background-color: var(--clubfarbe5);
    --divider3-button-hover-color: var(--orga8-hellorange);
    --divider3-button-disabled-background-color: var(--clubfarbe4);
    --divider3-button-disabled-color: var(--clubfarbe2);

    --divider4-background-color: var(--sopi-border-color);
    --divider4-color: var(--clubfarbe4);
    --divider4-button-background-color: var(--clubfarbe3);
    --divider4-button-hover-background-color: var(--clubfarbe5);
    --divider4-button-hover-color: var(--orga8-hellorange);
    --divider4-button-disabled-background-color: var(--clubfarbe4);
    --divider4-button-disabled-color: var(--clubfarbe2);

    /* FAB-Button - Checkedzustände, beispielsweise im IM */
    --fab-aktiv-background-color: var(--clubfarbe1);
    --fab-aktiv-color: var(--orga8-hellorange);
    --fab-disabled-background-color: var(--clubfarbe4);
    --fab-disabled-color: var(--orga5-tint);

    /* Infobox */
    --infobox-infomode-background-color: #3C3F41;
    --infobox-infomode-text-color: var(--contrast5);
    --infobox-infomode-icon-color: var(--orga4-petrol);
    --infobox-statusmode-background-color: none;
    --infobox-statusmode-text-color: var(--orga4-petrol);
    --infobox-statusmode-icon-color: var(--clubfarbe3);

    /* Incident Elemente */
    --incident-card-header-background-color: var(--control-color);
    --incident-card-header-color: var(--text-head);
    --incident-card-background-color: var(--clubfarbe3);

    --incident-system-meldung-background-color: var(--sopi-border-color);
    --incident-system-meldung-color: var(--orga1-taupe);

    /* Header in den Pages */
    --header-background-color: #1a1a1a;
    --header-color: var(--orga1-taupe);

    /* Loading - wird das hier überhaupt benötigt...?  */
    --loading-background-color: var(--alert-background-color);
    --loading-content-color: var(--textfarbe);
    --loading-content-background-color: var(--alert-background-color);
    --loading-spinner-color: var(--textfarbe);

    /* Modal-Farben */
    --modal-header-background-color: var(--clubfarbe4);
    --modal-header-color: white;
    --modal-content-background-color: var(--content-background-color);
    --modal-content-color: var(--clubfarbe4);

    /* Navidationselemente im Seitenmenü */
    --navigation-background-color: var(--orga8-hellorange);
    --navbutton-background-color: #2b2b2b;
    --navbutton-color: var(--contrast5);
    --navbutton-hover-background-color: var(--clubfarbe3);
    --navbutton-hover-color: var(--orga8-hellorange);
    --navbutton-icon-color-left: var(--clubfarbe5);
    --navbutton-icon-color-right: var(--clubfarbe5);

    --navmain-background-color: black;
    --navmainbutton-background-color: var(--clubfarbe3);
    --navmainbutton-color: white;
    --navmainbutton-hover-background-color: var(--clubfarbe5);
    --navmainbutton-hover-color: var(--orga8-hellorange);
    --navmainbutton-icon-color-left: var(--sopi-border-color);
    --navmainbutton-icon-color-right: var(--sopi-border-color);

    /* Pinboard */
    --pinboard-background-color: var(--sopi-border-color);
    --pinboard-headline-color: var(--clubfarbe5);
    --pin-background-color: var(--clubfarbe3);
    --pin-label-color: var(--textfarbe);
    --pin-right-label-color: var(--textfarbe);

    /* Radio-Buttons */
    --radio-color: var(--clubfarbe5);
    --radio-color-checked: var(--checked-color);
    --radio-text-color: var(--textfarbe);
    --radio-checked-text-color: var(--checked-text-color);

    /* Refresher */
    --refresher-icon-color: var(--orga3-orange);
    --refresher-border-color: var(--orga2-hell);
    --refresher-background-color: white;

    /* Scrollbar */
    --scrollbar-thumb-color: var(--clubfarbe4);
    --scrollbar-background-color: var(--clubfarbe3);
    --scrollbar-corner-color: var(--clubfarbe3);

    /* Suche */
    --searchbar-outer-background-color: rgba(0, 0, 0, 0.1);
    --searchbar-background-color: var(--orga1-taupe);
    --searchbar-color: var(--orga2-hell);
    --searchbar-icon-color: var(--orga8-hellorange);

    /* Segmente - Reiter */
    --segment-button-background-color: var(--clubfarbe3);
    --segment-button-color: var(--orga5-tint);
    --segment-button-active-background-color: #131313;
    --segment-button-active-color: var(--orga2-hell);
    --segment-button-disabled-background-color: #4E5254;
    --segment-button-disabled-color: #313335;

    /* Selection-Button - Das sind die Auswahl-Buttons unten in den SOPI-Listen */
    --selection-button-background-color: var(--clubfarbe3);
    --selection-button-color: var(--clubfarbe5);
    --selection-button-border-color: var(--sopi-border-color);
    --selection-button-hover-background-color: var(--clubfarbe1);
    --selection-button-hover-color: var(--orga8-hellorange);
    --selection-button-hover-border-color: var(--clubfarbe1);
    --selection-button-disabled-color: var(--sopi-border-color);

    /* Slide & Swipe */
    --slider-background-color: var(--content-background-color);
    --swiper-pagination-bullet: var(--clubfarbe2);
    --swiper-pagination-bullet-active: var(--clubfarbe1);

    /* Sopi-Love im Seitenmenü */
    --sopi-love-t1: var(--orga1-taupe);
    --sopi-love-t2: var(--orga4-petrol);
    --sopi-love-t3: var(--orga4-petrol);
    --sopi-love-heart: var(--orga8-hellorange);
    --sopi-love-background-color: var(--clubfarbe1);

    /* Tabbar */
    --tabbar-background: var(--clubfarbe2);
    --tabbar-tab-button-background-color: var(--clubfarbe2);
    --tabbar-tab-button-color: white;
    --tabbar-tab-icon-color: white;
    --tabbar-tab-button-active-background-color: var(--clubfarbe1);
    --tabbar-tab-button-active-color: var(--clubfarbe2);
    --tabbar-tab-icon-active-color: white;

    /* Textarea*/
    --textarea-background-color: var(--content-background-color);
    --textarea-outer-background-color: var(--control-color);
    --textarea-color: var(--textfarbe);
    --textarea-label-color: var(--text-label);

    /* Toggle-Buttons */
    --toggle-off-background-color: var(--clubfarbe1);
    --toggle-on-background-color: var(--checked-color);
    --toggle-handle-background:  var(--clubfarbe3);
    --toggle-handle-background-checked:  var(--clubfarbe3);

    /* Toolbar */
    --toolbar-background-color: var(--clubfarbe1);
    --toolbar-color: white;

    /* Update-Modal --- eigentlich nur MobileClient */
    --update-modal-color: white;
    --update-modal-background-color: var(--orga1-taupe);
    --update-modal-button-color: white;
    --update-modal-button-background-color: #008784;
    --update-modal-button-hover-color: white;
    --update-modal-button-hover-background-color: #0da4a4;
    --update-modal-progress-outer-color: white;
    --update-modal-progress-outer-background-color: var(--orga1-taupe);
    --update-modal-progress-outer-border-color: white;
    --update-modal-progress-inner-background-color: #008784;

}