#footer-logo {
    grid-column: 1 / span 1;
    grid-row: 1 / span 3;
    width: 20vw;
    height: auto;
    aspect-ratio: 1.9/1;
    justify-self: center;
    align-self:self-end;
    transition: transform 0.3s ease-in-out;
}

#footer-logo:hover {
    transform: scale(1.1);
}
#verein {
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
    height: 2vw;
    justify-self: center;
    align-self: center;
}
#fb {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
    height: 3vw;
    aspect-ratio: 1/1;
    justify-self: center;
    align-self: baseline;
    transition: transform 0.3s ease-in-out;
}
#fb:hover {
    transform: scale(1.1);
}
#insta {
    grid-column: 3 / span 1;
    grid-row: 4 / span 1;
    height: 2.8vw;
    aspect-ratio: 1/1;
    justify-self: center;
    align-self: baseline;
    transition: transform 0.3s ease-in-out;
    transform: translateY(1px);
}
#insta:hover {
    transform: scale(1.1);
}
#datenschutz {
    grid-column: 4 / span 1;
    grid-row: 4 / span 1;
    justify-self: center;
    align-self: baseline;
    padding: clamp(3px, .5vw, 13px);
}
#impressum {
    grid-column: 5 / span 1;
    grid-row: 4 / span 1;
    align-self: baseline;
    padding: clamp(3px, .5vw, 13px);
}
#support {
    grid-column: 6 / span 1;
    grid-row: 1 / span 1;
    justify-self: center;
}
#qr {
    grid-column: 6 / span 1;
    grid-row: 2 / span 1;
    height: 10vw;
    aspect-ratio: 1/1;
    justify-self: center;
}

#footer-container {
    display: grid;
    padding-top: clamp(8px, 3vw, 26px);
    padding-right: clamp(8px, 3vw, 26px);
    padding-bottom: clamp(6px, 2vw, 22px);
    padding-left: clamp(8px, 3vw, 26px);
    grid-template-columns: 2fr .5fr .5fr .5fr .5fr 2fr;
    grid-template-rows: 3vw 5vw 3vw 3vw;
    align-content: center;
}

a:hover {
    text-decoration: underline;
    cursor: url('/images/favicon.png'),pointer;
}

.invisible {
    display: none
}