/* Shared Journal / faculty gallery video and consent styles. */
/* Bei Galerie-Videos bleibt die vertikale Scrollbar wie in der Bild-Lightbox stehen. */
body:has(.ja-video-lightbox[data-ja-gallery-mode="1"]){overflow-y:scroll!important;padding-right:0!important}
/* Alle Video- und Consent-Overlays haben dieselbe Deckkraft wie die Fotogalerie. */
.ja-video-lightbox,.ja-video-lightbox:has(.ja-video-lightbox__notice){background:rgba(8,12,16,.92)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
/* Beim Wechsel Video -> Bild überbrückt diese Ebene den Bootstrap-Fade. */
.mie-gallery-transition-backdrop{position:fixed;inset:0;z-index:1045;background:rgba(8,12,16,.92);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none}
/* Der Bootstrap-Backdrop darf die bereits abgedunkelte Bild-Lightbox nicht weiter verdunkeln. */
body:has(#bsMultiGalleryModal.show)>.modal-backdrop{opacity:0!important}
.ja-video-lightbox[data-ja-gallery-mode="1"]{touch-action:pan-y}
/* Alle Video-Lightboxen (auch im Journal) nutzen denselben Glas-Schließen-Button. */
.ja-video-lightbox .ja-video-lightbox__close{position:fixed!important;top:10px!important;right:16px!important;left:auto!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font:400 22.1px/1 Inter,Helvetica,sans-serif!important;box-shadow:none!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.ja-video-lightbox .ja-video-lightbox__close:hover{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.36)!important}
.ja-video-lightbox__nav{position:fixed;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:400 30px/1 Inter,Helvetica,sans-serif;box-shadow:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transform:translateY(-50%);cursor:pointer}
.ja-video-lightbox__nav--prev{left:12px}.ja-video-lightbox__nav--next{right:12px}
/* Identische SVG-Chevrons für Foto- und Video-Lightbox. Keine Änderung an Overlay oder Animation. */
#bsMultiGalleryModal__prev,#bsMultiGalleryModal__next,.ja-video-lightbox__nav{font-size:0!important}
#bsMultiGalleryModal__prev::before,#bsMultiGalleryModal__next::before,.ja-video-lightbox__nav::before{content:"";display:block;flex:none;width:20px;height:24px;background:#fff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#bsMultiGalleryModal__prev::before,.ja-video-lightbox__nav--prev::before{transform:rotate(180deg)}
.ja-video-lightbox__nav:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.36)}
.ja-video-lightbox__nav:focus-visible,.ja-video-lightbox .ja-video-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.ja-video-lightbox__nav{width:42px;height:42px}.ja-video-lightbox__nav--prev{left:8px}.ja-video-lightbox__nav--next{right:8px}.ja-video-lightbox .ja-video-lightbox__close{right:10px!important}}
/* Keep consent links and the primary button petrol in both colour modes. */
/* Journal articles retain petrol accents; faculty pages use the shared theme colours. */
body:has(.ja-article) .ja-video-lightbox{--ja-consent-primary:#006f77!important;--ja-consent-primary-hover:#00556a!important;--ja-consent-primary-text:#fff!important}
.ja-youtube .ja-youtube__button{aspect-ratio:16/9;cursor:pointer;position:relative;display:block;width:100%;overflow:hidden;border:0;border-radius:var(--ja-radius,14px);padding:0;background:linear-gradient(135deg,#142b38,#006F77);color:#fff}.ja-youtube .ja-youtube__poster{display:block;width:100%;height:100%;object-fit:cover}.ja-youtube__button::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 55%);pointer-events:none}.ja-youtube__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.94);color:#b71923;box-shadow:0 10px 40px rgba(0,0,0,.24);z-index:1;transition:transform .2s ease}.ja-youtube__button:hover .ja-youtube__play,.ja-youtube__button:focus-visible .ja-youtube__play{transform:translate(-50%,-50%) scale(1.07)}.ja-youtube__tag{position:absolute;left:18px;bottom:16px;z-index:1;border-radius:4px;padding:7px 10px;background:rgba(0,0,0,.65);font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.03em;color:#fff}.ja-youtube figcaption strong{display:block;font-weight:600;margin-bottom:2px}.ja-youtube figcaption span{display:block}.ja-video-lightbox{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:rgba(8,12,16,.93);backdrop-filter:blur(6px)}.ja-video-lightbox__panel{position:relative;width:min(1200px,100%);margin:0 auto}.ja-video-lightbox__stage{width:100%;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#0a1117;color:#f9fbff}.ja-video-lightbox__iframe{width:100%;height:100%;border:0;display:block}.ja-video-lightbox__close{position:absolute;right:-12px;top:-16px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#112431;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.3)}.ja-video-lightbox{--ja-consent-bg:var(--mie-hero-card-bg,#fff);--ja-consent-text:var(--mie-hero-text,#071437);--ja-consent-muted:var(--mie-hero-muted,#4b5675);--ja-consent-primary:#006f77;--ja-consent-primary-hover:#00556a;--ja-consent-primary-text:#fff;--ja-consent-secondary-bg:#f1f1f4;--ja-consent-secondary-border:#dbdfe9;--ja-consent-secondary-text:#071437;--ja-consent-secondary-hover-bg:#e7e9ee;--ja-consent-secondary-hover-border:#c4cada;--ja-consent-secondary-hover-text:#071437;--ja-consent-separator:#f1f1f4;--ja-consent-overlay:rgba(7,20,55,.55);--ja-consent-error:#8a2323}html[data-bs-theme="dark"] .ja-video-lightbox,[data-bs-theme="dark"] .ja-video-lightbox{color-scheme:dark;--ja-consent-bg:var(--mie-hero-card-bg,#1b1c22);--ja-consent-text:var(--mie-hero-text,#f5f5f5);--ja-consent-muted:var(--mie-hero-muted,rgba(245,245,245,.75));--ja-consent-primary:var(--mie-primary,#f59e0b);--ja-consent-primary-hover:#fbbf24;--ja-consent-primary-text:#15171c;--ja-consent-secondary-bg:#26272f;--ja-consent-secondary-border:#363841;--ja-consent-secondary-text:#f5f5f5;--ja-consent-secondary-hover-bg:#33353e;--ja-consent-secondary-hover-border:#454852;--ja-consent-secondary-hover-text:#fff;--ja-consent-separator:#363841;--ja-consent-overlay:rgba(0,0,0,.7);--ja-consent-error:#ff9b9b}.ja-video-lightbox__notice p.ja-video-lightbox__intro{padding-bottom:.45rem}.ja-video-lightbox__notice p.ja-video-lightbox__privacy{padding-top:0;padding-bottom:1.25rem;font-size:.9em}.ja-video-lightbox__notice .ja-video-lightbox__privacy a{color:var(--ja-consent-primary);font-weight:600;text-decoration:none!important;text-underline-offset:3px;background-image:none!important;transition:none!important}.ja-video-lightbox__notice .ja-video-lightbox__privacy a:hover,.ja-video-lightbox__notice .ja-video-lightbox__privacy a:focus-visible{color:var(--ja-consent-primary-hover);text-decoration:underline!important;text-decoration-line:underline!important;text-decoration-thickness:1px}.ja-video-lightbox__notice .ja-video-lightbox__privacy a:focus-visible{outline:3px solid #38f7a8;outline-offset:3px}.ja-video-lightbox:has(.ja-video-lightbox__notice){background:var(--ja-consent-overlay);backdrop-filter:none;-webkit-backdrop-filter:none}.ja-video-lightbox__panel:has(.ja-video-lightbox__notice){width:min(640px,100%)}.ja-video-lightbox__stage:has(.ja-video-lightbox__notice){width:100%;aspect-ratio:auto;min-height:0;overflow:visible;border-radius:0;background:transparent}.ja-video-lightbox__notice{width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;padding:0;border-radius:.85rem;background:var(--ja-consent-bg);color:var(--ja-consent-text);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);box-sizing:border-box;font:400 13.5px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ja-video-lightbox__notice h2{display:flex;align-items:center;min-height:70px;margin:0;padding:1rem 4.8rem 1rem 1.4rem;border-bottom:1px solid var(--ja-consent-separator);color:var(--ja-consent-text);font:600 1.16rem/1.3 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em}.ja-video-lightbox__notice p{margin:0;padding:1.25rem 1.4rem;color:var(--ja-consent-muted);font:400 .95em/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ja-video-lightbox__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:.7rem 1.4rem 1rem;border-top:1px solid var(--ja-consent-separator)}.ja-video-lightbox__action{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:.55rem .75rem;border:1px solid var(--ja-consent-secondary-border);border-radius:.85rem;background:var(--ja-consent-secondary-bg);color:var(--ja-consent-secondary-text);font:600 .95rem/1.3 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;white-space:normal;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ja-video-lightbox__action:hover{background:var(--ja-consent-secondary-hover-bg);border-color:var(--ja-consent-secondary-hover-border);color:var(--ja-consent-secondary-hover-text)}.ja-video-lightbox__action--primary{border-color:var(--ja-consent-primary);background:var(--ja-consent-primary);color:var(--ja-consent-primary-text)}.ja-video-lightbox__action--primary:hover{border-color:var(--ja-consent-primary-hover);background:var(--ja-consent-primary-hover);color:var(--ja-consent-primary-text)}.ja-video-lightbox__action--plain{background:var(--ja-consent-secondary-bg);border-color:var(--ja-consent-secondary-border);color:var(--ja-consent-secondary-text)}.ja-video-lightbox__action--plain:hover{background:var(--ja-consent-secondary-hover-bg);border-color:var(--ja-consent-secondary-hover-border);color:var(--ja-consent-secondary-hover-text)}.ja-video-lightbox__action:disabled{opacity:.6;cursor:not-allowed}.ja-video-lightbox__action:focus-visible,.ja-video-lightbox__close:focus-visible,.ja-youtube__button:focus-visible{outline:3px solid #38f7a8;outline-offset:3px}.ja-video-lightbox__panel:has(.ja-video-lightbox__notice) .ja-video-lightbox__close{top:15px;right:17px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--ja-consent-secondary-border);border-radius:.85rem;background:var(--ja-consent-secondary-bg);color:var(--ja-consent-secondary-text);font:400 25px/1 Inter,system-ui,sans-serif;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ja-video-lightbox__panel:has(.ja-video-lightbox__notice) .ja-video-lightbox__close:hover{background:var(--ja-consent-secondary-hover-bg);border-color:var(--ja-consent-secondary-hover-border);color:var(--ja-consent-secondary-hover-text)}.ja-video-lightbox__error{color:var(--ja-consent-error)!important;margin:12px 0 1rem!important}.ja-video-lightbox__ai-note{position:absolute;top:.85rem;left:.85rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:.42rem .28rem;border-radius:.4rem;background:rgba(16,24,40,.24);color:rgba(255,255,255,.76);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%);font:400 .68rem/1 Inter,system-ui,sans-serif;letter-spacing:.015em;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;pointer-events:none;user-select:none}.ja-video-lightbox__panel:has(.ja-video-lightbox__notice) .ja-video-lightbox__ai-note{display:none}@media(max-width:700px){.ja-video-lightbox{padding:12px}.ja-video-lightbox__stage{aspect-ratio:auto;min-height:260px}.ja-video-lightbox__stage:has(.ja-video-lightbox__iframe){aspect-ratio:16/9;min-height:0}.ja-video-lightbox__close{right:0;top:-46px}.ja-video-lightbox__notice{max-height:calc(100dvh - 24px)}.ja-video-lightbox__notice h2{min-height:68px;padding:1rem 4.4rem 1rem 1rem}.ja-video-lightbox__notice p{padding:1.05rem 1rem 1.15rem}.ja-video-lightbox__notice p.ja-video-lightbox__intro{padding:1.05rem 1rem .35rem}.ja-video-lightbox__notice p.ja-video-lightbox__privacy{padding:0 1rem 1.1rem}.ja-video-lightbox__panel:has(.ja-video-lightbox__notice) .ja-video-lightbox__close{top:14px;right:14px}.ja-video-lightbox__actions{grid-template-columns:1fr;margin:0;padding:.65rem 1rem .85rem}.ja-video-lightbox__action{width:100%}.ja-youtube__play{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.ja-youtube__play,.ja-video-lightbox__action{transition:none}}@media (min-width:1100px){.ja-youtube.ja-image--aside.ja-aside--left .ja-youtube__tag{left:calc(var(--ja-left-aside-bleed) + var(--ja-left-aside-safe));right:auto}}@supports not ((backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px))){.ja-ai-note,.ja-video-lightbox__ai-note{background:rgba(16,24,40,.55)}}@media(max-width:849.98px){.ja-ai-note,.ja-video-lightbox__ai-note{top:.75rem;left:.75rem;font-size:.66rem}}@media(min-width:1100px){.ja-youtube.ja-image--aside.ja-aside--left{margin-left:calc((100% - 100vw)/2 - var(--ja-left-aside-bleed));margin-right:28px}.ja-youtube.ja-image--aside.ja-aside--left .ja-ai-note{left:calc(var(--ja-left-aside-bleed) + var(--ja-left-aside-safe));right:auto}.ja-youtube.ja-image--aside.ja-aside--left figcaption{padding-left:calc(var(--ja-left-aside-bleed) + var(--ja-left-aside-safe));padding-right:20px}}