/* ==========================
   Titillium Web – lokal
   ========================== */

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Grundfont für alle Elemente */
body, h1, h2, h3, h4, h5, p, li, input, button, .team-container, .player-box {
    font-family: 'Titillium Web', sans-serif;
}

/* Mobile Media Query */
@media screen and (max-width: 768px) {
    body, h1, h2, h3, h4, h5, p, li, input, button, .team-container, .player-box {
        font-family: 'Titillium Web', sans-serif; /* zwingend wiederholen */
    }
}


h1     { 
    color: #000; 
    font-size: 36px; 
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700; 
    line-height: 36px; 
    text-align: left; 
    margin-top: 20px; 
    border-top: medium none #fff }

h2  { 
    color: #000; 
    font-size: 24px; 
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 30px; 
    text-align: left }
h3  { 
    color: #199acf; 
    font-size: 1.2em; 
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    text-align: left }
h4  { 
    color: #000; 
    font-size: 1em; 
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 20px; 
    text-align: left; 
    border-top: medium none #fff }
h5  { color: #199acf; 
    font-size: 1em; 
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400; 
    line-height: 15px; 
    margin-top: 20px; 
    padding-top: 10px; 
    border-top: 1px solid #c0c0c0 }
h5 a  { color: #f3942f; 
    font-size: 15px; 
    font-family: 'Titillium Web', sans-serif;
  font-weight: 400; 
    line-height: 15px; 
    text-decoration: none;
    margin-top: 10px;
    border-top: medium none #fff }
h5 a:link  { color: #199acf;
    font-size: 15px; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; 
    line-height: 15px; 
    text-decoration: none; 
    margin-top: 10px; 
    border-top: medium none #fff }
h5 a:hover { color: #f3942f; 
    font-size: 15px; font-family: 'Titillium Web', sans-serif;
  font-weight: 700; line-height: 15px; text-decoration: none; margin-top: 10px; border-top: medium none #fff }
ol { font-size: 9pt; font-family: 'Titillium Web', sans-serif;
  font-weight: 400;}
p   { color: #000; font-size: 1.1em; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; line-height: 1.5em; text-align: left; padding-right: 5px }
p.center { color: #000; font-size: 1.2em; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; line-height: 20px; text-align: center; padding-right: 5px }
p.formG   { color: #ac2f27; font-size: 16px; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; line-height: 20px; text-align: right; padding-right: 5px }
li { color: #000; font-size: 1em; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; list-style-type: square; padding-right: 5px }
.weiss9   { color: white; font-size: 9pt; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; line-height: 13pt; padding-right: 5px }
.orange9   { color: #3e7c34; font-size: 9pt; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; line-height: 13pt; padding-right: 5px }
.weiss8 { color: black; font-size: 8pt; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; padding-right: 5px }
.weiss7 { color: black; font-size: 7pt; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; padding-right: 5px }
.footnote_weiss   { color: white; font-size: 8pt; font-family: 'Titillium Web', sans-serif;
  font-weight: 400; }
.inputtore {
    width: 50%;
    height: 50px;
    font-size: 2rem;
    
}
.center{text-align: center;}
.font_1_5 {font-size: 1.5em}
input {font-size: 1.5em}