/* Variablen coastforge-Theme */
/* Küstenschmiede GmbH Software & Design */
/*________________________________________________________________ */


:root {
    /* general colors */
    
    --dark: #302e2c;
    
    --technik: #1b75bc;
    --pflege: #febe10;
    --wirtschaft:  #067a53;
    --gymnasium: #9581bc;
    
    --color-gray:         #9b9b9b;
    --color-gray-dark:    #3c3c3c;
    --color-gray-light:   #cccccc;
    --color-gray-lighter: #f5f5f5;

    --color-black:        #000000;
    --color-black-light:  #242424;
   
    --color-white:        #ffffff;
    --color-whitesmoke:  #f5f5f5;

    --color-bluepurple:   #6d7692;
    --color-green-dark:   #4a7628;
    --color-red-dark:     #ab2c29;
    --color-orange:       #f47c00;
  
  
    /* CD BBS-Jever colors */
    --color-blue-dark:    #082c5d;
    --color-blue:         #1b75bc;
    --color-red:          #ee283b;
    --color-yellow:       #febe10;
    --color-purple:       #9581bc;
    --color-dark:         #1a1a18;  
    --light:				var(--color-whitesmoke);
  
    /* company colors */
    --color-company-1: var(--color-dark);
    --color-company-2: var(--color-red);
    --color-company-3: var(--color-yellow);

    --color-company:   var(--color-company-1);
    --color-highlight: var(--color-company-2);

    /* page colors */
    --color-page-background: var(--color-whitesmoke);
    --color-page-background-invert: var(--color-company-1);
    --color-text:            var(--color-dark);
    --color-text-invert:     var(--color-white);

    --color-text-light:     var(--color-gray-light);

    /* link colors */
    --color-links:       var(--color-company-1);
    --color-links-hover: var(--color-company-2);

    /* navigation colors */
    --nav-background-color: 
    --nav-link-color: var(--dark);
    --nav-hover-color: ;
    --nav-active-color: ; 
    
    /* navigation mobile */
    --burger-background: var(--dark);
    --burger-color: var(--light);
    --burger-active: var(--color-yellow);
  
    /* border colors */
    --border-regular:   var(--color-grey);
  
    /* shadow colors */
    --shadow-color-1:   var(--color-company-1);

/*________________________________________________________________ */ 
  
    /* Fonts */
    --font-size:        18px;
    --font-size-reg:    1em;
    --line-height:      1.5;

    --font-size-xl:    1.25em;
    --font-size-lg:    1.125em;
    --font-size-xs:    0.875em;
    --font-size-xxs:   0.75em;
  
    --headline-size-1:  1.5em;
    --headline-size-2:  1.3em;
    --headline-size-3:  1.15em;
    --headline-size-4:  1.0em;
    --headline-size-5:  1.1em;
  
    --font-weight-text: 400;
    --font-weight-headline: 700;

    --font-family-1: 'Montserrat', sans-serif, Arial, sans-serif;
    --font-family-2: 'Montserrat', sans-serif, Arial, sans-serif;
    --font-family-3: 'Lato', sans-serif, Arial, sans-serif;

    --font-company-main:      var(--font-family-2);
    --font-company-headline:  var(--font-family-1);
    --font-company-highlight: var(--font-family-3);
  
    --text-indent:    10px;

/*________________________________________________________________ */
  
    /* Widths */
    --max-width:    75%;
  
  
/*________________________________________________________________ */
  
    /* Borders */
    --border-radius:      5px;
    --base-border-width:  1px;
    --base-border-color:  var(--color-gray-light);
    --border-spacing:     5px;
}