@media screen and (max-width: 940px) {
    :root {
        --kds-sema-color-on-inverse-surface-rgb: 255, 255, 255;
        --kds-sema-color-on-inverse-surface: rgba(var(--kds-sema-color-on-inverse-surface-rgb));
        --kds-sema-color-inverse-surface-rgb: 12, 12, 11;
        --kds-sema-color-inverse-surface: rgba(var(--kds-sema-color-inverse-surface-rgb));
        --kds-sema-color-dim-rgb: 0, 0, 0;
        --kds-sema-color-dim: rgba(var(--kds-sema-color-dim-rgb));
        --kds-sema-color-utility-nonessential-rgb: 221, 219, 213;
        --kds-sema-color-utility-nonessential: rgba(var(--kds-sema-color-utility-nonessential-rgb));
        --kds-sema-color-utility-subdued-rgb: 190, 188, 183;
        --kds-sema-color-utility-subdued: rgba(var(--kds-sema-color-utility-subdued-rgb));
        --kds-sema-color-utility-rgb: 149, 149, 142;
        --kds-sema-color-utility: rgba(var(--kds-sema-color-utility-rgb));
        --kds-sema-color-on-surface-nonessential-rgb: 119, 117, 111;
        --kds-sema-color-on-surface-nonessential: rgba(var(--kds-sema-color-on-surface-nonessential-rgb));
        --kds-sema-color-on-surface-subdued-rgb: 51, 50, 46;
        --kds-sema-color-on-surface-subdued: rgba(var(--kds-sema-color-on-surface-subdued-rgb));
        --kds-sema-color-surface-subdued-rgb: 244, 242, 239;
        --kds-sema-color-surface-subdued: rgba(var(--kds-sema-color-surface-subdued-rgb));
        --kds-sema-color-on-surface-rgb: 12, 12, 11;
        --kds-sema-color-on-surface: rgba(var(--kds-sema-color-on-surface-rgb));
        --kds-sema-color-on-surface-dim-1: rgba(var(--kds-sema-color-on-surface-rgb), 0.72);
        --kds-sema-color-on-surface-dim-2: rgba(var(--kds-sema-color-on-surface-rgb), 0.5);
        --kds-sema-color-surface-rgb: 255, 255, 255;
        --kds-sema-color-surface: rgba(var(--kds-sema-color-surface-rgb));
        --kds-sema-color-on-background-nonessential-rgb: 119, 117, 111;
        --kds-sema-color-on-background-nonessential: rgba(var(--kds-sema-color-on-background-nonessential-rgb));
        --kds-sema-color-on-background-subdued-rgb: 51, 50, 46;
        --kds-sema-color-on-background-subdued: rgba(var(--kds-sema-color-on-background-subdued-rgb));
        --kds-sema-color-background-subdued-rgb: 244, 242, 239;
        --kds-sema-color-background-subdued: rgba(var(--kds-sema-color-background-subdued-rgb));
        --kds-sema-color-on-background-rgb: 12, 12, 11;
        --kds-sema-color-on-background: rgba(var(--kds-sema-color-on-background-rgb));
        --kds-sema-color-background-rgb: 255, 255, 255;
        --kds-sema-color-background: rgba(var(--kds-sema-color-background-rgb));
        --kds-sema-color-on-feature-gallery-rgb: 255, 255, 255;
        --kds-sema-color-on-feature-gallery: rgba(var(--kds-sema-color-on-feature-gallery-rgb));
        --kds-sema-color-feature-gallery-rgb: 90, 51, 174;
        --kds-sema-color-feature-gallery: rgba(var(--kds-sema-color-feature-gallery-rgb));
        --kds-sema-color-on-feature-top-rgb: 255, 255, 255;
        --kds-sema-color-on-feature-top: rgba(var(--kds-sema-color-on-feature-top-rgb));
        --kds-sema-color-feature-top-rgb: 90, 51, 174;
        --kds-sema-color-feature-top: rgba(var(--kds-sema-color-feature-top-rgb));
        --kds-sema-color-on-feature-highlight-container-rgb: 12, 12, 11;
        --kds-sema-color-on-feature-highlight-container: rgba(var(--kds-sema-color-on-feature-highlight-container-rgb));
        --kds-sema-color-feature-highlight-container-rgb: 224, 209, 255;
        --kds-sema-color-feature-highlight-container: rgba(var(--kds-sema-color-feature-highlight-container-rgb));
        --kds-sema-color-on-feature-highlight-rgb: 255, 255, 255;
        --kds-sema-color-on-feature-highlight: rgba(var(--kds-sema-color-on-feature-highlight-rgb));
        --kds-sema-color-feature-highlight-rgb: 90, 51, 174;
        --kds-sema-color-feature-highlight: rgba(var(--kds-sema-color-feature-highlight-rgb));
        --kds-sema-color-on-critical-rgb: 255, 255, 255;
        --kds-sema-color-on-critical: rgba(var(--kds-sema-color-on-critical-rgb));
        --kds-sema-color-critical-rgb: 179, 12, 12;
        --kds-sema-color-critical: rgba(var(--kds-sema-color-critical-rgb));
        --kds-sema-color-on-urgent-rgb: 12, 12, 11;
        --kds-sema-color-on-urgent: rgba(var(--kds-sema-color-on-urgent-rgb));
        --kds-sema-color-urgent-rgb: 255, 167, 63;
        --kds-sema-color-urgent: rgba(var(--kds-sema-color-urgent-rgb));
        --kds-sema-color-on-urgent-container-rgb: 132, 74, 7;
        --kds-sema-color-on-urgent-container: rgba(var(--kds-sema-color-on-urgent-container-rgb));
        --kds-sema-color-urgent-container-rgb: 255, 203, 141;
        --kds-sema-color-urgent-container: rgba(var(--kds-sema-color-urgent-container-rgb));
        --kds-sema-color-on-interactive-rgb: 255, 255, 255;
        --kds-sema-color-on-interactive: rgba(var(--kds-sema-color-on-interactive-rgb));
        --kds-sema-color-interactive-rgb: 50, 105, 22;
        --kds-sema-color-interactive: rgba(var(--kds-sema-color-interactive-rgb));
        --kds-sema-color-interactive-container-rgb: 96, 159, 40;
        --kds-sema-color-interactive-container: rgba(var(--kds-sema-color-interactive-container-rgb));
        --kds-sema-color-on-interactive-container-rgb: 12, 12, 11;
        --kds-sema-color-on-interactive-container: rgba(var(--kds-sema-color-on-interactive-container-rgb));
        --kds-sema-color-on-primary-variant-rgb: 244, 242, 239;
        --kds-sema-color-on-primary-variant: rgba(var(--kds-sema-color-on-primary-variant-rgb));
        --kds-sema-color-primary-variant-rgb: 50, 105, 22;
        --kds-sema-color-primary-variant: rgba(var(--kds-sema-color-primary-variant-rgb));
        --kds-sema-color-on-primary-container-rgb: 29, 75, 0;
        --kds-sema-color-on-primary-container: rgba(var(--kds-sema-color-on-primary-container-rgb));
        --kds-sema-color-primary-container-rgb: 233, 248, 198;
        --kds-sema-color-primary-container: rgba(var(--kds-sema-color-primary-container-rgb));
        --kds-sema-color-on-primary-rgb: 29, 75, 0;
        --kds-sema-color-on-primary: rgba(var(--kds-sema-color-on-primary-rgb));
        --kds-sema-color-primary-rgb: 181, 233, 65;
        --kds-sema-color-primary: rgba(var(--kds-sema-color-primary-rgb));
        --kds-sema-color-primary-hover: rgba(181, 233, 65, 0.7);
        --kds-sema-color-intermediate-feature-bumpup-rgb: var(--kds-sema-color-accent-rgb);
        --kds-sema-color-intermediate-feature-bumpup: rgba(var(--kds-sema-color-intermediate-feature-bumpup-rgb));
        --kds-sema-color-on-secondary-rgb: 255, 255, 255;
        --kds-sema-color-on-secondary: rgba(var(--kds-sema-color-on-secondary-rgb));
        --kds-sema-color-secondary-rgb: 50, 105, 22;
        --kds-sema-color-secondary: rgba(var(--kds-sema-color-secondary-rgb));
        --kds-sema-color-secondary-container-rgb: 211, 242, 141;
        --kds-sema-color-secondary-container: rgba(var(--kds-sema-color-secondary-container-rgb));
        --kds-sema-color-intermediate-primary-hover-rgb: var(--kds-sema-color-secondary-container-rgb);
        --kds-sema-color-intermediate-primary-hover: rgba(var(--kds-sema-color-intermediate-primary-hover-rgb));
        --kds-sema-color-intermediate-secondary-button-border-rgb: var(--kds-sema-color-utility-rgb);
        --kds-sema-color-intermediate-secondary-button-border: rgba(var(--kds-sema-color-intermediate-secondary-button-border-rgb));
        --kds-sema-color-on-secondary-container-rgb: 29, 75, 0;
        --kds-sema-color-on-secondary-container: rgba(var(--kds-sema-color-on-secondary-container-rgb));
        --kds-sema-color-critical-container-rgb: 255, 215, 215;
        --kds-sema-color-critical-container: rgba(var(--kds-sema-color-critical-container-rgb));
        --kds-sema-color-on-critical-container-rgb: 179, 12, 12;
        --kds-sema-color-on-critical-container: rgba(var(--kds-sema-color-on-critical-container-rgb));
        --kds-sema-color-confirm-rgb: 50, 105, 22;
        --kds-sema-color-confirm: rgba(var(--kds-sema-color-confirm-rgb));
        --kds-sema-color-on-confirm-rgb: 255, 255, 255;
        --kds-sema-color-on-confirm: rgba(var(--kds-sema-color-on-confirm-rgb));
        --kds-sema-color-on-confirm-container-rgb: 50, 105, 22;
        --kds-sema-color-on-confirm-container: rgba(var(--kds-sema-color-on-confirm-container-rgb));
        --kds-sema-color-confirm-container-rgb: 233, 248, 198;
        --kds-sema-color-confirm-container: rgba(var(--kds-sema-color-confirm-container-rgb));
        --kds-sema-color-on-neutral-container-rgb: 80, 78, 72;
        --kds-sema-color-on-neutral-container: rgba(var(--kds-sema-color-on-neutral-container-rgb));
        --kds-sema-color-neutral-container-rgb: 244, 242, 239;
        --kds-sema-color-neutral-container: rgba(var(--kds-sema-color-neutral-container-rgb));
        --kds-sema-color-on-neutral-rgb: 255, 255, 255;
        --kds-sema-color-on-neutral: rgba(var(--kds-sema-color-on-neutral-rgb));
        --kds-sema-color-neutral-rgb: 80, 78, 72;
        --kds-sema-color-neutral: rgba(var(--kds-sema-color-neutral-rgb));
        --kds-sema-color-on-info-container-rgb: 67, 35, 135;
        --kds-sema-color-on-info-container: rgba(var(--kds-sema-color-on-info-container-rgb));
        --kds-sema-color-info-container-rgb: 224, 209, 255;
        --kds-sema-color-info-container: rgba(var(--kds-sema-color-info-container-rgb));
        --kds-sema-color-on-info-rgb: 255, 255, 255;
        --kds-sema-color-on-info: rgba(var(--kds-sema-color-on-info-rgb));
        --kds-sema-color-info-rgb: 134, 89, 228;
        --kds-sema-color-info: rgba(var(--kds-sema-color-info-rgb));
        --kds-sema-color-accent-rgb: 90, 51, 174;
        --kds-sema-color-accent: rgba(var(--kds-sema-color-accent-rgb));
        --kds-sema-color-on-accent-rgb: 255, 255, 255;
        --kds-sema-color-on-accent: rgba(var(--kds-sema-color-on-accent-rgb));
        --kds-sema-color-accent-container-rgb: 224, 209, 255;
        --kds-sema-color-accent-container: rgba(var(--kds-sema-color-accent-container-rgb));
        --kds-sema-color-on-accent-container-rgb: 29, 6, 78;
        --kds-sema-color-on-accent-container: rgba(var(--kds-sema-color-on-accent-container-rgb));
        --kds-sema-opacity-high: 64%;
        --kds-sema-opacity-medium: 40%;
        --kds-sema-border-radius-none: 0px;
        --kds-sema-border-radius-xsmall: 2px;
        --kds-sema-border-radius-small: 4px;
        --kds-sema-border-radius-medium: 8px;
        --kds-sema-border-radius-large: 16px;
        --kds-sema-border-radius-full: 9999px;
        --kds-sema-opacity-transparency-deactivated: 80%;
        --kds-sema-opacity-transparency-background: 70%;
        --kds-sema-opacity-transparency-content: 80%;
        --kds-sema-opacity-on-layer-disabled: 38%;
        --kds-sema-opacity-layer-disabled: 12%;
        --kds-sema-opacity-layer-pressed: 12%;
        --kds-sema-opacity-layer-hover: 8%;
        --kds-sema-opacity-layer-rest: 2%;
        --kds-sema-opacity-icon-disabled: 30%;
        --kds-sema-opacity-label-disabled: 30%;
        --kds-sema-opacity-outline-disabled: 30%;
        --kds-sema-opacity-surface-disabled: 60%;
        --kds-sema-border-radius-intermediate-badge: var(--kds-sema-border-radius-xsmall);
        --kds-sema-border-radius-intermediate-button: var(--kds-sema-border-radius-full);
        --kds-sema-border-radius-intermediate-feedback-notification: var(--kds-sema-border-radius-medium)
    }

    :root {
        --kds-intermediate-border-radius-contentbox: var(--kds-sema-border-radius-xsmall);
        --kds-intermediate-border-radius-box: var(--kds-sema-border-radius-small);
        --kds-intermediate-border-radius-form: var(--kds-sema-border-radius-small);
        --kds-intermediate-border-radius-formcontrol: var(--kds-sema-border-radius-medium);
        --kds-intermediate-border-radius-gallery: var(--kds-sema-border-radius-small);
        --kds-intermediate-border-radius-tile: var(--kds-sema-border-radius-xsmall);
        --kds-intermediate-border-radius-modal: var(--kds-sema-border-radius-medium);
        --kds-intermediate-border-radius-pagination: var(--kds-sema-border-radius-medium);
        --kds-sema-border-radius-accordion: var(--kds-sema-border-radius-none);
        --kds-sema-border-radius-list: var(--kds-sema-border-radius-none);
        --kds-sema-border-radius-tab-navigation: var(--kds-sema-border-radius-none);
        --kds-sema-border-radius-divider: var(--kds-sema-border-radius-none);
        --kds-sema-border-radius-price-tag: var(--kds-sema-border-radius-none);
        --kds-sema-border-radius-badge: var(--kds-sema-border-radius-xsmall);
        --kds-sema-border-radius-cards: var(--kds-sema-border-radius-small);
        --kds-sema-border-radius-counter: var(--kds-sema-border-radius-full);
        --kds-sema-border-radius-checkbox: var(--kds-sema-border-radius-small);
        --kds-sema-border-radius-tooltip: var(--kds-sema-border-radius-small);
        --kds-sema-border-radius-input-field: var(--kds-sema-border-radius-medium);
        --kds-sema-border-radius-select-field: var(--kds-sema-border-radius-medium);
        --kds-sema-border-radius-feedback-notification: var(--kds-sema-border-radius-medium);
        --kds-sema-border-radius-open-text-field-chat: var(--kds-sema-border-radius-medium);
        --kds-sema-border-radius-offer-box-chat: var(--kds-sema-border-radius-medium);
        --kds-sema-border-radius-button: var(--kds-sema-border-radius-full);
        --kds-sema-border-radius-filter-chips: var(--kds-sema-border-radius-full);
        --kds-sema-border-radius-toggle: var(--kds-sema-border-radius-full);
        --kds-sema-border-radius-radio-button: var(--kds-sema-border-radius-full);
        --kds-sema-border-radius-page-control: var(--kds-sema-border-radius-full);
        --kds-intermediate-opacity-transparency-deactivated: 80%;
        --kds-intermediate-opacity-disabled: 30%
    }

    :root {
        --font-family-title: "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-family-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-weight-regular: 400;
        --font-weight-medium: 400;
        --font-weight-strong: 700
    }

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, .link-fake, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block
    }

    img {
        margin: 0;
        padding: 0;
        border: 0
    }

    html {
        font-size: 1rem
    }

    body {
        line-height: 1;
        font-size: .875rem;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased
    }

    html, body {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        min-height: 100%;
        height: 100%
    }

    select, input, textarea {
        font-family: var(--font-family-body);
        font-size: 100%
    }

    ol, ul {
        list-style: none
    }

    blockquote, q {
        quotes: none
    }

    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    body {
        font-family: var(--font-family-body);
        color: var(--kds-sema-color-on-background);
        background-color: var(--kds-sema-color-background-subdued)
    }

    a.link-nonessential, .link-nonessential.link-fake {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: var(--kds-sema-color-surface)
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    input[type=number] {
        -moz-appearance: textfield
    }

    input[type=checkbox] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        display: inline-block;
        width: 15px;
        height: 15px;
        padding: 0px;
        margin: 0px 6px 0px 0px
    }

    input[type=checkbox], input[type=radio] {
        accent-color: var(--kds-sema-color-interactive)
    }

    p {
        margin: 1em 0;
        line-height: 1.5
    }

    img, object, embed {
        max-width: 100%;
        height: auto
    }

    .wrapped {
        word-wrap: break-word
    }

    .text-icon {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .Title1 {
        font-weight: 700;
        font-size: 18px;
        line-height: 130%
    }

    #home #mainnav-home, #messages #mainnav-messages, #watchlist #mainnav-watchlist, #postad #mainnav-postad {
        border-color: var(--kds-sema-color-primary)
    }

    #page {
        max-width: 640px;
        min-width: 320px;
        width: 100%;
        margin: 4.375rem auto 0 auto;
        background-color: var(--kds-sema-color-utility-nonessential);
        flex: 1 0 auto;
        box-sizing: border-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }

    #page-content {
        flex: 1 0 auto;
        color: var(--kds-sema-color-on-surface);
        background-color: var(--kds-sema-color-surface)
    }

    #page-content .l-cardlayout {
        overflow: hidden
    }

    #seo-content-area {
        padding: 20px;
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued)
    }

    #seo-content-area .seo-content-header-wrapper {
        display: flex;
        align-items: center;
        gap: 4px
    }

    #seo-content-area .ai-disclaimer-info-button-mweb {
        padding: 0px;
        margin: 0px;
        cursor: pointer;
        background: none
    }

    #seo-content-area .ai-disclaimer-info-button-mweb:hover, #seo-content-area .ai-disclaimer-info-button-mweb:active {
        background-color: rgba(0, 0, 0, 0)
    }

    #seo-content a, #seo-content .link-fake {
        color: var(--kds-sema-color-interactive)
    }

    .seo-text {
        margin: 15px 0;
        line-height: 1.4em;
        max-height: 500px;
        overflow: hidden;
        transition: all .5s ease
    }

    .toggled {
        max-height: 0;
        margin: 0
    }

    #seo-toggle-button {
        color: var(--kds-sema-color-interactive);
        cursor: pointer
    }

    .ai-disclaimer-modal {
        display: block;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, .5)
    }

    .ai-disclaimer-modal-content {
        background-color: var(--kds-sema-color-surface);
        margin: 15% auto;
        padding: 0;
        border-radius: 8px;
        width: 90%;
        max-width: 500px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
    }

    .ai-disclaimer-modal-header {
        padding: 15px 20px;
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .ai-disclaimer-modal-header h2 {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--kds-sema-color-on-surface)
    }

    .ai-disclaimer-modal-close {
        background: none;
        border: none;
        font-size: 28px;
        font-weight: bold;
        color: var(--kds-sema-color-on-surface);
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .ai-disclaimer-modal-close:hover, .ai-disclaimer-modal-close:focus {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .ai-disclaimer-modal-body {
        padding: 20px
    }

    .ai-disclaimer-modal-body p {
        margin: 0;
        line-height: 1.5;
        color: var(--kds-sema-color-on-surface)
    }

    #page-footer {
        margin: 0 auto;
        background: var(--kds-sema-color-surface);
        padding: 10px 15px;
        border-top: 1px solid var(--kds-sema-color-utility-subdued);
        max-width: 640px;
        min-width: 320px;
        width: 100%;
        box-sizing: border-box;
        flex-shrink: 0
    }

    #page-footer a, #page-footer .link-fake {
        color: var(--kds-sema-color-on-surface-nonessential);
        text-decoration: underline
    }

    #page-footer span {
        color: var(--kds-sema-color-on-surface-nonessential);
        text-decoration: underline;
        cursor: pointer
    }

    #page-footer > nav > ul {
        text-align: center
    }

    #page-footer .footer-navitem {
        font-size: .75rem;
        margin: 0 5px;
        line-height: 2;
        display: inline-block
    }

    #page-footer.has-cta-container {
        margin-top: 2.5em
    }

    .footnote {
        font-size: .75rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .footnote > p {
        margin: 3px
    }

    .has-info-overlay #page-footer {
        margin-bottom: 3.5em
    }

    #logout-area form {
        display: inline
    }

    #logout-area form button.footer-navitem {
        outline: none;
        border: none;
        background: none;
        color: var(--kds-sema-color-on-surface-nonessential);
        font-weight: var(--font-weight-regular);
        text-decoration: underline;
        padding: 0;
        margin: 0;
        font-family: inherit
    }

    .l-modulecontainer, .l-modulecontainer-fullsize, .l-modulecontainer-bigmargin, .l-modulecontainer-bigmargin-fullsize, .l-modulecontainer-nomargin {
        width: 100%;
        box-sizing: border-box;
        margin: 15px 0;
        padding: 0 15px
    }

    .l-modulecontainer-nomargin {
        margin: 0
    }

    .l-modulecontainer-bigmargin, .l-modulecontainer-bigmargin-fullsize {
        margin: 20px 0
    }

    .l-modulecontainer-fullsize {
        padding: 0
    }

    .l-modulecontainer-bigmargin-fullsize {
        padding: 0
    }

    body.no-scroll {
        height: 100%;
        overflow: hidden
    }

    .icon {
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        background-size: contain
    }

    .icon.smallest {
        width: 12px;
        height: 12px
    }

    .icon.small {
        width: 16px;
        height: 16px
    }

    .icon.input {
        width: 16px;
        height: 16px
    }

    .icon.large {
        width: 24px;
        height: 24px
    }

    .icon.xlarge {
        width: 40px;
        height: 40px
    }

    .icon.right {
        float: right
    }

    .icon.list {
        margin-right: 8px
    }

    .inputgroup--row--clear {
        background-image: var(--icn-cancel-circle-gray)
    }

    .icon-clock-gray {
        background-image: var(--icn-clock-gray)
    }

    .is-parent .filternav-enumlist--item, .is-parent.has-children .filternav-enumlist--item {
        background-image: var(--icn-arrow-12px-left-gray600)
    }

    .selectbox {
        background-image: var(--icn-arrow-12px-down-gray600)
    }

    .icon-arrow-12px-right-gray600, .js-on .categorienav--list > li, .has-children .filternav-enumlist--item, .filternav--item--value, .userprofile-teaser.is-active, .unbordered-section.is-active, .is-active.unbordered-section--headline-dark, .is-active.bordered-section--headline-dark, .bordered-section.is-active, .is-active.bordered-section-flex, .is-active.bordered-section-flex-spaced, .is-active.bordered-section-spaced {
        background-image: var(--icn-arrow-12px-right-gray600)
    }

    .icon-arrow-12px-right-green500, .userprofile--morelink {
        background-image: var(--icn-arrow-12px-right-green500)
    }

    .icon-arrow-12px-right-gray400 {
        background-image: var(--icn-arrow-12px-right-gray400)
    }

    .icon-eye-gray {
        background-image: var(--icn-eye-gray)
    }

    .icon-calendar-gray {
        background-image: var(--icn-calendar-gray)
    }

    .icon-phone-interactive {
        background-image: var(--icn-phone-interactive)
    }

    .icon-phone-gray600 {
        background-image: var(--icn-phone-gray600)
    }

    .icon-home {
        background-image: var(--icn-home)
    }

    .icon-chat-16px-interactive {
        background-image: var(--icn-chat-16px-interactive)
    }

    .icon-external-link {
        background-image: var(--icn-extrn-link)
    }

    .icon-external-link-disabled {
        background-image: var(--icn-extrn-link)
    }

    .icon-chat-24px-gray800 {
        background-image: var(--icn-chat-24px-gray800)
    }

    .icon-postad {
        background-image: var(--icn-postAd)
    }

    .icon-badge-topad {
        background-image: var(--icn-topad)
    }

    .icon-badge-gallery {
        background-image: var(--icn-gallery)
    }

    .icon-badge-highlight {
        background-image: var(--icn-highlight)
    }

    .icon-badge-multibumpup {
        background-image: var(--icn-multibumpup)
    }

    .icon-star-filled-accent, .adcardlist--item--action--removewatchlist {
        background-image: var(--icn-star-24px-filled-accent)
    }

    .icon-star-filled-white, .watchlistcta.is-onwatchlist, .is-onwatchlist.sharecta {
        background-image: var(--icn-star-24px-filled-white)
    }

    .icon-star-outlined-white, .watchlistcta, .sharecta {
        background-image: var(--icn-star-outlined-white)
    }

    .icon-search-gray600, .popsearch--items > li {
        background-image: var(--icn-search-gray600) !important
    }

    .icon-star-outlined-gray {
        background-image: var(--icn-star-outlined-gray)
    }

    .icon-website-gray600 {
        background-image: var(--icn-website-gray600)
    }

    .icon-close-square {
        background-image: var(--icn-close-square)
    }

    .icon-filter-interactive {
        background-image: var(--icn-filter-interactive)
    }

    .icon-location-pin-gray400 {
        background-image: var(--icn-location-pin-gray400)
    }

    .icon-location-pin-gray600, .iconheader[data-icon=location-pin] {
        background-image: var(--icn-location-pin-gray600)
    }

    .icon-gps-locate {
        background-image: var(--icn-gps-locate)
    }

    .icon-share-white, .sharecta {
        background-image: var(--icn-share-white)
    }

    .icon-pdf-red {
        background-image: var(--icn-pdf-red-small)
    }

    .icon-pdf-interactive {
        background-image: var(--icn-pdf-interactive-small)
    }

    .icon-360-white {
        background-image: var(--icn-360-white)
    }

    .icon-favorite {
        background-image: var(--icn-favorite-gray)
    }

    .icon-info {
        background-image: var(--icn-info)
    }

    .icon-info-gray500 {
        background-image: var(--icn-info-gray500)
    }

    .imagegallery--virtual, .adcardlist--item--imagebox .has-virtual-tour > i, .adlist--item--imagebox .has-virtual-tour > i {
        background-image: var(--icn-360-small-white)
    }

    .icon-gallery {
        background-image: var(--icn-gallery-gray)
    }

    .adlist--item.is-feature-topad {
        background-image: var(--badge-topad)
    }

    .adcardlist--item--imagebox, .adlist--item--imagebox {
        background-image: var(--icn-ajax-loader)
    }

    .imagegallery--counter {
        background-image: var(--icn-camera)
    }

    .useractivity--indicator--headline[data-icon=reply_rate] {
        background-image: var(--icn-replyrate)
    }

    .useractivity--indicator--headline[data-icon=reply_speed] {
        background-image: var(--icn-replyspeed)
    }

    .useractivity--indicator--headline[data-icon=follower] {
        background-image: var(--icn-follower)
    }

    .useractivity--indicator--headline[data-icon=views] {
        background-image: var(--icn-view)
    }

    .user-profile-badge.is-empty {
        background-image: var(--icn-user-white)
    }

    .userprofile-teaser--ratings > .icon[data-icon=BAD], .useractivity--indicator--headline[data-icon=rating-BAD] {
        background-image: var(--icn-smiley-bad-gray)
    }

    .userprofile-teaser--ratings > .icon[data-icon=OK], .useractivity--indicator--headline[data-icon=rating-OK] {
        background-image: var(--icn-smiley-ok-gray)
    }

    .userprofile-teaser--ratings > .icon[data-icon=SUPER], .useractivity--indicator--headline[data-icon=rating-SUPER] {
        background-image: var(--icn-smiley-super-gray)
    }

    .icon-trash-light-gray-big, .adcardlist--item .badge-unavailable {
        background-image: var(--icn-trash-light-gray-big)
    }

    .icon-reserved-flag-light-gray {
        background-image: var(--icn-reserved-flag-light-gray)
    }

    .icon-mail-disabled {
        background-image: var(--icn-mail-disabled)
    }

    .icon-send-money {
        background-image: var(--icn-send-money-16px-interactive)
    }

    .mobilede-logo {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        padding-right: 90px;
        background-repeat: no-repeat;
        background-position: center right;
        background-image: url(../img/common/logo/mobilede-new.svg)
    }

    .headline-small {
        font-size: 1rem
    }

    .headline-regular {
        font-size: 1.125rem
    }

    .headline-medium {
        font-size: 1.375rem
    }

    .headline-large {
        font-size: 1.625rem
    }

    .dialogheadline {
        color: var(--kds-sema-color-on-surface-nonessential);
        line-height: 1.125rem;
        padding: 15px 0
    }

    .sectionheadline-hidden {
        font-weight: var(--font-weight-strong);
        padding: 15px 0
    }

    .js-on .sectionheadline-hidden {
        display: none
    }

    .headline-bold {
        font-weight: var(--font-weight-strong)
    }

    .headline-centered {
        text-align: center
    }

    .iconheader {
        padding-left: 30px;
        background-position: left center;
        background-repeat: no-repeat;
        margin: 15px 0;
        height: 1.25rem;
        line-height: 1.25rem
    }

    .iconheader--headline {
        font-size: .875rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    ::-webkit-input-placeholder {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    :-ms-input-placeholder {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    ::-moz-placeholder {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    :-moz-placeholder {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    ::placeholder {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    .placeholder {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    .inputfield, .inputfield-iconized {
        box-sizing: border-box;
        width: 100%;
        border: none;
        border-radius: var(--kds-sema-border-radius-none);
        font-size: .875rem;
        color: var(--kds-sema-color-on-surface);
        outline: none;
        padding: 0 0 15px 0
    }

    .inputfield-iconized {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.125rem;
        padding: 10px 5px 10px 30px
    }

    .inputfield-withaction {
        position: relative
    }

    .inputfield-withaction > input {
        padding-right: 45px
    }

    .inputfield-withaction--action {
        position: absolute;
        right: 5px;
        top: 5px;
        padding: 5px;
        background-size: 20px
    }

    .selectbox {
        width: 100%;
        border: none;
        font-size: .875rem;
        color: var(--kds-sema-color-on-surface-subdued);
        border: none;
        background-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        outline: none;
        box-shadow: none;
        padding: 10px 10px 10px 0px;
        border-radius: var(--kds-sema-border-radius-none);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-position: right center;
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: .875rem
    }

    .selectbox:focus {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .selectbox:active {
        border: none;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .textarea {
        width: 100%;
        border: 1px solid var(--kds-sema-color-utility);
        border-radius: var(--kds-sema-border-radius-medium);
        box-sizing: border-box;
        line-height: 1.5;
        font-family: var(--font-family-body);
        font-size: .875rem;
        color: var(--kds-sema-color-on-surface-subdued);
        background-color: var(--kds-sema-color-surface);
        outline: none;
        box-shadow: none;
        padding: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .textarea:focus, .textarea:active {
        border-color: var(--kds-sema-color-on-surface-subdued);
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    button, .button, .button-disabled, .button-ghost, .button-secondary, .button-tertiary {
        align-items: center;
        background-color: var(--kds-sema-color-primary);
        border: none;
        border-radius: var(--kds-sema-border-radius-button);
        box-sizing: border-box;
        color: var(--kds-sema-color-on-primary);
        display: inline-flex;
        flex-direction: row;
        font-family: var(--font-family-body);
        font-size: .875rem;
        font-weight: var(--font-weight-strong);
        justify-content: center;
        line-height: 130%;
        min-height: 44px;
        outline: none;
        padding: 0 16px;
        text-decoration: none;
        white-space: nowrap;
        width: fit-content
    }

    button-small, .button-small {
        min-height: 32px
    }

    button > .icon, .button > .icon, .button-disabled > .icon, .button-ghost > .icon, .button-secondary > .icon, .button-tertiary > .icon {
        margin-right: 8px
    }

    button:hover, .button:hover, .button-disabled:hover, .button-ghost:hover, .button-secondary:hover, .button-tertiary:hover {
        background-color: var(--kds-sema-color-intermediate-primary-hover);
        text-decoration: none
    }

    button:active, .button:active, .button-disabled:active, .button-ghost:active, .button-secondary:active, .button-tertiary:active {
        background-color: var(--kds-sema-color-intermediate-primary-hover);
        text-decoration: none
    }

    .button-secondary, .button-tertiary {
        color: var(--kds-sema-color-interactive);
        background: none;
        background-color: var(--kds-sema-color-surface);
        border: 2px solid var(--kds-sema-color-utility-subdued)
    }

    .button-secondary:hover, .button-tertiary:hover {
        background-color: var(--kds-sema-color-secondary-container);
        text-decoration: none
    }

    .button-secondary:active, .button-tertiary:active {
        background-color: var(--kds-sema-color-intermediate-primary-hover)
    }

    .button-ghost {
        color: var(--kds-sema-color-interactive);
        background: none;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-color: rgba(0, 0, 0, 0)
    }

    .button-ghost:hover {
        background-color: var(--kds-sema-color-utility-nonessential);
        text-decoration: none
    }

    .button-ghost:active {
        background-color: var(--kds-sema-color-intermediate-primary-hover)
    }

    .button-disabled {
        color: var(--kds-sema-color-utility);
        background-color: var(--kds-sema-color-utility-nonessential);
        border-color: var(--kds-sema-color-utility-nonessential)
    }

    .button-disabled:hover {
        background-color: var(--kds-sema-color-utility-nonessential);
        border-color: var(--kds-sema-color-utility-nonessential)
    }

    .button-share {
        margin: 0;
        list-style: none;
        padding: 18px 18px;
        border-bottom: 1px solid var(--kds-sema-color-utility-nonessential);
        cursor: pointer;
        user-select: none;
        min-height: 58px;
        border-radius: 0;
        color: var(--kds-sema-color-on-surface);
        font-weight: var(--font-weight-regular)
    }

    .button-sharehover {
        color: var(--kds-sema-color-on-surface);
        background-color: var(--kds-sema-color-utility-nonessential)
    }

    .button-fullsize, .inputgroup--submitbutton, .button.fullsize, .fullsize.button-ghost, .fullsize.button-disabled, .button-secondary.fullsize, .button-tertiary.fullsize, button.fullsize {
        width: 100%;
        box-sizing: border-box
    }

    .topbar-fixed {
        position: fixed;
        width: 100%;
        max-width: 640px;
        min-width: 320px
    }

    .headerbar-dialog, .headerbar {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 15px;
        box-sizing: border-box;
        width: 100%;
        max-width: 640px;
        min-width: 320px;
        height: 4.375rem;
        background-color: var(--kds-sema-color-surface);
        position: fixed;
        top: 0px;
        z-index: 99
    }

    .headerbar-dialog--submit, .headerbar-dialog--cancel {
        text-decoration: none;
        cursor: pointer
    }

    .headerbar {
        color: var(--kds-sema-color-on-surface-subdued);
        border-bottom: 5px solid var(--kds-sema-color-primary)
    }

    .headerbar--logo {
        height: 35px;
        margin: 0px;
        padding: 0px 15px;
        vertical-align: middle;
        display: inline-block;
        width: 45px;
        border-right: 1px solid var(--kds-sema-color-utility-subdued);
        object-fit: contain
    }

    .headerbar--nav {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-basis: 115px;
        -ms-flex-preferred-size: 115px;
        flex-basis: 115px;
        flex: 0 0 115px;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer
    }

    .headerbar--navbutton {
        width: 24px;
        height: 24px;
        background: var(--icn-burger) no-repeat center top;
        background-size: 24px;
        outline: none;
        display: inline-block;
        vertical-align: middle;
        border-radius: var(--kds-sema-border-radius-none)
    }

    .headerbar--search {
        margin-left: 20px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        flex: 1 1 auto
    }

    .headerbar-dialog--cancel {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .headerbar-dialog--submit {
        color: var(--kds-sema-color-interactive)
    }

    .headerbar-dialog--left, .headerbar-dialog--right {
        box-sizing: border-box;
        width: 20%
    }

    .headerbar-dialog--center {
        box-sizing: border-box;
        text-align: center;
        width: 60%;
        padding: 0 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: var(--kds-sema-color-on-surface)
    }

    .headerbar-dialog--right {
        text-align: right
    }

    .adlist--header {
        border-bottom: 1px solid var(--kds-sema-color-primary);
        padding: .9375rem 15px;
        color: var(--kds-sema-color-on-surface);
        font-size: 1rem;
        font-family: var(--font-family-title);
        line-height: 1.2em
    }

    .adlist--header .main-headline {
        color: var(--kds-sema-color-interactive);
        line-height: 1.1em;
        max-height: 2.2em;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .adlist--header .main-headline h1, .adlist--header .main-headline h2, .adlist--header .main-headline h3, .adlist--header .main-headline h4, .adlist--header .main-headline h5, .adlist--header .main-headline h6 {
        display: inline
    }

    .adlist--item {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued);
        background: var(--kds-sema-color-surface);
        display: flex;
        align-items: stretch;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        max-height: 130px
    }

    .adlist--item--imagebox {
        flex-basis: 140px;
        flex-shrink: 0;
        height: auto;
        min-height: 120px;
        background: no-repeat center;
        overflow: hidden;
        display: flex;
        align-items: stretch;
        justify-content: space-around;
        position: relative
    }

    .adlist--item--imagebox-noBackground {
        background-image: none !important
    }

    .adlist--item--imagebox-viewport {
        height: auto;
        min-height: 120px;
        overflow: hidden;
        align-items: stretch
    }

    .adlist--item--imagebox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

    .adlist--item--imagebox img:not([src]) {
        visibility: hidden
    }

    .adlist--item--imagebox-un-cropped {
        background-color: var(--kds-sema-color-background-subdued-rgb)
    }

    .adlist--item--imagebox-un-cropped img {
        height: auto;
        width: auto;
        object-fit: contain;
        z-index: 3
    }

    .adlist--item--imagebox .bg-blur {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        z-index: 2;
        width: 105%;
        height: 105%;
        opacity: .4;
        filter: blur(12px)
    }

    .adlist--item--imagebox .has-virtual-tour {
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7);
        color: var(--kds-sema-color-on-inverse-surface);
        font-size: .75rem;
        line-height: 18px;
        padding: 3px;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        box-sizing: border-box
    }

    .adlist--item--imagebox .has-virtual-tour > i {
        width: 15px;
        height: 15px;
        background-size: contain;
        margin-right: 3px
    }

    .adlist--item--imagebox .has-image-count {
        position: absolute;
        bottom: 8px;
        right: 8px;
        z-index: 4;
        padding: 10px 8px;
        color: var(--kds-sema-color-on-inverse-surface);
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.8);
        font-size: .875rem;
        font-weight: var(--font-weight-medium);
        line-height: 0;
        border-radius: 3px
    }

    .adlist--item--descarea {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-grow: 1;
        height: auto;
        padding: 7px 10px 7px 7px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between
    }

    .adlist--item--descarea > footer {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 0 0
    }

    .adlist--item--descarea-footer {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 0 0;
        position: relative
    }

    .adlist--item--info {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: .75rem;
        font-family: var(--font-family-body);
        line-height: 1.1em;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .adlist--item--info--location {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .adlist--item--info--date {
        text-align: right;
        flex-basis: 90px;
        flex-grow: 0;
        flex-shrink: 0
    }

    .adlist--item--price {
        color: var(--kds-sema-color-interactive);
        line-height: 1em;
        font-size: 1rem;
        font-weight: var(--font-weight-strong)
    }

    .adlist--item--title, .adcardlist--item--title, .adlist--item--boldtitle {
        line-height: 1.1em;
        color: var(--kds-sema-color-on-surface);
        font-family: var(--font-family-body);
        font-size: .875rem;
        text-decoration: none;
        overflow-x: hidden;
        line-height: 1.1em;
        max-height: 2.2em;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .adlist--item--title > a, .adlist--item--title > .link-fake, .adcardlist--item--title > a, .adcardlist--item--title > .link-fake, .adlist--item--boldtitle > a, .adlist--item--boldtitle > .link-fake {
        color: inherit;
        text-decoration: none
    }

    .adlist--item--title, .adcardlist--item--title {
        margin: .375rem 0 .375rem;
        height: 2.2em
    }

    .adlist--item--boldtitle {
        margin: .375rem 0 .125rem;
        font-weight: var(--font-weight-strong)
    }

    .adlist--item--description {
        margin: .25rem 0 .375rem;
        line-height: 1.2em
    }

    .adlist--item--description .short-description, .adlist--item--description .long-description {
        display: none
    }

    .adlist--item--more {
        display: inline;
        margin-left: 4px;
        background: none;
        font-size: inherit;
        padding: 0;
        border: none;
        min-height: unset;
        color: var(--kds-sema-color-interactive);
        font-weight: var(--font-weight-strong);
        cursor: pointer
    }

    .adlist--item--staraddon {
        position: absolute;
        right: 10px;
        bottom: 10px
    }

    .adlist--item--attributes, .adlist--item--pro {
        margin-top: 5px;
        display: block;
        line-height: 1em
    }

    .adlist--item--pro {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: .75rem
    }

    .adlist--item--pro > a, .adlist--item--pro > .link-fake, .adlist--item--pro > a:visited {
        color: var(--kds-sema-color-interactive);
        text-decoration: none
    }

    .adlist--item-banner, .adlist--item-pla {
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued);
        background: var(--kds-sema-color-surface)
    }

    .adlist--item.is-feature-topad {
        background-position: right 0px;
        background-repeat: no-repeat;
        background-size: auto 16px
    }

    .adlist--item.is-feature-highlight {
        background-color: var(--kds-sema-color-feature-highlight-container)
    }

    .adcardlist--item {
        background: var(--kds-sema-color-surface);
        margin: 10px 0;
        box-shadow: 0 1px 2px 0 rgba(var(--kds-sema-color-on-surface-rgb), 0.25)
    }

    .adcardlist--item article {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        cursor: pointer;
        padding: 10px 1.25%
    }

    .adcardlist--item--imagebox {
        width: 35%;
        background: no-repeat center;
        max-height: 165px;
        overflow: hidden;
        text-align: center;
        position: relative
    }

    .adcardlist--item--imagebox img {
        width: 100%;
        display: block
    }

    .adcardlist--item--imagebox .has-virtual-tour {
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7);
        color: var(--kds-sema-color-on-inverse-surface);
        font-size: .75rem;
        line-height: 18px;
        padding: 3px;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        box-sizing: border-box
    }

    .adcardlist--item--imagebox .has-virtual-tour > i {
        width: 15px;
        height: 15px;
        background-size: contain;
        margin-right: 3px
    }

    .adcardlist--item--imagebox .has-image-count {
        position: absolute;
        bottom: 8px;
        right: 8px;
        z-index: 4;
        padding: 10px 8px;
        color: var(--kds-sema-color-on-inverse-surface);
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.8);
        font-size: .875rem;
        font-weight: var(--font-weight-medium);
        line-height: 0;
        border-radius: 3px
    }

    .adcardlist--item--nopic {
        aspect-ratio: 3/2;
        background-color: var(--kds-sema-color-surface-subdued);
        object-fit: none
    }

    .adcardlist--item--descarea {
        width: 60%;
        min-height: 80px;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .adcardlist--item--article, .adcardlist--item--footer {
        padding: 10px 1.25%;
        box-sizing: border-box
    }

    .adcardlist--item--footer {
        border-top: 1px solid var(--kds-sema-color-utility-nonessential)
    }

    .adcardlist--item--meta {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        color: var(--kds-sema-color-on-surface-nonessential);
        font-size: .875rem;
        line-height: 1;
        overflow: hidden
    }

    .adcardlist--item--meta--city, .adcardlist--item--meta--date {
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box
    }

    .adcardlist--item--meta--date {
        flex: 0 0 auto
    }

    .adcardlist--item--meta--city {
        padding-right: 5px;
        text-overflow: ellipsis;
        flex: 0 1 auto
    }

    .adcardlist--item--title {
        margin: .5em 0
    }

    .adcardlist--item--price {
        color: var(--kds-sema-color-interactive);
        font-weight: var(--font-weight-strong)
    }

    .adcardlist--item--actions {
        font-size: .875rem
    }

    .adcardlist--item--actions a, .adcardlist--item--actions .link-fake {
        color: var(--kds-sema-color-interactive);
        text-decoration: none;
        cursor: pointer
    }

    .adcardlist--item--action--removewatchlist {
        padding-left: 22px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 17px
    }

    .adcardlist--item--cover {
        background-color: rgba(var(--kds-sema-color-on-inverse-surface-rgb), var(--kds-intermediate-opacity-transparency-deactivated));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .adcardlist--item .badge-unavailable {
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        min-width: 130px;
        z-index: 2
    }

    .badge-unavailable {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(var(--kds-sema-color-surface-rgb), 0.8);
        z-index: 5;
        color: var(--kds-sema-color-on-surface-subdued);
        font-size: 1rem;
        font-weight: var(--font-weight-strong)
    }

    .badge--pro, .badge--pro-above {
        padding: .25em .4em;
        display: inline-block;
        font-size: .75rem;
        border-radius: var(--kds-unmapped-border-radius-box);
        box-sizing: border-box;
        color: var(--kds-sema-color-on-primary);
        background-color: var(--kds-sema-color-primary);
        font-weight: var(--font-weight-strong);
        margin-right: 5px
    }

    .badge--pro-above {
        position: absolute;
        bottom: 6px;
        left: 6px
    }

    .inputgroup--row {
        position: relative;
        margin-bottom: 30px
    }

    .inputgroup--row > label {
        display: inline-block;
        margin-bottom: 15px;
        font-size: .75rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .inputgroup--row--clear {
        position: absolute;
        right: 5px;
        bottom: 15px;
        padding: 3px;
        width: 20px;
        height: 20px;
        outline: none;
        background-color: rgba(0, 0, 0, 0);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: bottom right
    }

    .inputgroup--row .inputfield, .inputgroup--row .inputfield-iconized, .inputgroup--row .selectbox {
        border-bottom: 1px solid var(--kds-sema-color-utility)
    }

    .inputgroup--row .inputfield:focus, .inputgroup--row .inputfield-iconized:focus, .inputgroup--row .selectbox:focus {
        border-color: var(--kds-sema-color-on-surface-subdued)
    }

    .inputgroup--row.is-invalid .inputfield, .inputgroup--row.is-invalid .inputfield-iconized, .inputgroup--row.is-invalid .selectbox, .inputgroup--row.is-invalid .textarea {
        border-color: var(--kds-sema-color-critical);
        color: var(--kds-sema-color-critical)
    }

    .inputgroup--row.is-invalid .inputfield::placeholder, .inputgroup--row.is-invalid .inputfield-iconized::placeholder, .inputgroup--row.is-invalid .selectbox::placeholder, .inputgroup--row.is-invalid .textarea::placeholder {
        color: var(--kds-sema-color-critical)
    }

    .inputgroup--row.is-clearable .inputfield, .inputgroup--row.is-clearable .inputfield-iconized {
        padding-right: 30px
    }

    .inputgroup--error {
        color: var(--kds-sema-color-critical);
        font-size: .875rem;
        line-height: 2em
    }

    .is-clearable.clearontop > .inputgroup--row--clear {
        top: 21px
    }

    .inline-group {
        display: flex;
        flex-direction: row
    }

    .info-overlay {
        background-color: var(--kds-sema-color-feature-highlight-container);
        width: 100%;
        font-size: .875rem;
        color: var(--kds-sema-color-primary);
        padding: 10px 0;
        box-sizing: border-box;
        vertical-align: middle;
        max-width: 640px;
        min-width: 320px;
        position: fixed;
        bottom: 0;
        z-index: 3
    }

    .info-overlay > .info-overlay--close, .info-overlay > .info-overlay--text {
        padding: 0 10px;
        display: table-cell;
        box-sizing: border-box;
        vertical-align: middle
    }

    .info-overlay > .info-overlay--text {
        width: 80%
    }

    .info-overlay > .info-overlay--close {
        width: 20%;
        text-align: right
    }

    .info-overlay > .info-overlay--closebtn {
        padding: 5px
    }

    .has-info-overlay .page-footer {
        margin-bottom: 40px
    }

    .action-list-item {
        line-height: 2;
        background: var(--icn-bullet-circle-gray) no-repeat left center;
        padding-left: 30px;
        text-decoration: none;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .login-actions {
        display: table;
        flex-flow: row wrap
    }

    .login-actions .action-list-item {
        background-size: 16px
    }

    .login-actions > div {
        display: table-cell;
        padding-right: 20px
    }

    .login-actions > div:last-of-type {
        text-align: right
    }

    @media all and (max-width: 310px) {
        .login-actions {
            display: block
        }

        .login-actions > div {
            display: block
        }

        .login-actions > div:last-of-type {
            text-align: left
        }
    }

    .checktaglist {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding: 0px;
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 0px;
        box-sizing: border-box
    }

    .checktaglist .checktag {
        padding-left: 20px;
        background-image: var(--icn-checkmark-interactive);
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: left 4px;
        color: var(--kds-sema-color-on-surface-subdued);
        font-size: .875rem;
        font-weight: var(--font-weight-regular);
        flex: 1;
        flex-basis: 50%;
        max-width: 50%;
        margin: 4px 0;
        word-break: break-word;
        box-sizing: border-box
    }

    .bannerplacement-fullwidth {
        background-color: var(--kds-sema-color-surface);
        padding: 0;
        text-align: center
    }

    .bannerplacement-sticky {
        background-color: var(--kds-sema-color-surface);
        text-align: center;
        position: fixed;
        bottom: 0px;
        width: 100%;
        border-top: 1px solid var(--kds-sema-color-utility-nonessential);
        max-width: 640px;
        z-index: 4
    }

    .bannerplacement-sticky > .bannerplacement-sticky--close-button {
        width: 30px;
        height: 30px;
        position: absolute;
        top: -30px;
        right: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer
    }

    .errorpage header h1 {
        color: var(--kds-sema-color-critical);
        font-weight: var(--font-weight-strong)
    }

    .errorpage header .error-code {
        color: var(--kds-sema-color-onsurface)
    }

    .errorpage--description blockquote {
        font-weight: var(--font-weight-strong);
        color: var(--kds-sema-color-critical);
        text-align: center;
        padding: 10px
    }

    .errorpage--sorrycontainer {
        text-align: center;
        padding: 20px
    }

    .errorpage--sorrycontainer img {
        max-width: 100%;
        width: 320px
    }

    .errorpage--sorrycontainer h2 {
        line-height: 130%
    }

    .errorpage--sorrycontainer p {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .errorpage--sorrycontainer a, .errorpage--sorrycontainer .link-fake {
        margin: 20px
    }

    .locationdialog .is-gpssupported {
        position: relative
    }

    .locationdialog--locations header {
        padding: 5px;
        background: var(--kds-sema-color-surface);
        color: var(--kds-sema-color-primary);
        border-bottom: 2px solid var(--kds-sema-color-primary);
        font-weight: var(--font-weight-strong)
    }

    .locationdialog--listitem {
        display: block;
        padding: 5px;
        background: var(--kds-sema-color-surface);
        border-top: 1px solid var(--kds-sema-color-utility-subdued);
        text-decoration: none;
        cursor: pointer;
        line-height: 2.4em
    }

    .locationdialog--listitem:first-child {
        border: none
    }

    .adgallery {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        min-height: 160px
    }

    .adgallery > header {
        font-size: .875rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .adgallery--items {
        overflow: auto;
        overflow-y: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch
    }

    .adgallery--items > ul {
        width: 0;
        overflow: hidden
    }

    .adgallery--items > ul > li {
        width: 115px;
        float: left;
        display: block;
        margin: 10px 0 10px 10px;
        box-sizing: border-box;
        padding: 0;
        overflow: hidden;
        font-size: .875rem
    }

    .adgallery--items > ul > li a, .adgallery--items > ul > li .link-fake {
        color: inherit;
        text-decoration: none
    }

    .adgallery--items > ul > li:first-of-type {
        margin-left: 0
    }

    .adgallery--imagecontainer {
        width: 115px;
        height: 83px;
        overflow: hidden;
        background-image: var(--icn-ajax-loader);
        background-position: center;
        background-repeat: no-repeat
    }

    .adgallery--itemimage {
        background-size: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%
    }

    .adgallery--itemimage img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .adgallery--itemtitle {
        margin: 4px 0;
        height: 2.2em;
        color: var(--kds-sema-color-on-surface);
        line-height: 1.1em;
        max-height: 2.2em;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .adgallery--itemprice {
        font-weight: var(--font-weight-strong);
        height: 1em;
        color: var(--kds-sema-color-interactive)
    }

    .adgallery--itemimage.is-nopic {
        background: var(--kds-sema-color-surface) var(--icn-nopic-placeholder) no-repeat center
    }

    .breadcrumbs {
        font-size: .75rem;
        padding: .93751rem 15px
    }

    .breadcrumbs .breadcrumbs--entry:not(:last-child):after {
        content: " › "
    }

    .breadcrumbs .breadcrumbs--entry a, .breadcrumbs .breadcrumbs--entry .link-fake {
        color: var(--kds-sema-color-interactive);
        text-decoration: none
    }

    .pagination {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pagination--previous, .pagination--next {
        width: 47.5%
    }

    .message-friendlyhint {
        font-size: 1.375rem;
        color: var(--kds-sema-color-interactive)
    }

    .message-legalhint {
        font-size: .75rem
    }

    .text-with-hidden-layer input[type=checkbox] {
        display: none
    }

    .text-with-hidden-layer input[type=checkbox] ~ .text-hidden-layer {
        display: none
    }

    .text-with-hidden-layer input[type=checkbox]:checked ~ .text-main-layer label {
        display: none
    }

    .text-with-hidden-layer input[type=checkbox]:checked ~ .text-hidden-layer {
        display: block
    }

    .unbordered-section, .unbordered-section--headline-dark, .bordered-section--headline-dark, .bordered-section, .bordered-section-flex, .bordered-section-flex-spaced, .bordered-section-spaced {
        padding: 1rem 15px;
        line-height: 1.5rem;
        box-sizing: border-box
    }

    .unbordered-section--headline, .bordered-section--headline {
        color: var(--kds-sema-color-on-surface);
        font-weight: var(--font-weight-strong);
        font-size: 1rem;
        line-height: 19px;
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued);
        padding-bottom: 16px;
        margin-bottom: 16px
    }

    .unbordered-section--headline.no-underline, .bordered-section--headline.no-underline {
        border-bottom: none
    }

    .unbordered-section--headline.unpadded, .bordered-section--headline.unpadded {
        padding: 0;
        margin: 0
    }

    .unbordered-section .headline-centered, .unbordered-section--headline-dark .headline-centered, .bordered-section--headline-dark .headline-centered, .bordered-section .headline-centered, .bordered-section-flex .headline-centered, .bordered-section-flex-spaced .headline-centered, .bordered-section-spaced .headline-centered {
        margin-bottom: 16px
    }

    .unbordered-section--headline-dark, .bordered-section--headline-dark {
        color: var(--kds-sema-color-on-surface)
    }

    .unbordered-section:last-child, .unbordered-section--headline-dark:last-child, .bordered-section--headline-dark:last-child, .bordered-section:last-child, .bordered-section-flex:last-child, .bordered-section-flex-spaced:last-child, .bordered-section-spaced:last-child {
        border-bottom: none
    }

    .unbordered-section.is-active, .is-active.unbordered-section--headline-dark, .is-active.bordered-section--headline-dark, .bordered-section.is-active, .is-active.bordered-section-flex, .is-active.bordered-section-flex-spaced, .is-active.bordered-section-spaced {
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right 15px center
    }

    .unbordered-section.centered, .centered.unbordered-section--headline-dark, .centered.bordered-section--headline-dark, .bordered-section.centered, .centered.bordered-section-flex, .centered.bordered-section-flex-spaced, .centered.bordered-section-spaced {
        text-align: center
    }

    .unbordered-section.top-padded, .top-padded.unbordered-section--headline-dark, .top-padded.bordered-section--headline-dark, .bordered-section.top-padded, .top-padded.bordered-section-flex, .top-padded.bordered-section-flex-spaced, .top-padded.bordered-section-spaced {
        padding: 1rem 0
    }

    .unbordered-section.unpadded, .unpadded.unbordered-section--headline-dark, .unpadded.bordered-section--headline-dark, .bordered-section.unpadded, .unpadded.bordered-section-flex, .unpadded.bordered-section-flex-spaced, .unpadded.bordered-section-spaced {
        padding: 0
    }

    .unbordered-section.sideunpadded, .sideunpadded.unbordered-section--headline-dark, .sideunpadded.bordered-section--headline-dark, .bordered-section.sideunpadded, .sideunpadded.bordered-section-flex, .sideunpadded.bordered-section-flex-spaced, .sideunpadded.bordered-section-spaced {
        padding: 1rem 0
    }

    .bordered-section, .bordered-section-flex, .bordered-section-flex-spaced, .bordered-section-spaced, .unbordered-section--headline-dark, .bordered-section--headline-dark {
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued)
    }

    .bordered-section-spaced {
        border-bottom: 8px solid var(--kds-sema-color-utility-nonessential)
    }

    .bordered-section-spaced:last-child {
        border-bottom: none
    }

    .scroll-top-spaced {
        scroll-margin-top: 60px
    }

    .bordered-section-flex, .bordered-section-flex-spaced {
        display: flex
    }

    .bordered-section-flex-spaced {
        justify-content: space-between;
        border-bottom: 8px solid var(--kds-sema-color-utility-nonessential)
    }

    .sorting-info-section {
        padding-top: 24px;
        color: var(--kds-sema-color-on-surface-nonessential);
        cursor: pointer;
        display: flex;
        align-items: center
    }

    .sorting-info-section i {
        padding-right: 8px
    }

    .adcounter {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: var(--kds-sema-color-primary);
        color: var(--kds-sema-color-on-primary);
        font-size: .875rem;
        align-items: center;
        justify-content: center;
        border-radius: var(--kds-sema-border-radius-counter);
        padding: 2px 8px
    }

    .ad-keydetails--ad-title {
        color: var(--kds-sema-color-on-surface-subdued);
        margin-bottom: 4px;
        font-size: 1.125rem;
        font-weight: var(--font-weight-strong);
        line-height: 1.5em;
        max-height: 3em;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .ad-keydetails--ad-date {
        color: var(--kds-sema-color-on-surface-nonessential);
        white-space: nowrap;
        padding: 0 0 0 20px;
        background-repeat: no-repeat;
        margin-right: 8px;
        font-size: .75rem
    }

    .ad-keydetails--ad-visitcounter {
        min-height: 20px;
        display: inline-block;
        line-height: 1.25rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .ad-keydetails--ad-visitcounter--value {
        margin-left: .31rem;
        font-size: .75rem
    }

    .ad-keydetails--price-and-shipping {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: baseline;
        gap: 8px
    }

    .ad-keydetails--ad-price {
        color: var(--kds-sema-color-interactive);
        font-size: 1.125rem;
        font-weight: var(--font-weight-strong);
        margin: 0 0 16px
    }

    .ad-keydetails--ad-address {
        font-size: 1rem
    }

    .ad-keydetails--ad-address > .icon:first-of-type {
        margin-right: 3px
    }

    .ad-keydetails--ad-address > .icon:last-of-type {
        margin-left: 5px
    }

    .ad-keydetails--ad-stats {
        font-size: 1rem
    }

    .ad-keydetails--ad-location {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .ad-keydetails--shipping-header {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .ad-keydetails--ad-line {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .ad-keydetails--ad-line > div {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .ad-keydetails--ad-partner {
        color: var(--kds-sema-color-on-surface-nonessential);
        line-height: 1;
        text-align: left
    }

    .ad-keydetails--ad-id {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    .ad-keydetails--ad-description {
        color: var(--kds-sema-color-on-surface-subdued);
        word-wrap: break-word
    }

    .ad-keydetails a, .ad-keydetails .link-fake {
        color: var(--kds-sema-color-interactive);
        text-decoration: none
    }

    .ad-keydetails--pet-contract {
        padding-bottom: 10px
    }

    .ad-keydetails--pet-contract > a, .ad-keydetails--pet-contract > .link-fake {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    .ad-keydetails--pet-contract:hover > a, .ad-keydetails--pet-contract:hover > .link-fake {
        color: var(--kds-sema-color-interactive-container)
    }

    .ad-keydetails--pet-contract:hover > a > i, .ad-keydetails--pet-contract:hover > .link-fake > i {
        background-image: var(--icn-pdf-interactive-hover-small)
    }

    .ad-keydetails--documents > a, .ad-keydetails--documents > .link-fake {
        color: var(--kds-sema-color-on-surface-subdued)
    }

    .ad-keydetails--documents:hover > a, .ad-keydetails--documents:hover > .link-fake {
        color: var(--kds-sema-color-interactive-container)
    }

    .ad-keydetails--documents:hover > a > i, .ad-keydetails--documents:hover > .link-fake > i {
        background-image: var(--icn-pdf-interactive-hover-small)
    }

    .is-placeholder .ad-keydetails--ad-title {
        background-color: var(--kds-sema-color-utility-nonessential);
        width: 100%;
        height: 20px
    }

    .is-placeholder .ad-keydetails--ad-price span {
        background-color: var(--kds-sema-color-interactive);
        width: 100px;
        display: inline-block
    }

    .is-placeholder .ad-keydetails--ad-description span {
        background-color: var(--kds-sema-color-utility-nonessential);
        display: block;
        width: 80%;
        height: 20px;
        margin-bottom: 10px
    }

    .is-placeholder .ad-keydetails--ad-description span:nth-child(even) {
        width: 50%
    }

    .last-paragraph-no-margin-bottom p:last-of-type {
        margin-bottom: 0
    }

    .definition-list, .definition-list-addetails {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: wrap
    }

    .definition-list dt, .definition-list-addetails dt {
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .definition-list dt, .definition-list-addetails dt, .definition-list dd, .definition-list-addetails dd {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }

    .definition-list dt a, .definition-list dt .link-fake, .definition-list-addetails dt a, .definition-list-addetails dt .link-fake, .definition-list dd a, .definition-list dd .link-fake, .definition-list-addetails dd a, .definition-list-addetails dd .link-fake {
        text-decoration: none
    }

    .definition-list-addetails dt, .definition-list-addetails dd {
        color: var(--kds-sema-color-on-surface-subdued);
        line-height: 24px
    }

    .definition-list-addetails dd {
        text-align: right
    }

    .useractivity {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    }

    .useractivity--indicator {
        margin-right: 5px
    }

    .useractivity--indicator:last-child {
        margin-right: 0
    }

    .useractivity--indicator--headline {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 16px;
        padding-left: 22px;
        color: var(--kds-sema-color-on-surface);
        font-weight: var(--font-weight-strong);
        font-size: .875rem;
        min-height: 24px
    }

    .useractivity--indicator--title {
        color: var(--kds-sema-color-on-surface-nonessential);
        font-size: .75rem;
        text-transform: uppercase
    }

    .store-presentation--title {
        line-height: 1.2em;
        font-weight: var(--font-weight-strong);
        margin-bottom: .4em;
        font-size: .875rem
    }

    .store-presentation--title a, .store-presentation--title .link-fake {
        text-decoration: none;
        color: var(--kds-sema-color-on-surface);
        display: block
    }

    .store-presentation--extended {
        color: var(--kds-sema-color-on-surface-nonessential);
        font-size: .875rem;
        line-height: 1.7em
    }

    .store-presentation--extended p {
        line-height: 1.7em
    }

    .store-presentation--extended > div {
        padding: 1.3em;
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued)
    }

    .store-presentation--extended > div:first-of-type {
        padding-top: 0px
    }

    .store-presentation--extended > div:last-of-type {
        border: none
    }

    .store-presentation--extended--header {
        display: block;
        text-align: center
    }

    .store-presentation--extended--header > img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        margin-bottom: 1em
    }

    .store-presentation--extended--header > h1, .store-presentation--extended--header > h2 {
        color: var(--kds-sema-color-on-surface)
    }

    .store-presentation--extended--contact {
        text-align: left;
        margin-top: 1em
    }

    .store-presentation--extended--contact .contact-card-details li {
        margin-top: .3em;
        padding-left: 1.7em;
        background-size: 15px
    }

    .store-presentation--extended--contact .contact-card-details li.icon-top {
        background-position: left 5px
    }

    .store-presentation--extended--contact .contact-phone-list li {
        padding-left: 0
    }

    .store-presentation--extended--contact .store-opening-times li {
        margin-top: 0px
    }

    .store-presentation--extended a, .store-presentation--extended .link-fake {
        color: var(--kds-sema-color-interactive);
        text-decoration: none
    }

    .userprofile, .userprofile-teaser {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        line-height: normal
    }

    .userprofile--image, .userprofile-teaser--image {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 3rem;
        flex-basis: 3rem;
        margin-right: 1rem;
        align-self: flex-start;
        overflow: hidden
    }

    .userprofile--image img, .userprofile-teaser--image img {
        width: 100%;
        height: 3rem;
        max-width: 100%;
        max-height: none;
        object-fit: contain
    }

    .userprofile--info, .userprofile-teaser--info {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .userprofile--info--wrapper {
        margin: 6px 0;
        line-height: 1.3
    }

    .userprofile--title, .userprofile-teaser--title {
        font-size: .875rem;
        font-weight: var(--font-weight-strong);
        color: var(--kds-sema-color-on-surface);
        margin-bottom: 6px
    }

    .userprofile--title > a, .userprofile--title > .link-fake, .userprofile-teaser--title > a, .userprofile-teaser--title > .link-fake {
        text-decoration: none;
        color: var(--kds-sema-color-on-surface);
        display: block
    }

    .userprofile--postertype, .userprofile--usersince {
        display: block;
        font-size: .75rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .userprofile--indicators {
        margin-top: 16px
    }

    .userprofile--indicators.is-short-indicatorlist > .useractivity {
        justify-content: flex-start;
        margin-left: calc(3rem + 1rem)
    }

    .userprofile--indicators.is-short-indicatorlist > .useractivity > .useractivity--indicator {
        margin-right: 1rem
    }

    .userprofile--morelink {
        background-repeat: no-repeat;
        background-position: right center;
        display: inline-block;
        color: var(--kds-sema-color-interactive);
        cursor: pointer;
        font-size: .75rem;
        font-weight: var(--font-weight-strong);
        padding-right: 16px
    }

    .userprofile-teaser {
        padding-right: 40px
    }

    .userprofile-teaser.is-active {
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right center
    }

    .userprofile-teaser--info {
        font-size: .875rem;
        margin-right: .6em;
        flex-basis: auto
    }

    .userprofile-teaser--title {
        font-size: 1rem
    }

    .userprofile-teaser--postertype, .userprofile-teaser--ratings, .userprofile-teaser--usersince {
        font-size: .875rem;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .userprofile-teaser--adcounter, .userprofile-teaser--ratings {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .userprofile-teaser--ratings > .icon {
        margin-right: 5px
    }

    .imagegallery {
        position: relative
    }

    .imagegallery > ul {
        overflow-x: auto;
        white-space: nowrap;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center
    }

    .imagegallery--item {
        height: 75vw;
        max-height: 480px;
        margin: 0 10px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .imagegallery--item img {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        min-width: 100%;
        min-height: 240px;
        object-fit: cover
    }

    .imagegallery--item-virtualtour--overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7)
    }

    .imagegallery--item-virtualtour--overlay > i {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 26px
    }

    .imagegallery--item-virtualtour--overlay > button {
        font-style: normal;
        font-weight: var(--font-weight-medium);
        font-size: .875rem;
        line-height: 18px
    }

    .imagegallery--item-un-cropped {
        background-color: var(--kds-sema-color-background-subdued-rgb)
    }

    .imagegallery--item-un-cropped img {
        z-index: 3
    }

    .imagegallery--item .bg-blur {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        z-index: 2;
        width: 105%;
        height: 105%;
        opacity: .4;
        filter: blur(12px)
    }

    .imagegallery--counter {
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.4);
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 1rem;
        bottom: 10px;
        height: 2.0625rem;
        line-height: 2rem;
        font-size: 1.125rem;
        color: var(--kds-sema-color-on-inverse-surface);
        text-align: right;
        padding: 0 10px 0 40px;
        border-radius: var(--kds-sema-border-radius-counter);
        vertical-align: middle;
        box-sizing: border-box;
        z-index: 5
    }

    .imagegallery--virtual {
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7);
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 1.25rem;
        height: 2.0625rem;
        line-height: 2rem;
        font-size: 1.125rem;
        color: var(--kds-sema-color-on-inverse-surface);
        padding: 0 10px 0 40px;
        border-radius: var(--kds-sema-border-radius-small);
        vertical-align: middle;
        box-sizing: border-box;
        position: absolute;
        left: 17px;
        bottom: 10px;
        z-index: 5
    }

    .imagegallery .vip-ctas {
        top: 10px
    }

    .imagegallery--counter, .imagegallery .vip-ctas {
        position: absolute;
        right: 10px
    }

    .imagegallery.has-navigation .vip-ctas, .imagegallery.has-navigation .imagegallery--counter {
        right: 17%
    }

    .imagegallery.has-navigation .imagegallery--virtual {
        left: 17%
    }

    .is-placeholder .imagegallery--item {
        display: block
    }

    .js-on .imagegallery > ul {
        overflow: hidden
    }

    .js-on .imagegallery--item {
        height: 75vw;
        max-height: 480px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .gallery-ad-slot-overlay {
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    #vip-ad-picture-list {
        width: 200000px
    }

    .virtualtour-overlay-fullscreen {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7);
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .virtualtour-overlay-fullscreen > i {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 26px
    }

    .features-row {
        padding-bottom: .5em
    }

    .accordion-header {
        padding: 0 0 1rem 0;
        cursor: pointer;
        font-weight: var(--font-weight-strong);
        border-bottom: 1px solid var(--kds-sema-color-utility-nonessential);
        margin-bottom: 1rem
    }

    .accordion-header-headline {
        background-image: var(--icn-up-open-gray);
        background-position: right;
        background-repeat: no-repeat
    }

    .accordion-header--nocollapse {
        padding: 1rem 1.25%;
        cursor: pointer;
        border-bottom: 1px solid var(--kds-sema-color-utility-nonessential)
    }

    .accordion-content li:last-of-type {
        border: 0
    }

    .accordion-section.collapsed .accordion-header {
        padding: 0;
        border-bottom: 0;
        margin-bottom: 0
    }

    .accordion-section.collapsed .accordion-header-headline {
        background-image: var(--icn-down-open-gray)
    }

    .usercard {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
        width: 100%
    }

    .usercard--image {
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 69px;
        flex-basis: 69px;
        flex-direction: column;
        width: 69px;
        max-height: 69px;
        justify-content: space-around
    }

    .usercard--image > img {
        max-width: 69px;
        max-height: 69px;
        display: block;
        object-fit: contain;
        width: 100%;
        height: auto
    }

    .usercard--initials {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 40px;
        flex-basis: 40px;
        align-self: flex-start
    }

    .usercard--info {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        flex-direction: row;
        align-self: stretch;
        justify-content: space-between;
        margin-left: 20px;
        font-size: .875rem;
        width: 60%
    }

    .usercard--info--collumn {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: space-evenly;
        height: 100%
    }

    .usercard--info--collumn > h2 {
        line-height: 1.4em;
        max-height: 2.8em;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        font-weight: var(--font-weight-strong);
        color: var(--kds-sema-color-on-surface-subdued);
        margin-bottom: 0px
    }

    .usercard--info--collumn--description {
        color: var(--kds-sema-color-on-surface-nonessential);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0
    }

    .user-profile-badge {
        color: var(--kds-sema-color-on-surface-subdued);
        background-color: var(--kds-sema-color-utility-subdued);
        font-size: 1.125rem;
        font-weight: var(--font-weight-strong);
        border-radius: var(--kds-sema-border-radius-full);
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        display: inline-block
    }

    .user-profile-badge.is-empty {
        background-position: center;
        background-size: 16px;
        background-repeat: no-repeat
    }

    .contact-card-details li {
        line-height: 1.5rem;
        background-repeat: no-repeat;
        background-position: top left;
        padding-left: 2em;
        margin-top: 1em;
        background-size: 20px;
        background-position: center left
    }

    .contact-card-details li:first-of-type {
        margin-top: 0px
    }

    .contact-card-subheadline {
        border-top: 1px solid var(--kds-sema-color-utility-nonessential);
        padding-top: 1rem;
        margin-top: 1rem
    }

    .contact-card a, .contact-card .link-fake {
        color: var(--kds-sema-color-interactive)
    }

    .install-app-headline {
        margin-top: 1rem;
        font-size: 1.375rem;
        font-weight: var(--font-weight-strong)
    }

    .install-app > header + p, .install-app > p + div, .install-app > div + div, .install-app > div + p, .install-app > p + p {
        margin: 1em 0
    }

    .popsearch {
        background-color: var(--kds-sema-color-utility-subdued);
        color: var(--kds-sema-color-on-surface);
        padding: 15px 0 15px 15px;
        box-sizing: border-box
    }

    .popsearch--items {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .popsearch--items > li {
        color: var(--kds-sema-color-on-surface-nonessential);
        display: inline-block;
        cursor: pointer;
        margin: 10px 0 10px 10px;
        box-sizing: border-box;
        padding: 15px 15px 15px 35px;
        border-radius: var(--kds-sema-border-radius-xsmall);
        box-shadow: 0 1px 2px rgba(var(--kds-sema-color-on-surface-rgb), 0.3);
        background: var(--kds-sema-color-surface);
        background-repeat: no-repeat;
        background-position: 10px center;
        font-size: .875rem;
        line-height: 130%
    }

    .popsearch--items > li a, .popsearch--items > li .link-fake {
        color: inherit;
        text-decoration: none
    }

    .popsearch--items > li:first-of-type {
        margin-left: 0
    }

    .popsearch--items > li:last-of-type {
        margin-right: 15px
    }

    .relatedsearches {
        font-size: .75rem;
        background-color: var(--kds-sema-color-utility-nonessential);
        color: var(--kds-sema-color-on-surface);
        padding: 11px .9375rem;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        overflow-x: auto
    }

    .relatedsearches.is-top {
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued)
    }

    .relatedsearches.is-bottom {
        border-top: 1px solid var(--kds-sema-color-utility-subdued)
    }

    .relatedsearches span {
        font-weight: var(--font-weight-strong);
        margin-right: 8px
    }

    .relatedsearches--keywords {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row
    }

    .relatedsearches--keywords > li {
        display: flex;
        flex-shrink: 0;
        border: 1px solid var(--kds-sema-color-utility-subdued);
        border-radius: var(--kds-sema-border-radius-full);
        font-size: .75rem;
        line-height: 12px;
        margin-right: 6px;
        padding: 10px
    }

    .relatedsearches--keywords > li > a, .relatedsearches--keywords > li > .link-fake {
        text-decoration: none;
        color: var(--kds-sema-color-on-surface)
    }

    .socialshare {
        width: 100%;
        max-width: 640px
    }

    .socialshare > ul {
        text-align: center
    }

    .socialshare--navitem {
        margin: 0 10px;
        display: inline-block
    }

    .socialshare .share--facebook {
        background-image: var(--icn-share-facebook)
    }

    .socialshare .share--whatsapp {
        background-image: var(--icn-share-whatsapp)
    }

    .socialshare .share--facebookmessenger {
        background-image: var(--icn-share-facebook-messenger)
    }

    .socialshare .share--email {
        background-image: var(--icn-share-mail)
    }

    .flyoutnav {
        position: fixed;
        background-color: var(--kds-sema-color-surface);
        z-index: 1000;
        top: 0;
        height: 100%;
        height: 100vh;
        padding-top: 20px;
        box-sizing: border-box;
        max-width: 385px;
        overflow-y: auto;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease
    }

    .flyoutnav > ul > li {
        padding: 8px 0 8px 16px;
        border-left: 4px solid rgba(0, 0, 0, 0);
        box-sizing: border-box;
        margin: 8px 0;
        cursor: pointer
    }

    .flyoutnav > ul > li > span {
        display: flex;
        align-items: center;
        min-height: 24px;
        color: var(--kds-sema-color-on-surface);
        font-weight: var(--font-weight-strong);
        text-decoration: none;
        padding-left: 40px;
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: left center;
        vertical-align: middle;
        white-space: nowrap;
        font-size: 1.125rem
    }

    .flyoutnav > ul > li:hover {
        border-color: var(--kds-sema-color-primary)
    }

    .flyoutnav .flyoutnav--close {
        cursor: pointer;
        display: inline-block;
        height: 24px;
        width: 24px;
        background: var(--icn-close-gray) left center no-repeat;
        background-size: 24px;
        margin: 0 0 20px 20px
    }

    .is-flyoutnav-ready .flyoutnav {
        width: 0;
        min-width: 0
    }

    .is-flyoutnav-opened .flyoutnav {
        width: 60%;
        min-width: 220px
    }

    .flyoutnav-veil {
        background-color: var(--kds-sema-color-inverse-surface);
        position: fixed;
        z-index: 990;
        top: 0;
        height: 100%;
        height: 100vh;
        max-width: 640px
    }

    .is-flyoutnav-veil-ready {
        -webkit-transition: opacity 200ms ease, width 0s ease 200ms;
        -moz-transition: opacity 200ms ease, width 0s ease 200ms;
        -o-transition: opacity 200ms ease, width 0s ease 200ms;
        transition: opacity 200ms ease, width 0s ease 200ms;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        width: 0
    }

    .is-flyoutnav-veil-opened {
        -webkit-transition: opacity 200ms ease, visibility 200ms ease;
        -moz-transition: opacity 200ms ease, visibility 200ms ease;
        -o-transition: opacity 200ms ease, visibility 200ms ease;
        transition: opacity 200ms ease, visibility 200ms ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        width: 100%
    }

    .js-on .categorienav--list > li, .has-children .filternav-enumlist--item, .filternav--item--value {
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) center
    }

    .navlist, .categorienav, .filternav, .filternav-enumlist, .browsenav, .navlist-topbordered {
        font-size: .875rem
    }

    .navlist a, .navlist .link-fake, .categorienav a, .categorienav .link-fake, .filternav a, .filternav .link-fake, .filternav-enumlist a, .filternav-enumlist .link-fake, .browsenav a, .browsenav .link-fake, .navlist-topbordered a, .navlist-topbordered .link-fake {
        color: var(--kds-sema-color-on-surface);
        text-decoration: none;
        display: block
    }

    .navlist--list > li, .filternav--list > li, .filternav-enumlist--list > li, .navlist-topbordered--list > li {
        border-color: var(--kds-sema-color-utility-subdued);
        border-style: solid;
        border-width: 0 0 1px 0
    }

    .navlist--item, .filternav--item, .filternav-enumlist--item, .navlist-topbordered--item {
        padding: .9375rem 0
    }

    .navlist-topbordered--list > li {
        border-width: 1px 0 0 0
    }

    .navlist-topbordered--list.no-headline > li:first-of-type {
        border-top: none
    }

    .browsenav {
        margin-top: 0
    }

    .browsenav--sub > strong {
        display: block;
        padding: 1rem 15px
    }

    .browsenav--list {
        background-color: var(--kds-sema-color-utility-nonessential);
        padding-left: 15px
    }

    .browsenav--list li {
        border-color: var(--kds-sema-color-utility-subdued);
        border-style: solid;
        border-bottom-width: 1px;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .browsenav--list li:first-child {
        border-top-width: 1px
    }

    .browsenav--list li:last-child {
        border-bottom-width: 0
    }

    .browsenav--list > li > .browsenav--item {
        padding-left: 2.5%
    }

    .browsenav--list > li > ul > li > .browsenav--item {
        padding-left: 5%
    }

    .browsenav--list > li > ul > li > ul > li > .browsenav--item {
        padding-left: 7.5%
    }

    .browsenav--list > li > ul > li > ul > li > ul > li > .browsenav--item {
        padding-left: 10%
    }

    .browsenav--list > li:last-child {
        border-bottom-width: 1px
    }

    .browsenav--item {
        padding: 1rem 0
    }

    .js-on .browsenav {
        display: none
    }

    .filternav--item, .filternav-enumlist--item {
        cursor: pointer
    }

    .filternav--item--label {
        font-size: .75rem;
        display: block;
        color: var(--kds-sema-color-on-surface-nonessential)
    }

    .filternav--item--value {
        color: var(--kds-sema-color-on-surface-subdued);
        padding-top: 15px;
        font-size: .875rem
    }

    .is-current .filternav-enumlist--item, .filternav-enumlist .is-selected .filternav-enumlist--item {
        color: var(--kds-sema-color-interactive)
    }

    .is-parent .filternav-enumlist--item, .is-parent.has-children .filternav-enumlist--item {
        padding-left: 30px;
        background-position: left center;
        background-repeat: no-repeat
    }

    .is-current.is-parent .filternav-enumlist--item, .filternav-enumlist .is-parent.is-selected .filternav-enumlist--item, .is-current.has-children .filternav-enumlist--item, .filternav-enumlist .has-children.is-selected .filternav-enumlist--item {
        background: none;
        padding-left: 0
    }

    .filternav-enumlist .is-selected {
        background-image: var(--icn-checkmark-interactive);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center right
    }

    .mapbox {
        border-radius: var(--kds-unmapped-border-radius-box);
        overflow: hidden;
        display: block
    }

    .mapbox--small {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 193px;
        max-width: 100%
    }

    .mapbox-map {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px
    }

    .map--address {
        color: var(--kds-sema-color-on-surface-nonessential);
        padding: 8px 0px;
        font-size: .875rem
    }

    .map--address .icon {
        margin-right: 8px
    }

    #map {
        width: 100%;
        height: 100%;
        display: block
    }

    .gm-style {
        font-family: var(--font-family-body);
        font-size: .875rem;
        color: var(--kds-sema-color-surface)
    }

    .gm-style img {
        max-width: none
    }

    .gm-style button {
        height: 40px;
        min-height: 40px
    }

    .gm-style button[aria-checked=false] {
        font-weight: var(--font-weight-regular)
    }

    .gm-style-mtc:first-of-type > button {
        border-radius: var(--kds-unmapped-border-radius-box) 0px 0px var(--kds-unmapped-border-radius-box) !important
    }

    .gm-style-mtc:last-of-type > button {
        border-radius: 0px var(--kds-unmapped-border-radius-box) var(--kds-unmapped-border-radius-box) 0px !important
    }

    .gm-style .gm-style-iw {
        font-weight: var(--font-weight-regular)
    }

    .gm-style .gm-style-iw-c {
        background-color: var(--kds-sema-color-inverse-surface);
        padding: 8px 25px 8px 8px !important
    }

    .gm-style .gm-style-iw-d {
        overflow: hidden !important
    }

    .gm-style .gm-style-iw-t {
        background-color: var(--kds-sema-color-inverse-surface);
        color: var(--kds-sema-color-on-inverse-surface)
    }

    .gm-style .gm-style-iw-t .gm-ui-hover-effect > span {
        background-color: var(--kds-sema-color-on-inverse-surface)
    }

    .gm-style .gm-style-iw-t::after {
        background: linear-gradient(45deg, rgba(var(--kds-sema-color-on-surface-rgb), 1) 50%, rgba(var(--kds-sema-color-on-surface-rgb), 0) 51%, rgba(var(--kds-sema-color-on-surface-rgb), 0) 100%)
    }

    .gm-style .gm-style-iw-tc::after {
        background-color: var(--kds-sema-color-inverse-surface)
    }

    .gm-style .gm-style-iw button {
        top: -4px !important;
        right: -2px !important
    }

    .gm-style .gm-style-iw button > img {
        filter: invert(1)
    }

    .gm-style .gm-style-iw .poi-info-window div, .gm-style .gm-style-iw .poi-info-window a, .gm-style .gm-style-iw .poi-info-window .link-fake {
        color: var(--kds-sema-color-primary);
        background-color: var(--kds-sema-color-inverse-surface) !important
    }

    .gm-style .gm-style-iw .poi-info-window .view-link a, .gm-style .gm-style-iw .poi-info-window .view-link .link-fake, .gm-style .gm-style-iw .poi-info-window .view-link a:visited {
        color: var(--kds-sema-color-primary) !important
    }

    .gm-style .gm-style-iw span.renderable-component-text-box-content {
        color: var(--kds-sema-color-on-surface) !important
    }

    .categorienav a, .categorienav .link-fake {
        color: var(--kds-sema-color-on-surface)
    }

    .categorienav--list > li > .categorienav--item {
        border: solid var(--kds-sema-color-utility-subdued);
        border-width: 1px 0 1px 0
    }

    .categorienav--list > li > ul {
        background-color: var(--kds-sema-color-utility-nonessential)
    }

    .categorienav--list > li:first-child > .categorienav--item {
        border: none
    }

    .categorienav--item {
        padding: 1.375rem 0 1.375rem 50px
    }

    .categorienav [data-category] {
        background-position: left center;
        background-repeat: no-repeat
    }

    .categorienav [data-category=all] {
        background-image: var(--icn-alle)
    }

    .categorienav [data-category=auto_rad_boot] {
        background-image: var(--icn-auto)
    }

    .categorienav [data-category=nachbarschaftshilfe] {
        background-image: var(--icn-nachbarschaftshilfe)
    }

    .categorienav [data-category=immobilien] {
        background-image: var(--icn-immobilien)
    }

    .categorienav [data-category=dienstleistungen] {
        background-image: var(--icn-dienstleistung)
    }

    .categorienav [data-category=familie_kind_baby] {
        background-image: var(--icn-familie-kind-baby)
    }

    .categorienav [data-category=freizeit_nachbarschaft] {
        background-image: var(--icn-freizeit-hobby-nachbarschaft)
    }

    .categorienav [data-category=haus_garten] {
        background-image: var(--icn-haus-garten)
    }

    .categorienav [data-category=haustiere] {
        background-image: var(--icn-haustiere)
    }

    .categorienav [data-category=jobs] {
        background-image: var(--icn-jobs)
    }

    .categorienav [data-category=mode_beauty] {
        background-image: var(--icn-mode-beauty)
    }

    .categorienav [data-category=multimedia_elektronik] {
        background-image: var(--icn-multimedia-elektronik)
    }

    .categorienav [data-category=musik_film_buecher] {
        background-image: var(--icn-musik-film)
    }

    .categorienav [data-category=eintrittskarten_tickets] {
        background-image: var(--icn-eintrittskarten-tickets)
    }

    .categorienav [data-category=unterricht_kurse] {
        background-image: var(--icn-unterricht-kurse)
    }

    .categorienav [data-category=zu_verschenken_tauschen] {
        background-image: var(--icn-verschenken-tauschen)
    }

    .js-on .categorienav--list > li > ul {
        display: none
    }

    .js-on .categorienav--list > li > .categorienav--item {
        border-bottom: none
    }

    .modal {
        position: fixed;
        height: 100%;
        background: var(--kds-sema-color-surface);
        top: 0;
        max-width: 640px;
        z-index: 101;
        box-sizing: border-box;
        width: 100%
    }

    .modal--content {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 15px;
        position: absolute;
        top: 70px;
        left: 0;
        bottom: 0;
        right: 0
    }

    .modal--content.unpadded {
        padding: 0
    }

    .modal--cancel, .modal--back {
        display: block;
        color: var(--kds-sema-color-interactive);
        text-align: right;
        padding: 1rem 0;
        cursor: pointer;
        margin-right: 20px
    }

    .modal--link {
        color: var(--kds-sema-color-interactive);
        text-decoration: none
    }

    .filterbutton {
        border-radius: var(--kds-sema-border-radius-full);
        vertical-align: middle;
        font-size: 1rem;
        cursor: pointer
    }

    .filterbutton > i {
        margin-right: .5625rem;
        height: 1rem;
        width: 1rem;
        vertical-align: middle
    }

    .ctacontainer {
        display: none;
        text-align: center;
        width: 100%;
        max-width: 640px;
        min-width: 320px;
        position: fixed;
        bottom: 70px;
        padding: 0 15px;
        box-sizing: border-box;
        transition: bottom .3s ease-out;
        z-index: 5
    }

    .ctacontainer.is-disappeared {
        bottom: -70px
    }

    .ctacontainer--cta {
        margin: 0 5px;
        box-shadow: 0 2px 5px 0 rgba(var(--kds-sema-color-on-surface-rgb), 0.08)
    }

    .ctacontainer button.fullsize {
        margin: 0
    }

    .has-info-overlay .ctacontainer {
        bottom: 120px
    }

    .has-info-overlay .ctacontainer.is-disappeared {
        bottom: -70px
    }

    .js-on .ctacontainer {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px
    }

    .watchlistcta, .sharecta {
        display: none;
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.4);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        cursor: pointer;
        width: 45px;
        height: 45px;
        border-radius: var(--kds-sema-border-radius-button)
    }

    .watchlistcta--container-flex {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .watchlistcta--container-absolute {
        position: relative
    }

    .watchlistcta--container-absolute .watchlistcta, .watchlistcta--container-absolute .sharecta {
        position: relative;
        z-index: 5
    }

    .js-on .watchlistcta, .js-on .sharecta {
        display: inline-block
    }

    .spinner, .spinner-big {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        background-image: var(--icn-spinner);
        background-repeat: no-repeat;
        background-size: contain;
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: rotate;
        -webkit-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: rotate;
        -moz-animation-timing-function: linear
    }

    .spinner-big {
        width: 50px;
        height: 50px
    }

    @keyframes rotate {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }

    @-ms-keyframes rotate {
        from {
            -ms-transform: rotate(0deg)
        }
        to {
            -ms-transform: rotate(360deg)
        }
    }

    .loadingbar {
        display: block;
        width: 100%
    }

    .loadingbar--message {
        color: var(--kds-sema-color-on-surface-nonessential);
        font-size: .875rem
    }

    .loadingbar--progressbar {
        display: block;
        width: 100%;
        height: 10px;
        border-radius: var(--kds-sema-border-radius-full);
        background-color: var(--kds-sema-color-utility-nonessential)
    }

    .loadingbar--progressbar--progress {
        width: 0;
        height: 100%;
        border-radius: var(--kds-sema-border-radius-full);
        background-color: var(--kds-sema-color-primary);
        -webkit-transition: width 1s;
        transition: width 1s
    }

    .simpletag {
        display: inline-block;
        color: var(--kds-sema-color-on-surface-subdued);
        background-color: var(--kds-sema-color-surface-subdued);
        padding: .14em .3333em;
        font-size: .75rem;
        border-radius: var(--kds-sema-border-radius-badge);
        line-height: 1em
    }

    .shipping-promotion-tag {
        color: var(--kds-sema-color-on-primary);
        background-color: var(--kds-sema-color-secondary-container)
    }

    button.pswp__button:hover, button.pswp__button:active, .pswp__button--watchlist:hover, .pswp__button--watchlist:active {
        background-color: rgba(0, 0, 0, 0)
    }

    .pswp__button--watchlist, .pswp__button--zoom, .pswp__button--share, .pswp__button--close {
        background-size: 24px !important;
        background-position: center !important
    }

    .pswp__button--share {
        background-image: var(--icn-share-white) !important
    }

    .pswp__button--close {
        background-image: var(--icn-close-white) !important
    }

    .pswp__button--zoom {
        background-image: var(--icn-zoomin-white) !important
    }

    .pswp--zoomed-in .pswp__button--zoom {
        background-image: var(--icn-zoomout-white) !important
    }

    .interstitial-box--header {
        color: var(--kds-sema-color-surface);
        font-weight: var(--font-weight-strong);
        font-size: 1.375rem;
        line-height: 130%;
        padding-bottom: 16px
    }

    .interstitial-box--body {
        display: flex;
        flex-direction: column
    }

    .interstitial-box--body-actions {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 24px
    }

    .interstitial-box--body ul {
        margin-bottom: 24px;
        color: var(--kds-sema-color-on-surface-subdued)
    }

    .interstitial-box--body ul li {
        padding-bottom: 8px;
        padding-left: 32px;
        background-image: var(--icn-checkmark-interactive);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: left 0
    }

    .interstitial-box--body ul li:last-of-type {
        padding-bottom: 0
    }

    .interstitial-box--animation {
        background-color: var(--kds-sema-color-primary)
    }

    .ui-swipeslide, .ui-swipeslide-content, .ui-swipeslide-slide, .ui-swipeslide-slide img {
        width: 100%;
        display: block
    }

    .ui-swipeslide {
        position: relative;
        overflow: hidden;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none
    }

    .ui-swipeslide-content {
        overflow: hidden;
        position: relative;
        left: 0;
        top: 0
    }

    .ui-swipeslide-slide {
        box-sizing: border-box;
        float: left
    }

    .ui-swipeslide-slide-un-cropped img {
        width: auto;
        min-width: auto
    }

    .ui-swipeslide-bullets {
        text-align: center;
        margin-top: 10px
    }

    .ui-swipeslide-bullets li {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: var(--kds-sema-border-radius-page-control);
        margin: 5px;
        background-color: var(--kds-sema-color-utility);
        text-indent: -1000px;
        overflow: hidden;
        cursor: pointer
    }

    .ui-swipeslide-bullets li.active {
        background-color: var(--kds-sema-color-primary)
    }

    .ui-swipeslide-nav, .ui-swipeslide-nav li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .ui-swipeslide-nav li {
        position: absolute;
        top: 0;
        height: 100%;
        width: 15%;
        z-index: 20;
        background: rgba(var(--kds-sema-color-on-surface-rgb), 0.4) center center no-repeat;
        cursor: pointer;
        text-indent: -9999px;
        overflow: hidden
    }

    .ui-swipeslide-nav li:hover {
        background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7)
    }

    .ui-swipeslide-nav li.prev {
        left: 0;
        background-image: var(--icn-arrow-24px-left-white)
    }

    .ui-swipeslide-nav li.next {
        right: 0;
        background-image: var(--icn-arrow-24px-right-white)
    }

    .is-hidden {
        display: none !important
    }

    .is-abtest-container {
        display: none
    }

    .radiogroup-account-type {
        margin-top: .625rem
    }

    #account-type-selection {
        display: flex;
        flex-direction: row;
        justify-content: start;
        gap: 8px;
        padding: 8px 0 8px 0
    }

    .account-type-radio {
        display: inline-block;
        position: relative;
        padding: 0;
        box-sizing: border-box;
        font-weight: var(--font-weight-strong);
        width: 225px;
        height: 45px;
        white-space: nowrap;
        line-height: 42px
    }

    .account-type-radio input[type=radio] + label, .account-type-radio input[type=radio]:checked + label {
        border-radius: var(--kds-sema-border-radius-radio-button);
        padding: 1px 14px
    }

    .account-type-radio input[type=radio] + label {
        border: 1px solid var(--kds-sema-color-utility-subdued)
    }

    .account-type-radio input[type=radio]:checked + label {
        border: 1px solid var(--kds-sema-color-interactive)
    }

    .account-type-radio label {
        display: inline-block;
        cursor: pointer;
        min-width: 80%
    }

    .account-type-radio input[type=radio] {
        display: none
    }

    .account-type-radio label:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        margin: 0 5px 0 0;
        width: 16px;
        height: 16px;
        border-radius: var(--kds-sema-border-radius-full);
        border: 1px solid var(--kds-sema-color-utility);
        background-color: rgba(0, 0, 0, 0)
    }

    .account-type-radio label.account-type-error {
        border-color: var(--kds-sema-color-critical) !important;
        color: var(--kds-sema-color-critical) !important
    }

    .account-type-radio input[type=radio]:checked + label:after {
        border-radius: var(--kds-sema-border-radius-full);
        width: 6px;
        height: 6px;
        position: absolute;
        top: 16px;
        left: 16px;
        content: " ";
        display: block;
        border: 5px solid var(--kds-sema-color-interactive);
        background-color: rgba(0, 0, 0, 0)
    }

    .account-type-radio input[type=radio] + label.account-type-error:before {
        border-color: var(--kds-sema-color-critical) !important
    }

    .account-split-recaptcha {
        justify-content: flex-start
    }

    .account-split-recaptcha .formgroup-label {
        display: none
    }

    .account-split-recaptcha .formgroup-input {
        padding-left: 0
    }

    a, .link-fake {
        color: var(--kds-sema-color-interactive);
        cursor: pointer;
        text-decoration: none
    }

    #commercial-account-type-info-sheet {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        z-index: 5000;
        position: fixed
    }

    .info-sheet-backdrop {
        opacity: 80%;
        background: var(--kds-sema-color-background-subdued);
        flex: 1
    }

    .info-sheet-content {
        max-height: 50%;
        background: var(--kds-sema-color-background);
        border-radius: var(--kds-sema-border-radius-medium) var(--kds-sema-border-radius-medium) 0px 0px
    }

    .info-sheet-navigation {
        display: flex;
        justify-content: space-between;
        padding: 0 8px
    }

    .inactive {
        display: none !important
    }

    .account-type-nav {
        cursor: pointer;
        color: var(--kds-sema-color-interactive);
        padding-top: 8px
    }

    .info-section-navigation {
        display: flex;
        flex-direction: column
    }

    .info-section-navigation > a, .info-section-navigation > .link-fake {
        cursor: pointer;
        font-weight: var(--font-weight-medium);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0;
        padding: 18px 0;
        border-bottom: 1px solid var(--kds-sema-color-utility-subdued)
    }

    .info-section-navigation > a.no-border-bottom, .info-section-navigation > .no-border-bottom.link-fake {
        border-bottom: 0
    }

    .info-sheet-section {
        padding: 16px;
        line-height: 150%
    }

    .info-sheet-section > h2 {
        font-size: 1.125rem
    }

    .info-sheet-section > li {
        list-style: inside
    }

    .info-sheet-section > a, .info-sheet-section > .link-fake {
        color: var(--kds-sema-color-interactive)
    }
}