.lightBoxElement {cursor: pointer; position: relative}
.lightBoxElement h2, .lightBoxElement h3, .lightBoxElement h4 {margin-bottom: 0;margin-top: 20px}
.lightBoxElement button {color: var(--red); font-family: inherit; font-size: inherit; padding: 5px; border: none}
.lightBoxElement button:focus-visible {display: inline-block;margin: 2px}
.lightBoxElement_tileButton {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lightBoxElement .iconRowImage {max-width: 50%; margin: 0 auto; margin-bottom: 6%; position: relative}
.lightBoxElement:hover .textLink > strong {text-decoration: underline}

.pg_lbElementBack {transform: unset !important; display: none; position: fixed; top: 0; left: 0; right: 0; width: 100% !important; height: 100%; z-index: 99999999999;background-color: rgba(0,0,0,0.6)}
.pg_lbElementLBInner {position: fixed; overflow-y: auto;overflow-x: hidden;  top: 10%; left: 10%; width: 80%; bottom: 10%; background-color: #fff; padding: 5%; z-index:  999999999999; font-weight: normal;text-align: left;}
.pg_lbElementBackCloser {position: fixed;top: 5%;right: 5%;width: 35px;height: 35px;z-index: 9999999999;padding: 0 !important}
/*.pg_lbElementBackCloser:focus-visible, .pg_lbElementLBInner:focus-visible {outline: 2px dashed #fff !important;}*/

/*POLAROID*/
.lightBoxElement.ShowAsPolaroidTeaser {transition: all .75s ease-in-out;padding: 35px;border-radius: 4px;box-shadow: 0 0 1rem 0 #d7dce1;text-align: center}
.lightBoxElement.ShowAsPolaroidTeaser:hover {box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.23), 0 0.5rem 1.6rem 0 rgba(0, 0, 0, 0.23);text-decoration: underline;}
.lightBoxElement.ShowAsPolaroidTeaser .iconRowImage {max-width: 100%}