:root {
    --mark: #cb104f;
    --darker: #4d4d4d;  /* dark grey*/
    --lighter: #e6e6e6; /*Very light gray*/
    --pos: #ffffff;
    --neg: #000;
    /*background: #ffc0cb;*/
    /*background: #cbffcb;*/
}

body {
    background: var(--neg);
    color: var(--lighter);
}

a {
    color: var(--mark);
}

#impressum a {
    color: var(--mark);
}

table, tbody, thead, tr, th, td {
    border: none;
}

/* ------------- TOOLBAR color toggle------------- */
button.theme-toggle {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 0px 0px 4px 2px var(--lighter);
    cursor: pointer;
}

button.theme-toggle span {
    color: var(--lighter) !important;
}


/* ------------- MENU ------------- */
.dropbtn {
    background-color: var(--lighter);
    color: var(--neg);
}

.dropdown:hover .dropbtn {
    background-color: var(--pos);
    color: var(--neg);
}
.dropdown-content  {
    background-color: var(--darker);
    box-shadow: 0px 8px 16px 0px rgba(230,230,230,0.2);
    color: var(--pos);
}

.dropdown-content a {
    color: var(--pos);
}

.dropdown-content a:hover {
    background-color: var(--mark);
    color: var(--pos);
}

/* ------------- BUTTONS ------------- */
#buttons a {
    background: transparent;
    border: 1px solid var(--darker);
    border-bottom: solid 6px var(--lighter);
    color: var(--lighter);
}

#buttons a:hover {
    color: var(--pos);
    border-bottom: solid 6px var(--pos);
}


/* ------------- LOGO ------------- */
#logo_satellite {
    filter: invert(1);
}

#logo_bytewerk {
    filter: invert(1);
}