/* -------------------------------- variables ------------------------------- */
:root {
  --hotspot-pt: 1.75rem;
  --hotspot-horizontal-padding: 2rem;
  --hotspot-pb: 1.5rem;
  --hotspot-border: 2px solid var(--color-2);
  --hotspot-background: var(--color-2CC, linear-gradient(0deg, rgba(236, 225, 190, 0.08) 0%, rgba(236, 225, 190, 0.08) 100%), #FFF);
  --hotspot-counter-mb: 2.88rem;
  --hotspot-title-mb: .96rem;
  --hotspot-marker-icon-height: 3.05rem;
  --hotspot-marker-icon-width: 2.25rem;
  --hotspot-marker-icon-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="62" viewBox="0 0 45 62" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M44.9983 23.256C44.9983 23.3063 44.9969 23.356 44.9952 23.4056L44.9962 23.406L44.9952 23.4352C45.0055 23.7653 45 24.3042 44.9224 25.061C44.6972 27.9534 43.9428 30.7299 42.6791 33.3154C41.5807 36.0068 38.0528 41.4795 32.1914 49.5835C29.8674 52.796 27.6914 55.7079 26.275 57.5851C25.4839 58.6336 24.8301 59.4911 24.3727 60.0873C23.3769 61.385 23.3377 61.4357 22.8065 61.5364L22.5559 61.5836L22.3049 61.5385C21.7683 61.4424 21.7099 61.3668 20.739 60.1099L20.7363 60.1064C20.2838 59.5203 19.6372 58.677 18.8543 57.6458C17.4526 55.8006 15.2986 52.9363 12.9928 49.7706C7.18462 41.7961 3.66501 36.3925 2.53049 33.707C1.16832 31.051 0.35108 28.1888 0.100759 25.1992C-0.0266339 24.1045 -0.00362771 23.4421 0.0135411 23.1987C0.0441017 10.6851 10.1033 0.513916 22.5057 0.513916C34.9082 0.513916 44.9983 10.716 44.9983 23.256Z" fill="%23ECE1BE"/></svg>') no-repeat center;
  --hotspot-marker-hover-icon-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="13" viewBox="0 0 30 13" fill="none"><path d="M14.9958 4.44656L20.9847 9.39707H9.00694L14.9958 4.44656ZM14.9958 0.680664L7.44208 6.79385L0.597656 0.936599V4.54893L6.08197 9.39707H0.597656V12.4025H29.4013V9.39707H23.917L29.4013 4.54893V0.936599L22.5568 6.79385L14.9958 0.680664Z" fill="%23ECE1BE"/></svg>') no-repeat center;
  --hotspot-marker-icon-fs: 1rem;
  --hotspot-marker-icon-lh: 1.3em;
  --hotspot-marker-icon-ls: .1rem;
  --hotspot-marker-icon-tt: uppercase;
}

/* ---------------------------------- card ---------------------------------- */
#Wrapper .wpgb-card-17 .wso-card-wrapper {
  background: var(--hotspot-background);
  padding: var(--hotspot-pt) var(--hotspot-horizontal-padding) var(--hotspot-pb) !important;
  border: var(--hotspot-border) !important;
}
#Wrapper .wpgb-card-17 .wso-card-wrapper .wso-counter {
  height: var(--h6-line-height);
}
#Wrapper .wpgb-card-17 .wso-card-wrapper .wso-counter:not(:last-child) {
  margin-bottom: var(--hotspot-counter-mb) !important;
}
#Wrapper .wpgb-card-17 .wso-card-wrapper .wso-title:not(:last-child) {
  margin-bottom: var(--hotspot-title-mb) !important;
}
#Wrapper .wpgb-card-17 .wso-card-wrapper:hover {
  cursor: pointer;
  background-color: var(--color-1) !important;
}

.wso-category-vienna #Wrapper .wpgb-card-17 .wso-hotel-location .wso-counter {
  display: block;
  -webkit-mask: var(--hotspot-marker-hover-icon-mask);
  mask: var(--hotspot-marker-hover-icon-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--color-2);
}
.wso-category-vienna #Wrapper .wpgb-card-17 .wso-card-wrapper:hover {
  background: unset !important;
  background-color: var(--vienna-primary) !important;
  border-color: var(--vienna-primary) !important;
  color: var(--color-white);
}
.wso-category-vienna #Wrapper .wpgb-card-17 .wso-card-wrapper:hover .wso-counter:not(:last-child) {
  color: var(--color-white) !important;
}
.wso-category-vienna #Wrapper .wpgb-card-17 .wso-card-wrapper:hover .wso-title:not(:last-child) {
  color: var(--color-white) !important;
}

.wso-category-kitz #Wrapper .wpgb-card-17 .wso-hotel-location .wso-counter {
  display: block;
  height: var(--h6-line-height);
  -webkit-mask: var(--hotspot-marker-hover-icon-mask);
  mask: var(--hotspot-marker-hover-icon-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--color-1);
}
.wso-category-kitz #Wrapper .wpgb-card-17 .wso-card-wrapper:hover {
  background: unset !important;
  background-color: var(--kitz-secondary) !important;
  border-color: var(--kitz-secondary) !important;
  color: var(--kitz-primary);
}
.wso-category-kitz #Wrapper .wpgb-card-17 .wso-card-wrapper:hover .wso-counter:not(:last-child) {
  color: var(--kitz-primary);
}
.wso-category-kitz #Wrapper .wpgb-card-17 .wso-card-wrapper:hover .wso-title:not(:last-child) {
  color: var(--kitz-primary);
}

/* --------------------------------- marker --------------------------------- */
.wpgb-sidebar .wpgb-marker .wpgb-marker-content {
  height: var(--hotspot-marker-icon-height);
  width: var(--hotspot-marker-icon-width);
  padding: 0 !important;
  background-color: unset;
  box-shadow: unset;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-mask: var(--hotspot-marker-icon-mask);
  mask: var(--hotspot-marker-icon-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--color-2);
  cursor: pointer;
  z-index: 99;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker span {
  position: absolute;
  top: 38.68%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-1);
  font-size: var(--hotspot-marker-icon-fs);
  line-height: var(--hotspot-marker-icon-lh);
  letter-spacing: var(--hotspot-marker-icon-ls);
  text-transform: var(--hotspot-marker-icon-tt);
  transition: var(--transition-normal) ease-in-out;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker::before {
  content: "";
  display: block;
  width: var(--hotspot-marker-icon-width);
  height: 0.6rem;
  position: absolute;
  top: 38.68%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: var(--hotspot-marker-hover-icon-mask);
  mask: var(--hotspot-marker-hover-icon-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--color-2);
  opacity: 0;
  transition: var(--transition-normal) ease-in-out;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker.wso-marker-active:not(.wso-hotel-location) {
  background-color: var(--color-1);
  z-index: 999;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker.wso-marker-active:not(.wso-hotel-location) span {
  color: var(--color-2);
  opacity: 1;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker.wso-hotel-location {
  z-index: 999;
  background-color: var(--color-1);
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker.wso-hotel-location::before {
  content: "";
  display: block;
  width: var(--hotspot-marker-icon-width);
  height: 0.6rem;
  position: absolute;
  top: 38.68%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: var(--hotspot-marker-hover-icon-mask);
  mask: var(--hotspot-marker-hover-icon-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--color-2);
  opacity: 1;
  transition: var(--transition-normal) ease-in-out;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker.wso-hotel-location::before span {
  opacity: 0;
}
.wpgb-sidebar .wpgb-marker .wpgb-marker-content .wso-custom-marker:hover {
  z-index: 9999;
}