@font-face {
  font-family: 'Bottrop';
  src:  url('bottrop/fonts/Bottrop.eot?gn3yru');
  src:  url('bottrop/fonts/Bottrop.eot?gn3yru#iefix') format('embedded-opentype'),
    url('bottrop/fonts/Bottrop.woff2?gn3yru') format('woff2'),
    url('bottrop/fonts/Bottrop.ttf?gn3yru') format('truetype'),
    url('bottrop/fonts/Bottrop.woff?gn3yru') format('woff'),
    url('bottrop/fonts/Bottrop.svg?gn3yru#Bottrop') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.SPi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Bottrop' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.SPi-cart:before {
  content: "\e910";
}
.SPi-shop:before {
  content: "\e911";
}
.SPi-checkmark:before {
  content: "\e912";
  /* color: #515151; */
}
.SPi-refresh:before {
  content: "\e90f";
}
.SPi-link--citygovForm:before {
  content: "\e908";
}
.SPi-link--citygovPerson:before {
  content: "\e909";
}
.SPi-link--citygovDepartment:before {
  content: "\e90a";
}
.SPi-link--citygovProduct:before {
  content: "\e90b";
}
.SPi-link--citygovOrganisation:before {
  content: "\e90c";
}
.SPi-youtube:before {
  content: "\e63d";
}
.SPi-iv-slideshow-pause2:before {
  content: "\e060";
}
.SPi-pause:before {
  content: "\e060";
}
.SPi-iv-slideshow-pause:before {
  content: "\e061";
}
.SPi-start:before {
  content: "\e061";
}
.SPi-iv-slideshow-stop:before {
  content: "\e063";
}
.SPi-stop:before {
  content: "\e063";
}
.SPi-iv-previous:before {
  content: "\e066";
}
.SPi-previous:before {
  content: "\e066";
}
.SPi-iv-next:before {
  content: "\e067";
}
.SPi-next:before {
  content: "\e067";
}
.SPi-iv-close:before {
  content: "\e068";
}
.SPi-exit:before {
  content: "\e068";
}
.SPi-iv-overview:before {
  content: "\e069";
}
.SPi-overview:before {
  content: "\e069";
}
.SPi-more_horiz:before {
  content: "\e904";
}
.SPi-nav-expand--s:before {
  content: "\e62b";
}
.SPi-nav-collapse--s:before {
  content: "\e62c";
}
.SPi-nav-close--s:before {
  content: "\e62d";
}
.SPi-nav-arr-left--s:before {
  content: "\e62e";
}
.SPi-nav-arr-right--s:before {
  content: "\e62f";
}
.SPi-path:before {
  content: "\e62f";
}
.SPi-nav-arr-up--s:before {
  content: "\e630";
}
.SPi-nav-arr-down--s:before {
  content: "\e631";
}
.SPi-select:before {
  content: "\e631";
}
.SPi-anchor-down2:before {
  content: "\e631";
}
.SPi-nav-arr-bottom--s:before {
  content: "\e632";
}
.SPi-nav-arr-top--s:before {
  content: "\e633";
}
.SPi-link-lightbox:before {
  content: "\e90e";
}
.SPi-collapse:before {
  content: "\e900";
}
.SPi-expand:before {
  content: "\e901";
}
.SPi-download:before {
  content: "\e601";
}
.SPi-Kontakt:before {
  content: "\e600";
}
.SPi-link-language:before {
  content: "\e647";
}
.SPi-link-search:before {
  content: "\e641";
}
.SPi-link-map:before {
  content: "\e642";
}
.SPi-link--newWindow:before {
  content: "\e635";
}
.SPi-link:before {
  content: "\e636";
}
.SPi-mail:before {
  content: "\e63e";
}
.SPi-rss:before {
  content: "\e63f";
}
.SPi-minimize:before {
  content: "\e90d";
}
.SPi-mehrladen:before {
  content: "\e905";
}
.SPi-lock:before {
  content: "\e906";
}
.SPi-lock-open:before {
  content: "\e907";
}
.SPi-suggest4:before {
  content: "\e902";
}
.SPi-maximize1:before {
  content: "\e903";
}
.SPi-anchor-down:before {
  content: "\e602";
}
.SPi-zoom:before {
  content: "\e605";
}
.SPi-print:before {
  content: "\e603";
}
.SPi-totop:before {
  content: "\e604";
}
.SPi-fax:before {
  content: "\e655";
}
.SPi-radiobutton-checked:before {
  content: "\e649";
}
.SPi-phone:before {
  content: "\e64a";
}
.SPi-mail2:before {
  content: "\e64b";
}
.SPi-nav-async-expand:before {
  content: "\e644";
}
.SPi-nav-async-collapse:before {
  content: "\e645";
}
.SPi-map-toggle:before {
  content: "\e639";
}
.SPi-delete:before {
  content: "\e645";
}