.buildingArt .kioskFascia,
.buildingArt .imbissFascia,
.buildingArt .apothekeFascia,
.buildingArt .bankFascia {
  z-index: 6;
  display: grid;
  place-items: center;
  color: #fff8d2;
  border: 3px solid #141c28;
  box-shadow: 3px 3px 0 rgba(10, 25, 38, .54);
  font: 900 9px/1 var(--utility);
  letter-spacing: .07em;
  text-align: center;
}

.building-kiosk .kioskFascia {
  top: 6%;
  right: 9%;
  left: 9%;
  height: 18%;
  background: #173f62;
  text-shadow: 2px 2px 0 #962c3c;
}

.building-kiosk .kioskFascia::before,
.building-kiosk .kioskFascia::after {
  position: absolute;
  top: -5px;
  width: 8px;
  height: 5px;
  content: "";
  background: #fff0b5;
}

.building-kiosk .kioskFascia::before { left: 9px; }
.building-kiosk .kioskFascia::after { right: 9px; }
.building-kiosk .kioskAwning { top: 28%; box-shadow: 0 5px 0 #7a2434; }
.building-kiosk .kioskWindow { background: #64bfc8; box-shadow: inset 0 -5px 0 #1c5266; }

.building-kiosk .kioskPoster {
  right: 8%;
  bottom: 31%;
  width: 23%;
  padding: 3px 0;
  color: #fff8d2;
  border: 2px solid #141c28;
  background: #17475d;
  font: 900 6px/1 var(--utility);
  text-align: center;
}

.building-kiosk .artCrate {
  background: repeating-linear-gradient(90deg, #d99d4d 0 38%, #9d612b 38% 54%);
}

.building-imbiss .imbissFascia {
  top: 7%;
  right: 8%;
  left: 8%;
  height: 17%;
  color: #fff1ad;
  background: #9e2f38;
  text-shadow: 2px 2px 0 #173e51;
}

.building-imbiss .imbissFascia::before {
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 19px;
  height: 5px;
  content: "";
  border: 2px solid #141c28;
  background: #f2bc47;
  transform: translateX(-50%);
}

.building-imbiss .imbissAwning { top: 29%; box-shadow: 0 5px 0 #925d21; }
.building-imbiss .imbissWindow { top: 46%; background: #69b8c4; box-shadow: inset 0 -6px 0 #17475d; }

.building-imbiss .imbissMenu {
  right: 9%;
  bottom: 15%;
  width: 25%;
  padding: 4px 1px;
  color: #fce8a3;
  border: 2px solid #141c28;
  background: #263c46;
  font: 900 6px/1 var(--utility);
  text-align: center;
}

.building-imbiss .imbissSteam {
  top: -12px;
  left: 25%;
  width: 5px;
  height: 12px;
  background: #f6eed6;
  box-shadow: 8px -7px 0 #f6eed6, 16px 1px 0 #f6eed6;
}

.building-tanke .stationPrice {
  z-index: 8;
  top: 4%;
  width: 27%;
  height: 38%;
  padding-top: 3px;
  background: #ce3d49;
  box-shadow: 3px 4px 0 #0b1926;
}

.building-tanke .stationPrice b { color: #fff5c2; font-size: 10px; letter-spacing: .08em; }
.building-tanke .stationPrice i { margin-top: 3px; color: #fff5c2; font-size: 7px; }

.building-tanke .stationCanopy {
  z-index: 6;
  top: 24%;
  height: 18%;
  background: linear-gradient(#f7f0d6 0 39%, #247a77 39% 58%, #d74750 58% 100%);
}

.building-tanke .stationCanopy b {
  position: absolute;
  top: 2px;
  right: 8%;
  color: #173f62;
  font: 900 8px/1 var(--utility);
  letter-spacing: .1em;
}

.building-tanke .stationPost { left: 19%; width: 8%; background: #e3dfcf; }
.building-tanke .stationPump { z-index: 7; background: #cf454e; box-shadow: 2px 3px 0 #0b1926; }
.building-tanke .stationPump::before { position: absolute; bottom: 5px; left: 4px; content: "G"; color: #fff6d3; font: 900 7px/1 var(--utility); }
.building-tanke .stationStore { box-shadow: inset 0 12px 0 #247a77, 0 5px 0 #0b1926; }
.building-tanke .stationStore b { margin-top: 5px; color: #173f62; letter-spacing: .08em; }

.building-tanke .stationLamp {
  z-index: 9;
  top: 40%;
  width: 7px;
  height: 7px;
  border: 2px solid #141c28;
  background: #fff1a4;
  box-shadow: 0 0 0 2px rgba(255, 241, 164, .22);
}

.building-tanke .lampOne { left: 40%; }
.building-tanke .lampTwo { left: 62%; }

.building-apotheke .artCross { box-shadow: 3px 3px 0 #0b1926; }

.building-apotheke .apothekeFascia {
  top: 8%;
  right: 9%;
  left: 46%;
  height: 19%;
  color: #f2ffe8;
  background: #16745e;
  text-shadow: 2px 2px 0 #164c4d;
}

.building-apotheke .artGlass { top: 35%; background: #8ed3d0; box-shadow: inset 0 -6px 0 #327f81; }
.building-apotheke .artGlass::before { position: absolute; top: 13%; right: 14%; width: 8px; height: 15px; content: ""; border: 2px solid #f5f2dc; background: #d74b53; box-shadow: -14px 8px 0 #f5f2dc; }
.building-apotheke .apothekeBottle { right: 8%; bottom: 29%; width: 13%; height: 17%; border: 2px solid #141c28; background: #f6d973; box-shadow: inset 0 6px 0 #e85d65; }

.building-juwelier .juwelierCrown {
  top: -9px;
  left: 50%;
  width: 26px;
  height: 11px;
  border: 3px solid #141c28;
  background: #f2c75b;
  clip-path: polygon(0 100%, 0 0, 23% 44%, 50% 0, 77% 44%, 100% 0, 100% 100%);
  transform: translateX(-50%);
}

.building-juwelier .artBadge { top: 8%; box-shadow: 3px 3px 0 #0b1926; font-size: 9px; }
.building-juwelier .artDisplay { top: 35%; bottom: 24%; box-shadow: inset 0 -7px 0 #8f2e56; }
.building-juwelier .juwelierVelvet { right: 12%; bottom: 26%; left: 12%; height: 7%; background: #8f2e56; }

.building-juwelier .juwelierCamera {
  top: 31%;
  right: 5%;
  width: 15%;
  height: 8%;
  border: 2px solid #141c28;
  background: #dde4dd;
}

.building-juwelier .juwelierCamera::after { position: absolute; top: 2px; right: -5px; width: 5px; height: 4px; content: ""; background: #141c28; }

.building-bank .bankFlag {
  top: -19px;
  left: 50%;
  width: 3px;
  height: 22px;
  background: #141c28;
}

.building-bank .bankFlag::after { position: absolute; top: 0; left: 3px; width: 15px; height: 8px; content: ""; background: #d24f5b; }
.building-bank .bankPediment { top: 11%; border: 3px solid #141c28; background: #e4dfcf; box-shadow: 0 5px 0 #a0a6a0; }

.building-bank .bankFascia {
  z-index: 8;
  top: 20%;
  right: 20%;
  left: 20%;
  height: 12%;
  color: #253b4b;
  border-width: 2px;
  background: #f0c75e;
  box-shadow: none;
  font-size: 8px;
}

.building-bank .bankColumns { top: 34%; bottom: 21%; }
.building-bank .bankDoor { z-index: 8; background: #263a4b; box-shadow: inset 5px 0 0 #455c69; }
.building-bank .bankSteps { right: 9%; left: 9%; height: 9%; border: 2px solid #141c28; background: repeating-linear-gradient(180deg, #dfd8c9 0 33%, #aab1ad 33% 50%); }
.building-bank .bankSeal { top: 14%; left: 50%; width: 9px; height: 9px; border: 2px solid #141c28; border-radius: 50%; background: #d64d56; transform: translateX(-50%); }

@media (max-width: 760px) {
  .buildingArt .kioskFascia,
  .buildingArt .imbissFascia,
  .buildingArt .apothekeFascia,
  .buildingArt .bankFascia { border-width: 2px; font-size: 6px; }
  .building-kiosk .kioskPoster,
  .building-imbiss .imbissMenu,
  .building-tanke .stationCanopy b,
  .building-tanke .stationPump::before,
  .building-tanke .stationLamp,
  .building-juwelier .juwelierCamera,
  .building-bank .bankFlag,
  .building-bank .bankSeal { display: none; }
  .building-tanke .stationPrice b { font-size: 7px; }
  .building-tanke .stationPrice i { font-size: 5px; }
  .building-juwelier .juwelierCrown { top: -6px; transform: translateX(-50%) scale(.7); }
}