/*1280px 1024px 960px 800p x720px 640px 600px 480px 400px 360px*/



.ziehungs_box{
    margin-top:10px;
    border-bottom:solid 2px #0087c0; 
    /*border-radius:15px; 
    background-color :white ;*/
    padding:10px;
    
}

.zahlen_box{
    margin-top:10px;
    width :100%;
    

}

.zahlen{
    float :left;
    width :100%;

}
  .boxkugel {
        float: left;
        width: 33%;
        height: 33%;
max-width :75px;
        max-height :75px

    }


  .boxkugelgezogen{
       float: left;
        width: 16%;
        height: 16%;
        max-width :75px;
        max-height :75px
  }

  .boxkugelsz {
        float: left ;
        width: 33%;
        height: 33%;
        max-width :75px;
        max-height :75px
    }
  .boxkugeleinzel{
     float :left;
     width:100px;
     height :100px;
}

  /*.dreierReihe{
      float :left;
      width: 75%;
  }*/
  .einerReihe{
      float :left;
      width: 25%;
     
  }
   .dreierReiheAuswert{
      float :left;
      width: 75%;
  }


   .boxkugelszAuswert {
        float: left ;
        width: 100%;
        height: 100%;
    }



   .lottozahl{
   float :left;
   font-size : 35px;
   text-align :center ;
   font-weight :bold ;
   width :60px;
   height :60px;
   margin-left :6px;
  padding-top :10px;
   
   background-image :url(/images/blank.png);
    background-repeat :no-repeat ;
    background-size :100%;

   
}
  
.superzahl{
   float :left;
   font-size : 25px;
   text-align :center ;
   font-weight :bold ;
   /*width :40px;*/
   margin-left :6px;
  padding-top :14px;
   
  
   
}
  



 
.w_KL{
    float :left ;
    width:100%;
    margin-top:10px;

}   

.festeReihe{
     float :left;
     width :100%;
}



.zahlenreihe_spiel77{
    float: left;
    width :100%;
    font-size :20px;
    margin :0 0 10px 0px;
    padding :0;
   
}

.box_lblGK_77{
    float :left;
     width :175px;
     margin-bottom :6px;
}
.textklein{
    font-size :16px;
}
.box_lblzahl_77{
    float :left;
     width :100%;
      margin-bottom :6px;
}
.box_lblsumme_77{
    float :left;
     width :100%;
}

.boxKLa_77{
    float:left ;
    height :15px;
    width :15px;
    text-align :center ;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.2em 0.6em 0.2em;
     background: radial-gradient(white, 80%, #c30061);
}


.boxKLa_s6{
    float:left ;
    height :15px;
    width :15px;
    text-align :center ;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.2em 0.6em 0.2em;
     background: radial-gradient(white, 80%, #065295);
}


 .LblKLa {
        font-size: 22px;
        font-family: Verdana;

    }


 .quoten{
    float :left;
    width :100%;

}

    .LblGK {
        float: left;
        font-size: 18px;
        font-family: Verdana;
    }




    .quotenreihe{
         float :left;
         margin-top: 5px;
         width :100%;
        
         

     }

.spiel77{
    float :left;
    width :100%;

}


.boxquokast{
    float :left;
    width : 13%;
    height :1.2em;
    font-family: Wingdings;
    font-size :28px;
    padding-top :3px;
   text-align :center ;
    border :1px solid grey;
   
}




  .gk_Text {
        float: left;
        margin: 5px 0 10px 3px;
        font-size: 12px;
        width: 40%;
    }

.gk_Quote{
     float: left;
        margin: 5px 0px 10px 3px;
        font-size: 12px;
        width: 40%;
}

.szred{
    color:orangered;
}

  .analyse{
      float: left;
      width :100%;


  }



.jahreszahlen{
    float :left;
    width :100%;
}

.jahresreihe{
    float :left;
    min-width :200px;
    margin-bottom :20px;
}

.ziehdatum{
    float: left ;
    width :100%;
  
    font-size :16px;

     padding-top :12px;
}

.boxkugelliste{
       float: left;
        width: 14%;
        height: 14%;
}




   .boxzahlen{
        width : 100%;
            
}


.boxzahl{
     float :left;
        width :10%;
        background-color: white;
       border: 2px solid grey;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
}


      .boxzahlleer {
          float:left;
        width :10%;
       /*background-color: white;*/
       /*border: 2px solid grey;*/
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
        border: 2px solid #FAFAFA;
    }



 .boxsz {
       float :left;
        width :10%;
        background-color: white;
        border: 2px solid blue;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
    }


 
      .tr_Text {
        float: left;
        width: 100%;
        margin: 6px 10px 5px 10px;
        font-size: 20px;
        font-family: Verdana;
        
    }


.Bewinnabfragebox{
    float :left ;
    width:100%;
}


.iframe{
    width :330px;
    height :250px;
    border :none ;
}

.textarea{
    float :left ;
    width:99%;
    height :120px;
}



.rahmen{
    border: red 1px solid;
}
 
.navikugel {
    float: left;
    width :16%;
    height :auto;
    min-height :15px;
    min-width :15px;
    
    }


.erstezahl{
    padding:6px;
    
    font-size :30px;
    font-weight :900;
    border: 2px solid #0087c0;
    border-radius :50%;
    background: radial-gradient(white, 60%, #0087c0);

}



@media screen and (min-width: 360px) {

    .box_lblGK_77{
    
     width :100%;
}


    .boxKLa_77 {

    height :20px;
    width :22px;
    padding-top :5px;
    
    }


    .boxKLa_s6 {
          height :20px;
    width :22px;
    padding-top :5px;
    }

     .lottozahl{
   
   font-size : 40px;
   width :70px;
   height :70px;
   padding-top :15px;
   
   
}
  
  

}

/*1280px 1024px 960px 800p x720px 640px 600px  480px 400px 360px*/
@media screen and (min-width: 400px) {

    .w_KL{
    
    width:200px;
    
}   
   
}


@media screen and (min-width: 480px) {
    /* zusätzliche CSS für die mittlere Größe (Tablets) */


    /*.boxkugel {
        float: left;
        width: 33%;
        height: 33%;
    }*/

  /*.boxkugelgezogen{
       float: left;
        width: 16%;
        height: 16%;
  }*/

  .boxkugelsz {
        float: left  ;
        width: 24%;
        height: 24%;
    }

  .dreierReihe{
      float :left;
      width: 70%;
  }
  .einerReihe{
      float :left;
      width: 30%;
     
  }

 .boxkugelszAuswert{
     float: left  ;
        width: 100%;
        height: 100%;

 }

      /*.lottozahl{
   
           font-size : 35px;
           width :80px;
           height :80px;
           padding-top :20px;
   
   
        }*/


.boxKLa_77{
   
    height :22px;
    width :16px;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.6em 0.8em 0.6em;
}

 /*.LblKLa {
        font-size: 28px;
        font-family: Verdana;
    }*/


    /*.LblGK {
        font-size: 18px;
        font-family: Verdana;
    }*/

    /*.quotenreihe{
         float :left;
         margin-top: 5px;
         width :100%;
        
         

     }*/


.boxquokast{
    /*float :left;
    width : 13%;*/
    height :1.5em;
    /*font-family: Wingdings;
    font-size :28px;*/
    padding-top :8px;
   /*text-align :center ;
    border :1px solid grey;*/
   
}











  /*.gk_Text {
        float: left;
        margin: 5px 0 10px 3px;
        

        font-size: 12px;
        width: 40%;
    }*/


  






}

@media screen and (min-width: 501x) {





}



/*1280px 1024px 960px 800p x720px 640px  */



@media screen and (min-width: 600px){

/*.boxkugelsz {
        float: left  ;
        width: 14%;
        height: 14%;
    }*/

  /*.dreierReihe{
      float :left;
      width: 43%;
  }
   .dreierReiheAuswert{
      float :left;
      width: 50%;
  }*/

  .w_KL{
    float :left ;
    width:30%;
    margin-top:10px;

}   

  .boxKLa_77 {
      height :33px;
      width : 33px;
     

  }

  .boxKLa_s6 {

      height :33px;
      width : 33px;
     

  }
 
  .LblKLa {
 font-size :36px;

  }

  .quotenreihe{
         float :left;
         margin-top: 5px;
         width :100%;
        
         

     }


.boxquokast{
    /*float :left;
    width : 13%;*/
    height :1.3em;
    /*font-family: Wingdings;
    font-size :28px;*/
    padding-top :1px;
   /*text-align :center ;
    border :1px solid grey;*/
   
}

 .gk_Text {
        float: left;
        margin: 5px 0 5px 3px;
        font-size: 12px;
        width: 40%;
    }


.jahreszahlen{
    float :left;
    width :100%;
}



.ziehdatum{
    float: left ;
    width :100%;
   padding-top :12px;
    font-size :16px;


}

.boxkugelliste{
       float: left;
        width: 13%;
        height: 13%;
}


 .einerReihe{
      float :left;
      width: 14%;
     
  }


 
 .iframe{
    height :240px;
}
 


 .textarea{
   
   
    height :80px;
}

 .navikugel {
    float: left;
    width :12%;
    height :auto;
    min-height :15px;
    min-width :15px;
    
    }



}

/*1280px 1024px 960px   */

@media screen and (min-width: 640px) {
}

@media screen and (min-width: 720px) {
}



@media screen and (min-width: 800px)  {

   .zahlen_box{
    width :560px;

}

   .box_lblGK_77{
    
     width :175px;
    
}
   .box_lblzahl_77{
  
     width :170px;
     margin-right :20px;
  
}
.box_lblsumme_77{
     width :100px;
}



    .boxkugelsz {
        float: left  ;
        width: 23%;
        height: 23%;
    }

  .dreierReihe{
      float :left;
      width: 60%;
  }

  .boxkugelgezogen{
       float: left;
        width: 22%;
        height: 22%;
        margin-right :12px;
  }
  .w_KL{
    float :left ;
    width:50%;
    margin-top:10px;

}   

 


    .quoten{
        width: 100%;
    }


   


  .quotenreihe{
         float :left;
         margin-top: 5px;
         width :100%;
        
         

     }

 
.jahreszahlen{
   float :left;
   width :100%;
   
}



.ziehdatum{
    float: left ;
    width :25%;
   padding-top :12px;
    font-size :16px;


}



.boxkugelliste{
       float: left;
        width: 10%;
        height: 10%;
}






.boxquokast{
    /*float :left;
    width : 13%;*/
    height :1.3em;
    /*font-family: Wingdings;*/
    font-size :26px;
    padding-top :1px;
   /*text-align :center ;
    border :1px solid grey;*/
   
}


   .boxzahlen{
        margin-top: 10px;
            
}

 .gk_Text {
        float: left;
        margin: 5px 0 12px 3px;
        font-size: 12px;
        width: 38%;
    }




 .tr_Text{
     width :20%;
     text-align : right
 }

 .boxzahl{
     float :left;
        width :6%;
        height: 35px;
        background-color: white;
       border: 2px solid grey;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
}


      .boxzahlleer {
          float:left;
        width :6%;
        height: 35px;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
        border: 2px solid #FAFAFA;
    }



 .boxsz {
       float :left;
        width :6%;
        height: 35px;
        background-color: white;
        border: 2px solid blue;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
    }



  .dreierReiheAuswert{
      float :left;
      width: 42%;
  }

  .einerReihe{
      float :left;
      width: 14%;
     
  }


  .textarea{
   
  
    height :60px;
}


  .navikugel {
    float: left;
    width :12%;
    height :auto;
    min-height :15px;
    min-width :15px;
    
    }


}

/*1280px 1024px    */
@media screen and (min-width: 960px) {



      /*.zahlen{
        width: 50%;
    }*/
    .boxkugelsz {
        float: left  ;
        width: 15%;
        height: 15%;
    }

  .dreierReihe{
      float :left;
      width: 42%;
  }

  .boxkugelgezogen{
       float: left;
       width: 13%;
       height: 13%;
       
  }
  .w_KL{
    float :left ;
    width:40%;
    margin-top:10px;

}   

 


.boxKLa_77{
   
    height :26px;
    width :26px;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.2em 0.6em 0.2em;
}

 .LblKLa {
        font-size: 28px;
        font-family: Verdana;
    }





    .quoten{
        width: 100%;
    }



  .quotenreihe{
         float :left;
         margin-top: 5px;
         width :60%;
        
         

     }


.boxquokast{
    /*float :left;
    width : 13%;*/
    height :1.3em;
    /*font-family: Wingdings;*/
    font-size :24px;
    padding-top :1px;
   /*text-align :center ;
    border :1px solid grey;*/
   
}

 .gk_Text {
        float: left;
        margin: 5px 0 5px 3px;
        font-size: 12px;
        width: 35%;
    }


.jahreszahlen{
   float :left;
   width :80%;
   
}



.ziehdatum{
    float: left ;
    width :30%;
   padding-top :12px;
    font-size :16px;


}



.boxkugelliste{
       float: left;
        width: 10%;
        height: 10%;
}



.sechsReihen{
     float: left;
     width: 50%;
}

.KLReihen{
     float: left;
     width: 70%;
}

.boxzahlen{
    margin-top: 12px;

}
     .tr_Text {
        float: left;
        width: 100%;
        margin: 6px 10px 5px 10px;
        font-size: 20px;
        font-family: Verdana;
        
    }



.boxzahl{
     float :left;
        width :9%;
        background-color: white;
       border: 2px solid grey;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
}


      .boxzahlleer {
          float:left;
        width :9%;
       /*background-color: white;*/
       /*border: 2px solid grey;*/
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
        border: 2px solid #FAFAFA;
    }



 .boxsz {
       float :left;
        width :9%;
        background-color: white;
        border: 2px solid blue;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
    }



 .dreierReiheAuswert{
      float :left;
      width: 42%;
  }

  .einerReihe{
      float :left;
      width: 14%;
     
  }

  
  .textarea{
   
   
    height :60px;
}

  .navikugel {
    float: left;
    width :10%;
    height :auto;
    min-height :15px;
    min-width :15px;
    
    }


}


/*1280px     */
@media screen and (min-width: 1024px) {


    /*.zahlen {
        width: 50%;
    }*/

    .boxkugelsz {
        float: right ;
        width: 14%;
        height: 14%;
    }

    .dreierReihe {
        float: left;
        width: 42%;
    }

    

    .w_KL {
        float: left;
        width: 30%;
        margin-top: 10px;
    }

 .boxKLa_77{
    height :26px;
    width :26px;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.2em 0.6em 0.2em;
}

 .LblKLa {
        font-size: 28px;
        font-family: Verdana;
    }




    .quoten {
        width: 100%;
    }


    .quotenreihe {
        float: left;
        margin-top: 5px;
        width: 60%;
   }

   


    .boxquokast {
        /*float :left;*/
        width : 12%;
        /*height: 2.5em;*/
        /*font-family: Wingdings;*/
        font-size: 25px;
        padding-top: 1px;
        /*text-align :center ;
    border :1px solid grey;*/
    }

    .gk_Text {
        float: left;
        margin: 5px 0 2px 3px;
        font-size: 12px;
        width: 38%;
    }

      .LblGK {
        font-size: 22px;
        font-family: Verdana;
    }


     .analyse{
      float: left;
      width :100%;


  }


.jahreszahlen{
   float :left;
   width :70%;
   
}



.ziehdatum{
    float: left ;
    width :25%;
   padding-top :12px;
    font-size :16px;


}



.boxkugelliste{
       float: left;
        width: 10%;
        height: 10%;
}



.sechsReihen{
     float: left;
     width: 50%;
}

.KLReihen{
     float: left;
     width: 70%;
}

.boxzahlen{
    margin-top: 4px;

}
     .tr_Text {
        float: left;
        width: 22%;
        margin: 12px 10px 5px 10px;
        font-size: 18px;
        font-family: Verdana;
        
    }



.boxzahl{
     float :left;
        width :7%;
        background-color: white;
       border: 2px solid grey;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
}


      .boxzahlleer {
          float:left;
        width :7%;
       /*background-color: white;*/
       /*border: 2px solid grey;*/
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
        border: 2px solid #FAFAFA;
    }



 .boxsz {
       float :left;
        width :7%;
        background-color: white;
        border: 2px solid blue;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
    }



 .dreierReiheAuswert{
      float :left;
      width: 42%;
  }

  .einerReihe{
      float :left;
      width: 14%;
     
  }





  .Bewinnabfragebox{
    float :left ;
    width:90%;
}







  .textarea{
   
    height :50px;
}



  .navikugel {
    float: left;
    width :9%;
    height :auto;
    min-height :15px;
    min-width :15px;
    
    }





}

/*1280px     */

@media screen and (min-width: 1280px) {


    /*.zahlen {
        width: 50%;
    }*/

    .boxkugelsz {
        float: left;
        width: 14%;
        height: 14%;
    }

    .dreierReihe {
        float: left;
        width: 43%;
    }

    

    .w_KL {
        float: left;
        width: 30%;
        margin-top: 10px;
    }
  

.boxKLa_77{
    height :26px;
    width :26px;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.2em 0.6em 0.2em;
}

.boxKLa_s6{
    height :26px;
    width :26px;
    margin:0.5em 0em 0.8em 0.3em;
    padding :0 0.2em 0.6em 0.2em;
}


 .LblKLa {
        font-size: 28px;
        font-family: Verdana;
    }




    

    .quotenreihe {
        float: left;
        margin-top: 5px;
        width: 60%;
    }

   
    .boxquokast {
        /*float :left;*/
        width: 13%;
       
        /*font-family: Wingdings;*/
        font-size: 26px;
        padding-top: 8px;
        /*text-align :center ;
    border :1px solid grey;*/
    }

    .gk_Text {
        float: left;
        margin: 5px 0 2px 3px;
        font-size: 15px;
        width: 39%;
    }

    .LblGK {
        float:left ;
        font-size: 24px;
        font-family: Verdana;
        width :39%;
    }


    


    .jahreszahlen {
        float: left;
        width: 60%;
    }



    .ziehdatum {
        float: left;
        width: 25%;
        padding-top: 12px;
        font-size: 16px;
    }



    .boxkugelliste {
        float: left;
        width: 10%;
        height: 10%;
    }


    .sechsReihen {
        float: left;
        width: 50%;
    }

    .KLReihen {
        float: left;
        width: 70%;
    }

    .boxzahlen {
        margin-top: 4px;
    }

    .tr_Text {
        float: left;
        width: 22%;
        margin: 12px 10px 5px 10px;
        font-size: 18px;
        font-family: Verdana;
    }



    .boxzahl {
        float: left;
        width: 7%;
        background-color: white;
        border: 2px solid grey;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
    }


    .boxzahlleer {
        float: left;
        width: 7%;
        /*background-color: white;*/
        /*border: 2px solid grey;*/
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
        border: 2px solid #FAFAFA;
    }



    .boxsz {
        float: left;
        width: 7%;
        background-color: white;
        border: 2px solid blue;
        margin-left: 5px;
        text-align: center;
        font-size: 25px;
    }



    .dreierReiheAuswert {
        float: left;
        width: 42%;
    }

    .einerReihe {
        float: left;
        width: 14%;
    }







    .Bewinnabfragebox {
        float: left;
        width: 80%;
    }


    .textarea {
        
        height: 40px;
    }

    .navikugel {
    float: left;
    width :9%;
    height :auto;
    min-height :15px;
    min-width :15px;
    
    }




}