html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

.maincontent--overview .box
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}
/*! sass-mixins - v0.11.0 - 2014-10-20 */
.hidden, .is-hidden {
    display: none !important;
    visibility: hidden
}

.inactive {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

@media print {
    .hidden-print {
        display: none !important;
        visibility: hidden
    }
}

.visuallyhidden, .skip-link, .is-visuallyhidden, .form label.form__label--hidden, .form--one-line-with-text label.form__label--hidden, .form__row__pot, .layout__search__form > label, .facetgroup__list li .icon__fallback, .slider__navigation--previous a span, .slider__navigation--next a span, .pagination a .audible, .productdetail--top .productdetail-gallery.is-hidden, .search__form label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .focusable.visuallyhidden:active, .focusable.skip-link:active, .focusable.is-visuallyhidden:active, .form label.focusable.form__label--hidden:active, .form--one-line-with-text label.focusable.form__label--hidden:active, .focusable.form__row__pot:active, .layout__search__form > label.focusable:active, .facetgroup__list li .focusable.icon__fallback:active, .slider__navigation--previous a span.focusable:active, .slider__navigation--next a span.focusable:active, .pagination a .focusable.audible:active, .productdetail--top .focusable.productdetail-gallery.is-hidden:active, .search__form label.focusable:active, .focusable.visuallyhidden:focus, .focusable.skip-link:focus, .focusable.is-visuallyhidden:focus, .form label.focusable.form__label--hidden:focus, .form--one-line-with-text label.focusable.form__label--hidden:focus, .focusable.form__row__pot:focus, .layout__search__form > label.focusable:focus, .facetgroup__list li .focusable.icon__fallback:focus, .slider__navigation--previous a span.focusable:focus, .slider__navigation--next a span.focusable:focus, .pagination a .focusable.audible:focus, .productdetail--top .focusable.productdetail-gallery.is-hidden:focus, .search__form label.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.content_paragraph:before, .box--floating-items:before, .box__row:before, .box--dealer--default--contact:before, .box--dealer--default--certifications:before, .box--product .product__icons:before, .box--training--top-container:before, .chart:before, .fieldset--split-2:before, .form__clear:before, .form__submit:before, .form fieldset.fieldset--dealer-search:before, .facetnavigation__wrapper__inner:before, .productdetail--top:before, .productdetail--top .productdetail--slideshow-thumbs-container .productdetail--slideshow-thumbs:before, .productdetail--top .productdetail--icons:before, .productdetail--overview h3:before, .productdetail--overview .productdetail--overview-featuretexts:before, .productdetail--alternative-products:before, .productoverview--result .productoverview--item:before, .search__form:before, .tabs--desktop:before, .cards__container:before, .content_paragraph:after, .box--floating-items:after, .box__row:after, .box--dealer--default--contact:after, .box--dealer--default--certifications:after, .box--product .product__icons:after, .box--training--top-container:after, .chart:after, .fieldset--split-2:after, .form__clear:after, .form__error-messages:after, .form__submit:after, .form fieldset.fieldset--dealer-search:after, .facetnavigation__wrapper__inner:after, .productdetail--top:after, .productdetail--top .productdetail--slideshow-thumbs-container .productdetail--slideshow-thumbs:after, .productdetail--top .productdetail--icons:after, .productdetail--overview h3:after, .productdetail--overview .productdetail--overview-featuretexts:after, .productdetail--alternative-products:after, .productoverview--result .productoverview--item:after, .search__form:after, .tabs--desktop:after, .cards__container:after {
    content: ' ';
    display: table
}

.content_paragraph:after, .box--floating-items:after, .box__row:after, .box--dealer--default--contact:after, .box--dealer--default--certifications:after, .box--product .product__icons:after, .box--training--top-container:after, .chart:after, .fieldset--split-2:after, .form__clear:after, .form__error-messages:after, .form__submit:after, .form fieldset.fieldset--dealer-search:after, .facetnavigation__wrapper__inner:after, .productdetail--top:after, .productdetail--top .productdetail--slideshow-thumbs-container .productdetail--slideshow-thumbs:after, .productdetail--top .productdetail--icons:after, .productdetail--overview h3:after, .productdetail--overview .productdetail--overview-featuretexts:after, .productdetail--alternative-products:after, .productoverview--result .productoverview--item:after, .search__form:after, .tabs--desktop:after, .cards__container:after {
    clear: both
}

html {
    height: 100%;
    background: #fff
}

    html.no-background {
        background-image: none;
        background-color: #fff
    }

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle
}

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

textarea {
    resize: vertical
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeSpeed
}

@media screen and (max-width: 62.49em) {
    html {
        font-size: 14px
    }
}

@media screen and (max-width: 23.99em) {
    html {
        font-size: 12px
    }
}

html, button, input, select, textarea {
    color: #555;
    font-family: 'MyriadPro','Myriad Pro', Arial
}

body {
    font-size: 1em;
    line-height: 1.5;
    -webkit-overflow-scrolling: touch
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'MyriadPro','Myriad Pro', Arial;
    font-weight: normal;
    margin: 1em 0 0.5em;
    line-height: 1;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

h1 {
    font-size: 40px;
    font-size: 2.5rem
}

h2 {
    font-size: 32px;
    font-size: 2rem
}

h3, .base__section-heading {
    font-size: 24px;
    font-size: 1.5rem
}

h4, h5, h6 {
    font-size: 20px;
    font-size: 1.25rem
}

.base__section-subheading {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 0.5em
}

p {
    font-size: 16px;
    font-size: 1.2rem;
    margin: 0 0 0.5em
}

    p.small {
        font-size: 12px;
        font-size: 0.75rem
    }

    p.emphasized {
        font-weight: bold
    }

    p.micro {
        font-size: 12px;
        font-size: 0.75rem;
        color: #bbb
    }

@media screen and (max-width: 23.99em) {
    p.small, p.micro {
        font-size: 16px;
        font-size: 1rem
    }
}

.subhead {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1.333333;
    color: #333;
    font-family: "Interstate light",arial,sans-serif,sans-serif
}

small {
    font-size: 12px;
    font-size: 0.75rem
}

blockquote {
    margin: 16px;
    margin: 1rem;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1.2em
}

    blockquote:before {
        content: open-quote
    }

    blockquote:after {
        content: close-quote
    }

a {
    color: #007465;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

    a:hover {
        text-decoration: underline
    }

    a:visited {
        color: #007465
    }

.base__color--info {
    color: #485b73
}

.base__color--warning {
    color: #ff8000
}

.base__color--success {
    color: #00917e
}

.base__color--danger {
    color: #c03
}

ol, ul {
    list-style: none;
    margin: 0 0 0.5em;
    padding: 0;
    overflow: hidden
}

    ol.list--with-margin, ul.list--with-margin {
        margin: 0.5em 0
    }

        ol.list--with-margin > li, ul.list--with-margin > li {
            margin-bottom: 1em
        }

            ol.list--with-margin > li:last-child, ul.list--with-margin > li:last-child {
                margin-bottom: 0
            }

li {
    padding: 4px 0 4px 24px;
    padding: 0.25rem 0 0.25rem 1.5rem;
    position: relative
}

    li:before {
        left: -24px;
        left: -1.5rem;
        position: relative;
        float: left;
        width: 0;
        content: "●";
    }

ol {
    counter-reset: li
}

    ol > li:before {
        content: counter(li);
        counter-increment: li;
        font-weight: bold
    }

ul + .list--sso-link {
    margin-top: -8px;
    margin-top: -0.5rem
}

ul.list--unstyled, .footer__navigation__list, .footer__meta__navigation, .downloads--related-list, .slider__stage {
    margin: 0;
    padding: 0;
    overflow: visible
}

    ul.list--unstyled li, .footer__navigation__list li, .footer__meta__navigation li, .downloads--related-list li, .slider__stage li {
        padding: 0
    }

        ul.list--unstyled li:before, .footer__navigation__list li:before, .footer__meta__navigation li:before, .downloads--related-list li:before, .slider__stage li:before {
            content: '';
            left: 0
        }

.list--icons {
    padding-left: 0
}

    .list--icons li {
        padding-left: 0
    }

        .list--icons li:before {
            display: none
        }

    .list--icons a {
        padding-left: 24px;
        padding-left: 1.5rem;
        position: relative;
        display: inline-block
    }

        .list--icons a.button {
            padding-left: 16px;
            padding-left: 1rem
        }

        .list--icons a:before {
            margin-right: 9.6px;
            margin-right: 0.6rem;
            position: absolute;
            top: 3px;
            left: 0;
            display: inline-block;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none !important;
            text-decoration: none;
            speak: none;
            width: 1em;
            line-height: 1em;
            -webkit-font-smoothing: antialiased
        }

.list--definition {
    margin: 3.2px 0;
    margin: 0.2rem 0
}

.flexbox .list--definition {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.no-flexbox .list--definition {
    display: block
}

.list--definition dt {
    width: 30%
}

.list--definition dd {
    margin-left: 5%;
    width: 65%
}

.list--definition dt, .list--definition dd {
    display: block
}

@media screen and (max-width: 23.99em) {
    .list--definition dt, .list--definition dd {
        width: 50%
    }
}

.no-flexbox .list--definition dt, .no-flexbox .list--definition dd {
    float: left
}

.firstspirit-preview-warning {
    padding: 8px;
    padding: 0.5rem;
    font-size: 16px;
    font-size: 1rem;
    color: #f00;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #f00;
    background-color: #fff;
    z-index: 999
}

div[fs-highlighting] {
    z-index: 2000
}

.site-main, .site-content, .wrapper {
    max-width: 1200px;
    max-width: 75rem;
    padding: 0 32px;
    padding: 0 2rem;
    position: relative;
    margin: 0 auto
}

@media screen and (max-width: 39.99em) {
    .site-main, .site-content, .wrapper {
        padding: 0 16px;
        padding: 0 1rem
    }
}

@media screen and (max-width: 23.99em) {
    .site-main, .site-content, .wrapper {
        padding: 0 8px;
        padding: 0 0.5rem
    }
}

.wrapper {
    z-index: 0
}

.site-main {
    min-height: 480px;
    min-height: 30rem;
    padding-top: 20px;
}

    .site-main:before, .site-main:after {
        content: ' ';
        display: table
    }

    .site-main:after {
        clear: both
    }

    .site-main h1:first-child, .site-main .section-heading {
        margin-top: 0
    }

    .site-main p {
        margin-bottom: 8px;
        margin-bottom: 0.5rem
    }

    .site-main.is-embedded {
        padding: 0
    }

@media screen and (max-width: 59.99em) {
    .site-main {
        min-height: 0
    }
}

.content_inner {
    padding: 0 10%;
    background: #fff
}

@media screen and (max-width: 31.99em) {
    .content_inner {
        padding: 0 5%
    }
}

.maincontent {
    float: left;
    display: inline;
    width: 74%;
    margin-right: 1%
}

.sidebar-left + .maincontent {
    margin-left: 1%;
    margin-right: 0
}

.maincontent.has-sidebars {
    margin-left: 1%;
    margin-right: 1%;
    width: 48%
}

.maincontent.has-fullcontentwidth {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 47.99em) {
    .maincontent {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .sidebar-left + .maincontent {
        margin-left: 0;
        margin-right: 0
    }

    .maincontent.has-sidebars {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.content_paragraph .subhead {
    font-size: 17.6px;
    font-size: 1.1rem
}

.content_paragraph p [class^='link--'], .content_paragraph p [class*=' link--'] {
    text-decoration: underline
}

    .content_paragraph p [class^='link--']:before, .content_paragraph p [class^='link--']:after, .content_paragraph p [class*=' link--']:before, .content_paragraph p [class*=' link--']:after {
        content: ''
    }

.content_2col {
    float: left;
    display: inline;
    width: 31.33333%;
    margin-left: 1%;
    margin-right: 1%
}

@media all and (max-width: 48em) {
    .content_2col {
        width: 64.66667%
    }
}

@media all and (max-width: 32em) {
    .content_2col {
        width: 98%
    }
}

.sidebar, .sidebar-left, .sidebar-right {
    float: left;
    display: inline;
    width: 24%;
    margin-left: 1%;
    margin-right: 0
}

@media screen and (max-width: 47.99em) {
    .sidebar, .sidebar-left, .sidebar-right {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.sidebar-left {
    margin-left: 0;
    margin-right: 1%
}

.sidebar-right {
    float: right
}

.content_full, .related_pages {
    float: left;
    display: inline;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%
}

@media all and (max-width: 48em) {
    .content_full, .related_pages {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .content_full, .related_pages {
        width: 98%
    }
}

@media print {
    .content_2col, .maincontent, .sidebar, .sidebar-left {
        float: none;
        display: block;
        width: 100%
    }

    .content_paragraph {
        page-break-inside: avoid
    }
}

figure {
    margin: 0
}

.image-small {
    float: left;
    display: inline;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    margin-right: 0
}

@media all and (max-width: 48em) {
    .image-small {
        width: 66.66667%
    }
}

@media all and (max-width: 32em) {
    .image-small {
        width: 100%
    }
}

@media screen and (max-width: 39.99em) {
    .image-small {
        width: 48%
    }
}

@media screen and (max-width: 23.99em) {
    .image-small {
        float: none;
        display: block;
        width: 100%
    }
}

.image-medium {
    float: left;
    display: inline;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 23.99em) {
    .image-medium {
        float: none;
        display: block;
        width: 100%
    }
}

.image-large {
    float: left;
    display: inline;
    width: 66.66667%;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    margin-right: 0
}

@media all and (max-width: 48em) {
    .image-large {
        width: 100%
    }
}

@media all and (max-width: 32em) {
    .image-large {
        width: 100%
    }
}

@media screen and (max-width: 39.99em) {
    .image-large {
        float: none;
        display: block;
        width: 100%
    }
}

.image-full {
    float: left;
    display: inline;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

@media all and (max-width: 48em) {
    .image-full {
        width: 100%
    }
}

@media all and (max-width: 32em) {
    .image-full {
        width: 100%
    }
}

@media screen and (max-width: 39.99em) {
    .image-full {
        float: none;
        display: block;
        width: 100%
    }
}

.image-small, .image-medium, .image-large, .image-full {
    margin-top: 5px;
    margin-top: 0.3125rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    -webkit-transition: background-color 0.325s;
    transition: background-color 0.325s;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0.5rem
}

    .image-small:hover, .image-medium:hover, .image-large:hover, .image-full:hover {
        background: #faf8f3
    }

    .image-small img, .image-medium img, .image-large img, .image-full img {
        width: 100%;
        height: 100%;
        border: 1px solid transparent;
        border-radius: 0.4375rem
    }

    .image-small.image--has-caption img, .image-medium.image--has-caption img, .image-large.image--has-caption img, .image-full.image--has-caption img {
        border-radius: 0.4375rem 0.4375rem 0 0;
        height: auto
    }

    .image-small figcaption, .image-medium figcaption, .image-large figcaption, .image-full figcaption {
        font-size: 13.2px;
        font-size: 0.825rem;
        padding: 8px;
        padding: 0.5rem
    }

.image-left {
    margin-right: 16px;
    margin-right: 1rem
}

@media screen and (max-width: 39.99em) {
    .image-left {
        margin-right: 0
    }

        .image-left.image-small, .image-left.image-medium {
            margin-right: 1rem
        }
}

@media screen and (max-width: 23.99em) {
    .image-left {
        float: none;
        display: block;
        width: 100%
    }
}

.image-right {
    margin-left: 16px;
    margin-left: 1rem;
    float: right
}

@media screen and (max-width: 39.99em) {
    .image-right {
        margin-left: 0
    }

        .image-right.image-small {
            margin-left: 1rem
        }
}

@media screen and (max-width: 23.99em) {
    .image-right {
        float: none;
        display: block;
        width: 100%
    }

        .image-right.image-small {
            margin-left: 0
        }
}

.image-wrapper {
    position: relative;
    overflow: hidden
}

    .image-wrapper img {
        position: absolute;
        top: 0;
        width: 100%
    }

@media print {
    .image-small, .image-large, .image-full {
        page-break-inside: avoid
    }

    .productdetail--tabs .image-large, .productdetail--tabs .image-full {
        float: left;
        display: inline;
        width: 33.33333%;
        margin-left: 0;
        margin-right: 0;
        margin-right: 16px;
        margin-right: 1rem;
        float: left
    }
}

@media print and (max-width: 40em) {
    .productdetail--tabs .image-large, .productdetail--tabs .image-full {
        width: 48%
    }
}

@media print and (max-width: 24em) {
    .productdetail--tabs .image-large, .productdetail--tabs .image-full {
        float: none;
        display: block;
        width: 100%
    }
}

.base__landingpage__stage {
    position: relative;
    margin-bottom: -1px;
    padding-top: 56.25%
}

@media screen and (min-width: 100em) {
    .base__landingpage__stage.is-header-stage {
        padding-top: 37.5%
    }
}

.base__landingpage__stage__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

    .base__landingpage__stage__image img {
        width: 100%
    }

.base__landingpage__stage__gradient {
    position: relative
}

@media print {
    .base__landingpage__stage__gradient {
        display: none !important;
        visibility: hidden
    }
}

@media print {
    html, body {
        background-color: #fff;
        font-size: 9pt
    }

    html {
        background-image: none !important
    }

    * {
        background-color: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        word-wrap: break-word
    }

    a, a:visited {
        text-decoration: underline
    }

    thead {
        display: table-header-group
    }

    tr, img, ul, pre, blockquote {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h1, h2, h3, h4, h5 {
        page-break-after: avoid
    }

    h1 {
        font-size: 2em
    }

    h2 {
        font-size: 1.5em
    }

    .site-main, .site-content, .content_inner {
        max-width: none !important;
        padding: 0
    }
}

.maincontent--top {
    padding-top: 32px;
    padding-top: 2rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media screen and (max-width: 47.99em) {
    .maincontent--top {
        margin: 0 -32px;
        margin: 0 -2rem;
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }
}

@media screen and (max-width: 39.99em) {
    .maincontent--top {
        margin: 0 -16px;
        margin: 0 -1rem;
        padding-left: 16px;
        padding-left: 1rem;
        padding-right: 16px;
        padding-right: 1rem
    }
}

@media screen and (max-width: 23.99em) {
    .maincontent--top {
        margin: 0 -8px;
        margin: 0 -0.5rem;
        padding-left: 8px;
        padding-left: 0.5rem;
        padding-right: 8px;
        padding-right: 0.5rem
    }
}

.subhead {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.333333;
    color: #333;
    font-family: 'MyriadPro','Myriad Pro', Arial
}

@media screen and (max-width: 47.99em) {
    .base__headline-teaser-layout__box {
        float: left;
        display: inline;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }
}

@media screen and (max-width: 47.99em) {
    .maincontent .base__headline-teaser-layout__box {
        float: left;
        display: inline;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }
}

@media screen and (min-width: 62.5em) {
    .base__landingpage__stage.is-header-stage {
        padding-top: 37.5%
    }
}

.base__landingpage__stage__image img {
    margin: 0
}

.base__landingpage__stage__headline {
    left: 55%;
    top: 20%;
    right: 5%;
    position: absolute
}

@media screen and (max-width: 62.49em) {
    .base__landingpage__stage__headline {
        padding-top: 24px;
        padding-top: 1.5rem;
        padding-bottom: 24px;
        padding-bottom: 1.5rem;
        background-color: #fff;
        padding-left: 5%;
        padding-right: 5%;
        margin: 0;
        position: relative;
        left: 0
    }
}

.base__landingpage__stage__headline--first, .base__landingpage__stage__headline--second {
    display: block
}

.base__landingpage__stage__headline--first {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    color: #015687
}

.base__landingpage__stage__headline--second {
    font-size: 16px;
    font-size: 1rem
}

html, body {
    background-color: #f8f8f8;
    font-family: 'MyriadPro','Myriad Pro', Arial
}

h1, .slider h3 {
    font-family: "Eurostile LT W02 Extended 2",sans-serif;
    font-weight: normal
}

h2, h3, h4, h5, h6 {
    font-family: 'MyriadPro','Myriad Pro', Arial;
    font-weight: bold
}

a {
    color: #015687
}

    a:visited {
        color: #015687
    }

    a:hover {
        background-color: transparent
    }

@media screen and (max-width: 39.99em) {
    .site-logo {
        padding-right: 40px !important;
        padding-right: 2.5rem !important
    }
}

.maincontent {
    width: 66%;
    margin-right: 1%
}

@media screen and (max-width: 52.99em) {
    .maincontent {
        width: 100%;
        margin: 0
    }
}

.maincontent--top {
    padding: 0 16px 16px;
    padding: 0 1rem 1rem;
    background-color: #0057b7;
    position: relative;
    color: #fff;
    margin-bottom: 0
}

    .maincontent--top h1 {
        font-size: 32px;
        font-size: 2rem;
        font-family: "MyriadPro-BoldCond","Myriad Pro SemiBold",sans-serif;
    }

    .maincontent--top h2 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .maincontent--top p {
        color: #fff
    }

.maincontent--headlines {
    padding: 0
}

    .maincontent--headlines h1 {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .maincontent--headlines h2 {
        margin: 0 0 16px;
        margin: 0 0 1rem
    }

.maincontent--top--image {
    margin: 0 -16px -16px;
    margin: 0 -1rem -1rem;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 37.5%
}

@media (max-width: 53em) {
    .maincontent--top--image {
        padding-top: 56.25%
    }
}

.maincontent--top--image img {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: auto
}

.maincontent--top--text {
    padding: 0 16px;
    padding: 0 1rem;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    height: 100%
}

@media screen and (max-width: 52.99em) {
    .maincontent--top--text {
        position: static;
        margin: 0 -1rem;
        padding-top: 2rem;
        background-color: #0057b7
    }

        .maincontent--top--text .breadcrumb {
            position: absolute;
            top: 0;
            left: 1rem
        }
}

.maincontent--top--text-bottom {
    bottom: 16px;
    bottom: 1rem;
    left: 16px;
    left: 1rem;
    padding-top: 64px;
    padding-top: 4rem;
    position: absolute;
    max-height: 100%;
    overflow: hidden
}

@media screen and (max-width: 52.99em) {
    .maincontent--top--text-bottom {
        position: static;
        padding-top: 2rem;
        padding-bottom: 1rem
    }
}

.maincontent--overview {
    background: #fff;
}

.maincontent--list {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

@media screen and (max-width: 52.99em) {
    .maincontent--list {
        margin-bottom: 0
    }
}

.sidebar {
    width: 32%
}

    .sidebar.has-margin {
        margin-top: 16px;
        margin-top: 1rem
    }

@media screen and (max-width: 52.99em) {
    .sidebar {
        margin: 1rem 0 0;
        width: 100%
    }
}

.sidebar-right {
    padding-top: 16px;
    padding-top: 1rem;
    width: 32%
}

@media screen and (max-width: 52.99em) {
    .sidebar-right {
        width: 100%
    }
}

.sidebar-right .box {
    width: 100%;
    padding-top: 0
}

.image-small, .image-large, .image-full {
    border-radius: 0
}

    .image-small:hover, .image-large:hover, .image-full:hover {
        background: transparent
    }

    .image-small img, .image-large img, .image-full img {
        border-radius: 0
    }

    .image-small.image--has-caption img, .image-large.image--has-caption img, .image-full.image--has-caption img {
        border-radius: 0
    }

.sidebar .equalheights__child .box__image--left img, .sidebar .equalheights__child .box__image--right img, .box--span-3 .equalheights__child .box__image--left img, .box--span-3 .equalheights__child .box__image--right img, .box--span-4 .equalheights__child .box__image--left img, .box--span-4 .equalheights__child .box__image--right img, .box--span-6 .equalheights__child .box__image--left img, .box--span-6 .equalheights__child .box__image--right img, .box--span-8 .equalheights__child .box__image--left img, .box--span-8 .equalheights__child .box__image--right img {
    position: static;
    height: 100%;
    width: auto
}

@media print {
    .maincontent--top--text-bottom {
        margin-top: 16px;
        margin-top: 1rem;
        position: relative;
        left: 0;
        bottom: 0
    }

    .maincontent--top--image {
        display: none
    }
}

.errorpage {
    margin: 32px 0;
    margin: 2rem 0
}

    .errorpage .content-503 {
        float: left;
        display: inline;
        width: 81.33333%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 48px;
        margin-top: 3rem
    }

@media all and (max-width: 48em) {
    .errorpage .content-503 {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .errorpage .content-503 {
        width: 98%
    }
}

.errorpage .content-left, .errorpage .content-right {
    float: left;
    display: inline;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%
}

@media all and (max-width: 48em) {
    .errorpage .content-left, .errorpage .content-right {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .errorpage .content-left, .errorpage .content-right {
        width: 98%
    }
}

.errorpage_intro {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-family: 'MyriadPro','Myriad Pro', Arial;
    margin: 0
}

.maincontent__error {
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 16px;
    margin-bottom: 1rem;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .maincontent__error h1:first-child {
        padding-top: 1em
    }

@media screen and (max-width: 52.99em) {
    .maincontent__error h1:first-child {
        padding-top: 0
    }
}

.maincontent__error .maincontent--headlines {
    padding: 0 16px;
    padding: 0 1rem;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    right: 0;
    color: #015687
}

    .maincontent__error .maincontent--headlines p {
        color: #333
    }

@media screen and (max-width: 52.99em) {
    .maincontent__error .maincontent--headlines {
        background-color: #015687;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#015687), to(#015687));
        background-image: -webkit-linear-gradient(top, #015687, #015687);
        background-image: linear-gradient(to bottom, #015687, #015687);
        position: static;
        margin: 0 -1rem;
        padding-top: 2rem;
        color: #fff;
        overflow: hidden
    }

        .maincontent__error .maincontent--headlines p {
            color: #fff
        }
}

.maincontent__error .maincontent--top--image {
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media screen and (max-width: 52.99em) {
    .maincontent__error a {
        color: #fff;
        text-decoration: underline
    }

        .maincontent__error a:visited {
            color: #fff
        }

        .maincontent__error a:hover {
            text-decoration: none
        }
}

.loyalty__header:before, .loyalty__header:after {
    content: ' ';
    display: table
}

.loyalty__header:after {
    clear: both
}

.loyalty__navigation {
    margin: 0 0 16px 0;
    margin: 0 0 1rem 0;
    float: left
}

    .loyalty__navigation .form__select {
        min-width: 320px;
        min-width: 20rem
    }

    .loyalty__navigation .multipagenavigation {
        margin: 8px 0 8px 0;
        margin: 0.5rem 0 0.5rem 0;
        padding: 0
    }

@media screen and (max-width: 23.99em) {
    .loyalty__navigation {
        float: none;
        width: 100%
    }

        .loyalty__navigation .form__select {
            min-width: auto
        }

        .loyalty__navigation .multipagenavigation {
            margin: 0 0 16px 0;
            margin: 0 0 1rem 0
        }
}

.loyalty__header-points {
    margin: 0 0 16px 16px;
    margin: 0 0 1rem 1rem;
    float: right
}

@media screen and (max-width: 23.99em) {
    .loyalty__header-points {
        margin-left: 0;
        width: 100%;
        float: left
    }
}

.loyalty__header-points--color-primary {
    color: #000
}

.loyalty__header-points--color-secondary {
    color: #999
}

.loyalty__header-points--value {
    padding-left: 16px;
    padding-left: 1rem;
    text-align: right;
    vertical-align: top
}

.table-general--extended.loyalty__table-points {
    min-width: 0
}

    .table-general--extended.loyalty__table-points th:nth-child(2), .table-general--extended.loyalty__table-points th:nth-child(3) {
        width: 150px;
        width: 9.375rem
    }

    .table-general--extended.loyalty__table-points tr {
        vertical-align: top
    }

[class^='icon--']:before, [class^='icon--']:after, [class*=' icon--']:before, [class*=' icon--']:after, [class^='link--']:before, [class^='link--']:after, [class*=' link--']:before, [class*=' link--']:after, .product__icons:before, .product__icons:after, .box--linked p:last-of-type:after, .box--linked p:last-child:after, .box--linked p.last-of-type:after, .box--linked p.last-child:after, .box--logout .logout-link:before, .box--logout .logout-link:after, .box--error:before, .box--info:before, .box--success:before, .box--warning:before, .form__date-container:after, .form__location-current, .form__date-clear, .form__errormsg:before, .form__errormsg-multi:before, .form__reset-password__messages-two .form__error-messages-match:before, .form__reset-password__messages-two .form__error-messages-no-match:before, .form__layer--compact .form__layer__modal--success:before, .form__select__label:after, .form__select_listitem_remove, .layout__search__submit--desktop:before, .layout__search__toggle:before, .product-registration__state:before, .table--toggable-columns tr:first-child th:before, .table--sortable .tablesorter-header-asc .tablesorter-header-inner:after, .table--sortable .tablesorter-header-desc .tablesorter-header-inner:after, .table--sortable .tablesorter-header-unsorted .tablesorter-header-inner:after, .cookiewarning p:first-child:before, .breadcrumb li:before, .modal .modal-close:after, .modal--gallery-download-link:before, .downloads--related-handle:before, .facetnavigation__toggle--link:after, .multipagenavigation li a:before, .multipagenavigation--inverse li a:before, .pagination .pagination--first a:before, .pagination .pagination--prev a:before, .pagination .pagination--next a:before, .pagination .pagination--last a:before, .productdetail--top .productdetail--slideshow .carousel-item .productdetail--slideshow-magnifier span:before, .productdetail--pricelink:before, .productdetail--top .productdetail--details > ul > li:before, .productdetail--call-modal:after, .search__form__button:before {
    display: inline-block;
    font-family: "SDBG-Iconfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none !important;
    text-decoration: none;
    speak: none;
    width: auto;
    line-height: 1em;
    -webkit-font-smoothing: antialiased
}

.icon--consumer:before {
    content: "\43"
}

.icon--business:before {
    content: "\50"
}

.icon--energy_class_a:before {
    content: "\e012"
}

.icon--energy_class_a_plus:before {
    content: "\e018"
}

.icon--energy_class_a_double:before {
    content: "\e016"
}

.icon--energy_class_a_triple:before {
    content: "\e014"
}

.icon--energy_class_b:before {
    content: "\e010"
}

.icon--energy_class_c:before {
    content: "\e00e"
}

.icon--energy_class_d:before {
    content: "\e00d"
}

.icon--energy_class_e:before {
    content: "\e00c"
}

.icon--energy_class_f:before {
    content: "\e00b"
}

.icon--energy_class_g:before {
    content: "\e00a"
}

.icon--info:before {
    content: "\78"
}

.icon--search_zoom:before {
    content: "\7d"
}

.icon--arrow-up:before {
    content: "\25b2"
}

.icon--arrow-right:before {
    content: "\25ba"
}

.icon--arrow-down:before {
    content: "\25bc"
}

.icon--arrow-left:before {
    content: "\25c0"
}

.icon--arrow-first:before {
    content: "\25c4"
}

.icon--arrow-last:before {
    content: "\25b6"
}

.icon--pause:before {
    content: "\22"
}

.icon--volume:before {
    content: "\e601"
}

.icon--mute:before {
    content: "\e602"
}

.icon--help_question_faq:before {
    content: "\e000"
}

.icon--download:before {
    content: "\e001"
}

.icon--alert:before {
    content: "\e01a"
}

.icon--compare_share:before {
    content: "\e02b"
}

.icon--logout:before {
    content: "\e02c"
}

.icon--login:before {
    content: "\e02d"
}

.icon--gallery:before {
    content: "\e030"
}

.icon--account:before {
    content: "\e04a"
}

.icon--employees:before {
    content: "\e04b"
}

.icon--dashboard:before {
    content: "\e04c"
}

.icon--location:before {
    content: "\e04d"
}

.icon--calendar:before {
    content: "\27"
}

.icon--email:before {
    content: "\28"
}

.icon--phone:before {
    content: "\29"
}

.icon--help:before {
    content: "\2a"
}

.icon--menu:before {
    content: "\2b"
}

.icon--info-full:before {
    content: "\2c"
}

.icon--clock:before {
    content: "\2d"
}

.icon--external:before {
    content: "\2e"
}

.icon--check_confirm:before {
    content: "\2f"
}

.icon--new-file:before {
    content: "\30"
}

.icon--print:before {
    content: "\31"
}

.icon--close:before {
    content: "\33"
}

.icon--speedmeter:before {
    content: "\e04c"
}

.icon--column_single:before {
    content: "\e04e"
}

.icon--column_double:before {
    content: "\e04f"
}

.icon--layer:before {
    content: "\e050"
}

.icon--check:before {
    content: "\2f"
}

.icon--professionals:before {
    content: "\50"
}

.icon--crosshair:before {
    content: "\271a"
}

.icon--source-zeolith:before {
    content: "\76"
}

.icon--app-store:before {
    content: "\52"
}

.icon--google-plus:before {
    content: "\54"
}

.icon--photovoltaic:before {
    content: "\37"
}

.icon--product-pellet:before {
    content: "\40"
}

.icon--product-oil:before {
    content: "\41"
}

.icon--product-non-condensing:before {
    content: "\44"
}

.icon--product-hybrid-system:before {
    content: "\45"
}

.icon--product-system:before {
    content: "\46"
}

.icon--product-accessory:before {
    content: "\47"
}

.icon--product-electric:before {
    content: "\48"
}

.icon--product-cooling:before {
    content: "\49"
}

.icon--homeowner:before {
    content: "\56"
}

.icon--heating:before {
    content: "\61"
}

.icon--hot_water:before {
    content: "\63"
}

.icon--plugin_electric:before {
    content: "\65"
}

.icon--pellets:before {
    content: "\69"
}

.icon--solar:before {
    content: "\71"
}

.icon--oil:before {
    content: "\73"
}

.icon--gas:before {
    content: "\75"
}

.icon--favorite:before {
    content: "\79"
}

.icon--1-tap:before {
    content: "\192"
}

.icon--2-taps:before {
    content: "\201e"
}

.icon--3-taps:before {
    content: "\2026"
}

.icon--1-shower:before {
    content: "\2018"
}

.icon--2-showers:before {
    content: "\2019"
}

.icon--ventilation:before {
    content: "\3c"
}

.icon--controller:before {
    content: "\3e"
}

.icon--gas-water-heater_product:before {
    content: "\4a"
}

.icon--raditator_product:before {
    content: "\4b"
}

.icon--heat-pump_product:before {
    content: "\4d"
}

.icon--controller_scale:before {
    content: "\5b"
}

.icon--purpose-ventilation:before {
    content: "\5d"
}

.icon--cooling:before {
    content: "\5f"
}

.icon--air_source:before {
    content: "\6b"
}

.icon--water_source:before {
    content: "\6d"
}

.icon--ground_source:before {
    content: "\6f"
}

.icon--service:before {
    content: "\7b"
}

.icon--2-bathtubs:before {
    content: "\a1"
}

.icon--3-bathtubs:before {
    content: "\a2"
}

.icon--4-bathtubs:before {
    content: "\a3"
}

.icon--2-people:before {
    content: "\b1"
}

.icon--2-4-people:before {
    content: "\b2"
}

.icon--3-people:before {
    content: "\b3"
}

.icon--4-people:before {
    content: "\b4"
}

.icon--4-2-people:before {
    content: "\b5"
}

.icon--1-bathtub:before {
    content: "\b6"
}

.icon--mobile:before {
    content: "\e002"
}

.icon--modernisation:before {
    content: "\e003"
}

.icon--new_building:before {
    content: "\e004"
}

.icon--loading:before {
    content: "\e02e"
}

.icon--low-noise:before {
    content: "\e072"
}

.icon--group:before {
    content: "\e04b"
}

.icon--floor-heating:before {
    content: "\e074"
}

.icon--pool-heating:before {
    content: "\e076"
}

.icon--remote:before {
    content: "\e078"
}

.icon--inverter:before {
    content: "\e07a"
}

.icon--air-purifying:before {
    content: "\e07c"
}

.icon--law:before {
    content: "\e005"
}

.icon--money:before {
    content: "\e006"
}

.icon--haskey:before {
    content: "\e051"
}

.icon--nokey:before {
    content: "\e052"
}

.icon--link-external:before {
    content: "\2e"
}

.icon--link--external:before {
    content: "\2e"
}

.icon--link--internal:before {
    content: "\25ba"
}

.icon--link--mailto:before {
    content: "\28"
}

.icon--link--phone:before {
    content: "\29"
}

.icon--link--download:before {
    content: "\e001"
}

.icon--link--product:before {
    content: "\25ba"
}

.icon--link--iframe-layer:before {
    content: "\e050"
}

.link-external:before {
    content: "\2e"
}

.link--external:before {
    content: "\2e"
}

.link--internal:before {
    content: "\25ba"
}

.link--mailto:before {
    content: "\28"
}

.link--phone:before {
    content: "\29"
}

.link--download:before {
    content: "\e001"
}

.link--product:before {
    content: "\25ba"
}

.link--iframe-layer:before {
    content: "\e050"
}

.box--padding, .form--one-line-with-text, .accordion--bordered, .accordion__element--bordered, .search__form--livesearch.has-border, .box, .box--error, .box--info, .box--success, .box--warning {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    color: #222;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
}

[class*='icon--'].box--padding, [class*='icon--'].form--one-line-with-text, [class*='icon--'].accordion--bordered, [class*='icon--'].accordion__element--bordered, [class*='icon--'].search__form--livesearch.has-border, [class*='icon--'].box, [class*='icon--'].box--error, [class*='icon--'].box--info, [class*='icon--'].box--success, [class*='icon--'].box--warning {
    padding-left: 64px;
    padding-left: 4rem;
    position: relative
}

    [class*='icon--'].box--padding:before, [class*='icon--'].form--one-line-with-text:before, [class*='icon--'].accordion--bordered:before, [class*='icon--'].accordion__element--bordered:before, [class*='icon--'].search__form--livesearch.has-border:before, [class*='icon--'].box:before, [class*='icon--'].box--error:before, [class*='icon--'].box--info:before, [class*='icon--'].box--success:before, [class*='icon--'].box--warning:before {
        width: 64px;
        width: 4rem;
        top: 8px;
        top: 0.5rem;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 40px;
        font-size: 2.5rem;
        position: absolute;
        color: #e3f0f6
    }

    [class*='icon--'].box--padding > div, [class*='icon--'].form--one-line-with-text > div, [class*='icon--'].accordion--bordered > div, [class*='icon--'].accordion__element--bordered > div, [class*='icon--'].search__form--livesearch.has-border > div, [class*='icon--'].box > div, [class*='icon--'].box--error > div, [class*='icon--'].box--info > div, [class*='icon--'].box--success > div, [class*='icon--'].box--warning > div {
        padding-left: 0
    }

.box--padding > *:last-child, .form--one-line-with-text > *:last-child, .accordion--bordered > *:last-child, .accordion__element--bordered > *:last-child, .search__form--livesearch.has-border > *:last-child, .box > *:last-child, .box--error > *:last-child, .box--info > *:last-child, .box--success > *:last-child, .box--warning > *:last-child, .box__row .box--padding, .box__row .form--one-line-with-text, .box__row .accordion--bordered, .box__row .accordion__element--bordered, .box__row .search__form--livesearch.has-border, .box__row .box, .box__row .box--error, .box__row .box--info, .box__row .box--success, .box__row .box--warning {
    margin-bottom: 0
}

.equalheights__child .box--padding, .equalheights__child .form--one-line-with-text, .equalheights__child .accordion--bordered, .equalheights__child .accordion__element--bordered, .equalheights__child .search__form--livesearch.has-border, .equalheights__child .box, .equalheights__child .box--error, .equalheights__child .box--info, .equalheights__child .box--success, .equalheights__child .box--warning {
    height: 100%
}

.box--with-pre-headline.box--padding:before, .box--with-pre-headline.form--one-line-with-text:before, .box--with-pre-headline.accordion--bordered:before, .box--with-pre-headline.accordion__element--bordered:before, .box--with-pre-headline.search__form--livesearch.has-border:before, .box--with-pre-headline.box:before, .box--with-pre-headline.box--error:before, .box--with-pre-headline.box--info:before, .box--with-pre-headline.box--success:before, .box--with-pre-headline.box--warning:before {
    top: 36px;
    top: 2.25rem
}

.box--with-pre-headline.box--padding .box--pre-headline, .box--with-pre-headline.form--one-line-with-text .box--pre-headline, .box--with-pre-headline.accordion--bordered .box--pre-headline, .box--with-pre-headline.accordion__element--bordered .box--pre-headline, .box--with-pre-headline.search__form--livesearch.has-border .box--pre-headline, .box--with-pre-headline.box .box--pre-headline, .box--with-pre-headline.box--error .box--pre-headline, .box--with-pre-headline.box--info .box--pre-headline, .box--with-pre-headline.box--success .box--pre-headline, .box--with-pre-headline.box--warning .box--pre-headline {
    font-size: 12.8px;
    font-size: 0.8rem;
    color: #6e6e6e;
    margin: 0
}

.box--with-pre-headline.box--padding h3, .box--with-pre-headline.form--one-line-with-text h3, .box--with-pre-headline.accordion--bordered h3, .box--with-pre-headline.accordion__element--bordered h3, .box--with-pre-headline.search__form--livesearch.has-border h3, .box--with-pre-headline.box h3, .box--with-pre-headline.box--error h3, .box--with-pre-headline.box--info h3, .box--with-pre-headline.box--success h3, .box--with-pre-headline.box--warning h3 {
    margin: 8px 0 12px;
    margin: 0.5rem 0 0.75rem
}

.box--text, .box--error, .box--info, .box--success, .box--warning, .box--employee {
    padding: 16px;
    padding: 1rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden
}

    .box--text h1, .box--error h1, .box--info h1, .box--success h1, .box--warning h1, .box--employee h1 {
        font-size: 24px;
        font-size: 1.5rem
    }

        .box--text h1:first-child, .box--error h1:first-child, .box--info h1:first-child, .box--success h1:first-child, .box--warning h1:first-child, .box--employee h1:first-child, .box--text h2:first-child, .box--error h2:first-child, .box--info h2:first-child, .box--success h2:first-child, .box--warning h2:first-child, .box--employee h2:first-child, .box--text h3:first-child, .box--error h3:first-child, .box--info h3:first-child, .box--success h3:first-child, .box--warning h3:first-child, .box--employee h3:first-child, .box--text h4:first-child, .box--error h4:first-child, .box--info h4:first-child, .box--success h4:first-child, .box--warning h4:first-child, .box--employee h4:first-child {
            margin-top: 0
        }

    .box--text .subhead, .box--error .subhead, .box--info .subhead, .box--success .subhead, .box--warning .subhead, .box--employee .subhead {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 8px;
        margin-bottom: 0.5rem
    }

    .box--text ul, .box--error ul, .box--info ul, .box--success ul, .box--warning ul, .box--employee ul {
        margin: 0.5em 0 0
    }

    .box--text > button, .box--error > button, .box--info > button, .box--success > button, .box--warning > button, .box--employee > button, .box--text .button.pull-right, .box--error .button.pull-right, .box--info .button.pull-right, .box--success .button.pull-right, .box--warning .button.pull-right, .box--employee .button.pull-right {
        margin-top: 16px;
        margin-top: 1rem;
        float: right
    }

    .box--text .form__row, .box--error .form__row, .box--info .form__row, .box--success .form__row, .box--warning .form__row, .box--employee .form__row {
        margin-bottom: 8px;
        margin-bottom: 0.5rem
    }

.box--padding, .form--one-line-with-text, .accordion--bordered, .accordion__element--bordered, .search__form--livesearch.has-border {
    padding: 16px;
    padding: 1rem
}

.box--linked {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer
}

    .box--linked p {
        color: #6d6d6d;
        font-size: 14px;
    }

        .box--linked p:last-of-type:after, .box--linked p:last-child:after, .box--linked p.last-of-type:after, .box--linked p.last-child:after {
            content: "\25ba"
        }

        .box--linked p:last-of-type:after, .box--linked p:last-child:after, .box--linked p.last-of-type:after, .box--linked p.last-child:after {
            padding-left: 8px;
            padding-left: 0.5rem;
            display: inline;
            color: #015687;
            -webkit-transition: color 0.3s;
            transition: color 0.3s
        }

    .box--linked:hover {
    }

        .box--linked:hover .box--linked__headline, .box--linked:hover .box--linked__headline__link, .box--linked:hover .box--linked__sub-headline, .box--linked:hover p:after {
            color: #222
        }

.box--linked__headline, .box--linked__headline__link, .box--linked__sub-headline {
    color: #015687;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

    .box--linked__headline__link, .box--linked__headline__link:hover {
        text-decoration: none
    }

@media screen and (max-width: 23.99em) {
    .box--table-clean .table-clean td {
        display: block;
        padding: 0
    }

        .box--table-clean .table-clean td:last-child {
            padding-bottom: 8px;
            padding-bottom: 0.5rem
        }

    .box--table-clean .table-clean .box--employee__professional-access {
        display: block
    }
}

.box--floating-items .box--floating-items--item {
    float: left;
    width: 50%
}

    .box--floating-items .box--floating-items--item:first-child {
        padding-right: 8px;
        padding-right: 0.5rem
    }

@media screen and (max-width: 39.99em) {
    .box--floating-items .box--floating-items--item {
        width: 100%;
        padding-right: 0
    }
}

.flexbox .box--flex-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.box--flex-item {
    padding-right: 8px;
    padding-right: 0.5rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    width: 50%
}

.no-flexbox .box--flex-item {
    float: left
}

.box--properties {
    font-size: 12.8px;
    font-size: 0.8rem;
    color: #333
}

    .box--properties [class*='icon--']:before {
        padding-right: 3.2px;
        padding-right: 0.2rem;
        white-space: nowrap
    }

    .box--properties .icon--new-file {
        color: #ff8000
    }

    .box--properties .icon--clock {
        color: #485b73
    }

    .box--properties .icon--check {
        color: #00917e
    }

    .box--properties .icon--close {
        color: #c03
    }

.box--navigation h3 {
    font-size: 24px;
    font-size: 1.5rem
}

.box--navigation p {
    font-size: 12.8px;
    font-size: 0.8rem
}

.box--logout .logout-link {
    padding-left: 8px;
    padding-left: 0.5rem;
    float: right
}

    .box--logout .logout-link:after {
        content: "\e02c"
    }

    .box--logout .logout-link:after {
        padding-left: 8.8px;
        padding-left: 0.55rem;
        position: relative;
        top: 1px;
        font-size: 1.2em
    }

.box--search .breadcrumb {
    margin-bottom: 0
}

.box--error {
    border: 2px solid #c03;
    padding-left: 64px;
    padding-left: 4rem;
    position: relative
}

    .box--error h1:first-child, .box--error h2:first-child, .box--error h3:first-child, .box--error h4:first-child, .box--error:before {
        color: #c03
    }

    .box--error:before {
        content: "\33"
    }

    .box--error:before {
        width: 64px;
        width: 4rem;
        top: 8px;
        top: 0.5rem;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 40px;
        font-size: 2.5rem;
        position: absolute;
        color: #c03
    }

    .box--error > div {
        padding-left: 0
    }

.box--info {
    border: 2px solid #485b73;
    padding-left: 64px;
    padding-left: 4rem;
    position: relative
}

    .box--info h1:first-child, .box--info h2:first-child, .box--info h3:first-child, .box--info h4:first-child, .box--info:before {
        color: #485b73
    }

    .box--info:before {
        content: "\78"
    }

    .box--info:before {
        width: 64px;
        width: 4rem;
        top: 8px;
        top: 0.5rem;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 40px;
        font-size: 2.5rem;
        position: absolute;
        color: #485b73
    }

    .box--info > div {
        padding-left: 0
    }

.box--success {
    border: 2px solid #00917e;
    padding-left: 64px;
    padding-left: 4rem;
    position: relative
}

    .box--success h1:first-child, .box--success h2:first-child, .box--success h3:first-child, .box--success h4:first-child, .box--success:before {
        color: #00917e
    }

    .box--success:before {
        content: "\2f"
    }

    .box--success:before {
        width: 64px;
        width: 4rem;
        top: 8px;
        top: 0.5rem;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 40px;
        font-size: 2.5rem;
        position: absolute;
        color: #00917e
    }

    .box--success > div {
        padding-left: 0
    }

.box--warning {
    border: 2px solid #ff8000;
    padding-left: 64px;
    padding-left: 4rem;
    position: relative
}

    .box--warning h1:first-child, .box--warning h2:first-child, .box--warning h3:first-child, .box--warning h4:first-child, .box--warning:before {
        color: #ff8000
    }

    .box--warning:before {
        content: "\e01a"
    }

    .box--warning:before {
        width: 64px;
        width: 4rem;
        top: 8px;
        top: 0.5rem;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 40px;
        font-size: 2.5rem;
        position: absolute;
        color: #ff8000
    }

    .box--warning > div {
        padding-left: 0
    }

.box__row {
    margin: 0 -1%;
    margin-bottom: 16px;
    margin-bottom: 1rem
}

@media screen and (max-width: 67.49em) {
    .box__row {
        margin-bottom: 0
    }

        .box__row > div {
            margin-bottom: 16px;
            margin-bottom: 1rem
        }

    .box .box__row > div:last-child {
        margin-bottom: 0
    }
}

.box--span-3 {
    float: left;
    display: inline;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%
}

@media screen and (max-width: 67.49em) {
    .box--span-3 {
        width: 48%
    }
}

@media screen and (max-width: 47.99em) {
    .box--span-3 {
        width: 98%
    }
}

.box--span-4 {
    float: left;
    display: inline;
    width: 31.33333%;
    margin-left: 1%;
    margin-right: 1%
}

@media screen and (max-width: 47.99em) {
    .box--span-4 {
        width: 98%
    }
}

.box--span-6 {
    float: left;
    display: inline;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%
}

@media all and (max-width: 48em) {
    .box--span-6 {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .box--span-6 {
        width: 98%
    }
}

.box--span-8 {
    float: left;
    display: inline;
    width: 64.66667%;
    margin-left: 1%;
    margin-right: 1%
}

@media all and (max-width: 48em) {
    .box--span-8 {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .box--span-8 {
        width: 98%
    }
}

.box__section-title {
    margin-left: 16px;
    margin-left: 1rem;
    margin-right: 16px;
    margin-right: 1rem;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0
}

.sidebar .box__section-title {
    margin-top: 16px;
    margin-top: 1rem;
    position: static;
    white-space: normal
}

.box--dealer--numeration--label {
    color: #015687
}

.box--toggle-container {
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    height: 0;
    overflow: hidden
}

@media print {
    .box__row {
        margin: 0 !important
    }

    [class*='box--span'] {
        margin: 0;
        width: 100%
    }

    .box__section-title {
        margin: 0 0 6pt
    }

    .box--linked p.last-of-type:after {
        display: none !important;
        visibility: hidden
    }

    .equalheights__child {
        height: auto !important
    }

    .box--dealer--numeration--label {
        display: none
    }

    .box {
        height: auto !important;
        padding: 12pt !important;
        float: none;
        display: block;
        margin: 0;
        margin-bottom: 12pt;
        width: auto;
        page-break-inside: avoid
    }

        .box figure {
            padding-top: 0 !important;
            position: relative !important;
            float: left !important;
            width: auto !important;
            padding-right: 12pt !important
        }

            .box figure.box__image--top, .box figure.box__image--right, .box figure.box__image--bottom, .box figure.box__image--left {
                position: relative;
                border-radius: 0
            }

                .box figure.box__image--top img, .box figure.box__image--right img, .box figure.box__image--bottom img, .box figure.box__image--left img {
                    position: relative !important;
                    width: 100pt !important;
                    height: auto !important;
                    border-radius: 0 !important
                }

        .box .box--text {
            padding: 0
        }

            .box .box--text p.last-child {
                margin-bottom: 0
            }

        .box[class*='icon--']:before, .box .logout-link, .box button {
            display: none !important;
            visibility: hidden
        }
}

.box {
    border: 0
}

.maincontent--overview .box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.lt-ie9 .maincontent--overview .box {
    border: 1px solid #e3e3e3
}

.box--linked:hover, .box--linked:focus {
    outline: 1px solid #e3e3e3
}

.maincontent--overview .box--linked:hover, .maincontent--overview .box--linked:focus {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
    outline: 0 none;
}

.box--linked h1, .box--linked h2, .box--linked h3, .box--linked h4, .box--linked {
    -webkit-transition: none;
    transition: none
}

.box--navigation:hover {
    background: #fff !important;
    text-decoration: none !important
}

.box__image--left, .box__image--right, .box__image--top, .box__image--bottom {
    position: relative;
    overflow: hidden;
    padding: 0
}

    .box__image--left img, .box__image--right img, .box__image--top img, .box__image--bottom img {
        display: block;
        width: auto;
        max-width: 100%;
        -webkit-transition: opacity 0.2s 0.01s;
        transition: opacity 0.2s 0.01s
    }

.box__image--left {
    float: left;
    border-radius: 0 0 0 0
}

    .box__image--left img {
        border-radius: 0 0 0 0
    }

.box__image--right {
    float: right;
    border-radius: 0 0 0 0
}

    .box__image--right img {
        border-radius: 0 0 0 0
    }

.box__image--left, .box__image--right {
    width: 35%;
    height: 100%
}

    .box__image--left img, .box__image--right img {
        width: 100%
    }

@media screen and (max-width: 39.99em) {
    .box__image--left, .box__image--right {
        float: none;
        width: 100%;
        height: auto;
        border-radius: 0 0 0 0
    }

        .box__image--left img, .box__image--right img {
            border-radius: 0 0 0 0
        }
}

@media screen and (max-width: 62.49em) {
    .sidebar .box__image--left, .box--span-3 .box__image--left, .box--span-4 .box__image--left, .box--span-6 .box__image--left, .box--span-8 .box__image--left, .sidebar .box__image--right, .box--span-3 .box__image--right, .box--span-4 .box__image--right, .box--span-6 .box__image--right, .box--span-8 .box__image--right {
        float: none;
        width: 100%;
        height: auto;
        border-radius: 0 0 0 0
    }

        .sidebar .box__image--left img, .box--span-3 .box__image--left img, .box--span-4 .box__image--left img, .box--span-6 .box__image--left img, .box--span-8 .box__image--left img, .sidebar .box__image--right img, .box--span-3 .box__image--right img, .box--span-4 .box__image--right img, .box--span-6 .box__image--right img, .box--span-8 .box__image--right img {
            border-radius: 0 0 0 0
        }
}

.box__image--top {
    border-radius: 0 0 0 0
}

    .box__image--top img {
        border-radius: 0 0 0 0
    }

.box__image--bottom {
    border-radius: 0 0 0 0
}

    .box__image--bottom img {
        border-radius: 0 0 0 0
    }

.equalheights__child .box__image--bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.box__image--top img, .box__image--bottom img {
    width: 100%;
    height: auto
}

.equalheights__child .box__image--left img, .equalheights__child .box__image--right img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    max-width: none
}

@media (max-width: 40em) {
    .equalheights__child .box__image--left img, .equalheights__child .box__image--right img {
        position: static;
        bottom: auto;
        max-width: 100%
    }
}

@media screen and (max-width: 62.49em) {
    .sidebar .equalheights__child img, .equalheights__child.box--span-3 img, .equalheights__child.box--span-4 img, .equalheights__child.box--span-6 img, .equalheights__child.box--span-8 img {
        position: static;
        bottom: auto;
        max-width: 100%
    }
}

.box--default .box__image--top, .box--default .box__image--bottom, .box--default .box__image--left, .box--default .box__image--right {
    position: relative
}

    .box--default .box__image--top img, .box--default .box__image--bottom img, .box--default .box__image--left img, .box--default .box__image--right img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0
    }

.box--default .box__image--top, .box--default .box__image--bottom {
    padding-top: 56.25%
}

.box--default .box__image--left, .box--default .box__image--right {
    padding-top: 46.66667%
}

@media screen and (max-width: 62.49em) {
    .box--default .box__image--left, .box--default .box__image--right {
        padding-top: 19.6875%
    }
}

@media screen and (max-width: 39.99em) {
    .box--default .box__image--left, .box--default .box__image--right {
        padding-top: 56.25%
    }
}

@media screen and (max-width: 62.49em) {
    .sidebar .box--default .box__image--left, .box--span-3 .box--default .box__image--left, .box--span-4 .box--default .box__image--left, .box--span-6 .box--default .box__image--left, .box--span-8 .box--default .box__image--left, .sidebar .box--default .box__image--right, .box--span-3 .box--default .box__image--right, .box--span-4 .box--default .box__image--right, .box--span-6 .box--default .box__image--right, .box--span-8 .box--default .box__image--right {
        padding-top: 56.25%
    }
}

.equalheights__child .box--default .box__image--bottom, .box--default.equalheights__child .box__image--bottom {
    position: absolute
}

.box--default .box__image--top img, .box--default .box__image--bottom img, .box--default .box__image--left img, .box--default .box__image--right img {
    padding: 0
}

.equalheights__child .box--default .box__image--left img, .equalheights__child .box--default .box__image--right img, .box--default.equalheights__child .box__image--left img, .box--default.equalheights__child .box__image--right img {
    height: auto;
    top: auto
}

.maincontent--overview.js-equalheights .box--default .box__image--left, .maincontent--overview.js-equalheights .box--default .box__image--right {
    padding-top: 19.6875%
}

@media screen and (max-width: 62.49em) {
    .maincontent--overview.js-equalheights .box--default .box__image--left, .maincontent--overview.js-equalheights .box--default .box__image--right {
        padding-top: 19.6875%
    }
}

@media screen and (max-width: 39.99em) {
    .maincontent--overview.js-equalheights .box--default .box__image--left, .maincontent--overview.js-equalheights .box--default .box__image--right {
        padding-top: 56.25%
    }
}

.box--dealer--contact-2 .box--dealer--contact__email, .box--dealer--contact-2 .box--dealer--contact__web {
    display: block;
    word-wrap: break-word
}

.box--dealer--name, .box--dealer--contact-1, .box--dealer--contact-2 {
    float: left
}

.box--dealer--name {
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    padding-right: 0;
    width: 100%;
    float: none
}

.box--dealer--name__headline {
    margin: 0;
    margin: 0
}

.box--dealer--contact-1 {
    padding-right: 8px;
    padding-right: 0.5rem
}

.box--dealer--contact-1, .box--dealer--contact-2 {
    width: 50%
}

@media screen and (max-width: 39.99em) {
    .box--dealer--name, .box--dealer--contact-1, .box--dealer--contact-2 {
        width: 100%;
        float: none
    }

    .box--dealer--name, .box--dealer--contact-1 {
        padding-bottom: 8px;
        padding-bottom: 0.5rem;
        padding-right: 0
    }
}

.box--dealer--default--header {
    float: left;
    width: 80%
}

.box--dealer--default--name {
    margin-bottom: 4px;
    margin-bottom: 0.25rem
}

.box--dealer--default--distance {
    font-weight: bold
}

.box--dealer--default--advanced {
    float: right;
    width: 15%;
    height: auto;
    margin-bottom: 50px
}

.box--dealer--default--details {
    min-height: 40px;
    min-height: 2.5rem;
    position: relative;
    float: left;
    width: 80%
}

    .box--dealer--default--details > .box--dealer--default--contact {
        position: absolute;
        width: 100%
    }

.box--dealer--default--contact .box--dealer--default--contact-1, .box--dealer--default--contact .box--dealer--default--contact-2 {
    width: 50%;
    float: left
}

.box--dealer--default--contact .box--dealer--default--contact-1 {
    padding-right: 8px;
    padding-right: 0.5rem
}

.box--dealer--default--contact .box--toggle-wrapper {
    margin-top: 0
}

.box--dealer--default--contact-2 .box--dealer--default--contact__email, .box--dealer--default--contact-2 .box--dealer--default--contact__web {
    display: block;
    word-wrap: break-word
}

.box--dealer--default--certifications {
    padding-top: 16px;
    padding-top: 1rem;
    margin: 0
}

    .box--dealer--default--certifications dt {
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        font-weight: bold
    }

    .box--dealer--default--certifications dd {
        margin: 0 16px 8px 0;
        margin: 0 1rem 0.5rem 0;
        padding-left: 36.8px;
        padding-left: 2.3rem;
        position: relative;
        float: left
    }

    .box--dealer--default--certifications i {
        font-size: 32px;
        font-size: 2rem;
        top: -10px;
        top: -0.625rem;
        position: absolute;
        left: 0
    }

.box--dealer--default--button {
    bottom: 16px;
    bottom: 1rem;
    right: 16px;
    right: 1rem;
    position: absolute
}

@media screen and (max-width: 47.99em) {
    .box--dealer--default--contact .box--dealer--default--contact-1, .box--dealer--default--contact .box--dealer--default--contact-2 {
        width: 100%;
        float: none
    }

    .box--dealer--default--contact .box--dealer--default--contact-1 {
        padding-bottom: 8px;
        padding-bottom: 0.5rem;
        padding-right: 0
    }
}

@media screen and (max-width: 39.99em) {
    .box--dealer--default--header {
        width: 100%
    }

    .box--dealer--default--advanced {
        width: 25%
    }

    .box--dealer--default--details {
        width: 75%
    }
}

@media screen and (max-width: 23.99em) {
    .box--dealer--default {
        padding-bottom: 4rem
    }
}

@media print {
    .box--dealer--default--contact a {
        text-decoration: none
    }
}

.box--loyalty-status {
    position: relative;
    color: #000
}

    .box--loyalty-status hr {
        height: 8px;
        height: 0.5rem;
        margin: 0 0 8px 0;
        margin: 0 0 0.5rem 0;
        border: 0;
        border-bottom: 1px solid #ccc;
        clear: both
    }

.box--loyalty-status__image {
    margin-bottom: -64px;
    margin-bottom: -4rem;
    min-height: 64px;
    min-height: 4rem
}

    .box--loyalty-status__image img {
        width: 100%
    }

.box--loyalty-status__points, .box--loyalty-status__level {
    max-width: 50%;
    line-height: 1
}

.box--loyalty-status__points {
    margin-bottom: 8px;
    margin-bottom: 0.5rem
}

.box--loyalty-status__points__text, .box--loyalty-status__level__text {
    font-family: 'MyriadPro','Myriad Pro', Arial
}

.box--loyalty-status__progress {
    height: 8px;
    height: 0.5rem;
    margin: 8px 0;
    margin: 0.5rem 0;
    border-radius: 8px;
    border-radius: 0.5rem;
    width: 100%;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    color: #000
}

    .box--loyalty-status__progress::-webkit-progress-bar {
        border-radius: 8px;
        border-radius: 0.5rem;
        background-color: #eee
    }

    .box--loyalty-status__progress::-webkit-progress-value {
        border-radius: 8px;
        border-radius: 0.5rem;
        background-color: #000;
        -webkit-box-shadow: 0 0 0 1px #fff;
        box-shadow: 0 0 0 1px #fff
    }

    .box--loyalty-status__progress::-moz-progress-bar {
        border-radius: 8px;
        border-radius: 0.5rem;
        background-color: #000;
        box-shadow: 0 0 0 1px #fff
    }

.box--loyalty-status__next-level {
    font-size: 16px;
    font-size: 1rem;
    text-align: right
}

@media screen and (max-width: 47.99em) {
    .box--loyalty-status__points, .box--loyalty-status__revenue {
        width: 50%;
        float: left;
        margin-bottom: 0
    }

    .box--loyalty-status__level, .box--loyalty-status__next-level {
        font-size: 16px;
        font-size: 1rem;
        width: 50%;
        float: right;
        text-align: right
    }

    .box--loyalty-status__image, .box--loyalty-status__progress {
        display: none !important;
        visibility: hidden
    }

    .box--loyalty-status__points, .box--loyalty-status__level {
        max-width: none;
        line-height: inherit
    }
}

@media print {
    .box--loyalty-status__image, .box--loyalty-status__progress {
        display: none !important;
        visibility: hidden
    }

    .box--loyalty-status__points-title, .box--loyalty-status__points-text {
        margin-right: 16px;
        margin-right: 1rem;
        float: left;
        width: 50%
    }
}

@media screen and (max-width: 52.99em) {
    .box--loyalty-status__points, .box--loyalty-status__revenue {
        width: 50%;
        float: left;
        margin-bottom: 0
    }

    .box--loyalty-status__level, .box--loyalty-status__next-level {
        font-size: 16px;
        font-size: 1rem;
        width: 50%;
        float: right;
        text-align: right
    }

    .box--loyalty-status__image, .box--loyalty-status__progress {
        display: none !important;
        visibility: hidden
    }

    .box--loyalty-status__points, .box--loyalty-status__level {
        max-width: none;
        line-height: inherit
    }
}

.box--loyalty-settlement-payment__header, .box--loyalty-settlement-payment__table {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.box--loyalty-settlement-payment__table__row {
    margin: 3.2px 0;
    margin: 0.2rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.box--loyalty-settlement-payment__table__section-separator {
    padding-top: 8px;
    padding-top: 0.5rem
}

.box--loyalty-settlement-payment__table__cell:first-child {
    width: 30%
}

.box--loyalty-settlement-payment__table__cell:last-child {
    width: 70%
}

@media screen and (max-width: 23.99em) {
    .box--loyalty-settlement-payment__table__cell:first-child, .box--loyalty-settlement-payment__table__cell:last-child {
        width: 50%
    }
}

.box--product .breadcrumb {
    margin: 8px 0 0 0;
    margin: 0.5rem 0 0 0
}

.box--product ul {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.box--product .product__icons {
    margin: 0 0 16px 0;
    margin: 0 0 1rem 0
}

    .box--product .product__icons dd {
        margin: 0 16px 8px 0;
        margin: 0 1rem 0.5rem 0;
        float: left
    }

    .box--product .product__icons i {
        font-size: 24px;
        font-size: 1.5rem;
        top: 5px;
        top: 0.3125rem;
        margin-right: 4.8px;
        margin-right: 0.3rem;
        position: relative
    }

.box--product .product__pricelist span:first-child {
    margin-left: 8px;
    margin-left: 0.5rem
}

.box--product .box__image--top, .box--product .box__image--left {
    position: relative;
    padding-top: 133.33%
}

    .box--product .box__image--top img, .box--product .box__image--left img {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1px
    }

.box--product .box__image--left {
    padding-top: 46.6655%
}

@media screen and (max-width: 39.99em) {
    .box--product .box__image--left {
        padding-top: 133.33%
    }
}

@media (max-width: 48em) {
    .box--product-complementary .box__image--left {
        float: none;
        width: 100%;
        height: auto;
        border-radius: 0 0 0 0;
        padding-top: 56.25%
    }

        .box--product-complementary .box__image--left img {
            border-radius: 0 0 0 0
        }
}

.box--product .box__image--top img, .box--product .box__image--bottom img, .box--product .box__image--left img {
    padding: 0
}

.box--product.box--linked:focus, .box--product.box--linked:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.box--employee-add {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    text-align: right
}

.box--employee__name {
    float: left;
    display: inline;
    width: 56.33333%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 4px;
    margin-top: 0.25rem;
    margin-bottom: 0
}

@media all and (max-width: 48em) {
    .box--employee__name {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .box--employee__name {
        width: 98%
    }
}

@media screen and (max-width: 39.99em) {
    .box--employee__name {
        margin-top: 8px;
        margin-top: 0.5rem
    }
}

.box--employee__lastlogin {
    float: left;
    display: inline;
    width: 39.66667%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: right;
    float: right;
    color: #ccc
}

@media all and (max-width: 48em) {
    .box--employee__lastlogin {
        width: 81.33333%
    }
}

@media all and (max-width: 32em) {
    .box--employee__lastlogin {
        width: 98%
    }
}

.box--employee__contact {
    float: left;
    display: inline;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 8px;
    margin-bottom: 0.5rem
}

@media all and (max-width: 48em) {
    .box--employee__contact {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .box--employee__contact {
        width: 98%
    }
}

.box--employee__contact a {
    padding-left: 24px;
    padding-left: 1.5rem;
    position: relative;
    display: inline-block
}

.box--employee__contact .list--icons li {
    margin-bottom: 0
}

.box--employee__right {
    float: left;
    display: inline;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%
}

@media all and (max-width: 48em) {
    .box--employee__right {
        width: 98%
    }
}

@media all and (max-width: 32em) {
    .box--employee__right {
        width: 98%
    }
}

.box--employee__professional-access {
    margin-right: 8px;
    margin-right: 0.5rem;
    padding-left: 40px;
    padding-left: 2.5rem;
    font-weight: bold;
    position: relative;
    display: inline-block
}

    .box--employee__professional-access:before {
        font-size: 32px;
        font-size: 2rem;
        top: -6px;
        top: -0.375rem;
        left: 0;
        left: 0;
        position: absolute
    }

    .box--employee__professional-access.icon--haskey:before {
        color: #00917e
    }

    .box--employee__professional-access.icon--nokey:before {
        color: #999
    }

.box--employee__professional-access-list {
    margin: 0 0 0 40px;
    margin: 0 0 0 2.5rem;
    color: #ccc
}

.box--employee__buttons {
    margin-top: 16px;
    margin-top: 1rem;
    text-align: right
}

.box--employee-list .box--employee-list__add {
    margin-right: 16px;
    margin-right: 1rem
}

@media screen and (max-width: 39.99em) {
    .box--employee-list .box--employee-list__add {
        margin-right: 0;
        display: block;
        clear: both
    }
}

@media screen and (max-width: 23.99em) {
    .box--employee-list .box--employee__professional-access {
        display: block
    }
}

.box--training--top-container {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.box--training--center {
    float: left;
    width: 60%
}

.box--training--start, .box--training--end {
    float: left;
    width: 20%
}

.box--training--center, .box--training--start {
    padding-right: 8px;
    padding-right: 0.5rem
}

@media screen and (max-width: 39.99em) {
    .box--training--center {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        width: 100%;
        padding-right: 0
    }

    .box--training--start, .box--training--end {
        width: 50%
    }
}

@media screen and (max-width: 23.99em) {
    .box--customer-contact[class*='icon--'] {
        padding-left: 0
    }

        .box--customer-contact[class*='icon--'] .box--text {
            padding: 1rem
        }

        .box--customer-contact[class*='icon--']:before {
            content: none
        }
}

.box__cards {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 0
}

a.box__cards {
    display: block;
    text-decoration: none;
    color: inherit
}

@media print {
    .box {
        border: 1px solid #e3e3e3
    }
}

.is-loading.button--primary:after, .is-loading.button--play--primary:after, .is-loading.button--secondary:after, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:after, .is-loading.button--decline:after, .multipagenavigation li a.is-loading:after, .multipagenavigation--inverse li a.is-loading:after, .pagination .pagination--first a.is-loading:after, .pagination .pagination--prev a.is-loading:after, .pagination .pagination--next a.is-loading:after, .pagination .pagination--last a.is-loading:after, .is-loading.productoverview--filterjump:after, .is-loading.search__form__button:after, .is-loading.cards__more__button:after, .is-loading.button:after, .is-loading.button--play:after, .form button.is-loading:after, .form--one-line-with-text button.is-loading:after, .is-loading.button--accept:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: ''
}

.is-loading.button--primary, .is-loading.button--play--primary, .is-loading.button--secondary, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading, .is-loading.button--decline, .multipagenavigation li a.is-loading:after, .multipagenavigation--inverse li a.is-loading:after, .pagination .pagination--first a.is-loading, .pagination .pagination--prev a.is-loading, .pagination .pagination--next a.is-loading, .pagination .pagination--last a.is-loading, .is-loading.productoverview--filterjump, .is-loading.search__form__button, .is-loading.cards__more__button, .is-loading.button, .is-loading.button--play, .form button.is-loading, .form--one-line-with-text button.is-loading, .is-loading.button--accept, .is-loading.button--primary:hover, .is-loading.button--play--primary:hover, .is-loading.button--secondary:hover, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:hover, .is-loading.button--decline:hover, .multipagenavigation li a.is-loading:hover:after, .multipagenavigation--inverse li a.is-loading:hover:after, .pagination .pagination--first a.is-loading:hover, .pagination .pagination--prev a.is-loading:hover, .pagination .pagination--next a.is-loading:hover, .pagination .pagination--last a.is-loading:hover, .is-loading.productoverview--filterjump:hover, .is-loading.search__form__button:hover, .is-loading.cards__more__button:hover, .is-loading.button:hover, .is-loading.button--play:hover, .form button.is-loading:hover, .form--one-line-with-text button.is-loading:hover, .is-loading.button--accept:hover, .is-loading.button--primary:active, .is-loading.button--play--primary:active, .is-loading.button--secondary:active, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:active, .is-loading.button--decline:active, .multipagenavigation li a.is-loading:active:after, .multipagenavigation--inverse li a.is-loading:active:after, .pagination .pagination--first a.is-loading:active, .pagination .pagination--prev a.is-loading:active, .pagination .pagination--next a.is-loading:active, .pagination .pagination--last a.is-loading:active, .is-loading.productoverview--filterjump:active, .is-loading.search__form__button:active, .is-loading.cards__more__button:active, .is-loading.button:active, .is-loading.button--play:active, .form button.is-loading:active, .form--one-line-with-text button.is-loading:active, .is-loading.button--accept:active, .is-loading.button--primary:focus, .is-loading.button--play--primary:focus, .is-loading.button--secondary:focus, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:focus, .is-loading.button--decline:focus, .multipagenavigation li a.is-loading:focus:after, .multipagenavigation--inverse li a.is-loading:focus:after, .pagination .pagination--first a.is-loading:focus, .pagination .pagination--prev a.is-loading:focus, .pagination .pagination--next a.is-loading:focus, .pagination .pagination--last a.is-loading:focus, .is-loading.productoverview--filterjump:focus, .is-loading.search__form__button:focus, .is-loading.cards__more__button:focus, .is-loading.button:focus, .is-loading.button--play:focus, .form button.is-loading:focus, .form--one-line-with-text button.is-loading:focus, .is-loading.button--accept:focus, .is-loading.button--primary:visited, .is-loading.button--play--primary:visited, .is-loading.button--secondary:visited, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:visited, .is-loading.button--decline:visited, .multipagenavigation li a.is-loading:visited:after, .multipagenavigation--inverse li a.is-loading:visited:after, .pagination .pagination--first a.is-loading:visited, .pagination .pagination--prev a.is-loading:visited, .pagination .pagination--next a.is-loading:visited, .pagination .pagination--last a.is-loading:visited, .is-loading.productoverview--filterjump:visited, .is-loading.search__form__button:visited, .is-loading.cards__more__button:visited, .is-loading.button:visited, .is-loading.button--play:visited, .form button.is-loading:visited, .form--one-line-with-text button.is-loading:visited, .is-loading.button--accept:visited, .is-disabled.button--primary, .is-disabled.button--play--primary, .is-disabled.button--secondary, .form fieldset.fieldset--dealer-search + .form__submit button.is-disabled, .is-disabled.button--decline, .multipagenavigation li a.is-disabled:after, .multipagenavigation--inverse li a.is-disabled:after, .pagination .pagination--first a.is-disabled, .pagination .pagination--prev a.is-disabled, .pagination .pagination--next a.is-disabled, .pagination .pagination--last a.is-disabled, .is-disabled.productoverview--filterjump, .is-disabled.search__form__button, .is-disabled.cards__more__button, .is-disabled.button, .is-disabled.button--play, .form button.is-disabled, .form--one-line-with-text button.is-disabled, .is-disabled.button--accept, .is-disabled.button--primary:hover, .is-disabled.button--play--primary:hover, .is-disabled.button--secondary:hover, .form fieldset.fieldset--dealer-search + .form__submit button.is-disabled:hover, .is-disabled.button--decline:hover, .multipagenavigation li a.is-disabled:hover:after, .multipagenavigation--inverse li a.is-disabled:hover:after, .pagination .pagination--first a.is-disabled:hover, .pagination .pagination--prev a.is-disabled:hover, .pagination .pagination--next a.is-disabled:hover, .pagination .pagination--last a.is-disabled:hover, .is-disabled.productoverview--filterjump:hover, .is-disabled.search__form__button:hover, .is-disabled.cards__more__button:hover, .is-disabled.button:hover, .is-disabled.button--play:hover, .form button.is-disabled:hover, .form--one-line-with-text button.is-disabled:hover, .is-disabled.button--accept:hover, .is-disabled.button--primary:active, .is-disabled.button--play--primary:active, .is-disabled.button--secondary:active, .form fieldset.fieldset--dealer-search + .form__submit button.is-disabled:active, .is-disabled.button--decline:active, .multipagenavigation li a.is-disabled:active:after, .multipagenavigation--inverse li a.is-disabled:active:after, .pagination .pagination--first a.is-disabled:active, .pagination .pagination--prev a.is-disabled:active, .pagination .pagination--next a.is-disabled:active, .pagination .pagination--last a.is-disabled:active, .is-disabled.productoverview--filterjump:active, .is-disabled.search__form__button:active, .is-disabled.cards__more__button:active, .is-disabled.button:active, .is-disabled.button--play:active, .form button.is-disabled:active, .form--one-line-with-text button.is-disabled:active, .is-disabled.button--accept:active, .is-disabled.button--primary:focus, .is-disabled.button--play--primary:focus, .is-disabled.button--secondary:focus, .form fieldset.fieldset--dealer-search + .form__submit button.is-disabled:focus, .is-disabled.button--decline:focus, .multipagenavigation li a.is-disabled:focus:after, .multipagenavigation--inverse li a.is-disabled:focus:after, .pagination .pagination--first a.is-disabled:focus, .pagination .pagination--prev a.is-disabled:focus, .pagination .pagination--next a.is-disabled:focus, .pagination .pagination--last a.is-disabled:focus, .is-disabled.productoverview--filterjump:focus, .is-disabled.search__form__button:focus, .is-disabled.cards__more__button:focus, .is-disabled.button:focus, .is-disabled.button--play:focus, .form button.is-disabled:focus, .form--one-line-with-text button.is-disabled:focus, .is-disabled.button--accept:focus, .is-disabled.button--primary:visited, .is-disabled.button--play--primary:visited, .is-disabled.button--secondary:visited, .form fieldset.fieldset--dealer-search + .form__submit button.is-disabled:visited, .is-disabled.button--decline:visited, .multipagenavigation li a.is-disabled:visited:after, .multipagenavigation--inverse li a.is-disabled:visited:after, .pagination .pagination--first a.is-disabled:visited, .pagination .pagination--prev a.is-disabled:visited, .pagination .pagination--next a.is-disabled:visited, .pagination .pagination--last a.is-disabled:visited, .is-disabled.productoverview--filterjump:visited, .is-disabled.search__form__button:visited, .is-disabled.cards__more__button:visited, .is-disabled.button:visited, .is-disabled.button--play:visited, .form button.is-disabled:visited, .form--one-line-with-text button.is-disabled:visited, .is-disabled.button--accept:visited {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    cursor: not-allowed;
    border: 1px solid #eee;
    color: #ddd;
    background-color: #fff;
    top: 0;
    text-shadow: none
}

.button--primary, .button--play--primary, .button--secondary, .form fieldset.fieldset--dealer-search + .form__submit button, .button--decline, .multipagenavigation li a:after, .multipagenavigation--inverse li a:after, .pagination .pagination--first a, .pagination .pagination--prev a, .pagination .pagination--next a, .pagination .pagination--last a, .productoverview--filterjump, .search__form__button, .cards__more__button, .button, .button--play, .form button, .form--one-line-with-text button, .form--one-line-with-text form button, .button--accept {
    border-radius: 0;
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    background-color: #0057b7;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    padding: 0.8em 1.5em;
    border: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

    .button--primary:active, .button--play--primary:active, .button--secondary:active, .form fieldset.fieldset--dealer-search + .form__submit button:active, .button--decline:active, .multipagenavigation li a:active:after, .multipagenavigation--inverse li a:active:after, .pagination .pagination--first a:active, .pagination .pagination--prev a:active, .pagination .pagination--next a:active, .pagination .pagination--last a:active, .productoverview--filterjump:active, .search__form__button:active, .cards__more__button:active, .button:active, .button--play:active, .form button:active, .form--one-line-with-text button:active, .button--accept:active {
        top: 1px
    }

    .button--primary:hover, .button--play--primary:hover, .button--secondary:hover, .form fieldset.fieldset--dealer-search + .form__submit button:hover, .button--decline:hover, .multipagenavigation li a:hover:after, .multipagenavigation--inverse li a:hover:after, .pagination .pagination--first a:hover, .pagination .pagination--prev a:hover, .pagination .pagination--next a:hover, .pagination .pagination--last a:hover, .productoverview--filterjump:hover, .search__form__button:hover, .cards__more__button:hover, .button:hover, .button--play:hover, .form button:hover, .form--one-line-with-text button:hover, .button--accept:hover, .button--primary:focus, .button--play--primary:focus, .button--secondary:focus, .form fieldset.fieldset--dealer-search + .form__submit button:focus, .button--decline:focus, .multipagenavigation li a:focus:after, .multipagenavigation--inverse li a:focus:after, .pagination .pagination--first a:focus, .pagination .pagination--prev a:focus, .pagination .pagination--next a:focus, .pagination .pagination--last a:focus, .productoverview--filterjump:focus, .search__form__button:focus, .cards__more__button:focus, .button:focus, .button--play:focus, .form button:focus, .form--one-line-with-text button:focus, .button--accept:focus {
        text-decoration: none;
        background-color: #015c90;
        background-image: none
    }

    .button--primary:visited, .button--play--primary:visited, .button--secondary:visited, .form fieldset.fieldset--dealer-search + .form__submit button:visited, .button--decline:visited, .multipagenavigation li a:visited:after, .multipagenavigation--inverse li a:visited:after, .pagination .pagination--first a:visited, .pagination .pagination--prev a:visited, .pagination .pagination--next a:visited, .pagination .pagination--last a:visited, .productoverview--filterjump:visited, .search__form__button:visited, .cards__more__button:visited, .button:visited, .button--play:visited, .form button:visited, .form--one-line-with-text button:visited, .button--accept:visited {
        color: #fff
    }

.no-boxshadow .button--primary, .no-boxshadow .button--play--primary, .no-boxshadow .button--secondary, .no-boxshadow .form fieldset.fieldset--dealer-search + .form__submit button, .form fieldset.fieldset--dealer-search + .form__submit .no-boxshadow button, .no-boxshadow .button--decline, .no-boxshadow .multipagenavigation li a:after, .multipagenavigation li .no-boxshadow a:after, .no-boxshadow .multipagenavigation--inverse li a:after, .multipagenavigation--inverse li .no-boxshadow a:after, .no-boxshadow .pagination .pagination--first a, .pagination .pagination--first .no-boxshadow a, .no-boxshadow .pagination .pagination--prev a, .pagination .pagination--prev .no-boxshadow a, .no-boxshadow .pagination .pagination--next a, .pagination .pagination--next .no-boxshadow a, .no-boxshadow .pagination .pagination--last a, .pagination .pagination--last .no-boxshadow a, .no-boxshadow .productoverview--filterjump, .no-boxshadow .search__form__button, .no-boxshadow .cards__more__button, .no-boxshadow .button, .no-boxshadow .button--play, .no-boxshadow .form button, .form .no-boxshadow button, .no-boxshadow .form--one-line-with-text button, .form--one-line-with-text .no-boxshadow button, .no-boxshadow .button--accept {
    border: 1px solid #002b44
}

.is-loading.button--primary:after, .is-loading.button--play--primary:after, .is-loading.button--secondary:after, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:after, .is-loading.button--decline:after, .multipagenavigation li a.is-loading:after, .multipagenavigation--inverse li a.is-loading:after, .pagination .pagination--first a.is-loading:after, .pagination .pagination--prev a.is-loading:after, .pagination .pagination--next a.is-loading:after, .pagination .pagination--last a.is-loading:after, .is-loading.productoverview--filterjump:after, .is-loading.search__form__button:after, .is-loading.cards__more__button:after, .is-loading.button:after, .is-loading.button--play:after, .form button.is-loading:after, .form--one-line-with-text button.is-loading:after, .is-loading.button--accept:after {
    -webkit-background-size: 24px 24px;
    background-size: 24px;
    -webkit-background-size: 1.5rem 1.5rem;
    background-size: 1.5rem;
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem;
    background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .is-loading.button--primary:after, .is-loading.button--play--primary:after, .is-loading.button--secondary:after, .form fieldset.fieldset--dealer-search + .form__submit button.is-loading:after, .is-loading.button--decline:after, .multipagenavigation li a.is-loading:after, .multipagenavigation--inverse li a.is-loading:after, .pagination .pagination--first a.is-loading:after, .pagination .pagination--prev a.is-loading:after, .pagination .pagination--next a.is-loading:after, .pagination .pagination--last a.is-loading:after, .is-loading.productoverview--filterjump:after, .is-loading.search__form__button:after, .is-loading.cards__more__button:after, .is-loading.button:after, .is-loading.button--play:after, .form button.is-loading:after, .form--one-line-with-text button.is-loading:after, .is-loading.button--accept:after {
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner--retina.gif")
    }
}

[class^='icon--'].button--primary:before, [class^='icon--'].button--play--primary:before, [class^='icon--'].button--secondary:before, .form fieldset.fieldset--dealer-search + .form__submit button[class^='icon--']:before, [class^='icon--'].button--decline:before, .pagination .pagination--first a[class^='icon--']:before, .pagination .pagination--prev a[class^='icon--']:before, .pagination .pagination--next a[class^='icon--']:before, .pagination .pagination--last a[class^='icon--']:before, [class^='icon--'].productoverview--filterjump:before, [class^='icon--'].search__form__button:before, [class^='icon--'].cards__more__button:before, [class^='icon--'].button:before, [class^='icon--'].button--play:before, .form button[class^='icon--']:before, .form--one-line-with-text button[class^='icon--']:before, [class^='icon--'].button--accept:before, [class*=' icon--'].button--primary:before, [class*=' icon--'].button--play--primary:before, [class*=' icon--'].button--secondary:before, .form fieldset.fieldset--dealer-search + .form__submit button[class*=' icon--']:before, [class*=' icon--'].button--decline:before, .pagination .pagination--first a[class*=' icon--']:before, .pagination .pagination--prev a[class*=' icon--']:before, .pagination .pagination--next a[class*=' icon--']:before, .pagination .pagination--last a[class*=' icon--']:before, [class*=' icon--'].productoverview--filterjump:before, [class*=' icon--'].search__form__button:before, [class*=' icon--'].cards__more__button:before, [class*=' icon--'].button:before, [class*=' icon--'].button--play:before, .form button[class*=' icon--']:before, .form--one-line-with-text button[class*=' icon--']:before, [class*=' icon--'].button--accept:before, [class^='link--'].button--primary:before, [class^='link--'].button--play--primary:before, [class^='link--'].button--secondary:before, .form fieldset.fieldset--dealer-search + .form__submit button[class^='link--']:before, [class^='link--'].button--decline:before, .pagination .pagination--first a[class^='link--']:before, .pagination .pagination--prev a[class^='link--']:before, .pagination .pagination--next a[class^='link--']:before, .pagination .pagination--last a[class^='link--']:before, [class^='link--'].productoverview--filterjump:before, [class^='link--'].search__form__button:before, [class^='link--'].cards__more__button:before, [class^='link--'].button:before, [class^='link--'].button--play:before, .form button[class^='link--']:before, .form--one-line-with-text button[class^='link--']:before, [class^='link--'].button--accept:before, [class*=' link--'].button--primary:before, [class*=' link--'].button--play--primary:before, [class*=' link--'].button--secondary:before, .form fieldset.fieldset--dealer-search + .form__submit button[class*=' link--']:before, [class*=' link--'].button--decline:before, .pagination .pagination--first a[class*=' link--']:before, .pagination .pagination--prev a[class*=' link--']:before, .pagination .pagination--next a[class*=' link--']:before, .pagination .pagination--last a[class*=' link--']:before, [class*=' link--'].productoverview--filterjump:before, [class*=' link--'].search__form__button:before, [class*=' link--'].cards__more__button:before, [class*=' link--'].button:before, [class*=' link--'].button--play:before, .form button[class*=' link--']:before, .form--one-line-with-text button[class*=' link--']:before, [class*=' link--'].button--accept:before {
    margin-right: 4px;
    margin-right: 0.25rem
}

.button--primary, .button--play--primary {
    font-size: 24px;
    font-size: 1.5rem
}

.is-loading.button--primary:after, .is-loading.button--play--primary:after {
    -webkit-background-size: 32px 32px;
    background-size: 32px;
    -webkit-background-size: 2rem 2rem;
    background-size: 2rem;
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem;
    background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .is-loading.button--primary:after, .is-loading.button--play--primary:after {
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner--retina.gif")
    }
}

.button--secondary, .form fieldset.fieldset--dealer-search + .form__submit button, .button--decline, .multipagenavigation li a:after, .multipagenavigation--inverse li a:after, .pagination .pagination--first a, .pagination .pagination--prev a, .pagination .pagination--next a, .pagination .pagination--last a, .productoverview--filterjump, .search__form__button, .cards__more__button {
    color: #015687;
    background-color: #f8f8f8;
    border: 0;
    text-shadow: none
}

    .button--secondary:visited, .form fieldset.fieldset--dealer-search + .form__submit button:visited, .button--decline:visited, .multipagenavigation li a:visited:after, .multipagenavigation--inverse li a:visited:after, .pagination .pagination--first a:visited, .pagination .pagination--prev a:visited, .pagination .pagination--next a:visited, .pagination .pagination--last a:visited, .productoverview--filterjump:visited, .search__form__button:visited, .cards__more__button:visited {
        color: #015687
    }

    .button--secondary:hover, .form fieldset.fieldset--dealer-search + .form__submit button:hover, .button--decline:hover, .multipagenavigation li a:hover:after, .multipagenavigation--inverse li a:hover:after, .pagination .pagination--first a:hover, .pagination .pagination--prev a:hover, .pagination .pagination--next a:hover, .pagination .pagination--last a:hover, .productoverview--filterjump:hover, .search__form__button:hover, .cards__more__button:hover, .button--secondary:focus, .form fieldset.fieldset--dealer-search + .form__submit button:focus, .button--decline:focus, .multipagenavigation li a:focus:after, .multipagenavigation--inverse li a:focus:after, .pagination .pagination--first a:focus, .pagination .pagination--prev a:focus, .pagination .pagination--next a:focus, .pagination .pagination--last a:focus, .productoverview--filterjump:focus, .search__form__button:focus, .cards__more__button:focus {
        background-color: #ebebeb
    }

.button--play, .button--play--primary {
    padding: 0
}

    .button--play:before, .button--play--primary:before {
        content: "\25ba"
    }

    .button--play:before, .button--play--primary:before {
        display: inline-block;
        font-family: "SDBG-Iconfont";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none !important;
        text-decoration: none;
        speak: none;
        width: auto;
        line-height: 1em;
        -webkit-font-smoothing: antialiased
    }

.lt-ie9 .button--play:before, .lt-ie9 .button--play--primary:before {
    text-decoration: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    content: "→"
}

.button--play:before {
    font-size: 32px;
    font-size: 2rem
}

.button--play--primary:before {
    font-size: 48px;
    font-size: 3rem
}

.button-bar {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    text-align: right;
    background-color: #fff
}

    .button-bar .button {
        margin-left: 16px;
        margin-left: 1rem;
        border: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #015687
    }

@media print {
    .button--primary, .button--play--primary, .button--secondary, .form fieldset.fieldset--dealer-search + .form__submit button, .button--decline, .multipagenavigation li a:after, .multipagenavigation--inverse li a:after, .pagination .pagination--first a, .pagination .pagination--prev a, .pagination .pagination--next a, .pagination .pagination--last a, .productoverview--filterjump, .search__form__button, .cards__more__button, .button, .button--play, .form button, .form--one-line-with-text button, .form--one-line-with-text form button, .button--accept {
        padding: 8px;
        padding: 0.5rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        font-weight: normal;
        font-size: 100%;
        color: #000 !important;
        border: 1px solid #e3e3e3;
        background: transparent !important
    }
}

.chart {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.chart__container {
    padding: 8px 8px 0;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 47.99em) {
    .chart__container {
        margin-bottom: 1rem
    }
}

.chart__legend {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-family: Arial,sans-serif
}

.chart__legend__list-item {
    margin: 0 12px 8px 0;
    margin: 0 0.75rem 0.5rem 0;
    padding: 4px 8px;
    padding: 0.25rem 0.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    float: left;
    color: #fff;
    border-radius: 0
}

    .chart__legend__list-item:before {
        content: ''
    }

.chart--full {
    float: left;
    display: inline;
    width: 66.66667%;
    margin-left: 0;
    margin-right: 0
}

@media all and (max-width: 48em) {
    .chart--full {
        width: 100%
    }
}

@media all and (max-width: 32em) {
    .chart--full {
        width: 100%
    }
}

@media screen and (max-width: 39.99em) {
    .chart--full {
        float: none;
        display: block;
        width: 100%
    }
}

.chart--half {
    float: left;
    display: inline;
    width: 50%;
    margin-left: 0;
    margin-right: 0
}

@media all and (max-width: 48em) {
    .chart--half {
        width: 100%
    }
}

@media all and (max-width: 32em) {
    .chart--half {
        width: 100%
    }
}

@media screen and (max-width: 39.99em) {
    .chart--half {
        float: none;
        display: block;
        width: 100%
    }
}

.chart--left {
    margin-right: 16px;
    margin-right: 1rem;
    float: left
}

.chart--right {
    margin-left: 16px;
    margin-left: 1rem;
    float: right
}

.chart__colors, .chart__colors--highlight {
    display: none !important;
    visibility: hidden
}

.chart__colors {
    font-family: '{"0":"#0056b8", "1":"#00346e", "2":"#669ad4", "3":"#001125", "4":"#474747", "5":"#777", "6":"#adadad", "7":"#181818", "8":"#c03", "9":"#7a001f", "10":"#e06685", "11":"#29000a", "12":"#0057b7", "13":"#00574c", "14":"#66bdb2", "15":"#001d19", "16":"#7f7f66", "17":"#b2b28e", "18":"#e5e5b7", "19":"#4c4c3d"}'
}

.chart__colors--highlight {
    font-family: '{"0":"#3378c6", "1":"#004593", "2":"#99bbe3", "3":"#00224a", "4":"#5f5f5f", "5":"#929292", "6":"#c9c9c9", "7":"#303030", "8":"#d6335c", "9":"#a30029", "10":"#eb99ad", "11":"#520014", "12":"#3489ba", "13":"#015687", "14":"#99d3cb", "15":"#003a32", "16":"#99997a", "17":"#cccca3", "18":"#ffc", "19":"#666652"}'
}

.form textarea, .form--one-line-with-text textarea, .form__text, .form__email, .form__phone, .form__date, .form__location, .form__number, .form__url, .form__password, .layout__search__input, .search__form__field, .search__form--livesearch .search__form__field {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 0;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    color: #444;
    width: 100%;
    height: 34px;
    height: 2.125rem
}

    .form textarea::-webkit-input-placeholder, .form--one-line-with-text textarea::-webkit-input-placeholder, .form__text::-webkit-input-placeholder, .form__email::-webkit-input-placeholder, .form__phone::-webkit-input-placeholder, .form__date::-webkit-input-placeholder, .form__location::-webkit-input-placeholder, .form__number::-webkit-input-placeholder, .form__url::-webkit-input-placeholder, .form__password::-webkit-input-placeholder, .layout__search__input::-webkit-input-placeholder, .search__form__field::-webkit-input-placeholder, .search__form--livesearch .search__form__field::-webkit-input-placeholder {
        color: #aaa
    }

    .form textarea::-moz-placeholder, .form--one-line-with-text textarea::-moz-placeholder, .form__text::-moz-placeholder, .form__email::-moz-placeholder, .form__phone::-moz-placeholder, .form__date::-moz-placeholder, .form__location::-moz-placeholder, .form__number::-moz-placeholder, .form__url::-moz-placeholder, .form__password::-moz-placeholder, .layout__search__input::-moz-placeholder, .search__form__field::-moz-placeholder, .search__form--livesearch .search__form__field::-moz-placeholder {
        color: #aaa
    }

    .form textarea:-ms-input-placeholder, .form--one-line-with-text textarea:-ms-input-placeholder, .form__text:-ms-input-placeholder, .form__email:-ms-input-placeholder, .form__phone:-ms-input-placeholder, .form__date:-ms-input-placeholder, .form__location:-ms-input-placeholder, .form__number:-ms-input-placeholder, .form__url:-ms-input-placeholder, .form__password:-ms-input-placeholder, .layout__search__input:-ms-input-placeholder, .search__form__field:-ms-input-placeholder {
        color: #aaa
    }

    .form textarea.focus, .form--one-line-with-text textarea.focus, .focus.form__text, .focus.form__email, .focus.form__phone, .focus.form__date, .focus.form__location, .focus.form__number, .focus.form__url, .focus.form__password, .focus.layout__search__input, .focus.search__form__field, .form textarea:focus, .form--one-line-with-text textarea:focus, .form__text:focus, .form__email:focus, .form__phone:focus, .form__date:focus, .form__location:focus, .form__number:focus, .form__url:focus, .form__password:focus, .layout__search__input:focus, .search__form__field:focus {
        border: 1px solid #000;
        outline: none
    }

.form, .form--one-line-with-text {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    position: relative
}

    .form .disabled, .form--one-line-with-text .disabled, .form :disabled, .form--one-line-with-text :disabled {
        opacity: 0.4;
        filter: alpha(opacity=40)
    }

    .form fieldset.has-style, .form--one-line-with-text fieldset.has-style {
        margin: 4px 4px 16px 4px;
        margin: 0.25rem 0.25rem 1rem 0.25rem;
        padding: 12px;
        padding: 0.75rem;
        border-radius: 0;
        background: #f8f8f8
    }

        .form fieldset.has-style > legend, .form--one-line-with-text fieldset.has-style > legend, .form fieldset.has-style > .form__fieldsetheadline, .form--one-line-with-text fieldset.has-style > .form__fieldsetheadline {
            margin: -12px -12px 0 -12px;
            margin: -0.75rem -0.75rem 0 -0.75rem;
            padding: 12px;
            padding: 0.75rem;
            font-size: 16px;
            font-size: 1rem;
            background: #eee;
            border-radius: 0 0 0 0;
            font-family: sans-serif;
            font-weight: bold
        }

@media screen and (max-width: 19.99em) {
    .form fieldset.has-style .form__submit, .form--one-line-with-text fieldset.has-style .form__submit {
        margin: 0
    }
}

.form label, .form--one-line-with-text label {
    color: #333
}

    .form label.form__label__checkbox, .form--one-line-with-text label.form__label__checkbox {
        margin-left: 24px;
        margin-left: 1.5rem;
        color: #333
    }

.form button, .form--one-line-with-text button {
    border-radius: 0
}

.form textarea, .form--one-line-with-text textarea {
    margin: 0 0 8px;
    margin: 0 0 0.5rem;
    min-height: 72px;
    min-height: 4.5rem;
    width: 100%
}

    .form textarea.form__textarea--small, .form--one-line-with-text textarea.form__textarea--small {
        height: 72px;
        height: 4.5rem
    }

    .form textarea.form__textarea--medium, .form--one-line-with-text textarea.form__textarea--medium {
        height: 120px;
        height: 7.5rem
    }

    .form textarea.form__textarea--large, .form--one-line-with-text textarea.form__textarea--large {
        height: 240px;
        height: 15rem
    }

@media screen and (max-width: 49.99em) {
    .form textarea, .form--one-line-with-text textarea {
        margin: 0;
        margin: 0
    }
}

.form__date-container:after, .form__location-current {
    padding: 10.4px;
    padding: 0.65rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    color: #0057b7;
    border: 1px solid #ccc;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee)
}

@media screen and (min-width: 48em) {
    .form__date-container:after, .form__location-current {
        padding: 8px;
        padding: 0.5rem
    }
}

.form__date-clear {
    right: 48px;
    right: 3rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 16px;
    font-size: 1rem;
    margin-top: -8px;
    margin-top: -0.5rem;
    position: absolute;
    top: 50%;
    color: #aaa;
    text-decoration: none
}

    .form__date-clear:before {
        content: "\33"
    }

    .form__date-clear:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        text-decoration: none
    }

@media screen and (min-width: 48em) {
    .form__date-clear {
        right: 40px;
        right: 2.5rem
    }
}

.form fieldset + .form__submit {
    margin: 12px 4px;
    margin: 0.75rem 0.25rem
}

.form label {
    margin: 0 0 4px;
    margin: 0 0 0.25rem;
    display: block
}

.form .form__submit button {
    font-size: 16px;
    font-size: 1rem;
    margin: 4px;
    margin: 0.25rem
}

@media screen and (max-width: 19.99em) {
    .form .form__submit {
        margin: 0 4px 8px 4px;
        margin: 0 0.25rem 0.5rem 0.25rem
    }

        .form .form__submit button {
            margin: 0;
            width: 100%
        }
}

.form .form__submit.form__error--multiline .form__errormsg {
    display: block;
    float: none
}

.form--one-line-with-text {
    min-height: 68.8px;
    min-height: 4.3rem
}

    .form--one-line-with-text form fieldset p {
        padding: 6.4px 256px 0 0;
        padding: 0.4rem 16rem 0 0;
        margin-bottom: 0;
        margin-bottom: 0
    }

@media screen and (max-width: 49.99em) {
    .form--one-line-with-text form fieldset p {
        padding: 0;
        padding: 0;
        margin-bottom: 16px;
        margin-bottom: 1rem
    }
}

.form--one-line-with-text form fieldset .form__row {
    top: 16px;
    top: 1rem;
    right: 72px;
    right: 4.5rem;
    position: absolute;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 49.99em) {
    .form--one-line-with-text form fieldset .form__row {
        position: relative;
        top: auto;
        right: auto
    }
}

.form--one-line-with-text form fieldset .form__text {
    width: 160px;
    width: 10rem;
    margin-left: 4px;
    margin-left: 0.25rem
}

.form--one-line-with-text form .form__submit {
    top: 16px;
    top: 1rem;
    right: 16px;
    right: 1rem;
    position: absolute
}

    .form--one-line-with-text form .form__submit.form__error {
        border: 0
    }

@media screen and (max-width: 49.99em) {
    .form--one-line-with-text form .form__submit {
        left: 232px;
        left: 14.5rem;
        bottom: 16px;
        bottom: 1rem;
        top: auto;
        right: auto
    }
}

.form--one-line-with-text form button.icon--search_zoom {
    padding: 0 8px;
    padding: 0 0.5rem
}

.form--one-line-with-text .form__row.form__error .form__text {
    margin-right: 0
}

.form__row {
    margin: 8px 0;
    margin: 0.5rem 0;
    border-radius: 0;
    position: relative;
    padding: 3px 0;
    clear: left
}

    .form__row.has-checkbox {
        padding: 8px 16px;
        padding: 0.5rem 1rem;
        margin-bottom: 0
    }

        .form__row.has-checkbox.form__error {
            margin-bottom: 16px;
            margin-bottom: 1rem;
            border: 1px solid #c03
        }

.form__hintmsg, .form__select_countermsg {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem
}

@media screen and (max-width: 49.99em) {
    .form__hintmsg, .form__select_countermsg {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.form__hintmsg a {
    text-decoration: underline
}

    .form__hintmsg a:before {
        display: none
    }

.form__input-group {
    margin-top: 8px;
    margin-top: 0.5rem
}

    .form__input-group .has-checkbox {
        margin: 0;
        padding-bottom: 0;
        border: 1px solid transparent
    }

        .form__input-group .has-checkbox.form__error {
            margin-bottom: 8px;
            margin-bottom: 0.5rem
        }

    .form__input-group .form__errormsg {
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        padding-left: 16px;
        padding-left: 1rem
    }

.form__subheadline + p {
    padding-top: 8px;
    padding-top: 0.5rem
}

.fieldset--split-2 .fieldset--split-col {
    width: 50%;
    float: left
}

@media screen and (max-width: 49.99em) {
    .fieldset--split-2 .fieldset--split-col {
        width: 100%;
        float: none
    }
}

.form__clear {
    clear: both
}

.form__error label {
    color: #c03
}

.form__error .form__text, .form__error .form__email, .form__error .form__phone, .form__error .form__number, .form__error .form__url, .form__error .form__password, .form__error .form__date, .form__error textarea {
    margin-right: 16px;
    margin-right: 1rem;
    border-color: #c03
}

.form__error .form__date-container:after, .form__error .form__date--focus.form__date-container:after {
    border-top-color: #c03;
    border-right-color: #c03;
    border-bottom-color: #c03
}

.form__error .form__select__label {
    border-color: #c03
}

.form__error .picker .form__select__label {
    border-color: #eee
}

.form__error textarea {
    margin-right: 8px;
    margin-right: 0.5rem;
    margin-bottom: 2.4px;
    margin-bottom: 0.15rem
}

.form__error .form__errormsg {
    display: inline-block
}

    .form__error .form__errormsg.for-textarea {
        margin-left: 16px;
        margin-left: 1rem
    }

.form__error .form__radio + label {
    color: #222
}

.form__error .form__radio__has-supply input[data-type='radio-supply'] {
    border: 1px solid #ccc
}

.form__error .form__radio__has-supply input[type="radio"]:checked + label {
    color: #c03
}

.form__error .form__radio__has-supply input[type="radio"]:checked ~ input[data-type='radio-supply'] {
    border: 1px solid #c03 !important
}

.form__error .form__select {
    margin-bottom: 8px;
    margin-bottom: 0.5rem
}

@media screen and (min-width: 48em) {
    .form__error .form__select-container .form__errormsg {
        margin-left: 16px;
        margin-left: 1rem;
        padding-top: 6.4px;
        padding-top: 0.4rem
    }
}

.form__errormsg {
    display: none;
    color: #c03
}

    .form__errormsg:before {
        content: "\2c"
    }

    .form__errormsg:before {
        margin-right: 8px;
        margin-right: 0.5rem;
        top: 2px;
        top: 0.125rem;
        position: relative
    }

@media screen and (max-width: 57.99em) {
    .form__errormsg {
        padding-top: 8px;
        padding-top: 0.5rem
    }
}

.form__errormsg-multi {
    color: #c03;
    font-weight: bold
}

    .form__errormsg-multi:before {
        content: "\33"
    }

    .form__errormsg-multi:before {
        margin-right: 0;
        margin-right: 0;
        width: 16px;
        width: 1rem;
        position: relative
    }

    .form__errormsg-multi.is-valid {
        color: #00917e
    }

        .form__errormsg-multi.is-valid:before {
            content: "\2f"
        }

.form__error-messages {
    font-size: 12.8px;
    font-size: 0.8rem;
    margin-left: 16px;
    margin-left: 1rem;
    display: inline-block;
    position: absolute;
    float: right
}

.form__error .form__error-messages {
    margin-left: 0;
    margin-left: 0
}

@media screen and (max-width: 49.99em) {
    .form__error .form__error-messages {
        margin-left: 16px;
        margin-left: 1rem
    }
}

@media screen and (max-width: 49.99em) {
    .form__error-messages {
        margin-top: 8px;
        margin-top: 0.5rem;
        position: relative;
        float: none
    }
}

.form__reset-password__messages-two {
    margin-left: 0;
    margin-left: 0;
    top: -28.8px;
    top: -1.8rem;
    font-weight: bold
}

@media screen and (max-width: 49.99em) {
    .form__reset-password__messages-two {
        right: 32px;
        right: 2rem;
        top: -19.2px;
        top: -1.2rem;
        position: absolute
    }
}

.form__error .form__reset-password__messages-two {
    margin-left: -16px;
    margin-left: -1rem
}

@media screen and (max-width: 49.99em) {
    .form__error .form__reset-password__messages-two {
        margin-left: 0;
        margin-left: 0
    }
}

.form__reset-password__messages-two:before {
    width: 16px;
    width: 1rem;
    height: 76.8px;
    height: 4.8rem;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    border-right: 1px solid #c03;
    border-top: 1px solid #c03;
    border-bottom: 1px solid #c03
}

@media screen and (max-width: 49.99em) {
    .form__reset-password__messages-two:before {
        height: 43.2px;
        height: 2.7rem;
        right: 0;
        left: auto;
        border-top: 0;
        border-bottom: 0
    }
}

.form__reset-password__messages-two .form__error-messages-match:before, .form__reset-password__messages-two.is-match:before {
    border-right: 1px solid #00917e;
    border-top: 1px solid #00917e;
    border-bottom: 1px solid #00917e
}

@media screen and (max-width: 49.99em) {
    .form__reset-password__messages-two .form__error-messages-match:before, .form__reset-password__messages-two.is-match:before {
        border-top: 0;
        border-bottom: 0
    }
}

.form__reset-password__messages-two .form__error-messages-match, .form__reset-password__messages-two .form__error-messages-no-match {
    margin-left: 9.28px;
    margin-left: 0.58rem;
    top: 30.4px;
    top: 1.9rem;
    position: relative
}

    .form__reset-password__messages-two .form__error-messages-match:before, .form__reset-password__messages-two .form__error-messages-no-match:before {
        margin-right: 0;
        margin-right: 0;
        width: 16px;
        width: 1rem;
        position: relative;
        background-color: #f8f8f8
    }

@media screen and (max-width: 49.99em) {
    .form__reset-password__messages-two .form__error-messages-match, .form__reset-password__messages-two .form__error-messages-no-match {
        top: 14.4px;
        top: 0.9rem;
        padding-right: 8px;
        padding-right: 0.5rem;
        position: relative;
        margin-left: 0;
        border-top: 0;
        border-bottom: 0
    }

        .form__reset-password__messages-two .form__error-messages-match:before, .form__reset-password__messages-two .form__error-messages-no-match:before {
            width: 14.4px;
            width: 0.9rem;
            background-color: transparent
        }
}

.form__reset-password__messages-two .form__error-messages-no-match {
    color: #c03
}

    .form__reset-password__messages-two .form__error-messages-no-match:before {
        content: "\33"
    }

    .form__reset-password__messages-two .form__error-messages-no-match:before {
        border: 0
    }

.form__reset-password__messages-two .form__error-messages-match {
    color: #00917e
}

    .form__reset-password__messages-two .form__error-messages-match:before {
        content: "\2f"
    }

    .form__reset-password__messages-two .form__error-messages-match:before {
        border: 0
    }

.form__row[role="radiogroup"] {
    padding: 8px 16px;
    padding: 0.5rem 1rem
}

    .form__row[role="radiogroup"].form__error {
        border: 1px solid #c03
    }

.form__submit.form__error {
    border-radius: 0;
    border: 1px solid #c03
}

@media screen and (max-width: 19.99em) {
    .form__submit.form__error {
        margin: 0 0 8px 0;
        margin: 0 0 0.5rem 0;
        padding: 8px;
        padding: 0.5rem
    }
}

.form__submit.form__error .form__errormsg {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    float: left
}

@media screen and (max-width: 19.99em) {
    .form__submit.form__error .form__errormsg {
        padding: 0 0 8px 0;
        padding: 0 0 0.5rem 0
    }
}

@media screen and (max-width: 49.99em) {
    .form .errormsg {
        margin: 8px 0 4px;
        margin: 0.5rem 0 0.25rem
    }
}

@media print {
    .form__error-messages {
        display: none
    }
}

.form__text, .form__email, .form__phone, .form__number, .form__url, .form__password, .form__select, .form__date-container, .form__location-container, .form__select__activelist {
    width: 45%
}

@media screen and (max-width: 49.99em) {
    .form__text, .form__email, .form__phone, .form__number, .form__url, .form__password, .form__select, .form__date-container, .form__location-container, .form__select__activelist {
        width: 100%
    }
}

.form__input--fullwidth {
    width: 100%
}

.form__checkbox {
    margin: 3.2px 1.6px;
    margin: 0.2rem 0.1rem;
    float: left
}

.form__radio {
    width: 24px;
    width: 1.5rem;
    margin-top: 3.2px;
    margin-top: 0.2rem;
    float: left
}

    .form__radio.has-supply + label {
        margin-right: 8px;
        margin-right: 0.5rem;
        display: inline-block
    }

.form__checkbox, .form__radio, .form__date {
    cursor: pointer
}

.form__radio__has-supply input[data-type='radio-supply'] {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.form__submit button {
    float: right
}

    .form__submit button:focus {
        outline: 0
    }

.form__submit--align-left button {
    float: left
}

.form__layer {
    margin: -16px;
    margin: -1rem;
    padding: 16px;
    padding: 1rem;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background: rgba(255,255,255,0.8)
}

    .form__layer.is-active {
        display: block
    }

.form__layer__modal-wrapper {
    max-width: 320px;
    max-width: 20rem;
    min-height: 256px;
    min-height: 16rem;
    bottom: 16px;
    bottom: 1rem;
    margin-left: -160px;
    margin-left: -10rem;
    position: absolute;
    left: 50%;
    width: 100%
}

.form__layer__modal {
    border-width: 4px;
    border-width: 0.25rem;
    font-size: 32px;
    font-size: 2rem;
    padding: 8px;
    padding: 0.5rem;
    display: none;
    border-radius: 0;
    border-style: solid;
    text-align: center;
    line-height: 1.3
}

    .form__layer__modal.is-active {
        display: block
    }

    .form__layer__modal:before {
        height: 160px;
        height: 10rem;
        margin-top: 16px;
        margin-top: 1rem;
        content: '';
        display: block;
        width: 100%;
        color: #fff;
        background: url("http://cdn01l.vaillant-group.com/main/sd/components/form/img/spinner.gif") 50% 50% no-repeat;
        -webkit-background-size: 10rem 10rem;
        background-size: 10rem 10rem
    }

.form__layer__modal--sending {
    background-color: #dcdcdc;
    background: rgba(220,220,220,0.6);
    border-color: #ccc
}

.form__layer__modal--success {
    border-color: #0057b7;
    background-color: #3489ba
}

    .form__layer__modal--success:before {
        font-size: 144px;
        font-size: 9rem;
        margin-top: 8px;
        margin-top: 0.5rem;
        content: '\002f';
        background: none;
        font-family: SDBG-Iconfont;
        line-height: 1.2;
        text-align: center
    }

.form__layer--compact {
    text-align: center
}

    .form__layer--compact:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .form__layer--compact .form__layer__modal--compact-wrapper {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
        min-height: 0
    }

    .form__layer--compact .form__layer__modal--success {
        font-size: 24px;
        font-size: 1.5rem;
        padding: 32px 16px 32px 104px;
        padding: 2rem 1rem 2rem 6.5rem;
        border-width: 2.4px;
        border-width: 0.15rem;
        border-radius: 0;
        border-color: #015687;
        border-style: solid;
        background-color: #fff;
        line-height: 1.3;
        text-align: left;
        color: #015687
    }

        .form__layer--compact .form__layer__modal--success:before {
            content: "\2f"
        }

        .form__layer--compact .form__layer__modal--success:before {
            left: 8px;
            left: 0.5rem;
            font-size: 96px;
            font-size: 6rem;
            margin-top: -48px;
            margin-top: -3rem;
            position: absolute;
            top: 50%;
            color: #015687
        }

@media screen and (max-width: 23.99em) {
    .form__layer--compact .form__layer__modal--success {
        top: auto;
        bottom: 0;
        margin-top: 0
    }
}

.form__loading {
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem;
    height: 16px;
    height: 1rem;
    width: 16px;
    width: 1rem;
    background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner.gif");
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    margin-left: 12.8px;
    margin-left: 0.8rem;
    top: 3px;
    top: 0.1875rem;
    display: inline-block;
    position: relative
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .form__loading {
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner--retina.gif")
    }
}

@media screen and (max-width: 49.99em) {
    .form__loading {
        margin-top: 16px;
        margin-top: 1rem;
        margin-left: 0;
        margin-bottom: 0;
        top: 0
    }

    .form__multiselect-container .form__loading {
        margin-left: 0
    }
}

.form__text.form__highlight {
    border: 1px solid #0057b7
}

.form__date-container {
    margin-right: 16px;
    margin-right: 1rem;
    position: relative;
    display: inline-block
}

    .form__date-container:after {
        content: "\27"
    }

    .form__date-container:after {
        pointer-events: none
    }

    .form__date-container.is-disabled:after {
        opacity: 0.5;
        filter: alpha(opacity=50)
    }

    .form__date-container.form__date--opened:after {
        background-image: none;
        background-color: #eee;
        -webkit-box-shadow: inset 2px 0 3px #d4d4d4;
        box-shadow: inset 2px 0 3px #d4d4d4
    }

    .form__date-container.form__date--focus:after {
        border-top-color: #000;
        border-right-color: #000;
        border-bottom-color: #000
    }

.form__date {
    background-color: #fff
}

    .form__date::-webkit-inner-spin-button, .form__date::-webkit-calendar-picker-indecator {
        display: none
    }

    .form__date.form__date-no--cursor {
        color: transparent
    }

.lt-ie9 .form__date {
    min-height: 0;
    min-height: 0
}

.picker {
    font-size: 14.4px;
    font-size: 0.9rem;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.picker__holder {
    width: 240px;
    width: 15rem;
    border-radius: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    max-height: 0;
    background: #fff;
    border-top-width: 0;
    border-bottom-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s
}

.picker--opened .picker__holder {
    max-height: 400px;
    max-height: 25rem;
    opacity: 1;
    filter: alpha(opacity=100);
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0,0,0,0.4);
    box-shadow: 0 4px 14px 0 rgba(0,0,0,0.4);
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s
}

.picker__box {
    overflow: hidden
}

.picker__header {
    padding: 9.6px;
    padding: 0.6rem;
    text-align: center
}

    .picker__header .form__select {
        width: 45%;
        min-width: 0;
        text-align: left
    }

    .picker__header .form__select-first {
        margin: 0
    }

    .picker__header .form__select-second {
        margin-left: 16px;
        margin-left: 1rem;
        margin-right: 0
    }

.picker__month, .picker__year {
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem;
    display: inline-block
}

.picker__select--month, .picker__select--year {
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem;
    padding: 8px;
    padding: 0.5rem;
    height: 32px;
    height: 2rem;
    border: 1px solid #b7b7b7
}

    .picker__select--month:focus, .picker__select--year:focus {
        border-color: #0089ec
    }

.picker__nav--prev, .picker__nav--next {
    display: none
}

.picker__weekday {
    line-height: 24px;
    line-height: 1.5rem;
    height: 24px;
    height: 1.5rem;
    font-size: 12.8px;
    font-size: 0.8rem;
    text-align: center;
    color: #979797;
    background-color: #eee;
    font-weight: normal
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%
}

    .picker__table tr td:first-child .picker__day {
        border-left: 0
    }

    .picker__table tbody tr:first-child .picker__day {
        border-top: 0
    }

.picker__day {
    line-height: 24px;
    line-height: 1.5rem;
    height: 24px;
    height: 1.5rem;
    font-size: 12.8px;
    font-size: 0.8rem;
    text-align: center;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    cursor: pointer;
    font-weight: bold
}

    .picker__day a {
        color: #0057b7;
        text-decoration: none
    }

.picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: #0057b7
}

    .picker__day--infocus:hover a, .picker__day--outfocus:hover a, .picker__day--highlighted:hover a, .picker--focused .picker__day--highlighted a, .picker__day--selected a, .picker__day--selected:hover a, .picker--focused .picker__day--selected a {
        cursor: pointer;
        color: #fff
    }

.picker__day--outfocus {
    background-color: #eee;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    font-weight: normal
}

    .picker__day--outfocus a {
        color: #000
    }

.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
    cursor: not-allowed;
    background-color: #fae5ea;
    border-top: 1px solid #f6d0d9;
    border-left: 1px solid #f6d0d9;
    color: #c6c7c8
}

    .picker__day--disabled.picker__day--outfocus, .picker__day--disabled:hover.picker__day--outfocus, .picker--focused .picker__day--disabled.picker__day--outfocus {
        background-color: #f6d0d9;
        border-top: 1px solid #f2bac7;
        border-left: 1px solid #f2bac7;
        color: #acaeaf
    }

.form__select__label:after, .form__select_listitem_remove {
    padding-top: 3px;
    padding-top: 0.1875rem;
    padding-bottom: 3px;
    padding-bottom: 0.1875rem;
    right: 8px;
    right: 0.5rem;
    top: 5px;
    top: 0.3125rem
}

.form__select__label {
    font-size: 16px;
    font-size: 1rem;
    padding: 4.8px 32px 4.8px 16px;
    padding: 0.3rem 2rem 0.3rem 1rem;
    border-radius: 0;
    border: solid 1px #eee;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff 50%), to(#eee 100%));
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    -webkit-box-shadow: 0 1px 0.2em 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0.2em 1px rgba(0,0,0,0.2)
}

.no-boxshadow .form__select__label {
    border: 1px solid #d4d4d4
}

.form__select {
    min-width: 200px;
    min-width: 12.5rem;
    position: relative;
    display: inline-block;
    max-width: 100%
}

@media screen and (min-width: 49em) {
    .is-active.form__select .form__select__label, .form__select:hover .form__select__label {
        background: none;
        background-color: #eee
    }
}

.lt-ie9 .is-active.form__select .form__select__label, .lt-ie9 .form__select:hover .form__select__label {
    background: none;
    background-color: #eee
}

.disabled.form__select .form__select__select {
    opacity: 1;
    filter: alpha(opacity=0);
    cursor: default
}

.disabled.form__select:hover .form__select__label {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff 50%), to(#eee 100%));
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%)
}

.form__select-container .form__select {
    float: left
}

.form__select__label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
    transition: box-shadow 0.5s ease-in-out;
    color: #0057b7
}

    .form__select__label:after {
        content: "\25bc"
    }

    .form__select__label:after {
        padding-left: 6.4px;
        padding-left: 0.4rem;
        position: absolute;
        display: block;
        -webkit-box-shadow: -1px 0 0 0 #d4d4d4;
        box-shadow: -1px 0 0 0 #d4d4d4;
        color: #0057b7;
        border-left: 1px solid #fff
    }

    .form__select__label span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .form__select__label.form__highlight {
        -webkit-box-shadow: 0 0 3px 3px #0057b7;
        box-shadow: 0 0 3px 3px #0057b7;
        border: 1px solid #0057b7
    }

.no-js .form__select__label {
    display: none
}

.no-js .form__select__select {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff 50%), to(#eee 100%));
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    color: #0057b7;
    border: 1px solid #d4d4d4
}

    .no-js .form__select__select:focus {
        outline: none;
        border: 1px solid #bbb
    }

.no-js .disabled .form__select__select {
    opacity: 1;
    filter: alpha(opacity=100)
}

.form__select__select {
    opacity: 0;
    filter: alpha(opacity=0);
    line-height: 34px;
    line-height: 2.125rem;
    margin-right: 30px;
    margin-right: 1.875rem;
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    border: 1px solid transparent;
    width: 100%
}

.js .form__select__select {
    height: 34px;
    height: 2.125rem
}

.form__select__activelist {
    margin-bottom: 1px
}

.form__select_listitem {
    height: 34px;
    height: 2.125rem;
    line-height: 34px;
    line-height: 2.125rem;
    position: relative;
    background-color: #fff;
    border-right: solid 1px #eee;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee
}

    .form__select_listitem:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .form__select_listitem:before {
        content: ''
    }

    .form__select_listitem.is-disabled {
        color: #eee
    }

    .form__select_listitem span {
        right: 32px;
        right: 2rem;
        left: 16px;
        left: 1rem;
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

.form__select_listitem_remove {
    padding-left: 7.2px;
    padding-left: 0.45rem;
    position: absolute;
    color: #aaa;
    border-left: 1px solid #ccc;
    text-decoration: none
}

    .form__select_listitem_remove:before {
        content: "\33"
    }

    .form__select_listitem_remove:before {
        opacity: 0.5;
        filter: alpha(opacity=50)
    }

    .form__select_listitem_remove:hover {
        text-decoration: none
    }

        .form__select_listitem_remove:hover:before {
            opacity: 1;
            filter: alpha(opacity=100)
        }

.form__multiselect-container .form__select__select[multiple="true"] {
    opacity: 1;
    filter: alpha(opacity=100);
    height: auto
}

.form__multiselect-container.form__multiselect-items-selected .form__select__label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.form__loading.is-select {
    height: 34px;
    height: 2.125rem;
    top: 0
}

@media screen and (max-width: 49.99em) {
    .form__loading.is-select {
        height: 16px;
        height: 1rem
    }
}

@media screen and (max-width: 23.99em) {
    .form__text, .form__email, .form__phone, .form__date, .form__number, .form__url, .form__password {
        font-size: 16px
    }

    .form .form__textarea--small, .form .form__textarea--medium, .form .form__textarea--large, .form .form__select_listitem, .form .form__select__label, .form .form__input-group .form__row label {
        font-size: 16px
    }

    .form .form__input-group .form__row input {
        margin-top: 5px
    }

    .form__date-container:after {
        padding: 8px;
        font-size: 16px
    }

    .js .form__select__select, .form__select_listitem {
        font-size: 16px;
        height: 34px;
        line-height: 34px
    }

    .form__select_listitem_remove, .form__select__label:after {
        margin-top: 3px;
        padding-top: 2px;
        padding-bottom: 2px
    }
}

@media screen and (max-width: 49.99em) {
    .form__date {
        min-height: 34px;
        display: block;
        max-height: 34px
    }
}

.form__location-container {
    margin-right: 16px;
    margin-right: 1rem;
    position: relative;
    display: inline-block
}

.form__location-current:before {
    content: "\e04d"
}

.is-disabled .form__location-current, .is-loading .form__location-current {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

    .is-loading .form__location-current:after {
        -webkit-background-size: 16px 16px;
        background-size: 16px;
        -webkit-background-size: 1rem 1rem;
        background-size: 1rem;
        height: 16px;
        height: 1rem;
        width: 16px;
        width: 1rem;
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner.gif");
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        content: '';
        height: 100%;
        width: 100%
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .is-loading .form__location-current:after {
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner--retina.gif")
    }
}

.form__location-current:hover {
    text-decoration: none
}

.form fieldset.fieldset--dealer-search .form__row {
    float: left;
    clear: none;
    width: 20%
}

@media screen and (min-width: 24em) {
    .form fieldset.fieldset--dealer-search .form__row {
        height: 34px;
        height: 2.125rem
    }
}

.form fieldset.fieldset--dealer-search .form__row:first-child {
    width: 80%
}

.form fieldset.fieldset--dealer-search .form__location-container {
    width: 99%;
    margin-right: 0
}

@media screen and (max-width: 23.99em) {
    .form fieldset.fieldset--dealer-search .form__location-container {
        width: 100%
    }
}

.form fieldset.fieldset--dealer-search .form__location {
    width: 100%
}

.form fieldset.fieldset--dealer-search .form__select {
    width: 100%;
    min-width: 0
}

.form fieldset.fieldset--dealer-search + .form__submit {
    margin-left: 0;
    margin-right: 0
}

    .form fieldset.fieldset--dealer-search + .form__submit button {
        margin: 0;
        width: 20.3%
    }

@media screen and (max-width: 23.99em) {
    .form fieldset.fieldset--dealer-search .form__row {
        float: none;
        width: 100%
    }

        .form fieldset.fieldset--dealer-search .form__row:first-child {
            width: 100%
        }

    .form fieldset.fieldset--dealer-search + .form__submit button {
        width: 100%
    }
}

.form textarea, .form--one-line-with-text textarea, .form__text, .form__email, .form__phone, .form__date, .form__location, .form__number, .form__url, .form__password, .layout__search__input, .search__form__field, .search__form--livesearch .search__form__field {
    height: 42px;
    height: 2.625rem
}

.form label {
    margin: 16px 0 4px;
    margin: 1rem 0 0.25rem
}

    .form label.form__label__checkbox {
        margin-top: 0;
        margin-bottom: 0
    }

.form textarea {
    margin-bottom: 0
}

@media screen and (min-width: 24em) {
    .form fieldset.fieldset--dealer-search .form__row {
        height: 58px;
        height: 3.625rem
    }

    .form fieldset.fieldset--dealer-search .form__select, .form fieldset.fieldset--dealer-search .form__select__select {
        height: 42px;
        height: 2.625rem
    }

    .form fieldset.fieldset--dealer-search .form__select__label span {
        height: 30px;
        height: 1.875rem;
        line-height: 30px;
        line-height: 1.875rem
    }

    .form fieldset.fieldset--dealer-search .form__select__label:after {
        padding-top: 7px;
        padding-top: 0.4375rem;
        padding-bottom: 7px;
        padding-bottom: 0.4375rem
    }
}

.form fieldset.fieldset--dealer-search .form__errormsg {
    color: #fff
}

.form__row {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    margin: 0;
    padding: 0
}

    .form__row[role='radiogroup'] {
        padding: 8px 0;
        padding: 0.5rem 0
    }

    .form textarea, .form__text, .form__email, .form__phone, .form__number, .form__url, .form__password, .form__row.has-checkbox {
        padding: 12px;
        padding: 0.75rem
    }

.form__input-group .has-checkbox {
    padding-bottom: 8px;
    padding-bottom: 0.5rem
}

.form__radio {
    margin: 11.2px 0 0 25.6px;
    margin: 0.7rem 0 0 1.6rem
}

@media screen and (max-width: 47.99em) {
    .form__radio {
        margin-top: 4px;
        margin-top: 0.25rem
    }
}

.form__radio + label {
    padding: 8px 20.8px;
    padding: 0.5rem 1.3rem;
    margin: 0
}

.form__radio.has-supply + label {
    padding: 8px 0;
    padding: 0.5rem 0
}

.form__radio__has-supply .form__text {
    margin-left: 46.4px;
    margin-left: 2.9rem
}

.form__error[role="radiogroup"] .form__errormsg {
    padding-left: 24px;
    padding-left: 1.5rem;
    margin-bottom: 4px;
    margin-bottom: 0.25rem
}

@media screen and (max-width: 57.99em) {
    .form__error.has-checkbox .form__errormsg {
        margin-bottom: 0;
        margin-bottom: 0
    }
}

.form__errormsg:before {
    content: "\78"
}

.form__row.has-checkbox .form__errormsg {
    padding-left: 0;
    margin-left: -4px
}

.form__errormsg:before {
    font-size: 28px;
    font-size: 1.75rem;
    top: 7px;
    top: 0.4375rem;
    margin-left: 0
}

.form__submit.form__error .form__errormsg {
    padding: 7.2px 20.8px;
    padding: 0.45rem 1.3rem
}

@media screen and (max-width: 57.99em) {
    .form__errormsg {
        padding-top: 0;
        padding-top: 0;
        margin-bottom: 16px;
        margin-bottom: 1rem
    }
}

.form__date-container:after, .form__location-current {
    padding: 10.4px;
    padding: 0.65rem;
    font-size: 20px;
    font-size: 1.25rem
}

@media screen and (min-width: 48em) {
    .form__date-container:after, .form__location-current {
        padding: 9.6px;
        padding: 0.6rem
    }
}

.form__date-clear {
    right: 48px;
    right: 3rem
}

.form__reset-password__messages-two {
    top: -36.8px;
    top: -2.3rem
}

    .form__reset-password__messages-two:before {
        height: 86.4px;
        height: 5.4rem
    }

@media screen and (max-width: 49.99em) {
    .form__reset-password__messages-two:before {
        height: 43.2px;
        height: 2.7rem
    }
}

.form__reset-password__messages-two .form__error-messages-no-match, .form__reset-password__messages-two .form__error-messages-match {
    top: 35.2px;
    top: 2.2rem
}

@media screen and (max-width: 49.99em) {
    .form__reset-password-two {
        margin-bottom: 8px;
        margin-bottom: 0.5rem
    }

    .form__reset-password__messages-two {
        top: -22.4px;
        top: -1.4rem
    }

        .form__reset-password__messages-two .form__error-messages-no-match, .form__reset-password__messages-two .form__error-messages-match {
            top: 12.8px;
            top: 0.8rem
        }

    .form .form__input-group label {
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
        padding: 0
    }
}

.form__layer__modal {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    border: 0;
    background-color: #3489ba;
    font-family: Arial,sans-serif
}

.form__select__label {
    color: #000
}

    .form__select__label:after {
        color: #888
    }

.no-js .form__select__select {
    color: #000
}

.logo--dd-tr-tr a, .logo--dd-en-tr a, .logo--dd-de-de a, .logo--dd-fr-fr a, .logo--dd-da-dk a {
    display: block;
    background: no-repeat 100% 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

@media screen and (max-width: 23.99em) {
    .logo--dd-tr-tr a img, .logo--dd-en-tr a img, .logo--dd-de-de a img, .logo--dd-fr-fr a img, .logo--dd-da-dk a img {
    }
}

@media print {
    .site-logo {
        -webkit-print-color-adjust: exact
    }
}

.logo--dd-tr-tr a {
    background: none
}

.no-backgroundsize .logo--dd-tr-tr a, .lt-ie9 .logo--dd-tr-tr a {
    background: none
}

.logo--dd-en-tr a {
    background: none
}

.no-backgroundsize .logo--dd-en-tr a, .lt-ie9 .logo--dd-en-tr a {
    background: none
}

.logo--dd-de-de a {
    background: none
}

.no-backgroundsize .logo--dd-de-de a, .lt-ie9 .logo--dd-de-de a {
    background: none
}

.logo--dd-fr-fr a {
    background: none
}

.no-backgroundsize .logo--dd-fr-fr a, .lt-ie9 .logo--dd-fr-fr a {
    background: none
}

.logo--dd-da-dk a {
    background: none
}

.no-backgroundsize .logo--dd-da-dk a, .lt-ie9 .logo--dd-da-dk a {
    background: none
}

.site-logo {
    padding-top: 32px;
    padding-top: 2rem;
    padding-right: 60px;
    padding-right: 3rem
}

@media (max-width: 40em) {
    .site-logo {
        padding-right: 0
    }
}

@media screen and (max-width: 47.99em) {
    body {
        padding-top: 6em
    }
}

@media screen and (max-width: 47.99em) {
    .cookiewarning--is-open .header, .cookiewarning--is-open .navigation__main {
        position: absolute
    }
}

.cookiewarning-margin-receiver {
    position: relative
}

.header__inner {
    max-width: 1200px;
    max-width: 75rem;
    padding: 0 32px;
    padding: 0 2rem;
    position: relative;
    margin: 0 auto
}

@media screen and (max-width: 39.99em) {
    .header__inner {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media screen and (max-width: 23.99em) {
    .header__inner {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
}

.header {
    position: relative;
    z-index: 20;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (max-width: 47.99em) {
    .header {
        position: fixed;
        margin: 0;
        top: 0;
        left: 0;
        width: 100%
    }
}

.is--sticky-header .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101
}

html.cookiewarning--is-open .is--sticky-header .header {
    position: absolute
}

@media print {
    .is--sticky-header .header {
        position: relative
    }
}

@media print {
    .header__inner {
        height: auto !important;
        padding: 12pt 0 !important
    }

    .header:before, .header:after {
        background: none !important
    }
}

.header {
    background-color: #fff
}

.is--sticky-header {
    padding-top: 5rem
}

    .is--sticky-header .header {
        -webkit-transition: -webkit-box-shadow 0.225s ease-in;
        transition: box-shadow 0.225s ease-in;
        -webkit-box-shadow: transparent 0 4px 6px 0;
        box-shadow: transparent 0 4px 6px 0
    }

html:not(.cookiewarning--is-open) .is--sticky-header .header.is-scrolled {
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 4px 6px 0;
    box-shadow: rgba(0,0,0,0.2) 0 4px 6px 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.is--sticky-header .header:after {
    content: none
}

.is--sticky-header .header__inner {
    min-height: 80px;
    min-height: 5rem
}

.is--sticky-header .site-logo {
    padding-top: 8px;
    padding-top: 0.5rem
}

.header__inner {
    min-height: 130px;
    min-height: 10rem
}

@media screen and (max-width: 47.99em) {
    .header {
        -webkit-transition: -webkit-box-shadow 0.225s ease-in;
        transition: box-shadow 0.225s ease-in;
        -webkit-box-shadow: transparent 0 4px 6px 0;
        box-shadow: transparent 0 4px 6px 0
    }

    html:not(.cookiewarning--is-open) .header.is-scrolled {
        -webkit-box-shadow: rgba(0,0,0,0.2) 0 4px 6px 0;
        box-shadow: rgba(0,0,0,0.2) 0 4px 6px 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .header__inner {
        position: relative;
        z-index: 0;
        min-height: 6rem;
        margin: 0
    }

    .header__inner {
        position: relative;
        z-index: 0
    }

    .layout__search__toggle, .navigation__main__toggle__icon {
        position: absolute;
        z-index: 4
    }

    .layout__search__toggle {
        display: none !important
    }

    .navigation__main__toggle {
        top: 1.5rem;
        left: 0
    }
}

.layout__search {
    top: 16px;
    top: 1rem;
    right: 32px;
    right: 2rem;
    position: absolute
}

.layout__search__input[type="search"] {
    width: 180px;
    width: 11.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none
}

.layout__search__submit--mobile, .layout__search__matte {
    display: none
}

.layout__search__submit--desktop {
    padding: 8px 8px 0;
    padding: 0.5rem 0.5rem 0;
    width: 32px;
    width: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    color: #6e6e6e;
    text-indent: -99em;
    background: none;
    border: 0;
    overflow: hidden
}

    .layout__search__submit--desktop:before {
        content: "\7d"
    }

    .layout__search__submit--desktop:before {
        font-size: 20px;
        font-size: 1.25rem;
        float: right;
        text-indent: 0
    }

.layout__search__toggle {
    display: none;
    position: absolute;
    padding: 0.1875rem;
    margin-top: -0.3125rem
}

    .layout__search__toggle:before {
        content: "\7d"
    }

    .layout__search__toggle, .layout__search__toggle:link, .layout__search__toggle:visited {
        text-decoration: none
    }

        .layout__search__toggle:before {
            float: right;
            font-size: 2rem
        }

@media screen and (max-width: 47.99em) {
    .layout__search {
        visibility: hidden;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        overflow: hidden;
        -webkit-transition: visibility 0.3s ease;
        transition: visibility 0.3s ease
    }

        .layout__search.is-open {
            visibility: visible
        }

    .layout__search__matte {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 19;
        background-color: #000;
        -webkit-transition: opacity 0.3s, visibility 0.3s;
        transition: opacity 0.3s, visibility 0.3s;
        pointer-events: none;
        -webkit-tap-highlight-color: transparent
    }

        .layout__search__matte.is-open {
            visibility: visible;
            opacity: 0.5;
            pointer-events: auto
        }

    .layout__search__content {
        padding: 1rem 0.5rem;
        background: #0057b7;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .layout__search.is-open .layout__search__content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width: 47.99em) and (min-width: 24em) {
    .layout__search__content {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media screen and (max-width: 47.99em) and (min-width: 40em) {
    .layout__search__content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media screen and (max-width: 47.99em) {
    .layout__search__content .layout__search__input, .layout__search__content .layout__search__submit--mobile {
        font-size: 16px;
        min-height: 2.25em;
        padding: 0.375rem 1rem
    }

    .layout__search__input[type="search"] {
        width: 73%;
        margin-right: 2%
    }

    .layout__search__submit--mobile {
        width: 25%;
        float: right
    }

    .layout__search__submit--desktop {
        display: none
    }

    .layout__search__submit--mobile, .layout__search__toggle {
        display: block
    }
}

@media print {
    .layout__search {
        display: none !important
    }
}

.layout__search--desktop .layout__search {
    top: 8px;
    top: 0.5rem;
    left: 16px;
    left: 1rem;
    min-width: 38px;
    min-width: 2.375rem;
    right: auto;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

    .layout__search--desktop .layout__search .layout__search__input {
        height: auto;
        width: 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: width 0.3s, padding-right 0.3s;
        transition: width 0.3s, padding-right 0.3s
    }

    .layout__search--desktop .layout__search .layout__search__submit--desktop {
        outline: none
    }

    .layout__search--desktop .layout__search.is-open {
        background-color: #f8f8f8
    }

        .layout__search--desktop .layout__search.is-open .layout__search__input {
            width: 180px;
            width: 11.25rem;
            padding-right: 32px;
            padding-right: 2rem
        }

@media screen and (min-width: 48em) {
    .header .layout__search {
        display: none
    }
}

@media screen and (max-width: 47.99em) {
    .navigation__main .layout__search {
        display: none
    }

    .header .layout__search {
        top: 100%;
        left: 0
    }

    .layout__search__toggle {
        padding: 0.75rem
    }
}

.site-footer {
    background-color: #0057b7
}

.footer__navigation {
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-bottom: 40px;
    padding-bottom: 2.5rem
}

@media screen and (max-width: 47.99em) {
    .footer__navigation {
        padding-bottom: 1rem
    }
}

.footer__navigation__list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__navigation__item {
    margin-left: 16px;
    margin-left: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 25%;
    border-right: 2px solid #015687
}

    .footer__navigation__item:last-child {
        border: 0
    }

    .footer__navigation__item:first-child {
        margin-left: 0
    }

@media screen and (max-width: 47.99em) {
    .footer__navigation__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        margin-left: 0;
        border: 0;
        max-width: none
    }
}

.footer__navigation__category {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff
}

@media screen and (max-width: 47.99em) {
    .footer__navigation__sublist, .footer__navigation__category {
        padding-right: 0.5rem
    }
}

.footer__navigation__subitem a {
    color: #fff;
    padding-right: 24px;
    padding-right: 1.5rem;
    display: inline-block;
    position: relative
}

    .footer__navigation__subitem a, .footer__navigation__subitem a:visited {
        color: #fff
    }

        .footer__navigation__subitem a:after {
            content: "\25ba"
        }

        .footer__navigation__subitem a:after {
            display: inline-block;
            font-family: "SDBG-Iconfont";
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none !important;
            text-decoration: none;
            speak: none;
            width: auto;
            line-height: 1em;
            -webkit-font-smoothing: antialiased
        }

.lt-ie9 .footer__navigation__subitem a:after {
    text-decoration: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    content: "→"
}

.footer__navigation__subitem a:after {
    right: 4px;
    right: 0.25rem;
    margin-top: -8px;
    margin-top: -0.5rem;
    position: absolute;
    top: 50%
}

.footer__navigation__subitem a.link--external:before, .footer__navigation__subitem a.link--product:before {
    content: none
}

.footer__navigation__subitem a.link--external:after {
    content: "\2e"
}

.footer-bottom {
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer__meta, .footer__social {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 47.99em) {
    .footer__meta, .footer__social {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
}

.footer__meta__copy {
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff
}

@media screen and (max-width: 47.99em) {
    .footer__meta__copy {
        font-size: 1rem;
        margin-bottom: 1rem
    }
}

.footer__meta__navigation-item {
    margin-left: 8px;
    margin-left: 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block
}

    .footer__meta__navigation-item a {
        padding-right: 8px;
        padding-right: 0.5rem;
        border-right: 2px solid #fff;
        color: #fff
    }

@media screen and (max-width: 47.99em) {
    .footer__meta__navigation-item a {
        border: 0;
        padding-right: 0
    }
}

.footer__meta__navigation-item:last-child a {
    border: 0
}

.footer__meta__navigation-item:first-child {
    margin-left: 0
}

@media screen and (max-width: 47.99em) {
    .footer__meta__navigation-item {
        font-size: 1rem;
        display: block;
        margin-left: 0;
        margin-bottom: 0.5rem
    }
}

.footer__social {
    padding-top: 16px;
    padding-top: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
    text-align: right
}

@media screen and (max-width: 47.99em) {
    .footer__social {
        padding-top: 3rem
    }
}

@media print {
    .footer__social, .footer__meta__navigation, .footer__navigation {
        display: none !important;
        visibility: hidden
    }

    .footer__meta__copy {
        padding-top: 40px;
        padding-top: 2.5rem;
        padding-bottom: 40px;
        padding-bottom: 2.5rem;
        width: 100%;
        text-align: center
    }
}

.layout__section {
    padding-top: 64px;
    padding-top: 4rem;
    padding-bottom: 64px;
    padding-bottom: 4rem;
    -webkit-box-shadow: 0 3rem 3rem -3rem rgba(0,0,0,0.2) inset;
    box-shadow: 0 3rem 3rem -3rem rgba(0,0,0,0.2) inset;
    margin-top: -1px
}

    .layout__section:before, .layout__section:after {
        content: ' ';
        display: table
    }

    .layout__section:after {
        clear: both
    }

@media screen and (max-width: 47.99em) {
    .layout__section {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 29.99em) {
    .layout__section {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.is--sticky-header .layout__section .visuallyhidden[id] {
    -webkit-transform: translateY(-3.125rem);
    -ms-transform: translateY(-3.125rem);
    transform: translateY(-3.125rem)
}

.layout__section--no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (max-width: 39.99em) {
    .layout__stage--half-width {
        max-width: 1200px;
        max-width: 75rem;
        padding: 0 32px;
        padding: 0 2rem;
        position: relative;
        margin: 0 auto
    }
}

@media screen and (max-width: 39.99em) and (max-width: 39.99em) {
    .layout__stage--half-width {
        padding: 0 16px;
        padding: 0 1rem
    }
}

@media screen and (max-width: 39.99em) and (max-width: 23.99em) {
    .layout__stage--half-width {
        padding: 0 8px;
        padding: 0 0.5rem
    }
}

@media screen and (max-width: 39.99em) {
    .layout__stage--half-width .layout__stage__text {
        margin-bottom: 2rem
    }

    .layout__stage--half-width .layout__stage__image {
        margin-top: 2rem
    }
}

@media screen and (min-width: 40em) {
    .layout__stage--half-width .layout__stage__text {
        max-width: 600px;
        max-width: 37.5rem;
        padding-right: 2rem;
        float: left;
        width: 45%
    }

    .layout__stage--half-width .image-right + .layout__stage__text {
        padding-right: 0;
        padding-left: 2rem;
        float: right
    }
}

@media screen and (min-width: 40em) {
    .layout__stage--half-width .layout__stage__image {
        margin-top: 0;
        margin-bottom: 0
    }

        .layout__stage--half-width .layout__stage__image, .layout__stage--half-width .layout__stage__image img {
            border-radius: 0;
            border: 0
        }
}

.layout__wrapper {
    max-width: 1200px;
    max-width: 75rem;
    padding: 0 32px;
    padding: 0 2rem;
    position: relative;
    margin: 0 auto
}

@media screen and (max-width: 39.99em) {
    .layout__wrapper {
        padding: 0 16px;
        padding: 0 1rem
    }
}

@media screen and (max-width: 23.99em) {
    .layout__wrapper {
        padding: 0 8px;
        padding: 0 0.5rem
    }
}

.layout__wrapper--smaller-width {
    max-width: 900px;
    max-width: 56.25rem
}

.layout__stage {
    position: relative
}

.layout__stage--aspect-ratio {
    padding-top: 56.25%
}

@media print {
    .layout__stage--aspect-ratio {
        padding: 0
    }
}

.layout__stage__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

    .layout__stage__background img {
        width: 100%
    }

@media print {
    .layout__stage__background {
        position: static;
        width: 100%;
        height: auto
    }
}

.layout__stage__foreground {
    padding: 8px 0 16px;
    padding: 0.5rem 0 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 40%;
    background-color: #0057b7;
    color: #fff;
    padding-top: 32px;
    padding-top: 2rem
}

    .layout__stage__foreground a, .layout__stage__foreground a:visited {
        color: #fff
    }

    .layout__stage__foreground .layout__wrapper {
        top: 8px;
        top: 0.5rem;
        position: absolute;
        width: 100%;
        bottom: 0;
        overflow: auto;
        top: 32px;
        top: 2rem
    }

.no-csstransforms .layout__stage__foreground .layout__wrapper {
    top: 32px;
    top: 2rem
}

.layout__stage__foreground .base__section-heading {
    margin-top: 0
}

.no-csstransforms .layout__stage__foreground {
    padding-top: 32px;
    padding-top: 2rem
}

@media screen and (max-width: 47.99em) {
    .layout__stage__foreground {
        position: relative;
        width: auto;
        height: auto
    }

        .layout__stage__foreground .layout__wrapper {
            position: relative;
            top: auto;
            bottom: auto;
            overflow: hidden
        }
}

@media print {
    .layout__stage__foreground {
        position: relative;
        width: auto;
        height: auto
    }

        .layout__stage__foreground .layout__wrapper {
            position: relative;
            top: auto;
            bottom: auto;
            overflow: hidden
        }
}

.product-registration {
    padding: 20px;
    padding: 1.25rem;
    position: relative;
    background-color: #fff;
    overflow: hidden
}

    .product-registration.is-opened .product-registration__box--form {
        display: block
    }

.product-registration__box--info {
    padding-left: 40px;
    padding-left: 2.5rem
}

    .product-registration__box--info:before, .product-registration__box--info:after {
        content: ' ';
        display: table
    }

    .product-registration__box--info:after {
        clear: both
    }

    .product-registration__box--info .button--secondary.product-registration__box-toggle {
        top: 20px;
        top: 1.25rem;
        right: 20px;
        right: 1.25rem;
        position: absolute;
        margin-right: 0
    }

.product-registration__box--form {
    padding-top: 20px;
    padding-top: 1.25rem;
    display: none
}

.product-registration__state {
    margin-right: 200px;
    margin-right: 12.5rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    position: relative;
    font-weight: bold
}

    .product-registration__state:before {
        font-size: 40px;
        font-size: 2.5rem;
        content: '';
        display: block;
        position: absolute
    }

@media screen and (max-width: 47.99em) {
    .product-registration__serial-details {
        margin-bottom: 10px;
        margin-bottom: 0.625rem
    }
}

.product-registration__serial-details, .product-registration__product-details {
    float: left;
    width: 50%;
    word-wrap: break-word
}

@media screen and (max-width: 47.99em) {
    .product-registration__serial-details, .product-registration__product-details {
        float: none;
        width: 100%
    }
}

.product-registration__label {
    display: block;
    font-weight: bold
}

.is-loading .product-registration__state:before {
    -webkit-background-size: 30px 30px;
    background-size: 30px;
    -webkit-background-size: 1.875rem 1.875rem;
    background-size: 1.875rem;
    height: 30px;
    height: 1.875rem;
    width: 30px;
    width: 1.875rem;
    background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner.gif");
    background-position: center;
    background-repeat: no-repeat;
    left: -46px;
    left: -2.875rem;
    top: -2px;
    top: -0.125rem
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .is-loading .product-registration__state:before {
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/base/img/spinner--retina.gif")
    }
}

.is-loading .product-registration__state, .is-loading .product-registration__product-name {
    color: #ccc
}

.is-success .product-registration__state {
    color: #00917e
}

    .is-success .product-registration__state:before {
        content: "\2f"
    }

    .is-success .product-registration__state:before {
        left: -46px;
        left: -2.875rem;
        top: -6px;
        top: -0.375rem
    }

.is-error .product-registration__state {
    color: #c03
}

    .is-error .product-registration__state:before {
        content: "\33"
    }

    .is-error .product-registration__state:before {
        left: -46px;
        left: -2.875rem;
        top: -6px;
        top: -0.375rem
    }

.product-registration {
    border-top: 1px solid #e3e3e3
}

.product-registration__box--form {
    margin-left: 40px;
    margin-left: 2.5rem;
    border-top: 1px dashed #e3e3e3
}

.table-container {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    position: relative;
    overflow: auto;
    border-radius: 0;
    border: 1px solid #ddd
}

@media (max-width: 48em) {
    html:not(.lt-ie9) .table-container.is-mobile-stacked thead {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    html:not(.lt-ie9) .table-container.is-mobile-stacked .table-general--extended {
        min-width: 0
    }

        html:not(.lt-ie9) .table-container.is-mobile-stacked .table-general--extended td {
            padding-left: 160px;
            padding-left: 10rem;
            min-height: 40px;
            min-height: 2.5rem;
            position: relative;
            display: block;
            background-color: #fff;
            border-bottom: 1px solid #ddd
        }

            html:not(.lt-ie9) .table-container.is-mobile-stacked .table-general--extended td:last-child {
                margin-bottom: 0
            }

            html:not(.lt-ie9) .table-container.is-mobile-stacked .table-general--extended td:before {
                padding: 7px 10px 0 10px;
                padding: 0.4375rem 0.625rem 0 0.625rem;
                width: 150px;
                width: 9.375rem;
                content: attr(data-label);
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                background-color: #0057b7;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: left;
                color: #fff;
                font-weight: bold
            }

            html:not(.lt-ie9) .table-container.is-mobile-stacked .table-general--extended td[colspan] {
                padding-left: 8px;
                padding-left: 0.5rem;
                text-align: left
            }

                html:not(.lt-ie9) .table-container.is-mobile-stacked .table-general--extended td[colspan]:before {
                    display: none
                }

    html:not(.lt-ie9) .table-container.is-mobile-stacked .table--row {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        position: relative;
        background-color: #eee
    }

        html:not(.lt-ie9) .table-container.is-mobile-stacked .table--row:first-child td:first-child:before {
            border-top-left-radius: -0.125rem
        }

        html:not(.lt-ie9) .table-container.is-mobile-stacked .table--row:last-child td:last-child {
            margin-bottom: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0
        }

            html:not(.lt-ie9) .table-container.is-mobile-stacked .table--row:last-child td:last-child:before {
                border-bottom-left-radius: -0.125rem
            }

        html:not(.lt-ie9) .table-container.is-mobile-stacked .table--row td:last-child {
            margin-bottom: 15px;
            -webkit-box-shadow: 0 5px 3px -2px rgba(0,0,0,0.3);
            box-shadow: 0 5px 3px -2px rgba(0,0,0,0.3);
            border-bottom: 0
        }
}

.touch .table-container {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.table-clean [class*='icon--']:before {
    padding-right: 3.2px;
    padding-right: 0.2rem
}

.table-clean .icon--new-file {
    font-weight: bold;
    color: #ff8000
}

.table-clean .icon--clock {
    font-weight: bold;
    color: #485b73
}

.table-clean .icon--check {
    font-weight: bold;
    color: #00917e
}

.table-clean .icon--close {
    font-weight: bold;
    color: #c03
}

.table-clean td {
    padding: 4px;
    padding: 0.25rem;
    vertical-align: top
}

    .table-clean td:first-child {
        width: 160px;
        width: 10rem;
        font-weight: bold
    }

@media screen and (max-width: 23.99em) {
    .table-clean.is-mobile-stacked td {
        display: block;
        padding: 0
    }

        .table-clean.is-mobile-stacked td:last-child {
            padding-bottom: 0.5rem
        }
}

.table-general, .table--trainings-booked, .table-general--extended, .table--fulfillment, .table--specifications, .table--fixed-columns {
    min-width: 700px;
    min-width: 43.75rem;
    width: 100%;
    background: #fff;
    border-collapse: separate;
    border: 1px solid #fff
}

    .table-general thead tr, .table--trainings-booked thead tr, .table-general--extended thead tr, .table--fulfillment thead tr, .table--specifications thead tr, .table--fixed-columns thead tr {
        color: #fff
    }

        .table-general thead tr th, .table--trainings-booked thead tr th, .table-general--extended thead tr th, .table--fulfillment thead tr th, .table--specifications thead tr th, .table--fixed-columns thead tr th {
            background: #0057b7
        }

            .table-general thead tr th:first-child, .table--trainings-booked thead tr th:first-child, .table-general--extended thead tr th:first-child, .table--fulfillment thead tr th:first-child, .table--specifications thead tr th:first-child, .table--fixed-columns thead tr th:first-child {
                border-radius: -0.125rem 0 0 0
            }

            .table-general thead tr th:last-child, .table--trainings-booked thead tr th:last-child, .table-general--extended thead tr th:last-child, .table--fulfillment thead tr th:last-child, .table--specifications thead tr th:last-child, .table--fixed-columns thead tr th:last-child {
                border-radius: 0 -0.125rem 0 0
            }

    .table-general tbody tr td, .table--trainings-booked tbody tr td, .table-general--extended tbody tr td, .table--fulfillment tbody tr td, .table--specifications tbody tr td, .table--fixed-columns tbody tr td, .table-general tbody tr th, .table--trainings-booked tbody tr th, .table-general--extended tbody tr th, .table--fulfillment tbody tr th, .table--specifications tbody tr th, .table--fixed-columns tbody tr th, .table-general tbody tr li, .table--trainings-booked tbody tr li, .table-general--extended tbody tr li, .table--fulfillment tbody tr li, .table--specifications tbody tr li, .table--fixed-columns tbody tr li {
        font-size: 16px;
        font-size: 1rem
    }

    .table-general tbody tr th, .table--trainings-booked tbody tr th, .table-general--extended tbody tr th, .table--fulfillment tbody tr th, .table--specifications tbody tr th, .table--fixed-columns tbody tr th {
        font-weight: normal;
        text-align: left
    }

    .table-general tbody tr:nth-child(even), .table--trainings-booked tbody tr:nth-child(even), .table-general--extended tbody tr:nth-child(even), .table--fulfillment tbody tr:nth-child(even), .table--specifications tbody tr:nth-child(even), .table--fixed-columns tbody tr:nth-child(even) {
        background: #fff
    }

    .table-general tbody tr:nth-child(odd), .table--trainings-booked tbody tr:nth-child(odd), .table-general--extended tbody tr:nth-child(odd), .table--fulfillment tbody tr:nth-child(odd), .table--specifications tbody tr:nth-child(odd), .table--fixed-columns tbody tr:nth-child(odd) {
        background: #eee
    }

    .table-general tbody tr:last-child td:first-child, .table--trainings-booked tbody tr:last-child td:first-child, .table-general--extended tbody tr:last-child td:first-child, .table--fulfillment tbody tr:last-child td:first-child, .table--specifications tbody tr:last-child td:first-child, .table--fixed-columns tbody tr:last-child td:first-child, .table-general tbody tr:last-child th:first-child, .table--trainings-booked tbody tr:last-child th:first-child, .table-general--extended tbody tr:last-child th:first-child, .table--fulfillment tbody tr:last-child th:first-child, .table--specifications tbody tr:last-child th:first-child, .table--fixed-columns tbody tr:last-child th:first-child {
        border-radius: 0 0 0 -0.125rem
    }

    .table-general tbody tr:last-child td:last-child, .table--trainings-booked tbody tr:last-child td:last-child, .table-general--extended tbody tr:last-child td:last-child, .table--fulfillment tbody tr:last-child td:last-child, .table--specifications tbody tr:last-child td:last-child, .table--fixed-columns tbody tr:last-child td:last-child, .table-general tbody tr:last-child th:last-child, .table--trainings-booked tbody tr:last-child th:last-child, .table-general--extended tbody tr:last-child th:last-child, .table--fulfillment tbody tr:last-child th:last-child, .table--specifications tbody tr:last-child th:last-child, .table--fixed-columns tbody tr:last-child th:last-child {
        border-radius: 0 0 -0.125rem
    }

    .table-general tfoot tr, .table--trainings-booked tfoot tr, .table-general--extended tfoot tr, .table--fulfillment tfoot tr, .table--specifications tfoot tr, .table--fixed-columns tfoot tr {
        font-size: 16px;
        font-size: 1rem;
        background: #fff
    }

        .table-general tfoot tr td, .table--trainings-booked tfoot tr td, .table-general--extended tfoot tr td, .table--fulfillment tfoot tr td, .table--specifications tfoot tr td, .table--fixed-columns tfoot tr td {
            border-radius: 0 0 -0.125rem -0.125rem
        }

        .table-general tfoot tr td, .table--trainings-booked tfoot tr td, .table-general--extended tfoot tr td, .table--fulfillment tfoot tr td, .table--specifications tfoot tr td, .table--fixed-columns tfoot tr td, .table-general tfoot tr th, .table--trainings-booked tfoot tr th, .table-general--extended tfoot tr th, .table--fulfillment tfoot tr th, .table--specifications tfoot tr th, .table--fixed-columns tfoot tr th {
            text-align: left
        }

    .table-general td, .table--trainings-booked td, .table-general--extended td, .table--fulfillment td, .table--specifications td, .table--fixed-columns td, .table-general th, .table--trainings-booked th, .table-general--extended th, .table--fulfillment th, .table--specifications th, .table--fixed-columns th {
        padding: 8px 16px;
        padding: 0.5rem 1rem
    }

        .table-general td[colspan], .table--trainings-booked td[colspan], .table-general--extended td[colspan], .table--fulfillment td[colspan], .table--specifications td[colspan], .table--fixed-columns td[colspan], .table-general th[colspan], .table--trainings-booked th[colspan], .table-general--extended th[colspan], .table--fulfillment th[colspan], .table--specifications th[colspan], .table--fixed-columns th[colspan] {
            background-color: #e3e3e3;
            font-weight: bold
        }

.table--trainings-booked {
    min-width: 667px;
    min-width: 41.6875rem
}

    .table--trainings-booked th {
        text-align: left
    }

@media screen and (min-width: 40em) {
    .table--trainings-booked--col1 {
        width: 80%
    }

    .table--trainings-booked--col2 {
        width: 20%
    }
}

@media screen and (min-width: 40em) {
    .table--trainings-booked.is-upcoming .table--trainings-booked--col1 {
        width: 60%
    }

    .table--trainings-booked.is-upcoming .table--trainings-booked--col3 {
        width: 20%
    }
}

.table-general--extended th {
    text-align: left
}

.table-general--extended th, .table-general--extended td {
    border-right: 0;
    border-bottom: 0;
    vertical-align: top
}

.table-general--extended [class^='icon--'], .table-general--extended [class*=' icon--'] {
    font-weight: bold;
    white-space: nowrap
}

.table-general--extended [class*='icon--']:before {
    padding-right: 3.2px;
    padding-right: 0.2rem
}

.table-general--extended .icon--new-file {
    color: #ff8000
}

.table-general--extended .icon--clock {
    color: #485b73
}

.table-general--extended .icon--check {
    color: #00917e
}

.table-general--extended .icon--close {
    color: #c03
}

.table-general--extended.table--fixed-columns td:last-child {
    text-align: left
}

.table--fulfillment {
    border-spacing: 1px
}

    .table--fulfillment th, .table--fulfillment td {
        border-right: 0;
        border-bottom: 0
    }

    .table--fulfillment thead > tr:last-child th {
        border-bottom: 0
    }

    .table--fulfillment tbody > tr:nth-child(even) {
        background: #eee
    }

    .table--fulfillment tbody > tr.table--highlight {
        background: #c5e0ed
    }

    .table--fulfillment tbody > tr td[colspan] {
        background-color: transparent
    }

    .table--fulfillment tbody > tr td[rowspan] {
        font-weight: bold
    }

    .table--fulfillment .icon--check {
        color: #00917e
    }

.table--specifications tr th:first-child {
    min-width: 200px
}

.table--specifications th, .table--specifications td {
    min-width: 100px
}

.table--toggable-columns th, .table--toggable-columns td {
    max-width: 20px
}

.table--toggable-columns tr:first-child th {
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    position: relative
}

    .table--toggable-columns tr:first-child th:before {
        content: "\25ba"
    }

    .table--toggable-columns tr:first-child th:before {
        font-size: 16px;
        font-size: 1rem;
        margin-top: -8px;
        margin-top: -0.5rem;
        right: 16px;
        right: 1rem;
        position: absolute;
        top: 50%
    }

    .table--toggable-columns tr:first-child th span {
        text-align: left;
        display: none
    }

.table--toggable-columns.is-active tr:first-child th {
    max-width: none
}

    .table--toggable-columns.is-active tr:first-child th:before {
        content: "\25c0"
    }

    .table--toggable-columns.is-active tr:first-child th:before {
        right: 8px;
        right: 0.5rem
    }

    .table--toggable-columns.is-active tr:first-child th span {
        display: block
    }

.table--fixed-columns {
    position: absolute;
    display: none;
    z-index: 10;
    min-width: 0;
    max-width: 41px;
    margin-top: 1px;
    margin-left: 1px;
    border-right: 0
}

    .table--fixed-columns.table--toggable-columns {
        cursor: pointer
    }

    .table--fixed-columns th, .table--fixed-columns td {
        overflow: hidden;
        color: #333
    }

        .table--fixed-columns th > span, .table--fixed-columns td > span {
            display: block
        }

    .table--fixed-columns.is-hidden {
        display: none
    }

    .table--fixed-columns tbody tr:nth-child(even) {
        background: #eee
    }

    .table--fixed-columns tbody tr:nth-child(odd) {
        background: #fff
    }

    .table--fixed-columns tbody tr th {
        text-align: center
    }

    .table--fixed-columns tbody tr td {
        border-radius: 0 !important
    }

    .table--fixed-columns tbody tr:first-child th {
        background: #0057b7;
        color: #fff;
        font-weight: bold
    }

    .table--fixed-columns tr td[colspan], .table--fixed-columns tr th[colspan] {
        background-color: #e3e3e3;
        max-width: 0;
        overflow: hidden
    }

        .table--fixed-columns tr td[colspan].table--fixed-columns--foot, .table--fixed-columns tr th[colspan].table--fixed-columns--foot {
            overflow: visible
        }

    .table--fixed-columns tr:first-child th:first-child {
        border-radius: -0.125rem 0 0
    }

    .table--fixed-columns tfoot tr td.table--fixed-columns--foot {
        border-radius: 0 0 0 -0.125rem
    }

@media print {
    .table--fixed-columns {
        display: none !important;
        visibility: hidden
    }
}

.table--sortable .tablesorter-header-asc .tablesorter-header-inner:after, .table--sortable .tablesorter-header-desc .tablesorter-header-inner:after, .table--sortable .tablesorter-header-unsorted .tablesorter-header-inner:after {
    margin: 0 4px 0 4px;
    margin: 0 0.25rem 0 0.25rem
}

.table--sortable .tablesorter-header-asc .tablesorter-header-inner:hover:after, .table--sortable .tablesorter-header-desc .tablesorter-header-inner:hover:after, .table--sortable .tablesorter-header-unsorted .tablesorter-header-inner:hover:after {
    color: rgba(255,255,255,0.5)
}

.table--sortable .tablesorter-header-unsorted .tablesorter-header-inner:after {
    content: "\25b2"
}

.table--sortable .tablesorter-header-asc .tablesorter-header-inner:after {
    content: "\25b2"
}

.table--sortable .tablesorter-header-asc .tablesorter-header-inner:after {
    color: #fff
}

.table--sortable .tablesorter-header-desc .tablesorter-header-inner:after {
    content: "\25bc"
}

.table--sortable .tablesorter-header-desc .tablesorter-header-inner:after {
    color: #fff
}

.table--sortable .tablesorter-header-inner {
    cursor: pointer
}

.table--sortable .tablesorter-header-unsorted.sorter-false .tablesorter-header-inner {
    cursor: default
}

    .table--sortable .tablesorter-header-unsorted.sorter-false .tablesorter-header-inner:after {
        content: ''
    }

.col__align--right {
    text-align: right
}

.table-general--extended .col__align--right {
    text-align: right
}

.col__align--center {
    text-align: center
}

@media print {
    .table-container {
        overflow: visible;
        max-width: 100%;
        border: 0 !important;
        border-radius: 0;
        page-break-inside: avoid
    }

        .table-container table {
            table-layout: fixed;
            border-collapse: collapse;
            max-width: 100%;
            min-width: 0
        }

        .table-container tr {
            page-break-inside: avoid
        }

        .table-container table, .table-container th, .table-container td {
            border: 1px solid #e3e3e3 !important
        }

        .table-container th, .table-container td {
            padding: 8px;
            padding: 0.5rem
        }

            .table-container td a, .table-container td a:after {
                max-width: 100%;
                word-break: break-all
            }

        .table-container .table--sortable .tablesorter-header-inner:after {
            display: none
        }

        .table-container thead tr:last-child th {
            border: 0
        }

    .table-clean {
        margin: 0
    }

    .table--scroll-button {
        display: none
    }
}

.table--cell--positive {
    font-weight: bold;
    color: #00917e
}

.table--cell--negative {
    font-weight: bold;
    color: #c03
}

.table--cell--bracket {
    font-weight: normal
}

    .table--cell--bracket:before {
        content: '(';
        color: #222
    }

    .table--cell--bracket:after {
        content: ')';
        color: #222
    }

.table-wrapper {
    position: relative
}

    .table-wrapper .table-container {
        position: static
    }

    .table-wrapper.fix-columns-opened .table--fixed-columns {
        display: table;
        border-radius: 0 0 0 0
    }

    .table-wrapper.fix-columns-opened .table--scroll-button__left {
        border-radius: 0;
        border-top: 1px solid #ddd
    }

.table--scroll-button {
    width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 11;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .table--scroll-button:before {
        font-size: 36px;
        font-size: 2.25rem;
        position: absolute;
        top: 50%;
        left: 3px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #fff;
        font-weight: bold;
        text-shadow: 0 1px 2px #000
    }

.table--scroll-button__left {
    background-color: transparent;
    background-image: -webkit-gradient(linear, mod(540deg, 360deg), from(transparent), to(rgba(0,0,0,0.3)));
    background-image: -webkit-linear-gradient(mod(540deg, 360deg), transparent, rgba(0,0,0,0.3));
    background-image: -webkit-linear-gradient(180deg, transparent, rgba(0,0,0,0.3));
    background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,0.3));
    left: 0;
    border-radius: 0 0 0 0
}

.fix-column--has-footer .table--scroll-button__left {
    border-radius: 0 0 0
}

.table--scroll-button__left:before {
    content: '\2039'
}

.table--scroll-button__right {
    background-color: transparent;
    background-image: -webkit-gradient(linear, mod(360deg, 360deg), from(transparent), to(rgba(0,0,0,0.3)));
    background-image: -webkit-linear-gradient(mod(360deg, 360deg), transparent, rgba(0,0,0,0.3));
    background-image: -webkit-linear-gradient(0deg, transparent, rgba(0,0,0,0.3));
    background-image: linear-gradient(90deg, transparent, rgba(0,0,0,0.3));
    right: 0;
    border-radius: 0 0 0 0
}

.fix-column--has-footer .table--scroll-button__right {
    border-radius: 0 0 0 0
}

.table--scroll-button__right:before {
    content: '\203a'
}

.no-cssgradients .table--scroll-button {
    background-color: #ccc
}

.table-container {
    border: 1px solid #ddd
}

.table-general thead tr {
    color: #fff
}

    .table-general thead tr th {
        background: #0057b7
    }

.table-general tbody tr:nth-child(even) {
    background: #fff
}

.table-general tbody tr:nth-child(odd) {
    background: #eee
}

.table-general td[colspan], .table-general th[colspan] {
    background-color: #e3e3e3
}

.table--fix-columns tbody tr:nth-child(even) {
    background: #eee
}

.table--fix-columns tbody tr:nth-child(odd) {
    background: #fff
}

.table--fix-columns tbody tr:first-child th {
    background: #0057b7
}

.table--fix-columns tr td[colspan], .table--fix-columns tr th[colspan] {
    background-color: #e3e3e3
}

@media print {
    .table--specifications {
        border: 0
    }

        .table--specifications thead tr:last-child th {
            border-bottom: 1px solid #ddd
        }

        .table--specifications tr {
            border-top: 1px solid #ddd;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd
        }

        .table--specifications td, .table--specifications th, .table--specifications td[colspan], .table--specifications th[colspan] {
            padding: 10px;
            padding: 0.625rem;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd
        }

            .table--specifications td:last-child, .table--specifications th:last-child, .table--specifications td[colspan]:last-child, .table--specifications th[colspan]:last-child {
                border-right: 0;
                border-bottom: 0
            }
}

.cookiewarning {
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #e3f0f6;
    border-bottom: 1px solid #015687;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: none
}

    .cookiewarning.is-visible {
        display: block
    }

    .cookiewarning.is-maximized {
        height: 100%
    }

    .cookiewarning a[role="button"] {
        margin: 8px 0 0 16px;
        margin: 0.5rem 0 0 1rem;
        float: right
    }

    .cookiewarning p {
        font-size: 12px;
        font-size: 0.75rem;
        position: relative;
        margin: 0
    }

        .cookiewarning p:first-child {
            padding-left: 80px;
            padding-left: 5rem
        }

            .cookiewarning p:first-child:before {
                content: "\78"
            }

            .cookiewarning p:first-child:before {
                font-size: 80px;
                font-size: 5rem;
                position: absolute;
                top: 0;
                left: 0;
                color: #0057b7
            }

.cookiewarning--inner {
    max-width: 1200px;
    max-width: 75rem;
    padding: 0 32px;
    padding: 0 2rem;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto
}

    .cookiewarning--inner:after {
        content: ' ';
        display: table;
        clear: both
    }

@media all and (max-width: 32em) {
    .cookiewarning {
        max-height: 100%
    }

        .cookiewarning p {
            font-size: 1rem
        }

        .cookiewarning a[role="button"] {
            display: block;
            float: none;
            margin: 0.5rem 0 0
        }

    .cookiewarning--inner {
        padding: 0 0.5rem
    }
}

@media print {
    .cookiewarning {
        display: none !important
    }
}

.cookiewarning {
    background-color: #fff;
    border-bottom: 1px solid #015687
}

    .cookiewarning p:first-child:before {
        content: "\78"
    }

    .cookiewarning p:first-child:before {
        color: #0057b7
    }

.language_select {
    display: block !important;
    visibility: visible
}

@media screen and (max-width: 47.98em) {
    .language_select {
        display: none !important;
        visibility: hidden
    }

    .is--sticky-header .language_select {
        display: block !important;
        visibility: visible
    }

        .is--sticky-header .language_select .language_selector {
            left: 6.4px;
            left: 0.4rem;
            top: 22.4px;
            top: 1.4rem
        }

            .is--sticky-header .language_select .language_selector .language_selector__item {
                font-size: 14px
            }
}

.language_select .language_selector {
    position: absolute;
    left: 0;
    display: inline-block;
    list-style: none;
    top: 1.6px;
    top: 0.1rem
}

    .language_select .language_selector .language_selector__item {
        font-size: 14.4px;
        font-size: 0.9rem;
        display: inline-block;
        padding: 0;
        border-left: 1px solid #015687;
        text-transform: uppercase
    }

        .language_select .language_selector .language_selector__item.active {
            font-weight: bold
        }

            .language_select .language_selector .language_selector__item.active > .language_selector__item__link {
                color: #000
            }

        .language_select .language_selector .language_selector__item:first-child {
            border-left: 0
        }

        .language_select .language_selector .language_selector__item:last-child {
            border-right: 0
        }

        .language_select .language_selector .language_selector__item:before {
            content: ''
        }

        .language_select .language_selector .language_selector__item > .language_selector__item__link {
            padding: 0 8px;
            padding: 0 0.5rem;
            display: block
        }

            .language_select .language_selector .language_selector__item > .language_selector__item__link:hover {
                text-decoration: underline
            }

.language_select--mobile {
    display: none !important;
    visibility: hidden
}

@media screen and (max-width: 47.98em) {
    .language_select--mobile {
        display: block !important;
        visibility: visible
    }

        .language_select--mobile .language_selector .language_selector__item {
            float: left;
            display: inline;
            width: 18%;
            margin-left: 1%;
            margin-right: 1%;
            display: inline-block;
            padding: 0;
            text-align: center
        }

            .language_select--mobile .language_selector .language_selector__item .language_selector__item__link {
                display: block;
                padding: 0.5rem 0;
                border-left: 1px solid #ccc
            }

            .language_select--mobile .language_selector .language_selector__item:first-child .language_selector__item__link {
                border-left: 0
            }

            .language_select--mobile .language_selector .language_selector__item .active {
                color: #000;
                font-weight: bold
            }

            .language_select--mobile .language_selector .language_selector__item.has-1-items {
                width: 100%
            }

            .language_select--mobile .language_selector .language_selector__item.has-2-items {
                float: left;
                display: inline;
                width: 48%;
                margin-left: 1%;
                margin-right: 1%
            }

            .language_select--mobile .language_selector .language_selector__item.has-3-items {
                float: left;
                display: inline;
                width: 31.33333%;
                margin-left: 1%;
                margin-right: 1%
            }

            .language_select--mobile .language_selector .language_selector__item.has-4-items {
                float: left;
                display: inline;
                width: 23%;
                margin-left: 1%;
                margin-right: 1%
            }

            .language_select--mobile .language_selector .language_selector__item:before {
                content: none
            }
}

@media print {
    .language_select, .language_select--mobile {
        display: none !important
    }
}

.language_select .language_selector .language_selector__item {
    font-size: 13px;
    font-size: 0.8125rem
}

@media screen and (min-width: 48em) {
    .language_selector {
        margin: 0 1.5rem
    }
}

@media screen and (min-width: 48em) {
    .navigation__main {
        min-height: 92px;
        min-height: 5.75rem;
        position: relative;
        z-index: 100
    }

    .navigation__main, .navigation__main__level-1__list, .navigation__main__level-2__list, .navigation__main__level-3__list {
        margin: 0;
        padding: 0;
        overflow: visible
    }

        .navigation__main:before, .navigation__main:after, .navigation__main__level-1__list:before, .navigation__main__level-1__list:after, .navigation__main__level-2__list:before, .navigation__main__level-2__list:after, .navigation__main__level-3__list:before, .navigation__main__level-3__list:after {
            content: ' ';
            display: table
        }

        .navigation__main:after, .navigation__main__level-1__list:after, .navigation__main__level-2__list:after, .navigation__main__level-3__list:after {
            clear: both
        }

        .navigation__main li, .navigation__main__level-1__list li, .navigation__main__level-2__list li, .navigation__main__level-3__list li {
            padding: 0
        }

            .navigation__main li:before, .navigation__main__level-1__list li:before, .navigation__main__level-2__list li:before, .navigation__main__level-3__list li:before {
                content: '';
                left: 0
            }

    .navigation__main__level-1__item {
        position: static;
        display: inline-block;
        float: left
    }

    .navigation__main__level-1__item--languageselector {
        display: none !important;
        visibility: hidden
    }

    .navigation__main__level-1__link {
        position: relative;
        display: inline-block
    }

    .navigation__main__level-1__item.is-active .navigation__main__level-1__link {
        z-index: 10
    }

    .navigation__main__level-2 {
        display: none;
        position: absolute;
        left: 0;
        width: 100%
    }

    .navigation__main__level-1__item.is-active .navigation__main__level-2 {
        display: block
    }

    .navigation__main__level-2__item {
        position: static;
        display: inline-block;
        float: left
    }

    .navigation__main__level-2__link {
        display: inline-block
    }

    .navigation__main__level-3 {
        position: absolute;
        left: 0;
        display: none;
        width: 100%
    }

    .no-js .navigation__main__level-3:hover, .no-js .navigation__main__level-2__link:hover + .navigation__main__level-3, .no-js .navigation__main__level-2__link:focus + .navigation__main__level-3, .navigation__main__level-2__item.is-open .navigation__main__level-3 {
        display: block
    }

    .navigation__main__level-3__col {
        float: left;
        width: 100%
    }

    .navigation__main__level-3__col--lists {
        -webkit-columns: 230px auto;
        -moz-columns: 230px auto;
        columns: 230px auto
    }

    .has-teaser .navigation__main__level-3__col--lists {
        width: 75%
    }
}

@media screen and (min-width: 48em) and (max-width: 47.99em) {
    .has-teaser .navigation__main__level-3__col--lists {
        width: 50%
    }
}

@media screen and (min-width: 48em) {
    .navigation__main__level-3__col--teaser {
        width: 25%
    }
}

@media screen and (min-width: 48em) and (max-width: 47.99em) {
    .navigation__main__level-3__col--teaser {
        width: 50%
    }
}

@media screen and (min-width: 48em) {
    .navigation__main__level-3__list {
        display: inline-block;
        width: 100%
    }

    .no-csscolumns .navigation__main__level-3__col--lists .navigation__main__level-3__list {
        width: 25%;
        float: left
    }

    .navigation__main {
        margin-top: -54px;
        margin-top: -3.375rem;
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

        .navigation__main.has--no-firstlevel-active {
            min-height: 54px;
            min-height: 3.375rem
        }

    .base__landingpage .navigation__main {
        min-height: auto
    }

    .navigation__main__level-1__list, .navigation__main__level-2__container {
        max-width: 1200px;
        max-width: 75rem;
        padding: 0 32px;
        padding: 0 2rem;
        position: relative;
        margin: 0 auto;
        position: static
    }
}

@media screen and (min-width: 48em) and (max-width: 39.99em) {
    .navigation__main__level-1__list, .navigation__main__level-2__container {
        padding: 0 16px;
        padding: 0 1rem
    }
}

@media screen and (min-width: 48em) and (max-width: 23.99em) {
    .navigation__main__level-1__list, .navigation__main__level-2__container {
        padding: 0 8px;
        padding: 0 0.5rem
    }
}

@media screen and (min-width: 48em) {
    .navigation__main__level-1__list .navigation__main__level-1__item .navigation__main__level-1__link:focus, .navigation__main__level-1__list .navigation__main__level-1__item .navigation__main__level-1__link:hover {
        color: #0057b7
    }

    .navigation__main__level-1__list .navigation__main__level-1__item.is-first-navigation-item .navigation__main__level-1__link {
    }

        .navigation__main__level-1__list .navigation__main__level-1__item.is-first-navigation-item .navigation__main__level-1__link[class*='icon--'] {
            margin-left: -16px;
            margin-left: -1rem
        }

    .navigation__main__level-1__list .navigation__main__level-1__item, .navigation__main__level-1__list .navigation__main__level-1__item .navigation__main__level-1__link, .navigation__main__level-1__list .navigation__main__level-1__item.is-active, .navigation__main__level-1__list .navigation__main__level-1__item.is-active .navigation__main__level-1__link, .navigation__main__level-1__list .navigation__main__level-1__item.is-open, .navigation__main__level-1__list .navigation__main__level-1__item.is-open .navigation__main__level-1__link {
        background: none
    }

    .navigation__main__level-1__search {
        position: relative;
        display: inline-block;
        float: left
    }

    .navigation__main__level-2__list {
        position: relative;
        z-index: 1
    }

    .navigation__main__level-2__item:first-child {
        margin-left: -24px;
        margin-left: -1.5rem
    }

        .navigation__main__level-2__item:first-child .navigation__main__level-2__link:before {
            content: none
        }

    .navigation__main__level-2__item.is-open .navigation__main__level-2__link, .navigation__main__level-2__item .navigation__main__level-2__link:hover {
        text-decoration: underline
    }

    .navigation__main__level-2__link {
        position: relative
    }

        .navigation__main__level-2__link:before {
            content: '';
            position: absolute;
            z-index: 0;
            left: -1px;
            display: inline-block;
            width: 1px;
            height: 20px;
            border-left: 1px solid #f8f8f8;
            border-right: 1px solid #f8f8f8
        }

    .navigation__main__level-3 {
        z-index: 10
    }

    .navigation__main__level-3__link {
        font-size: 16px;
        font-size: 1rem;
        position: relative
    }

    .navigation__main__level-3__link, .navigation__main__level-4__link {
        text-decoration: none
    }

        .navigation__main__level-3__link:before, .navigation__main__level-4__link:before {
            content: "\25ba"
        }

        .navigation__main__level-3__link:before, .navigation__main__level-4__link:before {
            font-size: 8px;
            font-size: 0.5rem;
            padding-top: 7px;
            padding-top: 0.4375rem;
            left: 0;
            position: absolute
        }

        .navigation__main__level-3__link:hover, .navigation__main__level-4__link:hover {
            background: rgba(0,0,0,0.05);
            text-decoration: none
        }

    .navigation__main__level-4__link {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-left: 25px;
        margin-left: 1.5625rem;
        position: relative
    }

        .navigation__main__level-4__link:before {
            left: -8px;
            left: -0.5rem;
            top: 3.2px;
            top: 0.2rem
        }

    .navigation__main {
        font-family: 'MyriadPro','Myriad Pro', Arial
    }

    .navigation__main__level-1__link:link, .navigation__main__level-1__link:hover, .navigation__main__level-1__link:focus, .navigation__main__level-2__link:link, .navigation__main__level-2__link:hover, .navigation__main__level-2__link:focus {
        text-decoration: none
    }

    .navigation__main__level-1__item.has-account, .navigation__main__level-toggle {
        display: none !important
    }

    .navigation__main__level-1__item, .navigation__main__level-1__link {
        border-radius: 0 0 0 0
    }

    .navigation__main__level-1__item {
        margin: 0;
        margin: 0;
        overflow: hidden;
        background-color: #3489ba
    }

        .navigation__main__level-1__item.is-active {
            background-color: #0057b7
        }

    .navigation__main__level-1__link {
        font-size: 16px;
        font-size: 1rem;
        padding: 14px 24px;
        padding: 0.875rem 1.5rem;
        font-weight: bold;
        white-space: nowrap
    }

        .navigation__main__level-1__link, .navigation__main__level-1__link:link, .navigation__main__level-1__link:visited {
            color: #222
        }

            .navigation__main__level-1__link:hover, .navigation__main__level-1__link:focus {
                background-color: #3489ba
            }

            .navigation__main__level-1__link:before {
                font-size: 20px;
                font-size: 1.25rem;
                line-height: 16px;
                line-height: 1rem;
                width: 20px;
                width: 1.25rem;
                top: 4px;
                top: 0.25rem;
                position: relative
            }

    .navigation__main__level-1__item.is-active .navigation__main__level-1__link {
        background-color: #0057b7;
        color: #0057b7;
        border-bottom: #0057b7 solid 7px
    }

    .navigation__main__level-1__item.is-open .navigation__main__level-1__link {
        background-color: #0057b7;
        color: #0057b7
    }

    .navigation__main__level-1__link[class*='icon--'] {
        padding-left: 16px;
        padding-left: 1rem;
        padding-right: 16px;
        padding-right: 1rem
    }

        .navigation__main__level-1__link[class*='icon--'] .navigation__main__level-1__title {
            padding-left: 0.25rem
        }

            .navigation__main__level-1__link[class*='icon--'] .navigation__main__level-1__title.has-icon-only {
                border: 0;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px
            }

                .navigation__main__level-1__link[class*='icon--'] .navigation__main__level-1__title.has-icon-only.focusable:active, .navigation__main__level-1__link[class*='icon--'] .navigation__main__level-1__title.has-icon-only.focusable:focus {
                    clip: auto;
                    height: auto;
                    margin: 0;
                    overflow: visible;
                    position: static;
                    width: auto
                }

    .navigation__main__level-2 {
        background-color: #0057b7
    }

    .navigation__main__level-2__link {
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 18px 24px 16px;
        padding: 1.125rem 1.5rem 1rem;
        font-weight: bold
    }

        .navigation__main__level-2__link, .navigation__main__level-2__link:link, .navigation__main__level-2__link:visited {
            color: #fff
        }

            .navigation__main__level-2__link:focus, .navigation__main__level-2__item.is-active .navigation__main__level-2__link {
                color: #fff
            }

    .navigation__main__level-2__item.is-open .navigation__main__level-2__link {
        color: #fff
    }

    .navigation__main__level-2__link:hover {
        color: #fff
    }

    .navigation__main__level-2__item.has-children .navigation__main__level-2__link:after {
        content: "\25bc"
    }

    .navigation__main__level-2__item.has-children .navigation__main__level-2__link:after {
        font-size: 10px;
        font-size: 0.625rem;
        width: 10px;
        width: 0.625rem;
        margin: 0 0 0 10px;
        margin: 0 0 0 0.625rem;
        display: inline-block
    }

    .navigation__main__level-2__item.has-children.is-open .navigation__main__level-2__link:after {
        content: "\25b2"
    }

    .navigation__main__level-3 {
        padding: 12px 0 23px;
        padding: 0.75rem 0 1.4375rem;
        background-color: #fff;
        border-radius: 0 0 0 0;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px rgba(0,0,0,0.2)
    }

    .navigation__main__level-3__list {
        padding: 0 12px 0 21px;
        padding: 0 0.75rem 0 1.3125rem
    }

    .navigation__main__level-3__link {
        padding: 5px 8px 5px 12px;
        padding: 0.3125rem 0.5rem 0.3125rem 0.75rem;
        display: block
    }

        .navigation__main__level-3__link, .navigation__main__level-3__link:link, .navigation__main__level-3__link:visited {
            color: #015687
        }

    .navigation__main__level-4__list {
        overflow: visible
    }

    .navigation__main__level-4__link {
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 5px 8px 5px 5px;
        padding: 0.3125rem 0.5rem 0.3125rem 0.3125rem;
        display: block
    }

        .navigation__main__level-4__link, .navigation__main__level-4__link:link, .navigation__main__level-4__link:visited {
            color: #015687
        }
}

@media screen and (max-width: 47.99em) {
    .navigation--is-open:not(.cookiewarning--is-open), .navigation--is-open:not(.cookiewarning--is-open) body {
        overflow: hidden
    }

        .navigation--is-open:not(.cookiewarning--is-open) body {
            position: relative
        }

    .navigation__main {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 6rem;
        width: 85%;
        z-index: 10;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .navigation__main.activate-CSSTransitions {
            -webkit-transition: -webkit-transform 0.3s;
            transition: transform 0.3s
        }

    .no-csstransforms .navigation__main, .no-csstransforms3d .navigation__main {
        left: -85%
    }

    .no-js .navigation__main {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .navigation__main.is-open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .no-csstransforms .navigation__main.is-open, .no-csstransforms3d .navigation__main.is-open {
        left: 0
    }

    .navigation__main:after {
        position: fixed;
        height: 100%;
        width: 48em;
        right: -48em;
        top: 0;
        content: '';
        z-index: 9;
        background: #000;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s 0.2s,opacity 0.2s ease-out;
        transition: visibility 0s 0.2s,opacity 0.2s ease-out
    }

    .navigation__main.is-open:after {
        visibility: visible;
        opacity: 0.5;
        -webkit-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in
    }

    .navigation__main .box {
        display: none !important;
        visibility: hidden
    }
}

@media screen and (max-width: 47.99em) and (min-width: 600px) {
    .navigation__main {
        width: 50%
    }
}

@media screen and (max-width: 47.99em) {
    .navigation__main__level-1__list, .navigation__main__level-2__list, .navigation__main__level-3__list, .navigation__main__level-4__list {
        margin: 0;
        padding: 0;
        overflow: visible
    }

        .navigation__main__level-1__list li, .navigation__main__level-2__list li, .navigation__main__level-3__list li, .navigation__main__level-4__list li {
            padding: 0
        }

            .navigation__main__level-1__list li:before, .navigation__main__level-2__list li:before, .navigation__main__level-3__list li:before, .navigation__main__level-4__list li:before {
                content: '';
                left: 0
            }

    .navigation__main__level-1__list {
        height: 100%;
        padding-top: 0rem;
        overflow: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }

    .navigation__main__level-3__list, .navigation__main__level-4__list {
        padding-left: 1rem
    }

    .navigation__main__level-1__item {
        margin-bottom: 0.5rem
    }

    .navigation__main__level-1__link, .navigation__main__level-2__link, .navigation__main__level-3__link, .navigation__main__level-4__link {
        padding-right: 3.5rem;
        display: block
    }

    .navigation__main__level-1__link {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }

    .navigation__main__level-2__link, .navigation__main__level-3__link, .navigation__main__level-4__link {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navigation__main__toggle {
        height: 1.125rem;
        width: 20px;
        position: absolute;
        display: block;
        float: left;
        z-index: 1;
        padding: 0.875rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        .navigation__main__toggle.is-active .navigation__main__toggle__icon:before, .navigation__main__toggle.is-active .navigation__main__toggle__icon:after {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

    .lt-ie9 .navigation__main__toggle.is-active .navigation__main__toggle__icon:before, .no-csstransforms .navigation__main__toggle.is-active .navigation__main__toggle__icon:before, .lt-ie9 .navigation__main__toggle.is-active .navigation__main__toggle__icon:after, .no-csstransforms .navigation__main__toggle.is-active .navigation__main__toggle__icon:after {
        top: 0
    }

    .no-js .navigation__main__toggle {
        display: none
    }

    .navigation__main__toggle__icon {
        top: 1.3125rem;
        width: 20px;
        height: 4px;
        position: absolute;
        display: inline-block
    }

        .navigation__main__toggle__icon:before, .navigation__main__toggle__icon:after {
            width: 20px;
            height: 4px;
            position: absolute;
            top: 0;
            left: 0;
            content: ''
        }

        .navigation__main__toggle__icon:before {
            -webkit-transform: translateY(-7px);
            -ms-transform: translateY(-7px);
            transform: translateY(-7px)
        }

    .no-csstransforms .navigation__main__toggle__icon:before {
        top: -7px
    }

    .navigation__main__toggle__icon:after {
        -webkit-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px)
    }

    .no-csstransforms .navigation__main__toggle__icon:after {
        top: 7px
    }

    .navigation__main__level-toggle {
        position: absolute;
        right: 0.3125rem;
        padding: 0.75rem;
        z-index: 1;
        outline: 0
    }

        .navigation__main__level-toggle:after {
            content: "\25bc"
        }

        .navigation__main__level-toggle:after {
            display: inline-block;
            font-family: "SDBG-Iconfont";
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none !important;
            text-decoration: none;
            speak: none;
            width: auto;
            line-height: 1em;
            -webkit-font-smoothing: antialiased
        }

    .lt-ie9 .navigation__main__level-toggle:after {
        text-decoration: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        content: "→"
    }

    .navigation__main__level-toggle, .navigation__main__level-toggle:active {
        top: 0.25rem;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navigation__main__level-2 .navigation__main__level-toggle {
        top: 0.1875rem
    }

    .is-open--mobile > .navigation__main__level__link__wrapper > .navigation__main__level-toggle:after {
        content: "\25b2"
    }

    .is-open--mobile > .navigation__main__level__link__wrapper > .navigation__main__level-toggle:after {
        display: inline-block;
        font-family: "SDBG-Iconfont";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none !important;
        text-decoration: none;
        speak: none;
        width: auto;
        line-height: 1em;
        -webkit-font-smoothing: antialiased
    }

    .lt-ie9 .is-open--mobile > .navigation__main__level__link__wrapper > .navigation__main__level-toggle:after {
        text-decoration: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        content: "→"
    }

    .navigation__main__level-1__link__wrapper:first-child .navigation__main__level-toggle {
        top: 0.75rem
    }

    .navigation__main {
        background: #fff
    }

    .no-cssgradients .navigation__main {
        background: #fff
    }

    .navigation__main__level-2, .navigation__main__level-3, .navigation__main__level-4__list {
        display: none
    }

    .no-js .navigation__main__level-2, .no-js .navigation__main__level-3, .no-js .navigation__main__level-4__list {
        display: block
    }

    .is-open--mobile > .navigation__main__level-2, .is-open--mobile > .navigation__main__level-3, .is-open--mobile > .navigation__main__level-4__list {
        display: block
    }

    .navigation__main__level-1__item, .navigation__main__level-2__item, .navigation__main__level-3__item {
        overflow: hidden
    }

        .navigation__main__level-1__item.is-active--mobile > .navigation__main__level__link__wrapper a, .navigation__main__level-2__item.is-active--mobile > .navigation__main__level__link__wrapper a, .navigation__main__level-3__item.is-active--mobile > .navigation__main__level__link__wrapper a {
            color: #000;
            font-weight: bold
        }

    .navigation__main__level-4__item.is-active--mobile .navigation__main__level-4__link {
        color: #000;
        font-weight: bold
    }

    .navigation__main__level-1__item {
        padding-left: 1rem !important;
        background: transparent;
        border-style: solid;
        border-color: rgba(0,0,0,0.1);
        border-width: 1px 0
    }

        .navigation__main__level-1__item.has-account .navigation__main__level-1__link:before {
            content: "\e04a"
        }

        .navigation__main__level-1__item.has-account .navigation__main__level-1__link:before {
            display: inline-block;
            font-family: "SDBG-Iconfont";
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none !important;
            text-decoration: none;
            speak: none;
            width: auto;
            line-height: 1em;
            -webkit-font-smoothing: antialiased
        }

    .navigation__main__level-1__link {
        font-size: 1.5rem;
        line-height: 1.1
    }

    .is-open--mobile > .navigation__main__level__link__wrapper > .navigation__main__level-1__link {
        border-bottom: 1px solid rgba(0,0,0,0.1)
    }

    .navigation__main__level-1__link:before {
        top: 3.2px;
        top: 0.2rem;
        position: relative
    }

    .navigation__main__level-1__link[class*=' icon--'] span, .navigation__main__level-1__link[class^='icon--'] span {
        padding-left: 0.25rem
    }

    .navigation__main__level-2__link, .navigation__main__level-3__link, .navigation__main__level-4__link {
        font-size: 1rem;
        line-height: 1.1;
        border-bottom: 1px solid rgba(0,0,0,0.1)
    }

        .navigation__main__level-1__link, .navigation__main__level-1__link:hover, .navigation__main__level-2__link, .navigation__main__level-2__link:hover, .navigation__main__level-3__link, .navigation__main__level-3__link:hover, .navigation__main__level-4__link, .navigation__main__level-4__link:hover {
            text-decoration: none
        }

    .navigation__main__level-2 .navigation__main__level-2__item.is-open--mobile.has-children + .navigation__main__level-2__item {
        border-top: 1px solid rgba(0,0,0,0.1)
    }

    .navigation__main__level-2 .navigation__main__level-2__item:last-of-type .navigation__main__level-2__link {
        border-bottom: 0
    }

    .navigation__main__level-2 .navigation__main__level-2__item:last-of-type.is-open--mobile .navigation__main__level-2__link {
        border-bottom: 1px solid rgba(0,0,0,0.1)
    }

    .navigation__main__level-3__list.is-open--mobile.has-children + .navigation__main__level-3__list .navigation__main__level-3__link {
        border-top: 1px solid rgba(0,0,0,0.1)
    }

    .navigation__main__level-3__list:last-of-type .navigation__main__level-3__link {
        border-bottom: 0
    }

    .navigation__main__level-3__list:last-of-type .is-open--mobile .navigation__main__level-3__link {
        border-bottom: 1px solid rgba(0,0,0,0.1)
    }

    .navigation__main__level-4__list .navigation__main__level-4__item:last-of-type .navigation__main__level-4__link {
        border-bottom: 0
    }

    .navigation__main__level-toggle {
        border-color: #e3e3e3;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .is-open--mobile > .navigation__main__level__link__wrapper > .navigation__main__level-toggle {
        color: #999
    }

    .navigation__main__level-toggle:focus {
        border-color: #e3e3e3
    }

    .navigation__main__toggle__icon {
        color: #0057b7;
        background: #0057b7;
        border-radius: 1px
    }

        .navigation__main__toggle__icon:before, .navigation__main__toggle__icon:after {
            border-radius: 1px;
            background: #0057b7;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease
        }
}

@media print {
    .navigation__main, .navigation__main__container, .navigation__main__toggle {
        display: none
    }
}

.navigation--anchor {
    height: 55px;
    height: 3.4375rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background-color: #3489ba;
    -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
    box-shadow: 0 -3px 6px rgba(0,0,0,0.2)
}

@media print {
    .navigation--anchor {
        display: none
    }
}

.navigation--anchor__inner {
    max-width: 1200px;
    max-width: 75rem;
    height: 55px;
    height: 3.4375rem;
    position: relative;
    margin: 0 auto
}

.navigation--anchor__interlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3489ba;
    z-index: 0
}

.navigation--anchor__link {
    padding: 16px 0 11.2px 0;
    padding: 1rem 0 0.7rem 0;
    width: 100%;
    text-decoration: none;
    display: inline-block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .navigation--anchor__link, .navigation--anchor__link:visited {
        color: #fff
    }

        .navigation--anchor__link:hover, .navigation--anchor__link:focus {
            background-color: #fff;
            color: #3489ba;
            text-decoration: none;
            outline: none
        }

.navigation--anchor__item {
    width: 224px;
    width: 14rem;
    padding: 0;
    text-align: center;
    display: inline-block;
    float: left
}

    .navigation--anchor__item:before {
        display: none
    }

    .navigation--anchor__item.is-active .navigation--anchor__link {
        background-color: #fff;
        color: #3489ba
    }

.navigation--anchor__droplist-toggle .navigation--anchor__link:before {
    margin: 0 5px 0 0;
    margin: 0 0.3125rem 0 0;
    display: inline-block
}

.navigation--anchor__droplist-toggle.is-droplist-open .navigation--anchor__link {
    background-color: #fff;
    color: #3489ba
}

.navigation--anchor__itemlist--more {
    width: 224px;
    width: 14rem;
    bottom: 55px;
    bottom: 3.4375rem;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    right: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
    max-height: 80vh;
    overflow-y: auto
}

.no-csstransforms .navigation--anchor__itemlist--more, .no-csstransforms3d .navigation--anchor__itemlist--more {
    bottom: -1000px
}

.navigation--anchor__itemlist--more:after {
    width: 30px;
    width: 1.875rem;
    margin: 20px auto 20px auto;
    margin: 1.25rem auto 1.25rem auto;
    content: '';
    display: block;
    border-bottom: solid 1px #e3e3e3
}

.navigation--anchor__itemlist--more.is-droplist-open {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2)
}

@media screen and (max-width: 62.49em) {
    .navigation--anchor__itemlist--more.is-droplist-open {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
}

.no-boxshadow .navigation--anchor__itemlist--more.is-droplist-open {
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6
}

.no-csstransforms .navigation--anchor__itemlist--more.is-droplist-open, .no-csstransforms3d .navigation--anchor__itemlist--more.is-droplist-open {
    bottom: 55px
}

.navigation--anchor__itemlist--more .navigation--anchor__link, .navigation--anchor__itemlist--more .navigation--anchor__link:visited {
    color: #3489ba
}

.navigation--anchor__itemlist--more .navigation--anchor__item {
    float: none
}

    .navigation--anchor__itemlist--more .navigation--anchor__item.is-active .navigation--anchor__link {
        background-color: #3489ba;
        color: #fff
    }

    .navigation--anchor__itemlist--more .navigation--anchor__item .navigation--anchor__link {
        padding-left: 16px;
        padding-left: 1rem;
        text-align: left;
        border-radius: 0;
        -webkit-transition: all 0.4 ease;
        transition: all 0.4 ease
    }

        .navigation--anchor__itemlist--more .navigation--anchor__item .navigation--anchor__link:hover, .navigation--anchor__itemlist--more .navigation--anchor__item .navigation--anchor__link:focus {
            background-color: #3489ba;
            color: #fff;
            outline: none
        }

.navigation--anchor__link--icon {
    display: inline-block
}

    .navigation--anchor__link--icon .navigation--anchor__link--icon__inner {
        margin-top: -8px;
        margin-top: -0.5rem;
        position: relative;
        display: block;
        width: 15px;
        height: 3px;
        background: #fff;
        border-radius: 1px
    }

        .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 15px;
            height: 3px;
            background: #fff;
            border-radius: 1px;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease
        }

.navigation--anchor__link.is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .navigation--anchor__link.is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.lt-ie9 .navigation--anchor__link.is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .no-csstransforms .navigation--anchor__link.is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .lt-ie9 .navigation--anchor__link.is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after, .no-csstransforms .navigation--anchor__link.is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after {
    top: 0
}

.navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.no-csstransforms .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before {
    top: -5px
}

.navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.no-csstransforms .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after {
    top: 5px
}

.navigation--anchor__link:hover .navigation--anchor__link--icon .navigation--anchor__link--icon__inner, .navigation--anchor__link:hover .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .navigation--anchor__link:hover .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after, .navigation--anchor__link:focus .navigation--anchor__link--icon .navigation--anchor__link--icon__inner, .navigation--anchor__link:focus .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .navigation--anchor__link:focus .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after, .is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner, .is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .is-droplist-open .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after, .is-active .navigation--anchor__link--icon .navigation--anchor__link--icon__inner, .is-active .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:before, .is-active .navigation--anchor__link--icon .navigation--anchor__link--icon__inner:after {
    background: #3489ba
}

.equalheights--hidden {
    display: none
}

.breadcrumb {
    padding: 24px 0;
    padding: 1.5rem 0
}

    .breadcrumb > ul {
        padding-bottom: 12px;
        padding-bottom: 0.75rem;
        width: 75;
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #9c9c9c;
        border-bottom-color: rgba(0,0,0,0.1)
    }

    .breadcrumb li {
        padding: 0 6px 0 0;
        padding: 0 0.375rem 0 0;
        font-size: 12px;
        font-size: 0.75rem;
        position: relative;
        float: left
    }

        .breadcrumb li:before {
            content: "\25ba"
        }

        .breadcrumb li:before {
            width: 16px;
            width: 1rem;
            left: 0;
            line-height: 1.5;
            color: #333
        }

        .breadcrumb li a {
            display: inline-block;
            border-bottom: 1px solid transparent;
            color: #333;
            text-decoration: none
        }

            .breadcrumb li a:hover {
                border-bottom: 1px solid #333;
                background: none
            }

            .breadcrumb li a:visited {
                color: #333
            }

@media screen and (max-width: 47.99em) {
    .breadcrumb li {
        font-size: 16px;
        font-size: 1rem;
        display: none
    }

        .breadcrumb li:before {
            content: "\25c0"
        }

        .breadcrumb li.breadcrumb--parent {
            display: inline-block
        }

    .box--search .breadcrumb li {
        display: inline-block
    }
}

.breadcrumb__print-info {
    display: none
}

@media print {
    .breadcrumb {
        border: 1px solid #e3e3e3 !important;
        border-radius: 0;
        padding: 12pt !important;
        position: relative
    }

        .breadcrumb > ul {
            padding: 0;
            border: 0
        }

        .breadcrumb li {
            font-size: 100%
        }

        .breadcrumb.breadcrumb--navigation {
            overflow: hidden
        }

            .breadcrumb.breadcrumb--navigation > ul {
                float: left;
                width: 80%;
                padding: 0;
                border: 0
            }

        .breadcrumb .breadcrumb__print-info {
            display: block
        }

            .breadcrumb .breadcrumb__print-info > h2 {
                margin-top: 0
            }

            .breadcrumb .breadcrumb__print-info > h2, .breadcrumb .breadcrumb__print-info > p {
                float: left;
                width: 80%
            }

            .breadcrumb .breadcrumb__print-info > .qr-code {
                width: 20%;
                float: right;
                top: 12pt;
                right: 12pt
            }
}

.breadcrumb {
    padding: 24px 0 0;
    padding: 1.5rem 0 0
}

    .breadcrumb > ul {
        border-bottom: 0
    }

    .breadcrumb li {
        color: #fff
    }

        .breadcrumb li:before {
            color: #fff
        }

        .breadcrumb li a {
            color: #fff
        }

            .breadcrumb li a:hover {
                border-bottom: 1px solid #fff
            }

            .breadcrumb li a:visited {
                color: #fff
            }

.leftnav {
    list-style: none;
    margin: 0;
    padding: 0
}

    .leftnav li {
        font-size: 12.8px;
        font-size: 0.8rem;
        padding: 0
    }

        .leftnav li:before {
            display: none
        }

        .leftnav li.is-active > a, .leftnav li.is-active > strong {
            background: #c5e0ed
        }

@media screen and (max-width: 48em) {
    .leftnav li {
        font-size: 1rem
    }

    .footermenu > div {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

.leftnav a, .leftnav strong {
    padding: 11.2px 12.8px;
    padding: 0.7rem 0.8rem;
    display: block;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word
}

.leftnav a {
    -webkit-transition: 0.2s;
    transition: 0.2s
}

    .leftnav a:hover, .leftnav a:focus {
        -webkit-transition: 0.05s;
        transition: 0.05s;
        outline: none;
        color: #0057b7;
        background: #e3f0f6
    }

.leftnav > li {
    margin-bottom: 12.8px;
    margin-bottom: 0.8rem;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 0;
    background: #fff;
    border: 1px solid #e3e3e3
}

    .leftnav > li > ul > li:last-child > a, .leftnav > li > ul > li:last-child > strong {
        border-radius: 0 0 0 0
    }

    .leftnav > li > ul > li:last-child.has-children > a, .leftnav > li > ul > li:last-child.has-children > strong {
        border-radius: 0
    }

    .leftnav > li > a, .leftnav > li > strong {
        border-radius: 0
    }

    .leftnav > li.has-children > a, .leftnav > li.has-children > strong {
        border-radius: 0 0 0 0
    }

.leftnav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .leftnav ul li {
        border-top: 1px solid #e3e3e3
    }

        .leftnav ul li a, .leftnav ul li strong {
            padding-left: 25.6px;
            padding-left: 1.6rem;
            display: block
        }

        .leftnav ul li li a, .leftnav ul li li strong {
            padding-left: 51.2px;
            padding-left: 3.2rem
        }

        .leftnav ul li li li a, .leftnav ul li li li strong {
            padding-left: 64px;
            padding-left: 4rem
        }

        .leftnav ul li li li li a, .leftnav ul li li li li strong {
            padding-left: 76.8px;
            padding-left: 4.8rem
        }

        .leftnav ul li li li li li a, .leftnav ul li li li li li strong {
            padding-left: 89.6px;
            padding-left: 5.6rem
        }

        .leftnav ul li:first-child > a, .leftnav ul li:first-child > strong {
            -webkit-box-shadow: inset 0 8px 11px -7px rgba(0,0,0,0.2);
            box-shadow: inset 0 8px 11px -7px rgba(0,0,0,0.2)
        }

@media print {
    .leftnav {
        display: none
    }
}

.video-embed {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    position: relative;
    width: 100%
}

    .video-embed:before {
        content: '';
        display: block;
        padding-top: 56.25%
    }

    .video-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

@media print {
    .video-embed {
        display: none
    }
}

.embed--iframe {
    height: 256px;
    height: 16rem;
    display: block;
    width: 100%;
    border: 0
}

.embed--iframe-wrapper {
    width: 100%;
    overflow: auto
}

.embed--iframe--warning {
    display: none
}

@media (max-width: 48em) {
    .embed--iframe-wrapper[data-desktop-only="true"] .embed--iframe--warning {
        display: block
    }

    .embed--iframe-wrapper[data-desktop-only="true"] .embed--iframe {
        display: none
    }
}

@media print {
    .embed--iframe-wrapper .embed--iframe {
        display: none
    }

    .embed--iframe-wrapper .embed--iframe--warning {
        display: none !important
    }

    .embed--iframe-wrapper:after {
        content: '[iframe]';
        display: block
    }
}

.map__info-title {
    margin-top: 10px;
    margin-top: 0.625rem;
    margin-bottom: 4.8px;
    margin-bottom: 0.3rem
}

.map__info-subtitle {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    white-space: nowrap
}

.map__info-text {
    display: block;
    white-space: nowrap
}

    .map__info-text:before {
        margin-right: 6.4px;
        margin-right: 0.4rem
    }

.map__container {
    height: 800px;
    height: 50rem;
    width: 100%
}

.map__loading-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    background-color: rgba(255,255,255,0.8)
}

    .map__loading-overlay:after {
        width: 16px;
        width: 1rem;
        height: 16px;
        height: 1rem;
        margin-top: -8px;
        margin-top: -0.5rem;
        margin-left: -8px;
        margin-left: -0.5rem;
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/map/img/spinner-15fps@1.gif");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: 100% 100%;
        background-size: 100%
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .map__loading-overlay:after {
        background-image: url("http://cdn01l.vaillant-group.com/main/sd/components/map/img/spinner-15fps@2.gif")
    }
}

.map__marker-label {
    color: #fff;
    margin: -30px -10px;
    width: 20px;
    text-align: center;
    font-size: 12px
}

@media print {
    .map__container {
        display: none
    }
}

html {
    overflow-y: scroll
}

.has-overlay {
    overflow: hidden
}

    .has-overlay > body {
        height: 100%;
        overflow-y: scroll
    }

@media screen and (max-width: 30em) {
    .has-overlay > body {
        overflow: hidden
    }
}

.modal--gallery, .modal, .modal--show {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    display: none\9
}

    .modal--gallery:target, .modal:target, .modal--show:target, .is-active.modal--gallery, .is-active.modal, .is-active.modal--show {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: auto;
        height: auto;
        opacity: 1
    }

.is-active.modal--gallery, .is-active.modal, .is-active.modal--show {
    display: block\9;
    height: 100% \9;
    width: 100% \9
}

.modal--gallery:target, .modal:target, .modal--show:target, .is-active.modal--gallery, .is-active.modal, .is-active.modal--show {
    display: block\9
}

.modal--gallery .modal-inner, .modal .modal-inner, .modal--show .modal-inner {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 20;
    margin-left: -400px;
    width: 800px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

@media \0screen\,screen\9 {
    .modal--gallery .modal-inner, .modal .modal-inner, .modal--show .modal-inner {
        background: transparent
    }
}

.modal--gallery .modal-inner > img, .modal .modal-inner > img, .modal--show .modal-inner > img, .modal--gallery .modal-inner > video, .modal .modal-inner > video, .modal--show .modal-inner > video, .modal--gallery .modal-inner > iframe, .modal .modal-inner > iframe, .modal--show .modal-inner > iframe {
    width: 100%;
    height: auto;
    min-height: 300px
}

.modal--gallery .modal-inner > img, .modal .modal-inner > img, .modal--show .modal-inner > img {
    width: auto;
    max-width: 100%
}

.modal--gallery .modal-content, .modal .modal-content, .modal--show .modal-content {
    position: relative;
    max-height: 400px;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media \0screen\,screen\9 {
    .modal--gallery .modal-content, .modal .modal-content, .modal--show .modal-content {
        overflow: visible
    }
}

.modal--gallery .modal-content > *, .modal .modal-content > *, .modal--show .modal-content > * {
    max-width: 100%
}

.modal--gallery footer, .modal footer, .modal--show footer {
    border-top: 1px solid #fff;
    padding: 0 1.2em 18px;
    background: #f0f0f0;
    border-radius: 2px
}

.modal--gallery .modal-close, .modal .modal-close, .modal--show .modal-close {
    display: block;
    height: 1px;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden
}

    .modal--gallery .modal-close:focus:after, .modal .modal-close:focus:after, .modal--show .modal-close:focus:after {
        outline: 1px dotted;
        outline: -webkit-focus-ring-color auto 5px
    }

    .modal--gallery .modal-close:before, .modal .modal-close:before, .modal--show .modal-close:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10
    }

    .modal--gallery .modal-close:after, .modal .modal-close:after, .modal--show .modal-close:after {
        content: '\00d7';
        position: absolute;
        top: 25px;
        right: 50%;
        z-index: 20;
        margin-right: -400px
    }

@media screen and (max-width: 840px) {
    .modal--gallery .modal-inner, .modal .modal-inner, .modal--show .modal-inner {
        width: auto;
        left: 20px;
        right: 20px;
        margin-left: 0
    }

    .modal--gallery .modal-close:after, .modal .modal-close:after, .modal--show .modal-close:after {
        margin-right: 0 !important;
        right: 20px
    }
}

@media screen and (max-width: 30em) {
    .modal--gallery, .modal, .modal--show {
        -webkit-transform: translate(0, 400px);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transition: opacity 1ms .25s;
        transition: opacity 1ms .25s;
        display: block;
        bottom: auto
    }

        .modal--gallery:target, .modal:target, .modal--show:target, .is-active.modal--gallery, .is-active.modal, .is-active.modal--show {
            height: 100%
        }

            .modal--gallery:target .modal-close, .modal:target .modal-close, .modal--show:target .modal-close, .is-active.modal--gallery .modal-close, .is-active.modal .modal-close, .is-active.modal--show .modal-close {
                display: block
            }

        .modal--gallery:before, .modal:before, .modal--show:before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 30
        }

        .modal--gallery .modal-inner, .modal .modal-inner, .modal--show .modal-inner {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            overflow: auto
        }

        .modal--gallery .modal-content, .modal .modal-content, .modal--show .modal-content {
            max-height: none;
            -ms-word-break: break-all;
            word-break: break-word;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto
        }

        .modal--gallery .modal-close, .modal .modal-close, .modal--show .modal-close {
            display: none;
            right: auto
        }

            .modal--gallery .modal-close:before, .modal .modal-close:before, .modal--show .modal-close:before {
                display: none
            }

            .modal--gallery .modal-close:after, .modal .modal-close:after, .modal--show .modal-close:after {
                top: 5px !important;
                right: 5px;
                left: auto;
                z-index: 40;
                margin-left: 0
            }
}

@media screen and (max-height: 46em) and (min-width: 30em) {
    .modal--gallery .modal-content, .modal .modal-content, .modal--show .modal-content {
        max-height: 340px;
        max-height: 50vh
    }
}

@media screen and (max-height: 36em) and (min-width: 30em) {
    .modal--gallery .modal-content, .modal .modal-content, .modal--show .modal-content {
        max-height: 265px;
        max-height: 40vh
    }
}

.is-stacked.modal--gallery, .is-stacked.modal, .is-stacked.modal--show {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1
}

    .is-stacked.modal--gallery .modal-inner, .is-stacked.modal .modal-inner, .is-stacked.modal--show .modal-inner {
        -webkit-animation: scaleDown .7s ease both;
        animation: scaleDown .7s ease both
    }

    .is-stacked.modal--gallery .modal-close, .is-stacked.modal .modal-close, .is-stacked.modal--show .modal-close {
        opacity: 0
    }

@media screen and (max-width: 30em) {
    .is-stacked.modal--gallery, .is-stacked.modal, .is-stacked.modal--show {
        -webkit-animation: scaleDown .7s ease both;
        animation: scaleDown .7s ease both
    }

        .is-stacked.modal--gallery .modal-inner, .is-stacked.modal .modal-inner, .is-stacked.modal--show .modal-inner {
            -webkit-animation: none;
            animation: none
        }

        .is-stacked.modal--gallery .modal-close, .is-stacked.modal .modal-close, .is-stacked.modal--show .modal-close {
            opacity: 1
        }
}

@media screen and (min-width: 30em) {
    .modal--gallery, .modal {
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s
    }
}

.modal--gallery, .modal, .modal--show {
    color: #222;
    line-height: 1.3
}

    .modal--gallery .modal-inner, .modal .modal-inner, .modal--show .modal-inner {
        border-radius: 0px;
        background: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6);
        box-shadow: 0 0 30px rgba(0,0,0,0.6);
        max-width: 100%;
        -webkit-transition: max-width 0.25s linear, margin-left 0.125s linear;
        transition: max-width 0.25s linear, margin-left 0.125s linear
    }

    .modal--gallery header, .modal header, .modal--show header {
        border-bottom: 1px solid #ddd;
        padding: 0 1.2em
    }

        .modal--gallery header > h2, .modal header > h2, .modal--show header > h2 {
            margin: 0.5em 0
        }

    .modal--gallery .modal-content, .modal .modal-content, .modal--show .modal-content {
        border-bottom: 1px solid #ddd;
        padding: 15px 1.2em
    }

    .modal--gallery footer, .modal footer, .modal--show footer {
        border-top: 1px solid #fff;
        padding: 0 1.2em 18px;
        background: #f0f0f0;
        border-radius: 0px
    }

    .modal--gallery .modal-close, .modal .modal-close, .modal--show .modal-close {
        text-indent: -100px
    }

        .modal--gallery .modal-close:before, .modal .modal-close:before, .modal--show .modal-close:before {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII=")
        }

        .modal--gallery .modal-close:after, .modal .modal-close:after, .modal--show .modal-close:after {
            content: '\00d7';
            background: #fff;
            border-radius: 0px;
            padding: 2px 8px;
            font-size: 1.2em;
            text-decoration: none;
            text-indent: 0
        }

@media screen and (max-width: 30em) {
    .modal--gallery:before, .modal:before, .modal--show:before {
        background-color: #6e6e6e;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#616161));
        background-image: -webkit-linear-gradient(top, #6e6e6e, #616161);
        background-image: linear-gradient(to bottom, #6e6e6e, #616161);
        height: 3em;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
        box-shadow: 0 0 5px rgba(0,0,0,0.6)
    }

    .modal--gallery .modal-inner, .modal .modal-inner, .modal--show .modal-inner {
        padding-top: 3em;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .modal--gallery .modal-close, .modal .modal-close, .modal--show .modal-close {
        text-decoration: none
    }

        .modal--gallery .modal-close:after, .modal .modal-close:after, .modal--show .modal-close:after {
            content: attr(data-close);
            font-size: 1em;
            padding: 0.5em 1em
        }
}

.modal--gallery[data-cssmodal-resize] .modal-inner {
    -webkit-transition: none;
    transition: none
}

@media screen and (max-width: 840px) {
    .modal--gallery[data-cssmodal-resize] .modal-inner {
        right: auto !important
    }

        .modal--gallery[data-cssmodal-resize] .modal-inner img {
            max-width: 100% !important
        }

    .modal--gallery[data-cssmodal-resize] .modal-close:after {
        right: 50%
    }
}

@media screen and (max-width: 30em) {
    .modal--gallery[data-cssmodal-resize] .modal-inner {
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.modal-content img {
    display: block
}

.modal-detail {
    position: relative;
    min-width: 98px;
    min-height: 98px;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

    .modal-detail.is-active {
        opacity: 1;
        width: auto;
        height: auto;
        -webkit-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out
    }

.modal--gallery .modal-content-list {
    display: none;
    list-style: none;
    margin: 0.2em -0.2em -0.2em;
    padding: 0;
    overflow: hidden
}

    .modal--gallery .modal-content-list.is-active {
        display: block
    }

    .modal--gallery .modal-content-list > li {
        float: left;
        padding: 0.2em
    }

    .modal--gallery .modal-content-list img {
        display: block;
        border: 0
    }

.modal--gallery-navigation {
    list-style: none;
    margin: 0;
    padding: 0
}

    .modal--gallery-navigation a {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%;
        font-family: arial, sans-serif;
        text-indent: -99em;
        overflow: hidden;
        text-decoration: none;
        text-shadow: 0 0 1px rgba(255,255,255,0.5)
    }

    .modal--gallery-navigation img {
        max-width: 98px;
        max-height: 98px
    }

    .modal--gallery-navigation .modal--gallery-navigation-prev {
        left: 0
    }

        .modal--gallery-navigation .modal--gallery-navigation-prev:after {
            position: absolute;
            top: 50%;
            height: 32px;
            margin-top: -24px;
            line-height: 32px;
            padding: 0 8px;
            font-size: 64px;
            opacity: 0
        }

        .modal--gallery-navigation .modal--gallery-navigation-prev:hover:after, .modal--gallery-navigation .modal--gallery-navigation-prev:focus:after, .modal--gallery-navigation .modal--gallery-navigation-prev:active:after {
            opacity: 1
        }

@media screen and (max-width: 30em) {
    .modal--gallery-navigation .modal--gallery-navigation-prev:after {
        opacity: 1
    }
}

.modal--gallery-navigation .modal--gallery-navigation-prev:after {
    content: '‹';
    left: 0;
    text-indent: 0
}

.modal--gallery-navigation .modal--gallery-navigation-next {
    right: 0
}

    .modal--gallery-navigation .modal--gallery-navigation-next:after {
        position: absolute;
        top: 50%;
        height: 32px;
        margin-top: -24px;
        line-height: 32px;
        padding: 0 8px;
        font-size: 64px;
        opacity: 0
    }

    .modal--gallery-navigation .modal--gallery-navigation-next:hover:after, .modal--gallery-navigation .modal--gallery-navigation-next:focus:after, .modal--gallery-navigation .modal--gallery-navigation-next:active:after {
        opacity: 1
    }

@media screen and (max-width: 30em) {
    .modal--gallery-navigation .modal--gallery-navigation-next:after {
        opacity: 1
    }
}

.modal--gallery-navigation .modal--gallery-navigation-next:after {
    content: '›';
    right: 0;
    text-indent: 0
}

.modal--gallery-caption {
    border-bottom: 1px solid #ddd
}

    .modal--gallery-caption p {
        margin: 1em 15px
    }

@keyframes rotate-outer {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes rotate-outer {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg)
    }
}

@keyframes rotate-inner {
    0% {
        -webkit-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
        transform: rotate(720deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes rotate-inner {
    0% {
        -webkit-transform: rotate(720deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px
}

    .spinner .spinner__outer, .spinner .spinner__inner, .spinner:after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .spinner:after {
        content: '';
        margin: 5%;
        border-radius: 100%;
        background: #fff
    }

    .spinner .spinner__outer, .spinner .spinner__inner {
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

        .spinner .spinner__outer:before, .spinner .spinner__outer:after, .spinner .spinner__inner:before, .spinner .spinner__inner:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0
        }

        .spinner .spinner__outer:before, .spinner .spinner__inner:before {
            left: 0;
            right: 50%;
            border-radius: 64px 0 0 64px
        }

        .spinner .spinner__outer:after, .spinner .spinner__inner:after {
            left: 50%;
            right: 0;
            border-radius: 0 64px 64px 0
        }

    .spinner .spinner__outer {
        -webkit-animation-name: rotate-outer;
        animation-name: rotate-outer
    }

    .spinner .spinner__inner {
        -webkit-animation-name: rotate-inner;
        animation-name: rotate-inner
    }

    .spinner .spinner__outer:before {
        background-image: -webkit-linear-gradient(top, rgba(150,150,150,0), rgba(150,150,150,0.5));
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0)), to(rgba(150,150,150,0.5)));
        background-image: linear-gradient(to bottom, rgba(150,150,150,0), rgba(150,150,150,0.5))
    }

    .spinner .spinner__outer:after {
        background-image: -webkit-linear-gradient(top, #969696, rgba(150,150,150,0.5));
        background-image: -webkit-gradient(linear, left top, left bottom, from(#969696), to(rgba(150,150,150,0.5)));
        background-image: linear-gradient(to bottom, #969696, rgba(150,150,150,0.5))
    }

    .spinner .spinner__inner:before {
        background-image: -webkit-linear-gradient(top, rgba(150,150,150,0.5), rgba(200,200,200,0.5));
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.5)), to(rgba(200,200,200,0.5)));
        background-image: linear-gradient(to bottom, rgba(150,150,150,0.5), rgba(200,200,200,0.5))
    }

    .spinner .spinner__inner:after {
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(200,200,200,0.5));
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(200,200,200,0.5)));
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(200,200,200,0.5))
    }

[data-cssmodal-stretch] .modal-inner {
    top: 10%;
    min-height: 80%
}

[data-cssmodal-stretch] .modal-content {
    max-height: none !important
}

[data-cssmodal-stretch] .modal-close:after {
    top: 10%;
    margin-top: -25px
}

@media screen and (max-width: 30em) {
    [data-cssmodal-stretch] .modal-inner {
        top: 0
    }

    [data-cssmodal-stretch] .modal-close:after {
        margin-top: 0
    }
}

[data-cssmodal-maxwidth] .modal-inner {
    width: 100%
}

@media screen and (max-width: 840px) {
    [data-cssmodal-maxwidth] .modal-inner {
        left: 50%
    }

    [data-cssmodal-maxwidth] .modal-close:after {
        right: 50% !important
    }
}

@media screen and (max-width: 30em) {
    [data-cssmodal-maxwidth] .modal-inner {
        max-width: 100% !important;
        margin-left: 0 !important
    }

    [data-cssmodal-maxwidth] .modal-close:after {
        margin-right: 0 !important;
        right: 0 !important
    }
}

.modal:before {
    background-color: #fff
}

@media screen and (max-width: 30em) {
    .modal:before {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent
    }
}

.modal .modal-content {
    border: 0
}

    .modal .modal-content img[width] {
        width: auto
    }

    .modal .modal-content img[height] {
        height: auto
    }

.modal header {
    height: auto;
    border-bottom: 0;
    padding: 0 0.7em
}

    .modal header h2 {
        font-size: 1em;
        margin-top: 0.6em;
        font-family: Arial,sans-serif
    }

.modal .modal-content-list {
    display: none
}

.modal .modal-close {
    text-decoration: none
}

    .modal .modal-close:after {
        content: "\33"
    }

    .modal .modal-close:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMEM4NDgzQjlDRTNFMTExODE4NUVDOTdFQ0I0RDgxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREU5OEVCQzAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREU5OEVCQjAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIxQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s3YRAQAAABtJREFUeNpiFODh2cBABGBiIBKMKqSOQoAAAwBokQDs5F/8FAAAAABJRU5ErkJggg==")
    }

    .modal .modal-close:after {
        padding: 8px 6.4px 4.8px;
        padding: 0.5rem 0.4rem 0.3rem;
        border-radius: 0 0px 0 0px;
        top: 10px;
        background-color: #fff;
        margin-right: -400px
    }

@media screen and (min-width: 30.1em) {
    .modal .modal-close:after {
        top: 50px
    }
}

@media screen and (max-width: 840px) {
    .modal .modal-close:after {
        margin-right: 0;
        right: 20px
    }
}

@media screen and (max-width: 30em) {
    .modal .modal-close:before {
        display: block
    }

    .modal .modal-close:after {
        left: auto;
        margin-right: 0;
        right: 10px;
        top: 10px !important
    }
}

.modal .modal-inner {
    background-color: #fff;
    border-radius: 0px
}

@media screen and (max-width: 30em) {
    .modal .modal-inner {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        height: auto;
        padding-top: 0;
        width: auto !important
    }
}

.modal .embed--iframe--warning {
    margin: 0 10px;
    margin: 0 0.625rem
}

.modal--gallery[data-cssmodal-resize] .modal-close:after {
    margin-top: 25px
}

@media screen and (max-width: 30em) {
    .modal--gallery[data-cssmodal-resize] .modal-inner {
        right: 10px !important;
        left: 10px !important;
        bottom: auto
    }
}

.modal--gallery .modal-content {
    padding: 3.2px;
    padding: 0.2rem
}

.modal--gallery .modal-detail {
    border-radius: -2px;
    overflow: hidden
}

.modal--gallery-navigation li {
    position: static;
    padding: 0
}

    .modal--gallery-navigation li:before {
        display: none
    }

.modal--gallery-caption {
    border-bottom: 0
}

.modal--gallery-download-link:before {
    content: "\e001"
}

.modal--gallery-download-link:before {
    margin-right: 8px
}

.modal--opener {
    position: relative;
    display: inline-block
}

.modal--magnifier {
    font-size: 32px;
    font-size: 2rem;
    padding: 0 3.2px;
    padding: 0 0.2rem;
    border-radius: 0px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #555;
    background: #fff;
    content: 'x'
}

.modal--iframe .modal-content {
    min-width: 96px;
    min-height: 96px;
    padding: 0;
    z-index: 0
}

.modal--iframe .embed--iframe {
    position: absolute;
    z-index: 2;
    height: 100%
}

.modal--iframe .embed--iframe-wrapper {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out
}

.modal--iframe.is-loading .embed--iframe-wrapper {
    z-index: 3;
    opacity: 0.1
}

.modal--iframe.is-loading .spinner {
    z-index: 4
}

.modal--iframe[data-aspect-ratio="true"] .modal-inner {
    min-height: 0;
    bottom: initial
}

.modal--iframe[data-aspect-ratio="true"] .modal-content {
    height: auto !important
}

.modal--iframe[data-aspect-ratio="true"] .embed--iframe-wrapper {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    min-height: 0
}

.modal--iframe[data-aspect-ratio="true"] .embed--iframe {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100% !important;
    padding: 3.2px;
    padding: 0.2rem
}

@media screen and (min-width: 30.1em) {
    .modal--iframe .modal-close:after {
        top: 10%;
        margin-top: 0
    }
}

@media screen and (max-width: 30em) {
    .modal--iframe .modal-close:after {
        top: 10px !important
    }
}

@media print {
    .modal {
        display: none
    }
}

.accordion {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

    .accordion:before, .accordion:after {
        content: ' ';
        display: table
    }

    .accordion:after {
        clear: both
    }

    .accordion.is-expanded .accordion__content {
        display: block
    }

    .accordion.is-disabled .accordion__trigger {
        cursor: default
    }

.accordion--bordered {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#f8f8f8));
    background-image: -webkit-linear-gradient(#fff 50%, #f8f8f8 100%);
    background-image: linear-gradient(#fff 50%, #f8f8f8 100%)
}

.accordion__element {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

    .accordion__element:before, .accordion__element:after {
        content: ' ';
        display: table
    }

    .accordion__element:after {
        clear: both
    }

    .accordion__element .accordion__element {
        margin-top: 16px;
        margin-top: 1rem
    }

    .accordion__element:last-child {
        margin-bottom: 0
    }

.accordion__element--bordered {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#f8f8f8));
    background-image: -webkit-linear-gradient(#fff 50%, #f8f8f8 100%);
    background-image: linear-gradient(#fff 50%, #f8f8f8 100%)
}

.accordion__trigger {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 160px;
    padding-right: 10rem;
    position: relative;
    margin: 0;
    cursor: pointer
}

.accordion__trigger__hint {
    font-size: 16px;
    font-size: 1rem;
    margin-top: -8px;
    margin-top: -0.5rem;
    position: absolute;
    top: 50%;
    right: 0;
    float: right;
    color: #0057b7
}

    .accordion__trigger__hint:after {
        content: "\25ba"
    }

    .accordion__trigger__hint:after {
        display: inline-block;
        font-family: "SDBG-Iconfont";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none !important;
        text-decoration: none;
        speak: none;
        width: auto;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.lt-ie9 .accordion__trigger__hint:after {
    text-decoration: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    content: "↓"
}

.accordion__trigger__hint:after {
    margin-left: 8px;
    margin-left: 0.5rem
}

.accordion__trigger.is-active .accordion__trigger__hint:after {
    content: "\25ba"
}

.accordion__trigger.is-active .accordion__trigger__hint:after {
    display: inline-block;
    font-family: "SDBG-Iconfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none !important;
    text-decoration: none;
    speak: none;
    width: auto;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.lt-ie9 .accordion__trigger.is-active .accordion__trigger__hint:after {
    text-decoration: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    content: "↑"
}

.accordion__content {
    margin-top: 16px;
    margin-top: 1rem;
    display: none
}

    .accordion__content > *:last-child {
        margin: 0
    }

.no-js .accordion__content {
    display: block
}

@media print {
    .accordion .accordion__content {
        display: block
    }

    .accordion__trigger__hint {
        display: none
    }

    .accordion--bordered, .accordion__element--bordered {
        background-image: none
    }
}

.downloads--wrapper {
    border-radius: 0;
    background: none
}

    .downloads--wrapper .search__highlight {
        padding: 2.4px;
        padding: 0.15rem;
        background: #ffff64
    }

    .downloads--wrapper.downloads--files {
        position: relative
    }

        .downloads--wrapper.downloads--files .downloads--box {
            min-height: 160px;
            min-height: 10rem;
            display: block
        }

            .downloads--wrapper.downloads--files .downloads--box h3, .downloads--wrapper.downloads--files .downloads--box p {
                padding-right: 160px;
                padding-right: 10rem
            }

@media screen and (max-width: 22.49em) {
    .downloads--wrapper.downloads--files .downloads--box h3, .downloads--wrapper.downloads--files .downloads--box p {
        padding-right: 32px;
        padding-right: 2rem
    }
}

.downloads--wrapper.downloads--files .downloads__thumbnail {
    top: 16px;
    top: 1rem;
    right: 16px;
    right: 1rem;
    position: absolute;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

    .downloads--wrapper.downloads--files .downloads__thumbnail img {
        max-height: 128px;
        max-height: 8rem;
        max-width: 128px;
        max-width: 8rem
    }

@media screen and (max-width: 22.49em) {
    .downloads--wrapper.downloads--files .downloads__thumbnail img {
        display: none
    }
}

.downloads--related {
    margin-top: 16px;
    margin-top: 1rem
}

.downloads--related-handle {
    padding-left: 20px;
    padding-left: 1.25rem;
    position: relative
}

    .downloads--related-handle:before {
        content: "\25bc"
    }

    .downloads--related-handle:before {
        top: 4px;
        top: 0.25rem;
        font-size: 11.2px;
        font-size: 0.7rem;
        position: absolute;
        left: 0
    }

.is-expanded .downloads--related-handle:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.downloads--related-list {
    padding-left: 20px;
    padding-left: 1.25rem;
    height: 0;
    overflow: hidden
}

.is-expanded .downloads--related-list {
    height: auto;
    overflow: visible
}

@media screen and (max-width: 47.99em) {
    .downloads--related-list li {
        padding: 4.8px 0;
        padding: 0.3rem 0
    }
}

.downloads--related-link {
    padding-left: 24px;
    padding-left: 1.5rem;
    position: relative
}

    .downloads--related-link:before {
        position: absolute;
        left: 0;
        top: 0
    }

.base__landingpage__background__content .downloads--files {
    padding: 16px;
    padding: 1rem
}

.downloads--files .box {
    min-height: 160px;
    min-height: 10rem
}

.downloads--files .box--pre-headline, .downloads--files h3 {
    padding-right: 144px;
    padding-right: 9rem
}

@media screen and (max-width: 22.49em) {
    .downloads--files .box--pre-headline, .downloads--files h3 {
        padding-right: 16px;
        padding-right: 1rem
    }
}

.downloads--files .downloads__thumbnail {
    top: 16px;
    top: 1rem;
    right: 16px;
    right: 1rem
}

@media print {
    .downloads--related {
        overflow: visible
    }

        .downloads--related .downloads--related-list {
            height: auto;
            overflow: visible
        }
}

.facetnavigation {
    min-height: 32px;
    min-height: 2rem;
    position: relative
}

@media print {
    .facetnavigation {
        display: none !important;
        visibility: hidden
    }
}

.facetnavigation__wrapper {
    height: 0;
    overflow: hidden
}

.facetnavigation__wrapper__inner {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    position: relative;
    background: #fff
}

.facetnavigation__inner {
    text-align: center;
    width: 100%
}

.facetnavigation__facetgroup {
    min-height: 96px;
    min-height: 6rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    float: left;
    display: inline;
    width: 31.33333%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: left;
    border-right: 1px solid #ccc
}

@media screen and (min-width: 48em) {
    .facetnavigation__facetgroup:nth-child(3n), .facetnavigation__facetgroup:last-child {
        border-right: 0
    }

    .facetnavigation__facetgroup:nth-child(3n+1) {
        clear: both
    }
}

@media (min-width: 32em) and (max-width: 47.99em) {
    .facetnavigation__facetgroup {
        width: 48%
    }

        .facetnavigation__facetgroup:nth-child(2n+1) {
            clear: both
        }

        .facetnavigation__facetgroup:nth-child(2n), .facetnavigation__facetgroup:last-child {
            border-right: 0
        }
}

@media screen and (max-width: 31.99em) {
    .facetnavigation__facetgroup {
        float: left;
        display: inline;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        border-right: 0
    }
}

.facetgroup__header {
    font-size: 16px;
    font-size: 1rem;
    margin: 4px 0 8px 0;
    margin: 0.25rem 0 0.5rem 0;
    font-family: Arial,sans-serif;
    font-weight: bold;
    color: #000
}

.facetgroup__list {
    overflow: visible
}

    .facetgroup__list li {
        margin: 4px 0;
        margin: 0.25rem 0;
        padding: 0 0 0 28px;
        padding: 0 0 0 1.75rem;
        list-style: none;
        line-height: 1.25
    }

        .facetgroup__list li a, .facetgroup__list li a:visited {
            color: #000
        }

        .facetgroup__list li:before {
            display: none
        }

        .facetgroup__list li input {
            margin: 3.2px 0 0 -28px;
            margin: 0.2rem 0 0 -1.75rem;
            float: left
        }

.facetnavigation__toggle--button {
    display: inline-block;
    color: #015687
}

.facetnavigation__toggle--link {
    display: block
}

    .facetnavigation__toggle--link:after {
        content: "\25bc"
    }

    .facetnavigation__toggle--link:hover {
        text-decoration: none
    }

    .facetnavigation__toggle--link .facet_toggle--activetxt {
        display: none
    }

    .facetnavigation__toggle--link .facet_toggle--inactivetxt {
        display: inline
    }

    .facetnavigation__toggle--link:after {
        margin-bottom: 4.8px;
        margin-bottom: 0.3rem;
        font-size: 16px;
        font-size: 1rem;
        display: block;
        line-height: 0.4
    }

.is-active .facetnavigation__toggle--link:after {
    content: "\25b2"
}

.facetgroup__list input[type="checkbox"] + label {
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

.facetgroup__list input[type="checkbox"][disabled], .facetgroup__list input[type="checkbox"][disabled] + label {
    cursor: not-allowed
}

    .facetgroup__list input[type="checkbox"][disabled] + label {
        color: #bbb
    }

.facetnavigation__reset-all {
    right: 16px;
    right: 1rem;
    bottom: 8px;
    bottom: 0.5rem;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

    .facetnavigation__reset-all.is-visible {
        visibility: visible;
        opacity: 1
    }

.facetnavigation {
    left: -16px;
    left: -1rem;
    margin-bottom: -16px;
    margin-bottom: -1rem;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    position: relative;
    width: 105%;
    width: -webkit-calc(100% + 2rem);
    width: calc(100% + 2rem);
    background-color: #f8f8f8
}

.facetnavigation__wrapper {
    -webkit-transition: height 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: height 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.facetnavigation__shadow {
    display: none !important;
    visibility: hidden
}

.facetnavigation__toggle--button {
    background: #fff
}

.facetnavigation__toggle--link {
    padding: 4px 16px 4px 32px;
    padding: 0.25rem 1rem 0.25rem 2rem;
    position: relative
}

    .facetnavigation__toggle--link:after {
        left: 10px;
        left: 0.625rem;
        top: 12px;
        top: 0.75rem;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        position: absolute;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .facetnavigation__toggle--link:hover:after {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }

[data-facetnavigation] {
    margin-top: 32px;
    margin-top: 2rem
}

    [data-facetnavigation]:first-child {
        top: -16px;
        top: -1rem;
        margin-top: 0
    }

.loyalty__header:before, .loyalty__header:after {
    content: ' ';
    display: table
}

.loyalty__header:after {
    clear: both
}

.loyalty__navigation {
    margin: 0 0 16px 0;
    margin: 0 0 1rem 0;
    float: left
}

    .loyalty__navigation .form__select {
        min-width: 320px;
        min-width: 20rem
    }

    .loyalty__navigation .multipagenavigation {
        margin: 8px 0 8px 0;
        margin: 0.5rem 0 0.5rem 0;
        padding: 0
    }

@media screen and (max-width: 23.99em) {
    .loyalty__navigation {
        float: none;
        width: 100%
    }

        .loyalty__navigation .form__select {
            min-width: auto
        }

        .loyalty__navigation .multipagenavigation {
            margin: 0 0 16px 0;
            margin: 0 0 1rem 0
        }
}

.loyalty__header-points {
    margin: 0 0 16px 16px;
    margin: 0 0 1rem 1rem;
    float: right
}

@media screen and (max-width: 23.99em) {
    .loyalty__header-points {
        margin-left: 0;
        width: 100%;
        float: left
    }
}

.loyalty__header-points--color-primary {
    color: #000
}

.loyalty__header-points--color-secondary {
    color: #999
}

.loyalty__header-points--value {
    padding-left: 16px;
    padding-left: 1rem;
    text-align: right;
    vertical-align: top
}

.table-general--extended.loyalty__table-points {
    min-width: 0
}

    .table-general--extended.loyalty__table-points th:nth-child(2), .table-general--extended.loyalty__table-points th:nth-child(3) {
        width: 150px;
        width: 9.375rem
    }

    .table-general--extended.loyalty__table-points tr {
        vertical-align: top
    }

.slider {
    position: relative;
    z-index: 0
}

.slider__stage {
    position: relative;
    z-index: 0;
    background-color: #fff
}

.slider--brands .slider__stage {
    background: none
}

.slider__stage__item {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

    .slider__stage__item.is-active {
        position: relative;
        opacity: 1;
        filter: alpha(opacity=100);
        z-index: 2
    }

    .slider__stage__item img {
        max-width: 100%
    }

.lt-ie9 .slider__stage__item img {
    width: 100%
}

.slider__controls {
    padding: 0 16px;
    padding: 0 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33.3333%;
    text-align: right;
    opacity: 0.75
}

.no-js .slider__controls {
    display: none !important;
    visibility: hidden
}

@media screen and (max-width: 47.99em) {
    .slider__controls {
        width: 100%;
        text-align: center
    }
}

@media print {
    .slider__controls {
        display: none !important;
        visibility: hidden
    }
}

.slider__navigation--previous, .slider__navigation--next {
    display: inline-block
}

    .slider__navigation--previous a, .slider__navigation--next a {
        display: block;
        color: #fff
    }

        .slider__navigation--previous a, .slider__navigation--previous a:hover, .slider__navigation--previous a:focus, .slider__navigation--next a, .slider__navigation--next a:hover, .slider__navigation--next a:focus {
            text-decoration: none
        }

            .slider__navigation--previous a:before, .slider__navigation--next a:before {
                font-size: 32px;
                font-size: 2rem;
                content: '';
                display: block;
                position: relative;
                font-family: SDBG-Iconfont;
                cursor: pointer
            }

.no-touch .slider__navigation--previous a, .no-touch .slider__navigation--next a {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.touch .slider__navigation--previous, .touch .slider__navigation--next {
    display: none !important;
    visibility: hidden
}

@media screen and (max-width: 47.99em) {
    .slider__navigation--previous, .slider__navigation--next {
        float: left;
        width: 15%
    }

        .slider__navigation--previous a, .slider__navigation--next a {
            padding: 0.25rem
        }
}

.slider__navigation--previous a {
    text-align: left
}

    .slider__navigation--previous a:before {
        content: "\25c0"
    }

.no-touch .slider__navigation--previous a:hover, .no-touch .slider__navigation--previous a:focus {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
}

.slider__navigation--next a {
    text-align: right
}

    .slider__navigation--next a:before {
        content: "\25ba"
    }

.no-touch .slider__navigation--next a:hover, .no-touch .slider__navigation--next a:focus {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
}

.slider__bullets {
    margin: 0 8px;
    margin: 0 0.5rem;
    padding-top: 13px;
    padding-top: 0.8125rem;
    display: inline-block
}

.no-js .slider__bullets {
    display: none
}

.slider__bullets li:before {
    content: ''
}

@media screen and (max-width: 47.99em) {
    .slider__bullets {
        padding-top: 1rem;
        float: left;
        width: 70%;
        margin: 0
    }

    .touch .slider__bullets {
        width: 100%;
        padding-bottom: 0.75rem
    }
}

.slider__bullets__item {
    width: 13px;
    width: 0.8125rem;
    height: 13px;
    height: 0.8125rem;
    margin-left: 6.5px;
    margin-left: 0.40625rem;
    display: inline-block;
    padding: 0;
    border-radius: 6.5px;
    background: #fff;
    opacity: 0.5;
    cursor: pointer
}

    .slider__bullets__item.is-active {
        opacity: 1
    }

    .slider__bullets__item:first-child {
        margin-left: 0
    }

@media screen and (max-width: 47.99em) {
    .slider__bullets__item {
        margin-left: 0.8125rem
    }
}

.wrapper {
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

@media screen and (max-width: 47.99em) {
    .wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.slider__stage__item-content {
    overflow: hidden;
    padding-top: 37.5%
}

@media screen and (max-width: 47.99em) {
    .slider__stage__item-content {
        padding-top: 56.25%
    }
}

@media print {
    .slider__stage__item-content {
        padding-top: 16px;
        padding-top: 1rem;
        overflow: visible
    }
}

.slider__stage__text {
    height: 100%;
    width: 33.3333%
}

    .slider__stage__text .layout__wrapper {
        display: flex;
        align-items: center;
    }

    .slider__stage__text .layout__wrapper {
        bottom: 64px;
        bottom: 4rem
    }

@media screen and (max-width: 47.99em) {
    .slider__stage__text {
        width: auto;
        height: auto;
        padding-bottom: 3rem
    }

        .slider__stage__text .layout__wrapper {
            bottom: auto
        }
}

@media print {
    .slider__stage__text {
        padding-top: 16px;
        padding-top: 1rem
    }
}

.slider__stage__button {
    padding-right: 32px;
    padding-right: 2rem;
    margin-top: 16px;
    margin-top: 1rem;
    display: inline-block;
    position: relative;
    text-decoration: underline
}

    .slider__stage__button:after {
        content: "\25ba"
    }

    .slider__stage__button:after {
        display: inline-block;
        font-family: "SDBG-Iconfont";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none !important;
        text-decoration: none;
        speak: none;
        width: auto;
        line-height: 1em;
        -webkit-font-smoothing: antialiased
    }

.lt-ie9 .slider__stage__button:after {
    text-decoration: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    content: "→"
}

.slider__stage__button:hover, .slider__stage__button:focus {
    text-decoration: none
}

.slider__stage__button, .slider__stage__button:visited {
    color: #fff
}

    .slider__stage__button:after {
        right: 8px;
        right: 0.5rem;
        margin-top: -8px;
        margin-top: -0.5rem;
        position: absolute;
        top: 50%
    }

.multipagenavigation, .multipagenavigation--inverse {
    padding: 8px 0;
    padding: 0.5rem 0;
    margin: 32px 0 16px 0;
    margin: 2rem 0 1rem 0;
    overflow: visible
}

    .multipagenavigation:before, .multipagenavigation--inverse:before, .multipagenavigation:after, .multipagenavigation--inverse:after {
        content: ' ';
        display: table
    }

    .multipagenavigation:after, .multipagenavigation--inverse:after {
        clear: both
    }

    .multipagenavigation li, .multipagenavigation--inverse li {
        padding: 4px 0 0 0;
        padding: 0.25rem 0 0 0;
        min-height: 32px;
        min-height: 2rem;
        position: relative;
        width: 50%
    }

        .multipagenavigation li:before, .multipagenavigation--inverse li:before {
            display: none
        }

        .multipagenavigation li a, .multipagenavigation--inverse li a {
            display: inline-block;
            width: 100%
        }

            .multipagenavigation li a:before, .multipagenavigation--inverse li a:before {
                font-size: 16px;
                font-size: 1rem;
                width: 32px;
                width: 2rem;
                height: 32px;
                height: 2rem;
                position: absolute;
                top: 0;
                text-align: center;
                line-height: 2;
                z-index: 10
            }

            .multipagenavigation li a:after, .multipagenavigation--inverse li a:after {
                width: 32px;
                width: 2rem;
                height: 32px;
                height: 2rem;
                content: '';
                position: absolute;
                top: 0;
                padding: 0
            }

            .multipagenavigation li a:active:before, .multipagenavigation--inverse li a:active:before {
                top: 1px
            }

    .multipagenavigation .prev, .multipagenavigation--inverse .prev {
        float: left
    }

        .multipagenavigation .prev a:before, .multipagenavigation--inverse .prev a:before {
            content: "\25c0"
        }

    .multipagenavigation .next, .multipagenavigation--inverse .next {
        float: right
    }

        .multipagenavigation .next a:before, .multipagenavigation--inverse .next a:before {
            content: "\25ba"
        }

    .multipagenavigation .prev {
        text-align: right
    }

        .multipagenavigation .prev a {
            padding-right: 44.8px;
            padding-right: 2.8rem
        }

            .multipagenavigation .prev a:after {
                right: 4.8px;
                right: 0.3rem
            }

            .multipagenavigation .prev a:before {
                right: 6.4px;
                right: 0.4rem
            }

    .multipagenavigation .next a {
        padding-left: 44.8px;
        padding-left: 2.8rem
    }

        .multipagenavigation .next a:after {
            left: 4.8px;
            left: 0.3rem
        }

        .multipagenavigation .next a:before {
            left: 6.4px;
            left: 0.4rem
        }

    .multipagenavigation--inverse .prev {
        padding-left: 40px;
        padding-left: 2.5rem;
        padding-right: 8px;
        padding-right: 0.5rem;
        text-align: left
    }

        .multipagenavigation--inverse .prev a:after, .multipagenavigation--inverse .prev a:before {
            left: 0
        }

    .multipagenavigation--inverse .next {
        padding-right: 40px;
        padding-right: 2.5rem;
        padding-left: 8px;
        padding-left: 0.5rem;
        text-align: right
    }

        .multipagenavigation--inverse .next a:after, .multipagenavigation--inverse .next a:before {
            right: 0
        }

    .multipagenavigation--inverse.has-select .select {
        margin-bottom: -40px;
        margin-bottom: -2.5rem;
        display: block;
        width: 100%;
        text-align: center
    }

@media (max-width: 45em) {
    .multipagenavigation--inverse.has-select .select {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }
}

.multipagenavigation--inverse.has-select .select .form__select {
    width: 40%;
    text-align: left
}

@media (max-width: 45em) {
    .multipagenavigation--inverse.has-select .select .form__select {
        width: 100%
    }
}

.no-js .multipagenavigation--inverse.has-select .select {
    display: none
}

.multipagenavigation--inverse.has-select .prev, .multipagenavigation--inverse.has-select .next {
    width: 30%
}

.no-js .multipagenavigation--inverse.has-select .prev, .no-js .multipagenavigation--inverse.has-select .next {
    width: 50%
}

@media (max-width: 45em) {
    .multipagenavigation--inverse.has-select .prev, .multipagenavigation--inverse.has-select .next {
        width: 50%
    }
}

.multipagenavigation--inverse.has-select .prev a, .multipagenavigation--inverse.has-select .next a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media print {
    .multipagenavigation, .multipagenavigation--inverse {
        display: none
    }
}

.pagination {
    padding: 24px 0;
    padding: 1.5rem 0;
    text-align: center
}

    .pagination ul {
        font-size: 0;
        margin: 0;
        padding: 0;
        overflow: visible
    }

        .pagination ul li {
            display: inline-block;
            vertical-align: middle;
            padding: 0
        }

            .pagination ul li:before {
                display: none
            }

    .pagination a {
        font-size: 12.8px;
        font-size: 0.8rem;
        padding: 3.2px;
        padding: 0.2rem
    }

        .pagination a.active {
            border-bottom: 1px solid
        }

    .pagination .pagination--page a {
        font-size: 16px;
        font-size: 1rem;
        color: #015687;
        text-decoration: underline
    }

        .pagination .pagination--page a.active {
            font-weight: bold;
            color: #000;
            text-decoration: none;
            border-bottom: 0
        }

    .pagination .pagination--first, .pagination .pagination--prev, .pagination .pagination--next, .pagination .pagination--last {
        margin: 0 4px;
        margin: 0 0.25rem;
        background: inherit;
        width: auto
    }

        .pagination .pagination--first a, .pagination .pagination--prev a, .pagination .pagination--next a, .pagination .pagination--last a {
            font-size: 16px;
            font-size: 1rem;
            width: 32px;
            width: 2rem;
            height: 32px;
            height: 2rem;
            line-height: 2;
            padding: 0;
            text-align: center;
            display: block
        }

            .pagination .pagination--first a:before {
                content: "\25c4"
            }

            .pagination .pagination--prev a:before {
                content: "\25c0"
            }

            .pagination .pagination--next a:before {
                content: "\25ba"
            }

            .pagination .pagination--last a:before {
                content: "\25b6"
            }

@media all and (max-width: 24em) {
    .pagination ul li.pagination--page {
        display: none
    }
}

@media print {
    .pagination {
        display: none
    }
}

.slider-contentdetail.productdetail--top {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit
}

@media all and (max-width: 48em) {
    .slider-contentdetail .connected-carousels .stage, .slider-contentdetail .connected-carousels .carousel-stage .jcarousel-img-wrapper {
        height: auto
    }
}

.slider-contentdetail--full .productdetail--stage {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    max-width: 540px;
    max-width: 33.75rem;
    float: none !important;
    width: 100% !important;
    margin-right: auto;
    margin-left: auto
}

.slider-contentdetail--left .productdetail--stage {
    margin-top: 4px;
    margin-top: 0.25rem;
    margin-right: 24px;
    margin-right: 1.5rem;
    float: left !important;
    width: 50% !important
}

@media all and (max-width: 32em) {
    .slider-contentdetail--left .productdetail--stage {
        margin-right: 0;
        width: 100% !important
    }
}

.slider-contentdetail--right .productdetail--stage {
    margin-top: 4px;
    margin-top: 0.25rem;
    margin-left: 24px;
    margin-left: 1.5rem;
    float: right !important;
    width: 50% !important
}

@media all and (max-width: 32em) {
    .slider-contentdetail--right .productdetail--stage {
        margin-left: 0;
        width: 100% !important
    }
}

.productdetail--top {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

    .productdetail--top .productdetail--details, .productdetail--top .productdetail--headlines, .productdetail--top .productdetail--subheadline, .productdetail--top .productdetail--stage {
        width: 50%
    }

    .productdetail--top .productdetail--details, .productdetail--top .productdetail--headlines, .productdetail--top .productdetail--subheadline {
        float: right
    }

    .productdetail--top .productdetail--stage {
        float: left
    }

    .productdetail--top .productdetail--headlines, .productdetail--top .productdetail--subheadline {
        padding-left: 16px;
        padding-left: 1rem
    }

    .productdetail--top .jcarousel-item, .productdetail--top .carousel-navigation li {
        position: relative
    }

.footermenu li {
    padding: 0.25rem 0 !important;
    font-size: 0.75rem !important;
}

.footer__meta ul {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
}

.footer__meta ul {
    list-style: outside none none;
    overflow: hidden;
    padding: 0.5rem 0 0;
}

.footer__meta li {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0.25rem 0;
}

.social li:before {
    content: none !important
}

.downloads--box li:before {
    content: "" !important;
    font-family: "SDBG-Iconfont" !important;
    color: #e3f0f6 !important;
    font-size: 2.5rem !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    text-align: center !important;
    top: 0.5rem !important;
    width: 4rem !important;
}