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

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben                                                                                                      Cherry Swash, Oleo Script Swash Caps, Berkshire Swash
 * Blue Colors:
 * #1A1F2B - dark blue
 * #30395C - middle dark blue
 * #4A6491 - middle blue
 * #85A5CC - middle light blue
 * #C2D2E5 - light blue
 * ----------------------------------------------------------------------------- */



html    {
    font-size: 100%;
}

body {
background: url('../pics/hinter.jpg') ;
    color: #404040;
    font-family: 'Ubuntu', Verdana, Arial, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.page-wrapper {
   color: #efefef;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5) inset; 
}

.page-wrapper-index {
   color: #efefef;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5) inset;
}

header {
/*    background-color: #30395C; middle dark blue 
    color: #efefef;    
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5) inset; */
}

.main {
    /* background-color: #fff;   */
    color: #404040; /* dark blue */
}

.mainContent {
   color: #404040;
}

aside {
       color: #404040; /* dark blue */
   /* background-color: #FFFFFF;   */
}

footer {
  /*  background-color: #FFFFFF;  middle dark blue */
    color: #DDDDDD;     /*#404040*/
    text-align: center;
    border-bottom: 7px solid #EFCE2D;
}

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

@font-face {
    font-family: NouveauFLF, serif;
    src: url('../fonts/NouveauFLF.ttf'); }
    
h1  {
    font-family: 'NouveauFLF', serif;
    color:#EFCE2D;   /*efce2d*/
    text-shadow: 0.1em 0.1em 0.1em #333333;
    font-size: 2.813em; /* 36px - 3.; */
    line-height: 1.5em; /* 54px */
}

h2  {
    font-family: 'NouveauFLF', serif;
    font-size: 1.625em; /* 26px */
    line-height: 1.5em;
    color: #EFCE2D;
    text-shadow: 0.1em 0.1em 0.1em #333333;
}

h3  {
    font-family: "Trebuchet MS",Helvetica,Arial;
    font-weight: bold;
    color: #EFCE2D;
    font-size: 1.375em; /* 22px */
    font-weight: normal;
}

p.teasertext    {
    font-family: 'Ubuntu', Verdana, Arial, sans-serif;
    color: #DDDDDD;
    font-size: 1.0em;
    font-weight: normal;
}

a:link, a:visited {
   color: #898989;   /*besuchte Links*/
    text-decoration: none;
}

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

#kontakt{
    color: #EFCE2D;   /*#84060C*/
}

.highlight{
   font-family: 'Ubuntu', Verdana, Arial, sans-serif;
   font-size: 0.275em;
   color: #EFCE2D;
}

#pin{
    padding-left: 2px;
}

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


nav {
  /* box-shadow: 0 0 20px rgba(112, 23, 124, 0.2) inset;  */  
    color: #A7A4A4;
    font-family: "Trebuchet MS",Verdana,Arial;
    font-size: 1.05em; /* 20px 1.25em */
   
 /* 
    display: block;
    text-decoration: none;
    border: 1px solid #dddddd;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    padding: 0.4em;
    background-color: #FFFFFF;  */
}    

nav:hover{
  /*   background-color: #F8F5F5;  - hintergrund von dem naviblock*/
}

nav ul li {
    list-style: none;
}

nav a:link, nav a:hover {
    color: #A29F9F; /* noch nicht besuchte Links */
}

nav a:hover {
  background-color: rgba(255,100,20,0.2);  
}