﻿body {
    background: #fff;
    color: #444;
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Muli-Light.woff2) format("woff2"), url(../fonts/Muli-Light.woff) format("woff"), url(../fonts/Muli-Light.ttf) format("opentype");
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Muli.woff2) format("woff2"), url(../fonts/Muli.woff) format("woff"), url(../fonts/Muli.ttf) format("opentype");
}

@font-face {
    font-family: Muli;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Muli-Italic.woff2) format("woff2"), url(../fonts/Muli-Italic.woff) format("woff"), url(../fonts/Muli-Italic.ttf) format("opentype");
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Muli-Bold.woff2) format("woff2"), url(../fonts/Muli-Bold.woff) format("woff"), url(../fonts/Muli-Bold.ttf) format("opentype");
}

@font-face {
    font-family: Muli;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Muli-BoldItalic.woff2) format("woff2"), url(../fonts/Muli-BoldItalic.woff) format("woff"), url(../fonts/Muli-BoldItalic.ttf) format("opentype");
}

body {
    font-size: 1em;
    font-family: "Muli", sans-serif;
}

@media (min-width: ) {
    body {
        font-size: 1.125em;
    }
}

@media print {
    body {
        color: #000;
    }
}

*, ::after, ::before {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

blockquote, body {
    margin: 0;
    padding: 0;
}

button {
    background: 0 0;
    border: none;
    padding: 0;
    text-align: left;
}

blockquote, ol, p, table, ul {
    margin-top: 0;
}

blockquote:last-child, ol:last-child, p:last-child, table:last-child, ul:last-child {
    margin-bottom: 0;
}

blockquote:not(:last-child), ol:not(:last-child), p:not(:last-child), table:not(:last-child), ul:not(:last-child) {
    margin-bottom: 1rem;
}

@media print {
    @page {
        margin: 1cm;
    }

    @page :first {
        margin-top: 2cm;
    }

    @page :left {
        margin-left: 2cm;
        margin-right: 1cm;
    }

    @page :right {
        margin-left: 1cm;
        margin-right: 2cm;
    }

    body, html {
        height: auto;
        overflow: visible !important;
        page-break-after: avoid;
        page-break-before: avoid;
    }

    .SP-Card, blockquote, figure, img, pre, table tr td, table tr th {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    body {
        counter-reset: chapter;
    }

    figcaption {
        counter-increment: chapter;
    }

    figcaption.SP-Asset__caption::after {
        content: " (" counter(chapter) ") ";
        background-color: rgba(0, 13, 16, .825);
        margin-left: 1rem;
        color: #fff;
        font-weight: 300;
        bottom: auto;
        top: -35px;
        z-index: 3;
        bottom: 100%;
        right: 0;
        padding-top: 2px;
        position: absolute;
        text-align: center;
        width: 35px;
        height: 35px;
    }

    body > .mfp-ready .SP-Lightbox {
        background-color: #fff;
        color: #000 !important;
        fill: #000;
        left: 0;
        max-height: none;
        max-width: 19cm;
        margin: 0 auto;
        overflow-y: auto;
        padding: 1rem 1rem 2.5rem 1rem;
        position: relative;
        top: 0;
        transform: none;
        width: 100%;
    }

    body > .mfp-ready + svg + script + script + script + a + .SP-Page {
        display: none;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    p {
        orphans: 3;
        widows: 2;
    }
}

.SP-Grid__wrapper {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 101rem) {
    .SP-Grid__wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1350px;
        width: 100%;
    }
}

@media print {
    .SP-Grid__wrapper {
        max-width: 16cm;
        margin: 0 auto;
    }
}

.SP-Grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.SP-Grid:after {
    content: " ";
    display: block;
    clear: both;
}

.SP-Grid--debug {
    height: 100vh;
}

.SP-Content {
    width: 100%;
    float: left;
}

@media (min-width: 30rem) {
    .SP-Content {
        width: 100%;
        float: left;
    }
}

@media (min-width: 40rem) {
    .SP-Content {
        width: 75%;
        float: left;
        margin-left: 12.5%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Content {
        width: 66.6666666667%;
        float: left;
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 80rem) {
    .SP-Content {
        width: 62.5%;
        float: left;
        margin-left: 18.75%;
    }
}

@media print {
    .SP-Content {
        float: left !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 40rem) {
    .SP-Grid__quote {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -16.6666666667%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Grid__quote {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -16.6666666667%;
        padding-left: 15px;
    }
}

@media (min-width: 80rem) {
    .SP-Grid__quote {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -16.6666666667%;
        padding-left: 15px;
    }
}

@media print {
    .SP-Grid__quote {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media print {
    .SP-Grid__quote {
        float: none;
        margin-right: 0;
        width: 100%;
    }
}

body {
    background: #fff;
    color: #444;
}

body {
    font: 1em/1.5em Muli, sans-serif;
}

@media (min-width: 63.4375rem) {
    body {
        font-size: 1.125em;
    }
}

@media print {
    body {
        color: #000;
    }
}

.SPi {
    height: 100%;
    width: 100%;
}

.SP-Iconized--left, .SP-Iconized--right {
    position: relative;
}

.SP-Iconized--left .SP-Iconized__icon, .SP-Iconized--right .SP-Iconized__icon {
    height: 1em;
    position: absolute;
    width: 1em;
}

.SP-Iconized--left {
    padding-left: 1.5em;
}

.SP-Iconized--left .SP-Iconized__icon {
    left: 0;
}

.SP-Iconized--right {
    padding-right: 1.5em;
}

.SP-Iconized--right .SP-Iconized__icon {
    right: 0;
}

.SP-Iconized--only .SP-Iconized__icon {
    height: 1em;
    position: relative;
    width: 1em;
}

.SP-FixedSize {
    display: block;
    width: 100%;
}

.SP-FixedSize__raiser {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
}

.SP-FixedSize__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.SP-FixedSize__raiser--square {
    padding-top: 100%;
}

.SP-FixedSize__raiser--3x2 {
    padding-top: 66.6666666667%;
}

.SP-FixedSize__raiser--4x3 {
    padding-top: 75%;
}

.SP-FixedSize__raiser--16x9 {
    padding-top: 56.25%;
}

.SP-FixedSize__raiser--16x10 {
    padding-top: 62.5%;
}

.SP-FixedSize__raiser--21x9 {
    padding-top: 42.8571428571%;
}

.SP-FixedSize__raiser--footerLogo {
    padding-top: 26.3157894737%;
}

.SP-FixedSize__raiser--intro {
    padding-top: 62.5%;
}

@media (min-width: 40rem) {
    .SP-FixedSize__raiser--intro {
        padding-top: 58.5%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-FixedSize__raiser--intro {
        padding-top: 57.5%;
    }
}

@media (min-width: 80rem) {
    .SP-FixedSize__raiser--intro {
        padding-top: 730px;
    }
}

.SP-FixedSize__raiser--content--card-2x1 {
    padding-top: calc(50% - 10px);
}

.SP-FixedSize__raiser--card-1x1 {
    padding-top: 100%;
}

.SP-FixedSize__raiser--card-2x1 {
    padding-top: 100%;
}

@media (min-width: 40rem) {
    .SP-FixedSize__raiser--card-2x1 {
        padding-top: calc(50% - 10px);
    }
}

.SP-FixedSize__raiser--card-1x2 {
    padding-top: 100%;
}

@media (min-width: 40rem) {
    .SP-FixedSize__raiser--card-1x2 {
        padding-top: calc(200% + 20px);
    }
}

.SP-FixedSize__raiser--stage {
    padding-top: calc(100vh - 135px);
}

@media (min-width: 40rem) {
    .SP-FixedSize__raiser--stage {
        padding-top: calc(100vh - 155px);
    }
}

@media (min-width: 63.4375rem) {
    .SP-FixedSize__raiser--stage {
        padding-top: calc(100vh - 115px);
    }
}

.SP-FixedSize__raiser--teaser {
    padding-top: 100%;
}

@media (min-width: 30rem) {
    .SP-FixedSize__raiser--teaser {
        padding-top: 66.6666666667%;
    }
}

.SP-FixedSize__raiser--map {
    padding-top: 75vh;
}

@media (min-width: 40rem) {
    .SP-FixedSize__raiser--map {
        padding-top: 80%;
    }
}

.SP-FixedSize__raiser--mapPopupTeaser {
    padding-top: 50%;
}

.SP-isLazyloading, .SPu-lazyload {
    opacity: 0;
}

.SP-isLazyloaded {
    transition: opacity .3s ease-out;
    opacity: 1;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6;
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9;
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute;
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.SP-Collapsible__trigger {
    position: relative;
}

.SP-Collapsible.SP-isEnabled .SP-Collapsible__trigger {
    cursor: pointer;
}

.SP-Collapsible__content {
    clear: both;
    overflow: visible;
}

.SP-Collapsible__content:not([aria-hidden=false]), .js .SP-Collapsible__content {
    display: none;
}

.SP-Collapsible__trigger__icon {
    transition: transform .1s ease-out;
}

.SP-Collapsible__trigger[aria-expanded=false] .SP-Collapsible__trigger__icon {
    transform: rotate(0);
}

.SP-Collapsible__trigger[aria-expanded=true] .SP-Collapsible__trigger__icon {
    transform: rotate(180deg);
}

@media print {
    .SP-Collapsible__content {
        display: block !important;
        padding: 1em 0;
    }

    .SP-Collapsible__trigger__icon {
        display: none;
    }
}

.SP-Section.SP-Collapsible > .SP-Collapsible__content {
    padding-left: 5px;
    margin-left: -5px;
    padding-right: 5px;
    margin-right: -5px;
}

@media (min-width: 40rem) {
    .SP-Section.SP-Collapsible > .SP-Collapsible__content {
        padding-left: 16.6666666667%;
        margin-left: -16.6666666667%;
        padding-right: 16.6666666667%;
        margin-right: -16.6666666667%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Section.SP-Collapsible > .SP-Collapsible__content {
        padding-left: 25%;
        margin-left: -25%;
        padding-right: 25%;
        margin-right: -25%;
    }
}

@media (min-width: 80rem) {
    .SP-Section.SP-Collapsible > .SP-Collapsible__content {
        padding-left: 30%;
        margin-left: -30%;
        padding-right: 30%;
        margin-right: -30%;
    }
}

.focus--mouse {
    outline: 0;
}

.SP-Lightbox {
    background-color: #006c72;
    color: #fff;
    fill: #fff;
    left: 50%;
    max-height: 90vh;
    max-width: 980px;
    overflow-y: auto;
    padding: 1rem 1rem 2.5rem 1rem;
    position: absolute;
    top: -45vh;
    transform: translate(-50%, 0);
    width: 90vw;
}

.SP-Lightbox .SP-WebaccountLogin .SP-Form .SP-Errors {
    display: none;
}

.SP-Lightbox .SP-WebaccountLogin .SP-Form .SP-Field__error {
    color: #fff;
}

.SP-Lightbox--options {
    max-width: 360px;
}

.SP-Lightbox__title {
    display: flex;
    font: 400 1.25em/1.25 Muli, sans-serif;
    margin-bottom: 1.5em;
    padding-right: 1.5rem;
    position: relative;
}

.SP-Lightbox__title.SP-Iconized--left {
    padding-left: 2em;
}

.SP-Lightbox__title .SP-Lightbox__title__icon {
    margin-left: -.5em;
    margin-top: -.75em;
    height: 2.5em;
    width: 2.5em;
}

.SP-Lightbox__label {
    flex: 1 1;
}

.SP-Lightbox__close {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: .2em;
    z-index: 2;
}

.SP-Lightbox__close .SP-Lightbox__close__icon {
    margin-top: -.25em;
    height: 1.5em;
    width: 1.5em;
    float: right;
}

.SP-Lightbox--search {
    top: -16vh;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-bg, .mfp-wrap {
    z-index: 1000001 !important;
}

.SP-Lightbox--emergency {
    background-color: #de0000;
    color: #fff;
}

.SP-PanelGroup__panel[aria-hidden=true], .SP-PanelGroup__panel__content[aria-hidden=true] {
    display: none;
}

.SP-PanelGroup__panel[aria-expanded]:not([aria-disabled]) {
    cursor: pointer;
}

.SP-PanelGroup__tabList {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-PanelGroup__tabList__tab {
    cursor: pointer;
}

.SP-PanelGroup__tabList__tab[aria-expanded=true] {
    font-weight: 700;
}

.SP-PanelGroup__tabList__tab:not(:last-child) {
    margin-right: 1rem;
}

.SP-PanelGroup__tabList__tab__icon {
    height: 1em;
    width: 1em;
}

.SP-CookieUsageNotification {
    align-items: center;
    background-color: rgba(255, 255, 255, .95);
    border-top: 2px solid #000;
    color: #000;
    display: flex;
    justify-content: center;
    padding: 1rem;
    width: 100%;
}

.SP-CookieUsageNotification__text {
    margin-bottom: 0;
}

.SP-CookieUsageNotification__more, .SP-CookieUsageNotification__ok, .SP-CookieUsageNotification__text {
    margin-left: 1rem;
    margin-right: 1rem;
}

.SP-CookieUsageNotification__more {
    color: #000;
    text-decoration: underline;
    white-space: nowrap;
}

.SP-CookieUsageNotification__ok {
    background-color: #444;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    padding: .5em 1.5em;
}

@media (max-width: 59.9375em) {
    .SP-CookieUsageNotification {
        flex-wrap: wrap;
    }

    .SP-CookieUsageNotification__text {
        margin-bottom: .75em;
        text-align: center;
        width: 100%;
    }
}

.SP-Global__cookieusagenotification {
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 10000;
}

@media print {
    .SP-CookieUsageNotification {
        display: none;
    }
}

.SP-Headline--article {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.SP-Headline--article span {
    background-color: rgba(255, 255, 255, .9);
    color: #444;
    display: inline-block;
    font: 700 1.875rem/1.2 Muli, sans-serif;
    margin-left: 1rem;
    margin-top: 1.75rem;
    margin-bottom: -1.5rem;
    min-width: 20vw;
    padding: 1rem 1rem 2rem .75rem;
    position: relative;
    z-index: 2;
}

@media print {
    .SP-Headline--article span {
        background-color: transparent;
    }
}

.SP-Headline--article::before {
    background-color: #d4d700;
    content: "";
    height: calc(100% + .25rem);
    left: 0;
    max-width: 100vw;
    position: absolute;
    top: 0;
    width: calc(100% + 1rem);
    z-index: -1;
}

@media print {
    .SP-Headline--article::before {
        display: none;
    }
}

.no-hiddenscroll .SP-Headline--article::before {
    max-width: calc(100vw - 17px);
}

@media (min-width: 63.4375rem) {
    .SP-Headline--article {
        display: inline-block;
    }

    .SP-Headline--article span {
        font-size: 3rem;
        margin-right: 35px;
        margin-top: 3rem;
        padding-left: 1.5rem;
    }

    .SP-Headline--article::before {
        max-width: calc(100% - 1rem);
    }
}

@media (min-width: 80rem) {
    .SP-Headline--article span {
        margin-left: 160px;
    }
}

@media print {
    .SP-Headline--article span {
        margin-left: 0;
        margin-top: 0;
    }
}

.SP-Headline--section, .SP-Search__result__headline {
    width: 100%;
    font-size: 1em;
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
}

@media (min-width: 30rem) {
    .SP-Headline--section, .SP-Search__result__headline {
        width: 100%;
    }
}

@media (min-width: 40rem) {
    .SP-Headline--section, .SP-Search__result__headline {
        width: 100%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Headline--section, .SP-Search__result__headline {
        margin-left: -12.5%;
        width: 112.5%;
    }
}

@media (min-width: 80rem) {
    .SP-Headline--section, .SP-Search__result__headline {
        margin-left: -20%;
        width: 120%;
    }
}

.SP-Headline--section__inner, .SP-Search__result__headline__inner {
    border-bottom: 2px solid #006c72;
    color: #333;
    display: block;
    font-size: 1.35em;
    font-weight: 400;
    line-height: 1.125em;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-bottom: .25em;
    padding-right: 1.5em;
    position: relative;
}

@media (min-width: 30rem) {
    .SP-Headline--section__inner, .SP-Search__result__headline__inner {
        font-size: 1.5em;
    }
}

.SP-Headline--section__inner .SP-Iconized__icon, .SP-Search__result__headline__inner .SP-Iconized__icon {
    top: .09375em;
}

.SP-Headline--paragraph, .SP-Survey__item__action .SP-Legend--radio {
    color: #555;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5em;
}

@media (min-width: 30rem) {
    .SP-Headline--paragraph, .SP-Survey__item__action .SP-Legend--radio {
        font-size: 1.25em;
    }
}

.SP-Headline--paragraph.SP-Collapsible__trigger, .SP-Survey__item__action .SP-Collapsible__trigger.SP-Legend--radio {
    font-weight: 400;
}

.SP-Headline--block {
    font-size: 1em;
    letter-spacing: .025em;
}

.SP-Headline--footer {
    color: #fff;
    fill: currentColor;
    font-weight: 700;
    text-transform: uppercase;
}

.SP-Headline--footer .SP-Iconized__icon {
    top: .35em;
}

.SP-Collapsible.SP-isEnabled .SP-Headline--footer {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 80rem) {
    .SP-Headline--footer {
        font-weight: 300;
    }

    .SP-Headline--footer .SP-Iconized__icon {
        display: none;
    }
}

@media print {
    .SP-Annotations__headline {
        font-size: 1.5em;
    }

    .SP-Annotations__section__headline, .SP-Headline--section__inner, .SP-Search__result__headline__inner {
        font-size: 1.125em;
    }

    .SP-Headline--section, .SP-Search__result__headline {
        font-size: 1.5em;
        width: auto;
        margin: auto;
    }

    .SP-Collapsible.SP-isEnabled .SP-Headline--section, .SP-Collapsible.SP-isEnabled .SP-Search__result__headline {
        margin-top: 2rem;
    }

    .SP-Annotations__list {
        padding-left: 1.125rem;
    }
}

.SP-Headline--emergency {
    color: #fff;
    font-size: 1.125em;
    font-weight: 400;
}

.SP-Button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 6px;
    display: inline-block;
    font: 1em/20px Muli, sans-serif;
    letter-spacing: 1px;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.SP-Button:focus, .SP-Button:hover {
    text-decoration: none;
}

.SP-Button:not(:disabled) {
    cursor: pointer;
}

.SP-Button--default {
    background-color: #006c72;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    color: #fff;
    fill: currentColor;
    padding: .625em 1em;
}

.SP-Button--default:focus, .SP-Button--default:not(:disabled):hover {
    background: #004c50;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
    color: #fff;
}

.SP-Button--default: disabled {
    cursor: not-allowed;
    background-color: #666;
}

.SP-Button--default.SP-Iconized--left .SP-Iconized__icon, .SP-Button--default.SP-Iconized--right .SP-Iconized__icon {
    top: 2px;
    margin-top: .625em;
}

.SP-Button--default.SP-Iconized--left .SP-Iconized__icon {
    margin-left: .7em;
}

.SP-Button--default.SP-Iconized--right .SP-Iconized__icon {
    margin-right: .7em;
}

.SP-Button--default.SP-Iconized--right {
    padding-right: 2.5em;
}

.SP-Button--default.SP-Iconized--left {
    padding-left: 2.5em;
}

.SP-Button--ghost {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    fill: currentColor;
    font-size: .8em;
    padding: .75em 1em;
}

.SP-Button--ghost:focus, .SP-Button--ghost:not(:disabled):hover {
    background-color: #004c50;
    color: #fff;
}

.SP-Button--ghost: disabled {
    cursor: not-allowed;
}

.SP-Button--ghost.SP-Iconized--left .SP-Iconized__icon, .SP-Button--ghost.SP-Iconized--right .SP-Iconized__icon {
    top: 2px;
    margin-top: .625em;
}

.SP-Button--ghost.SP-Iconized--left .SP-Iconized__icon {
    margin-left: 1em;
}

.SP-Button--ghost.SP-Iconized--right .SP-Iconized__icon {
    margin-right: 1em;
}

.SP-Button--ghost.SP-Iconized--right {
    padding-right: 2.7em;
}

.SP-Button--ghost.SP-Iconized--left {
    padding-left: 2.7em;
}

.SP-Button--right {
    float: right;
}

.SP-Button__ripple {
    background: 0 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.SP-Button__ripple__circle {
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .25);
    border-radius: 50%;
    left: 50%;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 0;
}

.SP-Button__ripple.SP-isActive .SP-Button__ripple__circle {
    animation: ripple .4s ease-in;
}

@keyframes ripple {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        padding-bottom: 200%;
        width: 200%;
    }
}

.SP-Fieldset--letters .SP-Button--letter {
    float: left;
    margin: 0 .025rem .025rem 0;
}

.SP-Button--letter {
    background-color: #006c72;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0;
    color: #fff;
    fill: currentColor;
    padding: .625em 1em;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    text-align: center;
    transition: transform .15s ease;
    transition-property: background-color, transform;
    width: 64px;
}

.SP-Button--letter:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.SP-Button--letter:hover {
    background-color: #004c50;
}

.SP-Button--letter:focus, .SP-Button--letter:not(:disabled):hover {
    background: #004c50;
    color: #fff;
}

.SP-Button--letter:disabled {
    cursor: not-allowed;
    background-color: #666;
}

.SP-Button--letter + .SP-Button--letter {
    margin-top: 0;
}

button {
    color: inherit;
    font: inherit;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) {
    padding-top: 1.25rem;
    position: relative;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__label {
    color: #666;
    cursor: text;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 2rem;
    margin-top: 1px;
    width: 100%;
    transform: translateY(-140%);
    font-size: .8125rem;
    font-weight: 700;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control, .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload {
    background-color: transparent;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    color: #444;
    font: inherit;
    height: 2.8125rem;
    margin: 0 0 .75rem 0;
    padding: 0;
    outline: 0;
    width: 100%;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-isAnimatable .SP-Field__label {
    transform: translateY(0);
    font-size: 1rem;
    font-weight: 400;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-animate .SP-Field__label {
    transition: all .2s;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-animate .SP-Field__control, .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-animate .SP-Upload {
    transition: border-color .3s, box-shadow .3s;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-isValid .SP-Field__control, .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-isValid .SP-Upload {
    border-color: #0fb52a;
    box-shadow: 0 1px 0 0 #0fb52a;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-isInvalid .SP-Field__control, .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-isInvalid .SP-Upload {
    border-color: #d20a0a;
    box-shadow: 0 1px 0 0 #d20a0a;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Field__label, .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasPlaceholder .SP-Field__label {
    transform: translateY(-140%);
    font-size: .8125rem;
    font-weight: 700;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Field__control, .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Upload {
    border-color: #006c72;
    box-shadow: 0 1px 0 0 #006c72;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Field__label {
    color: #006c72;
}

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control[disabled], .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control[readonly], .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload[disabled], .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload[readonly] {
    border-style: dotted;
}

.SP-Field__annotation, .SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Field__hint {
    font-size: .8125rem;
}

.SP-Field__annotation a, .SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Field__hint a {
    display: inline;
}

.SP-Field__error {
    color: #d20a0a;
    font-size: .8125rem;
}

.SP-Composition--spaceAfter, .SP-Field--spaceAfter, .SP-Fieldset--checkbox, .SP-Fieldset--radioGroup {
    margin-bottom: 1.5rem;
}

.SP-Composition--spaceAfter + .SP-Field, .SP-Field--spaceAfter + .SP-Field, .SP-Fieldset--checkbox + .SP-Field, .SP-Fieldset--radioGroup + .SP-Field {
    margin-top: 1rem;
}

.SP-Field--inline {
    display: inline-block;
    margin-right: 1rem;
}

.SP-Field--select:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control, .SP-Field--select:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 0 !important;
    padding-right: 1.5rem;
    text-overflow: ellipsis;
    width: calc(100% - 1.5rem);
}

.SP-Field--select:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control:: -ms-expand, .SP-Field--select:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload:: -ms-expand {
    display: none;
}

.SP-Select {
    margin-bottom: .75rem;
    position: relative;
}

.SP-Select__icon {
    fill: #666;
    height: 1em;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: calc(50% - .5em);
    transition: transform .3s ease;
    width: 1em;
}

.SP-Field--number .SP-Field__control, .SP-Field--number .SP-Upload {
    margin-bottom: 0 !important;
}

.SP-Field--number .SP-Field__control:: -webkit-inner-spin-button, .SP-Field--number .SP-Upload:: -webkit-inner-spin-button {
    opacity: 0 !important;
    height: 2.8125em;
}

.SP-Number {
    margin-bottom: .75rem;
    max-width: 320px;
    position: relative;
}

.SP-Number__icon--down, .SP-Number__icon--up {
    background-color: #fff;
    fill: #666;
    height: 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 1em;
}

.SP-Number__icon--down, .SP-Number__icon--down _:-ms-lang(x), .SP-Number__icon--up, .SP-Number__icon--up _:-ms-lang(x) {
    display: none;
}

.SP-Number__icon--up {
    top: .40625em;
    transform: rotate(180deg);
}

.SP-Number__icon--down {
    bottom: .40625em;
}

.SP-Field--date .SP-Field__control, .SP-Field--date .SP-Upload {
    margin-bottom: 0 !important;
}

.SP-Field--date .SP-Field__control:: -webkit-calendar-picker-indicator, .SP-Field--date .SP-Field__control:: -webkit-clear-button, .SP-Field--date .SP-Field__control:: -webkit-inner-spin-button, .SP-Field--date .SP-Upload:: -webkit-calendar-picker-indicator, .SP-Field--date .SP-Upload:: -webkit-clear-button, .SP-Field--date .SP-Upload:: -webkit-inner-spin-button {
    height: 2.8125em;
    opacity: 0 !important;
}

.SP-Field--date .SP-Field__control:: -webkit-clear-button, .SP-Field--date .SP-Field__control:: -webkit-inner-spin-button, .SP-Field--date .SP-Upload:: -webkit-clear-button, .SP-Field--date .SP-Upload:: -webkit-inner-spin-button {
    display: none;
}

.SP-Date {
    margin-bottom: .75rem;
    position: relative;
}

.SP-Date__clear, .SP-Date__dropdown {
    background-color: #fff;
    cursor: pointer;
    fill: #666;
    height: 1em;
    line-height: 1em;
    position: absolute;
    right: 2px;
    top: calc(50% - .5em);
    transition: transform .3s ease;
    width: 1em;
    z-index: 2;
}

.SP-Date__dropdown {
    pointer-events: none;
}

.SP-Date__clear {
    opacity: .01;
    right: 1.25rem;
}

.SP-Field__control:not(:disabled) + .SP-Date__clear:hover, .SP-Field__control:not(:disabled):focus + .SP-Date__clear, .SP-Field__control:not(:disabled):hover + .SP-Date__clear, .SP-Upload:not(:disabled) + .SP-Date__clear:hover, .SP-Upload:not(:disabled):focus + .SP-Date__clear, .SP-Upload:not(:disabled):hover + .SP-Date__clear {
    opacity: 1;
}

.SP-Fieldset--radioGroup {
    border: none;
    margin: 0;
    margin-top: 1.25rem;
    padding: 0;
}

.SP-Fieldset--radioGroup ul {
    list-style: none;
    margin: 0;
    margin-top: .75rem;
    padding: 0;
}

.SP-Legend--radio {
    color: #666;
    font-size: .8125rem;
    font-weight: 700;
}

.SP-Field--radio {
    margin-bottom: .5rem;
    padding-top: .15rem;
    position: relative;
}

.SP-Field--radio .SP-Field__control, .SP-Field--radio .SP-Upload {
    position: absolute;
}

.SP-Field--radio .SP-Field__label {
    display: inline-block;
    padding-left: 2.25rem;
}

.SP-Field--radio .SP-Field__label::before {
    transition: all .3s;
    background-color: #fff;
    border: 2px solid #999;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem;
}

.SP-Field--radio .SP-Field__label::after {
    transform: scale(.01);
    transition: all .2s;
    background: #fff;
    border-radius: 50%;
    color: #fff;
    content: "";
    display: inline-block;
    font: 1.25rem Arial, sans-serif;
    height: 1rem;
    left: 2px;
    line-height: 1;
    margin: 2px;
    position: absolute;
    speak: none;
    text-align: center;
    top: 2px;
    width: 1rem;
}

.SP-Field--radio--inline {
    display: inline-block;
    margin-right: 2rem;
}

.SP-Field--radio .SP-Field__control: checked + .SP-Field__label::after, .SP-Field--radio .SP-Upload: checked + .SP-Field__label::after {
    transform: scale(1);
    background: #999;
}

.SP-Field--radio .SP-Field__control:focus + .SP-Field__label::before, .SP-Field--radio .SP-Upload:focus + .SP-Field__label::before {
    border-color: #006c72 !important;
}

.SP-Field--radio .SP-Field__control: checked:focus + .SP-Field__label::after, .SP-Field--radio .SP-Upload: checked:focus + .SP-Field__label::after {
    background: #006c72 !important;
}

.SP-Field--radio.valid .SP-Field__control + .SP-Field__label::before, .SP-Field--radio.valid .SP-Upload + .SP-Field__label::before {
    border-color: #0fb52a;
}

.SP-Field--radio.valid .SP-Field__control: checked + .SP-Field__label::after, .SP-Field--radio.valid .SP-Upload: checked + .SP-Field__label::after {
    background: #0fb52a;
}

.SP-Field--radio.invalid .SP-Field__control + .SP-Field__label::before, .SP-Field--radio.invalid .SP-Upload + .SP-Field__label::before {
    border-color: #d20a0a;
}

.SP-Field--radio.invalid .SP-Field__control: checked + .SP-Field__label::after, .SP-Field--radio.invalid .SP-Upload: checked + .SP-Field__label::after {
    background: #d20a0a;
}

.SP-Field--radio .SP-Field__control: disabled + .SP-Field__label::before, .SP-Field--radio .SP-Upload: disabled + .SP-Field__label::before {
    border-style: dotted;
    background: #fff;
}

.SP-Field--radio .SP-Field__control: disabled + .SP-Field__label::after, .SP-Field--radio .SP-Upload: disabled + .SP-Field__label::after {
    background: #999;
    border: 2px solid #fff;
}

.SP-Fieldset--checkbox {
    border: none;
    margin: 0;
    margin-top: 1.25rem;
    padding: 0;
}

.SP-Fieldset--checkbox ul {
    list-style: none;
    margin: 0;
    margin-top: .75rem;
    padding: 0;
}

.SP-Fieldset--checkbox ul ul {
    margin-top: .5rem;
    padding-left: 2.25rem;
}

.SP-Fieldset--checkbox .SP-Field {
    margin-top: 0 !important;
}

.SP-Legend--checkbox {
    color: #666;
    font-size: .8125rem;
    font-weight: 700;
}

.SP-Field--checkbox {
    position: relative;
    padding-top: .1rem;
}

.SP-Field--checkbox:not(.SP-Field--checkbox--inline):not(:first-child) {
    margin-top: 1.25rem;
}

.SP-Field--checkbox .SP-Field__control, .SP-Field--checkbox .SP-Upload {
    position: absolute;
}

.SP-Field--checkbox .SP-Field__label {
    display: block;
    margin-bottom: .5rem;
    padding-left: 2.25rem;
}

.SP-Field--checkbox .SP-Field__label::before {
    transition: all .3s;
    background-color: #fff;
    border: 2px solid #999;
    content: "";
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem;
}

.SP-Field--checkbox .SP-Field__control + .SP-Field__label::after, .SP-Field--checkbox .SP-Upload + .SP-Field__label::after {
    transform: scale(.01);
    transition: all .2s;
    color: #fff;
    content: "✓";
    font: 1.25rem/1 Arial, sans-serif;
    height: 1.25rem;
    left: 0;
    margin: 2px;
    position: absolute;
    speak: none;
    text-align: center;
    top: 0;
    width: 1.25rem;
}

.SP-Field--checkbox .SP-Field__error {
    margin-bottom: .5rem;
}

.SP-Field--checkbox--inline {
    display: inline-block;
    margin-right: 2rem;
}

.SP-Field--checkbox .SP-Field__control: checked + .SP-Field__label::before, .SP-Field--checkbox .SP-Upload: checked + .SP-Field__label::before {
    background: #999;
}

.SP-Field--checkbox .SP-Field__control: checked + .SP-Field__label::after, .SP-Field--checkbox .SP-Upload: checked + .SP-Field__label::after {
    transform: scale(1);
}

.SP-Field--checkbox .SP-Field__control:focus + .SP-Field__label::before, .SP-Field--checkbox .SP-Upload:focus + .SP-Field__label::before {
    border-color: #006c72 !important;
}

.SP-Field--checkbox .SP-Field__control: checked:focus + .SP-Field__label::before, .SP-Field--checkbox .SP-Upload: checked:focus + .SP-Field__label::before {
    background: #006c72 !important;
}

.SP-Field--checkbox.SP-isValid .SP-Field__control + .SP-Field__label::before, .SP-Field--checkbox.SP-isValid .SP-Upload + .SP-Field__label::before {
    border-color: #0fb52a;
}

.SP-Field--checkbox.SP-isValid .SP-Field__control: checked + .SP-Field__label::before, .SP-Field--checkbox.SP-isValid .SP-Upload: checked + .SP-Field__label::before {
    background: #0fb52a;
}

.SP-Field--checkbox.SP-isInvalid .SP-Field__control + .SP-Field__label::before, .SP-Field--checkbox.SP-isInvalid .SP-Upload + .SP-Field__label::before {
    border-color: #d20a0a;
}

.SP-Field--checkbox.SP-isInvalid .SP-Field__control: checked + .SP-Field__label::before, .SP-Field--checkbox.SP-isInvalid .SP-Upload: checked + .SP-Field__label::before {
    background: #d20a0a;
}

.SP-Field--checkbox .SP-Field__control: disabled + .SP-Field__label::before, .SP-Field--checkbox .SP-Upload: disabled + .SP-Field__label::before {
    border-style: dotted;
    background: #fff;
}

.SP-Field--checkbox .SP-Field__control: disabled + .SP-Field__label::after, .SP-Field--checkbox .SP-Upload: disabled + .SP-Field__label::after {
    color: #999;
}

.SP-Field--textarea:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control, .SP-Field--textarea:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload {
    height: 2.5rem;
    overflow: hidden;
    padding-top: .875rem !important;
    padding-bottom: .875rem !important;
    resize: none;
}

textarea: invalid {
    min-height: 48px;
}

.SP-Annotation--mandatoryFields {
    font-size: .75em;
}

.SP-Field--confirmed {
    margin-bottom: .75em;
}

.SP-Field--confirmed:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-Field__label {
    color: #666;
    font-size: .8125rem;
    font-weight: 700;
}

.SP-Field--confirmed .SP-Field__control, .SP-Field--confirmed .SP-Upload {
    color: #444;
}

.SP-Fieldset--confirmed .SP-Legend--checkboxgroup, .SP-Fieldset--confirmed .SP-Legend--radio {
    color: #666;
    font-size: .8125rem;
    font-weight: 700;
}

.SP-Fieldset--checkboxgroup.SP-Fieldset--confirmed ul, .SP-Fieldset--radioGroup.SP-Fieldset--confirmed ul {
    margin-top: 0;
}

.SP-Field--checkbox.SP-Field--confirmed .SP-Field__label, .SP-Field--radio.SP-Field--confirmed .SP-Field__label {
    padding-left: 1.75rem;
}

.SP-Field--checkbox.SP-Field--confirmed .SP-Field__label::before, .SP-Field--radio.SP-Field--confirmed .SP-Field__label::before {
    content: none;
}

.SP-Field--checkbox.SP-Field--confirmed .SP-Field__checked::before, .SP-Field--radio.SP-Field--confirmed .SP-Field__checked::before {
    color: #999;
    content: "✓";
    font: 1.25rem/1 Arial, sans-serif;
    height: 1.25rem;
    left: 0;
    margin: 2px;
    position: absolute;
    speak: none;
    text-align: center;
    top: 0;
    width: 1.25rem;
}

.SP-Field--rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.SP-Field--rating__star {
    fill: #efefef;
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
}

.SP-Field--rating__control {
    clip: rect(1px, 1px, 1px, 1px);
    left: 0;
    position: absolute;
    width: 0;
    margin: 0;
    padding: 0;
}

.SP-Field--rating__control: checked ~ .SP-Field--rating__label .SP-Field--rating__star, .SP-Field--rating__control:focus ~ .SP-Field--rating__label .SP-Field--rating__star, .SP-Field--rating__label:hover .SP-Field--rating__star, .SP-Field--rating__label:hover ~ .SP-Field--rating__label .SP-Field--rating__star {
    fill: #bbb;
}

.SP-Upload {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: relative;
}

.SP-Upload__button {
    cursor: pointer;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: auto;
}

.SP-Upload__uploaded {
    color: #444;
    position: absolute;
    top: .75rem;
}

.SP-Field__control--file {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}

.SP-Errors {
    margin-bottom: 3rem;
}

.SP-Errors__headline {
    margin-bottom: .75rem;
}

.SP-Errors__anchor {
    color: #d20a0a;
}

.SP-Fieldset--azList {
    margin-top: 1.25rem;
}

.SP-Fieldset--azList ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Fieldset--azList ol li {
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

@media (min-width: 1600px) {
    .SP-Fieldset--azList ol li:nth-child(14) {
        clear: left;
    }
}

.SP-Fieldset--azList ol .SP-Button {
    margin-top: 0 !important;
    padding-left: 0;
    padding-right: 0;
    width: 45px;
}

.SP-Suggest__wrapper {
    border-top: 1px solid #666;
    left: 0;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 10001;
}

.debug ~ .SP-Suggest__wrapper {
    display: block;
}

.SP-Suggest {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Suggest li {
    background-color: #fff;
    cursor: pointer;
    display: list-item;
    font-size: 1.125em;
    overflow: hidden;
    padding: .5rem 1rem;
    transition: background-color .15s ease, color .15s ease;
    width: 100%;
}

.SP-Suggest li:nth-child(2n) {
    background-color: #ededed;
}

.SP-Suggest li.active, .SP-Suggest li:hover {
    background-color: #cce2e3;
}

.SP-Suggest li.active a, .SP-Suggest li:hover a {
    color: #444;
}

.SP-Suggest a {
    color: inherit;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.SP-Suggest__amount {
    display: none;
}

.SP-Form--lightbox .SP-Field--checkbox .SP-Field__label::before, .SP-Form--lightbox .SP-Field--radio .SP-Field__label::before, .SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control, .SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload {
    border-color: #fff;
}

.SP-Form--lightbox .SP-Field--checkbox .SP-Field__control: checked + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--checkbox .SP-Field__control: disabled + .SP-Field__label::after, .SP-Form--lightbox .SP-Field--checkbox .SP-Upload: checked + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--checkbox .SP-Upload: disabled + .SP-Field__label::after, .SP-Form--lightbox .SP-Field--radio .SP-Field__control: checked + .SP-Field__label::after, .SP-Form--lightbox .SP-Field--radio .SP-Field__control: disabled + .SP-Field__label::after, .SP-Form--lightbox .SP-Field--radio .SP-Upload: checked + .SP-Field__label::after, .SP-Form--lightbox .SP-Field--radio .SP-Upload: disabled + .SP-Field__label::after {
    background-color: #fff;
}

.SP-Form--lightbox .SP-Annotation, .SP-Form--lightbox .SP-Field--checkbox.SP-Field--confirmed .SP-Field__checked::before, .SP-Form--lightbox .SP-Field--radio.SP-Field--confirmed .SP-Field__checked::before, .SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control, .SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__label, .SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Upload, .SP-Form--lightbox .SP-Field__annotation, .SP-Form--lightbox .SP-Field__annotation a, .SP-Form--lightbox .SP-Field__control, .SP-Form--lightbox .SP-Legend, .SP-Form--lightbox .SP-Upload, .SP-Form--lightbox .SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Field__hint, .SP-Form--lightbox .SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Field__hint a, .SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Form--lightbox .SP-Field__hint, .SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Form--lightbox .SP-Field__hint a {
    color: #fff;
}

.SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Field__control, .SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Upload {
    border-color: #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.SP-Form--lightbox .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio).SP-hasFocus .SP-Field__label {
    color: #fff;
}

.SP-Form--lightbox .SP-Field--checkbox .SP-Field__control:focus + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--checkbox .SP-Upload:focus + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--radio .SP-Field__control:focus + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--radio .SP-Upload:focus + .SP-Field__label::before {
    border-color: #fff !important;
}

.SP-Form--lightbox .SP-Field--checkbox .SP-Field__control: checked:focus + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--checkbox .SP-Upload: checked:focus + .SP-Field__label::before, .SP-Form--lightbox .SP-Field--radio .SP-Field__control: checked:focus + .SP-Field__label::after, .SP-Form--lightbox .SP-Field--radio .SP-Upload: checked:focus + .SP-Field__label::after {
    background: #fff !important;
}

@media (min-width: 63.4375rem) {
    .SP-Stage .SP-Suggest__wrapper {
        border-top: none;
        border-bottom: 1px solid #666;
        bottom: 56px;
        top: auto;
    }
}

.leaflet-popup-content {
    margin: 0 !important;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background-color: rgba(255, 255, 255, .75) !important;
}

.leaflet-popup-close-button {
    display: none;
}

.SP-MapPopup {
    background-color: #fff;
    color: #333;
    font-family: Muli, sans-serif;
    max-width: 320px;
}

.SP-MapPopupLinks {
    font-size: .75em;
    text-align: right;
    padding: .25rem .5rem;
}

.SP-MapPopupLinks__link {
    margin-left: .5rem;
    display: inline-block;
}

.SP-MapPopupTeaser {
    color: inherit;
    text-decoration: none;
}

.SP-MapPopupTeaser__image {
    margin-bottom: 1rem;
}

.SP-MapPopupTeaser__headline, .SP-MapPopupText__headline {
    color: #006c72;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1rem;
    margin-top: 0;
}

.SP-MapPopupTeaser--illustrated .SP-MapPopupTeaser__abstract, .SP-MapPopupTeaser__abstract, .SP-MapPopupTeaser__image, .SP-MapPopupText__paragraph {
    display: none;
}

@media (min-width: 30rem) {
    .SP-MapPopupTeaser__abstract, .SP-MapPopupTeaser__image, .SP-MapPopupText__paragraph {
        display: block;
    }

    .SP-MapPopupTeaser__headline, .SP-MapPopupText__headline {
        font-size: 1.5em;
        line-height: 1.125em;
    }
}

.leaflet-bar {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.leaflet-bar a, .leaflet-bar button {
    border-radius: 0 !important;
    border: none !important;
}

.leaflet-menubar {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    display: flex;
    height: 40px;
    width: 100%;
}

.leaflet-menubar .SPi {
    fill: #444;
    transition: transform .3334s;
}

.leaflet-menubar .SPi:focus, .leaflet-menubar .SPi:hover {
    transform: scale(1.1);
}

.leaflet-menubar > .leaflet-control:first-child {
    flex-grow: 1;
    overflow: hidden;
}

.leaflet-control-html-title {
    font-size: 1.5em;
    line-height: 40px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leaflet-control-button {
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    padding: 6px;
}

.marker-cluster {
    border: 1px solid rgba(150, 150, 150, .7);
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    font-size: 16px;
    color: #fff;
}

.marker-cluster-large {
    background: #a2a400;
}

.marker-cluster-medium {
    background: #bbbe00;
}

.marker-cluster-small {
    background: #d4d700;
}

.SP-Youtube__preview {
    background-color: #000;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
}

.SP-Youtube.SP-isStarted .SP-Youtube__preview {
    display: none;
}

.SP-Youtube__privacyProtection {
    display: none;
}

.SP-Youtube__preview__icon {
    height: 5rem;
    left: 50%;
    margin-top: -2rem;
    margin-left: -2rem;
    position: absolute;
    top: 50%;
    width: 4rem;
}

.SP-Youtube.SP-isNotification .SP-Youtube__preview__icon {
    display: none;
}

.SP-Youtube.SP-isNotification .SP-Youtube__privacyProtection {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 8.5%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .85);
    width: 85%;
    padding: 1rem;
}

@media (min-width: 480px) {
    .SP-Youtube.SP-isNotification .SP-Youtube__privacyProtection {
        line-height: 1.25;
    }
}

.SP-Youtube.SP-isNotification .SP-Youtube__privacyProtection span::after {
    content: " ";
}

.SP-Youtube.SP-isNotification .SP-Youtube__privacyProtection button {
    border: none;
    background: 0 0;
    color: #cc181e;
    cursor: pointer;
    padding: 0;
}

.SP-Youtube__preview__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center; ";
}

.SP-Youtube__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.SP-Graphic {
    object-fit: scale-down;
    object-position: center center;
    font-family: "object-fit: scale-down; object-position: center center; ";
}

.SP-Menu[aria-hidden=true] {
    display: none;
}

a {
    color: #006c72;
}

a:hover {
    color: #004c50;
}

.SP-Paragraph [title]:not([href]) {
    border-bottom: 1px dotted currentColor;
    text-decoration: none;
}

.SP-Paragraph b, .SP-Paragraph strong {
    font-weight: 700;
}

.SP-Paragraph em, .SP-Paragraph i {
    font-style: italic;
}

.SP-Paragraph sub {
    position: relative;
    top: .5ex;
    font-size: smaller;
    vertical-align: baseline;
}

.SP-Paragraph sup {
    position: relative;
    top: -.5ex;
    font-size: smaller;
    vertical-align: baseline;
}

.SP-Paragraph ol, .SP-Paragraph ul {
    overflow: hidden;
}

.SP-Paragraph ol ol, .SP-Paragraph ol ul, .SP-Paragraph ul ol, .SP-Paragraph ul ul {
    margin-top: .5rem;
}

.SP-Paragraph ol li:not(:last-child), .SP-Paragraph ul li:not(:last-child) {
    margin-bottom: .5rem;
}

.SP-Paragraph p: empty {
    display: none;
}

.SP-Paragraph {
    overflow: visible;
}

.SP-Paragraph table {
    margin-bottom: 1rem;
}

.SP-Paragraph table: last-child {
    margin-bottom: 0;
}

.SP-Paragraph table, .SP-Paragraph td, .SP-Paragraph th {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.SP-Paragraph td, .SP-Paragraph th {
    padding: .5em 1em;
}

.SP-Paragraph th {
    text-align: left;
}

.SP-Paragraph .SP-Table__wrap {
    overflow: hidden;
    position: relative;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller__icon {
    display: none;
}

.SP-Paragraph .SP-Table__wrap.SP-isScrollable .SP-Table__scroller__icon {
    opacity: .5;
    background-color: #eed9c4;
    fill: #333;
    height: 20px;
    left: calc(100% - 20px);
    position: absolute;
    top: 0;
    width: 20px;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller {
    margin-bottom: 1rem;
    overflow-x: auto;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller table {
    margin-bottom: 0;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller table .SP-Link {
    display: inline-block;
}

.SP-Paragraph .SP-Table--cloned {
    display: none;
}

@media screen {
    .SP-Paragraph .SP-Table--responsive.SP-Table--cloned {
        display: block;
    }

    .SP-Paragraph .SP-Table--responsive.SP-Table--orig {
        display: none;
    }
}

@media screen {
    .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows caption, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tbody, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tfoot, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tr, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows caption, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tbody, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tfoot, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tr {
        display: block;
    }

    .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows thead, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows thead {
        display: none;
    }

    .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td, .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th {
        border: none;
    }

    .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tr, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tr {
        border-collapse: collapse;
    }

    .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows [data-label]::before, .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows [data-label]::before {
        content: attr(data-label) ": ";
        display: inline-block;
        margin-right: .5rem;
    }
}

.SP-Table--full {
    min-width: 100%;
}

.SP-Table--fullWidth {
    width: 100%;
}

.SP-Table__icons {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
}

.SP-Table__icons__scroll, .SP-Table__icons__zoom {
    background-color: #004c50;
    display: none;
    fill: #fff;
    height: 30px;
    margin-left: .5rem;
    padding: 6px;
    width: 30px;
}

.SP-Table__icons__scroll.SP-isVisible, .SP-Table__icons__zoom.SP-isVisible {
    display: block;
}

.SP-Table__icons__scroll {
    background-color: #fff;
    fill: #4d989c;
    margin-top: 1px;
    margin-right: 1px;
}

.mfp-content .SP-Table__zoom {
    background: #fff;
    overflow-y: auto;
    padding: 2rem 1rem;
}

.SP-Paragraph caption {
    border-width: 1px 1px 0 1px;
    border-color: #006c72;
    border-style: solid;
    color: #555;
    font: 700 1.25em/1.25 Muli, sans-serif;
    padding: .5rem 1rem;
    text-align: left;
}

.SP-Paragraph tr {
    background-color: #fff;
    border-color: #999;
    color: #444;
}

.SP-Paragraph tr:nth-child(2n) {
    background-color: #ededed;
}

.SP-Paragraph tr:hover {
    background-color: rgba(212, 215, 0, .2);
}

.SP-Paragraph [data-label]::before, .SP-Paragraph th {
    font-weight: 700;
}

@media print {
    .SP-Paragraph .SP-Table__wrap .SP-Table__scroller table {
        margin-bottom: 1rem;
    }

    .SP-Table--fullWidth, .SP-Table--fullWidth caption, .SP-Table--fullWidth tbody, .SP-Table--fullWidth td, .SP-Table--fullWidth tfoot, .SP-Table--fullWidth th, .SP-Table--fullWidth tr, .SP-Table--orig, .SP-Table--orig caption, .SP-Table--orig tbody, .SP-Table--orig td, .SP-Table--orig tfoot, .SP-Table--orig th, .SP-Table--orig tr, .SP-Table--responsive, .SP-Table--responsive caption, .SP-Table--responsive tbody, .SP-Table--responsive td, .SP-Table--responsive tfoot, .SP-Table--responsive th, .SP-Table--responsive tr, .SP-Table--responsive--rows, .SP-Table--responsive--rows caption, .SP-Table--responsive--rows tbody, .SP-Table--responsive--rows td, .SP-Table--responsive--rows tfoot, .SP-Table--responsive--rows th, .SP-Table--responsive--rows tr {
        display: block !important;
    }

    .SP-Table--fullWidth thead, .SP-Table--orig thead, .SP-Table--responsive thead, .SP-Table--responsive--rows thead {
        display: none !important;
    }

    .SP-Table--fullWidth, .SP-Table--fullWidth td, .SP-Table--fullWidth th, .SP-Table--orig, .SP-Table--orig td, .SP-Table--orig th, .SP-Table--responsive, .SP-Table--responsive td, .SP-Table--responsive th, .SP-Table--responsive--rows, .SP-Table--responsive--rows td, .SP-Table--responsive--rows th {
        border-collapse: collapse;
    }

    .SP-Table--fullWidth th, .SP-Table--orig th, .SP-Table--responsive th, .SP-Table--responsive--rows th {
        text-align: left;
        border-style: solid !important;
        border-width: 0 0 1px 0 !important;
        border-color: #006c72 !important;
    }

    .SP-Table--fullWidth tr:not(:first-child) th, .SP-Table--orig tr:not(:first-child) th, .SP-Table--responsive tr:not(:first-child) th, .SP-Table--responsive--rows tr:not(:first-child) th {
        border-width: 1px 0 1px 0 !important;
    }

    .SP-Table--fullWidth tr, .SP-Table--orig tr, .SP-Table--responsive tr, .SP-Table--responsive--rows tr {
        background-color: #fff;
        border-color: #999 !important;
        border-collapse: collapse !important;
        color: #444 !important;
    }

    .SP-Table--fullWidth tr:nth-child(2n), .SP-Table--orig tr:nth-child(2n), .SP-Table--responsive tr:nth-child(2n), .SP-Table--responsive--rows tr:nth-child(2n) {
        background-color: #ededed;
    }

    .SP-Table--fullWidth caption, .SP-Table--orig caption, .SP-Table--responsive caption, .SP-Table--responsive--rows caption {
        color: #333;
        font: 1.5rem/1.25 Muli, sans-serif;
        text-transform: uppercase;
    }

    .SP-Table--fullWidth [data-label]::before, .SP-Table--orig [data-label]::before, .SP-Table--responsive [data-label]::before, .SP-Table--responsive--rows [data-label]::before {
        content: attr(data-label) ": " !important;
        display: inline-block !important;
        margin-right: .5rem !important;
    }
}

.no-hiddenscroll .SP-Paragraph .SP-Table__wrap .SP-Table__icons__scroll {
    display: none;
}

.SP-Paragraph table {
    border: 1px solid #006c72;
}

.SP-Paragraph tr:hover {
    background-color: #fff;
}

.SP-Paragraph tr:nth-child(2n):hover {
    background-color: #ededed;
}

.SP-Paragraph td, .SP-Paragraph th {
    border: none;
}

.SP-Paragraph thead th {
    background-color: #006c72;
    color: #fff;
}

.SP-Link {
    display: block;
    text-decoration: none;
}

.SP-Link.SP-isActive {
    font-weight: 700;
}

.SP-Link__icon {
    top: 4px;
    fill: currentColor;
}

.SP-Link__text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    width: calc(100% - 80px);
}

@media print {
    .SP-Link[href]:not([href^="mailto: "]):not([href^="tel: "])::after {
        content: "(" attr(href) ")";
        display: block;
    }
}

.SP-Link--download__fileInfo::before {
    content: "\00a0(";
}

.SP-Link--download__fileInfo::after {
    content: ")";
}

.SP-Link--download__fileType + .SP-Link--download__fileSize::before {
    content: "\00a0|\00a0";
}

.SP-Link--download__fileSize {
    white-space: nowrap;
}

.SP-Link--email, .SP-encrypted-email, [data-sp-email] {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.SP-Link--email i, .SP-encrypted-email i, [data-sp-email] i {
    font-style: normal;
}

.SP-Link--email i:before, .SP-encrypted-email i:before, [data-sp-email] i:before {
    content: "@";
}

.SP-Link--email i:after, .SP-encrypted-email i:after, [data-sp-email] i:after {
    content: ".";
}

@media (max-width: 39.9375rem) {
    .SP-Link--email, .SP-encrypted-email, [data-sp-email] {
        word-break: break-all;
    }
}

.SP-Link {
    color: #006c72;
    cursor: pointer;
    border-bottom: none;
}

.SP-Link__text {
    color: #555;
}

.SP-Link--citygov__withinTable .SP-Link__text {
    color: #006c72;
}

.SP-Link__icon {
    transition: transform .15s ease;
}

.SP-Link:hover {
    text-decoration: underline;
}

.SP-Link:hover .SP-Link__icon {
    transform: scale(1.25);
}

.SP-Link-Citygov__prefix::after {
    content: "\00a0";
}

.SP-Link__description {
    background: #e3e2e1;
    color: #444;
    padding: .25em .5em;
    margin: .25em 0 0 0;
}

.SP-SkipToContent {
    background-color: #fff;
    border-bottom: 2px solid #000;
    color: #000;
    display: block;
    left: 2px;
    padding: .5em 2em;
    position: absolute;
    top: 2px;
    width: auto;
    z-index: 10000;
}

@media print {
    .SP-SkipToContent {
        display: none;
    }
}

.SP-SkipToContent:focus {
    clip: auto;
}

.SP-SplitButton {
    position: relative;
    text-align: right;
}

.SP-SplitButton__button {
    text-align: left;
}

.SP-SplitButton__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
    position: absolute;
    text-align: left;
    z-index: 2;
}

.SP-SplitButton__menu {
    background-color: #ededed;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    padding: .75rem;
    top: calc(15px + 1.7em);
}

.SP-SplitButton__menu--left {
    left: 0;
}

.SP-SplitButton__menu--right {
    right: 0;
}

.SP-Text {
    padding: 0 10px;
}

.SP-Text--footer {
    color: #fff;
    margin-bottom: 0 !important;
}

.SP-Text--footer .SP-Paragraph {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.SP-Text--footer .SP-Paragraph a {
    color: inherit;
}

@media (min-width: 80rem) {
    .SP-Text--footer .SP-Paragraph {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.SP-Text--emergency {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.SP-Text--emergency a {
    color: inherit;
}

.SP-Text--emergency .SP-Paragraph {
    font-size: .88889em;
    line-height: 1.75;
}

.SP-LinkList--inline, .SP-LinkList__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-LinkList {
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
}

.SP-LinkList.SP-Collapsible {
    overflow: hidden;
}

section.SP-Section:not(:last-child) .SP-LinkList {
    margin-bottom: 2rem;
}

.SP-LinkList__item:not(:last-child) {
    margin-bottom: .625rem;
}

.SP-LinkList--inline .SP-LinkList__item {
    display: inline-block;
}

.SP-LinkList--inline .SP-LinkList__item:not(:last-child) {
    margin-right: .5rem;
}

.SP-LinkList--inline .SP-LinkList__item:not(:last-child)::after {
    content: "|";
    margin-left: .5rem;
}

.SP-LinkList--inline a {
    font-size: .75em;
}

.SP-LinkList--inline--footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.SP-LinkList--inline--footer a {
    color: #fff;
    text-decoration: none;
}

.SP-LinkList--inline--footer a:hover {
    text-decoration: underline;
}

.SP-LinkList--inline--footer .SP-LinkList__item:not(:last-child)::after {
    color: #fff;
}

.SP-LinkList--box {
    background-color: #ededed;
    margin-left: 10px;
    margin-right: 10px;
    padding: .75rem 1.25rem 1.5rem 1.25rem;
    clear: both;
}

@media (min-width: 40rem) {
    .SP-LinkList--box:not(.SP-hasTooFewEntries) .SP-LinkList__list {
        columns: 2;
        column-gap: 1rem;
    }

    .SP-LinkList--box .SP-LinkList__item: only-child {
        column-span: all;
    }

    .SP-LinkList--box .SP-LinkList__item {
        display: inline-block;
        width: 100%;
    }
}

.SP-LinkList--footer {
    margin-bottom: 0 !important;
}

.SP-LinkList--footer .SP-Link, .SP-LinkList--footer .SP-Link__text {
    color: #fff;
}

.SP-LinkList--footer .SP-LinkList__list {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 80rem) {
    .SP-LinkList--footer .SP-LinkList__list {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.SP-LinkList--inline--stage {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    height: 55px;
    margin-bottom: 0 !important;
    justify-content: center;
}

.SP-LinkList--inline--stage .SP-LinkList__item {
    margin-bottom: 0 !important;
}

.SP-LinkList--inline--stage a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.SP-LinkList--inline--stage a:hover {
    text-decoration: underline;
}

.SP-LinkList--inline--stage .SP-LinkList__item {
    color: #fff;
    white-space: nowrap;
}

.SP-LinkList--inline--stage .SP-LinkList__item: last-child::after {
    content: "|";
    margin-left: .5rem;
}

.SP-LinkList--inline--stage .SP-LinkList__item:first-child::before {
    content: "|";
    margin-right: .5rem;
}

.SP-LinkList--inline--stage .SP-LinkList__item:not(:last-child)::after {
    color: #fff;
}

@media (min-width: 40rem) {
    .SP-LinkList--inline--stage {
        justify-content: space-between;
    }

    .SP-LinkList--inline--stage .SP-LinkList__item::after {
        content: "|";
        margin-left: .5rem;
    }

    .SP-LinkList--inline--stage .SP-LinkList__item::before {
        content: "|";
        margin-right: .5rem;
    }

    .SP-LinkList--inline--stage .SP-LinkList__item a {
        font-size: 1em;
    }
}

.SP-LinkList--tree .SP-LinkList__list:not(.SP-isRoot) {
    margin-left: 1.5rem;
}

.SP-LinkList--tree .SP-LinkList__list:not(.SP-isRoot):first-child {
    margin-left: 0;
}

.SP-LinkList--tree .SP-LinkList__list:not(.SP-isRoot) .SP-LinkList__item:first-child {
    margin-top: .5rem;
}

.SP-LinkList--tree .SP-LinkList__item.SP-isActive > .SP-Link {
    font-weight: 700;
}

.SP-Links--emergency {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.SP-Links--emergency .SP-Link, .SP-Links--emergency .SP-Link__text {
    color: #fff;
    fill: #fff;
}

.SP-Asset {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.SP-Asset__icons {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: -1px;
    right: -1px;
    pointer-events: none;
    z-index: 2;
}

.SP-Asset__icon {
    margin-left: 5px;
    padding: 8px;
    width: 40px;
    height: 40px;
}

.SP-Asset__caption {
    display: block;
    position: relative;
}

.SP-Asset__caption__text {
    display: block;
}

.SP-Asset__copyright {
    right: 0;
    position: absolute;
    width: 45px;
    top: -45px;
    height: 45px;
}

.SP-Asset__copyright .SPi {
    width: 30px;
    height: 30px;
    margin: 10px 5px 5px 10px;
    padding: 2px;
    background: rgba(0, 0, 0, .7);
    fill: #fff;
}

@media print {
    .SP-Asset__copyright {
        display: none;
    }
}

.SP-Asset__copyright--video {
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
}

.SP-Asset__copyright--video .SPi {
    margin: 10px 5px 10px 10px;
}

.SP-Asset {
    padding-top: .525em;
    position: relative;
}

.SP-Asset .SP-FixedSize__raiser {
    background: #ededed;
}

.SP-Asset:not(:last-child) {
    margin-bottom: 1.25rem;
}

.SP-Asset__icons {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
}

@media print {
    .SP-Asset__icons {
        display: none;
    }
}

.SP-Asset__icon {
    background-color: rgba(0, 0, 0, .8);
    fill: #fff;
    margin-left: 5px;
    padding: 8px;
    width: 30px;
    height: 30px;
}

.SP-Asset__caption {
    background-color: #ededed;
    display: block;
    position: relative;
}

.SP-Asset__caption__text {
    font-size: .75em;
    line-height: 1.25;
    display: block;
    padding: 1.25em 1em;
}

.SP-Asset__caption--youtube {
    min-height: 52px;
}

.SP-Asset__caption--youtube .SP-Asset__caption__copyright {
    bottom: 11px;
    left: 0;
}

.SP-Asset__caption--youtube .SP-Asset__caption__text {
    padding-right: 50px;
}

.SP-Asset--left {
    clear: left;
}

@media (min-width: 320px) {
    .SP-Asset--left.SP-Asset--small {
        margin-right: 10px;
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 480px) {
    .SP-Asset--left.SP-Asset--small {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 640px) {
    .SP-Asset--left.SP-Asset--small {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1015px) {
    .SP-Asset--left.SP-Asset--small {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1280px) {
    .SP-Asset--left.SP-Asset--small {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 320px) {
    .SP-Asset--left.SP-Asset--medium {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 480px) {
    .SP-Asset--left.SP-Asset--medium {
        margin-right: 10px;
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 640px) {
    .SP-Asset--left.SP-Asset--medium {
        width: 66.6666666667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -16.6666666667%;
    }
}

@media (min-width: 1015px) {
    .SP-Asset--left.SP-Asset--medium {
        width: 62.5%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -12.5%;
    }
}

@media (min-width: 1280px) {
    .SP-Asset--left.SP-Asset--medium {
        width: 60%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10%;
    }
}

.SP-Asset--right {
    clear: right;
}

@media (min-width: 320px) {
    .SP-Asset--right.SP-Asset--small {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 10px;
    }
}

@media (min-width: 480px) {
    .SP-Asset--right.SP-Asset--small {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 640px) {
    .SP-Asset--right.SP-Asset--small {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 1015px) {
    .SP-Asset--right.SP-Asset--small {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 1280px) {
    .SP-Asset--right.SP-Asset--small {
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 320px) {
    .SP-Asset--right.SP-Asset--medium {
        width: 100%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 480px) {
    .SP-Asset--right.SP-Asset--medium {
        margin-left: 10px;
        width: 50%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 640px) {
    .SP-Asset--right.SP-Asset--medium {
        width: 66.6666666667%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -16.6666666667%;
    }
}

@media (min-width: 1015px) {
    .SP-Asset--right.SP-Asset--medium {
        width: 62.5%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -12.5%;
    }
}

@media (min-width: 1280px) {
    .SP-Asset--right.SP-Asset--medium {
        width: 60%;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -10%;
    }
}

@media print {
    .SP-Asset--medium, .SP-Asset--small {
        max-width: 50%;
    }

    .SP-Asset--medium.SP-Asset--left, .SP-Asset--small.SP-Asset--left {
        margin-left: 0;
    }

    .SP-Asset--medium.SP-Asset--right, .SP-Asset--small.SP-Asset--right {
        margin-right: 0;
    }
}

@media (min-width: 320px) {
    .SP-Asset--oversized {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px);
    }
}

@media (min-width: 480px) {
    .SP-Asset--oversized {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px);
    }
}

@media (min-width: 640px) {
    .SP-Asset--oversized {
        margin-left: 0;
        margin-right: 0;
        margin-left: -16.6666666667%;
        width: 133.333333333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1015px) {
    .SP-Asset--oversized {
        margin-left: -12.5%;
        width: 125%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1280px) {
    .SP-Asset--oversized {
        margin-left: -20%;
        width: 140%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media print {
    .SP-Asset--oversized {
        clear: both;
        float: none;
        width: 100%;
        margin: 0;
    }
}

@media (min-width: 30rem) {
    .SP-Asset--pair__short, .SP-Asset--pair__tall {
        clear: none;
    }

    .SP-Asset--right.SP-Asset--pair__short, .SP-Asset--right.SP-Asset--pair__tall {
        margin-left: 0;
    }

    .SP-Asset--left.SP-Asset--pair__short, .SP-Asset--left.SP-Asset--pair__tall {
        margin-right: 0;
    }

    .SP-Asset--right.SP-Asset--pair__short {
        padding-left: 0;
    }

    .SP-Asset--left.SP-Asset--pair__short {
        padding-right: 0;
    }

    .SP-Asset--right.SP-Asset--pair__tall {
        padding-left: 20px;
        margin-left: -.1px;
    }

    .SP-Asset--left.SP-Asset--pair__tall {
        padding-right: 20px;
        margin-right: -.1px;
    }
}

.SP-AnchorList {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem !important;
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Anchor {
    display: block;
    text-decoration: none;
}

.SP-AnchorList__item {
    border-bottom: 1px solid #006c72;
}

.SP-AnchorList__item:first-child {
    border-top: 1px solid #006c72;
}

.SP-Anchor {
    color: #555;
    font-weight: 700;
    padding: .9375em 2em .9375em 0;
}

.SP-Anchor:hover {
    color: #555;
}

.SP-Anchor__icon {
    top: 4px;
    fill: #006c72;
    margin-top: 1.0625em;
    transition: transform .15s ease;
}

.SP-Anchor:hover .SP-Anchor__icon {
    fill: #004c50;
    transform: scale(1.25);
}

@media print {
    .SP-Collapsible__trigger__icon {
        display: none;
    }

    .SP-AnchorList {
        display: none;
    }
}

.SP-Separator {
    clear: both;
    border: none;
    height: 0;
    margin: 0;
    padding: 0;
}

.SP-Separator--visible {
    border-bottom: 1px solid #006c72;
    margin-left: 10px;
    margin-right: 10px;
}

.SP-JumboButton {
    align-items: center;
    background-color: #006c72;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%);
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    color: #fff;
    display: flex;
    fill: currentColor;
    margin-bottom: 2rem;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 150px;
    overflow: hidden;
    padding: 1.5rem 130px 1.5rem 1.5rem;
    position: relative;
    text-decoration: none;
    clear: both;
}

.SP-JumboButton:hover {
    color: #fff;
}

.SP-JumboButton__icon {
    height: 100px;
    margin-top: -50px;
    position: absolute;
    right: 25px;
    top: 50%;
    width: 100px;
    transition: transform .15s ease;
}

.SP-JumboButton:hover .SP-JumboButton__icon {
    transform: scale(1.25);
}

.SP-JumboButton__headline {
    font: 400 1.5em/1.125em Muli, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.SP-JumboButton__abstract {
    font-family: Muli, sans-serif;
    font-weight: 300;
}

.SP-JumboButton__headline + .SP-JumboButton__abstract {
    margin-top: 1em;
}

.SP-JumboButton__abstract + .SP-JumboButton--download__fileInfo, .SP-JumboButton__headline ~ .SP-JumboButton--download__fileInfo {
    margin-top: 1em;
}

.SP-JumboButton--download__fileType + .SP-JumboButton--download__fileSize::before {
    content: " | ";
}

@media (min-width: 40rem) {
    .SP-JumboButton__headline {
        font-size: 1.6875em;
    }

    .SP-JumboButton__abstract {
        font-size: 1.125em;
    }
}

@media print {
    .SP-JumboButton {
        background-color: #fff;
        background-image: none;
        border: 2px solid #006c72;
        color: #006c72;
        fill: currentColor;
    }
}

.SP-Quote {
    color: #006c72;
    font-size: 2em;
    line-height: 1.25;
    margin-bottom: 2rem;
}

@media (min-width: 40rem) {
    .SP-Quote {
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Quote {
        margin-bottom: 1rem;
    }
}

.SP-Teaser {
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.SP-Teaser__inner {
    display: flex;
    align-items: center;
}

.SP-Teaser__image {
    align-self: flex-start;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    max-width: 40%;
    width: 180px;
}

@media (min-width: 40rem) {
    .SP-Teaser__image {
        width: 250px;
    }
}

.SP-Teaser__headline {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.SP-Teaser--illustrated .SP-Teaser__abstract {
    display: none;
}

@media (min-width: 40rem) {
    .SP-Teaser--illustrated .SP-Teaser__abstract {
        display: block;
    }
}

.SP-TeaserList:not(:last-child) {
    margin-bottom: 4rem;
}

.SP-TeaserList::after {
    clear: both;
    content: "";
    display: table;
}

.SP-TeaserList__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-TeaserList__item:not(:last-child) {
    margin-bottom: 2rem;
}

.SP-Teaser__inner {
    align-items: flex-start;
    background-color: #ededed;
}

.SP-Teaser__text {
    margin-left: .75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
}

.SP-Teaser__abstract {
    color: #444;
    margin-top: .83334em;
}

.SP-Teaser__kicker {
    color: #444;
    font-size: .75em;
    line-height: 1.125em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.SP-Kicker__category + .SP-Kicker__date::before {
    content: " | ";
}

.SP-Teaser__headline {
    color: #006c72;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.125em;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: .125em;
}

.SP-Teaser__image .SP-FixedSize__content {
    transition: transform .2s;
}

.SP-Teaser__headline {
    transition: color .2s;
}

.SP-Teaser:focus .SP-Teaser__image .SP-FixedSize__content, .SP-Teaser:hover .SP-Teaser__image .SP-FixedSize__content {
    transform: scale(1.1);
}

.SP-Teaser:focus .SP-Teaser__headline, .SP-Teaser:hover .SP-Teaser__headline {
    color: #004c50;
    text-decoration: underline;
}

@media (min-width: 40rem) {
    .SP-Teaser__text {
        max-width: calc(100% - 2.5rem);
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        overflow: hidden;
    }
}

@media print {
    .SP-TeaserList a[href^=http]:not([href*="www1.wuppertal.de"]):after {
        content: "URL: " attr(href) "";
        margin: .5em 0;
        display: block;
    }

    .SP-TeaserList a[href]:after {
        content: "URL: http: //www1.wuppertal.de" attr(href) "";
        margin: .5em 0;
        display: block;
    }

    a.SP-Teaser--illustrated[href]::after {
        margin: .5em 0 .5em calc(180px + 1.25rem);
        width: calc(100% - 180px);
    }

    a.SP-Teaser--textual[href]::after {
        margin: .5em 0;
        width: 100%;
    }

    .SP-TeaserList__item {
        page-break-inside: avoid;
    }

    .SP-TeaserList__item .SP-Teaser__inner {
        background-color: transparent;
    }
}

.SP-TeaserList {
    padding: 0 10px;
}

.SP-TeaserList__item:not(:last-child) {
    margin-bottom: 1.5rem;
}

.SP-TeaserList__item:first-child {
    margin-top: .5rem;
}

@media (min-width: 40rem) {
    .SP-TeaserList__item:not(:last-child) {
        margin-bottom: 2rem;
    }

    .SP-TeaserList__item:first-child {
        margin-top: 1rem;
    }
}

@media print {
    .SP-TeaserList__item {
        border-bottom: 2px solid #f4f4f4;
        padding-bottom: 1.5rem;
        min-height: 228px !important;
    }

    .SP-TeaserList__item:first-child {
        border-top: 2px solid #f4f4f4;
        padding-top: 1.5rem;
    }
}

.SP-TeaserSlider__list {
    padding: 0 25px;
    position: relative;
}

.SP-TeaserSlider__list .slick-arrow {
    background: #fff;
    border: none;
    border-top: 62px solid transparent;
    border-bottom: 62px solid transparent;
    cursor: pointer;
    height: 0;
    margin-top: -65px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 0;
}

.SP-TeaserSlider__list .slick-prev {
    border-right: 15px solid #ededed;
    left: 0;
}

.SP-TeaserSlider__list .slick-next {
    border-left: 15px solid #ededed;
    right: 0;
}

.SP-TeaserSlider__item {
    opacity: 1 !important;
}

@media print {
    .SP-SliderTeaser__inner {
        background-color: transparent;
    }

    .SP-SliderTeaser__text {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media print {
    .SP-TeaserSlider__item {
        border-bottom: 2px solid #f4f4f4;
        padding-bottom: 2rem;
    }

    .SP-TeaserSlider__item:first-child {
        border-top: 2px solid #f4f4f4;
        padding-top: 2rem;
    }
}

.SP-Card {
    padding: 10px;
    position: relative;
    overflow: hidden;
    transition: opacity .3s ease-in, transform .3s ease;
    will-change: transform;
}

.SP-Card:not(:only-of-type) {
    opacity: 0;
}

.SP-Card::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    pointer-events: none;
}

[data-sp-cards-bootstrapped] .SP-Card {
    opacity: 1;
}

.SP-CardTeaser__image {
    z-index: 1;
}

.SP-CardTeaser__image::before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .43) 65%, rgba(0, 0, 0, .43) 100%);
    content: "";
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 2;
}

.SP-CardTeaser__image::after {
    background: rgba(0, 97, 103, .85);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .15s ease;
    top: 0;
    width: 100%;
    will-change: opacity;
}

.SP-CardTeaser__image img {
    object-fit: cover;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center; ";
    height: 100%;
    position: absolute;
    width: 100%;
}

.SP-CardTeaser__text {
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .3s ease;
    width: 100%;
    z-index: 3;
}

.SP-CardTeaser__headline {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4);
    padding: 0 .6rem .6rem .6rem;
    position: absolute;
    transition: opacity .2s ease;
}

.SP-CardTeaser__abstract {
    color: #fff;
    bottom: 0;
    padding: .6rem .6rem 0 .6rem;
    position: absolute;
    height: 50%;
}

.SP-CardTeaser--illustrated .SP-CardTeaser__headline {
    bottom: 50%;
}

.SP-CardTeaser--illustrated .SP-CardTeaser__text {
    bottom: 0;
}

.SP-CardTeaser--textual {
    background-color: #006c72;
    transition: background-color .15s ease;
}

.SP-CardTeaser--textual .SP-CardTeaser__headline {
    font-size: 1.5em;
    top: 25%;
    transform: translateY(-50%);
}

@media (min-width: 20rem) {
    .SP-CardTeaser--textual .SP-CardTeaser__headline {
        font-size: calc(1.5em + .75 * (100vw - 20rem) / 19.9375);
    }
}

@media (min-width: 40rem) {
    .SP-CardTeaser--textual .SP-CardTeaser__headline {
        font-size: calc(1.5em + .75 * (100vw - 40rem) / 23.375);
    }
}

@media (min-width: 63.4375rem) {
    .SP-CardTeaser--textual .SP-CardTeaser__headline {
        font-size: calc(1.5em + .75 * (100vw - 63.4375rem) / 16.5);
    }
}

@media (min-width: 80rem) {
    .SP-CardTeaser--textual .SP-CardTeaser__headline {
        font-size: calc(1.5em + .75 * (100vw - 80rem) / 19.9375);
    }
}

@media (min-width: 100rem) {
    .SP-CardTeaser--textual .SP-CardTeaser__headline {
        font-size: 1.5em;
    }
}

html:not(.touchevents) .SP-CardTeaser.SP-hasAbstract:hover .SP-CardTeaser__text {
    transform: translateY(-50%);
}

html:not(.touchevents) .SP-CardTeaser.SP-hasAbstract:hover .SP-CardTeaser__headline {
    opacity: 0;
}

html:not(.touchevents) .SP-CardTeaser--textual:hover {
    background-color: #006167;
}

html:not(.touchevents) .SP-CardTeaser--illustrated:hover .SP-CardTeaser__image::after {
    opacity: 1;
}

.SP-Cards__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.SP-Cards__wrapper--article {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 320px) {
    .SP-Cards__wrapper--article {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px);
    }
}

@media (min-width: 480px) {
    .SP-Cards__wrapper--article {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px);
    }
}

@media (min-width: 640px) {
    .SP-Cards__wrapper--article {
        margin-left: 0;
        margin-right: 0;
        margin-left: -16.6666666667%;
        width: 133.333333333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1015px) {
    .SP-Cards__wrapper--article {
        margin-left: -12.5%;
        width: 125%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1280px) {
    .SP-Cards__wrapper--article {
        margin-left: -20%;
        width: 140%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media print {
    .SP-Cards__wrapper--article {
        width: 100%;
        margin: 0;
    }
}

.SP-Cards__wrapper--article .SP-Cards {
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 63.4375rem) {
    .SP-Cards__wrapper {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 100rem) {
    .SP-Cards__wrapper--homepage {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.SP-Cards {
    position: relative;
}

@media print {
    .SP-Cards__wrapper {
        overflow: visible;
    }

    .SP-Cards {
        height: auto !important;
    }

    .SP-Card {
        border-bottom: 1px solid #006c72;
        padding-bottom: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        position: relative !important;
        transform: none !important;
        height: auto !important;
        min-height: 230px !important;
        width: 100% !important;
    }

    .SP-Card .SP-FixedSize__raiser {
        padding-top: 0 !important;
        height: auto;
        overflow: visible;
        position: relative;
        text-decoration: none;
    }

    .SP-Card::after {
        box-shadow: none;
    }

    .SP-Card:first-child {
        border-top: 1px solid #006c72;
        padding-top: 1.5rem;
    }

    .SP-Card: last-child {
        border-bottom: none;
    }

    .SP-Card a[href^=http]:not([href*="www1.wuppertal.de"])::after {
        content: "URL: " attr(href) "";
        display: block;
    }

    .SP-Card a[href]::after {
        content: "URL: http: //www1.wuppertal.de" attr(href) "";
        display: block;
    }

    .SP-Gallery .SP-Cards {
        height: auto !important;
    }

    .SP-Gallery .SP-Card {
        border: none;
        float: left !important;
        padding: 10px;
        margin: 0;
        position: relative !important;
        transform: none !important;
        height: auto !important;
        width: calc(100% / 3) !important;
    }

    .SP-Gallery .SP-Card .SP-FixedSize__raiser {
        display: block;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-top: 100% !important;
    }

    .SP-CardTeaser__headline {
        color: #000;
        font-size: 1.5em;
        margin: 0;
        text-shadow: none;
    }

    .SP-CardTeaser--textual .SP-CardTeaser__headline {
        font-size: 1.5em;
    }

    .SP-CardTeaser .SP-CardTeaser__image, .SP-CardTeaser .SP-Teaser__image, .SP-Teaser__inner .SP-CardTeaser__image, .SP-Teaser__inner .SP-Teaser__image {
        height: 180px !important;
        position: absolute;
        width: 180px !important;
    }

    .SP-CardTeaser .SP-CardTeaser__image img, .SP-CardTeaser .SP-Teaser__image img, .SP-Teaser__inner .SP-CardTeaser__image img, .SP-Teaser__inner .SP-Teaser__image img {
        height: 180px !important;
        width: 180px !important;
    }

    .SP-CardTeaser .SP-CardTeaser__text, .SP-CardTeaser .SP-Teaser__text, .SP-Teaser__inner .SP-CardTeaser__text, .SP-Teaser__inner .SP-Teaser__text {
        background-image: none !important;
        padding-top: 0;
        padding-left: 0;
        position: relative;
        margin-left: calc(180px + 1.25rem);
        margin-right: 1.25rem;
        margin-top: 0;
        margin-bottom: 1rem;
        width: calc(100% - 180px);
    }

    .SP-CardTeaser .SP-CardTeaser__abstract, .SP-CardTeaser .SP-Teaser__abstract, .SP-Teaser__inner .SP-CardTeaser__abstract, .SP-Teaser__inner .SP-Teaser__abstract {
        color: #000;
        max-height: 100%;
        opacity: 1;
        transition: none;
        overflow: visible;
    }

    .SP-CardTeaser--textual, .SP-Teaser--textual {
        background: 0 0 !important;
    }

    .SP-CardTeaser--textual .SP-CardTeaser__text, .SP-CardTeaser--textual .SP-Teaser__text, .SP-Teaser--textual .SP-CardTeaser__text, .SP-Teaser--textual .SP-Teaser__text {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }

    a.SP-CardTeaser--illustrated[href]::after {
        margin: .5em 0 .5em calc(180px + 1.25rem);
        width: calc(100% - 180px);
    }

    a.SP-CardTeaser--textual[href]::after {
        margin: .5em 0;
        width: 100%;
    }
}

.leaflet-popup-content, .leaflet-popup-content p {
    margin: 0 !important;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background-color: rgba(255, 255, 255, .7) !important;
}

.leaflet-popup-close-button {
    display: none;
}

.leaflet-bar {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.leaflet-bar a, .leaflet-bar button {
    border-radius: 0 !important;
    border: none !important;
}

.leaflet-bottom, .leaflet-top {
    z-index: 1000 !important;
}

.leaflet-touch .leaflet-bar {
    border: none !important;
}

.leaflet-top .leaflet-control {
    margin-top: 0 !important;
}

.leaflet-control-attribution a {
    color: #000 !important;
}

.leaflet-popup-content-wrapper {
    border-radius: 0 !important;
}

.leaflet-container {
    font: 1em/1em Muli, sans-serif !important;
}

.leaflet-menubar {
    display: flex;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    height: 40px;
    max-width: 1250px;
    left: 50%;
}

.leaflet-menubar > .leaflet-control:first-child {
    flex-grow: 1;
    overflow: hidden;
}

.leaflet-control-html-title {
    font-size: 20px;
    line-height: 1.5;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.leaflet-control-button, .leaflet-control-dropdown-trigger {
    width: 40px;
    height: 40px;
    background: 0 0;
    cursor: pointer;
    padding: 6px;
}

.leaflet-control-dropdown-trigger {
    width: 28px;
    height: 28px;
}

.leaflet-control-dropdown {
    height: 28px;
    margin-left: .2em;
    margin-top: 6px;
    position: relative;
    white-space: nowrap;
}

.leaflet-control-dropdown:before {
    content: "Kategorie";
    padding: 0 .5rem;
    display: inline-block;
    height: 28px;
    top: -3px;
    position: relative;
}

.leaflet-control-dropdown-list {
    display: none;
    position: absolute;
    top: 27px;
    right: -1px;
    min-width: calc(100% + 2px);
    padding: 0;
    list-style: none;
}

.leaflet-control-dropdown-list-item-anchor {
    white-space: nowrap;
    width: 100% !important;
}

.leaflet-control-dropdown-list-item-anchor > input[type=checkbox] {
    vertical-align: middle;
    margin-right: 5px;
}

.leaflet-control-dropdown {
    border: 1px solid transparent;
}

.leaflet-control-dropdown-list {
    border-top: none;
}

.leaflet-control-dropdown-list-item-anchor {
    display: block !important;
    padding: .5em;
}

.leaflet-control-dropdown-list-item + .leaflet-control-dropdown-list-item > .leaflet-control-dropdown-list-item-anchor {
    padding-top: .3em;
}

.leaflet-control-dropdown:hover .leaflet-control-dropdown-list {
    display: block;
}

.leaflet-control-dropdown:hover .leaflet-control-dropdown-trigger .SPi {
    transform: rotate(180deg);
}

.leaflet-control-dropdown-list-item-anchor, .leaflet-control-dropdown-list-item-anchor:hover {
    text-align: left !important;
    background: 0 0 !important;
    height: auto !important;
    border: none !important;
    line-height: normal !important;
    width: auto !important;
}

.leaflet-overlay-pane path[fill=none] {
    fill: none;
}

.leaflet-menubar {
    background-color: #006c72;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    color: #fff;
}

.leaflet-menubar .SPi {
    fill: #fff;
}

.leaflet-control-html-title {
    color: #fff;
}

.leaflet-control-dropdown-trigger .SPi {
    fill: #333;
}

.leaflet-control-dropdown {
    background-color: #fff;
    color: #333;
}

.leaflet-control-dropdown-list {
    background-color: #fff;
    border-top: 1px solid #006c72 !important;
    color: #333;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
}

.leaflet-overlay-pane path {
    fill: #006c72;
    stroke: #003c3f;
}

.leaflet-container .SPi-marker, .leaflet-container .SPi-marker--small {
    fill: #333;
    display: inline-block;
}

.leaflet-container .SPi-marker {
    height: 61px;
    width: 61px;
}

.leaflet-container .SPi-marker--small {
    height: 41px;
    width: 41px;
}

.marker-cluster {
    border: 1px solid rgba(150, 150, 150, .7);
    color: #333;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    font-size: 16px;
    background: #d4d700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.SP-MapTeaser {
    text-decoration: none;
}

.SP-MapTeaser__headline {
    font-size: 1.5em;
    font-weight: 600;
    color: #006c72;
    margin: .25em 0 .25em 0;
}

.SP-MapTeaser__inner {
    padding: 0 .5em;
}

.SP-MapTeaser--textual .SP-MapTeaser__inner {
    padding-bottom: .5em;
}

.SP-MapTeaser_abstract {
    color: #444;
}

.SP-MapTeaser__image {
    margin: 0 -.5em 0 -.5em;
    width: calc(100% + 1em);
}

.SP-MapPopup {
    max-height: 360px;
    max-width: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.SP-MapPopup__links {
    font-size: .75em;
    padding: .25em .5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0;
}

.SP-MapPopup__link {
    color: #006c72;
    display: inline-block;
    margin-left: .5rem;
}

.SP-MapPopup__content {
    flex-grow: 1;
    overflow: auto;
    background-color: #fff;
}

.SP-FeatureDetails {
    padding: 0 .5em;
    padding-bottom: .5em;
}

.SP-FeatureDetails__headline {
    color: #006c72;
    margin: .25em 0 .25em 0;
    font-size: 1.5em;
    font-weight: 600;
}

.SP-Contact__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .45);
    min-height: calc(65px + 2rem);
    padding: .5rem 1rem;
    position: relative;
}

@media (min-width: 30rem) {
    .SP-Contact__head {
        flex-wrap: nowrap;
    }
}

.SP-Contact__image {
    flex-shrink: 0;
    height: 65px;
    margin-right: 1rem;
    overflow: hidden;
    width: 65px;
}

.SP-Contact__image .SP-FixedSize__content {
    border-radius: 50%;
}

.SP-Contact__title {
    flex-grow: 1;
    margin-right: 1rem;
}

.SP-Contact__name {
    font-size: 1.125em;
}

.SP-Contact__name + .SP-Contact__desc {
    margin-top: .25em;
}

.SP-Contact__actions {
    display: flex;
}

.SP-Contact__button {
    flex-grow: 0;
    flex-shrink: 1;
    margin-top: 1rem;
    min-width: calc((100% - 1rem) / 2);
    text-align: center;
    white-space: nowrap;
}

.SP-Contact__button[aria-hidden=true] {
    display: none;
}

.SP-Contact__button:not(:last-child) {
    margin-right: 1rem;
}

@media (min-width: 30rem) {
    .SP-Contact__button {
        text-align: left;
    }
}

.SP-Contact__button .SP-SplitButton__links {
    left: 0;
}

@media (min-width: 30rem) {
    .SP-Contact__button {
        min-width: 0;
    }

    .SP-Contact__title ~ .SP-Contact__button {
        margin-left: 1rem;
        margin-top: 0;
        text-align: right;
    }

    .SP-Contact__button .SP-SplitButton__links {
        left: auto;
        right: 0;
    }
}

.SP-Contact__body .SP-PanelGroup__tabList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
}

.SP-Contact__body .SP-PanelGroup__tabList__tab {
    cursor: pointer;
}

@media (min-width: 40rem) {
    .SP-Contact__body .SP-PanelGroup__tabList__tab {
        flex-basis: 33.3333333333%;
    }
}

.SP-Contact__body .SP-PanelGroup__tabList__tab__inner {
    border-bottom: 3px solid transparent;
    display: inline-block;
    padding: .5em 2em;
}

@media (min-width: 40rem) {
    .SP-Contact__body .SP-PanelGroup__tabList__tab__inner {
        flex-basis: 33.3333333333%;
        padding-left: 2em;
        padding-right: 1em;
    }
}

.SP-Contact__body .SP-PanelGroup__tabList__tab__text {
    font-weight: 400;
}

.SP-Contact__body .SP-PanelGroup__tabList__tab__inner .SP-PanelGroup__tabList__tab__icon {
    fill: currentColor;
    transform: scale(1.75);
    margin-top: .25em;
}

@media (min-width: 40rem) {
    .SP-Contact__body .SP-PanelGroup__tabList__tab__inner .SP-PanelGroup__tabList__tab__icon {
        margin-right: .5em;
    }
}

@media (max-width: 39.9375rem) {
    .SP-Contact__body .SP-PanelGroup__tabList__tab__inner .SP-PanelGroup__tabList__tab__text {
        clip: rect(1px, 1px, 1px, 1px);
        left: 0;
        position: absolute;
        width: 0;
        margin: 0;
        padding: 0;
    }
}

.SP-Contact__body .SP-PanelGroup__panel__content > div {
    padding: 1rem;
}

.SP-Contact__body .SP-Contact__locality__accessibility, .SP-Contact__body .SP-Contact__locality__additionalLinks, .SP-Contact__body .SP-Contact__locality__mapDescription, .SP-Contact__body .SP-Contact__locality__notice, .SP-Contact__body .SP-Contact__locality__postOfficeBox, .SP-Contact__body .SP-Contact__locality__reachability {
    margin-top: 1em;
}

.SP-Contact__locality__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media print {
    .SP-Contact__locality .SP-Contact__locality__links {
        display: none;
    }
}

@media (max-width: 39.9375rem) {
    .SP-Contact__locality__links {
        margin-top: 2rem;
    }
}

@media (min-width: 40rem) {
    .SP-Contact__locality {
        display: flex;
        flex-flow: wrap;
    }

    .SP-Contact__locality__text {
        flex-basis: 50%;
        flex-grow: 1;
    }

    .SP-Contact__locality__links {
        flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .SP-Contact__locality__accessibility, .SP-Contact__locality__mapDescription, .SP-Contact__locality__notice, .SP-Contact__locality__postOfficeBox, .SP-Contact__locality__reachability {
        flex-basis: 50%;
    }

    .SP-Contact__locality__additionalLinks .SP-Contact__locality__links {
        margin-top: 0;
    }
}

.SP-Contact__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Contact__links__item {
    margin-bottom: 1em;
}

@media (min-width: 40rem) {
    .SP-Contact__links {
        display: flex;
        flex-wrap: wrap;
    }

    .SP-Contact__links__item {
        flex-basis: 50%;
    }

    .SP-Contact__links__item: last-child, .SP-Contact__links__item:nth-last-of-type(-n+2):not(:nth-child(2n)):not(.SP-Contact__links__item--email) {
        margin-bottom: 0;
    }

    .SP-Contact__links__item--more {
        text-align: right;
    }

    .SP-Contact__links__item--email, .SP-Contact__links__item--more {
        flex-basis: 100%;
    }
}

.SP-Contact--fulltext__head {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .45);
    font-size: 1.125em;
    padding: .5rem 1rem;
    position: relative;
}

.SP-Contact--fulltext__body {
    background-color: #ededed;
    padding: .5rem 1rem;
}

.SP-Contact {
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Contact--fulltext__head, .SP-Contact__head {
    background-color: #006c72;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    color: #fff;
}

@media print {
    .SP-Contact--fulltext__head, .SP-Contact__head {
        background: 0 0 !important;
        color: #444 !important;
        box-shadow: none !important;
        padding-left: 0 !important;
    }
}

.SP-Contact--fulltext__body, .SP-Contact__body {
    background-color: #ededed;
}

@media print {
    .SP-Contact--fulltext__body, .SP-Contact__body {
        background: 0 0 !important;
    }
}

.SP-PanelGroup__tabList {
    border-color: #fff;
}

.SP-PanelGroup__tabList__tab__inner {
    color: #006c72;
}

.SP-Contact__body [aria-expanded=true] {
    border-bottom: 3px solid #006c72;
}

.SP-Contact {
    clear: both;
}

@media print {
    .SP-Contact__actions, .SP-PanelGroup__tabList {
        display: none !important;
    }

    .SP-PanelGroup__panel, .SP-PanelGroup__panel__content {
        display: block !important;
        margin-bottom: .25em;
    }

    .SP-PanelGroup__panel__headline {
        display: block !important;
        clip: auto;
        left: auto;
        padding: .25rem .5em;
        position: relative;
        width: auto;
    }

    .SP-PanelGroup__panel__headline .SP-PanelGroup__tabList__tab__inner {
        border-bottom: 1px solid #d4d700;
        display: block !important;
        clip: auto !important;
        left: auto !important;
        position: relative !important;
        width: auto !important;
    }

    .SP-PanelGroup__panel__headline .SP-PanelGroup__tabList__tab__inner .SP-PanelGroup__tabList__tab__icon {
        position: absolute;
        left: .5rem;
    }

    .SP-PanelGroup__panel__headline .SP-PanelGroup__tabList__tab__inner .SP-PanelGroup__tabList__tab__text {
        position: relative;
        width: auto;
        clip: none;
    }
}

.SP-Search__switchMode--advanced {
    float: right;
}

.SP-Pagination {
    align-items: center;
    display: flex;
    margin-top: 5rem;
}

.SP-Pagination__next, .SP-Pagination__prev {
    border: 1px solid #006c72;
    border-radius: 5px;
    cursor: pointer;
    fill: #006c72;
    height: 38px;
    padding: 7px 12px;
    width: 45px;
}

.SP-Pagination__next .SP-Iconized__icon, .SP-Pagination__prev .SP-Iconized__icon {
    transition: transform .15s ease;
}

.SP-Pagination__next:hover .SP-Iconized__icon, .SP-Pagination__prev:hover .SP-Iconized__icon {
    transform: scale(1.1);
}

.SP-Pagination__slider {
    flex-grow: 1;
    margin: 0 1rem;
}

.SP-Pagination__slider.ui-slider.ui-widget-content {
    border: 1px solid #006c72;
}

.SP-Pagination__slider.ui-slider-horizontal {
    height: 0;
}

.SP-Pagination__slider.ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
}

.SP-Pagination__slider .ui-corner-all {
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);
}

.SP-Pagination__slider .ui-state-default {
    background-color: #fff !important;
    cursor: pointer;
}

.SP-Pagination__slider .ui-state-active {
    background-color: #006c72 !important;
}

.SP-Pagination__sliderCurrentPageNumber {
    color: #444 !important;
    display: inline-block;
    font-size: .75em;
    position: relative;
    text-align: center;
    top: -25px;
    width: 1.2rem;
}

.SP-Search__filter {
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Search__filter .SP-Form {
    padding-left: 0;
    padding-right: 0;
}

.SP-Search__filter .SP-Collapsible__trigger {
    display: inline-block;
}

.SP-Search__filter .SP-Collapsible__trigger__icon {
    top: .3em;
}

.SP-Search__result__headline {
    float: none !important;
    margin-bottom: .35em;
}

.SP-Search__result__abo {
    height: 1.6875em;
    position: relative;
    width: 100%;
}

.SP-Search__result__abo .SP-Search__result__abo__icon {
    top: 0;
}

.SP-Search__result__abo__icon {
    fill: #006c72;
    height: 1.5em !important;
    right: 10px !important;
    top: 1em;
    position: absolute;
    width: 1.5em !important;
}

.SP-Search__didYouMean {
    margin-bottom: 2.5rem;
    margin-top: 2rem;
    margin-left: 10px;
    padding-right: 10px;
}

.SP-Search__switchMode--advanced {
    float: right;
}

.SP-Pagination {
    align-items: center;
    display: flex;
    margin-top: 5rem;
}

.SP-Pagination__next, .SP-Pagination__prev {
    border: 1px solid #006c72;
    border-radius: 5px;
    cursor: pointer;
    fill: #006c72;
    height: 38px;
    padding: 7px 12px;
    width: 45px;
}

.SP-Pagination__next .SP-Iconized__icon, .SP-Pagination__prev .SP-Iconized__icon {
    transition: transform .15s ease;
}

.SP-Pagination__next:hover .SP-Iconized__icon, .SP-Pagination__prev:hover .SP-Iconized__icon {
    transform: scale(1.1);
}

.SP-Pagination__slider {
    flex-grow: 1;
    margin: 0 1rem;
}

.SP-Pagination__slider.ui-slider.ui-widget-content {
    border: 1px solid #006c72;
}

.SP-Pagination__slider.ui-slider-horizontal {
    height: 0;
}

.SP-Pagination__slider.ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
}

.SP-Pagination__slider .ui-corner-all {
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);
}

.SP-Pagination__slider .ui-state-default {
    background-color: #fff !important;
    cursor: pointer;
}

.SP-Pagination__slider .ui-state-active {
    background-color: #006c72 !important;
}

.SP-Pagination__sliderCurrentPageNumber {
    color: #444 !important;
    display: inline-block;
    font-size: .75em;
    position: relative;
    text-align: center;
    top: -25px;
    width: 1.2rem;
}

.SP-Search__filter {
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Search__filter .SP-Form {
    padding-left: 0;
    padding-right: 0;
}

.SP-Search__filter .SP-Collapsible__trigger {
    display: inline-block;
}

.SP-Search__filter .SP-Collapsible__trigger__icon {
    top: .3em;
}

.SP-Search__result__headline {
    float: none !important;
    margin-bottom: .35em;
}

.SP-Search__result__abo {
    height: 1.6875em;
    position: relative;
    width: 100%;
}

.SP-Search__result__abo .SP-Search__result__abo__icon {
    top: 0;
}

.SP-Search__result__abo__icon {
    fill: #006c72;
    height: 1.5em !important;
    right: 10px !important;
    top: 1em;
    position: absolute;
    width: 1.5em !important;
}

.SP-Search__didYouMean {
    margin-bottom: 2.5rem;
    margin-top: 2rem;
    margin-left: 10px;
    padding-right: 10px;
}

.SP-Composition__inner {
    display: flex;
}

.SP-Composition__inner .SP-Field {
    flex: 1 1;
}

.SP-Composition__inner .SP-Field:not(:last-child) {
    margin-right: 1rem;
}

.SP-Composition__inner .SP-Button {
    align-self: flex-end;
    margin-bottom: .75rem;
}

@media (max-width: 39.9375rem) {
    .SP-Composition__inner {
        flex-direction: column;
    }

    .SP-Field {
        -moz-box-flex: initial !important;
        -moz-flex: initial !important;
        -ms-flex: initial !important;
        -webkit-box-flex: initial !important;
        -webkit-flex: initial !important;
        flex: initial !important;
    }
}

.SP-Fieldset {
    border: none;
    margin: 0;
    margin-bottom: 3rem;
    padding: 0;
}

.SP-Legend {
    font: 1.25rem/1.25 Muli, sans-serif;
    margin-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
}

.SP-Block + .SP-Fieldset {
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Buttons::after {
    clear: both;
    content: "";
    display: table;
}

.SP-Buttons .SP-Button[type=submit] {
    float: right;
}

.SP-Buttons .SP-Button[type=submit] + .SP-Button[type=submit] {
    margin-right: 1.5rem;
}

.SP-Buttons .SP-Button--left[type=submit] {
    float: left;
}

.SP-Form {
    clear: both;
    margin-bottom: 2rem;
}

.SP-Form::after {
    clear: both;
    content: "";
    display: table;
}

.SP-Form::after {
    clear: both;
    content: "";
    display: table;
}

.SP-CityGovSearchContainer, .SP-Form:not(.SP-Form--newsletterRegistration):not(.SP-Voting__item__action) {
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Buttons {
    margin-top: 2.5rem;
}

.SP-Graph {
    padding: 0 10px;
}

.SP-BarGraph {
    margin-bottom: .5em;
}

.SP-BarGraph__bar {
    background-color: #ededed;
    color: #000;
    height: 30px;
    width: 100%;
    font-size: .875rem;
    height: 30px;
    line-height: 30px;
    position: relative;
    width: 100%;
}

.SP-BarGraph__bar::before {
    content: attr(data-value);
    position: absolute;
    top: 0;
    left: 5px;
}

.SP-BarGraph__value {
    background-color: #006c72;
    color: #fff;
    font-size: .75em;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.SP-BarGraph__value span {
    padding: 0 5px;
}

.SP-Survey__item__action, .SP-Survey__item__subject {
    margin-bottom: 2rem;
}

.SP-Voting__item {
    border-bottom: 1px solid #006c72;
    margin: 0 10px 2em 10px;
    padding-bottom: 3rem;
}

.SP-Voting__item::after {
    clear: both;
    content: "";
    display: table;
}

.SP-Voting__item__subject {
    margin: 0 -10px;
}

.SP-Voting__item__action {
    clear: none;
    float: left;
    padding: 0;
}

.SP-Voting__item__action .SP-Fieldset--radioGroup {
    margin-top: 0;
}

.SP-Voting__item__voting--voted {
    float: none;
}

.SP-Voting__item__action, .SP-Voting__item__subject {
    margin-bottom: 2rem;
}

.SP-RatingResult__stars {
    display: flex;
    justify-content: flex-start;
}

.SP-RatingResult__star {
    fill: #efefef;
    height: 1.5rem;
    width: 1.5rem;
}

.SP-RatingResult__star.SP-isAchieved {
    fill: gold;
}

@keyframes moveImage {
    from {
        transform: translateX(0) rotate(0);
    }

    to {
        transform: translateX(-5rem) rotate(.02deg);
    }
}

.SP-Slideshow {
    max-height: 100vh;
    overflow: hidden;
}

.SP-Slideshow:not(.slick-initialized):not(.slick-not-initialized) {
    height: 50vh;
    transition: height 250ms ease;
}

.SP-Slideshow .slick-slide {
    line-height: 0;
}

.SP-Slideshow .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 17px;
    border-radius: 18px;
    display: flex;
    height: 22px;
    position: absolute;
    right: 25px;
    z-index: 1001;
}

.SP-Slideshow .slick-dots li {
    height: 12px;
    margin-left: 6px;
    margin-right: 6px;
    width: 12px;
}

.SP-Slideshow .slick-dots button {
    cursor: pointer;
    border-radius: 50%;
    background-color: #999;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: -100px;
    width: 12px;
}

.SP-Slideshow .slick-dots .slick-active button {
    background-color: #fff;
}

.SP-Slide {
    overflow: hidden;
    position: relative;
}

.SP-Slide__asset {
    padding-top: 0;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
}

.SP-Slide__asset .SP-FixedSize::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    content: "";
    pointer-events: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

@media print {
    .SP-Slide__asset .SP-FixedSize::before {
        display: none;
    }
}

.SP-Slide__asset .SP-FixedSize__content {
    object-fit: cover;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center; ";
    will-change: transform;
}

@media (min-width: 63.4375rem) {
    .SP-Slide__asset .SP-FixedSize__content {
        left: -5rem;
        right: -5rem;
        width: calc(100% + 10rem);
    }
}

.SP-Slide__text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    left: 0;
    max-width: 95%;
    position: absolute;
    top: 0;
    z-index: 2;
}

.SP-Slide__text a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.SP-Slide__text__kicker__inner {
    background-color: #006c72;
    color: #fff;
    line-height: 1.4;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    text-decoration: none;
}

@media (min-width: 40rem) {
    .SP-Slide__text__kicker__inner {
        font-size: 1.125em;
    }
}

.SP-Slide__text__headline {
    line-height: 1.4;
    width: 100%;
}

.SP-Slide__text__headline__inner {
    background-color: rgba(255, 255, 255, .85);
    color: #444;
    line-height: 1.4;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    font-size: 2.25em;
    text-transform: uppercase;
    text-decoration: none;
}

@media (min-width: 40rem) and (orientation: portrait) {
    .SP-Slide__text__headline__inner {
        font-size: 2.53125em;
        margin-bottom: 5px;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Slide__text__wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1616px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .SP-Slide__text {
        margin-left: 8.3333333333%;
        width: 83.3333333333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .SP-Slide__text__headline__inner {
        font-size: 2.53125em;
        margin-bottom: 5px;
    }
}

@media (min-width: 80rem) {
    .SP-Slide__text__headline__inner {
        font-size: 3.796875em;
    }

    .SP-Slide__text {
        margin-left: 16.6666666667%;
        width: 66.6666666667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.SP-Slide__text__kicker {
    opacity: 0;
    transition: opacity .8s ease-in-out;
    transition-delay: 1s;
}

.SP-Slide__text__headline {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    transition-delay: .5s;
}

.SP-Page--delayed .SP-Slide__text__kicker {
    transition-delay: 2.5s;
}

.SP-Page--delayed .SP-Slide__text__headline {
    transition-delay: 2s;
}

@media (min-width: 63.4375rem) {
    .SP-animate .SP-isFading .SP-Slide__asset .SP-FixedSize__content, .SP-animate .slick-active .SP-Slide__asset .SP-FixedSize__content {
        animation: moveImage 8.5s linear;
    }
}

.SP-animate .slick-active .SP-Slide__text__headline, .SP-animate .slick-active .SP-Slide__text__kicker {
    opacity: 1;
}

@media print {
    .SP-Slideshow {
        max-height: none;
    }

    .SP-Slideshow .slick-track {
        background: #0f0;
        height: inherit !important;
        opacity: 1 !important;
        overflow: auto;
        transform: none !important;
        width: 100% !important;
    }

    .SP-Slideshow .SP-Slide__text {
        max-width: 80vw;
    }

    .SP-Slideshow .slick-track::after, .SP-Slideshow .slick-track::before {
        display: none;
    }

    .slick-initialized .slick-slide {
        display: none;
    }

    .slick-initialized .slick-slide:first-child {
        display: block !important;
        float: left !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        width: 100% !important;
    }

    .slick-initialized .slick-slide:first-child .SP-Slide__text__headline, .slick-initialized .slick-slide:first-child .SP-Slide__text__kicker {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .SP-Slide__text__headline__inner {
        font-size: 35px;
    }

    .slick-control, .slick-dots {
        display: none !important;
    }
}

.SP-Form--newsletterRegistration {
    border: 1px solid #006c72;
}

.SP-Headline--newsletterRegistration {
    background-color: #006c72;
    color: #fff;
    font-weight: 700;
    margin-bottom: .75rem;
    padding: .5rem 1.25rem;
    width: 100%;
}

.SP-Fieldset--newsletterRegistration ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Fieldset--newsletterRegistration > .SP-Fieldset--newsletterRegistration {
    padding: 1.5rem 1.25rem;
}

.SP-Fieldset--newsletterRegistration + div[id] {
    margin-top: -1.75rem;
    padding: .5rem 1.25rem 0 1.25rem;
}

.SP-Fieldset--newsletterRegistration ~ .SP-Buttons {
    padding: 0 1.25rem 1.25rem 1.25rem;
    margin-top: .75rem;
}

.SP-Iframe--enabled .SP-Iframe__main {
    display: block;
}

.SP-Iframe--enabled .SP-Iframe__alt {
    display: none;
}

.SP-Iframe--disabled .SP-Iframe__main {
    display: none;
}

.SP-Iframe--disabled .SP-Iframe__alt {
    display: block;
    overflow: hidden;
}

@media print {
    .SP-Iframe--enabled .SP-Iframe__main {
        display: none;
    }

    .SP-Iframe--enabled .SP-Iframe__alt {
        display: none;
    }
}

.SP-Sitemap__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Sitemap__link {
    display: block;
    text-decoration: none;
}

.SP-Sitemap > .SP-Sitemap__list > .SP-Sitemap__item {
    margin-bottom: 2rem;
}

.SP-Sitemap > .SP-Sitemap__list > .SP-Sitemap__item > .SP-Sitemap__link {
    font-size: 1.25rem;
    line-height: 1.2;
    color: #444;
    border-bottom: 1px solid #444;
    display: block;
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    padding-top: .25rem;
}

.SP-Sitemap .SP-Sitemap__list .SP-Sitemap__list > .SP-Sitemap__item .SP-Sitemap__link {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.SP-Sitemap .SP-Sitemap__list .SP-Sitemap__list > .SP-Sitemap__item .SP-Sitemap__list {
    margin-left: 30px;
}

.SP-Options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Options__item {
    display: block;
    margin-bottom: .25rem;
}

.SP-Option {
    background-color: #fff;
    color: #444;
    display: block;
    padding: .75rem;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}

.SP-Option:hover {
    background-color: #d4d700;
    color: #444;
}

.SP-isCurrent .SP-Option {
    background-color: #cce2e3;
}

.SP-Footer {
    border-top: 3px solid #d4d700;
    clear: both;
}

.SP-Footer__upper {
    background-color: #006c72;
    padding-left: 10px;
    padding-right: 10px;
}

.SP-Footer__lower {
    background-color: #006167;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
}

.SP-Footer__lower::after {
    clear: both;
    content: "";
    display: table;
}

.SP-Footer__lower > * {
    text-align: left;
}

.SP-Footer__lower .SP-Grid {
    min-height: 65px;
}

@media (max-width: 63.375rem) {
    .SP-Footer__lower .SP-Grid .SP-LinkList--inline--footer {
        padding-top: 19px;
    }

    .SP-Footer__lower .SP-Grid .SP-Footer__social + .SP-LinkList--inline--footer {
        padding-top: 0;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Footer__lower .SP-Grid {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.SP-Footer__logo {
    fill: #fff;
    display: inline-block;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 20px;
    max-width: 380px;
}

.SP-Footer__logo .SP-Logo {
    fill: #fff;
    padding: 8px 8px 8px 0;
    max-height: 100%;
    object-fit: contain;
    object-position: top left;
    max-width: 100%;
}

.SP-Footer__headline {
    color: #fff;
    flex: 1 1;
    font-size: 8vw;
    font-weight: 300;
    letter-spacing: -.02em;
    line-height: 1.25;
    margin: 0 5px;
    margin-bottom: 6px;
    margin-top: 4vw;
    text-shadow: 0 0 8px rgba(0, 0, 0, .4);
    text-transform: uppercase;
}

.SP-Footer__headline strong {
    font-weight: 700;
}

.SP-Header__headline__append {
    display: none;
}

@media (min-width: 400px) {
    .SP-Footer__headline {
        letter-spacing: .02em;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 4vw;
    }
}

@media (min-width: 420px) {
    .SP-Footer__headline {
        font-size: 29px;
        margin-top: 29px;
    }
}

@media (min-width: 40rem) {
    .SP-Footer__lower, .SP-Footer__upper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .SP-Footer__headline {
        margin-top: 28px;
        margin-bottom: 10px;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Footer__headline {
        margin-top: 24px;
    }
}

.SP-Footer__content {
    overflow: hidden;
    padding-bottom: 2rem;
}

.SP-Footer__content__item {
    border-bottom: 1px solid #fff;
    padding: .5rem 0;
}

.SP-Footer__content__couple:first-child .SP-Footer__content__item:first-child {
    border-top: 1px solid #fff;
}

@media (min-width: 40rem) {
    .SP-Footer__content__item:first-child {
        border-top: 1px solid #fff;
    }

    .SP-Footer__content {
        display: flex;
        align-items: flex-start;
    }

    .SP-Footer__content__couple {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 1rem);
        overflow: hidden;
    }

    .SP-Footer__content__couple:nth-child(2n) {
        margin-left: 2rem;
    }
}

@media (min-width: 80rem) {
    .SP-Footer__content__couple {
        display: flex;
    }

    .SP-Footer__content__item {
        border-top: none !important;
        border-bottom: none !important;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 1rem);
        overflow: hidden;
    }

    .SP-Footer__content__item:nth-child(2n) {
        margin-left: 2rem;
    }
}

.SP-Social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 0 !important;
    padding: 20px 0;
    width: 100%;
}

@media (min-width: 63.4375rem) {
    .SP-Social {
        width: 33.3333333333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        justify-content: flex-start;
        margin: 0;
        padding-left: 0;
    }
}

@media (min-width: 80rem) {
    .SP-Social {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0;
    }
}

.SP-Social__item {
    background-color: #004c50;
    border-radius: 50%;
    max-width: 45px;
    padding: 8px;
}

@media (min-width: 63.4375rem) {
    .SP-Social__item {
        margin-right: 1rem;
    }
}

.SP-Social__item__icon {
    fill: #fff;
    transition: transform .15s ease;
}

.SP-Social__item:hover .SP-Social__item__icon {
    transform: scale(1.25);
}

.SP-LinkList--inline--footer {
    margin: 0 auto;
    margin-bottom: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.SP-LinkList--inline--footer .SP-LinkList__item {
    margin-bottom: 0;
}

.SP-LinkList--inline--footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 63.4375rem) {
    .SP-LinkList--inline--footer {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        flex-grow: 1;
        margin-bottom: 0;
        margin-left: 33.3333333333%;
        width: 33.3333333333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 80rem) {
    .SP-LinkList--inline--footer {
        margin-left: 33.3333333333%;
        width: 33.3333333333%;
        float: right;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media print {
    .SP-Footer {
        display: none;
    }
}

.SP-Partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Partner {
    height: 50px;
    margin: 6px 12px;
}

.SP-Header {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 55px;
    padding-right: 4px;
    padding-left: 10px;
    position: relative;
}

.SP-Header__logo {
    display: inline-block;
    line-height: 0;
    margin-bottom: 17px;
    margin-top: 17px;
}

.SP-Header__logo .SP-Logo {
    height: 20px;
    width: 65px;
}

.SP-Header__logo .SP-Logo--stage {
    display: none;
}

.SP-Header__headline {
    flex: 1 1;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 1.25;
    margin: 0 5px;
    margin-top: 10px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.SP-Header__headline__append, .SP-Header__headline__name {
    color: inherit;
    text-decoration: none;
}

.SP-Header__headline__append:hover, .SP-Header__headline__name:hover {
    color: inherit;
}

.SP-Header__headline__name {
    font-weight: 700;
}

.SP-Header__headline__append {
    font-weight: 300;
}

.SP-Header__trigger {
    cursor: pointer;
    flex-shrink: 0;
    height: 45px;
    padding: 6px;
    transition: transform .15s ease;
    position: relative;
    width: 45px;
    font-size:40px;color:white
}

.SP-Header__trigger:not(:first-of-type) {
    margin-left: 6px;
}

.SP-Header__trigger:hover {
    transform: scale(1.1);
}

@media (min-width: 40rem) {
    .SP-Header {
        min-height: 75px;
        padding-left: 20px;
        padding-right: 14px;
    }

    .SP-Header__logo {
        margin-bottom: 19px;
        margin-top: 19px;
    }

    .SP-Header__logo .SP-Logo {
        height: 37px;
        width: 118px;
    }

    .SP-Header__headline {
        font-size: 24px;
        margin: 0 10px;
        margin-top: 24px;
        margin-bottom: 10px;
    }

    .SP-Header__headline__append {
        display: inline;
    }

    .SP-Header__trigger {
        padding: 2px;
    }

    .SP-Header__trigger:not(:first-of-type) {
        margin-left: 20px;
    }
}

@media (max-width: 63.375rem) {
    .SP-Header {
        z-index: 900;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Header__headline {
        font-size: 32px;
    }

    .SP-Header__trigger--hideIfLarge {
        display: none;
    }
}

@media print {
    .SP-Header {
        box-shadow: none;
    }

    .SP-Header__trigger {
        display: none;
    }
}

.SP-Header--micrositeWuppertal .SP-Header__headline {
    margin-top: 10px;
}

.SP-Header--micrositeCustom .SP-Header__headline, .SP-Header--micrositeCustom .SP-Header__logo {
    margin-bottom: 3px;
    margin-top: 3px;
}

.SP-Header--micrositeCustom.SP-Header--homepage .SP-Header__headline {
    color: #006c72;
}

.SP-Header--micrositeCustom .SP-Header__logo .SP-Logo {
    height: 49px;
    width: auto !important;
}

@media (min-width: 40rem) {
    .SP-Header--micrositeCustom .SP-Header__logo .SP-Logo {
        height: 69px;
    }
}

.SP-Header--homepage {
    background-color: #fff;
}

.SP-Header--homepage .SP-Header__headline {
    color: #000;
}

.SP-Header--homepage .SP-Header__trigger {
    fill: #006c72;
}

@media (max-width: 63.375rem) {
    .SP-Header--homepage {
        border-bottom: 1px solid #006c72;
    }
}

.SP-Header--default {
    background-color: #006c72;
}

.SP-Header--default .SP-Header__headline {
    color: #fff;
}

.SP-Header--default .SP-Header__trigger {
    fill: #fff;
}

@media print {
    .SP-Header--default {
        background-color: #fff;
    }

    .SP-Header--default .SP-Header__headline {
        color: #000;
    }

    .SP-Header--default .SP-Header__logo .SP-Logo {
        filter: invert(1);
    }
}

@keyframes notification-breathing {
    0%, 100%, 60% {
        transform: scale(.8);
    }

    25% {
        transform: scale(1);
    }
}

.SP-Header__trigger--notification::after {
    content: "";
    animation: notification-breathing 1s ease-out infinite normal;
    background: red;
    border-radius: 50%;
    height: 14px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 14px;
}

@media (min-width: 40rem) {
    .SP-Header__trigger--notification::after {
        right: 0;
        top: 0;
    }
}

.SP-isNavigating {
    overflow: hidden !important;
}

@media (max-width: 63.375rem) {
    .SP-isNavigating {
        position: fixed;
    }
}

@media (max-width: 63.375rem) {
    .SP-Sidebar__trigger--hideIfSmall {
        display: none;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__trigger--hideIfLarge {
        display: none;
    }
}

.SP-Sidebar__trigger {
    cursor: pointer;
    height: 40px;
    padding: 0;
    transition: transform .15s ease;
    width: 40px;
    flex-shrink: 0;
    flex-grow: 0;
}

@media (max-width: 63.375rem) {
    .SP-Sidebar__trigger {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__trigger {
        margin-top: 10px;
    }

    .SP-Sidebar__trigger: last-child {
        margin-bottom: 10px;
    }
}

.SP-Sidebar__trigger:hover {
    transform: scale(1.1);
}

.SP-Sidebar__trigger--circled {
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}

.SP-Sidebar__trigger--profile {
    height: 42px;
    padding: 0;
    width: 42px;
}

.SP-Sidebar {
    position: relative;
}

.SP-Sidebar::before {
    background-color: #000;
    content: "";
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .3s ease;
    width: 100vw;
    z-index: 2;
}

.SP-Sidebar.SP-isOpen::before {
    opacity: .5;
    pointer-events: auto;
}

.SP-Sidebar__inner {
    height: 100vh;
    overflow: hidden;
    position: fixed;
    left: 100%;
    top: 0;
    transition: transform .3s ease;
    z-index: 1010;
    display: flex;
    flex-direction: column;
}

@media (max-width: 63.375rem) {
    .SP-Sidebar__inner {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 30rem) {
    .SP-Sidebar__inner {
        width: 325px;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__inner {
        width: 380px;
        top: 0 !important;
        height: 100vh !important;
        flex-direction: row;
        transform: translateX(-55px);
    }
}

.SP-Sidebar.SP-isOpen .SP-Sidebar__inner {
    transform: translateX(-100%);
}

.SP-Sidebar__content {
    background: #eee;
    flex-grow: 1;
    flex-shrink: 1;
    flex: 1 1;
    overflow: hidden;
    position: relative;
}

.SP-Sidebar__scroller {
    position: relative;
    height: 100%;
    width: 100%;
}

.SP-Sidebar__bar {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

@media (max-width: 63.375rem) {
    .SP-Sidebar__bar {
        border-bottom: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 55px;
        left: 0;
        top: 1px;
        margin-top: -1px;
        position: relative;
        width: 100%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__bar {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        width: 55px;
    }
}

.SP-Sidebar__bar__top {
    display: none;
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__bar__top {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
}

.SP-Sidebar__bar__bottom {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-around;
    width: 100%;
    border-bottom: 1px solid #a7a7a7;
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__bar__bottom {
        flex-direction: column;
        height: auto;
    }
}

.SP-Sidebar__bar--min {
    display: none;
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__bar--min {
        display: flex;
    }
}

.SP-Sidebar__inner {
    border-color: #006c72;
}

.SP-Sidebar__content {
    background: linear-gradient(to bottom, #ededed 0, #f4f4f4 50%, #ededed 100%);
}

.SP-Sidebar__bar {
    background-color: #fff;
    border-color: #006c72;
}

.SP-Sidebar__trigger {
    fill: #006c72;
    overflow: visible;
}

.SP-Sidebar__trigger .SP-Sidebar__trigger__icon {
    transition: transform .3s ease;
}

.SP-Sidebar__trigger:hover {
    transform: none;
}

.SP-Sidebar__trigger:hover .SP-Sidebar__trigger__icon {
    transform: scale(1.1);
}

.SP-Sidebar__trigger--circled {
    background-color: #006c72;
    fill: #fff;
}

.SP-Sidebar__trigger--emergency {
    background-color: #de0000;
    order: 1;
}

@media (min-width: 63.4375rem) {
    .SP-Sidebar__trigger--emergency {
        order: 0;
    }
}

.SP-Sidebar__trigger--sidebar {
    padding: 0;
}

.SP-Sidebar__trigger--top {
    padding: 6px;
}

.SP-Sidebar__trigger__label {
    font-size: .875rem;
    font-weight: 400;
    position: relative;
    top: -.5rem;
    text-transform: uppercase;
}

@media (max-width: 63.375rem) {
    .SP-Sidebar__trigger__label {
        display: none;
    }
}

@media print {
    .SP-Sidebar {
        display: none;
    }
}

.SP-Content:not(.SP-isApp) {
    padding-bottom: 2.5rem;
}

@media (min-width: 63.4375rem) {
    .SP-Content:not(.SP-isApp) {
        padding-bottom: 4rem;
    }
}

.SP-ArticleHeader {
    margin-bottom: 2.25rem;
}

.SP-Intro {
    display: none;
}

.SP-Intro:not(:empty), .SP-Headline--article + .SP-Intro {
    background-color: #EDEDED;
    display: block;
    font: 1.125rem / 1.6 Muli, sans-serif;
    margin-bottom: 1px;
    padding: 1rem 0;
    overflow: hidden;
}

.SP-Headline--article + .SP-Intro {
    background-color: #ededed;
    display: block;
    font: 1.125rem/1.6 Muli, sans-serif;
    margin-bottom: 1px;
    padding: 1rem 0;
    overflow: hidden;
}

@media (min-width: 40rem) {
    .SP-Headline--article + .SP-Intro, .SP-Intro:not(:empty) {
        font-size: 1.25rem;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Headline--article + .SP-Intro, .SP-Intro:not(:empty) {
        font-size: 1.5rem;
        line-height: 1.4;
    }
}

@media print {
    .SP-Intro {
        background-color: transparent;
    }
}

.SP-Headline--article + .SP-Intro {
    padding-top: 2.5rem;
}

.SP-Intro__inner {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 30rem) {
    .SP-Intro__inner {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 40rem) {
    .SP-Intro__inner {
        width: 87.5%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Intro__inner {
        width: 66.6666666667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 80rem) {
    .SP-Intro__inner {
        width: 68.75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 12.5%;
    }
}

@media print {
    .SP-Intro__inner {
        margin: 0;
        width: 100%;
    }
}

.SP-Intro__image {
    max-height: 55vh;
    overflow: hidden;
    position: relative;
}

.SP-Intro__image .SP-Asset__caption {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.SP-Intro__image .SP-FixedSize__raiser {
    position: static;
}

.SP-Intro__image .SP-FixedSize__content {
    object-fit: cover;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center; ";
}

.SP-Path {
    display: none;
}

@media print {
    .SP-Path {
        display: block;
        margin-bottom: 1rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .SP-Path__headline {
        display: none;
    }

    .SP-Path__list::before {
        content: "Druckausgabe: ";
        display: inline-block;
        font: 400 .75em/1.125em Muli, sans-serif;
        position: relative;
        margin-left: -15px;
        margin-right: 1rem;
    }

    .SP-Path__item, .SP-Path__list {
        display: inline;
    }

    .SP-Path__list {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 1rem;
    }

    .SP-Path__headline, .SP-Path__item {
        font: 400 .75em/1.125em Muli, sans-serif;
    }

    .SP-Path__item:not(:last-child)::after {
        content: ">";
        margin: 0 .5rem;
    }

    .SP-Path__link, .SP-Path__self {
        color: #444;
        font-weight: 400;
        text-decoration: none;
    }
}

.SP-Discussion__headline {
    color: #006c72;
    font: 300 1.6875em/1.15 Muli, sans-serif;
    margin-top: 2rem;
    margin-bottom: .75em;
}

.SP-Discussion__contribute__trigger {
    color: #fff;
    float: right;
    margin-top: -3.25em;
}

.SP-Discussion__stopped {
    float: right;
    margin-top: -2.75em;
}

.SP-Discussion__comments__sort {
    color: #555;
    cursor: pointer;
    font-size: 1em;
    margin-bottom: .75rem;
    text-transform: uppercase;
}

.SP-Discussion__comments__sort__icon {
    fill: #006c72;
    top: 3px;
    transition: transform .15s ease;
}

.SP-Discussion__comments__sort:hover {
    text-decoration: underline;
}

.SP-Discussion__comments__sort:hover .SP-Discussion__comments__sort__icon {
    transform: scale(1.25);
}

.SP-Discussion__comments {
    clear: right;
}

.SP-Discussion__comments__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SP-Discussion__comments__empty {
    background-color: #ededed;
    overflow: hidden;
    padding-left: .875rem;
    padding-top: .625rem;
    padding-right: .875rem;
    padding-bottom: .5rem;
    text-align: center;
}

.SP-Discussion__comments__item:not(:last-child) {
    margin-bottom: 1.5rem;
}

.SP-Comment {
    background-color: #ededed;
    overflow: hidden;
    padding-left: .875rem;
    padding-top: .625rem;
    padding-right: .875rem;
    padding-bottom: .5rem;
}

.SP-Comment--hint {
    margin-bottom: 2rem;
}

@media (min-width: 40rem) {
    .SP-Comment {
        padding-left: 2.75rem;
    }
}

.SP-Comment__meta {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .75rem;
}

.SP-Comment__counter {
    order: 2;
    padding-right: .25rem;
}

.SP-Comment__author {
    flex: 1 1;
    order: 2;
    text-transform: uppercase;
}

.SP-Comment__timestamp {
    width: 100%;
    order: 1;
    text-align: right;
    white-space: nowrap;
}

.SP-Comment__headline {
    color: #006c72;
    font: 300 1.5em/1.15 Muli, sans-serif;
    margin-top: 0;
    margin-bottom: .375em;
}

.SP-Comment__text {
    margin-bottom: 1rem;
}

.SP-Comment__editor__text {
    margin-top: 3rem;
    color: #006c72;
}

.SP-Comment__editor__suffix {
    color: #555;
}

@media (min-width: 40rem) {
    .SP-Comment__meta {
        margin-left: -2.75rem;
        width: calc(100% + 2.75rem);
    }

    .SP-Comment__counter {
        text-align: right;
        width: 2.75rem;
    }

    .SP-Comment__timestamp {
        order: 2;
        width: auto;
    }

    .SP-Comment__counter {
        order: 1;
    }

    .SP-Comment__headline {
        font-size: 1.6875em;
    }
}

.SP-Comment--reply {
    padding-left: 0;
    padding-right: 0;
}

.SP-Comment--reply .SP-Comment__meta {
    margin-left: 0;
    width: 100%;
}

.SP-Comment--reply .SP-Comment__counter {
    text-align: left;
    white-space: nowrap;
    width: auto;
}

.SP-Comment--reply .SP-Comment__replies__list {
    margin-left: 1.5rem;
}

.SP-Comment__replies__trigger {
    color: #555;
    cursor: pointer;
    text-transform: uppercase;
}

.SP-Comment__replies__trigger__icon {
    fill: #006c72;
    top: 5px;
    transition: transform .15s ease;
}

.SP-Comment__replies__trigger:hover {
    text-decoration: underline;
}

.SP-Comment__replies__trigger:hover .SP-Comment__replies__trigger__icon {
    transform: scale(1.25);
}

.SP-Comment__replies__list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #006c72;
    margin-top: 1rem;
}

.SP-Comment__replies__list:not(:last-child) {
    border-bottom: 1px solid #006c72;
}

.SP-Comment__replies__:not(:last-child) {
    margin-bottom: 1rem;
}

@media (min-width: 40rem) {
    .SP-Comment__reply:not(.SP-isExpanded) + .SP-Comment__replies {
        margin-top: -2.375rem;
    }

    .SP-Comment__replies__trigger {
        font-size: 1em;
    }
}

.SP-Comment__reply__trigger {
    color: #555;
    cursor: pointer;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.SP-Comment__reply__trigger__icon {
    fill: #006c72;
    top: 3px;
    transition: transform .15s ease;
    transform: scale(1.5);
}

.SP-Comment__reply__trigger:hover {
    text-decoration: underline;
}

.SP-Comment__reply__trigger:hover .SP-Comment__reply__trigger__icon {
    transform: scale(1.8);
}

@media (min-width: 40rem) {
    .SP-Comment__reply {
        text-align: right;
    }

    .SP-Comment__reply > * {
        text-align: left;
    }

    .SP-Comment__reply__trigger {
        font-size: 1em;
    }
}

.SP-Comment--delete .SP-Form {
    margin-bottom: 0;
}

@media print {
    .SP-Discussion__comments__sort {
        display: none;
    }
}

.SP-Navigation ul {
    list-style: none;
    padding: 0;
}

.SP-Navigation {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
    transform: translate3d(0, 0, 0);
    contain: layout;
}

.SP-Navigation li {
    font-size: 1.25rem;
    font-family: Muli, sans-serif;
    font-weight: 300;
    line-height: 1.25;
}

.SP-Navigation li.active > ul .title, .SP-Navigation li.lastOpenNode > ul .title {
    padding-left: .6em;
}

.SP-Navigation .title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 2.5em;
    overflow: hidden;
    position: relative;
    transition: background-color .3s ease-out;
}

.SP-Navigation .title .link {
    color: #444;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    flex-grow: 1;
    white-space: nowrap;
}

.SP-Navigation .title .link:hover {
    color: #000;
}

.SP-Navigation .title-more {
    cursor: pointer;
    fill: #006c72;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .4em;
    padding-right: .4em;
}

.SP-Navigation .title-more .SPi {
    transition: transform .3s ease-out;
    will-change: transform;
    height: .7em;
    width: .7em;
}

.SP-Navigation .path > .title .title-more .SPi {
    transform: rotate(90deg);
}

.SP-Navigation .active > .title .title-more .SPi {
    transform: rotate(90deg) scale(1.2);
}

.SP-Navigation .lastOpenNode > ul > li > .title, .SP-Navigation .path > .title, .SP-Navigation .root > .title {
    background-color: #f4f4f4;
    border-top: 1px solid #a7a7a7;
}

.SP-Navigation li.path > .title {
    background-color: #e3e2e1;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .15);
}

.SP-Navigation .lastOpenNode > ul > li.path > .title {
    background-color: #e3e2e1;
    border-top: 1px solid #d4d700;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .15);
}

.SP-Navigation li.active.hasChildren:not(.root) > .title, .SP-Navigation li.path.hasChildren:not(.root) > .title {
    border-top-color: #006c72 !important;
}

.SP-Navigation li.root > .title {
    background-color: #ddd;
    border-top: 3px solid #d4d700 !important;
}

.SP-Navigation .lastOpenNode > ul > li.active > .title, .SP-Navigation li.active > .title {
    background-color: #cce2e3;
    border-top: 1px solid #a7a7a7;
}

.SP-Navigation .active:not(.hasChildren) > .title {
    box-shadow: none !important;
}

.SP-Navigation .teaser {
    background-color: #fff;
    border-top: 1px solid #ddd;
    height: 0;
    overflow: hidden;
    transition: height .3s ease-out;
    font-weight: 400;
    font-size: .7em;
    line-height: 18px/14px;
}

.SP-Navigation .teaser .link {
    overflow: hidden;
    text-decoration: none;
    display: flex;
    justify-content: stretch;
    height: 100%;
}

.SP-Navigation .teaser .image {
    flex-shrink: 0;
    height: 100px;
    width: 100px;
}

.SP-Navigation .teaser .text {
    -webkit-line-clamp: 4;
    color: #444;
    display: block;
    display: -webkit-box;
    line-height: 1.3;
    text-decoration: none;
    overflow: hidden;
    flex-grow: 1;
    margin: 1em 1.7857142857em .7857142857em 1em;
}

.SP-Navigation .active > .teaser {
    height: 100px;
}

.SP-Navigation .active.hasChildren ~ li, .SP-Navigation li {
    height: 0;
    overflow: hidden;
    transition: height .3s ease-out;
}

.SP-Navigation .active.lastOpenNode, .SP-Navigation .lastOpenNode > ul > li:not(.path):not(.active), .SP-Navigation .path, .SP-Navigation .root {
    overflow: visible;
}

.SP-Navigation .active, .SP-Navigation .active > ul > li, .SP-Navigation .lastOpenNode > ul > li, .SP-Navigation .path {
    height: 2.5em;
}

.SP-Navigation .active {
    height: calc(2.5em + 100px) !important;
}

.SP-EmergencyMessage {
    background-color: #de0000;
    color: #fff;
    padding: 1rem;
}

.SP-EmergencyMessage .SP-Headline--paragraph, .SP-EmergencyMessage .SP-Survey__item__action .SP-Legend--radio, .SP-Survey__item__action .SP-EmergencyMessage .SP-Legend--radio {
    color: #fff;
}

.SP-EmergencyMessage__icon {
    left: -.3em !important;
    top: -.3em;
    fill: #fff;
    height: 2em !important;
    width: 2em !important;
}

.SP-EmergencyMessage__header {
    padding-left: 1.75em;
    font-size: 1em;
    line-height: 1.25;
    padding-bottom: .5em;
    position: relative;
}

.SP-Headline--emergency {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 1em;
}

.SP-Lightbox--emergency .SP-EmergencyMessage {
    padding: 0 5%;
}

.SP-EmergencyMessage + .SP-EmergencyMessage {
    margin-top: 2rem;
    border-top: 1px solid #fff;
    padding-top: 2.1rem;
}

.SP-EmergencyMessage__title::after {
    content: " | ";
}

.SP-QuickSearch {
    background-color: #fff;
    height: 55px;
    max-width: 783px;
    left: 50%;
    position: absolute;
    top: -16vh;
    transform: translateX(-50%);
    width: 90vw;
    z-index: 1002;
}

.SP-QuickSearch__fieldset {
    display: flex;
}

.SP-QuickSearch__label {
    flex: 1 1;
    position: relative;
}

.SP-QuickSearch__label__text {
    font-size: 1.25rem;
    left: 20px;
    line-height: 55px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .15s ease;
}

.SP-QuickSearch__control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    font: inherit;
    font-size: 1.25rem;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    width: 100%;
}

.SP-QuickSearch__control:focus ~ .SP-QuickSearch__label__text, .SP-QuickSearch__control: valid ~ .SP-QuickSearch__label__text {
    opacity: 0;
}

.SP-QuickSearch__submit {
    cursor: pointer;
    fill: #006c72;
    height: 55px;
    width: 55px;
    margin-right: 10px;
}

.SP-QuickSearch__submit .SP-QuickSearch__submit__icon {
    height: 100%;
    padding: 8px;
    width: 100%;
}

::-webkit-search-cancel-button {
    display: none;
}

@media (min-width: 63.4375rem) {
    .SP-QuickSearch--homepage.mfp-hide {
        display: block !important;
    }

    .SP-QuickSearch--homepage {
        bottom: 50px;
        max-width: 670px;
        top: auto;
        transform: translateX(-50%);
        width: calc(100% - 20px);
        z-index: 1003;
    }
}

.SP-Suggest {
    border-top: 1px solid #666;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .4);
    text-align: left;
}

.SP-Suggest__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: list-item;
}

.SP-Suggest__item {
    background-color: #fff;
    font-size: 1.125em;
    cursor: pointer;
    overflow: hidden;
    padding: .5rem 1rem;
    transition: background-color .15s ease, color .15s ease;
    width: 100%;
}

.SP-Suggest__item:nth-child(2n) {
    background-color: #ededed;
}

.SP-Suggest__link {
    color: inherit;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.SP-Suggest__link:hover {
    color: inherit;
}

.SP-Suggest__amount {
    display: none;
}

.SP-Stage {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.SP-isNavigating .SP-Stage__header {
    width: 100vw;
}

.no-hiddenscroll .SP-isNavigating .SP-Stage__header {
    width: calc(100vw - 17px);
}

@media (min-width: 63.4375rem) {
    .SP-Stage__header {
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        z-index: 2;
    }

    .SP-Stage__header .SP-Header {
        background: 0 0;
        box-shadow: none;
        display: flex;
    }

    .SP-Stage__header .SP-Header__trigger {
        display: none;
    }

    .SP-Stage__header .SP-Header__logo .SP-Logo:not(.SP-Logo--stage) {
        display: none;
    }

    .SP-Stage__header .SP-Header__logo .SP-Logo--stage {
        display: block;
    }

    .SP-Stage__header .SP-Header--micrositeCustom.SP-Header--homepage .SP-Header__headline, .SP-Stage__header .SP-Header__headline {
        color: #fff;
        white-space: nowrap;
    }
}

.SP-Stage__slideshow {
    flex-grow: 1;
    min-height: calc(13.5416666667vw + 276.666666667px);
}

.SP-Stage__slideshow .SP-FixedSize {
    display: block;
    min-height: calc(13.5416666667vw + 276.666666667px);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.SP-Stage__slideshow .SP-FixedSize__raiser--stage {
    position: static;
}

.SP-Stage__slideshow .SP-FixedSize__content {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 110%;
}

.SP-Stage__footer {
    background-color: #006c72;
    height: 80px;
    position: relative;
    text-align: center;
    z-index: 2;
}

@media (min-width: 63.4375rem) {
    .SP-Stage__footer {
        height: 115px;
    }
}

.SP-Stage__skip {
    cursor: pointer;
    display: inline-block;
    fill: #fff;
    height: 50px;
    padding: 6px;
    position: relative;
    top: -25px;
    width: 50px;
}

.SP-Stage__skip__icon {
    background-color: #006c72;
    border-radius: 50%;
    padding: 8px;
}

.SP-Stage__skip__icon--large {
    display: none;
}

@media (min-width: 63.4375rem) {
    .SP-Stage__skip {
        bottom: -65px;
        padding: 2px;
        top: auto;
    }

    .SP-Stage__skip__icon {
        border-radius: 0;
    }

    .SP-Stage__skip__icon--small {
        display: none;
    }

    .SP-Stage__skip__icon--large {
        display: block;
    }
}

.SP-Stage__links {
    height: 100%;
}

.SP-Stage__links__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    list-style: none;
    padding-left: 0;
    position: relative;
    top: .75rem;
}

.SP-Header--micrositeCustom + .SP-Stage__links__wrapper .SP-Stage__links__list, .SP-Header--micrositeWuppertal + .SP-Stage__links__wrapper .SP-Stage__links__list {
    top: .3125rem;
}

.SP-Stage__links__item--largeScreen {
    display: none;
}

.SP-Stage__link {
    color: #fff;
    font-size: .75rem;
    line-height: 1.25;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.SP-Stage__link:hover {
    color: #fff;
    text-decoration: underline;
}

@media (min-width: 40rem) {
    .SP-Stage__links__wrapper {
        padding-right: 20px;
    }

    .SP-Stage__links__item--smallScreen {
        display: none;
    }

    .SP-Stage__links__item--largeScreen {
        display: block;
    }

    .SP-Stage__links__list {
        display: flex;
    }

    .SP-Stage__link {
        font-size: 1rem;
        line-height: 1.25;
        padding-left: 8px;
        padding-right: 8px;
        white-space: nowrap;
    }
}

@media (max-width: 63.4375rem) {
    .SP-Stage__links.SP-inHeader {
        display: none;
    }

    .SP-Stage__links.SP-inFooter {
        bottom: 75px;
        position: absolute;
        width: 100%;
    }

    .SP-Stage__links.SP-inFooter .SP-Stage__links__list {
        position: absolute;
        top: 0;
        width: 100%;
    }
}

@media (min-width: 63.4375rem) {
    .SP-Stage__link {
        font-size: 1.125rem;
        line-height: 1.25;
    }

    .SP-Stage__links.SP-inFooter {
        display: none;
    }

    .SP-Stage__links__list::before {
        color: #fff;
        content: "|";
        float: left;
    }

    .SP-Stage__links__item::after {
        color: #fff;
        content: "|";
    }
}

@media (min-width: 80rem) {
    .SP-Header--homepage .SP-Logo--stage {
        height: 45px;
        width: 144px;
    }
}

@media (max-width: 63.5rem) {
    .SP-Stage--microsite .SP-Stage__footer {
        height: 20px;
    }
}

.SP-Stage--microsite .SP-FixedSize__raiser--stage {
    padding-top: calc(100vh - 75px);
}

@media (min-width: 40rem) {
    .SP-Stage--microsite .SP-FixedSize__raiser--stage {
        padding-top: calc(100vh - 95px);
    }
}

@media (min-width: 63.4375rem) {
    .SP-Stage--microsite .SP-FixedSize__raiser--stage {
        padding-top: calc(100vh - 115px);
    }
}

@media (min-width: 63.4375rem) {
    .SP-Header--homepage--micrositeCustom.SP-Header--noTitle .SP-Header__logo {
        margin-top: 15px;
    }

    .SP-Header--homepage--micrositeCustom.SP-Header--noTitle .SP-Header__logo .SP-Logo {
        height: 100px;
        max-width: 360px;
    }
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.SP-Wiggle {
    animation: shake .3s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}

.SP-WebAccount .SP-Paragraph:not(:last-child) {
    margin-bottom: 2.5rem;
}

.SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Field__hint a {
    color: #fff;
}

.SP-WebaccountLogin .SP-WebaccountLogin__login .SP-Field__hint a:hover {
    color: #fff;
}

.SP-WebaccountLogin .SP-Paragraph > :last-child {
    margin-bottom: 2.5rem;
}

.SP-WebaccountLogin .SP-Form {
    margin-bottom: 0;
}

@media (max-width: 39.9375rem) {
    .SP-WebaccountLogin__login {
        border-bottom: 1px solid #fff;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 40rem) {
    .SP-WebaccountLogin {
        align-items: stretch;
        display: flex;
    }

    .SP-WebaccountLogin__login, .SP-WebaccountLogin__passwordLost, .SP-WebaccountLogin__register {
        position: relative;
        width: 50%;
    }

    .SP-WebaccountLogin__login .SP-Button, .SP-WebaccountLogin__passwordLost .SP-Button, .SP-WebaccountLogin__register .SP-Button {
        bottom: 0;
        position: absolute;
        right: 0;
    }

    .SP-WebaccountLogin__login, .SP-WebaccountLogin__passwordLost {
        margin-right: 2rem;
    }

    .SP-WebaccountLogin__register {
        border-left: 1px solid #fff;
        padding-left: 2rem;
    }
}

.SP-Block {
    border: 1px solid #006c72;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
}

.SP-Block .SP-Headline--paragraph, .SP-Block .SP-Survey__item__action .SP-Legend--radio, .SP-Survey__item__action .SP-Block .SP-Legend--radio {
    background-color: #006c72;
    color: #fff;
    font-size: 1em;
    padding: 10px;
}

.SP-Block .SP-Paragraph {
    padding-left: 10px;
    padding-right: 10px;
}

@media print {
    .SP-MoreLikeThis {
        display: none !important;
    }
}

.SP-MoreLikeThis__headline {
    align-items: center;
    background-color: #cce2e3;
    color: #006c72;
    display: flex;
    font-size: 1.6875em;
    height: 150px;
    justify-content: center;
    line-height: 1.15;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.SP-MoreLikeThis__headline::after, .SP-MoreLikeThis__headline::before {
    content: "";
    background: #006c72;
    height: 1px;
    left: 50%;
    margin-left: -55px;
    position: absolute;
    width: 110px;
}

.SP-MoreLikeThis__headline::before {
    top: 30px;
}

.SP-MoreLikeThis__headline::after {
    bottom: 30px;
}

.SP-MoreLikeThis__slider {
    background-color: #80b6b9;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
}

.SP-MoreLikeThis__slider .slick-dots {
    bottom: -30px;
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    position: absolute;
    width: 100%;
}

.SP-MoreLikeThis__slider .slick-dots li {
    margin-left: 10px;
    margin-right: 10px;
}

.SP-MoreLikeThis__slider .slick-dots button {
    background-color: #006c72;
    border-radius: 50%;
    height: 10px;
    overflow: hidden;
    text-indent: -20px;
    width: 10px;
}

.SP-MoreLikeThis__slider .slick-dots .slick-active button {
    background-color: #cce2e3;
}

.SP-MoreLikeThis__slider__next, .SP-MoreLikeThis__slider__previous {
    cursor: pointer;
    fill: #006c72;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}

.SP-MoreLikeThis__slider__next.slick-disabled, .SP-MoreLikeThis__slider__previous.slick-disabled {
    display: none !important;
}

.SP-MoreLikeThis__slider__previous {
    transform: rotate(180deg);
    left: 0;
}

@media (min-width: 1716px) {
    .SP-MoreLikeThis__slider__previous {
        left: -65px;
    }
}

.SP-MoreLikeThis__slider__next {
    right: 0;
}

@media (min-width: 1716px) {
    .SP-MoreLikeThis__slider__next {
        right: -65px;
    }
}

.SP-MoreLikeThis__slider__list:not(.slick-slider) {
    display: flex;
    flex-wrap: wrap;
    max-height: 335px;
    overflow: hidden;
}

@media (min-width: 40rem) {
    .SP-MoreLikeThis__slider__list {
        padding-left: 65px;
        padding-right: 65px;
    }

    .SP-MoreLikeThis__slider .slick-dots {
        width: calc(100% - 130px);
    }
}

@media (min-width: 1716px) {
    .SP-MoreLikeThis__slider__list {
        padding-left: 0;
        padding-right: 0;
    }

    .SP-MoreLikeThis__slider .slick-dots {
        width: 100%;
    }
}

.SP-MoreLikeThis__slider__item {
    opacity: 1 !important;
}

.SP-MoreLikeThis__slider__item.SP-MoreLikeThis__slider__item--null, .no-hiddenscroll .SP-MoreLikeThis__slider__item.SP-MoreLikeThis__slider__item--null {
    visibility: hidden;
    width: 0 !important;
}

.SP-MoreLikeThis__slider__item {
    display: block !important;
}

@media (min-width: 40rem) {
    .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 140px) / 2) !important;
    }

    .no-hiddenscroll .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 157px) / 2) !important;
    }

    .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 140px) / 2) !important;
    }

    .SP-MoreLikeThis__slider__item--double {
        width: calc(100vw - 140px) !important;
    }

    .no-hiddenscroll .SP-MoreLikeThis__slider__item--double {
        width: calc((100vw - 157px)) !important;
    }

    .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item--double {
        width: calc(100vw - 140px) !important;
    }
}

@media (min-width: 63.4375rem) {
    .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 190px) / 3) !important;
    }

    .no-hiddenscroll .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 207px) / 3) !important;
    }

    .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 190px) / 3) !important;
    }

    .SP-MoreLikeThis__slider__item--double {
        width: calc(((100vw - 190px) / 3 * 2)) !important;
    }

    .no-hiddenscroll .SP-MoreLikeThis__slider__item--double {
        width: calc((100vw - 207px) / 3 * 2) !important;
    }

    .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item--double {
        width: calc(((100vw - 190px) / 3 * 2)) !important;
    }
}

@media (min-width: 80rem) {
    .SP-MoreLikeThis__slider__item {
        width: calc(((100vw - 190px) / 4)) !important;
    }

    .no-hiddenscroll .SP-MoreLikeThis__slider__item {
        width: calc((100vw - 207px) / 4) !important;
    }

    .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item {
        width: calc(((100vw - 190px) / 4)) !important;
    }

    .SP-MoreLikeThis__slider__item--double {
        width: calc(((100vw - 190px) / 2)) !important;
    }

    .no-hiddenscroll .SP-MoreLikeThis__slider__item--double {
        width: calc((100vw - 207px) / 2) !important;
    }

    .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item--double {
        width: calc(((100vw - 190px) / 2)) !important;
    }
}

@media (min-width: 101rem) {
    .SP-MoreLikeThis__slider__item, .no-hiddenscroll .SP-MoreLikeThis__slider__item, .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item {
        width: calc(1210px / 4) !important;
    }

    .SP-MoreLikeThis__slider__item--double, .no-hiddenscroll .SP-MoreLikeThis__slider__item--double, .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item--double {
        width: calc(1210px / 2) !important;
    }
}

@media (min-width: 1716px) {
    .SP-MoreLikeThis__slider__item, .no-hiddenscroll .SP-MoreLikeThis__slider__item, .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item {
        width: calc(1340px / 4) !important;
    }

    .SP-MoreLikeThis__slider__item--double, .no-hiddenscroll .SP-MoreLikeThis__slider__item--double, .no-hiddenscroll.scrollbarincludedin100vw .SP-MoreLikeThis__slider__item--double {
        width: calc(1340px / 2) !important;
    }
}

@media (min-width: 63.4375rem) {
    .SP-MoreLikeThis__headline {
        font-size: 2em;
    }

    .SP-MoreLikeThis__headline::before {
        margin-left: -110px;
        top: 30px;
    }

    .SP-MoreLikeThis__headline::after {
        bottom: 30px;
        margin-left: 0;
    }
}

.slick-control {
    display: none;
}

.slick-control {
    background-color: rgba(0, 0, 0, .5);
    bottom: 13px;
    height: 45px;
    padding: 5px;
    position: absolute;
    left: 5px;
    width: 45px;
    z-index: 1002;
}

.slick-progress {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.slick-progress-track {
    stroke: #ededed;
}

.slick-progress-value {
    stroke: #006c72;
    stroke-dasharray: 252;
    stroke-dashoffset: 252;
}

.slick-progress-track, .slick-progress-value {
    will-change: stroke-width, stroke-dashoffset;
    transition: stroke-width .3s ease;
}

.slick-control:hover .slick-progress-track {
    stroke-width: 3;
}

.slick-control:hover .slick-progress-value {
    stroke-width: 5;
}

.slick-control-pause, .slick-control-play {
    cursor: pointer;
    fill: #ededed;
    height: 100%;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    transition: color .15s ease, transform .3s ease;
    width: 100%;
}

.slick-control-pause:hover, .slick-control-play:hover {
    transform: scale(1.25);
}

.slick-control-pause.is-hidden, .slick-control-play.is-hidden {
    display: none;
}

.SP-Annotations {
    display: none;
}

.SP-AnnotationViewer {
    background: #000;
    border-color: #333;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    bottom: 0;
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .35);
    color: #bbb;
    fill: currentColor;
    left: 50%;
    max-height: 85vh;
    max-width: 600px;
    opacity: 1;
    overflow-y: auto;
    padding: .5em .5em 2em .5em;
    position: fixed;
    text-align: left;
    transform: translateX(-50%);
    transition: opacity .25s, transform .25s;
    width: 100%;
    z-index: 10001;
}

.SP-AnnotationViewer.SP-isHidden {
    opacity: 0;
    transform: translateY(110%) translateX(-50%);
}

.mfp-zoom-out-cur .SP-AnnotationViewer {
    cursor: default;
}

@media print {
    .SP-AnnotationViewer {
        display: none;
    }
}

.SP-AnnotationViewer__title {
    text-transform: uppercase;
    color: #888;
    border-bottom: 1px solid #666;
    padding-bottom: .5em;
    margin-bottom: .5em;
    padding-left: 35px;
    font-size: .75em;
    line-height: 26px;
    position: relative;
}

.SP-AnnotationViewer__type {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
}

.SP-AnnotationViewer__close {
    cursor: pointer;
    margin: .5em;
    fill: #888;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

.SP-AnnotationViewer__content a {
    color: inherit;
}

@media print {
    .SP-Annotations {
        background-color: #fff;
        border: none;
        color: #000;
        display: block;
        margin: 0 auto;
        padding-left: .1in;
        padding-right: .1in;
        max-width: 1600px;
    }

    .SP-Annotations .SP-Annotations__headline {
        border-bottom: 1px solid rgba(0, 108, 114, .45);
        color: #000;
        font-size: 13.5pt;
        font-weight: 400;
        margin-bottom: 1em;
        padding-bottom: .35em;
    }

    .SP-Annotations .SP-Annotations__section__headline {
        border-bottom: 0;
        color: #000;
        font-size: 12pt;
        font-weight: 400;
        margin-bottom: .75em;
        margin-top: 2rem;
    }

    .SP-Annotations .SP-Annotations__list {
        font-size: 10.5pt;
        list-style: decimal;
        margin: 0;
        padding: 0 0 0 40px;
        overflow: auto;
        padding-left: 1.5em;
    }

    .SP-Annotations .SP-Annotations__list__item {
        color: #000;
        display: list-item;
    }
}

.SP-Content__panelGroup > .SP-PanelGroup__tabList {
    border-bottom: 1px solid #555;
    margin-left: 10px;
    margin-right: 10px;
}

.SP-Content__panelGroup > .SP-PanelGroup__tabList .SP-PanelGroup__tabList__tab {
    border-bottom: 3px solid #fff;
    margin-right: 2rem;
    padding-bottom: .5em;
    text-transform: uppercase;
}

.SP-Content__panelGroup > .SP-PanelGroup__tabList .SP-PanelGroup__tabList__tab[aria-expanded=true] {
    border-bottom: 3px solid #006c72;
    font-weight: 400;
}

.SP-Content__panelGroup > .SP-PanelGroup__tabList .SP-PanelGroup__tabList__tab__icon {
    top: .25em;
    fill: #006c72;
}

.SP-PanelGroup__tabList__tab {
    cursor: pointer;
}

.SP-Section {
    clear: both;
    padding-bottom: 2rem;
}

.SP-Section::after {
    clear: both;
    content: "";
    display: table;
}

@keyframes page-reveal {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.SP-Page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.SP-Page__loader {
    opacity: 1;
    animation: page-reveal ease-in 1;
    animation-duration: .5s;
    animation-delay: 1.25s;
    animation-fill-mode: forwards;
    background-color: #006c72;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1015;
}

@media print {
    .SP-Page__loader {
        display: none;
    }
}

.SP-Page__loader__logo {
    left: 50%;
    max-width: 200px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    z-index: 1016;
}

@media print {
    .SP-Page {
        display: inline;
        float: none;
        height: auto !important;
        margin: 0;
        min-height: 100% !important;
        padding-right: 0;
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button:: -moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1;
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar: empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(.75);
    }

    .mfp-arrow-left {
        transform-origin: 0;
    }

    .mfp-arrow-right {
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/*! jQuery UI - v1.12.1 - 2017-07-19 * http: //jqueryui.com * Includes: core.css, datepicker.css, slider.css, theme.css * To view and modify this theme, visit http: //jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors;
    Licensed MIT */
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700;
}

.ui-widget-header a {
    color: #333;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545;
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png);
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png);
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666;
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0;
}

.pswp * {
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container, .pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    transition: none;
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc;
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline;
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: 0;
    opacity: .9;
}

.pswp__button:: -moz-focus-inner {
    padding: 0;
    border: 0;
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: 0 0;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

@keyframes clockwise {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-140deg);
    }

    100% {
        transform: rotate(0);
    }
}


.grid-container {
    display: grid;
}

.results {
    border: 1px solid #006c72;
    border-collapse: collapse;
    margin: 0.5em;
    width: 100%;
}

.results table {
    table-layout: fixed;
    width: 100%;
}

.results tr {
    background-color: #fff;
    border-color: #999;
}

.results tr:nth-child(2n) {
    background-color: #ededed;
}

.results thead th {
    border-bottom: 2px solid rgb(0, 108, 114);
    padding: 0.25em 0.5em;
    background-color: #006c72;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    color: #FFF;
}

.results thead tr {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .45);
}

.results td {
    padding: 0.25em 0.5em;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    white-space: pre-wrap;
}

.results .no-header {
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 925px) {
    .results {
        border: 0;
    }

    .results thead {
        display: none;
    }

    .results tr {
        display: block;
        background-color: #fff;
        border: 2px solid rgb(0, 108, 114);
        margin: 0.5em;
    }

    .results td {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        background-color: white;
        white-space: pre-wrap;
    }

    .results td:empty::after {
        content: "-";
        text-align: right;
        display: block;
    }

    .results td[data-label]::before {
        content: attr(data-label) ":";
        float: left;
        display: block;
        border-bottom: 1px solid rgb(0, 108, 114);
    }

    .results td:nth-child(2n) {
        background-color: #ededed;
    }
}

.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid rgb(0, 108, 114);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: 0.5em;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.letters {
    flex-grow: 1;
    overflow-y: auto;
}

.column {
    height: 100%;
}

.SP-Button.SP-Button--default:hover {
    cursor: pointer;
    color: white;
}

.slider {
    display: grid;
    grid-template-columns: 1fr 15fr 1fr;
    grid-template-areas:
        "left image right";
}

.slider-full {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "image";
}

.slide {
    display: none;
}

.slide img {
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.25);
    grid-area: image;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    height: auto;
}

.leftarrow, .rightarrow {
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 35px;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
    border-radius: 3px;
    background-color: #006c72;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    margin: 5px;
    align-self: center;
    text-align: center;
}

.rightarrow {
    grid-area: right;
}

.leftarrow {
    grid-area: left;
}


.leftarrow:hover, .rightarrow:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 80%);
}

.fade {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

.slider {
    margin: 5px;
    grid-area: slider;
}

.details .results, .description .results {
    margin: 0;
    height: 100%;
    width: 100%;
}

.details {
    grid-area: details;
    height: 100%;
    align-self: center;
}

.description {
    grid-area: description;
}

.detail-page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));

    grid-template-areas:
        "slider details"
        "description description";

    margin-bottom: 0.5em;
    min-width: 0;
}

#schulwegbereiche {
    display: grid;
    grid-template-columns: 1fr 10fr;

    grid-template-areas:
        "left right";
}

#schulwegbereiche #left {
    grid-area: left;
}

#schulwegbereiche #right {
    grid-area: right;
}

@media (max-width: 900px) {
    .detail-page {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));

        grid-template-areas:
            "slider"
            "details"
            "description";
    }

}

.alertTop {
    display:none;
    background: red;
    color: white;
    padding: 10px;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
}

#suchergebnisse {
    margin-top: 2rem;
}