.static-page-container{width: auto; padding-left: 0; padding-right: 0;}
    .lr-container{width: auto; padding-left: 0; padding-right: 0;}
    .absolutelink{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4;}

    .wrapIntro img{width: 100%;}
    .catalogue img{width: 100%;}
    
    .link-sm, .link-md, .link-lg{color: #fff;}
    .link-sm::after, .link-md::after, .link-lg::after{background-color: #fff;}

    .wrapIntro{background-color: #0E0EE2; padding: 40px 0; flex-direction: column; color: #FFC6CC; position: relative; align-items: center;}
    .wrapIntro .titleIntro{margin-bottom: 16px;}
    .wrapIntro .headerGif{position: relative; margin-bottom: 32px;}

    .wrapIntro .Placeholder-gif{position: relative; overflow: hidden;}
    .wrapIntro .Placeholder-gif img{display: block; width: 100%;}
    .wrapIntro .Placeholder-gif img:first-child{position: relative; z-index: 1; opacity: 1;}
    .wrapIntro .Placeholder-gif img:not(:first-child){position: absolute; inset: 0; z-index: 2; opacity: 0;animation-duration: 3.2s; animation-iteration-count: infinite; animation-timing-function: steps(1, end);}

    .wrapIntro .Placeholder-gif img:nth-child(2){animation-name: placeholderGifFrame2;}
    .wrapIntro .Placeholder-gif img:nth-child(3){animation-name: placeholderGifFrame3;}
    .wrapIntro .Placeholder-gif img:nth-child(4){animation-name: placeholderGifFrame4;}

    @keyframes placeholderGifFrame2{
        0%{opacity: 0;}
        25%{opacity: 1;}
    }
    @keyframes placeholderGifFrame3{
        0%{opacity: 0;}
        50%{opacity: 1;}
    }
    @keyframes placeholderGifFrame4{
        0%{opacity: 0;}
        75%{opacity: 1;}
    }

    .catalogue{padding: 0 0 40px;}
    .catalogue .bodyCatalogue{margin: 16px 0;}

    .catalogue1{background-color: #EBF9D7; color: #B02835; }
    .catalogue1 .catalogue1Zoom{margin-top: 40px;}
    .catalogue1 .catalogue1Zoom .catalogue1ZoomImg{margin-top: 40px;}

    .catalogue2{background-color: #DEF2FF; color: #B02835;}
    .catalogue2video{margin-bottom: 40px;}
    .catalogue2Zoom{height: fit-content;}
    .catalogue2ZoomImg{margin-top: 40px;}

    .catalogue3{background-color: #FFE4E5; color: #004A70;}
    .catalogue3video{margin-bottom: 40px;}
    .catalogue3Zoom{height: fit-content;}
    .catalogue3ZoomImg{margin-top: 40px;}

    .catalogue4{background-color: #F0E5FF; color: #B02835; }
    .catalogue4 .catalogue4Zoom{margin-top: 40px;}
    .catalogue4 .catalogue4Zoom .catalogue4ZoomImg{margin-top: 40px;}

    @media (min-width: 768px){
        .wrapIntro{flex-direction: row;}
        .wrapIntro .headerGif{margin-bottom: 0;}
        .catalogue{padding: 40px 0 56px;}

        .catalogue1 .catalogue1Zoom{margin-top: 32px;}
        .catalogue1 .catalogue1Zoom .catalogue1ZoomImg{margin-top: 0;}
        .catalogue1{padding: 40px 0 56px;}
        
        .catalogue2video{margin-bottom: 32px;}
        .catalogue2ZoomImg{margin-top: 0;}

        .catalogue3video{margin-bottom: 32px;}
        .catalogue3ZoomImg{margin-top: 0;}

        .catalogue4 .catalogue4Zoom{margin-top: 32px;}
        .catalogue4 .catalogue4Zoom .catalogue4ZoomImg{margin-top: 0;}
        .catalogue4{padding: 40px 0 56px;}
    }
    @media (min-width: 992px){
        .catalogue{padding: 64px 0;}

        .catalogue1 .catalogue1Zoom{margin-top: 40px;}
        .catalogue1 .catalogue1ZoomTxt{order: 2;}

        .catalogue2video{order: 3; margin-bottom: 0;}
        .catalogue2video .wrapVideoFilm{margin-right: calc(1 / 14 * 100%);}
        .catalogue2ZoomImg{margin-top: 40px;}

        .catalogue3video{margin-bottom: 0; }
        .catalogue3video .wrapVideoFilm{margin-right: calc(1 / 14 * 100%);}
        .catalogue3ZoomImg{margin-top: 40px;}

        .catalogue4 .catalogue4Zoom{margin-top: 40px;}
    }

    @media (min-width: 768px) and (max-width: 991px){
        .catalogue2ZoomTxt{width: 70%;}
        .catalogue2ZoomImg{width: 30%;}

        .catalogue3ZoomTxt{width: 70%;}
        .catalogue3ZoomImg{width: 30%;}
    }

    @media (min-width: 1200px){
        .title-xl-default{font-size: 61px; line-height: 68px;}
        .title-lg-default{font-size: 49px; line-height: 56px;}
        .title-md-default{font-size: 39px; line-height: 48px;}
        .title-sm-default{font-size: 31px; line-height: 40px;}
        .title-xs-default{font-size: 25px; line-height: 36px;}
    }

.videoFilm {position: relative;overflow: hidden; width: 100%; max-height: 100vh; }
.videoFilm.videoFilm1, .videoFilm.videoFilm2, .videoFilm.videoFilm3, .videoFilm.videoFilm4{aspect-ratio: 9 / 16;}
@media (min-width: 768px) {
    .videoFilm.videoFilm1, .videoFilm.videoFilm4{aspect-ratio: 16 / 9;}
    .videoFilm.videoFilm2, .videoFilm.videoFilm3{aspect-ratio: 1 / 1;}
}

.hero-poster {position: absolute; inset: 0; z-index: 1;}
.hero-poster img {width: 100%; height: 100%;object-fit: cover;}
.videoFilm video {position: absolute; inset: 0;z-index: 2; width: 100%; height: 100%; object-fit: cover;}