@font-face {
    font-family: 'Aquifer'; /* Name, den du später im CSS benutzt */
    src: url('/fonts/Aquifer.otf') format('truetype');
    font-weight: normal;  /* optional: normal, bold */
    font-style: normal;   /* optional: normal, italic */
}
@font-face {
    font-family: 'bebas-neue'; /* Name, den du später im CSS benutzt */
    src: url('/fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: bold;  /* optional: normal, bold */
    font-style: normal;   /* optional: normal, italic */
}

body {
    background-image: url('/templates/background/Homepage_Hintergrund_2025.png');
    background-repeat: no-repeat;      /* verhindert Kachelung */
    /* passt das Bild proportional an, füllt den Bereich */
    background-position: center top;  /* Ausrichtung 90 grad gedreht*/
    background-size: cover;           /* skaliert das Bild, um den gesamten Bereich abzudecken */
    background-color: #0a1c1a;
    color: #f0f0f0;
    font-family: 'Lato', sans-serif;
}

 footer {
    background-color: #081311;
}
header h1, header p{
    text-align: center;
    margin: 0 auto;
}


h1, h2, h3, .gold {
    font-family: 'Aquifer', serif;
    color: #f5c443;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-gold {
    background-color: #f5c443;
    color: #0a1c1a;
    font-weight: bold;
    border: none;
}

.btn-gold:hover {
    background-color: #d4a937;
    color: #000;
}
.gold-heading {
    font-family: 'Aquifer', serif;
    font-size: 1.5rem;
    color: #f5c443;
    text-transform: uppercase;
    letter-spacing: 1px;
}
main {
    background-color: transparent;
    font-family: 'bebas-neue', sans-serif;
    font-size: 3rem; /* größer machen */
    letter-spacing: 1px;
    /*#040a0a;*/
    padding: 2rem 1rem;
}
footer {
    background-color: transparent;
    padding: 1.5rem;
    text-align: center;
    margin-top: 2rem;
}
#galerie img {
    transition: transform 0.3s ease;
    border: 2px solid #f5c443;
}
#galerie img:hover {
    transform: scale(1.02);
    border-color: #d9aa36;
}

h1, h2, h3, .gold {
    font-family: 'Cinzel Decorative', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Desktop/Tablet: großes Banner */
header img.banner {
    width: 100%;
    height: auto;
}

/* Mobil (bis 600px Viewport) */
@media (max-width: 600px) {
    header img.banner {
        height: auto;
    }
}
/* neutralisiere globale svg-Skalierung nur innerhalb der Liste */
.dates-wrap .meta-item svg{
    width:16px !important;
    height:16px !important;
    display:inline-block;
    vertical-align:-2px;
    margin-right:.35rem;
}
/* === DatesList: Typo größer & Icons fix === */
.dates-wrap{ font-size: 1.08rem; }
.dates-head h1{ font-size: 2.3rem; }
.chip{ font-size: .95rem; padding: .5rem .9rem; }

.date-title{ font-size: 1.38rem; letter-spacing: .6px; }
.date-meta{ font-size: 1.06rem; line-height: 1.45; }
.badge{ font-size: .82rem; padding: .32rem .64rem; }

/* kleine Inline-Icons, überschreibt evtl. globale svg-Regeln */
.dates-wrap .icon-16{
    width:16px !important; height:16px !important; display:inline-block;
    vertical-align:-2px; margin-right:.35rem; flex:0 0 16px;
}
/* === FAQ Accordion Styling === */
#faqAccordion .accordion-item {
    background-color: #0f2420;   /* dunkler Hintergrund passend zu body */
    border: 1px solid #f5c443;   /* goldene Umrandung */
    margin-bottom: 0.5rem;
    border-radius: 6px;
    overflow: hidden;
}

#faqAccordion .accordion-button {
    background-color: #0f2420;
    color: #f0f0f0;
    font-size: 1.1rem;
    font-weight: 500;
    box-shadow: none;
    border: none;
}

#faqAccordion .accordion-button:not(.collapsed) {
    background-color: #14322e;   /* leicht hellerer Ton für geöffnet */
    color: #f5c443;              /* goldene Schrift */
}

#faqAccordion .accordion-button:focus {
    box-shadow: 0 0 0 2px rgba(245,196,67,0.4);
}

#faqAccordion .accordion-body {
    background-color: #0f2420;
    color: #ddd;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.25rem;
}
.btn-insta {
    color: #e1306c;
    border-color: #e1306c;
}