/* Footer */

footer {
  background-color: #292c2f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: bold 16px sans-serif;
  padding: 55px 50px;
  margin-top: 80px;
  bottom: 0;
  color: #fff;
}

my-2 {
  color: antiquewhite !important;
}

/* Textausgabe */

.textfeld {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100px;
}

.hl-options {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg);
  display: block;
  min-height: 25px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.hl-dropdown {
  background-color: var(--bs-body-color);
  color: rgb(255, 248, 117);
  /*--bs-btn-padding-x: 0.75rem;*/
  /*--bs-btn-padding-y: 0.375rem;*/
  /*--bs-btn-font-size: 1rem;*/
  /*--bs-btn-font-weight: 400;*/
  /*--bs-btn-line-height: 1.5;*/
  /*--bs-btn-border-radius: var(--bs-border-radius);*/
  /*border-radius: var(--bs-btn-border-radius);*/
  display: block;
  min-height: 25px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.hl-dropdown:active {
  color: rgb(219, 210, 27);
}

.hl-dropdown:hover {
  color: rgb(255, 248, 117);
}

.hl-main {
  background-color: var(--bs-secondary-color);
  color: var(--bs-body-bg);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75;
  /*--bs-btn-border-radius: var(--bs-border-radius);*/
  /*border-radius: var(--bs-btn-border-radius);*/
  display: block;
  min-height: 25px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.para-text {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

/* Tabellen */

.tabelle-klein {
  font-size: 0.75rem;
}

.tabellen-ausgabe {
  display: block;
}

/* Neues */

.dropdown-menu-zwei {
  display: grid !important;
  grid-template-columns: 50% auto;
}

.col-inhalt-eins {
  display: grid !important;
  grid-template-columns: 100% auto;
}

.col-inhalt-flex {
  width: 100%;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(20px, 130px));
  grid-auto-rows: 55px;
}

@media (max-width: 768px) {
  .form-floating {
    max-width: 100%;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    margin-top: 0.2rem;
  }
}

@media (max-width: 1920px) {
  .col-inhalt {
    display: grid;
    /*grid-template-columns: 25% auto;*/
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
  }
}

.col-inhalt-3 {
  display: grid;
  grid-template-columns: 33% auto;
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
  padding: 5px;
}

.col-inhalt-4 {
  display: grid;
  /*grid-template-columns: 25% auto;*/
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px);
  padding: 5px;
}

.col-inhalt-gros {
  display: grid;
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px);
}

.col-inhalt-12 {
  display: grid;
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px);
}

.col-inhalt {
  display: grid;
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
}

.col-inhalt-7 {
  display: grid;
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
}

@media (max-width: 1920px) {
  .col-inhalt-gros {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px);
  }
}

@media (max-width: 1200px) {
  .col-inhalt {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
  }
}

@media (max-width: 1200px) {
  .col-inhalt-12 {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px);
  }
}

@media (max-width: 1200px) {
  .col-inhalt-7 {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
  }
}

@media (max-width: 1200px) {
  .col-inhalt-gros {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
  }
}

@media (max-width: 992px) {
  .col-inhalt {
    display: grid;
    grid-template-columns: 50% auto;
  }
}

@media (max-width: 992px) {
  .col-inhalt-7 {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px);
  }
}

@media (max-width: 992px) {
  .col-inhalt-gros {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px );
  }
}

@media (max-width: 992px) {
  .col-inhalt-12 {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px) minmax(20px, 300px);
  }
}

@media (max-width: 768px) {
  .col-inhalt-gros {
    display: grid;
    grid-template-columns: 50% auto;
  }
}

@media (max-width: 768px) {
  .col-inhalt-12 {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px);
  }
}

@media (max-width: 576px) {
  .col-inhalt-12 {
    display: grid;
    grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px);
  }
}

.patanzeige {
  /*display: grid auto;*/
  margin: auto;
  padding: auto;
  grid-template-columns: auto;
}

.col-inhalt-zwei {
  display: grid;
  grid-template-columns: 50% auto;
  margin: auto;
}

.col-tabellen {
  column-fill: auto;
}

/* Cardbox */

.textbox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.player-accordion-button {
  --bs-accordion-active-color: rgba(255, 255, 255, 0.55);
  --bs-accordion-active-bg: rgb(33, 37, 41);
}

.form-floating {
  position: relative;
  margin: 0.2rem;
}

.col-inhalt-5 {
  width: 100%;
  /*align-items: center;*/
  /*margin: auto;*/
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(20px, 300px) minmax(20px, 300px) minmax( 20px, 300px ) minmax(20px, 300px) minmax(20px, 300px);
  /*grid-auto-rows: 55px;*/
}

@media (max-width: 768px) {
  .col-inhalt-5 {
    display: grid;
    grid-template-columns: 50% auto;
  }
}

@media (min-width: 992px) {
  .cont-oc {
    width: 100%;
    /*max-width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: minmax(20px, 450px) minmax(20px, 500px) minmax( 20px, 450px );
    grid-auto-flow: column;
  }
}