@media only screen and ( max-width: 440px ) {
    /* mobile Geräte #################################################################################################################  */
 body { 
  width: 100%;
  font-size: 1em;
  font-family: 'Titillium Web Regular', sans-serif;
  margin-left: -0px;
  margin-top: -0px;
  color: #333;
}

a {

  font-size: 13px;
  font-family: 'Titillium Web Regular', sans-serif;
  text-decoration: none;
  color: #803a34;
  padding-left:10px;

}
a:hover {
  font-size: 13px;
  color: #8aa2b0;
}

.headline {
font-size: 2em;
letter-spacing: 0.08em;
padding-top: 20px;
padding-left: 5%;

}
.subheadline {
font-size: 1.5em;
padding-top: 2px;
padding-left: 5%;
line-height: 1.2;
}


.backlink {
padding-top: 10px;
background-color: #f2f1ef;
}
.floh {
background-color: #f2f1ef;
height: 180px;
}
.floh img {
background-color: #f2f1ef;
width: 95%;
}
.floh_img {
float: left;
}
.floh_text {
background-color: #f2f1ef;
text-align: left;
padding-top: 30px;
line-height: 1.5;
}

.felder {
font-size: 1em;
padding-left: 5%;
padding-right: 7%;
margin-top:5px;
}

.felder2 {
font-size: 2em;
padding-left: 5%;
padding-right: 7%;
margin-top:5px;
}

.in300 {
margin-top:10px;
font-size: 1em;
width: 97%;
background-color: #e6d8cf;
border:0;
padding:10px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in300r {
margin-top:10px;
font-size: 1em;
width: 97%;
background-color: #ffb7b2;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in20 {
margin-top:10px;
font-size: 1em;
width: 97%;
background-color: #e6d8cf;
border:0;
padding:10px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in20r {
margin-top:10px;
font-size: 1em;
width: 97%;
background-color: #ffb7b2;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in310 {
margin-top:10px;
font-size: 1em;
width: 102.8%;
background-color: #e6d8cf;
border:0;
padding:7px;
color: #757575;
font-family: 'Titillium Web Regular', sans-serif;
}


.in310r {
margin-top:10px;
font-size: 1em;
width: 102.8%;
background-color: #ffb7b2;
border:0;
padding:7px;
color: #757575;
font-family: 'Titillium Web Regular', sans-serif;
}

.infotext {
  margin-top:5px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 1em;
  line-height: 1.4;
  }
.agbtext {
  margin-top:10px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 1em;
  line-height: 1.4;
  
  }
.agbtext a {
   color: #333;
   font-size: 1em;
   padding-left: -1em;
   text-decoration: underline;

}


input.larger {
      width: 24px;
      height: 24px;
	  border: 2px
      }

#box {     position: absolute;   
           visibility: hidden; 

}  

.kontakt {
  font-size: 18px;
  letter-spacing: 0.08em;
}

#box a { font-size: 18px;
         color: #ffffff;
		 }

#box a:hover { text-decoration: underline;
		 }

.submit {
  margin-top:40px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 1em;
  line-height: 1.5;
  }

.submitbutton  { margin-top:10px;
font-size: 1em;
width: 70%;
background-color: #803a34;
border:0;
padding:7px;
color: #ffffff;
font-family: 'Titillium Web Regular', sans-serif;
  }

.feet {
background-color: #8f9e96;
height: 120px;
text-align: center;
color: #ffffff;
line-height: 1.5;
}

.feet a {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  padding-left: 0px;
  letter-spacing: 0.08em;

}

.feet a:hover {

  text-decoration: underline;


}



}

@media only screen and ( min-width: 680px ) and ( max-width: 1199px ) {
    /* Tablets und mittlere Bildschirme ############################################################################################################################################################ */



 body { 
width: 100%;
  font-size: 1em;
  font-family: 'Titillium Web Regular', sans-serif;
  margin-left: -0px;
  margin-top: -0px;
  color: #333;
}

a {

  font-size: 1em;
  font-family: 'Titillium Web Regular', sans-serif;
  text-decoration: none;
  color: #803a34;
  padding-left:10px;

}
a:hover {
  font-size: 1em;
  color: #8aa2b0;
}

.headline {
font-size: 2em;
letter-spacing: 0.08em;
padding-top: 20px;
padding-left: 15%;
padding-right: 17%;

}
.subheadline {
font-size: 1.5em;
padding-top: 2px;
padding-left: 15%;
padding-right: 17%;
line-height: 1.2;
}


.backlink {
padding-top: 10px;
background-color: #f2f1ef;
}
.floh {
background-color: #f2f1ef;
height: 180px;
}
.floh img {
background-color: #f2f1ef;
width: 50%;
}
.floh_img {
float: left;
}
.floh_text {
background-color: #f2f1ef;
text-align: left;
padding-top: 30px;
line-height: 1.5;
}

.felder {
font-size: 1em;
padding-left: 15%;
padding-right: 17%;
margin-top:5px;
}

.label {
width: 300px;
}

.in300 {
margin-top:10px;
font-size: 1em;
width: 97%;
background-color: #e6d8cf;
border:0;
padding:10px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in300r {
margin-top:10px;
font-size: 1em;
width: 97%;
background-color: #ffb7b2;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in20 {
margin-top:10px;
font-size: 20px;
width: 50%;
background-color: #e6d8cf;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in20r {
margin-top:10px;
font-size: 20px;
width: 50%;
background-color: #ffb7b2;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in310 {
margin-top:10px;
font-size: 1em;
width: 101%;
height:45px;
background-color: #e6d8cf;
border:0;
padding:7px;
color: #757575;
font-family: 'Titillium Web Regular', sans-serif;
}

.in310r {
margin-top:10px;
font-size: 1em;
width: 101%;
height:45px;
background-color: #ffb7b2;
border:0;
padding:7px;
color: #757575;
font-family: 'Titillium Web Regular', sans-serif;
}

.infotext {
  margin-top:5px;
  padding-left: 15%;
  padding-right: 17%;
  font-size: 1em;
  line-height: 1.4;
  }
.agbtext {
  margin-top:10px;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 1em;
  line-height: 1.4;
  
  }
.agbtext a {
   color: #333;
   font-size: 1em;
   padding-left: -1em;
   text-decoration: underline;

}


input.larger {
      width: 24px;
      height: 24px;
	  border: 2px
      }

#box {     position: absolute;   
           border-radius: 18px;
		   height: 140px; width: 330px;    
		   left: 52%; top: 30px; 
		   background-image: url("img/bg_phone_small.png");
		   background-repeat: no-repeat;
		   background-color: #8f9e96;
		   color: #ffffff;
		   padding-top: 5px;
		   padding-left: 20px;
		   line-height: 1.1;
}  

.kontakt {
  font-size: 1em;
  letter-spacing: 0.05em;
}

#box a { font-size: 1empx;
         color: #ffffff;
		 }

#box a:hover { text-decoration: underline;
		 }

.submit {
  margin-top:40px;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 1em;
  line-height: 1.5;
  }

.submitbutton  { margin-top:10px;
font-size: 1em;
width: 70%;
background-color: #803a34;
border:0;
padding:20px;
height:50px;
color: #ffffff;
font-family: 'Titillium Web Regular', sans-serif;
  }

.feet {
background-color: #8f9e96;
height: 120px;
text-align: center;
color: #ffffff;
line-height: 1.5;
}

.feet a {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  padding-left: 0px;
  letter-spacing: 0.08em;

}

.feet a:hover {

  text-decoration: underline;


}

}






@media only screen and ( min-width: 1200px ) {
/* Desktop breites Browserfenster ################################################################################################################################################################### */
    


 body { 
  width: 100%;
  font-size: 16px;
  font-family: 'Titillium Web Regular', sans-serif;
  margin-left: -0px;
  margin-top: -0px;
  color: #333;
}

a {

  font-size: 13px;
  font-family: 'Titillium Web Regular', sans-serif;
  text-decoration: none;
  color: #803a34;
  padding-left:10px;

}
a:hover {
  font-size: 13px;
  color: #8aa2b0;
}

.headline {
font-size: 36px;
letter-spacing: 0.08em;
padding-top: 20px;
padding-left: 28%;

}
.subheadline {
font-size: 28px;
padding-top: 10px;
padding-left: 28%;
padding-right: 32%;
line-height: 1.2;
}


.backlink {
padding-top: 10px;
background-color: #f2f1ef;
}
.floh {
background-color: #f2f1ef;
height: 220px;
}
.floh_img {
float: left;
width: 28%;
background-color: red;
}
.floh_text {
background-color: #f2f1ef;
text-align: left;
padding-top: 30px;
line-height: 1.5;
}

.felder {
font-size: 16px;
padding-left: 28%;
padding-right: 28%;
margin-top:5px;
}

.label {
font-size: 22px;
width: 30%;
margin-right:10px;
float: left;
padding-top: 15px;
}

.in300 {
margin-top:10px;
font-size: 20px;
width: 101%;
background-color: #e6d8cf;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in300r {
margin-top:10px;
font-size: 20px;
width: 101%;
background-color: #ffb7b2;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in20 {
margin-top:10px;
font-size: 20px;
width: 20%;
background-color: #e6d8cf;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}

.in20r {
margin-top:10px;
font-size: 20px;
width: 20%;
background-color: #ffb7b2;
border:0;
padding:7px;
font-family: 'Titillium Web Regular', sans-serif;

}



.in310 {
margin-top:10px;
font-size: 20px;
width: 102.8%;
background-color: #e6d8cf;
border:0;
padding:7px;
color: #757575;
font-family: 'Titillium Web Regular', sans-serif;
}

.in310r {
margin-top:10px;
font-size: 20px;
width: 102.8%;
background-color: #ffb7b2;
border:0;
padding:7px;
color: #757575;
font-family: 'Titillium Web Regular', sans-serif;
}

.infotext {
  margin-top:10px;
  padding-left: 28%;
  padding-right: 28%;
  font-size: 18px;
  line-height: 1.5;
  }
.agbtext {
  margin-top:20px;
  padding-left: 28%;
  padding-right: 28%;
  font-size: 17px;
  line-height: 1.5;
  
  }

.agbtext a {
  color: #333;
  font-size: 17px;
  line-height: 1.5;
  text-decoration: underline;
  padding-left: 0px;

}

input.larger {
      width: 18px;
      height: 18px;
	  
      }

#box {     position: absolute;   
           border-radius: 18px;
		   height: 160px; width: 360px;    
		   left: 40%; top: 30px; 
		   background-image: url("img/bg_phone.png");
		   background-repeat: no-repeat;
		   background-color: #8f9e96;
		   color: #ffffff;
		   padding: 20px;
		   line-height: 1.5;
}  

.kontakt {
  font-size: 18px;
  letter-spacing: 0.08em;
}

#box a { font-size: 18px;
         color: #ffffff;
		 }

#box a:hover { text-decoration: underline;
		 }

.submit {
  margin-top:20px;
  padding-left: 28%;
  padding-right: 28%;
  font-size: 18px;
  line-height: 1.5;
  }

.submitbutton  { margin-top:10px;
font-size: 20px;
width: 50%;
background-color: #803a34;
border:0;
padding:7px;
color: #ffffff;
font-family: 'Titillium Web Regular', sans-serif;
  }

.feet {
background-color: #8f9e96;
height: 160px;
text-align: center;
color: #ffffff;
}

.feet a {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
  padding-left: 0px;
  letter-spacing: 0.08em;

}

.feet a:hover {

  text-decoration: underline;


}

.admin_list {
  margin-top:10px;
  padding-left: 28%;
  padding-right: 28%;
  font-size: 18px;
  line-height: 1.7;

}

.admin_list a {
  color: #333;
  font-size: 15px;
  line-height: 1.7;
  text-decoration: none;
  padding-left: 0px;
  font-size: 18px;


}

.admin_list a:hover {
text-decoration: underline;




}