#sp-main-body {
  padding: 0px !important;
}

.progress-container {
  width: 100%;
  height: 6px;
  background: #fff;
  position: fixed;
  top: 40px;
  z-index: 1;
  width: 100%;
  background-color: #ffffff;
}

.progress-bar {
  height: 6px;
  background: #ff0000;
  width: 0%;
}

.carousel {
  margin-bottom: 4rem;
}

.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-item {
  height: 32rem;
}

.abteilungen .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.abteilungen .col-lg-4 p {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.featurette-divider {
  margin: 3rem 0;
}

.featurette-heading {
  letter-spacing: -0.05rem;
}



.abteilungen img {
  margin: auto;
}
/*640px bigger than */
@media (min-width: 40em) {
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  

}
/*640px smaller than*/
@media (max-width: 40em) {
  iframe {
    max-width: 80vw !important;
  }
}

/*520px smaller than*/
@media (max-width: 35em) {
  div#widget1 {
    display: none !important;
  }
 
}
/*smaller than 1360px*/
@media (max-width:85em){
  .sp-megamenu-parent {
    display: none !important;
  }
}
/*smaller than 470px*/
@media (max-width:29.5em){
  .featurette a.btn {
    width: 80vw !important;
  }
  .sfk-article-body.formulare a {
    width: 80vw !important;
    text-align: left;
  }
  div.sfk-article-body ul.mod-articlescategory a{
    width: 80vw !important;
  }
  
}
/*smaller than 1050px*/
@media (max-width:65em) {
  div.col a#page-scroll.btn {
    display: flex;
    margin-bottom: 5px;
  }
}

.featurette a.btn {
  width: 400px;
}

/*smaller than 1600px*/
@media (max-width: 100em){
  div.startpage-cover {
    background-image: url("../images/sfk/homepage/semmelbuehl_kirchen_platz_700_2026.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 60vw !important;
  }
}
/*bigger than 1600px*/
@media (min-width: 100em){
  div.startpage-cover {
    background-image: url("../images/sfk/homepage/semmelbuehl_kirchen_platz_1000_2026.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh !important;
    width: 100vw !important;
  }
}

/*992px bigger than*/
@media (min-width: 62.5em) {
  
  img {
    max-width: 700px !important;
  }
  div.os_fancybox-container img {
    max-width: none !important;
  }
  
  
}

@media print {
  .no-print {
    display: none !important;
  }

  div.sfk-article-body {
    box-shadow: none !important;
    padding: 0px !important;
  }

  div.sfk-article-body div.col {
    border: none !important;
  }

  nav.pagenavigation,
  div.sp-module-content-bottom,
  footer {
    display: none !important;
  }

  div.container {
    max-width: none !important;
  }
}


div.wegweiser {
  width: 100%;
  max-width: 800px !important;
}

table.contact_list {
  /*width: 100%;*/
  max-width: 700px !important;
  /*margin: auto;*/
}

table.contact_list tr:first-child td:nth-child(1),
table.contact_list tr:first-child td:nth-child(2) {
  width: 40%;
}

table.contact_list tr td,
table.contact_list th {
  padding-left: 5px !important;
}

table.contact_list tr:first-child td:nth-child(3) {
  width: 20%;
}

table.contact_list img {
  min-width: 25px;
  min-height: 25px;
  margin: auto;
  display: block;
}

table.contact_list tr {
  height: 35px !important;
  vertical-align: middle;
}



div.article {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
}
div.scroll-hint {
  position: fixed;
  bottom: 0;
  width: 100vw !important;
  text-align: center;
}
div.scroll-hint-element {
  width: 50px;
  color: red;
  font-size: 100px;
  margin: auto;

  -webkit-animation: fade_move_down 4s ease-in-out infinite;
  -moz-animation: fade_move_down 4s ease-in-out infinite;
  animation: fade_move_down 4s ease-in-out infinite;
}
div.hide-on-scroll {
  display: none !important;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -10px) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px) rotate(0deg);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -10px) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 10px) rotate(0deg);
    opacity: 0;
  }
}
@keyframes fade_move_down {
  0% {
    transform: translate(0, -10px) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 10px) rotate(0deg);
    opacity: 0;
  }
}

.bg {
  
  /*background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);*/
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
  background-image: linear-gradient(45deg, #eb9f9f 16.67%, #edb9b9 16.67%, #edb9b9 33.33%, #f2cece 33.33%, #f2cece 50%, #eb9f9f 50%, #eb9f9f 66.67%, #edb9b9 66.67%, #edb9b9 83.33%, #f2cece 83.33%, #f2cece 100%);
}



div#mbCenter div#mbMedia > img,
div#certificates > img {
  max-width: none !important;
}
#map { height: 500px; }

div.sfk-article-body ul.mod-articlescategory li{
  padding: 10px !important;
}
div.sfk-article-body ul.mod-articlescategory a{
  width: 400px;
}



div.com-contact.contact {
  padding-top:30px !important;
}


 .lightbox {
            display: none;
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            text-align: center;
        }

        .lightbox:target {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .lightbox img {
            max-width: 90%;
            max-height: 90%;
        }

        .btn-close {
            background-image: none !important;
            /* Remove the broken background */
            opacity: 1 !important;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2em;
            height: 2em;
        }

        .btn-close::before {
            content: "✕";
            /* Unicode multiplication cross */
            font-size: 1.5rem;
            color: #000;
            font-weight: bold;
        }

/* CSS-Styles für die Anpassung des Designs */

/*div.tournament{
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
}

div.tournament h1 {
  text-align: center;
  margin-top: 20px;
}

.bracket-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.round {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 20%;
}

.match {
  margin: 20px 0;
  padding: 10px;
  width: 150px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  text-align: center;
  position: relative;
}

.match .player {
  padding: 5px;
}

.winner {
  background-color: #d4edda;
  font-weight: bold;
}

.match::after,
.match::before {
  display: none;
}*/