/* ----------------------------------------------------------------------------- *
 *                      Atmosphäre: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- *
 * Verwendete Farben
 * #005765  -  blau  --> FF271F rot --> 3433B2  hellblau          --> D43600 dunkelorange
 * #FF8827  -  orange   --> 98D344 grün --> FEEE19 gelb            --> FFCA00  gelb
 * #0098B2  -  hellblau --> AA1A15 dunkelrot --> 4A00FF  tiefblau --> AA0000 dunkelrot
 * #FFAE6F  -  pfirsich --> C2FF63 hellgrün --> FFF575  hellgelb   --> FFFF00  hellgelb
 * #B25305  -  braun    --> 4C8639  dunkelgrün --> B2A500 oliv    --> FF8800   orange
 * ----------------------------------------------------------------------------- */

html    {
    font-size: 100%;
}

body {
    background-color: #FFFFFF;
    color: #D43600; /* dunkelorange */
    font-family: 'Averia Serif Libre', cursive;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.page-wrapper {
   background-color: #FF8800  ; /* orange */
}

header {
    background-color: #FF8800 ; /* orange */
    color: #AA0000;  /*dunkelrot */
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5) inset;
}

.main {
    background-color: #AA0000; /*dunkelrot */
    color: #FFFFFF; /* weiß */
}

.mainContent {
    color: #FF8800;  /* orange */
}

.info_content {
     background-color: #FF8800;
}

aside {
    color: #FF8800;  /* orange */
    background-color: #FFCA00  ; /* gelb */
}

footer {
    background-color: #FF8800 ; /* orange */
    color: #AA0000;  /*  dunkelrot  */
    text-align: right;
    border-bottom: 7px solid #AA0000;  /*dunkelrot */
}

/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2, h3, h4  {
    font-family: 'Overlock', cursive; /* FERTIG - Google-Font Overlock wenn verfügbar, sonst Fallback */
    font-style: normal;
    font-weight: bold;
}

h1  {
    font-size: 2.250em; /* 36px; */
    line-height: 1.5em; /* 54px */
    color: #AA0000;  /* dunkelrot */
    text-align: center
}

h2  {
    font-size: 1.625em; /* 26px */
    line-height: 1.5em;
    color: #FFFF00 ; /* hellgelb */
}

h3  {
    color: #AA0000;  /* dunkelrot */
    font-size: 1.375em; /* 22px */
}

h4  {
    color: #FFFF00 ; /* hellgelb */
    font-size: 1.375em; /* 22px */
}

p.teasertext    {
    color: #FFFFFF; /* weiß */
    font-family: 'Averia Serif Libre', cursive;
    font-size: 1.188em; /* 19px */
    line-height: 1.368em; /* 26px */
}

a:link, a:visited {
    color: #FFFF00 ; /* hellgelb */
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #FF8800 ; /* orange */
    text-decoration: underline;
}

.highlight{
   color: #FF8800  ; /* orange */
}

/* ----------------------------------------------------------------------------- *
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

nav {
    box-shadow: 0 0 20px rgba(112, 23, 124, 0.2) inset;
    color: #FFFFFF; /*  weiss  */
    font-family: 'Overlock', cursive;
    font-size: 1em; /* 20px */
}

nav ul li {
    list-style: none;
}

nav a:link {
    color: #FFFF00 ; /* hellgelb */
}

nav a:hover {
    background-color: #FFCA00 ; /* gelb */
    color: #FF8800;  /*  orange  */
}