/******* Do not edit this file *******
Code Snippets Manager
Saved: Oct 15 2026 | 17:08:42 */
/* Native variables verified in post-7.css. Resolve primitives on root before
   rebinding semantic roles on body; keeping these scopes separate avoids cycles. */
:root{--resonanz-light:var(--color-secondary);--resonanz-orange:var(--color-primary);--resonanz-bg:var(--resonanz-light);--resonanz-ink:var(--resonanz-orange)}
:root[data-resonanz-color="orange"]{--resonanz-bg:var(--resonanz-orange);--resonanz-ink:var(--resonanz-light)}
/* Styleguide document scrollbar: native sizing/scrolling, inverse page roles in both palettes.
   Standards-only engines keep their platform thumb shape. In WebKit/Blink, auto
   prevents scrollbar-color/width from suppressing the rounded pseudo-element paint. */
@media (forced-colors: none) {
 @supports not selector(::-webkit-scrollbar) {
  :root[data-resonanz-motion] { scrollbar-color: var(--resonanz-bg) var(--resonanz-ink); }
  :root[data-resonanz-motion] > body { scrollbar-color: auto; }
 }
 @supports selector(::-webkit-scrollbar) {
  :root[data-resonanz-motion] { scrollbar-color: auto; scrollbar-width: auto; }
  :root[data-resonanz-motion]::-webkit-scrollbar,
  :root[data-resonanz-motion]::-webkit-scrollbar-track { background: var(--resonanz-ink); }
  :root[data-resonanz-motion]::-webkit-scrollbar-thumb {
   background: var(--resonanz-bg);
   border: 2px solid var(--resonanz-ink);
   border-radius: 6px;
  }
  :root[data-resonanz-motion]::-webkit-scrollbar-button { display: none; }
 }
}
:root[data-resonanz-motion][data-resonanz-color] > body:not(.elementor-editor-active){
 --color-bg:var(--resonanz-bg);
 --color-text:var(--resonanz-ink);
 --color-border:var(--resonanz-ink);
 --color-bg-alt:var(--resonanz-ink);
 --color-primary:var(--resonanz-ink);
 --color-secondary:var(--resonanz-bg);
}
/* Legal paragraphs keep their native muted role; only its orange-state value changes. */
:root[data-resonanz-color="orange"] > body:not(.elementor-editor-active) .legal-layout{
 --color-text-muted:var(--resonanz-light);
}
/* The About slideshow retains descriptive image alt text without visible captions. */
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-slideshow__footer{display:none}
/* Pupil easing is a JS346 spring; a CSS transition here would restart on every move. */
/* Subpixel overlap closes the antialias seam between separately painted frame and pupil. */
[data-resonanz-motion="home"] .home-logo clipPath[id^="intro-eye-"] path{transform-box:fill-box;transform-origin:center;transform:scale(1.01,1.025)}
[data-resonanz-motion="home"] .home-stage[data-home-phase="intro"][data-home-intro-source="placeholder"] .home-logo{animation:resonanz-placeholder 1.1s ease both}
@keyframes resonanz-placeholder{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
/* Full-emblem hover fill is paused pending the original assets; native focus remains. */
[data-resonanz-motion="home"] .home-stage[data-home-phase="intro"] .home-logo{cursor:default}
/* Keep a held logo touch out of the native selection/image-callout gesture. */
[data-resonanz-motion="home"] .home-logo{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@media(min-width:769px) and (hover:hover) and (pointer:fine){
 /* Home and short pages (JS346 sets data-resonanz-footer) share the stationary footer reveal. */
 :root:is([data-resonanz-motion="home"],[data-resonanz-footer="reveal"]),:root:is([data-resonanz-motion="home"],[data-resonanz-footer="reveal"]) > body{overflow:hidden;overscroll-behavior:none}
 :is([data-resonanz-motion="home"],[data-resonanz-footer="reveal"]) .site-footer[data-home-footer="reveal"]{position:fixed;left:0;bottom:0;z-index:40;transform:translateY(100%);transition:transform .42s cubic-bezier(.22,1,.36,1)}
 :is([data-resonanz-motion="home"],[data-resonanz-footer="reveal"]) .site-footer[data-home-footer-visible="true"],
 :is([data-resonanz-motion="home"],[data-resonanz-footer="reveal"]) .site-footer[data-home-footer="reveal"]:focus-within{transform:none}
}
.motion-effects{pointer-events:none}
/* One noninteractive cursor layer also reaches links inside the native modal menu. */
.motion-effects[popover]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none}
.motion-effects[popover]::backdrop{background:transparent;pointer-events:none}
/* Cross-origin iframe entry can bypass parent Pointer Events; CSS hover still owns the boundary. */
:root:has(.resonanz-video iframe:hover) .motion-effects{visibility:hidden}
.motion-cursor,.motion-trail,.motion-pulse{position:fixed;pointer-events:none;border-radius:50%;z-index:2147483647;translate:-50% -50%;color:var(--resonanz-ink)}
.motion-cursor{display:none;left:0;top:0;width:.875rem;height:.875rem;background:currentColor}
.motion-trail{width:.875rem;height:.875rem;background:currentColor;animation:resonanz-trail .65s linear forwards}
/* Four opaque rings share one 720 ms lifetime; the nonmodal layer leaves input untouched. */
.motion-pulse-layer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;pointer-events:none;overflow:visible}
.motion-pulse-layer::backdrop{background:transparent;pointer-events:none}
.motion-pulse{width:7rem;height:7rem;border:0;animation:none}
.motion-pulse>.motion-ring{position:absolute;inset:0;border:var(--border-width,2px) solid currentColor;border-radius:50%;opacity:1;animation:resonanz-pulse var(--ring-duration) cubic-bezier(.16,1,.3,1) var(--ring-delay) both}
@media(any-hover:hover) and (any-pointer:fine) and (prefers-reduced-motion:no-preference){
 [data-resonanz-cursor="active"] .motion-cursor{display:block}
 [data-resonanz-cursor="active"] body,[data-resonanz-cursor="active"] body *{cursor:none!important}
}
@keyframes resonanz-trail{0%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(.1)}}
@keyframes resonanz-pulse{from{transform:scale(.12)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
 [data-resonanz-motion="home"] .home-logo,[data-resonanz-motion="home"] .home-logo #pupil-left,[data-resonanz-motion="home"] .home-logo #pupil-right,:is([data-resonanz-motion="home"],[data-resonanz-footer="reveal"]) .site-footer[data-home-footer="reveal"]{animation:none!important;transition:none!important}
 .motion-effects{display:none}
}

/* Colour wave (r47): one hard-edged circle reveals the new palette in 0.75 s from the
   input point (JS346); navigation reveals the next page the same way. */
@view-transition{navigation:auto}
body::view-transition-group(root){animation:none}
/* Only the existing visible consent box is lifted above the live Home logo. */
body::view-transition-group(resonanz-consent){animation:none;z-index:2}
body::view-transition-old(resonanz-consent){display:none}
body::view-transition-new(resonanz-consent){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-old(root),body::view-transition-old(root){animation:none}
::view-transition-new(root),body::view-transition-new(root){animation:resonanz-wave 750ms cubic-bezier(.42,0,.58,1) both;mix-blend-mode:normal}
:root[data-resonanz-motion="home"][data-resonanz-wave="reveal"]::view-transition-new(root),:root[data-resonanz-motion="home"][data-resonanz-wave="reveal"]>body::view-transition-new(root){animation-duration:750ms}
@keyframes resonanz-wave{from{clip-path:circle(0 at var(--resonanz-wave-x,50vw) var(--resonanz-wave-y,50vh))}to{clip-path:circle(var(--resonanz-wave-r,150vmax) at var(--resonanz-wave-x,50vw) var(--resonanz-wave-y,50vh))}}
/* No frozen cursor or trail in the old snapshot; the live cursor stays in the new page. */
:root[data-resonanz-wave="capture"] .motion-effects{visibility:hidden}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root),body::view-transition-old(root),body::view-transition-new(root){animation:none!important}
}

/* Events: the calendar leaf turns once after a short desktop hover dwell (JS346). */
@media(min-width:769px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .event-date-lines[data-resonanz-date-flip]{animation:resonanz-date-flip .54s cubic-bezier(.65,0,.35,1);transform-origin:50% 50%}
}
@keyframes resonanz-date-flip{from{transform:perspective(42rem) rotateX(0)}to{transform:perspective(42rem) rotateX(-360deg)}}

/* Keep the original comparison's 14px directed trail. */
.motion-trail[data-trail-shape="drop"] {
  width: calc(.875rem * var(--trail-stretch));
  translate: calc(-100% + .4375rem) -50%;
  transform-origin: calc(100% - .4375rem) 50%;
  border-radius: 0;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Cpath d='M0 7C5.6 6.4 8.3 0 14 0a7 7 0 0 1 0 14C8.3 14 5.6 7.6 0 7Z'/%3E%3C/svg%3E");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

/* The revised mark scales with the viewport; all symbols use the two site colors. */
:root[data-resonanz-motion] {
  --resonanz-cursor-size: clamp(1.125rem, calc(.625rem + .65vw), 1.875rem);
  --resonanz-cursor-half: clamp(.5625rem, calc(.3125rem + .325vw), .9375rem);
}
:root[data-resonanz-motion] .motion-cursor,
:root[data-resonanz-motion] .motion-trail {
  width: var(--resonanz-cursor-size);
  height: var(--resonanz-cursor-size);
}
:root[data-resonanz-motion] .motion-trail { z-index: 2147483646; }
/* Approved trail A: all living round dots follow the animated link cursor. */
:root[data-resonanz-motion] .motion-trail{width:var(--resonanz-trail-size,var(--resonanz-cursor-size));height:var(--resonanz-trail-size,var(--resonanz-cursor-size))}

/* Approved growing circle: the whole link hit area, with the original round trail. */
:root[data-resonanz-motion] .motion-cursor {
  transition: width 160ms cubic-bezier(.22,1,.36,1), height 160ms cubic-bezier(.22,1,.36,1);
}
:root[data-resonanz-motion][data-resonanz-cursor-symbol="link"] .motion-cursor {
  width: calc(var(--resonanz-cursor-size) * 2);
  height: calc(var(--resonanz-cursor-size) * 2);
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  :root[data-resonanz-motion] .motion-cursor { transition: none; }
}
/* Centered SVG masks keep the text and gallery symbols crisp. */
:root[data-resonanz-motion]:is([data-resonanz-cursor-symbol="text"], [data-resonanz-cursor-symbol="drag"]) .motion-cursor {
  background: transparent;
  border-radius: 0;
  transition: none;
}
:root[data-resonanz-motion]:is([data-resonanz-cursor-symbol="text"], [data-resonanz-cursor-symbol="drag"]) .motion-cursor::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
:root[data-resonanz-motion][data-resonanz-cursor-symbol="text"] .motion-cursor::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='M2 1h12v2H9v18h5v2H2v-2h5V3H2z'/%3E%3C/svg%3E");
}
/* Approved r34 geometry and spring morph; hand remains light with the constant orange contour below. */
:root[data-resonanz-motion][data-resonanz-cursor-symbol="drag"] .motion-cursor {
  width: clamp(1.75rem, calc(1.25rem + .85vw), 3.25rem);
  height: clamp(1.96875rem, calc(1.40625rem + .95625vw), 3.65625rem);
}
:root[data-resonanz-motion][data-resonanz-cursor-symbol="drag"] .motion-cursor::before {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2036%22%3E%0A%20%20%3Cdefs%3E%3Cmask%20id%3D%22finger-gaps%22%3E%3Crect%20width%3D%2232%22%20height%3D%2236%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14%2013v6m5-7v7m5-4v5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22%23e8e8e8%22%20mask%3D%22url%28%23finger-gaps%29%22%20d%3D%22M9%2021V10a2.5%202.5%200%200%201%205%200V18V6a2.5%202.5%200%200%201%205%200V18V9a2.5%202.5%200%200%201%205%200V21V14a2.5%202.5%200%200%201%205%200v10c0%206.4-3.9%2010-10%2010h-1c-4%200-6.9-1.8-9-4.4L3.2%2023a2.8%202.8%200%200%201%204.1-3.8L9%2021Z%22%2F%3E%0A%3C%2Fsvg%3E");
  mask-mode: alpha;
}
/* Root flag from JS542: a document-level has-selector re-styled the page on every trail dot. */
:root[data-resonanz-motion][data-resonanz-cursor-symbol="drag"][data-resonanz-gallery-dragging] .motion-cursor::before {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2036%22%3E%0A%20%20%3Cdefs%3E%3Cmask%20id%3D%22finger-gaps%22%3E%3Crect%20width%3D%2232%22%20height%3D%2236%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14%2015v4m6-5v5m6-3v4M9%2021l4%203%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22%23e8e8e8%22%20mask%3D%22url%28%23finger-gaps%29%22%20d%3D%22M8%2020v-5a3%203%200%200%201%206%200v-2a3%203%200%200%201%206%200v1a3%203%200%200%201%206%200v3a2.5%202.5%200%200%201%205%200v8c0%205.8-4.2%209-10.2%209H18c-4.4%200-7.2-1.4-9.5-4.6L4%2023.2a2.8%202.8%200%200%201%204-3.8L13%2023Z%22%2F%3E%0A%3C%2Fsvg%3E");
}

/* Gallery hand transition (JS346): short-lived ghosts of the outgoing shape. */
.motion-morph-circle,.motion-morph-hand{position:fixed;pointer-events:none;z-index:2147483647;translate:-50% -50%;background:currentColor}
.motion-morph-circle{border-radius:50%}
.motion-morph-hand{mask-position:center;mask-repeat:no-repeat;mask-size:contain;mask-mode:alpha}

/* Browser cursors remain visible when custom painting is unavailable. */
@media (forced-colors: active) {
  :root[data-resonanz-motion] .motion-effects { display: none !important; }
  :root[data-resonanz-motion][data-resonanz-cursor="active"] body,
  :root[data-resonanz-motion][data-resonanz-cursor="active"] body * { cursor: revert !important; }
}

/* Keep the native image/lightbox anchors clickable without browser image dragging. */
#resonanz-about-gallery-track a[data-elementor-lightbox-slideshow="resonanz-about-377"],
#resonanz-about-gallery-track a[data-elementor-lightbox-slideshow="resonanz-about-377"] img {
  -webkit-user-drag: none;
}

/* Shift only the arrow inside its existing button box. */
@media (any-hover: hover) and (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-gallery-arrows="direction"] .about-gallery-scroll-button[aria-disabled="false"] {
    transition: padding 140ms ease-out;
  }
  [data-gallery-arrows="direction"] .about-gallery-scroll-button[aria-disabled="false"][data-gallery-direction="next"]:is(:hover, :focus-visible) {
    padding-inline: 6px 0;
  }
  [data-gallery-arrows="direction"] .about-gallery-scroll-button[aria-disabled="false"][data-gallery-direction="previous"]:is(:hover, :focus-visible) {
    padding-inline: 0 6px;
  }
}

/* Only the active mouse drag bypasses any inherited smooth scrolling or snap. */
#resonanz-about-gallery-track.gallery-drag-active {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  user-select: none;
  -webkit-user-select: none;
}

@media (any-hover:hover) and (any-pointer:fine) {
 :root:not([data-resonanz-cursor="active"]) #resonanz-about-gallery-track[data-gallery-grab],
 :root:not([data-resonanz-cursor="active"]) #resonanz-about-gallery-track[data-gallery-grab] a {cursor:grab}
 :root:not([data-resonanz-cursor="active"])[data-resonanz-gallery-dragging] body * {cursor:grabbing}
}

/* Text selection uses the existing functional dark tone. */
@media(forced-colors:none){
 :is(.about-title,.about-tagline,.about-heading,.about-gallery-title,.about-body,.about-caption,.kontakt-input,.kontakt-textarea)::selection,
 :is(.about-body,.about-caption) *::selection{background:var(--color-text-muted);color:var(--resonanz-light)}
}

/* Mobile/touch footer: the untransformed box remains measurable by TODAY.
   Clip only the moving contents; first real downward gesture reveals them.
   Keyboard focus always exposes a link immediately. */
@media(max-width:768px),(hover:none),(pointer:coarse){
 [data-resonanz-motion] .site-footer[data-home-footer="reveal"]{overflow:clip;clip-path:inset(100% 0 0);transition:clip-path .42s cubic-bezier(.22,1,.36,1)}
 [data-resonanz-motion] .site-footer[data-home-footer="reveal"] > *{transform:translateY(100%);transition:transform .42s cubic-bezier(.22,1,.36,1)}
 [data-resonanz-motion] .site-footer:is([data-home-footer-visible="true"],:focus-within){clip-path:inset(0)}
 [data-resonanz-motion] .site-footer:is([data-home-footer-visible="true"],:focus-within) > *{transform:none}
 [data-resonanz-motion] .site-footer:focus-within,[data-resonanz-motion] .site-footer:focus-within > *{transition:none}
}
@media(prefers-reduced-motion:reduce){
 [data-resonanz-motion] .site-footer,[data-resonanz-motion] .site-footer > *{transition:none!important}
}

/* Generated Elementor overlay, scoped to About's gallery. Native lightbox remains owner. */
#elementor-lightbox-slideshow-resonanz-about-377{
 background:var(--resonanz-bg)!important;
 --lightbox-ui-color:var(--resonanz-ink);
 --lightbox-ui-color-hover:var(--resonanz-ink);
 --lightbox-text-color:var(--resonanz-ink);
 --lightbox-header-icons-size:1.5rem;
}
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-lightbox-image{box-shadow:none}
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-swiper-button{font-size:var(--lightbox-navigation-icons-size)}
#elementor-lightbox-slideshow-resonanz-about-377 :is(.elementor-slideshow__header,.elementor-slideshow__counter,.dialog-lightbox-close-button,.elementor-swiper-button){color:var(--resonanz-ink)!important;fill:var(--resonanz-ink)!important}
#elementor-lightbox-slideshow-resonanz-about-377 :is(svg,i){fill:var(--resonanz-ink)!important;color:var(--resonanz-ink)!important}
#elementor-lightbox-slideshow-resonanz-about-377 :is(.dialog-lightbox-close-button,.elementor-swiper-button,a,[role="button"]):focus-visible{outline:2px solid var(--resonanz-ink);outline-offset:2px}
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-slideshow__share-menu,
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-slideshow__header > [class*="share"],
#elementor-lightbox-slideshow-resonanz-about-377 .eicon-share-arrow{display:none!important}

/* Approved brand cursor mask, built from the shared cursor-negative source. */
/* One bounded backdrop applies the site-ink inversion through the union of the
   original head/trail silhouettes. Overlap is filtered once. Rings stay native. */
.motion-cursor-layer{position:fixed;inset:0;pointer-events:none;z-index:2147483647}
.motion-cursor-defs{position:absolute;width:0;height:0;pointer-events:none}
.motion-cursor-backdrop{position:fixed;pointer-events:none;z-index:2147483647;backdrop-filter:url("#resonanz-cursor-duotone");mask:url("#resonanz-cursor-union");mask-mode:alpha}
.motion-cursor-backdrop[hidden]{display:none}
:root:not([data-resonanz-cursor="active"]) .motion-cursor-backdrop{display:none}
:root[data-resonanz-cursor-negative="true"] .motion-effects{view-transition-name:none}
:root[data-resonanz-cursor-negative="true"] .motion-cursor-layer{visibility:hidden}
/* The gallery hand stays outside the mask in its own solid ink. */
:root[data-resonanz-cursor-negative="true"][data-resonanz-cursor-symbol="drag"] .motion-cursor-layer .motion-cursor{visibility:visible}
/* Fading dots and the circle ghost stay masked beneath the hand, never across it. */
:root[data-resonanz-cursor-negative="true"][data-resonanz-cursor-symbol="drag"] .motion-cursor-backdrop{z-index:2147483646}
:root:not([data-resonanz-cursor-negative="true"]) .motion-cursor-backdrop{display:none}
.cursor-negative-control{position:fixed;right:16px;top:62px;z-index:100000;max-width:calc(100vw - 32px);padding:9px 12px;border:2px solid #e65200;background:#e8e8e8;color:#e65200;font:600 12px/1.3 Inter,sans-serif;cursor:pointer}
.cursor-negative-control:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:700px){.cursor-negative-control{top:62px;right:12px;max-width:190px}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.motion-cursor-layer,.motion-cursor-backdrop{display:none!important}}

/* Approved Firefox cursor: bounded body siblings share one opaque union mask. */
.motion-ff-cursor-plane{position:fixed;pointer-events:none;z-index:2147483647;mask-mode:alpha}
.motion-ff-cursor-plane[hidden],:root:not([data-resonanz-cursor="active"]) .motion-ff-cursor-plane,:root[data-resonanz-wave="capture"] .motion-ff-cursor-plane{display:none}
.motion-ff-cursor-defs{position:absolute;width:0;height:0;pointer-events:none}
:root[data-resonanz-ff-cursor="active"] :is(.motion-cursor,.motion-trail,.motion-morph-circle){visibility:hidden}
:root[data-resonanz-ff-cursor="active"][data-resonanz-cursor-symbol="drag"] .motion-cursor{visibility:visible}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.motion-ff-cursor-plane{display:none!important}}

/* Generated native navigation has no Atomic icon control. Reuse the gallery's SELF arrows. */
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-swiper-button > svg{display:none}
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-swiper-button::before{content:"⟶";font-family:"Inter SELF Arrow",sans-serif;font-weight:500;font-size:var(--lightbox-navigation-icons-size,3rem);line-height:1}
#elementor-lightbox-slideshow-resonanz-about-377 .elementor-swiper-button-prev::before{content:"⟵"}
/* Approved native About MP4 controls; source/poster remain in Elementor. */
#about-mp4-player{--amp4-bg:var(--resonanz-bg,#e8e8e8);--amp4-ink:var(--resonanz-ink,#e65200);width:100%;min-width:0;margin:0;padding:0;color:var(--amp4-ink);font:inherit}
#about-mp4-player *{box-sizing:border-box}
#about-mp4-player [hidden]{display:none!important}
#about-mp4-player .about-mp4-stage{position:relative;width:100%;min-width:0;height:calc(100vh - var(--resonanz-header-height,3rem));height:calc(100dvh - var(--resonanz-header-height,3rem));aspect-ratio:auto;overflow:hidden;background:#383838}
#about-mp4-player .about-mp4-stage>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#about-mp4-player[data-ready] .about-mp4-stage>video{pointer-events:none}
#about-mp4-player button,#about-mp4-player input,#about-mp4-player a{-webkit-tap-highlight-color:transparent}
#about-mp4-player button{font:inherit;color:inherit;cursor:pointer}
#about-mp4-player button:disabled,#about-mp4-player input:disabled{cursor:default;opacity:.45}
#about-mp4-player button:focus-visible,#about-mp4-player input:focus-visible,#about-mp4-player a:focus-visible{outline:3px solid var(--amp4-ink);outline-offset:3px}
#about-mp4-player .about-mp4-surface{position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;border:0;padding:0;background:transparent;touch-action:manipulation}
#about-mp4-player .about-mp4-surface:focus-visible{outline-offset:-5px}
#about-mp4-player .about-mp4-start{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#e65200;color:#e8e8e8;pointer-events:none}
#about-mp4-player .about-mp4-start svg{width:56px;height:56px;fill:currentColor}
#about-mp4-player .about-mp4-stage[data-state="playing"] .about-mp4-start,#about-mp4-player .about-mp4-stage[data-state="loading"] .about-mp4-start,#about-mp4-player .about-mp4-stage[data-state="failed"] .about-mp4-start{display:none}
#about-mp4-player[data-mode="minimal"] .about-mp4-controls{position:absolute;z-index:2;left:auto;right:12px;bottom:12px;display:flex;align-items:center;min-width:0;pointer-events:none}
#about-mp4-player .about-mp4-icon{width:44px;height:44px;flex:0 0 44px;border:0;padding:6px;display:grid;place-items:center;background:transparent;color:var(--amp4-ink)}
#about-mp4-player .about-mp4-icon svg{display:block;width:32px;height:32px;fill:currentColor}
#about-mp4-player .about-mp4-icon .about-mp4-sound{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
#about-mp4-player .about-mp4-audio{--amp4-ink:#e8e8e8;--amp4-bg:#e8e8e8;position:relative;display:flex;align-items:center;background:transparent;color:#e8e8e8}
#about-mp4-player[data-mode="minimal"] .about-mp4-audio{pointer-events:auto}
#about-mp4-player[data-mode="minimal"] .about-mp4-volume-popup{position:absolute;right:0;bottom:44px;padding-bottom:6px;background:transparent}
#about-mp4-player[data-mode="minimal"] .about-mp4-volume{display:flex;align-items:center;min-width:0;width:44px;height:132px;padding:12px 0;justify-content:center;background:transparent}
#about-mp4-player input[type="range"]{appearance:none;-webkit-appearance:none;display:block;min-width:0;margin:0;border:0;padding:0;background:transparent;color:inherit;cursor:pointer}
#about-mp4-player[data-mode="minimal"] .about-mp4-volume input{writing-mode:vertical-lr;direction:rtl;width:44px;height:108px}
#about-mp4-player[data-mode="minimal"] input[type="range"]::-webkit-slider-runnable-track{width:12px;height:100%;border-radius:6px;background:var(--amp4-ink)}
#about-mp4-player[data-mode="minimal"] input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:28px;margin-top:0;margin-left:-4px;border:2px solid var(--amp4-ink);border-radius:6px;background:var(--amp4-bg)}
#about-mp4-player[data-mode="minimal"] input[type="range"]::-moz-range-track,#about-mp4-player[data-mode="minimal"] input[type="range"]::-moz-range-progress{width:12px;height:100%;border-radius:6px;background:var(--amp4-ink)}
#about-mp4-player[data-mode="minimal"] input[type="range"]::-moz-range-thumb{width:16px;height:24px;border:2px solid var(--amp4-ink);border-radius:6px;background:var(--amp4-bg)}
#about-mp4-player .about-mp4-error{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(30rem,calc(100% - 32px));padding:12px 16px;background:var(--amp4-bg);color:var(--amp4-ink);font:inherit;font-size:16px;line-height:1.4}
#about-mp4-player .about-mp4-error p{margin:0}
#about-mp4-player .about-mp4-error a,#about-mp4-player .about-mp4-fallback a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:.2em}
#about-mp4-player .about-mp4-fallback{margin:0;padding:8px 12px;background:var(--amp4-bg);color:var(--amp4-ink);font-size:16px;line-height:1.4}
#about-mp4-player .about-mp4-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){#about-mp4-player[data-mode="minimal"] .about-mp4-controls{right:8px;bottom:8px}#about-mp4-player .about-mp4-start{width:72px;height:72px}#about-mp4-player .about-mp4-start svg{width:44px;height:44px}}
@media(forced-colors:active){#about-mp4-player .about-mp4-stage{border:1px solid CanvasText}#about-mp4-player .about-mp4-start,#about-mp4-player .about-mp4-icon,#about-mp4-player .about-mp4-volume,#about-mp4-player .about-mp4-audio,#about-mp4-player .about-mp4-error{background:ButtonFace;color:ButtonText}#about-mp4-player .about-mp4-start{border:1px solid ButtonText}#about-mp4-player input[type="range"]{appearance:auto;-webkit-appearance:auto}#about-mp4-player[data-mode="minimal"] input[type="range"]::-webkit-slider-runnable-track{background:CanvasText}#about-mp4-player[data-mode="minimal"] input[type="range"]::-webkit-slider-thumb{background:ButtonFace;border-color:ButtonText}#about-mp4-player[data-mode="minimal"] input[type="range"]::-moz-range-track,#about-mp4-player[data-mode="minimal"] input[type="range"]::-moz-range-progress{background:CanvasText}#about-mp4-player[data-mode="minimal"] input[type="range"]::-moz-range-thumb{background:ButtonFace;border-color:ButtonText}#about-mp4-player button:focus-visible,#about-mp4-player input:focus-visible,#about-mp4-player a:focus-visible{outline-color:Highlight}}

/* Native rich-text arrow spans omit HTML classes; keep glyph styling editable here. */
/* Events have no native font consumer: explicitly reuse the existing SELF font.
   The approved right-arrow shape rotates down/up; button labels and ARIA stay unchanged. */
@font-face{font-family:"Inter SELF Arrow";font-style:normal;font-weight:500;font-display:auto;src:url("/wp-content/uploads/2026/10/self-inter-variable-v4.1.woff2") format("woff2")}
[data-event-boundary-link] > span{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:0;flex-shrink:0}
[data-event-boundary-link] > span::before{content:"⟶";display:block;font-family:"Inter SELF Arrow",sans-serif;font-weight:500;font-size:1rem;line-height:1;-webkit-text-stroke:.4px currentColor}
[data-event-boundary-link="coming"] > span::before{transform:rotate(90deg)}
[data-event-boundary-link="past"] > span::before{transform:rotate(-90deg)}

/* Approved gallery hand: light fill and a constant fine orange contour on photos and gaps.
   Same native open/closed geometry; the outgoing morph carries the painted SVG. */
:root{--resonanz-gallery-hand-open:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2036%22%3E%0A%20%20%3Cdefs%3E%3Cfilter%20id%3D%22orange-edge%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%22.55%22%20result%3D%22edge%22%20%2F%3E%3CfeFlood%20flood-color%3D%22%23e65200%22%20result%3D%22ink%22%20%2F%3E%3CfeComposite%20in%3D%22ink%22%20in2%3D%22edge%22%20operator%3D%22in%22%20result%3D%22outline%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22outline%22%20%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22hand-interior%22%3E%3Cpath%20d%3D%22M9%2021V10a2.5%202.5%200%200%201%205%200V18V6a2.5%202.5%200%200%201%205%200V18V9a2.5%202.5%200%200%201%205%200V21V14a2.5%202.5%200%200%201%205%200v10c0%206.4-3.9%2010-10%2010h-1c-4%200-6.9-1.8-9-4.4L3.2%2023a2.8%202.8%200%200%201%204.1-3.8L9%2021Z%22%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22%23e8e8e8%22%20stroke%3D%22%23e65200%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2021V10a2.5%202.5%200%200%201%205%200V18V6a2.5%202.5%200%200%201%205%200V18V9a2.5%202.5%200%200%201%205%200V21V14a2.5%202.5%200%200%201%205%200v10c0%206.4-3.9%2010-10%2010h-1c-4%200-6.9-1.8-9-4.4L3.2%2023a2.8%202.8%200%200%201%204.1-3.8L9%2021Z%22%20filter%3D%22url%28%23orange-edge%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M14%2013v6m5-7v7m5-4v5%22%20fill%3D%22none%22%20stroke%3D%22%23e65200%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20clip-path%3D%22url%28%23hand-interior%29%22%20%2F%3E%3C%2Fsvg%3E");--resonanz-gallery-hand-closed:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2036%22%3E%0A%20%20%3Cdefs%3E%3Cfilter%20id%3D%22orange-edge%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%22.55%22%20result%3D%22edge%22%20%2F%3E%3CfeFlood%20flood-color%3D%22%23e65200%22%20result%3D%22ink%22%20%2F%3E%3CfeComposite%20in%3D%22ink%22%20in2%3D%22edge%22%20operator%3D%22in%22%20result%3D%22outline%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22outline%22%20%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22hand-interior%22%3E%3Cpath%20d%3D%22M8%2020v-5a3%203%200%200%201%206%200v-2a3%203%200%200%201%206%200v1a3%203%200%200%201%206%200v3a2.5%202.5%200%200%201%205%200v8c0%205.8-4.2%209-10.2%209H18c-4.4%200-7.2-1.4-9.5-4.6L4%2023.2a2.8%202.8%200%200%201%204-3.8L13%2023Z%22%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22%23e8e8e8%22%20stroke%3D%22%23e65200%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8%2020v-5a3%203%200%200%201%206%200v-2a3%203%200%200%201%206%200v1a3%203%200%200%201%206%200v3a2.5%202.5%200%200%201%205%200v8c0%205.8-4.2%209-10.2%209H18c-4.4%200-7.2-1.4-9.5-4.6L4%2023.2a2.8%202.8%200%200%201%204-3.8L13%2023Z%22%20filter%3D%22url%28%23orange-edge%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M14%2015v4m6-5v5m6-3v4M9%2021l4%203%22%20fill%3D%22none%22%20stroke%3D%22%23e65200%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20clip-path%3D%22url%28%23hand-interior%29%22%20%2F%3E%3C%2Fsvg%3E")}
:root[data-resonanz-motion][data-resonanz-cursor-symbol="drag"] .motion-cursor{color:var(--resonanz-light)!important}
:root[data-resonanz-motion][data-resonanz-cursor-symbol="drag"] .motion-cursor::before{background-color:transparent!important;mask-image:none!important;background-image:var(--resonanz-gallery-hand-open);background-size:contain;background-position:center;background-repeat:no-repeat}
:root[data-resonanz-motion][data-resonanz-cursor-symbol="drag"][data-resonanz-gallery-dragging] .motion-cursor::before{background-image:var(--resonanz-gallery-hand-closed)}
.motion-morph-hand{background-color:transparent;mask-image:none!important;background-image:var(--resonanz-gallery-hand-open);background-size:contain;background-position:center;background-repeat:no-repeat}

/* Align the visible SELF glyph ink, including the native 180deg previous arrow.
   Native font size/rotation, wrapper insets, 44px targets and focus remain owners. */
.about-gallery-scroll-button[data-gallery-direction="previous"]{translate:-.125em .015625em}
.about-gallery-scroll-button[data-gallery-direction="next"]{translate:.125em -.03125em}
[data-event-boundary-link="coming"] > span::before{translate:.09375em 0}
[data-event-boundary-link="past"] > span::before{translate:0 -.0625em}

/* Accepted Eventtag wave: runtime label copy follows the editable native nav text.
   JS346 owns real-date/idle guards and removes all transient attributes. */
.resonanz-eventday-target{position:relative}
.resonanz-eventday-target::before,.resonanz-eventday-target::after{
 content:attr(data-resonanz-eventday-label) / "";
 position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 white-space:nowrap;pointer-events:none;
 clip-path:circle(0 at var(--eventday-ox,0) var(--eventday-oy,100%));
 animation:resonanz-eventday-wave .375s cubic-bezier(.42,0,.58,1) forwards;
}
.resonanz-eventday-target::before{background:var(--resonanz-ink);color:var(--resonanz-bg)}
.resonanz-eventday-target::after{background:var(--resonanz-bg);color:var(--resonanz-ink);animation-delay:.78s}
@keyframes resonanz-eventday-wave{to{clip-path:circle(var(--eventday-r,20rem) at var(--eventday-ox,0) var(--eventday-oy,100%))}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.resonanz-eventday-target::before,.resonanz-eventday-target::after{display:none}}