@font-face {
  font-family: 'antonregular';
  src: url('../fonts/anton-regular-webfont.eot');
  src: url('../fonts/anton-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/anton-regular-webfont.woff2') format('woff2'),
       url('../fonts/anton-regular-webfont.woff') format('woff'),
       url('../fonts/anton-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'roboto_condensedregular';
  src: url('../fonts/robotocondensed-variablefont_wght-webfont.eot');
  src: url('../fonts/robotocondensed-variablefont_wght-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/robotocondensed-variablefont_wght-webfont.woff2') format('woff2'),
       url('../fonts/robotocondensed-variablefont_wght-webfont.woff') format('woff'),
       url('../fonts/robotocondensed-variablefont_wght-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body, p {
  font-family: 'roboto_condensedregular', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

body {
  background-color: #ededed;
}

H1, H2, H3, H4, H5 {
  font-family: 'antonregular', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

H2 {
  -webkit-filter: drop-shadow(4px 4px 4px #888);
  filter: drop-shadow(4px 4px 6px #888) !important;
}

a {
  text-decoration: none;
}

.strong {
  font-weight: 900;
  letter-spacing: 0.03em;
}

.small-sx {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.uline {
  text-decoration: underline;
}

.bg-lightgrey {
  background: #ededed;
}

.bg-lightgrey2 {
  background: #ddd;
}

.bg-grey {
  background: #999;
}

.bg-darkgray {
  background: #555;
}

.bg-footer {
  background: #cdcdcd;
}

/* masthead */

@media (min-width: 1200px) {
  header.masthead h1, header.masthead .h1 {
    font-size: 5rem;
  }
}

@media (min-width: 768px) {
  header.masthead, header.masthead2 {
    background-size: auto 100%;
  }
}

header.masthead {
  background-color: #666 !important;
  background: url("../img/bg-masthead.jpg");
  background-size: 100% auto; 
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1200px) {
  header.masthead2 h1, header.masthead2 .h1 {
    font-size: 4rem;
  }
}

header.masthead2 {
  background-color: #666 !important;
  background: url("../img/bg-masthead2.jpg");
  background-size: 100% auto; 
  background-position: center;
  background-repeat: no-repeat;
}

.mt-topbanner{
  margin-top: 300px;
}

/* items */

hr.divider {
  height: 0.1rem;
  max-width: 5rem;
  margin: 1.5rem auto;
  background-color: #666;
  opacity: 1;
}

.icons1 :link {
  font-size: 4rem;
  color: #666;
}

.icons2 :link {
  font-size: 2.5rem;
  color: #666;
}

.icons1 :hover, .icons2 :hover {
  color: var(--bs-link-color);
  text-decoration: none;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  }

  .btn-secondary {
    --bs-btn-bg: #888;
    --bs-btn-border-color: #888;
    --bs-btn-hover-bg: #f4623a;
    --bs-btn-hover-border-color: #f4623a;
    --bs-btn-active-bg: #f4623a;
    --bs-btn-active-border-color: #f4623a;
    --bs-btn-disabled-bg: #f4623a;
    --bs-btn-disabled-border-color: #f4623a;
    filter: drop-shadow(4px 4px 6px #aaa) !important;
  }

  .btn-secondary2 {
    --bs-btn-bg: #555;
    --bs-btn-border-color: #555;
    --bs-btn-color: #ddd;
    --bs-btn-hover-bg: #f4623a;
    --bs-btn-hover-border-color: #f4623a;
    --bs-btn-active-bg: #f4623a;
    --bs-btn-active-border-color: #f4623a;
    --bs-btn-disabled-bg: #f4623a;
    --bs-btn-disabled-border-color: #f4623a;
  }

  .btn-danger {
    --bs-btn-bg: #888;
    --bs-btn-border-color: #888;
    --bs-btn-hover-bg: #f4623a;
    --bs-btn-hover-border-color: #f4623a;
    --bs-btn-active-bg: #f4623a;
    --bs-btn-active-border-color: #f4623a;
    --bs-btn-disabled-bg: #f4623a;
    --bs-btn-disabled-border-color: #f4623a;
  }

.shadow1 {
    -webkit-filter: drop-shadow(5px 20px 20px #999);
    filter: drop-shadow(5px 20px 20px #999);
  }

.shadow2 {
  -webkit-filter: drop-shadow(2px 2px 4px #999) !important;
  filter: drop-shadow(5px 5px 5px #999);
}

.shadow3 {
  -webkit-filter: drop-shadow(2px 2px 2px #444);
  filter: drop-shadow(5px 5px 5px #444);
}

.shadow4 {
  -webkit-filter: drop-shadow(2px 2px 2px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

/* Page-Section */

.page-section2 {
  padding: 8rem 0 2rem 0;
}

.left-aligned-object {
  text-align: left;
}


/* animation */

.text-focus-in {
	-webkit-animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

 @-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


/* music cards */
.carouselExampleControls{
  padding:5%;
}

.countakt {
  font-weight: bold;
  margin-top: 1 em;
}

@media (max-width: 576px) {
  .card-img-top {
    width: 20%;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
  }
  }


/* termine */

.iframe-container {
  width: 100%;
  overflow: hidden;
}

/* video */

.embed-responsive-youtube {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}
.embed-responsive-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.bit-widget, .bit-follow-section-heading-text {
  font-size: 1rem !important;
  font-weight: 200;
}

.bit-play-my-city-wrapper {
  display: none !important;
}

/* music-player */

.custom-list-group {
  border-radius: 0;
  border: none;
}
.custom-list-group-item {
  border: none;
  border-radius: 0;
  position: relative;
  padding-right: 30px; /* Add padding for the icons */
  background-color: transparent; /* Remove default background */
}
.custom-list-group-item p {
  margin: 0; /* Remove default margins */
}
.custom-play-pause-button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.custom-play-icon {
  color: #555;
}
.custom-pause-icon {
  color: white;
}
.custom-current-song {
  background-color: #555 !important;
  color: white !important;
}
/* Remove hover effects */
.custom-list-group-item:hover {
  background-color: #555 !important;
  color: white !important;
}