body.hidden {overflow: hidden}

.pg_iaGDot {
    -webkit-transition: all .75s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .75s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .75s cubic-bezier(.23,1,.32,1);
    -o-transition: all .75s cubic-bezier(.23,1,.32,1);
    transition: all .75s cubic-bezier(.23,1,.32,1);
}
.pg_iaGFrame {position: relative; overflow: visible}
.pg_iaGPicHolder {position: relative;}

.pg_iaGPicHolder img {width: 100%}
.pg_iaGDot {position: absolute;cursor: pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
/*.pg_iaGDot.active, .pg_iaGDot:hover, .pg_iaGDot.hoverState {transform: scale(1.4)}*/
.pg_iaGDot.active {z-index: 99}


.pg_iaGDot {
  --base-scale: 1.0;
  --hover-scale: 1;
  transform: scale(calc(var(--base-scale) * var(--hover-scale)));
  transition: transform 0.3s ease;
}

.pg_iaGDot:hover {
  --hover-scale: 1.167 !important; /* z. B. 20% größer */
}
/*.pg_iaGBack {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10}*/
.pg_iaGlbInner.boxed {display: none;right: 1%;position: absolute;background-color: rgb(255 255 255);padding: 2rem;z-index: 999;box-shadow: 0 0 1rem 0 #d7dce1;overflow: auto;min-height: 200px;min-width: 200px;overflow: auto;bottom: 20px;}

/*---- IFRAME --------------------*/ 
.pg_iaGlbInner.lightBox {display: none; position: fixed; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.85); height: 100%; bottom: 0; z-index: 99999999999;}    
.pg_iaGlbInner.lightBox .frameBox {position: fixed;width: 80%;left: 10%;top: 10%;bottom: 15%;overflow: hidden}
.pg_iaGlbInner.lightBox .frameBox iframe {outline: 0; border: 0; width: 100%; height: 100%}
.pg_iaGlbInner .lightBoxClose {position: absolute; top: 2%; right: 1%; color: #fff; cursor: pointer;z-index: 999999999999}
.pg_iaGlbInner .lightBoxClose:focus-visible {outline: 2px dashed #fff !important;}



/*-----------------------------------------*/
/*---- LEGENDE --------------------* /
/*-----------------------------------------*/
.pg_iagLegend {position: absolute; bottom: 0; background-color: #fff; z-index: 99;min-height: 20%; width: 20%; padding: 15px} 
.pg_iagLegend.active {right: 0}
.pg_iagLegend {right: -20%}

.pg_iagLegendToggle{position: absolute;left: -60px;top: 0; text-align: center;padding: 14px;cursor: pointer; color: #fff; font-size: 2em}
.pg_iagLegend.active .pg_iagLegendToggle{transform: rotate(0deg)}
.pg_iagLegend .pg_iagLegendToggle{transform: rotate(180deg)}

.pg_iagLegendToggle:hover {opacity: 0.6; left: -50px}

.pg_iagLegendTitle {margin-bottom: 20px}
.iagTitleRow {margin-bottom: 10px; cursor: pointer}
.iagTitleRow i {font-size: 18px; padding-top: 2px}
.iagTitleIcon {width: 40px; float: left} 
.iagTitle {float: left} 

@media (max-width: 768px)
{
	.pg_iaGFrame {font-size: 0.7em; margin-bottom: 10%}
	.pg_iaGDot {transform: scale(0.6);transform-origin: 0 0;}

}