/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('fonts/roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

:root {
      --color-back: rgb(84,0,48);
      --color-card: rgb(52,22,34);
      --color-text: rgb(255,192,0);
    }

html { /* scroll */
       overflow-y: scroll; scroll-behavior: smooth; }
	   
	   
	   

       
.body_sk { /* distance */
           margin: 0;
           /* background, color: main2 */
           background-color: var(--color-back);
           /* font */
           font-family: Roboto Condensed; font-weight: 400; font-size: 1rem; font-style: normal; line-height: 1.33rem; color: var(--color-text); }
    
    
.anchor { /*display */
          display: block; position: relative; top: 0; visibility: hidden; }
          
.symbols { /*display*/
           display: -webkit-flex; display: flex; justify-content: center; align-items: center; 
		   /*distance*/
		   padding-left: 0.4rem; padding-right: 0.4rem;
           /* font */
           font-size: 1.1rem; text-align: center; }
						
          
          
.symbolplus {   /* display */
                display: block; }

.symbolminus {  /* display */
                display: none; }
    

.img100p { /* display */
           width: 100%; }
           
    
.padM { /* distance */
        padding-bottom: 0.2rem; }    
    
    
    
    
                    

.main { /* display */
        max-width: 32rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; justify-content: flex-start;
        /* distance */
        margin: 0 auto; padding-left: 0.4rem; padding-top: 0.3rem; padding-bottom: 0.6rem; }
        

.L { /* display */
     flex-grow: 0; flex-shrink: 0; flex-basis: 5.0rem; }

                              
.L_sticky { /* display */
            position: -webkit-sticky; position: sticky; top: 0.3rem; }
                        
         
.L_sticky_top { /* display */
                width: 5.0rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }
                            

.L_sticky_top_logo { /* display */
                     display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center;
                     /* distance */
                     padding-bottom: 0.3rem; }
                                     

.L_sticky_top_logo_img { /* display */
                         width: 5.0rem; display: block; }
                                             
                                             
                                             

.L_sticky_top_titels { /* display */
                       display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }
                                       

.L_sticky_top_titels_1 { /* font, color: main1 */
                         text-align: left; font-size: 1.2rem; line-height: 1.6rem; font-weight: 300;}
						 
.L_sticky_top_titels_2 { /* font, color: main1 */
                         font-size: 1.6rem; font-weight: 400;}

                                             
                                             

.L_sticky_top_sandwichbutton { /*display */
                               width: 2.8rem; display: none; flex-direction: column; align-items: center; justify-content: center;
                               /* distance */
                               padding: 0.3rem;
                               /* animation */
                               cursor: pointer; transition: 0.5s; }
                                               

.sandwich_line1 { /* display */
                  width: 2.3rem; height: 0.35rem;
                  /* distance */
                  margin: 0.175rem; margin-top: 0.65rem; margin-left: 0.3rem; margin-right: 0.2rem;
                  /* background, color: contrast1 */
                  background-color: var(--color-text); border-radius: 0.2rem;
                  /* animation */
                  transition: 0.5s; }
                                      
                                      
.active .sandwich_line1 { /* background, color: white */
                          background-color: var(--color-text);
                          /* animation */
                          -webkit-transform: rotate(-45deg) translate(-0.5rem, 0.5rem); transform: rotate(-45deg) translate(-0.5rem, 0.5rem); }                                      
                    

.sandwich_line2 { /* display */
                  width: 2.3rem; height: 0.35rem;
                  /* distance */
                  margin: 0.175rem; margin-left: 0.3rem; margin-right: 0.2rem;
                  /* background, color: contrast1 */
                  background-color: var(--color-text); border-radius: 0.2rem;
                  /* animation */
                  transition: 0.5s; }
                    
                    
.active .sandwich_line2 { /* animation */
                          opacity: 0; }


.sandwich_line3 { /* display */
                  width: 2.3rem; height: 0.35rem;
                  /* distance */
                  margin: 0.175rem; margin-bottom: 0.65rem; margin-left: 0.3rem; margin-right: 0.2rem;
                  /* background, color: contrast1 */
                  background-color: var(--color-text); border-radius: 0.2rem;
                  /* animation */
                  transition: 0.5s; }
                    
                    
.active .sandwich_line3 { /* background, color: white */
                          background-color: var(--color-text);
                          /* animation */
                          -webkit-transform: rotate(45deg) translate(-0.5rem, -0.5rem); transform: rotate(45deg)  translate(-0.5rem, -0.5rem); }
                                      
                    
    
    
.L_sticky_menu { /* display */
                 width: 5.0rem; display: block;
                 /* distance */
                 padding-top: 0.6rem;
                 /* font */
                 text-align: left; font-size: 1.0rem;}
                             
			
.L_sticky_menu_elemfirst { /* display */
                           display: -webkit-flex; display: flex; justify-content: stretch;
                           /* distance */
                           padding-top: 0.2rem; padding-bottom: 0.2rem;
                           /* animation */
                           cursor: pointer; }
                                            

.L_sticky_menu_elem { /* display */
                      display: -webkit-flex; display: flex; justify-content: stretch;
                      /* distance */
                      padding-top: 0.2rem; padding-bottom: 0.2rem;
                      /* border */
                      border-top: solid 1px rgba(255, 192, 0);
                      /* animation */
                      cursor: pointer; }
                                      
				
.L_sticky_menu_elem_link { /* display */
                           width: 100%; 
                           /* font, color: main1 */
                           color: var(--color-text); text-decoration: none;
                           /* animation */
                           cursor: pointer; }
                                               
                                               
                                               
			

                        
					
					
					
.R { /* display */
     flex-grow: 1; flex-shrink: 1; flex-basis: auto;
     /* distance */
     padding-left: 0.6rem; }
	

.box { /* distance */
	   padding-top: 1rem; }

		

			
.card { /* display */
		max-width: 24rem;
		/* distance */
		margin: 0 1rem 2rem; padding: 0.5rem;
		/*background*/
		background: linear-gradient(to bottom, rgb(84,0,48), rgb(110,29,41));
		/* border */
		/* border: 1px solid rgba(255,192,0)*/;}
		
.card_head { /* distance */
            padding: 0.4rem;
            /*font*/
			font-size: 1.4rem; font-weight: 300; text-align: center;}
		
		
.menu {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center;
  /* distance */
  padding: 0.4rem; padding-top: 0rem;
}		
		
.select_archive1 {
  /* font */
  font-size: 1.0rem; font-weight: 300;
}		
		


.box_stats_line_t {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; margin: 0 auto;
  /* background */
  background: linear-gradient(to bottom, rgb(84,0,48), rgb(110,29,41));
}


.box_stats_line_change_u {
  /* display */
  width: 1.4rem; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end;
  /* distance */
  padding-left: 0.2rem;
  /*font*/
  color: rgb(0, 176, 80);
}


.box_stats_line_change_d {
  /* display */
  width: 1.4rem; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end;
  /* distance */
  padding-left: 0.2rem;
  /*font*/
  color: rgb(255, 0, 0);
}


.box_stats_line_rank {
  /* display */
  width: 1.4rem; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end;
  /* distance */
  padding-left: 0.2rem;
}                    


.box_stats_line_img_div {
  /* display */
  width: 3.0rem;
  /* distance */
  padding: 0.4rem;
}


.box_stats_line_img_div2 {
  /* display */
  width: 4.3rem;
  /* distance */
  padding: 0.4rem;
}


.box_stats_line_img_div3 {
  /* display */
  width: 4.3rem;
  /* distance */
  padding: 0.4rem;
}


.box_stats_line_img {
  /* display */
  width: 100%;
}

.box_stats_line_player {
  /* display */
  flex: 1; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  /* distance */
  padding: 0.4rem; padding-left: 0; padding-right: 0;
}

.box_stats_line_points {
  /* display */
  width: 4.0rem; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  /* distance */
  padding-right: 0.4rem;
  /* font */
  font-size: 1.2rem;
}

.box_stats_line_points2 {
  /* font */
  font-weight: 300; font-size: 1rem;
} 

.box_stats_line_tag {
  /* font */
  font-weight: 300; font-size: 0.9rem;
} 

.box_stats_line_data {
  /* display */
  flex: 1; display: -webkit-flex; display: flex; flex-direction: column; align-items: stretch; justify-content: start;
  /* distance */
  padding-right: 0.4rem; padding-top: 0.4rem; padding-bottom: 0.4rem;
}

.box_stats_line_data_name {
  /* font */
  text-align: center;
  /* border */
  border-bottom: solid 1px rgb(255,192,0);
  /* distance */
  padding-bottom: 0.2rem;
}

.box_stats_line_data_tags {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-items: center;
  /* font */
  font-weight: 300; font-size: 0.9rem;
}

.box_stats_line_data_tag {
  /* display */
  flex: 1;
  /* font */
  text-align: center;
}
		
.box_stats_line_data_ranks {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around;
}

.box_stats_line_data_rank1 {
  width: 1.2rem; background-color: rgb(0, 176, 80); border-radius: 0.6rem; text-align: center; color: rgb(84,0,48);
}	

.box_stats_line_data_rank2 {
  width: 1.2rem; background-color: rgb(73, 192, 80); border-radius: 0.6rem; text-align: center; color: rgb(84,0,48);
}	

.box_stats_line_data_rank3 {
  width: 1.2rem; background-color: rgb(146, 208, 80); border-radius: 0.6rem; text-align: center; color: rgb(84,0,48);
}	

.box_stats_line_data_rank4 {
  width: 1.2rem; background-color: rgb(255, 192, 0); border-radius: 0.6rem; text-align: center; color: rgb(84,0,48);
}	

.box_stats_line_data_rank5 {
  width: 1.2rem; background-color: rgb(255, 0, 0); border-radius: 0.6rem; text-align: center; color: rgb(84,0,48);
}	

.box_stats_line_data_rank6 {
  width: 1.2rem; text-align: center;
}	


.box_stats_line_data_table {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around;
  /* font */
  font-weight: 300; font-size: 0.9rem;
}

.box_stats_line_data_table2 {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around;
  /* font */
  font-weight: 300; font-size: 0.9rem; color: rgb(84,0,48);
  /* background */
  background: rgb(255, 192, 0)
}

.box_stats_line_data_t {
  /* display */
  width: 3.5rem;
}

.box_stats_line_data_t2 {
  /* display */
  width: 7.0rem;
}


.box_stats_line_menu {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;
  /* distance */
  margin: 1rem; margin-bottom: 1.5rem;
  /*background*/
  background: linear-gradient(to bottom, rgb(84,0,48), rgb(110,29,41));
  /* border */
  /* border: solid 1px rgb(255, 192, 0); */
  /* animation */
  cursor: pointer;}
  
.box_stats_line_menu_data {
  /* display */
  flex: 1; display: -webkit-flex; display: flex; flex-direction: column; align-items: space-between;
  /* distance */
  padding-left: 0.4rem; padding-right: 0.4rem; }
  
.box_stats_line_menu_data1 {
  /* display */
  display: -webkit-flex; display: flex; align-items: center;
  /* distance */
  padding-top: 0.6rem; padding-bottom: 0.4rem;
  /* font */
  font-size: 1.1rem; }
                                                
                        
.box_stats_line_data1_menu_name {
  /* display */
  flex-grow: 1; }

.box_stats_line_G1_1 { /* display */
					   display: -webkit-flex; display: flex; max-width: 20rem; margin: 0 auto;
					   /* background */
                       background: linear-gradient(to bottom, rgba(0, 176, 80, 1), rgba(0, 176, 80, 0.9));
					   /* border */
					   border-bottom: solid 1px rgb(84,0,48);
                       /* font */
                       color: rgb(84, 0, 48); }
                  
.box_stats_line_G2_1 { /* display */
					   display: -webkit-flex; display: flex; max-width: 20rem; margin: 0 auto;
					   /* background */
                       background: linear-gradient(to bottom, rgba(0, 176, 80, 1), rgba(0, 176, 80, 0.9));
					   /* distance */
					   margin-bottom: 1rem;
                       /* font */
                       color: rgb(84, 0, 48); }
					   
.box_stats_line_G1_2 { /* display */
					   display: -webkit-flex; display: flex; max-width: 20rem; margin: 0 auto;
					   /* background */
                       background: linear-gradient(to bottom, rgba(146, 208, 80, 1), rgba(146, 208, 80, 0.9));
					   /* border */
					   border-bottom: solid 1px rgb(84,0,48);
                       /* font */
                       color: rgb(84, 0, 48); }
                  
.box_stats_line_G2_2 { /* display */
					   display: -webkit-flex; display: flex; max-width: 20rem; margin: 0 auto;
					   /* background */
                       background: linear-gradient(to bottom, rgba(146, 208, 80, 1), rgba(146, 208, 80, 0.9));
					   /* distance */
					   margin-bottom: 1rem;
                       /* font */
                       color: rgb(84, 0, 48); }

.box_stats_line_G1_3 { /* display */
					   display: -webkit-flex; display: flex; max-width: 20rem; margin: 0 auto;
					   /* background */
                       background: linear-gradient(to bottom, rgba(255, 192, 0, 1), rgba(255, 192, 0, 0.9));
					   /* border */
					   border-bottom: solid 1px rgb(84,0,48);
                       /* font */
                       color: rgb(84, 0, 48); }
                  
.box_stats_line_G2_3 { /* display */
					   display: -webkit-flex; display: flex; max-width: 20rem; margin: 0 auto;
					   /* background */
                       background: linear-gradient(to bottom, rgba(255, 192, 0, 1), rgba(255, 192, 0, 0.9));
					   /* distance */
					   margin-bottom: 1rem;
                       /* font */
                       color: rgb(84, 0, 48); }	
					   
.box_stats_line_img_game_div { /* display */
						  width: 3.3rem;
						  /* distance */
						  padding: 0rem; }			   
					   
.box_stats_line_result { /* display */
                            width: 3rem; display: -webkit-flex; display: flex; justify-content: center; align-items: center;
                            /* distance */
                            padding: 0.2rem;
							/* font */
                            font-size: 1.5rem; font-weight: 400;
							/* border */
							border-left: solid 1px rgb(84,0,48);}						   
					   
.box_stats_line_player_game {
  /* display */
  flex: 1; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  /* distance */
  padding: 0.4rem;
}					   
					   
.box_stats_lineadd { /* display */
                     display: none;
					 /* distance */
					 margin: 1rem;
					 /* font */
                     color: rgb(84, 0, 48);}					   
					   
.box_stats_line_1 {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; margin: 0 auto;
  /* background */
  background: linear-gradient(to bottom, rgba(0, 176, 80, 1), rgba(0, 176, 80, 0.7));
  /* font */
  color: rgb(84,0,48);
}

.box_stats_line_2 {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; margin: 0 auto; 
  /* background */
  background: linear-gradient(to bottom, rgba(73, 192, 80, 1), rgba(73, 192, 80, 0.7));
  /* font */
  color: rgb(84,0,48);
}

.box_stats_line_3 {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; margin: 0 auto; 
  /* background */
  background: linear-gradient(to bottom, rgba(146, 208, 80, 1), rgba(146, 208, 80, 0.7));
  /* font */
  color: rgb(84,0,48);
}

.box_stats_line_4 {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; margin: 0 auto; 
  /* background */
  background: linear-gradient(to bottom, rgba(255,192,0, 1), rgba(255,192,0, 0.7));
  /* font */
  color: rgb(84,0,48);
}

.box_stats_line_5 {
  /* display */
  display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; margin: 0 auto; 
  /* background */
  background: linear-gradient(to bottom, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0.7));
  /* font */
  color: rgb(84,0,48);
}					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
		
		
		
		
		
		
		
		
		
		                          
                           
@media (max-height: 30.0rem) and (min-width: 36.0rem) {
    
.L { /* display */
     display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; }
     

.L_sticky { /* display */
            position: relative; }
            

.L_sticky_menu { /* display */
                 display: block; position: -webkit-sticky; position: sticky; top: -0.4rem; }
                 
                  
    
}
                





@media (max-width: 36.0rem) {
    

.anchor { /*display */
          top: -3.65rem; }  
       
    
.main { /* display */
        display: block;
        /* distance */
        padding-left: 0; padding-top: 0 }
        

	.L { /* display */
         display: block; width: 100%; position: -webkit-sticky; position: sticky; top: 0; }
         
         
        .L_sticky { /* display */
                    position: relative; top: 0;
                    /* background */
                    background-color: var(--color-back) }
         

        .L_sticky_top { /* display */
                        width: 100%; height: 3.65rem; flex-direction: row; align-items: center; border-bottom: solid 1px rgb(255,192,0); }
                        
                        
            .L_sticky_top_logo { width: 2.8rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center;
                                 /* distance */
                                 padding: 0.3rem; }
        

                .L_sticky_top_logo_img { /* display */
                                         height: 2.8rem; }
            

            
            
            .L_sticky_top_titels { /* display */
                                   flex-grow: 1; }
								   
			.L_sticky_top_titels_1 { /* font, color: main1 */
                         text-align: center;}
            
            
            .L_sticky_top_sandwichbutton { /* display */
                                    display: -webkit-flex; display: flex; }
	
	
            .L_sticky_top_sandwichbutton.active { /* background, color: main1 */
                                           background-color: var(--color-back); }
                                                  
                                                  
                                                  
	
        .L_sticky_menu { /* display */
                  display: none; width: 100%;
                  /* distance */
                  padding-top: 0.2rem;
                  /* background, color: main1 */
                  background-color: var(--color-text);
                  /* font */
                  font-size: 1.1rem; color: white; text-align: center; }
        
	
            .L_sticky_menu_elem_first { /* distance */
                                 padding: 0.4rem; }
            
	
            .L_sticky_menu_elem { /* distance */
                           padding: 0.4rem;
                           /* border */
                           border-top: solid 1px rgb(84, 0, 48); }
            
	
                .L_sticky_menu_elem_link { /* font */
                                    color: rgb(84, 0, 48); }
                                           

	
	
	
	
	.R { /* display */
         flex-grow: auto; flex-shrink: auto; flex-basis: auto;
         /* distance */
         padding: 0; }