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


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


/* 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: #0785F2;
   background-color: blue;
  /* clear: both; */
  width: 100%;
  height: 250px;
  #text-align: left;
  border-bottom: 10px #FF0000 solid;
  #z-index: 6000;
}



#frag_5 {
   position: absolute;
  top: 120px;
  padding-left: 9%;
  text-align: left;
  font-size: clamp(1em, 4.5vw, 3em);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weigt: bold;
  color: #ffffff;
  #background-color: #0785F2;
  text-shadow: 3px 3px 8px #000000; /* Gesamtfarbe */
  z-index: 10;
}

#frag_6 {
   position: absolute;
  top: 190px;
  padding-left: 9%;
  text-align: left;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weigt: bold;
  color: #ffffff;
  #background-color: #0785F2;
  text-shadow: 3px 3px 8px #000000; /* Gesamtfarbe */
  z-index: 10;
}


#body {
#top: 700px;
#height: auto;
#max-height: 0px;
background: linear-gradient(#66ffff, #FFFFFF);
font-family: verdana;
font-size: 0.9em;
#left: -5%;
right: 0%;
width: 100%;
padding-top: 250px;
}

#bodyhome {
#top: 600px;
height: auto;	
background: linear-gradient(#66ffff, #FFFFFF);
font-family: verdana;
font-size: 1.2em;
padding-top: 250px;
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.7em;
  #left: 10%;
  #background-color: orange;
  padding:10px;
  margin-right: 5%;

}


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

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 */

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


#fuss {
  position: absolute;
  #top: 1800px;
  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: blue;
  /* clear: both; */
  width: 100%;
  height: 250px;
  z-index: 1;
  #border-color: red;
  border-top: 10px #FF0000 solid;;
}  

#datschutz{
position: fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
 # padding-right: 50px;
  color: red;
  left: 9%;

}



}







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



* {
  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: blue;
  /* clear: both; */
  width: 100%;
  height: 250px;
  #text-align: left;
  border-bottom: 10px #FF0000 solid;
  #z-index: 6000;
}

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



#body {
#top: 600px;
background: linear-gradient(#66ffff, #FFFFFF);
font-family: verdana;
font-size: 1.2em;
left: 0%;
right: 0%;
width: 100%;

}


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


/* Aufzaehlung einruecken */

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


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: blue;
  /* 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:280px) {


* {
  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: blue;
  /* clear: both; */
  width: 100%;
  height: 250px;
  #text-align: left;
  border-bottom: 10px #FF0000 solid;
  #z-index: 6000;
}

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


#frag_6 {
   position: absolute;
  top: 120px;
  padding-left: 9%;
  text-align: center;
  font-size: clamp(1em, 1.5vw, 2.0em);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weigt: heavy bold;
  color: white;
  text-shadow: 3px 3px 8px #000000; /* Gesamtfarbe */
  z-index: 10;
}


#body {
#top: 600px;
background: linear-gradient(#66ffff, #FFFFFF);
font-family: verdana;
font-size: clamp(0.8em, 1.5vw, 1.2em);
left: 0%;
right: 0%;
width: 100%;

}


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


/* Aufzaehlung einruecken */

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


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: 2500px;
  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;
 
}

}