@charset "utf-8";
/* CSS Document */

/*Darkmode */
@media (prefers-color-scheme: dark) {
.button {color: rgb(153 153 153)!important;box-shadow: 2px 3px 15px 0 rgb(0 0 0 / 50%), -2px -2px 15px 0 rgb(0 0 0 / 50%)!important;background-image: linear-gradient(rgb(51 51 51), rgb(40 40 40 / 80%))!important;}


}

.button {border: none; display: inline-block; vertical-align: middle; overflow: hidden; text-decoration: none; color: rgb(87 120 106); background-image: linear-gradient( rgb(255, 255, 255), rgba(191, 188, 188, 0.46));text-align: center; cursor: pointer; white-space: nowrap;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 58%); text-shadow: 2px 2px 3px rgb(0 0 0 / 41%); border-radius: 10px;line-height: 11vh; width: 100%;}
.flex_statistik{ display:flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start; line-height: 4vh;}	
.zeile2{ font-size:0.8rem; font-style:italic;}
.Inhalt_K,.Inhalt_KS {display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;row-gap: 0vh;}	
.Inhalt_K .Datum, .Inhalt_KS .Datum{ width:100%;font-size: 0.8rem;font-style: italic;text-align: center; padding-top: 1vh;padding-bottom: 1vh;}
.Inhalt_K .Eintrag {width:36%;box-shadow: 2px 3px 15px 0 rgba(0, 0, 0, 0.5), -2px -2px 15px 0 rgba(255, 255, 255, 0.5);padding:5%; border-radius:10px;margin: 2%;background-image:linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239))}
.Inhalt_KS .Eintrag {width:36%;box-shadow: 2px 3px 15px 0 rgba(0, 0, 0, 0.5), -2px -2px 15px 0 rgba(255, 255, 255, 0.5);padding:5%; border-radius:10px;margin: 2%;background-image:linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239))}
.Inhalt_K .Eintrag #wert, .Inhalt_KS .Eintrag #wert{font-size: 2rem;line-height: 2rem;display: inline-block;margin-bottom: 5%;}
.Inhalt_K .Eintrag .Zahl, .Inhalt_KS .Eintrag .Zahl{ width:100%; text-align:center;}
.Inhalt_K #spiele, .Inhalt_KS #spiele{order:1}
.Inhalt_K #pkt_pro_spiel, .Inhalt_KS #pkt_pro_spiel{order:2}
.Inhalt_K #win, .Inhalt_KS #win{order:3}
.Inhalt_K #remis, .Inhalt_KS #remis{order:5}
.Inhalt_K #lost, .Inhalt_KS #lost{order:7}
.Inhalt_K #tor1, .Inhalt_KS #tor1{order:4}
.Inhalt_K #tor2, .Inhalt_KS #tor2{order:6}
.Inhalt_K #tordiff, .Inhalt_KS #tordiff{order:8}

@media only screen and  (min-width: 768px) and (orientation: portrait){
.Inhalt_K .Eintrag {width: 25%;padding: 2%;margin: 1%;}
.Inhalt_K #spiele{order:7}
.Inhalt_K #pkt_pro_spiel{order:8}
.Inhalt_K #win{order:1}
.Inhalt_K #remis{order:2}
.Inhalt_K #lost{order:3}
.Inhalt_K #tor1{order:4}
.Inhalt_K #tor2{order:5}
.Inhalt_K #tordiff{order:6}
}
@media only screen and  (min-width: 1024px) and (orientation: portrait){
.button {width: 25%;}
.flex_statistik {line-height: 2vh;}
}
@media only screen and  (min-width: 480px) and (orientation: landscape){
.button {border: none; display: inline-block; vertical-align: middle; overflow: hidden; text-decoration: none; color: rgb(87 120 106); background-image: linear-gradient( rgb(255, 255, 255), rgba(191, 188, 188, 0.46));text-align: center; cursor: pointer; white-space: nowrap;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 58%); text-shadow: 2px 2px 3px rgb(0 0 0 / 41%); border-radius: 10px;line-height: 17vh; width: 50%;}
.flex_statistik{ display:flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start; line-height: 8vh;}	
.Inhalt_K{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;row-gap: 0vh;}	
.Inhalt_K .Datum{ width:100%;font-size: 0.8rem;font-style: italic;text-align: center; padding-top: 1vh;padding-bottom: 1vh;}
.Inhalt_K .Eintrag{ width:9%;box-shadow: 2px 3px 15px 0 rgba(0, 0, 0, 0.5), -2px -2px 15px 0 rgba(255, 255, 255, 0.5);padding:1%; border-radius:10px;margin: 0.5%;background-image:linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239))}
.Inhalt_KS .Eintrag{ width:30%;box-shadow: 2px 3px 15px 0 rgba(0, 0, 0, 0.5), -2px -2px 15px 0 rgba(255, 255, 255, 0.5);padding:1%; border-radius:10px;margin: 0.5%;background-image:linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239))}

.Inhalt_K .Eintrag #wert{font-size: 2rem;line-height: 2rem;display: inline-block;margin-bottom: 5%;}
.Inhalt_K .Eintrag .Zahl{ width:100%; text-align:center;}
.Inhalt_K #spiele, .Inhalt_KS #spiele{order:1}
.Inhalt_K #pkt_pro_spiel, .Inhalt_KS #pkt_pro_spiel{order:2}
.Inhalt_K #win, .Inhalt_KS #win{order:3}
.Inhalt_K #remis, .Inhalt_KS #remis{order:4}
.Inhalt_K #lost, .Inhalt_KS #lost{order:5}
.Inhalt_K #tor1, .Inhalt_KS #tor1{order:6}
.Inhalt_K #tor2, .Inhalt_KS #tor2{order:7}
.Inhalt_K #tordiff, .Inhalt_KS #tordiff{order:8}
}
@media only screen and  (min-width: 568px) and (orientation: landscape){
}


@media only screen and  (min-width: 667px) and (orientation: landscape){
}
@media only screen and  (min-width: 1024px) and (orientation: landscape){
.button {width: 25%;line-height: 8vh;}
.flex_statistik {line-height: 3vh;}
.Inhalt_KS .Eintrag{ width:9%;box-shadow: 2px 3px 15px 0 rgba(0, 0, 0, 0.5), -2px -2px 15px 0 rgba(255, 255, 255, 0.5);padding:1%; border-radius:10px;margin: 0.5%;background-image:linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239))}

}