@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=17479dab-fa59-414a-ae5c-ea7a4c31788b");
body {
    -webkit-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum=1";
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;
    overflow: auto !important;   
}

.rte ul,
.slider__controls ul,
.contactlist,
.gallery__list,
.material__list,
.media__thumbnails,
.partner__list,
.social__list,
.socialprofiles__list,
.main .main__group ul,
.account ul,
.footer ul,
.languages ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.content:before,
.stage__header:before,
.teaser__group>.inner:before,
.form__group:before,
.form__element:before,
.content--media-left:before,
.content--media-right:before,
.content--mood .rte__footer ul:before,
.material__list:before,
.media__thumbnails:before,
.partner__list:before,
.socialprofiles__list:before,
.socialprofiles:before,
.main .main__group ul:before,
.account ul:before,
.footer ul:before,
.main .main__group:before,
.account:before,
.languages ul:before,
.site__footer .inner:before,
.content:after,
.stage__header:after,
.teaser__group>.inner:after,
.form__group:after,
.form__element:after,
.content--media-left:after,
.content--media-right:after,
.content--mood .rte__footer ul:after,
.material__list:after,
.media__thumbnails:after,
.partner__list:after,
.socialprofiles__list:after,
.socialprofiles:after,
.main .main__group ul:after,
.account ul:after,
.footer ul:after,
.main .main__group:after,
.account:after,
.languages ul:after,
.site__footer .inner:after {
    content: " ";
    display: table
}

.content:after,
.stage__header:after,
.teaser__group>.inner:after,
.form__group:after,
.form__element:after,
.content--media-left:after,
.content--media-right:after,
.content--mood .rte__footer ul:after,
.material__list:after,
.media__thumbnails:after,
.partner__list:after,
.socialprofiles__list:after,
.socialprofiles:after,
.main .main__group ul:after,
.account ul:after,
.footer ul:after,
.main .main__group:after,
.account:after,
.languages ul:after,
.site__footer .inner:after {
    clear: both
}

.content,
.stage__header,
.teaser__group>.inner,
.form__group,
.form__element,
.content--media-left,
.content--media-right,
.content--mood .rte__footer ul,
.material__list,
.media__thumbnails,
.partner__list,
.socialprofiles__list,
.socialprofiles,
.main .main__group ul,
.account ul,
.footer ul,
.main .main__group,
.account,
.languages ul,
.site__footer .inner {
    *zoom: 1
}

.site__header .main__handle {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.stage__link {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    bottom: 0px;
    display: block;
    left: 0px;
    outline: none;
    position: absolute;
    right: 0px;
    text-indent: -1978em;
    top: 0px;
    z-index: 4
}

.social__icon:before,
.site__header .logo .logo__handle:before {
    margin: 0
}

.social__icon i,
.site__header .logo .logo__handle i {
    display: none
}

.rte,
.content--media-left .media,
.content--media-right .media,
.content--mood,
.content--headline,
.gallery,
.material,
.social,
.toplink,
.site__main .loadmore__wrapper {
    padding-bottom: 35px;
    padding-top: 35px
}

@media (min-width: 768px) {
    .rte,
    .content--media-left .media,
    .content--media-right .media,
    .content--mood,
    .content--headline,
    .gallery,
    .material,
    .social,
    .toplink,
    .site__main .loadmore__wrapper {
        padding-bottom: 52px;
        padding-top: 52px
    }
}

@media (min-width: 1024px) {
    .rte,
    .content--media-left .media,
    .content--media-right .media,
    .content--mood,
    .content--headline,
    .gallery,
    .material,
    .social,
    .toplink,
    .site__main .loadmore__wrapper {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

.content,
.stage__header,
.teaser__group>.inner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .content,
    .stage__header,
    .teaser__group>.inner {
        width: 93.75%
    }
}

@media (min-width: 1024px) {
    .content,
    .stage__header,
    .teaser__group>.inner {
        width: 93.75%
    }
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.rte blockquote footer:before,
.checker span.checked:before,
.selector span:before,
.cta--search:before,
.content--headline h1>span:before,
.content--headline h2>span:before,
.content--headline>div>span:before,
.media__noimage__notice>span:before,
.link--icon:before,
.play:before,
.slider__controls .slick-arrow:before,
.slider__controls ul li button:before,
.businessview__headline:before,
.cookielayer .cookielayer__close:before,
.social__icon:before,
.stage__header h1>span:before,
.stage__header h2>span:before,
.stage__header .stage__header__div>span:before,
.teaser:before,
.toplink__handle span:before,
.site__header .searchform__handle:before {
    font-family: "team7";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.selector span:before {
    content: '\e800'
}

.checker span.checked:before {
    content: '\e808'
}

.slider__controls ul li button:before {
    content: '\e80a'
}

.cookielayer .cookielayer__close:before {
    content: '\e80e'
}

.content--headline h1>span:before,
.content--headline h2>span:before,
.content--headline>div>span:before,
.media__noimage__notice>span:before {
    content: '\e80f'
}

.slider__controls ul li.slick-active button:before {
    content: '\e810'
}

.cta--search:before {
    content: '\e813'
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

.EKlayer {
    display: table;
    opacity: 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.EKlayer:before {
    background-color: white;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.EKlayer>div {
    position: relative;
    width: 100%;
    z-index: 2
}

.csstransitions .EKlayer {
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

.EKlayer.opened {
    opacity: 1
}

.EKlayer.positioned {
    display: block
}

.EKlayer.positioned>div {
    display: block
}

.EKlayer iframe {
    border: 0;
    margin: 0 auto
}

.EKlayer .EKlayerContent {
    position: relative
}

.EKlayer .EKlayerContent>div {
    position: relative;
    z-index: 1
}

.EKlayer .EKlayerContent.embed {
    text-align: center
}

.EKlayer .EKlayerContent.embed iframe {
    display: block
}

.EKlayer .close {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px
}

.fancybox-close {
    background-color: #FFF;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-close:before {
    background-color: #2d2d2c;
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 18px;
    top: 13px;
    left: 5px
}

.csstransitions .fancybox-close {
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
}

.csstransitions .fancybox-close:before {
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
}

.no-touch .fancybox-close:hover {
    background-color: #2d2d2c
}

.no-touch .fancybox-close:hover:before {
    background-color: #FFF
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0
}


.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-image: url(../images/fancybox.png);
    background-position: -40px -30px;
}

.fancybox-next span {
    right: 10px;
    background-image: url(../images/fancybox.png);
    background-position: -40px -60px;
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: visible !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-color: #FFF
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

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

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

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

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

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

textarea {
    resize: vertical
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

@font-face {
    font-family: "Team7DIN";
    src: url("../fonts/Team7DINWebPro.eot");
    src: url("../fonts/Team7DINWebPro.eot?#iefix") format("embedded-opentype"), url("../fonts/Team7DINWebPro.woff") format("woff"), url("../fonts/Team7DINCompPro.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Team7DIN";
    src: url("../fonts/Team7DINWebPro-Bold.eot");
    src: url("../fonts/Team7DINWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Team7DINWebPro-Bold.woff") format("woff"), url("../fonts/Team7DINCompPro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Didot";
    src: url("../fonts/2dbd6ef2-c5bb-4605-8654-800283a201f6.eot?#iefix");
    src: url("../fonts/2dbd6ef2-c5bb-4605-8654-800283a201f6.eot?#iefix") format("eot"), url("../fonts/1770e973-48d2-4128-a2e1-65efcc19094e.woff2") format("woff2"), url("../fonts/21cc12a8-7e9e-4c12-b563-742819e738c4.woff") format("woff"), url("../fonts/ffecaa68-bd53-468f-a945-fded0b6c1db0.ttf") format("truetype"), url("../fonts/767ceb1f-853a-44e2-8065-bf93425ac575.svg#767ceb1f-853a-44e2-8065-bf93425ac575") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Didot";
    src: url("../fonts/4acf1696-7d22-4afa-bcd0-24701ebb10cd.eot?#iefix");
    src: url("../fonts/4acf1696-7d22-4afa-bcd0-24701ebb10cd.eot?#iefix") format("eot"), url("../fonts/061394d6-945a-44bf-a42c-a604f6001b5b.woff2") format("woff2"), url("../fonts/dda742fc-67ff-45dc-b4b1-8218bcbc16f1.woff") format("woff"), url("../fonts/ad44647f-38de-46b5-8d12-5546196c7f0d.ttf") format("truetype"), url("../fonts/4b3140fe-f493-45de-91ef-0a43fa7f5632.svg#4b3140fe-f493-45de-91ef-0a43fa7f5632") format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Didot";
    src: url("../fonts/5c781b40-d744-4497-be0f-1281b060c2bf.eot?#iefix");
    src: url("../fonts/5c781b40-d744-4497-be0f-1281b060c2bf.eot?#iefix") format("eot"), url("../fonts/53710036-65c4-4947-b90d-d443d9bd1abf.woff2") format("woff2"), url("../fonts/e51999b2-af61-45fd-8e91-173166be0ced.woff") format("woff"), url("../fonts/bf5b6f57-1c14-4a6b-bdf3-da410d2dea87.ttf") format("truetype"), url("../fonts/cb792a88-a755-4ae8-9bc1-ffc00b410888.svg#cb792a88-a755-4ae8-9bc1-ffc00b410888") format("svg");
    font-weight: 400;
    font-style: normal
}

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

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

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



.icon-play:before,
.play:before {
    content: '\e800'
}

.icon-facebook:before,
.social__icon--facebook:before {
    content: '\e801'
}

.icon-mail:before,
.link--mail:before,
.social__icon--mail:before,
.teaser--contact:before {
    content: '\e802'
}
.teaser.teaser--contact:before {
    /*new2017*/
    font-family: 'team7additionals';
    content: '2';
}

.icon-twitter:before,
.social__icon--twitter:before {
    content: '\e803'
}

.icon-gplus:before,
.social__icon--gplus:before {
    content: '\e804'
}

.icon-xing:before,
.social__icon--xing:before {
    content: '\e805'
}

.icon-pinterest:before,
.social__icon--pinterest:before {
    content: '\e806'
}

.icon-youtube:before,
.social__icon--youtube:before {
    content: '\e807'
}

.icon-linkedin:before,
.social__icon--linkedin:before {
    content: '\eac9'
}

.icon-check:before {
    content: '\e808'
}

.icon-compass:before,
.link--route:before {
    content: '\e809'
}

.icon-circle:before {
    content: '\e80a'
}

.icon-phone:before,
.link--phone:before {
    content: '\e80b'
}

.icon-earth:before,
.link--web:before {
    content: '\e80c'
}

.icon-location_inverted:before {
    content: '\e80d'
}

.icon-invalid:before,
.site__header .searchform__toggle:checked ~ .searchform__handle:before {
    content: '\e80e'
}

.icon-leave:before,
.rte blockquote footer:before,
.stage__header h1>span:before,
.stage__header h2>span:before,
.stage__header .stage__header__div>span:before {
    content: '\e80f'
}

.icon-circle-filled:before {
    content: '\e810'
}

.icon-catalogue:before,
.teaser--catalogue:before {
    content: '\e811'
}

.icon-location:before,
.teaser--location:before {
    content: '\e812'
}

.icon-search:before,
.site__header .searchform__handle:before,
.iOS .site__header .searchform__toggle:checked ~ .searchform__handle:before {
    content: '\e813'
}

.icon-arrow-right:before,
.slider__controls .slick-next:before {
    content: '\e814'
}

.icon-arrow-left:before,
.slider__controls .slick-prev:before {
    content: '\e815'
}

.icon-arrow-up:before,
.toplink__handle span:before {
    content: '\e816'
}

.icon-left-open-big:before {
    content: '\e817'
}

.icon-right-open-big:before {
    content: '\e818'
}

.icon-3dview:before,
.businessview__headline:before {
    content: '\e819'
}

.icon-instagram:before,
.social__icon--instagram:before {
    content: '\e81a'
}

.material__content b,
.material__content strong,
.rte h2,
.rte h1,
.rte .price,
.businessview__headline,
.EKlayer .content--headline h1,
.EKlayer .content--headline h2,
.EKlayer .content--headline>div,
.material__header h1,
.news__teaser__header h1,
.news__teaser__header h2,
.teaser__headline,.content.content--gallery.content--media-left.clearance--container ol li {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "Didot", "Times New Roman", serif;
    font-style: italic;
    font-size: 31px;
    line-height: 1.16129;
    margin-top: -5px;
    margin-bottom: 12px;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga"
}
.content.content--gallery.content--media-left.clearance--container ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width:767px){

.material__header h2{
    padding-left: 9.375%;
    padding-right: 9.375%;
}
}

@media (min-width: 768px) {
    .material__content b,
    .material__content strong,
    .rte h2,
    .rte h1,
    .rte .price,
    .businessview__headline,
    .EKlayer .content--headline h1,
    .EKlayer .content--headline h2,
    .EKlayer .content--headline>div,
    .material__header h1,
    .news__teaser__header h1,
    .news__teaser__header h2,
    .teaser__headline {
        font-size: 37px;
        margin-top: -6px;
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .material__content b,
    .material__content strong,
    .rte h2,
    .rte h1,
    .rte .price,
    .businessview__headline,
    .EKlayer .content--headline h1,
    .EKlayer .content--headline h2,
    .EKlayer .content--headline>div,
    .material__header h1,
    .news__teaser__header h1,
    .news__teaser__header h2,
    .teaser__headline {
        font-size: 42px;
        margin-top: -7px;
        margin-bottom: 18px
    }
}

.rte ul,
.rte ol {
    padding-left: 20px;
    margin-bottom: 24px
}

.rte ul li {
    padding-left: 13px;
    position: relative
}

.rte ul li:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #2d2d2c;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px
}

.rte ol {
    margin-top: 0;
    padding-left: 33px
}

.rte *:last-child {
    margin-bottom: 0
}

.material__content b,
.material__content strong,
.rte h2 {
    margin-bottom: 24px;
    padding-top: 0px
}

.rte p {
    margin-bottom: 24px
}

.rte .contactlist {
    padding-left: 0
}

.rte .contactlist li {
    padding-left: 0
}

.rte .contactlist li:before {
    display: none
}

.rte i,
.rte em {
    font-style: normal
}

.rte blockquote {
    font-family: "Didot", "Times New Roman", serif;
    margin: 0;
    text-align: center
}

.rte blockquote p {
    font-size: 31px;
    line-height: 1.19355;
    margin-top: -6px;
    margin-bottom: 0;
    text-transform: uppercase
}

.rte blockquote footer {
    font-size: 15px;
    font-style: italic;
    padding-top: 16px;
    margin-bottom: -8px
}

.rte blockquote footer:before {
    font-size: 9px;
    margin-right: 5px;
    margin-left: 0
}

.EKlayer .rte {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

@media (min-width: 768px) {
    .EKlayer .rte {
        width: 82.85714%
    }
    .material__content b,
    .material__content strong,
    .rte h2 {
        padding-top: 0px
    }
}

@media (min-width: 1024px) {
    .EKlayer .rte {
        width: 65.95745%
    }
    .material__content b,
    .material__content strong,
    .rte h2 {
        padding-top: 0px
    }
    .rte blockquote p {
        font-size: 40px;
        line-height: 1.15
    }
    .rte blockquote footer {
        padding-top: 21px;
        font-size: 20px;
        margin-bottom: -10px
    }
    .rte blockquote footer:before {
        font-size: 12px
    }
}

.rte .rte__footer {
    padding-top: 37px
}

.rte .rte__footer ul {
    padding-left: 0;
    margin-top: -5px
}

.rte .rte__footer ul li {
    padding-left: 0;
    margin-top: 10px;
    line-height: 1.71429
}

.rte .rte__footer ul li:before {
    display: none
}

.rte .rte__footer ul li:first-child {
    margin-top: 0
}

.rte .rte__footer ul li a {
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    text-rendering: auto;
    overflow: hidden
}

.rte .rte__footer ul+.cta {
    margin-top: 45px
}

@media (min-width: 768px) {
    .rte .rte__footer {
        padding-top: 56px
    }
    .rte .rte__footer ul+.cta {
        margin-top: 65px
    }
}

@media (min-width: 1024px) {
    .rte .rte__footer {
        padding-top: 81px
    }
    .rte .rte__footer ul+.cta {
        margin-top: 90px
    }
}

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    background-image: url("");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}

div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
    outline: 0
}

div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
    margin: 0;
    padding: 0
}

.highContrastDetect {
    background: url("../images/bg-input.png") repeat-x 0 0;
    width: 0px;
    height: 0px
}

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    padding: 3px;
    background: url("../images/bg-input.png") repeat-x 0 0;
    outline: 0
}

input.uniform-input.active,
select.uniform-multiselect.active,
textarea.uniform.active {
    background: url("../images/bg-input-focus.png") repeat-x 0 0
}

div.checker input,
input[type="search"],
input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none
}

div.selector {
    background-position: 0 -220px;
    line-height: 44px;
    height: 44px;
    padding: 0 0 0 0px;
    position: relative;
    overflow: hidden
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 44px;
    line-height: 44px;
    padding-right: 0px;
    cursor: pointer;
    width: 100%;
    display: block
}

div.selector.fixedWidth {
    width: 190px
}

div.selector.fixedWidth span {
    width: 190px
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 44px;
    top: 0px;
    left: 0px;
    width: 100%
}

div.selector.active {
    background-position: 0 -264px
}

div.selector.active span {
    background-position: right -44px
}

div.selector.hover,
div.selector.focus {
    background-position: 0 -308px
}

div.selector.hover span,
div.selector.focus span {
    background-position: right -88px
}

div.selector.hover.active,
div.selector.focus.active {
    background-position: 0 -352px
}

div.selector.hover.active span,
div.selector.focus.active span {
    background-position: right -132px
}

div.selector.disabled,
div.selector.disabled.active {
    background-position: 0 -396px
}

div.selector.disabled span,
div.selector.disabled.active span {
    background-position: right -176px
}

div.checker {
    position: relative
}

div.checker,
div.checker span,
div.checker input {
    width: 12px;
    height: 12px
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -440px
}

div.checker span.checked {
    background-position: -48px -440px
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1
}

div.checker.active span {
    background-position: -12px -440px
}

div.checker.active span.checked {
    background-position: -60px -440px
}

div.checker.hover span,
div.checker.focus span {
    background-position: -24px -440px
}

div.checker.hover span.checked,
div.checker.focus span.checked {
    background-position: -72px -440px
}

div.checker.hover.active span,
div.checker.focus.active span {
    background-position: -36px -440px
}

div.checker.hover.active span.checked,
div.checker.focus.active span.checked {
    background-position: -84px -440px
}

div.checker.disabled,
div.checker.disabled.active {
    background-position: -96px -440px
}

div.checker.disabled span.checked,
div.checker.disabled.active span.checked {
    background-position: -108px -440px
}

div.radio {
    position: relative
}

div.radio,
div.radio span,
div.radio input {
    width: 12px;
    height: 12px
}

div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -452px
}

div.radio span.checked {
    background-position: -48px -452px
}

div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center
}

div.radio.active span {
    background-position: -30px -452px
}

div.radio.active span.checked {
    background-position: -60px -452px
}

div.radio.hover span,
div.radio.focus span {
    background-position: -60px -452px
}

div.radio.hover span.checked,
div.radio.focus span.checked {
    background-position: -72px -452px
}

div.radio.hover.active span,
div.radio.focus.active span {
    background-position: -36px -452px
}

div.radio.hover.active span.checked,
div.radio.focus.active span.checked {
    background-position: -84px -452px
}

div.radio.disabled span,
div.radio.disabled.active span {
    background-position: -96px -452px
}

div.radio.disabled span.checked,
div.radio.disabled.active span.checked {
    background-position: -108px -452px
}

div.uploader {
    background-position: 0 -464px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

div.uploader span.action {
    background-position: right -576px;
    height: 28px;
    line-height: 28px;
    width: 85px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer
}

div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 82px;
    padding: 0 10px
}

div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%
}

div.uploader.active span.action {
    background-position: right -632px
}

div.uploader.hover,
div.uploader.focus {
    background-position: 0 -520px
}

div.uploader.hover span.action,
div.uploader.focus span.action {
    background-position: right -604px
}

div.uploader.hover.active span.action,
div.uploader.focus.active span.action {
    background-position: right -660px
}

div.uploader.disabled,
div.uploader.disabled.active {
    background-position: 0 -492px
}

div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
    background-position: right -548px
}

div.button {
    background-position: 0 -808px;
    height: 30px;
    cursor: pointer;
    position: relative
}

div.button a,
div.button button,
div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 30px;
    text-align: center;
    background-position: right -688px;
    height: 30px;
    margin-left: 13px;
    padding: 0
}

div.button.active {
    background-position: 0 -838px
}

div.button.active span {
    background-position: right -718px;
    cursor: default
}

div.button.hover,
div.button.focus {
    background-position: 0 -868px
}

div.button.hover span,
div.button.focus span {
    background-position: right -748px
}

div.button.disabled,
div.button.disabled.active {
    background-position: 0 -898px
}

div.button.disabled span,
div.button.disabled.active span {
    background-position: right -778px;
    cursor: default
}

input,
textarea,
select,
option,
button {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #2d2d2c;
    font-size: 14px;
    line-height: 1.71429
}

.name {
    display: none
}

form.load:before {
    content: "";
    display: block;
    background-color: rgba(242, 242, 242, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

input::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7a7a78;
    opacity: 1
}

input:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
textarea:-moz-placeholder {
    color: #7a7a78;
    opacity: 1
}

input::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
textarea::-moz-placeholder {
    color: #7a7a78;
    opacity: 1
}

input:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7a7a78;
    opacity: 1
}

input.form--error::-webkit-input-placeholder,
input.form--error::-webkit-input-placeholder,
textarea.form--error::-webkit-input-placeholder,
textarea.form--error::-webkit-input-placeholder {
    color: #FFF !important
}

input.form--error:-moz-placeholder,
input.form--error:-moz-placeholder,
textarea.form--error:-moz-placeholder,
textarea.form--error:-moz-placeholder {
    color: #FFF !important
}

input.form--error::-moz-placeholder,
input.form--error::-moz-placeholder,
textarea.form--error::-moz-placeholder,
textarea.form--error::-moz-placeholder {
    color: #FFF !important
}

input.form--error:-ms-input-placeholder,
input.form--error:-ms-input-placeholder,
textarea.form--error:-ms-input-placeholder,
textarea.form--error:-ms-input-placeholder {
    color: #FFF !important
}

input::-ms-clear {
    display: none
}

input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
textarea,
select,
select[multiple],
select[size] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #e6e6e6;
    border: 0;
    padding: 10px 15px;
    height: 44px;
    width: 100%
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
select[multiple]:focus,
select[size]:focus {
    outline: none;
    font-weight: 700
}

.csstransitions input[type="text"],
.csstransitions input[type="number"],
.csstransitions input[type="search"],
.csstransitions input[type="email"],
.csstransitions input[type="url"],
.csstransitions input[type="date"],
.csstransitions input[type="password"],
.csstransitions textarea,
.csstransitions select,
.csstransitions select[multiple],
.csstransitions select[size] {
    -moz-transition: background-color 0.15s ease-out, color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out, color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out;
    transition: background-color 0.15s ease-out, color 0.15s ease-out
}

input[type="text"].form--error,
input[type="number"].form--error,
input[type="search"].form--error,
input[type="email"].form--error,
input[type="url"].form--error,
input[type="date"].form--error,
input[type="password"].form--error,
textarea.form--error,
select.form--error,
select[multiple].form--error,
select[size].form--error {
    background-color: #ff4040 !important;
    color: #FFF !important
}

input[type="text"].form--error+label,
input[type="number"].form--error+label,
input[type="search"].form--error+label,
input[type="email"].form--error+label,
input[type="url"].form--error+label,
input[type="date"].form--error+label,
input[type="password"].form--error+label,
textarea.form--error+label,
select.form--error+label,
select[multiple].form--error+label,
select[size].form--error+label {
    color: #ff4040
}

input[type="text"].form--error+label a,
input[type="number"].form--error+label a,
input[type="search"].form--error+label a,
input[type="email"].form--error+label a,
input[type="url"].form--error+label a,
input[type="date"].form--error+label a,
input[type="password"].form--error+label a,
textarea.form--error+label a,
select.form--error+label a,
select[multiple].form--error+label a,
select[size].form--error+label a {
    color: #ff4040
}

input[type="text"].form--error+label a:after,
input[type="number"].form--error+label a:after,
input[type="search"].form--error+label a:after,
input[type="email"].form--error+label a:after,
input[type="url"].form--error+label a:after,
input[type="date"].form--error+label a:after,
input[type="password"].form--error+label a:after,
textarea.form--error+label a:after,
select.form--error+label a:after,
select[multiple].form--error+label a:after,
select[size].form--error+label a:after {
    color: #ff4040
}

@media (min-width: 768px) {
    input[type="text"],
    input[type="number"],
    input[type="search"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="password"],
    textarea,
    select,
    select[multiple],
    select[size] {
        padding-left: 20px;
        padding-right: 20px
    }
}

input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
textarea {
    -webkit-appearance: none
}

input[type="text"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #2d2d2c
}

input[type="text"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder,
textarea:-moz-placeholder {
    color: #2d2d2c
}

input[type="text"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
textarea::-moz-placeholder {
    color: #2d2d2c
}

input[type="text"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #2d2d2c
}

select option,
select[multiple] option,
select[size] option {
    padding: 5px;
    line-height: 30px
}

select option[selected],
select[multiple] option[selected],
select[size] option[selected] {
    background-color: #FFF;
    color: #2d2d2c
}

.no-touch select option:hover,
.no-touch select[multiple] option:hover,
.no-touch select[size] option:hover {
    background-color: #2d2d2c;
    color: #FFF
}

select[multiple],
select[size] {
    height: auto
}

select[disabled] {
    color: #7a7a78
}

textarea {
    height: 182px
}

.form__element--counter textarea {
    padding-bottom: 30px
}

label {
    display: inline-block
}

button {
    position: relative
}

button:focus {
    outline: none
}

.js input[type="checkbox"],
.js input[type="radio"],
.js select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0
}

.js input[no-uniform],
.js select[multiple],
.js select[size] {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1
}

.checker {
    font-size: 1px
}

.checker.hover span {
    background-color: #2d2d2c;
    border-color: #2d2d2c
}

.EKlayer .checker.hover span {
    background-color: #FFF;
    border-color: #FFF
}

.checker span {
    border: 2px solid #2d2d2c
}

.checker span.checked {
    background-color: #2d2d2c;
    color: #FFF;
    position: relative
}

.checker span.checked:before {
    position: absolute;
    font-size: 9px;
    top: -1px;
    left: 0px
}

@media (max-width: 767px) {
    .checker span.checked:before {
        top: 0
    }
}

.EKlayer .checker span {
    border-color: #FFF;
    color: #FFF
}

.EKlayer .checker span.checked {
    background-color: #FFF;
    color: #2d2d2c
}

.checker.form--error span {
    border-color: #ff4040 !important
}

.checker.form--error span.checked {
    background-color: #ff4040 !important
}

.checker.form--error.hover span {
    border-color: #2d2d2c
}

.EKlayer .checker.form--error.hover span {
    border-color: #FFF
}

.checker.form--error+label {
    color: #ff4040 !important
}

.checker.form--error+label a {
    color: #ff4040 !important
}

.checker.form--error+label a:after {
    background-color: #ff4040 !important
}

.radio {
    font-size: 1px
}

.radio.hover span {
    background-color: #2d2d2c;
    border-color: #2d2d2c
}

.radio span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #2d2d2c
}

.radio span.checked {
    background-color: #2d2d2c;
    position: relative
}

.radio span.checked:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FFF;
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    position: absolute;
    top: 1px;
    left: 1px
}

.radio.form--error span {
    border-color: #ff4040
}

.radio.form--error span.checked {
    background-color: #ff4040
}

.radio.form--error span.checked:before {
    background-color: #FFF
}

.radio.form--error+label {
    color: #ff4040
}

.radio.form--error+label a {
    color: #ff4040
}

.radio.form--error+label a:after {
    background-color: #ff4040
}

.selector {
    background-color: #e6e6e6;
    color: #2d2d2c;
    width: 100% !important
}

.selector span {
    padding-left: 15px;
    padding-right: 45px;
    position: relative;
    width: 100% !important
}

.selector span:before {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    font-size: 12px;
    top: 50%;
    margin-top: -6px;
    right: 20px
}

.selector.form--error {
    background-color: #ff4040;
    color: #FFF
}

@media (min-width: 768px) {
    .selector span {
        padding-left: 20px;
        padding-right: 50px
    }
    
    .form__group > .form__element.form__element--half:nth-of-type(odd){
        padding-right: 3.125% !important;
        padding-left: 1.5625% !important;
    }
    
}

.form__error {
    color: #ff4040;
    margin-bottom: 24px
}

.form__group {
    margin-bottom: 31px
}

#form_optional .form__element{
    display:none;
    margin-bottom: 35px;
}

.optional-outside{
    display:none;
}

#form_optional .form__group.nomargin{
    margin-bottom:0;
}

#form_optional .form__element{
    position: relative;
}

#form_optional .form__element .info{
    display:none;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: url(../images/info-btn.svg) no-repeat center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
}


#form_optional .form__element .info_wrap{
    position:relative;
}

.form__element--counter {
    line-height: 1px
}

.form__element--counter label {
    line-height: 1.71429
}

.form__element--checkbox {
    position: relative
}

.form__element--checkbox label {
    display: inline;
    float: left;
    padding-left: 24px;
    margin-top: -5px
}

.form__element--checkbox input[type="checkbox"],
.form__element--checkbox div.checker {
    position: absolute;
    top: 0;
    left: 0
}

.form__element--radio {
    position: relative
}

.form__element--radio label {
    display: inline;
    float: left;
    padding-left: 24px;
    margin-top: -5px
}

.form__element--radio input[type="radio"],
.form__element--radio .radio {
    position: absolute;
    top: 0;
    left: 0
}

.form__required {
    display: block
}

.form__footer {
    padding-top: 15px
}

@media (min-width: 1024px) {
    .form__group {
        margin-bottom: 35px
    }
}

.cta {
    letter-spacing: 0.025em;
    background-color: transparent;
    color: #2d2d2c;
    border: 2px solid #2d2d2c;
    display: inline-block;
    font-weight: 700;
    padding: 8px 35px 8px 35px;
    text-decoration: none;
    white-space: nowrap
}

.mac .cta {
    padding-top: 9px;
    padding-bottom: 7px
}

.csstransitions .cta {
    -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out;
    -o-transition: color 0.15s ease-out, background-color 0.15s ease-out;
    -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out
}

.no-touch .cta:hover {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #2d2d2c;
    color: #FFF
}

.no-touch [href]:hover .cta {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #2d2d2c;
    color: #FFF
}

.cta--inverted,
.businessview--inverted .cta,
.content--mood--inverted .cta,
.EKlayer .cta,
.stage--inverted .cta {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-color: #FFF;
    color: #FFF
}

.no-touch .cta--inverted:hover,
.no-touch .businessview--inverted .cta:hover,
.businessview--inverted .no-touch .cta:hover,
.no-touch .content--mood--inverted .cta:hover,
.content--mood--inverted .no-touch .cta:hover,
.no-touch .EKlayer .cta:hover,
.EKlayer .no-touch .cta:hover,
.no-touch .stage--inverted .cta:hover,
.stage--inverted .no-touch .cta:hover {
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    background-color: #FFF;
    color: #2d2d2c
}

[href]:hover .cta--inverted,
[href]:hover .businessview--inverted .cta,
.businessview--inverted [href]:hover .cta,
[href]:hover .content--mood--inverted .cta,
.content--mood--inverted [href]:hover .cta,
[href]:hover .EKlayer .cta,
.EKlayer [href]:hover .cta,
[href]:hover .stage--inverted .cta,
.stage--inverted [href]:hover .cta {
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    background-color: #FFF;
    color: #2d2d2c
}

.cta--search:before {
    margin-right: 10px
}

.cta--blocked {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.content--headline h1,
.content--headline h2,
.content--headline>div,
.media__noimage__notice {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "Didot", "Times New Roman", serif;
    font-size: 36px;
    font-style: italic;
    line-height: 1.16667;
    text-align: center;
    margin-top: -7px;
    margin-bottom: 33px;
    position: relative
}

.content--headline h1:before,
.content--headline h2:before,
.content--headline>div:before,
.media__noimage__notice:before,
.content--headline h1:after,
.content--headline h2:after,
.content--headline>div:after,
.media__noimage__notice:after {
    background-color: #2d2d2c;
    content: "";
    height: 1px;
    position: absolute;
    bottom: 12px;
    width: 27.03704%
}

.content--headline h1:before,
.content--headline h2:before,
.content--headline>div:before,
.media__noimage__notice:before {
    right: 50%;
    margin-right: 20px
}

.content--headline h1:after,
.content--headline h2:after,
.content--headline>div:after,
.media__noimage__notice:after {
    left: 50%;
    margin-left: 20px
}

.content--headline h1>span,
.content--headline h2>span,
.content--headline>div>span,
.media__noimage__notice>span {
    display: block;
    position: relative;
    padding-bottom: 30px;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga"
}

.content--headline h1>span:before,
.content--headline h2>span:before,
.content--headline>div>span:before,
.media__noimage__notice>span:before {
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px
}

@media (min-width: 768px) {
.content--headline h1,
.content--headline h2,
.content--headline>div,
    .media__noimage__notice {
        font-size: 48px;
        margin-top: -8px;
        margin-bottom: 42px
    }
    .content--headline h1:before,
.content--headline h2:before,
.content--headline>div:before,
    .media__noimage__notice:before,
    .content--headline h1:after,
.content--headline h2:after,
.content--headline>div:after,
    .media__noimage__notice:after {
        bottom: 13px;
        width: 13.88889%
    }
    .content--headline h1:before,
.content--headline h2:before,
.content--headline>div:before,
    .media__noimage__notice:before {
        margin-right: 25px
    }
    .content--headline h1:after,
.content--headline h2:after,
.content--headline>div:after,
    .media__noimage__notice:after {
        margin-left: 25px
    }
    .content--headline h1>span,
.content--headline h2>span,
.content--headline>div>span,
    .media__noimage__notice>span {
        padding-bottom: 30px
    }
    .content--headline h1>span:before,
.content--headline h2>span:before,
.content--headline>div>span:before,
    .media__noimage__notice>span:before {
        font-size: 28px;
        margin-left: -14px
    }
}

@media (min-width: 1024px) {
    .content--headline h1,
.content--headline h2,
.content--headline>div,
    .media__noimage__notice {
        font-size: 64px;
        margin-top: -12px;
        margin-bottom: 57px
    }
    .content--headline h1>span,
.content--headline h2>span,
.content--headline>div>span,
    .media__noimage__notice>span {
        padding-bottom: 41px
    }
    .content--headline h1:before,
.content--headline h2:before,
.content--headline>div:before,
    .media__noimage__notice:before,
    .content--headline h1:after,
.content--headline h2:after,
.content--headline>div:after,
    .media__noimage__notice:after {
        width: 10.41667%
    }
}

.hr {
    clear: both;
    font-size: 1px;
    width: 100%
}

.hr hr {
    display: none
}

.hr--line {
    background-color: #bfbfbf;
    height: 1px
}

.loading {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100
}

.loading .loader {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 30px;
    z-index: 1
}

.loading .loader i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    text-indent: -1978em;
    border: 3px solid #FFF;
    border-top-color: rgba(0, 0, 0, 0.5);
    border-left-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-animation: spin .75s infinite linear;
    -webkit-animation: spin .75s infinite linear;
    animation: spin .75s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.link,
.rte__content a {
    color: #2d2d2c;
    display: inline-block;
    position: relative;
    text-decoration: none
}

.link:after,
.rte__content a:after {
    background-color: #2d2d2c;
    bottom: 0;
    bottom: 1px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.csstransitions .link:after,
.csstransitions .rte__content a:after,
.rte__content .csstransitions a:after {
    -moz-transition: width 0.15s ease-out;
    -o-transition: width 0.15s ease-out;
    -webkit-transition: width 0.15s ease-out;
    transition: width 0.15s ease-out
}

.no-touch .link:hover:after,
.no-touch .rte__content a:hover:after,
.rte__content .no-touch a:hover:after {
    width: 50%
}

.no-touch [href]:hover .link:after,
.no-touch [href]:hover .rte__content a:after,
.rte__content .no-touch [href]:hover a:after {
    width: 50%
}

.link--inverted,
.content--mood--inverted .link,
.content--mood--inverted .rte__content a,
.rte__content .content--mood--inverted a,
.EKlayer .link,
.EKlayer .rte__content a,
.rte__content .EKlayer a {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.link--inverted:after,
.content--mood--inverted .link:after,
.content--mood--inverted .rte__content a:after,
.rte__content .content--mood--inverted a:after,
.EKlayer .link:after,
.EKlayer .rte__content a:after,
.rte__content .EKlayer a:after {
    background-color: #FFF
}

.link--icon {
    padding-left: 26px
}

.link--icon:before {
    position: absolute;
    left: 0;
    top: 4px
}

.link--icon:after {
    left: 26px;
    width: calc(100% - 26px) !important
}

.no-touch .link--icon:hover:after {
    width: calc(50% - 13px) !important
}

.link--small {
    font-size: 12px
}

.link--small:after {
    height: 1px
}

.play {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid #2d2d2c;
    color: #2d2d2c;
    display: inline-block;
    height: 64px;
    text-align: center;
    text-decoration: none;
    width: 64px
}

.csstransitions .play {
    -moz-transition: background-color 0.15s ease-out, color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out, color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out;
    transition: background-color 0.15s ease-out, color 0.15s ease-out
}

.play:before {
    font-size: 28px;
    margin-left: 5px;
    line-height: 58px
}

.play i {
    display: none
}

.no-touch .play:hover {
    background-color: #2d2d2c;
    color: #FFF
}

.no-touch [href]:hover .play {
    background-color: #2d2d2c;
    color: #FFF
}

.play--inverted {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #FFF;
    border-color: #FFF
}

.no-touch .play--inverted:hover {
    background-color: #FFF;
    color: #2d2d2c
}

.no-touch [href]:hover .play--inverted {
    background-color: #FFF;
    color: #2d2d2c
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.media--video > .slider--gallery > slider__container > .slick-list {
overflow:hidden !important;
}


.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slider__page,
.slider__pages {
    display: inline-block;
    padding: 0 5px
}

.slider__pager {
    display: inline-block;
    padding: 5px 20px 3px;
    font-size: 12px;
    line-height: 1.75
}

@media (min-width: 768px) {
    .slider__pager {
        display: none
    }
}

.slider__controls {
    text-align: center;
    color: #2d2d2c
}

.csstransitions .slider__controls {
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out
}

.slider__controls button {
    background-color: transparent;
    border: 0;
    color: #2d2d2c;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    position: relative
}

.csstransitions .slider__controls button {
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out
}

.slider__controls .slick-arrow {
    height: 29px;
    width: 45px;
    position: relative;
    -webkit-transform: translateZ(0)
}

.slider__controls .slick-arrow:before {
    font-size: 45px;
    position: absolute;
    top: 6px;
    left: -4px
}

.slider__controls .slick-arrow span {
    display: none
}

.slider__controls ul {
    display: none !important
}

.slider__controls ul li {
    display: inline-block
}

.slider__controls ul li button {
    height: 29px;
    width: 29px
}

.slider__controls ul li button span {
    display: none
}

.slider__controls ul li button:before {
    display: block;
    position: absolute;
    font-size: 9px;
    line-height: 1;
    top: 10px;
    left: 10px
}

@media (min-width: 768px) {
    .slider__controls ul {
        display: inline-block !important;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .slider__controls ul {
        padding-left: 35px;
        padding-right: 35px
    }
    .slider__controls ul li button {
        width: 39px
    }
    .slider__controls ul li button:before {
        left: 15px
    }
}

.slider__controls {
    display: table;
    height: 29px;
    right: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider__controls>button,
.slider__controls>ul {
    display: table-cell;
    height: 29px;
    vertical-align: middle
}

.slider__container .slick-dots {
    display: none !important
}

.slider--inverted .slider__pager {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.slider--inverted .slider__controls {
    color: #FFF
}

.slider--inverted .slider__controls button {
    color: #FFF
}

.businessview__headline {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 41px
}

.businessview__headline:before {
    display: block;
    font-size: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px;
    margin-top: 5px
}

.businessview {
    margin-bottom: 35px;
    margin-top: 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 45px;
    padding-top: 45px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 93.75%
}

@media (min-width: 768px) {
    .businessview {
        margin-bottom: 52px;
        margin-top: 52px
    }
}

@media (min-width: 1024px) {
    .businessview {
        margin-bottom: 70px;
        margin-top: 70px
    }
}

.businessview .loading {
    z-index: 2
}

.businessview .inner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width: 768px) {
    .businessview .inner {
        width: 93.75%
    }
}

@media (min-width: 1024px) {
    .businessview .inner {
        width: 93.75%
    }
}

.businessview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

@media (min-width: 768px) {
    .businessview__headline {
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-bottom: 56px
    }
    .businessview {
        padding-top: 60px;
        padding-bottom: 40px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .businessview__headline {
        width: 50%;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        margin-bottom: 71px
    }
    .businessview {
        padding-top: 7.32422%;
        padding-bottom: 3.41797%
    }
}

.businessview--inverted .businessview__headline {
    color: #FFF
}

.contactlist>li {
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px
}

.contactlist>li:first-child {
    padding-top: 0
}

.contactlist>li:last-child {
    padding-bottom: 0
}

.content {
    position: relative
}

.content .anchor {
    position: absolute;
    left: -1978em;
    top: -73px
}

.content .rte {
    padding-left: 9.375%;
    padding-right: 9.375%
}

@media (min-width: 768px) {
    .content .anchor {
        top: -65px
    }
    .content .rte {
        width: 83.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .content .anchor {
        top: -65px
    }
    .content .rte {
        width: 66.66667%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
}

.content--media-left .media,
.content--media-right .media {
    width: 100%;
    padding-left: 3.125%;
    padding-right: 3.125%
}

.content--partner .partner {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    margin-top: 35px;
    width: 84.375%
}

.content--mood .rte {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 490px;
    padding-left: 6.66667%;
    padding-right: 6.66667%;
    position: relative
}

.content--mood .rte:before {
    content: "";
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    z-index: 1
}

.content--mood .rte__content,
.content--mood .rte__footer {
    position: relative;
    z-index: 2
}

.content--mood .rte__footer {
    margin-top: -13px;
    padding-top: 45px
}

.content--mood.mood--darken-10 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.1
}

.content--mood.mood--darken-20 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.2
}

.content--mood.mood--darken-25 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.25
}

.content--mood.mood--darken-30 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.3
}

.content--mood.mood--darken-40 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.4
}

.content--mood.mood--darken-50 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.5
}

.content--mood.mood--darken-60 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.6
}

.content--mood.mood--darken-70 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.7
}

.content--mood.mood--darken-80 .rte:before {
    background-color: #000;
    display: block;
    opacity: 0.8
}

.content--mood.mood--lighten-5 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.05
}

.content--mood.mood--lighten-10 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.1
}

.content--mood.mood--lighten-15 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.15
}

.content--mood.mood--lighten-20 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.2
}

.content--mood.mood--lighten-30 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.3
}

.content--mood.mood--lighten-40 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.4
}

.content--mood.mood--lighten-50 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.5
}

.content--mood.mood--lighten-60 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.6
}

.content--mood.mood--lighten-65 .rte:before {
    background-color: #FFF;
    display: block;
    opacity: 0.65
}

@media (max-width: 767px) {
    .content--headline {
        padding-left: 9.375%;
        padding-right: 9.375%
    }
}

.content--headline h1,
.content--headline h2,
.content--headline>div {
    margin-bottom: 0 !important
}

.content--headline+.content--gallery {
    padding-top: 0
}

.content--headline+.content--gallery .media {
    padding-top: 0
}

.content--headline+.content--raw .rte {
    padding-top: 0
}

.EKlayer .content--headline {
    padding-bottom: 0 !important
}

@media (max-width: 767px) {
    .EKlayer .content--headline {
        width: 90%
    }
}

.EKlayer .content--headline+.content .rte {
    padding-top: 0 !important
}

.EKlayer .content--headline h1,
.EKlayer .content--headline h2,
.EKlayer .content--headline>div {
    margin-bottom: 12px !important
}

.EKlayer .content--headline h1 span,
.EKlayer .content--headline h2 span,
.EKlayer .content--headline>div span {
    text-align: left;
    padding-bottom: 0
}

.EKlayer .content--headline h1 span:before,
.EKlayer .content--headline h2 span:before,
.EKlayer .content--headline>div span:before {
    display: none
}

.EKlayer .content--headline h1:before,
.EKlayer .content--headline h2:before,
.EKlayer .content--headline>div:before,
.EKlayer .content--headline h1:after,
.EKlayer .content--headline h2:after,
.EKlayer .content--headline>div:after {
    display: none
}

@media (min-width: 768px) {
    .EKlayer .content--headline h1,
.EKlayer .content--headline h2,
.EKlayer .content--headline>div {
        width: 83.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-bottom: 15px !important;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .EKlayer .content--headline h1,
.EKlayer .content--headline h2,
.EKlayer .content--headline>div {
        width: 66.66667%;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        margin-bottom: 18px !important
    }
}

.content--quote .rte {
    float: left;
    width: 100%;
    padding-left: 3.125%;
    padding-right: 3.125%
}

@media (min-width: 768px) {
    .content--quote .rte {
        float: left;
        width: 100%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
}

@media (min-width: 1024px) {
    .content--quote .rte {
        float: left;
        width: 100%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
}

.content--mood--inverted {
    color: #FFF
}

.content--mood--inverted .rte__content {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

@media (max-width: 767px) {
    .content--media-left .rte,
    .content--media-right .rte {
        padding-top: 0
    }
    .content--mood {
        width: 93.75%
    }
}

@media (min-width: 768px) {
    .content--media-left,
    .content--media-right {
        padding-bottom: 35px;
        padding-top: 35px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .content--media-left,
    .content--media-right {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .content--media-left,
    .content--media-right {
        padding-bottom: 50px;
        padding-top: 50px
    }
   
}

@media (min-width: 768px) and (max-width: 991px) {
    .site__main.page_2188 {
        margin-top: 25px;
        overflow: hidden;
    }   
}

 

@media (min-width: 768px) {
    .content--media-left .media,
    .content--media-right .media {
        padding-top: 0;
        padding-bottom: 0
    }
    .content--media-left .media--image,
    .content--media-right .media--image {
        float: left;
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
    .content--media-left .media--video,
    .content--media-right .media--video {
        float: left;
        width: 58.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
    .content--media-left .media--image ~ .rte {
        float: left;
        width: 41.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        float: right
    }
    .content--media-left .media--video ~ .rte {
        float: left;
        width: 33.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        float: right
    }
    .content--media-right .media--image {
        float: right
    }
    .content--media-right .media--image ~ .rte {
        float: left;
        width: 50%;
        padding-left: 2.77778%;
        padding-right: 11.11111%
    }
    .content--media-right .media--video {
        float: right
    }
    .content--media-right .media--video ~ .rte {
        float: left;
        width: 41.66667%;
        padding-left: 4.16667%;
        padding-right: 4.16667%
    }
    .content--partner {
        padding-bottom: 35px;
        padding-top: 35px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .content--partner {
        padding-bottom: 52px;
        padding-top: 52px
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .content--partner {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

@media (min-width: 1024px) {

    .distributors{width: 90%;margin: 0px auto;}
    .content--distributor {
        margin: 0 !important;
        width: 50% !important;
        flex-basis: 50%;

        float: left !important;
	}
    .content--distributor .media--image {
	width: 90% !important;
	left: 0 !important;
	}

    .content--distributor .media--image img {
        max-width: 800px;
	float: left;
	}

    .content--distributor .media__noimage {
        max-width: 800px;
    }

    .content--distributor .rte {
	padding-bottom: 0 !important;
	width: 90% !important;
	float: left !important;
	}
}

@media (min-width: 1200px) {
    .content--distributor {
        width: 25% !important;
        flex-basis: 25%;
    }
}

/*.content--distributor{overflow: hidden;}*/
.content--distributor .gallery__list .media--image img{width: 100% !important;}

@media (min-width: 768px) {
    .content--partner .partner {
        float: left;
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-bottom: 0;
        margin-top: 0
    }
    .content--partner .rte {
        float: left;
        width: 50%;
        padding-left: 2.77778%;
        padding-right: 11.11111%
    }
    .content--partner .rte h1 {
        margin-right: -60px
    }
    .distributors_bottom{
	clear: both;
    }
    .content--distributor {
        padding-top: 45px;
        padding-bottom: 150px
    }
    .content--distributor:last-of-type{
        padding-bottom:0;
    }
    .content--distributor .rte {
        padding-top:10px;
        padding-bottom: 0 !important
    }
    .content--distributor .media--image {
        float: left;
        width: 41.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        position: relative;
        left: 8.33333%
    }
    .content--mood .rte {
        margin-left: auto;
        margin-right: auto;
        min-height: 447px;
        padding-left: 16.66667%;
        padding-right: 16.66667%;
        width: 97.22222%
    }
    .content--mood .rte__footer {
        margin-top: -15px;
        padding-top: 67px
    }
    .content--mood .rte__footer ul {
        margin-top: -10px
    }
    .content--mood .rte__footer ul li {
        display: inline;
        float: left;
        margin-top: 10px;
        padding-right: 20px;
        width: 45.83333%
    }
    .content--mood .rte__footer ul li:first-child {
        margin-top: 10px
    }
    .content--mood .rte__footer ul li:nth-child(2n - 1) {
        clear: left
    }
}


@media (max-width: 767px) {
    .site__main > div.clearance--container:nth-child(odd) {
        background: #f2f2f2 none repeat scroll 0 0;
    }
}

@media (min-width: 1024px) {
    .content--media-left .media--image,
    .content--media-right .media--image {
        float: left;
        width: 50%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .content--media-left .media--video,
    .content--media-right .media--video {
        float: left;
        width: 58.33333%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .content--media-left .media--image ~ .rte {
        float: left;
        width: 41.66667%;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        float: right
    }
    .content--media-left .media--video ~ .rte {
        float: left;
        width: 41.66667%;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        padding-left: 7.29167%
    }
    .content--distributor .media--image {
        float: left;
        width: 41.66667%;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        position: relative;
        left: 8.33333%
    }
    .content--media-right .media--image {
        float: right
    }
    .content--media-right .media--image ~ .rte {
        float: left;
        width: 50%;
        padding-left: 4.16667%;
        padding-right: 10.41667%
    }
    .content--media-right .media--video {
        float: right
    }
    .content--media-right .media--video ~ .rte {
        float: left;
        width: 41.66667%;
        padding-left: 4.16667%;
        padding-right: 4.16667%
    }
    .content--media-portrait .rte {
        padding-top: 210px
    }
    .content--partner .rte {
        float: left;
        width: 50%;
        padding-left: 4.16667%;
        padding-right: 10.41667%
    }
    .content--partner .rte h1 {
        margin-right: -25px
    }
    .content--mood .rte {
        min-height: 600px;
        width: 97.91667%
    }
    .content--mood .rte__footer {
        margin-top: -16px;
        padding-top: 90px
    }
    .content--mood .rte__footer ul li {
        width: 35.48387%
    }
}

.cookielayer {
    background-color: #e6e6e6;
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0;
    z-index: 1001;
    z-index: 5
}

.csstransitions .cookielayer {
    -moz-transition: bottom 3.75s ease-out, opacity 3.75s ease-out;
    -o-transition: bottom 3.75s ease-out, opacity 3.75s ease-out;
    -webkit-transition: bottom 3.75s ease-out, opacity 3.75s ease-out;
    transition: bottom 3.75s ease-out, opacity 3.75s ease-out
}

.cookielayer>p {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.125%;
    padding-right: calc(3.125% + 30px);
    font-size: 12px;
    line-height: 16px;
    color: #2d2d2c
}

@media (min-width: 768px) {
    .cookielayer>p {
        width: 93.75%
    }
}

@media (min-width: 1024px) {
    .cookielayer>p {
        width: 93.75%
    }
}

.cookielayer.show {
    opacity: 1;
    bottom: 0
}

.csstransitions .cookielayer.show {
    -moz-transition: bottom 1.5s ease-out, opacity 1.5s ease-out;
    -o-transition: bottom 1.5s ease-out, opacity 1.5s ease-out;
    -webkit-transition: bottom 1.5s ease-out, opacity 1.5s ease-out;
    transition: bottom 1.5s ease-out, opacity 1.5s ease-out
}

.cookielayer .cookielayer__close {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    display: block;
    text-decoration: none;
    outline: none;
    border: 0;
    background-color: transparent
}

.cookielayer .cookielayer__close:before {
    color: #2d2d2c;
    position: absolute;
    top: 13px;
    left: 13px
}

.cookielayer .cookielayer__close span {
    display: inline-block;
    text-indent: -1978em
}

@media (max-width: 767px) {
    .cookielayer>p br {
        display: none
    }
}

@media (min-width: 768px) {
    .cookielayer>p {
        padding-left: 1.38889%;
        padding-right: calc(1.38889% + 30px)
    }
    .cookielayer .cookielayer__close {
        right: calc(50% - 10px);
        margin-right: -45.57292%
    }
}

@media (min-width: 1024px) {
    .cookielayer>p {
        padding-left: 1.04167%;
        padding-right: calc(1.04167% + 30px)
    }
    .cookielayer .cookielayer__close {
        right: calc(50% - 10px);
        margin-right: -45.89844%
    }
}

.gallery__element {
    margin-left: 3.57143%;
    margin-right: 3.57143%;
    position: relative;
    max-width: 84.375vw
}

.gallery__element .linkWrapper {
    background-color: rgba(255, 255, 255, 0.6);
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 0px;
    opacity: 0
}

.gallery__element .linkWrapper .link,
.gallery__element .linkWrapper .rte__content a,
.rte__content .gallery__element .linkWrapper a {
    font-size: 12px
}

.csstransitions .gallery__element .linkWrapper {
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

.slick-current .gallery__element .linkWrapper {
    opacity: 1
}

.gallery__element figcaption {
    font-weight: 700;
    display: block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: -6px;
    opacity: 0;
    width: 84.375vw;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.csstransitions .gallery__element figcaption {
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

.slick-current .gallery__element figcaption {
    opacity: 1
}

.gallery__element img {
    max-height: calc(100vh - 173px);
    width: auto !important;
    max-width: 100%
}

@media (min-width: 768px) {
    .gallery__element {
        margin-left: 1.66667%;
        margin-right: 1.66667%;
        padding-top: 0px
    }
    .gallery__element .linkWrapper {
        bottom: 0px;
        padding: 10px
    }
    .gallery__element .linkWrapper .link,
    .gallery__element .linkWrapper .rte__content a,
    .rte__content .gallery__element .linkWrapper a {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .gallery__element {
        margin-left: 1.25%;
        margin-right: 1.25%;
        max-width: 78.125vw
    }
    .gallery__element figcaption {
        max-width: 100%
    }
}

.gallery__list {
    margin-left: auto;
    margin-right: auto;
    width: 87.5%
}

.gallery__list>li {
    margin-top: 20px
}

.gallery__list>li:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .gallery__list {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 7.8125%;
        padding-right: 7.8125%
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .gallery__list {
        width: 93.75%
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .gallery__list {
        width: 93.75%
    }
}

@media (min-width: 1024px) {
    .gallery__list {
        padding-left: 7.8125%;
        padding-right: 7.8125%
    }
}

.gallery {
    position: relative
}

.js .gallery {
    overflow: hidden
}

.gallery .anchor {
    position: absolute;
    left: -1978em;
    top: -73px
}

@media (min-width: 768px) {
    .gallery .anchor {
        top: -65px
    }
}

@media (min-width: 1024px) {
    .gallery .anchor {
        top: -65px
    }
}

.slider--gallery .slick-list {
    overflow: visible
}

.slider--gallery .slick-slide {
    cursor: pointer;
    border-left:2px solid #fff;
}

.slider--gallery .slick-slide.slick-current {
    cursor: default;
}

.slider--gallery .slider__controls {
    margin-top: 8px;
    margin-bottom: -10px;
    position: relative
}

.gallery__element.media--video iframe {
    background: #fff none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
    padding-top:26px;
}
.contentVideo .gallery__list {
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.contentVideo li > .media--video {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.contentVideoMore .slider {
    padding-bottom: 10px;
}
.contentVideoMore .linkWrapper, .videoGallery .linkWrapper {
    z-index:10;
}
.contentVideoMore .gallery__element.media--video > a {
    text-decoration: none;
}
.contentVideoMore li .media--video {
    display: none;
}
.contentVideoMore li:first-child .media--video {
    display: block;
}
.contentVideoMore .slick-initialized li .media--video {
    display: block;
}
.contentVideoMore .slick-initialized li .media--video {
    margin-left: 50%;
    transform: translate(-50%);
}
.contentVideoMore.touch .media--video img {
    visibility: hidden;
}
.contentVideoMore iframe {
    padding-top:0px !important;
}
.contentVideoMore .loaded .linkWrapper, .videoGallery .loaded .linkWrapper {
    display:none;
}
.contentVideoMore.touch .loaded .linkWrapper, .videoGallery.touch .loaded .linkWrapper {
    display:block;
}

@media (min-width: 768px) {
    .gallery__element.media--video iframe {
        padding-top:45px;
    }
    .contentVideoMore .slick-initialized li .media--video {
        margin-left: 0%;
        transform: inherit;
    }
}


.contentImage .gallery__list {
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.contentImage li > .media--image {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.contentImageMore .slider {
    padding-bottom: 10px;
}
.contentImageMore .linkWrapper {
    z-index:10;
}
.contentImageMore .gallery__element.media--image > a {
    text-decoration: none;
}
.contentImageMore li .media--image {
    display: none;
}
.contentImageMore li:first-child .media--image {
    display: block;
}
.contentImageMore .slick-initialized li .media--image {
    display: block;
}
.contentImageMore .slick-initialized li .media--image {
    margin-left: 50%;
    transform: translate(-50%);
}
.contentImageMore.touch .media--image img {
    visibility: hidden;
}
.contentImageMore iframe {
    padding-top:0px !important;
}
.contentImageMore .loaded .linkWrapper {
    display:none;
}
.contentImageMore.touch .loaded .linkWrapper {
    display:block;
}
.contentImageMore .gallery__element img {
    width: inherit !important;
    max-height: inherit !important;
}


@media (min-width: 768px) {
    .gallery__element.media--image iframe {
        padding-top:45px;
    }
    .contentImageMore .slick-initialized li .media--image {
        margin-left: 0%;
        transform: inherit;
    }
}


.overview__list.ownoverview__list--grid li:nth-child(3n+1) {
    clear: both;
}
.overview__list.ownoverview__list--grid li.overview__list--highlight:nth-child(2n+1) {
    clear: both;
}

.ownoverview__category__infotext {
    line-height: 1.3;
    margin: 20px 0;
}

.ownoverview__category__btn {
    background: #2d2d2d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 110%;
    padding: 4px 4px 2px 4px;
    font-weight:700;
    margin-bottom:20px;
}


.gmapContent__footer {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25px
}

@media (min-width: 768px) {
    .gmapContent__footer {
        width: 93.75%
    }
}

@media (min-width: 1024px) {
    .gmapContent__footer {
        width: 93.75%
    }
}

.gmapContent__footer .rte {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0 !important;
    width: 84.375%
}

@media (min-width: 768px) {
    .gmapContent__footer {
        margin-top: -44px
    }
    .gmapContent__footer .rte {
        width: 83.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
}

@media (min-width: 1024px) {
    .gmapContent__footer .rte {
        width: 83.33333%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
}

.gmapContent {
    position: relative;
    height: 500px;
    margin-left: 3.125%;
    margin-right: 3.125%;
    margin-top: 35px;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .gmapContent:before,
    .gmapContent:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50px;
        z-index: 10;
    }
    .gmapContent:before {
        left: 0;
        top: 70px
    }
    .gmapContent:after {
        right: 0
    }
    .media.media--image.media--image--map{
        padding-bottom: 0;
    }
}

.gmapContent .gm-style {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit
}

@media (min-width: 768px) {
    .gmapContent {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 52px;
        margin-top: 52px;
        height: 400px
    }
}

@media (min-width: 1024px) {
    .gmapContent {
        margin-top: 70px;
        margin-bottom: 70px;
        height: auto;
        padding-top: 39.0625%
    }
    .media--image--map .gmapContent {
        padding-top: 60%;
    }
}

.infoBox {
    min-height: 200px;
    display: block;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.infoBox>img {
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 3;
    width: 35px !important;
    margin: 0 !important
}

.csstransitions .infoBox>img {
    -moz-transition: -moz-transform 0.15s ease-out;
    -o-transition: -o-transform 0.15s ease-out;
    -webkit-transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out
}

.no-touch .infoBox>img:hover {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mapOverlay {
    padding: 23px 35px 23px 30px;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width:220px;
}

.mapOverlay:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid rgba(0, 0, 0, 0.8);
    border-bottom: none;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    z-index: -1
}

.mapOverlay>p {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 14px;
    color: #FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mapOverlay>p.bottom {
    margin-bottom: 15px
}

html.layer-open {
    height: 100% !important;
    overflow: hidden !important
}

html.layer-open body {
    height: 100% !important;
    overflow: hidden !important
}

.EKlayer {
    background-color: #FFF;
    display: block !important;
    padding-bottom: 3.125% !important;
    padding-top: 3.125% !important
}

.EKlayer:before,
.EKlayer:after {
    background-color: #FFF;
    content: "";
    display: block;
    padding-top: 3.125%;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3
}

.EKlayer:before {
    bottom: auto;
    top: 0
}

.EKlayer:after {
    bottom: 0
}

@media (max-width: 767px) {
    .EKlayer {
        -ms-touch-action: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
        overflow: hidden
    }
    .EKlayer>>div {
        position: absolute;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }
    .EKlayer>div {
        height: auto;
        position: absolute;
        top: 0
    }
}

.EKlayer .EKlayerContent {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #2d2d2c;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    min-height: 100vh;
    width: 93.75%
}

.EKlayer .EKlayerContent>div {
    padding-top: 20px;
    padding-bottom: 20px
}

.EKlayer .close {
    color: #FFF;
    height: 35px;
    position: absolute;
    margin-right: 6.25%;
    margin-top: 6.25%;
    width: 40px
}

.EKlayer .close span {
    display: none
}

.EKlayer .close:before,
.EKlayer .close:after {
    background-color: #FFF;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    right: 10px
}

.EKlayer .close:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px
}

.EKlayer .close:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 16px
}

.csstransitions .EKlayer .close:before,
.csstransitions .EKlayer .close:after {
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.no-touch .EKlayer .close:hover:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.no-touch .EKlayer .close:hover:after {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.EKlayer .rte ul li:before {
    background-color: #FFF
}

.EKlayer.fixfixed {
    position: absolute
}

@media (min-width: 768px) {
    .EKlayer .EKlayerContent {
        display: table;
        height: 100vh;
        width: 100%
    }
    .EKlayer .EKlayerContent>div {
        display: table-cell;
        vertical-align: middle
    }
    .EKlayer:before,
    .EKlayer:after {
        padding-top: 4.42708%
    }
    .EKlayer .EKlayerContent {
        width: 91.14583%
    }
    .EKlayer .EKlayerContent>div {
        padding-bottom: 4.42708%;
        padding-top: 4.42708%
    }
}

@media (min-width: 1024px) {
    .EKlayer:before,
    .EKlayer:after {
        padding-top: 4.10156%
    }
    .EKlayer .EKlayerContent {
        width: 91.79688%
    }
    .EKlayer .EKlayerContent>div {
        /**padding-bottom: 4.10156%;
        padding-top: 4.10156%**/
        padding-bottom:10%;
        padding-top:4.10156%;
    }
}

.material__header {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16px
}

@media (min-width: 768px) {
    .material__header {
        width: 93.75%;
        padding-top:0;
    }
}

@media (min-width: 1024px) {
    .material__header {
        width: 93.75%
    }
}

.material__header h1 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 9.375%;
    padding-right: 9.375%
}

@media (min-width: 768px) {
    .material__header {
        padding-bottom: 11px
    }
    .material__header h1 {
        width: 83.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
}

@media (min-width: 1024px) {
    .material__header {
        padding-bottom: 7px
    }
    .material__header h1 {
        width: 83.33333%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
}

.material__image {
    margin-bottom: 35px
}

.material__element__headline {
    font-weight: 700;
    margin-top: -6px;
    margin-bottom: 6px;
    width: 50%
}

@media (min-width: 768px) {
    .material__element__headline {
        margin-left: 30px;
        margin-right: 30px;
        width: auto
    }
}

.material__element {
    color: #2d2d2c;
    display: block;
    position: relative;
    text-decoration: none;
    margin-left: 9.375%;
    margin-right: 9.375%
}

.material__element:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #FFF;
    border-bottom: 0;
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -18px;
    z-index: 1
}

@media (min-width: 768px) {
    .material__element {
        margin-left: 4.16667%;
        margin-right: 4.16667%
    }
    .material__element .link,
    .material__element .rte__content a,
    .rte__content .material__element a {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (min-width: 1024px) {
    .material__element {
        margin-left: 4.16667%;
        margin-right: 4.16667%
    }
}

.material__list {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -30px
}

@media (min-width: 768px) {
    .material__list {
        width: 93.75%
    }
}

@media (min-width: 1024px) {
    .material__list {
        width: 93.75%
    }
}

.material__list>li {
    float: left;
    width: 100%;
    margin-top: 30px
}

.js .material__list .material__content {
    display: none
}

@media (max-width: 767px) {
    .js .material__list {
        width: 87.5%
    }
    .js .material__list .material__element {
        margin-left: 3.57143%;
        margin-right: 3.57143%
    }
}

@media (min-width: 768px) {
    .material__list>li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1024px) {
    .material__list>li {
        float: left;
        width: 25%
    }
}

.js .material__list {
    margin-top: 0
}

.js .material__list>li {
    margin-top: 0
}

.material+.material {
    padding-top: 0 !important
}

.js .material {
    overflow: hidden
}

.material .slider__controls {
    display: block !important;
    margin-left: 3.7037%;
    margin-right: 3.7037%;
    margin-top: 54.81481%;
    position: absolute;
    right: 0;
    top: 27px;
    left: auto;
    width: 50%;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.material .slider__controls .slick-arrow {
    position: absolute;
    top: 0
}

.material .slider__controls .slick-prev {
    left: 0
}

.material .slider__controls .slick-next {
    right: 0
}

.material .slider__controls ul {
    display: none !important
}

.material .slider__controls .slider__pager {
    display: inline-block
}

@media (max-width: 767px) {
    .material .slider__controls {
        width: 42.59259%
    }
    .material .slider__controls .slick-arrow {
        overflow: hidden;
        width: 30px
    }
    .material .slider__controls .slick-next:before {
        left: auto;
        right: 4px
    }
}

@media (min-width: 768px) {
    .material .slider__controls {
        margin-left: 1.38889%;
        margin-right: 1.38889%;
        margin-top: 18.05556%;
        width: 30.55556%
    }
}

@media (min-width: 1024px) {
    .material .slider__controls {
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-top: 13.54167%;
        width: 22.91667%
    }
}

.material .slick-list {
    overflow: visible
}

.material .slick-slide {
    cursor: pointer
}

.material .slick-slide .material__element:before,
.material .slick-slide .material__element__headline,
.material .slick-slide .link,
.material .slick-slide .rte__content a,
.rte__content .material .slick-slide a {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0
}

.csstransitions .material .slick-slide .material__element:before,
.csstransitions .material .slick-slide .material__element__headline,
.csstransitions .material .slick-slide .link,
.csstransitions .material .slick-slide .rte__content a,
.rte__content .csstransitions .material .slick-slide a {
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

.material .slick-slide.slick-current {
    cursor: default
}

.material .slick-slide.slick-current .material__element:before,
.material .slick-slide.slick-current .material__element__headline,
.material .slick-slide.slick-current .link,
.material .slick-slide.slick-current .rte__content a,
.rte__content .material .slick-slide.slick-current a {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1
}

@media (min-width: 1024px) {
    .material .slick-track {
        margin-left: 25%
    }
    .material .slides--1 .slick-track {
        margin-left: 0
    }
    .material .slides--2 .slick-track {
        margin-left: 0
    }
    .material .slides--3 .slick-track {
        margin-left: 0
    }
    .material .slides--4 .slick-track {
        margin-left: 0
    }
}

.media__zoom {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.media__zoom>i {
    background-color: #FFF;
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-indent: -1978em;
    z-index: 2
}

.media__zoom>i:before,
.media__zoom>i:after {
    background-color: #2d2d2c;
    content: "";
    display: block;
    position: absolute
}

.media__zoom>i:before {
    height: 2px;
    width: 12px;
    left: 4px;
    top: 9px
}

.media__zoom>i:after {
    height: 12px;
    width: 2px;
    left: 9px;
    top: 4px
}

.csstransitions .media__zoom>i {
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
}

.csstransitions .media__zoom>i:before,
.csstransitions .media__zoom>i:after {
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
}

.no-touch .media__zoom:hover>i {
    background-color: #2d2d2c
}

.no-touch .media__zoom:hover>i:before,
.no-touch .media__zoom:hover>i:after {
    background-color: #FFF
}

@media (min-width: 768px) {
    .media__zoom {
        display: block
    }
}

.media__noimage__notice {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0
}

.media__noimage__notice:before,
.media__noimage__notice:after {
    width: auto
}

.media__noimage__notice:before {
    left: 0
}

.media__noimage__notice:after {
    right: 0
}

@media (min-width: 768px) {
    .media__noimage__notice {
        font-size: 30px
    }
}

@media (min-width: 1024px) {
    .media__noimage__notice {
        font-size: 36px
    }
}

.media__noimage {
    background-color: #e6e6e6;
    display: block;
    position: relative
}

.media__noimage .media__noimage__square{
    display:block;
    position:relative;
    width:100%;
    padding-top:100%;
}

.media__noimage__center {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.media__thumbnails {
    margin-left: -2.66667%;
    margin-right: -2.66667%
}

.media__thumbnails a {
    display: block;
    position: relative
}

.media__thumbnails a:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFF;
    border-bottom: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    z-index: 1
}

.csstransitions .media__thumbnails a:before {
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

.media__thumbnails a.active:before {
    opacity: 1
}

.media__thumbnails li {
    display: inline;
    float: left;
    padding-top: 16px;
    padding-left: 2.5641%;
    padding-right: 2.5641%;
    width: 33.33333%
}

@media (min-width: 768px) {
    .media__thumbnails {
        margin-left: -2.94118%;
        margin-right: -2.94118%
    }
    .media__thumbnails li {
        padding-left: 2.77778%;
        padding-right: 2.77778%;
        padding-top: 20px
    }
}

@media (min-width: 1024px) {
    .media__thumbnails {
        margin-left: -2.17391%;
        margin-right: -2.17391%
    }
    .media__thumbnails a:before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #FFF;
        border-bottom: 0;
        margin-left: -10px
    }
    .media__thumbnails li {
        padding-left: 2.08333%;
        padding-right: 2.08333%;
        padding-top: 20px
    }
}

.media__element {
    display: block;
    position: relative
}

.media--image img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.EKlayer .media--image img {
    width: auto;
    max-width: 100%;
    max-height: 80vh
}

.media--video .media--video__element {
    padding-top: 56.25%;
    position: relative
}

.media--video .media--video__element:before,
.media--video .media--video__element:after {
    background-color: #FFF;
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 4
}

.media--video .media--video__element:before {
    right: -1px;
    height: 2px
}

.media--video .media--video__element:after {
    width: 2px;
    bottom: -1px
}

.media--video .media--video__element a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.media--video .media--video__element a:before,
.media--video .media--video__element a:after {
    background-color: #FFF;
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 4
}

.media--video .media--video__element a:before {
    height: 2px;
    left: -1px
}

.media--video .media--video__element a:after {
    width: 2px;
    top: -1px
}

.media--video .slick-list .gallery__element:before {
    background-color: #FFF;
    content: "";
    display: block;
    height: 101%;
    position: absolute;
    right: -1px;
    top: -2px;
    width: 3px;
    z-index: 4000;
}
.videoGallery .media--video > div {
    position: relative;
}
.videoGallery .media--video > div:before {
    background-color: #FFF;
    content: "";
    display: block;
    height: 101%;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 4px;
    z-index: 4;
}
.videoGallery .media--video > div:after {
    background-color: #FFF;
    content: "";
    display: block;
    height: 4px;
    left: -3px;
    position: absolute;
    right: -1px;
    top: -2px;
    width: 101%;
    z-index: 5;
}



.media--video .media--video__element .play, .gallery__element.media--video .play {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2
}

.media--video .media--video__element iframe,
.media--video .media--video__element img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.media--video .media--video__element img {
    z-index: 1
}

.media--video .media--video__element .loaded .play,
.media--video .media--video__element .loaded img {
    display: none
}

.media--video .media--video__element iframe {
    background-color: #FFF;
    z-index: 3
}

.material__content b,
.material__content strong,
.rte h2,
.rte h1,
.rte .price,
.businessview__headline,
.EKlayer .content--headline h1,
.EKlayer .content--headline h2,
.EKlayer .content--headline>div,
.material__header h1,
.news__teaser__header h1,
.news__teaser__header h2,
.teaser__headline {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "Didot", "Times New Roman", serif;
    font-style: italic;
    font-size: 31px;
    line-height: 1.16129;
    margin-top: -5px;
    margin-bottom: 12px;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga"
}

@media (min-width: 768px) {
    .material__content b,
    .material__content strong,
    .rte h2,
    .rte h1,
    .rte .price,
    .businessview__headline,
    .EKlayer .content--headline h1,
    .EKlayer .content--headline h2,
    .EKlayer .content--headline>div,
    .material__header h1,
    .news__teaser__header h1,
    .news__teaser__header h2,
    .teaser__headline {
        font-size: 37px;
        margin-top: -6px;
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .material__content b,
    .material__content strong,
    .rte h2,
    .rte h1,
    .rte .price,
    .businessview__headline,
    .EKlayer .content--headline h1,
    .EKlayer .content--headline h2,
    .EKlayer .content--headline>div,
    .material__header h1,
    .news__teaser__header h1,
    .news__teaser__header h2,
    .teaser__headline {
        font-size: 42px;
        margin-top: -7px;
        margin-bottom: 18px
    }
}

.rte ul,
.rte ol {
    padding-left: 20px;
    margin-bottom: 24px
}

.rte ul li {
    padding-left: 13px;
    position: relative
}

.rte ul li:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #2d2d2c;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px
}

.rte ol {
    margin-top: 0;
    padding-left: 33px
}

.news__teaser__header,
.news__teaser__content {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

@media (min-width: 768px) {
    .news__teaser__header,
    .news__teaser__content {
        width: auto
    }
}

.news__teaser__header {
    padding-top: 13px
}

.news__teaser__header time {
    display: block;
    font-weight: 700;
    font-size: 11px;
    margin-bottom: 6px
}

.news__teaser__header h1,
.news__teaser__header h2 {
    margin-top: 0px;
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    .news__teaser__header {
        padding-top: 0
    }
    .news__teaser__header time {
        font-size: 12px
    }
    .news__teaser__header h1,
    .news__teaser__header h2 {
        margin-bottom: -9px !important
    }
}

@media (min-width: 1024px) {
    .news__teaser__header time {
        font-size: 14px
    }
    .news__teaser__header h1,
    .news__teaser__header h2 {
        margin-bottom: -10px !important
    }
}

.news__teaser__content {
    padding-top: 18px;
    padding-bottom: 62px
}

.news__teaser__content p {
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .news__teaser__content {
        padding-top: 30px;
        padding-left: 8.57143%
    }
}

@media (min-width: 1024px) {
    .news__teaser__content {
        padding-left: 10.25641%;
        padding-bottom: 90px
    }
}

.news__teaser {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .news__teaser {
        width: 100%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
    .news__teaser .news__teaser__meta {
        display: table;
        height: 100%;
        width: 100%
    }
    .news__teaser .news__teaser__meta>* {
        display: table-cell;
        vertical-align: bottom
    }
    .news__teaser .news__teaser__image {
        width: 25.71429%
    }
    .news__teaser .news__teaser__header {
        padding-left: 5.71429%
    }
}

@media (min-width: 1024px) {
    .news__teaser {
        width: 83.33333%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .news__teaser .news__teaser__image {
        width: 30.76923%
    }
    .news__teaser .news__teaser__header {
        padding-left: 7.69231%
    }
}

.content+.news__teaser {
    margin-top: 35px
}

@media (min-width: 768px) {
    .content+.news__teaser {
        margin-top: 52px
    }
}

@media (min-width: 1024px) {
    .content+.news__teaser {
        margin-top: 70px
    }
}

.newsletterform form {
    position: relative
}

.newsletterform .loading {
    background-color: rgba(242, 242, 242, 0.5)
}

.newsletterform legend {
    letter-spacing: 0.03em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px
}

.newsletterform .checker.hover span {
    background-color: #666;
    border-color: #666
}

.newsletterform .checker span {
    border: 2px solid #666
}

.newsletterform .checker span.checked {
    background-color: #666
}

.newsletterform .form__error {
    margin-bottom: 10px
}

.newsletterform .form__group {
    margin-bottom: 20px
}

.newsletterform .form__required {
    color: #666;
    margin-top: -20px
}

.newsletterform .form__element--checkbox label {
    color: #666
}

.newsletterform .form__element--checkbox label a {
    color: #666
}

.newsletterform .form__element--checkbox label a:after {
    background-color: #666
}

@media (min-width: 768px) {
    .newsletterform .form__group {
        margin-bottom: 15px
    }
    .newsletterform .form__required {
        margin-top: -15px
    }
}

@media (min-width: 1024px) {
    .newsletterform .form__group--privacy,
    .newsletterform .form__required {
        max-width: 66.66667%
    }
    .newsletterform .form__footer {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.partner__element {
    background-color: #f2f2f2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 166px
}

.partner__element img {
    width: 100%;
    height: auto
}

.csstransitions .partner__element {
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
}

.no-touch .partner__element:hover {
    background-color: #e6e6e6
}

.partner__list {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 206px
}

.partner__list li {
    padding: 15px 20px
}

.partner {
    background-color: #f2f2f2
}

@media (min-width: 768px) {
    .partner__element {
        width: 120px
    }
    .partner__list {
        width: 300px
    }
    .partner__list li {
        display: inline;
        float: left;
        padding: 15px
    }
}

@media (min-width: 1024px) {
    .partner__element {
        width: 166px
    }
    .partner__list {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }
    .partner__list li {
        padding: 15px 20px;
        width: 50%
    }
}

.searchform {
    background-color: #2d2d2c
}

.searchform .form__group {
    margin-bottom: 0;
    padding-right: 40px
}

.searchform legend,
.searchform label,
.searchform button {
    display: none
}

.searchform input {
    background-color: #2d2d2c;
    color: #FFF;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.searchform input::-webkit-input-placeholder,
.searchform input::-webkit-input-placeholder {
    color: #ccc
}

.searchform input:-moz-placeholder,
.searchform input:-moz-placeholder {
    color: #ccc
}

.searchform input::-moz-placeholder,
.searchform input::-moz-placeholder {
    color: #ccc
}

.searchform input:-ms-input-placeholder,
.searchform input:-ms-input-placeholder {
    color: #ccc
}

.social__icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border: 2px solid;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    height: 36px;
    position: relative;
    width: 36px;
    text-align: center;
    text-decoration: none
}

.social__icon:before {
    line-height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.csstransitions .social__icon {
    -moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
    transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out
}

@media (min-width: 768px) {
    .social__icon {
        height: 48px;
        width: 48px
    }
    .social__icon:before {
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .social__icon {
        height: 56px;
        width: 56px
    }
    .social__icon:before {
        line-height: 52px
    }
}

.social__icon--facebook {
    font-size: 15px;
    border-color: #2d2d2c;
    color: #2d2d2c
}

@media (min-width: 768px) {
    .social__icon--facebook {
        font-size: 20px
    }
}

@media (min-width: 1024px) {
    .social__icon--facebook {
        font-size: 24px
    }
}

.social__icon--facebook:before {
    margin-top: 1px
}

.no-touch .social__icon--facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #FFF
}

.social__icon--pinterest {
    font-size: 14px;
    border-color: #2d2d2c;
    color: #2d2d2c
}

@media (min-width: 768px) {
    .social__icon--pinterest {
        font-size: 19px
    }
}

@media (min-width: 1024px) {
    .social__icon--pinterest {
        font-size: 22px
    }
}

.social__icon--pinterest:before {
    margin-top: 0px
}

.no-touch .social__icon--pinterest:hover {
    background-color: #cb2027;
    border-color: #cb2027;
    color: #FFF
}

.social__icon--youtube {
    font-size: 22px;
    border-color: #2d2d2c;
    color: #2d2d2c
}

@media (min-width: 768px) {
    .social__icon--youtube {
        font-size: 29px
    }
}

@media (min-width: 1024px) {
    .social__icon--youtube {
        font-size: 34px
    }
}

.social__icon--youtube:before {
    margin-top: 0px
}

.no-touch .social__icon--youtube:hover {
    background-color: #cc181e;
    border-color: #cc181e;
    color: #FFF
}

.social__icon--instagram {
    font-size: 15px;
    border-color: #2d2d2c;
    color: #2d2d2c
}

@media (min-width: 768px) {
    .social__icon--instagram {
        font-size: 20px
    }
}

@media (min-width: 1024px) {
    .social__icon--instagram {
        font-size: 29px
    }
}

.social__icon--instagram:before {
    margin-top: 0px
}

.no-touch .social__icon--instagram:hover {
    background-color: transparent;
    border-color: transparent;
    color: #FFF
}

.social__icon--twitter {
    font-size: 17px;
    border-color: gray;
    color: gray
}

@media (min-width: 768px) {
    .social__icon--twitter {
        font-size: 22px
    }
}

@media (min-width: 1024px) {
    .social__icon--twitter {
        font-size: 26px
    }
}

.social__icon--twitter:before {
    margin-top: 0px
}

.no-touch .social__icon--twitter:hover {
    background-color: #55acee;
    border-color: #55acee;
    color: #FFF
}

.social__icon--gplus {
    font-size: 15px;
    border-color: gray;
    color: gray
}

@media (min-width: 768px) {
    .social__icon--gplus {
        font-size: 21px
    }
}

@media (min-width: 1024px) {
    .social__icon--gplus {
        font-size: 24px
    }
}

.social__icon--gplus:before {
    margin-top: 1px
}

.no-touch .social__icon--gplus:hover {
    background-color: #db4b39;
    border-color: #db4b39;
    color: #FFF
}

.social__icon--xing {
    font-size: 15px;
    border-color: gray;
    color: gray
}

@media (min-width: 768px) {
    .social__icon--xing {
        font-size: 21px
    }
}

@media (min-width: 1024px) {
    .social__icon--xing {
        font-size: 24px
    }
}

.social__icon--xing:before {
    margin-top: 1px
}

.no-touch .social__icon--xing:hover {
    background-color: #006567;
    border-color: #006567;
    color: #FFF
}

.social__icon--mail {
    font-size: 18px;
    border-color: #2d2d2c;
    color: #2d2d2c
}

@media (min-width: 768px) {
    .social__icon--mail {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .social__icon--mail {
        font-size: 28px
    }
}

.social__icon--mail:before {
    margin-top: 0px
}

.no-touch .social__icon--mail:hover {
    background-color: #2d2d2c;
    border-color: #2d2d2c;
    color: #FFF
}

.social__icon--instagram:after {
    background-repeat: no-repeat;
    background-image: url('../images/icons-s4d576c1712.png');
    background-position: 0 0;
    height: 57px;
    width: 57px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .social__icon--instagram:after {
        background-image: url('../images/retinaicons-scfccb21950.png');
        background-position: 0 0;
        -moz-background-size: 150px auto;
        -o-background-size: 150px auto;
        -webkit-background-size: 150px auto;
        background-size: 150px auto
    }
}

.csstransitions .social__icon--instagram:after {
    -moz-transform: translate(opacity 0.15s ease-out, visibility 0.15s ease-out);
    -ms-transform: translate(opacity 0.15s ease-out, visibility 0.15s ease-out);
    -webkit-transform: translate(opacity 0.15s ease-out, visibility 0.15s ease-out);
    transform: translate(opacity 0.15s ease-out, visibility 0.15s ease-out)
}

.csstransitions .social__icon--instagram {
    -moz-transform: translate(border 0.15s ease-out, padding 0.15s ease-out);
    -ms-transform: translate(border 0.15s ease-out, padding 0.15s ease-out);
    -webkit-transform: translate(border 0.15s ease-out, padding 0.15s ease-out);
    transform: translate(border 0.15s ease-out, padding 0.15s ease-out)
}

.no-touch .social__icon--instagram:hover {
    border: 0;
    padding: 2px
}

.no-touch .social__icon--instagram:hover:after {
    opacity: 1;
    visibility: visible
}

.social__headline {
    font-weight: 700;
    text-align: center;
    margin-bottom: 9px;
    margin-top: -5px
}

@media (min-width: 768px) {
    .social__headline {
        margin-bottom: 25px
    }
}

.social__list {
    line-height: 1
}

.social {
    position: relative;
    text-align: center
}

.social .inner {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 93.75%
}

.social .social__list {
    background-color: #FFF;
    display: inline-block;
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

.social .social__list:before,
.social .social__list:after {
    background-color: #2d2d2c;
    bottom: 19px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 138px
}

.social .social__list:before {
    right: 100%
}

.social .social__list:after {
    left: 100%
}

.social .social__list .social__listelement {
    display: inline-block;
    margin-left: 12px
}

.social .social__list .social__listelement:first-child {
    margin-left: 0
}

@media (min-width: 768px) {
    .social .social__list:before,
    .social .social__list:after {
        bottom: 24px
    }
    .social .social__list .social__listelement {
        margin-left: 22px
    }
}

@media (min-width: 1024px) {
    .social .social__list:before,
    .social .social__list:after {
        bottom: 28px
    }
    .social .social__list .social__listelement {
        margin-left: 32px
    }
}

.socialprofiles__headline {
    letter-spacing: 0.03em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 23px
}

.socialprofiles__list {
    margin-top: -20px;
    margin-bottom: 31px
}

.socialprofiles__list .social__icon {
    height: 56px;
    width: 56px
}

.socialprofiles__list .social__icon:before {
    line-height: 52px
}

.socialprofiles__list .social__icon.social__icon--facebook {
    font-size: 24px
}

.socialprofiles__list .social__icon.social__icon--pinterest {
    font-size: 22px
}

.socialprofiles__list .social__icon.social__icon--linkedin {
    font-size: 22px;
    border-color: #2d2d2c;
    color: #2d2d2c
}

.no-touch .social__icon--linkedin:hover {
    background-color: #0a66c2;
    border-color: #0a66c2;
    color: #FFF;
}

.socialprofiles__list .social__icon.social__icon--youtube {
    font-size: 34px
}

.socialprofiles__list .social__icon.social__icon--instagram {
    font-size: 29px
}

.socialprofiles__list .social__icon.social__icon--twitter {
    font-size: 26px
}

.socialprofiles__list .social__icon.social__icon--gplus {
    font-size: 24px
}

.socialprofiles__list .social__icon.social__icon--xing {
    font-size: 24px
}

.socialprofiles__list .social__icon.social__icon--mail {
    font-size: 28px
}

.socialprofiles__list li {
    display: inline;
    float: left;
    margin-left: 35px;
    margin-top: 20px
}

.socialprofiles__list li:nth-child(3n - 2) {
    clear: left;
    margin-left: 0
}

@media (min-width: 768px) {
    .socialprofiles__headline {
        float: left;
        width: 33.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-bottom: 0;
        margin-top: 16px
    }
    .socialprofiles__list {
        float: left;
        width: 66.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-top: 0
    }
    .socialprofiles__list li {
        margin-left: 24px;
        margin-top: 0
    }
    .socialprofiles__list li:nth-child(3n - 2) {
        clear: none;
        margin-left: 24px
    }
    .socialprofiles__list li:nth-child(4n - 3) {
        clear: left;
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .socialprofiles__headline {
        float: left;
        width: 25%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .socialprofiles__list {
        float: left;
        width: 75%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .socialprofiles__list li {
        margin-left: 35px
    }
    .socialprofiles__list li:nth-child(3n - 2) {
        margin-left: 35px
    }
    .socialprofiles__list li:nth-child(4n - 3) {
        clear: none;
        margin-left: 35px
    }
    .socialprofiles__list li:nth-child(7n - 6) {
        margin-left: 0px
    }
}

.stage__header {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "Didot", "Times New Roman", serif;
    font-style: italic;
    position: relative;
    text-align: center;
    padding-top: 20px;
    max-height: 250px;
    -webkit-transform: translateZ(0)
}

.stage__header h1,
.stage__header h2,
.stage__header .stage__header__div {
    display: inline-block;
    font-size: 22px;
    line-height: 1.27273;
    font-size: 26px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 84.375%
}

.stage__header h1:before,
.stage__header h1:after,
.stage__header h2:before,
.stage__header h2:after,
.stage__header .stage__header__div:before,
.stage__header .stage__header__div:after {
    background-color: #2d2d2c;
    content: "";
    height: 1px;
    position: absolute;
    bottom: 12px;
    width: 27.03704%
}

.stage__header h1:before,
.stage__header h2:before,
.stage__header .stage__header__div:before {
    right: 50%;
    margin-right: 20px
}

.stage__header h1:after,
.stage__header h2:after,
.stage__header .stage__header__div:after {
    left: 50%;
    margin-left: 20px
}

.stage__header h1>span,
.stage__header h2>span,
.stage__header .stage__header__div>span {
    display: block;
    position: relative;
    padding-bottom: 28px;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga"
}

.stage__header h1>span:before,
.stage__header h2>span:before,
.stage__header .stage__header__div>span:before{
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px
}

@media (max-width: 767px) {
    .stage__header h1>span br,
    .stage__header h2>span br,
    .stage__header .stage__header__div>span br {
        display: none
    }
}

@media (min-width: 768px) {
    .stage__header {
        max-height: 500px
    }
    .stage__header h1,
    .stage__header h2,
    .stage__header .stage__header__div {
        width: 66.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        font-size: 26px;
        font-size: 30px
    }
    .stage__header h1:before,
    .stage__header h1:after,
    .stage__header h2:before,
    .stage__header h2:after,
    .stage__header .stage__header__div:before,
    .stage__header .stage__header__div:after {
        bottom: 13px;
        width: 20.83333%
    }
    .stage__header h1:before,
    .stage__header h2:before,
    .stage__header .stage__header__div:before {
        margin-right: 25px
    }
    .stage__header h1:after,
    .stage__header h2:after,
    .stage__header .stage__header__div:after {
        margin-left: 25px
    }
    .stage__header h1>span,
    .stage__header h2>span,
    .stage__header .stage__header__div>span {
        padding-bottom: 30px
    }
    .stage__header h1>span:before,
    .stage__header h2>span:before,
    .stage__header .stage__header__div>span:before {
        font-size: 28px;
        margin-left: -14px
    }
}

@media (min-width: 1024px) {
    .stage__header {
        max-height: 550px
    }
    .stage__header h1,
    .stage__header h2,
    .stage__header .stage__header__div {
        width: 66.66667%;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        font-size: 30px;
        font-size: 36px
    }
    .stage__header h1>span,
    .stage__header h2>span,
    .stage__header .stage__header__div>span {
        padding-bottom: 41px
    }
    .stage__header h1:before,
    .stage__header h1:after,
    .stage__header h2:before,
    .stage__header h2:after,
    .stage__header .stage__header__div:before,
    .stage__header .stage__header__div:after {
        width: 15.625%
    }
}

@media (min-width: 1280px) {
    .stage__header h1,
    .stage__header h2,
    .stage__header .stage__header__div {
        font-size: 34px;
        font-size: 40px
    }
}

@media (min-width: 1440px) {
    .stage__header h1,
    .stage__header h2,
    .stage__header .stage__header__div {
        font-size: 38px;
        font-size: 44px
    }
}

@media (min-width: 1680px) {
    .stage__header h1,
    .stage__header h2,
    .stage__header .stage__header__div {
        font-size: 42px;
        font-size: 48px
    }
}

.stage__content .media--image {
    height: 100%
}

.stage__content .media--image img {
    max-height: 100%;
    max-width: 100%;
    width: auto
}

@media (min-width: 768px) {
    .stage__content .media--image img {
        max-width: 98%
    }
}

.stage__video {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 101%;
    height: calc(100% + 1px);
    overflow: hidden
}

.stage__footer {
    bottom: 0;
    left: 0;
    padding-bottom: 32px;
    position: absolute;
    text-align: center;
    width: 100%
}

.stage__footer .cta {
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    z-index: 5;
    -webkit-transform: translateZ(0)
}

@media (min-width: 768px) {
    .stage__footer {
        padding-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .stage__footer {
        padding-bottom: 50px
    }
}

.stage {
    height: calc(100vh - 73px);
    min-height: 300px;
    position: relative;
    margin-bottom: 35px;
    margin-top: 35px
}

.stage .stage__header {
    display: table;
    height: 37%;
    width: 100%
}

.stage .stage__header>.vcenter {
    display: table-cell;
    vertical-align: bottom
}

.stage .stage__content {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .stage {
        height: calc(100vh - 65px);
        margin-bottom: 52px;
        margin-top: 52px
    }
}

@media (min-width: 1024px) {
    .stage {
        height: calc(100vh - 65px);
        margin-bottom: 70px;
        margin-top: 70px
    }
    .stage .stage__header {
        height: 27.5%
    }
    .stage .stage__content {
        top: 27.5%
    }
}

.slider--stage {
    position: relative;
    margin-bottom: 35px;
    margin-top: 35px
}

.slider--stage .stage {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.slider--stage .stage__footer {
    bottom: 35px
}

.slider--stage .stage__content {
    padding-bottom: 70px
}

.slider--stage .slider__controls {
    position: absolute;
    bottom: 20px;
    bottom: 17px
}

.slider--stage .slider__controls .slider__pager {
    padding: 8px 10px 6px
}

.slider--stage .slider__controls .slick-arrow {
    height: 35px;
    width: 60px
}

.slider--stage .slider__controls .slick-arrow:before {
    left: 3px;
    top: 9px
}

.slider--stage .slider__controls ul {
    height: 35px
}

.slider--stage .slider__controls ul li button {
    height: 35px
}

.slider--stage .slider__controls ul li button:before {
    top: 13px
}

.js .slider--stage>.stage {
    display: none
}

.js .slider--stage>.stage:first-child {
    display: block
}

.slider--stage .stage--full.stage--withfooter {
    padding-bottom: 135px
}

@media (min-width: 768px) {
    .slider--stage {
        margin-bottom: 52px;
        margin-top: 52px
    }
}

@media (min-width: 1024px) {
    .slider--stage {
        margin-bottom: 70px;
        margin-top: 70px
    }
}

.stage--withfooter .stage__content {
    padding-bottom: 70px
}

.stage--withvideo video {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0
}

.stage--inverted {
    color: #FFF
}

.stage--inverted .stage__header h1:before,
.stage--inverted .stage__header h1:after,
.stage--inverted .stage__header h2:before,
.stage--inverted .stage__header h2:after,
.stage--inverted .stage__header .stage__header__div:before,
.stage--inverted .stage__header .stage__header__div:after {
    background-color: #FFF
}

.stage--inverted .cta {
    background-color: rgba(0, 0, 0, 0.2)
}

.stage--full {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0
}

.stage--full .stage__header {
    display: table;
    height: 100%;
    width: 100%
}

.stage--full .stage__header>.vcenter {
    display: table-cell;
    vertical-align: middle
}

.stage--full .stage__header {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
    max-height: 100%
}

.stage--full .stage__header h1,
.stage--full .stage__header h2,
.stage--full .stage__header .stage__header__div {
    font-size: 35px;
    line-height: 1.125
}

.stage--full:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0)
}

.stage--full.stage--withvideo:before {
    z-index: 1
}

.stage--full.stage--withvideo .stage__header {
    z-index: 2
}

.stage--full.stage--withvideo .stage__video {
    z-index: 0
}

.stage--full.stage--darken-10:before {
    background-color: #000;
    opacity: 0.1
}

.stage--full.stage--darken-20:before {
    background-color: #000;
    opacity: 0.2
}

.stage--full.stage--darken-25:before {
    background-color: #000;
    opacity: 0.25
}

.stage--full.stage--darken-30:before {
    background-color: #000;
    opacity: 0.3
}

.stage--full.stage--darken-40:before {
    background-color: #000;
    opacity: 0.4
}

.stage--full.stage--darken-50:before {
    background-color: #000;
    opacity: 0.5
}

.stage--full.stage--darken-60:before {
    background-color: #000;
    opacity: 0.6
}

.stage--full.stage--darken-70:before {
    background-color: #000;
    opacity: 0.7
}

.stage--full.stage--darken-80:before {
    background-color: #000;
    opacity: 0.8
}

.stage--full.stage--lighten-5:before {
    background-color: #FFF;
    opacity: 0.05
}

.stage--full.stage--lighten-10:before {
    background-color: #FFF;
    opacity: 0.1
}

.stage--full.stage--lighten-15:before {
    background-color: #FFF;
    opacity: 0.15
}

.stage--full.stage--lighten-20:before {
    background-color: #FFF;
    opacity: 0.2
}

.stage--full.stage--lighten-30:before {
    background-color: #FFF;
    opacity: 0.3
}

.stage--full.stage--lighten-40:before {
    background-color: #FFF;
    opacity: 0.4
}

.stage--full.stage--lighten-50:before {
    background-color: #FFF;
    opacity: 0.5
}

.stage--full.stage--lighten-60:before {
    background-color: #FFF;
    opacity: 0.6
}

.stage--full.stage--lighten-65:before {
    background-color: #FFF;
    opacity: 0.65
}

.stage--full.stage--withfooter {
    padding-bottom: 100px
}

@media (min-width: 375px) {
    .stage--full .stage__header h1,
    .stage--full .stage__header h2,
    .stage--full .stage__header .stage__header__div {
        font-size: 40px
    }
}

@media (min-width: 768px) {
    .stage--full .stage__header h1,
    .stage--full .stage__header h2,
    .stage--full .stage__header .stage__header__div {
        font-size: 52px
    }
}

@media (min-width: 1024px) {
    .stage--full .stage__header h1,
    .stage--full .stage__header h2,
    .stage--full .stage__header .stage__header__div {
        font-size: 64px
    }
}

@media (min-width: 1280px) {
    .stage--full .stage__header h1,
    .stage--full .stage__header h2,
    .stage--full .stage__header .stage__header__div {
        font-size: 76px
    }
}

@media (min-width: 1440px) {
    .stage--full .stage__header h1,
    .stage--full .stage__header h2,
    .stage--full .stage__header .stage__header__div {
        font-size: 88px
    }
}

@media (min-width: 1680px) {
    .stage--full .stage__header h1,
    .stage--full .stage__header h2,
    .stage--full .stage__header .stage__header__div {
        font-size: 100px
    }
}

.teaser__headline {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-bottom: 9px
}

@media (min-width: 768px) {
    .teaser__headline {
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .teaser__headline {
        margin-bottom: 22px
    }
}

.teaser__button {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .teaser__button {
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .teaser__button {
        margin-bottom: 32px
    }
}

.teaser {
    padding-bottom: 26px;
    position: relative;
    text-align: center
}

.teaser:before {
    font-size: 26px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -13px
}
.teaser--catalogue:before {
    bottom:-6px !important;
    font-size:38px !important;
    margin-left:-19px !important;
}

@media (min-width: 1024px) {
    .teaser {
        padding-bottom: 34px
    }
    .teaser:before {
        font-size: 34px;
        margin-left: -17px
    }
    .teaser--catalogue:before {
        bottom:-8px !important;
        font-size:48px !important;
        margin-left:-25px !important;
    }
}

.teaser__group {
    background-color: #2d2d2c;
    color: #FFF;
    padding-top: 75px;
    padding-bottom: 75px;
    margin-top: 35px
}

.teaser__group .teaser {
    float: left;
    width: 100%;
    padding-left: 3.125%;
    padding-right: 3.125%;
    margin-top: 35px
}

.teaser__group .teaser:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .teaser__group {
        padding-top: 85px;
        padding-bottom: 85px;
        margin-top: 52px
    }
    .teaser__group .teaser {
        float: left;
        width: 33.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .teaser__group {
        padding-top: 95px;
        padding-bottom: 95px;
        margin-top: 45px
    }
    .teaser__group .teaser {
        float: left;
        width: 33.33333%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
}

@media (min-width: 768px) {
    .teaser--1 .teaser {
        position: relative;
        left: 33.33333%
    }
}

@media (min-width: 1024px) {
    .teaser--1 .teaser {
        position: relative;
        left: 33.33333%
    }
}

@media (min-width: 768px) {
    .teaser--2 .teaser {
        position: relative;
        left: 16.66667%
    }
}

@media (min-width: 1024px) {
    .teaser--2 .teaser {
        position: relative;
        left: 16.66667%
    }
}

.toplink__handle {
    color: #2d2d2c;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.16667;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: -1px
}

.toplink__handle span {
    display: block;
    padding-top: 60px;
    position: relative;
    text-align: center
}

.toplink__handle span:before {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 45px;
    position: absolute;
    left: 50%;
    top: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.csstransitions .toplink__handle span:before {
    -moz-transition: top 0.15s ease-out;
    -o-transition: top 0.15s ease-out;
    -webkit-transition: top 0.15s ease-out;
    transition: top 0.15s ease-out
}

.toplink__handle span:after {
    background-color: #2d2d2c;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 0
}

.csstransitions .toplink__handle span:after {
    -moz-transition: width 0.15s ease-out;
    -o-transition: width 0.15s ease-out;
    -webkit-transition: width 0.15s ease-out;
    transition: width 0.15s ease-out
}

.no-touch .toplink__handle:hover span:before {
    top: -5px
}

.no-touch .toplink__handle:hover span:after {
    width: 100%
}

.toplink {
    background-color: #FFF;
    text-align: center;
    position: relative;
    z-index: 1
}

.main a,
.account a,
.footer a,
.languages a {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.main a:after,
.account a:after,
.footer a:after,
.languages a:after,
.footer-distributors-area a:after{
    bottom: 1px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 0
}

.csstransitions .main a:after,
.main .csstransitions a:after,
.csstransitions .account a:after,
.account .csstransitions a:after,
.csstransitions .footer a:after,
.footer .csstransitions a:after,
.csstransitions .languages a:after,
.languages .csstransitions a:after,
.csstransitions .footer-distributors-area a:after {
    -moz-transition: width 0.15s ease-out;
    -o-transition: width 0.15s ease-out;
    -webkit-transition: width 0.15s ease-out;
    transition: width 0.15s ease-out
}

.no-touch .main a:hover:after,
.main .no-touch a:hover:after,
.no-touch .account a:hover:after,
.account .no-touch a:hover:after,
.no-touch .footer a:hover:after,
.footer .no-touch a:hover:after,
.no-touch .languages a:hover:after,
.languages .no-touch a:hover:after,
.no-touch .footer-distributors-area a:hover:after{
    width: 100%
}

.main a.active:after,
.account a.active:after,
.footer a.active:after,
.languages a.active:after,
.footer-distributors-area a.active:after{
    width: 100%
}

.main .main__group>ul>li,
.account>ul>li,
.footer>ul>li {
    display: block
}

@media (min-width: 768px) {
    .main .main__group>ul>li,
    .account>ul>li,
    .footer>ul>li {
        display: inline;
        float: left
    }
}

.main a {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    letter-spacing: 0.015em;
    color: #FFF;
    white-space: nowrap
}

.main a:after {
    background-color: #FFF;
    bottom: 0
}

.main ul {
    padding-bottom: 11px
}

.main ul li {
    padding-top: 11px;
    padding-bottom: 11px
}

.main ul:first-child {
    padding-top: 11px;
    padding-bottom: 0
}
.main ul:first-child li:first-child {
    display: none
}

@media (max-width: 767px) {
    .main {
        -ms-touch-action: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none
    }
    .main>.main__group {
        position: absolute;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }
    .main a {
        font-size: 19px
    }
    .main ul {
        padding-bottom: 7px
    }
    .main ul li {
        padding-top: 7px;
        padding-bottom: 7px
    }
    .main ul:first-child {
        padding-top: 7px;
        padding-bottom: 0
    }
}

@media (max-width: 767px) and (min-height: 540px) {
    .main a {
        font-size: 21px
    }
    .main ul {
        padding-bottom: 10px
    }
    .main ul li {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .main ul:first-child {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width: 767px) and (min-height: 620px) {
    .main a {
        font-size: 21px
    }
    .main ul {
        padding-bottom: 12px
    }
    .main ul li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .main ul:first-child {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .csstransitions .main ul li {
        opacity: 0;
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        transition: all 0.15s ease-out 0.4s
    }
    .csstransitions .main ul li:nth-child(1) {
        transition-delay: 0.4s
    }
    .csstransitions .main ul li:nth-child(2) {
        transition-delay: 0.35s
    }
    .csstransitions .main ul li:nth-child(3) {
        transition-delay: 0.3s
    }
    .csstransitions .main ul li:nth-child(4) {
        transition-delay: 0.25s
    }
    .csstransitions .main ul li:nth-child(5) {
        transition-delay: 0.2s
    }
    .csstransitions .main ul li:nth-child(6) {
        transition-delay: 0.15s
    }
    .csstransitions .main ul+ul li:nth-child(1) {
        transition-delay: 0.1s
    }
    .csstransitions .main ul+ul li:nth-child(2) {
        transition-delay: 0.05s
    }
}

@media (min-width: 768px) {
    .main ul {
        padding-bottom: 0;
        float: right
    }
    .main ul li {
        margin-left: 12px
    }
    .main ul:first-child {
        float: left;
        padding-top: 0
    }
    .main a{font-size: 11px;}
}

@media (min-width: 850px) {
    .main a {
        font-size: 12px
    }
}

@media (min-width: 1250px) {
    .main a {
        font-size: 15px
    }
}

@media (min-width: 1100px) {
    .main ul li {
        margin-left: 27px
    }
}

.account {
    text-align: left
}

.account a {
    color: #2d2d2c;
    font-size: 10px;
    text-transform: uppercase
}

.account a:after {
    background-color: #2d2d2c
}

.account ul {
    display: inline;
    float: right;
    padding-top: 4px;
    padding-bottom: 5px
}

.account ul li {
    display: inline;
    float: left;
    margin-left: 20px
}

@media (min-width: 1024px) {
    .account ul li {
        margin-left: 30px
    }
}

.account--footer{
    display: none
}

.account--footer a, .footer-distributors-area a {
    color: #666;
    font-size: 14px;
    text-transform: none
}

.account--footer a:after, .footer-distributors-area a:after {
    background-color: #666
}

.account--footer ul {
    display: block;
    float: none;
    padding-top: 0;
    padding-bottom: 0
}

.account--footer ul li {
    margin-left: 0;
    padding-right: 3.84615%
}

.account .lswitch .link--icon:before {
    top: 3px;
}

@media(max-width:767px){
   .account .lswitch .link--icon {
       padding-left:12px;
   }   
}

@media (min-width: 768px) {
    .account--footer{
        display: block
    }
    
    .footer-distributors-area{
        display:none;
    }
   
}

@media (min-width: 1024px) {
   
}

.footer .footer__headline {
    letter-spacing: 0.03em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.footer .footer--service{
    margin-top:30px;
}

.footer a {
    color: #666;
    text-decoration: none
}

.footer a:after {
    background-color: #666
}

.footer ul li {
    display: block;
    float: none
}

@media (min-width: 768px) {
    .footer .footer__headline {
        margin-bottom: 18px
    }
}

.languages a {
    color: #666;
    display: inline-block;
    text-decoration: none
}

.languages a[data-copy]:before {
    content: attr(data-copy)
}

.languages a[data-copy] span {
    display: none
}

.languages a:after {
    background-color: #666
}

.languages ul li {
    display: inline;
    float: left;
    padding-left: 8.84615%
}

.languages ul li:first-child {
    padding-left: 0
}

.languages > div.selector select, .languages > div.selector {
    width: 220px !important;
}
.languages div.selector span {
    padding-right: 0px;
    text-align:left;
}
.languages {
    text-align: center;
}


@media (min-width: 768px) {
    .languages ul li {
        padding-left: 30px
    }
    .languages ul li:first-child {
        padding-left: 0
    }
    .languages {
        text-align: right;
    }

}

body {
    padding-top: 73px
}

@media (min-width: 768px) {
    body {
        padding-top: 65px
    }
}

@media (min-width: 1024px) {
    body {
        padding-top: 65px
    }
}

.site__header {
    background-color: #2d2d2c;
    color: #FFF;
    text-align: center;
    height: 73px;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 30
}

.site__header .account {
    background-color: #FFF;
    display: block;
}

.site__header .logo {
    display: inline-block;
    height: 30px;
    position: relative;
    margin-top: 22px;
    margin-bottom: 22px;
    z-index: 2
}

.site__header .logo .logo__handle {
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    height: 30px;
    padding: 5px;
    overflow: hidden
}

.site__header .logo .logo__handle:before {
    background-repeat: no-repeat;
    background-image: url('../images/icons-s4d576c1712.png');
    background-position: 0 -67px;
    height: 20px;
    width: 113px;
    content: "";
    display: block
}

@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .site__header .logo .logo__handle:before {
        background-image: url('../images/retinaicons-scfccb21950.png');
        background-position: 0 -160px;
        -moz-background-size: 150px auto;
        -o-background-size: 150px auto;
        -webkit-background-size: 150px auto;
        background-size: 150px auto
    }
}

@media (max-width: 767px) {
    
    
    .site__header .logo {
        margin-bottom: 21px
    }
    .site__header .logo__scroller {
        height: 73px;
        position: relative;
        -ms-touch-action: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none
    }
    .site__header .logo__scroller>.logo__scroller__inner {
        position: absolute;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }
    .site__header .logo__scroller .searchform__handle {
        right: 0 !important
    }
    
    .site__header .account {
        top:0;        
    }
    
}

.site__header .inner {
    float: left;
    width: 100%;
    padding-left: 3.125%;
    padding-right: 3.125%;
    float: none !important;
    position: relative
}

.site__header .main__handle {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    outline: none;
    top: 20px;
    left: 3.33333%;
    width: 40px;
    z-index: 2
}

.site__header .main__handle:before,
.site__header .main__handle:after {
    background-color: #FFF;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    right: 10px
}

.site__header .main__handle:before {
    top: 10px
}

.site__header .main__handle:after {
    bottom: 10px
}

.site__header .main__handle span {
    background-color: #FFF;
    display: block;
    height: 3px;
    text-indent: -1978em
}

.csstransitions .site__header .main__handle:before,
.csstransitions .site__header .main__handle:after {
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.csstransitions .site__header .main__handle span {
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
}

@media (min-width: 768px) {
    .site__header .main__handle {
        display: none
    }
}

.site__header .main__toggle {
    position: absolute;
    left: -1978em
}

.site__header .main__toggle:checked ~ .main__handle:before {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 16px
}

.site__header .main__toggle:checked ~ .main__handle:after {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 16px
}

.site__header .main__toggle:checked ~ .main__handle span {
    background-color: transparent
}

.site__header .main__toggle:checked ~ .main__handle ~ .main {
    height: calc(100% - 73px)
}

.csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main {
    -moz-transition: height 0.35s ease-in;
    -o-transition: height 0.35s ease-in;
    -webkit-transition: height 0.35s ease-in;
    transition: height 0.35s ease-in
}

@media (max-width: 767px) {
    .site__header .main__toggle:checked ~ .main__handle ~ .main ul li {
        opacity: 1;
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        transition: all 0.25s ease-out 0.15s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul li:nth-child(1) {
        transition-delay: 0.15s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul li:nth-child(2) {
        transition-delay: 0.2s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul li:nth-child(3) {
        transition-delay: 0.25s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul li:nth-child(4) {
        transition-delay: 0.3s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul li:nth-child(5) {
        transition-delay: 0.35s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul li:nth-child(6) {
        transition-delay: 0.4s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul+ul li:nth-child(1) {
        transition-delay: 0.45s
    }
    .csstransitions .site__header .main__toggle:checked ~ .main__handle ~ .main ul+ul li:nth-child(2) {
        transition-delay: 0.5s
    }
}

.site__header .main {
    background-color: #2d2d2c;
    display: block;
    top: 96px;
    height: 0;
    left: 0;
    right: 0;
    position: fixed;
    overflow: hidden
}

.csstransitions .site__header .main {
    -moz-transition: height 0.35s ease-out 0.1s;
    -o-transition: height 0.35s ease-out 0.1s;
    -webkit-transition: height 0.35s ease-out;
    -webkit-transition-delay: 0.1s;
    transition: height 0.35s ease-out 0.1s
}

.site__header .searchform__handle {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #2d2d2c;
    cursor: pointer;
    height: 35px;
    position: absolute;
    margin-bottom: 0;
    top: 18px;
    right: 3.33333%;
    width: 40px;
    z-index: 3
}

.site__header .searchform__handle:before {
    position: absolute;
    top: 13px;
    left: 17px
}

.site__header .searchform__handle span {
    background-color: #FFF;
    display: block;
    text-indent: -1978em;
    position: absolute;
    height: 2px;
    left: 17px;
    width: 0;
    bottom: 3px
}

.csstransitions .site__header .searchform__handle span {
    -moz-transition: width 0.15s ease-out;
    -o-transition: width 0.15s ease-out;
    -webkit-transition: width 0.15s ease-out;
    transition: width 0.15s ease-out
}

.no-touch .site__header .searchform__handle:hover span {
    width: 15px
}

.site__header .searchform__handle.active span {
    width: 15px
}

.site__header .searchform__toggle {
    position: absolute;
    left: -1978em
}

.site__header .searchform__toggle:checked ~ .searchform__handle ~ .searchform {
    left: 3.33333%
}

.iOS .site__header .searchform__toggle:checked ~ .searchform__handle ~ .searchform {
    left: 100% !important
}

.site__header .searchform {
    background-color: #2d2d2c;
    left: 100%;
    right: 3.33333%;
    position: absolute;
    overflow: hidden;
    top: 16px;
    z-index: 2
}

.csstransitions .site__header .searchform {
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    -webkit-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out
}

@media (min-width: 768px) {
    .site__header {
        height: 98px;
        border-top: 33px solid #FFF
    }
    .csstransitions .site__header {
        -moz-transition: margin-top 0.15s ease-out;
        -o-transition: margin-top 0.15s ease-out;
        -webkit-transition: margin-top 0.15s ease-out;
        transition: margin-top 0.15s ease-out
    }
    .csstransitions.csstransforms .site__header {
        -moz-transition: -moz-transform 0.15s ease-out;
        -o-transition: -o-transform 0.15s ease-out;
        -webkit-transition: -webkit-transform 0.15s ease-out;
        transition: transform 0.15s ease-out
    }
    .site__header.site__header--sticky {
        margin-top: -33px
    }
    .csstransforms .site__header.site__header--sticky {
        margin-top: 0;
        -moz-transform: translateY(-33px);
        -ms-transform: translateY(-33px);
        -webkit-transform: translateY(-33px);
        transform: translateY(-33px)
    }
    .site__header .inner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.30208%;
        padding-right: 1.30208%
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .site__header .inner {
        width: 93.75%
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .site__header .inner {
        width: 93.75%
    }
}

@media (min-width: 768px) {
    .touch .site__header .inner {
        -webkit-transform: translate3d(0, 0, 0)
    }
    .site__header .logo {
        display: inline;
        float: left;
        margin-top: 17px;
        margin-bottom: 18px
    }
    .site__header .main {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        height: auto;
        top: 11px;
        padding-left: 5px;
        padding-right: 30px
    }
    .csstransforms .site__header .main {
        top: 11px;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .site__header .account {
        display: block;
        position: absolute;
        top: -33px;
        left: 0;
        right: 0;
        padding-left: 1.30208%;
        padding-right: 1.30208%
    }
    .site__header .account ul {
        padding-right: 30px
    }
    .site__header .searchform {
        right: 1.42857%;
        top: 10px
    }
    .site__header .searchform__handle {
        right: 0;
        top: 14px
    }
    .site__header .searchform__toggle:checked ~ .searchform__handle ~ .searchform {
        left: 1.42857%
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .site__header {
        height: 65px;
        border-top: 0px solid #FFF;
    }
    /*.site__header .account{top:0 !important;}*/
    .site__header--sticky .account{top: -33px !important;}
    .main ul li {margin-left: 7px !important;}
    .main a {font-size: 10px !important;}
}

@media (min-width: 1024px) {
    .site__header {
        height: 98px
    }
    .site__header .inner {
        padding-left: 0.97656%;
        padding-right: 0.97656%
    }
    .site__header .main {
        padding-left: 10px;
        padding-right: 40px;
        top: 10px
    }
    .site__header .account {
        padding-left: 0.97656%;
        padding-right: 0.97656%
    }
    .site__header .account ul {
        padding-right: 40px
    }
    .site__header .searchform__handle span {
        bottom: 1px
    }
    .site__header .searchform__toggle:checked ~ .searchform__handle ~ .searchform {
        left: 1.06383%
    }
}

.site__main {
    position: relative;
    z-index: 1
}

.site__main .loadmore__wrapper {
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 84.375%
}

.site__main>*:first-child {
    margin-top: 35px
}

.site__main>*:first-child.slider .stage.stage--h--small{
    max-height:373px;
    height:373px;
}

.stage--h--small .stage__header h1, .stage--h--small .stage__header h2, .stage--h--small .stage__header .stage__header__div{
    font-size:40px;
}


.slider--stage .stage--h--small .stage__footer{
/*    bottom: 10px;
    padding-bottom: 20px;*/
}

.slider--stage .stage-h-small .slider__controls{
    
}

@media(min-width:1200px){
    .site__main>*:first-child.slider .stage.stage--h--small{
       max-height:400px;
       height:400px;
   }   
}

.slider--stage.nav-small .slider__controls{
    display:flex;
    bottom:5px;
}

.slider--stage.nav-small .slick-dots{
    display:none !important;
}

.slider--stage.nav-small .slider__pager{
    display:block;
}


.site__main>*:first-child.stage,
.site__main>*:first-child.slider,
.site__main>*:first-child.overview {
    margin-top: 0
}

@media (min-width: 768px) {
    .site__main .loadmore__wrapper {
        margin-bottom: 52px;
        text-align: center;
        width: 100%
    }
    .site__main>*:first-child {
        margin-top: 85px
    }
    .site__main>*:first-child.stage {
        height: calc(100vh - 98px);
        max-height: calc(100vh - 98px);
        margin-top: 33px
    }
/*    .brand .site__main>*:first-child.stage {
        margin-top: 0;
        height: calc(100vh - 65px);
        max-height: calc(100vh - 65px)
    }*/
    .iOS .site__main>*:first-child.stage {
        margin-top: 8px
    }
    /*
    .iOS .brand .site__main>*:first-child.stage {
        margin-top: 0
    }*/
    .site__main>*:first-child.slider {
        margin-top: 33px
    }
    .site__main>*:first-child.slider .stage {
        height: calc(100vh - 98px);
        max-height: calc(100vh - 98px)
    }
    /*
    .brand .site__main>*:first-child.slider {
        margin-top: 0
    }
    .brand .site__main>*:first-child.slider .stage {
        height: calc(100vh - 65px);
        max-height: calc(100vh - 65px)
    }*/
    .iOS .site__main>*:first-child.slider {
        margin-top: 8px
    }
    /*
    .iOS .brand .site__main>*:first-child.slider {
        margin-top: 0
    }*/
    .site__main>*:first-child.overview {
        margin-top: 33px
    }/*
    .brand .site__main>*:first-child.overview {
        margin-top: 0
    }*/
    .site__main>*:first-child.content--headline {
        padding-top: 52px
    }
}

@media (min-width: 1024px) {
    .site__main .loadmore__wrapper {
        margin-bottom: 70px
    }
    .site__main>*:first-child {
        margin-top: 103px
    }

    .site__main .content--headline:first-of-type {
        padding-top: 70px
    }
}

.site__footer {
    background-color: #f2f2f2;
    clear: both;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 9.375%;
    padding-right: 9.375%;
    position: relative;
    z-index: 1
}

.site__footer .socialprofiles {
    padding-top: 25px;
    position: relative;
    top: -6px
}

.site__footer .hr {
    margin-bottom: 31px
}

.site__footer .footer {
    display: inline;
    float: left;
    width: 50%;
    padding-right: 3.84615%;
    padding-bottom: 5px;
    position: relative;
    top: -6px
}

.site__footer .footer ~ .footer {
    padding-left: 3.84615%;
    padding-right: 0
}

.site__footer .newsletterform {
    clear: both;
    padding-top: 25px;
    padding-bottom: 31px
}

.site__footer .account--footer {
    padding-bottom: 25px
}

.site__footer .account--footer>ul {
    margin-top: -6px;
    margin-bottom: -6px
}

.site__footer .languages {
    padding-top: 25px;
    padding-bottom: 25px
}

.site__footer .languages>ul {
    margin-top: -6px;
    margin-bottom: -6px
}

@media (min-width: 768px) {
    .site__footer {
        padding-left: 0;
        padding-right: 0
    }
    .site__footer .inner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto
    }

}

@media (min-width: 768px) and (min-width: 768px) {
    .site__footer .inner {
        width: 93.75%
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .site__footer .inner {
        width: 93.75%
    }
}

@media (min-width: 768px) {
    .site__footer .socialprofiles {
        margin-top: -6px;
        top: auto
    }
    .site__footer .hr {
        margin-left: 1.38889%;
        margin-right: 1.38889%;
        width: auto
    }
    .site__footer .footer {
        float: left;
        width: 25%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        padding-bottom: 31px
    }
    .site__footer .footer ~ .footer {
        float: left;
        width: 25%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
    .site__footer .newsletterform {
        float: left;
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        clear: none;
        padding-top: 0;
        margin-top: -6px
    }
    .site__footer .account--footer {
        float: left;
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }
    .site__footer .languages {
        float: left;
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .site__footer .hr {
        margin-left: 1.04167%;
        margin-right: 1.04167%
    }
    .site__footer .footer {
        float: left;
        width: 25%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .site__footer .footer ~ .footer {
        float: left;
        width: 25%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .site__footer .newsletterform {
        float: left;
        width: 50%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .site__footer .account--footer {
        float: left;
        width: 50%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .site__footer .languages {
        float: left;
        width: 50%;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
}


.footer.footer--breadcrumb ol {
    display: inline;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer.footer--breadcrumb ol > li, .footer.footer--breadcrumb ol > li > div {
    display: inline-block;
}
.footer.footer--breadcrumb {
    padding-bottom: 20px;
    padding-top: 0;
    width: 100%;
}
.footer.footer--breadcrumb .breadcrumb-items li {
    padding-right:10px;
    padding-left: 0px;
}
.footer.footer--breadcrumb .breadcrumb-items > div {
    display: inline;
    padding-right:10px;
}
.footer.footer--breadcrumb .breadcrumb-items li:not(:first-child):before, .currentBreadCrumbItem:before {
    content: ">";
    padding-right: 10px;
    padding-left: 0px;
}
.footer.footer--breadcrumb .breadcrumb-items li:last-child, .footer.footer--breadcrumb .breadcrumb-items li:last-child:before {
    display: none;
}
.page_1 + .site__footer .currentBreadCrumbItem:before{
    content: "";
    padding: 0;
}
.footer.footer--breadcrumb .breadcrumb-items span {
    white-space: nowrap;
}
.footer.footer--breadcrumb ol > li > div {
    font-weight: bold;
}
.footer.footer--breadcrumb > div > strong, .footer.footer--storeselection > div > strong {
    text-transform: uppercase;
}

.footer.footer--storeselection
{
    width:100% !important;
    padding-bottom: 20px;
    padding-top: 0;
    padding-right: 0;
}

.footer.footer--storeinfo
{
    width:100% !important;
    padding-bottom: 20px;
    padding-top: 0;
    padding-right: 0;
}

.footer.footer--storeselection .row
{
    width:100%;
}

.footer.footer--storeselection .col-md-2
{
    float: left;
    width: 16.66%;
}

.footer-distributors-area{
    text-align:center;
}

.footer-distributors-area a{
    display:inline-block;
    position:relative;
}


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: 100%;
    font-weight: 400;
    margin: 0
}

b,
strong {
    font-weight: 700
}

a:focus {
    outline: none !important
}

html {
    background-color: #2d2d2c
}

body {
    background-color: #FFF;
    color: #2d2d2c;
    font-family: "Team7DIN", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.71429
}

figure {
    margin: 0
}

.nowrap {
    white-space: nowrap
}



.content--sitemap .ce-menu-2 > li > ul > li {
    margin-top: 40px;
}
.content--sitemap .ce-menu-2 > li > ul > li {
    float: left;
}
.content--sitemap .ce-menu-2 > li > ul > li:nth-child(n+8) {
    display:none;
}

.spamfields {
    height: 0 !important;
    margin-left: -9999px !important;
}


.lgsocial_iconcontainer {
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 289px;
    z-index: 20;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end;
    height:245px;
}

.lgsocial_iconwrap{
    overflow: hidden;
    position:relative;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    margin-bottom: 3px;
    max-width: 45px;
    height: 45px;
    clear: both;
    float: right;
}



.lgsocial_iconwrap.hovered {
    margin-right: 0;
    max-width:100% !important;
    padding-right:15px;
}

.lgsocial_iconcontainer a {
    clear: both;
    display: block;
    color: #fff;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.lgsocial_icon i {
    float: left;
    line-height: 45px;
    width: 45px;
    font-family: "team7";
    font-style:inherit;
    font-size:25px;
    text-align: center;
}

.lgsocial_text {
    padding-left: 5px;
    line-height:46px; /*1px more because of font-bug*/
    width:100%;
}

.lgsocial_iconwrap.dealers .lgsocial_icon i {  }
.lgsocial_iconwrap.catalog .lgsocial_icon i { }
.lgsocial_iconwrap.newsletter .lgsocial_icon i { font-size:22px; }
.lgsocial_iconwrap.contact .lgsocial_icon i { font-size:22px; font-family: "team7additionals";}
.lgsocial_iconwrap.appointment .lgsocial_icon i { font-size:32px; font-family: "team7additionals";}

.lgsocial_iconwrap.dealers .lgsocial_text { padding-left:0px; }
.lgsocial_iconwrap.catalog .lgsocial_text { padding-left:4px; }
.lgsocial_iconwrap.newsletter .lgsocial_text { padding-left:3px; }
.lgsocial_iconwrap.contact .lgsocial_text { padding-left:3px; }



@media (max-width: 1025px) {
    .footer.footer--storeselection .col-md-2
    {
        float: none;
        width: 100%;
    }

/*    .footer.footer--storeselection
    {
         padding-left: 0 !important;
    }*/
}
@media (min-width: 1200px) {
    .lgsocial_iconcontainer{
        height:265px;
    }
    
    .lgsocial_iconwrap{
        max-width: 50px;
        height: 50px;
    }
    .lgsocial_iconcontainer a {
        height: 50px;
        line-height: 50px;
    }

    .lgsocial_icon i {
        line-height: 50px;
        width: 50px;
        font-size: 30px;
    }

    .lgsocial_iconwrap.dealers .lgsocial_icon i {  }
    .lgsocial_iconwrap.catalog .lgsocial_icon i { }
    .lgsocial_iconwrap.newsletter .lgsocial_icon i { font-size:25px; }
    .lgsocial_iconwrap.contact .lgsocial_icon i { font-size:25px;}

    .lgsocial_iconwrap.dealers .lgsocial_text { padding-left:0px; }
    .lgsocial_iconwrap.catalog .lgsocial_text { padding-left:4px; }
    .lgsocial_iconwrap.newsletter .lgsocial_text { padding-left:1px; }
    .lgsocial_iconwrap.contact .lgsocial_text { padding-left:1px; }

    .lgsocial_text {
        line-height:50px;
    }


}


.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.contentVideoMore .linkWrapper
{
    bottom: -42px !important;
    background: none !important;
}

.contentVideoSingle .linkWrapper
{
    bottom: -42px !important;
    background: none !important;
}

.videoGallery .linkWrapper
{
    bottom: -42px !important;
    background: none !important;
}

.videogallery_iframe
{
    padding-top: 0px !important;
}

.embed-container iframe {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.g-recaptcha .counter {
    display:none;
}

.form__element.f3-form-error-action {
    display: inline-block;
}
.form__element.f3-form-error-action .g-recaptcha {
    background-color: #ff4040;
    border-left: 2px solid #ff4040;
    border-top: 2px solid #ff4040;
}

.form_description
{
    margin-bottom: 54px;
}

.form_description a, .form_description p
{
   color: #2d2d2c !important;
}

.contentform
{
    width: 100%;
}

.contentform .rte {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom:0;
}

.contentform p
{
    margin: 0;
}

.configuratorlink:after
{
    background: none !important;
}
.configuratorlink
{
    margin-left: 30px;
}

.store_header_text{
    color:#000;
    text-align:right;
    padding-top:8px;
    font-size:.9em;
}
.store_header_text a, .store_header_text p{
    font-size:12px;
    text-transform:none;
}

@media (min-width: 1025px) {

    .slider--stage{
        margin-bottom:45px !important;
    }

    .gmapContent{
        margin-top:45px !important;
        margin-bottom:45px !important;
    }

    section.content .rte,section.gallery, section.overview__category{
        padding-top:45px !important;
        padding-bottom:45px !important;
    }

    section.gallery .rte{
        padding-top:0;
    }

}

.slider.slider--gallery{
    width: calc(100% - 1px);
}

@media (min-width: 1700px) and (max-width: 1800px) {
    .slider.slider--gallery{
        width: calc(100% - 2px);
    }
}


.teaser__group.teaser--3:nth-child(2){
    display:none;
}

.EKlayerContent .nosale{display: none;}

.brand .site__header .footer--storeselection{
    display:none;
}

.brand .storeselection-middle{
    float:left;
    color:#2d2d2c;
    margin-top:9px;
    font-weight:bold;
}

.brand .store_header_text .storeselection-middle{
    margin-top:0;
}

.brand .store_header_text>p{
    width:auto;
    float:right;
}

.brand .storeselection-mobile{
    position: absolute;
    bottom: 0;
    background: #ddd;
    width: 100%;
    color: #2d2d2c;
    font-weight: bold;
    padding: 4px;
    transform: translateY(100%);
    display:block;
    text-decoration:none;
}

.brand .site__header.site__header--sticky .storeselection-mobile{
    display:none;
}

@media (min-width: 1026px){

    .brand .site__header .footer--storeselection{
        display:inherit;
        text-align:left;
        color: #666;
        overflow:hidden;
        position:absolute;

        top: 65px;
        background: #fff;
        padding:10px;
        padding-left: calc(3.125% + 0.97656%);
        padding-right: calc(3.125% + 0.97656%);
        border-bottom:1px solid #ddd;
        -moz-transition: -moz-transform 0.15s ease-out;
        -o-transition: -o-transform 0.15s ease-out;
        -webkit-transition: -webkit-transform 0.15s ease-out;
        transition: transform 0.15s ease-out;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }

    .brand.overviewHasNavigation .site__header .footer--storeselection{
        top:131px;
    }

    .brand .site__footer .footer--storeselection, .brand .site__footer #storeselection-hr{
        display:none;
    }


    .brand .site__header {
        height: calc(98px + 116px);
    }

    .brand.overviewHasNavigation .site__header{
        height:98px;
    }

    .brand .site__header.site__header--sticky .footer--storeselection{
        height:0px;
        padding:0;
        overflow:hidden;
        display:none;
    }

    .brand .site__header.site__header--sticky{
        height:98px;
    }

    .brand .storeselection-middle, .brand .storeselection-mobile{
        display:none !important;
    }

    .brand .site__main{
        margin-top:150px;
    }

    .brand.overviewHasNavigation .site__main{
        margin-top:200px;
    }


}

@media (min-width: 768px) {
    .brand .storeselection-mobile{
        display:none !important;
    }
}

@media (min-width: 1024px){

}

@media (max-width: 767px){
    .brand .overview__nav {
        top: 105px;
    }

    .brand.mainmenu-sticky .overview__nav{
        top:73px;
    }
}

#recaptcha .counter{display: none;}



@media screen and (max-width: 990px) {
  
    .content--media-left .cta.cmydealer,.content--media-right .cta.cmydealer {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 991px) {
.countrycol{width:100% !important;margin-bottom: 20px !important;}
#languageoverlay{position: absolute !important;}
}

@media screen and (min-width: 991px) {    
    .rwdoverlay{display: none !important;}
}



.content--info-alert{
    background-color:#6B8092;
    padding:15px;
    color:#fff;
}
.content--info-alert p, .content--info-alert a{
    color:#fff !important;
}

.content--info-alert a::after{
    background-color:#fff;
}


.mapOverlay .icon-knz{
    margin-bottom:15px;
}

.mapOverlay.mapOverlay-A, .mapOverlay.mapOverlay-B{
}


.mapOverlay.mapOverlay-C, .mapOverlay.mapOverlay-G{
    background-color:#fff;
}


.mapOverlay.mapOverlay-C a:after, .mapOverlay.mapOverlay-G a:after{
    background-color:#2d2d2c;
}

.mapOverlay.mapOverlay-C>p, .mapOverlay.mapOverlay-C a, .mapOverlay.mapOverlay-G>p, .mapOverlay.mapOverlay-G a{
    color:#2d2d2c;
}

.distributors .slider.slider--gallery{
    overflow:hidden;
}

.distributors .rte ul li:before{
    content:none;
    display:none;
    height:auto;
    position:inherit;
    top:inherit;
    width:auto;
}

.distributors .rte ul li{
    padding:0;
}

.distributors .rte .slider__controls ul{
    padding-left:35px;
    padding-right:35px;
    margin-bottom:initial;
}

.distributors .slick-slide{
    height:auto;
}

.distributors .slick-list{
    padding:0 !important
}

.distributors .gallery__list{
    padding-left:0;
}

.content--distributor .gallery__list .media--image img{
    width:100%;
    max-width:100%;
}

.content--distributor .gallery__list .gallery__element{
    padding:0;
    margin:0;
    width:100% !important;
    max-width:100%;
}

.content--distributor .media--image{
    padding-bottom:24px;
}

.content--distributor .media--image.gallery__element, .content--distributor .media--image.gallery--container--distributor{
    padding-bottom:0;
}

.content--distributor .gallery__list .gallery__element{
    left:0;
}

.distributors{
    display: flex;
    flex-wrap: wrap;
}
.distributor-category{
    font-family:"Didot", "Times New Roman", serif;
    font-size:24px;
    font-style: italic;
}
.distributor-icon{
    height:40px;
    width:auto;
    margin-top:50px;
}

.openingHours{
    position:relative;
}

.openingHours .icon-clock{
    width:15px;
    margin-top:-5px;
    margin-right:7px;
}

.openingHours .currentStatus{
    cursor:pointer;
}

.openingHours .detail-toggle{
    width: 10px;
    margin-top: -2px;
}

.openingHours.open .detail-toggle{
    transform:rotate(180deg);
}

.openingHours ul{
    list-style:none;
    padding:20px;
    position:absolute;
    top:32px;
    display:none;
    z-index:100;
}

.openingHours .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    cursor:pointer;
}

.openingHours.open ul{
    display:block;
    background:#2d2d2c;
    color:#fff;
}

.openingHours ul li.current{
    font-weight:bold;
}

.openingHours.is_open{
    color:#077907;
}
.openingHours.is_closed{
    color:#aa0d0d;
}

.currentStatusText{
    user-select: none;
}

div.checker, div.checker span, div.checker input{
    width:10px;
    height:10px;
}

.form--distributors{
    padding-top: 50px;
    padding-bottom: 20px;
}

.form--distributors .form__group{
    margin-bottom:15px;
}

.form--distributors .form__group:last-of-type{
    margin-bottom:0;
}

.form--distributors .form__headline{
    margin-bottom:20px;
    margin-top:0;
}

.form--distributors .form__element.form--valid:before, .form--distributors .form__element.form--invalid:before{
    content:'' !important;
}

.form--distributors .form__element--checkbox{
    display:inline-block;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-right:20px;
}

/*@media (min-width: 768px) {
    .filter-toggle-btn{
        display:none;
    }
}*/


@media (max-width: 767px) {
    .distributors>.content--distributor{
        display:flex;
        flex-direction:column;
    }
    .distributors>.content--distributor>.media{
        order:2;
        padding-top:10px;
    }
    .distributors>.content--distributor>div.rte{
        order:1;
        padding-bottom:10px;
    }

/*    .filter-toggle-btn{
        padding: 8px;
        color: #fff;
        background: #2d2d2c;
    }

    .filter-toggle-btn svg{
        width:20px;
    }

    .filter-toggle-element:not(.show){
        display:none;
    }*/

}

.mapOverlay > p{
    white-space:initial;
    overflow:initial;
    text-overflow:initial;
    line-height:100%;
    margin-bottom:10px;
}


.page_2133 .overview__category__headline{display: none;}

.tx-felogin-pi1 {
    width: 93.75%;
    margin: 0 auto;
    padding: 0 1.04167%;
}

.tx-felogin-pi1 .cta{margin:20px 0;}
.tx-felogin-pi1 legend, .tx-felogin-pi1 h3{display: none;}
.tx-felogin-pi1 fieldset>div label{display: none;}
.tx-felogin-pi1 fieldset input{margin-bottom: 12px;}

       
.action_btns{
    position: absolute;
    right: 8px;
    top: 0;
    height:100%;
    vertical-align:middle;
    display:flex;
}
.action_btns button{
    display:inline-block;
}

.action_btn, .action_btn:focus, .action_btn:active{
    border:none;
    outline:none;
    background:none;
    padding:0;
    margin:0;
    cursor:pointer;
    line-height:100%;
}

.action_btn.current-location-btn{

}

.action_btn.current-location-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
}

.action_btn.current-location-btn svg{
    width: 15px;
    overflow:initial;
}

.action_btn.clear-input-btn{
    display:none;
}

.action_btns .action_btn:last-of-type{
    margin-left:10px;
}

.action_btn.clear-input-btn svg{
    width: 13px;
    overflow:initial;
}

#distributors_location{
    padding-right:25px;
}

.form__distributor_search{
    position: relative
}

.form__distributor_search:focus-within  .clear-input-btn, .form__distributor_search.focus-within  .clear-input-btn{
    display:block;
}

.form__distributor_search:focus-within #distributors_location, .form__distributor_search.focus-within #distributors_location{
    padding-right:50px;
}

.form--distributors.current-location-selected .cta--search::before{
    animation:blink linear .5s;
}

@keyframes blink{
    0%{transform:scale(1)}
    50%{transform:scale(1.5)}
    100%{transform:scale(1)}
}

.current-location-btn.fetching svg{
    animation:blink 1s linear infinite;
    transform-origin:center;
}
            

.gallery--container--distributor .slider--gallery .slider__controls{
    margin-bottom:0;
}

@media(min-width:1200px) and (max-width:1620px){
    .gallery--container--distributor .slick-dots{
        display:none !important;
    }
    
    .gallery--container--distributor .slider__pager{
        display:inline-block !important;
    }
}

.slick-initialized{}


.gallery--container--distributor > ul{
    list-style:none;
}

.gallery--container--distributor > ul > li{
    display:none;
}

.gallery--container--distributor > ul > li:first-of-type{
    display:inherit;
}
@media(max-width:1199px){
    .distributor-icon{
       margin-top:20px;
    }   
}

@media(max-width:1023px){
    .distributor-icon{
       margin-top:0px;
    }   
}

li.page2149 {
    margin-right: 48px !important;
}

.infoBox.infoBoxSm{
    min-height: 42px;
    color:#fff;
    text-align:center;
}
.infoBox.infoBoxSm .mapOverlay{
    padding: 10px;
    width: 140px;
}
.infoBox.infoBoxSm > img{
    display:none;
}


.mapOverlay.mapOverlay-C:before, .mapOverlay.mapOverlay-G:before{
    border-top-color:#fff;
}

#c940 {
    padding: 0;
    min-height: 0;
}

.scrollarrow{color: #F2F2F2;}

@media screen and (max-width: 991px) {
    
    .account > ul:nth-of-type(2) li:nth-of-type(2){display: none;}
    .lswitch{display: inline !important;}
    .dealertop{display: block !important;}
    .site__header .account {
        position: fixed;
        left: 0;
        /*top: 0;*/
        right: 0;
        z-index: 10000;
    }
    .site__header {
        top: 33px;
    }   
    .site__main {
        margin-top: 33px;
    }
    .overviewHasNavigation .site__main {
        margin-top: 67px;
    }

}

.dealertop{float: left !important;}
.dealertop li{margin-left: 10px !important;}
.dealertop li span{color: #2d2d2c;font-size: 10px;text-transform: uppercase;}
.dealerwindow {
    position: absolute;
    background: #F2F2F2;
    z-index: 1000;
    padding: 20px;
    top: 33px;
    display: none;
    color: #2d2d2c;
    min-width: 350px;
}
.dealerwindow a, .dealerwindow span{
    font-size: 100% !important;
    text-transform: inherit !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

.openingHours.is_open span {
    color: #077907 !important;
}

.content--media-left .cta.cmydealer {
    margin-left: 10px;
}

.content--media-right .cta.cmydealer {
    margin-left: 10px;
}


.teaser_2198{display: none !important;}

#c62318 .link {
    color: #2d2d2c !important;
}

#mainnav ul:last-child,#sidebar_fixed{display: none;}

#enablemydealer span {
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
}

.cmydealer{cursor:pointer !important;}


.close:after{
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
}
.close {
    position: absolute;
    right: 16px;
    top: 12px;
    font-size: 20px;
    color: #2d2d2c;
    cursor: pointer;
}
.close:hover{
    opacity: .7;
}

	.imgal-container {display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-flow: dense;gap: 10px;}
	.landscape {grid-column-end: span 2;}
	.portrait {grid-row-end: span 2;}
	.imgal-container figure {
		min-height: calc(25% - 30px);position:relative;
	}
	.imgal-img{width:100%;height:100%;transition:filter .2s;cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;}
	.imgal-img:hover{-webkit-filter:opacity(80%);filter:opacity(80%);}
	.imgal-modal{margin:auto;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000;color:#fff;vertical-align:middle;height:100vh;width:100vw;z-index:10000000;}
	#imgal-modal-close{display:inline;font-size:2rem;position:absolute;top:30px;right:60px;cursor:pointer;z-index:1000000;font-family:'Helvetica';}
	.imgal-modal-img {
		display: block;
		top: 50%;
		position: absolute;
		left: 50%;
		transform: translate(-50%,-50%);
		max-width:80%;
		max-height:80%;
	}
	.imgal-modal .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.imgal-modal .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.imgal-modal .inner {
    position: relative;
    height: 100%;
    width: 100%;
}

.imgal-modal .verticalinner {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 1200px;
    transform: translate(-50%,-50%);
    width: 100%;
}
.playbutton {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    transform: translate(-50%,-50%);
	cursor:pointer;
}

.nozoom{cursor:pointer !important;}
	
.modaloverlay {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 18px;
    width: 100%;
    left: 0;
    font-size: 18px;
}
	
.mauerwerk .link{color:#fff !important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
.mauerwerk .link:hover{opacity:.7;}
.mauerwerk .link:after{display:none;}

.imgtext{text-align:center;color:#fff;padding:60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
	.mauerwerk{margin-bottom:48px;}
.imgtext h2,.imgtext h3,.imgtext h4{
    font-size: 1vw;
    font-weight: bold;
}
	.imgtext p,.imgtext b{
    font-size: 1vw !important;
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
	.imgtext{padding:20px;}
}
	
	
@media screen and (max-width: 1200px) {
	.imgal-container{display:block;}
	.mauerwerk figure{margin-bottom:10px;}
	.imgtext {
		padding:20px;
		position: relative;
		top: auto !important;
		transform: none !important;
		left: auto !important;
	}
	.imgal-container figure{min-height:0px !important;}
	.imgtext h2,.imgtext h3,.imgtext h4,.imgtext p,.imgtext b {
    font-size: 16px !important;
	}
}

.cta.ownoverview-link {
    margin-right: 8px;
}

.form_appointmenttime option[disabled]{
    display:none;
}

.EKlayerContent .content--info-alert {
  display: none;
}

.sbadge {
  width: 66px !important;
  display: inline-block !important;
  margin-top: -6px;
  margin-left: 30px !important;
}

.priceinfo p{font-size: 11px !important;}


button {
   background: #000;
   color: #fff;
   text-align: center;
   font-weight: bold;
   padding: 10px 30px;
   border-radius: 3px;
}

#languageoverlay {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   display: none;
   z-index:100000000;
}

.rwdoverlay {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   display: none;
   z-index:100000000;
   display: none;
}

#languagepopup {
  width: 80%;
  padding-bottom: 80px;
  padding-top: 40px;
  position: relative;
  background: #fff;
  margin: 5% auto;
}

#close {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
   color: #000;
}

.country img {height: 20px;}
.country{margin-top:20px;overflow:hidden;}
blockquote{margin-bottom:72px !important;}
.countryselect,.langselect{float:left;}
.countryselect img {margin-right: 8px;}
.countryselect{margin-right:10px;}
.activecountry{font-weight:700;text-decoration:underline;}
.countryselect{cursor:pointer;}
.countryselect:hover span{text-decoration:underline;}
.langselect a{color:#2d2d2c;text-decoration:none;}
.langselect a:hover{text-decoration:underline;}
.langselect{display:none;}
.country{clear:both;}
.countrycol{width:33%;float:left;min-height:1px;}
.countryselect>a{color:#2D2D2C;text-decoration:none;}
.countryselect>a:hover{text-decoration:underline;}

.lswitch .link--icon {padding-left: 19px;margin-right:10px;}
.lswitch .link--icon::after {left: 20px;width: 0px !important;}
.lswitch .link--icon:hover::after {width: calc(100% - 21px) !important;}

#magazine{
	height:0;
	position: relative;
	top: -148px;
}
.iframe_center_wrapper.cta_wrapper {
	padding-top: 37px;
	padding-bottom: 37px;
}
@media (min-width: 768px) {
	.iframe_center_wrapper.cta_wrapper {
		padding-top: 56px;
		padding-bottom: 56px;
	}
}
@media (min-width: 1024px) {
	.iframe_center_wrapper.cta_wrapper {
		padding-top: 81px;
		padding-bottom: 81px;
	}
}
.cta_wrapper .cta {
	display: block;
	width: 204px;
	margin: auto;
}
.iframe_center_wrapper {
	width:66%;
	margin:auto;
}
.iframe_crop {
	overflow:hidden;
}
.iframe_shadow_cutter {
	margin-left:-.8%;
	width:100%;
	height:100%;
	margin-top: -.15%;
}
.iframe_catalog {
	width:100%;
	height:100%;
}

@media(max-width:1199px) {
    .iframe_center_wrapper {
       width:83.33333%;
    }
}

@media(max-width:768px) {
    .iframe_center_wrapper {
       width: 93.75%;
    }
}

@media(min-width:768px){
    .site__main>*:first-child.slider .stage.stage--h--small{
       max-height:475px;
       height:475px;
   }   
}

@media(min-width:1200px){
    .site__main>*:first-child.slider .stage.stage--h--small{
       max-height:550px;
       height:550px;
   }   
}

.stage--h--small .stage__header h1, .stage--h--small .stage__header h2, .stage--h--small .stage__header .stage__header__div {
	font-size: 36px;
}

@media (min-width: 768px) {
	.stage--h--small .stage__header h1, .stage--h--small .stage__header h2, .stage--h--small .stage__header .stage__header__div {
		font-size: 48px;
	}
}

@media (min-width: 1024px) {
	.stage--h--small .stage__header h1, .stage--h--small .stage__header h2, .stage--h--small .stage__header .stage__header__div{
		font-size: 64px;
	}
}


.mydealer-text{
    display:none;
}

.mydealer-icon{
    width:12px;
    height:auto;
    margin-right:2px;
}

@media (min-width:451px) {
    .mydealer-icon{
        display:none;
    }
    
    .mydealer-text{
        display:inline-block;
    }
    
}

@media (max-width: 500px) {
    .mydealerlink-container{
        display:inline-flex;
    }
    a.mydealerlink{
        max-width: 110px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height:140%;
    }
}

.cta.no-underline::after{
    content:"";
    display:none;
}

.configure__button{
}

.overview__fulllink.overview__gridelement{
    position:relative;
}

.overview__fulllink.overview__gridelement figcaption{
    display:flex !important;
    flex-wrap:wrap;
    
}

.overview__fulllink.overview__gridelement figcaption > span, .overview__fulllink.overview__gridelement figcaption > h2{
    margin-top:10px;
    margin-bottom:10px;
    margin-right:auto;
}

.overview__fulllink.overview__gridelement > *{
    pointer-events:none;
}

.overview__fulllink .overview__gridelement_link{
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events:all;
}

.overview__fulllink.overview__gridelement .configure__button{
    position:relative;
    z-index:1;
    pointer-events:all;
}

.slider--stage .slider__controls {
	min-width:180px;
}
@media (max-width: 768px) {
    .slider--stage .stage__footer {
            bottom:69px;
    }
    .slider--stage .slider__controls {
            bottom:50px;
    }
}

.site__main>*:first-child.slider .stage.stage--h--small{
	max-height:310px;
	height:310px;
}   

@media(min-width:768px){
	.site__main>*:first-child.slider .stage.stage--h--small{
		max-height:450px;
		height:450px;
	}   
}

@media(min-width:1200px){
	.site__main>*:first-child.slider .stage.stage--h--small{
		max-height:500px;
		height:500px;
	}   
}

@media (max-width:385px), (min-width:1200px) and (max-width:1450px) {
	.cta.cmydealer {
		padding: 8px 7px 8px 7px;
	}
}

.p74 .page527 .active::after, .p2657 .page527 .active::after {
  display: none !important;
}

@media (min-width:767px) and (max-width:991px) {
.site__header .account{top:-33px;}

.site__header .account::before, .site__header .account::after{
    display: block;
    position: absolute;
    width: 40px;
    height: 33px;
    background: #fff;
    left: -40px;
}

.site__header .account::after{
    left:initial;
    right:-40px;
}

.site__header--sticky .account{top: -33px !important;}
}

.setl{cursor: pointer;}

/* Static Template Pages */
.header__image img{
    width: 100%;
}
.innpulslocations_locationcontainer .contentImage {
    width: 50%;
}
.innpulslocations_locationcontainer .contentImage .rte {
    display: none;
}
.innpulslocations_locationcontainer .contentImage .media--image {
    width: 100%;
}
.encodeurl{cursor: pointer;}

/* Material Overlay */
.close-material-modal {
    position: relative;
    right: -1.5rem;
    top: 2rem;
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
}
.material-slider-popover-content {
    height: calc(100% - 65px);
    position: relative;
    top: 2rem;
    background-color: #2d2d2c;
    color: #f0f0f0;
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#material-slider-popover {
    display: none;
    height: calc(100vh + 65px);
    width: 100vw;
    position: fixed;
    top: -65px;
    z-index: 283393939;
    background-color: #f0f0f0;
    padding: 3rem;
}
@media (max-width: 578px) {
    #material-slider-popover, .material-slider-popover-content {
        padding: 2rem;
    }
}
.material__element .link, .close-material-modal span {
    cursor: pointer;
}

/* Innpuls Distributors */
.innpulsdistributors_distributorcontainer {
    margin-top: 0!important;
}
.innpulsdistributors_distributorcontainer #contentContainer {
    margin-top: -45px;
}
.innpulsdistributors_distributorcontainer .cta-area {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.innpulsdistributors_distributorcontainer .cta.link:after {
    content: none!important;
}
#distributor-banner {
    height: 85px;
    background-color: #2d2d2c;
    color: #FFF;
    display: block!important;
    border-top: none;
    width: 100%;

}
#distributor-banner .header-banner-inner {
    padding-left: 3.125%;
    padding-right: 3.125%;
    display: flex;
    border-top: none;
    justify-content: space-between;
    align-items: center;
    height: 85px;
}
#distributor-banner .team7-logo {
    filter: invert(100%) sepia(0%) saturate(9%) hue-rotate(159deg) brightness(150%) contrast(104%);
}
#distributor-banner .banner-logo {
    max-height: 20px;
    width: auto;
}
.innpulsdistributors_distributorcontainer .partner-logo {
    display: flex;
    align-items: flex-end;
}
.innpulsdistributors_distributorcontainer .partner-logo div {
    line-height: 1;
    font-size: 18px;
    padding-left: .25rem;
}
/* Sticky Header */
.innpulsdistributors_distributorcontainer .sticky{
    position: fixed;
    top: 0;
    z-index: 1020;
    width: 100%;
}
.innpulsdistributors_distributorcontainer .sticky + #stageContainer {
    padding-top: 85px;
}

.innpulsdistributors_distributorcontainer .furtherAreas-image > img {
    width: 100%;
    height: auto;
}
.innpulsdistributors_distributorcontainer .furtherAreas-areas {
    padding: 2rem;
}
.innpulsdistributors_distributorcontainer .furtherAreas-buttons {
    display: flex;
    flex-direction: column;
}
.innpulsdistributors_distributorcontainer .furtherAreas-buttons .cta {
    max-width: fit-content;
    margin-bottom: .5rem;
    min-width: 175px;
    text-align: center;
}
.innpulsdistributors_distributorcontainer .form-row-2col {
    display: flex;
}
.innpulsdistributors_distributorcontainer .form-row-2col > div {
    width: 50%;
}
.innpulsdistributors_distributorcontainer .form-group-firstcol {
    padding-right: .5rem;
}
.innpulsdistributors_distributorcontainer .form-group-secondcol {
    padding-left: .5rem;
}
.innpulsdistributors_distributorcontainer .dataprotectionlabel {
    margin-left: .75rem;
}
.innpulsdistributors_distributorcontainer fieldset {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.innpulsdistributors_distributorcontainer .contentform {
    margin-bottom: 1rem;
}
.innpulsdistributors_distributorcontainer .field-required > label::after {
    content: "*";
}
.innpulsdistributors_distributorcontainer .field-required > input::placeholder::after {
    content: "*";
}
.innpulsdistributors_distributorcontainer .interestInfoHeading {
    font-size: 1.2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.innpulsdistributors_distributorcontainer #showCatalogues,
.innpulsdistributors_distributorcontainer #showThanksmessage {
    text-align: center;
}
.innpulsdistributors_distributorcontainer .splittedContactBox {
    display: flex;
    align-items: flex-start;
}
.innpulsdistributors_distributorcontainer #consultationContainer .counter {
    display: none;
}
.innpulsdistributors_distributorcontainer #date {
    width: 100%;
    height: 44px;
    border-radius: 0!important;
    background-color: #e6e6e6;
    border: 0;
    padding: 10px 15px;
}
.innpulsdistributors_distributorcontainer #date::placeholder {
    color: #2d2d2c;
}
.innpulsdistributors_distributorcontainer #date::focus {
    font-weight: bold;
}
.innpulsdistributors_distributorcontainer #date:focus-visible {
    outline: none!important;
}
.innpulsdistributors_distributorcontainer .header-banner-logo > img {
    max-height: 60px;
    max-width: 100%;
    height: auto;
    width: auto;
}
.innpulsdistributors_distributorcontainer .header-banner-logo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.innpulsdistributors_distributorcontainer .field-check{
    display: flex;
}
.innpulsdistributors_distributorcontainer .content.contentform .rte {
    text-align: center;
}
.innpulsdistributors_distributorcontainer div.checker {
    top: 5px;
}
#distributor-footer {
    min-height: 100px;
}
#distributor-footer .footer--links {
    list-style-type: none;
}
#distributor-footer .footer--links a, #distributor-footer .footer--links a:hover {
    color: #2d2d2c;
}
.d-none {
    visibility: hidden;
}
#furtherAreasContainer {
    padding-bottom: 4rem;
}

#consultationContainer {
    padding-top: 60px;
}
#order-catalogue-form2 {
    padding-top: 10px;
}
.consulting-data-protection-info a:after {
    top: 10px!important;
}
.form-group-datainfo {
    line-height: 1.71429;
}
#consultationContainer .consultingInfotext {
    line-height: 1.5;
    margin-top: 2.5rem;
}
#consultationContainer .content.contentform {
    margin-bottom: initial;
}
#consultationContainer .thanksMessageInfo {
    text-align: left;
}
#consultationContainer .flatpickr-input {
    border-radius: 0;
    background-color: #e6e6e6;
    border: 0;
    padding: 10px 15px;
    height: 44px;
    width: 100%;
}
#catalogueContainer .form-label.d-none, #interestContainer .form-label.d-none {
  display: none;
}
#interestContainer textarea {
    height: 90px;
}
.innpulsdistributors_distributorcontainer .splittedContactBox .content {
    padding-top: 2.5rem;
}

#catalogueContainer .form-group.terms-conditions-text p,
#interestContainer .form-group.terms-conditions-text p
{
  font-size: 0.7em;
  opacity: 0.7;
}

#interestContainer .interestInfoMail p {
    line-height: 1.5;
}

/*Formular moderner*/
.innpulsdistributors_distributorcontainer form fieldset {
  width: 60%;
  margin: 0px auto;
}
.innpulsdistributors_distributorcontainer #interestContainer, .innpulsdistributors_distributorcontainer #contactContainer {
    padding-top: 0;
    padding-bottom: 0;
}
.innpulsdistributors_distributorcontainer #contactContainer .rte__content {
    padding: 2.5rem;
    background: #f2f1f1;
}
.innpulsdistributors_distributorcontainer #googleMapsOnlyContainer {
    background-color: #f2f1f1;
    margin-bottom: 2rem;
}
.innpulsdistributors_distributorcontainer #googleMapsOnlyContainer .gmapContent__footer .rte {
    padding-top: 20px !important;
}
.innpulsdistributors_distributorcontainer #googleMapsOnlyContainer {

}
#googleMapsOnlyContainer .content {
    padding-top: 0;
}
#contactContainer > div > .rte__content {
    padding-bottom: 0!important;
}

.innpulsdistributors_distributorcontainer input[type="text"], 
.innpulsdistributors_distributorcontainer input[type="number"],
.innpulsdistributors_distributorcontainer input[type="search"], 
.innpulsdistributors_distributorcontainer input[type="email"], 
.innpulsdistributors_distributorcontainer input[type="url"], 
.innpulsdistributors_distributorcontainer input[type="date"], 
.innpulsdistributors_distributorcontainer input[type="password"], 
.innpulsdistributors_distributorcontainer textarea, 
.innpulsdistributors_distributorcontainer select, 
.innpulsdistributors_distributorcontainer select[multiple], 
.innpulsdistributors_distributorcontainer select[size] {
  background: none !important;
  border:1px solid #2d2d2c;
}

.innpulsdistributors_distributorcontainer .checker span {
  border:1px solid #2d2d2c;
}
#googleMapsOnlyContainer > .content > div {
    height: 50%;
}
.innpulsdistributors_distributorcontainer .goToDistributor {
    display: none;
}

.innpulsdistributors_distributorcontainer #contentContainer section:first-child .rte {
	margin-top: 40px !important;
}

.innpulsdistributors_distributorcontainer #contentContainer section:first-child .rte .rte__footer {
	padding-top:40px !important;
}

.innpulsdistributors_distributorcontainer #contentContainer section:first-child .content--media-right {
	margin-top: 40px;
}
.innpulsdistributors_distributorcontainer .content.splittedContactBox.rte {
  margin-top: -20px !important;
  padding-top: 0px;
  padding-bottom:0px;
}

.innpulsdistributors_distributorcontainer .content.splittedContactBox #interestContainer .content.contentform .rte {
  text-align: left;
  width: 60%;
  padding: 0px;
}
.innpulsdistributors_distributorcontainer .content.splittedContactBox .gmapContent, .innpulsdistributors_distributorcontainer .content.splittedContactBox .gmapContent > div {
  height: 270px !important;
  overflow: hidden !important;
  padding-top: 0px !important;
}

.innpulsdistributors_distributorcontainer .content.splittedContactBox .gmapContent__footer div {
  padding: 0px !important;
  margin: 0px !important;
}
.innpulsdistributors_distributorcontainer .content.splittedContactBox .gmapContent__footer {
  padding: 20px 0px !important;
  width: 100% !important;
}
.innpulsdistributors_distributorcontainer .openinghour_br {
    display:none;
}
.innpulsdistributors_distributorcontainer .icon-knz{
    width: fit-content!important;
}

.innpulsdistributors_distributorcontainer .icon-knz .icon{
    height: 30px;
}
.innpulsdistributors_distributorcontainer .mapOverlay > p, .innpulsdistributors_distributorcontainer .mapOverlay {
    font-size: 10px;
}.innpulsdistributors_distributorcontainer .inactive {
     pointer-events: none;
 }


@media (max-width: 991px) {
    .header-banner-address {
        display: none;
    }
    .header-banner-logo img {
        height: 24px;
        width: auto;
    }
    .innpulsdistributors_distributorcontainer form fieldset {
        width: 100%;
        margin: 0px auto;
      }
    .innpulsdistributors_distributorcontainer .splittedContactBox {
        flex-wrap: wrap;
    }
    .innpulsdistributors_distributorcontainer #googleMapsOnlyContainer .content {
        width: 90%;
    }
    .innpulsdistributors_distributorcontainer .content.contentform .rte {
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .innpulsdistributors_distributorcontainer .gmapContent {
        height:300px;
    }
    .innpulsdistributors_distributorcontainer #googleMapsOnlyContainer {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }
    .innpulsdistributors_distributorcontainer .goToDistributor {
        display: block;
        text-align: center;
    }
    .innpulsdistributors_distributorcontainer #contactContainer .rte__content {
        padding-bottom: 2.5rem!important;
    }
    div#showThanksmessageInterest {
        margin-top: 20px;
    }
    
}
@media (max-width: 767px) {
    .innpulsdistributors_distributorcontainer #date {
        text-align: left;
        width: 100%!important;
    }
    .consulting-data-protection-info a {
        position: initial;
    }
    .consulting-data-protection-info a:after {
        display: none!important;
    }
    .form-submit-button {
        border-radius: 0!important;
    }
    .innpulsdistributors_distributorcontainer .form-row-2col {
        display: block;
        padding: 0;
    }
    .innpulsdistributors_distributorcontainer .form-row-2col > div {
        width: 100%;
        padding: 0;
    }
    .innpulsdistributors_distributorcontainer #contentContainer section:first-child .rte {
            margin-top: 0px !important;
    }    
    .innpulsdistributors_distributorcontainer #contentContainer section:first-child .media--image, .hideMobileImage {
        display: none;
    }
    .changeDirection .big {
        order: 1;
    }
    .innpulsdistributors_distributorcontainer #overview__72522 .overview__category.active {
        padding-top: 1.5rem;
    }

    .innpulsdistributors_distributorcontainer .rte h2, .innpulsdistributors_distributorcontainer .rte h1  {
        font-size: 27px;
    }
}
@media (max-width: 600px) {
    .innpulsdistributors_distributorcontainer .partner-logo div {font-size:17px}
}
@media (min-width: 992px) {
    #distributor-banner .header-banner-inner > div {
        width: 33.33%;
    }
    .header-banner-address {
        text-align: center;
    }
    #order-catalogue-form2 .contentform {
        width: 60% !important;
    }
}
@media (min-width: 768px) {
    #distributor-banner .header-banner-inner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.30208%;
        padding-right: 1.30208%
    }
    .innpulsdistributors_distributorcontainer #furtherAreasContainer {
        display: flex;
        align-items: center;
    }
    .innpulsdistributors_distributorcontainer #furtherAreasContainer > div {
        width: 50%;
    }
    .innpulsdistributors_distributorcontainer .furtherAreas-areas {
        padding-left: 4rem;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    #distributor-banner .header-banner-inner {
        width: 93.75%
    }
}
@media (min-width: 768px) and (min-width: 1024px) {
    #distributor-banner .header-banner-inner {
        width: 93.75%
    }
}
@media (min-width: 768px) {
    #distributor-banner .header-banner-inner{
        -webkit-transform: translate3d(0, 0, 0)
    }

}
@media (min-width: 1024px) {
    #distributor-banner .header-banner-inner {
        padding-left: 0.97656%;
        padding-right: 0.97656%
    }
}
#stageContainer .slider .stage.stage--h--small{
    max-height:373px;
    height:373px;
}
@media(min-width:1200px){
    #stageContainer .slider .stage.stage--h--small{
        max-height:400px;
        height:400px;
    }

}
@media (min-width: 768px) {
    #stageContainer .slider .stage {
        height: calc(100vh - 98px);
        max-height: calc(100vh - 98px)
    }
}
@media(min-width:768px){
    #stageContainer .slider .stage.stage--h--small{
        max-height:475px;
        height:475px;
    }
}

@media(min-width:1200px){
    #stageContainer .slider .stage.stage--h--small{
        max-height:550px;
        height:550px;
    }
}
#stageContainer .slider .stage.stage--h--small{
    max-height:310px;
    height:310px;
}
@media(min-width:768px){
    #stageContainer .slider .stage.stage--h--small{
        max-height:450px;
        height:450px;
    }
}

@media (min-width: 1025px) {
.innpulsdistributors_distributorcontainer section.content .rte, .innpulsdistributors_distributorcontainer section.gallery, .innpulsdistributors_distributorcontainer section.overview__category {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
}



@media(min-width:1200px){
    #stageContainer .slider .stage.stage--h--small{
        max-height:500px;
        height:500px;
    }
}
@media(max-width:576px){
    .header-banner-logo img {
        max-height: 40px!important;
    }
}
@media(max-width:470px){
    .header-banner-logo img {
        max-width: 150px!important;
    }
}
@media(max-width:420px){
    .innpulsdistributors_distributorcontainer .openinghour_br {
        display:block;
    }
}

@media (max-width: 400px) {
    #distributor-banner .banner-logo {
        max-height: 15px;
    }
    .innpulsdistributors_distributorcontainer .partner-logo div {
        font-size: 17px;
    }
}
@media (max-width: 350px) {
    #distributor-banner .banner-logo {
        max-height: 13px;
    }
    .innpulsdistributors_distributorcontainer .partner-logo div {
        font-size: 16px;
    }
}
@media (max-width: 320px) {
    .header-banner-logo img {
        max-height: 28px!important;
    }
    #distributor-banner .banner-logo {
        max-height: 11px;
    }
    .innpulsdistributors_distributorcontainer .partner-logo div {
        font-size: 14px;
    }
    .innpulsdistributors_distributorcontainer .partner-logo div {
        line-height: 1.5;
    }
}
@media(max-width:300px){
    .header-banner-logo img {
        max-width: 100px!important;
    }
}

.powermail_captcha {
    margin-left: 30px;
}

.powermail_fieldwrap span.counter {
    display: none;
}

.area a.cta[href^="/index.php?id=33"] {
	display:none;
}


/* Styling innpuls_prices */
.innpulsprices_pricescontainer .prices-forms-container {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
@media (max-width: 769px) {
    .innpulsprices_pricescontainer .prices-forms-container {
        display: block;
    }
}
.innpulsprices_pricescontainer .pricelist-container {
    max-width: 700px;
    flex: 1;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.innpulsprices_pricescontainer .form-submit-button {
    margin-top: 1.5rem;
}
.innpulsprices_pricescontainer h1 {
    text-align: center;
}
.innpulsprices_pricescontainer h2 {
    font-size: 30px;
}
.innpulsprices_pricescontainer .download-form {
    display: none;
}
.innpulsprices_pricescontainer .download-button-pricelist {
    cursor: pointer;
    height: fit-content;
}
.innpulsprices_pricescontainer .button-active {
    color: #f0f0f0;
    background-color: #2d2d2c;
}
.innpulsprices_pricescontainer .mail-sent-container {
    padding: 3rem;
    text-align: center;
}
.innpulsprices_pricescontainer  .download-area, .innpulsprices_pricescontainer  .prices-download-container {
    text-align: center;
}
.innpulsprices_pricescontainer .pricelistdownload-button {
    margin-top: 2.5rem;
}
.innpulsprices_pricescontainer .contentform {
    padding-bottom: .5rem;
}
.p2742 .site__footer, .p2742 .toplink__handle {
    display: none;
}
.p3002 .site__footer, .p3002 .toplink__handle {
    display: none;
}


@media (min-width: 768px) {
.overview__list.overview__list--grid li {
	min-height: 335px;
}
}

@media (min-width: 980px) {
.overview__list.overview__list--grid li {
	min-height: 350px;
}
}

@media (min-width: 1024px) {
.overview__list.overview__list--grid li {
	min-height: 405px !important;
}
}

@media (min-width: 1250px) {
.overview__list.overview__list--grid li {
	min-height: 425px !important;
}
}

@media (min-width: 1400px) {
.overview__list.overview__list--grid li {
	min-height: 480px !important;
}
}

@media (min-width: 1700px) {
.overview__list.overview__list--grid li {
	min-height: 550px !important;
}
}

#CybotCookiebotDialog{
    max-height:530px !important;
}

/*

#CybotCookiebotDialog a, #CybotCookiebotDialog div, #CybotCookiebotDialogBodyContentControls, #CybotCookiebotDialogBodyContentTitle {
  color: #2d2d2c;
  font-family: "Team7DIN", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
}
#CybotCookiebotDialogBodyContentTitle {
  font-family: "Didot", "Times New Roman", serif !important;
  font-style: italic !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  margin-bottom: 20px !important;
  color:#2d2d2c !important;
}

#CybotCookiebotDialog {
  box-shadow: none !important;
  background: #F2F2F2 !important;
  border: none !important;
  border-radius: 0 !important;
}


#CybotCookiebotDialogBodyLevelDetailsWrapper {
  border: none !important;
}


@media screen and (max-width: 990px) {
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
      float: left;
      max-width: 100% !important;
      width: 100%;
      min-height: 92px;
      position: relative
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
      position: absolute;
      bottom: 10px !important;
      left: 0 !important;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
      width: 96% !important;
      padding: 0 !important;
      margin-left: 2%;
      margin-right: 2%;
      height: 26px !important;
      line-height: 26px !important;
      background: transparent !important;
      border: 1px solid #3d3d3f !important;
      color: #3d3d3f !important;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      position: absolute;
      top: 0 !important;
      left: 0 !important;
      color:#FFF !important;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      width: 96% !important;
      margin-left: 2% !important;
      margin-right: 2% !important;
      padding: 0 !important;
      height: 30px !important;
      line-height: 30px !important;
      background: #00A51D !important;
  }
   #CybotCookiebotDialog {
      margin-top: 50px !important;
      width: 88% !important;
      transform: none !important;
      margin-left: 6% !important;
      margin-right: 6% !important;
      transform-origin: inherit !important;
  }
  .content--media-left .cta.cmydealer,.content--media-right .cta.cmydealer {
      margin-left: 0 !important;
      margin-top: 10px !important;
  }
}


@media screen and (min-width: 991px) {
  #CybotCookiebotDialog {
      border: none !important;
      border-radius: 0 !important;
      max-width: 990px !important;
  }
  #CybotCookiebotDialogBodyLevelButtonsSelectPane {
      border: none !important;
      background: none !important;
  }
  #CybotCookiebotDialogBodyLevelButtonsRow {
      display: block !important;
  }
  #CybotCookiebotDialogBodyLevelButtonsRow > div {
      display: block !important;
      text-align: center !important;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
      float: none !important;
      text-align: center !important;
      display: block !important;
      margin-top: 14px;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a {
      float: none !important;
      margin: 0 !important;
  }
  #CybotCookiebotDialogBodyLevelButtonsSelectPane{margin-left: -220px !important;margin-top:20px !important;margin-bottom: 20px !important;}
  .CybotCookiebotDialogBodyLevelButtonWrapper > div {
      margin-top: -8px !important;
      margin-right: 8px !important;
  }
  .CybotCookiebotDialogBodyLevelButtonWrapper .checker span.checked::before {
      top: 1px !important;
      left: 1px !important;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
      position: absolute;
      top: 252px;
      left: 646px;
      background: none !important;
      border: 1px solid #2d2d2c !important;
      color: #2d2d2c !important;
      font-weight: 500 !important;
      padding: 4px !important;
      width: 132px !important;
      font-size: 14px !important;
  }

  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      background: #00A51D !important;
      border: 1px solid #00A51D !important;
      width: 240px !important;
      height: 35px !important;
      line-height: 35px !important;
      padding: 0 !important;
      font-size: 16px !important;
      color:#FFF !important;
  }
  #CybotCookiebotDialogBodyContentTitle {
      text-align: center !important;
      margin-top: 12px !important;
  }

  #CybotCookiebotDialogDetailBody{max-width: 100% !important;}



}
*/