/* Import mmenu.css */ @import url('mmenu.css'); 
/* Import fonts.css (inkl. icons.css) */ @import url('fonts.css'); 
/* Import creatix24.css (inkl. demo.css) */ @import url('creatix24.css'); 

/* Nav */
a {color: blue}
a:hover,a:focus {color: red;}
a:visited {color: violet;}
a:focus {color: red;}

html, body {font-family: 'Noto Sans', sans-serif; line-height: 1.6em; font-size: inherit; background: #fff;}

/* General and Typography */ 
h1, h2, h3, h4, h5, h6 {font-family: 'Dosis', sans-serif; font-weight: 800; padding: 0; text-wrap: balance; color: #124d6f;
}
h1 {font-size: 28px; font-size: 3.75rem; line-height: 2.25; margin-top: 2em; margin-bottom: 1em; }
h2 {font-size: 23px; font-size: 2.25rem; font-weight: 600; line-height: 1.2173913043; margin-top: 1.4347826087em; margin-bottom: 1.2173913043em;}
h3 {font-size: 19px; font-size: 1.75em; margin-top: 1.2em; margin-bottom: 1.1em; font-weight: 600;}
h4, h5, h6 {font-size: 16px; font-size: 1rem; line-height: 1.3125; margin-top: 3.5em; margin-bottom: 1.75em;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {	margin-top: 0;}
blockquote {font-family: Arial, sans-serif}

#header h1 {margin-top: 0; padding: 40px 0 30px 0;color: #124d6f; text-align: left;
  margin-left: 65px; line-height: 1em; }
h4 {letter-spacing: 0.140625em; text-transform: uppercase;}
h6 {font-style: italic;}
h1+h2, h2+h3 {	margin-top: -10px;}

/* Colors */
a {color: #124d6f}
a:hover,a:focus {color: #d23a53;}
a:visited {color: #124d6f;}
a:focus {color: #d23a53;}
#content a {color: #124d6f; text-decoration:underline; padding: 0 4px; margin-left: -5px; letter-spacing: 1px}
#content a:hover {text-decoration:none; color: #000;  background: #d4ecf2; }
#content a:focus {color: red;}

/* NavMenu */
nav#menu {padding-bottom: 5px;}
nav#menu a {color: #124d6f; background-color: #fff; padding: 3px 6px; border: 2px solid #dfe3e6; text-decoration: none}
nav#menu a:hover {border: 2px solid #124d6f; }
nav#menu a.aktiv {font-weight: bold; color: #fff ; background-color: #124d6f; border: 2px solid #124d6f;}
nav#menu a.aktuelles {background-color: #ffc233; border: 2px solid #ffc233;}
@media screen and (min-width: 768px) { nav#menu { margin-right: 25%} nav#menu ul { padding-left: 140px;}}


/* Display */
#container {max-width: 1200px;} 
#content {max-width: 1200px; padding-top: 35px;} 
@media screen and (min-width: 768px) {#content {padding-left: 140px;} }
#header {height: 150px; background-image: url("../images/logo_header.jpg"); background-position: center left; background-repeat: no-repeat;}
@media screen and (max-width: 959px) {#header {background-position-y: 20px; margin-bottom: 50px;}}
@media screen and (min-width: 960px) {#header {letter-spacing: .5px;}}
#content article hr {margin: 50px 0; border-color: #124d6f #124d6f #124d6f;}
#content article li {margin-bottom: 10px;}
#video, video {  padding-top: 30px;  max-width: 100%;  }
div.foerderhinweis {margin-top: 20px; background-image: url(../images/foerderhinweis.jpg); width: 100%; height: 100px;background-position: left center; background-repeat: no-repeat; background-size: contain;   }
@media screen and (min-width: 768px) {.lead {font-size: 1.1em;  }}
p.footer {letter-spacing: 2px; font-size: 90%}