/* SLIDER ----------------- ------------>  */

.gs-slider { position: relative; display: flex; margin: 0 auto;  /* width:961px;
         height:720px; */ overflow: hidden;  /* background:black; */ }
    
    .gs-slider.lightbox img.sliderImg { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background-color: var(--bgcolor); object-fit: contain; } 
    
    .gs-slider.lightbox  p { position: fixed; bottom: 0; } 
    
    .gs-slider img.sliderImg { width: 100%;  /* height: 100%; */ /* object-fit:fill; */ /* filter: none; */ }
    
    @media (max-width:960px) { 
       .gs-slider {  width: 100%;   /* voor 4:3 verhouding: */  height: calc(100vw * .75); } }
    
     .gs-slider { position: relative;  /* width: 100vw; 
     height: 100vh; */ display: flex; align-items: flex-end; justify-content: center;  /* padding: 0 1rem; */ margin: auto; text-align: center; } .gs-slider  p { position: absolute; display: flex; width: var(--space-big-x4); height: var(--space-big-x4); border: solid black 3px; background-color: rgba(255,255,255,.4); border-radius: var(--space-big-x4); padding: 10px; margin: 10px; align-items: center; justify-content: center; cursor: pointer; } .gs-slider .forward { right: var(--space-mega); } .gs-slider .back { left: var(--space-mega); } .gs-slider .minmax { position: absolute; top: var(--space-medium); right: var(--space-medium); align-self: flex-start; margin-left: auto; } .gs-slider.lightbox .minmax { right: var(--space-mega); } .gs-slider footer { flex-direction: row; display: flex; align-items: center; justify-content: center; } .gs-slider  .big { font-size: 200%; } .gs-slider h1 { margin-bottom: 0px; } .gs-slider blockquote { margin-top: 0; }