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

/* ----------------------------------------------------------------------------- *
 * Verwendete Farben
 * #4C8639 - dunkelgrün
 * #98D344 - hellgrün
 * #FF44E0 - hell-lila
 * #B20095 - dunkel-lila
 * #FF5DE4 - lila

 * ----------------------------------------------------------------------------- */

html    {
    font-size: 100%;
}

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

.page-wrapper {
   background-color: #4C8639; /* dunkelgrün */
}

header {
    background-color: #FF44E0; /* hell-lila */
    color: #B20095;  /*dunkel-lila */
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5) inset;
}

.main {
    background-color: #B20095; /*dunkel-lila */
    color: #FFFFFF; /* weiß */
}

.mainContent {
    color: #FFFFFF;  /* weiß */
}

aside {
    color: #FFFFFF;  /* weiß */
    background-color: #4C8639; /* dunkelgrün */
}

footer {
    background-color: #FF44E0; /* hell-lila */
    color: #B20095;  /*dunkel-lila */
    text-align: right;
    border-bottom: 7px solid #B20095;  /*dunkel-lila */
}

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

h1, h2, h3  {
    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: #B20095;  /*dunkel-lila */
    text-align: center
}

h2  {
    font-size: 1.625em; /* 26px */
    line-height: 1.5em;
    color: #98D344; /* hellgrün */
}

h3  {
    color: #98D344; /* hellgrün */
    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: #98D344; /* hellgrün */
    text-decoration: none;
}

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

.highlight{
   color: #4C8639;     /* dunkelgrün */
}

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

nav {
    box-shadow: 10px -10px 30px rgba(0, 0, 0, 0.5) inset;
	font-family: 'Overlock', cursive;
    font-size: 1.25em; /* 20px */
	
}

nav ul li {
    list-style: none;
}

nav a:link {
    color: #98D344; /* hellgrün */

}

nav a:hover {
    background-color: #98D344; /* hellgrün */
    color: #B20095;  /*dunkel-lila */
    
}

/*css kalenderblatt */
.kalenderblatt {
 position:relative;
 margin:10px;
 padding:0;
 width:10em;
 float:left;
 text-align:center;
 border:1px solid #999;
 font: 50.01% tahoma , arial,helvetica, sans-serif;
 font-weight:bold;
 letter-spacing:2px;
}

.kalenderblatt span {
 display:block;
}
}

.kalenderblatt span.jj , .kalenderblatt span.dd , .kalenderblatt span.mm { /* Jahr  Tag  Monat*/
 line-height:20px;
}

.kalenderblatt span.jj {
 background: #4C8639;
 color:#FFFFFF;
}

.kalenderblatt span.tt { /* Tag */
 line-height:30px;
 font-size:16px;
 background: #FFFFFF;
 color:#4C8639;
}

.kalenderblatt span.dd , .kalenderblatt span.mm {
 background: #FFFFFF;
 color:#4C8639;
 }

.kalenderblatt span.zeichen  {
  position:absolute;
  left:-999px;
}

ul {
list-style: none
}

/*css kalenderblatt - ENDE */