.site-footer-partners {
    padding: clamp(3rem, 7vw, 5rem) 0 clamp(6rem, 10vw, 8rem);
    background: var(--vt-color-yellow-soft);
    text-align: center;
    position: relative;
    z-index: 0;
}

.site-footer-partners__section + .site-footer-partners__section {
    margin-top: clamp(3rem, 7vw, 5rem);
}

.site-footer-partners__headline {
    margin: 0 0 clamp(2rem, 5vw, 3rem);
}

.site-footer-partners__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-footer-partners__logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-footer-partners__logo-img {
    display: block;
    max-width: 190px;
    max-height: 80px;
    height: auto;
}

.site-footer-partners__logo-img[src$=".svg"] {
    width: 190px;
}

.site-footer-partners__logo--supporter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-footer-partners__logo--supporter .site-footer-partners__logo-img {
    display: block;
    width: auto;
    height: auto;

    max-width: 145px;
    max-height: 55px;
}

.site-footer-partners__logo--supporter .site-footer-partners__logo-img[src$=".svg"] {
    height: 55px;
    width: auto;
}

/* ======================================
   FOOTER
====================================== */

.site-footer {
    background: var(--vt-color-blue-soft);
    position: relative;
    padding: clamp(5rem, 9vw, 7rem) 0 2rem;
    color: var(--vt-color-primary);
    z-index: 4;
}

/* Content über Schräge */
.site-footer .container {
    position: relative;
    z-index: 2;
}

/* Schräge */
.site-footer::before {
    content: "";
    position: absolute;
    top: -79px;
    left: 0;
    width: 100%;
    height: 80px;
    background: var(--vt-color-blue-soft);
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}


/* Initiative (oben rechts) */
.site-footer__headline {
    margin: 0 0 1.5rem;
}

.site-footer__initiative-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: nowrap;
}

.site-footer__initiative-logos a {
    display: inline-flex;
    align-items: center;
}

.site-footer__initiative-logo {
    display: block;
    width: auto;
    height: 52px;
    max-width: 100%;
    object-fit: contain;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .site-footer__initiative-logos {
        flex-direction: column;
        align-items: center; 
    }
    .site-footer__initiative-logo {
        height: 3rem;
        width: auto;
    }
}


@media (min-width: 992px) {
    .site-footer__initiative-logos {
        justify-content: flex-end;
    }
}


/* Divider */
.site-footer__divider {
    margin: clamp(3rem, 6vw, 5rem) 0;
    border: 0;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    opacity: 1;
}


/* ======================================
   LOGO + SCHIRMHERRSCHAFT
====================================== */

/* Schirmherrschaft */
.site-footer__patronage-label {
    margin-bottom: 1rem;
    font-weight: 800;
    color: var(--vt-color-primary);
}

.site-footer__brand-logo {
    max-width: 240px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.site-footer__patronage {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.site-footer__patronage-logo {
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0;
}

@media (min-width: 992px) {
    .site-footer__brand-logo {
        margin-right: auto;
        margin-left: 0;
    }

    .site-footer__patronage {
        margin-left: auto;
        align-items: flex-end;
    }
}


/* ======================================
   META NAV + SOCIALS
====================================== */

.site-footer__meta-row {
    margin-top: clamp(3rem, 6vw, 5rem);
}

/* Navigation */
.site-footer__menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2rem;
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .site-footer__menu {
        justify-content: flex-start;
    }
}

.site-footer__menu a {
    color: var(--vt-color-primary);
    font-weight: 800;
    text-decoration: none;
}

.site-footer__menu a:hover,
.site-footer__menu a:focus-visible {
    color: var(--vt-color-secondary);
}


/* Social Icons */
.site-footer__socials {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
}

@media (min-width: 992px) {
    .site-footer__socials {
        justify-content: flex-end;
    }
}

.site-footer__social-link {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.site-footer__social-link:hover,
.site-footer__social-link:focus-visible {
    background: var(--vt-color-primary);
    transform: translateY(-3px);
}

.site-footer__social-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

/* SVG Hover Fix */
.site-footer__social-link:hover .site-footer__social-icon,
.site-footer__social-link:focus-visible .site-footer__social-icon {
    filter: brightness(0) invert(1);
}


.site-footer__menu ul {
    display: flex;
    gap: 20px; /* Abstand zwischen den Punkten */
    list-style: none; /* Punkte entfernen */
    padding: 0;
    margin: 0;
}

.site-footer__menu li {
    margin: 0;
}

.site-footer__menu a {
    text-decoration: none;
}


/* ======================================
   COPYRIGHT
====================================== */

.site-footer__copyright {
    margin: clamp(2.5rem, 5vw, 4rem) 0 0;
    font-size: 0.75rem;
    text-align: center;
    color: var(--vt-color-primary);
}

.site-footer__copyright a {
    color: var(--vt-color-primary);
    text-decoration: none;
}

.site-footer__copyright a:hover {
    text-decoration: underline;
}