/**
 * 21-variables.css
 * Author: einfach-machen.berlin - Daniel Kaiser
**/

:root {
    
    --color-white: #FFFFFF;                 /*weiß*/
    --color-placeholder: rgb(135,135,135);  /*hellgrau*/
    --link-color: #f6a859;                  /*helles orange/sandfarben*/
    --link-color-hover: #d3710d;            /*dunkleres orange/sandfarben*/
    --highlight-color: #e63c73;             /*magenta*/
    --highlight-color-hover: #e63c73 ;      /*magenta dunkler*/
    --headline-color: #666666;              /*grau*/
    --text-color: #232323;                  /*leicht helleres schwarz*/
    --copyright-color: #9b2b4f;             /*magenter dunkeler als dunkler*/
        
    /* spezielle Farben*/
    --input-bg-color: #fdf2f6; 
    --slide-bg-color: #fffbf7;
    --line-color: #ecaec2;
    --slider-bg-color: #f8c088;
    
    /* Farbverläufe */
    --slide-bg-color-hover: linear-gradient(180deg, rgba(255, 248, 241, 0) 0%, rgba(252, 248, 223, 1) 80%,rgba(250, 229, 208, 1) 100%);
    --submenu-bg-color: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%,rgba(246, 233, 221, 1) 100%);
        
    /* Abstände/Border/Radius */
    --border-radius: 8px;
    --button-border-radius: 6px;
    --submenu-border-radius: 10px;
    
    /* shadows */
    --shadow-color: rgba(211,113,13,.25);   /*helles orange*/
    --shadow-submenu: rgba(35,35,35,.125);
}