/* Revision 3: photography leads; compact copy with a local lower-edge scrim. */
#ausgewaehlte-aufnahmen.jf-overlay{padding:0}
.jf-overlay .jf-intro{padding-block:48px 28px;align-items:center}
.jf-overlay .jf-intro-note{max-width:490px}
.jf-overlay .jf-intro-note>p{font:400 17px/1.65 var(--body,sans-serif);color:var(--jf-muted);margin:0}
.jf-overlay .jf-toolbar{min-height:0;padding-bottom:18px;gap:18px;flex-wrap:nowrap}
.jf-overlay .jf-current{display:flex;align-items:center;gap:14px;color:var(--jf-paper);font:400 15px/1.4 var(--body,sans-serif)}
.jf-overlay .jf-current:before{content:"";width:26px;height:1px;background:var(--jf-gold);flex:none}
.jf-overlay .jf-buttons{width:auto;margin-left:auto;gap:8px}
.jf-overlay button{border-radius:50%;width:44px;height:44px;border-color:#b7cbc366}
.jf-overlay .jf-hint{margin:0}
.jf-overlay .jf-stage{padding-block:12px 12px}
.jf-overlay .jf-progress{padding-top:12px}
.jf-overlay .jf-story,.jf-overlay.is-ready .jf-story{position:relative;container-type:inline-size;flex:none;scroll-snap-align:center;width:calc(var(--jf-photo-height,600px) * 1.38);max-width:80vw;height:var(--jf-photo-height,600px);padding:0;border:0;isolation:isolate}
.jf-overlay .jf-story:first-child{width:calc(var(--jf-photo-height,600px) * 1.3333)}
.jf-overlay .jf-story:nth-child(2){width:calc(var(--jf-photo-height,600px) * .84)}
.jf-overlay .jf-story:nth-child(4){width:calc(var(--jf-photo-height,600px) * 1.08)}
.jf-overlay .jf-story:before{content:none}
.jf-overlay .jf-story .jf-frame{position:absolute;inset:0;max-width:none;width:100%;height:100%;margin:0}
.jf-overlay .jf-story .jf-window{height:100%;aspect-ratio:auto}
.jf-overlay .jf-story .jf-frame img{object-fit:cover;width:100%;margin:0}
.jf-overlay .jf-story:first-child .jf-frame img{object-position:center top}
.jf-overlay .jf-story:nth-child(2) .jf-frame img{object-position:49% center}
.jf-overlay .jf-story:nth-child(4) .jf-frame img{object-position:51% center}
.jf-overlay.is-pinned .jf-story:not(:first-child) .jf-frame img{width:calc(100% + 24px);margin-left:-12px;transform:translate3d(var(--jf-drift,0px),0,0)}
.jf-overlay .jf-story figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.jf-overlay .jf-copy{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:clamp(24px,3.8cqw,38px);color:#fff;text-shadow:0 1px 4px #00191f66}
.jf-overlay .jf-copy:before{content:"";position:absolute;inset:-75px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(3,18,23,.68) 80px,rgba(3,18,23,.84))}
.jf-overlay .jf-copy-title,.jf-overlay .jf-copy-detail{display:contents}
.jf-overlay .jf-copy h3{order:1;color:#fff;font-size:clamp(28px,4.6cqw,40px);line-height:1.1;max-width:680px;text-wrap:balance;letter-spacing:-.02em;margin:0 0 12px}
.jf-overlay .jf-copy h3 em{color:#fff}
.jf-overlay .jf-copy-detail>p{order:2;color:#f1f4f2;font-size:16px;line-height:1.5;margin:0 0 10px;max-width:49ch}
.jf-overlay .jf-copy .jf-link{order:4;color:#fff;margin-top:0;border-color:#dfbd7099;font-size:14px;gap:20px;padding-block:6px;min-height:44px;text-shadow:none;font-weight:500}
.jf-overlay .jf-copy .jf-link svg{width:19px;height:19px}
.jf-overlay .jf-copy .jf-link:hover{color:#efd393}
.jf-overlay:not(.is-ready) .jf-story{margin-block:18px}
.jf-overlay:not(.is-ready) .jf-toolbar{display:none}
@media(max-width:1000px){
 .jf-overlay .jf-intro{padding-block:36px 20px}
}
@media(max-width:700px){
 .jf-overlay .jf-intro{padding-block:32px 14px}
 .jf-overlay .jf-intro-note>p{font-size:16px}
 .jf-overlay .jf-story,.jf-overlay .jf-story:first-child,.jf-overlay .jf-story:nth-child(2),.jf-overlay .jf-story:nth-child(4){width:calc(100vw - 2 * var(--jf-edge));max-width:none;min-height:540px}
 .jf-overlay .jf-copy{padding:24px 22px}
 .jf-overlay .jf-story:first-child .jf-frame img{object-position:20% top}
 .jf-overlay .jf-copy h3{font-size:28px;line-height:1.1;margin-bottom:12px}
 .jf-overlay .jf-copy-detail>p{font-size:16px;line-height:1.5;margin-bottom:8px}
 .jf-overlay .jf-current{font-size:14px;gap:10px}
 .jf-overlay .jf-current:before{width:16px}
 .jf-overlay .jf-buttons{flex:none}
 .jf-overlay .jf-toolbar{padding-bottom:14px;gap:10px}
}