.bld .building-apotheke {
  inset: 10% 10px 0 0;
  --wall: #e8efe4;
  --side: #17705d;
  --roof: #54b295;
}

.building-apotheke .artCross {
  top: 7%;
  left: 9%;
  width: 31%;
  height: 23%;
  border: 3px solid #141c28;
  background: #168765;
}

.building-apotheke .artCross::before,
.building-apotheke .artCross::after {
  content: "";
  position: absolute;
  background: #fff;
}

.building-apotheke .artCross::before { inset: 18% 39%; }
.building-apotheke .artCross::after { inset: 39% 18%; }

.building-apotheke .artGlass {
  top: 34%;
  bottom: 22%;
  left: 7%;
  width: 58%;
  border: 3px solid #141c28;
  background: #8bc9c9;
}

.building-apotheke .artGlass i { position: absolute; top: 0; bottom: 0; left: 48%; width: 3px; background: #141c28; }
.building-apotheke .artShelf { right: 38%; bottom: 34%; left: 10%; height: 4px; background: #fff0a9; }
.building-apotheke .artDoor { width: 20%; background: #15705d; }

.bld .building-juwelier {
  inset: 7% 10px 0 0;
  --wall: #4b6195;
  --side: #283967;
  --roof: #7f94c3;
}

.building-juwelier .artBadge { color: #172033; background: #f0c65d; }

.building-juwelier .artDisplay {
  top: 35%;
  right: 7%;
  bottom: 22%;
  left: 7%;
  overflow: hidden;
  border: 4px solid #d9ad46;
  background: #132d45;
}

.building-juwelier .artDisplay i {
  position: absolute;
  top: 37%;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  background: #4fe4df;
  transform: rotate(45deg);
}

.building-juwelier .artDisplay i:nth-child(1) { left: 14%; }
.building-juwelier .artDisplay i:nth-child(2) { left: 44%; background: #ffd85b; }
.building-juwelier .artDisplay i:nth-child(3) { right: 14%; background: #e85d85; }
.building-juwelier .artDoor { display: none; }

.building-juwelier .artLight { top: 29%; width: 10%; height: 5%; background: #ffe69b; }
.building-juwelier .lightOne { left: 16%; }
.building-juwelier .lightTwo { right: 16%; }

.bld .building-bank {
  inset: 4% 10px 0 0;
  --wall: #a9b1b5;
  --side: #68747d;
  --roof: #d6d9d6;
}

.building-bank .bankPediment {
  top: 8%;
  right: 15%;
  left: 15%;
  height: 7%;
  background: #e4dfcf;
  box-shadow: -9px 7px 0 #cbc8bb, 9px 7px 0 #cbc8bb;
}

.building-bank .bankColumns {
  top: 29%;
  right: 10%;
  bottom: 21%;
  left: 10%;
  display: flex;
  justify-content: space-between;
}

.building-bank .bankColumns i {
  display: block;
  width: 18%;
  border: 2px solid #141c28;
  background: #e5e1d5;
}

.building-bank .bankDoor {
  right: 36%;
  bottom: 7%;
  left: 36%;
  height: 25%;
  border: 3px solid #141c28;
  background: #263a4b;
}

.building-bank .bankSteps { right: 15%; bottom: 1%; left: 15%; height: 6%; background: #d9d3c5; }

.bld.key-bank { z-index: 3; height: 104%; }
.bld.key-bank .building-bank { inset: 2% 6px 0 0; }
.bld.key-kiosk { z-index: 1; height: 76%; }
.bld.key-kiosk .building-kiosk { inset: 27% 10px 0 0; }
.bld.key-tanke { z-index: 2; }
.bld.key-tanke .building-tanke { inset: 7% -12% 0; }

@media (max-width: 760px) {
  .bld.key-bank { height: 102%; }
  .bld.key-bank .building-bank { inset: 4% 4px 0 0; }
  .bld.key-kiosk { height: 74%; }
  .bld.key-kiosk .building-kiosk { inset: 29% 5px 0 0; }
  .bld.key-tanke .building-tanke { inset: 10% -8% 0; }
  .bld .buildingBody .sign { right: 3px; bottom: 3px; left: 3px; padding: 3px 0 2px; font-size: 7px; }
  .bld .building-kiosk { inset: 24% 5px 0 0; }
  .bld .building-imbiss { inset: 17% 5px 0 0; }
  .bld .building-tanke { inset: 7% 1px 0; }
  .bld .building-apotheke { inset: 15% 5px 0 0; }
  .bld .building-juwelier { inset: 11% 5px 0 0; }
  .bld .building-bank { inset: 8% 5px 0 0; }
  .building-kiosk .artCrate, .building-imbiss .artVent, .pumpTwo { display: none; }
  .stationPrice b, .stationPrice i, .stationStore b { font-size: 5px; }
  .building-juwelier .artDisplay i { width: 7px; height: 7px; }
}