*, *:before, *:after {
    -webkit-box-sizing: border-box; /* SAFARI/CHROME, ANDERE WEBKIT-BROWSER */
    -moz-box-sizing: border-box; /* FIREFOX, ANDERE GECKO-BROWSER */
    box-sizing: border-box; /* OPERA/IE 8+ */
}

html {background:#E1E1E1;}
body {font-family:Arial;}
/* ----------------------------------------------------------------------------- */

h1 {font-family:Arial; font-size:2.5em; font-weight:bold; color:#369446; text-align:left; margin:1em 0 0.5em 0;}
h2 {font-family:Arial; font-size:1.5em; font-weight:bold; color:#369446; text-align:left; margin:0.5em 0 0.5em 0;}
h3 {font-family:Arial; font-size:1em; font-weight:bold; color:#369446; text-align:left; margin:0 0 0.25em 0; line-height:1.2em;}     */
h4 {font-family:Arial; font-size:1em; font-weight:bold; color:#365243; text-align:left; margin:0 0 0.5em 0;}   
p {font-family:Arial; font-size:1em; line-height:1.2em; font-weight:normal; color:#423E3D; text-align:left; margin:0;}

#limarkiert {color:#369446; font-weight:bold;}
#limarkiert-h {color:#369446; font-weight:bold;}

#Container {max-width:80em; height:auto; margin:0 auto 0 auto; background:#FFFFFF; }
#Kopf {float:left; width:100%; height:12em; margin-top:-0.2em; background-image:url(images/Waben_oben_HG.jpg);}
#Titel {width:94%; height:4.5em; margin:0 3% 0 3%;}
#Nav {width:100%; height:2em; margin:1em 3% 0 0; background:rgba(255,255,255,0.9);}
#InhaltStart {width:100%; min-height:50em; margin:0; }
#Links {float:left; width:58%; margin:1em 3% 2em 3%;}
#Rechts {float:right; width:30%; margin:1em 3% 2em 3%;}
#Links1 {float:left; width:62%; margin:0 2% 0 0; }
#Aktuell {float:left; width:100%; margin:2em 0 1em 0; padding: 2em 3% 1em 3%; background-color: #E4E4D6;}
#Rechts1 {float:right; width:35%; margin-top:5em; background:#E4E4D6; padding:0.5em;}
#Rechts2 {float:right; width:35%; margin-top:5em; background:#E4E4D6; padding:0.5em 1% 2em 2%;}
#Inhalt {width:94%; min-height:66em; margin:1em 3% 2em 3%; padding-top:12em; }
#Fuss {float:left; width:100%; height:15em; margin:-1em 0 0 0; background-image:url(images/Waben_unten_HG.jpg);}
#Fuss1 {float:left; width:28%; height:13em; margin:1em 0 1em 0; padding:1em 1% 0.5em 4%; text-align:left; background:rgba(255,255,255,0.9);}
#Fuss2 {float:left; width:38%; height:13em; margin:1em 0 1em 0; padding:1em 4% 0.5em 4%; text-align:left; background:rgba(255,255,255,0.9);}
#Fuss3 {float:right; width:34%; height:13em; margin:1em 0 1em 0; padding:1em 4% 0.5em 4%; text-align:left; background:rgba(255,255,255,0.9);}
#offcanvas {display:none;}


#Video {width:40em;}
.video-container {position:relative; padding-bottom:42%; padding-top:30px; height:0; overflow:hidden; visibility:visible;}
.video-container iframe,
.video-container object,
.video-container embed {position:absolute; top:0; left:0; width:100%; max-width:640px; height:100%;}


.ul  {float:right; margin:0; padding:0.5em; list-style-type:none; display:inline-block;} /* Navigation */
.ul > li {float:left; margin:0; color:#369446; font-size:1em; font-weight:bold; text-decoration:none;}
.ul > li > a {color:#365243; font-weight:normal; margin:0; line-height:1.2em; padding:0em 1em 0em 1em; text-decoration:none; text-align:center; display:block;} 
.ul > li > a:link {color:#365243; font-weight:normal; text-decoration:none;} 
.ul > li > a:hover {color:#369446; font-weight:normal; text-decoration:none;}


.ul1 {margin-left:1.5em; margin-top:0.25em;} /* Aufzählung */       
.li1 {list-style-type:disc; list-style-position:outside; color:#423E3D; font-size:1em; line-height:1.2em; margin:0;}
.ul2 {margin-left:1.5em; margin-top:0.25em;} /* Aufzählung */       
.li2 {list-style-type:circle; list-style-position:outside; color:#423E3D; font-size:1em; line-height:1.2em; margin:0;}
.ul3 {margin-left:1.5em; margin-top:0.5em;} /* Aufzählung */       
.li3 {list-style-type:disc; list-style-position:outside; color:#423E3D; font-size:1em; line-height:1.2em; margin:0.5em 0 0 0;}
.ul4 {margin-left:1.5em; margin-top:0;} /* Aufzählung */
.li4 {list-style-type:disc; list-style-position:outside; color:#333333; font-size:1em; line-height:1.2em;}

.wrapper2 {width:60%; margin-left:10%;}

.image0 {width:100%; height:1em;} /*Streifen quer */
.image1 {width:90%; margin:2em 1% 2em 10%;}
.image1a {width:80%; margin:2em 3% 2em 3%;}
.image2 {width:100%; margin:0;}


a:link {color:#369446; text-decoration:none;}
a:visited {color:#369446; text-decoration:none;}
a:hover {color:#369446; font-weight:bold; text-decoration:none;}
a:active {color:#369446; font-weight:bold; text-decoration:none;}

a.f:link {color:#365243; text-decoration:underline;}
a.f:visited {color:#365243; text-decoration:underline;}
a.f:hover {color:#369446; font-weight:normal; text-decoration:none;}
a.f:active {color:#365243; font-weight:bold; text-decoration:none;}



/* 1024 - 900 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:56.25em) and (max-width:64em) 
{

#Inhalt {min-height:70em;}
#Fuss1 {float:left; width:25%; height:13em; margin:1em 0 1em 0; padding:0.5em 1% 0.5em 3%; text-align:left; background:rgba(255,255,255,0.9);}
#Fuss2 {float:left; width:36%; height:13em; margin:1em 0 1em 0; padding:0.5em 2% 0.5em 4%; text-align:left; background:rgba(255,255,255,0.9);}
#Fuss3 {float:left; width:39%; height:13em; margin:1em 0 1em 0; padding:0.5em 2% 0.5em 4%; text-align:left; background:rgba(255,255,255,0.9);}

#Video {width:95%;}

.image1 {width:80%; margin:2em 1% 2em 19%;}
}


/* 900 - 640 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:40em) and (max-width:56.25em) 
{

h1 {font-size:2.2em;}  
h2 {font-size:1.5em;}

#Container {width:100%;}
#Kopf {height:7em;}
#Titel {float:left; width:94%; height:4em;}
#Nav {display:none;}
#Links {width:94%; margin:0 3% 0 3%;}
#Rechts {width:94%; margin:1em 3% 0 3%;}
#Inhalt {padding-top:6em;}
#Links1 {float:left; width:94%; margin:1em 3% 1em 3%;}
#Rechts1 {float:left; width:94%; margin:2em 3% 1em 3%; }
#Rechts2 {float:left; width:94%; margin:2em 3% 1em 3%; }
#Fuss {height:auto; background-image:url(images/Waben_unten2.jpg);}        
#Fuss1 {width:94%; height:auto; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#Fuss2 {float:left; height:auto; width:94%; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#Fuss3 {float:left; height:auto; width:94%; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#offcanvas {float:right; width:40%; margin:0.5em 1% 0 0; display:block; color:#369446;}

#Video {width:100%;}

.wrapper2 {width:80%; margin-left:10%;}

.image1 {width:70%; margin:1em 15% 1em 15%;}
.image1a {float:right; width:90%; margin:0 3% 0 3%;}
.image2 {float:left; width:90%; margin:0 0 0.5em 10%;}
}


  
/* 640 - 440 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:27.5em) and (max-width:40em) 
{
h1 {font-size:2em;}  
h2 {font-size:1.5em;}

#Container {width:100%;}
#Kopf {height:7em;}
#Titel {float:left; width:94%; height:4em;}
#Nav {display:none;}
#Links {width:94%; margin:0 3% 0 3%;}
#Rechts {width:94%; margin:1em 3% 0 3%;}
#Inhalt {padding-top:6em;}
#Aktuell {padding-top:1em;}
#Links1 {float:left; width:94%; margin:1em 3% 1em 3%;}
#Rechts1 {float:left; width:94%; margin:2em 3% 1em 3%; }
#Rechts2 {float:left; width:94%; margin:2em 3% 1em 3%; }
#Fuss {height:auto; background-image:url(images/Waben_unten3.jpg);}        
#Fuss1 {width:94%; height:auto; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#Fuss2 {float:left; height:auto; width:94%; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#Fuss3 {float:left; height:auto; width:94%; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#offcanvas {float:right; width:40%; margin:0.5em 1% 0 0; display:block; color:#369446; z-index:10;}

#Video {width:100%;}

.wrapper2 {width:94%; margin-left:2%;}

.image1 {width:80%; margin:1em 10% 1em 10%;}
.image1a {float:right; width:100%; margin:0 3% 0 3%;}
.image2 {float:left; width:70%; margin:0 0 0.5em 0;}
}


/* 440 - 320 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:20em) and (max-width:27.5em)
{
h1 {font-size:1.8em;} 
h2 {font-size:1.2em;}

#Container {width:100%;}
#Kopf {height:7em;}
#Titel {float:left; width:94%; height:3em;}
#Nav {display:none;}
#Links {width:94%; margin:0 3% 0 3%;}
#Rechts {width:94%; margin:1em 3% 0 3%;}
#Inhalt {padding-top:6em;}
#Aktuell {padding-top:1em;}
#Links1 {float:left; width:94%; margin:1em 3% 1em 3%;}
#Rechts1 {float:left; width:94%; margin:2em 3% 0em 3%; }
#Rechts2 {float:left; width:94%; margin:2em 3% 0em 3%; }
#Fuss {height:auto; background-image:url(images/Waben_unten3.jpg);}        
#Fuss1 {width:94%; height:auto; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#Fuss2 {float:left; width:94%; height:auto; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#Fuss3 {float:left; width:94%; height:auto; margin:1em 3% 0 3%; padding:0.5em 3% 0.5em 3%;}
#offcanvas {float:right; width:50%; margin:1.5em 1% 0 0; display:block; color:#369446; z-index:10;}

#Video {width:100%;}

.wrapper2 {width:100%; margin-left:2%;}

.image1 {width:90%; margin:1em 5% 1em 5%;}
.image1a {float:right; width:100%; margin:0 3% 0 3%;}
.image2 {float:left; width:90%; margin:0 5% 0.5em 5%;}
}