.user-bundeslaender {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    aspect-ratio: 1/1.3;
}

.user-bundeslaender svg {
    width: 100%;
    height: 100%;
}

.user-bundeslaender svg a {
    cursor: pointer;
}

.user-bundeslaender path {
    transition: fill 300ms ease-in-out;
}
.user-bundeslaender text {
    font-size: 16px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
}

.user-bundeslaender.user-bundeslaender-hover text {
    transition: opacity 300ms ease-in-out;
    opacity: 0;
}

.user-bundeslaender a.hover text,
.user-bundeslaender a:hover text,
.user-bundeslaender text:hover,
.user-bundeslaender text.hover {
    opacity: 1;
}

.user-bundeslaender a.hover text,
.user-bundeslaender a:hover text {
    text-shadow: 0px 0px 5px #000;
}