/* Font layout */
body {
  font-family: 'Open Sans', sans-serif;
  color: #171717;
}

@import url('https://fonts.googleapis.com/css?family=Rochester&display=swap');

a {
  color: #C3141E;
}

a:hover {
  color: #931118;
  text-decoration: underline;
}

.h5, h5 {
  font-weight: 600;
}

.h4, h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

.h3, h3 {
  font-weight: 600;
}

.abs-center-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.figure-caption {
  font-size: 80%;
  color: #6c757d;
}

.icon-matchcenter {
  max-height: 20px;
}

.logo-matchcenter {
  max-height: 60px;
}

.vorstand img {
  max-height: 600px;
}

.btn-danger {
  color: #fff;
  background-color: #C3141E;
  border-color: #C3141E;
}

.footertop .list-group-item {
  background-color: transparent;
  border-color: rgb(255, 255, 255);
  border: 0px;
}

.footertop a {
  color: #ffffff;
}

.navbar-logo {
  position: absolute;
  bottom: -66px;
  z-index: 200;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 30px;
  max-width: 110px;
}

.detailexcerpt {
  font-weight: 600;
}

.picbranding {
  border: 8px solid #C3141E;
}

.picbranding img {
  border: 8px solid #ffffff;
}

.fotobranding {
  border: 5px solid #ffffff;
  outline: 8px solid #C3141E;
  margin: 20px 0px;
}

.darkred {
  background: #931118;
  color: #fff;
}

.red {
  background: #C3141E;
  color: #fff;
}

.navbar-logo img {
  max-width: 120px;
}

.navbar-social span {
  color: #171717;
  font-weight: 700;
  font-size: 14px;
}

.navbar-services span {
  color: #171717;
  font-weight: 700;
  font-size: 14px;
}

.navbar-services .nav-link {
  text-align: center;
}

/* Hauptnavigation */
.navbar-main {
  background-color: #C3141E;
}

.navbar-main .nav-link {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  padding: 20px 0px;
}
.cookie-consent {
  padding: 10px;
font-size: 14px;
text-align: center;
background: #e6e6e6;
}
.nav-col-1, .nav-col-3 {
  width: 45%
}

.nav-col-2 {
  width: 10%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1299px;
  }
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
  display: flex;
  justify-content: center;
}

.icon-services {
  max-height: 30px;
}
.news-filter {
  cursor: pointer;
  text-align: center;
}
.news-filter .active {
  display: inline;
  background: #C3141E;
  box-shadow: 10px 0 0 #C3141E, -10px 0 0 #C3141E;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin: 10px;
}
.number {
  position: absolute;
  top: 0px;
  font-size: 30px;
}

.icon-social {
  max-height: 25px;
}

.font-weight-bolder {
  font-weight: 800;
}

.double {}

.highlight h2 {
  display: inline;
  background: #C3141E;
  box-shadow: 10px 0 0 #C3141E, -10px 0 0 #C3141E;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin: 10px;
}

.highlight {
  display: inline-block;
  margin: 10px;
}

.highlight span {
  display: inline;
  background: #C3141E;
  box-shadow: 10px 0 0 #C3141E, -10px 0 0 #C3141E;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
}

.whighlight span {
  background: #fff;
  box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
  color: #C3141E;
}

.news-filter li {
  color: #dc3545;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0px 20px
}

.split {
  border: 2px solid #C3141E;
}

.newsentry h3 {
  color: #C3141E;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.newsentry h6 {
  font-weight: 700;
  text-transform: uppercase;
}

.newsentry .btn-link {
  font-size: 16px;
  color: #C3141E;
  text-transform: uppercase;
  padding-left:0px;
}

.normal-underline,
.custom-underline {
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-align: center;
}

.normal-underline,
.normal-underline:hover {
  color: #444;
  text-decoration: underline;
}

.custom-underline,
.custom-underline:hover,
.custom-underline:focus,
.custom-underline:active {
  color: #fff;
  text-decoration: none;
}

.custom-underline::after {
  content: "";
  position: absolute;
}

.matchenter {
  background-image: url("../img/element/white-bg-stripe.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: inherit;
}

.sectionhead {
  font-weight: 800;
  text-transform: uppercase;
  color: #C3141E;
}

.subs {
  font-weight: 700;
  font-size: 20px;
  height: 70px;
  width: 100%;
  max-width: 1280px;
}

.submenu {
  position: absolute;
  z-index: 1000;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.instagram img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.sponsorbanner img {
  max-width: 100%;

}
.matchteam {
  font-size: 20px;
  width: 60%;
}

.gameteam {
  font-size: 20px;
  width: 20%;
}

.gameres {
  font-size: 20px;
}

.gamespacer {
  height: 30px;
}
@media (max-width: 991.98px) {
  .navbar-main .nav-link {
    font-size: 16px;
  }
  .navbar-logo {
    max-width: 70px;
    bottom: -41px;
  }

}
@media (max-width: 576px) {
  .display-4 {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .display-4 {
    font-size: 1.6rem;
  }
  .mobilesub ul li {
    font-weight: 700;
font-size: 20px;
border-bottom: 0px solid #ffffff;
    padding: 5px 0px;
}
  .collapse.mobilesub {
    border-bottom: 2px solid white;
outline: 2px solid #C3141E;
outline-offset: 3px;
  }

  .mobilesub ul:first-child {
    list-style: none;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .mobilesub ul li::before {
    content: "•";
    color: #ffffff;
  display: inline-block;
  width: 1em;
  margin-left: -1rem
}
.mobilesub ul ul li {
list-style:none;
}
.mobilesub ul ul li::before {
  content: "•";
  color: #ffffff;
display: inline-block;
width: 1em;
margin-left: -1rem
}

.mobilesub  a {
    color: #ffffff;
}
.mobilesub {
  background: #C3141E;
}
.news .highlight h2 {
    display: block;
  }
  .nav-col-1, .nav-col-3 {
    width: 100%
  }

  .navbar-services span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
  }

  .navbar-logo {
    max-width: 110px;
    bottom: 0px;
  }

  .jumbobanner {
    max-width: none;
    width: 100%;
    margin: 20px auto;
    padding: 0px;
  }
.quickinfo {
      margin: 0px auto;
      position: fixed;
      bottom: 58px;
          background: #fff;
          z-index: 10;
          border-bottom: 4px solid #fff;
}
.navbar-light .navbar-toggler-icon {
    background-image: unset;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0);
    border-color:  unset;
}
  .navbar-toggler {
    background-color: transparent;
    border: 0px solid transparent;
  }

  .bg-split {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(195, 23, 31, 1) 50%);
  }

  .navbar-logo {
    position: relative;
    bottom: 0px;
    z-index: 200;
    left: 20px;
    right: 0px;
    max-width: 90px;
  }

  .icon-services {
    max-height: 25px;
  }

  .h1, h1 {
    font-size: 1.2rem;
  }

  .h2, h2 {
    font-size: 1.2rem;
  }

  .h4, h4 {
    font-size: 0.9rem;
    line-height: 1.4;
  }

  .h3, h3 {
    font-size: 1rem;
  }

  .highlight {
    text-align: left;
  }
  .news .highlight, .shop .highlight, .tor .highlight, .verteidiger .highlight, .mitelfeld .highlight, .sturm .highlight , .betreuer .highlight  {
    text-align: center;
  }

#mc_embed_signup input.email, #mc_embed_signup .button {
    max-width: 250px;
}
  .number {
    font-size: 1rem;
}
  .highlight h2 {
    padding: 10px 0px;
    width: 100%;
    margin: 10px 0px 10px 0px;
  }

  .navbar-logo {
    right: 0px;
  }

  .matchteam {
    font-size: 16px;
  }

  .tabelle th:nth-child(4) {
    display: none;
  }

  .tabelle td:nth-child(4) {
    display: none;
  }

  .tabelle th:nth-child(3) {
    display: none;
  }

  .tabelle td:nth-child(3) {
    display: none;
  }

  .spielplan th:nth-child(6) {
    display: none;
  }

  .spielplan td:nth-child(6) {
    display: none;
  }

  .spielplan th:nth-child(7) {
    display: none;
  }

  .spielplan td:nth-child(7) {
    display: none;
  }

  .spielplan th:nth-child(8) {
    display: none;
  }

  .spielplan td:nth-child(8) {
    display: none;
  }

  .spielplan th:nth-child(9) {
    display: none;
  }

  .spielplan td:nth-child(9) {
    display: none;
  }

  /* .tabelle th:nth-child(3) {
  text-align: center;
}
.tabelle td:nth-child(3) {
  text-align: center;
} */
  .tabelle th:nth-child(5) {
    text-align: center;
  }

  .tabelle td:nth-child(5) {
    text-align: center;
  }

  .tabelle thead th {
    background: #efefef;
  }

  .subline-filter {
    text-align: center;
  }

  .news-filter {
    text-align: center;
  }

  .headline {
    text-align: left;
  }
  .picbranding {
      border: 5px solid #C3141E;
  }
  .picbranding img {
    border: 5px solid #ffffff;
}
.fotobranding {
    border: 5px solid #ffffff;
    outline: 5px solid #C3141E;
    margin: 20px 0px;
}
.tabhead {
  font-size:10px;
}
.vorstand .highlight {
    text-align: center;
}
.vorstand .highlight h2 {
    padding: 1px 0px;
    width: 100%;
    margin: 10px 0px 10px 0px;
}
  .display-3 {
    font-size: 2.5rem;
  }

  .gamespacer {
    height: 10px;
  }
}

@media (min-width: 768px) {
  .subline-filter {
    text-align: right;
  }

  .subline-filter {
    text-align: right;
  }

}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-auto {
    width: auto !important;
  }

  .h-sm-25 {
    height: 25% !important;
  }

  .h-sm-50 {
    height: 50% !important;
  }

  .h-sm-75 {
    height: 75% !important;
  }

  .h-sm-100 {
    height: 100% !important;
  }

  .h-sm-auto {
    height: auto !important;
  }
}

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }

  .w-md-auto {
    width: auto !important;
  }

  .h-md-25 {
    height: 25% !important;
  }

  .h-md-50 {
    height: 50% !important;
  }

  .h-md-75 {
    height: 75% !important;
  }

  .h-md-100 {
    height: 100% !important;
  }

  .h-md-auto {
    height: auto !important;
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-auto {
    width: auto !important;
  }

  .h-lg-25 {
    height: 25% !important;
  }

  .h-lg-50 {
    height: 50% !important;
  }

  .h-lg-75 {
    height: 75% !important;
  }

  .h-lg-100 {
    height: 100% !important;
  }

  .h-lg-auto {
    height: auto !important;
  }
  .split {
    width: 65%;
  }
}

@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-auto {
    width: auto !important;
  }

  .h-xl-25 {
    height: 25% !important;
  }

  .h-xl-50 {
    height: 50% !important;
  }

  .h-xl-75 {
    height: 75% !important;
  }

  .h-xl-100 {
    height: 100% !important;
  }

  .h-xl-auto {
    height: auto !important;
  }
}

.betreuer .number {
  position: relative;
  font-size: 16px;
  margin: auto;
  display: block;
  margin-top: 10px;
}

/* Geschichte */
.geffect {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.geffect:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.history {
  background-image: url("../img/element/history2.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: inherit;
  background-size: cover;
}
.subhist {
  font-weight: 700;
font-size: 20px;
max-width: 1280px;
}
.history h1 {
  display: block;
  font-weight: 400;
  text-transform: unset;
  color: #212529;
  font-size: 3em;
  font-family: 'Rochester', cursive;
}

.history .picbranding {
  border: 8px solid #927751;
}

.history .figure-caption {
  font-size: 80%;
  text-align: center;
  color: #6f5944;
}

.history .fotobranding {
  border: 5px solid #ffffff;
  outline: 8px solid #927751;
  margin: 20px 0px;
}

.rimgbg {
  background-image: url("../img/banner/rimgbg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: inherit;
  background-size: cover;
  padding: 60px 0px;
  /* min-height:400px; */
}

.wimgbg {
  background-image: url("../img/banner/rimgbg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: inherit;
  background-size: cover;
  padding: 60px 0px;
  /* min-height:400px; */
}

.ticketblock {
  background-image: url("../img/banner/wimgbg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: inherit;
  background-size: cover;
  padding: 60px 0px;
  /* min-height:400px; */
}
#mc_embed_signup .button {
    font-size: 14px;
    color: #fff;
    background-color: #C3141E !important;
}
.ticketblock .card-body {
  text-align:center;
}
