/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
body {
    margin: 0;
}

.body{
    background-image: url(../Images/mydhl_image_western-cultural.jpg);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: top center;
}*/

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent;
}

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

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

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    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;
}

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] {
        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;
        box-sizing: content-box;
    }

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td, th {
    padding: 0;
}

* {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

.l-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.l-grid--margin {
    margin: 0 -1%
}

.l-grid--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.l-grid--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.l-grid--has-gutter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 1%
}

.l-grid--around-s {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.l-grid--between-s {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.l-grid--shrink {
    width: auto;
    max-width: inherit;
    min-width: auto;
}

.l-grid--left-s {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.l-grid--center-s {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.l-grid--right-s {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.l-grid--top-s {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: top;
}

.l-grid--middle-s {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
}

.l-grid--bottom-s {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    vertical-align: bottom;
}

.l-grid--hidden-s {
    display: none;
}

.l-grid--visible-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.l-grid--w-reset-s {
    width: auto;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: none;
    -webkit-box-flex: initial;
    -webkit-flex-grow: initial;
    -ms-flex-positive: initial;
    flex-grow: 0;
}

.l-grid--w-auto-s {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.l-grid--nowrap-s {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.l-grid--w-10pc-s {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
    width: 10%
}

.l-grid--w-20pc-s {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    width: 20%
}

.l-grid--w-25pc-s {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    width: 25%
}

.l-grid--w-33pc-s {
    -webkit-flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
    width: 33.3333%
}

.l-grid--w-40pc-s {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    width: 40%
}

.l-grid--w-50pc-s {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%
}

.l-grid--w-60pc-s {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    width: 60%
}

.l-grid--w-66pc-s {
    -webkit-flex-basis: 66.6666%;
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
    width: 66.6666%
}

.l-grid--w-75pc-s {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    width: 75%
}

.l-grid--w-80pc-s {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    width: 80%
}

.l-grid--w-90pc-s {
    -webkit-flex-basis: 90%;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    max-width: 90%;
    width: 90%
}

.l-grid--w-100pc-s {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%
}

.l-grid--o-025u-s {
    margin-left: .78125%
}

.l-grid--o-05u-s {
    margin-left: 1.5625%
}

.l-grid--o-1u-s {
    margin-left: 3.125%
}

.l-grid--o-2u-s {
    margin-left: 6.25%
}

.l-grid--o-3u-s {
    margin-left: 9.375%
}

.l-grid--o-4u-s {
    margin-left: 12.5%
}

.l-grid--o-5u-s {
    margin-left: 15.625%
}

.l-grid--p-0u-s {
    padding: 0 !important;
}

.l-grid--p-025u-s {
    padding-left: .78125%;
    padding-right: .78125%
}

.l-grid--p-05u-s {
    padding-left: 1.5625%;
    padding-right: 1.5625%
}

.l-grid--p-1u-s {
    padding-left: 3.125%;
    padding-right: 3.125%
}

.l-grid--p-2u-s {
    padding-left: 6.25%;
    padding-right: 6.25%
}

.l-grid--p-3u-s {
    padding-left: 9.375%;
    padding-right: 9.375%
}

.l-grid--p-4u-s {
    padding-left: 12.5%;
    padding-right: 12.5%
}

.l-grid--p-5u-s {
    padding-left: 15.625%;
    padding-right: 15.625%
}

.l-grid--p-6u-s {
    padding-left: 18.75%;
    padding-right: 18.75%
}

.l-grid--p-7u-s {
    padding-left: 21.875%;
    padding-right: 21.875%
}

@media screen and (min-width:480px) and (max-width:665px) {
    .l-grid--around-s-m {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .l-grid--between-s-m {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .l-grid--left-s-m {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .l-grid--center-s-m {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .l-grid--right-s-m {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .l-grid--top-s-m {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        vertical-align: top;
    }

    .l-grid--middle-s-m {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }

    .l-grid--bottom-s-m {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        vertical-align: bottom;
    }

    .l-grid--no-gutter-s-m {
        padding: 0 !important;
    }

    .l-grid--hidden-s-m {
        display: none;
    }

    .l-grid--visible-s-m {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .l-grid--w-reset-s-m {
        width: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: 0;
    }

    .l-grid--w-10pc-s-m {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
        width: 10%
    }

    .l-grid--w-20pc-s-m {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        width: 20%
    }

    .l-grid--w-25pc-s-m {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .l-grid--w-33pc-s-m {
        -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        width: 33.3333%
    }

    .l-grid--w-40pc-s-m {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        width: 40%
    }

    .l-grid--w-50pc-s-m {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .l-grid--w-60pc-s-m {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        width: 60%
    }

    .l-grid--w-66pc-s-m {
        -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
        width: 66.6666%
    }

    .l-grid--w-75pc-s-m {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .l-grid--w-80pc-s-m {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        width: 80%
    }

    .l-grid--w-100pc-s-m {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .l-grid--o-025u-s-m {
        margin-left: .78125%
    }

    .l-grid--o-05u-s-m {
        margin-left: 1.5625%
    }

    .l-grid--o-1u-s-m {
        margin-left: 3.125%
    }

    .l-grid--o-2u-s-m {
        margin-left: 6.25%
    }

    .l-grid--o-3u-s-m {
        margin-left: 9.375%
    }

    .l-grid--o-4u-s-m {
        margin-left: 12.5%
    }

    .l-grid--o-5u-s-m {
        margin-left: 15.625%
    }

    .l-grid--p-0u-s-m {
        padding: 0 !important;
    }

    .l-grid--p-025u-s-m {
        padding-left: .78125%;
        padding-right: .78125%
    }

    .l-grid--p-05u-s-m {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }

    .l-grid--p-1u-s-m {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .l-grid--p-2u-s-m {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .l-grid--p-3u-s-m {
        padding-left: 9.375%;
        padding-right: 9.375%
    }

    .l-grid--p-4u-s-m {
        padding-left: 12.5%;
        padding-right: 12.5%
    }

    .l-grid--p-5u-s-m {
        padding-left: 15.625%;
        padding-right: 15.625%
    }

    .l-grid--p-6u-s-m {
        padding-left: 18.75%;
        padding-right: 18.75%
    }

    .l-grid--p-7u-s-m {
        padding-left: 21.875%;
        padding-right: 21.875%
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .l-grid--around-s-l {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .l-grid--between-s-l {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .l-grid--left-s-l {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .l-grid--center-s-l {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .l-grid--right-s-l {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .l-grid--top-s-l {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        vertical-align: top;
    }

    .l-grid--middle-s-l {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }

    .l-grid--bottom-s-l {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        vertical-align: bottom;
    }

    .l-grid--no-gutter-s-l {
        padding: 0 !important;
    }

    .l-grid--hidden-s-l {
        display: none;
    }

    .l-grid--visible-s-l {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .l-grid--w-reset-s-l {
        width: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: 0;
    }

    .l-grid--w-auto-s-l {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .l-grid--w-10pc-s-l {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
        width: 10%
    }

    .l-grid--w-15pc-s-l {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        max-width: 15%;
        width: 15%
    }

    .l-grid--w-20pc-s-l {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        width: 20%
    }

    .l-grid--w-25pc-s-l {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .l-grid--w-33pc-s-l {
        -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        width: 33.3333%
    }

    .l-grid--w-40pc-s-l {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        width: 40%
    }

    .l-grid--w-50pc-s-l {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .l-grid--w-60pc-s-l {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        width: 60%
    }

    .l-grid--w-66pc-s-l {
        -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
        width: 66.6666%
    }

    .l-grid--w-75pc-s-l {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .l-grid--w-80pc-s-l {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        width: 80%
    }

    .l-grid--w-100pc-s-l {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .l-grid--o-025u-s-l {
        margin-left: .78125%
    }

    .l-grid--o-05u-s-l {
        margin-left: 1.5625%
    }

    .l-grid--o-1u-s-l {
        margin-left: 3.125%
    }

    .l-grid--o-2u-s-l {
        margin-left: 6.25%
    }

    .l-grid--o-3u-s-l {
        margin-left: 9.375%
    }

    .l-grid--o-4u-s-l {
        margin-left: 12.5%
    }

    .l-grid--o-5u-s-l {
        margin-left: 15.625%
    }

    .l-grid--p-0u-s-l {
        padding: 0 !important;
    }

    .l-grid--p-025u-s-l {
        padding-left: .78125%;
        padding-right: .78125%
    }

    .l-grid--p-05u-s-l {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }

    .l-grid--p-1u-s-l {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .l-grid--p-2u-s-l {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .l-grid--p-3u-s-l {
        padding-left: 9.375%;
        padding-right: 9.375%
    }

    .l-grid--p-4u-s-l {
        padding-left: 12.5%;
        padding-right: 12.5%
    }

    .l-grid--p-5u-s-l {
        padding-left: 15.625%;
        padding-right: 15.625%
    }

    .l-grid--p-6u-s-l {
        padding-left: 18.75%;
        padding-right: 18.75%
    }

    .l-grid--p-7u-s-l {
        padding-left: 21.875%;
        padding-right: 21.875%
    }
}

@media print, screen and (min-width:768px) {
    .l-grid--around-m {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .l-grid--between-m {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .l-grid--left-m {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .l-grid--center-m {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .l-grid--right-m {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .l-grid--top-m {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        vertical-align: top;
    }

    .l-grid--middle-m {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }

    .l-grid--bottom-m {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        vertical-align: bottom;
    }

    .l-grid--no-gutter-m {
        padding: 0 !important;
    }

    .l-grid--hidden-m {
        display: none;
    }

    .l-grid--visible-m {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .l-grid--nowrap-m {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .l-grid--w-reset-m {
        width: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: 0;
    }

    .l-grid--w-auto-m {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .l-grid--w-10pc-m {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
        width: 10%
    }

    .l-grid--w-15pc-m {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        max-width: 15%;
        width: 15%
    }

    .l-grid--w-20pc-m {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        width: 20%
    }

    .l-grid--w-25pc-m {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .l-grid--w-30pc-m {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
        width: 30%
    }

    .l-grid--w-33pc-m {
        -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        width: 33.3333%
    }

    .l-grid--w-40pc-m {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        width: 40%
    }

    .l-grid--w-50pc-m {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .l-grid--w-60pc-m {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        width: 60%
    }

    .l-grid--w-66pc-m {
        -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
        width: 66.6666%
    }

    .l-grid--w-70pc-m {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
        width: 70%
    }

    .l-grid--w-75pc-m {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .l-grid--w-80pc-m {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        width: 80%
    }

    .l-grid--w-90pc-m {
        -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%;
        width: 90%
    }

    .l-grid--w-85pc-m {
        -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
        flex-basis: 85%;
        max-width: 85%;
        width: 85%
    }

    .l-grid--w-100pc-m {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .l-grid--o-025u-m {
        margin-left: .78125%
    }

    .l-grid--o-05u-m {
        margin-left: 1.5625%
    }

    .l-grid--o-1u-m {
        margin-left: 3.125%
    }

    .l-grid--o-2u-m {
        margin-left: 6.25%
    }

    .l-grid--o-3u-m {
        margin-left: 9.375%
    }

    .l-grid--o-4u-m {
        margin-left: 12.5%
    }

    .l-grid--o-5u-m {
        margin-left: 15.625%
    }

    .l-grid--p-0u-m {
        padding: 0 !important;
    }

    .l-grid--p-025u-m {
        padding-left: .78125%;
        padding-right: .78125%
    }

    .l-grid--p-05u-m {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }

    .l-grid--p-1u-m {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .l-grid--p-2u-m {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .l-grid--p-3u-m {
        padding-left: 9.375%;
        padding-right: 9.375%
    }

    .l-grid--p-4u-m {
        padding-left: 12.5%;
        padding-right: 12.5%
    }

    .l-grid--p-5u-m {
        padding-left: 15.625%;
        padding-right: 15.625%
    }

    .l-grid--p-6u-m {
        padding-left: 18.75%;
        padding-right: 18.75%
    }

    .l-grid--p-7u-m {
        padding-left: 21.875%;
        padding-right: 21.875%
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .l-grid--around-m-s {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .l-grid--between-m-s {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .l-grid--left-m-s {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .l-grid--center-m-s {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .l-grid--right-m-s {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .l-grid--top-m-s {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        vertical-align: top;
    }

    .l-grid--middle-m-s {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }

    .l-grid--bottom-m-s {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        vertical-align: bottom;
    }

    .l-grid--no-gutter-m-s {
        padding: 0 !important;
    }

    .l-grid--hidden-m-s {
        display: none;
    }

    .l-grid--visible-m-s {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .l-grid--w-reset-m-s {
        width: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: 0;
    }

    .l-grid--w-auto-m-s {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .l-grid--w-560-m-s {
        width: 560px;
    }

    .l-grid--w-10pc-m-s {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
        width: 10%
    }

    .l-grid--w-20pc-m-s {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        width: 20%
    }

    .l-grid--w-25pc-m-s {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .l-grid--w-33pc-m-s {
        -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        width: 33.3333%
    }

    .l-grid--w-40pc-m-s {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        width: 40%
    }

    .l-grid--w-50pc-m-s {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .l-grid--w-60pc-m-s {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        width: 60%
    }

    .l-grid--w-66pc-m-s {
        -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
        width: 66.6666%
    }

    .l-grid--w-75pc-m-s {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .l-grid--w-80pc-m-s {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        width: 80%
    }

    .l-grid--w-90pc-m-s {
        -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%;
        width: 90%
    }

    .l-grid--w-100pc-m-s {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .l-grid--o-025u-m-s {
        margin-left: .78125%
    }

    .l-grid--o-05u-m-s {
        margin-left: 1.5625%
    }

    .l-grid--o-1u-m-s {
        margin-left: 3.125%
    }

    .l-grid--o-2u-m-s {
        margin-left: 6.25%
    }

    .l-grid--o-3u-m-s {
        margin-left: 9.375%
    }

    .l-grid--o-4u-m-s {
        margin-left: 12.5%
    }

    .l-grid--o-5u-m-s {
        margin-left: 15.625%
    }

    .l-grid--p-0u-m-s {
        padding: 0 !important;
    }

    .l-grid--p-025u-m-s {
        padding-left: .78125%;
        padding-right: .78125%
    }

    .l-grid--p-05u-m-s {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }

    .l-grid--p-1u-m-s {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .l-grid--p-2u-m-s {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .l-grid--p-3u-m-s {
        padding-left: 9.375%;
        padding-right: 9.375%
    }

    .l-grid--p-4u-m-s {
        padding-left: 12.5%;
        padding-right: 12.5%
    }

    .l-grid--p-5u-m-s {
        padding-left: 15.625%;
        padding-right: 15.625%
    }

    .l-grid--p-6u-m-s {
        padding-left: 18.75%;
        padding-right: 18.75%
    }

    .l-grid--p-7u-m-s {
        padding-left: 21.875%;
        padding-right: 21.875%
    }
}

@media print, screen and (min-width:1024px) {
    .l-grid--around-m-m {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .l-grid--between-m-m {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .l-grid--left-m-m {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .l-grid--center-m-m {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .l-grid--right-m-m {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .l-grid--top-m-m {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        vertical-align: top;
    }

    .l-grid--middle-m-m {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }

    .l-grid--bottom-m-m {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        vertical-align: bottom;
    }

    .l-grid--no-gutter-m-m {
        padding: 0 !important;
    }

    .l-grid--hidden-m-m {
        display: none;
    }

    .l-grid--visible-m-m {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .l-grid--w-reset-m-m {
        width: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: 0;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .l-grid--w-auto-m-m {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .l-grid--w-560-m-m {
        width: 560px;
    }

    .l-grid--w-10pc-m-m {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
        width: 10%
    }

    .l-grid--w-20pc-m-m {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        width: 20%
    }

    .l-grid--w-25pc-m-m {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .l-grid--w-30pc-m-m {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
        width: 30%
    }

    .l-grid--w-33pc-m-m {
        -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        width: 33.3333%
    }

    .l-grid--w-40pc-m-m {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        width: 40%
    }

    .l-grid--w-50pc-m-m {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .l-grid--w-60pc-m-m {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        width: 60%
    }

    .l-grid--w-66pc-m-m {
        -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        max-width: 66.6666%;
        width: 66.6666%
    }

    .l-grid--w-70pc-m-m {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
        width: 70%
    }

    .l-grid--w-75pc-m-m {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .l-grid--w-80pc-m-m {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        width: 80%
    }

    .l-grid--w-100pc-m-m {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .l-grid--o-025u-m-m {
        margin-left: .78125%
    }

    .l-grid--o-05u-m-m {
        margin-left: 1.5625%
    }

    .l-grid--o-1u-m-m {
        margin-left: 3.125%
    }

    .l-grid--o-2u-m-m {
        margin-left: 6.25%
    }

    .l-grid--o-3u-m-m {
        margin-left: 9.375%
    }

    .l-grid--o-4u-m-m {
        margin-left: 12.5%
    }

    .l-grid--o-5u-m-m {
        margin-left: 15.625%
    }

    .l-grid--p-0u-m-m {
        padding: 0 !important;
    }

    .l-grid--p-025u-m-m {
        padding-left: .78125%;
        padding-right: .78125%
    }

    .l-grid--p-05u-m-m {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }

    .l-grid--p-1u-m-m {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .l-grid--p-2u-m-m {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .l-grid--p-3u-m-m {
        padding-left: 9.375%;
        padding-right: 9.375%
    }

    .l-grid--p-4u-m-m {
        padding-left: 12.5%;
        padding-right: 12.5%
    }

    .l-grid--p-5u-m-m {
        padding-left: 15.625%;
        padding-right: 15.625%
    }

    .l-grid--p-6u-m-m {
        padding-left: 18.75%;
        padding-right: 18.75%
    }

    .l-grid--p-7u-m-m {
        padding-left: 21.875%;
        padding-right: 21.875%
    }
}

.l-view {
    position: relative;
    min-width: 320px;
    max-width: 1365px;
    margin: 0 auto;
}

    .l-view input {
        -webkit-appearance: none;
        border-radius: 0;
    }

.l-header {
    background: -webkit-linear-gradient(top, #fc0, #fc0 30%, #fff0b3);
    background: linear-gradient(180deg, #fc0 0, #fc0 30%, #fff0b3);
    height: 5.6rem;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.is-editmode .l-header {
    position: relative;
}

@media print, screen and (min-width:768px) {
    .l-header {
        background: transparent;
        height: auto;
        padding: 1.4rem;
    }
}

.component-small, .component-wide {
    padding-left: 6.25%;
    padding-right: 6.25%
}

.component-margin {
    margin-bottom: 5.6rem;
}

@media screen and (min-width:480px) and (max-width:665px) {
    .component-margin {
        margin-bottom: 7rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .component-margin {
        margin-bottom: 8.399999999999999rem;
    }
}

@media print, screen and (min-width:768px) {
    .component-wide {
        padding-left: 3.125%;
        padding-right: 3.125%
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .component-small {
        padding-left: 18.75%;
        padding-right: 18.75%
    }

    .component-margin {
        margin-bottom: 8.399999999999999rem;
    }
}

@media print, screen and (min-width:1024px) {
    .component-small {
        padding-left: 21.875%;
        padding-right: 21.875%
    }

    .component-margin {
        margin-bottom: 9.799999999999999rem;
    }
}

.l-wcag--hidden {
    position: absolute;
    top: 0;
    left: -9999px;
    height: 1px;
    width: 1px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body, html {
    color: #323232;
    text-rendering: optimizelegibility;
    font-smoothing: antialiased;
    text-size-adjust: 100%;
    margin: auto;
    position: relative;
    max-width: 100%;
    -webkit-text-size-adjust: 100%
}

input {
    border-radius: 0;
}

    input::-ms-clear {
        width: 0;
        height: 0;
    }

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
    color: #f2f2f2;
}

.has-editor-margin {
    margin-top: 14rem;
}

.text-info-m, .text-info-s {
    line-height: 2.8rem;
}

    .text-info-s.icon-clock:before, .text-info-s.icon-important:before {
        margin-right: 8px;
        position: relative;
        top: 1px;
    }

    .text-info-m.icon-important:before {
        font-size: 20px;
        margin-right: 8px;
    }

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.color-postyellow {
    color: #fc0 !important;
}

.color-DHL-red {
    color: #d40511 !important;
}

.color-web-black {
    color: #323232 !important;
}

.color-web-white {
    color: #fff !important;
}

.color-web-grey {
    color: #666 !important;
}

.color-secondary-red {
    color: #9d0415 !important;
}

.color-secondary-yellow-1 {
    color: #daae00 !important;
}

.color-secondary-yellow-2 {
    color: #ffe57f !important;
}

.color-secondary-yellow-3 {
    color: #fff0b3 !important;
}

.color-secondary-green-1 {
    color: #76bd22 !important;
}

.color-secondary-grey-2 {
    color: #b5b5b5 !important;
}

.color-secondary-grey-3 {
    color: #d1d1d1 !important;
}

.color-secondary-grey-4 {
    color: #e8e8e8 !important;
}

.color-secondary-grey-5 {
    color: #f2f2f2 !important;
}

.color-postyellow--mobile {
    color: #fc0 !important;
}

.color-DHL-red--mobile {
    color: #d40511 !important;
}

.color-web-black--mobile {
    color: #323232 !important;
}

.color-web-white--mobile {
    color: #fff !important;
}

@media print, screen and (min-width:768px) {
    .color-postyellow--desktop {
        color: #fc0 !important;
    }

    .color-DHL-red--desktop {
        color: #d40511 !important;
    }

    .color-web-black--desktop {
        color: #323232 !important;
    }

    .color-web-white--desktop {
        color: #fff !important;
    }
}

.linear-gradient {
    background: #fc0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc0), color-stop(70%, #fc0), color-stop(100%, #fff0b3));
    background: -webkit-linear-gradient(top, #fc0, #fc0 70%, #fff0b3);
    background: linear-gradient(180deg, #fc0 0, #fc0 70%, #fff0b3);
    width: 100%
}

    .linear-gradient.transparency {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc0), color-stop(5%, rgba(255, 204, 0, .94)), color-stop(90%, rgba(255, 204, 0, 0)), color-stop(100%, rgba(255, 204, 0, 0)));
        background: -webkit-linear-gradient(top, #fc0, rgba(255, 204, 0, .94) 5%, rgba(255, 204, 0, 0) 90%, rgba(255, 204, 0, 0));
        background: linear-gradient(180deg, #fc0 0, rgba(255, 204, 0, .94) 5%, rgba(255, 204, 0, 0) 90%, rgba(255, 204, 0, 0));
        height: 7rem;
        width: 100%
    }

.has-rte a, .has-rte a:link, .has-rte a:visited {
    color: #d40511;
}

    .has-rte a:active, .has-rte a:hover {
        color: #323232;
    }

.has-rte .list .link {
    display: inline;
}

.has-rte ol, .has-rte ul {
    overflow: hidden;
    padding-top: 1.4rem;
}

.has-rte .list.is-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    min-width: 150px;
    padding-left: 2em;
    padding-right: 2em;
}

.has-rte .list li {
    text-align: left;
}

.has-rte ol.list, .has-rte ul.list {
    padding-left: 3.5rem;
    width: 100%
}

@font-face {
    font-family: Frutiger W04;
    /*src: url(../../assets/fonts/0c584202-0b52-4802-92c2-3ba6b05a43c9.woff) format("woff");*/
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Frutiger W04;
    /*src: url(../../assets/fonts/bf3f91cd-dde7-4219-912c-787de8db2704.woff) format("woff");*/
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Frutiger W04;
    /*src: url(../../assets/fonts/3b0ba98c-4012-4d70-a9c3-2cdaea12f494.woff) format("woff");*/
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: Frutiger W04;
    /*src: url(../../assets/fonts/1b2eb666-89ba-42c0-aa17-0e8cbee183af.woff) format("woff");*/
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: dhlicons;
    src: url(../../assets/fonts/iconfont/dhlicons.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

.has-icon:after, .has-icon:before, [class*=" icon-"]:before, [class^=icon-]:before {
    font-family: dhlicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.has-icon:after, .has-icon:before {
    position: relative;
}

.icon-arrow-left-m:before {
    content: "\e600"
}

.icon-arrow-right-m:before {
    content: "\e601"
}

.icon-close-bold:before {
    content: "\e602"
}

.icon-facebook:before {
    content: "\e603"
}

.icon-globe:before {
    content: "\e604"
}

.icon-tick:before {
    content: "\e605"
}

.icon-close-m:before {
    content: "\e606"
}

.icon-googleplus:before {
    content: "\e607"
}

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

.icon-shippercontacted:before {
    content: "\e609"
}

.icon-arrow-link:before {
    content: "\e60a"
}

.icon-hamburger:before {
    content: "\e60b"
}

.icon-minus:before {
    content: "\e60c"
}

.icon-pdf:before {
    content: "\e60d"
}

.icon-play:before {
    content: "\e60e"
}

.icon-plus:before {
    content: "\e60f"
}

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

.icon-search:before {
    content: "\e611"
}

.icon-share:before {
    content: "\e612"
}

.icon-clock:before {
    content: "\e613"
}

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

.icon-notification:before {
    content: "\e615"
}

.icon-delivery:before {
    content: "\e616"
}

.icon-delivered:before {
    content: "\e617"
}

.icon-currentlocation:before {
    content: "\e618"
}

.icon-pleasecontact:before {
    content: "\e619"
}

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

.icon-flag:before {
    content: "\e61b"
}

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

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

.icon-manifestrecieved:before {
    content: "\e61e"
}

.icon-departed:before {
    content: "\e61f"
}

.icon-linkedin:before {
    content: "\e620"
}

.icon-vimeo:before {
    content: "\e621"
}

.icon-youtube:before {
    content: "\e622"
}

.icon-pod:before {
    content: "\e623"
}

.icon-weibo:before {
    content: "\e624"
}

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

.icon-arrow-link-right:before {
    content: "\e626"
}

.icon-clearancedelay:before {
    content: "\e627"
}

.icon-navigation:before {
    content: "\e900"
}

.icon-exception:before {
    content: "\e901"
}

.icon-list:before {
    content: "\e902"
}

.icon-grid:before {
    content: "\e903"
}

.icon-ocean:before {
    content: "\e904"
}

.icon-carbon:before {
    content: "\e905"
}

.icon-transit:before {
    content: "\e906"
}

.icon-pieces:before {
    content: "\e907"
}

.icon-dimensions:before {
    content: "\e908"
}

.icon-weight:before {
    content: "\e909"
}

.icon-parcel:before {
    content: "\e90a"
}

.icon-phone-external:before {
    content: "\e90b"
}

.icon-mailto-external:before {
    content: "\e90c"
}

.icon-railroad:before {
    content: "\e90d"
}

.icon-reset:before {
    content: "\e90e"
}
/*h1, h2, h3, h4, h5, h6, html {
    font-family: Frutiger W04, Verdana, sans-serif;
}*/
h1, h2, h3, h4, h5, h6 {
    /*text-transform: uppercase;*/
    font-weight: 800;
    margin: 0 0 2.8rem;
}

    h1 .sub-h1 {
        font-weight: 200;
    }

html {
    font-size: 10px;
}
/*body {
    font-size: 1.6em;
    line-height: 2.8rem;
}*/
b, strong {
    font-weight: 700;
}

p {
    margin-bottom: 1.4rem;
    /*line-height: 2.8rem;*/
}

span.marked {
    background-color: #ffe57f;
}

hr {
    border: 1px solid;
    margin: -1px 0;
}

sub, sup {
    vertical-align: baseline;
    position: relative;
    top: -.4em;
}

sub {
    top: .4em;
}

abbr {
    color: pink;
    border: 1px dotted #666;
}

.quote {
    color: #d40511;
    font-size: 2.5rem;
    font-family: Frutiger W04, Verdana, sans-serif;
    font-weight: 200;
    line-height: 4.199999999999999rem;
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

blockquote {
    border-left: 3px solid #d1d1d1;
    font-family: Frutiger W04, Verdana, sans-serif;
    font-weight: 700;
    margin: 0;
    padding-left: 20px;
    margin-left: 20px;
}

.text--s {
    color: #666;
    font-size: 1rem;
    line-height: 2.8rem;
}

.text--l {
    font-size: 1.6rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

@media screen and (min-width:320px) and (max-width:479px) {
    h1, h2 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }

    h4, h5, h6 {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-bottom: 1.4rem;
    }

        h4 .overline {
            font-size: 1.3rem;
            line-height: 1.4rem;
        }

    h1 .sub-h1 {
        line-height: 2.8rem;
    }

    .text--xl, h1 .sub-h1 {
        font-size: 2rem;
    }

    .text--l {
        font-size: 1.6rem;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    h1 {
        font-size: 3.1rem;
        line-height: 4.199999999999999rem;
    }

    .text--xl, h2 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }

    h4, h5, h6 {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-bottom: 1.4rem;
    }

        h4 .overline {
            font-size: 1.3rem;
            line-height: 1.4rem;
        }

    h1 .sub-h1 {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .text--l {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    h1 {
        font-size: 3.9rem;
        line-height: 4.199999999999999rem;
    }

    .text--xl, h2 {
        font-size: 3.1rem;
        line-height: 2.8rem;
    }

    .text--l, h4 {
        font-size: 2rem;
        line-height: 2.8rem;
    }

        h4 .overline {
            font-size: 1.3rem;
            line-height: 1.4rem;
        }

    h5, h6 {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-bottom: 1.4rem;
    }

    .text--xl, h1 .sub-h1 {
        font-size: 2.5rem;
    }

    .text--l {
        font-size: 2rem;
    }
}

@media print, screen and (min-width:768px) {
    .quote {
        font-size: 3.1rem;
    }

    .text--s {
        font-size: 1.3rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    h1 {
        font-size: 3.9rem;
        line-height: 4.199999999999999rem;
    }

    .text--xl, h2 {
        font-size: 3.1rem;
        line-height: 2.8rem;
    }

    .text--l, h4 {
        /*font-size: 2rem;*/
        line-height: 2.8rem;
    }

        h4 .overline {
            font-size: 1.3rem;
            line-height: 1.4rem;
        }

    h5, h6 {
        font-size: 1.6rem;
        margin-bottom: 1.4rem;
    }

    h1 .sub-h1, h5, h6 {
        line-height: 2.8rem;
    }

    h1 .sub-h1 {
        font-size: 2.5rem;
    }
}

@media print, screen and (min-width:1024px) {
    h1 {
        font-size: 4.9rem;
    }

    h2 {
        font-size: 3.9rem;
    }

    .text--xl, h1, h2 {
        line-height: 4.199999999999999rem;
    }

    .text--xl, h2 {
        font-size: 3.9rem;
    }

    .text--l, h4 {
        /*font-size: 2.5rem;*/
        line-height: 2.8rem;
    }

        h4 .overline {
            font-size: 1.3rem;
            line-height: 1.4rem;
        }

    h5 {
        font-size: 2rem;
    }

    h5, h6 {
        line-height: 2.8rem;
    }

    h6 {
        font-size: 1.6rem;
        margin-bottom: 1.4rem;
    }

    h1 .sub-h1 {
        font-size: 2.5rem;
    }
}

.overlay {
    background-color: rgba(50, 50, 50, .6);
    min-height: 100vh;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
}

.lightbox, .overlay {
    display: none;
    opacity: 0;
    width: 100%
}

.lightbox {
    position: absolute;
    padding-bottom: 2.8rem;
    padding-top: 2.8rem;
    max-width: 100%;
    min-width: 100%;
    z-index: 10001;
}

.lightbox-wrapper {
    background-color: #fff;
    position: relative;
}

.lightbox-contentbox {
    padding: 2.8rem;
}

.lightbox-close {
    color: #d40511;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 1.4rem;
    right: 1.4rem;
    width: 2.8rem;
    height: 2.8rem;
    font-size: 13px;
    text-align: center;
}

.lightbox .component-small, .lightbox .component-wide {
    padding: 0;
}

.lightbox .component-margin {
    margin-bottom: 2.8rem;
}

@media screen and (min-width:480px) and (max-width:665px) {
    .lightbox .component-margin {
        margin-bottom: 4.199999999999999rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .lightbox {
        padding-bottom: 5.6rem;
        padding-top: 5.6rem;
    }

    .lightbox-contentbox {
        padding: 5.6rem;
    }

    .lightbox .component-margin {
        margin-bottom: 4.199999999999999rem;
    }
}

@media print, screen and (min-width:768px) {
    .lightbox {
        padding-bottom: 5.6rem;
        padding-top: 5.6rem;
    }

        .lightbox .c-single-cta .base-button {
            margin-bottom: 1.4rem;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .lightbox-contentbox {
        padding: 4.199999999999999rem;
    }

    .lightbox .c-single-cta .base-button {
        margin: 0;
        margin-bottom: 1.4rem;
        width: 100%
    }

    .lightbox .component-margin {
        margin-bottom: 4.199999999999999rem;
    }
}

@media print, screen and (min-width:1024px) {
    .lightbox-contentbox {
        padding: 5.6rem;
    }

    .lightbox .component-margin {
        margin-bottom: 5.6rem;
    }
}

a {
    text-decoration: none;
}

    a.icon-left:before {
        display: inline-block;
        margin-right: 10px;
    }

.link {
    position: relative;
    display: inline-block;
    color: #323232;
    font-weight: 700;
}

.link, .link-light-grey {
    will-change: color;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.link-light-grey {
    color: #666;
}

.link-white {
    color: #fff;
}

.link-red, .link-white, .link:before {
    will-change: color;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.link-red, .link:before {
    color: #d40511;
}

.link-back:before {
    content: "\e626";
    color: #d40511;
    font-size: 16px;
    top: 1px;
    padding-right: .7rem;
}

.link-mail:after {
    content: "\e90c";
    margin-left: 5px;
}

.link-mail:after, .link-phone:after {
    font-size: 11px;
    top: 0;
    margin-right: 4px;
}

.link-phone:after {
    content: "\e90b";
    margin-left: 7px;
}

.link-internal:after {
    content: "\e60a";
    top: -1px;
    font-size: 12px;
    margin-left: 4px;
    color: #d40511;
}

.link-external:after {
    content: "\e608";
    font-size: 12px;
    margin-left: 7px;
    margin-right: 4px;
    color: #d40511;
}

.link-external-wide, .link-internal-wide {
    color: #323232;
    display: block;
    top: 1px;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    padding: .7rem 2.8rem .7rem 0;
    cursor: pointer;
}

    .link-external-wide a, .link-external-wide span, .link-internal-wide a, .link-internal-wide span {
        color: #323232;
        overflow: hidden;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 100%;
        padding-right: 1.4rem;
        will-change: color;
        -webkit-transition: color .2s;
        transition: color .2s;
    }

        .link-external-wide a:after, .link-external-wide span:after, .link-internal-wide a:after, .link-internal-wide span:after {
            color: #d40511;
            content: "\e60a";
            font-size: 12px;
            top: -1px;
            position: absolute;
            top: calc(50% - 14px);
            right: 0;
        }

        .link-external-wide a:after, .link-external-wide span:after {
            content: "\e608";
            right: 0;
        }

    .link-external-wide:hover a, .link-external-wide:hover span, .link-internal-wide:hover a, .link-internal-wide:hover span {
        color: #d40511;
    }

.link.link-arrow-down:after {
    margin-left: 8px;
    top: 0;
    font-size: 14px;
    content: "\e614"
}

.link-text.is-open .link-text--wrapper {
    display: block;
    height: auto;
    overflow: visible;
}

.link-text.is-open .link-text--link {
    color: #d40511;
}

.link-text.is-open .link-text--icon:after {
    content: "\e60c"
}

.link-text .link-text--wrapper {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .6s;
    transition: height .6s;
}

.link-text p {
    padding-top: 1.4rem;
    margin-bottom: .7rem;
}

.link-text--link {
    background-color: #fff;
    color: #323232;
    display: block;
    font-size: 2rem;
    height: auto;
    line-height: 2.8rem;
    padding: .7rem 5.6rem .7rem 1.4rem;
    position: relative;
    will-change: color;
    -webkit-transition: color .2s;
    transition: color .2s;
}

    .link-text--link:hover .link-text--icon {
        color: #323232;
    }

.link-text--link-mobile {
    padding-bottom: .7rem;
}

    .link-text--link-mobile:after {
        color: #d40511;
        margin-left: 4px;
        top: 0;
    }

.link-text--icon, .link-text--icon-mobile {
    cursor: pointer;
    display: block;
    color: #d40511;
    font-family: dhlicons;
    font-size: 15px;
    height: 100%;
    position: absolute;
    right: 0;
    width: 5.6rem;
    top: 0;
    text-align: right;
    padding-right: 1.4rem;
}

.link-text--icon {
    display: none;
}

.link-text--icon-mobile {
    display: block;
    margin-left: 8px;
    position: absolute;
    padding-top: .7rem;
    right: 0;
    content: "\e60f"
}

@media screen and (min-width:666px) and (max-width:767px) {
    .link-text {
        display: block;
    }

        .link-text .link-text--wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            overflow: visible;
        }

        .link-text p {
            margin-bottom: 4.199999999999999rem;
        }

    .link-text--link {
        background-color: inherit;
        border-bottom: 1px solid #d1d1d1;
        color: #d40511;
        display: block;
        line-height: 2.8rem;
        padding: .7rem 0;
    }

    .link-text--icon {
        display: inline;
        margin-left: 0;
        position: relative;
        width: auto;
    }

    .link-text--icon-mobile, .link-text--link-mobile {
        display: none;
    }
}

@media print, screen and (min-width:768px) {
    .link-light-grey: hover, .link-white:hover, .link:hover {
        color: #d40511;
    }

    .link-red:hover, .link-red:hover:after {
        color: #323232;
    }

    .link-internal span {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        position: static;
        width: 100%
    }

    .link-external-wide, .link-internal-wide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        will-change: background-color;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }

        .link-external-wide:hover, .link-internal-wide:hover {
            background-color: #f2f2f2;
        }

        .link-external-wide:first-child, .link-internal-wide:first-child {
            border-top: 1px solid #d1d1d1;
        }

    .link-text {
        display: block;
        padding: 0 2.8rem;
    }

        .link-text .link-text--wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: auto;
            overflow: visible;
        }

        .link-text p {
            margin-bottom: 4.199999999999999rem;
        }

    .link-text--link {
        background-color: inherit;
        border-bottom: 1px solid #d1d1d1;
        color: #d40511;
        display: block;
        line-height: 2.8rem;
        padding: .7rem 0;
    }

    .link-text--icon {
        display: inline;
        margin-left: 0;
        position: relative;
        width: auto;
    }

    .link-text--icon-mobile, .link-text--link-mobile {
        display: none;
    }
}

ol, ul {
    list-style-position: inside;
    margin-bottom: 1.4rem;
    /*line-height: 2.8rem;*/
}

ul {
    list-style-type: disc;
}

ol li ol {
    list-style-type: lower-latin;
}

.list {
    margin-bottom: 1.4rem;
    list-style-position: outside;
    color: #d40511;
}

    .list .list {
        margin-top: 1.4rem;
        margin-bottom: 0;
    }

    .list li {
        margin-bottom: 1.4rem;
    }

        .list li:last-child {
            margin-bottom: 0;
        }

        .list li span {
            color: #323232;
        }

            .list li span a span {
                color: #d40511;
                will-change: color;
                -webkit-transition: color .2s;
                transition: color .2s;
            }

            .list li span a:hover span {
                color: #323232;
            }

.list-proof-check {
    margin-left: 0;
    list-style-type: none;
    color: #d40511;
}

    .list-proof-check li {
        position: relative;
        margin-bottom: 1.4rem;
        padding-left: 29px;
    }

        .list-proof-check li:last-child {
            margin-bottom: 0;
        }

        .list-proof-check li:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "\e605";
            font-size: 1.6rem;
            font-family: dhlicons;
            speak: none;
            font-style: normal;
            font-weight: 400;
            -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
            font-variant: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .list-proof-check li span {
            color: #323232;
        }

.base-button {
    position: relative;
    border: 1px solid #d40511; /** VANDANA changed from 2px to 1px */
    background-color: #d40511;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.6rem;
    margin: 0;
    margin-bottom: 1.4rem;
    padding: 0 3.125%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    min-height: 3.199999999999999rem; /**VANDANA changed from 4 to 3 */
    overflow: hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

button.base-button {
    display: inline-block;
}

.base-button span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.6999999999999997rem;
    margin: 0;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    letter-spacing: .05rem;
    white-space: normal;
}

:-ms-fullscreen, :root .base-button span.at-icon-wrapper {
    padding: 0;
}

button.base-button span {
    letter-spacing: -.03rem;
}

.base-button, .base-button--small {
    min-width: 14rem;
}

.base-button--wide {
    min-width: 20% !important;
}

.base-button span {
    color: #fff;
}

.base-button:before {
    position: absolute;
    left: 1.4rem;
}

.base-button:after {
    position: absolute;
    right: 1.4rem;
}

.isTouch .base-button:active {
    border-color: #d40511;
    background-color: #fff;
}

    .isTouch .base-button:active span {
        color: #d40511;
    }

.isDesktop .base-button:hover {
    border-color: #d40511;
    background-color: #fff;
}

    .isDesktop .base-button:hover span {
        color: #d40511;
    }

.base-button--yellow {
    color: #323232;
    border-color: #fc0;
    background-color: #fc0;
}

    .base-button--yellow span {
        color: #323232;
    }

    .base-button--yellow:focus, .isTouch .base-button--yellow:active {
        background-color: #fff;
        border-color: #fc0;
    }

        .base-button--yellow:focus span, .isTouch .base-button--yellow:active span {
            color: #323232;
        }

.isDesktop .base-button--yellow:hover {
    background-color: #fff;
    border-color: #fc0;
}

    .isDesktop .base-button--yellow:hover span {
        color: #323232;
    }

.base-button--white {
    color: #d40511;
    border: 2px solid #d1d1d1;
    background-color: #fff;
    will-change: border-color;
    -webkit-transition: border .2s;
    transition: border .2s;
}

    .base-button--white span {
        color: #d40511;
    }

.isDesktop .base-button--white:hover, .isTouch .base-button--white:active {
    background-color: #fff;
    border: 2px solid #d40511;
}

.base-button.is-disabled, .base-button.is-disabled:hover {
    color: #fff;
    -webkit-transition: none;
    transition: none;
    cursor: auto;
    border-color: #d1d1d1;
    background-color: #d1d1d1;
}

    .base-button.is-disabled:hover span, .base-button.is-disabled span {
        color: #fff;
    }

.base-button--white.is-disabled, .base-button--white.is-disabled:hover {
    color: #d1d1d1;
    background-color: #fff;
}

    .base-button--white.is-disabled span {
        color: #d1d1d1;
    }

.base-button--country-select {
    padding-left: 50px;
    padding-right: 32px;
}

    .base-button--country-select:before {
        content: "\e604";
        font-size: 24px;
    }

    .base-button--country-select:after {
        content: "\e60a";
        font-weight: 700;
    }

.circle-button {
    display: inline-block;
    width: 4.199999999999999rem;
    height: 4.199999999999999rem;
    line-height: 4.199999999999999rem;
    font-size: 2rem;
    border: 1px solid #b5b5b5;
    border-radius: 50%;
    background-color: #f2f2f2;
    cursor: pointer;
    text-align: center;
    will-change: background-color, border-color;
    -webkit-transition: background-color .2s, border .2s;
    transition: background-color .2s, border .2s;
}

    .circle-button:before {
        position: relative;
        left: 1px;
    }

.isDesktop .circle-button:hover, .isTouch .circle-button:active {
    color: #d40511;
    background-color: #e8e8e8;
}

.circle-button-big {
    display: inline-block;
    width: 5.6rem;
    height: 5.6rem;
    line-height: 5.6rem;
    font-size: 24px;
    color: #d40511;
    border: 1px solid #b5b5b5;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    will-change: font-size, border-color;
    -webkit-transition: font-size .2s, border .2s;
    transition: font-size .2s, border .2s;
}

    .circle-button-big:before {
        position: relative;
        top: -1px;
    }

.isDesktop .circle-button-big:hover, .isTouch .circle-button-big:active {
    border: 1px solid #d40511;
    font-size: 26px;
}

@media print, screen and (max-width:767px) {
    .base-button {
        width: 100%
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .base-button span {
        white-space: nowrap;
    }
}

@media print, screen and (min-width:768px) {
    .base-button {
        will-change: background-color, border-color;
        -webkit-transition: background-color .2s, border .2s;
        transition: background-color .2s, border .2s;
    }

        .base-button span {
            white-space: nowrap;
        }
}

.c-form-steps {
    position: relative;
}

    .c-form-steps h5 {
        color: #666;
        margin: 2.8rem 0;
        font-weight: 400;
        text-transform: none;
    }

    .c-form-step--form, .c-form-steps h5 {
        text-align: center;
    }

.c-form-step--form-wrapper, .c-form-step--form-wrapper-editor {
    background: #f2f2f2;
}

    .c-form-step--form-wrapper-editor section {
        width: 100%;
        max-width: 100%
    }

    .c-form-step--form-wrapper-editor h4 {
        margin-left: 44%
    }

.c-form-step--section {
    margin: 0 auto;
}

.c-form-steps.is-form-steps .c-form-step--section {
    display: block;
    margin: 0 auto;
}

.c-form-steps .has-button-step {
    display: none;
}

.c-form-steps.is-form-steps.use-form-steps .c-form-step--section {
    display: none;
    opacity: 0;
    margin: auto;
}

    .c-form-steps.is-form-steps.use-form-steps .c-form-step--section:first-of-type {
        display: inline-block;
        opacity: 1;
    }

.c-form-steps.is-form-steps.use-form-steps .has-button-step {
    display: block;
}

    .c-form-steps.is-form-steps.use-form-steps .has-button-step a, .c-form-steps.is-form-steps.use-form-steps .has-button input.base-button {
        width: 100%;
        margin-bottom: 7rem;
    }

        .c-form-steps.is-form-steps.use-form-steps .has-button-step a span {
            color: #323232;
            padding: 1rem 0;
        }

.c-form-step--item.has-button-submit button {
    width: 100%
}

.c-form-step--item.has-button-submit span {
    width: 100%;
    display: inline-block;
}

.c-form-step--item {
    line-height: 0;
    margin: 0 auto;
    max-width: 560px;
}

    .c-form-step--item.has-button {
        border: none;
        border-radius: 0;
        height: 7rem;
        padding-top: 1.4rem;
    }

.c-form-step--error-message {
    color: #d40511;
    display: none;
    line-height: 1.4rem;
    font-size: 1.3rem;
    margin: 0;
}

[data-form-validation-state=error] .c-form-step--error-message {
    display: block;
    text-align: left;
    padding: .7rem 1.4rem;
}

.c-form--element-fieldset [data-form-validation-state=error].c-form-step--item:last-child .c-form--element-input, [data-form-validation-state=error] .c-form--element-input {
    border: 3px solid #d40511;
    border-top: 0;
}

[data-form-validation-state=error] .c-form--element-label {
    border: 3px solid #d40511;
    border-bottom: 0;
}

.c-form--element-base {
    color: #666;
    font-size: 1.6rem;
    background: #fff;
    border: 1px solid #fff;
    padding: 1.4rem 1.4rem 0;
    height: 2.8rem;
    line-height: 2.0999999999999996rem;
    margin: 0;
    width: 100%
}

.c-form--element-fieldset {
    border: 0;
    padding: 1.4rem 0;
    margin: 0;
}

.c-form--element-fieldset-headline {
    color: #323232;
}

.c-form--element-fieldset .c-form-step--item-checkbox:last-child, .c-form--element-fieldset .c-form-step--item:last-child .c-form--element-input, .c-form--element-fieldset .c-form-step--item:last-child .c-form--element-select, .c-form--element-fieldset .c-form-step--item:last-child .c-form--element-textarea, .c-form--element-fieldset .c-form-step--item:last-child:last-child .c-form--element-input-upload, .c-form--element-fieldset .c-form-step--item:last-child:last-child .c-form--element-input-upload-fake {
    border-bottom: 1px solid #b5b5b5;
}

    .c-form--element-fieldset .c-form-step--item-checkbox:last-child[data-form-validation-state=error] {
        border-bottom: 0;
    }

.c-form--element-fieldset .c-form-step--item:last-child:last-child[data-form-validation-state=error] .c-form--element-input-upload, .c-form--element-fieldset .c-form-step--item:last-child:last-child[data-form-validation-state=error] .c-form--element-input-upload-fake, .c-form--element-fieldset .c-form-step--item:last-child[data-form-validation-state=error] .c-form--element-select, .c-form--element-fieldset .c-form-step--item:last-child[data-form-validation-state=error] .c-form--element-textarea {
    border-bottom: 3px solid #d40511;
}

.c-form--element-label {
    color: #666;
    font-size: 1.3rem;
    display: block;
    height: 100%;
    text-align: left;
    line-height: 1.4rem;
}

.c-form--element-label, .c-form--element-select {
    border: 1px solid #b5b5b5;
    border-bottom: 0;
    cursor: pointer;
}

.c-form--element-select {
    background: url(../../assets/dd_arrow.png) no-repeat scroll 100% #fff;
    background-size: 30px 29px;
    height: 5.6rem;
    padding: 1.4rem;
    border-radius: 0;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .c-form--element-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    .c-form--element-select option {
        padding: 10px 20px;
        border: 0;
        box-shadow: none;
    }

        .c-form--element-select option[selected=selected] {
            background-color: #d1d1d1;
        }

    .c-form--element-select::-ms-expand {
        display: none;
    }

[data-form-validation-state=error] select {
    border: 3px solid #d40511;
}

.c-form--element-input {
    padding: .7rem 1.4rem;
    border: 1px solid #b5b5b5;
    border-top: 0;
    border-bottom: 0;
    font-weight: 400;
    height: auto;
}

.c-form-step--item-checkbox {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border: 1px solid #b5b5b5;
    border-bottom: 0;
    min-height: 5.3rem;
}

input.c-form--element-checkbox {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    border: 0;
}

.c-form--element-label-checkbox {
    background: #fff;
    border: 2px solid #b5b5b5;
    cursor: pointer;
    height: 2.0999999999999996rem;
    width: 2.0999999999999996rem;
    position: absolute;
    top: 1.6rem;
    left: 1.4rem;
    padding: 0;
    z-index: 9;
}

.c-form--element-value {
    color: #666;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 1.4rem 1.4rem 1.4rem 5.6rem;
    text-align: left;
    position: relative;
    z-index: 9;
    margin-bottom: 0;
    height: 100%;
    line-height: 2.4rem;
}

label.c-form--element-label-checkbox:after {
    border: none;
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #fff #fff;
    border-color: #fff;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 2px 2px;
    content: "";
    height: 5px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 9px;
}

.c-form--element-highlight {
    position: absolute;
    width: 100%;
    height: 5.3999999999999995rem;
    background: #fff;
}

.c-form-step--item-checkbox .c-form-step--error-message {
    background-color: #f2f2f2;
    height: auto;
}

.c-form-step--item-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.c-form-step--item-checkbox input[type=checkbox]:checked + label {
    background: #76bd22;
    border-color: #76bd22;
}

.c-form-step--item-checkbox[data-form-validation-state=error] {
    height: auto;
    border: none;
}

.c-form-step--item-checkbox .c-form--element-highlight {
    background: none;
    position: relative;
    height: 100%
}

.c-form-step--item-checkbox[data-form-validation-state=error] .c-form--element-highlight {
    border: 3px solid #d40511;
}

.c-form-step--item-checkbox[data-form-validation-state=error] label {
    border: 2px solid #b5b5b5;
}

.c-form-step--item-upload {
    position: relative;
    height: 5.6rem;
}

    .c-form-step--item-upload label {
        border: 0;
        height: 5.6rem;
        padding-right: 14rem;
        display: none;
    }

.isDesktop .c-form-step--item-upload:hover .base-button, .isTouch .c-form-step--item-upload:active .base-button {
    background-color: #fff;
    border-color: #fc0;
}

.c-form-step--item-upload .base-button {
    position: absolute;
    overflow: hidden;
    height: 5.6rem;
    top: 0;
    right: 0;
    margin: 0;
    min-width: 5.6rem;
}

.c-form--element-input-upload-fake {
    border: 1px solid #b5b5b5;
    padding: 1.4rem;
    cursor: pointer;
    height: 5.6rem;
    display: none;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 0;
}

    .c-form--element-input-upload-fake::-webkit-input-placeholder {
        color: #666;
    }

    .c-form--element-input-upload-fake:-moz-placeholder, .c-form--element-input-upload-fake::-moz-placeholder {
        color: #666;
        opacity: 1;
    }

    .c-form--element-input-upload-fake:-ms-input-placeholder {
        color: #666;
    }

.c-form--element-input-upload {
    border: 1px solid #b5b5b5;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
    opacity: 1;
    padding-top: 1.7rem;
    filter: alpha(opacity=0);
    height: 5.6rem;
    border-bottom: 0;
}

.c-form-step--item-upload[data-form-validation-state=error] .c-form--element-input-upload-fake {
    border: 3px solid #d40511;
}

.c-form-step--item-upload[data-form-validation-state=error] .base-button {
    border-top: 3px solid #d40511;
    border-right: 3px solid #d40511;
    border-bottom: 3px solid #d40511;
}

.c-form-step--item-upload[data-form-validation-state=error] .c-form--element-label {
    border: none;
}

.c-form--element-textarea {
    height: auto;
    border: 1px solid #b5b5b5;
    padding: 1.4rem;
    border-top: 0;
    border-bottom: 0;
}

[data-form-validation-state=error] textarea {
    border: 3px solid #d40511;
    border-top: 0;
}

.c-form-step--item-package-size-wrapper {
    max-width: 560px;
    margin: 0 auto 4.199999999999999rem;
}

.c-form--element-fieldset-package-size {
    position: relative;
}

.c-form-step--item-package-size-remove {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 2.0999999999999996rem;
}

    .c-form-step--item-package-size-remove span {
        color: #d40511;
        padding: 1.4rem;
    }

.c-form-step--item-package-size-add {
    color: #666;
    cursor: pointer;
    text-align: left;
}

    .c-form-step--item-package-size-add span:before {
        font-size: 1.3rem;
        margin-right: .7rem;
    }

.c-form-step--item-package-size-box-outer {
    border: 1px solid #b5b5b5;
}

.c-form-step--item-package-size-box {
    background-color: #fff;
    border-bottom: 1px solid #b5b5b5;
    padding: 2.8rem .7rem 1.4rem;
}

    .c-form-step--item-package-size-box:last-child {
        border-bottom: none;
    }

.c-form-step--item-package-size-item, .c-form-step--item-package-size-legend {
    margin-bottom: 2.8rem;
}

.c-form-step--item-package-size-box.type-dimension {
    padding: 2.8rem .7rem 1.4rem;
}

    .c-form-step--item-package-size-box.type-dimension label {
        font-size: 1.3rem;
    }

.c-form-step--item-package-size-box label, .c-form-step--item-package-size-legend {
    color: #666;
    font-size: 1.6rem;
    display: block;
    text-align: left;
    line-height: 1.4rem;
}

    .c-form-step--item-package-size-legend:before {
        margin-right: .7rem;
    }

.c-form-step--item-package-size-item .has-border {
    position: relative;
}

    .c-form-step--item-package-size-item .has-border:before {
        border-left: 1px solid #b5b5b5;
        bottom: 0;
        content: " ";
        height: 5px;
        position: absolute;
        left: 0;
    }

    .c-form-step--item-package-size-item .has-border:after {
        border-left: 1px solid #b5b5b5;
        bottom: 0;
        content: " ";
        height: 5px;
        position: absolute;
        right: 0;
    }

.c-form-step--item-package-size-box .c-form-step--item-package-size-item, .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-legend {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 1.4rem;
}

.c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-item {
    position: relative;
}

    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-item:nth-child(3):before {
        color: #b5b5b5;
        content: "\e602";
        font-size: 1.3rem;
        position: absolute;
        left: -7px;
        top: 50%
    }

    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-item:nth-child(3):after {
        color: #b5b5b5;
        content: "\e602";
        font-size: 1.3rem;
        position: absolute;
        right: -7px;
        top: 50%
    }

.c-form-step--item-package-size-input {
    border: none;
    border-bottom: 1px solid #b5b5b5;
    padding: 0 .7rem;
    width: 100%
}

    .c-form-step--item-package-size-input:after {
        height: 5px;
        border-left: 1px solid #b5b5b5;
    }

.c-form-step--item-package-size-box .c-form-step--item-package-size-radio {
    appearance: radio;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    margin-right: .7rem;
}

.c-form-step--item-package-size-box .c-form-step--item-radio {
    padding-bottom: 1.4rem;
}

.c-form-step--item-package-size-box .c-form--element-label-radio:before {
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 7px;
    vertical-align: bottom;
    width: 14px;
}

.c-form-step--item-package-size-radio:checked + .c-form--element-label-radio:before {
    border: 5px solid #76bd22;
    height: 6px;
    width: 6px;
}

.c-form-step--item-package-size-radio {
    display: none;
}

.c-form-step--item-package-size-box .c-form-step--item-radio:last-child {
    padding-bottom: 0;
}

.c-form-step--item-package-size-box.type-dimension label {
    margin-bottom: 1.4rem;
}

.c-form-step--item-package-size-select {
    background: url(../../assets/dd_arrow.png) no-repeat scroll 100% #fff;
    background-size: 30px 29px;
    color: #666;
    height: 4.199999999999999rem;
    padding: 0 1.4rem;
    border: 1px solid #b5b5b5;
    border-radius: 0;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%
}

    .c-form-step--item-package-size-select::-ms-expand {
        display: none;
    }

    .c-form-step--item-package-size-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    .c-form-step--item-package-size-select option {
        padding-right: 10px;
        border: 0;
        box-shadow: none;
    }

.c-form-step--item-package-size-wrapper [data-form-validation-state=error] .c-form-step--item-package-size-box-outer {
    border: 3px solid #d40511;
}

.c-form-step--item-package-size-wrapper [data-form-validation-state=error] .c-form-step--item-package-size-select {
    border: 1px solid #b5b5b5;
}

.c-form-step--item-package-size-item[data-form-validation-state=error] .c-form-step--item-package-size-input {
    border-bottom: 2px solid #d40511;
}

.c-form-step--item-package-size-item[data-form-validation-state=error] .has-border:after, .c-form-step--item-package-size-item[data-form-validation-state=error] .has-border:before {
    border-left: 2px solid #d40511;
}

@media print, screen and (max-width:767px) {
    .c-form-step--form-wrapper {
        margin: 0 -7%
    }

    .c-form-step--form-wrapper-editor {
        margin: 0 7%
    }

    .c-form-step--item-upload .base-button {
        max-width: 14rem;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-select {
        max-width: 11.2rem;
    }

    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-item {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 11.2rem;
    }

    .c-form-step--item-package-size-box .c-form-step--item-radio {
        padding-bottom: 0;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-select {
        max-width: 11.2rem;
    }

    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-item {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 11.2rem;
    }

    .c-form-step--item-package-size-box .c-form-step--item-radio {
        padding-bottom: 0;
    }
}

@media print, screen and (min-width:768px) {
    .c-form-step--item-upload label {
        padding-right: 5.6rem;
    }

    .c-form-step--item-package-size .c-form-step--item {
        margin: 0;
    }

    .c-form-step--item-package-size .c-form--element-select {
        height: 6.4rem;
    }

    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-select {
        max-width: 11.2rem;
    }

    .c-form-step--item-package-size-box.type-dimension .c-form-step--item-package-size-item {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 11.2rem;
    }

    .c-form-step--item-package-size-box .c-form-step--item-radio {
        padding-bottom: 0;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-form-step--form-wrapper {
        margin: 0 -30%
    }

    .c-form-step--form-wrapper-editor {
        margin: 0 30%
    }
}

@media print, screen and (min-width:1024px) {
    .c-form-step--form-wrapper {
        margin: 0 -38.9%
    }

    .c-form-step--form-wrapper-editor {
        margin: 0 30%
    }
}

.c-form-step--pagination {
    display: none;
    counter-reset: a;
    list-style-type: none;
}

    .c-form-step--pagination li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        list-style: none;
        position: relative;
        padding: 0 .7rem;
    }

        .c-form-step--pagination li:first-child {
            margin-left: -.7rem;
        }

        .c-form-step--pagination li:last-child {
            margin-right: -.7rem;
        }

        .c-form-step--pagination li:first-child:nth-last-child(1) {
            display: none;
        }

        .c-form-step--pagination li:first-child:nth-last-child(2), .c-form-step--pagination li:nth-child(2):last-child {
            width: 50%
        }

        .c-form-step--pagination li:first-child:nth-last-child(3), .c-form-step--pagination li:nth-child(2):nth-last-child(2), .c-form-step--pagination li:nth-child(3):last-child {
            width: 33.3333%
        }

        .c-form-step--pagination li:first-child:nth-last-child(4), .c-form-step--pagination li:nth-child(2):nth-last-child(3), .c-form-step--pagination li:nth-child(3):nth-last-child(2), .c-form-step--pagination li:nth-child(4):last-child {
            width: 25%
        }

        .c-form-step--pagination li:first-child:nth-last-child(5), .c-form-step--pagination li:nth-child(2):nth-last-child(4), .c-form-step--pagination li:nth-child(3):nth-last-child(3), .c-form-step--pagination li:nth-child(4):nth-last-child(2), .c-form-step--pagination li:nth-child(5):last-child {
            width: 20%
        }

    .c-form-step--pagination ul li:not(.is-not-active) div:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #d40511;
        position: absolute;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
    }

.c-form-step--pagination-item div {
    cursor: pointer;
    border-bottom: 3px solid #d40511;
    color: #d40511;
    line-height: 1.6rem;
    padding-bottom: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.c-form-step--pagination-item.is-not-active div {
    border-bottom: 3px solid #d1d1d1;
    color: #b5b5b5;
    cursor: default;
}

.c-form-step--pagination-item.is-validated div {
    border-bottom: 3px solid #76bd22;
    color: #76bd22;
}

.c-form-step--pagination ul li.is-validated div:after {
    border-top: 5px solid #76bd22;
}

.c-form-steps.is-form-steps.use-form-steps .c-form-step--pagination {
    display: block;
}

@media print, screen and (max-width:767px) {
    .c-form-step--pagination li {
        color: #fff;
    }

        .c-form-step--pagination li div:before {
            color: #b5b5b5;
        }

    .c-form-step--pagination ul li:not(.is-not-active) div:before {
        color: #d40511;
    }

    .c-form-step--pagination ul li.is-validated div:before {
        color: #76bd22;
    }

    .c-form-step--pagination ul li:not(.is-not-active) div:after {
        display: none;
    }
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-form-step--pagination li span {
        display: none;
    }

    .c-form-step--pagination div:before {
        content: counter(a) "  ";
        counter-increment: a;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-form-step--pagination li span {
        font-size: 1.3rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-form-step--pagination li span {
        font-size: 1.3rem;
    }
}

.c-form-success {
    position: relative;
}

.c-form-success-headline {
    text-align: center;
}

.c-form-success-head {
    border-bottom: 3px solid #76bd22;
    text-align: right;
}

    .c-form-success-head span {
        line-height: 2.8rem;
        color: #76bd22;
        font-weight: 800;
        position: relative;
        padding-right: 2.8rem;
    }

        .c-form-success-head span:before {
            position: absolute;
            right: 0;
            top: -8px;
            font-size: 2rem;
        }

.c-form-success-message {
    text-align: center;
    margin: 5.6rem 0;
}

    .c-form-success-message p {
        margin: 0;
        display: inline-block;
    }

.c-form-success-message-ruler {
    display: inline-block;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 5.6rem;
}

.c-search-expandable.is-active .c-form--element-input {
    width: calc(100% - 1.75rem - 20px);
    padding: 0 .7rem;
}

.c-search-expandable {
    margin: 0 1.4rem 0 2.8rem !important;
}

    .c-search-expandable .c-form--element-input {
        width: 0;
        -webkit-transition: width .2s ease-in;
        transition: width .2s ease-in;
        padding: 0;
        background: #f2f2f2;
    }

.c-search-expandable--button {
    cursor: pointer;
    color: #323232;
}

    .c-search-expandable--button:hover, .c-search-expandable--button:hover:before {
        color: #9d0415;
    }

@media print, screen and (min-width:768px) {
    .c-search-expandable.is-active .c-form--element-input {
        width: 50%;
        padding: 0 .7rem;
        margin: 0;
    }
}

.c-waiting {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: hsla(0, 0%, 100%, .9);
    background-image: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSc2NHB4JyBoZWlnaHQ9JzY0cHgnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLXJpcHBsZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiIGNsYXNzPSJiayI+PC9yZWN0PjxnPiA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBkdXI9IjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIiBrZXlUaW1lcz0iMDswLjMzOzEiIHZhbHVlcz0iMTsxOzAiPjwvYW5pbWF0ZT48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0MCIgc3Ryb2tlPSIjYWZhZmI3IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZHVyPSIycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyIga2V5VGltZXM9IjA7MC4zMzsxIiB2YWx1ZXM9IjA7MjI7NDQiPjwvYW5pbWF0ZT48L2NpcmNsZT48L2c+PGc+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIxcyIga2V5VGltZXM9IjA7MC4zMzsxIiB2YWx1ZXM9IjE7MTswIj48L2FuaW1hdGU+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIHN0cm9rZT0iI2ZjMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMXMiIGtleVRpbWVzPSIwOzAuMzM7MSIgdmFsdWVzPSIwOzIyOzQ0Ij48L2FuaW1hdGU+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);
    display: none;
    z-index: 20000;
    min-height: 200px;
}

    .c-waiting.is-active {
        display: block;
    }

.flag-icon:before {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    margin-right: .5em;
    line-height: 1em;
    content: "\00a0"
}

.flag-icon-ad:before {
    background-image: url(../../assets/flags/ad.svg);
}

.flag-icon-ae:before {
    background-image: url(../../assets/flags/ae.svg);
}

.flag-icon-af:before {
    background-image: url(../../assets/flags/af.svg);
}

.flag-icon-ag:before {
    background-image: url(../../assets/flags/ag.svg);
}

.flag-icon-ai:before {
    background-image: url(../../assets/flags/ai.svg);
}

.flag-icon-al:before {
    background-image: url(../../assets/flags/al.svg);
}

.flag-icon-am:before {
    background-image: url(../../assets/flags/am.svg);
}

.flag-icon-ao:before {
    background-image: url(../../assets/flags/ao.svg);
}

.flag-icon-aq:before {
    background-image: url(../../assets/flags/aq.svg);
}

.flag-icon-ar:before {
    background-image: url(../../assets/flags/ar.svg);
}

.flag-icon-as:before {
    background-image: url(../../assets/flags/as.svg);
}

.flag-icon-at:before {
    background-image: url(../../assets/flags/at.svg);
}

.flag-icon-au:before {
    background-image: url(../../assets/flags/au.svg);
}

.flag-icon-aw:before {
    background-image: url(../../assets/flags/aw.svg);
}

.flag-icon-ax:before {
    background-image: url(../../assets/flags/ax.svg);
}

.flag-icon-az:before {
    background-image: url(../../assets/flags/az.svg);
}

.flag-icon-ba:before {
    background-image: url(../../assets/flags/ba.svg);
}

.flag-icon-bb:before {
    background-image: url(../../assets/flags/bb.svg);
}

.flag-icon-bd:before {
    background-image: url(../../assets/flags/bd.svg);
}

.flag-icon-be:before {
    background-image: url(../../assets/flags/be.svg);
}

.flag-icon-bf:before {
    background-image: url(../../assets/flags/bf.svg);
}

.flag-icon-bg:before {
    background-image: url(../../assets/flags/bg.svg);
}

.flag-icon-bh:before {
    background-image: url(../../assets/flags/bh.svg);
}

.flag-icon-bi:before {
    background-image: url(../../assets/flags/bi.svg);
}

.flag-icon-bj:before {
    background-image: url(../../assets/flags/bj.svg);
}

.flag-icon-bl:before {
    background-image: url(../../assets/flags/bl.svg);
}

.flag-icon-bm:before {
    background-image: url(../../assets/flags/bm.svg);
}

.flag-icon-bn:before {
    background-image: url(../../assets/flags/bn.svg);
}

.flag-icon-bo:before {
    background-image: url(../../assets/flags/bo.svg);
}

.flag-icon-bq:before {
    background-image: url(../../assets/flags/bq.svg);
}

.flag-icon-br:before {
    background-image: url(../../assets/flags/br.svg);
}

.flag-icon-bs:before {
    background-image: url(../../assets/flags/bs.svg);
}

.flag-icon-bt:before {
    background-image: url(../../assets/flags/bt.svg);
}

.flag-icon-bv:before {
    background-image: url(../../assets/flags/bv.svg);
}

.flag-icon-bw:before {
    background-image: url(../../assets/flags/bw.svg);
}

.flag-icon-by:before {
    background-image: url(../../assets/flags/by.svg);
}

.flag-icon-bz:before {
    background-image: url(../../assets/flags/bz.svg);
}

.flag-icon-ca:before {
    background-image: url(../../assets/flags/ca.svg);
}

.flag-icon-cc:before {
    background-image: url(../../assets/flags/cc.svg);
}

.flag-icon-cd:before {
    background-image: url(../../assets/flags/cd.svg);
}

.flag-icon-cf:before {
    background-image: url(../../assets/flags/cf.svg);
}

.flag-icon-cg:before {
    background-image: url(../../assets/flags/cg.svg);
}

.flag-icon-ch:before {
    background-image: url(../../assets/flags/ch.svg);
}

.flag-icon-ci:before {
    background-image: url(../../assets/flags/ci.svg);
}

.flag-icon-ck:before {
    background-image: url(../../assets/flags/ck.svg);
}

.flag-icon-cl:before {
    background-image: url(../../assets/flags/cl.svg);
}

.flag-icon-cm:before {
    background-image: url(../../assets/flags/cm.svg);
}

.flag-icon-cn:before {
    background-image: url(../../assets/flags/cn.svg);
}

.flag-icon-co:before {
    background-image: url(../../assets/flags/co.svg);
}

.flag-icon-cr:before {
    background-image: url(../../assets/flags/cr.svg);
}

.flag-icon-cu:before {
    background-image: url(../../assets/flags/cu.svg);
}

.flag-icon-cv:before {
    background-image: url(../../assets/flags/cv.svg);
}

.flag-icon-cw:before {
    background-image: url(../../assets/flags/cw.svg);
}

.flag-icon-cx:before {
    background-image: url(../../assets/flags/cx.svg);
}

.flag-icon-cy:before {
    background-image: url(../../assets/flags/cy.svg);
}

.flag-icon-cz:before {
    background-image: url(../../assets/flags/cz.svg);
}

.flag-icon-de:before {
    background-image: url(../../assets/flags/de.svg);
}

.flag-icon-dj:before {
    background-image: url(../../assets/flags/dj.svg);
}

.flag-icon-dk:before {
    background-image: url(../../assets/flags/dk.svg);
}

.flag-icon-dm:before {
    background-image: url(../../assets/flags/dm.svg);
}

.flag-icon-do:before {
    background-image: url(../../assets/flags/do.svg);
}

.flag-icon-dz:before {
    background-image: url(../../assets/flags/dz.svg);
}

.flag-icon-ec:before {
    background-image: url(../../assets/flags/ec.svg);
}

.flag-icon-ee:before {
    background-image: url(../../assets/flags/ee.svg);
}

.flag-icon-eg:before {
    background-image: url(../../assets/flags/eg.svg);
}

.flag-icon-eh:before {
    background-image: url(../../assets/flags/eh.svg);
}

.flag-icon-er:before {
    background-image: url(../../assets/flags/er.svg);
}

.flag-icon-es:before {
    background-image: url(../../assets/flags/es.svg);
}

.flag-icon-et:before {
    background-image: url(../../assets/flags/et.svg);
}

.flag-icon-fi:before {
    background-image: url(../../assets/flags/fi.svg);
}

.flag-icon-fj:before {
    background-image: url(../../assets/flags/fj.svg);
}

.flag-icon-fk:before {
    background-image: url(../../assets/flags/fk.svg);
}

.flag-icon-fm:before {
    background-image: url(../../assets/flags/fm.svg);
}

.flag-icon-fo:before {
    background-image: url(../../assets/flags/fo.svg);
}

.flag-icon-fr:before {
    background-image: url(../../assets/flags/fr.svg);
}

.flag-icon-ga:before {
    background-image: url(../../assets/flags/ga.svg);
}

.flag-icon-gb:before {
    background-image: url(../../assets/flags/gb.svg);
}

.flag-icon-gd:before {
    background-image: url(../../assets/flags/gd.svg);
}

.flag-icon-ge:before {
    background-image: url(../../assets/flags/ge.svg);
}

.flag-icon-gf:before {
    background-image: url(../../assets/flags/gf.svg);
}

.flag-icon-gg:before {
    background-image: url(../../assets/flags/gg.svg);
}

.flag-icon-gh:before {
    background-image: url(../../assets/flags/gh.svg);
}

.flag-icon-gi:before {
    background-image: url(../../assets/flags/gi.svg);
}

.flag-icon-gl:before {
    background-image: url(../../assets/flags/gl.svg);
}

.flag-icon-gm:before {
    background-image: url(../../assets/flags/gm.svg);
}

.flag-icon-gn:before {
    background-image: url(../../assets/flags/gn.svg);
}

.flag-icon-gp:before {
    background-image: url(../../assets/flags/gp.svg);
}

.flag-icon-gq:before {
    background-image: url(../../assets/flags/gq.svg);
}

.flag-icon-gr:before {
    background-image: url(../../assets/flags/gr.svg);
}

.flag-icon-gs:before {
    background-image: url(../../assets/flags/gs.svg);
}

.flag-icon-gt:before {
    background-image: url(../../assets/flags/gt.svg);
}

.flag-icon-gu:before {
    background-image: url(../../assets/flags/gu.svg);
}

.flag-icon-gw:before {
    background-image: url(../../assets/flags/gw.svg);
}

.flag-icon-gy:before {
    background-image: url(../../assets/flags/gy.svg);
}

.flag-icon-hk:before {
    background-image: url(../../assets/flags/hk.svg);
}

.flag-icon-hm:before {
    background-image: url(../../assets/flags/hm.svg);
}

.flag-icon-hn:before {
    background-image: url(../../assets/flags/hn.svg);
}

.flag-icon-hr:before {
    background-image: url(../../assets/flags/hr.svg);
}

.flag-icon-ht:before {
    background-image: url(../../assets/flags/ht.svg);
}

.flag-icon-hu:before {
    background-image: url(../../assets/flags/hu.svg);
}

.flag-icon-id:before {
    background-image: url(../../assets/flags/id.svg);
}

.flag-icon-ie:before {
    background-image: url(../../assets/flags/ie.svg);
}

.flag-icon-il:before {
    background-image: url(../../assets/flags/il.svg);
}

.flag-icon-im:before {
    background-image: url(../../assets/flags/im.svg);
}

.flag-icon-in:before {
    background-image: url(../../assets/flags/in.svg);
}

.flag-icon-io:before {
    background-image: url(../../assets/flags/io.svg);
}

.flag-icon-iq:before {
    background-image: url(../../assets/flags/iq.svg);
}

.flag-icon-ir:before {
    background-image: url(../../assets/flags/ir.svg);
}

.flag-icon-is:before {
    background-image: url(../../assets/flags/is.svg);
}

.flag-icon-it:before {
    background-image: url(../../assets/flags/it.svg);
}

.flag-icon-je:before {
    background-image: url(../../assets/flags/je.svg);
}

.flag-icon-jm:before {
    background-image: url(../../assets/flags/jm.svg);
}

.flag-icon-jo:before {
    background-image: url(../../assets/flags/jo.svg);
}

.flag-icon-jp:before {
    background-image: url(../../assets/flags/jp.svg);
}

.flag-icon-ke:before {
    background-image: url(../../assets/flags/ke.svg);
}

.flag-icon-kg:before {
    background-image: url(../../assets/flags/kg.svg);
}

.flag-icon-kh:before {
    background-image: url(../../assets/flags/kh.svg);
}

.flag-icon-ki:before {
    background-image: url(../../assets/flags/ki.svg);
}

.flag-icon-km:before {
    background-image: url(../../assets/flags/km.svg);
}

.flag-icon-kn:before {
    background-image: url(../../assets/flags/kn.svg);
}

.flag-icon-kp:before {
    background-image: url(../../assets/flags/kp.svg);
}

.flag-icon-kr:before {
    background-image: url(../../assets/flags/kr.svg);
}

.flag-icon-kw:before {
    background-image: url(../../assets/flags/kw.svg);
}

.flag-icon-ky:before {
    background-image: url(../../assets/flags/ky.svg);
}

.flag-icon-kz:before {
    background-image: url(../../assets/flags/kz.svg);
}

.flag-icon-la:before {
    background-image: url(../../assets/flags/la.svg);
}

.flag-icon-lb:before {
    background-image: url(../../assets/flags/lb.svg);
}

.flag-icon-lc:before {
    background-image: url(../../assets/flags/lc.svg);
}

.flag-icon-li:before {
    background-image: url(../../assets/flags/li.svg);
}

.flag-icon-lk:before {
    background-image: url(../../assets/flags/lk.svg);
}

.flag-icon-lr:before {
    background-image: url(../../assets/flags/lr.svg);
}

.flag-icon-ls:before {
    background-image: url(../../assets/flags/ls.svg);
}

.flag-icon-lt:before {
    background-image: url(../../assets/flags/lt.svg);
}

.flag-icon-lu:before {
    background-image: url(../../assets/flags/lu.svg);
}

.flag-icon-lv:before {
    background-image: url(../../assets/flags/lv.svg);
}

.flag-icon-ly:before {
    background-image: url(../../assets/flags/ly.svg);
}

.flag-icon-ma:before {
    background-image: url(../../assets/flags/ma.svg);
}

.flag-icon-mc:before {
    background-image: url(../../assets/flags/mc.svg);
}

.flag-icon-md:before {
    background-image: url(../../assets/flags/md.svg);
}

.flag-icon-me:before {
    background-image: url(../../assets/flags/me.svg);
}

.flag-icon-mf:before {
    background-image: url(../../assets/flags/mf.svg);
}

.flag-icon-mg:before {
    background-image: url(../../assets/flags/mg.svg);
}

.flag-icon-mh:before {
    background-image: url(../../assets/flags/mh.svg);
}

.flag-icon-mk:before {
    background-image: url(../../assets/flags/mk.svg);
}

.flag-icon-ml:before {
    background-image: url(../../assets/flags/ml.svg);
}

.flag-icon-mm:before {
    background-image: url(../../assets/flags/mm.svg);
}

.flag-icon-mn:before {
    background-image: url(../../assets/flags/mn.svg);
}

.flag-icon-mo:before {
    background-image: url(../../assets/flags/mo.svg);
}

.flag-icon-mp:before {
    background-image: url(../../assets/flags/mp.svg);
}

.flag-icon-mq:before {
    background-image: url(../../assets/flags/mq.svg);
}

.flag-icon-mr:before {
    background-image: url(../../assets/flags/mr.svg);
}

.flag-icon-ms:before {
    background-image: url(../../assets/flags/ms.svg);
}

.flag-icon-mt:before {
    background-image: url(../../assets/flags/mt.svg);
}

.flag-icon-mu:before {
    background-image: url(../../assets/flags/mu.svg);
}

.flag-icon-mv:before {
    background-image: url(../../assets/flags/mv.svg);
}

.flag-icon-mw:before {
    background-image: url(../../assets/flags/mw.svg);
}

.flag-icon-mx:before {
    background-image: url(../../assets/flags/mx.svg);
}

.flag-icon-my:before {
    background-image: url(../../assets/flags/my.svg);
}

.flag-icon-mz:before {
    background-image: url(../../assets/flags/mz.svg);
}

.flag-icon-na:before {
    background-image: url(../../assets/flags/na.svg);
}

.flag-icon-nc:before {
    background-image: url(../../assets/flags/nc.svg);
}

.flag-icon-ne:before {
    background-image: url(../../assets/flags/ne.svg);
}

.flag-icon-nf:before {
    background-image: url(../../assets/flags/nf.svg);
}

.flag-icon-ng:before {
    background-image: url(../../assets/flags/ng.svg);
}

.flag-icon-ni:before {
    background-image: url(../../assets/flags/ni.svg);
}

.flag-icon-nl:before {
    background-image: url(../../assets/flags/nl.svg);
}

.flag-icon-no:before {
    background-image: url(../../assets/flags/no.svg);
}

.flag-icon-np:before {
    background-image: url(../../assets/flags/np.svg);
}

.flag-icon-nr:before {
    background-image: url(../../assets/flags/nr.svg);
}

.flag-icon-nu:before {
    background-image: url(../../assets/flags/nu.svg);
}

.flag-icon-nz:before {
    background-image: url(../../assets/flags/nz.svg);
}

.flag-icon-om:before {
    background-image: url(../../assets/flags/om.svg);
}

.flag-icon-pa:before {
    background-image: url(../../assets/flags/pa.svg);
}

.flag-icon-pe:before {
    background-image: url(../../assets/flags/pe.svg);
}

.flag-icon-pf:before {
    background-image: url(../../assets/flags/pf.svg);
}

.flag-icon-pg:before {
    background-image: url(../../assets/flags/pg.svg);
}

.flag-icon-ph:before {
    background-image: url(../../assets/flags/ph.svg);
}

.flag-icon-pk:before {
    background-image: url(../../assets/flags/pk.svg);
}

.flag-icon-pl:before {
    background-image: url(../../assets/flags/pl.svg);
}

.flag-icon-pm:before {
    background-image: url(../../assets/flags/pm.svg);
}

.flag-icon-pn:before {
    background-image: url(../../assets/flags/pn.svg);
}

.flag-icon-pr:before {
    background-image: url(../../assets/flags/pr.svg);
}

.flag-icon-ps:before {
    background-image: url(../../assets/flags/ps.svg);
}

.flag-icon-pt:before {
    background-image: url(../../assets/flags/pt.svg);
}

.flag-icon-pw:before {
    background-image: url(../../assets/flags/pw.svg);
}

.flag-icon-py:before {
    background-image: url(../../assets/flags/py.svg);
}

.flag-icon-qa:before {
    background-image: url(../../assets/flags/qa.svg);
}

.flag-icon-re:before {
    background-image: url(../../assets/flags/re.svg);
}

.flag-icon-ro:before {
    background-image: url(../../assets/flags/ro.svg);
}

.flag-icon-rs:before {
    background-image: url(../../assets/flags/rs.svg);
}

.flag-icon-ru:before {
    background-image: url(../../assets/flags/ru.svg);
}

.flag-icon-rw:before {
    background-image: url(../../assets/flags/rw.svg);
}

.flag-icon-sa:before {
    background-image: url(../../assets/flags/sa.svg);
}

.flag-icon-sb:before {
    background-image: url(../../assets/flags/sb.svg);
}

.flag-icon-sc:before {
    background-image: url(../../assets/flags/sc.svg);
}

.flag-icon-sd:before {
    background-image: url(../../assets/flags/sd.svg);
}

.flag-icon-se:before {
    background-image: url(../../assets/flags/se.svg);
}

.flag-icon-sg:before {
    background-image: url(../../assets/flags/sg.svg);
}

.flag-icon-sh:before {
    background-image: url(../../assets/flags/sh.svg);
}

.flag-icon-si:before {
    background-image: url(../../assets/flags/si.svg);
}

.flag-icon-sj:before {
    background-image: url(../../assets/flags/sj.svg);
}

.flag-icon-sk:before {
    background-image: url(../../assets/flags/sk.svg);
}

.flag-icon-sl:before {
    background-image: url(../../assets/flags/sl.svg);
}

.flag-icon-sm:before {
    background-image: url(../../assets/flags/sm.svg);
}

.flag-icon-sn:before {
    background-image: url(../../assets/flags/sn.svg);
}

.flag-icon-so:before {
    background-image: url(../../assets/flags/so.svg);
}

.flag-icon-sr:before {
    background-image: url(../../assets/flags/sr.svg);
}

.flag-icon-ss:before {
    background-image: url(../../assets/flags/ss.svg);
}

.flag-icon-st:before {
    background-image: url(../../assets/flags/st.svg);
}

.flag-icon-sv:before {
    background-image: url(../../assets/flags/sv.svg);
}

.flag-icon-sx:before {
    background-image: url(../../assets/flags/sx.svg);
}

.flag-icon-sy:before {
    background-image: url(../../assets/flags/sy.svg);
}

.flag-icon-sz:before {
    background-image: url(../../assets/flags/sz.svg);
}

.flag-icon-tc:before {
    background-image: url(../../assets/flags/tc.svg);
}

.flag-icon-td:before {
    background-image: url(../../assets/flags/td.svg);
}

.flag-icon-tf:before {
    background-image: url(../../assets/flags/tf.svg);
}

.flag-icon-tg:before {
    background-image: url(../../assets/flags/tg.svg);
}

.flag-icon-th:before {
    background-image: url(../../assets/flags/th.svg);
}

.flag-icon-tj:before {
    background-image: url(../../assets/flags/tj.svg);
}

.flag-icon-tk:before {
    background-image: url(../../assets/flags/tk.svg);
}

.flag-icon-tl:before {
    background-image: url(../../assets/flags/tl.svg);
}

.flag-icon-tm:before {
    background-image: url(../../assets/flags/tm.svg);
}

.flag-icon-tn:before {
    background-image: url(../../assets/flags/tn.svg);
}

.flag-icon-to:before {
    background-image: url(../../assets/flags/to.svg);
}

.flag-icon-tr:before {
    background-image: url(../../assets/flags/tr.svg);
}

.flag-icon-tt:before {
    background-image: url(../../assets/flags/tt.svg);
}

.flag-icon-tv:before {
    background-image: url(../../assets/flags/tv.svg);
}

.flag-icon-tw:before {
    background-image: url(../../assets/flags/tw.svg);
}

.flag-icon-tz:before {
    background-image: url(../../assets/flags/tz.svg);
}

.flag-icon-ua:before {
    background-image: url(../../assets/flags/ua.svg);
}

.flag-icon-ug:before {
    background-image: url(../../assets/flags/ug.svg);
}

.flag-icon-um:before {
    background-image: url(../../assets/flags/um.svg);
}

.flag-icon-us:before {
    background-image: url(../../assets/flags/us.svg);
}

.flag-icon-uy:before {
    background-image: url(../../assets/flags/uy.svg);
}

.flag-icon-uz:before {
    background-image: url(../../assets/flags/uz.svg);
}

.flag-icon-va:before {
    background-image: url(../../assets/flags/va.svg);
}

.flag-icon-vc:before {
    background-image: url(../../assets/flags/vc.svg);
}

.flag-icon-ve:before {
    background-image: url(../../assets/flags/ve.svg);
}

.flag-icon-vg:before {
    background-image: url(../../assets/flags/vg.svg);
}

.flag-icon-vi:before {
    background-image: url(../../assets/flags/vi.svg);
}

.flag-icon-vn:before {
    background-image: url(../../assets/flags/vn.svg);
}

.flag-icon-vu:before {
    background-image: url(../../assets/flags/vu.svg);
}

.flag-icon-wf:before {
    background-image: url(../../assets/flags/wf.svg);
}

.flag-icon-ws:before {
    background-image: url(../../assets/flags/ws.svg);
}

.flag-icon-ye:before {
    background-image: url(../../assets/flags/ye.svg);
}

.flag-icon-yt:before {
    background-image: url(../../assets/flags/yt.svg);
}

.flag-icon-za:before {
    background-image: url(../../assets/flags/za.svg);
}

.flag-icon-zm:before {
    background-image: url(../../assets/flags/zm.svg);
}

.flag-icon-zw:before {
    background-image: url(../../assets/flags/zw.svg);
}

.flag-icon-eu:before {
    background-image: url(../../assets/flags/eu.svg);
}

.flag-icon-gb-eng:before {
    background-image: url(../../assets/flags/gb-eng.svg);
}

.flag-icon-gb-sct:before {
    background-image: url(../../assets/flags/gb-sct.svg);
}

.flag-icon-gb-wls:before {
    background-image: url(../../assets/flags/gb-wls.svg);
}

.flag-icon-un:before {
    background-image: url(../../assets/flags/un.svg);
}

.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.c-accordion--item {
    list-style-type: none;
    overflow: hidden;
}

    .c-accordion--item.is-open {
        overflow: hidden;
    }

        .c-accordion--item.is-open .c-accordion--content {
            display: block;
            height: auto;
        }

.c-accordion--hitbox {
    cursor: pointer;
}

.c-accordion--content {
    display: none;
    height: 0;
    overflow: hidden;
}

.c-alert-bar {
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
    left: 0;
    padding: 2.8rem 6.25%;
    padding-right: 5.6rem;
    text-align: left;
    background: #f2f2f2;
}

    .c-alert-bar.is-hidden {
        display: none;
    }

.c-alert-bar-headline {
    display: block;
    margin-bottom: 0;
    color: #d40511;
    text-transform: uppercase;
    line-height: 2.8rem;
    padding-right: 1.4rem;
    position: relative;
}

    .c-alert-bar-headline .link:before {
        content: "\e61d";
        display: inline-block;
        position: absolute;
        left: -11px;
        line-height: 40px;
        top: -6px;
        font-size: 40px;
        vertical-align: middle;
        height: 40px;
        width: 20px;
    }

.c-alert-bar-copy {
    display: inline-block;
    margin-bottom: 0;
    color: #d40511;
}

.c-alert_bar-close {
    display: inline-block;
    position: absolute;
    top: 2.8rem;
    right: calc(6.25% - 12px);
    width: 2.8rem;
    height: 2.8rem;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}

    .c-alert_bar-close:hover {
        color: #d40511;
    }

@media print, screen and (max-width:767px) {
    .c-alert-bar-headline {
        margin-bottom: 1.4rem;
    }

        .c-alert-bar-headline .link {
            padding-left: 2.8rem;
        }
}

@media print, screen and (min-width:768px) {
    .c-alert-bar {
        padding-left: 8.399999999999999rem;
        padding-right: 8.399999999999999rem;
        text-align: center;
    }

    .c-alert-bar-headline {
        display: inline-block;
        text-align: center;
        padding-left: 1.4rem;
        margin-top: -4px;
    }

        .c-alert-bar-headline .link:before {
            left: -20px;
            position: relative;
            top: -2px;
        }

    .c-alert-bar-copy {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        text-align: center;
    }
}

.c-breadcrumb {
    overflow: hidden;
    margin-bottom: 2.8rem;
    margin-top: 2.8rem;
    list-style-type: none;
    font-size: 13px;
    color: #666;
}

.c-breadcrumb--item {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 2.8rem;
}

    .c-breadcrumb--item:first-child {
        padding-left: 0;
    }

    .c-breadcrumb--item:last-child {
        padding-right: 0;
        font-weight: 700;
    }

        .c-breadcrumb--item:last-child span {
            white-space: nowrap;
            color: #666;
        }

.c-breadcrumb .link {
    font-weight: 400;
    white-space: nowrap;
    color: #b5b5b5;
}

.c-breadcrumb .arrow:after {
    content: "\/";
    position: absolute;
    right: 1.25rem;
    top: -1px;
    color: #d1d1d1;
    font-weight: 900;
}

@media print, screen and (min-width:768px) {
    .c-breadcrumb {
        margin-bottom: 4.199999999999999rem;
        margin-top: 4.199999999999999rem;
    }
}

.c-country-selection--close {
    cursor: pointer;
}

.c-code-inclusion > * {
    display: block;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.c-code-inclusion * {
    max-width: 100%
}

.c-component-accordion h2 {
    width: 100%
}

.c-component-accordion .component-small, .c-component-accordion .component-wide {
    padding: 0;
}

.c-component-accordion-list {
    margin-top: 1.4rem;
    margin-bottom: 0;
    width: 100%
}

.c-component-accordion .c-component-accordion--copytext {
    display: block;
    width: 100%
}

.c-component-accordion-list > li {
    float: none;
    list-style: none;
    color: #323232;
    padding: 0;
}

.c-component-accordion li .c-component-accordion--header a {
    color: #323232;
    font-family: Frutiger W04, Verdana, sans-serif;
    font-weight: 800;
    display: block;
    padding-right: 2.8rem;
}

.c-component-accordion li.has-hover .c-component-accordion--header, .c-component-accordion li.has-hover .c-component-accordion--header a, .c-component-accordion li.is-editmode .c-component-accordion--header a, .c-component-accordion li.is-open .c-component-accordion--header, .c-component-accordion li.is-open .c-component-accordion--header a, .c-component-accordion li:hover .c-component-accordion--header, .c-component-accordion li:hover .c-component-accordion--header a {
    color: #d40511;
}

.c-component-accordion li.is-editmode > div, .c-component-accordion li.is-open {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    background-color: #f2f2f2;
    border-bottom: 0;
}

    .c-component-accordion li.is-open .c-text-generic {
        padding: 0 2.8rem;
    }

        .c-component-accordion li.is-open .c-text-generic .c-text-generic--image-wrapper {
            margin-left: -2.8rem;
            margin-right: -2.8rem;
        }

    .c-component-accordion li.is-open .c-download-box--border {
        border: none;
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }

    .c-component-accordion li.is-open .c-cta {
        padding: 0 2.8rem;
    }

.c-component-accordion--header {
    display: block;
    padding: 1.4rem 2.8rem;
    border-bottom: 1px solid #d1d1d1;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    text-align: left;
}

.c-component-accordion li:first-child .c-component-accordion--header {
    border-top: 1px solid #d1d1d1;
}

.c-component-accordion li .c-component-accordion--header a:after {
    position: absolute;
    right: 0;
    font-family: dhlicons;
    content: "\e60f";
    color: #d40511;
    height: 16px;
    top: 0;
}

.c-component-accordion li.is-editmode .c-component-accordion--header a:after, .c-component-accordion li.is-open .c-component-accordion--header a:after {
    content: "\e60c"
}

.c-component-accordion--content {
    padding: 2.8rem 0 1.4rem;
    background: transparent;
    overflow: hidden;
    display: none;
    text-align: left;
}

.c-component-accordion li.is-editmode .c-component-accordion--content, .c-component-accordion li.is-open .c-component-accordion--content {
    display: block;
    border-bottom: 1px solid #d1d1d1;
}

.c-component-accordion li.is-editmode .c-component-accordion--content {
    height: auto;
}

@media print, screen and (min-width:768px) {
    .c-component-accordion li.is-open .c-cta .base-button {
        margin-bottom: 1.4rem;
    }
}

.c-contact-funnel--all-steps {
    background-color: #f2f2f2;
}

    .c-contact-funnel--all-steps .c-contact-funnel--list {
        padding: 1.4rem;
    }

    .c-contact-funnel--all-steps .list {
        list-style-type: disc;
    }

        .c-contact-funnel--all-steps .list li, .c-contact-funnel--all-steps .list li:first-child {
            border: none;
            display: list-item;
            overflow: visible;
        }

    .c-contact-funnel--all-steps .c-contact-funnel--subline {
        padding: 1.4rem 1.4rem 0;
    }

    .c-contact-funnel--all-steps .c-contact-funnel--related-content {
        padding: 1.4rem;
    }

.c-contact-funnel--background {
    background-color: #f2f2f2;
    padding-bottom: 4.199999999999999rem;
    padding-top: 4.199999999999999rem;
}

.c-contact-funnel p {
    background-color: #f2f2f2;
    color: #323232;
    margin: 0;
    padding-bottom: 1.4rem;
}

.c-contact-funnel .link-internal span {
    width: auto;
    position: absolute;
}

.c-contact-funnel--backbutton {
    cursor: pointer;
    margin-bottom: 1.4rem;
    visibility: hidden;
}

.c-contact-funnel--step-headline {
    background-color: #fff;
    will-change: background-color;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
}

.c-contact-funnel--step.is-active {
    display: block;
}

.c-contact-funnel--subline {
    text-align: left;
}

.c-contact-funnel--list {
    margin: 0;
}

    .c-contact-funnel--list li:first-child {
        border-top: 2px solid #d1d1d1;
    }

    .c-contact-funnel--list li {
        border-bottom: 2px solid #d1d1d1;
        border-left: 2px solid #d1d1d1;
        border-right: 2px solid #d1d1d1;
        display: block;
        overflow: hidden;
        text-decoration: none;
    }

.c-contact-funnel .c-contact-funnel--step-headline {
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 100%;
    padding: 1.4rem 5.6rem 1.4rem 1.4rem;
    position: relative;
}

.c-contact-funnel .js--contact-funnel-prev.is-hover {
    color: #d40511 !important;
}

.c-contact-funnel .c-contact-funnel--step-headline.is-hover {
    background-color: #b5b5b5;
    color: #d40511;
}

.c-contact-funnel--list li.is-open .c-contact-funnel--infotext {
    background-color: #e8e8e8;
    display: block;
}

.c-contact-funnel--list li.is-open .c-contact-funnel--step-headline {
    background-color: #b5b5b5;
}

.c-contact-funnel--list li.is-open .link-text--icon-mobile {
    color: #d40511;
    will-change: color;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.c-contact-funnel--list li.is-open .c-contact-funnel--infotext:after {
    border-top-color: #b5b5b5;
    border-right-color: #b5b5b5;
    border-left-color: #b5b5b5;
    border-bottom-color: #e8e8e8;
}

.c-contact-funnel .link-text--icon-mobile {
    color: #323232;
    display: block;
    font-size: 2rem;
    line-height: 5.6rem;
    z-index: 2;
    padding-top: 0;
}

.c-contact-funnel--infotext {
    display: none;
    font-size: 1.3rem;
    margin-bottom: 0;
    padding: 1.4rem;
    position: relative;
}

    .c-contact-funnel--infotext:after {
        border: solid transparent;
        border-color: #fff;
        border-bottom-color: #e8e8e8;
        border-width: 10px;
        bottom: 100%;
        content: " ";
        height: 0;
        margin-left: -10px;
        right: 1.4rem;
        pointer-events: none;
        position: absolute;
        width: 0;
    }

.c-contact-funnel--related-content {
    background-color: #f2f2f2;
    padding-bottom: 1.4rem;
    padding-top: 1.4rem;
    text-align: left;
}

    .c-contact-funnel--related-content .list.is-centered {
        margin: 0 auto;
        min-width: 150px;
        max-width: 400px;
        padding-left: 2.8rem;
        padding-right: 2em;
        display: inline-block;
    }

@media print, screen and (min-width:768px) {
    .c-contact-funnel--related-content, .c-contact-funnel--subline {
        text-align: center;
    }

        .c-contact-funnel--related-content .list.is-centered.has-no-padding {
            padding-left: 2em;
        }

    .c-contact-funnel .js--contact-funnel-prev:hover {
        color: #d40511 !important;
    }

    .c-contact-funnel .c-contact-funnel--step-headline:hover {
        background-color: #b5b5b5;
        color: #d40511;
    }
}

.c-cookie-disclaimer {
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
    left: 0;
    display: none;
    text-align: left;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
    z-index: 1001;
}

.c-cookie-disclamer--copy-wrapper {
    margin-top: 2.8rem;
}

.c-cookie-disclamer--button-wrapper {
    margin-bottom: 2.8rem;
}

.c-cookie-disclaimer-close {
    color: #d40511;
    display: inline-block;
    position: absolute;
    top: 2.8rem;
    right: .7rem;
    width: 2.8rem;
    height: 2.8rem;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}

    .c-cookie-disclaimer-close:before {
        display: block;
        margin-top: -.7rem;
    }

@media print, screen and (min-width:768px) {
    .c-cookie-disclaimer {
        padding: 0 4.199999999999999rem;
    }

        .c-cookie-disclaimer .c-cookie-disclamer--copy-wrapper {
            padding-right: 1.4rem;
        }
}

.c-country-selector {
    border-bottom: 1px solid #d1d1d1;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
    display: none;
    z-index: 1001;
}

    .c-country-selector > :first-child {
        margin: 2.8rem 0;
        text-align: center;
    }

.c-country-selector--copy {
    display: block;
    margin: .7rem;
    width: 100%;
    text-align: center;
}

.flag-icon:before {
    width: 100%
}

@media print, screen and (min-width:768px) {
    .flag-icon: before {
        margin-top: 1.4rem;
        width: 1.33333333em;
        background-position: 0 0;
    }

    .c-country-selector--copy {
        display: inline-block;
        margin: .7rem;
        width: auto;
        text-align: left;
    }

    .c-country-selector > :first-child {
        margin: 2.8rem;
    }

    .c-country-selector--copy {
        display: inline;
    }

    .c-country-selector .base-button {
        margin: -2px .7rem 0;
    }
}

@media print, screen and (min-width:768px) {
    .c-cta .base-button {
        margin: 0 .7rem;
    }
}

.c-download-box--border {
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    padding-top: 2.8rem;
    width: 100%
}

.c-download-box--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 1.4rem;
}

.c-download-box--icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.4rem;
    font-size: 4.9rem;
}

    .c-download-box--icon.icon-pdf:before {
        color: #d40511;
        font-size: 4.9rem;
        line-height: 4.9rem;
    }

.c-download-box--textbox {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align: middle;
    text-align: left;
    width: 100%
}

.c-download-box--copy {
    color: #323232;
    font-size: 1.6rem;
    font-weight: 800;
    text-transform: uppercase;
    will-change: color;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.c-download-box--label {
    color: #666;
    text-transform: uppercase;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-download-box--border {
        padding: 1.4rem 1.4rem 0;
    }
}

@media print, screen and (min-width:768px) {
    .c-download-box--item {
        padding: 0 1.4rem 2.8rem;
    }

        .c-download-box--item:hover .c-download-box--copy {
            color: #d40511;
        }

    .c-download-box--copy {
        font-size: 1.6rem;
    }
}

.c-icon-list--container {
    float: left;
    max-width: 100.8rem;
}

.c-icon-list--copy {
    margin-bottom: 2.8rem;
}

    .c-icon-list--copy p {
        width: 100%
    }

.c-icon-list--item {
    padding: 0 1.4rem;
    margin-bottom: 2.8rem;
    text-align: center;
    display: inline-block;
}

    .c-icon-list--item:hover .c-icon-list--icon {
        border-color: #d40511;
    }

        .c-icon-list--item:hover .c-icon-list--icon img {
            height: 4.4799999999999995rem;
            margin-top: 1.6rem;
            width: 4.4799999999999995rem;
        }

.c-icon-list--icon {
    background-color: #fff;
    border: 3px solid #d1d1d1;
    border-radius: 50%;
    height: 8.399999999999999rem;
    margin-bottom: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 8.399999999999999rem;
    will-change: border-color;
    -webkit-transition: border .2s;
    transition: border .2s;
}

    .c-icon-list--icon img {
        display: block;
        height: 4.199999999999999rem;
        margin: 1.7rem auto auto;
        width: 4.199999999999999rem;
        will-change: height, width, border-color;
        -webkit-transition: height .2s, width .2s, border .2s, margin .2s;
        transition: height .2s, width .2s, border .2s, margin .2s;
    }

    .c-icon-list--icon image {
        color: #d40511;
    }

.c-icon-list--icon-headline {
    color: #d40511;
    display: block;
    line-height: 2.8rem;
    text-align: center;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-icon-list--item {
        width: 50%
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-icon-list--item {
        width: 33.333%
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-icon-list--item {
        width: 33.333%
    }
}

@media print, screen and (min-width:768px) {
    .c-icon-list--item {
        margin-bottom: 4.199999999999999rem;
    }

        .c-icon-list--item:hover .c-icon-list--icon img {
            height: 5.18rem;
            margin-top: 2rem;
            width: 5.18rem;
        }

    .c-icon-list--icon {
        height: 9.799999999999999rem;
        margin-bottom: 1.4rem;
        width: 9.799999999999999rem;
    }

        .c-icon-list--icon img {
            height: 4.8999999999999995rem;
            margin: 2.0999999999999996rem auto auto;
            width: 4.8999999999999995rem;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-icon-list--item {
        width: 25%
    }
}

@media print, screen and (min-width:1024px) {
    .c-icon-list--item {
        width: 18.2rem;
    }
}

.c-iconlist ul {
    margin: 0 -.7rem;
}

.c-iconlist li {
    list-style-type: none;
    margin-bottom: 1.4rem;
}

.c-iconlist a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #323232;
    min-height: 4.199999999999999rem;
    position: relative;
    width: 100%
}

.c-iconlist-image {
    margin-right: 1.4rem;
    position: absolute;
    top: 0;
}

    .c-iconlist-image img {
        height: 4.199999999999999rem;
        width: 4.199999999999999rem;
    }

.c-iconlist h3 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-bottom: 0;
    padding-left: 5.6rem;
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-iconlist li {
        padding: 0 .7rem 1.4rem;
        margin-bottom: 0;
    }

    .c-iconlist a {
        background-color: #e8e8e8;
        display: block;
        padding: 1.4rem .7rem;
    }

    .c-iconlist-image {
        margin: 0 auto;
        position: relative;
    }

        .c-iconlist-image img {
            height: 5.6rem;
            width: 5.6rem;
        }

    .c-iconlist h3 {
        padding-left: 0;
        text-align: center;
        width: 100%
    }
}

@media print, screen and (min-width:768px) {
    .c-iconlist li {
        padding: 0 .7rem 1.4rem;
        margin-bottom: 0;
    }

    .c-iconlist a {
        background-color: #e8e8e8;
        display: block;
        padding: 1.4rem .7rem;
    }

        .c-iconlist a:hover {
            color: #d40511;
        }

            .c-iconlist a:hover .c-iconlist-image img {
                height: 6.3rem;
                width: 6.3rem;
            }

    .c-iconlist-image {
        height: 6.3rem;
        margin: 0 auto;
        position: relative;
    }

        .c-iconlist-image img {
            height: 5.6rem;
            width: 5.6rem;
            will-change: height, width;
            -webkit-transition: height .2s, width .2s;
            transition: height .2s, width .2s;
        }

    .c-iconlist h3 {
        padding-left: 0;
        text-align: center;
        width: 100%
    }
}

.c-iframe {
    border: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.c-iframe--wrapper {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    position: relative;
}

    .c-iframe--wrapper .ratio {
        display: block;
        width: 100%;
        height: auto;
    }

    .c-iframe--wrapper iframe {
        width: 100%;
        height: 100%
    }

.c-iframe iframe {
    border: none;
    display: block;
}

.c-iframe > * {
    display: block;
    min-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.c-iframe *, .c-iframe > * {
    max-width: 100%
}

.c-link-list-big--category-list {
    display: block;
    margin-bottom: 2.8rem;
}

.c-link-list-big--category-headline {
    padding: 1.4rem 1.4rem 1.4rem 2.8rem;
}

    .c-link-list-big--category-headline.c-accordion--hitbox {
        cursor: default;
    }

    .c-link-list-big--category-headline h3 {
        font-size: 1.6rem;
        margin-bottom: 0;
        position: relative;
        padding-right: 4.199999999999999rem;
        text-transform: none;
    }

        .c-link-list-big--category-headline h3 span {
            content: "\e60f";
            display: block;
            color: #d40511;
            float: right;
            padding-top: 0;
        }

.c-link-list-big--category-headline {
    border-bottom: 1px solid #d1d1d1;
}

.c-link-list-big--category:first-child .c-link-list-big--category-headline {
    border-top: 1px solid #d1d1d1;
}

.c-link-list-big--category-links {
    border-bottom: 1px solid #d1d1d1;
    margin: 0;
}

    .c-link-list-big--category-links .link-external-wide, .c-link-list-big--category-links .link-internal-wide {
        padding-left: 2.8rem;
    }

    .c-link-list-big--category-links .has-icon {
        display: block;
        position: relative;
        padding-right: 2.0999999999999996rem;
    }

.c-link-list-big--category.is-open {
    background-color: #f2f2f2;
}

    .c-link-list-big--category.is-open .c-link-list-big--category-headline {
        border: none;
    }

    .c-link-list-big--category.is-open:first-child .c-link-list-big--category-headline {
        border-top: 1px solid #d1d1d1;
    }

    .c-link-list-big--category.is-open h3 {
        color: #d40511;
    }

        .c-link-list-big--category.is-open h3 span {
            content: "\e60c"
        }

.c-link-list-big--button-container {
    padding-bottom: 4.199999999999999rem;
    padding-top: 1.4rem;
}

.c-link-list-big--copy {
    padding-bottom: 8.399999999999999rem;
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-link-list-big--category-headline h3 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-link-list-big--category-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .c-link-list-big--category.l-grid--w-25pc-m {
        padding: 0 2.0999999999999996rem;
    }

    .c-link-list-big--category:first-child .c-link-list-big--category-headline {
        border-top: none;
    }

    .c-link-list-big--category-headline {
        border: none;
        padding: 1.4rem;
    }

        .c-link-list-big--category-headline h3 {
            font-size: 2rem;
            line-height: 2.8rem;
            padding-right: 0;
        }

    .c-link-list-big:first-child .c-link-list-big--category-headline {
        border-top: none;
    }

    .c-link-list-big--category {
        padding: 0 2.8rem;
    }

        .c-link-list-big--category:first-child {
            padding-left: 0;
        }

        .c-link-list-big--category:last-child {
            padding-right: 0;
        }

        .c-link-list-big--category-headline h3 span, .c-link-list-big--category h3:after {
            display: none;
        }

    .c-link-list-big--category-links {
        display: block;
        height: auto;
    }

    .c-link-list-big--button-container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .c-link-list-big--button-container .base-button {
            margin: 0 1.5625vw;
            max-width: 320px;
        }

    .c-link-list-big .link-external-wide a, .c-link-list-big .link-internal-wide a {
        word-break: break-word;
    }

    .c-link-list-big .base-button {
        margin-top: 1.4rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-link-list-big--category.l-grid--w-25pc-m, .c-link-list-big--category.l-grid--w-33pc-m {
        padding: 0 1.4rem;
    }

    .c-link-list-big .link-external-wide, .c-link-list-big .link-internal-wide {
        padding: .7rem;
    }

        .c-link-list-big .link-external-wide a, .c-link-list-big .link-internal-wide a {
            padding-right: 14px;
        }

            .c-link-list-big .link-internal-wide a:after, .c-link-list-big .link-internalexternalafter {
                right: -4px;
            }
}

@media print, screen and (min-width:1024px) {
    .c-link-list-big--category-headline h3 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }
}

.c-link_list_big--category-list {
    display: block;
    margin-bottom: 2.8rem;
}

.c-link_list_big--category-headline {
    padding: 1.4rem 1.4rem 1.4rem 2.8rem;
}

    .c-link_list_big--category-headline.c-accordion--hitbox {
        cursor: default;
    }

    .c-link_list_big--category-headline h3 {
        font-size: 1.6rem;
        margin-bottom: 0;
        position: relative;
        padding-right: 4.199999999999999rem;
        text-transform: none;
    }

        .c-link_list_big--category-headline h3 span {
            content: "\e60f";
            display: block;
            color: #d40511;
            float: right;
            padding-top: 0;
        }

.c-link_list_big--category-headline {
    border-bottom: 1px solid #d1d1d1;
}

.c-link_list_big--category:first-child .c-link_list_big--category-headline {
    border-top: 1px solid #d1d1d1;
}

.c-link_list_big--category-links {
    border-bottom: 1px solid #d1d1d1;
    margin: 0;
}

    .c-link_list_big--category-links .link-external-wide, .c-link_list_big--category-links .link-internal-wide {
        padding-left: 2.8rem;
    }

    .c-link_list_big--category-links .has-icon {
        display: block;
        position: relative;
        padding-right: 2.0999999999999996rem;
    }

.c-link_list_big--category.is-open {
    background-color: #f2f2f2;
}

    .c-link_list_big--category.is-open .c-link_list_big--category-headline {
        border: none;
    }

    .c-link_list_big--category.is-open:first-child .c-link_list_big--category-headline {
        border-top: 1px solid #d1d1d1;
    }

    .c-link_list_big--category.is-open h3 {
        color: #d40511;
    }

        .c-link_list_big--category.is-open h3 span {
            content: "\e60c"
        }

.c-link_list_big--button-container {
    padding-bottom: 4.199999999999999rem;
    padding-top: 1.4rem;
}

.c-link_list_big--copy {
    padding-bottom: 8.399999999999999rem;
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-link_list_big--category-headline h3 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-link_list_big--category-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .c-link_list_big--category.l-grid--w-25pc-m {
        padding: 0 2.0999999999999996rem;
    }

    .c-link_list_big--category:first-child .c-link_list_big--category-headline {
        border-top: none;
    }

    .c-link_list_big--category-headline {
        border: none;
        padding: 1.4rem;
    }

        .c-link_list_big--category-headline h3 {
            font-size: 2rem;
            line-height: 2.8rem;
            padding-right: 0;
        }

    .c-link_list_big:first-child .c-link_list_big--category-headline {
        border-top: none;
    }

    .c-link_list_big--category {
        padding: 0 2.8rem;
    }

        .c-link_list_big--category:first-child {
            padding-left: 0;
        }

        .c-link_list_big--category:last-child {
            padding-right: 0;
        }

        .c-link_list_big--category-headline h3 span, .c-link_list_big--category h3:after {
            display: none;
        }

    .c-link_list_big--category-links {
        display: block;
        height: auto;
    }

    .c-link_list_big--button-container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .c-link_list_big--button-container .base-button {
            margin: 0 1.5625vw;
            max-width: 320px;
        }

    .c-link_list_big .link-external-wide a, .c-link_list_big .link-internal-wide a {
        word-break: break-word;
    }

    .c-link_list_big .base-button {
        margin-top: 1.4rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-link_list_big--category.l-grid--w-25pc-m, .c-link_list_big--category.l-grid--w-33pc-m {
        padding: 0 1.4rem;
    }

    .c-link_list_big .link-external-wide, .c-link_list_big .link-internal-wide {
        padding: .7rem;
    }

        .c-link_list_big .link-external-wide a, .c-link_list_big .link-internal-wide a {
            padding-right: 14px;
        }

            .c-link_list_big .link-internal-wide a:after, .c-link_list_big .link-internalexternalafter {
                right: -4px;
            }
}

@media print, screen and (min-width:1024px) {
    .c-link_list_big--category-headline h3 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }
}

.c-homepage-container {
    overflow: hidden;
}

.c-homepage-container--background {
    padding-bottom: 5.6rem;
    background-color: #f2f2f2;
}

@media print, screen and (max-width:767px) {
    .c-homepage-container--button-container {
        padding-top: 1.4rem;
    }

        .c-homepage-container--button-container .base-button {
            width: 100%
        }
}

@media print, screen and (min-width:768px) {
    .c-homepage-container--item {
        padding: 0 2.8rem;
    }

    .c-homepage-container--button-container .base-button {
        margin: 0 .7rem;
    }
}

.c-homepage-element {
    padding-top: 2.8rem;
}

.c-homepage-element--item .link-text {
    margin-bottom: 1.4rem;
    text-align: left;
}

.c-homepage-element--item p {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    font-weight: 400;
    padding-top: 1.4rem;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-homepage-element.has-rte .link-text--link {
        color: #323232;
    }

    .c-homepage-element.has-rte .link-text.is-open .link-text--link {
        color: #d40511;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-homepage-element.has-rte .link-text--link {
        color: #323232;
    }

    .c-homepage-element.has-rte .link-text.is-open .link-text--link {
        color: #d40511;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-homepage-element {
        margin-left: -2.8rem;
        margin-right: -2.8rem;
    }

    .c-homepage-element--item .link-text {
        margin-bottom: 0;
        padding: 0 2.8rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-homepage-element--item .link-text p {
        margin-bottom: 0;
    }

    .c-homepage-element .link-text--wrapper {
        margin-bottom: 4.199999999999999rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-homepage-element--item.two-in-a-row {
        margin-left: 1px;
        margin-right: 1px;
    }
}

.c-homepage-teaser {
    overflow: hidden;
    position: relative;
}

    .c-homepage-teaser.background-image .c-homepage-teaser--image {
        height: 15.399999999999999rem;
        left: -100%;
        overflow: hidden;
        position: absolute;
        width: 300%;
        z-index: 1;
        bottom: 0;
    }

        .c-homepage-teaser.background-image .c-homepage-teaser--image picture {
            height: 100%
        }

            .c-homepage-teaser.background-image .c-homepage-teaser--image picture img {
                bottom: 0;
                display: block;
                left: 0;
                margin: 0 auto;
                overflow: hidden;
                position: absolute;
                right: 0;
            }

    .c-homepage-teaser.teaser-image .c-homepage-teaser--image {
        height: 18.2rem;
    }

        .c-homepage-teaser.teaser-image .c-homepage-teaser--image picture {
            display: block;
            overflow: hidden;
        }

        .c-homepage-teaser.teaser-image .c-homepage-teaser--image img {
            display: block;
            height: 100%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            position: relative;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .c-homepage-teaser .c-homepage-teaser--textbox {
        padding-top: 5.6rem;
    }

    .c-homepage-teaser.background-image .c-homepage-teaser--textbox {
        padding-bottom: 5.6rem;
        position: relative;
        z-index: 2;
    }

        .c-homepage-teaser.background-image .c-homepage-teaser--textbox.has-background-image {
            padding-bottom: 14rem;
        }

    .c-homepage-teaser.teaser-image {
        width: 100%
    }

.c-homepage-teaser--textbox {
    margin-bottom: 2.8rem;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-homepage-teaser--image-gradient {
        background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        background: linear-gradient(180deg, #f2f2f2 0, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="rgba(0, 242, 242, 0.9490196078431372)", GradientType=0);
        bottom: 14rem;
        height: 28px;
        position: absolute;
        width: 100%;
        z-index: 10;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-homepage-teaser--image-gradient {
        background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        background: linear-gradient(180deg, #f2f2f2 0, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="rgba(0, 242, 242, 0.9490196078431372)", GradientType=0);
        bottom: 14rem;
        height: 28px;
        position: absolute;
        width: 100%;
        z-index: 10;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-homepage-teaser.background-image .c-homepage-teaser--textbox.has-background-image {
        padding-bottom: 25.2rem;
    }

    .c-homepage-teaser.background-image .c-homepage-teaser--image {
        height: 113.39999999999999rem;
    }

    .c-homepage-teaser.teaser-image .c-homepage-teaser--image {
        height: 28rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-homepage-teaser.background-image .c-homepage-teaser--image {
        height: 113.39999999999999rem;
    }

    .c-homepage-teaser.background-image .c-homepage-teaser--textbox.has-background-image {
        padding-bottom: 25.2rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-homepage-teaser.teaser-image .c-homepage-teaser--image {
        height: 28rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-homepage-teaser.teaser-image .c-homepage-teaser--image {
        height: 35rem;
    }
}

.c-link-list-container {
    overflow: hidden;
}

.c-link-list-container--background {
    padding-bottom: 5.6rem;
    background-color: #f2f2f2;
}

@media print, screen and (max-width:767px) {
    .c-link-list-container--button-container {
        padding-top: 1.4rem;
    }

        .c-link-list-container--button-container .base-button {
            width: 100%
        }
}

@media print, screen and (min-width:768px) {
    .c-link-list-container--item {
        padding: 0 2.8rem;
    }

    .c-link-list-container--button-container .base-button {
        margin: 0 .7rem;
    }
}

.c-linkedlist .link-text--copy {
    font-weight: 400;
}

.c-linkedlist {
    padding-top: 2.8rem;
}

.c-linkedlist--item .link-text {
    margin-bottom: 1.4rem;
    text-align: left;
}

.c-linkedlist--item p {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    font-weight: 400;
    padding-top: 1.4rem;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-linkedlist.has-rte .link-text--link {
        color: #323232;
    }

    .c-linkedlist.has-rte .link-text.is-open .link-text--link {
        color: #d40511;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-linkedlist.has-rte .link-text--link {
        color: #323232;
    }

    .c-linkedlist.has-rte .link-text.is-open .link-text--link {
        color: #d40511;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-linkedlist {
        margin-left: -2.8rem;
        margin-right: -2.8rem;
    }

    .c-linkedlist--item .link-text {
        margin-bottom: 0;
        padding: 0 2.8rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-linkedlist--item .link-text p {
        margin-bottom: 0;
    }

    .c-linkedlist .link-text--wrapper {
        margin-bottom: 4.199999999999999rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-linkedlist--item.four-items {
        margin-left: 1px;
        margin-right: 1px;
    }
}

.c-linked-teaser {
    overflow: hidden;
    position: relative;
}

    .c-linked-teaser.background-image .c-linked-teaser--image {
        height: 15.399999999999999rem;
        left: -100%;
        overflow: hidden;
        position: absolute;
        width: 300%;
        z-index: 1;
        bottom: 0;
    }

        .c-linked-teaser.background-image .c-linked-teaser--image picture {
            height: 100%
        }

            .c-linked-teaser.background-image .c-linked-teaser--image picture img {
                bottom: 0;
                display: block;
                left: 0;
                margin: 0 auto;
                overflow: hidden;
                position: absolute;
                right: 0;
            }

    .c-linked-teaser.teaser-image .c-linked-teaser--image {
        height: 18.2rem;
    }

        .c-linked-teaser.teaser-image .c-linked-teaser--image picture {
            display: block;
            overflow: hidden;
        }

        .c-linked-teaser.teaser-image .c-linked-teaser--image img {
            display: block;
            height: 100%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            position: relative;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .c-linked-teaser .c-linked-teaser--textbox {
        padding-top: 5.6rem;
    }

    .c-linked-teaser.background-image .c-linked-teaser--textbox {
        padding-bottom: 5.6rem;
        position: relative;
        z-index: 2;
    }

        .c-linked-teaser.background-image .c-linked-teaser--textbox.has-background-image {
            padding-bottom: 14rem;
        }

    .c-linked-teaser.teaser-image {
        width: 100%
    }

.c-linked-teaser--textbox {
    margin-bottom: 2.8rem;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-linked-teaser--image-gradient {
        background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        background: linear-gradient(180deg, #f2f2f2 0, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="rgba(0, 242, 242, 0.9490196078431372)", GradientType=0);
        bottom: 14rem;
        height: 28px;
        position: absolute;
        width: 100%;
        z-index: 10;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-linked-teaser--image-gradient {
        background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        background: linear-gradient(180deg, #f2f2f2 0, #f2f2f2 45%, hsla(0, 0%, 95%, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="rgba(0, 242, 242, 0.9490196078431372)", GradientType=0);
        bottom: 14rem;
        height: 28px;
        position: absolute;
        width: 100%;
        z-index: 10;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-linked-teaser.background-image .c-linked-teaser--textbox.has-background-image {
        padding-bottom: 25.2rem;
    }

    .c-linked-teaser.background-image .c-linked-teaser--image {
        height: 113.39999999999999rem;
    }

    .c-linked-teaser.teaser-image .c-linked-teaser--image {
        height: 28rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-linked-teaser.background-image .c-linked-teaser--image {
        height: 113.39999999999999rem;
    }

    .c-linked-teaser.background-image .c-linked-teaser--textbox.has-background-image {
        padding-bottom: 25.2rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-linked-teaser.teaser-image .c-linked-teaser--image {
        height: 28rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-linked-teaser.teaser-image .c-linked-teaser--image {
        height: 35rem;
    }
}

.c-horizontal-ruler--narrow, .c-horizontal-ruler--wide {
    border: 0;
}

.c-horizontal-ruler--wide {
    border-bottom: 1px solid #e8e8e8;
}

.c-horizontal-ruler--narrow {
    border-bottom: 2px solid #b5b5b5;
}

.c-01-hero-stage--headline {
    display: block;
    text-transform: uppercase;
}

.c-01-hero-stage--container {
    overflow: hidden;
    position: relative;
    padding-top: 5.6rem;
}

.c-01-hero-stage--slide {
    display: block;
    opacity: 1;
    position: absolute;
    background-color: #fff;
    opacity: 0;
    width: 100%
}

    .c-01-hero-stage--slide img {
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .c-01-hero-stage--slide.is-active {
        opacity: 1;
    }

    .c-01-hero-stage--slide picture {
        display: block;
        margin-bottom: 1.4rem;
        overflow: hidden;
        width: 100%
    }

.c-01-hero-stage .sub-h1 {
    display: block;
    font-weight: 200;
    margin-bottom: 0;
}

.c-01-hero-stage .c-01-hero-stage--headline {
    color: #d40511;
    font-family: Frutiger W04, Verdana, sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 4.199999999999999rem;
    margin-bottom: 1.4rem;
}

.c-01-hero-stage--textbox {
    position: static;
    top: 16.799999999999997rem;
    width: 100vw;
    pointer-events: none;
}

    .c-01-hero-stage--textbox .base-button, .c-01-hero-stage--textbox .c-01-hero-stage--headline, .c-01-hero-stage--textbox .link, .c-01-hero-stage--textbox .link-red, .c-01-hero-stage--textbox a {
        pointer-events: auto;
    }

:root .c-01-hero-stage--textbox .base-button span, _:-ms-fullscreen {
    line-height: 2.0999999999999996rem;
    padding: .8499999999999999rem 0;
}

.c-01-hero-stage--index {
    height: 1.4rem;
    top: 22.4rem;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.c-01-hero-stage--control-next-wrapper, .c-01-hero-stage--control-prev-wrapper {
    height: 100%
}

.c-01-hero-stage--index li {
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    float: left;
    height: 10px;
    list-style: none;
    margin: 5px 7px;
    opacity: .6;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    will-change: border-color;
    width: 10px;
}

    .c-01-hero-stage--index li.is-active {
        background-color: #d40511;
        opacity: 1;
    }

@media screen and (min-width:320px) and (max-width:479px) {
    .c-01-hero-stage--slide picture {
        height: 21rem;
    }

    .c-01-hero-stage .c-01-hero-stage--headline {
        line-height: 2.8rem;
    }

    .c-01-hero-stage--headline .sub-h1 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-01-hero-stage--slide {
        overflow: visible;
    }

        .c-01-hero-stage--slide picture {
            height: 28rem;
        }

    .c-01-hero-stage--index {
        top: 29.4rem;
    }

    .c-01-hero-stage .c-01-hero-stage--headline {
        font-size: 3.1rem;
        line-height: 3.5rem;
    }

    .c-01-hero-stage--headline .sub-h1 {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .c-01-hero-stage--textbox {
        top: 23.799999999999997rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-01-hero-stage--slide picture {
        height: 32.199999999999996rem;
    }

    .c-01-hero-stage--index {
        top: 33.599999999999994rem;
    }

    .c-01-hero-stage--textbox {
        top: 29.4rem;
    }

    .c-01-hero-stage .c-01-hero-stage--headline {
        font-size: 3.9rem;
    }

    .c-01-hero-stage--headline .sub-h1 {
        font-size: 2.5rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-01-hero-stage--container {
        padding-top: 0;
    }

    .c-01-hero-stage--slide picture {
        margin-bottom: 0;
    }

    .c-01-hero-stage--slide img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .c-01-hero-stage .c-01-hero-stage--headline {
        font-size: 4.9rem;
        line-height: 5.6rem;
    }

        .c-01-hero-stage .c-01-hero-stage--headline .sub-h1 {
            font-size: 2.5rem;
            margin-top: .7rem;
            line-height: 3.5rem;
        }

        .c-01-hero-stage .c-01-hero-stage--headline.text-small {
            font-size: 3.1rem;
            line-height: 3.5rem;
        }

    .c-01-hero-stage--textbox {
        display: block;
        position: absolute;
        top: 16.799999999999997rem;
        line-height: 3.5rem;
    }

        .c-01-hero-stage--textbox.is-right {
            margin-right: 6.25%;
            right: 0;
        }

        .c-01-hero-stage--textbox.has-background-50, .c-01-hero-stage--textbox.has-background-75 {
            top: 16.799999999999997rem;
            padding: 1.4rem 2.8rem !important;
        }

        .c-01-hero-stage--textbox.has-background-50 {
            background-color: hsla(0, 0%, 100%, .5);
        }

        .c-01-hero-stage--textbox.has-background-75 {
            background-color: hsla(0, 0%, 100%, .75);
        }

        .c-01-hero-stage--textbox div > .base-button:nth-child(2) {
            margin-left: 1.4rem;
        }

    .c-01-hero-stage--index {
        top: auto;
        bottom: 4.199999999999999rem;
    }

    .c-01-hero-stage--control-next-wrapper span, .c-01-hero-stage--control-prev-wrapper span {
        cursor: pointer;
        color: #fff;
        font-size: 8.399999999999999rem;
    }

    .c-01-hero-stage--control-next-wrapper span {
        right: 0;
    }

        .c-01-hero-stage--control-next-wrapper span:before, .c-01-hero-stage--control-prev-wrapper span:before {
            opacity: .65;
            -webkit-transition: opacity .6s;
            transition: opacity .6s;
        }

    .c-01-hero-stage--control-next-wrapper, .c-01-hero-stage--control-prev-wrapper {
        position: absolute;
        top: 0;
        z-index: 100;
    }

    .c-01-hero-stage--control-prev-wrapper {
        left: 0;
    }

    .c-01-hero-stage--control-next-wrapper {
        right: 0;
    }

    .c-01-hero-stage--control.is-left, .c-01-hero-stage--control.is-right {
        cursor: pointer;
        opacity: 0;
        position: absolute;
        -webkit-transition: all .6s;
        transition: all .6s;
    }

    .c-01-hero-stage--control-prev-wrapper:hover .c-01-hero-stage--control.is-left {
        background: -webkit-linear-gradient(left, rgba(50, 50, 50, .3), rgba(50, 50, 50, 0));
        background: linear-gradient(90deg, rgba(50, 50, 50, .3), rgba(50, 50, 50, 0));
        opacity: 1;
    }

    .c-01-hero-stage--control-next-wrapper:hover .c-01-hero-stage--control.is-right {
        background: -webkit-linear-gradient(right, rgba(50, 50, 50, .3), transparent);
        background: linear-gradient(270deg, rgba(50, 50, 50, .3), transparent);
        opacity: 1;
    }

    .c-01-hero-stage--control-next-wrapper:hover span:before, .c-01-hero-stage--control-prev-wrapper:hover span:before {
        opacity: 1;
    }

    .c-01-hero-stage--index li {
        margin: 5px;
        will-change: opacity, background-color;
        -webkit-transition: opacity .2s, background-color .2s;
        transition: opacity .2s, background-color .2s;
    }

        .c-01-hero-stage--index li:hover {
            background-color: #fff;
            opacity: 1;
        }

    .c-01-hero-stage--control.is-right {
        right: 0;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-01-hero-stage, .c-01-hero-stage--container, .c-01-hero-stage--control, .c-01-hero-stage--slide {
        height: 42rem;
    }

    .c-01-hero-stage--index {
        display: none;
    }

    .c-01-hero-stage--textbox.has-background-50, .c-01-hero-stage--textbox.has-background-75 {
        top: 2.8rem;
        height: 39.199999999999996rem;
        padding-top: 14rem !important;
    }

    .c-01-hero-stage .c-01-hero-stage--headline {
        font-size: 3.9rem;
        line-height: 4.199999999999999rem;
    }

    .c-01-hero-stage--control-next-wrapper span, .c-01-hero-stage--control-prev-wrapper span {
        position: absolute;
        top: 25.2rem;
        font-size: 5.6rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-01-hero-stage, .c-01-hero-stage--container, .c-01-hero-stage--control, .c-01-hero-stage--slide {
        height: 56rem;
    }

    .c-01-hero-stage--textbox {
        max-height: 30.799999999999997rem;
        -webkit-flex-basis: 43.75%;
        -ms-flex-preferred-size: 43.75%;
        flex-basis: 43.75%;
        max-width: 43.75%
    }

    .c-01-hero-stage .c-01-hero-stage--headline .sub-h1 {
        font-size: 2.5rem;
        margin-top: .35rem;
        line-height: 3.8499999999999996rem;
    }

    .c-01-hero-stage .c-01-hero-stage--headline.text-small {
        line-height: 4.199999999999999rem;
    }

    .c-01-hero-stage--control-next-wrapper span, .c-01-hero-stage--control-prev-wrapper span {
        position: absolute;
        top: 30.799999999999997rem;
    }

    .c-01-hero-stage--index {
        bottom: 5.9rem;
    }
}

.c-nav--menu-container {
    border-top: 1px solid #d1d1d1;
    display: none;
    position: absolute;
    top: 5.6rem;
}

.c-nav--layer {
    background-color: rgba(0, 0, 0, .4);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 109;
}

.c-nav--container {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    position: relative;
}

.c-nav--logo {
    display: block;
    max-width: 173px;
    min-width: 173px;
    padding: 1.75rem;
}

    .c-nav--logo img {
        display: block;
        height: 2.0999999999999996rem;
        width: auto;
    }

.c-nav--bu {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #d40511;
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: none;
}

.no-js .c-nav--bu {
    visibility: visible;
}

.c-nav--menu-button {
    border-left: 1px solid #ffe57f;
    color: #d40511;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    padding: 1.86rem;
    white-space: nowrap;
}

    .c-nav--menu-button span {
        display: none;
    }

    .c-nav--menu-button.is-open + .c-nav--menu-container, .c-nav--menu-button:focus + .c-nav--menu-container {
        display: block;
        right: 0;
    }

.c-nav--menu-icon {
    cursor: pointer;
    position: relative;
    width: 18px;
}

    .c-nav--menu-icon, .c-nav--menu-icon span {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

        .c-nav--menu-icon span {
            background: #d40511;
            border-radius: 3px;
            display: block;
            height: 3px;
            left: 0;
            opacity: 1;
            position: absolute;
            width: 100%;
            will-change: left, top, transform, width;
            -webkit-transition: left .25s ease-in-out, top .25s ease-in-out, -webkit-transform .25s ease-in-out, width .25s ease-in-out;
            transition: left .25s ease-in-out, top .25s ease-in-out, transform .25s ease-in-out, width .25s ease-in-out;
        }

            .c-nav--menu-icon span:first-child {
                top: 0;
            }

            .c-nav--menu-icon span:nth-child(2), .c-nav--menu-icon span:nth-child(3) {
                top: 6px;
            }

            .c-nav--menu-icon span:nth-child(4) {
                top: 12px;
            }

.c-nav--menu-button.is-open .c-nav--menu-icon span:first-child {
    top: 6px;
    width: 0;
    left: 50%
}

.c-nav--menu-button.is-open .c-nav--menu-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-nav--menu-button.is-open .c-nav--menu-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-nav--menu-button.is-open .c-nav--menu-icon span:nth-child(4) {
    top: 6px;
    width: 0;
    left: 50%
}

.c-nav--meta, .c-nav--primary {
    margin-bottom: 0;
}

.c-nav--primary {
    overflow: hidden;
}

    .c-nav--meta li, .c-nav--primary li {
        border-bottom: 1px solid #d1d1d1;
        list-style-type: none;
    }

        .c-nav--meta li a.c-nav--lightbox:before {
            content: ""
        }

        .c-nav--meta li a.c-nav--lightbox:after {
            color: #d40511;
            content: "\e900";
            position: absolute;
            right: 1.4rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .c-nav--meta li a, .c-nav--primary li a {
            color: #323232;
            display: block;
            font-weight: 600;
            padding: 1.4rem;
        }

        .c-nav--meta li, .c-nav--meta li a, .c-nav--meta li ul li.c-nav--headline {
            background-color: #f2f2f2;
        }

            .c-nav--meta li.is-open ul {
                position: absolute;
                top: 0;
            }

.c-nav--meta .c-nav--meta-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.c-nav--meta li.c-nav--meta-link.is-active a {
    background-color: #d1d1d1;
    color: #d40511;
}

.c-nav--meta li a.c-nav--lightbox {
    position: relative;
}

.c-nav--meta li ul, .c-nav--primary li ul {
    display: none;
    background-color: #fff;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
}

    .c-nav--meta li ul li, .c-nav--meta li ul li a {
        background-color: #fff;
    }

.c-nav--primary li.is-active > a {
    background-color: #e8e8e8;
    color: #d40511;
}

.c-nav--primary li a {
    background-color: #fff;
}

.c-nav--primary li:focus ul {
    display: block;
}

.c-nav--primary .c-nav--meta-link {
    display: none;
}

.has-subnav a {
    position: relative;
}

.has-subnav > a:after {
    color: #d40511;
    content: "\e60a";
    position: absolute;
    right: 1.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-nav--headline {
    background-color: #f2f2f2;
    padding: 1.4rem;
}

.c-nav--back-button a:before {
    color: #d40511;
    margin-right: .7rem;
    top: 1px;
}

.c-nav--back-button a:after, .c-nav--country-selector:after, .c-nav--country-selector div:after {
    content: ""
}

.c-nav--country-selector-country span, .c-nav--country-selector-language-info {
    display: inline-block;
}

.c-nav--headline .c-nav--country-selector-language {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 .7rem;
}

    .c-nav--headline .c-nav--country-selector-language a, .c-nav--headline .c-nav--country-selector-language span {
        background-color: transparent;
        padding: 0 .7rem;
    }

.c-nav--country-selector-language a.is-selected, .c-nav--country-selector-language span.is-selected {
    background-color: #d40511;
    color: #fff;
    cursor: default;
}

.c-nav--meta .c-nav--country-selector ul li a.is-selected {
    background-color: #f2f2f2;
    color: #d40511;
}

.c-nav--search a {
    color: #d40511;
    display: block;
    padding: 1.3rem 1.86rem;
}

.c-nav--search .icon-search:before {
    font-size: 1.7rem;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-nav--logo {
        padding: 2.0999999999999996rem 1.3rem;
        max-width: 123px;
        min-width: 123px;
    }

        .c-nav--logo img {
            height: 1.3rem;
        }

    .c-nav--logo-container {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .c-nav--meta li a.c-nav--lightbox {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .c-nav--meta .c-nav--meta-link {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .c-nav--country-selector {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-nav--logo {
        padding: 1.75rem 2.0999999999999996rem;
    }

        .c-nav--logo img {
            height: 1.75rem;
        }

    .c-nav--bu {
        font-size: 1.6rem;
        padding-top: .45rem;
    }

    .c-nav--logo-container {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .c-nav--meta li a.c-nav--lightbox {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .c-nav--meta .c-nav--meta-link {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .c-nav--country-selector {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-nav--bu {
        font-size: 1.6rem;
        padding-top: 1.1rem;
    }

    .c-nav--logo {
        max-width: 187px;
        min-width: 187px;
    }

    .c-nav--logo-container {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .c-nav--meta li a.c-nav--lightbox {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .c-nav--meta .c-nav--meta-link {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .c-nav--country-selector {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .c-nav--meta li.c-nav--meta-link.is-active a {
        background-color: #d1d1d1;
        color: #d40511;
    }
}

@media print, screen and (min-width:768px) {
    .c-nav {
        background: -webkit-linear-gradient(270deg, #fc0 50%, rgba(255, 204, 0, 0));
        background: linear-gradient(180deg, #fc0 50%, rgba(255, 204, 0, 0));
        height: 14rem;
        padding: 1.4rem 2.0999999999999996rem 0;
        position: relative;
    }

    .c-nav--layer {
        display: none;
    }

    .no-js .c-nav--menu-container {
        width: 75%
    }

    .c-nav--menu-container {
        border-top: none;
        display: block;
        position: absolute;
        right: 2.0999999999999996rem;
        top: 4.8999999999999995rem;
    }

    .c-nav--logo-container {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        max-height: 8.399999999999999rem;
    }

    .c-nav--logo {
        cursor: pointer;
        padding: 0;
        padding-bottom: 1.4rem;
        padding-right: 2.0999999999999996rem;
        max-width: 175px;
        min-width: 175px;
    }

    .c-nav--bu {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: 1.6rem;
        line-height: 2.8rem;
        padding-bottom: .4rem;
        z-index: 1;
    }

    .c-nav--primary-m li {
        list-style-type: none;
        position: relative;
    }

        .c-nav--primary-m li a {
            color: #323232;
            display: block;
            font-weight: 600;
            padding: 1.4rem;
        }

        .c-nav--meta li.c-nav--meta-link.is-active a, .c-nav--primary-m li.has-hover, .c-nav--primary-m li.is-active, .c-nav--primary-m li:hover {
            background: -webkit-linear-gradient(270deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
            background: linear-gradient(180deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
        }

        .c-nav--primary-m li.has-subnav.has-hover {
            background: -webkit-linear-gradient(270deg, rgba(255, 204, 0, 0), #fee166 50%, #fff);
            background: linear-gradient(180deg, rgba(255, 204, 0, 0), #fee166 50%, #fff);
        }

        .c-nav--primary-m li.has-hover > a, .c-nav--primary-m li.is-active > a, .c-nav--primary-m li:hover > a {
            color: #d40511;
        }

    .c-nav--primary-m .has-subnav ul {
        display: none;
    }

    .c-nav--primary-m .has-subnav > a:after {
        content: ""
    }

    .c-nav--primary-m .has-subnav.has-hover ul {
        background: #fff;
        display: block;
        min-width: 300px;
        position: absolute;
        right: 0;
        top: 5.6rem;
    }

    .c-nav--primary-m .has-subnav ul li {
        border-bottom: 1px solid #d1d1d1;
        width: 300px;
    }

        .c-nav--primary-m .has-subnav ul li a {
            padding: .7rem 2.8rem .7rem 1.4rem;
        }

        .c-nav--primary-m .has-subnav ul li.is-active, .c-nav--primary-m .has-subnav ul li:hover {
            background: #f2f2f2;
        }

            .c-nav--primary-m .has-subnav ul li.is-active a, .c-nav--primary-m .has-subnav ul li:hover a {
                color: #d40511;
            }

        .c-nav--primary-m .has-subnav ul li a:after {
            content: "\e60a";
            position: absolute;
            right: 1.4rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .c-nav--menu-button {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        border-left: none;
        padding: 1.4rem;
        line-height: 2.8rem;
        position: absolute;
        right: 2.0999999999999996rem;
        top: 4.8999999999999995rem;
        z-index: 100;
    }

        .c-nav--menu-button.has-hover {
            background: -webkit-linear-gradient(270deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
            background: linear-gradient(180deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
            cursor: pointer;
        }

        .c-nav--menu-button span {
            color: #323232;
            display: block;
            font-weight: 600;
        }

        .c-nav--menu-button.is-open, .c-nav--menu-button.is-open.has-hover, .c-nav--meta li.is-open {
            background: -webkit-linear-gradient(270deg, rgba(255, 204, 0, 0), #fee166 50%, #fff);
            background: linear-gradient(180deg, rgba(255, 204, 0, 0), #fee166 50%, #fff);
        }

            .c-nav--menu-button.is-open + .c-nav--menu-container .c-nav--primary {
                background-color: #fff;
                display: block;
            }

            .c-nav--menu-button.is-open + .c-nav--menu-container, .c-nav--menu-button:focus + .c-nav--menu-container {
                right: 2.0999999999999996rem;
            }

            .c-nav--menu-button.has-hover:before, .c-nav--menu-button.has-hover span, .c-nav--menu-button.is-open:before, .c-nav--menu-button.is-open span, .c-nav--meta li.is-open > a {
                color: #d40511;
            }

    .c-nav--menu-icon {
        margin-right: .7rem;
        top: 6px;
    }

    .c-nav--meta {
        position: absolute;
        top: -4.199999999999999rem;
    }

        .c-nav--meta li {
            background-color: transparent;
            border-bottom: none;
            padding: 0;
        }

            .c-nav--meta li ul > li {
                height: 4.199999999999999rem;
            }

            .c-nav--meta li.is-open ul {
                display: block;
                height: 100%;
                min-width: 300px;
                right: 0;
                top: 2.8rem;
            }

                .c-nav--meta li.is-open ul li {
                    background: #fff;
                    border-bottom: 1px solid #d1d1d1;
                    height: auto;
                    position: relative;
                }

                    .c-nav--meta li.is-open ul li ul {
                        display: none;
                        top: 0;
                    }

                    .c-nav--meta li.is-open ul li.is-open {
                        background: #f2f2f2;
                    }

                        .c-nav--meta li.is-open ul li.is-open ul {
                            background-color: #f2f2f2;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            max-height: 19rem;
                            overflow-y: scroll;
                            position: relative;
                        }

                            .c-nav--meta li.is-open ul li.is-open ul li {
                                background: #f2f2f2;
                                border-bottom: none;
                            }

                                .c-nav--meta li.is-open ul li.is-open ul li a:hover {
                                    color: #d40511;
                                }

                                .c-nav--meta li.is-open ul li.is-open ul li a:after {
                                    content: ""
                                }

        .c-nav--meta .has-subnav a:after .c-nav--primary .has-subnav a:after {
            content: "\e60f";
            color: #323232;
        }

        .c-nav--meta .has-subnav ul li.is-open a:after {
            content: "\e60f";
            right: 1.4rem;
        }

        .c-nav--meta li a.c-nav--lightbox:before {
            content: "\e900"
        }

        .c-nav--meta li a.c-nav--lightbox:after {
            content: ""
        }

        .c-nav--meta li a.c-nav--lightbox {
            position: relative;
        }

        .c-nav--meta .c-nav--country-selector-language span, .c-nav--meta li a {
            background-color: transparent;
            font-size: 1.3rem;
            font-weight: 400;
            padding: 0 .7rem;
        }

            .c-nav--meta li a:before {
                color: #d40511;
                font-size: 1.3rem;
                margin-right: .7rem;
                top: 1px;
            }

            .c-nav--meta li a:hover {
                background: -webkit-linear-gradient(270deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
                background: linear-gradient(180deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
                color: #d40511;
            }

        .c-nav--meta > li:after {
            color: #ffe57f;
            content: "|"
        }

        .c-nav--meta > li:last-child:after {
            content: ""
        }

        .c-nav--meta li ul li:hover, .c-nav--primary li.is-active, .c-nav--primary li:hover {
            background-color: #f2f2f2;
        }

    .c-nav--primary {
        display: none;
        position: absolute;
        right: 0;
        top: 5.6rem;
    }

        .c-nav--primary li {
            cursor: pointer;
            padding: 0;
        }

        .c-nav--meta li ul .has-subnav.is-open a:after, .c-nav--primary .has-subnav.is-open a:after, .no-js .c-nav--primary li.has-subnav.has-hover a:after {
            content: "\e60c";
            color: #d40511;
        }

        .c-nav--primary li.has-subnav.has-hover a:after, .c-nav--primary li.has-subnav.is-open, .c-nav--primary li.has-subnav.is-open a, .c-nav--primary li.is-active a, .c-nav--primary li:hover a {
            color: #d40511;
        }

        .c-nav--primary li.has-subnav.is-open, .no-js .c-nav--primary li.has-subnav.has-hover {
            background-color: #f2f2f2;
            padding-bottom: 0;
        }

        .c-nav--primary li ul {
            position: relative;
        }

        .c-nav--primary li.has-subnav.is-open ul li a, .no-js .c-nav--primary li.has-subnav.has-hover ul li a {
            color: #323232;
            margin-bottom: 0;
            padding: 0 1.4rem;
        }

            .c-nav--primary li.has-subnav.is-open ul li a:after, .no-js .c-nav--primary li.has-subnav.has-hover ul li a:after {
                color: #d40511;
                content: "\e60a";
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .c-nav--primary-m .has-subnav ul li a.is-external:after, .c-nav--primary li.has-subnav.is-open ul li a.is-external:after, .c-nav--primary li a.is-external:after {
                content: "\e608"
            }

    .has-subnav > a:after {
        content: "\e60f";
        right: 1.4rem;
    }

    .c-nav--primary li.has-subnav ul li {
        padding: .7rem 1.4rem;
        position: relative;
    }

        .c-nav--primary li.has-subnav ul li.is-active, .c-nav--primary li.has-subnav ul li:hover {
            background-color: #d1d1d1;
        }

        .c-nav--primary li.has-subnav ul li:last-child {
            border-bottom: none;
        }

    .c-nav--primary li.is-open ul, .no-js .c-nav--primary li.has-subnav:hover ul {
        background-color: transparent;
        display: block;
    }

    .c-nav--meta li ul li.is-open a {
        background-color: #f2f2f2;
    }

    .c-nav--meta li ul li a:hover, .c-nav--primary li ul li a:hover {
        background: none;
    }

    .c-nav--primary li a {
        padding: 1.4rem;
    }

    .c-nav--primary li.is-active a, .c-nav--primary li a {
        background-color: transparent;
    }

    .c-nav--country-selector {
        display: block;
        position: relative;
    }

    .c-nav--country-selector-country {
        margin-right: 0;
    }

    .c-nav--meta li a.c-nav--country-selector-country {
        padding-right: 2.8rem;
    }

    .has-subnav .c-nav--country-selector-country:after {
        content: "\e60a";
        right: .7rem;
    }

    .has-subnav.is-open .c-nav--country-selector-country:after {
        content: "\e614"
    }

    .c-nav--country-selector.has-icon:after {
        font-family: Frutiger W04, Verdana, sans-serif;
        position: absolute;
        right: 0;
        top: 0;
    }

    .c-nav--meta .c-nav--country-selector ul li a {
        padding: .7rem 1.4rem;
    }

    .c-nav--meta li.c-nav--country-selector-language {
        border-left: none;
    }

    .c-nav--meta .c-nav--country-selector-language a, .c-nav--meta .c-nav--country-selector-language span {
        padding: 0 .7rem;
    }

    .c-nav--country-selector-language a.is-selected, .c-nav--country-selector-language span.is-selected {
        background: -webkit-linear-gradient(270deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
        background: linear-gradient(180deg, rgba(255, 204, 0, 0), #fee166 50%, rgba(255, 204, 0, 0));
        color: #d40511;
    }

    .c-nav--country-selector-country .c-nav--country-selector-language-info {
        display: none;
    }

    .c-nav--search .icon-search:before {
        font-size: 1.3rem;
        margin-right: 0;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-nav--meta .c-nav--meta-link {
        display: none;
    }

    .c-nav--primary .c-nav--meta-link {
        background-color: #f2f2f2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .c-nav--primary li.c-nav--meta-link.is-active a, .c-nav--primary li.c-nav--meta-link a:hover {
        background-color: #d1d1d1;
        color: #d40511;
    }
}

@media print, screen and (min-width:1024px) {
    .c-nav--meta li a {
        padding: 0 1.4rem;
    }

    .c-nav--meta .c-nav--meta-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
    }

    .c-nav--primary .c-nav--meta-link {
        display: none;
    }

    .c-nav--meta li.c-nav--country-selector-language {
        padding-left: 1.4rem;
    }

    .c-nav--meta .c-nav--country-selector-language .c-nav--country-selector-language-option:last-child {
        margin-right: .7rem;
    }
}

.nav-footer--grid-element, .nav-footer--grid-element.link-list {
    margin-bottom: 2.8rem;
}

.nav-footer--grid-container .list {
    margin-bottom: 2.8rem;
    list-style-type: none;
}

.nav-footer--grid-container .link-internal-wide:first-child {
    border-top: 0 solid red;
}

.nav-footer--grid-container h4 {
    margin-bottom: 1.4rem;
}

.nav-footer--grid-element .link {
    font-weight: 400;
    width: 100%
}

.nav-footer--grid-element .circle-button-big {
    position: relative;
}

    .nav-footer--grid-element .circle-button-big img {
        position: absolute;
        top: 15px;
        left: 15px;
        height: 25px;
        width: 25px;
        will-change: top, height, left, width;
        -webkit-transition: top .2s, height .2s, left .2s, width .2s;
        transition: top .2s, height .2s, left .2s, width .2s;
    }

    .nav-footer--grid-element .circle-button-big:hover img {
        height: 27px;
        top: 14px;
        width: 27px;
        left: 14px;
    }

@media screen and (min-width:320px) and (max-width:479px) {
    .nav-footer--grid-element.has-mobile-line {
        margin-bottom: 2.8rem;
        border-bottom: 1px solid #d1d1d1;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .nav-footer--grid-element.has-mobile-line {
        border-bottom: 1px solid #d1d1d1;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .nav-footer--grid-container {
        width: calc(100% + 3 * 1.4rem);
        margin: 0 -2.0999999999999996rem;
    }

    .nav-footer--grid-element {
        padding: 0 2.0999999999999996rem;
    }

    .nav-footer--grid-container .list {
        margin-bottom: 0;
    }
}

@media print, screen and (min-width:768px) {
    .nav-footer--grid-container {
        width: calc(100% + 3 * 1.4rem);
        margin: 0 -2.0999999999999996rem;
    }

    .nav-footer--grid-element {
        padding: 0 2.0999999999999996rem;
    }

        .nav-footer--grid-element, .nav-footer--grid-element.link-list {
            margin-bottom: 4.199999999999999rem;
        }

    .nav-footer--grid-container .list {
        margin-bottom: 0;
    }

    .nav-footer--grid-element .social-button-container {
        display: inline-block;
    }

    .nav-footer--grid-element .circle-button-big {
        width: 5.6rem;
        height: 5.6rem;
        line-height: 5.6rem;
    }

        .nav-footer--grid-element .circle-button-big:before {
            top: 0;
            line-height: 5.6rem;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .nav-footer--grid-container {
        width: calc(100% + 2 * 1.4rem);
        margin: 0 -1.4rem;
    }

    .nav-footer--grid-element {
        padding: 0 1.4rem;
    }
}

.nav-footer--partners {
    margin-bottom: 2.8rem;
}

    .nav-footer--partners .partner-container {
        padding-top: 2.8rem;
        padding-bottom: 1.4rem;
        border-top: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }

    .nav-footer--partners .partner-container--item {
        text-align: center;
    }

    .nav-footer--partners .partner-headline {
        margin-bottom: 2.8rem;
    }

    .nav-footer--partners .partner-image {
        display: inline-block;
        height: 4.8999999999999995rem;
        margin-bottom: 2.8rem;
        padding: 0 1.4rem;
        width: 100%
    }

@media print, screen and (min-width:768px) {
    .nav-footer--partners {
        margin-bottom: 4.199999999999999rem;
    }

        .nav-footer--partners .partner-container {
            padding-top: 4.199999999999999rem;
            padding-bottom: 4.199999999999999rem;
        }

        .nav-footer--partners .partner-headline {
            margin-bottom: 4.199999999999999rem;
        }

        .nav-footer--partners .partner-image {
            height: 5.6rem;
            padding: 0 2.8rem;
            display: block;
        }
}

.nav-footer {
    overflow: hidden;
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    border-top: 4px solid #b5b5b5;
    background-color: #f2f2f2;
}

.nav-footer--meta-links {
    overflow: hidden;
    margin-bottom: 2.8rem;
}

    .nav-footer--meta-links .l-grid--w-auto-m {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

.nav-footer--meta-logo {
    display: inline-block;
    float: left;
    max-width: 100%;
    margin-left: -2.8rem;
}

.nav-footer--meta-list {
    margin-bottom: 0;
    list-style-type: none;
}

    .nav-footer--meta-list li:last-child {
        margin-right: 0;
    }

    .nav-footer--meta-list .link {
        font-weight: 400;
    }

.nav-footer .legal-text {
    display: block;
    font-size: 1.3rem;
    color: #666;
}

.social-button-container--icon {
    text-align: center;
}

@media print, screen and (max-width:767px) {
    .nav-footer--meta-logo-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.4rem;
        height: 2.8rem;
    }

    .nav-footer--meta-logo {
        height: 1.6rem;
    }

    .nav-footer .legal-text {
        margin-bottom: 0;
    }

    .nav-footer--meta-list {
        margin: 0 -2.0999999999999996rem;
    }

        .nav-footer--meta-list li {
            padding: 0 2.0999999999999996rem;
            width: 100%
        }

            .nav-footer--meta-list li a {
                padding: .7rem 0;
                border-bottom: 1px solid #d1d1d1;
                width: 100%
            }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .nav-footer--meta-logo-container {
        text-align: center;
    }

    .nav-footer--meta-logo {
        margin-left: -2.8rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .nav-footer--meta-logo {
        height: 2rem;
        margin-left: -1.4rem;
    }
}

@media print, screen and (min-width:768px) {
    .nav-footer {
        padding-top: 4.199999999999999rem;
    }

        .nav-footer .legal-text {
            text-align: center;
        }

    .nav-footer--meta-logo {
        margin-left: 0;
    }

    .social-button-container--icon {
        width: 5.6rem;
        height: 5.6rem;
        line-height: 5.6rem;
        display: inline-block;
        margin-right: .7rem;
        margin-bottom: 1.4rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .nav-footer--meta-logo {
        height: 2rem;
    }

    .nav-footer--meta-logo-container {
        margin-bottom: 4.199999999999999rem;
    }

    .nav-footer--meta-list {
        margin: 0 -2.0999999999999996rem;
    }

        .nav-footer--meta-list li {
            padding: 0 2.0999999999999996rem;
            width: 100%
        }

            .nav-footer--meta-list li a {
                padding: .7rem 0;
                border-bottom: 1px solid #d1d1d1;
                width: 100%
            }
}

@media print, screen and (min-width:1024px) {
    .nav-footer--meta-logo {
        height: 2.5rem;
    }

    .nav-footer--meta-logo-container {
        margin-bottom: 2.8rem;
    }

    .nav-footer--meta-list li {
        font-size: 1.3rem;
        text-align: center;
        white-space: nowrap;
    }

        .nav-footer--meta-list li a:after {
            top: 1px;
        }
}

.c-marketing-stage-tt {
    position: relative;
    background: transparent;
    z-index: 100;
}

.c-marketing-stage-tt--tab {
    display: table;
    margin: 0;
    text-transform: uppercase;
}

    .c-marketing-stage-tt--tab li {
        list-style: none;
        line-height: 1.4rem;
        cursor: pointer;
        color: #323232;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 1.3rem;
        border-top: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        border-left: 1px solid #d1d1d1;
        background: #fff;
        background: -webkit-linear-gradient(top, #fff, #fff 30%, #ededed 85%, #d7d7d7);
        background: linear-gradient(180deg, #fff 0, #fff 30%, #ededed 85%, #d7d7d7);
    }

        .c-marketing-stage-tt--dropdown li:last-child, .c-marketing-stage-tt--tab li:last-child {
            margin-right: 0;
        }

.c-marketing-stage-tt--dropdown {
    display: none;
    margin: 0;
}

.c-marketing-stage-tt--dropdown-active-tab.is-open .c-marketing-stage-tt--dropdown {
    border-bottom: 1px solid #d1d1d1;
    display: block;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 42px;
    z-index: 10;
}

.c-marketing-stage-tt--dropdown li {
    list-style: none;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff, #fff 30%, #ededed 85%, #d7d7d7);
    background: linear-gradient(180deg, #fff 0, #fff 30%, #ededed 85%, #d7d7d7);
}

.c-marketing-stage-tt--dropdown-active-tab, .c-marketing-stage-tt--dropdown li {
    line-height: 1.4rem;
    cursor: pointer;
    color: #323232;
    font-size: 1.3rem;
    text-align: left;
}

.c-marketing-stage-tt--dropdown-active-tab {
    background: #fc0;
    border: 0;
    position: relative;
}

    .c-marketing-stage-tt--dropdown-active-tab > span {
        border: 1px solid #fc0;
        font-weight: 600;
        padding: 1.4rem;
        width: 100%
    }

        .c-marketing-stage-tt--dropdown-active-tab > span:after {
            color: #d40511;
            content: "\e60a";
            position: absolute;
            right: 1.4rem;
        }

    .c-marketing-stage-tt--dropdown-active-tab.is-open .c-marketing-stage-tt--dropdown li {
        background: #fff;
        display: block;
    }

    .c-marketing-stage-tt--dropdown-active-tab.is-open {
        background: #fff;
    }

        .c-marketing-stage-tt--dropdown-active-tab.is-open > span {
            border-top: 1px solid #d1d1d1;
            border-right: 1px solid #d1d1d1;
            border-left: 1px solid #d1d1d1;
        }

            .c-marketing-stage-tt--dropdown-active-tab.is-open > span:after {
                content: "\e614"
            }

.c-marketing-stage-tt--dropdown li span:after {
    color: #d40511;
    content: "\e60a";
    position: absolute;
    right: 1.4rem;
}

.c-marketing-stage-tt--dropdown li span, .c-marketing-stage-tt--tab li span {
    color: #323232;
    cursor: pointer;
    font-weight: 700;
    display: block;
    padding: 1.4rem;
    will-change: color;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.c-marketing-stage-tt--tab li.has-hover span, .c-marketing-stage-tt--tab li a:hover {
    color: #d40511;
}

.c-marketing-stage-tt--dropdown li span:hover {
    background: #f2f2f2;
}

.c-marketing-stage-tt--tab li.is-active {
    background: #fc0;
    border: 0;
}

    .c-marketing-stage-tt--tab li.is-active span {
        color: #323232;
    }

.c-marketing-stage-tt--tabcontent {
    margin: 0;
    min-height: 9.799999999999999rem;
    background: #fc0;
    background: -webkit-linear-gradient(top, #fc0 49%, #fdf1b5 97%);
    background: linear-gradient(180deg, #fc0 49%, #fdf1b5 97%);
}

    .c-marketing-stage-tt--tabcontent select {
        background-image: -webkit-linear-gradient(45deg, transparent 50%, #d40511 0), -webkit-linear-gradient(315deg, #d40511 50%, transparent 0), -webkit-linear-gradient(left, transparent, transparent);
        background-image: linear-gradient(45deg, transparent 50%, #d40511 0), linear-gradient(135deg, #d40511 50%, transparent 0), linear-gradient(90deg, transparent, transparent);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
    }

    .c-marketing-stage-tt--tabcontent li {
        background: #fc0;
        background: -webkit-linear-gradient(top, #fc0 49%, #fdf1b5 97%);
        background: linear-gradient(180deg, #fc0 49%, #fdf1b5 97%);
        display: none;
        list-style: none;
        padding: 2.8rem 0;
        position: absolute;
    }

        .c-marketing-stage-tt--tabcontent li.is-active {
            display: block;
        }

.c-marketing-stage-tt--input-form {
    position: relative;
    max-width: 1100px;
}

.c-marketing-stage-tt--tabcontent-type1 .c-marketing-stage-tt--tracking--input-select {
    display: none;
}

.c-marketing-stage-tt--input {
    margin-bottom: 2.8rem;
}

.c-marketing-stage-tt--tabcontent li:first-child .c-marketing-stage-tt--input {
    margin: 0;
}

.c-marketing-stage-tt--input-copy {
    margin-bottom: 1.4rem;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
}

.c-marketing-stage-tt--input-field {
    padding: 0 3.125%;
    border: 2px solid #fff;
    background: #fff;
}

.c-marketing-stage-tt--input-submit {
    display: block;
    margin-bottom: 0;
    min-width: inherit;
}

    .c-marketing-stage-tt--input-submit span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 3.8rem;
        height: 100%;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }

        .c-marketing-stage-tt--input-submit span:before {
            content: "\e60a"
        }

.c-marketing-stage-tt--input-form-link {
    margin-bottom: 0;
    line-height: 2.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .c-marketing-stage-tt--input-form-link a {
        color: #d40511;
        font-size: 1.3rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        display: block;
    }

        .c-marketing-stage-tt--input-form-link a:last-child {
            margin-bottom: 0;
        }

    .c-marketing-stage-tt--input-form-link .link-external:after, .c-marketing-stage-tt--input-form-link .link-internal:after {
        font-size: 12px;
        top: 1px;
    }

    .c-marketing-stage-tt--input-form-link a:hover {
        color: #323232;
    }

.c-marketing-stage-tt--input-field {
    height: 4.199999999999999rem;
    line-height: 4.199999999999999rem;
}

.c-marketing-stage-tt--tracking--input-select {
    height: 4.199999999999999rem;
    padding: 0 40px 0 20px;
    border: 0 solid #fff;
    border-radius: 0;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 30px 29px;
}

    .c-marketing-stage-tt--tracking--input-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    .c-marketing-stage-tt--tracking--input-select option {
        padding: 10px 20px;
        border: 0;
        box-shadow: none;
    }

    .c-marketing-stage-tt--tracking--input-select::-ms-expand {
        display: none;
    }

.c-marketing-stage-tt--tabcontent .c-marketing-stage-tt--tabcontent-type1 .c-marketing-stage-tt--tracking--input-select {
    display: none;
}

.c-marketing-stage-tt--tabcontent li:first-child .c-marketing-stage-tt--input-form-link {
    margin-top: 2.8rem;
}

@media print, screen and (min-width:1024px) {
    .c-marketing-stage-tt {
        margin-top: -4.199999999999999rem;
    }

    .c-marketing-stage-tt--tabcontent-type1 .l-grid--w-40pc-m-m {
        margin-right: 30% !important;
    }

    .c-marketing-stage-tt--tab {
        border-spacing: 1.4rem 0;
    }

        .c-marketing-stage-tt--tab li {
            border: none;
            font-size: 1.6rem;
            line-height: 2.8rem;
        }

            .c-marketing-stage-tt--tab li span {
                padding: .7rem 2.8rem;
            }

    .c-marketing-stage-tt--input-copy {
        padding-right: 2.8rem;
        margin-bottom: 0;
        text-align: right;
        display: inline-block;
    }

    .c-marketing-stage-tt--input {
        margin-bottom: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .c-marketing-stage-tt--input-form {
        position: relative;
        margin: 0 auto;
    }

    .c-marketing-stage-tt--tabcontent li:first-child .c-marketing-stage-tt--input-form {
        margin-bottom: 0;
    }

    .c-marketing-stage-tt--input-form-link {
        margin-top: 2.8rem;
        line-height: 1.9em;
    }
}

.c-page-headline {
    padding-top: 11.2rem;
    margin-bottom: 5.6rem;
}

    .c-page-headline h1 {
        color: #d40511;
    }

@media screen and (min-width:320px) and (max-width:479px) {
    .c-page-headline {
        margin-bottom: 4.199999999999999rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-page-headline {
        padding-top: 22.4rem;
        margin-bottom: 7rem;
    }
}

.c-content-link-list--list {
    padding-top: 1.4rem;
    margin-bottom: 1.4rem;
    list-style-type: none;
}

.c-content-link-list--list-item {
    overflow: hidden;
    display: block;
    margin-bottom: 2px;
    padding: 1.4rem 2.8rem;
    background-color: #f2f2f2;
}

    .c-content-link-list--list-item:last-child {
        margin-bottom: 0;
    }

.c-content-link-list--headline-wrapper {
    position: relative;
    display: block;
    padding-bottom: 1.4rem;
    font-weight: 800;
}

    .c-content-link-list--headline-wrapper:not(.has-icon) {
        cursor: default;
    }

        .c-content-link-list--headline-wrapper:not(.has-icon):hover {
            color: #323232;
        }

.c-content-link-list--list-item.is-open .c-content-link-list--headline-wrapper {
    color: #d40511;
}

.c-content-link-list--headline-wrapper.has-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\e60f";
    color: #d40511;
    height: 16px;
}

.c-content-link-list--headline-wrapper:not(.has-icon):after, .c-content-link-list--list-item.is-open .c-content-link-list--headline-wrapper:not(.has-icon):after {
    content: ""
}

.c-content-link-list--list-item.is-open .c-content-link-list--headline-wrapper:after {
    content: "\e60c"
}

.c-content-link-list--logo {
    display: none;
    padding: .7rem 0;
    max-width: 80%;
    max-height: 14rem;
}

.c-content-link-list--headline {
    margin-bottom: 0;
    padding-right: 2.8rem;
}

.c-content-link-list--excerpt {
    margin-bottom: 1.4rem;
}

.c-content-link-list--copy {
    display: none;
    height: 0;
}

.c-content-link-list--list-item.is-open .c-content-link-list--copy {
    display: block;
    height: auto;
}

@media print, screen and (max-width:767px) {
    .c-content-link-list--headline-wrapper: after {
        position: absolute;
        top: -1px;
    }

    .c-content-link-list--headline {
        border-bottom: 1px solid #d1d1d1;
    }
}

@media print, screen and (min-width:768px) {
    .c-content-link-list--list {
        margin-bottom: 2.8rem;
    }

    .c-content-link-list--list-item.has-logo .c-content-link-list--logo {
        display: block;
        text-align: left;
    }

    .c-content-link-list--list-item.has-logo .c-content-link-list--headline {
        display: none;
    }
}

.c-product-link-list--list {
    padding-top: 1.4rem;
    margin-bottom: 1.4rem;
    list-style-type: none;
}

.c-product-link-list--element {
    overflow: hidden;
    display: block;
    margin-bottom: 2px;
    padding: 1.4rem 2.8rem;
    background-color: #f2f2f2;
}

    .c-product-link-list--element:last-child {
        margin-bottom: 0;
    }

.c-product-link-list--headline-wrapper {
    position: relative;
    display: block;
    padding-bottom: 1.4rem;
    font-weight: 800;
}

    .c-product-link-list--headline-wrapper:not(.has-icon) {
        cursor: default;
    }

        .c-product-link-list--headline-wrapper:not(.has-icon):hover {
            color: #323232;
        }

.c-product-link-list--element.is-open .c-product-link-list--headline-wrapper {
    color: #d40511;
}

.c-product-link-list--headline-wrapper.has-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\e60f";
    color: #d40511;
    height: 16px;
}

.c-product-link-list--element.is-open .c-product-link-list--headline-wrapper:not(.has-icon):after, .c-product-link-list--headline-wrapper:not(.has-icon):after {
    content: ""
}

.c-product-link-list--element.is-open .c-product-link-list--headline-wrapper:after {
    content: "\e60c"
}

.c-product-link-list--logo {
    display: none;
    padding: .7rem 0;
    max-width: 80%;
    max-height: 14rem;
}

.c-product-link-list--headline {
    margin-bottom: 0;
    padding-right: 2.8rem;
}

.c-product-link-list--excerpt {
    margin-bottom: 1.4rem;
}

.c-product-link-list--copy {
    display: none;
    height: 0;
}

.c-product-link-list--element.is-open .c-product-link-list--copy {
    display: block;
    height: auto;
}

@media print, screen and (max-width:767px) {
    .c-product-link-list--headline-wrapper: after {
        position: absolute;
        top: -1px;
    }

    .c-product-link-list--headline {
        border-bottom: 1px solid #d1d1d1;
    }
}

@media print, screen and (min-width:768px) {
    .c-product-link-list--list {
        margin-bottom: 2.8rem;
    }

    .c-product-link-list--headline {
        font-size: 2rem;
    }

    .c-product-link-list--element.has-logo .c-product-link-list--logo {
        display: block;
        text-align: left;
    }

    .c-product-link-list--element.has-logo .c-product-link-list--headline {
        display: none;
    }

    .c-product-link-list--button-container .base-button {
        margin: 0 .7rem;
    }
}

.c-search {
    z-index: 1;
}

.c-search, .c-search-form--wrapper {
    position: relative;
}

.c-search-form {
    padding-top: 8.399999999999999rem;
    margin-bottom: 4.199999999999999rem;
}

.c-search-form--form {
    border-bottom: 1px solid #d1d1d1;
    height: 4.199999999999999rem;
}

.c-search-form--label {
    min-width: 25px;
    max-width: 25px;
    width: 25px;
    margin-right: -25px;
    padding-top: .7rem;
    overflow: hidden;
    height: 100%;
    display: none;
}

.c-search-form--input {
    border: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding-left: 3.5rem;
}

.c-search-form .c-search-form--icon-submit {
    min-width: 50px;
    max-width: 50px;
    width: 50px;
    overflow: hidden;
    height: 100%;
    padding: 0;
}

    .c-search-form .c-search-form--icon-submit .has-icon:before {
        content: "\e60a";
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-20%);
        transform: translateX(-50%) translateY(-20%);
    }

.c-search-form .c-search-form--icon-clear {
    min-width: 50px;
    max-width: 50px;
    width: 50px;
    overflow: hidden;
    height: 100%;
    padding: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
}

    .c-search-form .c-search-form--icon-clear:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: color .25s;
        transition: color .25s;
    }

    .c-search-form .c-search-form--icon-clear:hover:before {
        color: #d40511;
    }

@media screen and (min-width:320px) and (max-width:479px) {
    .c-search-form--input {
        padding-left: 1.4rem;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-search-form--input {
        padding-left: 3.5rem;
    }

    .c-search-form--label {
        display: block;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-search-form {
        padding-top: 9.799999999999999rem;
    }

    .c-search-form--input {
        padding-left: 3.5rem;
    }

    .c-search-form--label {
        display: block;
    }
}

@media print, screen and (min-width:768px) {
    .c-search-form {
        padding-top: 21rem;
    }

    .c-search-form--label {
        display: block;
    }

    .c-search-form--form {
        border-bottom: 1px solid #d1d1d1;
    }
}

.c-search-help--headline {
    margin-bottom: 0;
}

.c-search-help--item {
    margin: .5%
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-search-help {
        padding-left: 25%
    }
}

@media print, screen and (min-width:768px) {
    .c-search-help {
        padding-left: 33.3333%
    }
}

.c-search-results {
    display: none;
}

.c-search-result--message {
    padding-top: 4px;
}

.c-search-results--items {
    list-style: none;
}

.c-search-results--item {
    margin-bottom: 4.199999999999999rem;
}

.c-search-results--item-headline {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 0;
}

.c-search-results--item-category {
    color: #b5b5b5;
    display: block;
}

.c-search-results--pagination-item {
    width: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .c-search-results--pagination-item:before {
        font-weight: bolder;
    }

    .c-search-results--pagination-item.has-icon {
        font-weight: 900;
    }

.c-search-facets {
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    display: none;
    margin-bottom: 2.8rem;
    overflow: hidden;
}

    .c-search-facets.is-open {
        background-color: #f2f2f2;
    }

.c-search-facets--list {
    display: none;
    list-style-type: none;
    margin-bottom: 0;
}

.c-search-facets.is-open .c-search-facets--list {
    display: block;
}

.c-search-facets--headline, .c-search-facets--list li {
    padding: .7rem 1.4rem;
}

.c-search-facets--list li {
    cursor: pointer;
}

    .c-search-facets--list li.is-active {
        background-color: #d1d1d1;
    }

.c-search-facets--headline {
    position: relative;
}

    .c-search-facets--headline:after {
        color: #d40511;
        content: "\e60f";
        font-family: dhlicons;
        height: 16px;
        position: absolute;
        right: 1.4rem;
    }

.c-search-facets.is-open .c-search-facets--headline:after {
    content: "\e60c"
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-search-results--pagination {
        padding-left: 25%
    }
}

@media print, screen and (min-width:768px) {
    .c-search-results {
        background-color: #f2f2f2;
    }

    .c-search-facets {
        border: none;
        margin-bottom: 0;
    }

    .c-search-facets--list {
        display: block;
    }

    .c-search-facets--headline {
        margin-bottom: 2.8rem;
        cursor: auto;
        display: block;
        font-weight: 700;
        padding-left: 2.8rem;
    }

        .c-search-facets--headline:after {
            content: ""
        }

    .c-search-facets--list li {
        font-weight: 700;
        padding: .7rem 2.8rem;
    }

        .c-search-facets--list li.is-active {
            background-color: #f2f2f2;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-search-results {
        padding: 2.8rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-search-results {
        padding: 2.8rem 21rem 2.8rem 2.8rem;
    }

    .c-search-result--message {
        padding-top: 12px;
    }
}

.c-search-tays {
    background-color: #fff;
    cursor: pointer;
    will-change: background-color;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    top: 4.199999999999999rem;
    margin-top: -1px;
}

.c-search-tays--list {
    margin-bottom: 0;
}

    .c-search-tays--list li {
        font-weight: 700;
        list-style-type: none;
        border-left: 1px solid #b5b5b5;
        border-right: 1px solid #b5b5b5;
        padding: .7rem 3.5rem;
    }

        .c-search-tays--list li:first-child {
            border-top: 1px solid #b5b5b5;
        }

        .c-search-tays--list li:last-child {
            border-bottom: 1px solid #b5b5b5;
        }

        .c-search-tays--list li.has-hover, .c-search-tays--list li.is-selected {
            background-color: #d1d1d1;
        }

        .c-search-tays--list li .has-normal-font {
            font-weight: 400;
        }

.c-smartgrid--search {
    text-align: right;
    width: 100%;
    margin: 0 .7rem;
}

    .c-smartgrid--search .c-form--element-input {
        width: 75%;
        padding: 2px .7rem;
        -webkit-transition: width .2s ease-in;
        transition: width .2s ease-in;
        background: #f2f2f2;
        border-top: none;
        border-right: none;
        border-left: none;
    }

.c-smartgrid-search--button {
    cursor: pointer;
    width: 10%;
    min-width: 20px;
}

    .c-smartgrid-search--button:before {
        top: 1px;
    }

.c-smartgrid-filter--reset {
    background: transparent;
    border: none;
    height: auto;
    min-height: 20px;
    width: auto;
    min-width: 20px;
    list-style-type: none;
    display: inline-block;
    margin-right: .35rem;
    margin-bottom: .35rem;
    padding: 0 .7rem;
    cursor: pointer;
}

.c-smartgrid-filter--list {
    list-style-type: none;
    background-color: #fff;
    margin: 0;
    width: 100%
}

    .c-smartgrid-filter--list:empty, .c-smartgrid-filter--selected-wrapper:empty {
        display: none;
    }

.c-smartgrid-filter--selected-list {
    min-height: 6.4rem;
}

    .c-smartgrid-filter--selected-list .c-smartgrid-filter--selected-wrapper {
        padding: 1.4rem 6.25%;
        border-bottom: 1px solid #d1d1d1;
        margin: 0;
    }

    .c-smartgrid-filter--selected-list li, .c-smartgrid-filter li {
        list-style: none;
        display: inline-block;
    }

.c-smartgrid-filter--category {
    border-bottom: 1px solid #d1d1d1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    white-space: nowrap;
    padding: .7rem 0;
}

    .c-smartgrid-filter--category:first-child {
        border-top: 1px solid #d1d1d1;
        border-left: 1px solid #fff;
    }

.c-smartgrid-filter--dropdown {
    color: #323232;
    width: 100%;
    padding: 1.4rem 6.25%;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.6rem;
    cursor: pointer;
    will-change: background-color, color;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}

.c-smartgrid-filter--category.is-open .c-smartgrid-filter--dropdown, .c-smartgrid-filter .c-smartgrid-filter--dropdown:hover {
    color: #d40511;
}

.c-smartgrid-filter--category.is-open:first-child {
    border-left: 1px solid #d1d1d1;
}

.c-smartgrid-filter .c-smartgrid-filter--dropdown:after {
    content: "\e614";
    top: 1px;
    font-size: 15px;
    margin-left: .7rem;
    color: #d1d1d1;
    will-change: color;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.c-smartgrid-filter--category.is-open a:after, .c-smartgrid-filter a:hover:after {
    color: #d40511;
}

.c-smartgrid-filter--category.is-open a:after {
    content: "\e61c"
}

.c-smartgrid-filter--category.is-open ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.c-smartgrid-filter--category ul {
    padding: 1.4rem 6.25%;
    padding-bottom: 0;
    display: none;
    z-index: 1000;
}

.c-smartgrid-filter--list-item {
    border: 1px solid #d1d1d1;
    cursor: pointer;
    display: inline-block;
    font-weight: 200;
    list-style-type: none;
    margin-right: .35rem;
    margin-bottom: .35rem;
    padding: 0 .7rem;
    text-transform: uppercase;
    will-change: background-color, color;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}

.c-smartgrid-filter--list-item-checkbox {
    display: none;
}

    .c-smartgrid-filter--list-item-checkbox:checked + .c-smartgrid-filter--list-item, .c-smartgrid-filter--selected-list .c-smartgrid-filter--list-item {
        background-color: #d40511;
        color: #fff;
    }

        .c-smartgrid-filter--selected-list .c-smartgrid-filter--list-item:after {
            content: "\e606";
            margin-left: .7rem;
        }

    .c-smartgrid-filter--list-item-checkbox:disabled + .c-smartgrid-filter--list-item {
        border-color: #e8e8e8;
        color: #e8e8e8;
        cursor: default;
    }

.c-filter-hints {
    padding: 1.4rem 2.8rem;
    padding-top: 0;
}

.c-smartgrid-filter--toolbar {
    padding: 1.4rem 6.25%;
    white-space: nowrap;
}

.c-smartgrid-filter--toolbar-item {
    margin: 0 .7rem;
    cursor: pointer;
    color: #323232;
    white-space: nowrap;
}

    .c-smartgrid-filter--toolbar-item.is-active {
        cursor: default;
    }

    .c-smartgrid-filter--toolbar-item.is-active, .c-smartgrid-filter--toolbar-item:hover, .c-smartgrid-filter--toolbar-item:hover:before {
        color: #d40511;
    }

@media print, screen and (min-width:768px) {
    .c-smartgrid--search .c-form--element-input {
        width: 90%
    }

    .c-smartgrid-filter {
        border-top: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }

    .c-smartgrid-filter--list {
        width: auto;
        border-bottom: 1px solid #d1d1d1;
    }

    .c-smartgrid-filter--toolbar {
        border-bottom: none;
        padding: 1.4rem 2.8rem 0 0;
    }

    .c-smartgrid-filter--dropdown {
        padding: 1.4rem 2.8rem;
    }

    .c-smartgrid-filter--category:first-child {
        border-top: none;
    }

    .c-smartgrid-filter--selected-list .c-smartgrid-filter--selected-wrapper {
        border-top: none;
        border-bottom: none;
        padding: 1.4rem 2.8rem;
    }

    .c-smartgrid-filter--category {
        border-bottom: none;
        border-top: none;
        border-right: 1px solid #d1d1d1;
        width: auto;
    }

        .c-smartgrid-filter--category ul {
            background-color: #fff;
            border-right: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
            border-left: 1px solid #d1d1d1;
            display: none;
            height: auto;
            left: -1px;
            padding: .7rem;
            position: absolute;
            margin-top: .7rem;
            width: 450px;
        }

    .c-filter-hints {
        padding: .7rem 0;
        padding: 1.4rem;
    }
}

.c-smartgrid-item-sticky--copy {
    padding: 4.199999999999999rem 2.8rem;
}

    .c-smartgrid-item-sticky--copy .base-button {
        margin-bottom: 0;
    }

.c-smartgrid-item-sticky--image-wrapper {
    overflow: hidden;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-smartgrid-item-sticky--copy {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .c-smartgrid-item-sticky--image-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-smartgrid-item-sticky--copy {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .c-smartgrid-item-sticky--image-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.c-smartgrid-item-sticky--copy {
    padding: 4.199999999999999rem;
}

.c-smartgrid--wrapper {
    background: #f2f2f2;
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
}

.c-smartgrid {
    position: relative;
    z-index: 1;
}

.c-smartgrid--error {
    display: none;
}

.c-smartgrid-result--message {
    padding: 2.8rem;
    text-align: center;
    width: 100%
}

.c-smartgrid--item {
    margin-top: 2.8rem;
    margin-bottom: 2.8rem;
    position: relative;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.c-smartgrid--list-view .c-smartgrid--item {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    padding-top: 0;
    padding-bottom: 0;
}

.c-smartgrid--list-view .c-smartgrid--item-text-wrapper {
    padding-bottom: 1.4rem;
}

.c-smartgrid--item-text-wrapper {
    display: block;
    position: relative;
    border-bottom: 2px solid #f2f2f2;
    background: #fff;
    padding: 1.4rem 2.0999999999999996rem;
    margin-top: -4.199999999999999rem;
    margin-left: 1.4rem;
    margin-right: 1.4rem;
    z-index: 10;
    height: 100%
}

.c-smartgrid--item-image-wrapper {
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 15.399999999999999rem;
    width: 100%;
    z-index: 5;
    display: block;
}

.c-smartgrid--item-image {
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    position: absolute;
    background: #b5b5b5;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    width: auto;
}

.c-smartgrid--item-headline:after {
    font-size: 15px;
}

.c-smartgrid--item-copy, .link .c-smartgrid--item-copy {
    font-weight: 400;
    padding-bottom: 1.4rem;
}

.c-smartgrid--item-label {
    width: 100%
}

.c-smartgrid--item-date {
    font-weight: 400;
}

.c-smartgrid--item-image-wrapper .c-smartgrid--item-image {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.c-smartgrid--item:hover .c-smartgrid--item-image {
    -webkit-transform: translateX(-50%) scale(1.05);
    transform: translateX(-50%) scale(1.05);
}

.c-smartgrid--no-image .c-smartgrid--item-text-wrapper {
    margin-top: 0;
}

.c-smartgrid--list-view .c-smartgrid--item {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%
}

.c-smartgrid--position-3 > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-smartgrid--list-view .c-smartgrid--item-text-wrapper, .c-smartgrid--list-view .c-smartgrid--position-3 .c-smartgrid--item-text-wrapper {
    width: 100%;
    z-index: 10;
    margin: 0;
    position: relative;
}

.c-smartgrid--list-view .c-smartgrid--item-image-wrapper {
    display: none;
}

.c-smartgrid--list-view .l-grid--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.c-smartgrid--loadmore {
    margin: .7rem 0;
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-smartgrid--item-headline: after {
        font-size: 17px;
    }

    .c-smartgrid--item-text-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 2.0999999999999996rem;
        margin-right: 2.0999999999999996rem;
        margin-top: -4.199999999999999rem;
        width: 93.75%
    }

    .c-smartgrid--no-image .c-smartgrid--item-text-wrapper {
        margin-top: 0;
    }

    .c-smartgrid--item-image-wrapper {
        height: 25.2rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-smartgrid--item-headline: after {
        font-size: 18px;
    }
}

@media print, screen and (min-width:1024px) {
    .c-smartgrid--item-headline: after {
        font-size: 22px;
    }
}

@media print, screen and (min-width:768px) {
    .c-smartgrid--item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 5.6rem;
        margin-bottom: 5.6rem;
        padding: 0 .7rem;
        position: relative;
    }

    .c-smartgrid--list-view .c-smartgrid--item {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        background: #fff;
    }

    .c-smartgrid--item:not(.c-smartgrid--position-3) > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .c-smartgrid--item-text-wrapper {
        border-bottom: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 2.0999999999999996rem;
        margin-right: 2.0999999999999996rem;
        -ms-flex-preferred-size: auto;
    }

    .c-smartgrid--no-image .c-smartgrid--item-text-wrapper {
        margin-top: 0;
    }

    .c-smartgrid--position-3 .c-smartgrid--item-text-wrapper {
        width: calc(50% + .7rem);
        margin-left: 0;
        margin-right: 0;
        padding-left: 5.6rem;
    }

    .c-smartgrid--position-3 .l-grid--row-reverse .c-smartgrid--item-text-wrapper {
        padding-left: 4.199999999999999rem;
        padding-right: 5.6rem;
    }

    .c-smartgrid--item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .c-smartgrid--position-3 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        margin-top: 2.8rem;
        margin-bottom: 2.8rem;
    }

    .c-smartgrid--grid-view .c-smartgrid--position-3 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .c-smartgrid--list-view .c-smartgrid--item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        padding: 1.4rem;
    }

    .c-smartgrid--list-view .c-smartgrid--item-text-wrapper, .c-smartgrid--list-view .c-smartgrid--position-3 .c-smartgrid--item-text-wrapper {
        width: 100%;
        z-index: 10;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .c-smartgrid--list-view .c-smartgrid--item-image-wrapper {
        display: none;
    }

    .c-smartgrid--list-view .l-grid--row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .c-smartgrid--position-3 .c-smartgrid--item-image-wrapper {
        width: calc(50% - .7rem);
        min-height: 100%;
        height: auto;
        background: #fff;
        padding-right: .7rem;
    }

    .c-smartgrid--item-headline-container {
        margin-bottom: 1.4rem;
        text-align: center;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-smartgrid--position-3 .c-smartgrid--item-text-wrapper {
        margin-top: 0;
    }

    .c-smartgrid--item-image-wrapper {
        height: 18.2rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-smartgrid--position-3 .c-smartgrid--item-text-wrapper {
        margin-top: 0;
    }

    .c-smartgrid--item-image-wrapper {
        height: 23.799999999999997rem;
    }
}

.c-social-share {
    height: 4.8rem;
    height: 4.199999999999999rem;
    padding-top: .35rem;
}

.c-stage-generic {
    border-bottom: 1px solid #b5b5b5;
    overflow: hidden;
    padding-top: 5.6rem;
    position: relative;
}

    .c-stage-generic picture {
        display: block;
        margin-bottom: 1.4rem;
        overflow: hidden;
        position: relative;
    }

    .c-stage-generic .sub-h1 {
        display: block;
        font-weight: 200;
        margin-bottom: 0;
    }

    .c-stage-generic .c-stage-generic--headline {
        font-family: Frutiger W04, Verdana, sans-serif;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 4.199999999999999rem;
        margin-bottom: 2.8rem;
        text-transform: uppercase;
    }

    .c-stage-generic picture img {
        bottom: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.c-stage-generic--textbox {
    position: static;
    width: 100vw;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-stage-generic picture {
        height: 19.599999999999998rem;
    }

    .c-stage-generic .c-stage-generic--headline {
        line-height: 2.8rem;
    }

        .c-stage-generic .c-stage-generic--headline .sub-h1 {
            font-size: 2rem;
            line-height: 2.8rem;
        }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-stage-generic picture {
        height: 25.2rem;
    }

    .c-stage-generic .c-stage-generic--headline {
        font-size: 3.1rem;
        line-height: 3.5rem;
    }

        .c-stage-generic .c-stage-generic--headline .sub-h1 {
            font-size: 2rem;
            line-height: 2.8rem;
        }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-stage-generic picture {
        height: 29.4rem;
    }

    .c-stage-generic .c-stage-generic--headline {
        font-size: 3.9rem;
    }

        .c-stage-generic .c-stage-generic--headline .sub-h1 {
            font-size: 2.5rem;
        }
}

@media print, screen and (min-width:768px) {
    .c-stage-generic {
        border-bottom: none;
        height: 28rem;
        padding-top: 0;
    }

        .c-stage-generic picture {
            margin-bottom: 0;
            height: 100%
        }

            .c-stage-generic picture img {
                bottom: 0;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

    .c-stage-generic--textbox {
        bottom: 8.399999999999999rem;
        position: absolute;
    }

        .c-stage-generic--textbox.is-right {
            margin-right: 6.25%;
            right: 0;
        }

        .c-stage-generic--textbox.has-background-50, .c-stage-generic--textbox.has-background-75 {
            bottom: 5.6rem;
            padding: 2.8rem !important;
        }

        .c-stage-generic--textbox.has-background-50 {
            background-color: hsla(0, 0%, 100%, .5);
        }

        .c-stage-generic--textbox.has-background-75 {
            background-color: hsla(0, 0%, 100%, .75);
        }

    .c-stage-generic .c-stage-generic--headline {
        font-size: 4.9rem;
        line-height: 5.6rem;
        margin-bottom: 0;
    }

        .c-stage-generic .c-stage-generic--headline .sub-h1 {
            font-size: 2.5rem;
            margin-top: .7rem;
            line-height: 3.5rem;
        }

        .c-stage-generic .c-stage-generic--headline.text-small {
            font-size: 3.1rem;
            line-height: 3.5rem;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-stage-generic {
        height: 40.599999999999994rem;
    }

        .c-stage-generic .c-stage-generic--headline {
            font-size: 3.9rem;
            line-height: 4.199999999999999rem;
        }
}

@media print, screen and (min-width:1024px) {
    .c-stage-generic {
        height: 50.4rem;
    }

    .c-stage-generic--textbox {
        -webkit-flex-basis: 43.75%;
        -ms-flex-preferred-size: 43.75%;
        flex-basis: 43.75%;
        max-width: 43.75%
    }

    .c-stage-generic .c-stage-generic--headline .sub-h1 {
        font-size: 2.5rem;
        margin-top: .35rem;
        line-height: 3.8499999999999996rem;
    }

    .c-stage-generic .c-stage-generic--headline.text-small {
        line-height: 4.199999999999999rem;
    }
}

.c-teaser-carousel {
    overflow: hidden;
}

.c-teaser-carousel--carousel-container {
    width: 102%;
    margin: 0 -1%;
    list-style-type: none;
}

.c-teaser-carousel--carousel-item {
    width: 100%;
    margin-bottom: 1.4rem;
}

.c-teaser-carousel .base-button {
    margin-top: 2.8rem;
    margin-bottom: 0;
}

@media print, screen and (max-width:767px) {
    .c-teaser-carousel--carousel-item {
        width: 100%
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-teaser-carousel--carousel-item {
        width: 50%
    }

    .c-teaser-carousel--layout-1-1 .c-teaser-carousel--carousel-item, .c-teaser-carousel--layout-2-1-1 .c-teaser-carousel--carousel-item:first-child {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-teaser-carousel--carousel-item, .c-teaser-carousel--layout-1-1 .c-teaser-carousel--carousel-item {
        width: 50%
    }

    .c-teaser-carousel--layout-2-1-1 .c-teaser-carousel--carousel-item, .c-teaser-carousel--layout-2-1-1 .c-teaser-carousel--carousel-item:first-child {
        width: 33.333333%
    }
}

@media print, screen and (min-width:1024px) {
    .c-teaser-carousel--carousel-item {
        width: 25%
    }

    .c-teaser-carousel--layout-1-1 .c-teaser-carousel--carousel-item, .c-teaser-carousel--layout-2-1-1 .c-teaser-carousel--carousel-item:first-child {
        width: 50%
    }
}

.c-teaser-carousel--carousel-item, .c-teaser-carousel--carousel-item .link {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .c-teaser-carousel--carousel-item .link {
        width: 100%;
        color: #323232;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .c-teaser-carousel--carousel-item .link span {
            -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
            align-self: flex-end;
        }

    .c-teaser-carousel--carousel-item:hover .link span {
        color: #d40511;
    }

.c-teaser-carousel--image-wrapper {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.c-teaser-carousel--image {
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.c-teaser-carousel--carousel-copy {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-preferred-size: auto;
    min-height: 11.2rem;
    padding: 1.4rem;
}

    .c-teaser-carousel--carousel-copy h3 {
        margin-bottom: 1.4rem;
    }

.c-teaser-carousel--border {
    border: 4px solid #e8e8e8;
    border-top: none;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-teaser-carousel--image-wrapper {
        height: 15.399999999999999rem;
    }

    .c-teaser-carousel--carousel-copy h3 {
        font-size: 1.6rem;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-teaser-carousel--image-wrapper {
        height: 21rem;
    }

    .c-teaser-carousel--carousel-copy h3 {
        font-size: 1.6rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-teaser-carousel--image-wrapper {
        height: 25.2rem;
    }

    .c-teaser-carousel--carousel-copy.linear-gradient h3 {
        font-size: 2rem;
    }

    .c-teaser-carousel--carousel-copy h3 {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-teaser-carousel--headline-container {
        margin-bottom: 1.4rem;
        text-align: center;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-teaser-carousel--image-wrapper {
        height: 18.2rem;
    }

    .c-teaser-carousel--carousel-copy.linear-gradient h3 {
        font-size: 2rem;
    }

    .c-teaser-carousel--carousel-copy h3 {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-teaser-carousel--image-wrapper {
        height: 23.799999999999997rem;
    }

    .c-teaser-carousel--carousel-copy.linear-gradient h3 {
        font-size: 2.5rem;
    }

    .c-teaser-carousel--carousel-copy h3 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

.c-text-accordion h2 {
    width: 100%
}

.c-text-accordion-list {
    margin-top: 1.4rem;
    margin-bottom: 0;
    width: 100%
}

.c-text-accordion .c-text-accordion--copytext {
    display: block;
    width: 100%
}

.c-text-accordion-list > li {
    float: none;
    list-style: none;
    color: #000;
    padding: 0;
    overflow: hidden;
}

.c-text-accordion li .c-text-accordion--question a {
    color: black; /*VANDANA color: #0066CC;*/
    font-family: Frutiger W04, Verdana, sans-serif;
    font-weight: 800;
    display: block;
    padding-right: 2.8rem;
}

.c-text-accordion li.has-hover .c-text-accordion--question, .c-text-accordion li.has-hover .c-text-accordion--question a, .c-text-accordion li.is-open .c-text-accordion--question, .c-text-accordion li.is-open .c-text-accordion--question a, .c-text-accordion li:hover .c-text-accordion--question, .c-text-accordion li:hover .c-text-accordion--question a {
    color: #d40511;
}

.c-text-accordion li.is-open > div {
    background-color: #f2f2f2;
    border-bottom: 0;
}

.c-text-accordion--question {
    display: block;
    padding: 1.4rem 2.8rem;
    border-bottom: 1px solid #d1d1d1;
    font-weight: 700;
    cursor: pointer;
    background-color: #fff;
    position: relative;
}

.c-text-accordion li:first-child .c-text-accordion--question {
    border-top: 1px solid #d1d1d1;
}

.c-text-accordion li .c-text-accordion--question a:after {
    position: absolute;
    right: 0;
    font-family: dhlicons;
    content: "\e60f";
    color: #d40511;
    height: 16px;
    top: 0;
}

.c-text-accordion li.is-open .c-text-accordion--question a:after {
    content: "\e60c"
}

.c-text-accordion--answer {
    padding: 1.4rem 2.8rem;
    padding-top: 0;
    overflow: hidden;
    display: none;
}

.c-text-accordion li.is-open .c-text-accordion--answer {
    display: block;
    border-bottom: 1px solid #d1d1d1;
}

.c-teaser-large {
    position: relative;
    padding-top: 1.4rem;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    background-color: #f2f2f2;
}

.c-teaser-large--text-container {
    margin-bottom: 1.4rem;
    position: relative;
    z-index: 5;
}

.c-teaser-large--image-wrapper {
    overflow: hidden;
}

    .c-teaser-large--image-wrapper.has-white-background, .c-teaser-large.has-white-background {
        background-color: #fff;
    }

    .c-teaser-large--image-wrapper.has-grey-background, .c-teaser-large.has-grey-background {
        background-color: #f2f2f2;
    }

    .c-teaser-large--image-wrapper.has-border {
        border-bottom: 2px solid #d1d1d1;
        border-top: 2px solid #d1d1d1;
    }

    .c-teaser-large--image-wrapper .darken-bg {
        background-color: #323232;
        mix-blend-mode: multiply;
        opacity: .4;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
    }

.c-teaser-large--image {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.c-teaser-large--button-container {
    position: relative;
    z-index: 5;
}

@media print, screen and (max-width:767px) {
    .c-teaser-large {
        padding-top: 4.199999999999999rem;
        padding-bottom: 2.8rem;
    }

        .c-teaser-large:not(.has-image) .c-teaser-large--image-wrapper {
            display: none;
        }

    .c-teaser-large--image-wrapper {
        position: relative;
        height: 15.399999999999999rem;
    }

    .c-teaser-large.has-image .c-teaser-large--button-container {
        margin-top: -5.6rem;
    }

        .c-teaser-large.has-image .c-teaser-large--button-container .base-button:nth-child(2) {
            margin-top: 1.4rem;
        }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-teaser-large--image-wrapper {
        height: 22.4rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-teaser-large--image-wrapper {
        height: 25.2rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-teaser-large {
        padding-top: 4.199999999999999rem;
        text-align: center;
        color: #fff;
        overflow: hidden;
    }

    .c-teaser-large--image-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .c-teaser-large--button-container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }

    .c-teaser-large .base-button {
        min-width: 20%;
        margin: 0 .7rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-teaser-large {
        height: 33.599999999999994rem;
        padding-top: 5.6rem;
        overflow: hidden;
    }
}

@media print, screen and (min-width:1024px) {
    .c-teaser-large {
        height: 43.4rem;
        padding-top: 7rem;
    }

    .c-teaser-large--button-container {
        padding-top: 1.4rem;
    }
}

.c-teaser-carousel-simple--container {
    float: left;
    max-width: 100.8rem;
}

.c-teaser-carousel-simple--copy {
    margin-bottom: 2.8rem;
}

    .c-teaser-carousel-simple--copy p {
        width: 100%
    }

.c-teaser-carousel-simple--item {
    padding: 0 1.4rem;
    margin-bottom: 2.8rem;
    text-align: center;
    display: inline-block;
}

    .c-teaser-carousel-simple--item:hover .c-teaser-carousel-simple--icon {
        border-color: #d40511;
    }

        .c-teaser-carousel-simple--item:hover .c-teaser-carousel-simple--icon img {
            height: 4.4799999999999995rem;
            margin-top: 1.6rem;
            width: 4.4799999999999995rem;
        }

.c-teaser-carousel-simple--icon {
    background-color: #fff;
    border: 3px solid #d1d1d1;
    border-radius: 50%;
    height: 8.399999999999999rem;
    margin-bottom: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 8.399999999999999rem;
    will-change: border-color;
    -webkit-transition: border .2s;
    transition: border .2s;
}

    .c-teaser-carousel-simple--icon img {
        display: block;
        height: 4.199999999999999rem;
        margin: 1.7rem auto auto;
        width: 4.199999999999999rem;
        will-change: height, width, border-color;
        -webkit-transition: height .2s, width .2s, border .2s, margin .2s;
        transition: height .2s, width .2s, border .2s, margin .2s;
    }

    .c-teaser-carousel-simple--icon image {
        color: #d40511;
    }

.c-teaser-carousel-simple--icon-headline {
    color: #d40511;
    display: block;
    line-height: 2.8rem;
    text-align: center;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-teaser-carousel-simple--item {
        width: 50%
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-teaser-carousel-simple--item {
        width: 33.333%
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-teaser-carousel-simple--item {
        width: 33.333%
    }
}

@media print, screen and (min-width:768px) {
    .c-teaser-carousel-simple--item {
        margin-bottom: 4.199999999999999rem;
    }

        .c-teaser-carousel-simple--item:hover .c-teaser-carousel-simple--icon img {
            height: 5.18rem;
            margin-top: 2rem;
            width: 5.18rem;
        }

    .c-teaser-carousel-simple--icon {
        height: 9.799999999999999rem;
        margin-bottom: 1.4rem;
        width: 9.799999999999999rem;
    }

        .c-teaser-carousel-simple--icon img {
            height: 4.8999999999999995rem;
            margin: 2.0999999999999996rem auto auto;
            width: 4.8999999999999995rem;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-teaser-carousel-simple--item {
        width: 25%
    }
}

@media print, screen and (min-width:1024px) {
    .c-teaser-carousel-simple--item {
        width: 18.2rem;
    }
}

.c-teaser-image {
    background-color: #f2f2f2;
    padding-top: 5.6rem;
}

.c-teaser-image--content {
    width: 103%;
    margin: 0 -1.5%;
    padding-bottom: 1.4rem;
}

.c-teaser-image--item {
    margin-bottom: 4.199999999999999rem;
    padding: 0 1.5%
}

    .c-teaser-image--item .base-button span {
        white-space: normal;
    }

.c-teaser-image--image {
    border-bottom: 3px solid #d40511;
}

.c-teaser-image--textbox {
    background-color: #fff;
    padding-bottom: 1.4rem;
    padding-top: 2.8rem;
    text-align: left;
}

    .c-teaser-image--textbox h3 {
        color: #d40511;
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-bottom: calc(1 * 1.4rem - 1px);
    }

    .c-teaser-image--textbox > p {
        margin-top: 1.4rem;
    }

    .c-teaser-image--textbox p + p {
        margin-top: 0;
    }

    .c-teaser-image--textbox .c-teaser-image--textbox-subline {
        margin-bottom: 0;
    }

    .c-teaser-image--textbox .c-teaser-image--headline-link, .c-teaser-image--textbox .c-teaser-image--headline-link:after {
        font-weight: 800;
    }

        .c-teaser-image--textbox .c-teaser-image--headline-link:after {
            margin-left: 4px;
        }

.c-teaser-image--image, .c-teaser-image--image picture {
    overflow: hidden;
    display: block;
}

    .c-teaser-image--image picture {
        height: 100%
    }

    .c-teaser-image--image img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

@media screen and (min-width:320px) and (max-width:479px) {
    .c-teaser-image--image {
        -webkit-flex-basis: 21rem;
        -ms-flex-preferred-size: 21rem;
        flex-basis: 21rem;
        height: 21rem;
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .c-teaser-image--image {
        -webkit-flex-basis: 29.4rem;
        -ms-flex-preferred-size: 29.4rem;
        flex-basis: 29.4rem;
        height: 29.4rem;
    }

    .c-teaser-image--textbox h3 {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-bottom: 1.4rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-teaser-image--item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .c-teaser-image--image {
        -webkit-flex-basis: 16.799999999999997rem;
        -ms-flex-preferred-size: 16.799999999999997rem;
        flex-basis: 16.799999999999997rem;
        height: 16.799999999999997rem;
    }

    .c-teaser-image--textbox.has-no-button {
        padding-bottom: 1.4rem;
    }

    .c-teaser-image--textbox.has-one-button {
        padding-bottom: 7rem;
    }

    .c-teaser-image--button-wrapper {
        bottom: 0;
        padding-bottom: 1.4rem;
        position: absolute;
        width: 87.5%
    }

    .c-teaser-image--textbox {
        padding-bottom: 12.6rem;
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
    }

        .c-teaser-image--textbox h3 {
            font-size: 2rem;
            line-height: 2.8rem;
        }

        .c-teaser-image--textbox .c-teaser-image--headline-link:after {
            font-size: 17px;
        }
}

@media print, screen and (min-width:768px) {
    .c-teaser-image--item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .c-teaser-image--headline-container {
        padding-bottom: 1.4rem;
        text-align: center;
    }

    .c-teaser-image--textbox {
        padding-bottom: 12.6rem;
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
    }

        .c-teaser-image--textbox.has-no-button {
            padding-bottom: 1.4rem;
        }

        .c-teaser-image--textbox.has-one-button {
            padding-bottom: 7rem;
        }

    .c-teaser-image--button-wrapper {
        bottom: 0;
        padding-bottom: 1.4rem;
        position: absolute;
        width: 87.5%
    }

    .c-teaser-image--textbox .c-teaser-image--headline-link:after {
        top: -1px;
        margin-left: 7px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-teaser-image--image {
        -webkit-flex-basis: 23.799999999999997rem;
        -ms-flex-preferred-size: 23.799999999999997rem;
        flex-basis: 23.799999999999997rem;
        height: 23.799999999999997rem;
    }

    .c-teaser-image--textbox h3 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-teaser-image--textbox .c-teaser-image--headline-link: after {
        font-size: 19px;
    }

    .c-teaser-image--textbox h3 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }

    .c-teaser-image--item.four-items {
        margin-left: 1px;
        margin-right: 1px;
    }

    .c-teaser-image--image {
        -webkit-flex-basis: 19.599999999999998rem;
        -ms-flex-preferred-size: 19.599999999999998rem;
        flex-basis: 19.599999999999998rem;
        height: 19.599999999999998rem;
    }
}

.c-text-quote .c-text-quote--wrapper {
    margin: 0;
    width: 100%
}

.c-text-quote.has-rte ol.list, .c-text-quote.has-rte ul.list {
    padding-left: 4.199999999999999rem;
}

.c-text-quote.has-rte .list li span {
    color: #d40511;
}

.c-text-quote .base-button {
    margin-top: 4.199999999999999rem;
    margin-bottom: 0;
}

.c-text-quote--quote {
    color: #d40511;
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 200;
    line-height: 4.199999999999999rem;
    border: none;
    margin-left: 0;
    padding-left: 0;
    quotes: "\201C""\201D""\2018""\2019";
    display: block;
}

    .c-text-quote--quote:before {
        content: open-quote;
    }

    .c-text-quote--quote:after {
        content: close-quote;
    }

    .c-text-quote--quote p {
        display: inline;
    }

.c-text-quote--source {
    color: #323232;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.199999999999999rem;
    display: block;
}

@media screen and (min-width:320px) and (max-width:479px) {
    .c-text-quote--quote {
        font-size: 2rem;
        line-height: 3.5rem;
    }

    .c-text-quote .base-button {
        margin-top: 2.8rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-text-quote .c-text-quote--wrapper {
        margin: 2.8rem;
    }
}

.c-text-generic--image-wrapper {
    display: block;
    margin-bottom: 2.8rem;
    overflow: hidden;
}

    .c-text-generic--image-wrapper picture {
        display: block;
    }

.c-text-generic--image {
    display: block;
    min-width: 100%;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.c-text-generic .link {
    display: inline;
}

.c-text-generic ol, .c-text-generic ul {
    overflow: hidden;
    padding-top: 1.4rem;
}

.c-text-generic .list li {
    text-align: left;
}

.c-text-generic .list.is-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    min-width: 150px;
    padding-left: 2em;
    padding-right: 2em;
}

@media print, screen and (max-width:767px) {
    .c-text-generic .list.is-centered.has-no-padding {
        padding-left: 2.8rem;
    }
}

.c-text-image--img, .c-text-image--text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}

.c-text-image--img-wrapper {
    margin-bottom: 2.8rem;
    width: 100%
}

    .c-text-image--img-wrapper picture {
        display: block;
        overflow: hidden;
    }

    .c-text-image--img-wrapper img {
        display: block;
    }

.c-text-image--text-wrapper {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

    .c-text-image--text-wrapper p {
        max-width: 100%;
        width: 100%
    }

    .c-text-image--text-wrapper .base-button {
        margin-bottom: 0;
        margin-top: 1.4rem;
    }

@media screen and (min-width:320px) and (max-width:479px) {
    .c-text-image--img-wrapper, .c-text-image--text-wrapper h3 {
        margin-bottom: 1.4rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-text-image.type-image-right .c-text-image--img-wrapper {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 1.4rem;
        padding-right: 0;
    }

    .c-text-image.type-image-right .c-text-image--text-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
        padding-right: 1.4rem;
    }

    .c-text-image--img-wrapper {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 1.4rem;
    }

    .c-text-image--text-wrapper {
        padding-left: 1.4rem;
        padding-right: 0;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-text-image--button-container .base-button {
        width: 100%
    }
}

@media print, screen and (min-width:1024px) {
    .c-text-image--button-container .base-button {
        margin-left: .7rem;
        margin-right: .7rem;
    }

    .c-text-image--button-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -.7rem;
    }
}

.c-text-list--list {
    text-align: left;
}

@media print, screen and (max-width:767px) {
    .c-text-list--headline {
        text-align: left;
    }

    .c-text-list--list {
        list-style-position: outside;
    }

        .c-text-list--list:not(.list-proof-check) {
            padding-left: 2.8rem;
        }
}

@media print, screen and (min-width:768px) {
    .c-text-list--headline {
        margin-bottom: 4.199999999999999rem;
    }

    .c-text-list--list {
        padding: 0 2.8rem;
    }

        .c-text-list--list.list-proof-check {
            padding-left: 0;
        }

        .c-text-list--list li:last-child {
            padding-bottom: 0;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-text-list--headline {
        margin-bottom: 2.8rem;
    }
}

.c-top-task-bar--list {
    list-style-type: none;
    border-top: 1px solid #d1d1d1;
    background-color: #fff;
    margin: 0;
}

.c-top-task-bar--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d1d1d1;
}

.c-top-task-bar .link {
    width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    font-family: Frutiger W04, Verdana, sans-serif;
    font-size: 1.6rem;
    will-change: background-color, color;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}

    .c-top-task-bar .link:hover {
        color: #d40511;
        background-color: #f2f2f2;
    }

.c-top-task-bar.type-dark .c-top-task-bar--list {
    background-color: #f2f2f2;
    border-top: 1px solid #b5b5b5;
}

.c-top-task-bar.type-dark .link:hover {
    color: #323232;
    background-color: #d1d1d1;
}

.c-top-task-bar.type-dark .c-top-task-bar--item {
    border-bottom: 1px solid #b5b5b5;
}

@media print, screen and (max-width:767px) {
    .c-top-task-bar--list {
        text-align: left;
    }

    .c-top-task-bar--item {
        border-right: none;
    }

    .c-top-task-bar .link {
        padding-right: calc(6.25% + 15px);
    }

        .c-top-task-bar .link:after {
            position: absolute;
            top: calc(50% - 14px);
            right: calc(6.25% - 5px);
        }
}

@media print, screen and (min-width:768px) {
    .c-top-task-bar--list {
        text-align: center;
    }

    .c-top-task-bar--item {
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
        padding: 0;
    }

        .c-top-task-bar--item:first-child {
            border-left: 1px solid #d1d1d1;
        }

        .c-top-task-bar--item .link.link-internal:after, .c-top-task-bar--item .link.link-internal span {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
        }

        .c-top-task-bar--item .link.link-internal {
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch;
        }

    .c-top-task-bar .link {
        padding-left: 2.0999999999999996rem;
        padding-right: 2.0999999999999996rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .c-top-task-bar .link:after {
            margin-left: 4px;
        }

    .c-top-task-bar.type-dark .c-top-task-bar--item {
        border-right: 1px solid #b5b5b5;
        border-bottom: 1px solid #b5b5b5;
    }

        .c-top-task-bar.type-dark .c-top-task-bar--item:first-child {
            border-left: 1px solid #b5b5b5;
        }
}

.tracking--container {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 11.2rem;
}

.tracking--headline {
    text-transform: none;
}

.tracking--result-container {
    position: relative;
}

.tracking--result-inner-container.isDuplicate {
    background-color: #f2f2f2;
}

.tracking--result-loader {
    margin: 50px 0;
    display: none;
}

.tracking--result-header {
    margin-bottom: 2.8rem;
    padding-top: 1.4rem;
}

.tracking--result-container {
    background-color: #f2f2f2;
    padding-bottom: 2.8rem;
}

    .tracking--result-container.isHidden {
        display: none;
    }

.tracking--result-inner-container {
    padding-top: 1.4rem;
    background-color: #fff;
}

.tracking--result-status-icon {
    display: block;
    color: #d40511;
    line-height: 4.199999999999999rem;
    padding: 4px 0;
    margin-top: 22px;
}

    .tracking--result-status-icon.green {
        color: #76bd22;
    }

    .tracking--result-status-icon.yellow {
        color: #f0c202;
    }

    .tracking--result-status-icon.gray {
        color: #666;
    }

    .tracking--result-status-icon.icon-exception {
        font-size: 70px;
    }

.tracking--result-start-icon {
    display: block;
    color: #76bd22;
    line-height: 4.199999999999999rem;
    font-size: 50px;
    padding-top: 12px;
    text-align: center;
}

    .tracking--result-start-icon.gray {
        color: #666;
    }

.tracking--result-headline, .tracking--result-state {
    display: none;
}

.tracking--result-headline-mobile {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    font-weight: 200;
    background-color: #f2f2f2;
}

.tracking--result--info {
    padding-bottom: 1.4rem;
    text-align: left;
}

.tracking--result-tracking-number-copy {
    font-size: 1rem;
}

.tracking--result-tracking-number {
    display: block;
    word-break: break-all;
    word-break: break-word;
}

.tracking--result--error-icon {
    display: block;
    color: #666;
    line-height: 4.199999999999999rem;
    padding: 0;
    font-size: 100px;
}

.tracking--result--error-tracking-number {
    color: #d40511;
    font-weight: 700;
    margin-bottom: 20px;
}

.tracking--result-error {
    margin-top: 20px;
}

.tracking--result-error-faqs-header {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 40px 0;
}

    .tracking--result-error-faqs-header p {
        padding-bottom: 0;
    }

.tracking--result-error-faqs-list {
    margin-bottom: 40px;
}

    .tracking--result-error-faqs-list li {
        padding: 20px 70px;
        border-bottom: 1px solid #d1d1d1;
        float: inherit;
        display: block;
        text-align: left;
        color: #323232;
        font-weight: 700;
        text-transform: uppercase;
    }

        .tracking--result-error-faqs-list li span {
            float: right;
        }

        .tracking--result-error-faqs-list li:after {
            display: inline-block;
            font-family: dhlicons;
            content: "\e60f";
            color: #d40511;
            height: 16px;
            width: 4px;
            margin-left: 10px;
        }

.tracking--result--more-button {
    font-weight: 700;
    position: relative;
    padding-top: 20px;
    cursor: pointer;
}

    .tracking--result--more-button:after {
        content: "";
        position: relative;
        top: 2px;
        left: 10px;
    }

    .tracking--result--more-button.is-open:after {
        content: ""
    }

.tracking--result--more-details {
    display: none;
}

.tracking--result--more-details-title {
    font-weight: 700;
    margin-top: 10px;
}

.tracking--result--detailed {
    display: none;
}

.isMultitracking .tracking--result--detailed {
    display: block;
}

.isMultitracking .tracking--result-checkpoints {
    display: none;
}

.tracking--result--highlights {
    margin-top: 10px;
}

.tracking--result--moreshipment {
    text-align: left;
}

.tracking--result--location {
    position: relative;
    padding-top: 1.4rem;
    text-align: left;
    border-top: 1px solid #b5b5b5;
    background-color: #f2f2f2;
}

    .tracking--result--location.tracking--result--location-first {
        background-color: transparent;
    }

        .tracking--result--location.tracking--result--location-first li:first-child {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

    .tracking--result--location.tracking--result--location-lower {
        background-color: transparent;
        border: 0;
    }

        .tracking--result--location.tracking--result--location-lower.linetop {
            border-top: 1px solid #b5b5b5;
        }

    .tracking--result--location.tracking--result--location-last {
        overflow: visible;
        padding-bottom: 1.4rem;
        border-top: 0;
        background-color: #fff;
        position: relative;
        padding-bottom: 2.8rem;
        border-top: 1px solid #b5b5b5;
    }

.tracking--result--location-line-bottom, .tracking--result--location-line-top {
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    border: none;
    border-left: 2px solid #b5b5b5;
}

.tracking--result--location-line-top {
    height: 2.8rem;
}

.tracking--result--location-first .tracking--result--location-line-top {
    border-left-style: dotted;
}

    .tracking--result--location-first .tracking--result--location-line-top.solid {
        border-left-style: solid;
    }

.tracking--result--location-lower .tracking--result--location-line-top {
    height: 4.06rem;
}

.tracking--result--location-last .tracking--result--location-line-top {
    height: 0;
}

.tracking--result--location-line-bottom {
    top: 5.319999999999999rem;
}

.tracking--result--location-icon {
    position: absolute;
    top: 2.52rem;
    left: 10%;
    width: 4.199999999999999rem;
    margin-left: 1px;
    text-align: center;
}

.tracking--result--location-lower .tracking--result--location-line-bottom {
    top: 5.46rem;
}

.tracking--result--location-last .tracking--result--location-icon {
    top: 2.0999999999999996rem;
}

.tracking--result--location-icon:before {
    display: block;
    position: relative;
    z-index: 2;
    left: -2.0999999999999996rem;
    font-size: 38px;
    color: #b5b5b5;
    content: "\e61a"
}

.tracking--result--location-first .tracking--result--location-icon:before {
    color: #f0c202;
    content: "\e618"
}

.tracking--result--location-first .tracking--result--location-icon.green:before {
    color: #76bd22;
}

.tracking--result--location-first .tracking--result--location-icon.yellow:before {
    color: #f0c202;
}

.tracking--result--location-first .tracking--result--location-icon.gray:before {
    color: #b5b5b5;
}

.tracking--result--location-last .tracking--result--location-icon:before {
    color: #76bd22;
    content: "\e618"
}

.tracking--result--location-first .tracking--result--location-icon.default:before {
    content: "\e61a";
    color: #b5b5b5;
}

.tracking--result--location-icon:after {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: -10px;
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #fff;
    content: ""
}

.tracking--result--location.tracking--result--location-last .tracking--result--location-icon:after {
    display: none;
}

.tracking--result--location-copy, .tracking--result--location-date, .tracking--result--location-status, .tracking--result--location-time, .tracking--result--location-weekday {
    display: block;
}

.tracking--result--location-weekday {
    font-size: 1.6rem;
}

.tracking--result--location-date {
    margin-bottom: 10px;
}

.tracking--result--location-pieces {
    margin-top: -8px;
    float: right;
    display: inline-block;
}

    .tracking--result--location-pieces .dropdown--list {
        left: auto;
        margin-top: 0;
        right: 0;
    }

    .tracking--result--location-pieces a {
        border: 1px solid transparent;
    }

    .tracking--result--location-pieces.is-open a {
        border: 1px solid #b5b5b5;
        background-color: #fff;
    }

.tracking--result--location-copy {
    color: #666;
}

.tracking--result--location-last .tracking--result--location-copy {
    font-weight: 700;
    color: #323232;
}

    .tracking--result--location-last .tracking--result--location-copy p {
        margin-bottom: 0;
    }

.tracking--result--location ul {
    margin-bottom: 0;
    list-style-type: none;
}

.tracking--result--location li {
    padding-bottom: 1.4rem;
    color: #000;
    padding-left: 0;
}

.tracking--result--pieces {
    display: inline-block;
    position: absolute;
}

.tracking--result--location-pieces li {
    padding-bottom: 0;
}

.tracking--result-carbon, .tracking--result-notification, .tracking--result-print {
    position: absolute;
    right: 0;
    top: 2.8rem;
}

.tracking--result-notification {
    right: 60px;
}

.tracking--result-carbon {
    right: 50px;
}

.tracking--result-notification.icon-pod {
    font-size: 4rem;
}

.tracking--result-notification.icon-notification {
    font-size: 2.8rem;
}

.tracking--result--endpoint {
    text-align: left;
}

    .tracking--result--endpoint p {
        margin-bottom: 0;
    }

.tracking--result--endpoint-location {
    margin-bottom: 0;
    font-weight: 700;
}

.tracking--result--endpoint-arrival {
    padding-right: 6px;
    color: #666;
}

.tracking--result--endpoint-date {
    color: #666;
    font-weight: 700;
}

.tracking--result--description {
    margin-bottom: 0;
    margin-top: 14px;
    font-weight: 700;
    color: #f0c202;
}

.tracking--result--delivery {
    color: #666;
    margin-bottom: 0;
    margin-top: 14px;
}

.tracking--result--description-more {
    color: #b5b5b5;
    margin-bottom: 0;
    margin-top: 10px;
}

.tracking--result--more-details-container {
    position: relative;
    border-top: 1px solid #b5b5b5;
}

.tracking--result--more-details-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    border: none;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.tracking--result--more-details-button {
    margin: 2.8rem 0;
}

.tracking-result--cta {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 10rem;
}

.tracking-result--cta-element {
    border: 4px solid #e8e8e8;
    text-align: left;
    padding: 14px 20px;
    margin-top: 1.8rem;
}

.dropdown {
    position: relative;
}

.dropdown--headline {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 44px 0 18px;
    height: 4.199999999999999rem;
    line-height: 4.199999999999999rem;
    color: #666;
    border: 1px solid #b5b5b5;
    white-space: nowrap;
}

    .dropdown--headline.has-icon {
        cursor: pointer;
    }

    .dropdown--headline:hover {
        color: #323232;
    }

    .dropdown--headline.has-icon:after {
        position: absolute;
        top: 0;
        right: 16px;
        content: "\e614"
    }

.dropdown--list {
    position: absolute;
    top: calc(3 * 1.4rem - 1px);
    left: 0;
    z-index: 1;
    display: none;
    margin-bottom: 0;
    padding: .7rem 18px;
    list-style-type: none;
    color: #323232;
    background-color: #fff;
    border: 1px solid #b5b5b5;
}

    .dropdown--list > li {
        font-size: 1.3rem;
        font-weight: 700;
        white-space: nowrap;
    }

.dropdown.is-open .dropdown--headline:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.dropdown.is-open .dropdown--headline:after {
    content: "\e61c"
}

.dropdown.is-open .dropdown--list {
    display: inline-block;
}

.tracking--result-space-top {
    margin-top: 1.4rem;
}

@media print, screen and (max-width:767px) {
    .tracking--headline {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .dropdown--list {
        position: static;
    }

    .tracking--result--location-pieces .dropdown--list, .tracking--result--pieces .dropdown--list {
        width: 100%;
        left: 0;
        top: calc(7 * 1.4rem - 1px);
    }

    .tracking--result-header {
        position: relative;
    }

    .tracking--result--info {
        text-align: left;
    }

    .tracking--result-status-icon {
        position: absolute;
        font-size: 80px;
        padding: 0;
        left: 10%;
        margin-left: -38px;
    }

    .tracking--result-start-icon {
        position: absolute;
        left: 10%;
        margin-left: -24px;
    }

    .tracking--result--pieces {
        margin-top: 1.4rem;
    }

    .tracking--result--location-pieces {
        top: 1.4rem;
    }

    .tracking--result-notification {
        top: 1.4rem;
        right: 5%
    }

    .tracking--result-print {
        display: none;
    }

    .tracking--result--location-time {
        padding-bottom: 6px;
    }

    .tracking--result--location-first .tracking--result--location-line-top {
        height: 2.52rem;
    }

    .tracking--result--location-first .tracking--result--location-icon:before {
        font-size: 40px;
    }

    .tracking--result--location-date {
        margin-bottom: 1.4rem;
    }

    .tracking--result--more-details-container {
        border-bottom: 1px solid #f2f2f2;
    }

    .tracking--result--more-details-line {
        top: -27px;
        height: 27px;
        border-bottom: 1px solid #b5b5b5;
    }

    .tracking--result--error-icon {
        font-size: 70px;
        padding: 0;
        margin-top: -8px;
    }

    .tracking--result-error-faqs-list li {
        padding: 20px 0;
    }

    .tracking-result--cta-element {
        margin-bottom: 1.4rem;
    }
}

@media screen and (min-width:320px) and (max-width:479px) {
    .tracking--result-status-icon {
        font-size: 70px;
        margin-left: -34px;
    }

    .tracking--result--pieces {
        position: static;
    }

        .tracking--result--pieces .dropdown--list {
            width: 100%;
            left: 0;
            top: calc(7 * 1.4rem - 1px);
        }
}

@media print, screen and (min-width:768px) {
    .dropdown--list {
        position: absolute;
    }

    .tracking--result--pieces {
        margin-top: 0;
    }

    .tracking--result--location-pieces {
        top: 0;
    }

    .tracking--container {
        padding-top: 22.4rem;
    }

    .tracking--headline {
        display: block;
        margin-bottom: 4.199999999999999rem;
        font-size: 3.9rem;
        font-weight: 200;
    }

        .tracking--headline strong {
            font-weight: 800;
        }

    .tracking--result-headline-mobile {
        display: none;
    }

    .tracking--result-status-icon {
        font-size: 94px;
        margin-top: 26px;
    }

    .isTouch .tracking--result-print {
        display: none;
    }

    .tracking--result-start-icon {
        padding: 17px 10px 0 0;
        font-size: 60px;
        margin-left: 12px;
    }

    .tracking--result-state {
        display: block;
        color: #d40511;
        font-weight: 700;
        text-transform: capitalize;
        margin-top: -3px;
        position: relative;
    }

        .tracking--result-state.green {
            color: #76bd22;
        }

    .tracking--result--info {
        position: relative;
    }

    .tracking--result-tracking-number-copy {
        display: block;
        color: #666;
        font-size: 1.3rem;
    }

    .tracking--result-tracking-number {
        float: left;
        margin-right: 38px;
        line-height: 4.199999999999999rem;
    }

    .tracking--result--endpoint-arrival {
        padding-right: 10px;
    }

    .tracking--result--location {
        padding-top: 2.8rem;
        border-top-width: 1px;
    }

        .tracking--result--location.tracking--result--location-first {
            padding-top: 5.6rem;
            border-top-width: 4px;
        }

        .tracking--result--location.tracking--result--location-last {
            border-top: 4px solid #b5b5b5;
        }

    .tracking--result--location-line-bottom, .tracking--result--location-line-top {
        border-left-width: 4px;
    }

    .tracking--result--location-line-top {
        height: 4.06rem;
    }

    .tracking--result--location-first .tracking--result--location-line-top {
        height: 6.86rem;
    }

    .tracking--result--location-line-bottom {
        top: 6.72rem;
    }

    .tracking--result--location-first .tracking--result--location-line-bottom {
        top: 9.52rem;
    }

    .tracking--result--location-lower .tracking--result--location-line-bottom {
        top: 6.86rem;
    }

    .tracking--result--location-icon {
        top: 3.9199999999999995rem;
        margin-left: 2px;
    }

    .tracking--result--location-first .tracking--result--location-icon {
        top: 6.72rem;
    }

    .tracking--result--location-last .tracking--result--location-icon {
        top: 3.36rem;
    }

        .tracking--result--location-last .tracking--result--location-icon:before {
            font-size: 36px;
        }

    .tracking--result--more-details-title {
        font-weight: 400;
        margin-top: 0;
    }

    .tracking--result--more-details-line {
        position: absolute;
        top: -18px;
        left: 0;
        width: 100%;
        height: 18px;
        background-image: url("data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAABBQAAAASCAYAAADrCY2SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTIzMDI2QzYwRUMzMTFFNUI0MDZGNjBCMDlGOTVGNDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzhBQkVDMkUwRUNGMTFFNUI0MDZGNjBCMDlGOTVGNDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMwMjZDNDBFQzMxMUU1QjQwNkY2MEIwOUY5NUY0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjMwMjZDNTBFQzMxMUU1QjQwNkY2MEIwOUY5NUY0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhkppDMAAAKqSURBVHja7N3bTutADIVhLPH+r2zuEFvaEm1pMj58/31re42TzPKkEB8AAJwhSAC8jSQBAODyh03++7j5JAkAphYA3Mvw+v6aBAC2YqAAwKYUAADPzUcxQAHwjYECYIMB6G8AjCKm3//1N3ABBgrwUIPeAAC4bzK0+ltvAE9joAAbEGsF6DWAoYX7ol7b2RvWCn/CQMHNCfS1TqA7ADBs258BW4110Bd/wUDBDZdOtFQvrDuwY0PtugDj2Ov6mGTCg042XKCZfpmhiXXcq5G1B8AIqYtG1pUman9dnMzVm0smQY2071kXI0wv+sBGlD70ks+2ulKPq6tcYUMGCk6F99VgzfeZJEMNawjA5pZmc9cw6Vc659Rjcv5vgkUHCk6fe+QZy2oPaz/CGIYc1A4wxmqnf+ncc7kWae1dC13yunug4ER7vvGNgesWw/sxll17FXLy87K90MJGkBa7691oFHN4rROHVFPfhPCW0QWx3z1QuGOjNMUsR8O8u+Uc+qNEvE3Dk87GcYrRZdjB9KqjQ765pO7OP2PomHvHHk79UTL2UzF+DhUe3YgxqLXyq3rCXNmkRuE+62p8Txi56UPMCnkw6PRk2FFVz1xUfzaui8l93/dWHP5UfsOl+rBs5LURDYxuFXMbcmgZv2JvXmkyugwLOg81OvQXE830Y5/JnZrv1blPG1Lk8jxzUH+dPl2fFL9zDuV7M17YSN19UnznmwYnTE40i3di/TrFvcqkVBhoneyjrUbffwpRNxh0dd8fr/PgYtqJeJVX1k8NUrrGzZtrzMKa5vD1+3WgcIWJudqgRcHvfvbzUey774zx7Oc7xaoyHOj81k8FE9jx732cjs+w05FRZ/w7xe/6k46Jp6knhxBZdO3uipVFY2QhnbLgdz/y2bfq/iXAAL3DwyMYFigoAAAAAElFTkSuQmCC");
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .tracking--result-tracking-number {
        margin-right: 26px;
    }

    .tracking--result--pieces .dropdown--list {
        left: auto;
        left: 0;
        right: 0;
    }
}

@media print {
    .tracking--result-inner-container * {
        border-color: #b5b5b5 !important;
    }

    .tracking--result-container {
        border: 1px solid #b5b5b5;
        background: none;
    }

    .tracking--input-submit, .tracking--result--more-details-button {
        display: none !important;
    }

    .tracking--result-start-icon {
        margin-left: -26px;
    }

    .tracking--result--location, .tracking--result--location-details-container {
        background-color: transparent;
    }

    .tracking--container {
        margin-top: 0;
        padding-top: 1rem;
    }

    .tracking--input-container, .tracking--result--location > div, .tracking--result-header > div {
        display: table-cell;
        vertical-align: top;
    }

    .c-tracking-input--container {
        display: none;
    }
}

.c-tracking-headline h1 {
    font-weight: 200;
    text-transform: none;
}

    .c-tracking-headline h1 span {
        font-weight: 800;
    }

@media print, screen and (min-width:1024px) {
    .c-tracking-headline h1 {
        font-size: 3.9rem;
    }
}

.c-tracking-input--container {
    background-color: #f2f2f2;
    border-bottom: 1px solid #b5b5b5;
    overflow: hidden;
    padding-top: 1.4rem;
}

.c-tracking-input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAEYAAAA6CAIAAACCrLhpAAAAGXRFW…iXRr006qVRL416adRLo14a9dKol0a9NOqlUS/REAAEGAAYuDhw/MepIAAAAABJRU5ErkJggg==) no-repeat scroll 100% #fff;
    background-color: #fff;
    background-size: 30px 29px;
    border: none;
    border-radius: 0;
    height: 4.199999999999999rem;
    outline: 0;
    padding: 0 4.199999999999999rem 0 2.0999999999999996rem;
    font-size: 1.3rem;
    margin-bottom: 1.4rem;
}

.c-tracking-input--label {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 1.4rem;
}

    .c-tracking-input--label:after {
        content: "\e614";
        color: #d40511;
        margin-left: .7rem;
        position: relative;
        font-family: dhlicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .c-tracking-input--label.is-open:after {
        content: "\e61c"
    }

.c-tracking-input--field, .c-tracking-zipcode--field {
    border: none;
    outline: none;
    height: 4.199999999999999rem;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.c-tracking-input--button-group, .c-tracking-input--field {
    margin-bottom: 1.4rem;
}

    .c-tracking-input--button-group .base-button {
        margin-bottom: 0;
        margin-left: 1.4rem;
        min-width: 4rem;
        width: auto;
    }

.c-tracking-input--form {
    display: none;
}

    .c-tracking-input--form.is-open {
        display: block;
    }

@media screen and (min-width:480px) and (max-width:665px) {
    .c-tracking-input--form {
        width: 35rem;
    }

    .c-tracking-input--field {
        margin-bottom: 1.4rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-tracking-input--form {
        width: 39.199999999999996rem;
    }
}

@media print, screen and (min-width:768px) {
    .c-tracking-input--label: after {
        display: none;
    }

    .c-tracking-input--form, .c-tracking-input--form.is-open {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .c-tracking-input--container {
        border-bottom: none;
    }

    .c-tracking-input--button-group, .c-tracking-input--field, .c-tracking-input--select {
        margin-bottom: 0;
    }

    .c-tracking-input--label:after {
        content: ""
    }

    .c-tracking-input--form {
        height: auto;
    }

        .c-tracking-input--form > div {
            padding: 0 .7rem;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-tracking-input--label: not(.l-grid--w-100pc-m-s) {
        margin-bottom: 0;
    }

    .c-tracking-input--container {
        padding-bottom: 1.4rem;
    }
}

@media print, screen and (min-width:1024px) {
    .c-tracking-input--container {
        padding-bottom: 1.4rem;
    }

    .c-tracking-input--label {
        padding-right: 1.4rem;
    }
}

.tracking--headline {
    font-weight: 200;
}

    .tracking--headline span {
        font-weight: 800;
    }

.tracking--input-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.tracking--input-button-group {
    position: relative;
    text-align: left;
}

.tracking--input-form {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.tracking--input-copy, .tracking--input-more-button {
    display: block;
    margin-bottom: 0;
}

.tracking--input-copy {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: 2rem;
    font-weight: 800;
}

.tracking--input-field {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 20px;
    border: 2px solid #fff;
    position: relative;
    z-index: 2;
    vertical-align: middle;
}

    .tracking--input-field::-webkit-input-placeholder {
        color: #666;
        font-size: 1.3rem;
        opacity: 1;
    }

    .tracking--input-field::-moz-placeholder {
        color: #666;
        font-size: 1.3rem;
        opacity: 1;
    }

    .tracking--input-field:-ms-input-placeholder {
        color: #666;
        font-size: 1.3rem;
        opacity: 1;
    }

    .tracking--input-field::placeholder {
        color: #666;
        font-size: 1.3rem;
        opacity: 1;
    }

    .tracking--input-field.has-error {
        color: #d40511;
        border-color: #d40511;
    }

        .tracking--input-field.has-error::-webkit-input-placeholder {
            color: #d40511;
        }

        .tracking--input-field.has-error::-moz-placeholder {
            color: #d40511;
        }

        .tracking--input-field.has-error:-ms-input-placeholder {
            color: #d40511;
        }

        .tracking--input-field.has-error::placeholder {
            color: #d40511;
        }

.tracking--input-submit {
    display: inline;
    min-width: 6.3rem;
    margin-bottom: 0;
}

.tracking--input-submit-text {
    font-weight: 800;
}

.tracking--input-error {
    position: absolute;
    top: 4.255999999999999rem;
    left: 0;
    z-index: 1;
    margin-top: -1px;
    padding: .7rem 20px;
    text-align: left;
    font-size: 1.3rem;
    line-height: 2.0999999999999996rem;
    color: #d40511;
    border: 1px solid #b5b5b5;
    background-color: #fff;
}

.tracking--input-copy, .tracking--input-field, .tracking--input-more-button {
    height: 4.199999999999999rem;
    line-height: 4.199999999999999rem;
}

.tracking--input-more-button {
    font-size: 1.3rem;
    font-weight: 700;
}

.tracking--select-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url("data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAEYAAAA6CAIAAACCrLhpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQkVEODZGMzNGM0QxMUU1QkNBMkI4MDkyQzVCMEVDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQkVEODZGNDNGM0QxMUU1QkNBMkI4MDkyQzVCMEVDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCRUQ4NkYxM0YzRDExRTVCQ0EyQjgwOTJDNUIwRUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCRUQ4NkYyM0YzRDExRTVCQ0EyQjgwOTJDNUIwRUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DgAHMQAAAnZJREFUeNpi/P//P8PwAkwMww6MemnUS6NeGvXSqJdGvTTqpVEvjXpp1EujXhr10qiXRr006qVRL416adRLYPBxycpvR0/QwoJ/nz+/KKsdAC/9uHHrvr3n04T0v89fUNH0D4tX3tE0fds3ZSASHnjM9eOSVbe0TN70T2b4/ZtCc39cuHLf3uNpYsafFy+Bpg9IXmJkBNn8///nry9L6+4Y2Xzbe5A8E/++e/88p+Suqd33oydhnmEcAC8JZ6fwRYYA7YY44ef1Ww/cAx6Hxf159ISUfPPv3ez5d7SM38+YywgbameRk5VbtZCu5cN/JPD14NHbBlZXmQWugBGQcZVH4mVr17/v3/8TAt+On7pjZncVogus/RqX2Mu65v9fv/6nL2BAF/jz582UGdcE5a4w84M9BiJvqRt82rIDlxG/n794kpgB8gYTUDE/xD8P/cJ/3r77fyAAA1bRvy9fPUnOugILbwj5wBfDlb9/v5kw9ZqgDMTzkPgB+X/zjv8DBxjwpaUTp++Y2cPTEghxir6sbf4HTktf9h28o2sB9zDQS9d4JF+1df//8eP/gAJGAlNmwBw/d8Hr6hZgOfYfVHyBCkZmWRlOQ90vm7bDRYCAN9hXsruNRU5mwFsPjMTMAv59+w4YOe9nLwTGKbw8BvqHEVxCsmmoSU3o5HZxGCQNIkbiJzZ/nL3wLLf0x6kziBqAl0ekrkw4J4ORlXUQNfJIS6f//r2ft/i6hDIw8zyOTfnz9Nn/wQcYyZh+/vfh48/bdzhNjQdnS5xxdEZ91EujXhr10qiXRr006qVRL416adRLo14a9dKol0a9NOqlUS/REAAEGAAYuDhw/MepIAAAAABJRU5ErkJggg==") no-repeat scroll 100% #fff; background-color: #fff;
    background-size: 30px 29px;
    border: 0 solid #fff;
    border-radius: 0;
    height: 4.199999999999999rem;
    outline: 0;
    padding: 0 40px 0 20px;
    font-size: 1.3rem;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

    .tracking--select-field::-ms-expand {
        display: none;
    }

@media print, screen and (max-width:767px) {
    .tracking--input-field {
        display: block;
        float: left;
    }

    .tracking--input-submit {
        width: 4.8999999999999995rem;
        min-width: 4.8999999999999995rem;
    }

    .tracking--input-new-shipment-button {
        padding-top: .7rem;
        padding-bottom: .7rem;
    }

        .tracking--input-new-shipment-button:after {
            color: #d40511;
        }

        .tracking--input-new-shipment-button.is-open:after {
            content: "\e61c"
        }

    .tracking--input-container {
        display: none;
    }

        .tracking--input-container.input-open {
            display: block;
            border-bottom: 1px solid #b5b5b5;
            background-color: #f2f2f2;
        }

            .tracking--input-container.input-open .tracking--input-form {
                padding-bottom: 1.4rem;
            }
}

@media screen and (min-width:320px) and (max-width:479px) {
    .tracking--input-form {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }

    .tracking--input-error, .tracking--input-field {
        width: calc(100% - 50px);
    }

    .tracking--select-field {
        width: 100%
    }
}

@media screen and (min-width:480px) and (max-width:665px) {
    .tracking--input-form {
        -webkit-flex-basis: 35rem;
        -ms-flex-preferred-size: 35rem;
        flex-basis: 35rem;
        width: 35rem;
        margin: 0 auto;
    }

    .tracking--input-error, .tracking--input-field {
        width: 30.099999999999998rem;
    }

    .tracking--select-field {
        width: 35rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    .tracking--input-form {
        -webkit-flex-basis: 39.199999999999996rem;
        -ms-flex-preferred-size: 39.199999999999996rem;
        flex-basis: 39.199999999999996rem;
        width: 39.199999999999996rem;
        margin: 0 auto;
    }

    .tracking--input-error, .tracking--input-field {
        width: 34.3rem;
    }

    .tracking--select-field {
        width: 39.199999999999996rem;
    }
}

@media print, screen and (min-width:768px) {
    .tracking--input-new-shipment-button {
        display: none;
    }

    .tracking--input-container {
        background-color: #f2f2f2;
    }

    .tracking--input-container, .tracking--result--pieces {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .tracking--input-copy, .tracking--input-field, .tracking--input-more-button {
        display: inline-block;
    }

    .tracking--input-copy {
        margin-right: 20px;
    }

    .tracking--input-error, .tracking--input-field {
        width: 22.4rem;
        font-size: 1.3rem;
    }

    .tracking--select-field {
        margin: 0;
    }

    .tracking--input-more-button {
        margin-left: 20px;
    }

    .tracking--input-submit {
        width: 20%
    }
}

@media print {
    .tracking--input-container {
        display: none;
    }

        .tracking--input-container input, .tracking--input-container select {
            border: 1px solid #b5b5b5;
        }
}

.c-tracking-result--logo {
    display: none;
}

.c-tracking-result {
    background-color: #f2f2f2;
}

    .c-tracking-result .is-closed {
        display: none;
    }

    .c-tracking-result .is-open {
        display: block;
    }

.c-tracking-result--error-specific, .c-tracking-result--success-specific {
    display: none;
}

.has-editor-margin .c-tracking-result--error-specific, .has-editor-margin .c-tracking-result--success-specific {
    display: block;
}

.c-tracking-result--carbon, .c-tracking-result--notification, .c-tracking-result--print {
    display: none;
}

.c-tracking--category-problem {
    color: #d40511;
}

.c-tracking-result--container {
    background-color: #fff;
}

.c-tracking-result--box {
    padding: 2.8rem 0;
    position: relative;
    text-align: left;
}

.c-tracking-result--icon {
    font-size: 65px;
    margin-left: 20%
}

.c-tracking-result--location-icon.c-tracking-result--status-ok:before, .c-tracking-result--status-ok, .c-tracking-result--status-ok:before {
    color: #76bd22;
}

.c-tracking-result--status-error, .c-tracking-result--status-error:before {
    color: #9d0415;
}

.c-tracking-result--status-default, .c-tracking-result--status-default:before {
    color: #666;
}

.c-tracking-result--icon.icon-departed {
    margin-top: 1rem;
    display: block;
    font-size: 60px;
    margin-left: -20%
}

.c-tracking-result--checkpoint--date {
    display: block;
}

.c-tracking-result--checkpoint--time {
    display: inline-block;
}

.c-tracking-result--icon.icon-delivered {
    display: block;
    margin-top: 2.8rem;
}

.c-tracking-result--icon.icon-delivery, .c-tracking-result--icon.icon-notification, .c-tracking-result--icon.icon-ocean, .c-tracking-result--icon.icon-railroad, .c-tracking-result--icon.icon-transit {
    display: block;
    font-size: 60px;
    margin-top: 1.4rem;
}

.c-tracking-result--destination {
    border-bottom: 1px solid #b5b5b5;
}

.c-tracking-result--summary li {
    list-style-type: none;
}

.c-tracking-result--status-text {
    color: #f0c202;
    display: block;
    font-weight: 700;
    margin-bottom: 1.4rem;
}

.c-tracking-result--more-button {
    cursor: pointer;
}

    .c-tracking-result--more-button:after {
        color: #d40511;
        content: "\e614";
        font-size: 1.6rem;
        margin-left: 7px;
        top: 1px;
    }

    .c-tracking-result--more-button:hover {
        color: #d40511;
    }

.c-tracking-result--passed {
    background-color: #f2f2f2;
}

.c-tracking-result--details ul li {
    list-style-type: none;
    margin-bottom: 1.4rem;
}

.c-tracking-result--details-id {
    font-weight: 700;
}

.c-tracking-result--checkpoint {
    border-bottom: 1px solid #b5b5b5;
    position: relative;
}

.c-tracking-result--checkpoint-info ul {
    margin-bottom: 0;
}

    .c-tracking-result--checkpoint--date, .c-tracking-result--checkpoint-info ul li {
        margin-bottom: 1.4rem;
    }

.c-tracking-result--checkpoint-location-status {
    display: block;
}

.c-tracking-result--location-icon {
    left: 10%;
    margin-left: -1.4rem;
    position: absolute;
    top: 2.8rem;
}

    .c-tracking-result--location-icon:before, .c-tracking-result--state-transit .c-tracking-result--destination + .c-tracking-result--checkpoint .c-tracking-result--box:first-child .c-tracking-result--location-icon:before {
        color: #b5b5b5;
        content: "\e618" !important;
        font-size: 38px;
        z-index: 2;
    }

.c-tracking-result--state-delivered .c-tracking-result--destination + .c-tracking-result--checkpoint .c-tracking-result--box:first-child .c-tracking-result--location-icon:before {
    color: #76bd22;
    content: "\e618" !important;
}

.c-tracking-result--location-icon:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 21px;
    left: 10%;
    margin-left: 1px;
    position: absolute;
    top: 4px;
    width: 21px;
    z-index: 1;
}

.c-tracking-result--location-line-bottom, .c-tracking-result--location-line-top {
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    border: none;
    border-left: 2px solid #b5b5b5;
}

.c-tracking-result--location-line-top {
    height: 2.8rem;
}

.c-tracking-result--location-line-bottom {
    top: 5.319999999999999rem;
}

.c-tracking-result--location-line-top.dotted, .c-tracking-result--state-transit .c-tracking-result--destination + .c-tracking-result--checkpoint .c-tracking-result--box:first-child .c-tracking-result--location-line-top {
    border-left-style: dotted;
}

.c-tracking-result--location-line-top.solid, .c-tracking-result--state-devlivered .c-tracking-result--destination + .c-tracking-result--checkpoint .c-tracking-result--box:first-child .c-tracking-result--location-line-top {
    border-left-style: solid;
}

.c-tracking-result--origin {
    border-bottom: 1px solid #b5b5b5;
    border-top: none;
    background-color: #fff;
    position: relative;
}

.c-tracking-result--headline {
    display: block;
    font-weight: 700;
    margin-bottom: 1.4rem;
}

.c-tracking-result--more {
    margin: 2.8rem 0;
}

.c-tracking-results--footnotes {
    display: none;
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-tracking-result--icon.icon-delivered {
        font-size: 80px;
    }

    .c-tracking-result--icon.icon-delivery, .c-tracking-result--icon.icon-notification, .c-tracking-result--icon.icon-ocean, .c-tracking-result--icon.icon-railroad, .c-tracking-result--icon.icon-transit {
        font-size: 80px;
        margin-top: 18px;
    }
}

@media print, screen and (min-width:768px) {
    .c-tracking-result {
        padding-bottom: 2.8rem;
    }

    .c-tracking-result--container {
        padding-bottom: 5.6rem;
    }

    .c-tracking-result--icon {
        font-size: 55px;
        display: block;
        color: #d40511;
        line-height: 4.199999999999999rem;
        padding: 4px 0;
        margin-top: 22px;
    }

    .c-tracking-result--carbon, .c-tracking-result--notification, .c-tracking-result--print {
        position: absolute;
        right: 0;
        top: 2.8rem;
        display: block;
    }

    .c-tracking-result--icon.icon-departed {
        font-size: 70px;
        margin-left: 18px;
        margin-left: 20%
    }

    .c-tracking-result--icon.icon-delivered, .c-tracking-result--icon.icon-delivery, .c-tracking-result--icon.icon-notification, .c-tracking-result--icon.icon-ocean, .c-tracking-result--icon.icon-railroad, .c-tracking-result--icon.icon-transit {
        font-size: 90px;
        margin-left: 20%
    }

    .c-tracking-result--icon.icon-clearancedelay, .c-tracking-result--icon.icon-parcel, .c-tracking-result--icon.icon-pleasecontact {
        font-size: 94px;
        margin-top: 26px;
    }

    .c-tracking-result--box.l-grid .c-tracking-result--icon {
        margin-left: 10% !important;
    }

    .c-tracking-result--location-icon {
        margin-left: -13px;
        top: 3.8rem;
    }

    .c-tracking-result--location-line-bottom, .c-tracking-result--location-line-top {
        border-left-width: 4px;
    }

    .c-tracking-result--location-line-top {
        height: 4.06rem;
    }

    .c-tracking-result--location-line-bottom {
        top: 6.72rem;
    }

    .c-tracking-result---line-top {
        border-left: 4px solid #b5b5b5;
    }

    .c-tracking-result--destination {
        border-bottom: 4px solid #b5b5b5;
    }

    .c-tracking-result--more-button {
        margin-bottom: 1.4rem;
    }

    .c-tracking-result--details-id {
        font-weight: 400;
    }

    .c-tracking-result--checkpoint {
        border-bottom: 1px solid #b5b5b5;
        position: relative;
    }

    .c-tracking-result--origin {
        border-bottom: 1px solid #b5b5b5;
        border-top: 2px solid #b5b5b5;
    }

    .c-tracking-result--more-details-line {
        box-shadow: 0 -5px 50px -10px rgba(0, 0, 0, .75);
        border: none;
        height: 18px;
        left: 0;
        position: absolute;
        top: -18px;
        width: 100%
    }
}

@media print, screen and (min-width:1024px) {
    .c-tracking-result--icon {
        line-height: 4.199999999999999rem;
    }
}

@media print {
    body, html {
        font-size: 12px !important;
    }

    body, html, ul {
        line-height: 1.5 !important;
    }

    ul {
        margin: 0 1.5rem;
    }

    .c-tracking-result--logo {
        display: block;
        position: absolute;
        left: 3.125%;
        top: 2.3rem;
        width: 175px;
        max-width: 175px;
        min-width: 175px;
    }

        .c-tracking-result--logo img {
            display: block;
            height: 2.0999999999999996rem;
            width: auto;
        }

    .c-tracking-result--box {
        padding: 1.5rem;
    }

        .c-tracking-result--box > :first-child, .c-tracking-result--more, .c-tracking-result--print {
            display: none;
        }

        .c-tracking-result--box > .c-tracking-result--status {
            display: inline-block;
        }

    .c-tracking-result, .c-tracking-result--container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: none !important;
        background: none !important;
    }

    .tracking--result-container {
        border: none !important;
    }

    .c-tracking-result--passed {
        background: none;
    }

    .is-closed {
        display: none;
    }
}

.c-video--player {
    margin-bottom: 2.8rem;
}

@media print {
    .l-view {
        width: 1024px;
    }

    .c-nav--container, .nav-footer {
        display: none;
    }
}

body {
    font-size: 16px;
}

.sub-headline--icon {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.4rem;
}

    .sub-headline--icon .icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 1.4rem;
        width: 2.8rem;
        height: 2.8rem;
        background-size: 2.8rem 2.8rem;
        background-repeat: no-repeat;
    }

    .sub-headline--icon .label {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

.has-rte ol.list, .has-rte ul.list {
    padding-left: 2.5rem;
    padding-top: 0;
}

.has-rte .list li {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .7rem;
    color: #d40511;
}

.component-small h1, .component-small h2, .component-small h3, .component-wide h1, .component-wide h2, .component-wide h3 {
    text-transform: uppercase;
}

p {
    line-height: 1.85;
}

.has-rte a, .has-rte a:link, .has-rte a:visited {
    font-weight: 700;
}

.sub-headline {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.4rem;
}

.red-highlighted {
    font-weight: 700;
    color: #d40511;
}

.text-quote {
    font-style: italic;
    font-size: 2.5rem;
    color: #d40511;
    line-height: 3.5rem;
    margin-bottom: 30px;
}

p + .text-quote {
    margin-top: 40px;
}

@media print, screen and (max-width:767px) {
    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.6rem;
    }
}

@media screen and (min-width:666px) and (max-width:767px) {
    h1 {
        font-size: 3.9rem;
    }

    h2 {
        font-size: 3.5rem;
    }

    h3 {
        font-size: 2rem;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    h1 {
        font-size: 3.9rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 2rem;
    }
}

@media print, screen and (min-width:1024px) {
    h1 {
        font-size: 3.9rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 2rem;
    }
}

.component-margin {
    margin-bottom: 2.8rem;
}

.component-gray {
    background-color: #f2f2f2;
}

.component-margin.component-gray {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
}

    .component-margin.component-gray + .component-margin.component-gray {
        margin-top: -2.8rem;
        padding-top: 0;
    }

@media screen and (min-width:666px) and (max-width:767px) {
    .component-margin {
        margin-bottom: 4.199999999999999rem;
    }

        .component-margin.component-gray {
            padding-top: 4.199999999999999rem;
            padding-bottom: 4.199999999999999rem;
        }

            .component-margin.component-gray + .component-margin.component-gray {
                margin-top: -4.199999999999999rem;
            }
}

@media print, screen and (min-width:768px) {
    .component-small, .component-wide {
        padding-left: 6.25%
    }

    .component-wide {
        padding-right: 6.25%
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .component-margin {
        margin-bottom: 4.199999999999999rem;
    }

        .component-margin.component-gray {
            padding-top: 4.199999999999999rem;
            padding-bottom: 4.199999999999999rem;
        }

            .component-margin.component-gray + .component-margin.component-gray {
                margin-top: -4.199999999999999rem;
            }
}

@media print, screen and (min-width:1024px) {
    .component-margin {
        margin-bottom: 5.6rem;
    }

        .component-margin.component-gray {
            padding-top: 5.6rem;
            padding-bottom: 5.6rem;
        }

            .component-margin.component-gray + .component-margin.component-gray {
                margin-top: -5.6rem;
            }
}

.l-header {
    padding: 0;
    position: relative;
}

.default-table {
    margin: 4.2rem 0;
}

    .default-table tr {
        border-bottom: 1px solid #d1d1d1;
    }

    .default-table thead tr {
        border-bottom-width: 2px;
    }

    .default-table td, .default-table th {
        padding: 1.2rem .6rem;
        font-size: 1.4rem;
        text-align: right;
        vertical-align: top;
    }

@media print, screen and (min-width:1024px) {
    .default-table td, .default-table th {
        padding: 1.2rem;
        font-size: 1.6rem;
    }
}

.c-download-box {
    text-transform: uppercase;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media print, screen and (min-width:768px) {
    .c-download-box {
        max-width: 40rem;
    }

    p + .c-download-box {
        margin-top: 7.3rem;
    }
}

.c-download-box--border {
    padding-top: 0;
    border-bottom: none;
}

@media print, screen and (max-width:767px) {
    .c-download-box: last-child .c-download-box--border {
        border-bottom: 1px solid #d1d1d1;
    }
}

.c-download-box--item {
    padding: 0 1.4rem;
    height: 7.5rem;
}

.c-download-box--textbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-download-box--copy, .c-download-box--label {
    line-height: normal;
}

.c-download-box--label {
    margin-top: .9rem;
}

.c-download-box--icon.icon-pdf:before {
    font-size: 4.2rem;
    line-height: 4.2rem;
}

.c-download-box--icon.icon-link-external:before {
    padding: 0 .6rem;
    font-size: 3rem;
    line-height: 3rem;
    color: #d40511;
}

.c-image-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .c-image-centered h3 {
        margin-bottom: 2.1rem;
    }

.c-image-centered--img-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

    .c-image-centered--img-wrapper img {
        display: block;
        max-width: 100%
    }

.c-page-headline {
    padding-top: 4.2rem;
}

    .c-page-headline:not(.component-margin) {
        margin-bottom: 0;
    }

@media print, screen and (min-width:768px) {
    .c-page-headline {
        padding-top: 0;
    }
}

.c-page-link {
    text-transform: uppercase;
}

    .c-page-link > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .c-page-link > .link-internal:after {
        font-size: 2rem;
        top: 0;
    }

.c-page-title {
    display: block;
    margin-bottom: 1.4rem;
    margin-top: 2.8rem;
    padding-left: 6.25%;
    position: relative;
    text-transform: uppercase;
}

@media print, screen and (max-width:767px) {
    .c-page-title {
        display: none;
    }
}

.c-subnav {
    display: none;
}

    .c-subnav ul {
        background-color: #f2f2f2;
        margin-bottom: 0;
        padding: 1.4rem 1.4rem 1.4rem calc(2 * 3.125% - 1.4rem);
    }

        .c-subnav ul > li {
            list-style-type: none;
        }

            .c-subnav ul > li:after {
                color: #d1d1d1;
                content: "|"
            }

            .c-subnav ul > li:last-of-type:after {
                display: none;
            }

            .c-subnav ul > li a {
                padding: 0 1.4rem;
            }

            .c-subnav ul > li.is-active a {
                color: #d40511;
            }

@media print, screen and (min-width:768px) {
    .c-subnav {
        display: block;
    }
}

.c-text-accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.c-text-accordion-list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 76.8rem;
    -ms-flex: 0 1 76.8rem;
    flex: 0 1 76.8rem;
}

.c-text-accordion li .c-text-accordion--question a {
    text-transform: none;
}

.c-text-download {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

    .c-text-download h3 {
        margin-bottom: 2.1rem;
    }

    .c-text-download > * {
        width: 100%
    }

    .c-text-download .c-download-box {
        width: 100%;
        max-width: 100%
    }

@media print, screen and (min-width:768px) {
    .c-text-download {
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .c-text-download .c-download-box {
            margin-right: 10%
        }
}

.c-text-download-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .c-text-download-centered h3 {
        margin-bottom: 2.1rem;
    }

    .c-text-download-centered > * {
        width: 100%
    }

@media print, screen and (min-width:768px) {
    .c-text-download-centered > * {
        max-width: 40rem;
    }
}

.c-text-generic ol, .c-text-generic ul {
    color: #d40511;
    font-weight: 700;
}

    .c-text-generic ol span, .c-text-generic ul span {
        font-weight: 400;
    }

.c-text-generic .list .list {
    margin-top: .5rem;
}

.c-text-generic .list li {
    margin-bottom: .5rem;
}

    .c-text-generic .list li:last-child {
        margin-bottom: 0;
    }

.c-text-generic li b {
    display: block;
    color: #323232;
}

.c-text-generic .sub-headline--icon + p, .c-text-generic p + .sub-headline--icon {
    margin-top: 2.8rem;
}

.c-text-image h2 {
    margin-bottom: 2.3rem;
}

.c-text-image h3 {
    margin-bottom: 2.1rem;
}

.c-text-image h2 + h3 {
    margin-top: -1.6rem;
}

.c-text-image img, .c-text-image video {
    max-width: 100%;
    min-width: 0;
}

@media print, screen and (max-width:767px) {
    .c-text-image img {
        width: 100%
    }
}

.c-text-image--text-wrapper > :last-child {
    margin-bottom: 0;
}

.c-text-image--text-wrapper * + h3 {
    margin-top: 2.1rem;
}

.c-text-image .c-text-image--circle-item {
    padding-top: 2.8rem;
    min-width: 9.799999999999999rem;
}

.c-text-image .c-text-image--circle {
    border: none;
    border-radius: 50%;
    height: 4.199999999999999rem;
    margin-bottom: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 4.199999999999999rem;
}

.c-text-image--circle-container {
    margin-bottom: 4.199999999999999rem;
    text-transform: uppercase;
}

.c-text-image ol, .c-text-image ul {
    color: #d40511;
    font-weight: 700;
}

    .c-text-image ol span, .c-text-image ul span {
        font-weight: 400;
    }

@media print, screen and (min-width:768px) {
    .c-text-image .sub-headline--icon + b {
        display: block;
        margin-top: 4.2rem;
    }
}

.c-text-image .topline-headline {
    margin-top: 4.2rem;
    text-transform: uppercase;
    line-height: normal;
}

    .c-text-image .topline-headline span span {
        color: #d40511;
    }

    .c-text-image .topline-headline > span:first-of-type {
        font-weight: 200;
    }

    .c-text-image .topline-headline > span:last-of-type {
        font-weight: 800;
    }

    .c-text-image .topline-headline .size-21 {
        font-size: 2.1rem;
    }

    .c-text-image .topline-headline .size-25 {
        font-size: 2.5rem;
    }

    .c-text-image .topline-headline .size-31 {
        font-size: 3.1rem;
    }

    .c-text-image .topline-headline .size-39 {
        font-size: 3.9rem;
    }

    .c-text-image .topline-headline .size-41 {
        font-size: 4.1rem;
    }

    .c-text-image .topline-headline .size-49 {
        font-size: 4.9rem;
    }

.c-text-image .frutiger {
    font-size: 1.6rem;
}

    .c-text-image .frutiger span:last-of-type {
        font-weight: 700;
    }

.full-width-image {
    width: 80% !important;
    height: auto;
    min-width: auto;
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    margin-bottom: 20px;
}

picture + picture {
    margin-top: 20px;
}

.c-text-text .red-highlighted {
    font-size: 18px;
}

.c-text-text--row-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.4rem;
}

    .c-text-text--row-wrapper:last-child {
        margin-bottom: 0;
    }

    .c-text-text--row-wrapper > div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

.c-text-text--left-col-wrapper {
    padding-right: 1.4rem;
}

.c-text-text--right-col-wrapper {
    padding-left: 1.4rem;
}

@media print, screen and (max-width:767px) {
    .c-text-text--row-wrapper {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        .c-text-text--row-wrapper > div {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            padding: 0;
        }

    .c-text-text--left-col-wrapper {
        margin-bottom: .7rem;
    }
}

.yellowTextBoxes {
    margin-bottom: 20px;
}

    .yellowTextBoxes .yellowTextBoxesWrapper {
        display: inline-block;
        background: #f2f2f2;
        padding: 5px;
        margin-bottom: 2px;
    }

        .yellowTextBoxes .yellowTextBoxesWrapper p {
            display: block;
            font-size: 1rem;
            margin-bottom: 2px;
        }

    .yellowTextBoxes .yellowTextBoxesContent {
        display: inline-block;
        background: #fc0;
        padding: 5px 15px;
        font-size: 1.5rem;
        font-weight: 700;
        color: #323234;
        margin: 0 2px 2px 0;
    }

    .yellowTextBoxes .addDot, .yellowTextBoxes .addEqual, .yellowTextBoxes .addMinus, .yellowTextBoxes .addPlus {
        position: relative;
        margin-right: 35px;
    }

        .yellowTextBoxes .addDot:after, .yellowTextBoxes .addEqual:after, .yellowTextBoxes .addMinus:after, .yellowTextBoxes .addPlus:after {
            font-size: 2rem;
            font-weight: 700;
            position: absolute;
            right: -35px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 35px;
            text-align: center;
        }

    .yellowTextBoxes .yellowTextBoxesWrapper.addDot, .yellowTextBoxes .yellowTextBoxesWrapper .addDot, .yellowTextBoxes .yellowTextBoxesWrapper.addEqual, .yellowTextBoxes .yellowTextBoxesWrapper .addEqual, .yellowTextBoxes .yellowTextBoxesWrapper.addMinus, .yellowTextBoxes .yellowTextBoxesWrapper .addMinus, .yellowTextBoxes .yellowTextBoxesWrapper.addPlus, .yellowTextBoxes .yellowTextBoxesWrapper .addPlus {
        margin-right: 20px;
    }

        .yellowTextBoxes .yellowTextBoxesWrapper.addDot:after, .yellowTextBoxes .yellowTextBoxesWrapper .addDot:after, .yellowTextBoxes .yellowTextBoxesWrapper.addEqual:after, .yellowTextBoxes .yellowTextBoxesWrapper .addEqual:after, .yellowTextBoxes .yellowTextBoxesWrapper.addMinus:after, .yellowTextBoxes .yellowTextBoxesWrapper .addMinus:after, .yellowTextBoxes .yellowTextBoxesWrapper.addPlus:after, .yellowTextBoxes .yellowTextBoxesWrapper .addPlus:after {
            right: -20px;
            width: 20px;
        }

        .yellowTextBoxes .yellowTextBoxesWrapper.addDot:after, .yellowTextBoxes .yellowTextBoxesWrapper.addEqual:after, .yellowTextBoxes .yellowTextBoxesWrapper.addMinus:after, .yellowTextBoxes .yellowTextBoxesWrapper.addPlus:after {
            top: 62%
        }

    .yellowTextBoxes .addPlus:after {
        content: "+"
    }

    .yellowTextBoxes .addMinus:after {
        content: "-"
    }

    .yellowTextBoxes .addEqual:after {
        content: "="
    }

    .yellowTextBoxes .addDot:after {
        content: "."
    }

@media print, screen and (max-width:767px) {
    .yellowTextBoxes .yellowTextBoxesContent {
        padding: 5px 10px;
        font-size: 1.2rem;
    }

    .yellowTextBoxes .addDot, .yellowTextBoxes .addEqual, .yellowTextBoxes .addMinus, .yellowTextBoxes .addPlus {
        margin-right: 25px;
    }

        .yellowTextBoxes .addDot:after, .yellowTextBoxes .addEqual:after, .yellowTextBoxes .addMinus:after, .yellowTextBoxes .addPlus:after {
            right: -25px;
            width: 25px;
        }
}

.header-text {
    color: #d40511;
    font-size: 3em;
    font-weight: 600;
    font-family: 'Frutiger W04';
}

.application-header {
    height: 100%;
    display: block;
}

.pad0 {
    padding: 0px;
}

.mar0 {
    margin: 0px;
}


.text-right {
    text-align: right;
}

#banner {
    vertical-align: middle;
    display: inline-block;
}

.vcenter {
    display: inline-block;
    vertical-align: bottom;
}

.text-center {
    text-align: center;
}

.small-menu-links {
    font-size: 1.04em;
}

.menu-label {
    font-size: 1.04em;
    font-weight: 600;
}

#bs-example-navbar-collapse-1 li:hover a {
    /*color: #d40511;
            background: linear-gradient(to bottom, #ffcc00 0%,#ffcc00 50%,#fff0b3 100%);*/
    background: none;
}

.dropdown-menu li:hover a {
    background: #fc0;
}

.border-radius-0 {
    border-radius: 0px;
}

/*#divLogoutModal {
            display: table;
            height: 100%;
            width: 100%;
            position: absolute;

        }*/

.modal-content {
    display: block;
/*    height: 100%;*/
    vertical-align: middle;
    margin-right: -4px;
}

/*.modal-dialog {
            position: relative;
            top: 45%;
            left: 25%;
            transform: translate(-50%, -50%) !important;
        }*/

body {
    font-weight: normal;
    width: 100%;
    padding: 0px;
}

.font-size-large {
    font-size: 2.6em;
    top: -10px;
    position: relative;
}

.dhl-logo-img {
    padding: 0px;
    height: 40px;
    width: 150px;
}

a:hover {
    color: #d40511;
    text-decoration: none;
}

.menu-text {
    font-size: 1.3em;
}

.header {
    background: -webkit-linear-gradient(270deg, #fc0 50%, rgba(255,204,0,0));
    /* background: linear-gradient(180deg,#fc0 50%,rgba(255,204,0,0)); */
    border-radius: 0px;
    margin-right: 10px;
    margin-left: 10px;
    height: 12rem;
}

#HeaderBasic {
    /*background: -webkit-linear-gradient(270deg, #fc0 50%, rgba(255,204,0,0));
            background: linear-gradient(180deg,#fc0 50%,rgba(255,204,0,0));*/
    background: #ffd93f;
    border-radius: 0px;
    /*padding-left: 15px;*/
    /*margin-right: 10px;
            margin-left: 10px;*/
    height: 100%;
    /*left: -10px;*/
    width: 100%;
    position: relative;
    
}

.navbar-nav {
    float: right;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    /*text-transform: uppercase;*/
    font-weight: 800;
    margin: 0 0 2.8rem;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    /*background: linear-gradient(to bottom, #ffcc00 0%,#ffcc00 50%,#fff0b3 100%);*/
    background: #fc0;
    color: white;
}

.padTop15 {
    padding-top: 15px;
}

.navbar-toggle {
    background: transparent;
}

    .navbar-toggle > .icon-bar {
        background-color: red;
    }

.dhl-logo-responsive {
    padding-top: 10px;
}

#dhlEasyClearText {
    font-size: 2.8rem;
}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: black;
    background: #fc0;
}

.main.sub-menu {
    font-family: 'Frutiger W04';
    font-weight: 600;
    color: black;
}



/*.dropdown-menu > li > a{
            font-weight:600;
            font-size:1.0em;
            padding-top:5px;
            padding-bottom:8px;

        }
            .dropdown-menu > li > a:hover {
                color: #d40511;
                background: #fcfcfc;
            }
        .dropdown-menu > li{
            border-bottom:solid 1px #808080;

        }

            .dropdown-menu > li:hover {
                background: #E8E8E8;
            }



        ul.dropdown-menu{
            padding-top:0px;
            padding-bottom:0px;

        }*/
a:hover, a:focus {
    color: black;
}


.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu > li > a {
    font-weight: 600;
}

.dropdown-menu > li {
    font-weight: 600;
}

    .dropdown-menu > li:hover {
        background: #f1f1f1;
        color: #d40511;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-weight: 600;
}


.custom-body {
    height: 100%;
    background-color: #ffd93f;
    width: 99.5%;
}

.sidenav > ul > li {
    border-bottom: solid 1px gray;
}

    .sidenav > ul > li > ul > li {
        background: #fCfCfC;
    }

.sidenav {
    background: #fefefe;
}

.dhl-red-color {
    color: #d40511;
}