.wr-visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =========================================================
   WERKREGISTER-GRUNDREGELN
   ========================================================= */

/* Die große Seitenüberschrift im Werkregister konsequent ausblenden */
main h1,
main .page-title,
main .entry-title,
main .archive-title,
main .wr-page-title,
main .wr-register-title,
main .wr-register-heading,
main .wr-overview-title,
main .wr-overview-heading,
main .wr-archiv-title,
main .wr-archiv-heading {
    display: none !important;
}

/* Leere Headerblöcke nach ausgeblendeter Überschrift neutralisieren */
.wr-register__header,
.wr-overview__header,
.wr-archiv__header,
.wr-list__header,
.wr-index__header,
.wr-register-header,
.wr-overview-header,
.wr-archiv-header {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
}

/* =========================================================
   WERKREGISTER-NAVIGATION
   Optik wie Hauptnavigation: keine Kästen, nur schlichte Linie
   ========================================================= */

.wr-register-nav,
.wr-register__nav,
.wr-register-filter,
.wr-register-filters,
.wr-filter-nav,
.wr-filterbar,
.wr-bereich-nav,
.wr-register-tabs,
.wr-tabs,
.wr-kategorien,
.wr-category-nav,
.wr-werkregister-nav {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 34px;
    margin: 0 0 26px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

.wr-register-nav ul,
.wr-register__nav ul,
.wr-register-filter ul,
.wr-register-filters ul,
.wr-filter-nav ul,
.wr-filterbar ul,
.wr-bereich-nav ul,
.wr-register-tabs ul,
.wr-tabs ul,
.wr-kategorien ul,
.wr-category-nav ul,
.wr-werkregister-nav ul {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 34px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

.wr-register-nav li,
.wr-register__nav li,
.wr-register-filter li,
.wr-register-filters li,
.wr-filter-nav li,
.wr-filterbar li,
.wr-bereich-nav li,
.wr-register-tabs li,
.wr-tabs li,
.wr-kategorien li,
.wr-category-nav li,
.wr-werkregister-nav li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wr-register-nav a,
.wr-register-nav button,
.wr-register__nav a,
.wr-register__nav button,
.wr-register-filter a,
.wr-register-filter button,
.wr-register-filters a,
.wr-register-filters button,
.wr-filter-nav a,
.wr-filter-nav button,
.wr-filterbar a,
.wr-filterbar button,
.wr-bereich-nav a,
.wr-bereich-nav button,
.wr-register-tabs a,
.wr-register-tabs button,
.wr-tabs a,
.wr-tabs button,
.wr-kategorien a,
.wr-kategorien button,
.wr-category-nav a,
.wr-category-nav button,
.wr-werkregister-nav a,
.wr-werkregister-nav button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    min-height: 0 !important;
    padding: 0 0 12px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.98rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-decoration: none !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 140ms ease;
    appearance: none;
    -webkit-appearance: none;
}

.wr-register-nav a::after,
.wr-register-nav button::after,
.wr-register__nav a::after,
.wr-register__nav button::after,
.wr-register-filter a::after,
.wr-register-filter button::after,
.wr-register-filters a::after,
.wr-register-filters button::after,
.wr-filter-nav a::after,
.wr-filter-nav button::after,
.wr-filterbar a::after,
.wr-filterbar button::after,
.wr-bereich-nav a::after,
.wr-bereich-nav button::after,
.wr-register-tabs a::after,
.wr-register-tabs button::after,
.wr-tabs a::after,
.wr-tabs button::after,
.wr-kategorien a::after,
.wr-kategorien button::after,
.wr-category-nav a::after,
.wr-category-nav button::after,
.wr-werkregister-nav a::after,
.wr-werkregister-nav button::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.88);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 140ms ease;
}

.wr-register-nav a:hover,
.wr-register-nav button:hover,
.wr-register__nav a:hover,
.wr-register__nav button:hover,
.wr-register-filter a:hover,
.wr-register-filter button:hover,
.wr-register-filters a:hover,
.wr-register-filters button:hover,
.wr-filter-nav a:hover,
.wr-filter-nav button:hover,
.wr-filterbar a:hover,
.wr-filterbar button:hover,
.wr-bereich-nav a:hover,
.wr-bereich-nav button:hover,
.wr-register-tabs a:hover,
.wr-register-tabs button:hover,
.wr-tabs a:hover,
.wr-tabs button:hover,
.wr-kategorien a:hover,
.wr-kategorien button:hover,
.wr-category-nav a:hover,
.wr-category-nav button:hover,
.wr-werkregister-nav a:hover,
.wr-werkregister-nav button:hover,
.wr-register-nav a:focus-visible,
.wr-register-nav button:focus-visible,
.wr-register__nav a:focus-visible,
.wr-register__nav button:focus-visible,
.wr-register-filter a:focus-visible,
.wr-register-filter button:focus-visible,
.wr-register-filters a:focus-visible,
.wr-register-filters button:focus-visible,
.wr-filter-nav a:focus-visible,
.wr-filter-nav button:focus-visible,
.wr-filterbar a:focus-visible,
.wr-filterbar button:focus-visible,
.wr-bereich-nav a:focus-visible,
.wr-bereich-nav button:focus-visible,
.wr-register-tabs a:focus-visible,
.wr-register-tabs button:focus-visible,
.wr-tabs a:focus-visible,
.wr-tabs button:focus-visible,
.wr-kategorien a:focus-visible,
.wr-kategorien button:focus-visible,
.wr-category-nav a:focus-visible,
.wr-category-nav button:focus-visible,
.wr-werkregister-nav a:focus-visible,
.wr-werkregister-nav button:focus-visible {
    color: #ffffff !important;
}

.wr-register-nav a:hover::after,
.wr-register-nav button:hover::after,
.wr-register__nav a:hover::after,
.wr-register__nav button:hover::after,
.wr-register-filter a:hover::after,
.wr-register-filter button:hover::after,
.wr-register-filters a:hover::after,
.wr-register-filters button:hover::after,
.wr-filter-nav a:hover::after,
.wr-filter-nav button:hover::after,
.wr-filterbar a:hover::after,
.wr-filterbar button:hover::after,
.wr-bereich-nav a:hover::after,
.wr-bereich-nav button:hover::after,
.wr-register-tabs a:hover::after,
.wr-register-tabs button:hover::after,
.wr-tabs a:hover::after,
.wr-tabs button:hover::after,
.wr-kategorien a:hover::after,
.wr-kategorien button:hover::after,
.wr-category-nav a:hover::after,
.wr-category-nav button:hover::after,
.wr-werkregister-nav a:hover::after,
.wr-werkregister-nav button:hover::after,
.wr-register-nav a:focus-visible::after,
.wr-register-nav button:focus-visible::after,
.wr-register__nav a:focus-visible::after,
.wr-register__nav button:focus-visible::after,
.wr-register-filter a:focus-visible::after,
.wr-register-filter button:focus-visible::after,
.wr-register-filters a:focus-visible::after,
.wr-register-filters button:focus-visible::after,
.wr-filter-nav a:focus-visible::after,
.wr-filter-nav button:focus-visible::after,
.wr-filterbar a:focus-visible::after,
.wr-filterbar button:focus-visible::after,
.wr-bereich-nav a:focus-visible::after,
.wr-bereich-nav button:focus-visible::after,
.wr-register-tabs a:focus-visible::after,
.wr-register-tabs button:focus-visible::after,
.wr-tabs a:focus-visible::after,
.wr-tabs button:focus-visible::after,
.wr-kategorien a:focus-visible::after,
.wr-kategorien button:focus-visible::after,
.wr-category-nav a:focus-visible::after,
.wr-category-nav button:focus-visible::after,
.wr-werkregister-nav a:focus-visible::after,
.wr-werkregister-nav button:focus-visible::after {
    transform: scaleX(1);
}

.wr-register-nav .is-active > a,
.wr-register-nav .is-active > button,
.wr-register__nav .is-active > a,
.wr-register__nav .is-active > button,
.wr-register-filter .is-active > a,
.wr-register-filter .is-active > button,
.wr-register-filters .is-active > a,
.wr-register-filters .is-active > button,
.wr-filter-nav .is-active > a,
.wr-filter-nav .is-active > button,
.wr-filterbar .is-active > a,
.wr-filterbar .is-active > button,
.wr-bereich-nav .is-active > a,
.wr-bereich-nav .is-active > button,
.wr-register-tabs .is-active > a,
.wr-register-tabs .is-active > button,
.wr-tabs .is-active > a,
.wr-tabs .is-active > button,
.wr-kategorien .is-active > a,
.wr-kategorien .is-active > button,
.wr-category-nav .is-active > a,
.wr-category-nav .is-active > button,
.wr-werkregister-nav .is-active > a,
.wr-werkregister-nav .is-active > button,
.wr-register-nav a.is-active,
.wr-register-nav button.is-active,
.wr-register__nav a.is-active,
.wr-register__nav button.is-active,
.wr-register-filter a.is-active,
.wr-register-filter button.is-active,
.wr-register-filters a.is-active,
.wr-register-filters button.is-active,
.wr-filter-nav a.is-active,
.wr-filter-nav button.is-active,
.wr-filterbar a.is-active,
.wr-filterbar button.is-active,
.wr-bereich-nav a.is-active,
.wr-bereich-nav button.is-active,
.wr-register-tabs a.is-active,
.wr-register-tabs button.is-active,
.wr-tabs a.is-active,
.wr-tabs button.is-active,
.wr-kategorien a.is-active,
.wr-kategorien button.is-active,
.wr-category-nav a.is-active,
.wr-category-nav button.is-active,
.wr-werkregister-nav a.is-active,
.wr-werkregister-nav button.is-active,
.wr-register-nav a[aria-current="page"],
.wr-register__nav a[aria-current="page"],
.wr-register-filter a[aria-current="page"],
.wr-register-filters a[aria-current="page"],
.wr-filter-nav a[aria-current="page"],
.wr-filterbar a[aria-current="page"],
.wr-bereich-nav a[aria-current="page"],
.wr-register-tabs a[aria-current="page"],
.wr-tabs a[aria-current="page"],
.wr-kategorien a[aria-current="page"],
.wr-category-nav a[aria-current="page"],
.wr-werkregister-nav a[aria-current="page"] {
    color: #ffffff !important;
}

.wr-register-nav .is-active > a::after,
.wr-register-nav .is-active > button::after,
.wr-register__nav .is-active > a::after,
.wr-register__nav .is-active > button::after,
.wr-register-filter .is-active > a::after,
.wr-register-filter .is-active > button::after,
.wr-register-filters .is-active > a::after,
.wr-register-filters .is-active > button::after,
.wr-filter-nav .is-active > a::after,
.wr-filter-nav .is-active > button::after,
.wr-filterbar .is-active > a::after,
.wr-filterbar .is-active > button::after,
.wr-bereich-nav .is-active > a::after,
.wr-bereich-nav .is-active > button::after,
.wr-register-tabs .is-active > a::after,
.wr-register-tabs .is-active > button::after,
.wr-tabs .is-active > a::after,
.wr-tabs .is-active > button::after,
.wr-kategorien .is-active > a::after,
.wr-kategorien .is-active > button::after,
.wr-category-nav .is-active > a::after,
.wr-category-nav .is-active > button::after,
.wr-werkregister-nav .is-active > a::after,
.wr-werkregister-nav .is-active > button::after,
.wr-register-nav a.is-active::after,
.wr-register-nav button.is-active::after,
.wr-register__nav a.is-active::after,
.wr-register__nav button.is-active::after,
.wr-register-filter a.is-active::after,
.wr-register-filter button.is-active::after,
.wr-register-filters a.is-active::after,
.wr-register-filters button.is-active::after,
.wr-filter-nav a.is-active::after,
.wr-filter-nav button.is-active::after,
.wr-filterbar a.is-active::after,
.wr-filterbar button.is-active::after,
.wr-bereich-nav a.is-active::after,
.wr-bereich-nav button.is-active::after,
.wr-register-tabs a.is-active::after,
.wr-register-tabs button.is-active::after,
.wr-tabs a.is-active::after,
.wr-tabs button.is-active::after,
.wr-kategorien a.is-active::after,
.wr-kategorien button.is-active::after,
.wr-category-nav a.is-active::after,
.wr-category-nav button.is-active::after,
.wr-werkregister-nav a.is-active::after,
.wr-werkregister-nav button.is-active::after,
.wr-register-nav a[aria-current="page"]::after,
.wr-register__nav a[aria-current="page"]::after,
.wr-register-filter a[aria-current="page"]::after,
.wr-register-filters a[aria-current="page"]::after,
.wr-filter-nav a[aria-current="page"]::after,
.wr-filterbar a[aria-current="page"]::after,
.wr-bereich-nav a[aria-current="page"]::after,
.wr-register-tabs a[aria-current="page"]::after,
.wr-tabs a[aria-current="page"]::after,
.wr-kategorien a[aria-current="page"]::after,
.wr-category-nav a[aria-current="page"]::after,
.wr-werkregister-nav a[aria-current="page"]::after {
    transform: scaleX(1);
}

/* Fallback: falls die Filter technisch noch als Kasten-Buttons gebaut sind */
.wr-register-nav .btn,
.wr-register-nav .button,
.wr-register__nav .btn,
.wr-register__nav .button,
.wr-register-filter .btn,
.wr-register-filter .button,
.wr-register-filters .btn,
.wr-register-filters .button,
.wr-filter-nav .btn,
.wr-filter-nav .button,
.wr-filterbar .btn,
.wr-filterbar .button,
.wr-bereich-nav .btn,
.wr-bereich-nav .button,
.wr-register-tabs .btn,
.wr-register-tabs .button,
.wr-tabs .btn,
.wr-tabs .button,
.wr-kategorien .btn,
.wr-kategorien .button,
.wr-category-nav .btn,
.wr-category-nav .button,
.wr-werkregister-nav .btn,
.wr-werkregister-nav .button {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 0 12px 0 !important;
}

/* =========================================================
   DETAILANSICHT
   ========================================================= */

.wr-detail {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wr-detail__context {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-self: flex-start;
    margin: 0 0 2px;
}

.wr-detail__context-label {
    color: var(--vs-text-muted);
    font-size: 0.75rem;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.wr-detail__context-area {
    display: inline-flex;
    width: fit-content;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--vs-text);
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.wr-detail__backnav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

.wr-detail__backlink {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--vs-line);
    color: var(--vs-text);
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.wr-detail__backlink:hover,
.wr-detail__backlink:focus-visible {
    border-color: rgba(255, 255, 255, 0.34);
    color: var(--vs-text-strong);
    background: rgba(255, 255, 255, 0.02);
}

.wr-detail__header {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--vs-line);
}

.wr-detail__bereich {
    display: none;
}

.wr-detail__year {
    color: var(--vs-text);
    font-size: 0.98rem;
    line-height: 1.4;
}

.wr-detail__title {
    display: block;
    margin: 0;
    color: var(--vs-text);
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    font-family: var(--vs-font-oldnorse);
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.wr-detail__title--medium {
    font-size: 1.46rem;
    line-height: 1.18;
}

.wr-detail__title--long {
    font-size: 1.3rem;
    line-height: 1.16;
}

.wr-detail__meta-line,
.wr-detail__description {
    display: none;
}

.wr-detail__display-title {
    display: block;
    margin: 0;
    color: var(--vs-text);
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
}

.wr-detail__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 24px;
    align-items: start;
}

.wr-detail__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.wr-detail__sidebar {
    min-width: 0;
    position: sticky;
    top: 20px;
    align-self: start;
}

.wr-panel {
    border: 1px solid var(--vs-line);
    background: rgba(255, 255, 255, 0.01);
}

.wr-media-box {
    border: 1px solid rgba(255, 255, 255, 0.055);
    background: transparent;
}

.wr-panel__title,
.wr-media-box__head {
    margin: 0;
    padding: 14px 18px 0;
    color: var(--vs-text-strong);
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wr-panel__body,
.wr-media-box__body {
    padding: 14px 18px 18px;
}

.wr-panel__body p {
    margin: 0;
    color: var(--vs-text);
    line-height: 1.65;
}

.wr-media-box__link,
.wr-media__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.wr-media-box__figure,
.wr-text-pages__item {
    margin: 0;
}

.wr-media-box__stage,
.wr-media-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(220px, 27vw, 400px);
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    transition: background-color 140ms ease;
}

.wr-media-box__link:hover .wr-media-box__stage,
.wr-media__link:hover .wr-media-stage,
.wr-media-box__link:focus-visible .wr-media-box__stage,
.wr-media__link:focus-visible .wr-media-stage {
    background: transparent;
}

.wr-media-box__link,
.wr-media__link,
.wr-media-box__figure {
    width: 100%;
    height: 100%;
}

.wr-media-box__figure {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wr-media-box__image,
.wr-media__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center center;
}

.wr-media-box__empty {
    color: var(--vs-text-muted);
    line-height: 1.6;
}

.wr-text-pages {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wr-meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wr-meta__rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wr-meta__row {
    margin: 0;
    color: var(--vs-text);
    font-size: 0.98rem;
    line-height: 1.5;
}

.wr-meta__label,
.wr-meta__value {
    display: inline;
    vertical-align: baseline;
    white-space: normal;
}

.wr-meta__label {
    color: var(--vs-text-strong);
    font-weight: 700;
    margin-right: 0.35em;
}

.wr-meta__value {
    color: var(--vs-text);
}

.wr-meta__description {
    margin-top: 2px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.wr-meta__description p {
    margin: 0;
    color: var(--vs-text);
    font-size: 0.98rem;
    line-height: 1.6;
}



/* =========================================================
   INLINE-PLAYER — TON / LAUFBILD AUF DER DETAILSEITE
   ========================================================= */

.wr-inline-player,
.wr-inline-player--audio,
.wr-inline-player--video {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.wr-inline-player__poster-wrap,
.wr-inline-player__controls,
.wr-inline-player__video-stage {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}

.wr-inline-player__controls {
    display: block;
    padding: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #050505;
}

.wr-inline-player__poster-stage,
.wr-inline-player__video-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #050505;
}

.wr-inline-player__poster-stage {
    padding: 14px;
}

.wr-inline-player__poster,
.wr-inline-player__video {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    background: #000000;
}

.wr-inline-player__poster {
    width: auto;
    max-height: min(52vh, 560px);
    object-fit: contain;
}

.wr-inline-player__video {
    object-fit: contain;
}

.wr-inline-player__audio {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0;
}

.wr-media-box--audio .wr-media-box__body {
    padding: 10px 12px 12px;
}

.wr-inline-player--audio {
    align-items: center;
    gap: 0;
}

.wr-inline-player--audio .wr-inline-player__poster-wrap {
    width: auto;
    max-width: 100%;
}

.wr-inline-player__audio-shell {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    width: fit-content;
    max-width: 100%;
    background: transparent;
}

.wr-inline-player__audio-stage {
    position: relative;
    order: 1;
    display: flex;
    justify-content: center;
    width: auto;
    max-width: 100%;
}

.wr-inline-player__poster-stage--audio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.wr-inline-player__poster-stage--audio-empty {
    width: min(100%, 320px);
    min-height: 280px;
    background: #020202;
}

.wr-inline-player__poster--audio {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: clamp(220px, 27vw, 400px);
    height: auto;
    background: #000000;
    object-fit: contain;
}

.wr-inline-player__audio-trigger {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.24);
    color: #ffffff;
    transform: translate(-50%, -50%);
    transition: border-color 140ms ease, background-color 140ms ease, opacity 140ms ease;
    cursor: pointer;
}

.wr-inline-player__audio-trigger:hover,
.wr-inline-player__audio-trigger:focus-visible {
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(0, 0, 0, 0.30);
    outline: none;
}

.wr-inline-player__audio-trigger-icon {
    display: block;
    width: 0;
    height: 0;
    margin-left: 1px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid rgba(255, 255, 255, 0.68);
}

.wr-inline-player__audio-controlbar {
    order: 2;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 9px 0 0;
    border-top: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-4px);
    transition: opacity 140ms ease, transform 140ms ease, max-height 140ms ease, padding-top 140ms ease;
}

.wr-inline-player__audio-shell.is-active .wr-inline-player__audio-controlbar,
.wr-inline-player__audio-shell.is-playing .wr-inline-player__audio-controlbar,
.wr-inline-player__audio-shell.is-paused .wr-inline-player__audio-controlbar {
    opacity: 1;
    max-height: 60px;
    padding-top: 9px;
    transform: translateY(0);
}

.wr-inline-player__audio-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--vs-text-strong);
    cursor: pointer;
}

.wr-inline-player__audio-button:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.22);
    outline-offset: 2px;
}

.wr-inline-player__audio-button-icon {
    display: block;
    width: 11px;
    height: 13px;
    background: rgba(255, 255, 255, 0.76);
}

.wr-inline-player__audio-button[data-wr-audio-button-state="pause"] .wr-inline-player__audio-button-icon {
    width: 11px;
    height: 13px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.76) 0 2px,
        transparent 2px 6px,
        rgba(255, 255, 255, 0.76) 6px 8px,
        transparent 8px 100%
    );
    clip-path: none;
}

.wr-inline-player__audio-button[data-wr-audio-button-state="play"] .wr-inline-player__audio-button-icon {
    width: 10px;
    height: 12px;
    background: rgba(255, 255, 255, 0.76);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.wr-inline-player__audio-progress {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 16px;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

.wr-inline-player__audio-progress:focus-visible {
    outline: none;
}

.wr-inline-player__audio-progress::-webkit-slider-runnable-track {
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
}

.wr-inline-player__audio-progress::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
}

.wr-inline-player__audio-progress::-moz-range-track {
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
}

.wr-inline-player__audio-progress::-moz-range-thumb {
    width: 7px;
    height: 7px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
}

.wr-inline-player__audio-times {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: rgba(244, 240, 229, 0.62);
    font-size: 0.76rem;
    letter-spacing: 0.038em;
    white-space: nowrap;
}

.wr-inline-player__audio-separator {
    opacity: 0.55;
}

.wr-inline-player__audio {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.wr-inline-player__audio-shell.is-playing .wr-inline-player__audio-trigger {
    opacity: 0;
    pointer-events: none;
}

.wr-inline-player__audio-shell.is-paused .wr-inline-player__audio-trigger {
    opacity: 0.76;
}

@media (max-width: 700px) {
    .wr-inline-player__audio-trigger {
        width: 34px;
        height: 34px;
    }

    .wr-inline-player__audio-controlbar {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 9px;
    }

    .wr-inline-player__audio-button {
        width: 24px;
        height: 24px;
    }

    .wr-inline-player__audio-button-icon {
        width: 12px;
        height: 14px;
    }

    .wr-inline-player__audio-progress {
        height: 18px;
    }

    .wr-inline-player__audio-progress::-webkit-slider-runnable-track {
        height: 1px;
        background: rgba(255, 255, 255, 0.19);
    }

    .wr-inline-player__audio-progress::-webkit-slider-thumb {
        width: 7px;
        height: 7px;
        margin-top: -3px;
        background: rgba(244, 240, 229, 0.76);
    }

    .wr-inline-player__audio-progress::-moz-range-track {
        height: 1px;
        background: rgba(255, 255, 255, 0.19);
    }

    .wr-inline-player__audio-progress::-moz-range-thumb {
        width: 7px;
        height: 7px;
        background: rgba(244, 240, 229, 0.76);
    }

    .wr-inline-player__audio-times {
        grid-column: 1 / -1;
        justify-content: flex-end;
        color: rgba(244, 240, 229, 0.62);
        font-size: 0.71rem;
        padding-top: 1px;
    }
}


@media (max-width: 700px) {
    .wr-inline-player__video-trigger {
        width: 44px;
        height: 44px;
    }

    .wr-inline-player__video-trigger-icon {
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-left-width: 8px;
    }

    .wr-inline-player__video-ui-row {
        grid-template-columns: 20px minmax(0, 1fr) auto auto auto;
        column-gap: 9px;
    }

    .wr-inline-player__video-button {
        font-size: 0.57rem;
        letter-spacing: 0.11em;
    }

    .wr-inline-player__video-times {
        font-size: 0.66rem;
        letter-spacing: 0.045em;
    }
}


.wr-media-box--video .wr-media-box__body {
    padding: 10px 12px 12px;
}

.wr-inline-player--video {
    gap: 0;
}

.wr-inline-player__video-shell {
    position: relative;
    width: 100%;
    background: #020202;
    outline: none;
}

html.wr-video-fullscreen-active,
body.wr-video-fullscreen-active {
    overflow: hidden;
}

:root {
    --vs-vv-left: 0px;
    --vs-vv-top: 0px;
    --vs-vv-width: 100dvw;
    --vs-vv-height: 100dvh;
    --vs-vv-right-gap: 0px;
    --vs-vv-bottom-gap: 0px;
}

.wr-inline-player__video-shell.is-fullscreen {
    background: #000000;
    overflow: hidden;
}

.wr-inline-player__video-shell.is-fullscreen.is-fallback-fullscreen {
    position: fixed;
    inset: auto;
    left: var(--wr-shell-left, var(--vs-vv-left, 0px));
    top: var(--wr-shell-top, var(--vs-vv-top, 0px));
    z-index: 10020;
    width: var(--wr-shell-width, var(--vs-vv-width, 100dvw));
    height: var(--wr-shell-height, var(--vs-vv-height, 100dvh));
    max-width: var(--wr-shell-width, var(--vs-vv-width, 100dvw));
    max-height: var(--wr-shell-height, var(--vs-vv-height, 100dvh));
}

.wr-inline-player__video-shell.is-fullscreen.is-native-fullscreen,
.wr-inline-player__video-shell:fullscreen,
.wr-inline-player__video-shell:-webkit-full-screen {
    position: relative;
    inset: auto;
    z-index: auto;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: #000000;
}

.wr-inline-player__video-shell:fullscreen::backdrop,
.wr-inline-player__video-shell:-webkit-full-screen::backdrop {
    background: #000000;
}

.wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-stage {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    overflow: hidden;
    background: #000000;
    box-sizing: border-box;
}

.wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
    flex: 0 0 auto;
}

.wr-inline-player__video-exit {
    display: none;
}

.js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit {
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 14px);
    right: calc(env(safe-area-inset-right, 0px) + 14px);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 0 1px;
    border: 0;
    background: transparent;
    color: rgba(244, 240, 229, 0.78);
    font-size: 0.64rem;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(-3px);
    transition: opacity 160ms ease, transform 160ms ease, color 160ms ease;
    pointer-events: none;
    cursor: pointer;
}

.js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-exit {
    opacity: 0.34;
    transform: translateY(0);
    pointer-events: auto;
    color: rgba(244, 240, 229, 0.52);
}

.js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-paused .wr-inline-player__video-exit,
.js .wr-inline-player__video-shell.is-ready.is-fullscreen.has-ui .wr-inline-player__video-exit,
.js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-idle .wr-inline-player__video-exit {
    opacity: 0.94;
    transform: translateY(0);
    pointer-events: auto;
    color: rgba(244, 240, 229, 0.82);
}

.wr-inline-player__video-exit:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.22);
    outline-offset: 3px;
}


.wr-inline-player--video .wr-inline-player__video-stage {
    border: 0;
    background: #020202;
}

.wr-inline-player__video-stage {
    position: relative;
    padding: 0;
}

.wr-inline-player__video {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    object-position: center center;
    background: #000000;
    cursor: pointer;
}

.js .wr-inline-player__video-shell:not(.is-ready) .wr-inline-player__video-trigger,
.js .wr-inline-player__video-shell:not(.is-ready) .wr-inline-player__video-ui {
    display: none;
}

.js .wr-inline-player__video-shell.is-ready.is-playing .wr-inline-player__video,
.js .wr-inline-player__video-shell.is-ready.has-ui .wr-inline-player__video {
    cursor: default;
}

.wr-inline-player__video-shell:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.20);
    outline-offset: 2px;
}

.wr-inline-player__video-trigger {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1px;
    background: rgba(0, 0, 0, 0.34);
    color: #ffffff;
    transform: translate(-50%, -50%);
    transition: border-color 140ms ease, background-color 140ms ease, opacity 140ms ease;
    cursor: pointer;
}

.wr-inline-player__video-trigger:hover,
.wr-inline-player__video-trigger:focus-visible {
    border-color: rgba(255, 255, 255, 0.20);
    background: rgba(0, 0, 0, 0.44);
    outline: none;
}

.wr-inline-player__video-trigger-icon {
    display: block;
    width: 0;
    height: 0;
    margin-left: 1px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid rgba(244, 240, 229, 0.84);
}

.js .wr-inline-player__video-shell.is-playing .wr-inline-player__video-trigger {
    opacity: 0;
    pointer-events: none;
}

.js .wr-inline-player__video-shell.is-paused .wr-inline-player__video-trigger,
.js .wr-inline-player__video-shell.is-idle .wr-inline-player__video-trigger {
    opacity: 0.94;
}

.wr-inline-player__video-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: rgba(244, 240, 229, 0.78);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.wr-inline-player__video-loader-text {
    display: inline-block;
    font-size: 0.61rem;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.wr-inline-player__video-loader-bar,
.wr-inline-player__video-loader-bar::after {
    display: none;
}

.js .wr-inline-player__video-shell.is-loading .wr-inline-player__video-loader {
    opacity: 1;
}

.js .wr-inline-player__video-shell.is-loading .wr-inline-player__video-trigger {
    opacity: 0;
    pointer-events: none;
}

@keyframes wr-video-loader-scan {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(46px);
    }
}

.wr-inline-player__video-ui {
    display: none;
}

.js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-ui {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    display: block;
    padding: 34px 12px 10px;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.00) 0%,
        rgba(0, 0, 0, 0.60) 58%,
        rgba(0, 0, 0, 0.78) 100%
    );
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 160ms ease, transform 160ms ease;
    pointer-events: none;
}

.js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-ui {
    inset: auto 0 0 0;
    z-index: 3;
    padding: 54px calc(env(safe-area-inset-right, 0px) + 18px) calc(env(safe-area-inset-bottom, 0px) + 18px) calc(env(safe-area-inset-left, 0px) + 18px);
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.00) 0%,
        rgba(0, 0, 0, 0.54) 62%,
        rgba(0, 0, 0, 0.78) 100%
    );
}

.js .wr-inline-player__video-shell.is-ready.is-paused .wr-inline-player__video-ui,
.js .wr-inline-player__video-shell.is-ready.has-ui .wr-inline-player__video-ui {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.wr-inline-player__video-ui-row {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto auto auto;
    align-items: center;
    column-gap: 10px;
    row-gap: 0;
    min-width: 0;
}

.wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-ui-row {
    grid-template-columns: 22px minmax(0, 1fr) auto auto;
    column-gap: 11px;
}

.wr-inline-player__video-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-width: 0;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(244, 240, 229, 0.80);
    cursor: pointer;
    font-size: 0.595rem;
    line-height: 1;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    white-space: nowrap;
}

.wr-inline-player__video-button:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.22);
    outline-offset: 2px;
}

.wr-inline-player__video-button-icon {
    position: relative;
    top: -0.5px;
    display: block;
    width: 10px;
    height: 10px;
}

.wr-inline-player__video-button-icon--play::before,
.wr-inline-player__video-button-icon--play::after {
    content: "";
    position: absolute;
    inset-block: 0;
    transition: transform 120ms ease, opacity 120ms ease;
}

.wr-inline-player__video-shell.is-playing .wr-inline-player__video-button-icon--play::before {
    left: 1px;
    width: 2px;
    background: rgba(244, 240, 229, 0.84);
}

.wr-inline-player__video-shell.is-playing .wr-inline-player__video-button-icon--play::after {
    right: 1px;
    width: 2px;
    background: rgba(244, 240, 229, 0.84);
}

.wr-inline-player__video-shell.is-idle .wr-inline-player__video-button-icon--play::before,
.wr-inline-player__video-shell.is-paused .wr-inline-player__video-button-icon--play::before {
    left: 1px;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid rgba(244, 240, 229, 0.84);
}

.wr-inline-player__video-shell.is-idle .wr-inline-player__video-button-icon--play::after,
.wr-inline-player__video-shell.is-paused .wr-inline-player__video-button-icon--play::after {
    opacity: 0;
}

.wr-inline-player__video-progress {
    --wr-video-progress: 0%;
    -webkit-appearance: none;
    appearance: none;
    align-self: center;
    width: 100%;
    height: 12px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.wr-inline-player__video-progress:focus-visible {
    outline: none;
}

.wr-inline-player__video-progress::-webkit-slider-runnable-track {
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(244, 240, 229, 0.80) 0%,
        rgba(244, 240, 229, 0.80) var(--wr-video-progress),
        rgba(255, 255, 255, 0.12) var(--wr-video-progress),
        rgba(255, 255, 255, 0.12) 100%
    );
}

.wr-inline-player__video-progress::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border: 0;
    border-radius: 0;
    background: rgba(244, 240, 229, 0.80);
}

.wr-inline-player__video-progress::-moz-range-track {
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}

.wr-inline-player__video-progress::-moz-range-progress {
    height: 1px;
    background: rgba(244, 240, 229, 0.80);
}

.wr-inline-player__video-progress::-moz-range-thumb {
    width: 5px;
    height: 5px;
    border: 0;
    border-radius: 0;
    background: rgba(244, 240, 229, 0.80);
}

.wr-inline-player__video-times {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: 4px;
    color: rgba(244, 240, 229, 0.76);
    font-size: 0.69rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wr-inline-player__video-separator {
    opacity: 0.42;
}

.wr-inline-player__video-button--mute,
.wr-inline-player__video-button--fullscreen {
    color: rgba(244, 240, 229, 0.76);
}

.wr-inline-player__video-shell.is-muted .wr-inline-player__video-button--mute {
    opacity: 0.52;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-button--fullscreen {
    display: none;
}

.wr-inline-player__video-shell.is-playing[data-wr-video-can-fullscreen="0"] .wr-inline-player__video-button--fullscreen,
.wr-inline-player__video-shell.is-paused[data-wr-video-can-fullscreen="0"] .wr-inline-player__video-button--fullscreen,
.wr-inline-player__video-shell.is-idle[data-wr-video-can-fullscreen="0"] .wr-inline-player__video-button--fullscreen {
    display: none;
}


/* =========================================================
   LIGHTBOX / PLAYER
   ========================================================= */

.wr-lightbox,
.wr-player-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.wr-lightbox:target,
.wr-player-overlay:target {
    display: flex;
}

.wr-lightbox__backdrop,
.wr-player-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.985);
    text-decoration: none;
}

.wr-lightbox__dialog,
.wr-player-overlay__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: min(98vw, 1680px);
    max-height: 96vh;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.97);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02), 0 18px 60px rgba(0, 0, 0, 0.45);
}

.wr-lightbox__actions,
.wr-player-overlay__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.wr-lightbox__action,
.wr-player-overlay__action {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(0, 0, 0, 0.62);
    color: #ffffff;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 140ms ease, background-color 140ms ease;
}

.wr-lightbox__action:hover,
.wr-lightbox__action:focus-visible,
.wr-player-overlay__action:hover,
.wr-player-overlay__action:focus-visible {
    border-color: rgba(255, 255, 255, 0.48);
    background: rgba(255, 255, 255, 0.03);
    color: #ffffff;
}

.wr-lightbox__media,
.wr-player-overlay__body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 14px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #050505;
}

.wr-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: calc(96vh - 150px);
    width: auto;
    height: auto;
    object-fit: contain;
}

.wr-player-overlay__body--audio,
.wr-player-overlay__body--video {
    padding: 14px;
}

.wr-player-overlay__audio-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: min(100%, 980px);
}

.wr-player-overlay__poster {
    display: block;
    max-width: 100%;
    max-height: min(52vh, 560px);
    width: auto;
    height: auto;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #050505;
}

.wr-player-overlay__audio {
    width: min(100%, 1060px);
}

.wr-player-overlay__video {
    display: block;
    max-width: 100%;
    max-height: calc(96vh - 160px);
    width: auto;
    height: auto;
    background: #000000;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1280px) {
    .wr-detail__layout {
        grid-template-columns: minmax(0, 1fr) 390px;
        gap: 22px;
    }

    .wr-media-box__stage,
    .wr-media-stage {
        height: clamp(220px, 34vw, 400px);
    }

    .wr-register-nav,
    .wr-register__nav,
    .wr-register-filter,
    .wr-register-filters,
    .wr-filter-nav,
    .wr-filterbar,
    .wr-bereich-nav,
    .wr-register-tabs,
    .wr-tabs,
    .wr-kategorien,
    .wr-category-nav,
    .wr-werkregister-nav,
    .wr-register-nav ul,
    .wr-register__nav ul,
    .wr-register-filter ul,
    .wr-register-filters ul,
    .wr-filter-nav ul,
    .wr-filterbar ul,
    .wr-bereich-nav ul,
    .wr-register-tabs ul,
    .wr-tabs ul,
    .wr-kategorien ul,
    .wr-category-nav ul,
    .wr-werkregister-nav ul {
        gap: 24px;
    }
}

@media (max-width: 1180px) {
    .wr-detail__layout {
        grid-template-columns: 1fr;
    }

    .wr-detail__context {
        align-self: flex-start;
        margin-bottom: 1px;
    }

    .wr-detail__sidebar {
        position: static;
        top: auto;
    }

    .wr-media-box__stage,
    .wr-media-stage {
        height: clamp(220px, 44vw, 420px);
    }
}

@media (max-width: 700px) {
    .wr-detail {
        gap: 14px;
    }

    .wr-detail__header {
        gap: 6px;
        padding-bottom: 8px;
    }

    .wr-detail__title {
        font-size: 1.38rem;
    }

    .wr-detail__title--medium {
        font-size: 1.26rem;
        line-height: 1.16;
    }

    .wr-detail__title--long {
        font-size: 1.14rem;
        line-height: 1.14;
    }

    .wr-panel__title,
    .wr-media-box__head {
        padding: 14px 14px 0;
    }

    .wr-panel__body,
    .wr-media-box__body {
        padding: 12px 14px 14px;
    }

    .wr-media-box__stage,
    .wr-media-stage {
        height: clamp(190px, 58vw, 300px);
        padding: 8px;
    }

    .wr-media-box--video .wr-media-box__body {
        padding: 8px 10px 10px;
    }

    .wr-inline-player__video-trigger {
        width: 44px;
        height: 44px;
    }

    .wr-inline-player__video-trigger-icon {
        margin-left: 1px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 10px;
    }

    .js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-ui {
        padding: 24px 15px 5px 10px;
    }

    .js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-ui {
        padding: 42px calc(env(safe-area-inset-right, 0px) + 14px) calc(env(safe-area-inset-bottom, 0px) + 20px) calc(env(safe-area-inset-left, 0px) + 14px);
    }

    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-stage {
        align-items: center;
        justify-content: center;
        padding:
            calc(env(safe-area-inset-top, 0px) + 18px)
            calc(env(safe-area-inset-right, 0px) + 0px)
            calc(env(safe-area-inset-bottom, 0px) + 52px)
            calc(env(safe-area-inset-left, 0px) + 0px);
    }

    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video {
        width: 100%;
        height: auto;
        max-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 82px);
    }

    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-trigger {
        top: 50%;
        width: 40px;
        height: 40px;
    }

    .wr-inline-player__video-ui-row {
        grid-template-columns: 15px minmax(0, 1fr) max-content max-content max-content;
        column-gap: 4px;
        row-gap: 0;
    }

    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-ui-row {
        grid-template-columns: 15px minmax(0, 1fr) max-content max-content;
        column-gap: 5px;
    }

    .wr-inline-player__video-button {
        height: 17px;
        font-size: 0.52rem;
        letter-spacing: 0.09em;
    }

    .wr-inline-player__video-button-icon {
        width: 8px;
        height: 8px;
    }

    .wr-inline-player__video-progress {
        height: 9px;
    }

    .wr-inline-player__video-times {
        grid-column: auto;
        justify-content: flex-end;
        align-self: center;
        gap: 2px;
        font-size: 0.60rem;
        padding-top: 0;
        margin-left: 3px;
        margin-right: 0;
        padding-inline-end: 3px;
    }

    .wr-inline-player__video-button--mute,
    .wr-inline-player__video-button--fullscreen {
        align-self: center;
    }

    .wr-inline-player__video-button--mute {
        margin-left: 2px;
    }

    .wr-inline-player__video-button--fullscreen {
        margin-left: 1px;
    }

    .js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit {
        top: calc(env(safe-area-inset-top, 0px) + 10px);
        right: calc(env(safe-area-inset-right, 0px) + 14px);
        min-height: 22px;
        font-size: 0.58rem;
        letter-spacing: 0.10em;
    }

    .js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-exit {
        opacity: 0.42;
        color: rgba(244, 240, 229, 0.58);
    }

    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-paused .wr-inline-player__video-exit,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.has-ui .wr-inline-player__video-exit,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-idle .wr-inline-player__video-exit {
        opacity: 0.94;
        color: rgba(244, 240, 229, 0.82);
    }

    .wr-lightbox,
    .wr-player-overlay {
        padding: 8px;
    }

    .wr-lightbox__dialog,
    .wr-player-overlay__dialog {
        width: 100%;
        max-height: 97vh;
        padding: 10px;
        gap: 10px;
    }

    .wr-lightbox__media,
    .wr-player-overlay__body {
        padding: 10px;
    }

    .wr-lightbox__image,
    .wr-player-overlay__video {
        max-height: calc(97vh - 132px);
    }

    .wr-player-overlay__poster {
        max-height: 42vh;
    }

    .wr-lightbox__actions,
    .wr-player-overlay__actions {
        gap: 8px;
    }

    .wr-lightbox__action,
    .wr-player-overlay__action {
        min-height: 40px;
        padding: 0 12px;
    }

    .wr-register-nav,
    .wr-register__nav,
    .wr-register-filter,
    .wr-register-filters,
    .wr-filter-nav,
    .wr-filterbar,
    .wr-bereich-nav,
    .wr-register-tabs,
    .wr-tabs,
    .wr-kategorien,
    .wr-category-nav,
    .wr-werkregister-nav,
    .wr-register-nav ul,
    .wr-register__nav ul,
    .wr-register-filter ul,
    .wr-register-filters ul,
    .wr-filter-nav ul,
    .wr-filterbar ul,
    .wr-bereich-nav ul,
    .wr-register-tabs ul,
    .wr-tabs ul,
    .wr-kategorien ul,
    .wr-category-nav ul,
    .wr-werkregister-nav ul {
        gap: 18px;
    }

    .wr-register-nav a,
    .wr-register-nav button,
    .wr-register__nav a,
    .wr-register__nav button,
    .wr-register-filter a,
    .wr-register-filter button,
    .wr-register-filters a,
    .wr-register-filters button,
    .wr-filter-nav a,
    .wr-filter-nav button,
    .wr-filterbar a,
    .wr-filterbar button,
    .wr-bereich-nav a,
    .wr-bereich-nav button,
    .wr-register-tabs a,
    .wr-register-tabs button,
    .wr-tabs a,
    .wr-tabs button,
    .wr-kategorien a,
    .wr-kategorien button,
    .wr-category-nav a,
    .wr-category-nav button,
    .wr-werkregister-nav a,
    .wr-werkregister-nav button {
        padding-bottom: 10px !important;
        font-size: 0.9rem;
    }
}

/* =========================================================
   FINAL FIX — TEXT-LIGHTBOX / ZURUECK / RAHMENLOS
   ========================================================= */

.wr-lightbox,
.wr-player-overlay {
    padding: 18px 0 !important;
}

.wr-lightbox__dialog,
.wr-player-overlay__dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: 100vh !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.wr-lightbox__actions,
.wr-player-overlay__actions,
.wr-lightbox__actions--text {
    width: min(calc(100vw - 48px), var(--vs-max-width)) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 20px !important;
}

.wr-overlay-nav,
.wr-lightbox__actions .wr-overlay-nav {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.wr-overlay-nav .site-nav__menu,
.wr-lightbox__actions .site-nav__menu {
    width: auto !important;
}

.wr-overlay-nav .site-nav__list,
.wr-lightbox__actions .site-nav__list {
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wr-overlay-nav .site-nav__item,
.wr-lightbox__actions .site-nav__item {
    display: flex !important;
}

.wr-overlay-nav .site-nav__link,
.wr-lightbox__action,
.wr-player-overlay__action {
    min-height: 40px !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-bottom: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: var(--vs-text-strong) !important;
    font-size: 0.9375rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.wr-lightbox__media,
.wr-player-overlay__body {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.wr-lightbox__media {
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 0 0 !important;
}

.wr-lightbox__image {
    max-width: 100% !important;
    max-height: calc(100vh - 120px) !important;
    width: auto !important;
    height: auto !important;
}

.wr-text-pages__stage {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    min-height: clamp(560px, 62vw, 940px);
    padding: 20px;
    border: 0;
    background: #050505;
    overflow: hidden;
}

.wr-text-pages__image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: none;
    height: auto;
    object-fit: contain;
}

.wr-lightbox__media--text-scroll {
    display: block !important;
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 100% !important;
    max-height: calc(100vh - 96px) !important;
    margin: 0 auto !important;
    padding: 18px 0 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.wr-text-pages--full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
    width: 100% !important;
    padding: 0 0 24px !important;
}

.wr-text-pages__full-item {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
}

.wr-text-pages__full-image {
    display: block !important;
    width: min(100%, 900px) !important;
    max-width: 100% !important;
    height: auto !important;
}

.wr-lightbox--text .wr-lightbox__media,
.wr-lightbox--text .wr-lightbox__media--text,
.wr-lightbox--text .wr-lightbox__image,
.wr-lightbox--text .wr-lightbox__image--text {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 700px) {
    .wr-lightbox,
    .wr-player-overlay {
        padding: 10px 0 !important;
    }

    .wr-lightbox__actions,
    .wr-player-overlay__actions,
    .wr-lightbox__actions--text {
        width: min(calc(100vw - 28px), var(--vs-max-width)) !important;
        gap: 12px !important;
    }

    .wr-overlay-nav .site-nav__list,
    .wr-lightbox__actions .site-nav__list {
        gap: 12px !important;
    }

    .wr-overlay-nav .site-nav__link,
    .wr-lightbox__action,
    .wr-player-overlay__action {
        font-size: 0.8125rem !important;
    }

    .wr-lightbox__media,
    .wr-lightbox__media--text-scroll {
        width: min(calc(100vw - 28px), 1680px) !important;
        max-height: calc(100vh - 86px) !important;
        padding-top: 14px !important;
    }

    .wr-text-pages__stage {
        min-height: clamp(420px, 86vw, 760px) !important;
        padding: 14px !important;
    }

    .wr-text-pages--full {
        gap: 18px !important;
        padding-bottom: 18px !important;
    }

    .wr-text-pages__full-image {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   TEXTSEITEN — BLATTFLÄCHE STATT VORSCHAU IM KASTEN
   ========================================================= */

.wr-panel--text-pages {
    border-color: rgba(255, 255, 255, 0.05);
    background: transparent;
}

.wr-panel--text-pages .wr-panel__body {
    padding: 10px 12px 14px;
}

.wr-panel--text-pages .wr-text-pages {
    gap: 12px;
}

.wr-panel--text-pages .wr-text-pages__stage {
    align-items: flex-start;
    justify-content: center;
    min-height: clamp(760px, 74vw, 1140px);
    padding: 10px 8px;
    background: transparent;
}

.wr-panel--text-pages .wr-text-pages__image {
    display: block;
    width: min(100%, 1060px);
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

@media (max-width: 700px) {
    .wr-panel--text-pages .wr-panel__body {
        padding: 8px 8px 10px;
    }

    .wr-panel--text-pages .wr-text-pages {
        gap: 10px;
    }

    .wr-panel--text-pages .wr-text-pages__stage {
        min-height: clamp(560px, 138vw, 920px);
        padding: 8px 2px;
    }

    .wr-panel--text-pages .wr-text-pages__image {
        width: 100%;
        max-width: 100%;
    }
}


/* =========================================================
   FEINFIX — ZURUECK exakt auf Hauptnavigations-Achse
   Nur Achsangleichung der Grossansicht
   ========================================================= */

.wr-lightbox__actions,
.wr-player-overlay__actions,
.wr-lightbox__actions--text {
    width: min(calc(100% - 48px), var(--vs-max-width)) !important;
    max-width: var(--vs-max-width) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    gap: 20px !important;
}

.wr-overlay-nav,
.wr-lightbox__actions .wr-overlay-nav {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.wr-overlay-nav .site-nav__list,
.wr-lightbox__actions .site-nav__list {
    gap: 20px !important;
}

.wr-overlay-nav .site-nav__link,
.wr-lightbox__action,
.wr-player-overlay__action {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 2px !important;
    font-size: 0.9375rem !important;
    letter-spacing: 0.06em !important;
    line-height: normal !important;
}

@media (max-width: 1024px) {
    .wr-lightbox__actions,
    .wr-player-overlay__actions,
    .wr-lightbox__actions--text {
        width: min(calc(100% - 40px), var(--vs-max-width)) !important;
        gap: 16px !important;
    }

    .wr-overlay-nav .site-nav__list,
    .wr-lightbox__actions .site-nav__list {
        gap: 16px !important;
    }
}

@media (max-width: 767px) {
    .wr-lightbox__actions,
    .wr-player-overlay__actions,
    .wr-lightbox__actions--text {
        width: min(calc(100% - 24px), var(--vs-max-width)) !important;
        gap: 16px !important;
    }

    .wr-overlay-nav .site-nav__list,
    .wr-lightbox__actions .site-nav__list {
        gap: 16px !important;
    }

    .wr-overlay-nav .site-nav__link,
    .wr-lightbox__action,
    .wr-player-overlay__action {
        min-height: 34px !important;
        padding: 0 0 3px !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.035em !important;
        line-height: 1.08 !important;
        white-space: nowrap !important;
    }
}

/* =========================================================
   FEINFIX — ZURUECK auch in der Hoehe exakt auf Nav-Achse
   Nur vertikale Korrektur der Overlay-Navigation auf Desktop
   ========================================================= */

@media (min-width: 768px) {
    .wr-lightbox__actions .wr-overlay-nav .site-nav__link,
    .wr-lightbox__actions .wr-lightbox__action,
    .wr-player-overlay__actions .wr-overlay-nav .site-nav__link,
    .wr-player-overlay__actions .wr-player-overlay__action,
    .wr-lightbox__actions--text .wr-overlay-nav .site-nav__link {
        position: relative !important;
        top: 17px !important;
    }
}


/* =========================================================
   ISOLIERTE ENDLÖSUNG — OVERLAY-NAV AUSSERHALB DES DIALOGS
   Nur für Bild / Blatt / Text
   ========================================================= */

.wr-lightbox--visual,
.wr-lightbox--text {
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

.wr-lightbox--visual:target,
.wr-lightbox--text:target {
    display: block !important;
}

.wr-lightbox--visual .wr-lightbox__shell,
.wr-lightbox--text .wr-lightbox__shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    pointer-events: none;
}

.wr-lightbox--visual .wr-lightbox__header,
.wr-lightbox--text .wr-lightbox__header {
    pointer-events: auto;
}

.wr-lightbox--visual .wr-lightbox__header-inner,
.wr-lightbox--text .wr-lightbox__header-inner {
    min-height: 152px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.wr-lightbox--visual .wr-lightbox__brand-spacer,
.wr-lightbox--text .wr-lightbox__brand-spacer,
.wr-lightbox--visual .wr-lightbox__mark-spacer,
.wr-lightbox--text .wr-lightbox__mark-spacer {
    visibility: hidden;
    pointer-events: none;
}

.wr-lightbox--visual .wr-overlay-nav,
.wr-lightbox--text .wr-overlay-nav {
    pointer-events: auto;
}

.wr-lightbox--visual .wr-overlay-nav .site-nav__list,
.wr-lightbox--text .wr-overlay-nav .site-nav__list {
    margin: 0;
    padding: 0;
}

.wr-lightbox--visual .wr-lightbox__viewport,
.wr-lightbox--text .wr-lightbox__viewport {
    min-height: 0;
    padding: 0 24px 24px;
    pointer-events: none;
}

.wr-lightbox--visual .wr-lightbox__viewport {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.wr-lightbox--text .wr-lightbox__viewport {
    display: block;
}

.wr-lightbox--visual .wr-lightbox__dialog,
.wr-lightbox--text .wr-lightbox__dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-height: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 0 !important;
    pointer-events: none;
}

.wr-lightbox--visual .wr-lightbox__dialog {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.wr-lightbox--visual .wr-lightbox__media--visual,
.wr-lightbox--text .wr-lightbox__media--text-scroll {
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto;
}

.wr-lightbox--visual .wr-lightbox__media--visual {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.wr-lightbox--visual .wr-lightbox__image--visual {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.wr-lightbox--text .wr-lightbox__dialog--text {
    height: 100%;
}

.wr-lightbox--text .wr-lightbox__media--text-scroll {
    display: block !important;
    height: 100%;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

@media (max-width: 1024px) {
    .wr-lightbox--visual .wr-lightbox__header-inner,
    .wr-lightbox--text .wr-lightbox__header-inner {
        min-height: 142px;
    }
}

@media (max-width: 767px) {
    .wr-lightbox--visual .wr-lightbox__header-inner,
    .wr-lightbox--text .wr-lightbox__header-inner {
        min-height: 136px;
        padding-top: 10px;
        padding-bottom: 8px;
    }

    .wr-lightbox--visual .wr-lightbox__viewport,
    .wr-lightbox--text .wr-lightbox__viewport {
        padding: 0 12px 12px;
    }

    .wr-lightbox--visual .wr-lightbox__media--visual,
    .wr-lightbox--text .wr-lightbox__media--text-scroll {
        width: min(calc(100vw - 24px), 1680px) !important;
    }
}


/* =========================================================
   FEINRICHTUNG — HOCHFORMAT IN BILD/BLATT-GROSSANSICHT
   Weniger seitlicher Leerlauf, ohne Text mitzubewegen
   ========================================================= */

.wr-lightbox--visual .wr-lightbox__viewport {
    padding: 0 12px 8px;
}

.wr-lightbox--visual .wr-lightbox__media--visual {
    width: min(calc(100vw - 24px), 1680px) !important;
}

@media (max-width: 767px) {
    .wr-lightbox--visual .wr-lightbox__viewport {
        padding: 0 8px 8px;
    }

    .wr-lightbox--visual .wr-lightbox__media--visual {
        width: min(calc(100vw - 16px), 1680px) !important;
    }
}


/* =========================================================
   LIGHTBOX-LUPE — BILD / BLATT
   Minimal, ohne Zusatz-UI
   ========================================================= */

.wr-lightbox--visual .wr-lightbox__media--visual[data-wr-zoom-shell] {
    position: relative;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    cursor: zoom-in;
}

.wr-lightbox--visual .wr-lightbox__media--visual[data-wr-zoom-shell].is-zoomed {
    cursor: grab;
}

.wr-lightbox--visual .wr-lightbox__media--visual[data-wr-zoom-shell].is-dragging {
    cursor: grabbing;
}

.wr-lightbox--visual .wr-lightbox__zoomstage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.wr-lightbox--visual .wr-lightbox__image--visual[data-wr-zoom-image] {
    transform-origin: center center;
    transform: translate3d(0, 0, 0) scale(1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: none;
}


.wr-lightbox--visual .wr-lightbox__media--visual[data-wr-zoom-shell].is-dragging .wr-lightbox__image--visual[data-wr-zoom-image] {
    transition: none;
}


/* =========================================================
   OBERFLÄCHENLOGIK — WERKDETAIL / OVERLAY
   Werkregister-spezifisches Grain auf Inhaltsflächen neutralisiert.
   Die schwächere Materialstörung bleibt in der globalen Seitenfläche.
   ========================================================= */

.wr-panel {
    background-color: rgba(255, 255, 255, 0.012);
}

.wr-media-box {
    background-color: rgba(255, 255, 255, 0.008);
}

.wr-detail__header {
    background: transparent;
}

.wr-lightbox__backdrop,
.wr-player-overlay__backdrop {
    background-color: rgba(0, 0, 0, 0.985);
}


/* =========================================================
   FEINFIX — GRAIN IN DER GROSSANSICHT WIEDER LEICHT SICHTBAR
   Kein neuer Look, nur Overlay-Hintergrund minimal oeffnen
   ========================================================= */

.wr-lightbox--visual .wr-lightbox__backdrop,
.wr-lightbox--text .wr-lightbox__backdrop {
    background-color: rgba(0, 0, 0, 0.975);
    background-image: url('/assets/img/textures/grain_matte_isotropic_2048.png');
    background-repeat: repeat;
    background-position: center top;
    background-size: 2048px 2048px;
}

@media (max-width: 767px) {
    .wr-lightbox--visual .wr-lightbox__backdrop,
    .wr-lightbox--text .wr-lightbox__backdrop {
        background-size: 1600px 1600px;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-stage {
        display: flex;
        align-items: center;
        justify-content: center;
        padding:
            calc(env(safe-area-inset-top, 0px) + 8px)
            0
            calc(env(safe-area-inset-bottom, 0px) + 34px)
            0;
    }

    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video {
        display: block;
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        object-fit: contain;
        object-position: center center;
        flex: 0 1 auto;
    }

    .wr-inline-player__video-shell.is-fullscreen .wr-inline-player__video-trigger {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-ui {
        padding:
            34px
            calc(env(safe-area-inset-right, 0px) + 10px)
            calc(env(safe-area-inset-bottom, 0px) + 12px)
            calc(env(safe-area-inset-left, 0px) + 10px);
    }

    .js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit {
        top: calc(env(safe-area-inset-top, 0px) + 8px);
        right: calc(env(safe-area-inset-right, 0px) + 10px);
    }
}


/* =========================================================
   LAUFBILD-GROSSANSICHT — MOBILE QUERFORMAT-ZENTRIERUNG
   Explizite Zentrierung für den tatsächlich aktiven Vollbildraum
   ========================================================= */

.wr-inline-player__video-shell.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video-stage {
    position: absolute;
    inset: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.wr-inline-player__video-shell.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video {
    position: static;
    left: auto;
    top: auto;
    width: var(--wr-video-landscape-width, auto);
    height: var(--wr-video-landscape-height, auto);
    max-width: none;
    max-height: none;
    margin: 0;
    transform: none;
    object-fit: contain;
    object-position: center center;
    flex: 0 0 auto;
}

.wr-inline-player__video-shell.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video-trigger {
    left: calc(var(--wr-video-box-left, 0px) + (var(--wr-video-box-width, 0px) / 2));
    top: calc(var(--wr-video-box-top, 0px) + (var(--wr-video-box-height, 0px) / 2));
    transform: translate(-50%, -50%);
}

.js .wr-inline-player__video-shell.is-ready.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video-ui {
    inset: auto;
    z-index: 3;
    left: calc(var(--wr-video-box-left, 0px) + 12px);
    right: calc(var(--wr-shell-width, var(--vs-vv-width, 100dvw)) - var(--wr-video-box-left, 0px) - var(--wr-video-box-width, 0px) + 12px);
    bottom: calc(var(--wr-shell-height, var(--vs-vv-height, 100dvh)) - var(--wr-video-box-top, 0px) - var(--wr-video-box-height, 0px) + 12px);
    padding: 26px 0 12px;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.00) 0%,
        rgba(0, 0, 0, 0.42) 68%,
        rgba(0, 0, 0, 0.68) 100%
    );
}

.js .wr-inline-player__video-shell.is-ready.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video-exit {
    top: calc(var(--wr-video-box-top, 0px) + 12px);
    right: calc(var(--wr-shell-width, var(--vs-vv-width, 100dvw)) - var(--wr-video-box-left, 0px) - var(--wr-video-box-width, 0px) + 12px);
}

.wr-inline-player__video-shell.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video-ui-row {
    grid-template-columns: 18px minmax(0, 1fr) auto auto;
    column-gap: 8px;
}

.wr-inline-player__video-shell.is-mobile-landscape-centered.is-fullscreen .wr-inline-player__video-times {
    margin-left: 6px;
    padding-inline-end: 0;
}


/* =========================================================
   FEINFIX — BILD/BLATT-GROSSANSICHT OHNE OBEREN LEERBALKEN
   Header bleibt als Overlay an gleicher Stelle,
   reserviert aber keinen vertikalen Raum mehr.
   ========================================================= */

.wr-lightbox--visual .wr-lightbox__shell {
    display: block;
    height: 100vh;
    min-height: 100vh;
}

@supports (height: 100dvh) {
    .wr-lightbox--visual .wr-lightbox__shell {
        height: 100dvh;
        min-height: 100dvh;
    }
}

.wr-lightbox--visual .wr-lightbox__header {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 4;
}

.wr-lightbox--visual .wr-lightbox__viewport {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 100vh;
    padding: 8px 12px;
}

@supports (min-height: 100dvh) {
    .wr-lightbox--visual .wr-lightbox__viewport {
        min-height: 100dvh;
    }
}

.wr-lightbox--visual .wr-lightbox__dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
}

.wr-lightbox--visual .wr-lightbox__media--visual {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
}

.wr-lightbox--visual .wr-lightbox__zoomstage {
    height: 100%;
    align-items: center;
    justify-content: center;
}

.wr-lightbox--visual .wr-lightbox__image--visual {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 767px) {
    .wr-lightbox--visual .wr-lightbox__viewport {
        padding: 8px;
    }
}


/* =========================================================
   TEXT-GROSSANSICHT — VISUAL-LOGIK WIE BILD / BLATT
   Jede Textseite nutzt dieselbe Zoomflaeche,
   Mehrseiten ueber minimale Seitennavigation im Overlay.
   ========================================================= */

.wr-overlay-nav__status {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 2px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.wr-lightbox--text-page .wr-overlay-nav .site-nav__list {
    gap: 12px;
}

.wr-lightbox--text-page .wr-lightbox__media--text-page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
}

.wr-lightbox--text-page .wr-lightbox__image--text-page {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center center;
}

.wr-lightbox--text-page .wr-lightbox__media--text-page[data-wr-zoom-shell] {
    position: relative;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    cursor: zoom-in;
}

.wr-lightbox--text-page .wr-lightbox__media--text-page[data-wr-zoom-shell].is-zoomed {
    cursor: grab;
}

.wr-lightbox--text-page .wr-lightbox__media--text-page[data-wr-zoom-shell].is-dragging {
    cursor: grabbing;
}

.wr-lightbox--text-page .wr-lightbox__image--text-page[data-wr-zoom-image] {
    transform-origin: center center;
    transform: translate3d(0, 0, 0) scale(1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: none;
}


.wr-lightbox--text-page .wr-lightbox__media--text-page[data-wr-zoom-shell].is-dragging .wr-lightbox__image--text-page[data-wr-zoom-image] {
    transition: none;
}

@media (max-width: 767px) {
    .wr-lightbox--text-page .wr-overlay-nav .site-nav__list {
        gap: 10px;
    }

    .wr-overlay-nav__status {
        font-size: 0.75rem;
    }
}

/* =========================================================
   RETURN-OVERLAY — REGRESSIONSFIX NACH TEXT-LIGHTBOX-MERGE
   Stellt die vereinheitlichte Fade-/Hide-Logik fuer Bild, Blatt,
   Text-Grossansicht und Laufbild wieder her.
   ========================================================= */

.wr-lightbox--visual .wr-overlay-nav,
.wr-lightbox--text .wr-overlay-nav,
.js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit {
    position: fixed;
    top: calc(env(safe-area-inset-top, 0px) + 14px);
    right: calc(env(safe-area-inset-right, 0px) + 18px);
    z-index: 8;
    transform: none !important;
}

.wr-lightbox--visual .wr-overlay-nav .site-nav__link:focus-visible,
.wr-lightbox--text .wr-overlay-nav .site-nav__link:focus-visible,
.js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.22);
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .wr-lightbox--visual .wr-overlay-nav,
    .wr-lightbox--text .wr-overlay-nav,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-exit {
        opacity: 0;
        pointer-events: none;
    }

    .wr-lightbox--visual.is-return-awake .wr-overlay-nav,
    .wr-lightbox--text.is-return-awake .wr-overlay-nav,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-paused .wr-inline-player__video-exit,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.has-ui .wr-inline-player__video-exit,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-idle .wr-inline-player__video-exit {
        opacity: 0.96;
        pointer-events: auto;
    }
}

@media (hover: none), (pointer: coarse) {
    .wr-lightbox--visual .wr-overlay-nav,
    .wr-lightbox--text .wr-overlay-nav,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen .wr-inline-player__video-exit {
        opacity: 0;
        pointer-events: none;
    }

    .wr-lightbox--visual.is-return-awake .wr-overlay-nav,
    .wr-lightbox--text.is-return-awake .wr-overlay-nav,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-paused .wr-inline-player__video-exit,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.has-ui .wr-inline-player__video-exit,
    .js .wr-inline-player__video-shell.is-ready.is-fullscreen.is-idle .wr-inline-player__video-exit {
        opacity: 0.94;
        pointer-events: auto;
        color: rgba(244, 240, 229, 0.86) !important;
    }
}

@media (max-width: 767px) {
    .wr-lightbox--visual .wr-overlay-nav,
    .wr-lightbox--text .wr-overlay-nav,
    .js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit {
        top: calc(env(safe-area-inset-top, 0px) + 10px);
        right: calc(env(safe-area-inset-right, 0px) + 12px);
    }

    .wr-lightbox--visual .wr-overlay-nav .site-nav__link,
    .wr-lightbox--text .wr-overlay-nav .site-nav__link,
    .js .wr-inline-player__video-shell.is-ready .wr-inline-player__video-exit {
        min-height: 20px !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.07em !important;
    }
}


/* =========================================================
   TON-OVERLAY DESKTOP — KEIN SEITENSCROLLEN
   ========================================================= */
@media (min-width: 701px) {
    html:has(#ton-1:target),
    body:has(#ton-1:target) {
        overflow: hidden !important;
        height: 100% !important;
    }

    #ton-1 {
        overflow: hidden !important;
    }

    #ton-1 .wr-player-overlay__dialog {
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
    }

    #ton-1 .wr-player-overlay__body,
    #ton-1 .wr-player-overlay__body--audio {
        width: min(calc(100vw - 48px), 1680px) !important;
        max-width: 100% !important;
        max-height: calc(100vh - 96px) !important;
        margin: 0 auto !important;
        padding: 18px 0 0 !important;
        overflow: hidden !important;
    }

    #ton-1 .wr-player-overlay__audio-stage {
        max-height: calc(100vh - 120px) !important;
        overflow: hidden !important;
    }

    #ton-1 .wr-player-overlay__poster {
        max-height: calc(100vh - 120px) !important;
    }
}