.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-light]{--fg-color: var(--btn-round-light-default-color-text);--bg-color: var(--btn-round-light-default-color-bg);--bg-image: var(--btn-round-light-default-color-bg-image);--bg-fallback-color: var(--btn-round-light-default-fallback-bg-color);--teaser-bg: var(--btn-round-light-default-color-bg-image, var(--btn-round-light-default-color-bg))}.imageclick [data-modifier=round-light]:active,.imageclick [data-modifier=round-light].active,.imageclick [data-modifier=round-light].is-active{--fg-color: var(--btn-round-light-active-color-text);--bg-color: var(--btn-round-light-active-color-bg);--bg-image: var(--btn-round-light-active-color-bg-image);--bg-fallback-color: var(--btn-round-light-active-fallback-bg-color)}.imageclick [data-modifier=round-light]:focus,.imageclick [data-modifier=round-light].focus,.imageclick [data-modifier=round-light].is-focus{--fg-color: var(--btn-round-light-focus-color-text);--bg-color: var(--btn-round-light-focus-color-bg);--bg-image: var(--btn-round-light-focus-color-bg-image);--bg-fallback-color: var(--btn-round-light-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__container{position:relative;height:fit-content}.imageclick__mobile-container{max-width:var(--container-width);padding:var(--spacing) 0}.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;transition:all 0.25s ease;text-decoration:none;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;height:0;width:0}.imageclick__teaser.is-opening{pointer-events:none}.imageclick__teaser.is-open{opacity:1;visibility:visible;pointer-events:all}.imageclick__teaser .mini-teaser{--mt-color: var(--fg-color);--mt-background-color: var(--teaser-bg);--mt-color-link: var(--fg-color);--mt-color-link-hover: var(--fg-color)}.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:rgba(0,0,0,0)}.imageclick__button--audio[data-type=custom-bg].is-playing{background-image:url("/dist/svg/ui/imageclick-audio-btn-pause-default.svg");background-color:rgba(0,0,0,0)}.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--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__teaser{--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);width:max-content;max-width:calc(var(--container-width) - 2*var(--spacing));display:flex;overflow:hidden;filter:drop-shadow(0 0.25rem 0.5rem rgba(0, 0, 0, 0.25))}.imageclick[data-view=desktop] .imageclick__teaser[data-horizontal=left]{--x: calc(var(--btn-width) / -2)}.imageclick[data-view=desktop] .imageclick__teaser[data-horizontal=center]{--x: -50%}.imageclick[data-view=desktop] .imageclick__teaser[data-horizontal=right]{--x: calc(-100% + (var(--btn-width) / 2))}.imageclick[data-view=desktop] .imageclick__teaser[data-vertical=top]{--y: calc((var(--btn-width) / 2 + var(--spacing)) * -1);bottom:50%;top:initial}.imageclick[data-view=desktop] .imageclick__teaser.is-open{width:max-content;height:fit-content;margin-top:0;margin-bottom:0;transform:translate(var(--x), var(--y))}.imageclick[data-view=desktop] .imageclick__teaser.is-open[data-horizontal=left]{--x: calc(var(--btn-width) / -2)}.imageclick[data-view=desktop] .imageclick__teaser.is-open[data-horizontal=center]{--x: -50%}.imageclick[data-view=desktop] .imageclick__teaser.is-open[data-horizontal=right]{--x: calc(-100% + (var(--btn-width) / 2))}.imageclick[data-view=desktop] .imageclick__teaser.is-open[data-vertical=top]{--y: calc((var(--btn-width) / 2 + var(--spacing)) * -1);bottom:50%;top:initial}.imageclick[data-view=desktop] .imageclick__mobile-container{display:none}.imageclick[data-view=mobile] .imageclick__teaser.is-open{opacity:1;visibility:visible;pointer-events:all;width:100%;height:auto}/*# sourceMappingURL=postload_imageclick.49213e3b.css.map */
