.duotone .story h1.headline-special-big,.duotone .story h2.headline-special-big,.story .h1,.story h1{font-family:var(--font-sans-compressed);font-size:50px;font-weight:100;line-height:46px;text-transform:uppercase}@media only screen and (min-width:1024px){.duotone .story h1.headline-special-big,.duotone .story h2.headline-special-big,.story .h1,.story h1{font-size:120px;line-height:100px}}.duotone .story .h2,.duotone .story h2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;line-height:var(--line-height-base)}@media only screen and (min-width:1024px){.duotone .story .h2,.duotone .story h2{font-size:var(--text-4xl);line-height:40px}}.duotone .story .h3,.duotone .story h3{font-size:var(--text-lg);line-height:var(--line-height-base)}@media only screen and (min-width:1024px){.duotone .story .h3,.duotone .story h3{font-size:var(--text-3xl);line-height:45px}}.duotone .story .h5,.duotone .story h5{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--line-height-xxs)}@media only screen and (min-width:1024px){.duotone .story .h5,.duotone .story h5{font-size:var(--text-base);line-height:var(--line-height-sm)}}.hotspot-selector{display:inline-flex;flex-direction:column;overflow:hidden;width:100%}.hotspot-selector__headline{padding-left:20px;padding-top:20px}@media only screen and (min-width:768px){.hotspot-selector__headline{padding:0}}.hotspot-selector__inner{display:inline-flex;flex-direction:column;margin-top:32px}@media only screen and (min-width:768px){.hotspot-selector__inner{flex-direction:row}}.hotspot-selector__left-side,.hotspot-selector__right-side{max-width:100vw;position:relative}@media only screen and (min-width:768px){.hotspot-selector__left-side,.hotspot-selector__right-side{max-width:50%}}.hotspot-selector__left-side{background:radial-gradient(circle at bottom left,rgb(var(--color-primary)) -15%,rgb(var(--color-gray-dark)) 50%);color:#fff;width:100%}.hotspot-selector__left-side img{filter:blur(0) brightness(1);transition:all .5s linear}.hotspot-selector__left-side--blur-active img{filter:blur(30px) brightness(.3) opacity(.5)}.hotspot-selector__hotspots{margin:0 auto;max-width:100%;position:relative;z-index:10}@media only screen and (min-width:768px){.hotspot-selector__hotspots{max-width:80%}}@media only screen and (min-width:1440px){.hotspot-selector__hotspots{max-width:70%}}.hotspot-selector__hotspots--blur-active .hotspot-button{display:none!important}.hotspot-selector__right-side{aspect-ratio:1/1;background:rgb(var(--color-black));overflow:hidden;width:100%}.hotspot-selector__right-side img{height:100%;-o-object-fit:cover;object-fit:cover}.hotspot-selector__right-side iframe{height:100%;width:100%}.hotspot-selector__right-side .responsive-video-container__inner{bottom:0;top:0}.hotspot-selector__swiper{opacity:1;position:relative;transition:all .5s ease;transition-delay:.5s}.hotspot-selector__swiper--hide{opacity:0;transition-delay:0s}.hotspot-selector__swiper-overlay{bottom:60px;opacity:0;position:absolute;scrollbar-color:#fff rgb(var(--color-gray-dark));scrollbar-width:thin;top:5%;transform:translateY(66%);transition:all .5s ease;width:100%}@media only screen and (min-width:1024px){.hotspot-selector__swiper-overlay{bottom:80px}}.hotspot-selector__swiper-overlay--show{opacity:1;transform:translateY(0);z-index:10}.hotspot-selector__swiper-overlay .swiper-slide{overflow-y:scroll}.hotspot-selector__swiper-overlay::-webkit-scrollbar,.hotspot-selector__swiper-overlay::-webkit-scrollbar-track{background:transparent;width:10px}.hotspot-selector__swiper-overlay::-webkit-scrollbar-thumb{background:#fff;border:4px solid rgb(var(--color-gray-dark));border-radius:10px}.hotspot-selector__details{display:inline-flex;flex-direction:column;flex-wrap:wrap;gap:20px;padding:0 16px 8px;width:100%}@media only screen and (min-width:768px){.hotspot-selector__details{padding:0 40px 8px}}.hotspot-selector__details--visible_title{margin-bottom:20px}.hotspot-selector__short-text{display:none;opacity:0;transition:all .5s ease}@media only screen and (min-width:768px){.hotspot-selector__short-text{display:block;margin-bottom:0;opacity:1}}.hotspot-selector__actions{display:flex;justify-content:space-between;padding:0 16px 16px;position:relative;width:100%;z-index:40}@media only screen and (min-width:768px){.hotspot-selector__actions{padding:0 32px 32px}}.hotspot-selector__more-button{align-self:flex-end;display:block;text-decoration:underline}.hotspot-selector .pagination-container .hotspot-selector__navigation-button{background:transparent;color:#fff}.float-enter-active,.float-leave-active{opacity:1;transform:translate(0);transition:all .5s ease}.float-enter-from,.float-leave-to{opacity:0;transform:translate(-2%);transition:all 0s ease}
