.maps {
    margin: 2vh 0;
    width: 600px;
    height: 450px;
}

.img-section {
    margin: 0;
    padding: 0;
}

.img-container {
    display: grid;
    height: 100%;
}

.center-fit {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.auto-resizable-iframe {
    /*max-width: 80%;*/
    margin: 40px auto;
}

.auto-resizable-iframe > div {
    position: relative;
    padding-bottom: 55%;
    /*height: 0px;*/
}

.auto-resizable-iframe iframe {
    position: absolute;
    /*top: 0px;*/
    /*left: 0px;*/
    width: 100%;
    height: 100%;
}

.maps-iframe {
    /*max-width: 80%;*/
    margin: 10px 0 40px 0;
}

.maps-iframe > div {
    position: relative;
    padding-bottom: 55%;
    /*height: 0px;*/
}

.maps-iframe iframe {
    position: absolute;
    /*top: 0px;*/
    /*left: 0px;*/
    width: 100%;
    height: 100%;
}

.hotel-button {
    display: block;
    text-align: center;
    font-size: 1rem;
    background-color: var(--more-news-bg-color);
    color: var(--more-news-text-color);
    padding: 20px;
    text-decoration: none;
    border-radius: 50px;
    max-width: 220px;
    margin: 2rem 0;
    /*box-shadow: #282828 0 1px 4px;*/
}

.hotel-button:hover {
    /*ToDo maybe add padding instead of the border color*/
    background-color: var(--more-news-hover-bg-color);
    color: var(--more-news-hover-color);
    /*border: 2px solid var(--more-news-border-hover-color);*/
}

.arnhem-button {
    display: block;
    text-align: center;
    font-size: 16px;
    background-color: var(--more-news-bg-color);
    color: var(--more-news-text-color);
    padding: 20px;
    text-decoration: none;
    border-radius: 50px;
    max-width: 220px;
    margin: 2rem 0 2rem 0;
    /*border: 2px solid var(--more-news-border-color);*/
    /*box-shadow: #282828 0 1px 4px;*/
}

.arnhem-button:hover {
    background-color: var(--more-news-hover-bg-color);
    color: var(--more-news-hover-color);
    /*border: 2px solid var(--more-news-border-hover-color);*/
}