/* 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'); 

html, body { color: #343B21;font-family: 'Lato' ,sans-serif; font-size: 1.05em; line-height: 1.6em; font-size: inherit; background: none repeat scroll 0 0 #fbfbfb; min-height: 100%; width: 100% !important;}
#container {max-width: 1000px;  margin: 20px auto; }
#main  {border: 1px solid #d3d3d3; padding: 20px;}

/* General and Typography */ 
h1, h2, h3, h4, h5, h6 {padding: 0;font-family: 'Lato',sans-serif;}
h1 {font-size: 28px; font-size: 1.75rem; line-height: 1.25; margin-top: 2em; margin-bottom: 1em;}
h2 {font-size: 23px; font-size: 2rem; font-weight: 400; line-height: 1.2173913043; margin-top: 2.4347826087em; margin-bottom: 1.2173913043em;}
h3 {font-size: 19px; font-size: 1.5rem; line-height: 1.1052631579; margin-top: 1.2em; margin-bottom: .7em;}
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: 'Lato', sans-serif}
p {font-size: 1.03em;}

#header h1 {font-size: 7vw; margin: 0 ; padding-top: 10px; padding-left: 30%; color:#607916; font-weight: 600;  background: url("../images/logo.png") left center no-repeat; background-size: contain; background-position-x: 10px; text-align: left; white-space: nowrap; }
@media screen and (min-width: 768px) { #header {padding: 0; } #header h1 {font-size: 3rem; padding-left: 106px; margin-left: 6px;}}

h4 {letter-spacing: 0.140625em; text-transform: uppercase;}
h6 {font-style: italic;}
h1+h2, h2+h3 {	margin-top: -10px;}

/* Colors */
a, a:visited, #menu li {color: #607916}
a:hover,a:focus {color: #7B6D5F;} 
a:focus {color: #865F38;}

/* Menu and Language Switcher */
#menu a {text-decoration: none;}
li a#lang-en,li a#lang-de, li a#mm-clone-lang-en, li a#mm-clone-lang-de {display: block; width:16px; height:11px; background:url(../images/language_gb.gif) center center no-repeat; border: 0; margin-top: 8px;}
li a#lang-de, li a#mm-clone-lang-de {background-image: url(../images/language_de.gif)}
li a#mm-clone-lang-en, li a#mm-clone-lang-de {background-position: 20px center; padding: 27px 0;}

a.weiterlesen {text-transform: uppercase;  font-size: 70%; padding: 2px 5px; text-decoration: none;}

.radius-10 { border-radius: 5px; }
.radius-15 { border-radius: 5px; }

figure { display: block;}
p+figure  {margin-top: 10px;}
figure img { border: 1px solid #f5f5f5; border-radius: 5px;  width: 100%; }
figcaption {font-size: 80%;   line-height: 1.2em; padding-left: 1px; margin-bottom: 15px; }

article figure.col-6, article figure.col-3, figure.col-4 {padding: 5px 40px 0 0 !important}
article figure.col-6.pull-right, article figure.col-3.pull-right, figure.col-4.pull-right {padding: 5px  20px 0 0  !important; margin-left: 30px;}
 article div.col-5.pull-right {margin-left: 30px; margin-bottom: 20px}

article .col-6 {padding: 20px;}
article .col-6:first-of-type {padding-left: 0;}

footer#footer {font-size: 95%; margin-bottom: 25px;}
footer#footer b {letter-spacing: .05em;}
footer#footer a {text-decoration: none;}
footer#footer div.col-6:last-of-type {color: #607916;}


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


.blue-bgd {background-color: #527C92; color: #fff; padding: 20px !important;border-radius: 3px;}
.green-bgd {background-color: #607916;color: #fff; padding: 20px !important;border-radius: 3px;}
.brown-bgd {background-color: #5B5840;color: #fff; padding: 20px !important;border-radius: 3px;}
.grey-bgd {background-color: #E6E6E6;  padding: 20px !important;border-radius: 3px;margin-top: 10px}
.grey-bgd a {color: #343B21; text-decoration: underline;}

p+section.grey-bgd {margin-top: 20px;}
/** * Styles 4 Entwicklung *
.translate {background-color: #ffffe1;  }*/