section.okd-portal{display:flex;flex-direction:row;align-items:stretch;height:100vh;position:relative}section.okd-portal .portal__logo{position:absolute;top:3rem;left:1.875rem;z-index:99}section.okd-portal .portal__logo img,section.okd-portal .portal__logo svg,section.okd-portal .portal__logo picture{display:block;width:auto;height:1.5rem}section.okd-portal .portal__logo svg path{fill:#fff!important;transition:all 2.5s ease}section.okd-portal .portal__logo.hover svg path,section.okd-portal .portal__logo.active svg path{fill:#000!important}section.okd-portal .portal__left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;flex:0 0 auto;padding:2rem clamp(1.125rem,-.98rem + 8.63vw,9.375rem) 2rem clamp(1.125rem,-1.46rem + 10.59vw,11.25rem);position:relative;background:#f1efee}section.okd-portal .portal__left .portal__left-headline{flex:0 0 auto;position:relative;z-index:2}section.okd-portal .portal__left .portal__left-headline img,section.okd-portal .portal__left .portal__left-headline svg,section.okd-portal .portal__left .portal__left-headline picture{display:block;width:auto;height:clamp(3.375rem,-.94rem + 4.79vw,4.8125rem)}section.okd-portal .portal__left .portal__left-headline svg *{fill:#fff!important;transition:all 2.5s ease}section.okd-portal .portal__left p{opacity:0;font-family:Canela Text Web,serif;font-size:clamp(1.0625rem,.5rem + .625vw,1.25rem);font-weight:400;line-height:1.2;text-transform:uppercase;color:#000;flex:0 0 auto;margin:2.4375rem 0 3.25rem;position:relative;z-index:2;transition:opacity 2.5s ease}section.okd-portal .portal__left .portal__left-placeholder{opacity:0;width:100%;height:auto;aspect-ratio:19/12;position:relative;z-index:2;max-width:612px}section.okd-portal .portal__left .portal__left-placeholder+p{font-family:Suisee Intl Mono,sans-serif;font-size:.875rem;font-weight:250;margin:0}section.okd-portal .portal__left .portal__left-visual{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:opacity 2.5s ease}section.okd-portal .portal__left .portal__left-visual img,section.okd-portal .portal__left .portal__left-visual svg,section.okd-portal .portal__left .portal__left-visual picture,section.okd-portal .portal__left .portal__left-visual video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}section.okd-portal .portal__left .portal__left-link{opacity:0;flex:0 0 auto;margin:2.8125rem 0 0;position:relative;z-index:2;transition:opacity 2.5s ease}section.okd-portal .portal__left .portal__left-link a{font-family:Suisee Intl Mono,sans-serif;font-size:.875rem;font-weight:250;line-height:1.42;color:#000;text-transform:uppercase;text-decoration:none}section.okd-portal .portal__left .portal__left-link a strong{font-weight:400}section.okd-portal .portal__left:hover .portal__left-headline svg *,section.okd-portal .portal__left.active .portal__left-headline svg *{fill:#000!important}section.okd-portal .portal__left:hover p,section.okd-portal .portal__left:hover .portal__left-placeholder,section.okd-portal .portal__left:hover .portal__left-link,section.okd-portal .portal__left.active p,section.okd-portal .portal__left.active .portal__left-placeholder,section.okd-portal .portal__left.active .portal__left-link{opacity:1}section.okd-portal .portal__left:hover .portal__left-visual,section.okd-portal .portal__left.active .portal__left-visual{opacity:0}section.okd-portal .portal__right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;flex:0 0 auto;padding:2rem clamp(1.125rem,-1.46rem + 10.59vw,11.25rem) 2rem clamp(1.125rem,-.98rem + 8.63vw,9.375rem)}section.okd-portal .portal__right .portal__right-headline{flex:0 0 auto}section.okd-portal .portal__right .portal__right-headline img,section.okd-portal .portal__right .portal__right-headline svg,section.okd-portal .portal__right .portal__right-headline picture{display:block;width:auto;height:clamp(3.375rem,-.94rem + 4.79vw,4.8125rem)}section.okd-portal .portal__right p{font-family:Suisee Intl Mono,sans-serif;font-size:clamp(1.0625rem,.5rem + .625vw,1.25rem);font-weight:400;line-height:1.2;text-transform:uppercase;flex:0 0 auto;margin:2.4375rem 0 3.25rem}section.okd-portal .portal__right .portal__right-visual{width:100%;aspect-ratio:3/2;max-height:100%;max-width:612px;position:relative;overflow:hidden}section.okd-portal .portal__right .portal__right-visual img,section.okd-portal .portal__right .portal__right-visual svg,section.okd-portal .portal__right .portal__right-visual picture,section.okd-portal .portal__right .portal__right-visual iframe{display:block;width:100%;height:100%;object-fit:contain;object-position:left;border:0;position:absolute;top:0;left:0;z-index:1}section.okd-portal .portal__right .portal__right-visual a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}section.okd-portal .portal__right .portal__right-link{flex:0 0 auto;margin:2.8125rem 0 0}section.okd-portal .portal__right .portal__right-link a{font-family:Suisee Intl Mono,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42;text-transform:uppercase;text-decoration:none}section.okd-portal .portal__right .portal__right-link a strong{font-family:Suisee Intl,sans-serif;font-weight:700}section.okd-portal #okd-portal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;opacity:1;transition:opacity 2.5s ease}section.okd-portal #okd-portal__overlay video,section.okd-portal #okd-portal__overlay iframe{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border:0;transition:opacity 2.5s ease}section.okd-portal #okd-portal__overlay.okd-overlay--hiding{opacity:0;pointer-events:none}section.okd-portal #okd-portal__overlay.okd-overlay--hiding video,section.okd-portal #okd-portal__overlay.okd-overlay--hiding iframe{opacity:0}section.okd-portal #okd-portal__overlay:before{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}@media only screen and (max-width:1440px){section.okd-portal .portal__left .portal__left-headline img,section.okd-portal .portal__left .portal__left-headline svg,section.okd-portal .portal__left .portal__left-headline picture{height:clamp(3.125rem,3.03rem + .38vw,3.375rem)}section.okd-portal .portal__left p{font-size:clamp(.875rem,.81rem + .286vw,1.0625rem);line-height:1.17;margin:1.625rem 0 2.25rem}section.okd-portal .portal__left .portal__left-placeholder{aspect-ratio:19/10}section.okd-portal .portal__left .portal__left-placeholder+p br{display:none}section.okd-portal .portal__left .portal__left-link{margin-top:.5625rem}section.okd-portal .portal__left .portal__left-link a{font-size:clamp(.875rem,.81rem + .286vw,1.0625rem)}section.okd-portal .portal__right .portal__right-headline img,section.okd-portal .portal__right .portal__right-headline svg,section.okd-portal .portal__right .portal__right-headline picture{height:clamp(3.125rem,3.03rem + .38vw,3.375rem)}section.okd-portal .portal__right p{font-size:clamp(.875rem,.81rem + .286vw,1.0625rem);line-height:1.17;margin:1.625rem 0 2.25rem}section.okd-portal .portal__right .portal__right-link{margin-top:.5625rem}section.okd-portal .portal__right .portal__right-link a{font-size:clamp(.875rem,.81rem + .286vw,1.0625rem)}}@media only screen and (max-width:1024px){section.okd-portal{flex-direction:column}section.okd-portal .portal__left{width:100%;min-height:26.75rem;height:auto;flex:0 0 auto;padding-top:7.5rem;padding-bottom:7.5rem;padding-right:clamp(1.125rem,-1.46rem + 10.59vw,11.25rem);padding-left:clamp(1.125rem,-.98rem + 8.63vw,9.375rem)}section.okd-portal .portal__left .slide .slide__inner .slide__text.text-style-1,section.okd-portal .portal__left .slide .slide__inner .slide__text.text-style-1 *{font-size:.875rem}section.okd-portal .portal__left .slide .slide__inner .slide__text.text-style-2,section.okd-portal .portal__left .slide .slide__inner .slide__text.text-style-2 *{font-size:.875rem}section.okd-portal .portal__right{width:100%;height:auto;justify-content:flex-start;padding-top:0;padding-bottom:.875rem}section.okd-portal .portal__right .portal__right-headline{order:2;margin:0 0 .6875rem}section.okd-portal .portal__right p{order:1;margin:.75rem 0 .9375rem}section.okd-portal .portal__right .portal__right-visual{order:3}section.okd-portal .portal__right .portal__right-visual img,section.okd-portal .portal__right .portal__right-visual svg,section.okd-portal .portal__right .portal__right-visual picture,section.okd-portal .portal__right .portal__right-visual iframe{object-fit:contain;object-position:left}section.okd-portal .portal__right .portal__right-link{order:4;margin-top:.5rem}}@media only screen and (max-width:390px){section.okd-portal .portal__logo{top:2.25rem;left:1.125rem}section.okd-portal .portal__right .portal__right-headline img,section.okd-portal .portal__right .portal__right-headline svg,section.okd-portal .portal__right .portal__right-headline picture{width:calc(96vw - 2.25rem);height:auto}section.okd-portal .portal__right p{font-size:3.75vw}section.okd-portal .portal__right .portal__right-link a{font-size:3.75vw}}.okd-overlay-active{overflow:hidden}section.okd-portal .portal__left .portal__left-hitarea{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:block;cursor:pointer}section.okd-portal .portal__left .portal__left-hitarea:focus-visible{outline:1px solid #000;outline-offset:-8px}section.okd-portal .portal__left .portal__left-visual video{filter:contrast(1.05) saturate(1.04) brightness(.98)}
/*# sourceMappingURL=/cdn/shop/t/90/assets/okd-portal.css.map */