@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('jost.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto';
  font-style: normal;
  font-weight: 400;
  src: url('noto.ttf') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
background-size: cover;
background-color: #2A3841;
font-family: Jost;



}

#head img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90%;
  margin: 20px auto;
}

.box {
width: 98%;
vertical-align: center;
margin: auto;
background-color: #FFF8E5;
margin-bottom: 10px;
border-radius: 10pt;
}

.innerbox {
padding: 15px;
}

h2 {
margin-top: 0px;
background-color:  #C0A66D;
border-radius: 10pt 10pt 0pt 0pt;
padding: 5px;
margin-bottom: 0px;
}

h3 {
margin-top: 0px;
}

table {
width: 100%;
   border-spacing: 0px;
}

tr:nth-child(even) {
   background-color: #FDEF9F;
}
tr:nth-child(odd) {
   background-color: #FFF8E5;
}

.teamname {
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#jahreswertung thead tr {
background-color:  #C0A66D;
}

#jahreswertung .kopfzeile {
}

#jahreswertung .rang {
width: 30px;
text-align: right;
padding-right: 5px;
}

#jahreswertung .team {
text-align: left;
}

#jahreswertung .punkte {
width: 7em;
text-align: right;
padding-right: 15px;
}

#jahreswertung .runde {
width: 4em;
text-align: center;
}

#ewigetabelle thead tr {
background-color:  #C0A66D;
}

#ewigetabelle .icon {
font-family: Noto;
}