#landkarte-map {
    height: 36rem;
}

.map-empty-state {
    height: 36rem;
    position: relative;
    overflow: hidden;
}

.map-empty-state::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: var(--accent-color);
    opacity: 0.08;
    -webkit-mask: url('/img/logo-57799948719441045f9f3b762512bb95.svg') no-repeat center;
    mask: url('/img/logo-57799948719441045f9f3b762512bb95.svg') no-repeat center;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
}

.map-empty-state > * {
    position: relative;
}

.map-empty-text {
    margin: 0 auto;
}