#map-placeholder {
    height: 50vh;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    gap: 40px;
    padding: var(--padding-default)
}

.small-hint {
    width: 70%;
    font-size: var(--medium);
}

#map-button {
    padding: var(--padding-between-items) var(--padding-default);
    background-color: var(--button);
    color: var(--on-button);
    font-size: var(--large);
    font-family: 'Montserrat', sans-serif;
    border: none;
    border-radius: 1.5625rem;
    box-shadow: -0.3125rem 0.625rem 1.25rem -0.3125rem rgba(89, 45, 7, 0.3);
    -webkit-box-shadow: -0.3125rem 0.625rem 1.25rem -0.3125rem rgba(89, 45, 7, 0.3);
    -moz-box-shadow: -0.3125rem 0.625rem 1.25rem -0.3125rem rgba(89, 45, 7, 0.3);
}

#map-button:hover {
  background-color: var(--button-hover);
  color: var(--on-button-hover);
}


#map {
    height: 50vh;
    z-index: 0;
    display: none;
}

.text-block > h3 {
    margin-bottom: 0;
}

.anfahrt {
    color: var(--on-background-primary) !important;
}

@media screen and (max-width: 750px) {
    
}

.custom-marker {
    background-color: var(--background-secondary);
    border-radius: 50%;
    box-shadow: inset 0 0 1.25rem #f7f7f6;
}