.content_smaller {
  font-size: 0.6em;
}

@media print {
  body {
    background-color: gray;
    margin: 0px;
    padding: 0;
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  /* ... Formatdefinitionen zum Drucken ... */
  #navlinks {
    display: none;
  }
  /* Inhaltsbox */
  .content {
    position: relative;
    width: auto;
    min-width: 120px;
    margin: 0 0px 0px 0px;
    background-color: white;
    border: 1px solid black;
    padding: 0px;
    z-index: 3;
  }
}
@media screen {
  body {
    background-color: gray;
    margin: 20px;
    padding: 0;
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  /* ... Formatdefinitionen zur Bildschirmausgabe ... */
  #navlinks {
    position: absolute;
    width: 170px;
    top: 20px;
    left: 10px;
    font-size: 0.7em;
    border: 1px dashed black;
    background-color: white;
    padding: 10px;
    z-index: 2;
  }

  /* Inhaltsbox */
  .content {
    position: relative;
    width: auto;
    min-width: 120px;
    margin: 0 10px 20px 190px;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    z-index: 3;
  }
}

.nav_ueberschrift {
  font-size: 1.2em;
  font-weight: bold;
  background-color: teal;
  padding: 4px;
  color: white;
  margin-bottom: 5px;
}

.nav_entry {
  margin-bottom: 5px;
  float: left;
  background: transparent;
}

a {
  color: teal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

a:link {
  color: teal;
}

a:visited {
  color: teal;
}

a:hover {
  background-color: #bbb;
}

.label {
  float: left;
  width: 150px;
}

#rangliste td,
#rangliste th,
#rangliste table {
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  font-size: 0.6em;
}

.tabelle td,
.tabelle th,
.tabelle table {
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  font-size: 0.6em;
}

.tabelle th {
  background-color: lightgrey;
}

.content_smaller input,
.content_smaller select,
#dynamic_select {
  font-size: 8pt;
}

.tr_selectable {
  background-color:;
}

.tr_selectable:hover {
  background-color: red;
}

.sd_main_container_with_navbar {
  padding-top: 60px;
}

.highlight_own_club > td {
  background-color: lightgreen !important;
  font-weight: bold;
}

@charset "UTF-8";
/*!
* Start Bootstrap - One Page Wonder v6.0.5 (https://startbootstrap.com/theme/one-page-wonder)
* Copyright 2013-2022 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-one-page-wonder/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.themed-grid-col,
.themed-grid-col-h {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}

.themed-grid-col-btn {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}

.themed-grid-col-h {
  font-weight: bold;
}

.themed-container {
  padding: 0.75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(0, 123, 255, 0.15);
  border: 1px solid rgba(0, 123, 255, 0.2);
}

.row_highlight_0 {
  background-color: yellow;
}

.row_highlight_1 {
  background-color: #00ff00;
}

.row_highlight_2 {
  background-color: #ff0000;
}

.filter-svg-white {
  filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(242deg)
    brightness(103%) contrast(100%);
}