.chip{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid #CFC7B9;background:#FCFBF8;color:#1D2620;font:inherit;font-size:17px;cursor:pointer}
.chip:hover{border-color:#2E5A44}
.chip.on{background:#2E5A44;border-color:#2E5A44;color:#FCFBF8}
.alb{display:flex;flex-direction:column;gap:12px;padding:0;border:0;background:none;text-align:left;font:inherit;color:#1D2620;cursor:pointer}
.alb:hover .cv,.alb:focus-visible .cv{outline:3px solid #2E5A44;outline-offset:3px}
.alb:hover h2{color:#2E5A44}
.cv{width:100%;aspect-ratio:4/3;border-radius:16px;background-color:#1F2722;background-repeat:no-repeat;background-image:url(../img/galleri/covers.jpg)}
.th{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px}
.th:hover .sp,.th:focus-visible .sp{outline:3px solid #2E5A44;outline-offset:2px}
.sp{width:100%;aspect-ratio:4/3;border-radius:12px;background-color:#1F2722;background-repeat:no-repeat}
.back{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px 0 14px;border-radius:999px;border:2px solid #2E5A44;background:none;color:#2E5A44;font:inherit;font-weight:700;font-size:17px;cursor:pointer;align-self:flex-start}
.back:hover{background:#E3EBE4}
.lbb{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;border:1.5px solid #4A5A50;background:#1F2722;color:#F1EEE6;cursor:pointer;flex:0 0 56px}
.lbb:hover{background:#2E5A44;border-color:#2E5A44}
.s01{background-image:url(../img/galleri/s01.jpg)}
.s02{background-image:url(../img/galleri/s02.jpg)}
.s03{background-image:url(../img/galleri/s03.jpg)}
.s04{background-image:url(../img/galleri/s04.jpg)}
.s05{background-image:url(../img/galleri/s05.jpg)}
.s06{background-image:url(../img/galleri/s06.jpg)}
.s07{background-image:url(../img/galleri/s07.jpg)}
.s08{background-image:url(../img/galleri/s08.jpg)}
.s09{background-image:url(../img/galleri/s09.jpg)}
.s10{background-image:url(../img/galleri/s10.jpg)}
.s11{background-image:url(../img/galleri/s11.jpg)}
.s12{background-image:url(../img/galleri/s12.jpg)}
.s13{background-image:url(../img/galleri/s13.jpg)}
.s14{background-image:url(../img/galleri/s14.jpg)}
.s15{background-image:url(../img/galleri/s15.jpg)}
.s16{background-image:url(../img/galleri/s16.jpg)}
.s17{background-image:url(../img/galleri/s17.jpg)}
.s18{background-image:url(../img/galleri/s18.jpg)}
.s19{background-image:url(../img/galleri/s19.jpg)}
.s20{background-image:url(../img/galleri/s20.jpg)}
.s21{background-image:url(../img/galleri/s21.jpg)}
.s22{background-image:url(../img/galleri/s22.jpg)}
.s23{background-image:url(../img/galleri/s23.jpg)}
.s24{background-image:url(../img/galleri/s24.jpg)}
.s25{background-image:url(../img/galleri/s25.jpg)}
.s26{background-image:url(../img/galleri/s26.jpg)}
.s27{background-image:url(../img/galleri/s27.jpg)}
.s28{background-image:url(../img/galleri/s28.jpg)}
.s29{background-image:url(../img/galleri/s29.jpg)}
.s30{background-image:url(../img/galleri/s30.jpg)}
.s31{background-image:url(../img/galleri/s31.jpg)}
.s32{background-image:url(../img/galleri/s32.jpg)}
.s33{background-image:url(../img/galleri/s33.jpg)}
.s34{background-image:url(../img/galleri/s34.jpg)}
.s35{background-image:url(../img/galleri/s35.jpg)}
.s36{background-image:url(../img/galleri/s36.jpg)}
.s37{background-image:url(../img/galleri/s37.jpg)}
.s38{background-image:url(../img/galleri/s38.jpg)}
.s39{background-image:url(../img/galleri/s39.jpg)}
.s40{background-image:url(../img/galleri/s40.jpg)}
.s41{background-image:url(../img/galleri/s41.jpg)}
.s42{background-image:url(../img/galleri/s42.jpg)}
.s43{background-image:url(../img/galleri/s43.jpg)}
.s44{background-image:url(../img/galleri/s44.jpg)}
.s45{background-image:url(../img/galleri/s45.jpg)}
.s46{background-image:url(../img/galleri/s46.jpg)}
.s47{background-image:url(../img/galleri/s47.jpg)}
[hidden]{display:none!important}

/* Plads til indholdet, før det er hentet, så siden ikke hopper. */
#galleri{min-height:60vh}
#galleri-aar{min-height:46px}
/* Felterne toner ind, når deres sprite-ark er hentet; imens ses en rolig flade. */
.cvw{display:block;border-radius:16px;background-color:#E3DCCF}
.th{background-color:#E3DCCF}
.cv,.sp{transition:opacity .5s ease}
.cv.wait,.sp.wait{opacity:0}
#lb-billede{transition:opacity .2s ease}
@media (prefers-reduced-motion:no-preference){
#lightbox{animation:lb-in .25s ease}
#lightbox.closing{animation:lb-out .2s ease forwards}
@keyframes lb-in{from{opacity:0}}
@keyframes lb-out{to{opacity:0}}
}