@media only screen and (min-width: 1025px){
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
       html,body{

       font-size: 28px;
       color: #000000;
       margin: 0;
       padding: 0;
       background-color: #FFFFFF;
       min-height: 100%;  width: 100%;
   }
   h1,h2{
       font-size: 42px;              
       color: #000000;
   }
   h2,h3{
       font-size: 32px;
       color: #000000;
   }
   h5,h6{
       font-size: 30px;
       color: #000000;
   }
   p{
       font-size: 28px;
       color: #000000;
    }
   a{
       font-size: 28px;
       text-decoration: none;
       color: #6E6E6E;
       cursor: pointer;
   }
   a:hover{
       text-decoration: none;
       color: #292929;
       cursor: pointer;
   }
   .wrapper{
       width: 100%;
       height: 100%;
       background-color: #FFFFFF;
   }
   .banner{
       width: 100%;
   }
   .content{
       position: relative;
       width: 100%;
       max-width: 80%;
       height: 100%;
       padding-top: 10px;
       margin: 0 auto;
       background-color: #FFFFFF;
   }
   .footer{
       position: relative;
       width: 100%;
       max-width: 80%;
       margin: 0 auto;
       background-color: #FFFFFF;
       border-top : solid 1px #90dfaa ;
       min-height: 150px;
   }
   .footer_left p{
       width: 30%;
       float: left;
       font-size: 18px;
       margin-right: 20px;
   }
   .footer_right p{
       width: 30%;
       float: left;
       font-size: 18px;

   }
   .clear{
    width: 100%;
    float: none;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 10px;
    clear: both;
   }
   .impres{
       font-size: 16px;
   }
   img{
       width: 100%;
   }
   .leistung_image{
       width: 100%;
       max-width: 33.3333333%;
       height: auto;
       float: left; cursor: pointer;
    }
    .send{
       position: relative;
       display: block;
       text-align: center;
       width: 20%;
       left: 40%;
       padding: 10px;
       background-color: #90dfaa;
       border-radius: 2px;
       color: #000000;
       cursor: pointer;
       margin-bottom: 20px;
    }
   .send:hover{
       opacity: 0.8 ;
   }

   #index01{
       width: 50%;
       float: left;
   }
   #index02{
       width: 50%;
   }
   #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #90dfaa;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
   }
   #myBtn:hover {
    background-color: #B4B4B4;
   }
   #blitz{
       width: 10%;
   }

}
@media only screen and (min-width: 600px) and (max-width: 1024px){
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
   html,body{

       font-size: 24px;
       color: #000000;
       margin: 0;
       padding: 0;
       background-color: #FFFFFF;
       min-height: 100%;  width: 100%;
   }
   h1,h2{
       font-size: 36px;
       color: #000000;
   }
   h2,h3{
       font-size: 34px;
       color: #000000;
   }
   h5,h6{
       font-size: 32px;
       color: #000000;
   }
   p{
       font-size: 24px;
       color: #000000;
    }
   a{
       font-size: 24px;
       text-decoration: none;
       color: #6E6E6E;
       cursor: pointer;
   }
   a:hover{
       text-decoration: none;
       color: #292929;
       cursor: pointer;
   }
   .wrapper{
       width: 100%;
       height: 100%;
       background-color: #FFFFFF;
   }
   .banner{
       width: 100%;
   }
   .content{
       position: relative;
       width: 100%;
       max-width: 80%;
       height: 100%;
       padding-top: 10px;
       margin: 0 auto;
       background-color: #FFFFFF;
   }
   .footer{
       position: relative;
       width: 100%;
       max-width: 80%;
       margin: 0 auto;
       background-color: #FFFFFF;
       border-top : solid 1px #90dfaa ;
       min-height: 150px;
   }
   .footer_left p{
       width: 30%;
       float: left;
       font-size: 18px;
       margin-right: 20px;
   }
   .footer_right p{
       width: 30%;
       float: left;
       font-size: 18px;
   }
   .clear{
    width: 100%;
    float: none;
    background-color: #FFFFFF;
    color: #FFFFFF;
    height: 20px;
    clear: both;
   }
   .impres{
       font-size: 16px;
   }
   img{
       width: 100%;
   }
   .leistung_image{
       width: 100%;
       max-width: 33.3333333%;
       height: auto;
       float: left; cursor: pointer;
    }
   .send{
       position: relative;
       display: block;
       text-align: center;
       width: 40%;
       left: 30%;
       padding: 10px;
       background-color: #90dfaa;
       border-radius: 2px;
       color: #000000;
       cursor: pointer;
       margin-bottom: 20px;
    }
   .send:hover{
       opacity: 0.8 ;
   }

   #index01{
       width: 100%;
       float: left;
       margin-bottom: 10px;
   }
   #index02{
       width: 100%;
   }
   #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #90dfaa;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
   }
   #myBtn:hover {
    background-color: #B4B4B4;
   }
   #blitz{
       width: 10%;
   }
}
@media only screen and (min-width: 200px) and (max-width: 599px){
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
    html,body{
 
       font-size: 22px;
       color: #000000;
       margin: 0;
       padding: 0;
       background-color: #FFFFFF;
       min-height: 100%;  width: 100%;
   }
   h1,h2{
       font-size: 24px;
       color: #000000;
   }
   h2,h3{
       font-size: 22px;
       color: #000000;
   }
   h5,h6{
       font-size: 20px;
       color: #000000;
   }
   p{
       font-size: 18px;
       color: #000000;
    }
   a{
       font-size: 18px;
       text-decoration: none;
       color: #6E6E6E;
       cursor: pointer;
   }
   a:hover{
       text-decoration: none;
       color: #292929;
       cursor: pointer;
   }
   .wrapper{
       width: 100%;
       height: 100%;
       background-color: #FFFFFF;
   }
   .banner{
       width: 100%; margin-top: 48px;
   }
   .content{
       position: relative;
       width: 100%;
       max-width: 95%;
       height: 100%;
       padding-top: 10px;
       margin: 0 auto;
       background-color: #FFFFFF;
   }
   .footer{
       position: relative;
       width: 100%;
       max-width: 95%;
       margin: 0 auto;
       background-color: #FFFFFF;
       border-top : solid 1px #90dfaa ;
       min-height: 100px;
   }
   .footer_left p{
       width: 47%;
       float: left;
       font-size: 18px;
       margin-right: 20px;
   }
   .footer_right p{
       width: 47%;
       float: left;
       font-size: 18px;
   }
   .clear{
    width: 100%;
    float: none;
    background-color: #FFFFFF;
    color: #FFFFFF;
    height: 20px;
    clear: both;
   }
   .impres{
       font-size: 16px;
   }
   img{
       width: 100%;
   }
   .leistung_image{
       width: 100%;
       max-width: 100%;
       height: auto;
       float: left; cursor: pointer;
    }
   .send{
       position: relative;
       display: block;
       text-align: center;
       width: 40%;
       left: 30%;
       padding: 10px;
       background-color: #90dfaa;
       border-radius: 2px;
       color: #000000;
       cursor: pointer;
       margin-bottom: 20px;
    }
   .send:hover{
       opacity: 0.8 ;
   }

   #index01{
       width: 100%;
       float: none;
       margin-bottom: 10px;
   }
   #index02{
       width: 100%;
   }
   #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #90dfaa;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
   }
   #myBtn:hover {
    background-color: #B4B4B4;
   }
   #blitz{
       width: 10%;
   }
}