/* @font-face { 
    font-family: "Indie Flower"; 
    src: url("../fonts/Indie_Flower/IndieFlower-Regular.ttf"); 
    } */
@font-face { 
    font-family: "Montserrat Alternates"; 
    src: url("../fonts/Montserrat_Alternates/MontserratAlternates-Regular.ttf"); 
    }
@font-face { 
    font-family: "Montserrat Alternates"; 
    src: url("../fonts/Montserrat_Alternates/MontserratAlternates-Medium.ttf"); 
    font-size: 500;
    }
@font-face { 
    font-family: "Montserrat Alternates"; 
    src: url("../fonts/Montserrat_Alternates/MontserratAlternates-ExtraLightItalic.ttf"); 
    font-weight:200;
    font-style: italic;
    }
@font-face { 
    font-family: "Montserrat Alternates"; 
    src: url("../fonts/Montserrat_Alternates/MontserratAlternates-LightItalic.ttf"); 
    font-weight:300;
    font-style: italic;
    }
@font-face { 
    font-family: "Montserrat Alternates"; 
    src: url("../fonts/Montserrat_Alternates/MontserratAlternates-ThinItalic.ttf"); 
    font-weight:100;
    font-style: italic;
    }
@font-face { 
    font-family: "Montserrat Alternates"; 
    src: url("../fonts/Montserrat_Alternates/MontserratAlternates-SemiBoldItalic.ttf"); 
    font-weight:600;
    font-style: italic;
    }

/* .indie-flower-regular {
    font-family: "Indie Flower", serif;
    font-weight: 400;
    font-style: normal;
  } */
.montserrat-alternates-Regular {
    font-family: "Montserrat Alternates", verdana !important;
    font-weight: 400;
    font-style: normal;
}
.montserrat-alternates-medium {
    font-family: "Montserrat Alternates", verdana !important;
    font-weight: 500;
    font-style: normal;
}
.montserrat-alternates-semibold-italic {
    font-family: "Montserrat Alternates", verdana !important;
    font-weight: 600;
    font-style: italic;
}
.montserrat-alternates-light-italic {
    font-family: "Montserrat Alternates", verdana !important;
    font-weight: 300;
    font-style: italic;
}
.montserrat-alternates-extra-light-italic {
    font-family: "Montserrat Alternates", verdana !important;
    font-weight: 300;
    font-style: italic;
}
.montserrat-alternates-thin-italic {
    font-family: "Montserrat Alternates", verdana !important;
    font-weight: 100;
    font-style: italic;
}

body {
    font-family: 'Montserrat Alternates', 'Arial', sans-serif;
    font-weight: 400;
    font-style:normal;
    margin: 0;
    padding: 0;
    background-color: #1e1c1c;
    color: #fff1e2;
}

 /* Vollbild-Bandfoto */
 .hero {
    position: relative;
    height: 100vh; /* Vollbildhöhe */
    background: url('../pics/_band_960x590.webp') no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFD700; /* Senfgelb */
    text-align: center;
    overflow: hidden;
}

/* Abdeckung für Abdunkelung */
.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Halbtransparentes Schwarz */
    z-index: 1;
}

/* Logo im Hero-Bereich */
.hero-logo {
    position: relative;
    z-index: 2; /* Über die Abdunkelung legen */
    max-width: 500px;
    height: auto;
}






.scroll-down {
    position: absolute;
    bottom: 20px;
    z-index: 2;
    font-size: 1.2rem;
    color: #FAF3E0;
    cursor: pointer;
}

section {
    padding: 2rem 1rem;
}

.section-headline {
    text-align: center;
}

.section-intro {
    font-size: 1.25rem; /* Etwas größerer Text */
    color: #FAF3E0; /* Anthrazitgrau */
    margin-bottom: 1.5rem;
    line-height: 1.5; /* Angenehmer Zeilenabstand */
    text-align: center;
}





#mitglieder {
    margin: 5rem 0;
}

.member-card {
    text-align: center;
    background-color: #fff1e2; /* Cremeweiß */
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.member-image {
    position: relative;
    overflow: hidden;
}

.member-image img {
    width: 100%;
    height: auto;

}

.member-overlay p {
    color: #fff1e2!important; /* Goldener Text */
}

.member-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Dunkler Overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-align: center;
    padding: 1rem;
}

.member-image:hover .member-overlay,
.member-image:focus-within .member-overlay {
    opacity: 1;
}

.member-card h3 {
    margin-top: 1rem;
    color: #363331; /* Anthrazitgrau */
    font-family: 'Montserrat Alternates';
    font-weight: 600;
    font-style: italic;
}

.member-card p {
    color: #363331;
    margin: 0.5rem 0;
}





.divider {
    padding: 3rem 0;
    text-align: center;
    font-size: 1.5rem;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* Vollbild-Teiler */
.divider.full-width {
    background-color: #554d49; /* Anthrazitgrau */
    width: 100%;
}

.divider.full-width blockquote {
    margin: 0;
    padding: 1rem;
    font-style: italic;
    font-size: 1.8rem;
    color: #fff1e2; /* Goldener Text */
    border:0;
}




#hoerprobe {
    margin: 5rem 0;
}

/* Abschnitts-Container */
/* Überschrift und Einleitung */
.audio-section h2 {
    font-size: 2rem;
    color: #fff1e2; /* Anthrazitgrau */
    margin-bottom: 0.5rem;
}

.audio-section .section-intro {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    color: #fff1e2;
}

/* Audio-Element */
audio {
    width: 100%; /* Füllt den Wrapper */
    outline: none; /* Entfernt den Standard-Fokus */
    filter: sepia(100%) saturate(100%) contrast(100%) invert(0%) hue-rotate(370deg);; 
}





#termine {
    margin: 5rem 0;
}

.event-section {
    padding: 20px 0;
    margin: 20px 0;
    border-bottom: 1px solid #fff1e232;
  }
  .event-date-gray {
    font-size: 1.75rem;
    font-weight: bold;
    color: rgba(128, 128, 128, 0.682);
  }

  .event-date {
    font-size: 1.75rem;
    font-weight: bold;
    color: #95FEF7;
  }
  .event-details-gray {
    margin: 10px 0;
    line-height: 1.6;
    color: rgba(128, 128, 128, 0.682);
  }
  .event-details {
    margin: 10px 0;
    line-height: 1.6;
  }

  .event-section table tbody {
    background-color: transparent;
    border: 0;
  }
  .event-section table tbody td {
    padding: 0.1rem 0;
  }
  .event-section table tbody tr:nth-child(even){
    background-color: transparent;
  }




  .footer {
    background-color: #000; /* Dunkler Hintergrund */
    color: #fff1e2;           /* Helle Schrift */
    padding: 20px 0;
    font-size: 0.875rem;
  }
  
  .footer-brand {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  .footer-tagline {
    font-size: 1rem;
    margin-bottom: 0;
    color: #fff1e2; /* Dezenter Farbton */
  }
  
  .footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .footer-links li {
    display: block;
  }

  


.reveal {
  background-color: #1e1c1c;
}



a {
    color: #95FEF7;
}