@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap");
body {
  background: white;
  margin: 100px 0px 60px 0px;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
}

* {
  box-sizing: border-box;
}

.a-center {
  display: flex;
  align-items: center;
}

.j-s-evenly {
  display: flex;
  justify-content: space-evenly;
}

.d-row {
  display: flex;
  flex-direction: row;
}
.d-row.j-s-evenly {
  justify-content: space-evenly;
}

.border-h {
  border-right: #000000 2px solid;
}

.d-column {
  display: flex;
  flex-direction: column;
}

.border {
  border: #000000 2px solid;
}

.border-b {
  border-bottom: #000000 2px solid;
}

.border-r {
  border-right: #000000 2px solid;
}

.b-black {
  background: #000000;
  color: white;
  margin: 0;
}

.w-100 {
  width: 100%;
}

.j-s-around {
  display: flex;
  justify-content: space-around;
}

.fd-row {
  display: flex;
  flex-direction: row;
}

.fw-600 {
  font-weight: 600;
}

.no-break {
  break-inside: avoid-page;
}

.marginAndBorder {
  border: 2px solid #000000;
  margin-top: 20px;
}

.outhright-body {
  margin-top: 20px;
}
.outhright-body .header {
  display: flex;
  border: #000000 2px solid;
  margin-top: 0;
  flex-direction: row;
}
.outhright-body .header .header1 {
  width: 70%;
  border-right: #1a1a1a solid 2px;
  display: flex;
}
.outhright-body .header .header1 .svg {
  justify-content: start;
}
.outhright-body .header .header1 .svg svg {
  padding: 3px;
  width: 42px;
  height: 41px;
  margin: 3px;
  transform: translate(0px, 1px);
}
.outhright-body .header .header1 .title {
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.outhright-body .header .header2 {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-weight: 600;
  font-size: 20px;
}
.outhright-body .header .header2.border-r {
  border-right: #1a1a1a solid 2px;
}
.outhright-body .body-outhright {
  display: flex;
  flex-direction: row;
}
.outhright-body .body-outhright .body-l {
  display: flex;
  border-bottom: #000000 2px solid;
  border-left: #000000 2px solid;
  margin-top: 0;
  width: 40%;
  height: fit-content;
  font-weight: 600;
  font-size: 19px;
}
.outhright-body .body-outhright .body-l .body-matchId {
  display: flex;
  width: 45%;
  border-right: #1a1a1a solid 2px;
  font-weight: bold;
  padding-left: 3px;
}
.outhright-body .body-outhright .body-l .body-matchDate {
  display: flex;
  width: 55%;
  font-weight: bold;
  justify-content: flex-end;
  padding-right: 3px;
}
.outhright-body .body-outhright .body-right {
  display: flex;
  width: 60%;
  border-right: #1a1a1a solid 2px;
  border-left: #000000 2px solid;
  flex-direction: column;
}
.outhright-body .body-outhright .body-right .listeleme {
  display: flex;
  flex-direction: row;
  border-bottom: #000000 2px solid;
}
.outhright-body .body-outhright .body-right .listeleme:nth-child(2n) {
  background-color: rgba(122, 121, 121, 0.15);
  display: flex;
}
.outhright-body .body-outhright .body-right .listeleme .body-team {
  display: flex;
  width: 50%;
  justify-content: center;
  border-right: #1a1a1a solid 2px;
}
.outhright-body .body-outhright .body-right .listeleme .body-sieg {
  display: flex;
  width: 25%;
  border-right: #1a1a1a solid 2px;
  justify-content: center;
}
.outhright-body .body-outhright .body-right .listeleme .body-sw {
  display: flex;
  width: 25%;
  justify-content: center;
}

.istatistic {
  display: flex;
  flex-direction: row;
}
.istatistic.header {
  border-bottom: #1a1a1a 2px solid;
}
.istatistic .header-l {
  width: 55%;
  padding: 2px;
  display: flex;
  grid-template-rows: 1fr 1fr;
  box-sizing: border-box;
  border-right: 2px solid #000000;
  font-weight: 600;
  padding: 1px;
  flex-direction: column;
}
.istatistic .header-l .i-h-top {
  height: 50%;
  justify-content: space-between;
  display: flex;
}
.istatistic .header-l .i-h-top .categoryName-i {
  width: 66.66%;
}
.istatistic .header-l .i-h-top .heim-gast {
  width: 16.66%;
}
.istatistic .header-l .i-h-but {
  height: 50%;
  display: flex;
}
.istatistic .header-l .i-h-but .buttom {
  display: flex;
  align-items: end;
  font-weight: 600;
  font-size: 13px;
  padding-top: 5px;
}
.istatistic .header-l .i-h-but .buttom.aktuelle {
  width: 31.25%;
}
.istatistic .header-l .i-h-but .buttom.one-brim-buttom {
  width: 6.25%;
}
.istatistic .header-l .i-h-but .buttom.tore {
  width: 12.5%;
}
.istatistic .header-r {
  width: 45%;
}
.istatistic .header-r > div {
  display: flex;
  height: 50%;
  font-weight: 600;
  padding: 3px;
}
.istatistic .header-r .i-h-top {
  align-items: start;
}
.istatistic .header-r .i-h-but {
  display: flex;
}
.istatistic .header-r .i-h-but .buttom {
  display: flex;
  align-items: end;
  font-weight: 600;
  font-size: 13px;
  padding-top: 5px;
}
.istatistic .header-r .i-h-but .buttom.formtabelle {
  width: 56.25%;
}
.istatistic .header-r .i-h-but .buttom.tendenz {
  width: 18.75%;
}
.istatistic .header-r .i-h-but .buttom.one-unit-long {
  width: 6.25%;
}
.istatistic.body {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
}
.istatistic.body:nth-child(2n+1) {
  background-color: rgba(122, 121, 121, 0.15);
}
.istatistic .istatistic-body-l {
  width: 55%;
  border-right: #000000 2px solid;
  display: flex;
}
.istatistic .istatistic-body-l .item {
  padding: 1px;
}
.istatistic .istatistic-body-l .item.teamName-leftBody {
  width: 25%;
}
.istatistic .istatistic-body-l .item.index {
  width: 6.25%;
}
.istatistic .istatistic-body-l .item.tore {
  width: 12.5%;
}
.istatistic .istatistic-body-l .item.first-col-center {
  display: flex;
  justify-content: center;
}
.istatistic .istatistic-body-r {
  width: 45%;
  display: flex;
}
.istatistic .istatistic-body-r .item {
  padding: 1px;
}
.istatistic .istatistic-body-r .item.teamName {
  width: 56.25%;
}
.istatistic .istatistic-body-r .item.form {
  width: 18.75%;
}
.istatistic .istatistic-body-r .item.formElement {
  width: 6.25%;
}
.istatistic .istatistic-body-r .item.first-padding {
  padding-left: 8px;
}

.containerAltiSekiz {
  margin-top: 20px;
}
.containerAltiSekiz .header {
  display: flex;
  border: #000000 2px solid;
  margin-top: 0;
}
.containerAltiSekiz .header .left-header {
  width: 42.857%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: #1a1a1a solid 2px;
}
.containerAltiSekiz .header .left-header .lig-name {
  display: flex;
  align-items: center;
}
.containerAltiSekiz .header .left-header .lig-name .icon-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.containerAltiSekiz .header .left-header .lig-name .icon-container .svg {
  justify-content: start;
}
.containerAltiSekiz .header .left-header .lig-name .icon-container .svg svg {
  padding: 3px;
  width: 42px;
  height: 41px;
  margin: 3px;
  transform: translate(0px, 1px);
}
.containerAltiSekiz .header .left-header .lig-name .icon-container .title {
  font-weight: 600;
  font-size: 18px;
}
.containerAltiSekiz .header .left-header .arrow-title {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.containerAltiSekiz .header .left-header .arrow-title .arrow-svg {
  width: 30%;
}
.containerAltiSekiz .header .left-header .arrow-title .arrow-svg svg {
  width: 45px;
}
.containerAltiSekiz .header .right-header {
  width: 57.14%;
  display: flex;
  justify-content: space-between;
}
.containerAltiSekiz .header .right-header.tennis-header {
  width: 57.14%;
  display: flex;
}
.containerAltiSekiz .header .right-header.dis-flex-start {
  justify-content: normal;
}
.containerAltiSekiz .header .right-header.fourthComp .right-header {
  flex-direction: column;
}
.containerAltiSekiz .header .right-header.fourthComp .right-header.area1 {
  width: 54.5454545455%;
}
.containerAltiSekiz .header .right-header.fourthComp .right-header.area2 {
  width: 21.2121212121%;
}
.containerAltiSekiz .header .right-header.fourthComp .right-header.area3 {
  width: 24.2424242424%;
}
.containerAltiSekiz .header .right-header.fourthComp .right-header.areacol2 {
  width: 12.1212121212%;
}
.containerAltiSekiz .header .right-header.with-global-title {
  grid-template-rows: 1fr 2fr;
}
.containerAltiSekiz .header .right-header.h-five-col {
  display: grid;
  grid-template-columns: repeat(4, 3fr) 2fr;
}
.containerAltiSekiz .header .right-header.h-five-col .oneoffive {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-right: #000000 2px solid;
  padding-top: 6px;
  padding-bottom: 2px;
}
.containerAltiSekiz .header .right-header.h-five-col .oneoffive .sub {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.containerAltiSekiz .header .right-header.h-five-col .oneoffive.black {
  background: #1a1a1a;
  color: azure;
}
.containerAltiSekiz .header .right-header.h-five-col .oneoffive.last {
  border-right: none;
}
.containerAltiSekiz .header .right-header.h_seven_col {
  display: grid;
  grid-template-columns: 3fr repeat(5, 2fr) 3fr;
}
.containerAltiSekiz .header .right-header.thelastone {
  display: grid;
  grid-template-columns: repeat(4, 3fr) repeat(2, 2fr);
}
.containerAltiSekiz .header .right-header .top-right-header {
  display: flex;
  justify-content: center;
  font-weight: 600;
  padding-top: 8px;
  text-align: center;
}
.containerAltiSekiz .header .right-header .tippPlus {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.containerAltiSekiz .header .right-header .sub-right-header.sub-right-header-flex {
  display: flex;
}
.containerAltiSekiz .header .right-header .sub-right-header .col-9 {
  width: 11.11%;
}
.containerAltiSekiz .header .right-header .sub-right-header.col-4 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.containerAltiSekiz .header .right-header .sub-right-header.col-4.special-bet-value {
  grid-template-columns: 35px repeat(3, 1fr);
}
.containerAltiSekiz .header .right-header .sub-right-header.col-3 {
  display: grid;
  grid-template-columns: 1fr 0.4fr 1fr;
  margin: 0 14px;
}
.containerAltiSekiz .header .right-header .sub-right-header.col-2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.containerAltiSekiz .header .right-header .s16-1-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.containerAltiSekiz .header .right-header .s16-1-title.padding-10 {
  padding-left: 4px;
  padding-right: 4px;
}
.containerAltiSekiz .header .right-header .s16-1-title.fd-row {
  flex-direction: row;
}
.containerAltiSekiz .header .right-header .s16-1-title .r-h-title {
  font-weight: 600;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  background: rgba(185, 185, 185, 0.7);
  align-items: center;
  border: #000000 2px solid;
  margin: 3px;
}
.containerAltiSekiz .header .right-header .s16-1-title .r-h-title.bg-white {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
}
.containerAltiSekiz .header .right-header .s16-1-title .r-h-title.bg-white p {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
}
.containerAltiSekiz .header .right-header .s16-1-title .r-h-title p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
}
.containerAltiSekiz .header .right-header .s16-1-title .score {
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
  padding-top: 5px;
}
.containerAltiSekiz .header .right-header.handicapli {
  display: flex;
  margin-top: 0;
}
.containerAltiSekiz .header .right-header.handicapli .general-title {
  width: 25%;
}
.containerAltiSekiz .header .right-header.handicapli .general-title .bottom-title {
  display: flex;
}
.containerAltiSekiz .header .right-header.handicapli .general-title .bottom-title .deep-title {
  width: 25%;
}
.containerAltiSekiz .header .right-header .general-title {
  padding-top: 5px;
  border-right: #000000 solid 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.containerAltiSekiz .header .right-header .general-title div {
  text-align: center;
}
.containerAltiSekiz .header .right-header .general-title.bordersiz {
  border-right: none;
}
.containerAltiSekiz .header .right-header .general-title .top-title {
  font-weight: 600;
  padding: 10px 4px;
  font-size: 19px;
}
.containerAltiSekiz .header .right-header .general-title .top-title.a-center {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.containerAltiSekiz .header .right-header .general-title .top-title.without-middle {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-top: 10px;
  align-items: center;
}
.containerAltiSekiz .header .right-header .general-title .top-title.without-middle.two-top-title {
  flex-direction: column;
  flex-grow: initial;
}
.containerAltiSekiz .header .right-header .general-title .middle-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.containerAltiSekiz .header .right-header .general-title .middle-title.j-s-center {
  justify-content: center;
}
.containerAltiSekiz .header .right-header .general-title .middle-title.j-s-around {
  justify-content: space-around;
}
.containerAltiSekiz .header .right-header .general-title .middle-title .m-t-hc {
  background: rgba(185, 185, 185, 0.7);
  border: #000000 1px solid;
  padding: 5px;
  font-weight: 600;
  font-size: 14px;
}
.containerAltiSekiz .header .right-header .general-title .middle-title .m-white {
  padding: 5px;
  font-weight: 600;
  font-size: 14px;
}
.containerAltiSekiz .header .right-header .general-title .middle-title .plus {
  margin: 0 5px;
}
.containerAltiSekiz .header .right-header .general-title .bottom-title {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 3px;
}
.containerAltiSekiz .header .right-header .general-title .bottom-title.sub {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.containerAltiSekiz .header .right-header .general-title .bottom-title .deep-title {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}
.containerAltiSekiz .header .right-header .general-title .bottom-title .deep-title.bg-black {
  font-weight: 800;
}
.containerAltiSekiz .header .right-header .general-title .bottom-title.without-middle {
  grid-template-columns: repeat(2, 1fr);
}
.containerAltiSekiz .header .right-header .general-title.bg-black {
  background: #000000;
  color: #ffffff;
  font-weight: 800;
  padding: 0;
}
.containerAltiSekiz .header .right-header .general-title.last {
  border-right: none;
}
.containerAltiSekiz .header .right-header .general-title.first-comp-three-unit {
  width: 18.75%;
}
.containerAltiSekiz .header .right-header .general-title.two-unit {
  width: 13.3333333333%;
}
.containerAltiSekiz .header .right-header .general-title.three-unit {
  width: 20%;
}
.containerAltiSekiz .header .right-header .general-title.four-unit {
  width: 26.6666666667%;
  display: flex;
  justify-content: space-between;
}
.containerAltiSekiz .header .right-header .general-title.first-comp-two-unit {
  width: 12.5%;
}
.containerAltiSekiz .header .right-header.col-three {
  display: grid;
  grid-template-columns: 18fr 7fr 8fr;
}
.containerAltiSekiz .header.sixthComp .right-header {
  display: flex;
  flex-direction: column;
}
.containerAltiSekiz .header.sixthComp .right-header .sub-right-header {
  display: flex;
}
.containerAltiSekiz .header.sixthComp .right-header .sub-right-header > div {
  width: 6.25%;
}

.start {
  display: flex;
  border-right: #000000 2px solid;
  border-left: #000000 2px solid;
  border-top: #000000 2px solid;
  background: rgba(185, 185, 185, 0.7);
  height: 90px;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  font-weight: 600;
}
.start .categoryName {
  font-size: 28px;
}
.start .iconContainer svg {
  width: 80px;
  height: 80px;
}
.start .new-date {
  border: #000000 2px solid;
  padding: 5px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.body {
  border-bottom: #000000 2px solid;
}
.body .body-line {
  line-height: 21px;
}
.body .body-line:nth-child(2n) {
  background-color: rgba(122, 121, 121, 0.15);
}
.body .body-line {
  display: flex;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}
.body .body-line .left-body {
  width: 42.857%;
  display: flex;
  grid-auto-rows: 20px;
  box-sizing: border-box;
  border-right: 2px #000 solid;
}
.body .body-line .left-body .side {
  border-right: #1a1a1a solid 2px;
  display: flex;
  justify-content: center;
  font-weight: 600;
  width: 4.5454545455%;
}
.body .body-line .left-body .match-id {
  padding-left: 3px;
  border-right: #000000 2px solid;
  font-weight: 600;
  width: 13.6363636364%;
}
.body .body-line .left-body .match-info {
  width: 25%;
  display: flex;
  flex-direction: row;
  border-right: #000000 solid 2px;
}
.body .body-line .left-body .match-info.with-day-mounth {
  justify-content: flex-start;
  width: 19.909091%;
}
.body .body-line .left-body .match-info.with-day-mounth .icon-container {
  width: 23px;
}
.body .body-line .left-body .match-info.with-day-mounth .icon-container svg {
  width: 26px;
}
.body .body-line .left-body .match-info.with-day-mounth .with-day-mounth {
  display: flex;
  font-size: 15px;
  letter-spacing: -0.09em;
  font-weight: 600;
  padding-left: 3px;
}
.body .body-line .left-body .match-info .icon-container {
  position: relative;
  height: 20px;
  width: 30px;
  padding-left: 1px;
}
.body .body-line .left-body .match-info .icon-container svg {
  margin-top: 1px;
  width: 30px;
  height: 30px;
  transform: translate(-2px, -6px);
}
.body .body-line .left-body .match-info .icon-container .icon-text {
  transform: translate(3px, -13px);
  top: 0;
  left: 0;
  position: absolute;
  font-size: small;
  z-index: 2;
}
.body .body-line .left-body .match-info .icon-container .icon-text.today {
  color: white;
}
.body .body-line .left-body .team-context {
  width: 65.9090909091%;
  display: flex;
  font-weight: 600;
}
.body .body-line .left-body .team-context .first-team {
  padding-left: 3px;
  width: 45.4545454545%;
}
.body .body-line .left-body .team-context .second-team {
  width: 45.4545454545%;
}
.body .body-line .left-body .team-context .double-dot {
  width: 9.0909090909%;
  display: flex;
  justify-content: center;
}
.body .body-line .right-body {
  width: 57.14%;
  display: flex;
  font-weight: 500;
}
.body .body-line .right-body.justify-around {
  display: flex;
  justify-content: space-around;
}
.body .body-line .right-body .oran {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: #000000 2px solid;
}
.body .body-line .right-body .oran-last {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body .body-line .right-body .box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  border-right: #000000 solid 2px;
}
.body .body-line .right-body .box .deep-box .icon-container {
  font-weight: 600;
  position: relative;
  height: 20px;
}
.body .body-line .right-body .box .deep-box .icon-container .icon-text {
  transform: translate(3px, -12px);
  top: 0;
  left: 0;
  position: absolute;
  font-size: small;
}
.body .body-line .right-body.tennis-width {
  width: 57.14%;
  display: flex;
}
.body .body-line .right-body.tennis-width .tennis-col2 {
  width: 13.3333333333%;
}
.body .body-line .right-body.tennis-width .tennis-col2 > div {
  width: 50%;
}
.body .body-line .right-body.tennis-width .tennis-col3 {
  width: 20%;
}
.body .body-line .right-body.tennis-width .tennis-col3 > div {
  width: 33.33%;
}
.body .body-line .right-body.tennis-width .tennis-col4 {
  width: 26.6666666667%;
}
.body .body-line .right-body.tennis-width .tennis-col4 > div {
  width: 25%;
}
.body .body-line .right-body.body-l-col .col {
  display: flex;
  border-right: #000000 solid 2px;
}
.body .body-line .right-body.body-l-col .col .deep-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body .body-line .right-body.body-l-col .col.col-2 > div {
  width: 50%;
}
.body .body-line .right-body.body-l-col .col.bordersiz {
  border-right: none;
}
.body .body-line .right-body.body-l-col .col.col-3 > div {
  width: 33.33%;
}
.body .body-line .right-body.body-l-col .col.col-9 > div {
  width: 11.11%;
}
.body .body-line .right-body.body-l-col .col.col-4 > div {
  width: 25%;
}
.body .body-line .right-body.body-l-col .col.col-4.special-bet-value {
  grid-template-columns: 35px repeat(3, 1fr);
}
.body .body-line .right-body.r-t-col4 {
  display: flex;
  flex-direction: row;
}
.body .body-line .right-body.r-t-col4 .col-2 {
  width: 12.5%;
}
.body .body-line .right-body.r-t-col4 .col-3 {
  width: 18.75%;
}
.body .body-line .right-body.r-t-col4 .col-4 {
  width: 25%;
}
.body .body-line .right-body.first-component-body {
  display: flex;
  flex-direction: row;
}
.body .body-line .right-body.first-component-body .col-2 {
  width: 12.5%;
}
.body .body-line .right-body.first-component-body .col-3 {
  width: 18.75%;
}
.body .body-line .right-body.sixteenCol {
  grid-template-columns: repeat(16, 1fr);
}
.body .body-line .right-body.sixteenCol .oran {
  border-right: none;
}
.body .body-line .right-body.b-five-col {
  display: grid;
  grid-template-columns: repeat(4, 3fr) 2fr;
}
.body .body-line .right-body.laLiga {
  display: grid;
  grid-template-columns: 3fr repeat(5, 2fr) 3fr;
}
.body .body-line .right-body.a-col-3 {
  display: flex;
}
.body .body-line .right-body.a-col-3 .col-9 {
  width: 54.5454545455%;
}
.body .body-line .right-body.a-col-3 .col-9 > div {
  width: 11.1111111111%;
}
.body .body-line .right-body.a-col-3 .col-3 {
  width: 21.2121212121%;
}
.body .body-line .right-body.a-col-3 .col-3 > div {
  width: 18.75%;
}
.body .body-line .right-body.a-col-3 .col-4 {
  width: 24.2424242424%;
}
.body .body-line .right-body.a-col-3 .col-4 > div {
  width: 25%;
}
.body .body-line .right-body.a-col-3 .col-2 {
  width: 12.1212121212%;
}
.body .body-line .right-body.a-col-3 .col-2 > div {
  width: 12.5%;
}
.body .body-line .right-body.thelastone {
  display: grid;
  grid-template-columns: repeat(4, 3fr) repeat(2, 2fr);
}

.warning-text {
  width: 90px;
}

.deep-box.special-bet-value {
  background: black;
  color: white;
  text-align: center;
  width: 30px;
  width: 30px;
}

.first-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.first-page .logo {
  width: 42%;
}
.first-page .fussball {
  font-size: 50px;
}
.first-page .stadyum {
  width: 75%;
  margin-bottom: 60px;
}
.first-page .first-page-standtime {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 20px;
}