/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {display:block;}

audio,
canvas,
video {display:inline-block;}

audio:not([controls]) {display:none;height:0;}

[hidden] {display:none;}

html {background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0;}
a:focus {outline:thin dotted;}
a:active,
a:hover {outline:0;}

h1 {font-size:2em;margin:0.67em 0;}
abbr[title] {border-bottom:1px dotted;}
b,
strong {font-weight:bold;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background:#ff0;color:#000;}
code,
kbd,
pre,
samp {font-family:monospace, serif;font-size:1em;}
pre {white-space:pre-wrap;}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
small {font-size:80%;}
sub,
sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}

button,
input,
select,
textarea {font-family:inherit;font-size:100%;margin:0;padding:0;}

button,
input {line-height:normal;}

button,
select {text-transform:none;}

button,
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled] {cursor:default;}
input[type="checkbox"],
input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;}
input[type="text"]:disabled {color:#333;}

table {border-collapse:collapse;border-spacing:0;}

/** START LERN CSS **/

body {min-height:100%;margin:0;padding:0;font:normal normal normal 24px/30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;font-weight:400;color:#56863e;text-align:left;background:#fff;}

html {height:100%;}

div, p, ul, ol, li, img, h1, h2, h3, h4, h5, h6, form, fieldset, dl, dd, dt, input, button, select, textarea, label, table, tr, td, th {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;line-height:normal;font-weight:600;}
table, th, td {font:normal normal normal 24px/30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;color:#56863e;font-weight:400;}
th {font-weight:normal;text-align:left;}
textarea {font:normal normal normal 24px/30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;color:#56863e;font-weight:400;}
a {color:#56863e;}
a:hover {text-decoration:none;}
p a {text-decoration:underline;}
p a:hover {text-decoration:none;}
a:focus {outline:none;}
a.tel {text-decoration:none;}
strong, b {font-weight:600;}
li {list-style:none;}
button {overflow:visible;}
img, fieldset {border:none;}
input, select, textarea, option:focus {outline:none;}
	
#wrapper {width:1004px;margin:0 auto;}

#header {overflow:hidden;padding:40px 0 40px 0;}
#footer {overflow:hidden;padding:0 0 40px 0;}
#header img {float:left;width:290px;height:auto;}
#header #navigation, 
#footer #navigation {float:left;width:714px;margin:122px 0 0 0;background:#a4d094;color:#fff;font-size:16px;line-height:20px;}
#footer #navigation {overflow:hidden;float:none;width:auto;margin:0;}
#header #navigation ul {}
#footer #navigation ul {text-align:center;}
#header #navigation ul li {float:left;}
#footer #navigation ul li {display:inline-block;}
#header #navigation ul li a, 
#footer #navigation ul li a {display:block;padding:8px 12px 8px 12px;color:#fff;text-decoration:none;}
#header #navigation ul li.active a, 
#footer #navigation ul li.active a {font-weight:bold;}
#header #navigation ul li a:hover, 
#footer #navigation ul li a:hover {color:#999;}

#container {}
#main {padding:0 0 60px 0;}
h1, h2, h3, h4, h5, h6 {padding:0 0 20px 0;}
#main img {display:block;max-width:100%;margin:0 0 20px 0;}
#main p {padding:0 0 20px 0;}
#main p img {width:50%;height:auto;}
#main .img-container {overflow:hidden;padding:0 0 12px 0;}
#main .img-container img {width:33%;height:auto;}
#main img.left {float:left;margin:0 20px 18px 0;}
#main img.right {float:right;margin:0 0 18px 20px;}
#main img.mini {width:21%;padding-right:20px;margin-right:6%;margin-left:6%;margin-top:30px;}
#main img.right.mini {padding-right:0;padding-left:20px;}
#main .slider {overflow:hidden;padding:0 0 40px 0;}
#main .slider ul {}
#main .slider ul li {overflow:hidden;width:100%;font-size:28px;line-height:34px;}
#main .slider ul li img {float:left;width:auto;height:250px;margin:0 20px 0 0;}
#main .slider ul li h1, 
#main .slider ul li h2 {padding:0 0 20px 0;}
#main .slider ul li p {}
#main p.intro {padding-bottom:40px;line-height:38px;}
#main p.intro strong {font-size:34px;}
#main ul.list {padding:0 40px 40px 10px;}
#main ul.list li {position:relative;left:40px;padding:0 0 0 5px;list-style:outside;list-style-type:disc;}
#main ul.list.right li {padding-right:36%;}
#main .tuev {padding:0 40px 0 0;background:transparent url("../images/logos/tuev-rheinland-zertifiziert.png") no-repeat right top;background-size:auto 100%;}
#main .mobile {display:none !important;}

@media (min-width:641px) and (max-width:1003px) {
	#wrapper {width:641px;}
	#header img {float:none;display:block;margin:0 auto 30px auto;}
	#header #navigation, 
	#footer #navigation {float:none;overflow:hidden;width:auto;margin:0;}
	#header #navigation ul li a, 
	#footer #navigation ul li a {padding-left:6px;padding-right:6px;}
	#main p img {width:40%;}
	#main .slider ul li img {height:200px;}
}

@media (max-width:640px) {
	#wrapper {width:auto;}
	#header img {float:none;display:block;margin:0 auto 30px auto;}
	#header #navigation, 
	#footer #navigation {float:none;overflow:hidden;width:auto;margin:0;font-size:18px;line-height:22px;}
	#header #navigation ul li a, 
	#footer #navigation ul li a {padding:10px 12px;}
	p, h1, h2, h3, h4, h5, h6, p a {-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
	#main {padding:0 20px;}
	#main p img {width:100%;}
	#main .img-container {padding:0;}
	#main .img-container img {width:100%;}
	#main img.left {float:none;margin:0 0 20px 0;}
	#main img.right {float:none;margin:0 0 20px 0;}
	#main .slider ul li img {float:none;width:100%;height:auto;margin:0;}
	#main ul.list {padding:0 22px 40px 0;}
	#main ul.list li {left:22px;}
	#main ul.list.right li {padding-right:0;}
	#main .mobile {display:block !important;}
	#main .desktop {display:none !important;}
}