/* Lokale Fonts einbinden */
@font-face {
    font-family: 'Cascadia Mono';
    src: url('/.CascadiaMono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/.RobotoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arial Rounded';
    src: url('/.ArialRounded.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Departure Mono';
    src: url('/.DepartureMono.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Maple Mono';  
    src: url('/.MapleMono.otf') format('opentype');
    font-weight: normal;
    font-style: normal; 
}


/* Fonts */
a, a:active, a:visited, a:hover, a:focus, table, th, td {
    font-family: 'Maple Mono', 'Cascadia Mono', monospace;
}
body {
  font-family: 'Arial Rounded', 'Roboto', Arial, sans-serif;
}
/* Links */
a, a:active {
  text-decoration: none;
  color: blue;
  font-size: 18px;
}
a:visited {
  color: #48468F;
  font-size: 18px;
}
a:hover, a:focus {
  text-decoration: underline;
  color: red;
  font-size: 18px;
}

/* Body */
body {
  background-color: #F5F5F5;
  font-size: 18px;
}

/* Überschriften */
h2 {
  margin-bottom: 12px;
  font-size: 24px;
}

/* Tabelle */
table {
  margin-left: 12px;
  font-size: 18px;
}
th, td {
  text-align: left;
  font-size: 18px;
}
th {
  font-weight: bold;
  padding-right: 14px;
  padding-bottom: 3px;
}
td {
  padding-right: 14px;
}
td.s, th.s {
  text-align: right;
}

/* Divs */
div.list {
  background-color: white;
  border-top: 1px solid #646464;
  border-bottom: 1px solid #646464;
  padding-top: 10px;
  padding-bottom: 14px;
}
div.foot {
  color: #787878;
  padding-top: 4px;
  font-size: 16px;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
 a, a:active {color: #9E9EFF;}
 a:visited {color: #D0ADF0;}
 body, div.list {background-color: transparent;}
 div.foot {color: #878787;}
}