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

.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-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-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-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";
}