MediaWiki:Medik.css: Unterschied zwischen den Versionen

Aus HCG-Wiki

(Die Seite wurde neu angelegt: „→‎All CSS here will be loaded for users of the Medik skin: body { background-color: #000; } →‎Oberste Leiste: #cosmos-banner { background-color: #585858; } #searchInput { background: #3c3c3c; color: #000000; } #mw-content a:not(.new) { color: #02008c; text-decoration: none; } →‎Nav-Bar: .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { →‎Experimental: background-color: rgba(8,132,13…“)
 
(MediaQuery für Wikitables hinzugefügt, die keine eigene Weite angegeben haben, um die Ansicht auf z.B. Mobilgeräten drastisch zu verbessern)
 
(30 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* All CSS here will be loaded for users of the Medik skin */
/* All CSS here will be loaded for users of the Medik skin */


/*Body and Wrapper*/
body {
body {
      background-color: #000;
    background-color: #100a1e;
}
#mw-navigation {
    border-right: 1px solid var(--D4);
    background-color: #25213f;
}
.row {
    background-color: #1f1c31;
}
.mw-footer {
    border-top: 1px solid var(--D4);
    background-color: #100a1e;
}
.mw-footer #footer-list li:not(:first-child)::before {
    color: var(--T7);
}
.mw-footer a {
    color: var(--T6);
    font-weight: 600;
}
.mw-footer a:hover {
    color: var(--T7);
    font-weight: 600;
}
.mw-footer li {
    color: var(--D4);
}
 
/*Navigation*/
/*ownEvent Überschrift über jeder Seite*/
h3#ownEventHeading {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: var(--A3);
}
@media (max-width: 1050px) {
    h3#ownEventHeading {
        display: none;
    }
}
/*Testweise ob Elemente auf der Navbar größer werden (1,2-1,5x)*/
button.btn.btn-link {
    font-size: 120%;
}
}


/*Oberste Leiste*/
a#p-banner {
#cosmos-banner {
     font-size: 150%;
     background-color: #585858;
    padding-top: 0px;
}
}


#searchInput {
.dropdown-toggle::after {
     background: #3c3c3c;
    border-top: .4em solid;
     color: #000000;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    color: var(--D2);
}
.dropdown-menu {
     background-color: var(--D8);
    border: 3px solid rgba(0,0,0,.2);
}
.dropdown-item {
     color: var(--A3);
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--A3);
    background-color: var(--D7);
}
}


#mw-content a:not(.new) {
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
     color: #02008c;
    margin-left: -10px;
     text-decoration: none;
    filter: invert(1);
}
#mw-navigation a.nav-link.disabled {
    color: var(--T3);
    font-size: 24px;
    margin-top: 0.4em;
}
#mw-navigation a:not(.disabled) {
     color: var(--T2);
     font-size: 20px;
}
#mw-navigation a:not(.disabled):hover {
    color: var(--T5);
}
}


/*Nav-Bar*/
#mw-navigation a {
    display: block;
    padding: 0.15em 1em;
}
#mw-navigation ul {
    margin: 10px;
    margin-top: 0px;
}




.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { /*Experimental*/
/*Suchfunktion / Such-Maske*/
     background-color: rgba(8,132,136,0.1);
#searchInput {
     color: #656565;
    max-width: 100%;
    background-color: var(--A5);
    color: #ffffff;
}
input#searchInput::placeholder {
    color: var(--T3);
}
.form-control {
    border: 1px solid var(--D7);
}
.form-control:focus {
    border-color: var(--D3);
    box-shadow: 0 0 0 0.2rem rgb(50 0 255 / 25%);
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
    color: var(--T3);
}
.suggestions-results {
    background-color: var(--D4);
    border: 1px solid var(--D3);
    color: var(--T3);
}
.suggestions-result {
    color: var(--T3);
}
.suggestions-result-current {
    background-color: var(--D3);
    color: var(--T1);
}
.suggestions-special:hover {
    background-color: var(--D3);
    border: 1px solid var(--D2);
    color: var(--T2);
}
.suggestions-special {
     background-color: var(--D4);
    border: 1px solid var(--D3);
    color: var(--T3);
}
.suggestions-special .special-label {
    color: var(--T2);
}
.suggestions-special .special-query {
     color: var(--T1);
}
}


.wds-dropdown__content {
#mw-searchoptions {
     border: 1px solid #8a8a8a;
    clear: both;
     background-color: #c3c3c3;
    padding: 0.5em 0.75em 0.75em 0.75em;
    background-color: var(--D7);
    margin: -1px 0 0;
     border: 1px solid var(--D6);
     border-radius: 0 0 2px 2px;
}
}
 
#mw-search-togglebox input {
#cosmos-actionsList-list a:hover {
    margin-left: 0.25em;
     background-color: #b9b9b9;
    background-color: var(--D4);
    border-color: var(--D7);
}
.mw-search-profile-tabs {
     background-color: var(--D7);
    border: 1px solid var(--D5);
}
.search-types .current a {
    color: var(--T4);
    cursor: default;
}
}


/*Inhalt unter Nav-Bar*/
.results-info {
#mw-content{
    color: var(--T2);
background: #808080;
}
}


/*Erstellen einer Seite*/


.wds-input__field {
/*Schrift im Allgemein*/
    width: 100%;
p {
    box-sizing: border-box;
     color: var(--T1);
    padding: 0 0 2px;
    border: 0;
    border-bottom: 2px solid #480280;
     color: #000000;
    font-size: 16px;
    background-color: #b5b5b5;
    line-height: 1em;
    resize: none;
}
}


.wds-button.wds-is-text {
.oo-ui-labelElement .oo-ui-labelElement-label {
    border: 0;
     color: var(--T1);
     color: #404040;
}
}


div.editOptions {
.mw-editform #wpTextbox1 {
     padding: 1.25em 1.75em;
     color: var(--T1);
    border: solid #696969;
    border-width: 0 1px 0.2em;
    background: #c5c5c5;
}
}


textarea {
*, ::after, ::before {
     background-color: #b7b7b7;
    color: var(--T1);
}
h1 {
    color: var(--A0);
    border-bottom: 2px solid var(--D3);
}
h2 {
    color: var(--A0);
    border-bottom: 1px solid var(--D4);
}
.mw-body-content h1 {
    color: var(--A0);
    border-bottom: 1px solid var(--D3);
}
.mw-body-content h2 {
    color: var(--A0);
    border-bottom: 1px solid var(--D4);
}
.mw-body-content h3 {
    color: var(--T3);
}
.mw-body-content h4 {
    color: var(--T4);
}
.mw-body-content h5 {
    color: var(--T5);
}
a {
    color: var(--A2);
}
a:visited {
    color: var(--A3);
}
a:hover {
     color: var(--A3);
}
a.new:hover {
    color: #ba0000;
}
#content a:not(.new):visited, #siteNotice a:not(.new):visited {
    color: var(--A3);
}
a.dropdown-item:visited:focus {
    color: var(--A3);
}
a.dropdown-item:visited:hover {
    color: var(--A3);
}
a.dropdown-item:visited {
    color: var(--A4); /*VORERST DEAKTIVIERT, UNTER DROPDOWN KEINE VISITED HERVORHEBEN*/
}
}


.wikiEditor-ui .wikiEditor-ui-view {
#firstHeading {
     border: 0px solid #00000000;
    overflow: visible;
    color: var(--T1);
}
aside a:not(.disabled) {
     color: var(--A4);
}
}


/*wikitable*/
/*Tabellen und Felder innerhalb der Seite*/
body .wikitable > tr > th, body .wikitable > tr > td, body .wikitable > * > tr > th, body .wikitable > * > tr > td {
.wikitable {
     background-color: #bbbbbb;
    background-color: var(--D8);
     color: #000000;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid var(--D5);
}
.catlinks {
    border: 1px solid var(--D5);
     background-color: var(--D8);
}
div#mw-normal-catlinks {
     color: var(--A2);
}
}


.wikitable:not([style*='background-color']) > * > tr > td {
/*Testweise*/
     background: #c7c7c7;
.wikitable > tr > th, .wikitable > * > tr > th {
     background-color: var(--D8);
    text-align: right;
}
}


/*Text*/
.toc, .toccolours {
#mw-content-text {
     border: 2px solid var(--D6);
     color: #ffffff;
     background-color: var(--D8);
     line-height: 1.5;
}
}
pre, .mw-code {
.mw-content-ltr .tocnumber {
     color: #000;
     color: var(--T4);
    background-color: #bbbbbb;
    border: 1px solid #525252;
}
}


/*Filter*/
/*Wikitables MediaQuery*/


.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
@media (max-width: 1200px) {
    background-color: #bbbbbb;
    .wikitable {
     border: 1px solid #afafaf;
    width: 100%;
     }
}
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #dedede;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/*MsCalender*/
    background-color: #d8d8d8;
 
    color: #202122;
    border-color: #a2a5b1;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
.weekNo {
     border-color: #5333cc;
     display: none;
    box-shadow: inset 0 0 0 1px #2f2b8e;
    outline: 1px solid transparent;
}
}
 
.ms-calendar-header {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
     border: 0px solid #DDDDDD;
    background-color: #372a8d;
    color: #fff;
     border-color: #312a8d;
}
}
 
.fc-calendar .fc-row > div.fc-empty {
.oo-ui-popupWidget-popup {
     background: var(--D7);
     background-color: #777;
    border: 1px solid #52599a;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
}
}


.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
@media (min-width: 1546px) {
     border-color: #6833cc;
     div#HauptseiteKalender {
    box-shadow: inset 0 0 0 1px #4733cc, inset 0 0 0 2px #fff;
    width: 40vw;
     outline: 1px solid transparent;
     }
}
}
 
@media (max-width: 1546px) {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
     div#HauptseiteKalender {
     border-color: #6d46c7;
    width: calc(100%);
     box-shadow: inset 0 0 0 1px #5533cc, inset 0 0 0 2px #fff;
     }
}
}
 
@media (max-width: 1414px) {
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    .fc-calendar .fc-row > div, .fc-calendar .fc-head > div {
    color: #000;
    font-size: 1.2vw;
    }
    .fc-calendar .fc-head > div {
    letter-spacing: 1px;
}
.ms-calendar-header select, .ms-calendar-header input {
    width: 118px;
}
}
}
 
.ms-calendar-header span.ms-calendar-current {
/*Liste von Abkürzungen*/
     background: transparent url(/extensions/MsCalendar/resources/images/calendar-icon-today.png?ddf6a) no-repeat 0px 3px;
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
     vertical-align: middle;
     background-color: #a9a9a9;
     border: 1px solid #75787b;
}
}


/*Editor*/


a { /*Experimental*/
.fc-row > div:first-child {
     text-decoration: none;
     border-left: 1px solid var(--D5);
     color: #615fa7;
}
     background: none;
.fc-calendar .fc-row > div {
     border-right: 1px solid var(--D5);
    border-bottom: 1px solid var(--D5);
    background: var(--D6);
}
.fc-calendar .fc-row > div.fc-we {
    background: var(--D6);
}
.fc-calendar .fc-row > div.fc-today {
    background: var(--D5);
    background: var(--D4);
    background-color: var(--D4);
     background-image: linear-gradient(to bottom,var(--D4),var(--D5));
}
.fc-calendar .fc-row > div > span.fc-date {
    color: var(--T2);
}
.fc-calendar span.add_event {
    color: var(--D6);
}
.fc-calendar span.add_event:hover {
    color: var(--D5);
}
.fc-calendar .fc-row > div.fc-today span.add_event:hover {
    color: var(--D4);
}
.fc-calendar-container .fc-body {
border-top: 1px solid var(--D5);
    background: var(--D5);
}
.fc-calendar .fc-row > div, .fc-calendar .fc-head > div {
    font-family: sans-serif;
    font-stretch: extra-condensed;
}
.ms-calendar-header span.ms-calendar-current:hover {
    color: var(--A4);
}
}


/*Marked text in editor*/
/*Bilderansicht*/
.ace-tm .ace_marker-layer .ace_selection {
.mw-mmv-post-image {
     background: rgb(149 155 218);
    background-color: var(--D8);
}
.mw-mmv-image-metadata {
    border-top: 1px solid var(--D4);
    background-color: var(--D7);
}
.oo-ui-menuSelectWidget {
    background-color: var(--D5);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--D5);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--D4);
}
#filetoc {
    border: 1px solid var(--D4);
    background-color: var(--D7);
}
.mw_metadata td {
    background-color: var(--D7);
}
.mw_metadata td, .mw_metadata th {
    border: 1px solid var(--D5);
}
.mw_metadata th {
     background-color: var(--D7);
}
.mw-mmv-reuse-dialog .mw-mmv-dialog-warning {
    padding: 15px 30px;
    color: #000000;
}
.mw-mmv-dialog {
    background-color: var(--D5);
    box-shadow: 0 2px 2px 0 var(--D7);
}
.mw-mmv-options-text-header {
    margin: 0;
    font-size: 1em;
    color: var(--T3);
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--D5);
}
.mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    color: var(--T4);
}
.mw-mmv-options-dialog-header {
    color: var(--T1);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: var(--D4);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: var(--D4);
}
}


.wikiEditor-ui-toolbar {
/*Vorschaubilder / Thumbs für Bilder*/
     background-color: #b9b9b9;
.thumbimage {
    background-color: var(--D6);
    border: 2px solid var(--D5);
}
div.thumbinner {
    border: 2px solid var(--D9);
    background-color: var(--D7);
}
.magnify a {
    filter: invert(0.7);
}
/*Versionsgeschichte + Letzte Änderungen*/
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
    filter: invert(1);
}
#pagehistory li.selected {
     background-color: var(--D8);
    color: #202122;
    outline: 1px dashed var(--A4);
}
.diff-addedline .diffchange {
    background: var(--A4);
}
.diff-context {
    background: var(--D8);
    border-color: var(--D6);
    color: #202122;
}
.autocomment, .autocomment a, .autocomment a:visited {
    color: var(--T4);
}
.diff-addedline {
    border-color: var(--A3);
}
.diff-deletedline {
    border-color: #af5c5c;
}
.mw-ui-button:not(:disabled):hover {
    background-color: var(--A4);
    color: var(--T2);
    border-color: var(--A3);
}
.mw-ui-button {
    background-color: var(--A5);
    color: var(--T3);
    border: 2px solid var(--D3);
}
.mw-ui-button:not(:disabled):focus {
    color: var(--T1);
    border-color: var(--A5);
    box-shadow: inset 0 0 0 1px var(--A4), inset 0 0 0 2px var(--A3);
}
}


.ace-tm {
/*Editor Icons + Schrift*/
     background-color: #c4c4c4;
.wikiEditor-ui-toolbar .tabs span.tab a {
     color: black;
    color: var(--A3);
}
.wikiEditor-ui-toolbar .booklet > .index > div {
    color: var(--T2);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
    color: var(--T3);
    background-color: var(--D7);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
    color: var(--T1);
    background-color: var(--D6);
}
.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--D7);
    color: var(--T2);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--D7);
    border: 1px solid var(--D6);
    color: var(--T1);
}
.wikiEditor-ui-toolbar .sections .section {
    border-top: 1px solid var(--D5);
}
.wikiEditor-ui-toolbar .group .label {
    color: var(--A4);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    opacity: 0.8;
    filter: invert(1);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: var(--A4);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: var(--A3);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--D6);
}
/*GGF AUF HEADER FARBEN AUFTEILEN IM T ODER A AUFTEILEN FALLS ÜBERSCHRIFT MAL FEST VERÄNDERT*/
.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--T2);
     background-color: var(--D7);
}
/*GLEICHES BEI SCHRIFT (Abschnitt Hilfe)*/
.wikiEditor-ui-toolbar .page-table th {
     color: var(--T4);
}
}


.ace-tm .ace_gutter {
/*VisualEditor*/
    background: #d4d4d4;
/*!
    color: #000;
* VisualEditor MediaWiki UserInterface raster icon styles.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
 
/* Highlighter styles */
 
.ve-ce-MWSyntaxHighlightNode pre {
padding: 0;
margin: 0;
}
}


.ace-tm .ace_gutter-active-line {
.ve-ce-mwSynHi-error {
    background-color: #bdbdbd;
border-bottom: 1px dotted red;
}
}


.codeEditor-status {
.ve-ce-mwSynHi-suggestion {
    background-color: #d4d4d4;
border-bottom: 1px dotted var(--A3);
    border-top: 1px solid #c8ccd1;
}
}


.editOptions {
.ve-ce-mwSynHi-symbol {
    border: solid #757575;
color : #339933;
    background: #bfbfbf;
}
}


.oo-ui-textInputWidget .oo-ui-inputWidget-input {
.ve-ce-mwSynHi-keyword {
    background-color: #dcdcdc;
color: #000066;
font-weight: bold;
}
}


.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
.ve-ce-mwSynHi-metaconstant {
    outline: 0;
color: #003366;
    border-color: #3e33cc;
font-weight: bold;
    box-shadow: inset 0 0 0 1px #4033cc;
}
}


.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
.ve-ce-mwSynHi-metaconstant {
    border-color: #333ecc;
color: #000066;
}
}


.oo-ui-checkboxInputWidget [type='checkbox'] + span {
.ve-ce-mwSynHi-typeconstructor {
    background-color: #e6e6e6;
color: #000066;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
.ve-ce-mwSynHi-reserved {
    background-color: #896fd0;
color: #FF0000;
    border-color: #340077;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
.ve-ce-mwSynHi-escape {
    background-color: #4020ce;
color: #000099;
    border-color: #462cce;
font-weight: bold;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.ve-ce-mwSynHi-bracket {
    background-color: #9491d6;
color : #009900;
    color: #202122;
    border-color: #a2a5b1;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
.ve-ce-mwSynHi-string {
    background-color: #5b49ad;
color : #3366CC;
    border-color: #5339b3;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
.ve-ce-mwSynHi-number {
    border-color: #36009c;
color : #CC0000;
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
 
    background-color: #5c51d0;
.ve-ce-mwSynHi-method {
    border-color: #3a2e94;
color : #660066;
    box-shadow: inset 0 0 0 1px #3c2a8d;
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
 
    border-color: #6944f5;
.ve-ce-mwSynHi-comment-single {
color: #006600;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
.ve-ce-mwSynHi-comment-multi {
    background-color: #3c2a8d;
color: #006600;
    border-color: #432a8d;
    box-shadow: inset 0 0 0 1px #372a8d;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
/* Editor interface styles */
    border-color: #4c33cc;
    box-shadow: inset 0 0 0 1px #3334cc;
    outline: 1px solid transparent;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
.ve-ui-simplesurface {
    border-color: #4533cc;
background: var(--D7);
    box-shadow: inset 0 0 0 1px #3334cc, inset 0 0 0 2px #fff;
    outline: 1px solid transparent;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
.ve-ui-simplesurface-container-editbox pre {
    background-color: #eff3fa;
background-color: transparent;
    color: #422a8d;
    border-color: #352a8d;
    box-shadow: none;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.ve-ui-simplesurface-toolbar-dropdown {
    color: #fff;
border: solid 1px var(--D6);
    background-color: #3334cc;
box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
    border-color: #3f2b8a;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.ve-ui-simplesurface-lineNumber {
    color: #000000;
border-right: 1px solid rgba(65, 51, 171,.3);
    background-color: #6656ce;
background: rgba(65, 51, 171,.1);
    border-color: #7268bf;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
.ve-ui-simplesurface-text-selected {
    background-color: #7444f5;
background: rgba(65, 51, 171,.3);
    border-color: #6144f5;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
.ve-ui-simplesurface-cursor-line {
    border-color: #3733cc;
background: rgba(65, 51, 171,.1);
    box-shadow: inset 0 0 0 1px #6b33cc;
    outline: 1px solid transparent;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.ve-ui-simplesurface-cursor {
    color: #4333cc;
border-left: 2px solid black;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
.ve-ui-simplesurface-text-linewrap {
    background-color: #4033cc;
background: rgb(66, 46, 125);
    border-color: #5a33cc;
    box-shadow: inset 0 0 0 1px #4e33cc, inset 0 0 0 2px #fff;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
.ve-ui-simplesurface-container-search {
    border-color: #3733cc;
background: white;
    box-shadow: inset 0 0 0 1px #4733cc;
    outline: 1px solid transparent;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.ve-ce-linkAnnotation.ve-ce-annotation-active {
     color: #000000;
     box-shadow: 0 0 0 1px var(--A4);
     background-color: #6656ce;
     background-color: var(--D7);
    border-color: #7268bf;
}
}
 
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
     border-bottom-color: var(--D5);
     color: #8483d0;
}
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
     background-color: var(--A4);
     background-color: #9491d6;
     border-color: #ff4242;
    color: #202122;
     border-color: #a2a5b1;
}
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
     background-color: #fff;
     background-color: var(--A4);
     border-color: #525252;
    border-color: #447ff5;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    color: #447ff5;
    background: var(--A4);
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
    background-color: var(--A5);
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
    border-right-color: var(--D5);
}
.oo-ui-toolbar-bar {
    background-color: var(--D4);
    color: var(--T2);
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-bottom: 1px solid var(--A5);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
    background-color: var(--A5);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
    background-color: var(--A6);
}
.oo-ui-menuToolGroup {
    border-left: 1px solid var(--A5);
    border-right: 1px solid var(--A5);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
    background-color: var(--A4);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: var(--A4);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
    background-color: var(--A5);
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: var(--A5);
    color: #36c;
}
.oo-ui-popupToolGroup-tools {
    background-color: var(--D2);
     border: 1px solid var(--D4);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background-color: var(--A5);
}
.oo-ui-tool .oo-ui-iconElement-icon {
    filter: invert(1);
}
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
    filter: invert(1);
}
.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
    color: var(--A2);
}
.ve-ui-specialCharacterPage h3 {
    color: var(--T2);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--A6);
    color: #36c;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--A5);
}
.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
    background: var(--D7);
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
    outline: 1px solid var(--D9);
    background-color: var(--D6);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
    background-color: var(--A5);
    border-right-color: var(--A5);
}
.ve-ui-mwTemplatePage-description {
    color: var(--T3);
}
.oo-ui-tabSelectWidget-framed {
    background-color: var(--D7);
}
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
    background: var(--D7);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
     background-color: #a0a0a0;
    border-bottom-color: var(--D4);
     color: #404244;
}
     border-color: #a2a9b1;
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--D4);
}
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
    background-color: var(--D4);
}
.mw-widget-mediaResultWidget-overlay {
    box-shadow: inset 0 0 0 2px var(--D8);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: rgba(0,0,0,0.2);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
    background-color: rgba(0,0,0,0.4);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--D3);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: var(--D6);
    -webkit-transition: background-color 250ms,color 250ms,border-color 250ms;
    transition: background-color 250ms,color 250ms,border-color 250ms;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
     background-color: var(--A4);
    border-right-color: #c8ccd1;
}
.oo-ui-menuLayout-expanded, .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu, .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
    background: var(--D7);
}
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
    border-right: 1px solid var(--D5);
}
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
    filter: invert(1);
}
.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon {
    filter: invert(1);
}
.ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date {
    font-size: 0.9em;
    color: var(--T4);
}
.oo-ui-processDialog-content .oo-ui-window-body {
    top: 2.85714286em;
     background: var(--D7);
}
.ve-ui-mwSaveDialog-options {
    background-color: var(--D6);
     border: 1px solid var(--D8);
}
[data-diff-action='change'], [data-diff-action='change-insert'] {
    background-color: var(--D3) !important;
    box-shadow: 0 0 0 1px var(--D3);
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
    background: var(--D3);
}
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    left: 0.35714286em;
     border-color: #36009c;
     filter: invert(1);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
/*Schwieriger Kontrast, unsicher, erstmal testweise*/
     color: #000;
.mw-parser-output a.extiw, .mw-parser-output a.external {
    background-color: #8f81cc;
     color: var(--A8);
    border-color: #796486;
    box-shadow: none;
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
 
    border-color: #4c33cc;
/*Testweise da Fertig irgendwie nicht hervorgehoben*/
    box-shadow: inset 0 0 0 1px #4733cc;
.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
     outline: 1px solid transparent;
    background: var(--A4);
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
    background-color: var(--A4);
    color: #ffffff;
}
.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
    background: var(--A5);
}
.oo-ui-buttonElement-framed.oo-ui-widget> .oo-ui-buttonElement-button:hover {
    background: var(--A5);
}
.oo-ui-icon-link, .mw-ui-icon-link:before {
     filter: invert(1);
}
}
.oo-ui-icon-quotes, .mw-ui-icon-quotes:before {
/*Footer*/
     filter: invert(1);
#cosmos-footer {
     background-color: #636363;
}
}


/*Toolbar*/
.oo-ui-buttonElement-framed.oo-ui-widget> .oo-ui-buttonElement-button:hover {
#cosmos-toolbar {
     background: var(--D5);
    background-image: -moz-linear-gradient(left,#303030 0,#000000 50%,#303030 100%);
    background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#25246d),color-stop(50%,#000000),color-stop(100%,#64458e));
     background-image: -o-linear-gradient(left,#303030 0,#000000 50%,#303030 100%);
    background-image: -ms-linear-gradient(left,#303030 0,#000000 50%,#303030 100%);
    box-shadow: 0 0 10px 0 #252525;
}
}


/*Lücke zwischen Suche und Inhalt kleiner*/
/*Fix, kinda undo filter:invert if dropdown opened*/
body > #mw-content-container {
span.oo-ui-iconElement-icon.oo-ui-icon-textStyle.oo-ui-image-progressive {
     margin-top: 4%;
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-listBullet.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-specialCharacter.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-menu.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-help.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-edit.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-eye.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-link.oo-ui-image-progressive {
     filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-undo.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-bold.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-listNumbered.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-outdent.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-indent.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-image.oo-ui-image-progressive {
    filter: brightness(3);
}
}


/*Kategorie-Leiste grau färben*/
/*Editor-Felder*/
#catlinks {
.wikiEditor-ui-toolbar .group {
background-color: #dddddd;
    border-color: var(--D6);
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid var(--D6);
}
.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid var(--D6);
}
#editform, #toolbar, #wpTextbox1 {
    background-color: var(--D7);
}
.wikiEditor-ui-toolbar {
    background-color: var(--D8);
}
pre, code, .mw-code {
    background-color: var(--D8);
    color: var(--T1);
    border: 1px solid var(--D6);
}
}
/*Warnungs-Box*/
.mw-message-box-warning, .warningbox {
.mw-message-box-warning, .warningbox {
     background-color: #dddddd;
     background-color: var(--D6);
}
/*Quellcode-Editor*/
.ace-tm .ace_gutter {
    background: var(--D6);
}
.ace_content {
    background-color: var(--D7);
}
.codeEditor-status {
    background-color: var(--D6);
    border-top: 1px solid var(--D3);
}
.ace-tm .ace_gutter-active-line {
    background-color: var(--D7);
}
.ace-tm .ace_print-margin {
    width: 1px;
    background: var(--D8);
}
}


/*Datum auswählen-Feld*/
/*Bearbeitung speichern*/
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
/*Bearbeitung speichern Flächen*/
     background-color: #cccccc;
.editOptions {
    background-color: var(--D8);
    color: var(--T3);
    border: 1px solid var(--D7);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    color: var(--T2);
    background-color: var(--D6);
    border: 1px solid var(--D8);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
    border-color: var(--D9);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    border-color: var(--D9);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
     border-color: var(--D9);
    box-shadow: inset 0 0 0 1px var(--D9);
}
}


/*Dropdown-Menüs*/
/*Notifications / Änderungen gespeichert, Meldungen*/
.oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
.mw-notification {
     background-color: #cccccc;
    border: solid 1px #ddd;
     background-color: var(--D4);
}
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
/*U.a. einige Admin-Dashboards*/
     background-color: #cccccc;
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    text-shadow: 0 1px 1px var(--D8);
    border-color: var(--D9);
    background-color: var(--D6);
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
    background-color: var(--D7);
    text-shadow: 0 1px 1px var(--D7);
    border-color: var(--D9);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--D7);
    border: 1px solid var(--D5);
}
.mw-changeslist-legend {
    background-color: var(--D8);
    border: 1px solid var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    background-color: var(--D5);
    border-color: var(--D4);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--D6);
    border: 1px solid var(--D6);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    background-color: var(--D6);
    border: 1px solid var(--D8);
}
.oo-ui-popupWidget-popup {
    background-color: var(--D5);
    border: 1px solid var(--D7);
    border-radius: 0px;
}
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
    background-color: var(--D5);
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
    border-color: var(--A5);
    box-shadow: inset 0 0 0 1px var(--A4), inset 0 0 0 2px var(--A5);
    outline: 1px solid transparent;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
    opacity: 0.67;
    filter: invert(1);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    font-weight: bold;
    color: var(--T4);
    white-space: nowrap;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--D8);
    border-color: var(--D6);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
    background-color: var(--D5);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
    color: var(--T1);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    background-color: var(--A5);
}
.oo-ui-dropdownWidget-handle {
    border: 1px solid var(--A4);
    border-radius: 0px;
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--D6);
    border: 1px solid var(--A5);
}
.mw-widgets-datetime-calendarWidget {
     background-color: var(--D4);
    border: 1px solid var(--A5);
}
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
     background-color: #dddddd;
     background-color: var(--D4);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: var(--D4);
    color: var(--T1);
    border-color: var(--D6);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
    border-color: var(--A4);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--A5);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--A4);
    box-shadow: inset 0 0 0 1px var(--A5);
}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
    filter: invert(1);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
}


.oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
/*TESTWEISE FÜR DATEIUPLOAD UA*/
     background-color: #cccccc;
button, input, optgroup, select, textarea {
    background-color: var(--D7);
     border-color: var(--D6);
}
}


/*Kalender-Widget*/
.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: var(--A4);
    color: #ffffff;
    border-color: var(--A3);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: var(--T3);
    background-color: var(--D4);
    border-color: var(--D5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: var(--D5);
    color: var(--T4);
    border-color: #c8ccd1;
}
.mw-widgets-datetime-calendarWidget:focus {
    border-color: var(--D2);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--D2), 0 2px 2px 0 rgb(0 0 0 / 25%);
}
.mw-widget-dateInputWidget-handle {
    background-color: var(--D4);
    border: 1px solid var(--3);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
    outline: 0;
    border-color: var(--A4);
    box-shadow: inset 0 0 0 1px var(--A5);
}
.mw-widget-dateInputWidget-calendar {
.mw-widget-dateInputWidget-calendar {
     background-color: #cccccc;
     background-color: var(--D5);
    z-index: 2;
}
}
/*Dropdown-Test*/
.mw-widget-calendarWidget {
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
    border: 1px solid var(--A5);
     background-color: #b8b8b8;
}
.mw-widget-calendarWidget-day-today {
    box-shadow: inset 0 0 0 1px var(--A5);
}
.mw-widget-calendarWidget-item-selected {
    background-color: var(--A5);
    color: #fff;
}
.mw-widget-calendarWidget-item:hover {
     background-color: var(--A4);
    color: #fff;
}
.mw-widget-calendarWidget-day-heading {
    color: var(--T2);
    font-weight: bold;
}
.mw-widget-calendarWidget-day {
    color: var(--T2);
    border-radius: 2px;
}
.mw-widget-calendarWidget:focus {
    border-color: var(--A4);
    box-shadow: inset 0 0 0 1px var(--A5);
    outline: 0;
}
.mw-widget-dateInputWidget-calendar:focus {
    box-shadow: inset 0 0 0 1px var(--A4), 0 2px 2px 0 rgb(0 0 0 / 26%);
    z-index: 3;
}
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
/*TESTWEISE FÜR TABELLEN (ÜBERSCHRIFT MITTIG FÜR KALENDER)*/
     background-color: #aaaaaa;
thead {
     text-align: center;
}
}


/*Auswahlfelder Drop Down*/
/*Buttons*/
select {
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
     background-color: #cccccc;
    background-color: var(--D8);
    border-color: var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: var(--A4);
    border-color: var(--A5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: var(--A5);
    border-color: var(--A6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
    background-color: var(--A6);
    border-color: var(--A7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: var(--A6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
     background-color: var(--A6);
    border-color: var(--A7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: var(--T3);
    background-color: var(--D4);
    border-color: var(--D5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: var(--T2);
    background-color: var(--D5);
    border-color: var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    color: var(--T2);
    border-color: var(--D7);
    box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
    color: var(--T2);
    background-color: var(--D6);
    border-color: var(--D7);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: var(--D4);
    box-shadow: inset 0 0 0 1px var(--D4);
}
/*Checkboxes*/
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
    background-color: var(--D4);
    border-color: var(--D6);
    box-shadow: inset 0 0 0 1px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
    background-color: var(--D6);
    border-color: var(--D8);
    box-shadow: inset 0 0 0 1px var(--D8);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
    background-color: var(--D6);
    border-color: var(--D7);
    box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: var(--D6);
    border-color: var(--D8);
    box-shadow: inset 0 0 0 1px var(--D8);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: var(--D4);
    border-color: var(--D6);
    box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
    background-color: var(--D4);
    border-color: var(--D5);
    box-shadow: inset 0 0 0 2px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
    border-color: var(--D6);
    box-shadow: inset 0 0 0 1px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    border-color: var(--D5);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
    background-color: var(--D4);
    border-color: var(--D5);
}
}


/*Table wie Inhaltsverzeichnis*/
:root {
.toc {
     --D9: #201d30;
     border: 1px solid #aaaaaa;
--D8: #282343;
    background-color: #bbbbbb;
--D7: #302957;
}
--D6: #372d6c;
--D5: #3e3082;
--D4: #43329a;
--D3: #4832b3;
--D2: #4c32cd;
--A8: #910ac7;
--A7: #800cdf;
--A6: #6610f2;
--A5: #562af4;
--A4: #4b42f5;
--A3: #5a6cf6;
--A2: #7298f8;


/*Allgemein Input-Buttons TEST*/
    --A0: #6610f2;
button, input, optgroup, select, textarea {
   
     background-color: #cccccc;
    --T8: #888888;
    --T7: #999999;
    --T6: #aaaaaa;
    --T5: #bbbbbb;
     --T4: #cccccc;
    --T3: #dddddd;
    --T2: #eeeeee;
    --T1: #ffffff;
}
}

Aktuelle Version vom 18. Mai 2023, 00:34 Uhr

/* All CSS here will be loaded for users of the Medik skin */

/*Body and Wrapper*/
body {
    background-color: #100a1e;
}
#mw-navigation {
    border-right: 1px solid var(--D4);
    background-color: #25213f;
}
.row {
    background-color: #1f1c31;
}
.mw-footer {
    border-top: 1px solid var(--D4);
    background-color: #100a1e;
}
.mw-footer #footer-list li:not(:first-child)::before {
    color: var(--T7);
}
.mw-footer a {
    color: var(--T6);
    font-weight: 600;
}
.mw-footer a:hover {
    color: var(--T7);
    font-weight: 600;
}
.mw-footer li {
    color: var(--D4);
}

/*Navigation*/
/*ownEvent Überschrift über jeder Seite*/
h3#ownEventHeading {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: var(--A3);
}
@media (max-width: 1050px) {
    h3#ownEventHeading {
        display: none;
    }
}
/*Testweise ob Elemente auf der Navbar größer werden (1,2-1,5x)*/
button.btn.btn-link {
    font-size: 120%;
}

a#p-banner {
    font-size: 150%;
    padding-top: 0px;
}

.dropdown-toggle::after {
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    color: var(--D2);
}
.dropdown-menu {
    background-color: var(--D8);
    border: 3px solid rgba(0,0,0,.2);
}
.dropdown-item {
    color: var(--A3);
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--A3);
    background-color: var(--D7);
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: -10px;
    filter: invert(1);
}
#mw-navigation a.nav-link.disabled {
    color: var(--T3);
    font-size: 24px;
    margin-top: 0.4em;
}
#mw-navigation a:not(.disabled) {
    color: var(--T2);
    font-size: 20px;
}
#mw-navigation a:not(.disabled):hover {
    color: var(--T5);
}

#mw-navigation a {
    display: block;
    padding: 0.15em 1em;
}
#mw-navigation ul {
    margin: 10px;
    margin-top: 0px;
}


/*Suchfunktion / Such-Maske*/
#searchInput {
    max-width: 100%;
    background-color: var(--A5);
    color: #ffffff;
}
input#searchInput::placeholder {
    color: var(--T3);
}
.form-control {
    border: 1px solid var(--D7);
}
.form-control:focus {
    border-color: var(--D3);
    box-shadow: 0 0 0 0.2rem rgb(50 0 255 / 25%);
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
    color: var(--T3);
}
.suggestions-results {
    background-color: var(--D4);
    border: 1px solid var(--D3);
    color: var(--T3);
}
.suggestions-result {
    color: var(--T3);
}
.suggestions-result-current {
    background-color: var(--D3);
    color: var(--T1);
}
.suggestions-special:hover {
    background-color: var(--D3);
    border: 1px solid var(--D2);
    color: var(--T2);
}
.suggestions-special {
    background-color: var(--D4);
    border: 1px solid var(--D3);
    color: var(--T3);
}
.suggestions-special .special-label {
    color: var(--T2);
}
.suggestions-special .special-query {
    color: var(--T1);
}

#mw-searchoptions {
    clear: both;
    padding: 0.5em 0.75em 0.75em 0.75em;
    background-color: var(--D7);
    margin: -1px 0 0;
    border: 1px solid var(--D6);
    border-radius: 0 0 2px 2px;
}
#mw-search-togglebox input {
    margin-left: 0.25em;
    background-color: var(--D4);
    border-color: var(--D7);
}
.mw-search-profile-tabs {
    background-color: var(--D7);
    border: 1px solid var(--D5);
}
.search-types .current a {
    color: var(--T4);
    cursor: default;
}

.results-info {
    color: var(--T2);
}


/*Schrift im Allgemein*/
p {
    color: var(--T1);
}

.oo-ui-labelElement .oo-ui-labelElement-label {
    color: var(--T1);
}

.mw-editform #wpTextbox1 {
    color: var(--T1);
}

*, ::after, ::before {
    color: var(--T1);
}
h1 {
    color: var(--A0);
    border-bottom: 2px solid var(--D3);
}
h2 {
    color: var(--A0);
    border-bottom: 1px solid var(--D4);
}
.mw-body-content h1 {
    color: var(--A0);
    border-bottom: 1px solid var(--D3);
}
.mw-body-content h2 {
    color: var(--A0);
    border-bottom: 1px solid var(--D4);
}
.mw-body-content h3 {
    color: var(--T3);
}
.mw-body-content h4 {
    color: var(--T4);
}
.mw-body-content h5 {
    color: var(--T5);
}
a {
    color: var(--A2);
}
a:visited {
    color: var(--A3);
}
a:hover {
    color: var(--A3);
}
a.new:hover {
    color: #ba0000;
}
#content a:not(.new):visited, #siteNotice a:not(.new):visited {
    color: var(--A3);
}
a.dropdown-item:visited:focus {
    color: var(--A3);
}
a.dropdown-item:visited:hover {
    color: var(--A3);
}
a.dropdown-item:visited {
    color: var(--A4); /*VORERST DEAKTIVIERT, UNTER DROPDOWN KEINE VISITED HERVORHEBEN*/
}

#firstHeading {
    overflow: visible;
    color: var(--T1);
}
aside a:not(.disabled) {
    color: var(--A4);
}

/*Tabellen und Felder innerhalb der Seite*/
.wikitable {
    background-color: var(--D8);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid var(--D5);
}
.catlinks {
    border: 1px solid var(--D5);
    background-color: var(--D8);
}
div#mw-normal-catlinks {
    color: var(--A2);
}

/*Testweise*/
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: var(--D8);
    text-align: right;
}

.toc, .toccolours {
    border: 2px solid var(--D6);
    background-color: var(--D8);
}
.mw-content-ltr .tocnumber {
    color: var(--T4);
}

/*Wikitables MediaQuery*/

@media (max-width: 1200px) {
    .wikitable {
    	width: 100%;
    }
}


/*MsCalender*/


.weekNo {
    display: none;
}
.ms-calendar-header {
    border: 0px solid #DDDDDD;
}
.fc-calendar .fc-row > div.fc-empty {
    background: var(--D7);
}

@media (min-width: 1546px) {
    div#HauptseiteKalender {
    	width: 40vw;
    }
}
@media (max-width: 1546px) {
    div#HauptseiteKalender {
    	width: calc(100%);
    }
}
@media (max-width: 1414px) {
    .fc-calendar .fc-row > div, .fc-calendar .fc-head > div {
    	font-size: 1.2vw;
    }
    .fc-calendar .fc-head > div {
    letter-spacing: 1px;
	}
	.ms-calendar-header select, .ms-calendar-header input {
    	width: 118px;
	}
}
.ms-calendar-header span.ms-calendar-current {
    background: transparent url(/extensions/MsCalendar/resources/images/calendar-icon-today.png?ddf6a) no-repeat 0px 3px;
    vertical-align: middle;
}


.fc-row > div:first-child {
    border-left: 1px solid var(--D5);
}
.fc-calendar .fc-row > div {
    border-right: 1px solid var(--D5);
    border-bottom: 1px solid var(--D5);
    background: var(--D6);
}
.fc-calendar .fc-row > div.fc-we {
    background: var(--D6);
}
.fc-calendar .fc-row > div.fc-today {
    background: var(--D5);
    background: var(--D4);
    background-color: var(--D4);
    background-image: linear-gradient(to bottom,var(--D4),var(--D5));
}
.fc-calendar .fc-row > div > span.fc-date {
    color: var(--T2);
}
.fc-calendar span.add_event {
    color: var(--D6);
}
.fc-calendar span.add_event:hover {
    color: var(--D5);
}
.fc-calendar .fc-row > div.fc-today span.add_event:hover {
    color: var(--D4);
}
.fc-calendar-container .fc-body {
	border-top: 1px solid var(--D5);
    background: var(--D5);
}
.fc-calendar .fc-row > div, .fc-calendar .fc-head > div {
    font-family: sans-serif;
    font-stretch: extra-condensed;
}
.ms-calendar-header span.ms-calendar-current:hover {
    color: var(--A4);
}

/*Bilderansicht*/
.mw-mmv-post-image {
    background-color: var(--D8);
}
.mw-mmv-image-metadata {
    border-top: 1px solid var(--D4);
    background-color: var(--D7);
}
.oo-ui-menuSelectWidget {
    background-color: var(--D5);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--D5);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--D4);
}
#filetoc {
    border: 1px solid var(--D4);
    background-color: var(--D7);
}
.mw_metadata td {
    background-color: var(--D7);
}
.mw_metadata td, .mw_metadata th {
    border: 1px solid var(--D5);
}
.mw_metadata th {
    background-color: var(--D7);
}
.mw-mmv-reuse-dialog .mw-mmv-dialog-warning {
    padding: 15px 30px;
    color: #000000;
}
.mw-mmv-dialog {
    background-color: var(--D5);
    box-shadow: 0 2px 2px 0 var(--D7);
}
.mw-mmv-options-text-header {
    margin: 0;
    font-size: 1em;
    color: var(--T3);
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--D5);
}
.mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    color: var(--T4);
}
.mw-mmv-options-dialog-header {
    color: var(--T1);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: var(--D4);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: var(--D4);
}

/*Vorschaubilder / Thumbs für Bilder*/
.thumbimage {
    background-color: var(--D6);
    border: 2px solid var(--D5);
}
div.thumbinner {
    border: 2px solid var(--D9);
    background-color: var(--D7);
}
.magnify a {
    filter: invert(0.7);
}
/*Versionsgeschichte + Letzte Änderungen*/
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
    filter: invert(1);
}
#pagehistory li.selected {
    background-color: var(--D8);
    color: #202122;
    outline: 1px dashed var(--A4);
}
.diff-addedline .diffchange {
    background: var(--A4);
}
.diff-context {
    background: var(--D8);
    border-color: var(--D6);
    color: #202122;
}
.autocomment, .autocomment a, .autocomment a:visited {
    color: var(--T4);
}
.diff-addedline {
    border-color: var(--A3);
}
.diff-deletedline {
    border-color: #af5c5c;
}
.mw-ui-button:not(:disabled):hover {
    background-color: var(--A4);
    color: var(--T2);
    border-color: var(--A3);
}
.mw-ui-button {
    background-color: var(--A5);
    color: var(--T3);
    border: 2px solid var(--D3);
}
.mw-ui-button:not(:disabled):focus {
    color: var(--T1);
    border-color: var(--A5);
    box-shadow: inset 0 0 0 1px var(--A4), inset 0 0 0 2px var(--A3);
}

/*Editor Icons + Schrift*/
.wikiEditor-ui-toolbar .tabs span.tab a {
    color: var(--A3);
}
.wikiEditor-ui-toolbar .booklet > .index > div {
    color: var(--T2);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
    color: var(--T3);
    background-color: var(--D7);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
    color: var(--T1);
    background-color: var(--D6);
}
.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--D7);
    color: var(--T2);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--D7);
    border: 1px solid var(--D6);
    color: var(--T1);
}
.wikiEditor-ui-toolbar .sections .section {
    border-top: 1px solid var(--D5);
}
.wikiEditor-ui-toolbar .group .label {
    color: var(--A4);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    opacity: 0.8;
    filter: invert(1);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: var(--A4);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: var(--A3);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--D6);
}
/*GGF AUF HEADER FARBEN AUFTEILEN IM T ODER A AUFTEILEN FALLS ÜBERSCHRIFT MAL FEST VERÄNDERT*/
.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--T2);
    background-color: var(--D7);
}
/*GLEICHES BEI SCHRIFT (Abschnitt Hilfe)*/
.wikiEditor-ui-toolbar .page-table th {
    color: var(--T4);
}

/*VisualEditor*/
/*!
 * VisualEditor MediaWiki UserInterface raster icon styles.
 *
 * @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

/* Highlighter styles */

.ve-ce-MWSyntaxHighlightNode pre {
	padding: 0;
	margin: 0;
}

.ve-ce-mwSynHi-error {
	border-bottom: 1px dotted red;
}

.ve-ce-mwSynHi-suggestion {
	border-bottom: 1px dotted var(--A3);
}

.ve-ce-mwSynHi-symbol {
	color : #339933;
}

.ve-ce-mwSynHi-keyword {
	color: #000066;
	font-weight: bold;
}

.ve-ce-mwSynHi-metaconstant {
	color: #003366;
	font-weight: bold;
}

.ve-ce-mwSynHi-metaconstant {
	color: #000066;
}

.ve-ce-mwSynHi-typeconstructor {
	color: #000066;
}

.ve-ce-mwSynHi-reserved {
	color: #FF0000;
}

.ve-ce-mwSynHi-escape {
	color: #000099;
	font-weight: bold;
}

.ve-ce-mwSynHi-bracket {
	color : #009900;
}

.ve-ce-mwSynHi-string {
	color : #3366CC;
}

.ve-ce-mwSynHi-number {
	color : #CC0000;
}

.ve-ce-mwSynHi-method {
	color : #660066;
}

.ve-ce-mwSynHi-comment-single {
	color: #006600;
}

.ve-ce-mwSynHi-comment-multi {
	color: #006600;
}

/* Editor interface styles */

.ve-ui-simplesurface {
	background: var(--D7);
}

.ve-ui-simplesurface-container-editbox pre {
	background-color: transparent;
}

.ve-ui-simplesurface-toolbar-dropdown {
	border: solid 1px var(--D6);
	box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
}

.ve-ui-simplesurface-lineNumber {
	border-right: 1px solid rgba(65, 51, 171,.3);
	background: rgba(65, 51, 171,.1);
}

.ve-ui-simplesurface-text-selected {
	background: rgba(65, 51, 171,.3);
}

.ve-ui-simplesurface-cursor-line {
	background: rgba(65, 51, 171,.1);
}

.ve-ui-simplesurface-cursor {
	border-left: 2px solid black;
}

.ve-ui-simplesurface-text-linewrap {
	background: rgb(66, 46, 125);
}

.ve-ui-simplesurface-container-search {
	background: white;
}

.ve-ce-linkAnnotation.ve-ce-annotation-active {
    box-shadow: 0 0 0 1px var(--A4);
    background-color: var(--D7);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--D5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    background-color: var(--A4);
    border-color: #ff4242;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: var(--A4);
    border-color: #447ff5;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    color: #447ff5;
    background: var(--A4);
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
    background-color: var(--A5);
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
    border-right-color: var(--D5);
}
.oo-ui-toolbar-bar {
    background-color: var(--D4);
    color: var(--T2);
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-bottom: 1px solid var(--A5);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
    background-color: var(--A5);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
    background-color: var(--A6);
}
.oo-ui-menuToolGroup {
    border-left: 1px solid var(--A5);
    border-right: 1px solid var(--A5);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
    background-color: var(--A4);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: var(--A4);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
    background-color: var(--A5);
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: var(--A5);
    color: #36c;
}
.oo-ui-popupToolGroup-tools {
    background-color: var(--D2);
    border: 1px solid var(--D4);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background-color: var(--A5);
}
.oo-ui-tool .oo-ui-iconElement-icon {
    filter: invert(1);
}
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
    filter: invert(1);
}
.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
    color: var(--A2);
}
.ve-ui-specialCharacterPage h3 {
    color: var(--T2);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--A6);
    color: #36c;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--A5);
}
.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
    background: var(--D7);
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
    outline: 1px solid var(--D9);
    background-color: var(--D6);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
    background-color: var(--A5);
    border-right-color: var(--A5);
}
.ve-ui-mwTemplatePage-description {
    color: var(--T3);
}
.oo-ui-tabSelectWidget-framed {
    background-color: var(--D7);
}
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
    background: var(--D7);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom-color: var(--D4);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--D4);
}
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
    background-color: var(--D4);
}
.mw-widget-mediaResultWidget-overlay {
    box-shadow: inset 0 0 0 2px var(--D8);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: rgba(0,0,0,0.2);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
    background-color: rgba(0,0,0,0.4);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--D3);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: var(--D6);
    -webkit-transition: background-color 250ms,color 250ms,border-color 250ms;
    transition: background-color 250ms,color 250ms,border-color 250ms;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
    background-color: var(--A4);
    border-right-color: #c8ccd1;
}
.oo-ui-menuLayout-expanded, .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu, .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
    background: var(--D7);
}
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
    border-right: 1px solid var(--D5);
}
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
    filter: invert(1);
}
.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon {
    filter: invert(1);
}
.ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date {
    font-size: 0.9em;
    color: var(--T4);
}
.oo-ui-processDialog-content .oo-ui-window-body {
    top: 2.85714286em;
    background: var(--D7);
}
.ve-ui-mwSaveDialog-options {
    background-color: var(--D6);
    border: 1px solid var(--D8);
}
[data-diff-action='change'], [data-diff-action='change-insert'] {
    background-color: var(--D3) !important;
    box-shadow: 0 0 0 1px var(--D3);
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
    background: var(--D3);
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 0.35714286em;
    filter: invert(1);
}

/*Schwieriger Kontrast, unsicher, erstmal testweise*/
.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: var(--A8);
}


/*Testweise da Fertig irgendwie nicht hervorgehoben*/
.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
    background: var(--A4);
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
    background-color: var(--A4);
    color: #ffffff;
}
.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
    background: var(--A5);
}
.oo-ui-buttonElement-framed.oo-ui-widget> .oo-ui-buttonElement-button:hover {
	    background: var(--A5);
}
.oo-ui-icon-link, .mw-ui-icon-link:before {
    filter: invert(1);
}
.oo-ui-icon-quotes, .mw-ui-icon-quotes:before {
    filter: invert(1);
}

.oo-ui-buttonElement-framed.oo-ui-widget> .oo-ui-buttonElement-button:hover {
    background: var(--D5);
}

/*Fix, kinda undo filter:invert if dropdown opened*/
span.oo-ui-iconElement-icon.oo-ui-icon-textStyle.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-listBullet.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-specialCharacter.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-menu.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-help.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-edit.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-eye.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-link.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-undo.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-bold.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-listNumbered.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-outdent.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-indent.oo-ui-image-progressive {
    filter: brightness(3);
}
span.oo-ui-iconElement-icon.oo-ui-icon-image.oo-ui-image-progressive {
    filter: brightness(3);
}

/*Editor-Felder*/
.wikiEditor-ui-toolbar .group {
    border-color: var(--D6);
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid var(--D6);
}
.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid var(--D6);
}
#editform, #toolbar, #wpTextbox1 {
    background-color: var(--D7);
}
.wikiEditor-ui-toolbar {
    background-color: var(--D8);
}
pre, code, .mw-code {
    background-color: var(--D8);
    color: var(--T1);
    border: 1px solid var(--D6);
}
.mw-message-box-warning, .warningbox {
    background-color: var(--D6);
}
/*Quellcode-Editor*/
.ace-tm .ace_gutter {
    background: var(--D6);
}
.ace_content {
    background-color: var(--D7);
}
.codeEditor-status {
    background-color: var(--D6);
    border-top: 1px solid var(--D3);
}
.ace-tm .ace_gutter-active-line {
    background-color: var(--D7);
}
.ace-tm .ace_print-margin {
    width: 1px;
    background: var(--D8);
}

/*Bearbeitung speichern*/
/*Bearbeitung speichern Flächen*/
.editOptions {
    background-color: var(--D8);
    color: var(--T3);
    border: 1px solid var(--D7);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    color: var(--T2);
    background-color: var(--D6);
    border: 1px solid var(--D8);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
    border-color: var(--D9);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    border-color: var(--D9);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    border-color: var(--D9);
    box-shadow: inset 0 0 0 1px var(--D9);
}

/*Notifications / Änderungen gespeichert, Meldungen*/
.mw-notification {
    border: solid 1px #ddd;
    background-color: var(--D4);
}

/*U.a. einige Admin-Dashboards*/
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    text-shadow: 0 1px 1px var(--D8);
    border-color: var(--D9);
    background-color: var(--D6);
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
    background-color: var(--D7);
    text-shadow: 0 1px 1px var(--D7);
    border-color: var(--D9);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--D7);
    border: 1px solid var(--D5);
}
.mw-changeslist-legend {
    background-color: var(--D8);
    border: 1px solid var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    background-color: var(--D5);
    border-color: var(--D4);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--D6);
    border: 1px solid var(--D6);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    background-color: var(--D6);
    border: 1px solid var(--D8);
}
.oo-ui-popupWidget-popup {
    background-color: var(--D5);
    border: 1px solid var(--D7);
    border-radius: 0px;
}
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
    background-color: var(--D5);
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
    border-color: var(--A5);
    box-shadow: inset 0 0 0 1px var(--A4), inset 0 0 0 2px var(--A5);
    outline: 1px solid transparent;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
    opacity: 0.67;
    filter: invert(1);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    font-weight: bold;
    color: var(--T4);
    white-space: nowrap;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--D8);
    border-color: var(--D6);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
    background-color: var(--D5);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
    color: var(--T1);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    background-color: var(--A5);
}
.oo-ui-dropdownWidget-handle {
    border: 1px solid var(--A4);
    border-radius: 0px;
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--D6);
    border: 1px solid var(--A5);
}
.mw-widgets-datetime-calendarWidget {
    background-color: var(--D4);
    border: 1px solid var(--A5);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: var(--D4);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: var(--D4);
    color: var(--T1);
    border-color: var(--D6);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
    border-color: var(--A4);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--A5);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--A4);
    box-shadow: inset 0 0 0 1px var(--A5);
}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
    filter: invert(1);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}

/*TESTWEISE FÜR DATEIUPLOAD UA*/
button, input, optgroup, select, textarea {
    background-color: var(--D7);
    border-color: var(--D6);
}

/*Kalender-Widget*/
.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: var(--A4);
    color: #ffffff;
    border-color: var(--A3);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: var(--T3);
    background-color: var(--D4);
    border-color: var(--D5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: var(--D5);
    color: var(--T4);
    border-color: #c8ccd1;
}
.mw-widgets-datetime-calendarWidget:focus {
    border-color: var(--D2);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--D2), 0 2px 2px 0 rgb(0 0 0 / 25%);
}
.mw-widget-dateInputWidget-handle {
    background-color: var(--D4);
    border: 1px solid var(--3);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
    outline: 0;
    border-color: var(--A4);
    box-shadow: inset 0 0 0 1px var(--A5);
}
.mw-widget-dateInputWidget-calendar {
    background-color: var(--D5);
    z-index: 2;
}
.mw-widget-calendarWidget {
    border: 1px solid var(--A5);
}
.mw-widget-calendarWidget-day-today {
    box-shadow: inset 0 0 0 1px var(--A5);
}
.mw-widget-calendarWidget-item-selected {
    background-color: var(--A5);
    color: #fff;
}
.mw-widget-calendarWidget-item:hover {
    background-color: var(--A4);
    color: #fff;
}
.mw-widget-calendarWidget-day-heading {
    color: var(--T2);
    font-weight: bold;
}
.mw-widget-calendarWidget-day {
    color: var(--T2);
    border-radius: 2px;
}
.mw-widget-calendarWidget:focus {
    border-color: var(--A4);
    box-shadow: inset 0 0 0 1px var(--A5);
    outline: 0;
}
.mw-widget-dateInputWidget-calendar:focus {
    box-shadow: inset 0 0 0 1px var(--A4), 0 2px 2px 0 rgb(0 0 0 / 26%);
    z-index: 3;
}

/*TESTWEISE FÜR TABELLEN (ÜBERSCHRIFT MITTIG FÜR KALENDER)*/
thead {
    text-align: center;
}

/*Buttons*/
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
    background-color: var(--D8);
    border-color: var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: var(--A4);
    border-color: var(--A5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: var(--A5);
    border-color: var(--A6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
    background-color: var(--A6);
    border-color: var(--A7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: var(--A6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
    background-color: var(--A6);
    border-color: var(--A7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: var(--T3);
    background-color: var(--D4);
    border-color: var(--D5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: var(--T2);
    background-color: var(--D5);
    border-color: var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    color: var(--T2);
    border-color: var(--D7);
    box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
    color: var(--T2);
    background-color: var(--D6);
    border-color: var(--D7);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: var(--D4);
    box-shadow: inset 0 0 0 1px var(--D4);
}
/*Checkboxes*/
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
    background-color: var(--D4);
    border-color: var(--D6);
    box-shadow: inset 0 0 0 1px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
    background-color: var(--D6);
    border-color: var(--D8);
    box-shadow: inset 0 0 0 1px var(--D8);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
    background-color: var(--D6);
    border-color: var(--D7);
    box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: var(--D6);
    border-color: var(--D8);
    box-shadow: inset 0 0 0 1px var(--D8);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: var(--D4);
    border-color: var(--D6);
    box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
    background-color: var(--D4);
    border-color: var(--D5);
    box-shadow: inset 0 0 0 2px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
    border-color: var(--D6);
    box-shadow: inset 0 0 0 1px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    border-color: var(--D5);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
    background-color: var(--D4);
    border-color: var(--D5);
}

:root {
    --D9: #201d30;
	--D8: #282343;
	--D7: #302957;
	--D6: #372d6c;
	--D5: #3e3082;
	--D4: #43329a;
	--D3: #4832b3;
	--D2: #4c32cd;
	
	--A8: #910ac7;
	--A7: #800cdf;
	--A6: #6610f2;
	--A5: #562af4;
	--A4: #4b42f5;
	--A3: #5a6cf6;
	--A2: #7298f8;

    --A0: #6610f2;
    
    --T8: #888888;
    --T7: #999999;
    --T6: #aaaaaa;
    --T5: #bbbbbb;
    --T4: #cccccc;
    --T3: #dddddd;
    --T2: #eeeeee;
    --T1: #ffffff;
}
Abgerufen von „https://hcg-wiki.de/index.php?title=MediaWiki:Medik.css&oldid=587“