@keyframes expand{0%{width:0}to{width:100%}}.element.elementtouchpoint{--txt-width:180px}.element.elementtouchpoint figure{margin:1lh auto;max-width:800px;position:relative}:is(.element.elementtouchpoint figure) img{height:auto;margin-bottom:0;width:100%}:is(.element.elementtouchpoint figure) figcaption{background-color:oklch(from var(--white) l c h/.75);border:5px solid var(--section-color);border-radius:50%;cursor:pointer;height:2.5em;position:absolute;width:2.5em}:is(:is(.element.elementtouchpoint figure) figcaption):before{align-items:center;color:var(--section-color);content:"+";display:flex;font-size:1.5em;font-weight:var(--font-weight--bold);height:1em;justify-content:center;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}:is(:is(.element.elementtouchpoint figure) figcaption) .txt{background-color:oklch(from var(--gray--lighter) l c h/.9);display:none;font-size:.75rem;left:3.5em;padding:1em .5em 1em 1em;position:absolute;top:0;width:var(--txt-width)}@media(max-width:979px){:is(:is(.element.elementtouchpoint figure) figcaption) .txt{display:none!important}}.west:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt){left:calc((var(--txt-width) + 1em)*-1)}.sued:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt){top:4em}.nord:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt){bottom:3.5em;top:auto}.links:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt){left:0}:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt) h4{font-weight:var(--font-weight--normal);margin-bottom:.7em}:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt) .pseudolink{background-color:transparent;box-shadow:none;color:var(--text-color);margin:0 0 .5lh}:is(:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt) .pseudolink)>span{display:inline-block;font-size:15px;font-weight:var(--font-weight--bold);padding-bottom:5px;position:relative}:is(:is(:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt) .pseudolink)>span):after{background-color:var(--section-color);bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}:is(:is(:is(:is(.element.elementtouchpoint figure) figcaption) .txt):hover .pseudolink>span):after{animation-duration:.4s;animation-name:expand}.open:is(:is(.element.elementtouchpoint figure) figcaption){background-color:oklch(from var(--gray) l c h/.9)}.open:is(:is(.element.elementtouchpoint figure) figcaption) .txt{display:block}.open:is(:is(.element.elementtouchpoint figure) figcaption):before{color:var(--white);content:"–"}.element.elementtouchpoint .legend-small{display:none;min-height:4em;padding:1em .5em 1em 0}@media(max-width:979px){.element.elementtouchpoint .legend-small{display:block}}:is(.element.elementtouchpoint .legend-small) h4{font-weight:var(--font-weight--normal);margin-bottom:.3em}:is(.element.elementtouchpoint .legend-small) .pseudolink{background-color:transparent;box-shadow:none;color:var(--text-color);margin:0 0 .5lh}:is(:is(.element.elementtouchpoint .legend-small) .pseudolink)>span{display:inline-block;font-size:15px;font-weight:var(--font-weight--bold);padding-bottom:5px;position:relative}:is(:is(:is(.element.elementtouchpoint .legend-small) .pseudolink)>span):after{background-color:var(--yellow);bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}:is(:is(.element.elementtouchpoint .legend-small):hover .pseudolink>span):after{animation-duration:.4s;animation-name:expand}