/* bis 2700 Pixel Bildschirmbreite, z.B. Smartphone */
@media (max-width:2700px) {


* {
  margin: 0;
  padding: 0;
 #overflow-x: hidden;
 #overflow-y: hidden;
}


/* Kopfzeile */
#header {
  position: absolute;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  #top: 600px;
  overflow-x: visible;
  color: white;  
  left: 0%;
  font-size: 1.0em;
  #line-height: 100%;
  background-color: #000000;
  width: 100%;
  height: 80px;
  text-align: left;
  border-bottom: 10px #FF0000 solid;
  z-index: 2000;
}

#headerer div {
  font-size: 0.7em;
  text-indent: 10px;  
}

div.copy {
  margin-top: 4px;
  font-size: 0.7em;
  text-indent: 10px;
  text-align: right;
  padding-right: 5%;
}

#logo{
  position: absolute;
  top: 90px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  left: 0%;
  font-size: 1.0em;
  /* line-height: 40px; */
  background-color: orange;
  /* clear: both; */
  width: 100%;
  height: 200px;
  #text-align: left;
  border-bottom: 10px #FF0000 solid;
  #z-index: 6000;
}

#frag_5 {
   position: absolute;
  top: 120px;
  padding-left: 11%;
  text-align: center;
  font-size: 5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weigt: heavy bold;
  color: #336600;
  text-shadow: 3px 3px 8px #000000; /* Gesamtfarbe */
  z-index: 10;
}



#body {
position: absolute;	
top: 300px;
height: 1000px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;
left: 0%;
right: 0%;
width: 100%;

}

#bodydatschu {
position: absolute;		
top: 300px;
height: 9400px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;
z-index: -1000;

}

#bodylostag {
#top: 600px;
height: 1600px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;


}

#bodyadress {
#top: 600px;
height: 2100px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;


}


#bodykontakt {
#top: 600px;
height: 1400px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;

}


#legend {
  padding-left: 10%;
  padding-right: 5%;
}


/* Aufzaehlung einruecken */

ul#einruecken li {
  margin-left: 5%
}


#textbaure {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  #left: 10%;
  background-color: orange;
  padding: 30px;
  padding-left: 50px;
  margin-right: 5%;

}

#textlostag {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}

#textschwendtag {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}



text {
  width: 800px;
  margin-top: 2%;
  font-size: 1.0em;
  left: 9%;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 5px;
  padding: 2px;
  /* background-color: #B0E2FF; */
  font-size: 1.0em
}

p {
  margin-bottom: 1.5em;
} 

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 5px;
  padding: 2px;
  margin-top: -2%;
  /* background-color: #B0E2FF; */
  font-size: 1.0em
}



/* Fußzeile */

#fuss {
  position: absolute;
  top: 1200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 100000;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}

#fussdatschu {
  position: absolute;
  top: 9500px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  


#fusslostage {
  position: absolute;
  top: 1600px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}


#fussschwendtage {
  position: absolute;
  top: 1600px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}

#fussimpressum {
  position: absolute;
  top: 2100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}


#fusskontakt {
  position: absolute;
  top: 1400px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}
















}


/* bis 980 Pixel Bildschirmbreite, z.B. Smartphone */
@media (max-width:980px) {

@media (max-width:2700px) {


* {
  margin: 0;
  padding: 0;
 #overflow-x: hidden;
 #overflow-y: hidden;
}


/* Kopfzeile */
#header {
  position: absolute;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0%;
  overflow-x: visible;
  color: white;  
  left: 0%;
  font-size: 1.0em;
  #line-height: 100%;
  background-color: #000000;
  width: 100%;
  height: 80px;
  text-align: left;
  border-bottom: 10px #FF0000 solid;
  /* z-index: 2; */
}

#headerer div {
  font-size: 0.7em;
  text-indent: 10px;  
}

div.copy {
  margin-top: 4px;
  font-size: 0.7em;
  text-indent: 10px;
  text-align: right;
  padding-right: 5%;
}

#logo{
  position: absolute;
  top: 90px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  left: 0%;
  font-size: 1.0em;
  /* line-height: 40px; */
  background-color: orange;
  /* clear: both; */
  width: 100%;
  height: 200px;
  #text-align: left;
  border-bottom: 10px #FF0000 solid;
  #z-index: 6000;
}

#frag_5 {
   position: absolute;
  top: 120px;
  padding-left: 11%;
  text-align: center;
  font-size: 3em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weigt: heavy bold;
  color: #336600;
  text-shadow: 3px 3px 8px #000000; /* Gesamtfarbe */
  z-index: 10;
}



#body {
#top: 600px;
height: 1200px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;
left: 0%;
right: 0%;
width: 100%;

}

#bodydatschu {
#top: 600px;
height: 9400px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 0.99em;

margin: 0%;


}

#bodylostag {
#top: 600px;
height: 1600px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;


}

#bodyadress {
#top: 600px;
height: 2100px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 0.9em;

margin: 0%;


}


#bodykontakt {
#top: 600px;
height: 1400px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;

}


#legend {
  padding-left: 10%;
  padding-right: 5%;
}


/* Aufzaehlung einruecken */

ul#einruecken li {
  margin-left: 5%
}


#textbaure {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}

#textlostag {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}

#textschwendtag {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}



text {
  width: 800px;
  margin-top: 2%;
  font-size: 1.0em;
  left: 9%;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 5px;
  padding: 2px;
  /* background-color: #B0E2FF; */
  font-size: 1.0em
}

p {
  margin-bottom: 1.5em;
} 

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 5px;
  padding: 2px;
  margin-top: -2%;
  /* background-color: #B0E2FF; */
  font-size: 1.0em
}



/* Fußzeile */

#fuss {
  position: absolute;
  top: 1200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}

#fussdatschu {
  position: absolute;
  top: 10100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  


#fusslostage {
  position: absolute;
  top: 1600px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}


#fussschwendtage {
  position: absolute;
  top: 1600px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}

#fussimpressum {
  position: absolute;
  top: 2100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}


#fusskontakt {
  position: absolute;
  top: 1400px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}
















}




}


/* bis 480 Pixel Bildschirmbreite, z.B. Smartphone */
@media (max-width:480px) {


* {
  margin: 0;
  padding: 0;
 #overflow-x: hidden;
 #overflow-y: hidden;
}


/* Kopfzeile */
#header {
  position: absolute;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0%;
  overflow-x: visible;
  color: white;  
  left: 0%;
  font-size: 1.0em;
  #line-height: 100%;
  background-color: #000000;
  width: 100%;
  height: 80px;
  text-align: left;
  border-bottom: 10px #FF0000 solid;
  /* z-index: 2; */
}

#headerer div {
  font-size: 0.7em;
  text-indent: 10px;  
}

div.copy {
  margin-top: 4px;
  font-size: 0.7em;
  text-indent: 10px;
  text-align: right;
  padding-right: 5%;
}

#logo{
  position: absolute;
  top: 90px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  left: 0%;
  font-size: 2.0em;
  /* line-height: 40px; */
  background-color: orange;
  /* clear: both; */
  width: 100%;
  height: 200px;
  #text-align: left;
  border-bottom: 10px #FF0000 solid;
  #z-index: 6000;
}

#frag_5 {
   position: absolute;
  top: 120px;
  padding-left: 11%;
  text-align: center;
  font-size: 2.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weigt: heavy bold;
  color: #336600;
  text-shadow: 3px 3px 8px #000000; /* Gesamtfarbe */
  z-index: 10;
}



#body {
#top: 600px;
height: 1200px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;
left: 0%;
right: 0%;
width: 100%;

}

#bodydatschu {
#top: 600px;
height: 10000px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 0.7em;

margin: 0%;


}

#bodylostag {
#top: 600px;
height: 1600px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 1.2em;

margin: 0%;


}

#bodyadress {
#position: relative;
#top: 600px;
height: 2100px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 0.8em;

margin: 0%;


}


#bodykontakt {
#top: 600px;
height: 1400px;	
background: linear-gradient(#339933, #FFFF00);
font-family: verdana;
font-size: 0.8em;

margin: 0%;

}


#legend {
  padding-left: 10%;
  padding-right: 5%;
}


/* Aufzaehlung einruecken */

ul#einruecken li {
  margin-left: 5%
}


#textbaure {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}

#textlostag {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}

#textschwendtag {
  position: relative;
  #margin-top: 5%;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  #left: 10%;
  background-color: orange;
  padding:10px;
  margin-right: 5%;

}



text {
  width: 800px;
  margin-top: 2%;
  font-size: 1.0em;
  left: 9%;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 5px;
  padding: 2px;
  /* background-color: #B0E2FF; */
  font-size: 1.0em
}

p {
  margin-bottom: 1.5em;
} 

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  margin: 5px;
  padding: 2px;
  margin-top: -2%;
  /* background-color: #B0E2FF; */
  font-size: 1.0em
}



/* Fußzeile */

#fuss {
  position: absolute;
  top: 1200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}

#fussdatschu {
  position: absolute;
  #top: 10000px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  


#fusslostage {
  position: absolute;
  top: 1600px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}


#fussschwendtage {
  position: absolute;
  top: 1600px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}

#fussimpressum {
  position: absolute;
  top: 2100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}


#fusskontakt {
  position: absolute;
  top: 1400px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
 # padding-right: 50px;
  color: yellow;
  left: 0%;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 100%;
  background-color: #000000;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

.recht {
 text-align: left;
 margin-left: 10%;
 overflow: hidden;
 line-height: 100%;
 font-size: 1.5em; 
 z-index: 100;
 color: yellow;
 
}
















}