@charset "UTF-8";
/* CSS Document Claudia Loyall*/

/* Typo */
body{font-family: 'Encode Sans';font-size: 1em;}
html, body {height: 100%;}
h1, h2, h3, h4, h5, h6{font-family: "Encode Sans"}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1em;}
h1.einzelhead{font-size: 1.6em; font-weight: bold;}
/* medium */
@media print, screen and (min-width: 40em) {
h1 {font-size: 2.5em; font-weight: 600;}
h2 {font-size: 2em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.2em;}
h1.einzelhead{font-size: 2em; font-weight: normal;}
h4.green {color: #007011; font-weight: bold;}
}

/* Hintergrundfarben */
body{background-color: #d0d2f5;}
.header {background-color: #4A4D8F;}
.navi {background-color: #007011; border-top: 1px solid #84cf8f; border-bottom: 4px solid #4a4d8f;}


/* Header */
.header {padding: 6px 0; color: #fff; text-align: center;}
.headertitel {font-size: 2em; font-family: 'Encode Sans Expanded'; font-weight: 400; color: #84cf8f;}

/* Startseite */
.hometeaser {font-size: 1.4em; padding: 1.5em 1em; color: #fff;}
.homebild {}
.homebox{background-color: #4A4D8F; margin: 2em 0; }
.greenbox {background-color: #007011; padding: 1em; color: #fff; text-align: center;}
.greenbox a, .greenbox a:hover, a.greenbox {color: #fff;  font-weight: 600;}

/* Navigation */
nav { text-align: center;}
.menu, .title-bar, .top-bar, .top-bar ul {background-color: #007011;}
.navi a {color: #fff;}
.navi a:hover {color: #84CF8F;}
.dropdown.menu > li.is-active > a {color: #ccc;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-top-color: #ccc;}

/* Textfarben */
h1 {color: #005D0E;}
h2, h3 {color: #2B309C;}


/* Textseiten */
.artikel {padding-top: 3em;}