.pi-sk {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
line-height: 0;
}
.pi-sk-map {
display: block;
width: 100%;
height: auto; filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .10));
}
.pi-sk-pin {
position: absolute;
width: var(--pi-sk-pin-w, 2%);
transform: translate(calc(var(--pi-sk-tip-x, 15%) * -1), calc(var(--pi-sk-tip-y, 95%) * -1));
pointer-events: auto;
}
.pi-sk-pin img {
display: block;
width: 100%;
height: auto;
max-width: none;
margin: 0;
box-shadow: none;
}
.pi-sk-pin[title] { cursor: default; }
.pi-sk-pin[title]:hover { z-index: 2; filter: brightness(1.15); } @font-face {
font-family: "PISK Fira Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//ihr-solarparkverwalter.de/wp-content/plugins/pi-standortkarte/assets/fonts/fira-sans-latin-600-normal.woff2) format("woff2");
}
.pi-sk-map text {
font-family: "PISK Fira Sans", "Fira Sans", Arial, sans-serif !important;
font-weight: 600;
text-transform: uppercase;
} .pi-sk[data-lupe] { cursor: crosshair; }
.pi-sk-loupe {
display: none;
position: fixed;
z-index: 1000000;
width: 250px;
height: 250px;
border: 3px solid #9d907b;
border-radius: 50%;
background: #f5f5f5;
overflow: hidden;
pointer-events: none;
box-sizing: content-box;
}
.pi-sk-loupe-inner {
position: absolute;
left: 0;
top: 0;
margin: 0;
transform-origin: 0 0;
}
.pi-sk-loupe .pi-sk-map { filter: none; }
.pi-sk-loupe, .pi-sk-loupe * { pointer-events: none !important; } .pi-sk[data-lupe] { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.pi-sk-aktiv { touch-action: none; }
@media (max-width: 767px) {
.pi-sk-loupe { width: 160px; height: 160px; }
}