/***********************
 * BCB Styles
 **********************/

@media (min-width: 531px) {
  .cd-col.bcb3 {
    flex: 0 0 49.99999%;
    max-width: 49.99999%;
  }
}

@media (min-width: 801px) {
  .cd-col.bcb3 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 401px) {
  .cd-col.bcb4 {
    flex: 0 0 49.99999%;
    max-width: 49.99999%;
  }
}

@media (min-width: 601px) {
  .cd-col.bcb4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 801px) {
  .cd-col.bcb4 {
    flex: 0 0 24.99999%;
    max-width: 24.99999%;
  }
}

@media (min-width: 401px) {
  .cd-col.bcb5 {
    flex: 0 0 49.99999%;
    max-width: 49.99999%;
  }
}

@media (min-width: 601px) {
  .cd-col.bcb5 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 751px) {
  .cd-col.bcb5 {
    flex: 0 0 24.99999%;
    max-width: 24.99999%;
  }
}

@media (min-width: 930px) {
  .cd-col.bcb5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

div.bcb-page-nav {
  margin: 17px 5px 0 5px;
}

input.bcb-page-nav {
  padding: 5px !important;
  margin: 10px 2px 10px 2px !important;
}

div[bcb-ext] div.cd-block-content {
  padding: 0 !important;
}

div[bcb-ext-home] div.cd-block-content {
  padding: 0 !important;
}

.bcb-td-value {
  padding: 1px 4px 1px 4px;
}

/*
* input.bcb-del {
*   padding: 1px 7px 5px 7px !important;
*   margin: 10px 2px 10px 2px !important;
* }
*/

/* Ehemalige Vorstandsmitglieder */
div.vs-old td {
  font-family: sans-serif;
  font-size: 7pt;
}

@media ( max-width: 1000px ) {
  div.vs-old {
    display: none;
  }
}

/* Büli-Cup / Schülerturnuer */
select.bcb-turnier {
  font-size: unset;
}

.bcb-small { 
  font-size: 14pt;
  font-weight: normal;
}

.bcb-rang a {
  font-size: 9pt;
}

/* Meine Daten */
table.meine-daten td {
  vertical-align: top;
  padding-bottom: 7px;
}

/* Sonntags Doodle */
.doodle-name {
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}

.doodle-state {
  width: 55px;
  text-align: center;
}

@media (min-width: 801px) {
  .cd-col.doodle1 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 801px) {
  .cd-col.doodle2 {
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
  }
}
