.layout-article--banner{padding:0}.banner-wrapper{position:relative;min-height:247px;background-color:var(--primaryLight)}.banner-wrapper h1{z-index:2}.banner{position:relative;z-index:2}.banner--homepage{height:calc(100vh - 14em)}.banner--high{height:calc(100vh - 6.5em)}.banner__background{position:relative;height:100%}.banner__background:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.05);pointer-events:none}.banner__background-img{width:100%;height:100%;object-fit:cover}.banner__video{position:relative;overflow:hidden;width:100%;height:56.25vw;max-height:calc(100vh - 14em);min-height:65px;background-color:#84cae7}.banner__video--home{height:100%;max-height:100%}.banner__video-wrapper{position:absolute;height:100%;box-sizing:border-box;width:100%;margin:0;padding:0;overflow:hidden;background-color:#fff;box-shadow:inset 0 0 50vw #aaa}.banner__video--home .banner__video-wrapper{width:120%;margin:0 -10%;padding:0 10%}.banner__video-element{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.banner__video--paused .banner__video-element{pointer-events:none}.banner__video-preview{position:absolute;top:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s;pointer-events:none;z-index:1}.banner__video--buffering .banner__video-preview{opacity:0;pointer-events:none}.banner__video--paused .banner__video-preview{opacity:0;pointer-events:none}.banner__video--playing .banner__video-preview,.flexslider .slides .banner__video--playing .banner__video-preview{display:none;pointer-events:none}.banner__video-button{position:absolute;background-color:#00a7c9;width:60px;height:60px;border-radius:50%;border:0;margin:0;padding:0;z-index:9;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;transition:opacity .3s 1s;opacity:0}.banner__video-button.show{opacity:1}.banner__video-button:after{position:absolute;content:'';width:0;height:0;border:12px solid transparent;border-left:22px solid #fff;margin:-12px -8px}.banner__video--initializing .banner__video-button{opacity:.25;transition:opacity .1s}.banner__video--initialized .banner__video-button{opacity:1}.banner__video--playing .banner__video-button{opacity:0}@media (hover:hover){.banner__video .banner__video-cover .banner__video-element{opacity:0}.banner__video--initialized .banner__video-cover .banner__video-element{opacity:1}}.banner__overlay{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:1}.banner__overlay .content-container{display:flex;flex-direction:column;height:100%}.banner__title{margin:.5em auto}.banner__overlay .banner__title{font-size:7em;line-height:2em;color:#fff;text-shadow:0 0 40px rgba(0,0,0,.6);margin:auto}.banner__searcher{position:relative;width:100%;min-height:100px;padding:20px 10px;box-sizing:border-box;background-color:#fff;box-shadow:0 3px 16px 0 rgba(0,0,0,.2);pointer-events:auto;margin-top:auto}.banner__searcher--hide{display:none}.banner__searcher--show{display:block}.banner__logos{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:2vw;width:40%;min-width:300px;padding:100px 0 0;margin:auto 0 2em auto}.banner-wrapper:has(+.layout-article--intro) .banner__logos{margin-bottom:16em}.banner__logo{width:120px}@media screen and (max-width:1480px){.layout-content:has(.layout-article--acco-last-minutes) .button-bottom{bottom:80px}}@media screen and (max-width:1370px){.banner-wrapper{min-height:18vw}}@media (max-width:900px){.banner__title{font-size:5.5em}}@media screen and (max-width:800px){.layout-content:has(.banner--has-searcher) .banner-wrapper{padding-bottom:230px}.banner__searcher{min-height:calc(270px + 2.8em)}.banner--has-searcher+.button-bottom{bottom:360px}.banner__searcher{padding-top:10px;margin-bottom:-210px}}@media screen and (max-width:680px){.banner-wrapper{min-height:auto}.banner--homepage{height:340px}.banner--high{height:auto}.banner__logos{display:flex;flex-direction:column;width:auto;min-width:auto;padding:0}
.banner-wrapper:has(+.layout-article--intro) .banner__logos{margin-bottom:2em}.banner__logo{width:80px}.banner__searcher{min-height:calc(230px + 2.8em)}.banner__title{font-size:4em}}@media (max-width:480px){.banner__title{font-size:2.5em}}@media screen and (min-width:681px) and (max-height:540px){.banner--has-searcher .banner__logos{display:none}}
