@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', serif;
}
html, body {
    height: 100%;
}
#bodyContent {
    min-height: 100%;
}
#main {
    overflow: auto;
    padding-bottom: 6em;
}
.menuElement a {
    color: #000;
    text-decoration: none;
    font-size: 13;
    transition: font-size .02s, font-weight .02s;
}
.menuElement a:visited {
    color: #000;
    text-decoration: none;
}
.menuElement a:active {
    color: #000;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 500;
}
.menuElement a:hover {
    color: #000;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 500;
}
.active a {
    font-size: 13;
    font-weight: 500;
}
.desktopMenu {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto auto 6em;
    grid-template-rows: 3em;
    background-color: #F0C99E;
    font-size: 2em;
    color: #FFF;
    padding-left: 0.5em;
    padding-right: 1em;
    position: fixed;
    width: 100vw;
    z-index: 999;
    box-shadow: 0px 1px 10px #000;
}
.mobileMenu {
    display: none;
    position: fixed;
    grid-template-columns: 17vw 60vw 23vw;
    grid-template-rows: 20vw;
    background-color: #F0C99E;
    font-size: 2em;
    color: #000;
    z-index: 999;
    box-shadow: 0px 1px 10px #000;
}
.mMenuColumnon {
    display: grid;
    justify-content: start;
    padding-left: 3.5vw;
    align-self: center;
}
.mMenuColumnon img {
    height: 7vw;
}
.mLogoColumn img {
    height: 10vw;
}
.mLangColumn img {
    height: 6vw;
}
.mLogoColumn {
    display: grid;
    justify-content: center;
    align-self: center;
}
.mLangColumn {
    display: grid;
    justify-content: end;
    padding-right: 1em;
    align-self: center;
}
#menuContent {
    display: block;
    position: fixed;
    top: 20vw;
    opacity: 0;
    transition: opacity 150ms ease;
    font-size: 1.8em;
    color: #FFF;
    width: 100vw;
    height: calc(100vh - 10vw);
    overflow: hidden;
    float: left;
    background-color: hsla(31, 34%, 94%, 0.95);
    z-index: -1000;
}
#menuContent.menuon {
    display: block;
    line-height: 2;
    position: fixed;
    padding-top: 10vw;
    opacity: 1;
    font-size: 1.8em;
    font-weight: bold;
    z-index: 998;
    text-align: center;
    transition: all 250ms ease, font-size 0ms linear;
}
#langContent {
    display: block;
    position: fixed;
    top: 20vw;
    opacity: 0;
    transition: opacity 150ms ease;
    font-size: 1.8em;
    color: #000;
    width: 100vw;
    height: calc(100vh - 10vw);
    overflow: hidden;
    float: left;
    background-color:hsla(31, 34%, 94%, 0.95);
    z-index: -1000;
}
#langContent.menuon {
    display: block;
    line-height: 2;
    position: fixed;
    padding-top: 10vw;
    opacity: 1;
    font-size: 2em;
    font-weight: bold;
    z-index: 998;
    text-align: center;
    transition: all 250ms ease, font-size 0ms linear;
}
#langContent img {
    height: 1em;
    padding-top: 6vw;
}
.logoColumn {
    display: grid;
    padding-right: 1em;
    align-self: center;
    justify-content: start;
    padding-top: 0.2em;
}
.menuElement {
    padding-left: 1em;
    align-self: center;
    font-size: 0.7em;
    font-weight: 300;
}
.langMenu {
    text-align: center;
}
/* Dropdown menu */
.dropdownMenu {
    padding-right: 0em;
}
.dropdown-contentMenu {
    display: none;
    position: absolute;
    top: 2.7em;
    margin-left: -1em;
    grid-row-gap: 0em;
    background: #F0C99E;
    padding: .3em 1em 1em 1em;
    z-index: 999;
}
.dropdown-contentMenu a {
    padding-top: 0em;
    margin-top: .8em;
    display: inline-block;
}
.dropdown-contentMenu a:hover {
    background-color: hsla(0, 0%, 100%, 0.15);
    width: 100%;
}
.dropdownMenu:hover .dropdown-contentMenu {
    display: block;
}
.ahoover a {
    color: red;
}
/* Dropdown language selection */
.dropdown {
    padding-right: 1em;
}
.dropdown-content {
    display: none;
    position: absolute;
    top: 2.6em;
    right: 3.4em;
    grid-row-gap: 0em;
    background: #F0C99E;
    padding: 1em 1em 1em 1em;
    z-index: 999;
}
.dropdown-content a {
    padding-top: 0.8em;
    display: inline-block;
}
.dropdown-content a:hover {
    background-color: hsla(0, 0%, 100%, 0.15)
}
.dropdown:hover .dropdown-content {
    display: block;
}
.button {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.25vw;
    font-weight: 400;
    color: #000;
    padding: .5em;
    margin: 1vw 0 2vw 0;
    background-color: #fff;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}
.button:hover {
    background: #9D919D;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.button2 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: .2em;
    font-size: 1.08vw;
    font-weight: 600;
    color: #fff;
    padding: .5em;
    background-color: #000;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}
.button2:hover {
    background: #B79879;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.slideshowWelcome {
    position: relative;
    display: grid;
    top: 3em;
    height: 37vw;
    margin-bottom: 15em;
    padding: 7em 10vw 0 10vw;
    background-image: url(../img/1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation-name: cover;
    animation-direction: alternate-reverse;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-timing-function: ease-in-out;
}
@keyframes cover {
    0% {
        background-image: url(../img/2.jpg);
    }
    50% {
        background-image: url(../img/1.jpg);
    }
    100% {
        background-image: url(../img/3.jpg);
    }
}
.welcome {
    background: hsla(296, 19%, 16%, .94);
    height: 75%;
    color: #FFF;
    padding: 4vw 9em 0em 9em;
    z-index: 55;
    text-align: center;
}
.pageHead {
    position: relative;
    display: grid;
    top: 3em;
    height: 5vw;
    padding: 7em 10vw 0 10vw;
}
h2 {
    color:#000;
    margin-bottom: 1.2em;
    font-size: 1.8vw;
}
h3 {
    color:#000;
    font-size: 1.08vw;
    font-weight: 500;
    line-height: 1.6em;
}
h4 {
    color:#000;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.4em;
}
h5 {
    font-size: 1.4vw;
    line-height: 1.5em;
    font-weight: 550;
}
h6 {
    font-size: 1.04vw;
    font-weight: 500;
    line-height: 1.6em;
}
h7 {
    margin-bottom: 1.2em;
    font-size: 1.5vw;
	font-weight: 700;
}
.h8 {
    color:#000;
    font-size: 1.08vw;
    font-weight: 500;
    line-height: 1.6em;
    padding-top: 20em;
}

.container {
    position: relative;
    text-align: center;
    display: grid;
    vertical-align: bottom;
    justify-content: start;
    z-index: 50;
}
.A {
    background-color: #FFF;
    color: #000;
    height: 25vw;
    grid-template-columns: 0vw 1fr 1fr 10vw;
    grid-template-areas:
        ". colA colB ."
}
.B {
    background-color: #F0C99E;
    color: #FFF;
    height: 25vw;
    grid-template-columns: 10vw 1fr 1fr 10vw;
    grid-template-areas:
        ". colB colA ."
}
.A div, .B div {
    align-self: center;
}
.C {
    background-color: #F0C99E;
    color: #000;
    height: 32vw;
    padding: 2em 0 0em 0;
    grid-template-columns: 10vw 1fr 1fr 1fr 10vw;
    grid-column-gap: 1em;
    grid-template-areas:
        ". colA colB colC ."
}
.D {
    background-color: #F0C99E;
    color: #FFF;
    height: 14vw;
    grid-template-columns: 10vw 1.2fr 1.1fr 0.7fr 10vw;
    grid-column-gap: 2em;
    grid-template-areas:
        ". colA colB colC ."
}
.E {
    display: grid;
    text-align: left;
    font-size: .9vw;
    padding: 3em 0 2em 0;
    margin: 0 12vw 0 12vw;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        " auto auto auto "
}
.E div {
    padding: 1.4em;
}
.E > div:nth-child(0n+1), .E > div:nth-child(0n+2), .E > div:nth-child(0n+3) {
    font-size: 1.1vw;
}
.E > div:nth-child(0n+4), .E > div:nth-child(0n+5), .E > div:nth-child(0n+6), .E > div:nth-child(0n+10), .E > div:nth-child(0n+11), .E > div:nth-child(0n+12) {
    background-color: hsla(300, 12%, 53%, 0.62);
    ;
}
.F {
    display: grid;
    text-align: left;
    font-size: 1.05vw;
    padding: 3em 0 2em 0;
    margin: 0 12vw 0 12vw;
    grid-template-columns: 1fr;
    grid-template-areas:
        " auto "
}
.F div {
    padding: .4em 1.4em;
}
.F > div:nth-child(0n+1) {
    padding-bottom: 1em;
}

.G {
    background-color: #FFF;
    color: #000;
	text-align: left;
	margin: 4vw 0 ;
    grid-template-columns: 14vw 1fr 1fr 10vw;
    grid-template-areas:
        ". colA colB ."
}
.G iframe {
	width: 35vw;
	height: 50vh;
	align-self: start;
}
.G div {
    align-self: center;
}

.H {
    background-color: #FFF;
    color: #000;
	text-align: left;
	margin: 4vw 0 ;
    grid-template-columns: 14vw 1fr 10vw;
    grid-template-areas:
        ". colA colB ."


}
.H iframe {
	width: 35vw;
	height: 50vh;
	align-self: start;
}
.H div {
    align-self: center;
}
.I {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.title {
    background-color: #F0C99E;
    padding: 2em 0 0 2em;
    color: #FFF;
    text-align: left;
    grid-template-columns: 10vw 1fr 10vw;
    grid-template-areas:
        ". colA ."
}
.title2 {
    background-color: #FFF;
    padding: 0em 0 0 4vw;
    color: #000;
    text-align: left;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "colA ."
}
.title3 {
    background-color: #FFF;
    margin: 2em;
    color: #000;
    text-align: left;
    grid-template-columns: 12vw 1fr 12vw;
    grid-template-areas:
        ". colA ."
}
.label {
    background-color: #F0C99E;
    padding-top: 1em;
    color: #FFF;
    height: 7vw;
    text-align: left;
    grid-template-columns: 10vw 1.2fr 1.1fr 0.7fr 10vw;
    grid-column-gap: 2em;
    grid-template-areas:
        ". colA colB colC ."
}
.C div {
    align-self: top;
}
.C img {
    width: 100%;
    margin-bottom: 1em;
}
.A img, .B img {
    width: 80%;
}


.container-columnA {
    grid-area: colA;
}
.container-columnB {
    grid-area: colB;
}

.container-columnA a{
    color: #B69879;
    text-decoration: none;
}
.container-columnA a:hover{
    color: #F0C99B;
    text-decoration: none;
    cursor: pointer;
}
.container-columnA a:active{
    color: #B69879;
    text-decoration: none;
}
.container-columnA a:visited{
    color: #B69879;
    text-decoration: none;
}
.container-columnB a{
    color: #B69879;
    text-decoration: none;
}
.container-columnB a:hover{
    color: #F0C99B;
    text-decoration: none;
}
.container-columnB a:active{
    color: #B69879;
    text-decoration: none;
}
.container-columnB a:visited{
    color: #B69879;
    text-decoration: none;
}




.container-columnC {
    grid-area: colC;
}
.sectionSeparator {
    position: relative;
    width: 100%;
    height: 4em;
    z-index: 45;
    padding-bottom: 1em;
}
.wh {
    background-color: #F0C99E;
}
.whInv {
    margin-top: -15.3em;
}
.orc {
    background-color: #FFF;
}
.D ul {
    text-align: left;
}
.D li {
    list-style-image: url(../gfx/tick.svg);
}
div[lang] {
    display: none;
}
div[lang].lang-match {
    display: block;
}
/*FOOTER*/
#footer {
    position: relative;
    height: 6em;
    background-color: #B79879;
    margin-top: -6em;
    clear: both;
}
.footer {
    display: grid;
    grid-template-columns: 10vw 1fr 5vw 1em 3vw;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    vertical-align: center;
    justify-content: center;
    align-self: center;
    grid-template-areas:
        ". colA . colB ."
}
.footer div {
    align-self: center;
}
.footer img {
    height: 1.7em;
}
.hamburgler {
    width: 7vw;
    height: 7vw;
    display: block;
    transition: 0.3s ease all;
}
.hamburgler.no-hamburgler {
    transform: rotate(-45deg);
}
.bun, .meat {
    display: block;
    width: 100%;
    background: #000;
    height: 20%;
    transition: 0.3s ease all;
    border-radius: 50px;
}
.no-hamburgler .top {
    height: 38%;
    width: 20%;
    margin-left: 40%;
    border-radius: 50px 50px 0 0;
}
.no-hamburgler .bottom {
    height: 38%;
    width: 20%;
    margin-left: 40%;
    border-radius: 0 0 50px 50px;
}
.meat {
    margin: 20% 0;
}
.no-hamburgler .meat {
    margin: 2% 0;
}
/* RESPONSIVER DESIGN */
/* Large and up */
@media screen and (min-width: 135em) {
    h2 {
        font-size: 2.4em;
    }
    h3 {
        font-size: 1.4em;
    }
    h4 {
        font-size: 1.2em;
    }
    h5 {
        font-size: 1.68em;
    }
    h6 {
        font-size: 1.248em;
    }
	
    .slideshowWelcome {
        padding: 7em 15vw 0 15vw;
    }
    .welcome {
        padding: 5vw 9em 0em 9em;
        height: 65%;
    }
    .A {
        background-color: #FFF;
        color: #000;
        height: 25vw;
        grid-template-columns: 20vw 1fr 1fr 20vw;
        grid-template-areas:
            ". colA colB ."
    }
    .B {
        background-color: #F0C99E;
        color: #FFF;
        height: 25vw;
        grid-template-columns: 20vw 1fr 1fr 20vw;
        grid-template-areas:
            ". colB colA ."
    }
    .A div, .B div {
        align-self: center;
    }
    .C {
        background-color: #FFF;
        color: #000;
        height: 32vw;
        padding: 2em 0 0em 0;
        grid-template-columns: 20vw 1fr 1fr 1fr 20vw;
        grid-column-gap: 1em;
        grid-template-areas:
            ". colA colB colC ."
    }
    .D {
        background-color: #F0C99E;
        color: #FFF;
        height: 14vw;
        grid-template-columns: 20vw 1.2fr 1.1fr 0.7fr 20vw;
        grid-column-gap: 2em;
        grid-template-areas:
            ". colA colB colC ."
    }
    .title {
        background-color: #F0C99E;
        padding: 2em 0 0 2em;
        color: #FFF;
        text-align: left;
        grid-template-columns: 20vw 1fr 20vw;
        grid-template-areas:
            ". colA ."
    }
    .label {
        background-color: #F0C99E;
        padding-top: 1em;
        color: #FFF;
        height: 7vw;
        text-align: left;
        grid-template-columns: 20vw 1.2fr 1.1fr 0.7fr 20vw;
        grid-column-gap: 2em;
        grid-template-areas:
            ". colA colB colC ."
    }
}
/* medium */
@media screen and (min-width: 46em) and (max-width: 70em) {
    .desktopMenu {
        display: none;
    }
    .mobileMenu {
        display: grid;
    }
    .mobileMenu {
        grid-template-rows: 3em;
    }
    #menuContent {
        top: 3em;
    }
    .mLogoColumn img {
        height: 1.7em;
    }
    .mLangColumn img {
        height: 1em;
    }
    .hamburgler {
        width: 1em;
        height: 1em;
    }
    #langContent {
        top: 2em;
        font-size: 1.8em;
    }
    .slideshowWelcome {
        padding: 7em 7em 5em 7em;
        height: 30vw;
    }
    .welcome {
        height: auto;
        padding: 2em;
    }
    .A {
        grid-template-columns: 5vw 1fr 1fr 5vw;
    }
    .B {
        grid-template-columns: 5vw 1fr 1fr 5vw;
    }
    .C {
        grid-template-columns: 5vw 1fr 1fr 1fr 5vw;
        padding: 1em 0 2em 0;
    }
    .D {
        grid-template-columns: 5vw 1.2fr 1.1fr 0.7fr 5vw;
    }
    .E {
        font-size: 1.5vw;
        padding: 3em 0 2em 0;
        margin: 1em 10vw 0 10vw;
    }
    .E > div:nth-child(0n+1), .E > div:nth-child(0n+2), .E > div:nth-child(0n+3) {
        font-size: 1.7vw;
    }
    .F {
        font-size: 1.7vw;
    }
    .title {
        grid-template-columns: 5vw 1fr 5vw;
        padding: 0em 0 0 2em;
    }
    .title2 {
        padding: 0 0 0 4vw;
    }
    .H {
        margin-top: 3em;
    }
    .label {
        grid-template-columns: 5vw 1.2fr 1.1fr 0.7fr 5vw;
    }
    .sectionSeparator {
        height: 2em;
    }
}
/* mobile devices*/
/* landscape */
@media screen and (max-width: 45.9375em) and (orientation:landscape) {
    .desktopMenu {
        display: none;
    }
    .mobileMenu {
        display: grid;
    }
    .mobileMenu {
        grid-template-rows: 3em;
    }
    #menuContent {
        top: 3em;
    }
    .mLogoColumn img {
        height: 1.7em;
    }
    .mLangColumn img {
        height: 1em;
    }
    .hamburgler {
        width: 1em;
        height: 1em;
    }
    #langContent {
        top: 2em;
        font-size: 1.8em;
    }
    #langContent.menuon {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20em;
    }
    #menuContent.menuon {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .slideshowWelcome {
        padding: 7em 7em 5em 7em;
        height: auto;
    }
    .welcome {
        height: auto;
        padding: 2em;
    }
    .H {
        margin-top: 3em;
    }
}
/* portrait*/
@media screen and (max-width: 45.9375em) and (orientation:portrait) {
    #main {
        padding-bottom: 16vw;
    }
    #footer {
        height: 16vw;
        margin-top: -16vw;
        font-size: 3vw;
    }
    .footer {
        grid-template-columns: 10vw 1fr 5vw 10vw;
        grid-template-areas:
        ". colA colB ."
    }
    .footer img {
        height: 6vw;
    }
    h2 {
        font-size: 4.5vw;
    }
    h3 {
        font-size: 4vw;
    }
    h4 {
        font-size: 3vw;
    }
    h5 {
        font-size: 4vw;
    }
    h6 {
        font-size: 3vw;
    }
	h7 {
		font-size: 5vw;
	}
    .desktopMenu {
        display: none;
    }
    .mobileMenu {
        display: grid;
    }
    .menuElement {
        align-self: center;
        font-size: 6vw;
        font-weight: 300;
    }
    .slideshowWelcome {
        top: 20vw;
        height: 1em;
        margin-bottom: 0em;
        padding: 4em 2em 2em 2em;
        background-image: none;
        animation: none;
        background-color: #F0C99E;
    }
    .welcome {
        background: none;
        height: auto;
        color: #FFF;
        padding: 0 0 0;
        margin-bottom: 0em;
        z-index: 55;
        text-align: center;
    }
    .welcome br {
        display: none;
    }
    .sectionSeparator {
        display: none;
    }
    .button {
        font-size: 4vw;
        color: #FFF;
        background-color: #000;
        margin-top: 2em;
    }
    .button2 {
        font-size: 4vw;
        color: #FFF;
        background-color: #000;
    }
    .A {
        height: auto;
        grid-template-columns: 5vw 1fr 5vw;
        grid-template-rows: auto auto;
        grid-row-gap: 4vw;
        justify-content: center;
        padding: 2em 2em 2em 2em;
        grid-template-areas:
            ". colA ."
            ". colB ."
    }
    .B {
        height: auto;
        grid-template-columns: 5vw 1fr 5vw;
        grid-template-rows: auto auto;
        grid-row-gap: 4vw;
        justify-content: center;
        padding: 4em 2em 2em 2em;
        grid-template-areas:
            ". colA ."
            ". colB ."
    }
    .C {
        height: auto;
        padding: 2em 0em 2em 0em;
        grid-template-columns: 5vw 1fr 5vw;
        grid-template-rows: auto auto auto;
        grid-row-gap: 4em;
        grid-template-areas:
            ". colA ."
            ". colB ."
            ". colC ."
    }
    .D {
        height: auto;
        padding: 2em 0em 2em 0em;
        grid-template-columns: 5vw 1fr 5vw;
        grid-template-rows: auto auto auto;
        grid-row-gap: 4em;
        grid-template-areas:
            ". colA ."
            ". colB ."
            ". colC ."
    }
    .E {
        margin: 5em 0 10em 0;
        grid-template-columns: 1.5fr .5fr 2fr;
        grid-template-areas:
            " auto . . "
    }
    .E div {
        font-size: 2.2vw;
        font-weight: 600;
    }
    .E > div:nth-child(0n+1), .E > div:nth-child(0n+2), .E > div:nth-child(0n+3) {
        font-size: 2.5vw;
        font-weight: 600;
    }
    .F {
        font-size: 2.5vw;
        padding: 0em 0 1em 0;
        margin: 0 .4vw 0 .4vw;
    }
	    .G {
        height: auto;
        grid-template-columns: 5vw 1fr 5vw;
        grid-template-rows: auto auto;
        grid-row-gap: 4vw;
        justify-content: center;
        padding: 2em 2em 2em 2em;
        grid-template-areas:
            ". colA ."
            ". colB ."
    }
	.G iframe {
	width: 100%;
	height: 100vw;
	align-self: start;
}
.G div {
    align-self: center;
}

.H {
    height: auto;
    grid-template-columns: 5vw 1fr 5vw;
    grid-template-rows: auto auto;
    grid-row-gap: 4vw;
    justify-content: center;
    margin-top: 2em;
    grid-template-areas:
        ". colA ."
}
.H div {
align-self: center;
}

    .pageHead {
        top: 10vw;
        height: 7vw;
        padding: 18vw 0 6vw 0;
        margin: 0;
    }
    .title {
        padding: 2em 0 0 2em;
        grid-template-columns: 10vw 1fr 10vw;
        grid-template-areas:
            ". colA ."
    }
    .title2 {
        padding: 0 0 0 4vw;
        margin: 0;
    }
    .title3 {
        padding: 3em;
        grid-template-columns: 0vw 1fr 0vw;
    }
    .label {
        color: #FFF;
        text-align: left;
        height: auto;
        padding: 2em 0em 2em 0em;
        grid-template-columns: 5vw 1fr 5vw;
        grid-template-rows: auto auto auto;
        grid-row-gap: 4em;
        grid-template-areas:
            ". colC ."
            ". colA ."
            ". colB ."
    }
    .C div {
        align-self: top;
    }
    .A img, .B img {
        width: 90vw;
    }
       
    #langContent.menuon {
        display: block;
        line-height: 2;
        position: fixed;
        padding-top: 10vw;
        opacity: 1;
        font-size: 1.5em;
        font-weight: bold;
        z-index: 998;
        text-align: center;
        transition: all 250ms ease, font-size 0ms linear;
    }
}

.call-to-action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.call-to-action-button {
    background-color: #F0C99E;  
    border-color: #F0C99E;
}

.call-to-action-button:hover {
    background-color: #F0C99E;
}

.booking-subtitle {
    text-align: center;
    margin: 40px 0;
}

.prices {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
}

.prices div {
    margin-bottom: 10px;
}

.policy {
    background-color: #FFF;
    color: #000;
    text-align: left;
    margin: 4vw 0;
    padding: 2em 0;
    grid-template-columns: 14vw 1fr 10vw;
    grid-template-areas:
        ". colA .";
}

.policy h1,
.policy h2,
.policy h3,
.policy .intro,
.policy .section,
.policy .closing,
.policy > div[lang] {
    grid-column: 2;
}

.policy .section {
    margin-bottom: 20px;
}

.policy .intro {
    margin: 1.5em 0;
    line-height: 1.6;
}

.policy .intro > div {
    margin-bottom: 0.5em;
}

.policy h1 {
    margin-bottom: 0.5em;
}

.policy h2 {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.policy ul {
    padding-left: 2em;
    margin-left: 0;
}

.policy li {
    margin-bottom: 0.5em;
}