.imageclick{--image-width:90px;--fg-color:var(--btn-default-color-text);--bg-color:var(--btn-default-color-bg);--bg-image:var(--btn-default-color-bg-image);--bg-fallback-color:var(--btn-default-fallback-bg-color);--bg:var(--bg-image, var(--bg-fallback-color, var(--bg-color)));--teaser-bg:var(--bg);max-width:100%}.imageclick [data-modifier=default]{--fg-color:var(--btn-default-color-text);--bg-color:var(--btn-default-color-bg);--bg-image:var(--btn-default-color-bg-image);--bg-fallback-color:var(--btn-default-fallback-bg-color)}.imageclick [data-modifier=default]:active,.imageclick [data-modifier=default].active,.imageclick [data-modifier=default].is-active{--fg-color:var(--btn-active-color-text);--bg-color:var(--btn-active-color-bg);--bg-image:var(--btn-active-color-bg-image);--bg-fallback-color:var(--btn-active-fallback-bg-color)}.imageclick [data-modifier=default]:focus,.imageclick [data-modifier=default].focus,.imageclick [data-modifier=default].is-focus{--fg-color:var(--btn-focus-color-text);--bg-color:var(--btn-focus-color-bg);--bg-image:var(--btn-focus-color-bg-image);--bg-fallback-color:var(--btn-focus-fallback-bg-color)}.imageclick [data-modifier=round-conversion]{--fg-color:var(--btn-round-conversion-default-color-text);--bg-color:var(--btn-round-conversion-default-color-bg);--bg-image:var(--btn-round-conversion-default-color-bg-image);--bg-fallback-color:var(--btn-round-conversion-default-fallback-bg-color);--teaser-bg:var(--btn-round-conversion-default-color-bg-image, var(--btn-round-conversion-default-color-bg))}.imageclick [data-modifier=round-conversion]:active,.imageclick [data-modifier=round-conversion].active,.imageclick [data-modifier=round-conversion].is-active{--fg-color:var(--btn-round-conversion-active-color-text);--bg-color:var(--btn-round-conversion-active-color-bg);--bg-image:var(--btn-round-conversion-active-color-bg-image);--bg-fallback-color:var(--btn-round-conversion-active-fallback-bg-color)}.imageclick [data-modifier=round-conversion]:focus,.imageclick [data-modifier=round-conversion].focus,.imageclick [data-modifier=round-conversion].is-focus{--fg-color:var(--btn-round-conversion-focus-color-text);--bg-color:var(--btn-round-conversion-focus-color-bg);--bg-image:var(--btn-round-conversion-focus-color-bg-image);--bg-fallback-color:var(--btn-round-conversion-focus-fallback-bg-color)}.imageclick [data-modifier=round-rainbow]{--fg-color:var(--btn-round-rainbow-default-color-text);--bg-color:var(--btn-round-rainbow-default-color-bg);--bg-image:var(--btn-round-rainbow-default-color-bg-image);--bg-fallback-color:var(--btn-round-rainbow-default-fallback-bg-color);--teaser-bg:var(--btn-round-rainbow-default-color-bg-image, var(--btn-round-rainbow-default-color-bg))}.imageclick [data-modifier=round-rainbow]:active,.imageclick [data-modifier=round-rainbow].active,.imageclick [data-modifier=round-rainbow].is-active{--fg-color:var(--btn-round-rainbow-active-color-text);--bg-color:var(--btn-round-rainbow-active-color-bg);--bg-image:var(--btn-round-rainbow-active-color-bg-image);--bg-fallback-color:var(--btn-round-rainbow-active-fallback-bg-color)}.imageclick [data-modifier=round-rainbow]:focus,.imageclick [data-modifier=round-rainbow].focus,.imageclick [data-modifier=round-rainbow].is-focus{--fg-color:var(--btn-round-rainbow-focus-color-text);--bg-color:var(--btn-round-rainbow-focus-color-bg);--bg-image:var(--btn-round-rainbow-focus-color-bg-image);--bg-fallback-color:var(--btn-round-rainbow-focus-fallback-bg-color)}.imageclick__container{position:relative;height:fit-content}.imageclick__mobile-container{max-width:var(--container-width)}.imageclick__image{display:block;height:100%;max-width:100%}.imageclick__item{position:absolute;transform:translate(-50%,-50%)}.imageclick__item.is-open{z-index:10}.imageclick__item.is-open .imageclick__button--default{--link-color:inherit;--link-color-hover:inherit;color:var(--fg-color);background:var(--bg)}.imageclick__teaser{z-index:300;text-decoration:none;color:var(--fg-color);background:var(--teaser-bg);transition:all .4s cubic-bezier(.215,.61,.355,1)}.imageclick__teaser-content{flex:1 1 auto;display:flex;flex-direction:column;padding:.5rem;gap:.25rem;max-width:100%}.imageclick__teaser-content .imageclick__teaser-header{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:var(--typo-font-weight-bold)}.imageclick__teaser-content .imageclick__teaser-subheader{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0}.imageclick__teaser-image{flex:0 0 var(--image-width);line-height:0}.imageclick__teaser-image img{width:var(--image-width);height:auto}.imageclick__teaser-image+.imageclick__teaser-content{max-width:calc(100% - var(--image-width))}.imageclick__button--audio[data-type=default] .imageclick__button-pause{display:none}.imageclick__button--audio[data-type=default].is-playing .imageclick__button-pause{display:inline-flex}.imageclick__button--audio[data-type=default].is-playing .imageclick__button-play{display:none}.imageclick__button--audio[data-type=custom-bg]{width:2rem;height:2rem;background:url(/dist/svg/ui/imageclick-audio-btn-play-default.svg) no-repeat center center;background-size:cover;border:none;outline:none;cursor:pointer}.imageclick__button--audio[data-type=custom-bg]:focus-visible{background-image:url(/dist/svg/ui/imageclick-audio-btn-play-focus.svg)}.imageclick__button--audio[data-type=custom-bg]:active{background-image:url(/dist/svg/ui/imageclick-audio-btn-play-active.svg)}.imageclick__button--audio[data-type=custom-bg]:hover{background-image:url(/dist/svg/ui/imageclick-audio-btn-play-hover.svg)}.imageclick__button--audio[data-type=custom-bg].is-open{background-color:#fff0}.imageclick__button--audio[data-type=custom-bg].is-playing{background-image:url(/dist/svg/ui/imageclick-audio-btn-pause-default.svg);background-color:#fff0}.imageclick__button--audio[data-type=custom-bg].is-playing:focus-visible{background-image:url(/dist/svg/ui/imageclick-audio-btn-pause-focus.svg)}.imageclick__button--audio[data-type=custom-bg].is-playing:active{background-image:url(/dist/svg/ui/imageclick-audio-btn-pause-active.svg)}.imageclick__button--audio[data-type=custom-bg].is-playing:hover{background-image:url(/dist/svg/ui/imageclick-audio-btn-pause-hover.svg)}@media(min-width:768px){.imageclick__button--audio[data-type=custom-bg]{width:3rem;height:3rem}}.imageclick__teaser--left{--x:calc(var(--btn-width) * -1);right:0}.imageclick__teaser--top{--y:calc(var(--btn-width) * -1);bottom:0}.imageclick__teaser--desktop{transition:all 0.25s ease;--offset:calc(var(--btn-width) / 2 + var(--spacing));--x:var(--offset);--y:var(--offset);position:absolute;top:50%;left:50%;transform:translate(var(--x),var(--y));margin-left:var(--margin-left,0);margin-top:var(--spacing);margin-bottom:var(--spacing);max-width:calc(var(--container-width) - 2*var(--spacing));opacity:0;visibility:hidden;pointer-events:none;display:flex;overflow:hidden;filter:drop-shadow(0 .25rem .5rem rgb(0 0 0 / .25))}.imageclick__teaser--desktop[data-horizontal=left]{--x:calc(var(--btn-width) / -2)}.imageclick__teaser--desktop[data-horizontal=center]{--x:-50%}.imageclick__teaser--desktop[data-horizontal=right]{--x:calc(-100% + (var(--btn-width) / 2))}.imageclick__teaser--desktop[data-vertical=top]{--y:calc((var(--btn-width) / 2 + var(--spacing)) * -1);bottom:50%;top:initial}.is-opening .imageclick__teaser--desktop{pointer-events:none}.is-open .imageclick__teaser--desktop{opacity:1;visibility:visible;pointer-events:all;width:max-content;height:fit-content;margin-top:0;margin-bottom:0;transform:translate(var(--x),var(--y))}.is-open .imageclick__teaser--desktop[data-horizontal=left]{--x:calc(var(--btn-width) / -2)}.is-open .imageclick__teaser--desktop[data-horizontal=center]{--x:-50%}.is-open .imageclick__teaser--desktop[data-horizontal=right]{--x:calc(-100% + (var(--btn-width) / 2))}.is-open .imageclick__teaser--desktop[data-vertical=top]{--y:calc((var(--btn-width) / 2 + var(--spacing)) * -1);bottom:50%;top:initial}.imageclick__teaser--mobile{display:flex;margin:var(--spacing) 0}.imageclick__teaser--linked:not(.btn):active,.imageclick__teaser--linked:not(.btn).active,.imageclick__teaser--linked:not(.btn).is-active{color:var(--fg-color);background:var(--teaser-bg);text-decoration:underline}.no-touchevents .imageclick__teaser--linked:not(.btn):not(:where(:disabled)):hover,.no-touchevents .imageclick__teaser--linked:not(.btn):not(:where(:disabled)).hover,.no-touchevents .imageclick__teaser--linked:not(.btn):not(:where(:disabled)).is-hover{color:var(--fg-color);background:var(--teaser-bg);text-decoration:underline}.imageclick__teaser--linked:not(.btn):not(:where(:disabled)):focus-visible,.imageclick__teaser--linked:not(.btn):not(:where(:disabled)).focus,.imageclick__teaser--linked:not(.btn):not(:where(:disabled)).is-focus{color:var(--fg-color);background:var(--teaser-bg);text-decoration:underline}.imageclick[data-view=desktop] .imageclick__mobile-container{display:none}.imageclick[data-view=mobile] .imageclick__teaser--desktop{display:none}