.topspots{position:relative;width:100%;min-height:100vh}.topspots .simpleslider__list,.topspots .simpleslider__track{height:100%}@media(min-width:1024px){.topspots .simpleslider__list,.topspots .simpleslider__track{height:100vh}}.topspots .simpleslider__track.is-fade-in-animation{transform:none!important}.topspots .simpleslider__track.is-fade-in-animation .simpleslider__item{position:absolute;transition:opacity 500ms ease-in-out}.topspots .simpleslider__track.is-animatable .simpleslider__item{opacity:1}.topspots .simpleslider__item{opacity:0}.topspots .simpleslider__item.is-active{opacity:1}.topspots__controls{position:absolute;display:flex;justify-content:center;left:50%;transform:translateX(-50%);z-index:1;top:calc(var(--map-height) + 4rem)}@media(min-width:1024px){.topspots__controls{bottom:0;top:auto}}.topspots__controls .topspots__control-btn{--btn-spacing:1rem;margin:var(--btn-spacing)}@media(min-width:1024px){.topspots__controls .topspots__control-btn{--btn-spacing:2rem}}.topspots__controls .topspots__control-btn:last-child{margin-right:var(--btn-spacing)}.topspots__map{display:flex;justify-content:center;position:absolute;height:auto;width:100%;max-height:50vh;max-width:100%;top:3rem;left:50%;transform:translateX(-50%);z-index:1;text-align:center}@media(min-width:1024px){.topspots__map{transform:translate(-50%,-50%);width:auto;max-width:calc(50vw - 10rem);max-height:calc(100vh - 10rem);top:50%;left:50%}}.topspot{position:relative;width:100%;height:100%;color:var(--color-media)}@media(min-width:1024px){.topspot{height:100%}}.topspot.is-active{height:100%}.topspot__bg{background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;inset:0;height:auto}.topspot__bg[data-background-brightness]{filter:var(--background-brightness)}.topspot__content-wrap{position:relative;background-color:var(--color-transparent-bg);margin-top:calc(var(--map-height) + 9rem);margin-right:2rem;margin-left:2rem}@media(min-width:1024px){.topspot__content-wrap{width:50%;height:100%;display:flex;position:absolute;right:0;bottom:0;align-items:center;margin:0}}.topspot__content{width:100%;white-space:normal;padding:1rem;margin-bottom:2rem}@media(min-width:1024px){.topspot__content{width:calc(50vw - 10rem);max-width:30vw;max-height:calc(100% - 7rem);padding:2rem;margin:0 0 0 auto;overflow-x:auto}.topspot__content .btn:last-child{margin-bottom:1rem}}@media(min-width:1280px){.topspot__content{max-width:384px;margin:0 auto 0 calc(280px + 1rem)}}.topspot__header-line{display:flex}@media(min-width:1024px){.topspot__header-line{flex-direction:column;flex-wrap:wrap}}.topspot__header{padding-top:.4rem}@media(min-width:1024px){.topspot__header{padding-top:0}}.topspot__highlights{font-family:var(--typo-text-font-family);font-weight:var(--typo-text-font-weight);line-height:var(--typo-text-line-height);font-style:var(--typo-text-font-style);margin-top:0;margin-bottom:var(--typo-text-spacing);font-size:var(--typo-s-font-size);font-family:var(--typo-s-font-family,var(--typo-text-font-family));font-weight:var(--typo-s-font-weight,var(--typo-text-font-weight));line-height:var(--typo-s-line-height,var(--typo-text-line-height));font-style:var(--typo-s-font-style,var(--typo-text-font-style));display:flex;flex-wrap:wrap}.topspot__highlights .icon__svg{width:1.125rem;height:1.125rem}.topspot__highlight{flex:0 1 33.3333%;padding-right:.5em}.topspot__highlight-header .typo-m{font-family:var(--typo-hx-font-family)}.topspot__highlight-title{font-weight:var(--typo-font-weight-bold);margin-bottom:.25em}.topspot-svg{width:560px;height:560px;max-height:50vh;max-width:calc(100% - 2rem);margin-right:1rem;margin-left:1rem}@media(min-width:1024px){.topspot-svg{max-height:100%}}.topspot-svg .topspot-svg__map-area:focus{outline:none}.topspot-svg .topspot-svg__map-area:hover .topspot-svg__area{fill:color-mix(in srgb,var(--color-link),#000 10%)}.topspot-svg .topspot-svg__map-area:hover .topspot-svg__text{fill:var(--color-light)}.topspot-svg .topspot-svg__map-area:hover .topspot-svg__gradient{stop-color:color-mix(in srgb,var(--color-link),#000 10%)}.topspot-svg .topspot-svg__area{fill:var(--color-light);cursor:pointer}.topspot-svg .topspot-svg__text{fill:var(--color-link)}.topspot-svg .is-active .topspot-svg__area,.topspot-svg .is-selected .topspot-svg__area{fill:var(--color-link)}.topspot-svg .is-active .topspot-svg__text,.topspot-svg .is-selected .topspot-svg__text{fill:var(--color-light)}