html, body { width: 100%; height: 100%; overflow: hidden; }

.landing, .landing.has-flashInfos { padding: 0; margin:0; }

.landing .grid-container { overflow-x: unset; width: 100%; height: 100%; }

.grid-container { overflow-x: hidden; position: relative; }

.landing main { width: 100%; height: 100%; }

.landing section:first-of-type { margin-top: 0; }

.landing .container, .landing .container__skewWrapper { height: 100%; overflow: hidden; }

.landing .container { width: 100% !important; max-width:unset; }

.landing .container__pan:not(.no-link):hover .container__background { transform: scale(1.1); }

a, a:focus, a:hover {
    color: #000;
    text-decoration: none;
}


section:last-of-type {
    margin-bottom: 0;
}
.landing section { margin: 0; }
.container { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; width: 400px; }
section { margin: 30px 0; }
.container:after, .container:before { content: " "; display: table; }
.landing .container__pan { width: 100%; height: 50%; position: relative; box-sizing: content-box;}
.landing .container__pan--left .container__background {
    background: url(/assets/img/landing-img-left.jpg) no-repeat 50%;
}
.landing .container__background {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    transition: transform .3s ease;
    transform: translateZ(0);
}
.landing .container__content {
    position: absolute;
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 100%;
    transition: transform .3s ease;
    transform: translateZ(0);
}
a.link {
    text-decoration: underline;
}
.container:after {
    clear: both;
}

.landing .clip-svg {
    display: none;
}

.landing .container__content .logo { display: inline-block }

.landing .container__content .text { font: 700 4vw/1 Open Sans,Helvetica,Arial,sans-serif; text-transform: uppercase }
.landing .container__content .text span { display: inline-block; padding: 5px 20px; transition: transform .3s ease; transform: translateZ(0) }

.landing .container__content .text .is-yellow { background: #ff0; color: #000 }
.landing .container__content .text .is-black { background: #000; color: #fff;
}

@media (min-width: 576px)
{
    .landing .container__pan { float: left; width: 50%; height: 100%; }

    .landing .container__pan--left .container__background { -webkit-clip-path: url(#clip-polygon1); clip-path: url(#clip-polygon1); padding-left: 12%; margin-right: -12%; }
    .landing .container__pan--right .container__background { -webkit-clip-path: url(#clip-polygon2); clip-path: url(#clip-polygon2); padding-right: 12%; margin-left: -12%; }
    .landing .clip-svg { display: block; }
    .landing .container__content .text { font-size: 2vw; }
    .landing .container__pan .text { margin-top: 60px; }
    .landing .container__pan .text span { padding: 10px 20px; }
    .landing .container__pan--left .text--bottom { margin-left: 145px; }
    .landing .container__pan--left:hover .text--top { transform: translateX(50px) }
    .landing .container__pan--left:hover .text--bottom { transform: translateX(-25px) }

    .landing .container__pan--right:hover .text--top { transform: translateX(25px) }
    .landing .container__pan--right:hover .text--bottom { transform: translateX(-25px) }
    
}

@media(max-width: 767px) {
    body .container { width: 100%; }
}

svg:not(:root) { overflow: hidden; }





#cookieBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 90px 30px;
    background: #fff;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: center;
    box-shadow: -8px -7px 20px 0 rgba(0, 0, 0, 0.1);
}