@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media screen and (orientation:portrait) {
   #main_frame {height: 92.4vh;
                padding-top: 7.6vh;
               }

   #menu_frame {left: 50%;
                top: 50%;
                height: 70vw;
                width: 70vw;
                border: 2px solid green;
               }

   #menu_image {width: 19vh; 
                height: 19vh;
               }

   #head_frame {height: 7.5vh;
               }

   /* Module Live BEGIN*/
   #live_main_frame {width: 70%; 
                     height: 80%;
                     transform: translate(-50%,-46%);
                    }

   #live_tisch_frame {left: 50%;
                      height: 20%;
                      transform: translate(0,-50%) rotate(90deg);
                      transform-origin: 0 50%;
                     }

   [data-tisch_width="12"] {width: 10.3vh;}
   [data-tisch_width="34"] {width: 21.85vh;}
   [data-tisch_width="56"] {width: 33.45vh;}
   [data-tisch_width="78"] {width: 45.05vh;}
   [data-tisch_width="910"] {width: 56.75vh;}
   [data-tisch_width="1112"] {width: 68.35vh;}
   [data-tisch_width="1314"] {width: 80vh;}

   [data-live_position] {width: 25%; 
                         height: calc(100% / 8);                        
                        }

   .live_spieler_name {font-size: 2vw;
                      }

   .live_spieler_akt_strafen {font-size: 2.5vw;
                              height: 3.5vw;
                              line-height: 3.5vw;
                             }

   .live_spieler_akt_strafen img {height: 3.5vw;
                              }


   [data-live_position="1"] {top: 0;
                             right: 0;
                            }

   [data-live_position="1"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="2"] {top: 0; 
                             left: 0;
                            }

   [data-live_position="2"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   [data-live_position="3"] {top: calc(100% / 6.9);
                             right: 0;
                            }

   [data-live_position="3"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="4"] {top: calc(100% / 6.9);
                             left: 0;
                            }

   [data-live_position="4"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   [data-live_position="5"] {top: calc(100% / 3.45);
                             right: 0;
                            }

   [data-live_position="5"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="6"] {top: calc(100% / 3.45);
                             left: 0;
                            }

   [data-live_position="6"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   [data-live_position="7"] {top: calc(100% / 2.3);
                             right: 0;
                            }

   [data-live_position="7"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="8"] {top: calc(100% / 2.3);
                             left: 0;
                            }

   [data-live_position="8"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   [data-live_position="9"] {top: calc(100% / 1.72);
                             right: 0;
                            }

   [data-live_position="9"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="10"] {top: calc(100% / 1.72);
                             left: 0;
                             }

   [data-live_position="10"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   [data-live_position="11"] {top: calc(100% / 1.379);
                             right: 0;
                             }

   [data-live_position="11"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="12"] {top: calc(100% / 1.379);
                             left: 0;
                             }

   [data-live_position="12"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   [data-live_position="13"] {bottom: 0;
                              right: 0;
                             }

   [data-live_position="13"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,14vw);
                                                      }

   [data-live_position="14"] {bottom: 0;
                              left: 0;
                             }

   [data-live_position="14"] .live_spieler_akt_strafen {transform: rotate(90deg) translate(-4.5vh,-14vw);
                                                      }

   /* Module Live END*/

   /* Module Lotto BEGIN*/

   #lotto_tippfeld {width: 85vw;
                    height: 85vw;
                   }
   
   .lotto_zahl {font-size: 3vh;}

   .lotto_zahl_selected {font-size: 5vh;}

   #lotto_anz_tipps {margin-left: 2vh;
                     margin-top: 2vh;
                     font-size: 1.8vh;
                    }

   #lotto_save_btn {right: 5vh;
                    bottom: 17vh;
                    font-size: 2vh;
                   }

   .lotto_member_tipps_lines li {font-size: 1.5vh;                                                           
                                }

   .lotto_member_tipps_lines li:not(.lotto_member_tipps_name){width: 2vh;
                                                              height: 2vh;                                                              
                                                             }

   #lotto_member_tipps_actor {font-size: 2.2vh;
                              width: 2.5vh;
                             }

   #lotto_member_tipps_titel {font-size: 2vh;
                              margin-right: 2.5vh; 
                             }

   #lotto_member_tipps_liste {margin-top: .5vh;
                             }

   #lotto_feld_leeren {transform: translate(20vw,-49vw); 
                       font-size: 1.5vh;                     
                      }


   /* Module Lotto END*/

   /* Module Regency BEGIN*/

   #regency_akt_frame img {width: 3vh;
                       }

   .regency_akt_line div {font-size: 1.8vh;}

   .regency_akt_line:first-child {font-size: 2vh;
                                  padding-right: 3px;
                                 }

   
   .regency_akt_line:last-child {font-size: 1.2vh;
                                 padding-right: 3px;
                                }

   #regency_gesamtliste_frame {
                              }

.regency_gesamtliste_line {                        
                          }

.regency_gesamtliste_line div {min-width: 8vw;
                               font-size: 1.2vh;                               
                              }

 
   /* Module Regency END*/

/*Module Invoice BEGIN*/

#invoice_offeneStrafen {bottom: 3vh; /*war auf 15*/
                        left: 5px;
                       }

#invoice_offeneStrafen p {font-size: 1.1vh;
                          top: -2vh;
                         }

.invoice_overview_details_row {font-size: 1.5vh;                               
                              }

.invoice_overview_details_row div {min-width: 2.8vh;
                                  }

.invoice_overview_details_row img {height: 2.7vh;
                                  }

#invoice_iban_frame {bottom: 3vh; /*war auf 15*/
                     right: 2vh;
                     font-size: 1.5vh;
                    }

#invoice_iban_titel {position: absolute;
                     top: -1.9vh;
                     left: 1.2vh;
                    }

#invoice_iban_institut {font-size: 1vh;
                        font-style: italic;
                       }

#invoice_iban_copy {height: 2.8vh;
                    width: 2.8vh;
                    top: -2.4vh;
                    right: -1.5vh;
                   }


/*Module Invoice END*/

/*Module Statistik BEGIN*/

#stat_anw_main_frame_titel {font-size: 1.5vh;
                           }

#stat_gefBild_main_frame_titel {font-size: 1.5vh;
                           }


.stat_anw_tab_proz,.stat_anw_tab_anw,.stat_anw_tab_name {font-size: 1.5vh;
                                                         padding-left: 1vw;
                                                         padding-right: 1vw;
                                                         min-width:8vw;
                                                        }

.stat_gefBild_tab_titel,.stat_gefBild_tab_anz {font-size: 1.5vh;
                                               padding-left: 1vw;
                                               padding-right: 1vw;
                                               min-width:8vw;
                                              }

.stat_uebGeld_tab_titel,.stat_uebGeld_tab_anz {font-size: 1.5vh;
                                               padding-left: 1vw;
                                               padding-right: 1vw;
                                               min-width:8vw;
                                              }




/*Module Statistic END*/

/*Module Settings BEGIN*/

.sett_main_passive {margin-top: 1.8vh;
                    width: 40%; 
                   }

.sett_main_active {width: 90%;
                   margin-top: 1.8vh;
                  }

.sett_main_titel {height: 3vh;
                  line-height: 3vh;
                  font-size: 1.8vh;
                 }

.sett_main_open_close {width: 3vh; 
                       height: 3vh; 
                       padding-left: .4vh; 
                       padding-right: .4vh;
                       font-size: 3vh;
                       line-hieght: 3vh;
                      }

.sett_profil_details_trenner {font-size: 2vh;                            
                             }

.sett_profil_details_values {font-size: 1.8vh;
                            }

.sett_profil_details_values input {font-size: 1.8vh;
                                  }

.sett_profil_details_values_descr {width: 6.5vh;
                                   font-size: 1.8vh;
                                  }

#sett_profil_details_email {width: 30vh;
                           }

#sett_profil_details_festnetz {width: 13vh;
                              }

#sett_profil_details_mobil {width: 13vh;
                           }

#sett_profil_details_strasse {width: 22vh;
                             }

#sett_profil_details_hausnr {width: 5vh;
                            }

#sett_profil_details_plz {width: 6vh;
                         }

#sett_profil_details_ort {width: 15vh;
                         }

#sett_profil_details_vorname {width: 16vh;
                                }

#sett_profil_details_nachname {width: 16vh;
                                }


#sett_profil_details_geburtstag {width: 14vh;
                                }

.head_values .sett_profil_details_values_descr {width: 7vh;}


.sett_passw_details_trenner {font-size: 2vh;                            
                            }

.sett_passw_details_values {font-size: 1.8vh;
                           }

.sett_passw_details_values_descr {width: 7.5vh;
                                  font-size: 1.8vh;
                                 }

.sett_passw_details_values input {font-size: 1.8vh;
                                 }


/*Module Settings END*/

/*Module Dates BEGIN*/

#termin_frame {width: 95%;
              }

.termin_item_start_datum {
                          width: 30vw;
                         }

.termin_item_titel {width: 45vw;
                    margin-left: 5px;
                   }

.termin_item_secondrow span:first-child {margin-left: 4vw;
                                        }

.termin_item_link {width: 42vw;
                   margin-left: 5px;                   
                  }


/*Module Dates END*/
}
@media screen and (orientation:landscape) {
   #main_frame {height: 87.9vh;
                padding-top: 12.1vh;
               }

   #menu_frame {left: 50%;
                top: 55%;
                height: 60vh;
                width: 60vh;
                border: none;
               }

      #menu_image {width: 31vh; 
                height: 31vh;
               }


   #head_frame {height: 12vh;
               }

   /* Module Live Rotation */
   #live_main_frame {width: 80%; 
                     height: 70%;
                     transform: translate(-50%,-42%);
                    }

   #live_tisch_frame {top: 50%;
                      height: 25%;
                      transform: translate(0, -50%);
                     }

   [data-tisch_width="12"] {width: 10.18vw;}
   [data-tisch_width="34"] {width: 21.75vw;}
   [data-tisch_width="56"] {width: 33.32vw;}
   [data-tisch_width="78"] {width: 44.91vw;}
   [data-tisch_width="910"] {width: 56.7vw;}
   [data-tisch_width="1112"] {width: 68.18vw;}
   [data-tisch_width="1314"] {width: 80vw;}


   [data-live_position] {width: calc(100% / 8); 
                         height: 35%;
                        }

   .live_spieler_name {font-size: 2.5vh;
                      }

   .live_spieler_akt_strafen {font-size: 2.5vh;
                              height: 3.5vh;
                              line-height: 3.5vh; 
                             }

   .live_spieler_akt_strafen img {height: 3.5vh;
                              }

   [data-live_position="1"] {top: 0;
                             left: 0;
                            }

   [data-live_position="1"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }
 
   [data-live_position="2"] {bottom: 0; 
                             left:0;
                            }

   [data-live_position="2"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }

   [data-live_position="3"] {top: 0;
                             left: calc(100% / 6.9);
                            }

   [data-live_position="3"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }

   [data-live_position="4"] {bottom: 0;
                             left: calc(100% / 6.9);
                            }

   [data-live_position="4"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }

   [data-live_position="5"] {top: 0;
                             left: calc(100% / 3.45);
                            }

   [data-live_position="5"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }


   [data-live_position="6"] {bottom: 0;
                             left: calc(100% / 3.45);
                            }

   [data-live_position="6"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }

   [data-live_position="7"] {top: 0;
                             left: calc(100% / 2.3);
                            }

   [data-live_position="7"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }


   [data-live_position="8"] {bottom: 0;
                             left: calc(100% / 2.3);
                            }

   [data-live_position="8"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }

   [data-live_position="9"] {top: 0;
                             left: calc(100% / 1.72);
                            }

   [data-live_position="9"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }


   [data-live_position="10"] {bottom: 0;
                             left: calc(100% / 1.72);
                             }

   [data-live_position="10"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }

   [data-live_position="11"] {top: 0;
                              left: calc(100% / 1.379);
                             }

   [data-live_position="11"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }


   [data-live_position="12"] {bottom: 0;
                              left: calc(100% / 1.379);
                             }

   [data-live_position="12"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }

   [data-live_position="13"] {top: 0;
                              right: 0;
                             }

   [data-live_position="13"] .live_spieler_akt_strafen {bottom:-6.5vh;                                                       
                                                      }

   [data-live_position="14"] {bottom: 0;
                              right: 0;
                             } 

   [data-live_position="14"] .live_spieler_akt_strafen {top:-6.5vh;                                                       
                                                      }
   /* Module Live END*/

   /* Module Lotto BEGIN*/

   #lotto_tippfeld {width: 65vh;
                    height: 65vh;
                   }
   .lotto_zahl {font-size: 4vh;}

   .lotto_zahl_selected {font-size: 7vh;}

   #lotto_anz_tipps {margin-left: 4vh;
                     margin-top: 4vh;
                     font-size: 4vh;
                    }

   #lotto_save_btn {right: 4vh;
                    bottom: 17vh;
                    font-size: 4vh;
                   }

   .lotto_member_tipps_lines li {font-size: 3vh;                                                           
                                }

   .lotto_member_tipps_lines li:not(.lotto_member_tipps_name){width: 4vh;
                                                              height: 4vh;                                                              
                                                             }
   
   #lotto_member_tipps_actor {font-size: 4.4vh; 
                              width: 5vh;
                             }

   #lotto_member_tipps_titel {font-size: 4vh;
                              margin-right: 5vh; 
                             }

   #lotto_member_tipps_liste {margin-top: 1vh;
                             }

   #lotto_feld_leeren {transform: translate(35vh,-32.5vh); 
                       font-size: 2.8vh;                     
                      }

   /* Module Lotto END*/

   /* Module Regency BEGIN*/

   #regency_akt_frame img {width: 10vh;
                       }

   .regency_akt_line div {font-size: 4vh;}

   .regency_akt_line:first-child {font-size: 4.4vh;
                                  padding-right: 3px;
                                 }

   
   .regency_akt_line:last-child {font-size: 2.2vh;
                                 padding-right: 3px;
                                }
 
   /* Module Regency END*/

/*Module Invoice BEGIN*/

#invoice_offeneStrafen {bottom: 16vh;
                        left: 14px;
                        font-size: 3.8vh;
                       }

#invoice_offeneStrafen p {font-size: 2.3vh;
                          top: -4vh;
                         }

.invoice_overview_details_row {font-size: 2.8vh;                               
                              }

.invoice_overview_details_row div {min-width: 3vh;
                                  }

.invoice_overview_details_row img {height: 3vh;
                                  }

#invoice_iban_frame {bottom: 16vh;
                     right: 4vh;
                     font-size: 3.5vh;
                    }

#invoice_iban_titel {position: absolute;
                     top: -4.7vh;
                     left: 3.5vh;
                    }

#invoice_iban_institut {font-size: 2.2vh;
                        font-style: italic;
                       }

#invoice_iban_copy {height: 7vh;
                    width: 7vh;
                    top: -5.5vh;
                    right: -3.5vh;
                   }



/*Module Invoice END*/

/*Module Statistik BEGIN*/

#stat_anw_main_frame_titel {font-size: 1.5vw;
                           }

#stat_gefBild_main_frame_titel {font-size: 1.5vw;
                           }

.stat_anw_tab_proz,.stat_anw_tab_anw,.stat_anw_tab_name {font-size: 1.5vw;
                                                         padding-left: 1vw;
                                                         padding-right: 1vw;
                                                         min-width:6vw;
                                                        }

.stat_gefBild_tab_titel,.stat_gefBild_tab_anz {font-size: 1.5vw;
                                               padding-left: 1vw;
                                               padding-right: 1vw;
                                               min-width:6vw;
                                              }

.stat_uebGeld_tab_titel,.stat_uebGeld_tab_anz {font-size: 1.5vw;
                                               padding-left: 1vw;
                                               padding-right: 1vw;
                                               min-width:6vw;
                                              }




/*Module Statistic END*/

/*Module Settings BEGIN*/

.sett_main_passive {margin-top: 3vh;
                    width: 15%; 
                   }

.sett_main_active {width: 35%;
                   margin-top: 3vh;
                  }

.sett_main_titel {height: 5vh;
                  line-height: 5vh;
                  font-size: 3vh;
                 }

.sett_main_open_close {width: 5vh; 
                       height: 5vh; 
                       padding-left: .4vh; 
                       padding-right: .4vh;
                       font-size: 4vh;
                       line-hieght: 5vh;
                      }

.sett_profil_details_trenner {font-size: 3vh;                            
                             }

.sett_profil_details_values {font-size: 3vh;
                            }

.sett_profil_details_values input {font-size: 3vh;
                                  }

.sett_profil_details_values_descr {width: 12vh;
                                   font-size: 3vh;
                                  }

#sett_profil_details_email {width: 45vh;
                           }

#sett_profil_details_festnetz {width: 22vh;
                              }

#sett_profil_details_mobil {width: 22vh;
                           }

#sett_profil_details_strasse {width: 28vh;
                             }

#sett_profil_details_hausnr {width: 7vh;
                            }

#sett_profil_details_plz {width: 9vh;
                         }

#sett_profil_details_ort {width: 22vh;
                         }

#sett_profil_details_vorname {width: 31vh;
                                }

#sett_profil_details_nachname {width: 31vh;
                                }


#sett_profil_details_geburtstag {width: 24vh;
                                }

.head_values .sett_profil_details_values_descr {width: 13.5vh;}

.sett_passw_details_trenner {font-size: 3vh;                            
                            }

.sett_passw_details_values {font-size: 3vh;
                           }

.sett_passw_details_values_descr {width: 13vh;
                                  font-size: 3vh;
                                 }

.sett_passw_details_values input {font-size: 3vh;
                                 }

/*Module Settings END*/


}

body {margin: 0;
      padding: 0;
      //background-color: rgb(4, 0, 83);
      background-color: rgb(000, 000, 139 );
      color: rgb(239, 187, 8);   
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
     }

#main_frame {position: relative;
             background-color: transparent;
             overflow: scroll;
             z-index: 2;
            }

#head_frame {position: absolute;
             left: 0;
             top: 0;
             width: calc(100vw - 4px);
             margin: 0;
             border: 2px groove rgb(181, 181, 181);
             border-top: none;
             border-bottom-left-radius: 10px;
             border-bottom-right-radius: 10px;
             background-color: rgb(153, 153, 153);  
             z-index: 3;
            }

#logo {position: absolute;
       left: 50%;
       top: 70%;
       transform: translate(-50%,-50%);
       color: rgba(0, 0, 0, .55);
      }

#logo p {float: left;
         margin-top: -.5vh;
        }
#logo img {float: left;
           height: 40px;
          }

#logo img:first-child {transform: rotate(-20deg);
                      }

#logo img:last-child {transform: rotate(20deg);
                     }

#logo span {display: block;
            text-align: center;
            padding: 0 5px 0 5px;
           }

#logo span:first-child {font-size: 2em; 
                        font-style: bolder;
                       }

#logo span:last-child {font-size: .7em; 
                       margin-top: -5px;
                      }

#background {position: absolute;                                     
             width: 100vw;
             height: 92.4vh;
             bottom: 0;
             z-index: 1;
             background-image: url("../img/mwen_b.gif");
             background-size: contain;
             -ms-background-size: contain;
             -o-background-size: contain;
             -moz-background-size: contain;
             -webkit-background-size: contain;
             background-repeat: no-repeat;
             background-position:50% 80%;
             opacity: .09;
            }

#menu_frame {position: absolute;
             z-index: 3;
             transform: translate(-50%,-50%);
             border-radius: 50%;
            }

#menu_center {position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%,-50%);
             }

#menu_image {position: relative;             
             border-radius: 5px 5px 0 0; 
             background-repeat: no-repeat; 
             background-position: center; 
             background-size: contain;
            }

#menu_btn {position: absolute;
           right: 5px;
           height: 25px;
           width: 25px;
           top: 50%;
           transform: translateY(-50%);
           border: 2px groove rgba(181, 181, 181, .8);
           border-radius: 5px;
           text-align: center;
           padding: 3px;
           display: none;
           -webkit-box-shadow: -2px 2px 5px 0px rgba(70,70,70,0.7); 
           box-shadow: -2px 2px 5px 0px rgba(70,70,70,0.7);
           cursor: pointer;
          }

#menu_btn hr {
              margin-top: -2px;
              z-index:3;
             }

#menu_btn hr:first-child {margin-top: 4px;}

#menu_btn span {position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%) rotate(45deg);
                font-size: .7em;
                font-weight: bold;
                color: rgba(0, 0, 0, .4);
                z-index: 1;
               }

.menu_item {position: absolute;
            border: 2px groove rgb(181, 181, 181);
            border-radius: 5px;
            background-color: rgb(153, 153, 153);
            background-size: contain;
            -ms-background-size: contain;
            -o-background-size: contain;
            -moz-background-size: contain;
            -webkit-background-size: contain;
            background-repeat: no-repeat;
            background-position:50% 50%;
            cursor: pointer;
            z-index: 2;
           }

.menu_item_titel {position: absolute;
                  width: 100%;
                  bottom: -27%;
                  font-size: 40%;
                  text-align: center;
                  font-weight: bold;
                 }

#login_frame {position: absolute;
              width: 50vw;
              top: 45%;
              left: 50%;
              transform: translate(-50%,-50%);
              border: 2px groove rgb(181, 181, 181);
              border-radius: 10px;
              background-color: rgb(153, 153, 153);  
              z-index: 2;
              padding: 3px;
             }

#login_head_close {position: absolute;
                   top: 3px;
                   right: 3px;
                   width: 15px;
                   height: 15px;
                   line-height: 15px;
                   text-align: center;
                   font-size: .8em;
                   font-weight: bold;
                   color: white;
                   background-color: red;
                   border-radius: 3px;
                   -webkit-box-shadow: -2px 2px 5px 0px rgba(70,70,70,0.7); 
                   box-shadow: -2px 2px 5px 0px rgba(70,70,70,0.7);
                   cursor: pointer;
                  }

#login_head_text {position: relative;
                  margin-left: 5px;
                  text-align: center;
                  font-size: .8em;
                  font-weight: bold;
                  color: rgba(0, 0, 0, .6);
                 }

#login_foot {position: relative;}

#login_forgot_pw {position: absolute;
                  font-size: .5em;
                  text-decoration: underline;
                  top:1px;
                  color: rgb(139,0,0);
                  cursor: pointer;
                 }

#login_foot button {position: relative;
                    margin-top: 10px;
                    transform: translateX(150%);
                   }

#login_main input {width: 95%;
                   font-style: italic;
                   color: rgba(0, 0, 0, .4);
                   background-color: rgb(212, 212, 212);
                   margin-top: 3px;
                   border: 1px solid rgba(0, 0, 0, .8);
                  }

/*Module Live BEGIN*/
#live_main_frame {position: absolute;
                  top: 50%; 
                  left: 50%;
                  border: 1px solid red;
                 }

#live_tisch_frame {position: absolute;
                   background-image: url('../module/mwen.live/img/tisch_background.jpg'); 
                   background-size: contain; 
                   background-repeat: repeat;
                  } 

.live_spieler_frame {position: absolute;
                     padding: 0; 
                     border-style: ridge;
                     border-radius: 15px 15px 5px 5px;
                     cursor: pointer;
                    }

.live_spieler_frame:hover {background-color: rgba(30,144,255,.4);
                          }

.live_spieler_avatar {position: relative;
                      height: 85%;
                      border-radius: 5px 5px 0 0;
                      background-repeat: no-repeat;
                      background-position: center; 
                      background-size: contain;
                     }

.live_spieler_name {position: absolute;
                    height: 12%;                     
                    bottom: 0; 
                    left: -0.17%; 
                    width: 100%;
                    border-top-style: ridge; 
                    border-radius: 0 0 5px 5px;
                    text-align: center;
                    vertical-align: bottom;
                   }

.live_spieler_akt_strafen {display: flex;
                           align-items: center;
                           justify-content: center;
                           position: absolute;
                           left: 0;                           
                           width: 100%;
                           font-weight: bold;
                           overflow: visible;
                          }

.live_spieler_akt_strafen img {
                              }

/*Module Live END*/

/*Module Lotto BEGIN*/

#lotto_tippfeld {display: block;
                 position: absolute;
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%,-50%);
                 background-color: rgba(255, 255, 224, .8);              
                 border: 1px solid red;
                }

.lotto_zahl {display: flex;
             position: relative;
             justify-content: center;
             align-items: center;
             float: left;
             width: calc(100%/7 - 8px);
             height: calc(100%/7 - 8px);
             margin: 2px;
             background-color: rgba(255, 250, 250, .7);
             border: 2px solid rgba(255, 48, 48, .8);
             border-radius: 5px;             
            }

.lotto_zahl_changed {background-color: rgba(255, 215, 0, .7);
                     color: rgb(000, 000, 139);
                    }

.lotto_zahl_selected {display: none;
                      position: absolute;
                      justify-content: center;
                      align-items: center;
                      width: 100%;
                      height: 100%;
                      color: rgb(205, 0, 0);                    
                     }

#lotto_anz_tipps {position: absolute;
                  display: block;
                  padding: 3px;
                  border: 1px solid rgba(255, 255, 255, .5);
                  border-radius: 5px;
                 }

#lotto_anz_tipps div {float: left;
                      margin-right: 3px;
                     }

#lotto_save_btn {display: flex;
                 position: absolute;
                 justify-content: center;
                 align-items: center;
                 padding: 3px;
                 border: 1px solid rgba(255, 255, 255, .5);
                 border-radius: 5px;
                 text-shadow: 1px 1px 1px #EEAD0E;
                 pointer-events: none;
                }

#lotto_save_btn_success {display: none;
                         justify-content: center;
                         align-items: center;
                         position: absolute;                         
                         right: 2px;
                         border: 1px solid rgba(0, 255, 127, 1);
                         border-radius: 3px;
                         background-color: rgba(144, 238, 144, 1);
                         color: rgba(255, 255, 255, 1);
                         padding-left: 2px;
                         padding-right: 2px;
                         text-shadow: 1px 1px 1px #210E09;
                        }

#lotto_save_btn_fail {display: none;
                      justify-content: center;
                      align-items: center;
                      position: absolute;
                      right: 2px;
                      border: 1px solid rgba(238, 44, 44, 1);
                      border-radius: 3px;
                      background-color: rgba(255, 106, 106, 1);
                      color: rgba(255, 255, 255, 1);
                      padding-left: 2px;
                      padding-right: 2px;
                      text-shadow: 1px 1px 1px #210E09;
                     }

#lotto_member_tipps {display: block;
                     position: absolute;
                     right: 4vh;
                     margin-top: 4vh;
                     padding: 2px;
                     background-color: rgb(000, 000, 139 );
                     border: 2px solid grey;
                     z-index:2;
                     -webkit-box-shadow: 2px 2px 3px 0px #000000; 
                     box-shadow: 2px 2px 3px 0px #000000;
                    }

#lotto_member_tipps_titel {display: block;
                           position: relative;
                           text-align: center;
                           text-decoration: underline;
                          }

#lotto_member_tipps_actor {right: -2px;
                           top: -2px;
                           position: absolute;
                           display: block;                           
                           text-align: center;
                           background-color: grey;
                           color: black;
                          }

#lotto_member_tipps_liste {display: none;
                           clear: both; 
                          }

.lotto_member_tipps_lines {display: flex;
                           justify-content: flex-end;
                           gap: 5px;
                           padding: 1px;
                           margin: 0;
                           }

.lotto_member_tipps_lines li {display: flex;
                              align-items: center;
                              justify-content: center;
                             }

.lotto_member_tipps_lines li:not(.lotto_member_tipps_name){
                                                           margin: 1px;
                                                           background-color: rgba(255, 215, 0, .9);
                                                           border: 1px solid rgba(255, 48, 48, .8);
                                                           border-radius: 3px;
                                                           color: rgb(000, 000, 139);
                                                           }

#lotto_feld_leeren {position: absolute;
                    text-decoration: underline;
                    top: 50%;
                    left: 50%;                 
                   }
/*Module Lotto END*/

/*Module Regency BEGIN*/

#regency_akt_frame {display: flex;
                    flex-direction: column;
                    position: absolute;
                    border: 3px double rgba(237,202,33,0.5);
                    border-radius: 5px;
                    padding: 0;
                    margin: 0;
                    margin-top: 5px;
                    left: 50%;
                    transform: translate(-50%,0);
                   }

.regency_akt_line {display: flex;
                   align-items: center;
                   justify-content: left;
                   flex-wrap: nowrap;
                  }

.regency_akt_line div {padding: 4px;
                      }

.regency_akt_line:first-child {justify-content: center;
                               text-align: center;
                               text-decoration: underline;
                               margin-bottom: 5px;
                              }

.regency_akt_line:last-child {justify-content: right;
                              font-style: italic;
                              margin-top: 2px;
                             }

.regency_akt_line div:first-child {border-right: 1px solid rgba(237,202,33,0.69);
                                  }

.regency_akt_line:nth-child(2) {border-bottom: 1px solid rgba(237,202,33,0.69);}
.regency_akt_line:nth-child(4) {border-top: 1px solid rgba(237,202,33,0.69);}

#regency_gesamtliste_frame {display: flex;
                            flex-direction: column;
                            position: absolute;
                            left:0;
                            top: 50%;
                           }

.regency_gesamtliste_line {display: flex;
                           flex-direction: row;
                           justify-content: right;
                           position: relative;                          
                          }

.regency_gesamtliste_line div {
                               border: 1px solid green;
                               text-align: center;
                              }

.regency_gesamtliste_line div:first-child {text-align: right;}

/*Module Regency END*/

/*Module Invoice Begin*/

#invoice_offeneStrafen {position: absolute;                        
                        padding: 3px 8px 3px;
                        border: 2px double white;
                       }

#invoice_offeneStrafen p {position: absolute;
                          margin: 0;
                          padding: 0;
                          font-style: italic;
                          left: 3px;
                          color: white;
                          white-space: nowrap;
                         }

.invoice_select_symbol {padding: 0;
                        margin: 0;
                       }

.invoice_select_option:hover {
                             }

#invoice_details_frame {position: absolute; 
                        top: 50%; 
                        left: 50%; 
                        transform: translate(-50%,-50%);
                       }

#invoice_overview_select {position: absolute;
                          left: 50%;
                          top: -25px;
                          transform: translate(-50%, 0);
                         }

.invoice_overview_details_row {display: flex; 
                               justify-content: flex-end;
                               flex-direction: row;
                               align-items: center;                              
                              }

.invoice_overview_details_row div {padding: 0;
                                   text-align: center;
                                  }

.invoice_overview_details_row div:last-child {padding-left: 20px;
                                              text-align: right;
                                             }

.invoice_overview_details_row img {background-color: white;
                                   margin: 0;
                                   padding: 0;
                                   border-radius: 5px;
                                  }

#invoice_iban_frame {position: absolute;
                     padding: 5px;
                     border: 2px solid white;
                     border-radius: 10px 0px 0px 0px;
                    }

#invoice_iban_titel {position: absolute;
                     color: white;
                    }

#invoice_iban_copy {position: absolute;
                    background-image: url('../module/mwen.invoice/img/copy.gif'); 
                    background-size: contain; 
                    background-repeat: no-repeat;             
                   }

#invoice_iban_institut {color: white;
                       }


/*Module Invoice END*/

/*Module Statistic BEGIN*/

#stat_anw_main_frame {position: relative;
                      margin-top: 30px;
                      text-align: center;
                     }

#stat_gefBild_main_frame {position: relative;
                          margin-top: 35px;
                          text-align: center;
                         }

#stat_uebGeld_main_frame {position: relative;
                          margin-top: 35px;
                          text-align: center;
                         }


#stat_anw_main_frame_titel {display: block;
                            position: relative;
                            top: -15px;
                            text-decoration: underline;
                           }

#stat_gefBild_main_frame_titel {display: block;
                                position: relative;
                                top: -15px;
                                text-decoration: underline;
                               }

#stat_uebGeld_main_frame_titel {display: block;
                                position: relative;
                                top: -15px;
                                text-decoration: underline;
                               }


#stat_anw_tab_head {text-align: center;
                    font-weight: bold;
                   }

.stat_anw_tab_proz,.stat_anw_tab_anw,.stat_anw_tab_name {text-align: center;                                                         
                                                        }

.stat_gefBild_tab_titel {text-align: left;}
.stat_gefBild_tab_anz {text-align: center;}

.stat_uebGeld_tab_titel {text-align: left;}
.stat_uebGeld_tab_anz {text-align: center;}


.stat_anw_tab_headline, .stat_anw_tab_headline {font-style: italic;
                                               }

.stat_gefBild_tab_headline, .stat_gefBild_tab_headline {font-style: italic;
                                                        text-align: center;
                                                       }

.stat_uebGeld_tab_headline, .stat_uebGeld_tab_headline {font-style: italic;
                                                        text-align: center;
                                                       }


.stat_anw_tab_user_list {background-color: rgba(166, 166, 166, 1);
                         color: rgb(229, 229, 229);
                        }

.stat_gefBild_tab_item_list {background-color: rgba(229, 229, 229, 1);
                             color: rgb(82, 82, 82);
                            }

.stat_uebGeld_tab_item_list {background-color: rgba(229, 229, 229, 1);
                             color: rgb(82, 82, 82);
                            }

.stat_anw_tab_user_list:nth-child(2n) {background-color: rgba(229, 229, 229, 1);
                                       color: rgb(82, 82, 82);
                                      }

.stat_anw_tab_user_ownline {background-color: lightgreen;
                            color: rgb(82, 82, 82);
                            font-weight: bold;
                           }

#stat_anw_tab_mainhead span {padding-left: 5px;
                             padding-right: 5px;
                             margin-left: 3px;
                             margin-right: 5px;
                             display: inline;
                             background-color: grey;
                             border: 1px solid black;
                             cursor: pointer;
                             width: 10px;
                             color: white;
                            }

.stat_all_main_data {display: block;
                     width: 100%;
                     height: 100%;
                    }

/*Module Statistic END*/

/*Module Settings BEGIN*/

.sett_main_passive {position: relative; 
                    border: 1px solid white;    
                    margin-left: 10px;            
                   }

.sett_main_titel {display: block; 
                  text-align: left;
                  border-bottom: 1px solid white;
                 }

.sett_main_open_close {position: absolute; 
                       top: 0px; 
                       right: 0px; 
                       text-align: center; 
                       font-weight: bold; 
                       border-left: 1px solid white;
                       cursor: pointer;
                      }

.sett_main_active {position: relative;                   
                   left: 50%;
                   border: 1px solid white;
                   transform: translate(-50%,0);
                  }

.sett_details {position: relative; 
               bottom: -0; left: 0; 
               width: 100%; 
              }

#sett_profil_main,#sett_passw_main {
                                   }

/*===Profil===*/

.sett_profil_details_element {position: relative;
                              width: 100%;
                              clear: both;
                              margin-top: 1vh;
                             }

.sett_profil_details_trenner,.sett_profil_details_values {display: block;
                                                          width: 100%;
                                                         }

.sett_profil_details_trenner {text-align: center;
                              color: rgba(190, 190, 190, .8);
                              font-style: italic;                             
                             }

.sett_profil_details_values {display: block;
                             position: relative;
                             width: 100%;
                             white-space: nowrap;
                             text-align: left;
                             padding-top: .6vh;
                            }

#sett_profil_details_avatar {display: inline-block;
                             position: relative;
                             width: 18vh;
                             height: 18vh;
                             border: 1px solid white;
                             border-radius: .5vh;
                             background-repeat: no-repeat;
                             background-position: center; 
                             background-size: contain;
                             margin: .4vh;
                            }

#sett_profil_details_avatar span {position: absolute;
                                  right: .4vh;
                                  bottom: .4vh;
                                  text-decoration: underline;
                                  cursor: pointer;
                                  font-size: 1.0vh;
                                 }

.sett_profil_details_values input {background-color: transparent;
                                   border: 1px solid rgba(190, 190, 190, .8); 
                                   color: white;
                                  }

.sett_profil_details_values_descr {display: inline-block;
                                   padding-left: .5vh;
                                   padding-right: .5vh;
                                   font-style: italic;
                                   text-align: right;
                                  }

.head_values {width: 50%;
             }

.head_values input {margin-left: 1.5vh;
                    border: none;
                   }

.head_values div {float: left;}

.head_values .sett_profil_details_values {width: 50%;
                                          text-align: left;
                                          }

#sett_profil_details button {position: relative;
                             margin: 2vh;
                             left: 50%;
                             transform: translate(-50%,0%);
                            }

#sett_profil_details {display: none;
                     }

/*===neues Passwort===*/

.sett_passw_details_element {position: relative;
                             width: 100%;
                             clear: both;
                             margin-top: 1vh;
                            }

.sett_passw_details_trenner,.sett_passw_details_values {display: block;
                                                        width: 100%;
                                                       }

.sett_passw_details_trenner {text-align: center;
                              color: rgba(190, 190, 190, .8);
                              font-style: italic;                             
                             }

.sett_passw_details_values {display: block;
                           position: relative;
                           width: 100%;
                           white-space: nowrap;
                           text-align: left;
                           padding-top: .6vh;
                          }

.sett_passw_details_values_descr {display: inline-block;
                                  padding-left: .5vh;
                                  padding-right: .5vh;
                                  font-style: italic;
                                  text-align: right;
                                 }

.sett_passw_details_values input {background-color: transparent;
                                  border: 1px solid rgba(190, 190, 190, .8); 
                                  color: white;
                                 }

#sett_passw_details button {position: relative;
                            margin: 2vh;
                            left: 50%;
                            transform: translate(-50%,0%);
                           }

#sett_passw_details {display: none;
                    }

/*Module Settings END*/

/*Module Dates BEGIN*/

#termin_frame {position: relative;
               display: flex;
               flex-direction: column;               
               left: 50%;
               transform: translate(-50%,0);
               border: 1px solid rgb(211, 211, 211);
               padding: 2px;
              }

.termin_item {padding: 3px;
              margin: 3px;
              border: none;
             }

.termin_item span {display: inline-block;
                   white-space: nowrap;
                  }

.termin_item_secondrow {line-height: .55em;
                        margin-top: -3px;
                        padding: 0;
                       }

.termin_item_firstrow span {font-size: .9em;
                           }
.termin_item_link a {color: white;
                     font-style: italic;
                    }

.termin_item_secondrow span {font-size: .6em;
                            }

.termin_item_dot {height: 15px;
                  width: 15px;                  
                  border-radius: 50%;
                  display: inline-block;
                 }

.termin_item_dot_CONFIRMED {background-color: green;
                           }

.termin_item_dot_TENTATIVE {background-color: yellow;
                           }

.termin_item_dot_CANCELLED {background-color: red;
                           }

.termin_item_trenner {position: relative;
                      width: 95%;
                      height: 1px;
                      border-bottom: 1px solid rgb(211, 211, 211);
                      left: 50%;
                      transform: translate(-50%,0);
                     }

/*Module Dates END*/