/* CSS Document */
:root {
    --main-bg-color: #000000;
    --input-bg-color: #302e39;   /* Input-/Dropdown-Flächen – heller als --main-bg-color, damit sie sich von der Filterbox abheben */
    --main-color: #FFFDF7;
    --topline-bg-color: #180A2A;   /* dunkles, gesättigtes Violett (vorher #1B1327 – wirkte grau) */
    --topline-color: #E00048;
    --topline-a-color: #89002B;
    --topline-a-hover-color: #FF0050;
    --top-a-color: #DB0044;
    --top-a-hover-color: #FF0050;
    --top-bg-color: #281032;
    --top-color: var(--main-color);
    --nav-bg-color: var(--topline-bg-color);
    --nav-color: var(--main-color);;
    --left-bg-color: var(--main-bg-color);
    --left-color:  var(--main-color);;
    --mid-bg-color: var(--main-bg-color);
    --mid-color:  var(--main-color);;
    --right-bg-color: var(--main-bg-color);
    --right-color:  var(--main-color);;
    --bottom-bg-color: #180A2A;   /* wie --topline-bg-color */
    --bottom-color:  var(--main-color);;
    
    --languages-bg: #89002B;
 
    --nav-hover-color-bg: #6E2C8A;
    --nav-hover-color: white;   
    
    --main-padding: 1rem;
    --main-big-padding: 2rem;
    --very-small-padding: .2rem;
    --main-margin: 1rem;
    --big-margin: 2rem;
    
    
    
    
    --h-color: #E10047;
    
    --a-color: var(--topline-color);
    --column-ruler-color: var(--main-color);

    --button-bg-color: #008949;
    --button-text-color: var(--main-color);

    --button-bg-yellow-color: #895e00;
    --button-text-color: var(--main-color);

    --notice-bg-color: #333061;
    --notice-text-color: var(--main-color);     
}