/*Positionierung von Footer und Nav*/
nav {
  margin-top: 0;
}
footer {
  margin-bottom: 0;
}
.content {
  /*Hiermit lässt sich der Footer richtig postionieren!
  min-height: 100vh; minus höhe des Footers
  Damit der Footer am Ende der Seite steht.
  Der Footer steht hinter einem content div.*/
  min-height: calc(100vh - 96px);
}

.no { /*Keine unterstrichene Links*/
  text-decoration: none;
}

th { /*Keine fetten Tableheads*/
  font-weight: normal;
}

td {
  vertical-align: middle!important;
}

/*Für die Auswahlquadrate auf der Startseite des Team- und Ligacenters*/
.centerpanels {
  height: 160px;
  width: 160px;
  border: 8px solid white;
  /*Nur falls Javascript deaktiviert ist*/
  margin: 16px;
}

/*Zum Einbinden von iframes (Youtube etc)*/
/*<div class="video-container">**Youtube-embedded**</div>*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Veränderungen der w3.css*/

h1 {
  font-size:30px;
}

/*hide arrows on inputs type number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*Primärfarbe*/
.w3-primary,.w3-hover-primary:hover{color:#ffffff!important;background-color:#6c7fbe!important}
.w3-text-primary,.w3-hover-text-primary:hover{color:#6c7fbe!important}
.w3-border-primary,.w3-hover-border-primary:hover{border-color:#6c7fbe!important}

.w3-primary-2,.w3-hover-primary-2:hover{color:#000000!important;background-color: #a6b2d8 !important}
.w3-text-primary-2,.w3-hover-text-primary-2:hover{color: #a6b2d8 !important}
.w3-border-primary-2,.w3-hover-border-primary-2:hover{color: #a6b2d8!important}

.w3-primary-3,.w3-hover-primary-3:hover{color:#000000!important;background-color:#cad0e8!important}
.w3-text-primary-3,.w3-hover-text-primary-3:hover{color:#cad0e8!important}
.w3-border-primary-3,.w3-hover-border-primary-3:hover{border-color:#cad0e8!important}
/*$color[0] = "background-color: rgb(189, 148, 107);";*/
/*$color[1] = "background-color: #a6b2d8;";*/
/*$color[2] = "background-color: #b8c1e0;";*/
/*$color[3] = "background-color: #cad0e8;";*/

/*Sekundärfarbe*/
.w3-secondary,.w3-hover-secondary:hover{color:#000000!important;background-color:#FB775C!important}
.w3-text-secondary,.w3-hover-text-secondary:hover{color:#FB775C!important}
.w3-border-secondary,.w3-hover-border-secondary:hover{border-color:#FB775C!important}

/*Tertiärfarbe*/
.w3-tertiary,.w3-hover-tertiary:hover{color:#000000!important;background-color:#EAB42E!important}
.w3-text-tertiary,.w3-hover-text-tertiary:hover{color:#EAB42E!important}
.w3-border-tertiary,.w3-hover-border-tertiary:hover{border-color:#EAB42E!important}

.ehl-pink,.ehl-hover-pink:hover{color:#ffffff;background-color:#bd6b99;}
.ehl-text-pink,.ehl-hover-text-pink:hover{color:#bd6b99!important;}
.ehl-red,.ehl-hover-red:hover{color:#ffffff;background-color:#db756b;}
.ehl-text-red,.ehl-hover-text-red:hover{color:#db756b!important;}
.ehl-orange,.ehl-hover-orange:hover{color:#ffffff;background-color:#bd946b;}
.ehl-text-orange,.ehl-hover-text-orange:hover{color:#bd946b!important;}
.ehl-yellow,.ehl-hover-yellow:hover{color:#ffffff;background-color:#be9f4b;}
.ehl-text-yellow,.ehl-hover-text-yellow:hover{color:#be9f4b!important;}
.ehl-green,.ehl-hover-green:hover{color:#ffffff;background-color:#6bbd99;}
.ehl-text-green,.ehl-hover-text-green:hover{color:#6bbd99!important;}
.ehl-blue,.ehl-hover-blue:hover{color:#ffffff;background-color:#6bb0bd;}
.ehl-text-blue,.ehl-hover-text-blue:hover{color:#6bb0bd!important;}

/* Grid-Darstellung in den Centern */
.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px;
  padding: 15px 0;
}

.flex-item {
  width: 20%;
  min-height: 100px;
  min-width: 130px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Ergaenzungen*/
.w3-padding-8{padding:8px!important}