.pg_lightboxFrameOuter {cursor: pointer}
.pg_lightboxFrameOuter figure {margin-bottom: 20px}

.pg_lightboxFrameBack { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.9); z-index: 99999999999}
.pg_lightboxFrameBack.closed {display: none}
.pg_lightboxFrameBack.opened {display: block}
.pg_lightboxFrameBack:before {content: "\f057";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute; top: 2%; right: 2%; color: #fff; font-size: 2em; cursor: pointer}

.pg_lightboxFrameInner {position: absolute; width: 80%; left: 10%; top: 10%; bottom: 10%; height: 80%}
.pg_lightboxFrameIframe {border: none; outline: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%}


.pg_NoLightboxOuter {  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;}
.pg_NoLightboxFrame {border: none; outline: 0;position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100% !important}
  
  
.pg_NoLightboxOuter.trassenplanung {padding-bottom: 79.5%}