#loader-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
}

.overlay {
position: relative;
width: 100%;
}
.overlay img {
width: 100%;
height: auto;
display: block;
}
.overlay::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Dunkler Overlay mit 50% Transparenz */
z-index: 1;
}
.overlay .btn-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}

@media screen and (max-width:992px) {
.overlay img {
content:url(/img/voruebergehend.webp);
}

.content1 {
margin-top: 25px;
}
}

.kontakt-card {
background-color: white;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
padding: 40px 30px;
border-top: 5px solid #326c9f;
}

.kontakt-icon {
font-size: 2.5rem;
color: #326c9f;
}

.kontakt-card h2 {
color: #326c9f;
font-size: 1.3rem;
font-weight: 400;
}

@media screen and (max-width: 576px) {
.kontakt-card {
padding: 30px 20px;
}
}

.hymne-icon {
font-size: 2rem;
color: #326c9f;
}

.hymne-thumb {
position: relative;
max-width: 800px;
margin: 0 auto;
aspect-ratio: 16 / 9;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.overlay-yt {
position: absolute;
inset: 0;
background-size: cover !important;
}

.overlay-yt::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent 55%);
}

.s-iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 16px;
}

.hymne-play-btn {
position: relative;
z-index: 1;
width: 70px;
height: 70px;
margin: 0 auto;
border-radius: 50%;
background: white;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
transition: transform 0.25s ease;
}

.overlay-yt:hover .hymne-play-btn {
transform: scale(1.1);
}

.hymne-caption {
position: relative;
z-index: 1;
margin-top: 12px;
color: white;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.sponsoren-icon {
font-size: 2rem;
color: #326c9f;
}

.sponsor-tile {
width: 190px;
margin: 0 10px;
}

.sponsor-tile .card-img-wrapper {
height: 110px;
}

.section-band {
padding: 60px 0;
}

.section-band--alt {
background-color: #f4f8fb;
}

@media screen and (max-width: 576px) {
.section-band {
padding: 40px 0;
}
}

.hero-wave {
display: block;
width: 100%;
height: 50px;
margin-top: -1px;
}

.overlay .btn-wrapper .btn-div {
transform: none;
}

.overlay .btn-wrapper .btn-span {
transform: none;
display: inline-block;
}

.overlay .btn-wrapper .btn-a {
border-radius: 50px;
padding: 10px 26px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.overlay .btn-wrapper .btn-a:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.sponsoren .slick-prev,
.sponsoren .slick-next {
width: 42px;
height: 42px;
background: white;
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
z-index: 2;
}

.sponsoren .slick-prev:hover,
.sponsoren .slick-next:hover {
background: white;
}

.sponsoren .slick-prev:before,
.sponsoren .slick-next:before {
color: #326c9f;
font-size: 20px;
opacity: 1;
}

.sponsoren .slick-prev {
left: -8px;
}

.sponsoren .slick-next {
right: -8px;
}