@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;
}



.saisonwahl { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.saisonwahl a { padding: 4px 10px; border: 1px solid #999; border-radius: 4px; text-decoration: none; color: inherit; }
.saisonwahl a:hover { background: #eee; }
.saisonwahl a.aktiv { background: #333; color: #fff; border-color: #333; }


/* Ewige Tabelle – ersetzt die bisherigen Inline-Styles */
#ewigetabelle .rang        { width: 30px;  text-align: right; }
#ewigetabelle td.rang      { padding-right: 5px; }
#ewigetabelle .punkte      { width: 100px; text-align: right; }
#ewigetabelle .tn,
#ewigetabelle .ergebnis,
#ewigetabelle .medaille,
#ewigetabelle .platzierung,
#ewigetabelle .perfekt     { width: 40px;  text-align: center; }
#ewigetabelle .schnitt,
#ewigetabelle .quote       { width: 75px;  text-align: center; }
#ewigetabelle th.quote     { color: green; }
#ewigetabelle .team        { text-align: left; }

/* Pfeile: nur das Symbol drehen, nicht die ganze Zelle */
.pfeil-hoch,
.pfeil-runter              { display: inline-block; }
.pfeil-hoch                { color: green; transform: rotate(270deg); }
.pfeil-runter              { color: red;   transform: rotate(90deg); }
 
/* Legende unter der Tabelle */
.legende                   { font-size: 0.85em; color: #666; margin-top: 8px; }
 
.innerbox { overflow-x: auto; }


/* Einblendbare Losregeln */
.losregeln               { margin: 10px 0; }
.losregeln summary       { cursor: pointer; font-weight: bold; font-size: 14pt; color: red; }
.losregeln summary:hover { text-decoration: underline; }
.losregeln[open] summary { margin-bottom: 8px; }
.losregeln ol,
.losregeln ul            { padding-left: 1.5em; }
.losregeln li            { margin-bottom: 4px; }