/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/
/*# sourceMappingURL=maps/custom.css.map */


thead,
tbody,
tfoot,
tr,
td,
th {
  border: none;
}

.table-hover > tbody > tr:hover > * {
    background-color: #888;
}


.table-hover > tbody > tr {
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}


.border-ganerb{
    border: 3px solid rgba(178, 179, 179, 0.1);
    }

.ganerb-shadow-1 {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.leer {
    background-color: #fdf7d1;
    padding: 1px;
    
}

.datum {
    width: auto;
    text-align: center;
    padding: 5px;
    background-color: #95d3be;
    color: #282828;
    font-weight: 400;
    font-size: 1.0825rem; 
    font-family: "oswald", sans-serif;
}

.heimteam {
    width: 280px;
    text-align: end;
    padding-right: 5px;
    font-weight: 400;
    font-size: 1.1225rem;
    line-height: 1.4225rem;
    font-family: "oswald", sans-serif;
    color: #353535;
}

.auswaertsteam {
    width: 280px;
    text-align: start;
    padding-left: 5px;
    font-weight: 400;
    font-size: 1.1225rem;
    line-height: 1.4225rem;
    font-family: "oswald", sans-serif;
    color: #353535;
    
}

.sommerpause {
    width: 380px;
    text-align: center;
    padding-left: 5px;
    font-weight: 400;
    font-size: 1.2225rem; 
    font-family: "oswald", sans-serif;
    color: #353535;
    
}

.spielart {
    width: auto;
    text-align: center;
    padding: 5px;
    background-color: #fdf7d1;
    color: #282828;
    font-weight: 400;
    font-size: 1.2225rem;
    font-family: "oswald", sans-serif;
}

.team {
    width: auto;
    text-align: center;
    padding-left: 5px;
    padding: 5px;
    background-color: #454545;
    color: #fdf7d1;
    font-weight: 400;
    font-size: 1.2225rem; 
    font-family: "oswald", sans-serif;
}





.ergebnis {
    width: auto;
    text-align: center;
    padding: 8px;
    background-color: #282828;
    color: #fdf7d1;
    font-weight: 700;
    font-size: 1.7825rem; 
    font-family: "oswald", sans-serif;
}

.time {
    width: 90px;
    text-align: center;
    padding: 5px;
    background-color: #079876;
    color: #fff;
    font-weight: 500;
    font-size: 0.9825rem; 
    font-family: "oswald", sans-serif;
}


.heimteam-1 {
    width: 225px;
    text-align: end;
    padding-right: 5px;
    font-weight: 400;
    font-size: 1.1225rem;
    line-height: 1.4225rem;
    font-family: "oswald", sans-serif;
    color: #353535;
}

.auswaertsteam-2 {
    width: 225px;
    text-align: start;
    padding-left: 5px;
    font-weight: 400;
    font-size: 1.1225rem;
    line-height: 1.4225rem;
    font-family: "oswald", sans-serif;
    color: #353535;
    
}

.logo-1 img {
    width:  55px;
    max-width:  60px;
    text-align: center;
    padding-left: 5px;
    padding-right: 8px;
}

.logo-2 img {
    width:  55px;
    max-width: 60px;
    text-align: center;
    padding-left: 8px;
    padding-right: 5px;
}


.logo-3 img {
    width:  45px;
    max-width:  50px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.logo-4 img {
    width:  45px;
    max-width: 50px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

.table-light > tbody {
  background-color: #bbb;
   
    
}

.table-light > tbody >tr >td {
  border-top: 1px solid #282828;
  border-bottom: 0px solid #282828;
    
}







/* Card
/* ------------------------- */


@media (min-width: 1200px) and (max-width: 1350px) {
    
    .datum {
   font-size: 0.8825rem;
}

.heimteam {
    width: 230px;
    padding-right: 2px;
    font-size: 0.8825rem;
    line-height: 1.0225rem;
}
    
.auswaertsteam {
    width: 230px;
    padding-left: 2px;
    font-size: 0.8825rem;
    line-height: 1.0225rem;
    
}
    
.time {
    width: 80px;
    padding: 1px;
    font-size: 0.9825rem;
    line-height: 1.1425rem
}


.heimteam-1 {
    width: 230px;
    padding-right: 2px;
    font-size: 0.8825rem;
    line-height: 1.0225rem;
}

.auswaertsteam-2 {
    width: 230px;
   text-align: start;
    padding-left: 2px;
    font-size: 0.8825rem;
    line-height: 1.0225rem;
    
}       

.spielart {
    font-size: 0.9025rem; 
    
}

.team {
    font-size: 0.9025rem;
    
}
    
.ergebnis {
    padding: 2px;
    font-size: 1.3825rem;
}      

.vs {
    padding-top: 8px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 8px;
    font-size: 1.0825rem;
    }

.logo {
    width: 95px;
    padding-left: 3px;
    padding-right: 3px;
}
    
    
.logo-1 img {
    width:  50px;
    max-width:  50px;
    padding-left: 6px;
    padding-right: 6px;
}

.logo-2 img {
   width:  50px;
    max-width:  50px;
    padding-left: 6px;
    padding-right: 6px;
}


.logo-3 img {
    width:  50px;
    max-width:  50px;
    padding-left: 6px;
    padding-right: 6px;
}

.logo-4 img {
    width:  50px;
    max-width:  50px;
    padding-left: 6px;
    padding-right: 6px;
}     

 }


/* Card
/* ------------------------- */


@media (min-width: 900px) and (max-width: 1200px) {
    
    .datum {
   font-size: 1.0225rem;
}

.heimteam {
    width: 260px;
    padding-right: 0px;
    font-size: 0.9525rem;
    line-height: 1.0425rem;
}
    
.auswaertsteam {
    width: 260px;
    padding-left: 0px;
    font-size: 0.9325rem;
    line-height: 1.0425rem;
    
}
    
.time {
    width: 80px;
    padding: 1px;
    font-size: 0.9325rem;
    line-height: 1.0425rem
}


.heimteam-1 {
    width: 260px;
    padding-left: 0px;
    font-size: 0.9325rem;
    line-height: 1.0725rem;
}

.auswaertsteam-2 {
   width: 260px;
   text-align: start;
    padding-left: 0px;
   font-size: 0.9325rem;
    line-height: 1.0425rem;
    
}       

.spielart {
    font-size: 1.0625rem; 
    
}

.team {
    font-size: 1.0625rem;
    
}
    
.ergebnis {
    padding: 2px;
    font-size: 1.1825rem;
}      

.vs {
    padding-top: 6px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 6px;
    font-size: 1.0825rem;
    }

.logo {
    width: 95px;
    padding-left: 3px;
    padding-right: 3px;
}
    
    
.logo-1 img {
    width:  40px;
    max-width:  40px;
    padding-left: 1px;
    padding-right: 1px;
}

.logo-2 img {
    width:  40px;
    max-width:  40px;
    padding-left: 1px;
    padding-right: 1px;
}


.logo-3 img {
    width:  40px;
    max-width:  40px;
    padding-left: 1px;
    padding-right: 1px;
}

.logo-4 img {
    width:  40px;
    max-width:  40px;
    padding-left: 1px;
    padding-right: 1px;
}     

 }


@media (max-width: 576px) {
    
    .datum {
   font-size: 0.9625rem;
}

.heimteam {
    width: 225px;
    padding-right: 1px;
    font-size: 0.9725rem;
    line-height: 1.0425rem;
}
    
.auswaertsteam {
    width: 225px;
    padding-left: 1px;
    font-size: 0.9725rem;
    line-height: 1.0425rem;
    
}

.spielart {
    font-size: 0.9625rem; 
    
}

.team {
    font-size: 0.9625rem;
    
}
    
    
.ergebnis {
    padding: 3px;
    font-size: 1.3825rem;
}    

.vs {
    padding-top: 6px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 6px;
    font-size: 0.9825rem;
    }

.logo {
    width: 75px;
    padding-left: 3px;
    padding-right: 3px;
}
    
.logo-1 img {
    width:  38px;
    max-width:  38px;
    padding-left: 1px;
    padding-right: 1px;
}

.logo-2 img {
    width:  38px;
    max-width:  38px;
    padding-left: 1px;
    padding-right: 1px;
}


.logo-3 img {
    width:  40px;
    max-width:  40px;
    padding-left: 2px;
    padding-right: 2px;
}

.logo-4 img {
    width:  40px;
    max-width:  40px;
    padding-left: 1px;
    padding-right: 1px;
} 
    
    
 .time {
    width: 80px;
    padding: 1px;
    font-size: 0.7825rem;
    line-height: 0.8825rem
}


.heimteam-1 {
    width: 225px;
    padding-right: 1px;
    font-size: 0.9725rem;
    line-height: 1.0425rem;
}

.auswaertsteam-2 {
    width: 225px;
   text-align: start;
    padding-left: 1px;
    font-size: 0.9725rem;
    line-height: 1.0425rem;
    
}   

 }

/* Tables
/* ------------------------- */