/*
 * Custom CSS
 */

.jost-x {
  font-family: "Jost", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.mouse-memoirs-regular {
  font-family: "Mouse Memoirs", serif;
  font-weight: 400;
  font-style: normal;
}

 :root {
    --bs-body-bg: var(--bs-gray-100);
    --bs-font-sans-serif: "Jost";
    --bs-font-monospace: 'Courier New', monospace;
  }

.nav-link {
    font-family: "Mouse Memoirs", serif;
    font-size: larger; /* Schriftgröße */
   }
 
h1 {
    font-family: "Mouse Memoirs", serif;
   }

.my-carousel-caption {
  position: absolute; /* Positioniert den Text über den Bildern */
  top: 70%; /* Vertikal in der Mitte */
  left: 50%; /* Horizontal in der Mitte */
  transform: translate(-50%, -50%); /* Text exakt zentrieren */
  color: white; /* Textfarbe */
  font-family: "Mouse Memoirs", serif;  
  font-size: 7vw; /* Schriftgröße */
  /*font-weight: bold; /* Fettgedruckter Text */
  text-align: center; /* Text zentrieren */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Schattierung für bessere Lesbarkeit */
  width: 100%;
}

html {
    scroll-behavior: smooth;
  }

.bbm-icon {
    /*margin-left: 10px; */
    background-color: #810867;
    border-color: #810867;
  }

.bandPicture {
  /*width: 10rem;*/
  /*margin: .5rem;*/
}

.pastConcerts-carousel-caption {
  position: absolute; /* Positioniert den Text über den Bildern */
  bottom: 20px;
  /*border: 20px solid black;
  border-color: aqua;*/
  padding: 5px;
  right: 20px;
  /*width: 80%;*/
  background-color: rgba(129, 8, 103, 0.8);
  text-align: right;
  font-family: "Mouse Memoirs", serif;
  font-size: larger;
  color: white;
  /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Schattierung für bessere Lesbarkeit */
}

section {
  padding-top: 20px;
  scroll-margin-top: 60px; /* Höhe der Navbar */
  padding-bottom: 40px;
}


/**/

#videos {
  background-color: rgba(129, 8, 103, 1);
}

#media {
  background-color: rgba(33, 37, 41, 1);
}

#live .card:nth-child(odd) {
  background-color: rgba(129, 8, 103, 1);
  color: white;
}

#live .card:nth-child(even) {
  background-color: rgba(33, 37, 41, 1); 
  color: white;
}

#contact .col:nth-child(odd) .card {
  background-color: rgba(129, 8, 103, 1);
  color: white;
}

#contact .col:nth-child(even) .card {
  background-color: rgba(33, 37, 41, 1); 
  color: white;
}


#bio .col:nth-child(odd) .accordion-button {
  background-color: rgba(129, 8, 103, 1); 
  color: white;
}

#bio .col:nth-child(even) .accordion-button {
  background-color: rgba(33, 37, 41, 1); 
  color: white;
}

#bio .col:nth-child(odd) .accordion-button:hover {
  background-color: rgba(129, 8, 103, .5); 
}


#bio .col:nth-child(even) .accordion-button:hover {
  background-color: rgba(33, 37, 41, .5); 
}

#bio .col:nth-child(odd) .accordion-collapse {
  background-color: rgba(129, 8, 103, 1); 
  color: white;
}

#bio .col:nth-child(even) .accordion-collapse {
  background-color: rgba(33, 37, 41, 1); 
  color: white;
}


.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}