body::before {
    content: '';
    display: block;
    height: 60 px;
}

body {
    background-color: #EFE4AC;
    /* border: 1px #aaaaaa dashed; */
    margin: auto;
    max-width: 1200px;
    padding: 1rem;
}

/* navigation bar */
.navbar {
    overflow: hidden;
    padding: 2rem;
}
.navbar_item {
    color: #9879ad;
    font-family: 'Patrick Hand', cursive;
    font-size: 28px;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
}

.container {
    /* border: 1px #ff0000 dashed; */
    padding: 2rem;
}

/* showcase */
.showcase {
    align-items: center;
    display: grid;
    grid-gap: 1rem;
    justify-items: center;
    margin: 0 auto;
    max-width: 1200px;
}
.showcase_split {
    align-items: center;
    display: grid;
    grid-gap: 1rem;
    justify-items: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1rem;
}
@media (min-width: 600px) {
    .showcase_split { grid-template-columns: repeat(2, 1fr);}
}
.showcase_left, .showcase_right {
    align-items: center;
    /* border: 1px #0000ff dashed; */
    display: flex;
    flex-direction: column;
    height: 30rem;
    justify-content: center;
}
.showcase_headline {
    /* border: 1px #0000ff dashed; */
    color: #9879AD;
    font-family: 'Patrick Hand', cursive;
    font-size: 36px;
    padding: 1rem;
    text-align: center;
}
.showcase_icon {
    padding: 1rem;
}
.showcase_text {
    /* border: 1px #0000ff dashed; */
    font-family: 'Chivo', sans-serif;
    font-size: 20px;
    padding: 2rem;
    text-align: center;
    width: 80%;
}
.showcase_right > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* text block */
.text_headline, .image_headline, .icons_headline, .video_headline, .hotspots_headline, .contact_headline {
    /* border: 1px #0000ff dashed; */
    color: #9879ad;
    font-family: 'Patrick Hand', cursive;
    font-size: 28px;
    padding: 1rem;  
}
.text_paragraph {
    /* border: 1px #0000ff dashed; */
    font-family: 'Chivo', sans-serif;
    font-size: 20px;
    margin-left: 3rem;
    margin-right: 3rem;
    padding: 1rem;
}

/* image block */
.images {
    align-items: center;
    display: grid;
    grid-gap: 2rem;
    justify-items: center;
    margin: 0 auto;
    max-width: 1200px;
}
.image {
    /* border: 1px #0000ff dashed; */
    height: 12rem;
}
.image > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
@media (min-width: 600px) {
    .images { grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 900px) {
    .images { grid-template-columns: repeat(3, 1fr);}
}

/* icons block */
.icons > ul {
    /* border: 1px #0000ff dashed; */
    max-width: 800px;
    font-family: 'Chivo', sans-serif;
}
.no_list_style {
    list-style-type: none;
}
/* split the accomodation over 3 columns */
.card-columns {
    column-count: 3;
 }

/* video block */
.video_embed {
    /* border: 1px #0000ff dashed; */
    padding: 1rem;
}
.video_iframe {
    display: block;
}

/* hotspots block */
.hotspots_cards {
    /* border: 1px #0000ff dashed; */
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.hotspots_card {
    border: 3px solid rgba(0, 0, 0, .125);
    display: grid;
    grid-template-rows: max-content 90px 1fr;
}
.hotspot_card_icon {
    /* border: 1px #0000ff dashed; */
    color: #9879ad;
    font-size: 30px;
    padding: 1rem;
    text-align: center;
    vertical-align: middle;
}
.hotspot_card_title{
    /* border: 1px #0000ff dashed; */
    color: #9879ad;
    font-family: 'Patrick Hand', cursive;
    font-size: 24px;
    padding: 1rem;
    text-align: center;
    vertical-align: middle;
}
.hotspot_card_text {
    /* border: 1px #0000ff dashed; */
    font-family: 'Chivo', sans-serif;
    font-size: 16px;
    padding: 1rem;
    text-align: center;
    vertical-align: middle;
}
.hotspot_card_link {
    /* border: 1px #0000ff dashed; */
    padding: 1rem;
}
.hotspot_card_button {
    background: #9879ad;
    border: 0px;
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
}
.hotspot_card_button > a {
    color: #ffffff;
    font-family: 'Patrick Hand', cursive;
    font-size: 20px;
    padding: 1rem;
    text-decoration: none;
}

/* contact block */
.split_screen {
    align-items: center;
    display: grid;
    grid-gap: 1rem;
    justify-items: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1rem;
}
.screen_left, .screen_right {
    align-items: center;
    /* border: 1px #0000ff dashed; */
    display: flex;
    flex-direction: column;
    height: 20rem;
    justify-content: center;
}
@media (min-width: 600px) {
    .split_screen { grid-template-columns: repeat(2, 1fr);}
}
.contact_title {
    /* border: 1px #0000ff dashed; */
    font-family: 'Patrick Hand', cursive;
    font-size: 28px;
}
.contact_text {
    /* border: 1px #0000ff dashed; */
    font-family: 'Chivo', sans-serif;
    font-size: 20px;
}
#map {
    border-radius: 10px;
    height: 100%;
    width: 100%;
}

/* footer */
.copyright_text {
    font-family: 'Chivo', sans-serif;
    font-size: 20ox;
    padding: 2rem;
    text-align: center;
}
.copyright_jump {
    color: #9879AD;
    font-family: 'Chivo', sans-serif;
    font-size: 28px;
    padding: 2rem;
    text-align: right;
}