@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.4;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}body{background:var(--_body-background);font-family:var(--_font-family-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@layer basic-typography{:is(h1,h2,h3,h4,h5,h6,p,ul,ol,address,blockquote,dl,details,button,time,label,.label,legend,.legend,table,figcaption,input,a){--slope: calc(var(--font-size-max) - var(--font-size-min)) / (var(--_max-vw) - var(--_min-vw));--y-axis-intersection: calc(var(--_min-vw) * -1 * var(--slope) + var(--font-size-min));--font-size-clamp-min: calc(var(--font-size-min) / 16 * 1rem);--font-size-clamp-preferred: calc((var(--y-axis-intersection) / 16 * 1rem) + (var(--slope) * 100vw));--font-size-clamp-max: calc(var(--font-size-max) / 16 * 1rem);font-size:clamp(var(--font-size-clamp-min),var(--font-size-clamp-preferred),var(--font-size-clamp-max))}:is(h1,h2,h3,h4,h5,h6){color:var(--headline-color, var(--text-color));font-weight:600;font-family:var(--font-family-display);margin:0 0 var(--_gap-y);line-height:1}h1,h2{--font-size-min: 45;--font-size-max: 85}h3,h4{--font-size-min: 37;--font-size-max: 27}h5,h6{--font-size-min: 30;--font-size-max: 20}:is(p,ul,ol,address,blockquote,dl,details,button,time,label,.label,legend,.legend,table,figcaption,input){--font-size-min: 17;--font-size-max: 17;margin:0 0 var(--_gap-y);color:var(--text-color);font-weight:500}:is(p,ul,ol,address,blockquote,dl,details,button,time,label,.label,legend,.legend,table,figcaption,input):last-child{margin-bottom:0}ul,ol{list-style:none;padding-left:0}main ul,main ol{list-style:disc;padding-left:1.5em}ul li:not(:last-child),ol li:not(:last-child){margin-bottom:.5em}ul li p:last-child,ol li p:last-child{margin:0}dl{display:grid;grid-template-columns:auto 1fr;column-gap:1em}dl dt,dl dd{display:block;margin:0}dl dt{grid-column:1/2}dl dd{grid-column:2/3}b,strong{font-weight:600}em,i{font-style:italic;font-weight:300}a{text-decoration:none;color:var(--link-color, var(--text-color));text-underline-offset:.15em;text-decoration-thickness:1px}main a{text-decoration:underline}a:hover,a:focus-visible{color:var(--link-hover-color, inherit);text-decoration-color:var(--link-hover-color);text-decoration:underline}p a>*{pointer-events:none}address{font-style:normal}img{display:block;width:100%;height:auto;margin:0;object-fit:cover;object-position:var(--focus-x) var(--focus-y)}figure{margin:0 0 2em 0}figcaption{padding-top:.5em;line-height:1.1;text-align:center;font-style:italic}audio{display:block;width:100%}blockquote{margin-bottom:1.5em}blockquote>p{font-style:italic;line-height:1.75}blockquote cite{font-style:normal;display:block;margin-top:-0.5em;margin-bottom:1.5em}hr{border:none;border-top:1px solid var(--black-half);margin-top:var(--_gutter);margin-bottom:var(--_gutter)}iframe{width:100%;border:none}input[type=text],input[type=email],input[type=search],input[type=number]{padding:.4em .7em;border:none;border-bottom:1px solid var(--highlight-color);background:var(--input-background);color:var(--input-color)}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=search]:focus-visible,input[type=number]:focus-visible{outline:none;border-color:var(--highlight-color)}label,.label,legend,.legend{margin:0 0 .2em}form label{cursor:pointer}button{cursor:pointer;border:none;appearance:none}input[type=submit],button[type=submit]{padding:.4em .7em;background:var(--input-highlight);color:var(--input-background)}input[type=submit]:hover,input[type=submit]:focus-visible,button[type=submit]:hover,button[type=submit]:focus-visible{background:var(--input-highlight-active)}}html{height:100%}html,body{scroll-behavior:smooth}body{min-height:100%}:root{--white: white;--black: black;--black-half: rgba(#000000, 0.5);--lightgray: #fafafa;--aquamarine: #6CF1FF;--persimmon: #FF644A;--pastel-green: #60E29A;--lavender-magenta: #F27FDE;--heliotrope: #9D5FFF;--razzmatazz: #EA0054;--gallery: #EBEBEB;--silver: #BABABA;--scorpion: #5B5B5B;--alto: #D9D9D9;--_home_color-default: var(--aquamarine);--_home_color-alternative: var(--persimmon);--_level_0-color: var(--aquamarine);--_level_1-color: var(--pastel-green);--_level_2-color: var(--lavender-magenta);--_level_3-color: var(--persimmon);--_level_4-color: var(--razzmatazz);--_text-color: var(--black);--_text-color-inverted: var(--white);--_highlight-color: var(--persimmon);--_accent-color: var(--razzmatazz);--_background-color: var(--white);--_background-color-inverted: var(--black);--_body-background: var(--_background-color);--_font-family-text: "SuissIntl", system-ui, sans-serif;--_font-family-display: "SuissIntl", system-ui, sans-serif;--_gutter: 0.3125rem;--_gap-y: 1.25rem;--_outer-gutter: var(--_gutter);--_container-width: 82.5rem;--_container-width--large: min(150dvh, 122.5rem);--_min-vw: 428;--_max-vw: 1280;--_max-w-portrait: 30rem;--_ease-out-bounce: cubic-bezier(.47, 1.64, .41, .8);--_ease-out-strong: cubic-bezier(.19, .96, .38, .96);--text-color: var(--_text-color);--headline-color: var(--_text-color);--background-color: var(--_background-color);--link-color: var(--_text-color);--link-hover-color: var(--_text-color);--_lvlctrl-upright-height: 25rem;--_lvlctrl-upright-width: 3rem}@media screen and (min-width: 33em){:root{--_gutter: 1.25rem}}@media screen and (max-height: 44em){:root{--_container-width--large: 122.5rem}}@font-face{font-family:"SuissIntl";src:url("../fonts/SuisseIntl-Book-WebM.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"SuissIntl";src:url("../fonts/SuisseIntl-Regular-WebM.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"SuissIntl";src:url("../fonts/SuisseIntl-Medium-WebM.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"SuissIntl";src:url("../fonts/SuisseIntl-SemiBold-WebM.woff2") format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"SuissIntl";src:url("../fonts/SuisseIntl-Bold-WebM.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"SuissIntl";src:url("../fonts/SuisseIntl-Black-WebM.woff2") format("woff2");font-weight:900;font-style:normal}@layer utilities{.-u-hidden,.references h3,.-u-btn--close>span{position:absolute;left:-1000vw;top:auto;width:1px;height:1px;overflow:hidden}.-u-btn,.languages li a,.languages li span{align-content:center;text-align:center;position:relative;block-size:2.3125rem;padding-inline:1.1em;text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;font-weight:500;z-index:0;line-height:1;transition:transform .2s;appearance:none;background:rgba(0,0,0,0)}.-u-btn span,.languages li a span,.languages li span span{pointer-events:none}.-u-btn::before,.languages li a::before,.languages li span::before,.-u-btn::after,.languages li a::after,.languages li span::after{position:absolute;z-index:-1;content:"";background-size:auto 100%;background-repeat:no-repeat;inset-block:0}.-u-btn::before,.languages li a::before,.languages li span::before{inset-inline:0 .9375rem}.-u-btn::after,.languages li a::after,.languages li span::after{inset-inline:calc(100% - 1px - .9375rem) 0}.-u-btn--full:is(:hover,:focus-visible),[data-view=topics] .site-header__navigation .to-topics a:is(:hover,:focus-visible),.languages li span:is(:hover,:focus-visible),.-u-btn--full.is-active,[data-view=topics] .site-header__navigation .to-topics a.is-active,.languages li span.is-active,.-u-btn--outline,.languages li a{color:var(--_text-color)}.-u-btn--full:is(:hover,:focus-visible)::before,[data-view=topics] .site-header__navigation .to-topics a:is(:hover,:focus-visible)::before,.languages li span:is(:hover,:focus-visible)::before,.-u-btn--full.is-active::before,[data-view=topics] .site-header__navigation .to-topics a.is-active::before,.languages li span.is-active::before,.-u-btn--outline::before,.languages li a::before{background-image:url("../img/btn-left-outline.svg")}.-u-btn--full:is(:hover,:focus-visible)::after,[data-view=topics] .site-header__navigation .to-topics a:is(:hover,:focus-visible)::after,.languages li span:is(:hover,:focus-visible)::after,.-u-btn--full.is-active::after,[data-view=topics] .site-header__navigation .to-topics a.is-active::after,.languages li span.is-active::after,.-u-btn--outline::after,.languages li a::after{background-image:url("../img/btn-right-outline.svg")}.-u-btn--outline:is(:hover,:focus-visible),.languages li a:is(:hover,:focus-visible),.-u-btn--outline.is-active,.languages li a.is-active,.-u-btn--full,[data-view=topics] .site-header__navigation .to-topics a,.languages li span{color:var(--_text-color-inverted)}.-u-btn--outline:is(:hover,:focus-visible)::before,.languages li a:is(:hover,:focus-visible)::before,.-u-btn--outline.is-active::before,.languages li a.is-active::before,.-u-btn--full::before,[data-view=topics] .site-header__navigation .to-topics a::before,.languages li span::before{background-image:url("../img/btn-left-black.svg")}.-u-btn--outline:is(:hover,:focus-visible)::after,.languages li a:is(:hover,:focus-visible)::after,.-u-btn--outline.is-active::after,.languages li a.is-active::after,.-u-btn--full::after,[data-view=topics] .site-header__navigation .to-topics a::after,.languages li span::after{background-image:url("../img/btn-right-black.svg")}.-u-btn--outline,.languages li a{border-radius:20%/60%;background-color:var(--_background-color);transition:background-color .3s ease-out}[data-view=topics] .-u-btn--outline,[data-view=topics] .languages li a,.languages li [data-view=topics] a{background-color:var(--current-level-color)}.is-menu-shown .-u-btn--outline,.is-menu-shown .languages li a,.languages li .is-menu-shown a{background-color:rgba(0,0,0,0)}.-u-cutbox{background:var(--_background-color);padding:1rem 2rem;clip-path:polygon(1rem 0, calc(100% - 1rem) 0, 100% 1rem, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 1rem 100%, 0 calc(100% - 1rem), 0 1rem)}.-u-btn--close{height:1.25rem;aspect-ratio:1;appearance:none;border:none;background:center/contain url("../img/close.svg") no-repeat;padding:0}.-u-btn--close:hover,.-u-btn--close:focus-visible{transform:scale(1.1)}}@media screen and (orientation: landscape){@layer utilities-landscape{.-u-btn--outline-landscape{color:var(--_text-color);background-color:var(--_background-color);border-radius:20%/60%}[data-view=topics] .-u-btn--outline-landscape{background-color:var(--current-level-color)}.is-menu-shown .-u-btn--outline-landscape{background-color:rgba(0,0,0,0)}.-u-btn--outline-landscape::before{background-image:url("../img/btn-left-outline.svg")}.-u-btn--outline-landscape::after{background-image:url("../img/btn-right-outline.svg")}.-u-btn--outline-landscape:is(:hover,:focus-visible),.-u-btn--outline-landscape.is-active{color:var(--_text-color-inverted)}.-u-btn--outline-landscape:is(:hover,:focus-visible)::before,.-u-btn--outline-landscape.is-active::before{background-image:url("../img/btn-left-black.svg")}.-u-btn--outline-landscape:is(:hover,:focus-visible)::after,.-u-btn--outline-landscape.is-active::after{background-image:url("../img/btn-right-black.svg")}}}@media screen and (orientation: portrait){@layer utilities-portrait{.-u-btn--burger-portrait{position:fixed;top:var(--_gap-y);right:calc(8.3333333333% + var(--_gutter)/2);border:none;background:rgba(0,0,0,0);appearance:none;padding:0}.-u-btn--burger-portrait>span{position:relative;display:block;width:1.875rem;aspect-ratio:30/18;pointer-events:none}.-u-btn--burger-portrait>span::before,.-u-btn--burger-portrait>span::after,.-u-btn--burger-portrait>span span{position:absolute;left:0;display:block;width:100%;background:var(--burger-button-color);content:"";transition:all .2s ease-out 0s;height:.125rem}.-u-btn--burger-portrait>span span{top:50%;translate:0 -50%;text-indent:-1000em;overflow:hidden}.-u-btn--burger-portrait>span::before{top:0}.-u-btn--burger-portrait>span::after{bottom:0}.is-menu-shown .-u-btn--burger-portrait>span{filter:invert(1)}.is-menu-shown .-u-btn--burger-portrait>span span{opacity:0}.is-menu-shown .-u-btn--burger-portrait>span::before,.is-menu-shown .-u-btn--burger-portrait>span::after{top:42%;width:100%}.is-menu-shown .-u-btn--burger-portrait>span::before{transform:rotate(45deg)}.is-menu-shown .-u-btn--burger-portrait>span::after{transform:rotate(-45deg)}}}.tpl_about{overflow:hidden;--section-whitespace-start: calc(var(--_gap-y) * 5.5);--section-whitespace-end: calc(var(--_gap-y) * 3);--section-whitespace: calc(var(--section-whitespace-end) + var(--section-whitespace-end));--link-color: var(--heliotrope)}.tpl_about>main{overflow-y:scroll;overflow-x:clip;scroll-behavior:smooth;scroll-snap-type:y proximity;height:100dvh;padding-block:0}@media screen and (orientation: landscape){.tpl_about .site-header{bottom:auto;top:0}}.tpl_about h1{--font-size-min: 50;--font-size-max: 100;margin-bottom:.1em}.tpl_about h2{--font-size-min: 37;--font-size-max: 27}.tpl_about :is(h1,h2,h3,h4,h5,h6){hyphens:auto}.about__brand{margin-block-start:1rem}.about__intro,.about__section{padding-inline:var(--_outer-gutter);margin-inline:auto;max-width:var(--_container-width);z-index:0;position:relative;scroll-snap-stop:always;scroll-snap-align:start;display:grid;grid-template-columns:repeat(12, 1fr);column-gap:var(--_gutter)}.about__intro{padding-block:clamp(7rem,13vw,10rem)}.about__intro:before{content:"";position:absolute;z-index:-1;width:100vw;left:50%;inset-block:0;translate:-50% 0;background:var(--lavender-magenta)}.about__intro>div{grid-column:2/12}.about__intro p{--font-size-min: 37;--font-size-max: 27;line-height:1.1}.about__section{position:relative}.about__section-headline,.abouttopics-title,.about__section-body,.abouttopics-body{position:relative;grid-column:2/12;padding-block:var(--section-whitespace-start) var(--section-whitespace-end)}.about__section-headline:before,.abouttopics-title:before,.about__section-body:before,.abouttopics-body:before{content:"";position:absolute;inset-block:0;inset-inline:-20%;z-index:-1}.about__section-headline,.abouttopics-title{z-index:0}@media screen and (orientation: landscape){.about__section-headline,.abouttopics-title{grid-column:1/5}}@media screen and (orientation: landscape){.about__section-headline>*,.abouttopics-title>*{padding-inline:25% 20%}}.about__section-headline:before,.abouttopics-title:before{background:var(--current-section-color-headline)}@media screen and (orientation: landscape){.about__section-headline:before,.abouttopics-title:before{width:50vw;inset-inline:auto calc(var(--_gutter)*-1)}}.about__section-headline.-context-topics,.-context-topics.abouttopics-title{grid-row:1/2}.about__section-body,.abouttopics-body{display:flex;flex-direction:column;row-gap:var(--_gap-y)}@media screen and (orientation: landscape){.about__section-body,.abouttopics-body{grid-column:5/13}}@media screen and (orientation: landscape){.about__section-body>*,.abouttopics-body>*{padding-inline:12.5%}}.about__section-body :is(h1,h2,h3,h4,h5,h6),.abouttopics-body :is(h1,h2,h3,h4,h5,h6){--font-size-min: 28;--font-size-max: 19}.about__section-body:before,.abouttopics-body:before{background:var(--current-section-color-body)}@media screen and (orientation: landscape){.about__section-body:before,.abouttopics-body:before{width:100vw;inset-inline:0 auto}}.about__section-body.-context-topics,.-context-topics.abouttopics-body{grid-row:2/3;grid-column:1/13;padding-block:0}.about__section-body.-context-topics>*,.-context-topics.abouttopics-body>*{padding-inline:0}.about__section-body strong,.abouttopics-body strong{color:var(--current-section-highlight-color, currentColor)}.about__section-body a:has(strong),.abouttopics-body a:has(strong){text-decoration-color:var(--current-section-highlight-color, currentColor)}#about-section-2 .about__section-headline,#about-section-2 .abouttopics-title,#about-section-5 .about__section-headline,#about-section-5 .abouttopics-title{display:flex;flex-direction:column;overflow-y:clip}#about-section-2 .about__section-headline:after,#about-section-2 .abouttopics-title:after,#about-section-5 .about__section-headline:after,#about-section-5 .abouttopics-title:after{content:"";flex:1;display:block}#about-section-1{--current-section-color-headline: var(--heliotrope);--current-section-color-body: var(--gallery)}#about-section-2{--current-section-color-headline: var(--pastel-green)}#about-section-2 .about__section-headline:after,#about-section-2 .abouttopics-title:after{background:url("../img/palm.svg") no-repeat center top/min(100%, 300px) auto;margin-block:auto calc(var(--section-whitespace-end)*-1);min-height:300px}#about-section-3{--current-section-color-headline: var(--persimmon);--current-section-color-body: var(--gallery)}#about-section-4{--current-section-color-body: var(--aquamarine);--current-section-highlight-color: var(--heliotrope)}#about-section-4 .about__section-body>*:last-child,#about-section-4 .abouttopics-body>*:last-child{margin-bottom:2rem}#about-section-4 .about__section-body:after,#about-section-4 .abouttopics-body:after{content:"";display:block;width:100vw;height:9rem;margin-block:auto calc(var(--section-whitespace-end)*-1);background:var(--scorpion) url("../img/bug.svg") repeat-x center/auto 70%}@media screen and (orientation: portrait){#about-section-4 .about__section-body:after,#about-section-4 .abouttopics-body:after{margin-inline:-20%;width:auto}}#about-section-5{--current-section-color-headline: var(--silver);--current-section-color-body: var(--lavender-magenta);--current-section-highlight-color: var(--_text-color-inverted)}#about-section-5 .about__section-headline:after,#about-section-5 .abouttopics-title:after{background:url("../img/beaver.svg") no-repeat center bottom/min(100%, 400px) auto;margin-block:0 -170px;min-height:200px}#about-section-6{--current-section-color-headline: var(--heliotrope);padding-block-end:0;overflow-y:clip}#about-section-6 .about__section-headline,#about-section-6 .abouttopics-title{--headline-color: var(--_text-color-inverted)}.tpl_home{--home-highlight-color: var(--heliotrope);overflow:hidden}.tpl_home>main{overflow-y:scroll;overflow-x:clip;scroll-behavior:smooth;scroll-snap-type:y mandatory;height:100dvh;padding-block:0}.tpl_home>main a{text-decoration:none}.home__skiplink{--link-color: var(--home-highlight-color);--link-hover-color: var(--home-highlight-color);position:fixed;left:calc(var(--_gutter)/2);top:50%;translate:0 -50%;display:none;text-decoration:none;writing-mode:vertical-rl;font-weight:500;rotate:180deg}.home__skiplink:hover,.home__skiplink:focus-visible{text-decoration:underline}@media screen and (orientation: landscape){.home__skiplink{display:block}}.home__section{padding-inline:var(--_outer-gutter);margin-inline:auto;max-width:var(--_container-width);min-height:100dvh;scroll-snap-stop:always;scroll-snap-align:start;display:flex;flex-direction:column}.home__section:not(:last-of-type){margin-bottom:calc(var(--_gap-y)*3)}.home__section h2{--font-size-min: 45;--font-size-max: 100;margin:0}.home__section>div{flex:1;padding-block:calc(var(--_gap-y)*2);display:grid;grid-template-columns:repeat(12, 1fr);row-gap:var(--_gap-y);column-gap:var(--_gutter)}.home__section>div>*{grid-column:2/12}.home__section .text{line-height:1.1351351351}.home__section .text *{--font-size-min: 27;--font-size-max: 37;font-weight:600}#home-section-1>div{grid-template-rows:auto auto 1fr}#home-section-1 .headline{grid-column:2/12;grid-row:2/3}@media screen and (orientation: landscape){#home-section-1 .headline{grid-row:1/2;grid-column:2/9}}#home-section-1 .brandlogo{grid-row:1/2;grid-column:2/12;justify-self:end;margin-bottom:1rem}@media screen and (orientation: landscape){#home-section-1 .brandlogo{grid-column:9/13;justify-self:center}}#home-section-1 .text{--text-color: var(--home-highlight-color);grid-column:2/12;margin-block:4rem;margin-inline:auto 0;width:fit-content}@media screen and (orientation: landscape){#home-section-1 .text{grid-column:9/13;grid-row:3/4;align-self:end;margin-inline:auto}}#home-section-1 .text:hover,#home-section-1 .text:focus-within{--text-color: var(--_text-color)}#home-section-1 .text *{--font-size-min: 19;--font-size-max: 24}#home-section-1 .text a::after{content:"";background:center/contain url("../img/arrow.svg") no-repeat;width:1rem;margin-top:.5rem;aspect-ratio:1;display:block;margin-inline:auto;rotate:180deg;animation:bounce 2s ease infinite}@keyframes bounce{10%,30%{translate:0 40%}0%,20%,40%{translate:0 0}}#home-section-2 .text strong{font-weight:inherit;color:var(--home-highlight-color)}@media screen and (orientation: landscape){#home-section-2 .text{grid-column:7/13}}#home-section-3a .headline{text-align:center;max-width:7em;margin-inline:auto}#home-section-3a .headline strong{font-weight:inherit;color:var(--_text-color-inverted)}@media screen and (orientation: landscape){#home-section-3a .headline{align-self:center;margin-bottom:1em}}#home-section-3b{margin-bottom:0}@media screen and (orientation: landscape){#home-section-3b{margin-bottom:calc(var(--_gap-y)*3)}}@media screen and (orientation: landscape){#home-section-3b .text{grid-column:2/8}}#home-section-3b .text strong{font-weight:inherit;color:var(--_text-color-inverted)}#home-section-3b .aside{--text-color: var(--home-highlight-color);position:relative;z-index:0;padding-block-start:calc(var(--_gap-y)*2);padding-inline-start:20%;margin-block-start:var(--_gap-y)}@media screen and (orientation: landscape){#home-section-3b .aside{margin-block-start:0;padding-inline-start:var(--_gutter);grid-column:10/13;align-content:end}}#home-section-3b .aside p{--font-size-min: 19;--font-size-max: 24}#home-section-3b .aside:before{content:"";z-index:-1;background:var(--_background-color);position:absolute;width:100vw;left:50%;translate:100% 0;top:0;bottom:calc(var(--_gap-y)*-2);transition:translate .6s var(--_ease-out-strong)}@media screen and (orientation: landscape){#home-section-3b .aside:before{left:0;top:calc(var(--_gap-y)*-2);width:50vw;position:absolute}}#home-section-3b .aside>div{margin-block:1.5rem}#home-section-3b .aside>div:last-child{margin-block-end:0}#home-section-3b .aside>div:last-child:not(:only-child){visibility:hidden}.is-solutions-shown #home-section-3b .aside>div:last-child:not(:only-child){visibility:visible}#home-section-3b .aside>div.solutionsctrl{padding-left:.5em}#home-section-3b.is-in-viewport .aside:before{translate:-50% 0;transition-delay:.25s}@media screen and (orientation: landscape){#home-section-3b.is-in-viewport .aside:before{translate:0}}#home-section-4>div{grid-template-rows:auto 1fr}@media screen and (orientation: landscape){#home-section-4>div{grid-template-rows:1fr}}#home-section-4 .text{--link-color: var(--home-highlight-color);--link-hover-color: var(--home-highlight-color)}#home-section-4 .text *{--font-size-min: 19;--font-size-max: 24}#home-section-4 .text strong{font-weight:inherit;color:var(--home-highlight-color)}#home-section-4 .headline{margin-bottom:3rem}#home-section-4 .headline-and-text{z-index:0;position:relative;padding-block-end:calc(var(--_gap-y)*2)}@media screen and (orientation: landscape){#home-section-4 .headline-and-text{grid-column:1/7;padding-inline:10%;display:flex;flex-direction:column;padding-block-end:0;justify-content:space-between}}#home-section-4 .headline-and-text:before{content:"";z-index:-1;background:var(--_background-color);position:absolute;top:calc(var(--_gap-y)*-2);bottom:0;left:50%;width:100vw;translate:-150% 0;transition:translate .6s var(--_ease-out-strong)}@media screen and (orientation: landscape){#home-section-4 .headline-and-text:before{top:calc(var(--_gap-y)*-2);bottom:calc(var(--_gap-y)*-2);right:calc(var(--_gutter)/2);left:auto;width:50vw}}#home-section-4.is-in-viewport .headline-and-text:before{translate:-50% 0;transition-delay:.25s}@media screen and (orientation: landscape){#home-section-4.is-in-viewport .headline-and-text:before{translate:0}}#home-section-4 .interaction{align-self:end;padding-top:4rem}@media screen and (orientation: landscape){#home-section-4 .interaction{grid-column:7/13}}#home-section-4 .continue{margin-block-start:2rem}#home-section-4 .continue a{margin-inline:auto;display:flex;width:fit-content;background-color:rgba(0,0,0,0)}.tpl_topic>main,.tpl_topics>main{min-height:100dvh;max-width:var(--_container-width--large);padding-inline:var(--_outer-gutter);margin-inline:auto;display:flex;flex-direction:column;overflow:clip}@media screen and (orientation: portrait){.tpl_topic>main,.tpl_topics>main{padding-block:calc(var(--_gap-y)*3.5) calc(var(--_gap-y)*6)}}.topic__body{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto auto auto 1fr;column-gap:var(--_gutter);flex:1;z-index:2;position:relative;pointer-events:none}@media screen and (orientation: landscape){.topic__body{align-items:center;grid-template-rows:1fr auto auto minmax(0, 1fr)}}@media screen and (orientation: portrait){.topic__body>div{grid-column:1/13}}.topic__title{grid-row:1/2;position:relative;z-index:0}[data-level="0"] .topic__title,[data-level="4"] .topic__title{z-index:3}@media screen and (orientation: portrait){.topic__title{padding-inline:8.3333333333%}}@media screen and (orientation: landscape){.topic__title{grid-row:2/3;grid-column:2/7}}@media screen and (orientation: landscape){.is-solutions-shown:not([data-level="0"],[data-level="4"],[data-view=topics]) .topic__title{visibility:hidden}}.topic__title :is(h1,h2,h3,h4,h5,h6){--font-size-min: 48;--font-size-max: 60;hyphens:auto;text-wrap:balance}@media screen and (orientation: portrait){.topic__title :is(h1,h2,h3,h4,h5,h6){max-width:var(--_max-w-portrait);margin-inline:auto}}[data-view=topics] .topic__title :is(h1,h2,h3,h4,h5,h6){--font-size-min: 60;--font-size-max: 137;white-space:nowrap}.topic__content{grid-row:3/4;z-index:1}@media screen and (orientation: landscape){.topic__content{grid-row:3/4;grid-column:2/5}}@media screen and (orientation: landscape){[data-level="4"] .topic__content,[data-level="0"] .topic__content{grid-column:2/7}}.topic__levelctrl{z-index:4;pointer-events:all}@media screen and (orientation: portrait){.topic__levelctrl{position:fixed;bottom:0;left:0;width:100%;padding-inline:var(--_outer-gutter);display:grid;grid-template-columns:repeat(12, 1fr);column-gap:var(--_gutter)}.topic__levelctrl>div{grid-column:2/12;padding-bottom:calc(var(--_gap-y)*2)}}@media screen and (orientation: landscape){.topic__levelctrl{grid-row:1/5;grid-column:11/13;justify-self:end}}.topic__canvas{grid-row:2/3;z-index:-1;transition:opacity .3s ease-out 0s}@media screen and (orientation: landscape){.topic__canvas{grid-row:1/5;grid-column:5/12}}[data-level="4"] .topic__canvas,[data-level="0"] .topic__canvas{opacity:0}.topic__references{grid-row:1/2;grid-column:1/13;align-self:start;pointer-events:all}@media screen and (orientation: portrait){.topic__references{display:none}}.topic__references>div{-webkit-overflow-scrolling:touch;touch-action:pan-x;overflow-y:clip;overflow-x:auto;scrollbar-width:none}.topic__references>div::-webkit-scrollbar{display:none}.tpl_topics .-u-btn--outline,.tpl_topics .-u-btn--outline-landscape{background-color:rgba(0,0,0,0)}@media screen and (orientation: landscape){.levelctrl{inline-size:var(--_lvlctrl-upright-height);position:relative}}.levelctrl label{--font-size-min: 14;--font-size-max: 14;display:block;font-weight:500;margin:0;margin-block-end:.45rem}.levelctrl .inputcontainer{position:relative;z-index:0;margin-inline-start:-1rem}.levelctrl .inputcontainer .input-bg{position:absolute;inline-size:calc(100% - 2rem);margin-inline-start:1rem;block-size:.6875rem;border-radius:1rem;overflow:hidden;left:0;top:50%;translate:0 -50%;z-index:-1}.levelctrl .inputcontainer .input-bg::before{content:"";position:absolute;block-size:100%;inline-size:calc(108% + 2rem);margin-inline-start:calc(-4% - 1rem);background:linear-gradient(90deg, var(--_level_0-color) 20%, var(--_level_1-color) 20%, var(--_level_1-color) 40%, var(--_level_2-color) 40%, var(--_level_2-color) 60%, var(--_level_3-color) 60%, var(--_level_3-color) 80%, var(--_level_4-color) 80%)}@media screen and (orientation: landscape){.levelctrl .inputcontainer{transform:rotateY(180deg)}}.levelctrl input[type=range]{appearance:none;inline-size:100%;block-size:.6875rem;background:rgba(0,0,0,0);outline:none;margin:0;cursor:pointer}.levelctrl input[type=range]:focus-visible{outline:auto}.levelctrl input[type=range]::-webkit-slider-thumb{inline-size:2.3125rem;block-size:2.3125rem;appearance:none;box-shadow:none;background:center/contain url("../img/thumb.svg") no-repeat;cursor:pointer;outline:none}.levelctrl input[type=range]::-webkit-slider-thumb:hover,.levelctrl input[type=range]::-webkit-slider-thumb:focus-visible{transform:scale(1.05)}.levelctrl input[type=range]::-moz-range-thumb{inline-size:2.3125rem;block-size:2.3125rem;appearance:none;box-shadow:none;background:center/contain url("../img/thumb.svg") no-repeat;cursor:pointer;outline:none;border:none}.levelctrl input[type=range]::-moz-range-thumb:hover,.levelctrl input[type=range]::-moz-range-thumb:focus-visible{transform:scale(1.05)}.levelctrl input[type=range]::-webkit-slider-runnable-track{background:rgba(0,0,0,0);appearance:none}.levelctrl input[type=range]::-moz-range-progress,.levelctrl input[type=range]::-moz-range-track{background:rgba(0,0,0,0);appearance:none}.solutionsctrl .btn-solutions{display:flex;flex-direction:column;row-gap:.75rem;margin:0;padding:0;text-align:left;appearance:none;background:none;--font-size-min: 14;--font-size-max: 14;font-weight:500}.solutionsctrl .btn-solutions>span{position:relative;pointer-events:none}.solutionsctrl .btn-solutions>span:last-child{inline-size:7.5rem;block-size:.6875rem;inline-size:100%;border-radius:1rem;background:linear-gradient(90deg, var(--alto) 50%, var(--heliotrope) 50%)}@media screen and (orientation: landscape){.solutionsctrl .btn-solutions>span:last-child{inline-size:5rem}}.solutionsctrl .btn-solutions>span:last-child::after{content:"";position:absolute;left:0;top:50%;translate:-50% -50%;inline-size:2.3125rem;aspect-ratio:1;background:center/contain url("../img/thumb.svg") no-repeat}.is-solutions-shown .solutionsctrl .btn-solutions>span:last-child::after{left:100%}.solutionsctrl .btn-solutions:hover>span:last-child::after,.solutionsctrl .btn-solutions:focus-visible>span:last-child::after{scale:1.05}.languages{display:flex;list-style:none;padding:0;margin:0}.languages li{text-transform:uppercase;margin:0;line-height:0}.languages li a{background-color:rgba(0,0,0,0)}.languages li span{pointer-events:none}.languages li a,.languages li span{padding-inline:.8em;overflow:hidden;font-size:.875rem}.languages li:first-child a,.languages li:first-child span{padding-inline-end:.6em;border-top-right-radius:0;border-bottom-right-radius:0}.languages li:first-child a::before,.languages li:first-child span::before{inset:0}.languages li:first-child a::after,.languages li:first-child span::after{display:none}.languages li:last-child a,.languages li:last-child span{padding-inline-start:.6em;border-top-left-radius:0;border-bottom-left-radius:0}.languages li:last-child a::before,.languages li:last-child span::before{inset-inline-start:-0.9375rem}.languages li:not(:last-child,:first-child,:only-child) a,.languages li:not(:last-child,:first-child,:only-child) span{border-radius:0}.languages li:not(:last-child,:first-child,:only-child) a::after,.languages li:not(:last-child,:first-child,:only-child) span::after{display:none}.languages li:not(:last-child,:first-child,:only-child) a::before,.languages li:not(:last-child,:first-child,:only-child) span::before{inset-inline:0;background-position:50% 0}.brand{--link-color: var(--home-highlight-color);--font-size-min: 13;--font-size-max: 16;font-weight:600}.brand a{display:flex;align-items:center;gap:1rem}.brand a:after{display:none}.brand svg{width:2.25rem}.brand svg path[fill],.brand svg polygon[fill]{fill:currentColor}.heading.-pink{color:var(--lavender-magenta)}.heading.-green{color:var(--pastel-green)}.heading.-red{color:var(--razzmatazz)}.heading:not(:first-child){margin-top:2em}.text.-footnotestyle{opacity:.5}.text.-footnotestyle>*{--font-size-min: 12;--font-size-max: 12}.cookiebanner{display:none}.levels{flex-direction:column;display:grid}@media screen and (orientation: portrait){.levels{grid-template-columns:minmax(0, 1fr)}}.levels>div[class*=level_]{grid-area:1/1/2/2;transition:opacity .3s ease-out 0s;align-self:start;opacity:0;pointer-events:none;overflow:hidden}@media screen and (orientation: portrait){.levels .level_0,.levels .level_4{margin-top:max(-100%,var(--_max-w-portrait)*-1)}}.level__text{max-width:25rem}@media screen and (orientation: portrait){.level__text{margin-inline:auto;width:83.3333333333%;max-width:var(--_max-w-portrait)}}[data-view=topics] .level__text{--text-color: var(--_text-color-inverted)}[data-view=topics] .level__text>*{font-weight:600}[data-view=topics] .level__text>* strong{color:var(--_text-color)}[data-view=topic] .level__text>*{font-weight:400;--font-size-min: 15;--font-size-max: 15}[data-view=topic] .level__text>* strong{font-weight:600}.level_0 .level__text>div,.level_4 .level__text>div{display:none}.level_0 .level__text>div.-active,.level_4 .level__text>div.-active{display:contents}.level_0 .level__text :not(h1,h2,h3,h4,h5,h6),.level_4 .level__text :not(h1,h2,h3,h4,h5,h6){max-width:20rem;font-weight:600}body[data-level="0"]{--current-level-color: var(--_level_0-color)}body[data-level="0"] [data-level="0"]{opacity:1;pointer-events:all;overflow:visible}body[data-level="0"] [data-level="0"] .hotspot{pointer-events:all}body[data-level="1"]{--current-level-color: var(--_level_1-color)}body[data-level="1"] [data-level="1"]{opacity:1;pointer-events:all;overflow:visible}body[data-level="1"] [data-level="1"] .hotspot{pointer-events:all}body[data-level="2"]{--current-level-color: var(--_level_2-color)}body[data-level="2"] [data-level="2"]{opacity:1;pointer-events:all;overflow:visible}body[data-level="2"] [data-level="2"] .hotspot{pointer-events:all}body[data-level="3"]{--current-level-color: var(--_level_3-color)}body[data-level="3"] [data-level="3"]{opacity:1;pointer-events:all;overflow:visible}body[data-level="3"] [data-level="3"] .hotspot{pointer-events:all}body[data-level="4"]{--current-level-color: var(--_level_4-color)}body[data-level="4"] [data-level="4"]{opacity:1;pointer-events:all;overflow:visible}body[data-level="4"] [data-level="4"] .hotspot{pointer-events:all}.levels__solution{z-index:3;transition:all 400ms var(--_ease-out-bounce)}[data-level="0"] .levels__solution,[data-level="4"] .levels__solution,[data-view=topics] .levels__solution{display:none}body:not(.is-solutions-shown) .levels__solution,.is-retoggling-solutions .levels__solution{opacity:0;pointer-events:none;visibility:hidden;translate:0 -6vh;transform:rotate(-3deg)}@media screen and (orientation: portrait){.levels__solution{max-width:var(--_max-w-portrait);width:83.3333333333%;grid-area:1/1/2/2;justify-self:center}}@media screen and (orientation: landscape){.levels__solution{top:0;margin-top:0;position:absolute;width:100%;inset:0;display:grid;align-items:center;column-gap:var(--_gutter);grid-template-columns:repeat(12, 1fr);pointer-events:none}}.levels__solution>div{position:relative;pointer-events:all;display:flex;flex-direction:column;align-items:start}.levels__solution>div .close{order:-1;filter:invert(1);display:block;position:relative;margin-inline:auto 1rem}@media screen and (orientation: landscape){.levels__solution>div{grid-column:2/5;width:min(120%,25rem)}}.levels__solution>div::before{z-index:-1;content:"";position:absolute;inset:-5%;background:var(--current-level-color);transform:rotate(-1.5deg);transition:background-color .2s ease-out 0s}@media screen and (orientation: landscape){.levels__solution>div::before{inset:-1rem -2rem -2rem;transform:rotate(-2.3deg)}}.levels__solution-headline{--font-size-min: 48;--font-size-max: 60;hyphens:auto;line-height:1;text-wrap:balance;overflow:hidden;max-width:100%}@media screen and (orientation: landscape){.levels__solution-headline{margin-top:-0.5em}}.levels__solution-headline span:nth-child(2){margin-left:.4em}@media screen and (orientation: landscape){.levels__solution-headline span:nth-child(1),.levels__solution-headline span:nth-child(2){display:inline-block;font-size:.2833333333em}}@media screen and (orientation: portrait){.levels__solution-headline span:nth-child(2),.levels__solution-headline span:nth-child(3){display:none}}.levels__solution-headline span:nth-child(3){display:block}@media screen and (orientation: portrait){.levels__solution-headline span:nth-child(3){display:none}}.levels__solution-text>*{--font-size-min: 15;--font-size-max: 15}.level__hotspots{position:absolute;bottom:100%;width:100%;aspect-ratio:1;pointer-events:none;z-index:5}@media screen and (orientation: portrait){.level__hotspots{max-width:var(--_max-w-portrait);left:50%;translate:-50% 0}}@media screen and (orientation: landscape){.level__hotspots{height:100%;aspect-ratio:auto;top:0;left:0;display:grid;column-gap:var(--_gutter);grid-template-columns:repeat(12, 1fr)}}.level__image{pointer-events:none}.level__image>div{display:none}.level__image>div.-active{display:contents}@media screen and (orientation: portrait){.level__image{max-width:var(--_max-w-portrait);margin-inline:auto}}@media screen and (orientation: landscape){.level__image{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;display:grid;column-gap:var(--_gutter);grid-template-columns:repeat(12, 1fr)}}@media screen and (orientation: landscape){.level__image img{grid-column:5/12;height:auto;aspect-ratio:1;align-self:center}}[data-view=topics] .hotspots .hotspot[data-selected="01_klimawandel"] .hotspot__link:after{aspect-ratio:2.2;width:24cqi}[data-view=topics] .hotspots .hotspot[data-selected="02_starkniederschlaege"] .hotspot__link:after{aspect-ratio:.7;width:11.9cqi}[data-view=topics] .hotspots .hotspot[data-selected="03_trockenheit"] .hotspot__link:after{aspect-ratio:2;width:16.6cqi;rotate:-44deg}[data-view=topics] .hotspots .hotspot[data-selected="04_hitze"] .hotspot__link:after{aspect-ratio:1.4;width:11.2cqi}[data-view=topics] .hotspots .hotspot[data-selected="05_gletscherschwund"] .hotspot__link:after{aspect-ratio:.7;rotate:45deg;width:11cqi}[data-view=topics] .hotspots .hotspot[data-selected="06_permafrost"] .hotspot__link:after{aspect-ratio:.45;width:10cqi}[data-view=topics] .hotspots .hotspot[data-selected="07_gravitative-naturgefahren"] .hotspot__link:after{aspect-ratio:.7;width:12cqi}[data-view=topics] .hotspots .hotspot[data-selected="08_wasserhaushalt"] .hotspot__link:after{aspect-ratio:.7;width:14.4cqi;rotate:-30deg}[data-view=topics] .hotspots .hotspot[data-selected="09_baumvitalitaet"] .hotspot__link:after{aspect-ratio:1.5;width:26cqi}[data-view=topics] .hotspots .hotspot[data-selected="10_landwirtschaft"] .hotspot__link:after{aspect-ratio:1.5;width:21cqi}[data-view=topics] .hotspots .hotspot[data-selected="11_biodiversitaet"] .hotspot__link:after{aspect-ratio:1.5;width:15cqi}[data-view=topics] .hotspots .hotspot[data-selected="12_fisch-und-artensterben"] .hotspot__link:after{aspect-ratio:2.9;width:25cqi}[data-view=topics] .hotspots .hotspot[data-selected="13_energieproduktion"] .hotspot__link:after{aspect-ratio:.6;rotate:-30deg;width:12cqi}[data-view=topics] .hotspots .hotspot[data-selected="14_schutzwaldverlust"] .hotspot__link:after{aspect-ratio:1.5;width:21cqi}[data-view=topics] .hotspots .hotspot[data-selected="15_waldbrand"] .hotspot__link:after{aspect-ratio:.7;width:16cqi}[data-view=topics] .hotspots .hotspot[data-selected="16_borkenkaefer"] .hotspot__link:after{aspect-ratio:2.7;width:27.5cqi}[data-view=topics] .hotspots .hotspot[data-selected="17_co2-bilanz"] .hotspot__link:after{aspect-ratio:.7;width:19cqi;rotate:36deg}.hotspots{list-style:none;margin:0;padding:0;position:relative;width:100%;height:100%;container-type:size;--hotspots-in-delay: 2s}.hotspots.-topics{--hotspots-in-delay: 0.5s}@media screen and (orientation: portrait){.hotspots.-topics{max-width:var(--_max-w-portrait)}}@media screen and (orientation: landscape){.hotspots{grid-column:5/12;height:auto;aspect-ratio:1;align-self:center}}.hotspots .hotspot{margin:0;width:100%}.hotspot__toggle,.hotspot__body,.hotspot__link-toggle{position:absolute}.hotspot__toggle,.hotspot__link-toggle{cursor:pointer;left:var(--hx, 0);top:var(--hy, 0);will-change:width;appearance:none;padding:0;width:clamp(1.375rem,4.67vmin,2.25rem);aspect-ratio:1;translate:-50% -50%;margin:0;background:none}li:nth-child(1) .hotspot__toggle,li:nth-child(1) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.077s + var(--hotspots-in-delay))}li:nth-child(2) .hotspot__toggle,li:nth-child(2) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.154s + var(--hotspots-in-delay))}li:nth-child(3) .hotspot__toggle,li:nth-child(3) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.231s + var(--hotspots-in-delay))}li:nth-child(4) .hotspot__toggle,li:nth-child(4) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.308s + var(--hotspots-in-delay))}li:nth-child(5) .hotspot__toggle,li:nth-child(5) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.385s + var(--hotspots-in-delay))}li:nth-child(6) .hotspot__toggle,li:nth-child(6) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.462s + var(--hotspots-in-delay))}li:nth-child(7) .hotspot__toggle,li:nth-child(7) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.539s + var(--hotspots-in-delay))}li:nth-child(8) .hotspot__toggle,li:nth-child(8) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.616s + var(--hotspots-in-delay))}li:nth-child(9) .hotspot__toggle,li:nth-child(9) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.693s + var(--hotspots-in-delay))}li:nth-child(10) .hotspot__toggle,li:nth-child(10) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.77s + var(--hotspots-in-delay))}li:nth-child(11) .hotspot__toggle,li:nth-child(11) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.847s + var(--hotspots-in-delay))}li:nth-child(12) .hotspot__toggle,li:nth-child(12) .hotspot__link-toggle{--hotspot-in-delay-single: calc(0.924s + var(--hotspots-in-delay))}li:nth-child(13) .hotspot__toggle,li:nth-child(13) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.001s + var(--hotspots-in-delay))}li:nth-child(14) .hotspot__toggle,li:nth-child(14) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.078s + var(--hotspots-in-delay))}li:nth-child(15) .hotspot__toggle,li:nth-child(15) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.155s + var(--hotspots-in-delay))}li:nth-child(16) .hotspot__toggle,li:nth-child(16) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.232s + var(--hotspots-in-delay))}li:nth-child(17) .hotspot__toggle,li:nth-child(17) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.309s + var(--hotspots-in-delay))}li:nth-child(18) .hotspot__toggle,li:nth-child(18) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.386s + var(--hotspots-in-delay))}li:nth-child(19) .hotspot__toggle,li:nth-child(19) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.463s + var(--hotspots-in-delay))}li:nth-child(20) .hotspot__toggle,li:nth-child(20) .hotspot__link-toggle{--hotspot-in-delay-single: calc(1.54s + var(--hotspots-in-delay))}.hotspot__toggle::after,.hotspot__link-toggle::after{content:"";position:absolute;inset:0;opacity:0;background:center/contain url("../img/hotspot.svg") no-repeat rgba(0,0,0,0)}body:has(canvas.is-loaded) .hotspot__toggle::after,body:has(canvas.is-loaded) .hotspot__link-toggle::after{animation:dropin 400ms var(--_ease-out-bounce) both;animation-delay:var(--hotspot-in-delay-single)}.is-active .hotspot__toggle::after,.is-active .hotspot__link-toggle::after{visibility:hidden}@keyframes dropin{0%{transform:translateY(-20vh);opacity:0}100%{transform:none;opacity:1}}.hotspot__toggle{transition:all .2s ease-out 0s}.hotspot__toggle:hover,.hotspot__toggle:focus-visible{transform:scale(3);opacity:0}@media(pointer: fine){.hotspot__link-toggle:after{display:none}}.hotspot__link-toggle:hover .hotspot__title,.hotspot__link-toggle:focus-visible .hotspot__title{visibility:visible;opacity:1;transform:none}.hotspot__link{--font-size-min: 10;--font-size-max: 17;position:absolute;inset:0;pointer-events:none}@media screen and (orientation: portrait){.hotspot__link{--font-size-min: 15;--font-size-max: 18}}@media(pointer: fine){.hotspot__link{pointer-events:all}}.is-active .hotspot__link{pointer-events:all}.hotspot__link:after{content:"";width:clamp(2rem,8cqi,6rem);aspect-ratio:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.hotspot__title{width:max-content;position:absolute;padding:.2em .5em;left:110%;top:50%;translate:0 -50%;background:var(--heliotrope);visibility:hidden;opacity:0;pointer-events:none;transform:rotate(-7deg);transform-origin:0 0;transition:all 400ms var(--_ease-out-bounce);text-decoration:underline}@media(pointer: fine){.hotspot__title{text-decoration:none;transition-delay:.2s}}@media screen and (orientation: portrait){.hotspot__title{translate:-50% -50%;left:calc(var(--hx, 0)*-1 + 50cqi);top:calc(var(--hy, 0)*-1 + 95cqb)}}.is-active .hotspot__title{visibility:visible;pointer-events:all;opacity:1;transform:none}.hotspot__body{background:var(--current-level-color);padding:.8rem 1.75rem 1.2rem 1rem;top:80%;left:0;width:100%;visibility:hidden;pointer-events:none;flex-direction:column;transition:all 400ms var(--_ease-out-bounce);opacity:0;display:flex;transform:rotate(7deg) translateY(-30%);transform-origin:100% 0}@media screen and (orientation: portrait){.hotspot__body{left:8.3333333333%;width:83.3333333333%}}@media screen and (orientation: landscape){.hotspot__body{left:var(--hx, 0);top:var(--hy, 0);translate:calc(-100% + 1.5rem) -1.5rem;max-width:16rem}}.hotspot__body .close{order:-1;margin-inline:auto -0.8rem;margin-block-end:-0.5rem;height:1rem}.hotspot__body>p{--font-size-min: 17;--font-size-max: var(--font-size-min);--link-hover-color: var(--heliotrope);margin-block:0;font-weight:400}@media screen and (orientation: landscape){.hotspot__body>p{--font-size-min: 12}}.hotspot__body>p a{display:block;text-align:right;font-weight:500;padding-top:.5em}.is-active .hotspot__body{pointer-events:all;z-index:2;visibility:visible;opacity:1;transform:none}.references{width:fit-content;margin-inline:auto;padding-block:calc(var(--_gap-y)*1.5)}[data-level="0"] .references,[data-level="4"] .references{visibility:hidden}.references ul,.references a{--font-size-min: 12;--font-size-max: var(--font-size-min)}.references ul{margin:0;padding:0;list-style:none;display:flex;--link-color: var(--heliotrope);--arrow-size: 0.5rem;--border-size: 0.0625rem}.references ul li{margin:0;white-space:nowrap;font-weight:500;position:relative}.references ul li>a,.references ul li>span{padding-inline:.5rem;display:block}.references ul li::after,.references ul li::before{content:"";position:absolute;inset-block-start:calc(var(--arrow-size)*-1)}.references ul li::before{block-size:.3rem;inset-inline-start:calc(50% - var(--border-size));border-inline-end:var(--border-size) solid var(--link-color)}.references ul li::after{inset-inline-start:0;inset-inline-end:0;border-block-end:var(--border-size) solid var(--link-color)}.references ul li:first-child>a,.references ul li:first-child>span{padding-inline-start:0}.references ul li:first-child::after,.references ul li:first-child::before{inset-inline-start:50%}.references ul li:last-child>a,.references ul li:last-child>span{padding-inline-end:0}.references ul li:last-child::after{inset-inline-end:50%}.references ul li:last-child::before{inset-inline-start:auto;inset-inline-end:calc(50% - var(--arrow-size)/2)}.references ul li:has(span):not(:first-child)::after{inset-inline-end:60%}.references ul li:has(span):not(:first-child)::before{margin-inline-start:10%;inset-block:auto calc(var(--arrow-size)*-1)}.references ul li:has(span):not(:first-child)>span::after,.references ul li:has(span):not(:first-child)>span::before{content:"";position:absolute;inset-block-end:calc(var(--arrow-size)*-1)}.references ul li:has(span):not(:first-child)>span::before{block-size:var(--arrow-size);inline-size:var(--arrow-size);inset-block:calc(var(--arrow-size)*-1) auto;inset-inline-start:0;margin-inline-start:calc(40% - var(--arrow-size)/2);background:center/contain url("../img/arrow.svg") no-repeat;rotate:180deg}.references ul li:has(span):not(:first-child)>span::after{inset-inline-start:60%;inset-inline-end:0;border-block-end:var(--border-size) solid var(--link-color)}.references ul li:has(span):not(:first-child):last-child:before,.references ul li:has(span):not(:first-child):last-child>span:after{display:none}.references ul li:has(span):last-child:not(:has(span))::after,.references ul li:has(span):last-child:not(:has(span))::before,.references ul li:has(span)~li::after,.references ul li:has(span)~li::before{inset-block:auto calc(var(--arrow-size)*-1)}.references ul li:has(span):last-child:not(:has(span))::before,.references ul li:has(span)~li::before{block-size:var(--arrow-size);inline-size:var(--arrow-size);border:none;margin-inline-start:calc(var(--arrow-size)/-2);background:center/contain url("../img/arrow.svg") no-repeat}.references ul a{text-decoration:none}.site-header{position:fixed;bottom:0;left:0;width:100%;padding-block:calc(var(--_gap-y)*1.5);pointer-events:none;z-index:1}.tpl_home .site-header{pointer-events:none}@media screen and (orientation: portrait){.site-header{z-index:3}}.is-menu-shown .site-header{z-index:10}.site-header__inner{padding-inline:var(--_outer-gutter);margin-inline:auto;max-width:var(--_container-width)}.site-header__navigation>ul{list-style:none;padding:0 var(--_gutter);margin:0;display:flex;justify-content:safe center;gap:1rem}.site-header__navigation>ul>li{margin:0;pointer-events:all}.site-header__navigation .to-home{display:none}.site-header__navigation .to-menu{--burger-button-color: var(--_text-color)}@media screen and (orientation: portrait){.site-header__navigation .to-menu{display:contents}}@media screen and (orientation: landscape){.is-menu-shown .site-header__navigation .to-menu{filter:invert(1)}}.tpl_home .site-header__navigation .to-home,.tpl_home .site-header__navigation .to-topics,.tpl_home .site-header__navigation .to-menu,.tpl_home .site-header__navigation .to-levelctrl,.tpl_home .site-header__navigation .to-solutions,.tpl_home .site-header__navigation .to-about,.tpl_home .site-header__navigation .to-top{display:none}.tpl_home .site-header__navigation .to-language{transition:all .2s ease-out .3s;pointer-events:all}.tpl_home:not([data-current-section=home-section-1]) .site-header__navigation .to-language{transition-delay:0s;transition-duration:.1s;opacity:0;visibility:hidden;pointer-events:none}.tpl_topics .site-header__navigation .to-language,.tpl_topics .site-header__navigation .to-top,.tpl_topic .site-header__navigation .to-language,.tpl_topic .site-header__navigation .to-top{display:none}@media screen and (orientation: portrait){.tpl_topics .site-header__navigation .to-topics,.tpl_topic .site-header__navigation .to-topics{display:none}}@media screen and (orientation: landscape){.tpl_topics .site-header__navigation .to-levelctrl,.tpl_topics .site-header__navigation .to-solutions,.tpl_topic .site-header__navigation .to-levelctrl,.tpl_topic .site-header__navigation .to-solutions{display:none}}.tpl_about .site-header__navigation .to-about,.tpl_about .site-header__navigation .to-levelctrl,.tpl_about .site-header__navigation .to-solutions,.tpl_about .site-header__navigation .to-home{display:none !important}.tpl_about .site-header__navigation li button,.tpl_about .site-header__navigation li a{background-color:rgba(0,0,0,0)}@media screen and (orientation: portrait){.tpl_about:not(.is-menu-shown) .site-header__navigation li:not(.to-menu){display:none}}.is-menu-shown .site-header__navigation .to-language,.is-menu-shown .site-header__navigation .to-topics,.is-menu-shown .site-header__navigation .to-home,.is-menu-shown .site-header__navigation .to-about{display:block}.is-menu-shown .site-header__navigation .to-topics,.is-menu-shown .site-header__navigation .to-language,.is-menu-shown .site-header__navigation .to-landing,.is-menu-shown .site-header__navigation .to-home,.is-menu-shown .site-header__navigation .to-about{filter:invert(1)}.is-menu-shown .site-header__navigation .to-levelctrl,.is-menu-shown .site-header__navigation .to-solutions,.is-menu-shown .site-header__navigation .to-top{display:none}[data-level="0"] .site-header__navigation .to-solutions,[data-level="4"] .site-header__navigation .to-solutions{display:none}@media screen and (orientation: portrait){[data-view=topics] .site-header__navigation .to-solutions{display:none}}[data-view=topics] .site-header__navigation .to-topics a{pointer-events:none}.is-levelctrl-shown .site-header__navigation .to-levelctrl{pointer-events:none}.site-header__btn-levelctrl{background:none;overflow:hidden;text-indent:-1000em;width:4.25rem;height:calc(100% + var(--_gap-y)*3);margin-block:calc(var(--_gap-y)*-1.5);background-color:var(--current-level-color);position:relative}[data-view=topics] .site-header__btn-levelctrl{background-color:var(--_background-color)}.site-header__btn-levelctrl:after{position:absolute;content:"";block-size:2.3125rem;aspect-ratio:1;content:"";background:center/contain url("../img/thumb.svg") no-repeat;display:block;top:var(--_gap-y);left:50%;translate:-50% 0}.site-header__btn-levelctrl:hover:after,.site-header__btn-levelctrl:focus-visible:after{scale:1.05}.is-levelctrl-shown .site-header__btn-levelctrl{visibility:hidden;pointer-events:none}.menu{--link-color: var(--_text-color-inverted);--link-hover-color: var(--link-color);--text-color: var(--_text-color-inverted);position:fixed;pointer-events:none;visibility:hidden;inset:0;padding:2rem;background:rgba(0,0,0,.9);opacity:0;transition:.15s ease-out 0s;z-index:3}.is-menu-shown .menu{visibility:visible;pointer-events:all;opacity:1}.menu__tree{position:absolute;top:var(--_gap-y);left:50%;translate:-50% 0;display:grid}.menu__tree li{grid-area:1/1/2/2;opacity:0;text-align:center}.menu__tree li:focus-within{opacity:1}.menu__flowchart{max-width:var(--_container-width);padding-inline:var(--_outer-gutter);margin-inline:auto;height:calc(100% - var(--_gap-y)*3);align-content:center}.menu__flowchart>div{display:contents}@media screen and (orientation: portrait){.menu__flowchart>div.landscape{display:none}}@media screen and (orientation: landscape){.menu__flowchart>div.portrait{display:none}}.menu__flowchart svg{width:100%;height:90%;display:block;margin-inline:auto;pointer-events:none}.is-menu-shown .menu__flowchart svg{pointer-events:all}.menu__flowchart svg path.box{cursor:pointer}.menu__flowchart svg path.box+path{pointer-events:none}.menu__flowchart svg:not(:has([data-softactive=true])) path[data-active=true]{fill:var(--_text-color-inverted)}.menu__flowchart svg g[data-active=true] path:first-child,.menu__flowchart svg path[data-softactive=true]{fill:var(--_text-color-inverted)}.menu__flowchart svg g:has(>path.box:hover):not([data-active=true]) path:last-child{fill:var(--_text-color-inverted)}.canvas{position:relative;width:100%;aspect-ratio:1;margin:0}@media screen and (orientation: portrait){.canvas{max-width:var(--_max-w-portrait);margin-inline:auto}}.canvas>canvas,.canvas>img{position:absolute;pointer-events:none;height:100%;width:100%;max-width:none;background-color:rgba(0,0,0,0);left:0;top:0}.canvas>img{object-fit:contain;margin:0}.canvas>img:not(.is-active){visibility:hidden}.canvas:has(img.is-active)>canvas{visibility:hidden}.backgrounds{position:fixed;inset:0;z-index:-1}.backgrounds>div{position:absolute;inset:0;opacity:0;transition:opacity .3s ease-out 0s}.backgrounds .bg-home--default{background-color:var(--_home_color-default)}.backgrounds .bg-home--alternative{background-color:var(--_home_color-alternative)}.backgrounds .bg-level_0{background-color:var(--_level_0-color)}.backgrounds .bg-level_1{background-color:var(--_level_1-color)}.backgrounds .bg-level_2{background-color:var(--_level_2-color)}.backgrounds .bg-level_3{background-color:var(--_level_3-color)}.backgrounds .bg-level_4{background-color:var(--_level_4-color)}body.tpl_home .bg-home--default{opacity:1}body.tpl_home[data-current-section=home-section-3a] .bg-home--alternative,body.tpl_home[data-current-section=home-section-3b] .bg-home--alternative,body.tpl_home[data-current-section=home-section-4] .bg-home--alternative{opacity:1}body.tpl_home[data-current-section=home-section-4][data-level="0"] .backgrounds>div.bg-level_0{opacity:1}body.tpl_home[data-current-section=home-section-4][data-level="1"] .backgrounds>div.bg-level_1{opacity:1}body.tpl_home[data-current-section=home-section-4][data-level="2"] .backgrounds>div.bg-level_2{opacity:1}body.tpl_home[data-current-section=home-section-4][data-level="3"] .backgrounds>div.bg-level_3{opacity:1}body.tpl_home[data-current-section=home-section-4][data-level="4"] .backgrounds>div.bg-level_4{opacity:1}body[data-level="0"][data-view=topics] .backgrounds>div.bg-level_0{opacity:1}body[data-level="1"][data-view=topics] .backgrounds>div.bg-level_1{opacity:1}body[data-level="2"][data-view=topics] .backgrounds>div.bg-level_2{opacity:1}body[data-level="3"][data-view=topics] .backgrounds>div.bg-level_3{opacity:1}body[data-level="4"][data-view=topics] .backgrounds>div.bg-level_4{opacity:1}@media screen and (orientation: portrait){.detail__body{position:relative}}.homelevelctrl{display:flex;flex-direction:column}@media screen and (orientation: landscape){.homelevelctrl{flex-direction:row;justify-content:end}}.homelevelctrl__levelctrl{order:1;background:var(--_background-color);padding:1.5rem 2rem}@media screen and (orientation: landscape){.homelevelctrl__levelctrl{inline-size:5rem;block-size:var(--_lvlctrl-upright-height);background:rgba(0,0,0,0);padding:0}}@media screen and (orientation: landscape){.homelevelctrl__levelctrl>div{inline-size:var(--_lvlctrl-upright-height);block-size:var(--_lvlctrl-upright-width);transform:rotate(90deg) translate(-1.75rem, -100%);transform-origin:0}}.homelevelctrl__list{list-style:none;margin:0;padding:0;order:0;--font-size-min: 24;--font-size-max: 24}@media screen and (orientation: portrait){.homelevelctrl__list{margin:.5rem 2rem;text-wrap:balance}}@media screen and (orientation: landscape){.homelevelctrl__list{display:flex;flex-direction:column-reverse;justify-content:space-between;text-align:right;padding-bottom:1rem}}.homelevelctrl__list li{margin:0;padding:0;color:var(--_text-color-inverted);font-weight:600}.homelevelctrl__list li small{font-size:.5416666667em;display:block}.homelevelctrl__list li small+br{display:none}@media screen and (orientation: portrait){body[data-level="0"] .homelevelctrl__list li:not(.level_0){display:none}body[data-level="1"] .homelevelctrl__list li:not(.level_1){display:none}body[data-level="2"] .homelevelctrl__list li:not(.level_2){display:none}body[data-level="3"] .homelevelctrl__list li:not(.level_3){display:none}body[data-level="4"] .homelevelctrl__list li:not(.level_4){display:none}}.homedecoration{position:fixed;width:100%;height:100%;top:0;z-index:4;pointer-events:none;container-type:inline-size;max-width:calc(var(--_container-width) - var(--_outer-gutter)*2);left:50%;translate:-50% 0;--x: 50vw;--y: 50vh}.homedecoration>div{position:absolute;left:0;top:0;translate:-50% -50%;transition:transform .8s var(--_ease-out-strong);transform:translate(var(--x), var(--y));display:grid;width:clamp(9.3rem,20vw,15rem)}.homedecoration>div img{grid-area:1/1/2/2;opacity:0;transition:opacity .3s ease-out 0s}[data-current-section=home-section-1] .homedecoration{--x: 40cqi;--y: 70cqb}@media screen and (orientation: portrait){[data-current-section=home-section-1] .homedecoration{--x: 60cqi;--y: 17rem}}[data-current-section=home-section-1] .homedecoration img:nth-child(1){opacity:1}[data-current-section=home-section-2] .homedecoration{--x: 25cqi;--y: 70cqb}@media screen and (orientation: portrait){[data-current-section=home-section-2] .homedecoration{--x: 75cqi;--y: calc(100cqb - 7rem)}}[data-current-section=home-section-2] .homedecoration img:nth-child(2){opacity:1}[data-current-section=home-section-3a] .homedecoration{--x: 50cqi;--y: 66cqb}@media screen and (orientation: portrait){[data-current-section=home-section-3a] .homedecoration{--x: 50cqi;--y: 50cqb}}[data-current-section=home-section-3a] .homedecoration img:nth-child(3){opacity:1}[data-current-section=home-section-3b] .homedecoration{--x: 66cqi;--y: 60cqb}[data-current-section=home-section-3b] .homedecoration img:nth-child(4){opacity:1}[data-current-section=home-section-4] .homedecoration{--x: 25cqi;--y: 40cqb}@media screen and (orientation: portrait){[data-current-section=home-section-4] .homedecoration{--x: 50cqi;--y: 50cqb}}[data-current-section=home-section-4] .homedecoration img:nth-child(5){opacity:1}.topiclevelctrl{background:var(--_background-color);padding:1.5rem 2rem;position:relative;display:flex;gap:1rem;flex-direction:column-reverse}@media screen and (orientation: landscape){.topiclevelctrl{padding:0;background-color:rgba(0,0,0,0);transform:rotate(90deg) translate(60%, 20%);flex-direction:row;align-items:start;transform-origin:100% 0;column-gap:2rem}}@media screen and (orientation: portrait){.topiclevelctrl{background-color:var(--current-level-color);display:none}[data-view=topics] .topiclevelctrl,[data-level="4"] .topiclevelctrl{background-color:var(--_background-color)}.is-levelctrl-shown .topiclevelctrl{display:flex}}.topiclevelctrl .close{position:absolute;top:10%;right:5%}@media screen and (orientation: landscape){.topiclevelctrl .close{display:none}}[data-view=topics] .solutionsctrl{display:none}.abouttopics{list-style:none;padding:0;margin:0;counter-reset:topic}@media screen and (orientation: landscape){.abouttopics{--section-whitespace-start: 0;--section-whitespace-end: calc(var(--_gap-y) * 5.5)}}.abouttopics>li{margin:0;display:grid;grid-template-columns:repeat(12, 1fr);column-gap:var(--_gutter)}@media screen and (orientation: landscape){.abouttopics>li{scroll-margin-top:var(--section-whitespace-end)}}.abouttopics-title h3{--font-size-min: 37;--font-size-max: 27}.abouttopics-title h3::before{counter-increment:topic;content:counter(topic, decimal-leading-zero);display:block}.kioskmode__externalcontent{display:none;max-width:none;max-height:none;height:100%;width:100%;inset:0;background:rgba(0,0,0,.5)}.kioskmode__externalcontent[open]{display:block}.kioskmode__externalcontent iframe,.kioskmode__externalcontent .kioskmode__externalcontent-msg{border:none;background:var(--gallery);position:absolute;inset:8%;height:84%;width:84%}.kioskmode__externalcontent button{position:fixed;top:2%;right:2%;background:none;padding:0;margin:0;font-size:3rem;line-height:1ch;color:var(--white);display:none;cursor:pointer}body:has(.kioskmode__externalcontent[open]) .kioskmode__externalcontent button{display:block}.kioskmode__externalcontent-msg{text-align:center;align-content:center;padding:2.5rem}.kioskmode__externalcontent-msg p{max-width:32rem;margin-inline:auto;--font-size-min: 20;--font-size-max: 20}.kioskmode__externalcontent-msg svg{max-width:15rem;display:block;margin-inline:auto}/*# sourceMappingURL=site.css.map */