@charset "UTF-8";
@font-face {
    font-family: 'cloudiax-web';
    src: url('../cloud/fonts/cloudiax-web.eot?v=1.9');
    src: url('../cloud/fonts/cloudiax-web.eot#iefix?v=1.9') format('embedded-opentype'), url('../cloud/fonts/cloudiax-web.ttf?v=1.9') format('truetype'), url('../cloud/fonts/cloudiax-web.woff?v=1.9') format('woff'), url('') format('');
    font-weight: normal;
    font-style: normal
}

.icon-visible:after {
    content: "\e931"
}

.icon-visible:before {
    content: "\e932"
}

.icon-sli-globe-alt:after {
    content: "\e933"
}

.icon-sli-globe-alt:before {
    content: "\e934"
}

.icon-sustainable1:after {
    content: "\e935"
}

.icon-sustainable1:before {
    content: "\e936"
}

.icon-hoursduplicate:after {
    content: "\e92d"
}

.icon-hoursduplicate:before {
    content: "\e92e"
}

.icon-warehouse:after {
    content: "\e92f"
}

.icon-warehouse:before {
    content: "\e930"
}

.icon-arrow_url3:after {
    content: "\e92c"
}

.icon-cart:after {
    content: "\e92a"
}

.icon-cart:before {
    content: "\e92b"
}

.icon-plug:after {
    content: "\e91d"
}

.icon-plug:before {
    content: "\e920"
}

.icon-windmill:after {
    content: "\e924"
}

.icon-windmill:before {
    content: "\e925"
}

.icon-cow:after {
    content: "\e926"
}

.icon-cow:before {
    content: "\e927"
}

.icon-browser:after {
    content: "\e916"
}

.icon-browser:before {
    content: "\e917"
}

.icon-ok2:after {
    content: "\e918"
}

.icon-close2:after {
    content: "\e91b"
}

.icon-ocr:after {
    content: "\e90e"
}

.icon-ocr:before {
    content: "\e914"
}

.icon-germany:after {
    content: "\e902"
}

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

.icon-license:after {
    content: "\e909"
}

.icon-license:before {
    content: "\e90c"
}

.icon-edit:after {
    content: "\e90a"
}

.icon-edit:before {
    content: "\e90b"
}

.icon-user_login:after {
    content: "\e906"
}

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

.icon-home:after {
    content: "\e903"
}

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

.icon-arrowclose:after {
    content: "\e900"
}

.icon-arrowupright:after {
    content: "\e901"
}

.icon-download:after {
    content: "\e9cc"
}

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

.icon-sli-bubble:after {
    content: "\e9e7"
}

.icon-sli-bubbles:after {
    content: "\e9e9"
}

.icon-sli-calendar:after {
    content: "\e9ef"
}

.icon-sli-calendar:before {
    content: "\e9f0"
}

.icon-sli-cloud-download:after {
    content: "\ea05"
}

.icon-sli-cloud-download:before {
    content: "\e937"
}

.icon-sli-cloud-upload:after {
    content: "\ea07"
}

.icon-sli-cloud-upload:before {
    content: "\e937"
}

.icon-sli-compass:after {
    content: "\ea09"
}

.icon-sli-compass:before {
    content: "\ea0a"
}

.icon-sli-directions:after {
    content: "\ea25"
}

.icon-sli-directions:before {
    content: "\ea26"
}

.icon-sli-fire:after {
    content: "\ea4f"
}

.icon-sli-fire:before {
    content: "\ea50"
}

.icon-sli-grid:after {
    content: "\ea65"
}

.icon-sli-grid:before {
    content: "\ea66"
}

.icon-sli-list:after {
    content: "\ea79"
}

.icon-sli-paper-clip:after {
    content: "\eaab"
}

.icon-sli-paper-plane:after {
    content: "\eaad"
}

.icon-sli-paper-plane:before {
    content: "\eaae"
}

.icon-sli-pie-chart:after {
    content: "\eab9"
}

.icon-sli-pie-chart:before {
    content: "\e938"
}

.icon-sli-power:after {
    content: "\eac3"
}

.icon-sli-printer:after {
    content: "\eac7"
}

.icon-sli-printer:before {
    content: "\eac8"
}

.icon-sli-puzzle:after {
    content: "\eac9"
}

.icon-sli-puzzle:before {
    content: "\eaca"
}

.icon-sli-refresh:after {
    content: "\eacd"
}

.icon-sli-reload:after {
    content: "\eacf"
}

.icon-sli-rocket:after {
    content: "\ead1"
}

.icon-sli-rocket:before {
    content: "\ead2"
}

.icon-sli-speech:after {
    content: "\eb0b"
}

.icon-sli-speedometer:after {
    content: "\eb0d"
}

.icon-sli-speedometer:before {
    content: "\eb0e"
}

.icon-sli-tag:after {
    content: "\eb17"
}

.icon-sli-wallet:after {
    content: "\eb33"
}

.icon-sli-wallet:before {
    content: "\eb34"
}

.icon-arrow_url2:after {
    content: "\e9bb"
}

.icon-arrow_url2_90:after {
    content: "\e929"
}

.icon-arrow_url2_45:after {
    content: "\e90d"
}

.icon-arrow_url:after {
    content: "\e9ba"
}

.icon-man4:after {
    content: "\e9b0"
}

.icon-man4:before {
    content: "\e9b1"
}

.icon-man2:after {
    content: "\e9ac"
}

.icon-man2:before {
    content: "\e9ad"
}

.icon-man3:after {
    content: "\e9ae"
}

.icon-man3:before {
    content: "\e9af"
}

.icon-ok:after {
    content: "\e9a7"
}

.icon-hours:after, .fa-clock-o:after {
    content: "\e904"
}

.icon-info:after, .fa-align-justify:after, .fa-chain:after {
    content: "\e90f"
}

.icon-logout:after, .fa-calendar:after {
    content: "\e910"
}

.icon-logout:before, .fa-calendar:before {
    content: "\e98c"
}

.icon-map:after, .fa-map-marker:after {
    content: "\e911"
}

.icon-map:before, .fa-map-marker:before {
    content: "\e980"
}

.icon-search:after {
    content: "\e912"
}

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

.icon-user:after, .fa-headphones:after {
    content: "\e913"
}

.icon-users:after, .fa-weibo:after {
    content: "\e915"
}

.icon-mail:after, .fa-envelope:after, .fa-link:after {
    content: "\e943"
}

.icon-mail:before, .fa-envelope:before, .fa-link:before {
    content: "\e972"
}

.icon-mailopen:after {
    content: "\e944"
}

.icon-mailopen:before {
    content: "\e973"
}

.icon-file:after {
    content: "\e91e"
}

.icon-file:before {
    content: "\e94d"
}

.icon-pdf:after, p.pdf a:after {
    content: "\e948"
}

.icon-pdf:before, p.pdf a:before {
    content: "\e977"
}

.icon-video:after, p.video a:after, #blog.help .listPosts.singlepost .zeit:after {
    content: "\e949"
}

.icon-video:before, p.video a:before, #blog.help .listPosts.singlepost .zeit:before {
    content: "\e979"
}

.icon-database:after {
    content: "\e91c"
}

.icon-database:before {
    content: "\e94c"
}

.icon-computer:after {
    content: "\e928"
}

.icon-computer:before {
    content: "\e965"
}

.icon-lock:after {
    content: "\e93e"
}

.icon-lock:before {
    content: "\e970"
}

.icon-arrowleft:after, .fa-angle-right:after {
    content: "\e919"
}

.icon-arrowright:after, .fa-angle-left:after {
    content: "\e91a"
}

.icon-sm_facebook:after, .fa-facebook:after {
    content: "\e91f"
}

.icon-sm_facebook:before, .fa-facebook:before {
    content: "\e955"
}

.icon-sm_linkedin:after, .fa-linkedin:after {
    content: "\e921"
}

.icon-sm_linkedin:before, .fa-linkedin:before {
    content: "\e94f"
}

.icon-sm_twitter:after, .fa-twitter:after {
    content: "\e922"
}

.icon-sm_twitter:before, .fa-twitter:before {
    content: "\e956"
}

.icon-youtube:after, .fa-youtube:after {
    content: "\e9b8"
}

.icon-youtube:before, .fa-youtube:before {
    content: "\e9b9"
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url('../cloud/fonts/montserrat-v12-latin-100.eot');
    src: local('Montserrat Thin'), local('Montserrat-Thin'), url('../cloud/fonts/montserrat-v12-latin-100.eot?#iefix') format('embedded-opentype'), url('../cloud/fonts/montserrat-v12-latin-100.woff2') format('woff2'), url('../cloud/fonts/montserrat-v12-latin-100.woff') format('woff'), url('../cloud/fonts/montserrat-v12-latin-100.ttf') format('truetype'), url('../cloud/fonts/montserrat-v12-latin-100.svg#Montserrat') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('../cloud/fonts/montserrat-v12-latin-200.eot');
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('../cloud/fonts/montserrat-v12-latin-200.eot?#iefix') format('embedded-opentype'), url('../cloud/fonts/montserrat-v12-latin-200.woff2') format('woff2'), url('../cloud/fonts/montserrat-v12-latin-200.woff') format('woff'), url('../cloud/fonts/montserrat-v12-latin-200.ttf') format('truetype'), url('../cloud/fonts/montserrat-v12-latin-200.svg#Montserrat') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../cloud/fonts/montserrat-v12-latin-300.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'), url('../cloud/fonts/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), url('../cloud/fonts/montserrat-v12-latin-300.woff2') format('woff2'), url('../cloud/fonts/montserrat-v12-latin-300.woff') format('woff'), url('../cloud/fonts/montserrat-v12-latin-300.ttf') format('truetype'), url('../cloud/fonts/montserrat-v12-latin-300.svg#Montserrat') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../cloud/fonts/montserrat-v12-latin-regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../cloud/fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), url('../cloud/fonts/montserrat-v12-latin-regular.woff2') format('woff2'), url('../cloud/fonts/montserrat-v12-latin-regular.woff') format('woff'), url('../cloud/fonts/montserrat-v12-latin-regular.ttf') format('truetype'), url('../cloud/fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../cloud/fonts/montserrat-v12-latin-600.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../cloud/fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), url('../cloud/fonts/montserrat-v12-latin-600.woff2') format('woff2'), url('../cloud/fonts/montserrat-v12-latin-600.woff') format('woff'), url('../cloud/fonts/montserrat-v12-latin-600.ttf') format('truetype'), url('../cloud/fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../cloud/fonts/montserrat-v12-latin-700.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../cloud/fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), url('../cloud/fonts/montserrat-v12-latin-700.woff2') format('woff2'), url('../cloud/fonts/montserrat-v12-latin-700.woff') format('woff'), url('../cloud/fonts/montserrat-v12-latin-700.ttf') format('truetype'), url('../cloud/fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg')
}

/*!  animate.css -http://daneden.me/animate - Version - 3.5.1 - Licensed under the MIT license - http://opensource.org/licenses/MIT - Copyright (c) 2016 Daniel Eden */
.animated, .animated:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn, .zoomIn:before {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInRotate {
    from {
        opacity: 0;
        -webkit-transform: rotate(225deg) scale(.3);
        transform: rotate(225deg) scale(.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomInRotate {
    from {
        opacity: 0;
        -webkit-transform: rotate(225deg) scale(.3);
        transform: rotate(225deg) scale(.3)
    }
    50% {
        opacity: 1
    }
}

.zoomInRotate:before {
    -webkit-animation-name: zoomInRotate;
    animation-name: zoomInRotate
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightLight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightLight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRightLight;
    animation-name: fadeInRightLight
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

/*! lightslider - v1.1.6 - 2016-10-25 https://github.com/sachinchoolur/lightslider Copyright (c) 2016 Sachin N; Licensed MIT */
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper > .lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction > a:hover {
    opacity: 1
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction > a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.blueGradient {
    background: #008ad1;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #00adef 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #00adef 100%);
    background: linear-gradient(45deg, #0066b2 0%, #00adef 100%)
}

.darkblueGradient {
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

.darkblue {
    background: #003359;
    background: -moz-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: linear-gradient(45deg, #003359 0%, #08162a 100%)
}

.darkblueGradient3 {
    background: #052642;
    background: -moz-linear-gradient(45deg, #052642 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #052642 0%, #08162a 100%);
    background: linear-gradient(45deg, #052642 0%, #08162a 100%)
}

.lightblueGradient {
    background: #3f74b0;
    background: -moz-linear-gradient(45deg, #aad4fe 0%, #3f74b0 100%);
    background: -webkit-linear-gradient(45deg, #aad4fe 0%, #3f74b0 100%);
    background: linear-gradient(45deg, #aad4fe 0%, #3f74b0 100%)
}

.redGradient {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

.turquoiseGradient {
    background: #54bdcf;
    background: -moz-linear-gradient(45deg, #7fd1de 0%, #0091b0 100%);
    background: -webkit-linear-gradient(45deg, #7fd1de 0%, #0091b0 100%);
    background: linear-gradient(45deg, #7fd1de 0%, #0091b0 100%)
}

.orangeGradient {
    background: #f1ac0d;
    background: -moz-linear-gradient(135deg, #f1ac0d 0%, #f2590d 100%);
    background: -webkit-linear-gradient(135deg, #f1ac0d 0%, #f2590d 100%);
    background: linear-gradient(135deg, #f1ac0d 0%, #f2590d 100%)
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}

ul {
    list-style-type: none;
    line-height: 1.2;
    margin-bottom: .5rem
}

html {
    font-size: 100%
}

@media all and (min-width: 1190px) and (max-width: 1192px) {
    html {
        font-size: 99.4%
    }
}

@media all and (min-width: 1185px) and (max-width: 1190px) {
    html {
        font-size: 99.2%
    }
}

@media all and (min-width: 1180px) and (max-width: 1185px) {
    html {
        font-size: 98.8%
    }
}

@media all and (min-width: 1175px) and (max-width: 1180px) {
    html {
        font-size: 98.4%
    }
}

@media all and (min-width: 1170px) and (max-width: 1175px) {
    html {
        font-size: 98%
    }
}

@media all and (min-width: 1165px) and (max-width: 1170px) {
    html {
        font-size: 97.5%
    }
}

@media all and (min-width: 1160px) and (max-width: 1165px) {
    html {
        font-size: 97.1%
    }
}

@media all and (min-width: 1155px) and (max-width: 1160px) {
    html {
        font-size: 96.7%
    }
}

@media all and (min-width: 1150px) and (max-width: 1155px) {
    html {
        font-size: 96.3%
    }
}

@media all and (min-width: 1145px) and (max-width: 1150px) {
    html {
        font-size: 95.9%
    }
}

@media all and (min-width: 1140px) and (max-width: 1145px) {
    html {
        font-size: 95.4%
    }
}

@media all and (min-width: 1135px) and (max-width: 1140px) {
    html {
        font-size: 95%
    }
}

@media all and (min-width: 1130px) and (max-width: 1135px) {
    html {
        font-size: 94.6%
    }
}

@media all and (min-width: 1125px) and (max-width: 1130px) {
    html {
        font-size: 94.2%
    }
}

@media all and (min-width: 1120px) and (max-width: 1125px) {
    html {
        font-size: 93.8%
    }
}

@media all and (min-width: 1115px) and (max-width: 1120px) {
    html {
        font-size: 93.3%
    }
}

@media all and (min-width: 1110px) and (max-width: 1115px) {
    html {
        font-size: 92.9%
    }
}

@media all and (min-width: 1105px) and (max-width: 1110px) {
    html {
        font-size: 92.5%
    }
}

@media all and (min-width: 1100px) and (max-width: 1105px) {
    html {
        font-size: 92.1%
    }
}

@media all and (min-width: 1095px) and (max-width: 1100px) {
    html {
        font-size: 91.7%
    }
}

@media all and (min-width: 1090px) and (max-width: 1095px) {
    html {
        font-size: 91.2%
    }
}

@media all and (min-width: 1085px) and (max-width: 1090px) {
    html {
        font-size: 90.8%
    }
}

@media all and (min-width: 1080px) and (max-width: 1085px) {
    html {
        font-size: 90.4%
    }
}

@media all and (min-width: 1075px) and (max-width: 1080px) {
    html {
        font-size: 90%
    }
}

@media all and (min-width: 1070px) and (max-width: 1075px) {
    html {
        font-size: 89.6%
    }
}

@media all and (min-width: 1065px) and (max-width: 1070px) {
    html {
        font-size: 89.1%
    }
}

@media all and (min-width: 1060px) and (max-width: 1065px) {
    html {
        font-size: 88.7%
    }
}

@media all and (min-width: 1055px) and (max-width: 1060px) {
    html {
        font-size: 88.3%
    }
}

@media all and (min-width: 1050px) and (max-width: 1055px) {
    html {
        font-size: 87.9%
    }
}

@media all and (min-width: 1045px) and (max-width: 1050px) {
    html {
        font-size: 87.5%
    }
}

@media all and (min-width: 1040px) and (max-width: 1045px) {
    html {
        font-size: 87%
    }
}

@media all and (min-width: 1035px) and (max-width: 1040px) {
    html {
        font-size: 86.6%
    }
}

@media all and (min-width: 1030px) and (max-width: 1035px) {
    html {
        font-size: 86.2%
    }
}

@media all and (min-width: 1025px) and (max-width: 1030px) {
    html {
        font-size: 85.8%
    }
}

@media all and (min-width: 1020px) and (max-width: 1025px) {
    html {
        font-size: 85.4%
    }
}

@media all and (min-width: 1015px) and (max-width: 1020px) {
    html {
        font-size: 85%
    }
}

@media all and (min-width: 1010px) and (max-width: 1015px) {
    html {
        font-size: 84.5%
    }
}

@media all and (min-width: 1005px) and (max-width: 1010px) {
    html {
        font-size: 84.1%
    }
}

@media all and (min-width: 1000px) and (max-width: 1005px) {
    html {
        font-size: 83.7%
    }
}

@media all and (min-width: 995px) and (max-width: 1000px) {
    html {
        font-size: 83.3%
    }
}

@media all and (min-width: 990px) and (max-width: 995px) {
    html {
        font-size: 82.9%
    }
}

@media all and (min-width: 985px) and (max-width: 990px) {
    html {
        font-size: 82.4%
    }
}

@media all and (min-width: 980px) and (max-width: 985px) {
    html {
        font-size: 82%
    }
}

@media all and (min-width: 975px) and (max-width: 980px) {
    html {
        font-size: 81.6%
    }
}

@media all and (min-width: 970px) and (max-width: 975px) {
    html {
        font-size: 81.2%
    }
}

@media all and (min-width: 965px) and (max-width: 970px) {
    html {
        font-size: 80.8%
    }
}

@media all and (min-width: 960px) and (max-width: 965px) {
    html {
        font-size: 80.3%
    }
}

@media all and (min-width: 955px) and (max-width: 960px) {
    html {
        font-size: 79.9%
    }
}

@media all and (min-width: 950px) and (max-width: 955px) {
    html {
        font-size: 79.5%
    }
}

@media all and (min-width: 945px) and (max-width: 950px) {
    html {
        font-size: 79.1%
    }
}

@media all and (min-width: 940px) and (max-width: 945px) {
    html {
        font-size: 78.7%
    }
}

@media all and (min-width: 935px) and (max-width: 940px) {
    html {
        font-size: 78.2%
    }
}

@media all and (min-width: 930px) and (max-width: 935px) {
    html {
        font-size: 77.8%
    }
}

@media all and (min-width: 925px) and (max-width: 930px) {
    html {
        font-size: 77.4%
    }
}

@media all and (min-width: 920px) and (max-width: 925px) {
    html {
        font-size: 77%
    }
}

@media all and (min-width: 915px) and (max-width: 920px) {
    html {
        font-size: 76.6%
    }
}

@media all and (min-width: 910px) and (max-width: 915px) {
    html {
        font-size: 76.1%
    }
}

@media all and (min-width: 905px) and (max-width: 910px) {
    html {
        font-size: 75.7%
    }
}

@media all and (min-width: 900px) and (max-width: 905px) {
    html {
        font-size: 75.3%
    }
}

@media all and (min-width: 895px) and (max-width: 900px) {
    html {
        font-size: 74.9%
    }
}

@media all and (min-width: 890px) and (max-width: 895px) {
    html {
        font-size: 74.5%
    }
}

@media all and (min-width: 885px) and (max-width: 890px) {
    html {
        font-size: 74%
    }
}

@media all and (min-width: 880px) and (max-width: 885px) {
    html {
        font-size: 73.6%
    }
}

@media all and (min-width: 875px) and (max-width: 880px) {
    html {
        font-size: 73.2%
    }
}

@media all and (min-width: 870px) and (max-width: 875px) {
    html {
        font-size: 72.8%
    }
}

@media all and (min-width: 865px) and (max-width: 870px) {
    html {
        font-size: 72.3%
    }
}

@media all and (min-width: 860px) and (max-width: 865px) {
    html {
        font-size: 71.9%
    }
}

@media all and (min-width: 855px) and (max-width: 860px) {
    html {
        font-size: 71.5%
    }
}

@media all and (min-width: 850px) and (max-width: 855px) {
    html {
        font-size: 71.1%
    }
}

@media all and (min-width: 845px) and (max-width: 850px) {
    html {
        font-size: 70.7%
    }
}

@media all and (min-width: 840px) and (max-width: 845px) {
    html {
        font-size: 70.3%
    }
}

@media all and (min-width: 835px) and (max-width: 840px) {
    html {
        font-size: 69.9%
    }
}

@media all and (min-width: 830px) and (max-width: 835px) {
    html {
        font-size: 69.4%
    }
}

@media all and (min-width: 825px) and (max-width: 830px) {
    html {
        font-size: 69%
    }
}

@media all and (min-width: 820px) and (max-width: 825px) {
    html {
        font-size: 68.6%
    }
}

@media all and (min-width: 815px) and (max-width: 820px) {
    html {
        font-size: 68.2%
    }
}

@media all and (min-width: 810px) and (max-width: 815px) {
    html {
        font-size: 67.8%
    }
}

@media all and (min-width: 805px) and (max-width: 810px) {
    html {
        font-size: 67.3%
    }
}

@media all and (min-width: 800px) and (max-width: 805px) {
    html {
        font-size: 66.9%
    }
}

@media all and (min-width: 795px) and (max-width: 800px) {
    html {
        font-size: 66.5%
    }
}

@media all and (min-width: 790px) and (max-width: 795px) {
    html {
        font-size: 66.1%
    }
}

@media all and (min-width: 785px) and (max-width: 790px) {
    html {
        font-size: 65.7%
    }
}

@media all and (min-width: 780px) and (max-width: 785px) {
    html {
        font-size: 65.2%
    }
}

@media all and (min-width: 775px) and (max-width: 780px) {
    html {
        font-size: 64.8%
    }
}

@media all and (min-width: 770px) and (max-width: 775px) {
    html {
        font-size: 64.4%
    }
}

@media all and (min-width: 765px) and (max-width: 770px) {
    html {
        font-size: 64%
    }
}

@media all and (min-width: 760px) and (max-width: 765px) {
    html {
        font-size: 63.6%
    }
}

@media all and (min-width: 755px) and (max-width: 760px) {
    html {
        font-size: 63.1%
    }
}

@media all and (min-width: 750px) and (max-width: 755px) {
    html {
        font-size: 62.7%
    }
}

@media all and (min-width: 745px) and (max-width: 750px) {
    html {
        font-size: 62.3%
    }
}

@media all and (min-width: 740px) and (max-width: 745px) {
    html {
        font-size: 61.9%
    }
}

@media all and (min-width: 735px) and (max-width: 740px) {
    html {
        font-size: 61.4%
    }
}

@media all and (min-width: 730px) and (max-width: 735px) {
    html {
        font-size: 61%
    }
}

@media all and (min-width: 725px) and (max-width: 730px) {
    html {
        font-size: 60.6%
    }
}

@media all and (min-width: 720px) and (max-width: 725px) {
    html {
        font-size: 60.2%
    }
}

@media all and (min-width: 715px) and (max-width: 720px) {
    html {
        font-size: 59.8%
    }
}

@media all and (min-width: 710px) and (max-width: 715px) {
    html {
        font-size: 59.4%
    }
}

@media all and (min-width: 705px) and (max-width: 710px) {
    html {
        font-size: 58.9%
    }
}

@media all and (min-width: 700px) and (max-width: 705px) {
    html {
        font-size: 58.5%
    }
}

@media all and (min-width: 695px) and (max-width: 700px) {
    html {
        font-size: 58.1%
    }
}

@media all and (min-width: 690px) and (max-width: 695px) {
    html {
        font-size: 57.7%
    }
}

@media all and (min-width: 685px) and (max-width: 690px) {
    html {
        font-size: 57.3%
    }
}

@media all and (min-width: 680px) and (max-width: 685px) {
    html {
        font-size: 56.8%
    }
}

@media all and (min-width: 675px) and (max-width: 680px) {
    html {
        font-size: 56.4%
    }
}

@media all and (min-width: 670px) and (max-width: 675px) {
    html {
        font-size: 56%
    }
}

@media all and (min-width: 665px) and (max-width: 670px) {
    html {
        font-size: 55.6%
    }
}

@media all and (min-width: 660px) and (max-width: 665px) {
    html {
        font-size: 55.2%
    }
}

@media all and (min-width: 655px) and (max-width: 660px) {
    html {
        font-size: 54.7%
    }
}

@media all and (min-width: 650px) and (max-width: 655px) {
    html {
        font-size: 54.3%
    }
}

@media all and (min-width: 645px) and (max-width: 650px) {
    html {
        font-size: 53.9%
    }
}

@media all and (min-width: 640px) and (max-width: 645px) {
    html {
        font-size: 53.5%
    }
}

@media all and (min-width: 635px) and (max-width: 640px) {
    html {
        font-size: 53.1%
    }
}

@media all and (min-width: 630px) and (max-width: 635px) {
    html {
        font-size: 52.7%
    }
}

@media all and (min-width: 625px) and (max-width: 630px) {
    html {
        font-size: 52.2%
    }
}

@media all and (min-width: 620px) and (max-width: 625px) {
    html {
        font-size: 51.8%
    }
}

@media all and (min-width: 615px) and (max-width: 620px) {
    html {
        font-size: 51.4%
    }
}

@media all and (min-width: 610px) and (max-width: 615px) {
    html {
        font-size: 51%
    }
}

@media all and (min-width: 605px) and (max-width: 610px) {
    html {
        font-size: 50.6%
    }
}

@media all and (min-width: 600px) and (max-width: 605px) {
    html {
        font-size: 50.1%
    }
}

@media all and (min-width: 595px) and (max-width: 600px) {
    html {
        font-size: 49.7%
    }
}

@media all and (min-width: 590px) and (max-width: 595px) {
    html {
        font-size: 49.3%
    }
}

@media all and (min-width: 585px) and (max-width: 590px) {
    html {
        font-size: 48.9%
    }
}

@media all and (min-width: 580px) and (max-width: 585px) {
    html {
        font-size: 48.5%
    }
}

@media all and (min-width: 575px) and (max-width: 580px) {
    html {
        font-size: 48%
    }
}

@media all and (min-width: 570px) and (max-width: 575px) {
    html {
        font-size: 47.6%
    }
}

@media all and (min-width: 565px) and (max-width: 570px) {
    html {
        font-size: 47.2%
    }
}

@media all and (min-width: 560px) and (max-width: 565px) {
    html {
        font-size: 46.8%
    }
}

@media all and (min-width: 555px) and (max-width: 560px) {
    html {
        font-size: 46.4%
    }
}

@media all and (min-width: 550px) and (max-width: 555px) {
    html {
        font-size: 45.9%
    }
}

@media all and (min-width: 545px) and (max-width: 550px) {
    html {
        font-size: 45.5%
    }
}

@media all and (min-width: 540px) and (max-width: 545px) {
    html {
        font-size: 45.1%
    }
}

@media all and (min-width: 535px) and (max-width: 540px) {
    html {
        font-size: 44.7%
    }
}

@media all and (min-width: 530px) and (max-width: 535px) {
    html {
        font-size: 44.3%
    }
}

@media all and (min-width: 525px) and (max-width: 530px) {
    html {
        font-size: 43.8%
    }
}

@media all and (min-width: 520px) and (max-width: 525px) {
    html {
        font-size: 43.4%
    }
}

@media all and (min-width: 515px) and (max-width: 520px) {
    html {
        font-size: 43%
    }
}

@media all and (min-width: 510px) and (max-width: 515px) {
    html {
        font-size: 42.6%
    }
}

@media all and (min-width: 505px) and (max-width: 510px) {
    html {
        font-size: 42.2%
    }
}

@media all and (min-width: 495px) and (max-width: 505px) {
    html {
        font-size: 41.7%
    }
}

@media all and (min-width: 490px) and (max-width: 495px) {
    html {
        font-size: 41.3%
    }
}

@media all and (min-width: 485px) and (max-width: 490px) {
    html {
        font-size: 40.9%
    }
}

@media all and (min-width: 480px) and (max-width: 485px) {
    html {
        font-size: 40.5%
    }
}

@media all and (min-width: 475px) and (max-width: 480px) {
    html {
        font-size: 39.6%
    }
}

@media all and (min-width: 470px) and (max-width: 475px) {
    html {
        font-size: 39.2%
    }
}

@media all and (min-width: 465px) and (max-width: 470px) {
    html {
        font-size: 38.8%
    }
}

@media all and (min-width: 460px) and (max-width: 465px) {
    html {
        font-size: 38.4%
    }
}

@media all and (min-width: 455px) and (max-width: 460px) {
    html {
        font-size: 38%
    }
}

@media all and (min-width: 451px) and (max-width: 455px) {
    html {
        font-size: 37.6%
    }
}

@media screen and (max-width: 450px) {
    html {
        font-size: 100%
    }
}

@media print {
    body {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important
    }
}

@page {
    size: A4;
    margin: 1.2cm;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important
}

@page {
    @top-left-corner {
        margin: 0;
        border: 0;
        content: " ";
        font-size: 3pt;
        color: #f6f5f3
    }
}

@media print {
    html {
        font-size: 60% !important;
        margin: 0
    }
}

.wrapper {
    width: 100%;
    max-width: 1193px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 450px) {
    .wrapper {
        width: 319px
    }
}

.spacer {
    clear: both
}

.animation {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.animationSlow {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s
}

.animationAfter:after {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.animationBefore:before {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.animationLCA p:last-child:after, .animationLCA li:last-child:after {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

body.ie .animation, body.ie .animationAfter, body.ie .animationBefore:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.delay-1 {
    animation-delay: .25s
}

.delay-2 {
    animation-delay: .5s
}

.delay-3 {
    animation-delay: .75s
}

.delay-4 {
    animation-delay: 1s
}

.delay-5 {
    animation-delay: 1.25s
}

.delay-6 {
    animation-delay: 1.5s
}

.delay-7 {
    animation-delay: 1.75s
}

.delay-8 {
    animation-delay: 2s
}

.divCenter {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.divCenterCall {
    min-width: 55%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.divCenterHor {
    min-width: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.divCenterOuter {
    text-align: center
}

.divCenterOuter .dachzeile, .divCenterOuter article, .divCenterOuter .article {
    text-align: left
}

.divCenterOuter .divCenterInner {
    display: inline-block
}

.visible {
    display: block
}

.visibleImportant {
    display: block !important
}

.hidden {
    display: none
}

.hiddenImportant {
    display: none !important
}

.grey {
    background-color: #edebe8
}

.row .wrapper {
    padding: 3rem 2rem 3rem 4rem
}

@media screen and (max-width: 450px) {
    .row .wrapper {
        padding: 3rem 1rem
    }
}

@media screen and (min-width: 451px), print {
    .row .wrapper.more {
        padding-top: 4rem;
        padding-bottom: 6rem
    }
}

.row .dachzeile {
    font-weight: 300;
    font-size: 1.375rem;
    color: #0e0900;
    line-height: 1.1;
    margin-bottom: 1rem;
    letter-spacing: -0.05rem;
    text-transform: lowercase
}

.row .dachzeile b, .row .dachzeile strong {
    font-size: 1.4375rem
}

.row .dach-col {
    margin-bottom: 1rem
}

@media screen and (min-width: 451px), print {
    .row .dach-col {
        width: 20rem
    }
}

.row .title, .row .title p, .row .title h2, .row .title h3, .row .title h4 {
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .3rem;
    color: #0e0900
}

@media screen and (min-width: 451px), print {
    .row .title, .row .title p, .row .title h2, .row .title h3, .row .title h4 {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 450px) {
    .row .title, .row .title p, .row .title h2, .row .title h3, .row .title h4 {
        font-size: 1.1rem
    }
}

.row .text, .row .text p, .row .text h2, .row .text h3, .row .text h4 {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: .3rem;
    color: #575349
}

@media screen and (min-width: 451px), print {
    .row .text, .row .text p, .row .text h2, .row .text h3, .row .text h4 {
        font-size: .875rem
    }
}

@media screen and (max-width: 450px) {
    .row .text, .row .text p, .row .text h2, .row .text h3, .row .text h4 {
        font-size: .8125rem
    }
}

.row .highlighted, .row .highlighted p, .row .highlighted h2, .row .highlighted h3, .row .highlighted h4 {
    letter-spacing: -0.05rem;
    line-height: 1.2;
    font-weight: 300;
    color: #0e0900
}

@media screen and (min-width: 451px), print {
    .row .highlighted, .row .highlighted p, .row .highlighted h2, .row .highlighted h3, .row .highlighted h4 {
        font-size: 2.1rem;
        margin: .75rem 0
    }
}

@media screen and (max-width: 450px) {
    .row .highlighted, .row .highlighted p, .row .highlighted h2, .row .highlighted h3, .row .highlighted h4 {
        font-size: 1.3rem;
        margin: .5rem 0
    }
}

.row .highlighted.hghltd2, .row .highlighted.hghltd2 p, .row .highlighted.hghltd2 h2, .row .highlighted.hghltd2 h3, .row .highlighted.hghltd2 h4 {
    font-size: 1.3rem;
    letter-spacing: -0.02rem
}

.row .text ul {
    list-style-type: disc
}

.row .text ul li {
    font-size: .875rem;
    margin-left: 1rem
}

.row .text.tick ul {
    list-style-type: none;
    padding-top: .25rem
}

.row .text.tick ul li {
    margin-left: 1.5rem;
    margin-bottom: .6rem
}

.row .text.tick ul li:before {
    content: "\e918";
    color: #00adef;
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (min-width: 451px), print {
    .row .text.tick ul li:before {
        margin: 0 .5rem 0 -1.5rem
    }
}

@media screen and (max-width: 450px) {
    .row .text.tick ul li:before {
        margin: 0 .7rem 0 -1.5rem
    }
}

.row p, .row ul li {
    color: #575349;
    margin-bottom: .3rem
}

.row.negativ p {
    color: #fff
}

.row.negativ a, .row.negativ a:link, .row.negativ a:visited {
    color: #f1ac0d
}

@media screen and (min-width: 451px), print {
    .row.col article, .row.col .article, .row.col #lightSlider .li {
        float: left
    }
}

@media screen and (max-width: 450px) {
    .row.col article, .row.col .article, .row.col #lightSlider .li {
        margin-bottom: 1rem
    }
}

.row.col article:last-of-type, .row.col .article:last-of-type {
    margin-right: 0
}

@media screen and (min-width: 451px), print {
    .row.col-1 article, .row.col-1 .article, .row.col-1 #lightSlider .li {
        width: 32rem;
        margin-left: 3rem
    }
}

@media screen and (min-width: 451px), print {
    .row.col-1.wider article, .row.col-1.wider .article, .row.col-1.wider #lightSlider .li {
        width: 44rem
    }
}

@media screen and (min-width: 451px), print {
    .row.col-2 article, .row.col-2 .article, .row.col-2 #lightSlider .li {
        width: 21.4rem;
        margin-right: 6rem
    }
}

@media screen and (min-width: 451px), print {
    .row.col-3 article, .row.col-3 .article, .row.col-3 #lightSlider .li {
        width: 21.4rem;
        margin-right: 1.5rem
    }
}

@media screen and (min-width: 451px), print {
    .row.col-4 article, .row.col-4 .article, .row.col-4 #lightSlider .li {
        width: 15.8rem;
        margin-right: 1.5rem
    }
}

@media screen and (min-width: 451px), print {
    .row.col-5 article, .row.col-5 .article, .row.col-5 #lightSlider .li {
        width: 12.3rem;
        margin-right: 1.5rem
    }
}

@media screen and (min-width: 451px), print {
    .row.col-6 article, .row.col-6 .article, .row.col-6 #lightSlider .li {
        width: 10.4rem;
        margin-right: 1.4rem
    }
}


.r{
    left: 38rem;
    top: -8rem;
}
.rr{
    left: 20rem;
    top: -5rem;
}


@media screen and (max-width: 450px) {
    .r{
        left: 1rem;
        top: 1rem;
        font-size: 12px;
    }
}
@media screen and (max-width: 450px) {
    .rr{
        left: 2rem;
        top: 2rem;
        font-size: 12px;
    }
}

#ribbon {
    padding: .34em 1em;
    margin: 0;
    /*margin-top: 5%;*/
    position:relative;
    color: #ffffff;
    font: 14px 'Patua One', sans-serif;
    text-align: center;
    letter-spacing:0.1em;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
    inset 0px 0px 20px rgba(0,0,0,0.1),
    0px 1px 1px rgba(0,0,0,0.4);
    background: #003E6D;
    display: inline-block;
}

#ribbon:before, #ribbon:after {
    content: "";
    width:.2em;
    bottom:-.5em;
    position:absolute;
    display:block;
    border: .9em solid #003E6D;
    box-shadow:0px 1px 0px rgba(0,0,0,0.4);
    z-index:-2;
}

#ribbon:before {
    left:-1.35em;
    border-right-width: .75em;
    border-left-color:transparent;
}

#ribbon:after {
    right:-1.35em;
    border-left-width: .75em;
    border-right-color:transparent;
}

#content:before, #content:after {
    content:"";
    bottom:-.5em;
    position:absolute;
    display:block;
    border-style:solid;
    border-color: #003E6D transparent transparent transparent;
    z-index:-1;
}

#content:before {
    left: 0;
    border-width: .5em 0 0 .5em;
}

#content:after {
    right: 0;
    border-width: .5em .5em 0 0;
}






















.ribbons {
    position: relative;
    min-height: 3rem
}

.ribbons .ribbon_1, .ribbons .ribbon_2 {
    width: auto;
    padding: .1rem 1rem .2rem 1rem
}

.ribbons .ribbon_1 {
    top: 2rem;
    left: -1rem
}

.ribbons .ribbon_2 {
    top: 3.5rem;
    left: 1rem
}

.ribbon_1, .ribbon_2 {
    position: absolute;
    width: 8rem;
    text-align: center;
    font-weight: 400;
    color: #fff
}

.ribbon_1 {
    background: #f1ac0d;
    background: -moz-linear-gradient(135deg, #f1ac0d 0%, #f2590d 100%);
    background: -webkit-linear-gradient(135deg, #f1ac0d 0%, #f2590d 100%);
    background: linear-gradient(135deg, #f1ac0d 0%, #f2590d 100%);
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    z-index: 2
}

@media screen and (min-width: 451px), print {
    .ribbon_1 {
        top: 7rem;
        left: 10rem
    }
}

@media screen and (max-width: 450px) {
    .ribbon_1 {
        top: 4rem;
        left: 0rem;
        font-size: 1rem
    }
}

.ribbon_2 {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    z-index: 1
}

@media screen and (min-width: 451px), print {
    .ribbon_2 {
        top: 8rem;
        left: 12rem
    }
}

@media screen and (max-width: 450px) {
    .ribbon_2 {
        top: 5rem;
        left: 2rem;
        font-size: 1rem
    }
}

html, body {
    height: 100%
}

body {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
    line-height: 0px;
    color: #0e0900
}

@media print {
    body {
        font-weight: 400
    }
}

input, textarea, keygen, select, button {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-style: normal
}

input[type=search], input[type=search]:focus {
    background-color: #fff;
    color: #0e0900;
    outline: 0;
    border: 0;
    box-shadow: inset 0 0 0 #000;
    border-radius: .1875rem
}

.input-text, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea, button {
    border-radius: .125rem;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: .3rem .6rem
}

.input-text:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus, button:focus {
    border-color: #c6c3bc !important;
    outline: 0;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
    color: #0e0900
}

input[type=text]::-ms-clear, input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

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

input[type=date]::-webkit-clear-button {
    display: none
}

input[type=date]::-webkit-calendar-picker-indicator {
    color: transparent
}

input[type=date]::-webkit-calendar-picker-indicator:hover {
    background-color: rgba(0, 0, 0, 0)
}

select, input[type=date] {
    background-image: url(image/icon_arrow_down.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 1.7rem
}

select {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1;
    background-color: #f6f5f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: .1875rem;
    padding: .4rem .6rem
}

@media screen and (max-width: 450px) {
    select {
        font-size: .9rem;
        width: 255px
    }
}

select .optgroup {
    font-weight: 400;
    font-weight: bold
}

select .opt {
    padding-left: .5rem
}

label.input-group-btn {
    display: block;
    float: left;
    width: auto;
    margin-right: 0
}

label.input-group-btn .btn-file {
    margin-right: 0 !important;
    float: left;
    width: 9rem;
    height: 2.5rem;
    margin-top: 0;
    padding: .6rem .6rem .5rem 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

label.input-group-btn .btn-file input[type=file] {
    width: 0;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    display: block
}

label.input-group-btn input[type=text] {
    float: left;
    width: 32rem;
    padding: .3rem .6rem .5rem 1rem;
    margin-right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

select::-ms-expand {
    display: none
}

.icon:before, .icon:after, .shariff-button .fa:before, .shariff-button .fa:after, li.download.menu-item a:before, li.menu-item.download a:after {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none
}

#print .icon, #sapb1 .icon, #lightSlider .icon {
    position: relative
}

#print .icon:after, #sapb1 .icon:after, #lightSlider .icon:after, #print .icon:before, #sapb1 .icon:before, #lightSlider .icon:before {
    position: absolute;
    top: 0;
    left: 0
}

#print .icon:after, #sapb1 .icon:after, #lightSlider .icon:after {
    color: #878378
}

#print .icon:before, #sapb1 .icon:before, #lightSlider .icon:before {
    color: #fff
}

main {
    min-height: 70%;
    height: auto !important;
    height: 100%;
    margin-bottom: 0
}

@media screen and (max-width: 450px) {
    main {
        min-height: 80%
    }
}

@media screen and (max-width: 450px) {
    main .wrapper {
        padding: 0 0 0 8px;
        width: 311px
    }
}

@media screen and (max-width: 450px) {
    main .wrapper.noMargin {
        padding: 0;
        width: 319px
    }
}

a, a:visited {
    color: #0e0900
}

a:hover, p.redLink a {
    color: #e30513
}

h1 a, h2 a, h3 a {
    text-decoration: none
}

::selection {
    color: #fff;
    background: #e30513
}

header {
    width: 100%;
    z-index: 10;
    top: 0;
    position: fixed
}

@media print {
    header {
        position: absolute;
        top: 0
    }
}

@media screen and (max-width: 450px) {
    header {
        height: 42px
    }
}

header .wrapper {
    overflow: visible
}

@media print {
    header .wrapperLogo {
        float: right;
        margin-right: 3rem
    }
}

header .logo {
    height: 2.3rem;
    margin: .5rem 0 .6rem 0;
    z-index: 20;
    float: left
}

@media screen and (min-width: 451px), print {
    header .logo.symbol {
        margin-left: 1.5rem
    }
}

header .logo.marke {
    padding-right: 1.2rem
}

@media screen and (max-width: 450px) {
    header .logo {
        height: 29px;
        margin: 6px 0
    }
}

header #bezeichnung {
    font-size: .9rem;
    line-height: 1;
    color: #0e0900;
    letter-spacing: -0.03rem;
    float: left;
    margin: 1.15rem 0 0 0;
    width: 14rem;
    opacity: 1;
    padding-left: 1.2rem;
    border-left: 1px solid #c6c3bc;
    z-index: 20
}

@media screen and (max-width: 450px) {
    header #bezeichnung {
        display: none
    }
}

header .top {
    height: 1.4rem;
    background-color: rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 450px) {
    header .top {
        position: absolute;
        width: 100%;
        background-color: rgba(0, 0, 0, 0)
    }
}

header .header {
    background-color: #fff;
    height: 3.4375rem
}

@media print {
    header .header {
        position: absolute;
        top: 0;
        background: #fff;
        width: 100%
    }
}

@media screen and (max-width: 450px) {
    header .header {
        height: 42px
    }
}

header.shrink .top {
    height: 0
}

header.shrink .header {
    height: 2.2rem;
    background-color: rgba(255, 255, 255, 0.8)
}

header.shrink .logo {
    height: 1.6rem
}

@media screen and (min-width: 451px), print {
    header.shrink .logo.symbol {
        margin: .3rem 0 .3rem 1.5rem
    }
}

header.shrink .logo.marke {
    opacity: 0
}

@media screen {
    header.shrink #bezeichnung {
        font-size: 0;
        opacity: 0 !important
    }
}

@media screen and (max-width: 450px) {
    header.shrink #bezeichnung {
        margin: -40px 0 0 10px !important
    }
}

@media screen and (min-width: 451px) {
    header.shrink .navSec {
        right: -65rem !important
    }
}

@media screen {
    header.shrink #navIcon {
        top: 12px !important
    }
}

@media screen and (max-width: 450px) {
    header .navSecShow {
        opacity: 1 !important;
        visibility: visible !important
    }
}

header nav.navSec {
    z-index: 20;
    position: absolute;
    bottom: -3.5rem;
    right: 9.5rem;
    min-width: 15rem;
    width: 50%;
    overflow: visible
}

@media print {
    header nav.navSec {
        display: none
    }
}

@media screen and (max-width: 450px) {
    header nav.navSec {
        opacity: 0;
        visibility: hidden;
        padding: 0 0 16px 16px;
        position: absolute;
        top: 68px;
        left: 0;
        width: 100%;
        height: 380px;
        background-color: #fff;
        overflow-y: scroll;
        z-index: 21;
        border-radius: .1875rem
    }
}

@media screen and (min-width: 451px), print {
    header nav.navSec ul.menu li:hover > ul.sub-menu {
        border-bottom: 1px solid #c6c3bc
    }
}

header nav.navSec ul.menu li:first-child > ul.sub-menu {
    left: .5rem;
    min-width: 11.7rem
}

@media screen and (max-width: 450px) {
    header nav.navSec ul.menu li:first-child > ul.sub-menu {
        left: -0.5rem
    }
}

header nav.navSec#navTop {
    bottom: auto;
    top: 0;
    height: auto;
    overflow-y: initial;
    padding-bottom: 0
}

@media screen and (min-width: 451px), print {
    header nav.navSec#navTop {
        right: 3rem
    }
}

@media screen and (max-width: 450px) {
    header nav.navSec#navTop {
        top: 3px;
        background-color: #edebe8
    }
}

header nav.navSec#navTop ul.menu li, header nav.navSec#navTop ul#qts-lang-menu li {
    font-size: .8125rem
}

@media screen and (max-width: 450px) {
    header nav.navSec#navTop ul.menu li, header nav.navSec#navTop ul#qts-lang-menu li {
        background-color: transparent;
        padding: 0 .3rem .2rem .3rem
    }
}

header nav.navSec#navTop ul.menu li:first-child, header nav.navSec#navTop ul#qts-lang-menu li:first-child {
    border-top: 0 solid #fff
}

@media screen and (min-width: 451px), print {
    header nav.navSec#navTop ul.menu li a, header nav.navSec#navTop ul#qts-lang-menu li a {
        color: #fff
    }
}

@media screen and (max-width: 450px) {
    header nav.navSec#navTop ul.menu li a, header nav.navSec#navTop ul#qts-lang-menu li a {
        padding: 4px;
        font-size: 14px
    }
}

header nav.navSec#navTop ul.menu li.current-menu-item {
    border-bottom: 3px solid #e30513
}

@media screen and (min-width: 451px), print {
    header nav.navSec#navTop ul#qts-lang-menu {
        margin-left: .5rem
    }
}

header nav.navSec#navTop ul#qts-lang-menu li {
    opacity: .6
}

header nav.navSec#navTop ul#qts-lang-menu li.current-menu-item {
    opacity: 1
}

@media screen and (max-width: 450px) {
    header nav.navSec#navTop {
        flex-direction: column;
        display: -webkit-flex;
        display: flex
    }

    header nav.navSec#navTop #qts-lang-menu, header nav.navSec#navTop .menu-header-top-menu-container {
        height: 1.81rem;
        width: 255px
    }

    header nav.navSec#navTop #qts-lang-menu {
        -webkit-flex: 2;
        flex: 2;
        -webkit-order: 2;
        order: 2;
        margin-bottom: 0
    }

    header nav.navSec#navTop .menu-header-top-menu-container {
        -webkit-flex: 1;
        flex: 1;
        -webkit-order: 1;
        order: 1;
        margin-top: .2rem;
        border-bottom: 1px solid #c6c3bc
    }
}

.smMenu {
    position: absolute;
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

.smMenu.smMenuShow {
    height: 100rem;
    width: 100rem;
    top: -40rem;
    right: -50rem;
    opacity: .9
}

@media screen and (min-width: 451px), print {
    .smMenu {
        display: none
    }
}

@media screen and (max-width: 450px) {
    .smMenu {
        top: -1.5rem;
        right: 1.7rem
    }
}

#navIcon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 14px;
    right: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    display: none;
    z-index: 99
}

@media screen and (max-width: 450px) {
    #navIcon {
        display: block
    }
}

@media print {
    #navIcon {
        display: none
    }
}

#navIcon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 55%;
    background: #878378;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#navIcon span:nth-child(even) {
    left: 50%;
    border-radius: 0 2px 2px 0
}

#navIcon span:nth-child(odd) {
    left: 0px;
    border-radius: 2px 0 0 2px
}

#navIcon span:nth-child(1), #navIcon span:nth-child(2) {
    top: 0px
}

#navIcon span:nth-child(3), #navIcon span:nth-child(4) {
    top: 7px
}

#navIcon span:nth-child(5), #navIcon span:nth-child(6) {
    top: 14px
}

#navIcon.open span:nth-child(1), #navIcon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#navIcon.open span:nth-child(2), #navIcon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#navIcon.open span:nth-child(1) {
    left: 2px;
    top: 4px
}

#navIcon.open span:nth-child(2) {
    left: calc(50% - 3px);
    top: 4px
}

#navIcon.open span:nth-child(3) {
    left: -50%;
    opacity: 0
}

#navIcon.open span:nth-child(4) {
    left: 100%;
    opacity: 0
}

#navIcon.open span:nth-child(5) {
    left: 2px;
    top: 13px
}

#navIcon.open span:nth-child(6) {
    left: calc(50% - 3px);
    top: 13px
}

nav.navSec ul.menu, nav.navSec ul#qts-lang-menu {
    max-height: none;
    overflow: visible;
    float: right
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu, nav.navSec ul#qts-lang-menu {
        float: none;
        width: 100%
    }
}

nav.navSec ul.menu > li, nav.navSec ul#qts-lang-menu > li {
    padding: .2rem .5rem .2rem .5rem
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu > li, nav.navSec ul#qts-lang-menu > li {
        border-top: 1px solid #c6c3bc;
        width: 285px;
        padding-bottom: 0
    }
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu > li:last-child, nav.navSec ul#qts-lang-menu > li:last-child {
        border-bottom: 1px solid #c6c3bc
    }
}

nav.navSec ul.menu li, nav.navSec ul#qts-lang-menu li {
    font-size: 1rem;
    line-height: 1.2;
    text-transform: lowercase;
    float: left;
    position: relative;
    cursor: pointer
}

nav.navSec ul.menu li:first-child, nav.navSec ul#qts-lang-menu li:first-child {
    margin-left: 0
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li, nav.navSec ul#qts-lang-menu li {
        display: block;
        background-color: #fff
    }
}

nav.navSec ul.menu li a, nav.navSec ul#qts-lang-menu li a {
    display: block
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li a, nav.navSec ul#qts-lang-menu li a {
        padding: 4px 0px 6px 0px;
        font-size: 16px
    }
}

nav.navSec ul.menu li a, nav.navSec ul#qts-lang-menu li a {
    color: #0e0900;
    text-decoration: none
}

nav.navSec ul.menu li a:hover, nav.navSec ul#qts-lang-menu li a:hover {
    color: #e30513
}

nav.navSec ul.menu li a:not([href]):hover, nav.navSec ul#qts-lang-menu li a:not([href]):hover {
    color: #0e0900
}

nav.navSec ul.menu li:hover > ul.sub-menu, nav.navSec ul#qts-lang-menu li:hover > ul.sub-menu {
    background-color: #fff
}

nav.navSec ul.menu li:hover > ul.sub-menu li, nav.navSec ul#qts-lang-menu li:hover > ul.sub-menu li {
    border-top: 1px solid #c6c3bc;
    height: 1.54rem
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li:hover > ul.sub-menu li, nav.navSec ul#qts-lang-menu li:hover > ul.sub-menu li {
        height: 1.81rem
    }
}

nav.navSec ul.menu li:hover > ul.sub-menu li.child, nav.navSec ul#qts-lang-menu li:hover > ul.sub-menu li.child {
    border-top: 1px dotted #edebe8
}

nav.navSec ul.menu li > ul.sub-menu, nav.navSec ul#qts-lang-menu li > ul.sub-menu {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: .1875rem;
    display: table
}

nav.navSec ul.menu li > ul.sub-menu:before, nav.navSec ul#qts-lang-menu li > ul.sub-menu:before, nav.navSec ul.menu li > ul.sub-menu:after, nav.navSec ul#qts-lang-menu li > ul.sub-menu:after {
    content: "";
    display: table
}

nav.navSec ul.menu li > ul.sub-menu:after, nav.navSec ul#qts-lang-menu li > ul.sub-menu:after {
    clear: both
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li > ul.sub-menu, nav.navSec ul#qts-lang-menu li > ul.sub-menu {
        margin: 0;
        position: relative;
        left: -0.5rem
    }
}

nav.navSec ul.menu li > ul.sub-menu li a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li a {
    padding: .2rem .6rem .2rem .6rem
}

nav.navSec ul.menu li > ul.sub-menu li, nav.navSec ul#qts-lang-menu li > ul.sub-menu li {
    overflow: hidden;
    float: none;
    height: 0
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li > ul.sub-menu li, nav.navSec ul#qts-lang-menu li > ul.sub-menu li {
        border-top: 1px solid #c6c3bc;
        height: 1.81rem;
        width: 285px
    }
}

nav.navSec ul.menu li > ul.sub-menu li.current-menu-item > a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li.current-menu-item > a, nav.navSec ul.menu li > ul.sub-menu li:hover > a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li:hover > a {
    color: #fff
}

nav.navSec ul.menu li > ul.sub-menu li:hover, nav.navSec ul#qts-lang-menu li > ul.sub-menu li:hover, nav.navSec ul.menu li > ul.sub-menu li:hover a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li:hover a {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

nav.navSec ul.menu li > ul.sub-menu li.current-menu-item, nav.navSec ul#qts-lang-menu li > ul.sub-menu li.current-menu-item {
    background-color: #e30513
}

nav.navSec ul.menu li > ul.sub-menu li a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li a {
    font-size: .9rem;
    white-space: nowrap
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li > ul.sub-menu li a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li a {
        border-top: 0 solid #c6c3bc;
        width: 100%;
        padding-left: 1.5rem;
        width: 285px;
        height: 1.81rem;
        padding-top: .35rem
    }
}

nav.navSec ul.menu li > ul.sub-menu li.child a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li.child a {
    font-size: .8125rem;
    padding-left: 1rem
}

nav.navSec ul.menu li > ul.sub-menu li.child a:before, nav.navSec ul#qts-lang-menu li > ul.sub-menu li.child a:before {
    content: "· ";
    margin-left: -0.35rem
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li > ul.sub-menu li.child a, nav.navSec ul#qts-lang-menu li > ul.sub-menu li.child a {
        padding-left: 1.5rem
    }
}

@media screen and (max-width: 450px) {
    nav.navSec ul.menu li > ul.sub-menu li.child, nav.navSec ul#qts-lang-menu li > ul.sub-menu li.child {
        border-top: 1px dotted #edebe8
    }
}

@media screen and (max-width: 450px) {
    nav.navSec#navTop ul.menu > li, nav.navSec#navTop ul#qts-lang-menu > li {
        border-top: 0 solid #c6c3bc;
        width: auto;
        padding-bottom: 0
    }
}

@media screen and (max-width: 450px) {
    nav.navSec#navTop ul.menu > li:last-child, nav.navSec#navTop ul#qts-lang-menu > li:last-child {
        border-bottom: 0 solid #c6c3bc
    }
}

footer {
    padding-top: 2rem;
    padding-bottom: 1rem;
    border-top: 1px solid #0e0900;
    background-color: #fff
}

footer .wrapper {
    min-height: 20rem
}

@media print {
    footer {
        display: none
    }
}

footer .logo {
    overflow: hidden;
    float: left;
    margin-left: 2rem
}

@media screen and (max-width: 450px) {
    footer .logo {
        margin-left: 0;
        margin-bottom: 1rem
    }
}

footer .logo .logoimg {
    width: 9rem
}

@media screen and (max-width: 450px) {
    footer .logo .logoimg {
        width: 170px;
        margin: 10px 0 8px 14px;
        padding-right: 12px
    }
}

footer .logo p.bezeichnung {
    font-size: .7rem;
    padding: .5rem 0 0 2.4rem;
    width: 11rem;
    line-height: 1
}

@media screen and (max-width: 450px) {
    footer .logo p.bezeichnung {
        margin: 0 0 0 10px;
        width: 250px;
        padding: 0 0 0 49px
    }
}

footer nav#navSecFooter {
    float: right
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter {
        margin-top: 1.5rem
    }
}

footer nav#navSecFooter #site-navigation {
    min-width: 15rem;
    width: auto;
    float: none
}

footer nav#navSecFooter ul.menu {
    float: none
}

footer nav#navSecFooter ul.menu li a:after {
    content: ""
}

footer nav#navSecFooter ul.menu li.download.menu-item a {
    padding-left: 1.6rem
}

footer nav#navSecFooter ul.menu li.download.menu-item a:before {
    content: "\e977";
    position: absolute;
    left: .5rem;
    color: #fff
}

footer nav#navSecFooter ul.menu li.download.menu-item a:after {
    content: "\e948";
    position: absolute;
    left: .5rem;
    color: #575349
}

footer nav#navSecFooter ul.menu li:hover > ul.sub-menu li {
    height: auto
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter ul.menu li:hover > ul.sub-menu li {
        height: 1.81rem
    }
}

footer nav#navSecFooter ul.menu li > ul.sub-menu {
    display: block;
    width: 100%
}

footer nav#navSecFooter ul.menu li > ul.sub-menu li {
    height: auto;
    width: auto;
    border-top: 1px solid #c6c3bc
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter ul.menu li > ul.sub-menu li {
        height: 1.81rem;
        width: 100%
    }
}

footer nav#navSecFooter ul.menu li > ul.sub-menu li a {
    width: auto;
    white-space: normal
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter ul.menu li > ul.sub-menu li a {
        width: 100%
    }
}

footer nav#navSecFooter ul.menu li > ul.sub-menu li:first-child {
    border-top: 1px solid #0e0900
}

footer nav#navSecFooter ul.menu li > ul.sub-menu li:last-child {
    border-bottom: 1px solid #c6c3bc
}

footer nav#navSecFooter ul.menu li > ul.sub-menu li.child {
    border-top: 1px dotted #edebe8
}

footer nav#navSecFooter ul.menu > li {
    border-top: 0 solid #c6c3bc;
    margin-right: 1rem
}

@media screen and (min-width: 451px), print {
    footer nav#navSecFooter ul.menu > li.eng {
        width: 8.7rem
    }
}

@media screen and (min-width: 451px), print {
    footer nav#navSecFooter ul.menu > li.breit {
        width: 11.4rem
    }
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter ul.menu > li {
        margin-bottom: 1.5rem;
        width: 100%;
        margin-left: 3rem
    }
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter ul.menu > li:first-child {
        margin-left: 3rem
    }
}

@media screen and (max-width: 450px) {
    footer nav#navSecFooter ul.menu > li:last-child {
        border-bottom: 0 solid #c6c3bc
    }
}

footer .social {
    float: right;
    margin-right: 1rem;
    margin-top: .5rem
}

footer .shariff-button {
    margin: 0
}

.footerIcon.icon:before, .fa:before, .footerIcon.icon:after, .fa:after {
    font-size: 1.9rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    margin-top: -0.95rem;
    left: 50%;
    margin-left: -0.95rem
}

@media screen and (max-width: 450px) {
    .footerIcon.icon:before, .fa:before, .footerIcon.icon:after, .fa:after {
        font-size: 1.8rem;
        margin-top: -0.8rem;
        margin-left: -0.9rem
    }
}

.footerIcon.icon:before, .fa:before {
    color: #fff
}

.footerIcon.icon:after, .fa:after {
    color: #878378
}

.postBarImg .shariff {
    float: right
}

.postBarImg .shariff ul {
    padding: 0 !important
}

.postBarImg .shariff ul li {
    list-style-type: none !important
}

.shariff-button .share_text {
    display: none
}

.shariff-button {
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    float: left;
    margin: 0 0 0 .3rem;
    border-radius: 50%;
    background-color: #fff
}

@media screen and (max-width: 450px) {
    .shariff-button {
        width: 2rem;
        height: 2rem;
        margin: 0 0 0 9px
    }
}

.shariff-button:hover span:after {
    color: #0e0900
}

.shariff-button.facebook:hover {
    background-color: #0066b2
}

.shariff-button.twitter:hover {
    background-color: #008ad1
}

.shariff-button.googleplus:hover, .shariff-button.youtube:hover {
    background-color: #c90f11
}

.shariff-button.linkedin:hover {
    background-color: #00adef
}

.shariff-button.xing:hover {
    background-color: #00b6ba
}

h1, p.h1-single {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    text-transform: lowercase;
    letter-spacing: -0.05rem
}

@media screen and (max-width: 450px) {
    h1, p.h1-single {
        font-size: 2rem
    }
}

h2 {
    font-weight: 200;
    font-size: 1.2rem;
    line-height: 1.25;
    letter-spacing: -0.03rem;
    margin-bottom: .3rem
}

@media screen and (max-width: 450px) {
    h2 {
        font-size: .7rem;
        font-weight: 400;
        letter-spacing: 0
    }
}

h3, h4 {
    font-weight: 200;
    font-size: 4.5rem;
    line-height: 1.1;
    letter-spacing: -0.05rem;
    margin-bottom: .1rem;
    margin-left: 0
}

@media screen and (max-width: 450px) {
    h3, h4 {
        font-size: 2.8rem;
        margin-left: 0
    }
}

h5, h6 {
    font-weight: 400
}

p {
    font-size: 1rem;
    line-height: 1.4;
    color: #0e0900;
    margin-bottom: .1rem
}

@media screen and (max-width: 450px) {
    p {
        font-size: .8125rem
    }
}

.ic-url a, .ic-url-noa, p.arrowurl a, #blog.help .listPosts h5 a, #blog.help .listPosts.singlepost .zeit {
    font-size: 1rem;
    line-height: 1.2;
    position: relative
}

.ic-url a:before, .ic-url-noa:before, p.arrowurl a:before, #blog.help .listPosts h5 a:before, #blog.help .listPosts.singlepost .zeit:before {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    margin-right: .2rem;
    font-size: 1.3rem;
    color: #e30513;
    position: absolute
}

@media screen and (max-width: 450px) {
    .ic-url a:before, .ic-url-noa:before, p.arrowurl a:before, #blog.help .listPosts h5 a:before, #blog.help .listPosts.singlepost .zeit:before {
        font-size: 1rem
    }
}

.ic-url a:link, .ic-url-noa:link, p.arrowurl a:link, #blog.help .listPosts h5 a:link, #blog.help .listPosts.singlepost .zeit:link {
    color: #0e0900
}

@media screen and (max-width: 450px) {
    .ic-url a, .ic-url-noa, p.arrowurl a, #blog.help .listPosts h5 a, #blog.help .listPosts.singlepost .zeit {
        font-size: 14.5px;
        margin-left: 1.2rem
    }
}

p.video a:after, p.pdf a:after, #blog.help .listPosts.singlepost .zeit:after {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    margin-right: .2rem;
    font-size: 1.7rem;
    color: #0e0900;
    position: absolute;
    top: -0.19rem;
    left: -2rem
}

@media screen and (max-width: 450px) {
    p.video a:after, p.pdf a:after, #blog.help .listPosts.singlepost .zeit:after {
        font-size: 1.2rem;
        top: 0;
        left: -1.5rem
    }
}

p.arrowurl a, .ic-url a, .ic-url-noa, #blog.help .listPosts h5 a {
    font-weight: 400
}

@media screen and (max-width: 450px) {
    p.arrowurl a, .ic-url a, .ic-url-noa, #blog.help .listPosts h5 a {
        margin-left: 0
    }
}

p.arrowurl a:before, .ic-url a:before, .ic-url-noa:before, #blog.help .listPosts h5 a:before {
    top: 0;
    right: -1.5rem;
    color: #e30513;
    font-size: 1rem;
    text-decoration: none
}

@media screen and (max-width: 450px) {
    p.arrowurl a:before, .ic-url a:before, .ic-url-noa:before, #blog.help .listPosts h5 a:before {
        font-size: 1rem
    }
}

p.video a, p.pdf a, p.blog a {
    font-weight: 300
}

p.video a:before, p.pdf a:before, p.blog a:before {
    color: #e30513;
    top: -0.2rem;
    left: -2rem
}

@media screen and (max-width: 450px) {
    p.video a:before, p.pdf a:before, p.blog a:before {
        font-size: 1rem;
        top: 0
    }
}

p.video a:before, p.pdf a:before {
    font-size: 1.7rem;
    color: #fff
}

@media screen and (max-width: 450px) {
    p.video a:before, p.pdf a:before {
        font-size: 1.2rem;
        top: 0;
        left: -1.5rem
    }
}

p.arrowurl a:before, .ic-url a:before, .ic-url-noa:before, p.blog a:before, #blog.help .listPosts h5 a:before {
    content: "\e90d"
}

p.arrowurl:hover a, .ic-url:hover a, .ic-url-noa:hover, #blog.help .listPosts h5 a:hover {
    color: #e30513
}

p.arrowurl:hover a:before, .ic-url:hover a:before, .ic-url-noa:hover:before, #blog.help .listPosts h5 a:hover:before {
    right: -1.7rem
}

p.blog:hover a {
    color: #e30513
}

p.blog:hover a:before {
    left: -1.7rem
}

p.negativ a, p.negativ a:link, p.negativ a:visited, p.negativ:hover a {
    color: #fff
}

.iconBlog {
    font-family: 'cloudiax-web';
    line-height: 1.4;
    font-size: 4.5rem;
    color: #0066b2;
    font-size: 3.5rem;
    margin: 0;
    line-height: 1
}

@media screen and (max-width: 450px) {
    .iconBlog {
        font-size: 2.5rem;
        margin-right: 1%
    }
}

#picGal .icon.icon-search:after {
    color: #575349
}

#picGal .icon.icon-search:before {
    color: #edebe8;
    background-color: rgba(255, 255, 255, 0.6)
}

#picGal .icon.icon-search:before, #picGal .icon.icon-search:after {
    width: 2rem;
    height: 2rem;
    line-height: 1;
    font-size: 1.5rem;
    padding: .25rem;
    border-radius: 50%;
    top: 1.25rem;
    left: 11.5rem
}

#picGal .icon.icon-search:hover:after {
    color: #e30513
}

button {
    padding: 0px;
    border: 0px
}

button:focus {
    outline: -webkit-focus-ring-color auto 0;
    border: 0px;
    outline: 0px
}

#print {
    cursor: pointer
}

@media print {
    #print {
        display: none
    }
}

@media screen and (max-width: 450px) {
    #print {
        display: none
    }
}

#print:hover .icon:before {
    color: #c90f11;
    left: -0.5rem
}

#print:hover .icon:after {
    color: #004d85;
    left: 1rem
}

#print p {
    line-height: 1.2rem
}

#print .icon {
    font-size: 4rem;
    line-height: 1.4;
    height: 2.8rem;
    width: 6rem;
    mix-blend-mode: multiply;
    position: relative
}

#print .icon:after {
    content: "\e910";
    color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3rem;
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

#print .icon:before {
    content: "\eac7";
    color: #00adef;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 2.2rem
}

.eform {
    padding: .3rem .6rem .3rem .6rem;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: .4rem;
    margin-right: .4rem;
    width: 100%;
    border: 0 solid #fff;
    border-radius: .125rem;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3)
}

.eform:focus {
    border-color: #c6c3bc !important;
    outline: 0;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3)
}

@media screen and (max-width: 450px) {
    .eform {
        font-size: .8125rem;
        padding: 1% 2% 1.5% 2%;
        width: 100%
    }
}

input[type=file].eform.nolabel {
    background-color: transparent;
    box-shadow: none;
    padding-left: 0
}

.btn, input[type=submit] {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    border: 0px;
    border-radius: .125rem;
    padding: .3rem .6rem;
    margin-top: .2rem;
    float: right;
    color: #fff;
    background: #e30513
}

.btn:hover, input[type=submit]:hover {
    cursor: pointer
}

.btn:focus, input[type=submit]:focus {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    color: #fff
}

.btn:hover, input[type=submit]:hover {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

::-webkit-input-placeholder {
    color: rgba(87, 83, 73, 0.7)
}

::-moz-placeholder {
    color: rgba(87, 83, 73, 0.7)
}

::-ms-input-placeholder {
    color: rgba(87, 83, 73, 0.7)
}

::-moz-placeholder {
    color: rgba(87, 83, 73, 0.7)
}

::placeholder {
    color: rgba(87, 83, 73, 0.7)
}

label {
    display: inline-block;
    margin: .4rem .8rem .2rem 0
}

form[class*="search"] {
    position: relative;
    width: 100%
}

form[class*="search"] .screen-reader-text, form[class*="search"] input[type=submit] {
    display: none
}

form[class*="search"]:before {
    color: #b2aea6;
    display: inline-block;
    font-family: 'cloudiax-web' !important;
    font-size: 1.4rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e912";
    position: absolute;
    top: .25rem;
    right: .5rem
}

.search-form-container {
    margin: 1rem 0 2rem 0;
    line-height: .85
}

.search-form-container form.search-form input.search-field {
    font-size: .875rem;
    width: 100%;
    background-color: #edebe8;
    border-radius: .1875rem
}

[type="radio"]:checked, [type="radio"]:not(:checked), [type="checkbox"]:checked, [type="checkbox"]:not(:checked) {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: -1
}

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span {
    position: relative;
    padding-left: 1.75rem;
    cursor: pointer;
    line-height: 1.4;
    display: inline-block
}

[type="radio"]:disabled + label, [type="checkbox"]:disabled + label, [type="checkbox"]:disabled + span {
    opacity: .5
}

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + span:before, [type="checkbox"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #c6c3bc;
    background: #f6f5f3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + span:before, [type="checkbox"]:not(:checked) + span:before {
    top: 0
}

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    border-radius: 100%
}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + span:before, [type="checkbox"]:not(:checked) + span:before {
    border-radius: .1875rem
}

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + span:after, [type="checkbox"]:not(:checked) + span:after {
    content: '';
    width: .875rem;
    height: .875rem;
    background: #c90f11;
    position: absolute;
    top: .1875rem;
    left: .1875rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
    border-radius: 100%
}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + span:after, [type="checkbox"]:not(:checked) + span:after {
    border-radius: 2px
}

[type="radio"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type="radio"]:checked + label:after, [type="checkbox"]:checked + label:after, [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + span:after, [type="checkbox"]:not(:checked) + span:after {
    left: .375rem;
    top: .1875rem;
    width: .4375rem;
    height: .75rem;
    border: solid #fff;
    background: none;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

[type="checkbox"]:checked + label:before, [type="checkbox"]:checked + span:before {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

@media screen and (min-width: 451px), print {
    #tsr.tsr-xl, #tsr.tsr-xl .wrapper {
        height: 40rem
    }
}

@media screen and (max-width: 450px) {
    #tsr.tsr-xl, #tsr.tsr-xl .wrapper {
        height: 500px
    }
}

@media screen and (min-width: 451px), print {
    #tsr.tsr-l, #tsr.tsr-l .wrapper {
        height: 30rem
    }
}

@media screen and (min-width: 451px), print {
    #tsr.tsr-m, #tsr.tsr-m .wrapper {
        height: 22.5rem
    }
}

@media screen and (max-width: 450px) {
    #tsr.tsr-m, #tsr.tsr-m .wrapper {
        height: 610px
    }
}

@media screen and (min-width: 451px), print {
    #tsr.tsr-s, #tsr.tsr-s .wrapper {
        height: 10rem
    }
}

@media screen and (max-width: 450px) {
    #tsr.tsr-s, #tsr.tsr-s .wrapper {
        height: 100px
    }
}

#tsr.tsr-s {
    background-image: url(image/teaser_agb.jpg);
    background-position: center;
    background-size: cover
}

#tsr.tsr-xs, #tsr.tsr-xs .wrapper {
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

@media screen and (min-width: 451px), print {
    #tsr.tsr-xs, #tsr.tsr-xs .wrapper {
        height: 6.5rem
    }
}

@media screen and (max-width: 450px) {
    #tsr.tsr-xs, #tsr.tsr-xs .wrapper {
        height: 60px
    }
}

#tsr #box-tsr {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #tsr #box-tsr {
        top: 7rem;
        left: 4rem
    }
}

@media screen and (max-width: 450px) {
    #tsr #box-tsr {
        top: 64px;
        left: 8px
    }
}

.cta {
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #e30513;
    border: 2px solid #ae0f0a;
    text-transform: lowercase
}

@media screen and (min-width: 451px), print {
    .cta {
        bottom: 2rem;
        right: 3rem
    }
}

@media screen and (max-width: 450px) {
    .cta {
        -webkit-transform: scale(.75, .75);
        -moz-transform: scale(.75, .75);
        -ms-transform: scale(.75, .75);
        transform: scale(.75, .75);
        bottom: .5rem;
        right: 8px
    }
}

.cta:not(.no-cta) {
    cursor: pointer
}

.cta:not(.no-cta):hover {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

.cta span {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    border: 1px #e30513 solid;
    width: 6rem;
    height: 6rem
}

.cta.negativ {
    border: 2px solid #fff
}

.cta.negativ span {
    border: 1px #fff solid
}

.cta .divCenterCall p {
    text-align: left;
    line-height: 1.1;
    margin-left: .1rem;
    color: #fff;
    margin-bottom: .3rem
}

@media screen and (max-width: 450px) {
    .cta .divCenterCall p {
        font-size: 1rem
    }
}

.cta span:nth-child(2), .cta span:nth-child(3), .cta span:nth-child(4) {
    opacity: .3
}

#call span:nth-child(2), #call4 span:nth-child(2) {
    top: -0.2rem;
    left: .3rem
}

#call span:nth-child(3), #call4 span:nth-child(3) {
    top: .3rem;
    left: -0.5rem
}

#call span:nth-child(4), #call4 span:nth-child(4) {
    top: .4rem
}

#call2 span:nth-child(2), #call5 span:nth-child(2) {
    top: -0.3rem;
    left: -0.3rem
}

#call2 span:nth-child(3), #call5 span:nth-child(3) {
    top: -0.2rem;
    left: .3rem
}

#call2 span:nth-child(4), #call5 span:nth-child(4) {
    top: .2rem
}

#call3 span:nth-child(2), #call6 span:nth-child(2) {
    top: .1rem;
    left: .2rem
}

#call3 span:nth-child(3), #call6 span:nth-child(3) {
    left: -0.2rem
}

#call3 span:nth-child(4), #call6 span:nth-child(4) {
    top: .2rem
}

#become-partner #call-ad-wrapper {
    position: absolute;
    overflow: hidden;
    height: 7rem;
    z-index: 0
}

@media screen and (min-width: 451px), print {
    #become-partner #call-ad-wrapper {
        bottom: 2rem;
        right: 6.2rem;
        width: 31rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #call-ad-wrapper {
        bottom: 0;
        right: -3.3rem;
        width: 26rem
    }
}

@media screen and (max-width: 450px) {
    #call-ad-wrapper {
        -webkit-transform: scale(.75, .75);
        -moz-transform: scale(.75, .75);
        -ms-transform: scale(.75, .75);
        transform: scale(.75, .75)
    }
}

#call-ad {
    background-color: #fff;
    height: 7rem;
    z-index: 0;
    border-radius: .375rem
}

@media screen and (min-width: 451px), print {
    #call-ad {
        width: 31rem
    }
}

@media screen and (max-width: 450px) {
    #call-ad {
        width: 26rem
    }
}

#call-ad img {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
    height: 7rem;
    float: left
}

@media screen and (max-width: 450px) {
    #call-ad img {
        width: 8rem
    }
}

#call-ad #call-ad-text {
    float: left;
    margin: .75rem 0 0 1rem
}

#call-ad #call-ad-text .title {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
    color: #0066b2
}

#call-ad #call-ad-text ul li {
    font-size: .875rem
}

#call-ad #call-ad-text .text.tick ul {
    padding-top: .1rem
}

#call-ad #call-ad-text .text.tick ul li {
    margin-bottom: .1rem
}

#sapb1 #tsr {
    background: url(image/teaser_a19.jpg);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #sapb1 #tsr {
        background: url(image/teaser_a_sm19.jpg);
        background-size: cover;
        background-position: top center;
        height: 610px
    }
}

@media screen and (max-width: 450px) {
    #sapb1 #tsr .wrapper {
        height: 610px
    }
}

#sapb1 #tsr #box-tsr {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #sapb1 #tsr #box-tsr {
        top: 8rem;
        left: 4rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1 #tsr #box-tsr {
        top: 3.5rem;
        left: 0
    }
}

#box-ad-anim {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #box-ad-anim {
        top: 24.6rem;
        left: 29rem
    }
}

@media screen and (max-width: 450px) {
    #box-ad-anim {
        top: 420px;
        left: 0
    }
}

#box-ad {
    width: 15rem;
    height: 13.75rem;
    background: url(image/teaser-offer-back.jpg);
    background-size: cover;
    border-radius: .375rem;
    padding: 1rem .2rem .5rem 1.2rem;
    -webkit-box-shadow: 0 0 1rem rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.9)
}

@media screen and (max-width: 450px) {
    #box-ad {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }
}

#box-ad #box-ad-text {
    position: relative;
    z-index: 2
}

#box-ad #box-ad-back {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6rem;
    background: #003359;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    z-index: 1
}

#box-ad #box-ad-back p.price {
    margin-left: 1.2rem;
    line-height: 1;
    color: #f1ac0d
}

#box-ad #box-ad-back p.price.euros {
    font-size: 3.375rem;
    font-weight: 600
}

#box-ad #box-ad-back p.price.alternative {
    font-size: 1.6rem;
    margin-top: .8rem;
    font-weight: 600
}

#box-ad #box-ad-back p.price.alternative small {
    font-size: 1.2rem;
    margin-left: 0
}

#box-ad #box-ad-back p.price .tiny {
    font-weight: 300;
    font-size: .875rem;
    color: #fff
}

#box-ad #box-ad-back p.price small {
    font-weight: 300;
    font-size: 1.6rem;
    margin-left: -0.25rem
}

#box-ad #box-ad-back p.obs {
    font-size: .6875rem;
    position: absolute;
    bottom: .5rem;
    left: 1.2rem;
    color: #fff
}

#box-ad .title {
    color: #0066b2;
    margin-bottom: .3rem
}

#box-ad ul li {
    margin-left: 1rem;
    margin-bottom: .3rem;
    font-size: 1rem;
    font-weight: 400;
    color: #0e0900
}

#box-ad ul li:before {
    margin: 0 .2rem 0 -1.2rem
}

#sapb1.index #tsr h1 {
    text-transform: uppercase;
    font-weight: 200;
    line-height: .9;
    color: #fff
}

@media screen and (min-width: 451px), print {
    #sapb1.index #tsr h1 {
        font-size: 4rem;
        letter-spacing: -0.2rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.index #tsr h1 {
        font-size: 2.1rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #tsr h1 strong {
        font-size: 4.1rem;
        letter-spacing: -0.1rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.index #tsr h1 strong {
        font-size: 2.2rem
    }
}

#sapb1.index #tsr p.intro {
    font-weight: 400
}

@media screen and (min-width: 451px), print {
    #sapb1.index #tsr p.intro {
        margin: 1rem 0 0 .5rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.index #tsr p.intro {
        margin: .5rem 0 0 .5rem
    }
}

#sapb1.index #tsr #call {
    background-color: #0066b2
}

#sapb1.index #tsr #call .divCenterCall p {
    margin-left: .3rem;
    letter-spacing: -0.03rem
}

@media screen and (min-width: 451px), print {
    #sapb1.index #tsr #call {
        left: 15.5rem;
        top: 24.3rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.index #tsr #call {
        left: 14rem;
        top: 10rem
    }
}

#sapb1.index #tsr #call6 {
    z-index: 5
}

@media screen and (min-width: 451px), print {
    #sapb1.index #tsr #call6 {
        top: 7.75rem;
        left: 11.8rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.index #tsr #call6 {
        top: 5.05rem;
        left: 7.8rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #advantages p.dachzeile {
        float: left
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #fakten article:nth-child(1) {
        width: 22.2rem;
        margin-left: 1rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #fakten article:nth-child(2) {
        width: 19.2rem
    }
}

#sapb1.accantum .cta p {
    font-size: .875rem
}

#sapb1.accantum #tsr {
    background: url(image/background-pixel-blue.jpg);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr {
        height: 650px
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr .wrapper {
        background: url(image/teaser_accantum_19.svg);
        background-size: contain;
        background-position: top center
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr .wrapper {
        background: url(image/teaser_accantum_sm19.svg);
        background-size: cover;
        height: 650px
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr #box-tsr {
        top: 6rem
    }
}

#sapb1.accantum #tsr h1 {
    line-height: .9
}

#sapb1.accantum #tsr h1 strong {
    font-weight: 400
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr h1 {
        font-size: 3rem;
        font-weight: 200;
        letter-spacing: -0.15rem;
        width: 24rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr h1 {
        font-size: 1.5rem
    }
}

#sapb1.accantum #tsr p.accantum {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr p.accantum {
        font-size: 1.2rem
    }
}

#sapb1.accantum #tsr .desc {
    position: absolute;
    z-index: 1
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr .desc:nth-child(2) {
        top: 12rem;
        left: 47.5rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr .desc:nth-child(2) {
        top: 225px;
        z-index: 3
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr .desc:nth-child(3) {
        top: 26rem;
        left: 35.5rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr .desc:nth-child(3) {
        top: 352px;
        z-index: 4
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr .desc:nth-child(4) {
        top: 25.5rem;
        left: 51rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr .desc:nth-child(4) {
        display: none
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr .desc {
        left: 16px;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }
}

#sapb1.accantum #tsr .desc:hover {
    z-index: 2
}

#sapb1.accantum #tsr .desc div.h2 {
    background-color: #08162a;
    width: 6.5rem;
    height: 5.7rem;
    border-radius: .1875rem;
    border-top-right-radius: 0;
    padding: 0 .2rem 0 .5rem;
    float: left;
    cursor: pointer;
    position: relative
}

#sapb1.accantum #tsr .desc div.h2 h2 {
    font-size: .8125rem;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1.1;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#sapb1.accantum #tsr .desc div.h2:hover ~ div.txt {
    opacity: 1;
    margin-top: 0
}

#sapb1.accantum #tsr .desc div.h2:hover + span:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#sapb1.accantum #tsr .desc div.h2:hover + span {
    top: -1rem
}

#sapb1.accantum #tsr .desc span {
    background-color: #e30513;
    position: absolute;
    top: 0;
    left: 6.5rem;
    width: 1rem;
    height: 1rem
}

#sapb1.accantum #tsr .desc span:before {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: 0;
    font-size: 1rem;
    color: #fff;
    content: "\e91a";
    line-height: 1;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr .desc span {
        top: -16px;
        left: 5.5rem
    }
}

#sapb1.accantum #tsr .desc div.txt {
    border-radius: .1875rem;
    border-top-left-radius: 0;
    width: 11.25rem;
    height: 11.25rem;
    float: left;
    margin-top: 1rem;
    position: relative;
    background-color: #edebe8;
    opacity: 0
}

#sapb1.accantum #tsr .desc div.txt p {
    font-size: .75rem;
    line-height: 1.2;
    margin: .15rem .3rem .15rem .75rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr #box-ad-anim {
        top: 25rem;
        left: 4rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr #box-ad-anim {
        top: 475px;
        left: 16px
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #tsr #call6 {
        top: 7.75rem;
        left: 12rem;
        z-index: 1
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #tsr #call6 {
        left: 8.3rem;
        top: 5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #addons {
        background: url(image/bg-accantum.svg);
        background-size: 162.5rem 37.5rem;
        background-position: top center
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #addons {
        background: url(image/bg-accantum-sm.svg);
        background-size: 800px 600px;
        background-position: top center
    }
}

#sapb1.accantum #addons.row {
    background-color: #f6f5f3
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #addons article:nth-child(3) {
        top: 23rem;
        left: 47rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #addons article:nth-child(3) {
        top: 24rem;
        position: absolute
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #addons article:nth-child(4) {
        top: 15rem;
        left: 15rem;
        width: 21rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #addons article:nth-child(4) {
        top: 8rem;
        position: absolute
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #fakten article:nth-child(1) {
        margin-left: 6rem;
        margin-right: 12rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #fakten p.info {
        font-size: 13rem;
        letter-spacing: -0.7rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #dms-wms #call4 {
        right: 47rem
    }
}

#sapb1.accantum.dms #dms-wms .round-back:nth-child(1) {
    opacity: .9;
    background-color: #008ad1
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #dms-wms .round-back:nth-child(1) {
        top: -8rem;
        left: 23rem;
        width: 50rem;
        height: 50rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.dms #dms-wms .round-back:nth-child(1) {
        top: 25rem;
        left: 0;
        width: 15rem;
        height: 15rem
    }
}

#sapb1.accantum.dms #dms-wms .round-back:nth-child(2) {
    width: 55rem;
    height: 55rem;
    opacity: .4;
    background-color: #003359
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #dms-wms .round-back:nth-child(2) {
        top: 13rem;
        left: 35rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.dms #dms-wms .round-back:nth-child(2) {
        top: 26rem;
        left: -2rem
    }
}

#sapb1.accantum.dms #dms-wms .infog {
    background: url(image/wms.svg);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tsr h1 {
        width: 180px
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tsr .wrapper {
        background: url(image/teaser_accantum_wms.svg);
        background-size: contain;
        background-position: top center
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tsr .wrapper {
        background: url(image/teaser_accantum_wms_sm.svg);
        background-size: cover
    }
}

#sapb1.accantum.wms #tsr .desc {
    border-radius: .1875rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tsr .desc {
        top: 25rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tsr .desc {
        right: 0;
        left: auto
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tsr .desc:nth-child(2) {
        left: 34rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tsr .desc:nth-child(2) {
        top: 62px
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tsr .desc:nth-child(3) {
        left: 46rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tsr .desc:nth-child(3) {
        top: 230px
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tsr .desc:nth-child(4) {
        left: 58rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tsr .desc:nth-child(4) {
        top: 398px;
        display: block
    }
}

#sapb1.accantum.wms #tsr .desc div.h2 {
    float: none
}

#sapb1.accantum.wms #tsr .desc div.h2:hover + span {
    top: 5.7rem
}

#sapb1.accantum.wms #tsr .desc div.txt {
    width: 6.5rem;
    height: 5.7rem;
    border-radius: .1875rem
}

#sapb1.accantum.wms #tsr .desc div.txt p {
    font-size: .875rem;
    font-weight: 600
}

#sapb1.accantum.wms #tsr .desc span {
    top: 4.7rem;
    z-index: 2
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tools .wrapper {
        padding-bottom: 5rem
    }
}

#sapb1.accantum.wms #tools a {
    text-decoration: none
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tools article {
        margin: 4rem 1.5rem 6.5rem 0
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #tools article {
        margin-top: 2rem;
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #tools a:last-of-type article {
        margin-right: 0
    }
}

#sapb1.accantum.wms #tools img {
    margin: 1rem 0
}

#sapb1.accantum.wms #keywords .dachzeile {
    margin-bottom: 4rem
}

#sapb1.accantum.wms #keywords .wrapper {
    padding-bottom: 6rem
}

#sapb1.accantum.wms #keywords article {
    margin-bottom: 2rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #keywords article {
        height: 10rem
    }
}

#sapb1.accantum.wms #keywords article:nth-child(5) {
    margin-right: 0
}

#sapb1.accantum.wms #keywords .title {
    background-color: #004460;
    color: #fff
}

#sapb1.accantum.wms #keywords .title, #sapb1.accantum.wms #keywords .text {
    padding: 0 .5rem
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms .more {
        display: none
    }
}

#sapb1.accantum.wms #dms-wms .round-back:nth-child(1) {
    opacity: .9;
    background-color: #f1ac0d
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #dms-wms .round-back:nth-child(1) {
        top: -8rem;
        left: 28rem;
        width: 48rem;
        height: 48rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #dms-wms .round-back:nth-child(1) {
        top: 25rem;
        left: 0;
        width: 14rem;
        height: 14rem
    }
}

#sapb1.accantum.wms #dms-wms .round-back:nth-child(2) {
    width: 55rem;
    height: 55rem;
    opacity: .4;
    background-color: #f2590d
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.wms #dms-wms .round-back:nth-child(2) {
        top: -18rem;
        left: 37rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #dms-wms .round-back:nth-child(2) {
        top: 32rem;
        left: -10rem
    }
}

#sapb1.accantum.wms #dms-wms .infog {
    background: url(image/dms.svg);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #dms-wms #call4 {
        bottom: 4rem
    }
}

#dms-wms {
    background: url(image/background-pixel-white.jpg);
    background-size: cover;
    background-position: top center;
    overflow: hidden
}

#dms-wms .round-back {
    position: absolute;
    border-radius: 50%;
    z-index: 0
}

#dms-wms .wrapper {
    overflow: visible
}

@media screen and (min-width: 451px), print {
    #dms-wms .wrapper {
        min-height: 32rem
    }
}

@media screen and (max-width: 450px) {
    #dms-wms .wrapper {
        min-height: 35rem
    }
}

#dms-wms .infog {
    height: 29rem;
    position: absolute
}

@media screen and (min-width: 451px), print {
    #dms-wms .infog {
        width: 78rem
    }
}

@media screen and (max-width: 450px) {
    #dms-wms .infog {
        width: 21rem;
        bottom: 0;
        right: 0
    }
}

#dms-wms .dach {
    font-weight: 600;
    color: #0091b0;
    line-height: 1.1
}

#dms-wms .dachzeile {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: .5rem
}

#dms-wms .dachzeile strong {
    font-size: 2rem
}

#dms-wms .accantum {
    font-weight: 600
}

@media screen and (min-width: 451px), print {
    #dms-wms .tick {
        width: 16rem;
        position: absolute;
        bottom: 3rem
    }
}

#sapb1.accantum #pricing .discount, #sb1pr.prc #pricing .discount {
    height: auto;
    padding: .7rem .5rem .7rem 1rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing .discount, #sb1pr.prc #pricing .discount {
        width: 12rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing .block, #sb1pr.prc #pricing .block {
        position: absolute;
        top: 6rem;
        height: 46rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing .block, #sb1pr.prc #pricing .block {
        left: 0 !important
    }
}

#sapb1.accantum #pricing .block p.description, #sb1pr.prc #pricing .block p.description {
    border-top: 0 solid #fff
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing .block.long, #sb1pr.prc #pricing .block.long {
        height: 86rem
    }
}

#sapb1.accantum #pricing #table, #sb1pr.prc #pricing #table {
    float: left;
    position: relative
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #table, #sb1pr.prc #pricing #table {
        width: 53rem;
        margin: 4.5rem 0 0 1.5rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table, #sb1pr.prc #pricing #table {
        margin: 2rem 0 0 0
    }
}

#sapb1.accantum #pricing #table div, #sb1pr.prc #pricing #table div {
    width: 53rem;
    float: left;
    border-top: 1px solid #dad8d2;
    position: relative
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #table .td-sm, #sb1pr.prc #pricing #table .td-sm {
        display: none
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table .td-sm, #sb1pr.prc #pricing #table .td-sm {
        border-top: 0 solid #fff
    }
}

#sapb1.accantum #pricing #table .td-sm p, #sb1pr.prc #pricing #table .td-sm p {
    font-size: .9rem;
    line-height: 1;
    padding-bottom: .5rem
}

#sapb1.accantum #pricing #table .text, #sb1pr.prc #pricing #table .text {
    font-size: .8125rem;
    line-height: 1.2;
    width: 16rem;
    padding: .3rem 1rem .3rem .3rem;
    float: left
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table .text, #sb1pr.prc #pricing #table .text {
        width: 8rem
    }
}

#sapb1.accantum #pricing #table .icon, #sb1pr.prc #pricing #table .icon {
    margin-left: 5.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table .icon, #sb1pr.prc #pricing #table .icon {
        width: 3rem;
        margin-right: 0
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #table .icon:nth-child(2), #sb1pr.prc #pricing #table .icon:nth-child(2) {
        left: 16rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table .icon:nth-child(2), #sb1pr.prc #pricing #table .icon:nth-child(2) {
        left: 3rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #table .icon:nth-child(3), #sb1pr.prc #pricing #table .icon:nth-child(3) {
        left: 28.5rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table .icon:nth-child(3), #sb1pr.prc #pricing #table .icon:nth-child(3) {
        left: 6.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #table .icon:nth-child(4), #sb1pr.prc #pricing #table .icon:nth-child(4) {
        left: 41rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #table .icon:nth-child(4), #sb1pr.prc #pricing #table .icon:nth-child(4) {
        left: 10rem
    }
}

#sapb1.accantum #pricing #table .icon-close2:after, #sb1pr.prc #pricing #table .icon-close2:after {
    color: #ae0f0a
}

#sapb1.accantum #pricing #table .icon-close2.icon-ok2:after, #sb1pr.prc #pricing #table .icon-close2.icon-ok2:after {
    content: "\e918";
    color: #008ad1
}

#sapb1.accantum #pricing #table .gruppe-titel, #sb1pr.prc #pricing #table .gruppe-titel {
    border-top: 0 solid #fff;
    margin-top: .5rem
}

#sapb1.accantum #pricing #table .gruppe-titel .text, #sb1pr.prc #pricing #table .gruppe-titel .text {
    font-size: 1.0625rem;
    font-weight: 600
}

#sapb1.accantum #pricing #table .gruppe-titel .icon:after, #sb1pr.prc #pricing #table .gruppe-titel .icon:after {
    content: ""
}

#sapb1.accantum #pricing #table .td, #sb1pr.prc #pricing #table .td {
    display: none
}

#sapb1.accantum #pricing #table .td.erster-blick, #sb1pr.prc #pricing #table .td.erster-blick {
    display: block
}

#sapb1.accantum #pricing p.arrowurl, #sb1pr.prc #pricing p.arrowurl {
    padding-left: 1.5rem;
    float: left;
    margin-top: 1rem;
    clear: both
}

#sapb1.accantum #pricing p.arrowurl a, #sb1pr.prc #pricing p.arrowurl a {
    text-decoration: underline;
    cursor: pointer
}

#sapb1.accantum #pricing p.arrowurl:hover a.more:before, #sb1pr.prc #pricing p.arrowurl:hover a.more:before {
    top: .3rem
}

#sapb1.accantum #pricing p.arrowurl:hover a.less:before, #sb1pr.prc #pricing p.arrowurl:hover a.less:before {
    top: -0.3rem
}

#sapb1.accantum #pricing p.arrowurl a:before, #sb1pr.prc #pricing p.arrowurl a:before {
    left: -1.5rem;
    right: auto;
    content: "\e9bb";
    text-decoration: none
}

#sapb1.accantum #pricing p.arrowurl a.more:before, #sb1pr.prc #pricing p.arrowurl a.more:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#sapb1.accantum #pricing p.arrowurl a.less:before, #sb1pr.prc #pricing p.arrowurl a.less:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

#sapb1.accantum #pricing p.arrowurl a.less, #sb1pr.prc #pricing p.arrowurl a.less {
    display: none
}

#sapb1.index #pricelist {
    padding-bottom: 0
}

#sapb1.index #pricelist .ribbon_1, #sapb1.index #pricelist .ribbon_2 {
    color: #fff
}

@media screen and (min-width: 451px), print {
    #sapb1.index #pricelist #pricing #table {
        margin: 15rem 0 2rem 10rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #pricelist #pricing .ribbon_1 {
        left: 6.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #pricelist #pricing .ribbon_2 {
        left: 10rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #pricelist #pricing #pricingOffer {
        margin-top: .5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #pricelist #pricing #cloud {
        left: 27rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.index #pricelist #pricing #hosting {
        left: 44rem
    }
}

@media screen and (max-width: 450px) {
    #sb1pr.prc #pricing .block {
        width: 268px
    }
}

#sapb1.accantum #pricing .wrapper {
    padding-bottom: 9rem
}

#sapb1.accantum #pricing p.description {
    font-size: .8125rem;
    line-height: 1.2
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing .discount {
        width: 12rem
    }
}

#sapb1.accantum #pricing .discount .icon {
    font-size: 4rem;
    margin: .4rem 0 0 2.9rem;
    float: left
}

#sapb1.accantum #pricing .discount .icon:after {
    color: #0e0900
}

#sapb1.accantum #pricing .discount .icon:before {
    color: #54bdcf
}

#sapb1.accantum #pricing .discount > .title:first-child {
    padding-left: 0
}

#sapb1.accantum #pricing .group {
    border: 1px solid #29a6bf;
    padding: .7rem .5rem .7rem 1rem;
    border-radius: .375rem;
    float: left
}

#sapb1.accantum #pricing .price {
    position: static;
    float: left
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing .price {
        top: 5.5rem
    }
}

#sapb1.accantum #pricing .price p.description {
    border-top: 1px solid #b2aea6;
    margin-top: .5rem;
    padding-top: 1rem
}

#sapb1.accantum #pricing .price ul {
    padding-left: 1rem;
    list-style-type: disc
}

#sapb1.accantum #pricing .price ul li {
    padding: .5rem 0;
    font-weight: 300
}

#sapb1.accantum #pricing .price p, #sapb1.accantum #pricing .price ul li {
    font-size: .8125rem
}

#sapb1.accantum #pricing .block .price p.description {
    border-top: 0
}

#sapb1.accantum #pricing #basic-fee {
    margin-left: 0
}

#sapb1.accantum #pricing #user-options {
    height: 12rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #user-options {
        background-color: transparent;
        -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 rgba(255, 255, 255, 0);
        width: 53.5rem;
        margin-right: 0
    }
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing #user-options {
        margin-left: 0;
        width: 275px;
        height: auto
    }
}

#sapb1.accantum #pricing .plus {
    float: left;
    margin: 1.5rem 0 0 0;
    color: #29a6bf;
    font-size: 1.6rem;
    font-weight: 400
}

@media screen and (max-width: 450px) {
    #sapb1.accantum #pricing .plus {
        margin-right: 300px;
        float: none;
        line-height: 1
    }
}

#sapb1.accantum #pricing #full-user, #sapb1.accantum #pricing #light-user, #sapb1.accantum #pricing #email-user, #sapb1.accantum #pricing #wms-user {
    background: url(image/accantum-background.png);
    background-size: 1.18rem
}

#sapb1.accantum #pricing #full-user .icon:before, #sapb1.accantum #pricing #light-user .icon:before, #sapb1.accantum #pricing #email-user .icon:before, #sapb1.accantum #pricing #wms-user .icon:before {
    color: #fff
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #full-user, #sapb1.accantum #pricing #wms-user {
        left: 33.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #light-user {
        left: 46rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #wms-dms-user {
        left: 48rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum #pricing #email-user {
        left: 58.5rem
    }
}

#sapb1.accantum #pricing #wms-user, #sapb1.accantum #pricing #wms-dms-user {
    height: 22rem
}

#sapb1.accantum #pricing .description + p span {
    background-color: #e30513;
    font-weight: 600;
    color: #fff;
    padding: 0 .5rem;
    font-size: 1rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing .block {
        width: 10rem;
        height: 53rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing .block.long {
        height: 107rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing .block .icon {
        margin-left: 2.1rem
    }
}

#sapb1.accantum.dms #pricing #full-user {
    left: 29rem
}

#sapb1.accantum.dms #pricing #light-user {
    left: 39.5rem
}

#sapb1.accantum.dms #pricing #email-user {
    left: 50rem
}

#sapb1.accantum.dms #pricing #wms-dms-user {
    left: 60.5rem;
    height: 23rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #wms-dms-user .icon:nth-child(2) {
        margin-left: .5rem
    }
}

#sapb1.accantum.dms #pricing #table {
    margin-top: 5.5rem
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #table .text {
        width: 11rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #table div {
        width: 42.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #table .icon {
        margin-left: 4.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #table .icon:nth-child(2) {
        left: 11.5rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #table .icon:nth-child(3) {
        left: 22rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1.accantum.dms #pricing #table .icon:nth-child(4) {
        left: 32.5rem
    }
}

#sapb1.accantum.wms #pricing .wrapper {
    padding-bottom: 4rem
}

#sapb1.accantum.wms #pricing #wms-user .description + p {
    margin-top: 2rem
}

#sapb1.accantum.wms #pricing #wms-dms-user .icon {
    margin-left: 1.7rem
}

#sapb1.accantum.wms #pricing #basic-fee ul {
    height: 5rem;
    overflow: hidden;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

#sapb1.accantum.wms #pricing #basic-fee ul.open {
    height: 19rem
}

@media screen and (max-width: 450px) {
    #sapb1.accantum.wms #pricing #basic-fee ul {
        height: 19rem
    }
}

#pricing article {
    width: 18.75rem;
    margin: -2rem auto 0 auto;
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%);
    border-radius: .375rem;
    padding: 1rem .5rem 1rem 1.5rem
}

@media screen and (max-width: 450px) {
    #pricing article {
        margin: 1rem 0 0 0;
        padding-bottom: 3rem;
        width: auto
    }
}

#pricing article .points {
    margin-top: 18rem
}

#pricing article .title {
    font-size: 1.8rem;
    font-weight: 700
}

#pricing article p, #pricing article ul li {
    color: #fff
}

#pricing article p {
    font-size: 1.0625rem
}

#pricing article ul {
    list-style-type: disc
}

#pricing article ul li {
    margin: .5rem .6rem 0 1rem
}

@media screen and (max-width: 450px) {
    #pricing article ul li {
        font-size: .9rem
    }
}

#pricing .discounts {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #pricing .discounts {
        top: 10rem;
        margin-left: 2rem
    }
}

@media screen and (max-width: 450px) {
    #pricing .discounts {
        top: 11.2rem;
        margin-left: .3rem
    }
}

#pricing .discount {
    background-color: #fff;
    width: 15rem;
    height: 15rem;
    margin: 0 .5rem;
    padding: .7rem .5rem .7rem 1.5rem;
    border-radius: .375rem;
    float: left;
    position: relative;
    -webkit-box-shadow: 0 0 1rem rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.9)
}

#pricing .discount > .title:first-child {
    font-size: 1rem;
    padding-left: .3rem;
    margin-bottom: 0
}

@media screen and (max-width: 450px) {
    #pricing .discount > .title:first-child {
        line-height: 1.1
    }
}

#pricing .discount .text.disc {
    padding-left: .3rem;
    margin-bottom: .15rem
}

@media screen and (max-width: 450px) {
    #pricing .discount .text.disc {
        line-height: 1.1
    }
}

@media screen and (max-width: 450px) {
    #pricing .discount {
        width: 8rem;
        height: 8rem;
        margin: .25rem;
        padding: .5rem .25rem
    }
}

#pricing .discount .reticencias {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .1rem
}

@media screen and (max-width: 450px) {
    #pricing .discount .title {
        font-size: .9rem
    }
}

#pricing .discount .price {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #pricing .discount .price {
        bottom: .7rem;
        right: 1.3rem
    }
}

@media screen and (max-width: 450px) {
    #pricing .discount .price {
        bottom: .5rem;
        left: .6rem
    }
}

#pricing .discount .price .title {
    line-height: .8
}

#pricing .discount .price .title b {
    font-size: 1.8rem;
    font-weight: 700
}

#pricing .discount .price .text {
    font-size: .8125rem;
    line-height: 1.1
}

@media screen and (max-width: 450px) {
    #pricing .discount .price .text {
        font-size: .7rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist.pricelist #pricing .block {
        height: 21rem;
        width: 15rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist.pricelist #pricing .block {
        height: 268px;
        margin-left: .9rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist.pricelist #pricing .block.long {
        height: 56rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist.pricelist #pricing .block.long {
        height: 268px
    }
}

@media screen and (min-width: 451px), print {
    #pricelist.pricelist #pricing #table {
        margin: 12.5rem 0 2rem 18rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist.pricelist #pricing #table {
        margin: 6rem 0 0 0
    }
}

@media print {
    #pricelist.pricelist #pricing #table {
        margin: 12.5rem 0 0 7rem;
        clear: both
    }
}

@media screen and (min-width: 451px), print {
    #pricelist.pricelist #pricing #table .icon:nth-child(2) {
        left: 17.5rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist.pricelist #pricing #table .icon:nth-child(2) {
        left: 9rem;
        width: 5rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist.pricelist #pricing #table .icon:nth-child(3) {
        left: 34.5rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist.pricelist #pricing #table .icon:nth-child(3) {
        left: 14.5rem;
        width: 4rem
    }
}

#pricelist.pricelist #pricing #table .icon {
    margin-left: 0;
    text-align: center;
    width: 15rem
}

#pricelist.pricelist #pricing #table .icon:after {
    position: initial;
    font-size: 1rem
}

#pricelist.pricelist #pricing #table .td .icon {
    font-size: .75rem;
    line-height: 1.1
}

#pricelist.pricelist #pricing #table div {
    width: 49.5rem
}

#pricelist.pricelist #pricing #table .text {
    margin-bottom: .1rem
}

#pricelist.pricelist #call {
    width: 5rem;
    height: 5rem
}

@media screen and (min-width: 451px), print {
    #pricelist.pricelist #call {
        bottom: 0
    }
}

@media screen and (max-width: 450px) {
    #pricelist.pricelist #call {
        top: 0
    }
}

@media print {
    #pricelist.pricelist #call {
        display: none
    }
}

#pricelist.pricelist #call span {
    width: 5rem;
    height: 5rem
}

#pricelist.pricelist #call p {
    font-size: .8125rem
}

#pricelist #pricing {
    position: relative
}

#pricelist #pricing #pricingOffer {
    margin-top: 2rem
}

#pricelist #pricing .backg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: .375rem
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .backg {
        height: 13rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .backg {
        height: 268px
    }
}

#pricelist #pricing #cloud {
    top: 0;
    left: 35rem;
    background-color: #fff
}

#pricelist #pricing #cloud .backg {
    background: url(image/pricelist-cloud.jpg);
    background-size: cover;
    background-position: center center
}

@media print {
    #pricelist #pricing #cloud {
        left: 25rem
    }
}

#pricelist #pricing #hosting {
    top: 0;
    left: 52rem;
    background-color: #fff
}

#pricelist #pricing #hosting .backg {
    background: url(image/pricelist-hosting.jpg);
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 450px) {
    #pricelist #pricing #hosting {
        margin-top: 1rem;
        margin-bottom: 3rem
    }
}

@media print {
    #pricelist #pricing #hosting {
        left: 41rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .block {
        height: 21rem;
        width: 15rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .block {
        height: 268px;
        margin-left: .9rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .block.long {
        height: 56rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .block.long {
        height: 268px
    }
}

#pricelist #pricing .block p {
    line-height: 1.1;
    z-index: 4;
    position: relative
}

#pricelist #pricing .block p.r1 {
    font-size: 1.6rem;
    color: #c90f11;
    font-weight: 600;
    line-height: .9
}

#pricelist #pricing p.r2 {
    font-weight: 400
}

#pricelist #pricing .r3 {
    position: absolute;
    left: 0;
    background: #e30513;
    height: 3rem;
    padding-left: .6rem
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .r3 {
        top: 12rem;
        width: 100%
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .r3 {
        top: 13.75rem;
        width: 100%;
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: .375rem
    }
}

#pricelist #pricing .r3 p {
    color: #fff
}

#pricelist #pricing .r3 .r4 {
    font-size: 2.5rem;
    font-weight: 600;
    float: left;
    padding-top: .1rem;
    line-height: 1
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .r3 .r4 {
        margin-left: 30px
    }
}

#pricelist #pricing .r3 .r4 small {
    font-weight: 300;
    font-size: 1.25rem
}

#pricelist #pricing .r3 .r4 .tiny {
    font-weight: 300;
    font-size: .5rem;
    display: block;
    line-height: 0;
    margin-top: .3rem
}

#pricelist #pricing .r3 .r5 {
    position: absolute;
    right: 0;
    font-size: .625rem;
    line-height: 1
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .r3 .r5 {
        padding: .2rem .4rem 0 0;
        bottom: .2rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .r3 .r5 {
        padding: 0 1rem 0 0;
        bottom: .3rem
    }
}

#pricelist #pricing .r3 .r5 a, #pricelist #pricing .r3 .r5 a:visited {
    color: white
}

#pricelist #pricing .iconMan {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .iconMan {
        width: 7.5rem;
        height: 8rem;
        left: 4rem;
        top: 3.7rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .iconMan {
        width: 9.5rem;
        height: 10rem;
        left: 3.8rem;
        top: 3.2rem
    }
}

#pricelist #pricing #cloud .iconMan {
    background: url(image/icon-man-cloud.svg);
    background-repeat: no-repeat;
    background-size: contain
}

#pricelist #pricing #hosting .iconMan {
    background: url(image/icon-man-hosting.svg);
    background-repeat: no-repeat;
    background-size: contain
}

#pricelist #pricing #hosting .r4 small {
    margin-left: -0.2rem
}

#pricelist #pricing .icon-ok2:after {
    color: #00adef
}

#pricelist #pricing .ribbon_1, #pricelist #pricing .ribbon_2 {
    width: auto;
    padding: 0 .5rem;
    text-transform: lowercase
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .ribbon_1 {
        top: 9rem;
        left: 16.5rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .ribbon_1 {
        top: 39rem;
        left: .5rem
    }
}

@media print {
    #pricelist #pricing .ribbon_1 {
        left: 3.5rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing .ribbon_2 {
        top: 10.5rem;
        left: 20rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing .ribbon_2 {
        top: 40.5rem;
        left: 4rem
    }
}

@media print {
    #pricelist #pricing .ribbon_2 {
        left: 7rem
    }
}

#pricelist #pricing #table {
    padding-right: 6rem
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing #table {
        margin: 15rem 0 2rem 10rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #pricing #table {
        margin: 6rem 0 0 0
    }
}

@media print {
    #pricelist #pricing #table {
        margin: 12.5rem 0 0 7rem;
        clear: both
    }
}

#pricelist #pricing #table .td:last-child {
    border-bottom: 1px solid #dad8d2
}

@media print {
    #pricelist #pricing #table .td {
        display: block !important
    }
}

@media print {
    #pricelist #pricing #table .arrowurl.more {
        display: none
    }
}

#pricelist #pricing #table .td p.text {
    font-size: .875rem;
    line-height: 1.1
}

@media screen and (min-width: 451px), print {
    #pricelist #pricing #table .td p.text {
        width: 21rem
    }
}

#pricelist #pricing #table .td .icon {
    font-size: .75rem;
    line-height: 1.1
}

#pricelist #pricing #table .text {
    margin-bottom: .1rem
}

#support .dachzeile {
    line-height: 1.1;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: -0.05rem
}

#support .dachzeileText {
    width: 15rem
}

@media screen and (max-width: 450px) {
    #support ul li {
        font-size: .8125rem
    }
}

#support #highlights p.title:after, #support #channels p.text:after {
    content: "\e91a";
    color: #e30513;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    margin-left: .2rem;
    margin-top: .1rem
}

#support #highlights p.title:hover:after, #support #channels article:hover p.text:after {
    margin-left: .4rem
}

#support #tsr {
    background: url(image/teaser_support.jpg);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #support #tsr {
        background: url(image/teaser_support_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

@media screen and (min-width: 451px), print {
    #support #tsr #box-tsr {
        top: 14rem;
        left: 40rem
    }
}

#support #tsr #box-tsr p {
    line-height: .95;
    text-transform: uppercase;
    font-weight: 200
}

@media screen and (min-width: 451px), print {
    #support #tsr #box-tsr p {
        font-size: 5rem;
        letter-spacing: -0.3rem
    }
}

@media screen and (max-width: 450px) {
    #support #tsr #box-tsr p {
        font-size: 2.75rem;
        color: #fff;
        letter-spacing: -0.15rem
    }
}

#support #tsr h1 {
    position: initial;
    font-weight: 300;
    letter-spacing: 0;
    color: #0e0900;
    text-transform: none;
    padding: 1rem .3rem
}

@media screen and (min-width: 451px), print {
    #support #tsr h1 {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 450px) {
    #support #tsr h1 {
        font-size: 1rem;
        margin-left: 11rem;
        margin-top: 5rem
    }
}

@media screen and (min-width: 451px), print {
    #support #highlights {
        height: 9rem
    }
}

@media screen and (max-width: 450px) {
    #support #highlights {
        height: 16rem
    }
}

#support #highlights .wrapper {
    padding-top: .8rem;
    overflow: visible
}

#support #highlights p.dachzeile {
    color: #f2910d;
    opacity: .7;
    font-weight: 300;
    margin-bottom: .7rem
}

@media screen and (min-width: 451px), print {
    #support #highlights #container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
}

#support #highlights p.title {
    cursor: pointer;
    color: #fff;
    float: left;
    margin-right: 1rem;
    font-weight: 300
}

@media screen and (min-width: 451px), print {
    #support #highlights p.title {
        font-size: .9375rem
    }
}

@media screen and (max-width: 450px) {
    #support #highlights p.title {
        width: 122px;
        font-size: .75rem
    }
}

#support #highlights p.title.active {
    color: #f1ac0d
}

#support #highlights p.title.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 451px), print {
    #support #highlights #t8 {
        margin-right: 3rem
    }
}

#support #highlights p.text {
    position: absolute;
    width: 11.6rem;
    color: #0e0900;
    background: #f1ac0d;
    padding: .5rem .5rem .5rem .8rem;
    font-size: .75rem;
    border: 1px solid #0e0900;
    border-radius: .1875rem;
    z-index: 1;
    opacity: 0;
    height: 0
}

@media screen and (max-width: 450px) {
    #support #highlights p.text {
        top: 190px
    }
}

#support #highlights p.text.active {
    opacity: 1;
    height: auto
}

#support #channels {
    height: 39rem
}

#support #channels .wrapper {
    height: 39rem
}

@media screen and (min-width: 451px), print {
    #support #channels #infog {
        background: url(image/support-channels.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 41rem;
        height: 32rem;
        position: absolute;
        top: 3.5rem;
        left: 16rem
    }
}

#support #channels #allChannels {
    width: 10rem;
    height: 10rem;
    position: absolute;
    background-color: #fff;
    border-radius: 50%
}

@media screen and (min-width: 451px), print {
    #support #channels #allChannels {
        top: 13.2rem;
        left: 14.8rem
    }
}

@media screen and (max-width: 450px) {
    #support #channels #allChannels {
        left: 4rem
    }
}

#support #channels #allChannels p {
    font-size: 1.2rem;
    line-height: 1.1;
    margin-left: .2rem
}

#support #channels .title {
    line-height: 1;
    margin-bottom: .2rem
}

#support #channels #channelPortal {
    left: 28rem;
    top: 2.6rem
}

@media screen and (max-width: 450px) {
    #support #channels #channelPortal {
        margin-top: 10rem
    }
}

#support #channels #channelHotline {
    left: 49.5rem;
    top: 14rem
}

#support #channels #channelStatus {
    left: 33rem;
    top: 21rem
}

#support #channels #channelHelp {
    left: 16rem;
    top: 27.5rem
}

@media screen and (min-width: 451px), print {
    #support #channels article {
        position: absolute;
        padding: 2rem 0 2rem 8rem
    }
}

@media screen and (max-width: 450px) {
    #support #channels article {
        padding: 1rem 0 0 0
    }
}

@media screen and (min-width: 451px), print {
    #support #portal .dachzeile, #support #portal .dachzeileText, #support #portal .text {
        margin-left: 20rem
    }
}

#support #portal .text {
    margin-top: 2rem;
    clear: both
}

@media screen and (max-width: 450px) {
    #support #portal .text {
        margin-bottom: 3rem
    }
}

#support #portal .infog {
    width: 8.5rem;
    height: 8.5rem;
    background-color: #f1ac0d;
    border: 2px solid #0e0900;
    border-radius: 50%;
    float: left;
    position: relative
}

@media screen and (min-width: 451px), print {
    #support #portal .infog {
        margin: 4rem .5rem
    }
}

@media screen and (max-width: 450px) {
    #support #portal .infog {
        margin: .7rem 4.5rem
    }
}

#support #portal .infog p {
    color: #0e0900;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.2;
    margin-left: .2rem
}

@media screen and (max-width: 450px) {
    #support #portal .infog-1, #support #portal .infog-3, #support #portal .infog-5, #support #portal .infog-7 {
        display: none
    }
}

#support #portal .infog-1 {
    background: url(image/support-portal-1.png);
    background-repeat: no-repeat
}

#support #portal .infog-3 {
    background: url(image/support-portal-2.png);
    background-repeat: no-repeat
}

#support #portal .infog-5 {
    background: url(image/support-portal-3.png);
    background-repeat: no-repeat
}

#support #portal .infog-7 {
    background: url(image/support-portal-4.png);
    background-repeat: no-repeat
}

@media screen and (min-width: 451px), print {
    #support #portal #call2 {
        right: 15rem
    }
}

#support #hotline .text {
    margin-bottom: 3rem
}

@media screen and (min-width: 451px), print {
    #support #hotline .text {
        width: 23rem;
        margin: 2rem 0
    }
}

@media screen and (max-width: 450px) {
    #support #hotline .text {
        margin-top: 11rem
    }
}

#support #hotline small {
    line-height: 1.4;
    margin-top: .6rem;
    display: block
}

#support #hotline #infogHotline {
    background: url(image/support-hotline.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute
}

@media screen and (min-width: 451px), print {
    #support #hotline #infogHotline {
        width: 38rem;
        height: 24rem;
        top: 4.5rem;
        left: 32rem
    }
}

@media screen and (max-width: 450px) {
    #support #hotline #infogHotline {
        width: 17rem;
        height: 15rem;
        top: 20rem;
        left: 2rem
    }
}

@media screen and (min-width: 451px), print {
    #support #hotline #call3 {
        left: 27.5rem;
        top: 27.3rem
    }
}

@media screen and (min-width: 451px), print {
    #support #status {
        height: 45rem
    }
}

@media screen and (min-width: 451px), print {
    #support #status .wrapper {
        height: 45rem
    }
}

@media screen and (min-width: 451px), print {
    #support #status #infogStatus {
        background: url(image/support-status.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 49rem;
        height: 31rem;
        position: absolute;
        top: 7.5rem;
        left: 23rem
    }
}

@media screen and (max-width: 450px) {
    #support #status #infogStatus {
        background: url(image/support-status-sm.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 295px;
        height: 150px;
        margin-top: 1rem;
        margin-bottom: 3rem
    }
}

#support #status .infog {
    position: absolute;
    line-height: 1.2;
    font-size: .875rem
}

#support #status .infog-1 {
    top: 33rem;
    left: 24rem
}

#support #status .infog-2 {
    top: 33rem;
    left: 41rem
}

#support #status .infog-3 {
    top: 33rem;
    left: 54.5rem
}

@media screen and (min-width: 451px), print {
    #support #status #call4 {
        left: 15rem;
        top: 15rem
    }
}

#support #help {
    width: 100%
}

@media screen and (min-width: 451px), print {
    #support #help {
        height: 40rem
    }
}

@media screen and (max-width: 450px) {
    #support #help {
        height: 34rem
    }
}

@media screen and (min-width: 451px), print {
    #support #help .wrapper {
        height: 40rem
    }
}

@media screen and (max-width: 450px) {
    #support #help .wrapper {
        height: 34rem
    }
}

#support #help .wrapperBack {
    width: 100%;
    height: 100%;
    /*background-image: url(image/teaser-help.svg);*/
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width: 451px), print {
    #support #help .wrapperBack {
        background-position: center
    }
}

@media screen and (max-width: 450px) {
    #support #help .wrapperBack {
        background-position: -54rem 0;
        background-size: 155rem
    }
}

#support #help p {
    color: #fff
}

@media screen and (min-width: 451px), print {
    #support #help .search, #support #help .search-form-container, #support #help .remark {
        margin-left: 32rem
    }
}

@media screen and (max-width: 450px) {
    #support #help .search, #support #help .search-form-container, #support #help .remark {
        margin-left: 0
    }
}

@media screen and (min-width: 451px), print {
    #support #help .search {
        font-weight: 200;
        font-size: 2.2rem
    }
}

@media screen and (max-width: 450px) {
    #support #help .search {
        margin-top: 2rem;
        font-size: 1rem
    }
}

#support #help .search-form-container {
    margin-top: .5rem;
    margin-bottom: .5rem
}

@media screen and (max-width: 450px) {
    #support #help .search-form-container {
        width: 13.5rem
    }
}

#support #help .search-form-container input {
    font-size: 1.1rem;
    padding: .4rem .8rem
}

#support #help .search-form-container form[class*="search"]:before {
    top: .5rem
}

#support #help .remark {
    font-size: .875rem
}

@media screen and (min-width: 451px), print {
    #support #help #call5 {
        top: 19.5rem;
        left: 13.5rem
    }
}

#dataCenter #tsr, #dataCenter #tsr .wrapper {
    height: 17.8125rem
}

@media screen and (min-width: 451px), print {
    #dataCenter #tsr {
        background: url(image/teaser_datacenter.jpg);
        background-size: cover;
        background-position: top center
    }
}

@media screen and (max-width: 450px) {
    #dataCenter #tsr {
        background: url(image/teaser_datacenter_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

#dataCenter #tsr h1 {
    font-size: 4rem;
    line-height: .8;
    color: #fff;
    font-weight: 200;
    letter-spacing: -0.1rem;
    width: 9rem
}

@media screen and (max-width: 450px) {
    #dataCenter #tsr h1 {
        font-size: 2rem
    }
}

@media screen and (max-width: 450px) {
    #dataCenter #call {
        left: .5rem
    }
}

#dataCenter #infographic {
    background: #3f74b0;
    background: -moz-linear-gradient(45deg, #aad4fe 0%, #3f74b0 100%);
    background: -webkit-linear-gradient(45deg, #aad4fe 0%, #3f74b0 100%);
    background: linear-gradient(45deg, #aad4fe 0%, #3f74b0 100%)
}

@media screen and (min-width: 451px), print {
    #dataCenter #infographic {
        height: 32.3rem;
        overflow: hidden
    }
}

@media screen and (max-width: 450px) {
    #dataCenter #infographic {
        height: 35rem
    }
}

@media screen and (min-width: 451px), print {
    #dataCenter #infographic .wrapper {
        height: 32.3rem;
        padding: 0
    }
}

@media screen and (max-width: 450px) {
    #dataCenter #infographic .wrapper {
        height: 35rem;
        overflow: visible
    }
}

#dataCenter #menu-infographic {
    position: absolute;
    top: 2.5rem;
    left: 4rem
}

@media screen and (max-width: 450px) {
    #dataCenter #menu-infographic {
        top: 2rem;
        left: 1rem
    }
}

#dataCenter #menu-infographic p {
    font-size: 2rem;
    letter-spacing: -0.05rem;
    padding: 0;
    line-height: 1;
    margin-bottom: .6rem;
    color: #0e0900;
    width: 24rem;
    position: relative;
    cursor: pointer
}

@media screen and (max-width: 450px) {
    #dataCenter #menu-infographic p {
        font-size: 1.4rem;
        margin-bottom: 0
    }
}

#dataCenter #menu-infographic p.active {
    color: #fff
}

#dataCenter #menu-infographic p.icon {
    position: absolute;
    top: 14.6rem
}

@media screen and (max-width: 450px) {
    #dataCenter #menu-infographic p.icon {
        top: 8.2rem
    }
}

#dataCenter #menu-infographic p.icon:after {
    position: absolute;
    left: -2rem;
    font-size: 1.5rem;
    top: .3rem;
    color: #e30513
}

@media screen and (max-width: 450px) {
    #dataCenter #menu-infographic p.icon:after {
        left: -1rem;
        font-size: .9rem;
        top: .3rem
    }
}

@media screen and (min-width: 451px), print {
    #dataCenter #datacenter-infographic {
        height: 32.3rem
    }
}

@media screen and (max-width: 450px) {
    #dataCenter #datacenter-infographic {
        position: absolute;
        bottom: 0;
        left: -200px;
        width: 570px
    }
}

#dataCenter .text-infographic {
    position: absolute;
    top: 2.7rem;
    left: 54.5rem;
    width: 18rem
}

@media screen and (max-width: 450px) {
    #dataCenter .text-infographic {
        top: 12.5rem;
        left: 1rem;
        width: 18rem
    }
}

#dataCenter .text-infographic p {
    font-size: .9375rem;
    color: #0e0900;
    line-height: 1.3;
    margin-bottom: .3rem
}

#dataCenter .text-infographic p:hover a:before {
    top: .2rem;
    right: -1.5rem
}

@media screen and (max-width: 450px) {
    #dataCenter .text-infographic p {
        font-size: .875rem
    }
}

#dataCenter .text-infographic p.arrowurl a {
    color: #fff;
    font-size: .875rem
}

#dataCenter .text-infographic p.arrowurl a:before {
    content: "\e929";
    font-size: .875rem
}

#dataCenter #text-infographic-1, #dataCenter #text-infographic-2, #dataCenter #text-infographic-3, #dataCenter #text-infographic-4, #dataCenter #text-infographic-5 {
    display: none
}

#dataCenter .info-2 img, #dataCenter .info-2 .bild {
    width: 9rem;
    height: 9rem;
    margin-left: 4.5rem
}

@media screen and (max-width: 450px) {
    #dataCenter .info-2 .bild {
        height: 3rem
    }
}

#dataCenter .info-3 .wrapper {
    height: 37rem
}

#dataCenter .info-3 .infog-sm {
    position: absolute;
    width: 31.25rem;
    height: 31.25rem;
    top: 3.5rem;
    left: 28rem;
    background: url(image/infog-connection.svg);
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 450px) {
    #dataCenter .info-3 .infog-sm {
        top: 7.5rem;
        left: -6rem;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

#dataCenter .info-3 p.infog {
    position: absolute;
    width: 5rem;
    font-size: .875rem;
    line-height: 1.1;
    text-align: center
}

#dataCenter .info-3 p.infog:nth-child(1) {
    top: 2.5rem;
    left: 10.1rem
}

#dataCenter .info-3 p.infog:nth-child(2) {
    top: 2.8rem;
    left: 18.1rem
}

#dataCenter .info-3 p.infog:nth-child(3) {
    top: 7.8rem;
    left: 24.2rem
}

#dataCenter .info-3 p.infog:nth-child(4) {
    top: 16.1rem;
    left: 26.2rem
}

#dataCenter .info-3 p.infog:nth-child(5) {
    top: 23.6rem;
    left: 23.1rem
}

#dataCenter .info-3 p.infog:nth-child(6) {
    top: 27.85rem;
    left: 16.25rem
}

#dataCenter .info-3 p.infog:nth-child(7) {
    top: 27.3rem;
    left: 8.15rem
}

#dataCenter .info-3 p.infog:nth-child(8) {
    top: 20.45rem;
    left: 2.05rem
}

#dataCenter .info-3 p.infog:nth-child(9) {
    top: 13.8rem;
    left: .2rem
}

#dataCenter .info-3 p.infog:nth-child(10) {
    top: 6.7rem;
    left: 3.2rem
}

#dataCenter .info-3 p.infog:nth-child(11) {
    top: 14.3rem;
    left: 12.2rem;
    font-size: 1rem;
    width: 7rem;
    color: #fff
}

#dataCenter .info-4 article {
    margin-top: 5rem
}

@media screen and (max-width: 450px) {
    #dataCenter .info-4 article {
        margin-top: 3rem
    }
}

@media screen and (max-width: 450px) {
    #dataCenter .info-3 article p, #dataCenter .info-4 article .text p, #dataCenter .info-6 article .text p, #dataCenter .text p, #dataCenter .text ul li {
        font-size: .875rem
    }
}

@media screen and (max-width: 450px) {
    #sapb1v1 #tsr, #sapb1v1 #tsr .wrapper {
        height: 360px
    }
}

#sapb1v1 #tsr {
    background-position: center;
    background-size: cover
}

#sapb1v1 #tsr h1 {
    color: #fff
}

@media screen and (max-width: 450px) {
    #sapb1v1 #tsr h1 {
        font-size: 1.7rem
    }
}

@media screen and (min-width: 451px), print {
    #sapb1v1 #tsr #call {
        left: 21rem;
        top: 15rem
    }
}

#sapb1v1 #blog {
    padding-bottom: 0
}

#sapb1v1 #blog .listPosts {
    float: none;
    margin: 0;
    width: auto
}

@media screen and (min-width: 451px), print {
    #sapb1v1 #blog .listPosts .post {
        margin-left: 15.625rem;
        width: 40rem
    }
}

#sapb1v1 #blog .cta p {
    padding: 0
}

@media screen and (min-width: 451px), print {
    #services {
        height: 0;
        overflow: hidden
    }
}

@media screen and (min-width: 451px), print {
    #services.shrink {
        height: 2.25rem;
        border-top: 1px solid #0e0900
    }
}

#services.one-element.right img {
    margin-left: 5rem
}

@media screen and (min-width: 451px), print {
    #services.one-element.left article {
        margin-left: 7rem
    }
}

#services.one-element.left img {
    float: right
}

#services.row .wrapper {
    padding: 0
}

#services.row p.dachzeile {
    text-transform: none;
    font-weight: 300
}

#services img {
    max-height: 2.25rem;
    float: left
}

@media screen and (max-width: 450px) {
    #services img {
        display: none
    }
}

#services article {
    padding: 0 .5rem 0 0;
    float: left
}

@media screen and (min-width: 451px), print {
    #services article {
        max-width: 36rem
    }
}

@media screen and (max-width: 450px) {
    #services article {
        max-width: 303px
    }
}

#services article p {
    display: inline-block;
    margin-left: 1rem
}

#services article p.title {
    font-size: 1rem;
    float: left;
    margin-top: .5rem;
    margin-bottom: .15rem
}

#services article p.text {
    font-size: .75rem;
    line-height: 1.2;
    margin-top: .15rem;
    clear: both
}

#services article .icon:before, #popup .icon:before {
    content: "e90d";
    right: -1.55rem;
    top: .05rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    color: transparent;
    background-color: #e30513;
    left: auto
}

@media screen and (max-width: 450px) {
    #services article .icon:before, #popup .icon:before {
        top: 0rem
    }
}

#services article .icon:after, #popup .icon:after {
    left: auto;
    font-size: 1rem;
    right: -1.45rem;
    color: #fff
}

#services article:hover .icon:before, #popup:hover .icon:before {
    right: -2rem
}

#services article:hover .icon:after, #popup:hover .icon:after {
    right: -1.9rem
}

@media screen and (min-width: 451px), print {
    #lightSlider .li {
        width: 15.8rem;
        margin-right: 1.3rem
    }
}

@media screen and (max-width: 450px) {
    #advantages #lightSlider {
        height: auto !important
    }
}

#advantages #lightSlider.lightSliderActive {
    width: 300rem
}

#advantages #lightSlider .li {
    text-align: left
}

@media screen and (min-width: 451px), print {
    #advantages #lightSlider .li {
        float: left;
        padding-right: .5rem;
        padding-bottom: 3rem
    }
}

@media screen and (max-width: 450px) {
    #advantages #lightSlider .li:not(:first-child) .dachzeile {
        display: none
    }
}

#advantages #lightSlider .li:last-child {
    padding-right: 0;
    margin-right: 0
}

#advantages #lightSlider .li h2 {
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: .3rem;
    color: #0e0900
}

#advantages #lightSlider .li h3 {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.4
}

#advantages #lightSlider .li h2, #advantages #lightSlider .li h3 {
    letter-spacing: 0
}

@media screen and (min-width: 451px), print {
    #advantages #lightSlider .icon {
        margin-top: 5rem
    }
}

@media screen and (max-width: 450px) {
    #advantages #lightSlider .icon {
        margin-top: 1rem
    }
}

@media screen and (max-width: 450px) {
    #advantages-vert .dachzeile {
        margin-bottom: 2rem
    }
}

#advantages-vert #lightSlider {
    margin-bottom: 4rem
}

#advantages-vert #lightSlider .li {
    border-top: 1px solid #b2aea6;
    padding-top: .5rem;
    position: relative
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li {
        width: 26.25rem;
        height: 6.5rem
    }
}

@media screen and (max-width: 450px) {
    #advantages-vert #lightSlider .li {
        padding-bottom: 1rem
    }
}

#advantages-vert #lightSlider .li .title h2, #advantages-vert #lightSlider .li .text {
    color: #878378
}

#advantages-vert #lightSlider .li .line {
    position: absolute;
    top: -1px;
    width: 0px;
    height: 1px;
    background-color: #0e0900
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li:nth-child(odd) {
        margin-left: 35rem
    }
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li:nth-child(odd) .title, #advantages-vert #lightSlider .li:nth-child(odd) .text {
        margin-left: 8.625rem
    }
}

@media screen and (max-width: 450px) {
    #advantages-vert #lightSlider .li:nth-child(odd) .title, #advantages-vert #lightSlider .li:nth-child(odd) .text {
        margin-left: 4rem
    }
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li:nth-child(odd) .icon {
        margin-left: -5rem
    }
}

#advantages-vert #lightSlider .li:nth-child(odd) .line {
    left: 0
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li:nth-child(even) {
        margin-left: 5.375rem
    }
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li:nth-child(even) .title, #advantages-vert #lightSlider .li:nth-child(even) .text {
        margin-right: 8.625rem
    }
}

@media screen and (max-width: 450px) {
    #advantages-vert #lightSlider .li:nth-child(even) .title, #advantages-vert #lightSlider .li:nth-child(even) .text {
        margin-left: 4rem
    }
}

@media screen and (min-width: 451px), print {
    #advantages-vert #lightSlider .li:nth-child(even) .icon {
        margin-left: 24.7rem
    }
}

#advantages-vert #lightSlider .li:nth-child(even) .line {
    right: 0
}

#advantages-vert #lightSlider .li.active .icon:before {
    color: #f2750d
}

#advantages-vert #lightSlider .li.active .title h2, #advantages-vert #lightSlider .li.active .text {
    color: #0e0900
}

#advantages-vert #lightSlider .li.active .line {
    width: 100%
}

@media screen and (min-width: 451px), print {
    #advantages-vert .icon {
        font-size: 6rem;
        top: 2.5rem
    }
}

@media screen and (max-width: 450px) {
    #advantages-vert .icon {
        font-size: 3rem;
        top: 1.3rem
    }
}

#advantages-vert .icon:after {
    color: #0e0900
}

#advantages-vert .icon:before {
    color: #fade9d
}

.icon.ic-big {
    font-size: 3.5rem;
    line-height: 1.5;
    margin: 2rem 0 .5rem .5rem;
    position: relative
}

.icon.ic-big:after, .icon.ic-big:before {
    position: absolute;
    top: 0;
    left: 0
}

.icon.ic-big:after {
    color: #0e0900
}

.icon.ic-big:before {
    color: #f1ac0d
}

@media screen and (max-width: 450px) {
    .icon.ic-big {
        font-size: 2.5rem
    }
}

.row.gray .icon.ic-big:after, .row.darkblue .icon.ic-big:after {
    color: #878378
}

.row.gray .icon.ic-big:before, .row.darkblue .icon.ic-big:before {
    color: #fff
}

@media screen and (max-width: 450px) {
    #timeline .wrapper {
        padding-bottom: 6rem
    }
}

#timeline .round {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #f2910d;
    margin-bottom: 1rem
}

@media screen and (max-width: 450px) {
    #timeline .round {
        float: left;
        margin-right: .7rem
    }
}

#timeline .round p {
    color: #0e0900;
    text-align: center;
    font-weight: 600;
    margin-top: .2rem
}

#timeline article {
    width: 16rem;
    position: relative
}

@media screen and (min-width: 451px), print {
    #timeline article {
        margin-top: 5rem;
        margin-bottom: 10rem
    }
}

@media screen and (max-width: 450px) {
    #timeline article {
        margin-top: 4rem;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 450px) {
    #timeline article .text {
        padding-left: 2.5rem
    }
}

@media screen and (max-width: 450px) {
    #timeline article:last-of-type .text {
        padding-left: 0
    }
}

@media screen and (min-width: 451px), print {
    #timeline article:first-of-type {
        margin-left: 3rem
    }
}

#timeline article:last-of-type {
    width: 7.5rem;
    margin-top: 4rem
}

@media screen and (min-width: 451px), print {
    #timeline article:last-of-type {
        margin-left: 2rem
    }
}

#timeline .infog {
    position: absolute;
    top: -3.7rem
}

@media screen and (min-width: 451px), print {
    #timeline .infog {
        left: -4rem
    }
}

@media screen and (max-width: 450px) {
    #timeline .infog {
        left: -0.9rem
    }
}

@media screen and (min-width: 451px), print {
    #timeline .infog {
        /*background: url(image/timeline-pfeile.svg);*/
        background-size: contain;
        background-repeat: no-repeat;
        width: 58rem;
        height: 11rem
    }
}

@media screen and (max-width: 450px) {
    #timeline .infog {
        background: url(image/timeline-pfeile-sm.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 4rem;
        height: 22.5rem
    }
}

@media screen and (max-width: 450px) {
    #timeline #call4 {
        bottom: 5rem
    }
}

p.info.numbers {
    font-size: 9.5rem;
    font-weight: 100;
    line-height: 1.2;
    letter-spacing: -0.5rem;
    color: #b2aea6;
    margin-left: -1rem
}

@media screen and (max-width: 450px) {
    p.info.numbers {
        font-size: 7rem;
        line-height: .9
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article {
        margin: 4rem 0 7rem 0;
        position: relative
    }
}

@media screen and (max-width: 450px) {
    #fakten-hor article {
        margin-left: 2rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article:nth-child(1) {
        width: 33rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article:nth-child(1) p.info.numbers {
        right: 14rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article:nth-child(1) .fakten-text {
        margin: 2.6rem 0 0 20rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article:nth-child(2) {
        width: 34.5rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article:nth-child(2) p.info.numbers {
        right: 17.5rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor article:nth-child(2) .fakten-text {
        margin: 2.6rem 0 0 18rem
    }
}

@media screen and (min-width: 451px), print {
    #fakten-hor p.info.numbers {
        position: absolute;
        right: 15.5rem;
        font-size: 11.5rem
    }
}

@media screen and (max-width: 450px) {
    #fakten-hor p.info.numbers {
        margin-left: -0.5rem
    }
}

#fakten-hor .icon:after {
    font-size: 2.5rem;
    color: #29a6bf
}

@media screen and (min-width: 451px), print {
    #fakten-hor .icon:after {
        top: -2.8rem;
        left: -0.4rem
    }
}

@media screen and (max-width: 450px) {
    #fakten-hor .icon:after {
        top: -3.2rem;
        left: -3rem
    }
}

#fakten-hor .title {
    margin-bottom: 0
}

#world .wrapper {
    padding: 4rem 0
}

@media screen and (max-width: 450px) {
    #world .wrapper {
        padding: 3rem 0
    }
}

@media screen and (min-width: 451px), print {
    #world .mapamundi {
        width: 61rem;
        float: left
    }
}

#world article {
    width: 13rem;
    float: left;
    margin-left: -1rem
}

@media screen and (max-width: 450px) {
    #world article {
        margin-left: 1rem
    }
}

#support-channels #allChannels {
    float: left;
    position: relative;
    background-color: #fff;
    border-radius: 50%
}

@media screen and (min-width: 451px), print {
    #support-channels #allChannels {
        width: 10rem;
        height: 10rem;
        margin-top: 6rem;
        margin-bottom: 10rem
    }
}

@media screen and (max-width: 450px) {
    #support-channels #allChannels {
        width: 9rem;
        height: 9rem;
        margin-left: 4rem
    }
}

#support-channels #allChannels p {
    line-height: 1.1;
    margin-left: .2rem;
    color: #0e0900
}

@media screen and (min-width: 451px), print {
    #support-channels #allChannels p {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 450px) {
    #support-channels #allChannels p {
        font-size: 1.0625rem
    }
}

#support-channels article {
    float: left;
    width: 7rem;
    position: relative
}

@media screen and (min-width: 451px), print {
    #support-channels article {
        margin: 7rem 0 12rem 5.6rem
    }
}

@media screen and (max-width: 450px) {
    #support-channels article {
        margin: 1.5rem 0 2rem 5rem
    }
}

#support-channels article img {
    border-radius: 50%;
    background-color: #00adef;
    border: .125rem solid #fff
}

@media screen and (min-width: 451px), print {
    #support-channels article img {
        width: 7rem;
        height: 7rem;
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 450px) {
    #support-channels article img {
        width: 6rem;
        height: 6rem;
        margin-left: .5rem;
        margin-bottom: .5rem
    }
}

#support-channels article .title {
    font-size: 1rem
}

@media screen and (max-width: 450px) {
    #support-channels #channelHelp {
        margin-bottom: 8rem
    }
}

@media screen and (min-width: 451px), print {
    #addons {
        background: url(image/bg-addons.svg);
        background-size: 162.5rem 37.5rem;
        background-position: top center;
        height: 37.5rem
    }
}

@media screen and (max-width: 450px) {
    #addons {
        background: url(image/bg-addons-sm.svg);
        background-size: 800px 600px;
        background-position: top center
    }
}

#addons .wrapper {
    height: 41.5rem
}

#addons .dachzeile {
    margin-bottom: .5rem
}

@media screen and (min-width: 451px), print {
    #addons .dachzeileText {
        width: 20rem;
        font-weight: 400;
        font-size: .875rem
    }
}

@media screen and (max-width: 450px) {
    #addons .dachzeileText {
        font-weight: 400;
        font-size: .8125rem
    }
}

@media screen and (min-width: 451px), print {
    #addons article {
        position: absolute;
        width: 17rem
    }
}

@media screen and (max-width: 450px) {
    #addons article {
        margin-top: 4.5rem
    }
}

@media screen and (min-width: 451px), print {
    #addons article:nth-child(3) {
        top: 25rem;
        left: 26rem
    }
}

@media screen and (min-width: 451px), print {
    #addons article:nth-child(4) {
        top: 14rem;
        left: 46.5rem
    }
}

#events.grey {
    background-color: #e3e1dd
}

@media screen and (min-width: 451px), print {
    #events.single .eventGroup {
        margin: 0rem 0 2rem 0
    }
}

@media screen and (min-width: 451px), print {
    #events .eventGroup {
        margin: 4rem 0 4rem 18rem
    }
}

@media screen and (max-width: 450px) {
    #events .eventGroup {
        margin: 0 0 4rem 0
    }
}

#events .eventGroup a {
    text-decoration: none
}

#events .eventGroup .type, #events .eventGroup .group {
    line-height: 1.1;
    letter-spacing: -0.03rem
}

#events .eventGroup .group {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem
}

#events .eventGroup .type {
    font-size: 1.4rem;
    text-transform: lowercase
}

#events .eventGroup .event {
    width: 8rem;
    height: 8rem;
    border-radius: .375rem;
    background-color: #003359;
    padding: .5rem .3rem .5rem .8rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .3rem;
    margin-bottom: .5rem;
    position: relative
}

@media screen and (max-width: 450px) {
    #events .eventGroup .event {
        margin-bottom: .5rem
    }
}

#events .eventGroup .event:hover {
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

#events .eventGroup .event.past {
    background-color: #fff
}

#events .eventGroup .event.past:hover {
    background: none;
    background-color: #fff
}

#events .eventGroup .event.past p {
    color: #575349
}

#events .eventGroup .event.current {
    background-color: #0e0900
}

#events .eventGroup .event.current:hover {
    background: none;
    background-color: #0e0900
}

#events .eventGroup .event.current p {
    color: #fff
}

#events .eventGroup .event p {
    color: #fff;
    font-size: .875rem;
    line-height: 1.2
}

#events .eventGroup .event p b {
    font-size: .9rem
}

#events .eventGroup .event .date, #events .eventGroup .event .time {
    position: absolute
}

#events .eventGroup .event .date {
    font-size: 1.2rem;
    font-weight: 600;
    bottom: 1.3rem
}

#events .eventGroup .event .date.dateOnly {
    bottom: .4rem
}

#events .eventGroup .event .time {
    font-size: .8125rem;
    bottom: .4rem
}

@media screen and (min-width: 451px), print {
    #events #call2 p {
        font-size: .9375rem
    }
}

#become-partner #call {
    width: 7rem;
    height: 7rem
}

#become-partner #call span {
    width: 7rem;
    height: 7rem
}

#become-partner #call p {
    font-size: .875rem
}

@media screen and (min-width: 451px), print {
    #become-partner #call {
        top: 8rem;
        left: 24.5rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #call {
        top: 8rem;
        left: 12.5rem
    }
}

#become-partner .cta p {
    font-size: .78125rem
}

#become-partner #call4 {
    z-index: 1
}

#become-partner #call4, #become-partner #call4 span {
    width: 7rem;
    height: 7rem
}

#become-partner #tsr {
    overflow: hidden
}

#become-partner #tsr #box-tsr {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr #box-tsr {
        left: 4rem;
        top: 6rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr #box-tsr {
        top: 3.5rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr {
        background: url(image/teaser_become_partner.jpg);
        background-size: cover;
        background-position: top center
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr {
        background: url(image/teaser_become_partner_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

#become-partner #tsr .wrapper {
    overflow: visible
}

#become-partner #tsr .round-back {
    position: absolute;
    border-radius: 50%;
    z-index: 0
}

#become-partner #tsr .round-back:nth-child(1) {
    background-color: #e30513
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr .round-back:nth-child(1) {
        width: 35rem;
        height: 35rem;
        top: -5rem;
        left: -3rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr .round-back:nth-child(1) {
        width: 37.5rem;
        height: 37.5rem;
        top: -24rem;
        left: -11rem
    }
}

#become-partner #tsr .round-back:nth-child(2) {
    background-color: #f2910d;
    opacity: .85
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr .round-back:nth-child(2) {
        top: -70rem;
        left: -109rem;
        width: 143rem;
        height: 143rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr .round-back:nth-child(2) {
        width: 144rem;
        height: 144rem;
        top: -122rem;
        left: -92rem
    }
}

#become-partner #tsr h1 {
    text-transform: uppercase;
    font-weight: 200;
    margin-left: -0.2rem;
    margin-bottom: .3rem;
    color: #fff
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr h1 {
        font-size: 3.6rem;
        letter-spacing: -0.3rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr h1 {
        font-size: 2.5rem;
        letter-spacing: -0.2rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr p.intro {
        margin-top: 2.5rem
    }
}

#become-partner #tsr .no-cta {
    border: 0
}

#become-partner #tsr .no-cta:nth-child(4) {
    background-color: #004d85;
    width: 8rem;
    height: 8rem
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr .no-cta:nth-child(4) {
        top: 5.5rem;
        left: 51rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr .no-cta:nth-child(4) {
        top: 23.5rem;
        left: -1rem
    }
}

#become-partner #tsr .no-cta:nth-child(5) {
    background-color: #003359;
    width: 8.5rem;
    height: 8.5rem
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr .no-cta:nth-child(5) {
        top: 6.6rem;
        left: 58.9rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr .no-cta:nth-child(5) {
        top: 24.6rem;
        left: 4.9rem
    }
}

#become-partner #tsr .no-cta:nth-child(6) {
    background-color: #052642;
    width: 9rem;
    height: 9rem
}

@media screen and (min-width: 451px), print {
    #become-partner #tsr .no-cta:nth-child(6) {
        top: 13.1rem;
        left: 53rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner #tsr .no-cta:nth-child(6) {
        top: 29.1rem;
        left: .2rem
    }
}

#become-partner.var #advantages .wrapper {
    padding-bottom: 6rem
}

#become-partner.var #advantages .grow {
    background: url(image/grow.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 24.375rem 12.5rem;
    height: 12.5rem;
    width: 4.875rem;
    position: absolute;
    z-index: -1
}

@media screen and (min-width: 451px), print {
    #become-partner.var #advantages .grow {
        top: 0;
        left: -4rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.var #advantages .grow {
        top: -90px;
        left: 26px
    }
}

#become-partner.var #advantages article {
    position: relative
}

@media screen and (max-width: 450px) {
    #become-partner.var #advantages article {
        float: left
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.var #advantages article:nth-child(1) .grow {
        left: 0
    }
}

@media screen and (max-width: 450px) {
    #become-partner.var #advantages article:nth-child(1) .grow {
        left: 40px
    }
}

#become-partner.var #advantages article:nth-child(2) .grow {
    background-position: 25% 0
}

@media screen and (max-width: 450px) {
    #become-partner.var #advantages article:nth-child(2) .grow {
        left: 18px
    }
}

#become-partner.var #advantages article:nth-child(3) .grow {
    background-position: 50% 0
}

#become-partner.var #advantages article:nth-child(4) .grow {
    background-position: 75% 0
}

@media screen and (max-width: 450px) {
    #become-partner.var #advantages article:nth-child(4) .grow {
        display: none
    }
}

#become-partner.var #advantages article:nth-child(5) .grow {
    background-position: 100% 0
}

@media screen and (min-width: 451px), print {
    #become-partner.var #advantages .text {
        margin-right: 2rem;
        margin-top: 10rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.var #advantages .text {
        margin-top: 2rem;
        margin-left: 6rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr {
        background: url(image/teaser_ssp20.jpg);
        background-size: cover;
        background-position: top center
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #tsr {
        background: url(image/teaser_ssp20_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

#become-partner.ssp #tsr .round-back:nth-child(1) {
    background-color: #0066b2;
    width: 143rem;
    height: 143rem
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .round-back:nth-child(1) {
        top: -76rem;
        left: -109rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #tsr .round-back:nth-child(1) {
        top: -122rem;
        left: -68rem
    }
}

#become-partner.ssp #tsr .round-back:nth-child(2) {
    background-color: #00adef
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .round-back:nth-child(2) {
        width: 143rem;
        height: 143rem;
        top: -85rem;
        left: -106rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #tsr .round-back:nth-child(2) {
        width: 125rem;
        height: 125rem;
        top: -100rem;
        left: -72rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .intro {
        font-size: .875rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #tsr .intro {
        margin-top: 0;
        font-size: .75rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr #call {
        top: 7.5rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #tsr #call {
        top: 15rem;
        left: 3rem
    }
}

#become-partner.ssp #tsr .no-cta {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.6)
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .no-cta {
        width: 8rem;
        height: 8rem;
        top: 13rem
    }
}

#become-partner.ssp #tsr .no-cta p {
    font-size: .875rem;
    color: #0e0900
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .no-cta:nth-child(4) {
        left: 53rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .no-cta:nth-child(5) {
        left: 57rem;
        top: 6rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #tsr .no-cta:nth-child(6) {
        left: 61rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #box-tsr {
        width: 27rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #box-tsr h1 + p {
        width: 22rem
    }
}

#become-partner.ssp #advantages .title {
    font-size: 1.0625rem
}

#become-partner.ssp #advantages .text {
    margin-top: 0
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #advantages .text {
        margin-left: 0
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #one article, #become-partner.ssp #two article, #become-partner.ssp #three article {
        margin-bottom: 5rem;
        margin-top: 2rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #one article, #become-partner.ssp #two article, #become-partner.ssp #three article {
        margin-bottom: 3rem
    }
}

#become-partner.ssp p.info.numbers {
    font-weight: 100;
    line-height: 1
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp p.info.numbers {
        font-size: 5rem;
        letter-spacing: -0.3rem;
        margin: -0.5rem 0 0 -0.5rem
    }
}

#become-partner.ssp #support .dachzeile {
    margin-left: 0;
    font-weight: 300
}

#become-partner.ssp #support .infog {
    background: #66a3d1;
    border: 0;
    display: block
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #support .infog {
        margin-bottom: 6rem
    }
}

#become-partner.ssp #support .infog p {
    font-weight: 300;
    color: #fff
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #timeline .infog {
        left: -8rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #timeline article:first-of-type {
        margin-left: 7rem;
        width: 23rem
    }
}

@media screen and (min-width: 451px), print {
    #become-partner.ssp #timeline article:last-of-type {
        margin-left: 25rem;
        width: 11rem
    }
}

@media screen and (max-width: 450px) {
    #become-partner.ssp #timeline article:last-of-type {
        width: 12.5rem;
        margin-top: 12rem
    }
}

@media screen and (min-width: 451px), print {
    #case.row .wrapper {
        padding: 3rem 0 3rem 4rem
    }
}

@media screen and (max-width: 450px) {
    #case.row .wrapper {
        padding-bottom: 3rem
    }
}

#case .article {
    margin-top: 2rem;
    margin-bottom: 2rem
}

#case .article p {
    clear: both;
    float: left
}

@media screen and (max-width: 450px) {
    #case .article p {
        width: 245px
    }
}

#case .article p.zitat {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media screen and (max-width: 450px) {
    #case .article p.zitat {
        font-size: 14px;
        line-height: 1.15;
        margin-bottom: .3rem
    }
}

#case .article p.name {
    font-weight: 600;
    margin-bottom: 0
}

@media screen and (max-width: 450px) {
    #case .article p.name {
        font-size: 12px
    }
}

#case .article p.company {
    font-size: .9rem
}

@media screen and (max-width: 450px) {
    #case .article p.company {
        font-size: 11px
    }
}

#case .article .pictCase {
    width: 12rem;
    height: 12rem;
    margin-left: 2rem;
    margin-top: 0;
    position: relative;
    float: left
}

@media screen and (max-width: 450px) {
    #case .article .pictCase {
        margin-left: -0.25rem;
        margin-top: -10px;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        height: 150px
    }
}

#case .article .pictCase img, #case .article .pictCase span {
    border-radius: 6rem;
    position: absolute;
    width: 10rem;
    height: 10rem;
    border: 1px solid #c6c3bc
}

#case .article .pictCase img {
    top: 0;
    left: 1rem;
    z-index: 0
}

#case .article .pictCase span {
    z-index: 1;
    mix-blend-mode: multiply
}

#case .article .pictCase span:nth-child(2) {
    top: .5rem;
    left: .5rem;
    opacity: .6
}

#case .article .pictCase span:nth-child(3) {
    top: -0.3rem;
    left: 1.5rem;
    opacity: .9
}

#case .article:first-child .pictCase span:nth-child(2) {
    top: .5rem;
    left: .9rem
}

#case .article:first-child .pictCase span:nth-child(3) {
    top: -0.3rem;
    left: .6rem
}

#case.logos .article {
    width: 11rem;
    margin: 1rem 1.5rem 1rem 1.5rem
}

#case.logos .article .pictCase {
    margin: 2rem 0
}

#case.logos .article .pictCase img, #case.logos .article .pictCase span {
    border: 0 solid #fff
}

#allpartners {
    background-color: #edebe8
}

#allpartners .wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem
}

#allpartners #filterPartnertype {
    margin-left: 2rem
}

#allpartners #filterPartnertype li {
    color: #0e0900
}

#allpartners #findPartner {
    float: left;
    width: 17rem
}

#allpartners #findPartner ul.continent {
    border-radius: .1875rem;
    overflow: hidden
}

#allpartners #findPartner .cont-li {
    font-weight: 400;
    padding: .2rem 0 .15rem 2rem;
    background-color: #fff;
    border-bottom: 1px solid #dad8d2
}

#allpartners #findPartner .cont-li:last-child {
    border-bottom: 0px
}

#allpartners #findPartner ul.children {
    margin-left: 0;
    display: block;
    margin-bottom: 0
}

#allpartners #findPartner ul.children:after {
    content: "";
    display: table
}

#allpartners #findPartner ul.children li {
    font-weight: 300;
    overflow: hidden;
    height: 0;
    padding-left: .5rem;
    font-size: .8125rem;
    margin-right: .5rem
}

#allpartners #findPartner ul.children li a {
    width: 100%
}

#allpartners #findPartner ul.children li.current-cat {
    overflow: visible
}

#allpartners #findPartner ul.children li.current-cat:before {
    left: -0.5rem;
    top: .1rem
}

#allpartners #findPartner .cont-li:hover ul.children, #allpartners #findPartner .cont-li.current-cat ul.children, #allpartners #findPartner .cont-li.current-cat-parent ul.children {
    margin-bottom: .5rem
}

#allpartners #findPartner .cont-li:hover ul.children li, #allpartners #findPartner .cont-li.current-cat ul.children li, #allpartners #findPartner .cont-li.current-cat-parent ul.children li {
    height: 1.25rem
}

#allpartners #findPartner .cont-li:hover ul.children li a, #allpartners #findPartner .cont-li.current-cat ul.children li a, #allpartners #findPartner .cont-li.current-cat-parent ul.children li a {
    padding: .5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#allpartners h1, #allpartners p.h1-single {
    margin: 1rem 0 1rem 2rem
}

@media screen and (max-width: 450px) {
    #allpartners h1, #allpartners p.h1-single {
        margin: 1rem 3rem 2rem 0
    }
}

#allpartners.partnercountry h1 {
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 1.5rem 0 1rem 3rem
}

@media screen and (max-width: 450px) {
    #allpartners.partnercountry h1 {
        margin: 0 0 1rem 0
    }
}

#allpartners p {
    margin-left: 2.2rem
}

#allpartners p.contactPartner {
    margin-bottom: 1rem;
    float: left;
    line-height: 1.1
}

#allpartners ul, #allpartners li {
    line-height: 1.5;
    list-style-type: none
}

#allpartners li {
    color: #c6c3bc;
    position: relative
}

#allpartners li a {
    text-decoration: none
}

#allpartners li.current-cat > a {
    color: #e30513
}

#allpartners li.current-cat:before {
    font-family: 'cloudiax-web' !important;
    font-size: 1rem;
    line-height: 1;
    color: #e30513;
    position: absolute;
    top: .45rem;
    left: 1rem;
    content: "\e919"
}

#allpartners img, #allpartners .img {
    margin: .5rem 0
}

#allpartners #listPartners {
    float: left;
    width: 56.5rem
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners {
        margin-top: 2rem;
        width: 303px
    }
}

#allpartners #listPartners .showall {
    clear: both;
    float: right;
    padding-top: 1rem;
    margin-top: 3rem;
    margin-right: 1.5rem
}

#allpartners #listPartners .partner {
    margin-left: 2.5rem;
    width: 25.5rem;
    height: 8rem;
    float: left;
    position: relative
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner {
        margin-left: 0;
        width: 303px;
        height: 7rem
    }
}

#allpartners #listPartners .partner.hiddenAnimation {
    height: 0 !important;
    opacity: 0
}

#allpartners #listPartners .partner:hover .img.double {
    background-position: left
}

#allpartners #listPartners .partner .img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: .05rem solid #fff;
    float: left;
    margin-bottom: 2rem;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner .img {
        width: 5rem;
        height: 5rem
    }
}

#allpartners #listPartners .partner .img.double {
    background-position: right;
    background-size: cover
}

#allpartners #listPartners .partner .text {
    width: 19.5rem;
    float: left;
    margin-top: 1.5rem
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner .text {
        width: 222px;
        margin-top: 1rem
    }
}

#allpartners #listPartners .partner p {
    font-size: .85rem;
    margin-left: 1rem
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner p {
        font-size: .75rem;
        line-height: 1.4
    }
}

#allpartners #listPartners .partner p.firma {
    color: #0e0900;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.2;
    margin-bottom: .1rem
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner p.firma {
        font-size: .95rem
    }
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner a {
        font-size: .8125rem
    }
}

#allpartners #listPartners .partner a.mail {
    line-height: 1.4;
    color: #b2aea6;
    font-size: .8125rem;
    padding-left: 1.5rem;
    margin-left: 1rem;
    position: relative
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner a.mail {
        font-size: .75rem
    }
}

#allpartners #listPartners .partner a.mail:hover {
    color: #0e0900
}

#allpartners #listPartners .partner .mailLink {
    position: relative;
    margin-left: 2.5rem;
    font-size: .8125rem;
    color: #b2aea6
}

#allpartners #listPartners .partner .mailLink::before {
    line-height: 1.25;
    font-size: 1.2rem;
    margin-right: .4rem;
    margin-left: -1.5rem;
    position: absolute;
    bottom: -0.2rem;
    left: 0
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner .mailLink::before {
        font-size: 1rem;
        margin-left: -1.2rem;
        line-height: 1
    }
}

@media screen and (max-width: 450px) {
    #allpartners #listPartners .partner .mailLink {
        font-size: .7rem;
        margin-top: 10px;
        margin-left: 2.2rem
    }
}

#allpartners #listPartners .listContinent {
    clear: both;
    margin-top: 3rem;
    margin-left: 1rem;
    float: left;
    width: 100%;
    padding-top: 3rem;
    border-top: 1px solid #0e0900
}

@media screen and (max-width: 450px) {
    #singlepartner #listPartners .partner {
        margin-left: 0;
        width: 303px
    }
}

#singlepartner #listPartners .partner .info {
    float: left;
    margin-top: 5rem;
    margin-bottom: 1rem;
    max-width: 26rem
}

@media screen and (max-width: 450px) {
    #singlepartner #listPartners .partner .info {
        margin-top: 0;
        margin-left: 1.5rem
    }
}

#singlepartner #listPartners .partner .img {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
    margin: 1rem 2.5rem;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    float: left
}

@media screen and (max-width: 450px) {
    #singlepartner #listPartners .partner .img {
        margin: 0 0 1rem 5.5rem;
        width: 8rem;
        height: 8rem
    }
}

#singlepartner #listPartners .partner h2 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: .5rem
}

#singlepartner #listPartners .partner p {
    margin-bottom: .4rem
}

@media screen and (max-width: 450px) {
    #singlepartner #listPartners .partner p {
        font-size: .9rem
    }
}

#singlepartner #listPartners .partner .partnerWeb a {
    color: #878378
}

#singlepartner #listPartners .partner .ssp {
    margin-top: 2rem
}

#singlepartner #listPartners .partner .ssp ul {
    margin-left: 0
}

#singlepartner #listPartners .partner .ssp ul li {
    margin-top: .5rem
}

#listPartners p.country a {
    text-decoration: none;
    color: #fff;
    background-color: #66a3d1;
    float: left;
    padding: 0 .5rem;
    margin: .2rem .2rem 0 0;
    border-radius: .1875rem
}

#listPartners p.country a:hover {
    background-color: #c90f11
}

#listPartners p.country a.current-cat {
    opacity: .7
}

#listPartners span.reticencias {
    float: left;
    font-weight: 600
}

#listPartners .partnerKind, #listPartners .partnerWeb, #listPartners .ssp {
    clear: both;
    float: left
}

#listPartners .partnerKind {
    margin-top: 1rem
}

.mapamundi {
    position: relative;
    clear: both;
    width: 100%
}

.mapamundi #tooltip, .mapamundi #tooltip2 {
    display: none;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: .2rem .4rem;
    background-color: #575349;
    opacity: .9;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    font-size: .75rem;
    border-radius: .1875rem;
    -webkit-transform: translate(-50%, -150%);
    -moz-transform: translateX(-50%, -150%);
    -ms-transform: translateX(-50%, -150%);
    transform: translate(-50%, -150%)
}

.mapamundi #tooltip:before, .mapamundi #tooltip2:before {
    font-weight: 600;
    content: attr(data-content) ''
}

.mapamundi #tooltip.active, .mapamundi #tooltip2.active {
    display: block
}

.lp .top, .lp .header, .lp header.shrink .header {
    background-color: transparent
}

.lp #menu-header-top-menu {
    padding-right: .5rem;
    border-right: 1px solid #00adef
}

.lp #tsr {
    background: #003359;
    background: -moz-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: linear-gradient(45deg, #003359 0%, #08162a 100%)
}

@media screen and (min-width: 451px), print {
    .lp #navPri {
        display: none
    }
}

@media screen and (max-width: 450px) {
    .lp #navPri {
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana {
        height: 45rem;
        max-height: 720px
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana {
        height: 600px
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .wrapper {
        height: 45rem;
        max-height: 720px
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .wrapper {
        height: 600px
    }
}

#sqlhana #tsr.tsr-sqlhana .teaserText {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .teaserText {
        top: 8rem;
        left: 10rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .teaserText {
        top: 6rem
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .teaserText h1, #sqlhana #tsr.tsr-sqlhana .teaserText p.text_1, #sqlhana #tsr.tsr-sqlhana .teaserText p.text_2 {
        margin-left: 11.3rem
    }
}

#sqlhana #tsr.tsr-sqlhana .sql, #sqlhana #tsr.tsr-sqlhana .hana {
    position: absolute;
    top: 0;
    left: 0;
    margin: .125rem
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .sql, #sqlhana #tsr.tsr-sqlhana .hana {
        height: 4.75rem;
        border-radius: 2.375rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .sql, #sqlhana #tsr.tsr-sqlhana .hana {
        height: 2.75rem;
        border-radius: 1.375rem
    }
}

#sqlhana #tsr.tsr-sqlhana .sql:after, #sqlhana #tsr.tsr-sqlhana .hana:after {
    font-family: "cloudiax-web";
    content: "\e92c";
    position: absolute;
    color: #fff
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .sql:after, #sqlhana #tsr.tsr-sqlhana .hana:after {
        right: 1.4rem;
        line-height: 1.6;
        font-size: 3rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .sql:after, #sqlhana #tsr.tsr-sqlhana .hana:after {
        right: .6rem;
        line-height: 1.4;
        font-size: 2rem
    }
}

#sqlhana #tsr.tsr-sqlhana .sql {
    background-color: #e30513
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .sql {
        width: 5rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .sql {
        width: 3rem
    }
}

#sqlhana #tsr.tsr-sqlhana .sql:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .sql.shrink {
        width: 10rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .sql.shrink {
        width: 4rem
    }
}

#sqlhana #tsr.tsr-sqlhana .hana {
    background-color: #f2910d
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .hana {
        width: 5rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .hana {
        width: 3rem
    }
}

#sqlhana #tsr.tsr-sqlhana .hana:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .hana.shrink {
        width: 43rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .hana.shrink {
        width: 10.5rem
    }
}

#sqlhana #tsr.tsr-sqlhana p.info-text {
    position: absolute;
    color: #c6c3bc;
    font-weight: 200;
    line-height: 1.2
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana p.info-text {
        right: 3rem;
        font-size: 4rem;
        letter-spacing: -0.3rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana p.info-text {
        right: 1rem;
        font-size: 2.5rem;
        letter-spacing: -0.1rem
    }
}

#sqlhana #tsr.tsr-sqlhana .claim {
    color: #f1ac0d;
    line-height: .9;
    font-weight: 200
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .claim {
        font-size: 5rem;
        letter-spacing: -0.4rem;
        margin: 2rem 0 1rem 11rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .claim {
        font-size: 2.75rem;
        letter-spacing: -0.25rem;
        margin: 1rem 0
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .claim b {
        letter-spacing: -0.25rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .claim b {
        letter-spacing: -0.1rem
    }
}

#sqlhana #tsr.tsr-sqlhana .info {
    background-color: #fff;
    margin-bottom: 1rem;
    position: relative
}

@media screen and (min-width: 451px), print {
    #sqlhana #tsr.tsr-sqlhana .info {
        width: 58rem;
        height: 5rem;
        border-radius: 2.5rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana .info {
        width: 303px;
        height: 3rem;
        border-radius: 1.5rem
    }
}

#sqlhana #tsr.tsr-sqlhana h1 {
    position: relative;
    top: 0;
    left: 0;
    text-transform: none;
    margin-left: .5rem;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: 0;
    color: #fff
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana h1 {
        font-size: .9rem
    }
}

#sqlhana #tsr.tsr-sqlhana p.text_1, #sqlhana #tsr.tsr-sqlhana p.text_2 {
    color: #fff;
    margin-top: 1rem;
    margin-left: .5rem;
    font-weight: 300;
    letter-spacing: 0
}

#sqlhana #tsr.tsr-sqlhana p.text_1 {
    font-size: 1rem
}

@media screen and (max-width: 450px) {
    #sqlhana #tsr.tsr-sqlhana p.text_1 {
        font-size: .9rem
    }
}

#sqlhana #tsr.tsr-sqlhana p.text_2 {
    font-size: .8125rem
}

#sqlhana .cta {
    width: 8rem;
    height: 8rem
}

#sqlhana .cta span {
    width: 8rem;
    height: 8rem
}

#sqlhana .cta p.price {
    font-size: 1.25rem;
    line-height: .7
}

#sqlhana .cta .icon {
    position: relative;
    font-size: 2rem;
    line-height: .8;
    height: 1rem;
    text-align: center;
    margin: -1.2rem 0 .8rem -0.25rem
}

#sqlhana .cta .icon:after {
    margin-left: -2rem;
    color: #0e0900
}

#sqlhana #services .icon {
    position: relative
}

#sqlhana #services .icon:after, #sqlhana #services .icon:before {
    position: absolute;
    top: 0
}

@media screen and (min-width: 451px), print {
    #sqlhana #benefits article {
        margin-left: 17rem;
        width: 42rem
    }
}

#sqlhana #benefits h2 {
    font-weight: 600;
    margin-bottom: 2rem
}

@media screen and (min-width: 451px), print {
    #sqlhana #benefits h2 {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana #benefits h2 {
        font-size: 1.2rem
    }
}

#sqlhana #benefits ul {
    list-style-type: disc;
    margin-left: 1.2rem;
    margin-bottom: 2rem
}

#sqlhana #benefits ul li {
    margin-bottom: .6rem
}

#sqlhana #benefits p.colofon {
    font-size: 1.125rem
}

@media screen and (min-width: 451px), print {
    #sqlhana.order #tsr.tsr-sqlhana {
        height: 11rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana.order #tsr.tsr-sqlhana {
        height: 9rem
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana.order #tsr.tsr-sqlhana .wrapper {
        height: 14.25rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana.order #tsr.tsr-sqlhana .wrapper {
        height: 12.25rem
    }
}

#sqlhana.order #tsr.tsr-sqlhana .claim {
    color: #f1ac0d;
    line-height: .9
}

@media screen and (min-width: 451px), print {
    #sqlhana.order #tsr.tsr-sqlhana .claim {
        font-size: 4rem;
        letter-spacing: -0.3rem;
        margin: 2.8rem 0 1rem 23rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana.order #tsr.tsr-sqlhana .claim {
        font-size: 2rem;
        letter-spacing: -0.2rem;
        margin: 3.4rem 0 0 0
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana.order #tsr.tsr-sqlhana .claim b {
        letter-spacing: -0.25rem
    }
}

@media screen and (max-width: 450px) {
    #sqlhana.order #tsr.tsr-sqlhana .claim b {
        letter-spacing: -0.1rem
    }
}

#sqlhana.order .cta {
    background-color: #00adef;
    width: 6.5rem;
    height: 6.5rem;
    bottom: 0
}

#sqlhana.order .cta:hover {
    background: #00adef;
    background-color: #00adef
}

@media screen and (max-width: 450px) {
    #sqlhana.order .cta {
        top: auto;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

#contract.sqlhana .breadcrumbs {
    margin-top: 2rem;
    font-size: .8125rem
}

@media screen and (min-width: 451px), print {
    #contract.sqlhana .breadcrumbs {
        margin-left: 2rem
    }
}

#contract.sqlhana .breadcrumbs a.inactive {
    color: #b2aea6
}

#contract.sqlhana .breadcrumbs a.inactive:hover {
    color: #e30513
}

#contract.sqlhana .breadcrumbs span {
    color: #dad8d2
}

@media screen and (min-width: 451px), print {
    #contract.sqlhana .form {
        margin-left: 2rem;
        margin-top: -1rem
    }
}

@media screen and (max-width: 450px) {
    #contract.sqlhana .form {
        margin-top: 0
    }
}

#contract.sqlhana .form p {
    padding-top: 1rem
}

@media screen and (max-width: 450px) {
    #contract.sqlhana .form p {
        font-size: .85rem
    }
}

#contract.sqlhana #formOrder {
    float: left
}

@media screen and (min-width: 451px), print {
    #contract.sqlhana #formOrder {
        width: 27rem
    }
}

@media screen and (max-width: 450px) {
    #contract.sqlhana #formOrder {
        margin-top: 36px;
        width: 296px
    }
}

@media screen and (max-width: 450px) {
    #contract.sqlhana #formOrder p {
        font-size: .85rem
    }
}

@media screen and (max-width: 450px) {
    #contract.sqlhana #formOrder p.datenschutz {
        font-size: .7rem
    }
}

#contract.sqlhana .spalte, #contract.sqlhana .spalte2 {
    float: left;
    margin: 1rem 0
}

#contract.sqlhana .spalte p, #contract.sqlhana .spalte2 p {
    padding: .2rem 0
}

#contract.sqlhana .spalte .greyHeader, #contract.sqlhana .spalte2 .greyHeader {
    color: #878378
}

#contract.sqlhana .spalte .product, #contract.sqlhana .spalte2 .product {
    border-top: 1px solid #b2aea6;
    border-bottom: 1px solid #b2aea6;
    padding: 1rem 0
}

#contract.sqlhana .spalte small, #contract.sqlhana .spalte2 small {
    color: #e30513
}

@media screen and (min-width: 451px), print {
    #contract.sqlhana .spalte {
        width: 18rem
    }
}

@media screen and (max-width: 450px) {
    #contract.sqlhana .spalte {
        width: 14rem
    }
}

@media screen and (min-width: 451px), print {
    #contract.sqlhana .spalte2 {
        width: 8rem
    }
}

@media screen and (max-width: 450px) {
    #contract.sqlhana .spalte2 {
        width: 4rem
    }
}

#contract.sqlhana .datenschutz {
    margin-top: 1rem;
    float: left
}

#contract.sqlhana .btn {
    position: absolute;
    bottom: 2rem;
    right: 0
}

#angebot {
    position: relative;
    padding-top: 4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 4rem .5rem .5rem 1rem;
    background: #003359;
    background: -moz-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: linear-gradient(45deg, #003359 0%, #08162a 100%);
    border-radius: .1875rem
}

#angebot p, #angebot a {
    color: #fff !important;
    font-size: 1rem !important
}

#angebot .ribbon_1 {
    top: .7rem;
    left: -1rem
}

#angebot .ribbon_2 {
    top: 2rem;
    left: 1rem
}

#blog #angebot {
    max-width: 21rem;
    margin-top: 1rem
}

#blog #angebot .ribbon_1, #blog #angebot .ribbon_2 {
    padding: 0 !important
}

#blog.help #angebot {
    margin-top: -1rem
}

#products {
    background-color: #edebe8;
    min-height: 53rem;
    padding-bottom: 3rem
}

#products .wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem
}

#products p {
    font-weight: 300;
    font-size: .9rem
}

@media screen and (max-width: 450px) {
    #products p {
        font-size: .75rem
    }
}

#products #contactProducts {
    line-height: 1.25;
    margin-top: 4rem
}

#products #contactProducts p {
    line-height: 0;
    padding-left: 1rem
}

#products #findProductsContainer {
    float: left
}

#products #findProducts {
    width: 23rem
}

@media screen and (max-width: 450px) {
    #products #findProducts {
        margin-bottom: 26px;
        width: 303px
    }
}

#products #findProducts h1, #products #findProducts p.h1-single {
    font-size: 2.4rem;
    padding-bottom: 1rem;
    margin: 1rem .5rem 0 2rem;
    line-height: 1
}

@media screen and (max-width: 450px) {
    #products #findProducts h1, #products #findProducts p.h1-single {
        font-size: 24px;
        margin: 0
    }
}

#products #findProducts select {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1;
    margin-left: 2.2rem;
    margin-bottom: 1rem;
    width: 19rem;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: .1875rem;
    padding: .4rem .6rem;
    background-image: url(image/icon_arrow_down.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12%
}

@media screen and (max-width: 450px) {
    #products #findProducts select {
        font-size: .9rem;
        width: 300px;
        margin-left: 0
    }
}

#products #findProducts select .optgroup {
    font-weight: 400;
    font-weight: bold
}

#products #findProducts select .opt {
    padding-left: .5rem
}

#products #findProducts select::-ms-expand {
    display: none
}

#products #findProducts p {
    margin: 0 1.5rem 1rem 2.2rem
}

@media screen and (max-width: 450px) {
    #products #findProducts p {
        margin: 0 1.5rem 1rem 0
    }
}

#products #listProducts {
    float: left;
    width: 47rem;
    margin-left: 2rem;
    margin-top: 2rem
}

@media screen and (max-width: 450px) {
    #products #listProducts {
        margin-left: 0;
        width: 303px
    }
}

@media screen and (min-width: 451px), print {
    #products #listProducts #call-ad {
        margin: 0 0 2rem 3rem
    }
}

@media screen and (max-width: 450px) {
    #products #listProducts #call-ad {
        margin: 0 0 0 -63px
    }
}

#products #listProducts .drawers {
    float: left
}

#products #listProducts .drawers li {
    margin-left: 1rem;
    padding: .5rem .5rem .5rem 2rem;
    width: 21.5rem;
    border-bottom: 1px solid #dad8d2;
    display: block;
    position: relative;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media screen and (max-width: 450px) {
    #products #listProducts .drawers li {
        margin-left: 0;
        width: 303px
    }
}

#products #listProducts .drawers li p.productName {
    font-size: 1.1rem;
    padding-bottom: .2rem;
    color: #0e0900;
    font-weight: 600
}

@media screen and (max-width: 450px) {
    #products #listProducts .drawers li p.productName {
        font-size: 1rem;
        padding-bottom: .1rem
    }
}

#products #listProducts .drawers li p.short {
    font-size: .8125rem;
    color: #878378
}

@media screen and (max-width: 450px) {
    #products #listProducts .drawers li p.short {
        font-size: .8125rem
    }
}

#products #listProducts .drawers li:hover {
    cursor: pointer;
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

#products #listProducts .drawers li:hover:after {
    color: #fff
}

#products #listProducts .drawers li:hover p.productName, #products #listProducts .drawers li:hover p.short {
    color: #fff
}

#products #listProducts .drawers li:after {
    font-size: 1.4rem;
    position: absolute;
    top: .3rem;
    left: .1rem;
    color: #e30513
}

#products #listProducts .drawers a {
    text-decoration: none
}

#products #listProducts.category {
    width: 34rem;
    margin-left: 8rem
}

@media screen and (max-width: 450px) {
    #products #listProducts.category {
        margin-left: 0;
        width: 303px
    }
}

@media screen and (min-width: 451px), print {
    #products #listProducts.category .drawers li {
        width: 32rem
    }
}

#products #listProducts.category .ergebnis {
    margin: 0 0 1rem 1rem;
    padding: .5rem 2rem;
    width: 32rem
}

#products #listProducts.category .ergebnis a {
    color: #e30513
}

@media screen and (max-width: 450px) {
    #products #listProducts.category .ergebnis {
        margin: 0 0 1rem 0;
        padding: .5rem 0
    }
}

#products #listProducts.category h1.ergebnis.header {
    font-weight: 600;
    padding: 0 1rem;
    margin: 1rem 0 0 1.8rem
}

#products #listProducts.category h1.ergebnis.header span {
    font-weight: 300
}

#products #listProducts.category h1.ergebnis.header span a {
    color: #0e0900
}

@media screen and (max-width: 450px) {
    #products #listProducts.category h1.ergebnis.header {
        width: 280px;
        font-size: 24px;
        margin: 0;
        padding: 0
    }
}

#products #product {
    float: left;
    width: 46rem;
    margin-left: 4rem;
    margin-top: 5rem
}

@media screen and (max-width: 450px) {
    #products #product {
        margin-left: 0;
        width: 303px
    }
}

#products #product h1 {
    font-weight: 400;
    font-size: 2.4rem;
    width: 27rem;
    margin-top: 1rem;
    margin-left: -0.2rem;
    padding-bottom: 1rem;
    text-transform: none
}

@media screen and (max-width: 450px) {
    #products #product h1 {
        font-size: 24px;
        width: 100%;
        letter-spacing: -0.05rem;
        margin-left: 0
    }
}

#products #product .column1 {
    width: 27rem;
    float: left
}

@media screen and (max-width: 450px) {
    #products #product .column1 {
        width: 303px
    }
}

#products #product .column2 {
    width: 17rem;
    margin-left: 2rem;
    margin-top: -0.6rem;
    float: left
}

@media screen and (max-width: 450px) {
    #products #product .column2 {
        width: 303px;
        margin-left: 0;
        margin-top: 0;
        padding: 2rem 0
    }
}

#products #product .column2 p.keywords, #products #product .column2 ul#listkeywords li {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    border-bottom: 1px solid #0e0900;
    padding: .5rem 0 .5rem 1rem
}

#products #product .column2 ul#listkeywords li {
    border-bottom: 1px solid #878378
}

#products #product .column2 #listkeywords a, #products #product .column2 #contactProducts a {
    text-decoration: none
}

#products #product .column2 #contactProducts p.arrowurl a {
    text-decoration: underline;
    cursor: pointer
}

#products #product .column2 p.video, #products #product .column2 p.pdf, #products #product .column2 p.blog {
    line-height: 1.25;
    margin-bottom: 0;
    font-size: 1rem;
    border-bottom: 1px solid #878378
}

#products #product .column2 p.video a:hover, #products #product .column2 p.pdf a:hover, #products #product .column2 p.blog a:hover {
    color: #e30513
}

#products #product .column2 p.video, #products #product .column2 p.pdf, #products #product .column2 p.blog, #products #product .column2 p.arrowurl {
    padding: .5rem 0 .5rem 2.7rem
}

@media screen and (max-width: 450px) {
    #products #product .column2 p.video, #products #product .column2 p.pdf, #products #product .column2 p.blog, #products #product .column2 p.arrowurl {
        padding: .5rem 0 .5rem 16px
    }
}

#products #product .column2 p.arrowurl a:before {
    right: auto;
    left: -1.7rem
}

#products #product .column2 p.arrowurl:hover:before, #products #product .column2 p.arrowurl:hover a:before {
    right: auto;
    left: -1.5rem
}

#products #product .column2 a:hover li {
    color: #e30513
}

#products #product p.ssp {
    color: #0e0900
}

#products #product p.ssp span {
    color: #b2aea6
}

#products #product p.ssp a {
    font-weight: 400
}

@media screen and (max-width: 450px) {
    #products #product p {
        font-size: .9rem
    }
}

#products #product h2 {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.3;
    padding-top: .5rem;
    padding-bottom: 2rem;
    color: #575349
}

@media screen and (max-width: 450px) {
    #products #product h2 {
        font-size: 16px;
        width: 100%
    }
}

#products #product .long {
    font-size: 1.1rem;
    color: #575349;
    line-height: 1.4
}

@media screen and (max-width: 450px) {
    #products #product .long {
        font-size: .9rem;
        width: 100%
    }
}

#products #product .long p {
    margin-bottom: .5rem
}

#products #product .long ul {
    margin: .5rem 0 .5rem 1rem;
    list-style-type: disc
}

#products #product .long ul li {
    font-size: .9rem;
    margin-bottom: .5rem
}

@media screen and (max-width: 450px) {
    #products #product .long ul li {
        font-size: .75rem
    }
}

#stickerBack, #modalBack {
    height: 0px;
    width: 0px;
    border-radius: 50%;
    position: fixed;
    left: 2000px;
    top: 0px;
    z-index: 999;
    background-color: #004d85
}

#sticker, #modal {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    cursor: pointer;
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

#sticker-svg, #modal-svg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(image/bg-sticker.svg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
}

#eventWindow, #modalWindow, #popup1, #popup2 {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 4rem;
    border-radius: .1875rem;
    -webkit-box-shadow: 0 0 .6rem rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 .6rem rgba(255, 255, 255, 0.9);
    z-index: 1001
}

#eventWindow .iconStickerX, #modalWindow .iconStickerX, #popup1 .iconStickerX, #popup2 .iconStickerX {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: 0;
    background-color: #e30513;
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

@media screen and (max-width: 450px) {
    #eventWindow .iconStickerX, #modalWindow .iconStickerX, #popup1 .iconStickerX, #popup2 .iconStickerX {
        top: .5rem;
        right: .5rem
    }
}

#eventWindow .iconStickerX:after, #modalWindow .iconStickerX:after, #popup1 .iconStickerX:after, #popup2 .iconStickerX:after {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    content: "\e900";
    line-height: 1.05
}

#eventWindow {
    background-color: #fff;
    width: 40rem;
    padding: 1.2rem 1.25rem 1rem 1.7rem
}

#modalWindow {
    background-color: #edebe8;
    width: 46rem;
    padding: 1.2rem 0 1rem 0
}

@media screen and (max-width: 450px) {
    #modalWindow {
        width: 319px;
        padding: 1rem 0;
        top: 1rem
    }
}

.popup {
    cursor: pointer
}

#eventWindow .eform {
    background-color: #edebe8
}

#eventWindow p.title {
    font-weight: 700;
    font-size: 1.4rem
}

#eventWindow .column {
    position: relative
}

@media screen and (min-width: 451px), print {
    #eventWindow .column {
        float: left;
        width: 17rem
    }
}

@media screen and (min-width: 451px), print {
    #eventWindow .column:nth-child(2) {
        margin-right: 2rem
    }
}

@media screen and (max-width: 450px) {
    #eventWindow .column:nth-child(2) {
        padding-bottom: 2rem
    }
}

#eventWindow .column:nth-child(3) {
    margin-top: 2rem
}

#eventWindow form p {
    font-size: .9rem;
    line-height: 1.2;
    color: #0e0900;
    margin-bottom: .4rem;
    margin-top: .3rem
}

@media screen and (max-width: 450px) {
    #eventWindow {
        width: 303px;
        padding: 20px 18px 15px 25px;
        top: 0
    }
}

#popup1, #popup2 {
    position: absolute;
    background-color: #fff
}

@media screen and (min-width: 451px), print {
    #popup1, #popup2 {
        width: 68rem
    }
}

#popup1 .title-popup, #popup2 .title-popup {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.1rem
}

#popup1 .title-offer, #popup2 .title-offer {
    margin: 1rem 0
}

@media screen and (min-width: 451px), print {
    #popup1 .title-offer, #popup2 .title-offer {
        width: 27rem
    }
}

#popup1 img, #popup2 img {
    margin: 3rem 1.6rem 2rem 1rem
}

@media screen and (min-width: 451px), print {
    #popup1 img, #popup2 img {
        width: 59.5rem
    }
}

#popup1 .infog-wrapper, #popup2 .infog-wrapper {
    position: relative
}

@media screen and (max-width: 450px) {
    #popup1 .infog-wrapper, #popup2 .infog-wrapper {
        display: none
    }
}

#popup1 .infog-wrapper em, #popup2 .infog-wrapper em {
    font-style: normal;
    color: #e30513
}

#popup1 .infog-wrapper .infog:nth-child(2), #popup2 .infog-wrapper .infog:nth-child(2) {
    left: 1rem
}

#popup1 .infog-wrapper .infog:nth-child(3), #popup2 .infog-wrapper .infog:nth-child(3) {
    left: 15.5rem
}

#popup1 .infog-wrapper .infog:nth-child(4), #popup2 .infog-wrapper .infog:nth-child(4) {
    left: 47rem
}

#popup1 .infog-wrapper .infog:nth-child(5), #popup2 .infog-wrapper .infog:nth-child(5) {
    left: 41.8rem;
    top: 4.23rem;
    width: 2rem;
    color: #fff
}

#popup1 .infog, #popup2 .infog {
    font-size: .9375rem;
    position: absolute;
    top: 6.5rem;
    line-height: 1;
    font-weight: 400
}

#popup1 .ribbon_1, #popup2 .ribbon_1, #popup1 .ribbon_2, #popup2 .ribbon_2 {
    color: #fff;
    width: auto;
    padding: .1rem 1rem .3rem 1rem;
    line-height: 1
}

@media screen and (min-width: 451px), print {
    #popup1 .ribbon_1, #popup2 .ribbon_1, #popup1 .ribbon_2, #popup2 .ribbon_2 {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 450px) {
    #popup1 .ribbon_1, #popup2 .ribbon_1, #popup1 .ribbon_2, #popup2 .ribbon_2 {
        font-size: 1rem
    }
}

@media screen and (min-width: 451px), print {
    #popup1 .ribbon_1, #popup2 .ribbon_1 {
        left: 35rem;
        top: 4.7rem
    }
}

@media screen and (max-width: 450px) {
    #popup1 .ribbon_1, #popup2 .ribbon_1 {
        top: auto
    }
}

@media screen and (min-width: 451px), print {
    #popup1 .ribbon_2, #popup2 .ribbon_2 {
        left: 38rem;
        top: 6.8rem
    }
}

@media screen and (max-width: 450px) {
    #popup1 .ribbon_2, #popup2 .ribbon_2 {
        top: auto;
        margin-top: 1.7rem
    }
}

#popup1 .popup-col, #popup2 .popup-col {
    float: left
}

@media screen and (min-width: 451px), print {
    #popup1 .popup-col, #popup2 .popup-col {
        width: 26rem;
        margin-top: 1.7rem
    }
}

@media screen and (max-width: 450px) {
    #popup1 .popup-col, #popup2 .popup-col {
        margin-top: 6rem
    }
}

#popup1 .popup-col p:not(.title), #popup2 .popup-col p:not(.title), #popup1 .popup-col ul li, #popup2 .popup-col ul li {
    font-size: .875rem
}

#popup1 .popup-col .title, #popup2 .popup-col .title {
    margin-top: 1.5rem
}

#popup1 .popup-col .title:first-child, #popup2 .popup-col .title:first-child {
    margin-top: 0
}

#popup1 .wrapper .form, #popup2 .wrapper .form {
    margin-top: .5rem
}

@media screen and (min-width: 451px), print {
    #popup1 .wrapper .form, #popup2 .wrapper .form {
        width: 30rem
    }
}

#popup1 .form .formAnima p, #popup2 .form .formAnima p {
    padding-top: 1rem
}

@media screen and (min-width: 451px), print {
    #popup1 .formAnima label, #popup2 .formAnima label {
        width: 29rem
    }
}

@media screen and (min-width: 451px), print {
    #popup1 .formAnima label.thirdy, #popup2 .formAnima label.thirdy {
        width: 11.5rem
    }
}

@media screen and (min-width: 451px), print {
    #popup1 .formAnima label.fifty, #popup2 .formAnima label.fifty {
        width: 14.3rem
    }
}

@media screen and (min-width: 451px), print {
    #popup1 .formAnima label.sixty, #popup2 .formAnima label.sixty {
        width: 17.1rem
    }
}

@media screen and (min-width: 451px), print {
    #popup1 .form .formAnima .btn, #popup2 .form .formAnima .btn {
        margin-right: .8rem
    }
}

#popup1 .formAnima label [type="radio"] + label {
    float: left;
    width: auto
}

#popup1 .form .formAnima .captchaAlert {
    bottom: 4rem
}

@media screen and (min-width: 451px), print {
    #popup1 .form .formAnima .captchaAlert {
        width: 21rem
    }
}

@media screen and (max-width: 450px) {
    #popup1 .form .formAnima .captchaAlert {
        width: 14rem
    }
}

@media screen and (max-width: 450px) {
    #popup2 .form .formAnima .captchaAlert3 {
        bottom: 4rem
    }
}

p.datenschutz {
    font-size: .75rem;
    margin-top: 1rem
}

p.datenschutz.verteilerWerbung {
    padding-top: .3rem;
    border-top: 1px solid #b2aea6
}

#contract.partnermanagement #tsr, #contract.partnermanagement #tsr .wrapper {
    height: 13rem
}

@media screen and (max-width: 450px) {
    #contract.partnermanagement #tsr {
        background-position: 106rem 13rem
    }
}

#blog.help #tsr {
    /*background-image: url(image/teaser_help.jpg);*/
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #blog.help #tsr {
        height: 20rem
    }
}

@media screen and (min-width: 451px), print {
    #blog.help #tsr #box-tsr {
        left: 26rem;
        width: 29rem
    }
}

@media print {
    #blog.help #tsr #box-tsr {
        display: none
    }
}

#blog.help #tsr h1, #blog.help #tsr p.h1-single {
    color: #fff;
    width: 100%;
    font-weight: 200;
    margin: 3rem 0 0 0
}

#blog.help #tsr p:not(.h1-single) {
    color: #fff;
    font-size: .9rem
}

#blog.help #tsr .search-form-container {
    margin-top: .5rem;
    margin-bottom: .5rem
}

#blog.help #tsr .search-form-container form.search-form input.search-field {
    font-size: 1.1rem;
    padding: .4rem .8rem;
    background-color: #fff
}

#blog.help #tsr .search-form-container form[class*="search"]:before {
    top: .5rem
}

@media screen and (min-width: 451px), print {
    #blog.help.searchFocus #tsr, #blog.help.searchFocus #tsr .wrapper {
        height: 15rem
    }
}

#blog.help.searchFocus #tsr h1, #blog.help.searchFocus #tsr p.h1-single {
    font-size: 1.7rem;
    letter-spacing: -0.03rem;
    margin: 1rem 0 0 0
}

#blog.help.searchFocus #tsr .search-form-container form.search-form input.search-field {
    font-size: .9rem;
    padding: .3rem .8rem
}

#blog.help.searchFocus #tsr .search-form-container form[class*="search"]:before {
    top: .3rem
}

#blog.help.searchFocus #tsr p:not(.h1-single) {
    font-size: .1rem;
    opacity: 0
}

#faq.mailchimp #tsr, #subpages.send #tsr {
    /*background-image: url(image/teaser_send.jpg)*/
}

#mailchimp {
    padding-bottom: 3rem
}

#subpages, .subpages, #blog, #faq {
    padding-bottom: 3rem
}

#subpages h1, .subpages h1, #blog h1, #faq h1, #subpages .h1-single, .subpages .h1-single, #blog .h1-single, #faq .h1-single {
    margin-top: 2rem;
    margin-left: 2rem;
    width: 30%
}

@media screen and (max-width: 450px) {
    #subpages h1, .subpages h1, #blog h1, #faq h1, #subpages .h1-single, .subpages .h1-single, #blog .h1-single, #faq .h1-single {
        width: auto;
        margin-left: 0;
        margin-bottom: 16px
    }
}

#subpages ul {
    margin-top: 2rem
}

#subpages ul li {
    color: #0e0900;
    line-height: 1.8
}

#subpages.legal h1 {
    width: 21rem
}

#subpages.legal h2 {
    font-size: 2rem;
    margin-top: 3rem
}

#subpages.legal h3 {
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: .5rem
}

#subpages.legal h4 {
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 1.5rem
}

#subpages.legal ul {
    list-style-type: disc;
    margin-left: 1.2rem
}

#subpages.legal ul li {
    line-height: 1.2;
    margin-bottom: 1rem
}

#subpages.legal #print {
    margin: 2rem 0 0 2rem
}

#subpages.legal.contractTerms ol {
    counter-reset: item;
    line-height: 1.5
}

#subpages.legal.contractTerms ol li {
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 2rem;
    line-height: 1.1;
    color: #0e0900;
    letter-spacing: -0.05rem;
    margin-bottom: .1rem;
    margin-left: 0;
    padding-left: 3rem
}

#subpages.legal.contractTerms ol li:before {
    position: absolute;
    left: 0
}

#subpages.legal.contractTerms ol ol {
    margin-top: 1rem
}

#subpages.legal.contractTerms ol ol li {
    font-weight: 300;
    font-size: 1rem;
    margin-top: .3rem;
    line-height: 1.5;
    letter-spacing: 0;
    padding-left: 0
}

@media screen and (max-width: 450px) {
    #subpages.legal.contractTerms ol ol li {
        font-size: .7rem
    }
}

#subpages.legal.contractTerms li {
    display: block
}

#subpages.legal.contractTerms li:before {
    content: counters(item, ".") " ";
    counter-increment: item
}

#subpages #legalSide {
    width: 23rem;
    margin-right: 2rem;
    float: left
}

#subpages #legalSide .arrowurl {
    margin-left: 2rem
}

#subpages #legalSide .arrowurl a:link {
    text-decoration: none
}

@media screen and (max-width: 450px) {
    #subpages #legalSide .arrowurl {
        margin-left: 0
    }
}

#subpages #legal {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: .44rem;
    margin-bottom: .44rem;
    width: 40rem;
    margin-top: 5rem
}

@media screen and (max-width: 450px) {
    #subpages #legal {
        width: 300px;
        margin: 2rem 0 0 0
    }
}

#subpages p {
    color: #0e0900;
    font-size: 1rem;
    margin-top: .3rem;
    line-height: 1.5
}

@media screen and (max-width: 450px) {
    #subpages p {
        font-size: .7rem
    }
}

#subpages .agb1 {
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1;
    margin-top: 1.5rem;
    letter-spacing: -0.02rem
}

@media screen and (max-width: 450px) {
    #subpages .agb1 {
        font-size: 1rem
    }
}

#subpages .agb2 {
    font-weight: bold;
    font-size: 1.2rem;
    margin-top: .6rem
}

@media screen and (max-width: 450px) {
    #subpages .agb2 {
        font-size: .8125rem
    }
}

main.e404main {
    position: relative;
    min-height: auto
}

#subpages.e404 {
    background-color: #edebe8
}

#subpages.e404 p.link {
    margin-top: 3rem;
    margin-left: 3rem
}

@media screen and (max-width: 450px) {
    #subpages.e404 p.link {
        margin-left: 0
    }
}

#subpages.e404 .error {
    font-size: 6rem;
    font-weight: 100;
    width: 56rem;
    margin-left: 10rem;
    line-height: 1;
    margin-top: 6rem;
    margin-bottom: 5rem;
    letter-spacing: -0.4rem
}

@media screen and (max-width: 450px) {
    #subpages.e404 .error {
        font-size: 3rem;
        width: auto;
        margin-left: 0;
        letter-spacing: -0.05rem
    }
}

#subpages.send {
    padding-bottom: 7rem
}

#subpages.send p.link {
    margin-top: 3rem;
    margin-left: 3rem
}

#subpages.send p {
    margin-top: .6rem
}

#subpages.send .sendTxt {
    margin: 2rem 0 2rem 23rem;
    width: 32rem
}

@media screen and (max-width: 450px) {
    #subpages.send .sendTxt {
        margin-left: 0;
        width: 100%
    }
}

#subpages.send .sendTxt .agb1 {
    font-size: 4rem;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.2rem;
    margin-left: -0.5rem
}

@media screen and (max-width: 450px) {
    #subpages.send .sendTxt .agb1 {
        font-size: 2rem;
        font-family: 'Montserrat', Helvetica, Arial, sans-serif;
        font-weight: 300;
        letter-spacing: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 451px), print {
    #sqlhana #faq .dachzeile, #become-partner #faq .dachzeile, #sapb1.accantum #faq .dachzeile {
        width: 8rem
    }
}

#sqlhana #faq #drawers li .faq3, #become-partner #faq #drawers li .faq3, #sapb1.accantum #faq #drawers li .faq3, #sqlhana #faq #drawers li .faq4, #become-partner #faq #drawers li .faq4, #sapb1.accantum #faq #drawers li .faq4 {
    padding-right: .5rem
}

@media screen and (max-width: 450px) {
    #sqlhana #faq #drawers li.faq5, #become-partner #faq #drawers li.faq5, #sapb1.accantum #faq #drawers li.faq5 {
        width: 296px
    }
}

#sqlhana #faq #drawers .faq4 ul, #become-partner #faq #drawers .faq4 ul, #sapb1.accantum #faq #drawers .faq4 ul {
    margin-top: .5rem;
    margin-left: .5rem
}

#sqlhana #faq #drawers .faq4 ul li, #become-partner #faq #drawers .faq4 ul li, #sapb1.accantum #faq #drawers .faq4 ul li {
    padding: .3rem 0;
    background-color: transparent;
    margin-bottom: 0
}

@media screen and (min-width: 451px), print {
    #become-partner #faq .dachzeile, #sapb1.accantum #faq .dachzeile, #become-partner #faq #drawers, #sapb1.accantum #faq #drawers {
        margin-left: 12rem
    }
}

#become-partner #faq .wrapper, #sapb1.accantum #faq .wrapper {
    padding-bottom: 7rem
}

@media screen and (min-width: 451px), print {
    #sqlhana #faq .dachzeile, #sqlhana #faq #drawers {
        margin-left: 17rem
    }
}

#faq .wrapper {
    min-height: 26rem
}

@media print {
    #faq #sidebar {
        display: none
    }
}

@media print {
    #faq h1 {
        width: 35rem;
        margin: 4rem 0 3rem 6rem;
        font-size: 2rem
    }
}

#faq .faqListHeader {
    margin: 3rem .4rem 1rem 0
}

@media screen and (max-width: 450px) {
    #faq .faqListHeader {
        margin-bottom: 10px
    }
}

#faq #drawers {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: .44rem;
    margin-bottom: .44rem;
    width: 43rem;
    margin-left: 3.125rem
}

@media print {
    #faq #drawers {
        width: 63rem;
        margin-left: 6rem
    }
}

@media screen and (max-width: 450px) {
    #faq #drawers {
        width: 303px;
        margin-left: 0;
        margin-right: 0
    }
}

#faq #drawers > li {
    padding: 1rem 0;
    margin-bottom: 0
}

#faq #drawers li.faq5 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 1rem;
    border-top: 1px solid #b2aea6
}

#faq #drawers li.faq5:last-of-type {
    border-bottom: 1px solid #b2aea6
}

@media screen {
    #faq #drawers li.faq5.open {
        background-color: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
}

@media screen {
    #faq #drawers li.faq5.open + li {
        border-top: 1px solid #fff
    }
}

@media print {
    #faq #drawers li.faq5 {
        page-break-inside: avoid
    }
}

#faq #drawers .faq3arrow {
    background-image: url(image/icon_arrow_down.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: .5rem;
    top: .9rem
}

@media print {
    #faq #drawers .faq3arrow {
        display: none
    }
}

#faq #drawers .faq3arrowUp {
    background-image: url(image/icon_arrow_down.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform .3s
}

@media screen and (max-width: 450px) {
    #faq #drawers .faq3arrowUp {
        margin: -5px 0 0 0
    }
}

#faq #drawers .faq3 {
    color: #0e0900;
    padding: 0 0 .3rem 2.5rem;
    cursor: pointer;
    position: relative
}

@media print {
    #faq #drawers .faq3 {
        padding-right: 2rem;
        width: 22rem;
        float: left;
        font-size: 1.3rem
    }
}

@media screen and (max-width: 450px) {
    #faq #drawers .faq3 {
        font-size: .875rem;
        padding: 0 0 .3rem 2rem
    }
}

#faq #drawers .faq4 {
    width: 100%;
    margin: .5rem 0 .5rem 0;
    display: none;
    padding-right: 1rem;
    position: relative
}

@media screen and (min-width: 451px), print {
    #faq #drawers .faq4 {
        font-size: .9375rem;
        padding-left: 2.5rem
    }
}

@media screen and (max-width: 450px) {
    #faq #drawers .faq4 {
        font-size: .8125rem;
        padding-left: 32px
    }
}

@media print {
    #faq #drawers .faq4 {
        padding-left: 0;
        margin-top: .2rem;
        display: block !important;
        width: 41rem;
        float: left;
        margin-top: 0;
        padding-left: 2rem;
        border-left: 1px solid #c6c3bc
    }
}

#faq #drawers .faq4 p, #faq #drawers .faq4 li {
    color: #575349;
    margin-bottom: .4rem
}

@media screen and (min-width: 451px), print {
    #faq #drawers .faq4 p, #faq #drawers .faq4 li {
        font-size: .9375rem
    }
}

@media screen and (max-width: 450px) {
    #faq #drawers .faq4 p, #faq #drawers .faq4 li {
        font-size: .8125rem
    }
}

#faq #drawers .faq4 ul li, #faq #drawers .faq4 ul {
    list-style-type: none;
    margin-left: 0;
    line-height: 1.2
}

#faq #drawers .faq4 ul li {
    margin-bottom: .4rem
}

#faq #drawers .faq4 ul li::before {
    content: "- ";
    margin-left: -0.5rem
}

.listPosts.singlepost .post p, .listPosts.singlepost .post li {
    font-size: .875rem;
    line-height: 1.4
}

.listPosts.singlepost .post code, .listPosts.singlepost .post pre {
    font-size: 1.1rem;
    white-space: pre-line
}

.listPosts.singlepost .post pre {
    padding: 1rem 0 .5rem 0;
    color: #878378
}

.listPosts.singlepost .post ul, .listPosts.singlepost .post ol {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 1.2rem;
    padding-top: .5rem;
    line-height: 1.2
}

.listPosts.singlepost .post ul li, .listPosts.singlepost .post ol li {
    overflow: visible;
    padding-top: .5rem;
    line-height: 1.4rem
}

.listPosts.singlepost .post ul {
    list-style-type: disc
}

.listPosts.singlepost .post ol {
    list-style-type: decimal
}

.listPosts.singlepost .post ul li, .listPosts.singlepost .post ol li {
    margin-bottom: .5rem
}

.listPosts.singlepost .post h2, .listPosts.singlepost .post h3, .listPosts.singlepost .post h4, .listPosts.singlepost .post h5, .listPosts.singlepost .post pre {
    line-height: 1.1;
    color: #575349
}

.listPosts.singlepost .post h2, .listPosts.singlepost .post h3, .listPosts.singlepost .post h4, .listPosts.singlepost .post h5 {
    font-weight: 600;
    width: 100%;
    padding: 1rem 0 .25rem 0;
    margin: 0
}

.listPosts.singlepost .post h2 {
    font-size: 1.4rem;
    font-weight: 600
}

.listPosts.singlepost .post h2 a, .listPosts.singlepost .post h2 a:visited {
    color: #575349
}

.listPosts.singlepost .post h3 {
    font-size: 1.35rem;
    font-weight: 600
}

.listPosts.singlepost .post h4 {
    font-size: 1.2rem
}

.listPosts.singlepost .post h5 {
    font-size: 1rem
}

.listPosts.singlepost .post h4, .listPosts.singlepost .post h5 {
    font-weight: 400
}

#blog.help {
    background-color: #edebe8
}

@media print {
    #blog.help {
        background-color: #fff
    }
}

@media print {
    #blog.help h1, #blog.help .h1-single {
        margin-left: 5rem
    }
}

#blog.help #sidebar {
    width: 14rem;
    margin-top: 2rem
}

@media screen and (max-width: 450px) {
    #blog.help #sidebar {
        margin-left: 0;
        width: 100%
    }
}

@media print {
    #blog.help #sidebar {
        display: none
    }
}

#blog.help #sidebar .started {
    border-bottom: 1px solid #878378
}

#blog.help #sidebar .links2title {
    font-size: 1.1rem;
    font-weight: 600;
    padding-left: .5rem;
    margin-top: 2rem
}

#blog.help #sidebar .search-form-container {
    margin-bottom: 1rem
}

#blog.help #sidebar .search-form-container form.search-form input.search-field {
    background-color: #fff
}

#blog.help #sidebar .filterTargetTitle {
    font-size: .9rem
}

#blog.help #sidebar #filterTarget {
    min-height: 2rem
}

#blog.help #sidebar #filterTarget li {
    font-weight: 400;
    float: left
}

#blog.help #sidebar #filterTarget li label {
    margin-right: 0;
    padding-right: .8rem
}

#blog.help #sidebar #filterTarget li#target1 label {
    padding-left: 0;
    padding-right: 2rem;
    z-index: 1
}

#blog.help #sidebar #filterTarget li#target1 label:after, #blog.help #sidebar #filterTarget li#target1 label:before {
    opacity: 0
}

#blog.help #sidebar #filterTarget li#target2 label {
    padding-left: 3rem;
    margin-left: -1.5rem
}

#blog.help #sidebar #filterTarget li#target2 label:before {
    width: 2.5rem;
    border-radius: .625rem;
    background-color: #fff
}

#blog.help #sidebar #filterTarget li#target2 label:after {
    left: 1.4rem
}

#blog.help #sidebar #filterTarget li#target2 [type="radio"]:not(:checked) + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: .1875rem
}

@media screen and (min-width: 451px), print {
    #blog.help .listPosts {
        margin: 1rem 0 7rem 0;
        padding-left: 1rem;
        padding-top: 1rem
    }
}

@media print {
    #blog.help .listPosts {
        margin-top: 1rem;
        width: 67rem
    }
}

#blog.help .listPosts.posts {
    width: 57.6rem
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.posts {
        margin-top: 1rem;
        margin-left: 0;
        padding-left: 0;
        width: 100%
    }
}

#blog.help .listPosts.posts > ul {
    padding-left: 1rem;
    margin-left: 0;
    width: 100%
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.posts > ul {
        padding-left: 0
    }
}

#blog.help .listPosts.posts > ul > li {
    float: left;
    width: 13rem;
    height: 13rem;
    line-height: 0;
    padding: .8rem .5rem .5rem 1rem;
    margin: 0 .9rem .9rem 0;
    border-bottom: 0px;
    border-radius: .375rem;
    background-color: #fff;
    -webkit-box-shadow: .625rem .625rem .625rem rgba(0, 0, 0, 0), 0 0 .5rem rgba(0, 0, 0, 0.1);
    box-shadow: .625rem .625rem .625rem rgba(0, 0, 0, 0), 0 0 .5rem rgba(0, 0, 0, 0.1);
    cursor: pointer
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.posts > ul > li {
        width: auto;
        height: auto;
        padding: .8rem .5rem 1rem 1rem;
        margin: 0 0 1rem 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0)
    }
}

#blog.help .listPosts.posts > ul > li a {
    float: left;
    text-decoration: none
}

#blog.help .listPosts.posts > ul > li:hover {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    color: #fff
}

#blog.help .listPosts.posts > ul > li:hover h2, #blog.help .listPosts.posts > ul > li:hover p {
    color: #fff
}

#blog.help .listPosts.posts > ul > li h2 {
    padding: 0;
    font-size: 1.0625rem;
    font-weight: 400
}

#blog.help .listPosts.posts > ul > li.highlights {
    -webkit-box-shadow: .625rem .625rem .625rem rgba(0, 0, 0, 0.075), 0 0 .5rem rgba(0, 0, 0, 0.2);
    box-shadow: .625rem .625rem .625rem rgba(0, 0, 0, 0.075), 0 0 .5rem rgba(0, 0, 0, 0.2)
}

#blog.help .listPosts.posts.categories .dach, #blog.help .listPosts.posts.categories h1, #blog.help .listPosts.posts.categories .seeall {
    margin: 0;
    padding: 0 0 0 1rem;
    width: 100%
}

#blog.help .listPosts.posts.categories .dach {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    text-transform: lowercase;
    letter-spacing: -0.05rem;
    color: #0e0900;
    float: left;
    width: auto;
    margin-right: .7rem
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.posts.categories .dach {
        font-size: 2rem
    }
}

#blog.help .listPosts.posts.categories .seeall {
    padding-top: .5rem;
    padding-bottom: 1rem;
    font-size: .9rem
}

#blog.help .listPosts.posts.categories .seeall a, #blog.help .listPosts.posts.categories .seeall a:visited {
    color: #e30513
}

@media print {
    #blog.help .listPosts.posts.main, #blog.help .listPosts.posts.categories {
        margin-top: 1rem;
        width: 67rem
    }
}

#blog.help .listPosts.singlepost {
    width: 52rem;
    background-color: white;
    padding-left: 3rem;
    margin-left: 2rem;
    margin-top: 2rem;
    padding-right: 2rem;
    border-radius: .5rem
}

@media print {
    #blog.help .listPosts.singlepost {
        width: 68rem;
        margin-left: 4rem
    }
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.singlepost {
        margin-top: 1rem;
        margin-left: 0;
        width: 100%;
        padding: 0 1rem
    }
}

#blog.help .listPosts.singlepost .seeall {
    font-size: .9rem;
    padding-bottom: 0
}

#blog.help .listPosts.singlepost > article {
    padding-top: 0;
    margin-top: 1rem
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.singlepost > article {
        margin-top: 1rem
    }
}

@media print {
    #blog.help .listPosts.singlepost > article {
        margin-top: 1rem
    }
}

#blog.help .listPosts.singlepost > article h1, #blog.help .listPosts.singlepost > article p, #blog.help .listPosts.singlepost > article .post, #blog.help .listPosts.singlepost > article .postBarImg {
    margin-left: 0
}

#blog.help .listPosts.singlepost > article h1 {
    padding: .5rem 0
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.singlepost > article h1 {
        font-size: 1.5rem
    }
}

#blog.help .listPosts.singlepost > article p, #blog.help .listPosts.singlepost > article li {
    font-size: 1rem
}

#blog.help .listPosts.singlepost > article p.small, #blog.help .listPosts.singlepost > article ul.small li, #blog.help .listPosts.singlepost > article ol.small li {
    font-size: .9rem
}

#blog.help .listPosts.singlepost > article img {
    border: 1px solid #edebe8
}

#blog.help .listPosts.singlepost > article p.date {
    font-size: .85rem;
    padding-bottom: 3rem
}

#blog.help .listPosts.singlepost > article table {
    line-height: 1.7;
    text-align: left;
    min-width: 75%;
    border-collapse: collapse
}

#blog.help .listPosts.singlepost > article tr {
    border-bottom: 1px solid #c6c3bc;
    width: 33%
}

#blog.help .listPosts.singlepost > article th {
    border-bottom: 1px solid #0e0900
}

#blog.help .listPosts.singlepost > article td {
    border-bottom: 1px solid #c6c3bc
}

#blog.help .listPosts.singlepost > article .zeit {
    position: relative;
    top: -12rem;
    left: 1rem;
    width: 6.6rem;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.7);
    color: #0e0900;
    font-weight: 400;
    padding: .2rem .5rem .2rem 2.6rem;
    border-radius: .1875rem
}

#blog.help .listPosts.singlepost > article .zeit:before, #blog.help .listPosts.singlepost > article .zeit:after {
    left: .5rem;
    top: -0.2rem;
    font-size: 1.7rem
}

#blog.help .listPosts.singlepost > article .zeit:before {
    color: #fff
}

#blog.help .listPosts.singlepost > article .zeit:after {
    color: #0e0900
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.singlepost > article .zeit {
        top: -6rem
    }
}

#blog.help .listPosts.singlepost > article .post {
    width: 100%
}

#blog.help .listPosts.singlepost h2.einleitung {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    padding: 0;
    margin: 0;
    width: 80%;
    color: #878378
}

#blog.help .listPosts.related {
    margin-top: 0;
    margin-left: 16rem
}

@media screen and (max-width: 450px) {
    #blog.help .listPosts.related {
        margin-left: 0
    }
}

@media print {
    #blog.help .listPosts.related {
        display: none
    }
}

#blog.help .listPosts.related h2 {
    padding: 1rem;
    font-weight: 400
}

#blog.help .listPosts.related > p {
    padding: 0 0 2rem 1rem;
    width: 50%
}

#blog.help .listPosts #print {
    float: right;
    margin-top: -0.5rem;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

#blog.help .listPosts .dach {
    margin-left: 0;
    padding-bottom: 2rem
}

#blog.help .listPosts .date span.divider:last-of-type {
    display: none
}

#blog.help .listPosts .intro {
    font-size: .85rem;
    line-height: 1.1rem;
    padding: .3rem 0 0 0
}

#blog.help .listPosts .qtranxs-available-languages-message {
    display: none
}

#blog.help .listPosts h6 {
    padding-top: .25rem;
    position: relative
}

@media print {
    #blog.help .listPosts h6 a:after {
        content: " (" attr(href) ") ";
        font-size: .8125rem;
        clear: right;
        display: block;
        line-height: 2
    }
}

#blog.help .listPosts h6 img {
    width: 60%
}

@media print {
    #blog.help .listPosts h6 img {
        width: 40%
    }
}

#blog.help .user, #blog.help .consultant {
    opacity: 1
}

#blog.help .user.hiddenAnimation, #blog.help .consultant.hiddenAnimation {
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0
}

@media screen and (max-width: 450px) {
    #blog.help .user.hiddenAnimation, #blog.help .consultant.hiddenAnimation {
        height: 0 !important
    }
}

#blog {
    padding-bottom: 3rem
}

#blog .h1-single a {
    text-decoration: none
}

#blog .listHeader {
    font-weight: 400
}

#blog .floatRight {
    float: right
}

#flex {
    width: 100%;
    float: left
}

#flex #sidebar {
    width: 21rem;
    float: left
}

@media screen and (max-width: 450px) {
    #flex #sidebar {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 450px) {
    #flex.flex-sm {
        flex-direction: column;
        display: -webkit-flex;
        display: flex
    }
}

@media screen and (max-width: 450px) {
    #flex.flex-sm #sidebar {
        -webkit-flex: 2;
        flex: 2;
        -webkit-order: 2;
        order: 2;
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 450px) {
    #flex.flex-sm #drawers {
        -webkit-flex: 1;
        flex: 1;
        -webkit-order: 1;
        order: 1
    }
}

#sidebar {
    margin-left: 2rem;
    margin-top: 1rem;
    position: relative
}

@media screen and (max-width: 450px) {
    #sidebar {
        margin-top: 27px
    }
}

#sidebar .listSidebar {
    margin-bottom: 1rem
}

#sidebar .listSidebar li {
    border-bottom: 1px solid #e3e1dd
}

#sidebar .listSidebar li:first-of-type {
    border-top: 1px solid #878378;
    margin-top: .3rem
}

#sidebar .listSidebar li:last-of-type {
    border-bottom: 1px solid #878378
}

#sidebar .listSidebar li:hover, #sidebar .listSidebar li.current {
    color: #fff;
    border-radius: .1875rem;
    cursor: pointer
}

#sidebar .listSidebar li:hover p, #sidebar .listSidebar li.current p, #sidebar .listSidebar li:hover a, #sidebar .listSidebar li.current a {
    color: #fff
}

#sidebar .listSidebar li:hover {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

#sidebar .listSidebar li.current {
    background-color: #e30513
}

#sidebar .listSidebar li a {
    padding: .5rem;
    display: block;
    text-decoration: none
}

#sidebar .listSidebar li p {
    margin-bottom: 0
}

#sidebar .listSidebar p.date {
    font-size: .75rem;
    color: #b2aea6
}

#sidebar .listSidebar li, #sidebar .listSidebar li p {
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.2;
    color: #0e0900;
    letter-spacing: 0
}

#sidebar .listHeader {
    padding: .2rem .5rem 0 .5rem;
    font-weight: 600
}

#blog .listPosts {
    float: left;
    overflow: hidden;
    position: relative;
    margin-left: 3rem;
    margin-top: -1rem;
    width: 43rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts {
        margin-left: 0px;
        margin-top: 0px;
        width: 100%
    }
}

#blog .listPosts.singlepost h1 {
    margin-left: 6rem
}

#blog .listPosts h2, #blog .listPosts.singlepost h1 {
    margin-top: .4rem;
    padding-bottom: 1rem;
    width: 85%;
    text-transform: none;
    line-height: 1.1
}

@media screen and (max-width: 450px) {
    #blog .listPosts h2, #blog .listPosts.singlepost h1 {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 450px) {
    #blog .listPosts.singlepost h1 {
        margin-top: 1rem;
        padding-bottom: 0
    }
}

#blog .listPosts.singlepost.blog .post p:first-child {
    font-size: 1.2rem;
    line-height: 1.3;
    color: #878378;
    padding: 2% 0 2% 0
}

@media screen and (max-width: 450px) {
    #blog .listPosts.singlepost.blog .post p:first-child {
        font-size: 1.1rem
    }
}

#blog .listPosts p {
    padding: .5rem 0 0 0
}

#blog .listPosts p.dach, #blog .listPosts p.dach a {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.1;
    letter-spacing: -0.05rem;
    color: #878378;
    width: 85%;
    padding: 0;
    margin-bottom: 1rem;
    margin-left: 6rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts p.dach, #blog .listPosts p.dach a {
        margin-top: 20px;
        width: 70%;
        font-size: 1rem;
        margin-left: 0;
        letter-spacing: 0
    }
}

#blog .listPosts .iconBlog.icon-sli-bubble, #blog .listPosts .iconBlog.icon-sli-speech, #blog .listPosts .iconBlog.icon-llisteactivity {
    width: 6rem;
    float: left
}

@media screen and (max-width: 450px) {
    #blog .listPosts .iconBlog.icon-sli-bubble, #blog .listPosts .iconBlog.icon-sli-speech, #blog .listPosts .iconBlog.icon-llisteactivity {
        width: 100%;
        position: relative
    }
}

@media screen and (max-width: 450px) {
    #blog .listPosts .iconBlog.icon-sli-bubble:before, #blog .listPosts .iconBlog.icon-sli-speech:before, #blog .listPosts .iconBlog.icon-llisteactivity:before {
        position: absolute;
        top: -0.4rem;
        right: 0
    }
}

@media screen and (max-width: 450px) {
    #blog .listPosts .iconBlog.icon-sli-speech:before {
        top: 0
    }
}

#blog .listPosts .post {
    margin-left: 6rem;
    float: left
}

@media screen and (max-width: 450px) {
    #blog .listPosts .post {
        margin-left: 0
    }
}

#blog .listPosts p.date {
    padding: .5rem 0 0 0;
    margin-left: 6rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts p.date {
        padding: 0;
        margin-left: 0;
        font-size: .7rem
    }
}

#blog .listPosts .moreText {
    margin-left: 6rem;
    float: left
}

@media screen and (max-width: 450px) {
    #blog .listPosts .moreText {
        margin-left: 3rem
    }
}

#blog .listPosts .postBarImg {
    padding: 1rem 0 1rem 6rem;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 450px) {
    #blog .listPosts .postBarImg {
        padding-left: 3rem
    }
}

#blog .listPosts .postBarImg p {
    float: right
}

@media screen and (max-width: 450px) {
    #blog .listPosts .postBarImg p {
        font-size: .9rem;
        font-weight: 400
    }
}

@media print {
    #blog .listPosts .postBarImg {
        display: none
    }
}

#blog .listPosts .commentHeader {
    font-weight: 200;
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 1.2rem;
    float: left
}

@media screen and (max-width: 450px) {
    #blog .listPosts .commentHeader {
        margin-top: .5rem
    }
}

#blog .listPosts.posts .dach {
    margin-left: 14rem;
    width: 29rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts.posts .dach {
        margin-left: 0
    }
}

#blog .listPosts.posts li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e3e1dd;
    overflow: hidden
}

#blog .listPosts.posts li > img, #blog .listPosts.posts li > a > img {
    float: left;
    width: 12rem;
    margin-right: 2rem;
    margin-top: 1.5rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts.posts li > img, #blog .listPosts.posts li > a > img {
        margin-top: 0
    }
}

#blog .listPosts.posts .posts-post-content {
    float: left;
    width: 29rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts.posts .posts-post-content {
        width: 100%
    }
}

#blog .listPosts.posts .posts-post-content h2 {
    font-weight: 300;
    font-size: 1.7rem;
    padding-bottom: 0;
    margin-top: 0;
    margin-left: 0
}

@media screen and (max-width: 450px) {
    #blog .listPosts.posts .posts-post-content h2 {
        font-size: 1.2rem;
        width: 100%
    }
}

#blog .listPosts.posts .posts-post-content p.date {
    padding: 0;
    margin-left: 0
}

@media screen and (max-width: 450px) {
    #blog .listPosts.posts .posts-post-content p.date {
        margin-top: .3rem;
        font-size: .7rem
    }
}

#blog .listPosts.posts .posts-post-content .post, #blog .listPosts.posts .posts-post-content .moreText {
    margin-left: 0
}

#blog .listPosts.posts .posts-post-content .moreText {
    padding: 0
}

#blog .listPosts.posts .posts-post-content .post p {
    font-size: .9rem
}

@media screen and (max-width: 450px) {
    #blog .listPosts.posts .posts-post-content .post p {
        font-size: .85rem
    }
}

#blog .listPosts.posts .posts-post-content .intro {
    float: left;
    width: 100%
}

.listPosts p, #listComments p {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    color: #0e0900
}

@media screen and (max-width: 450px) {
    .listPosts p, #listComments p {
        font-size: .9rem;
        font-weight: 400
    }
}

.listPosts p.date, #listComments p.date {
    font-size: .85rem;
    letter-spacing: 0;
    color: #878378
}

@media screen and (max-width: 450px) {
    .listPosts p.date, #listComments p.date {
        font-size: .7rem
    }
}

.listPosts .moreText a {
    font-size: .85rem
}

@media screen and (max-width: 450px) {
    .arrow, .arrowUp, .web {
        margin: 4px 6px 0 0;
        width: 10px;
        height: 10px
    }
}

#drawers {
    list-style-type: none
}

#drawers a p {
    color: #f1ac0d
}

#drawers .texttoHide {
    display: none
}

#videos {
    background-color: #edebe8
}

#videos .wrapper {
    padding: 2rem 0 2rem 3rem
}

#videos .playlist a {
    text-decoration: none
}

#videos .playlist .slides, #videos ul.playlist li {
    width: 13.2rem;
    height: 13.2rem;
    margin-bottom: 1rem;
    text-align: inherit;
    margin: 0 .7rem 1rem 0;
    display: inline-block;
    font-size: inherit;
    vertical-align: top;
    background-color: #fff;
    border-radius: .375rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-shadow: .625rem .625rem .625rem rgba(0, 0, 0, 0.075), 0 0 .5rem rgba(0, 0, 0, 0.2);
    box-shadow: .625rem .625rem .625rem rgba(0, 0, 0, 0.075), 0 0 .5rem rgba(0, 0, 0, 0.2)
}

#videos .playlist .slides:hover p.description, #videos ul.playlist li:hover p.description {
    top: 0
}

@media screen and (max-width: 450px) {
    #videos .playlist .slides, #videos ul.playlist li {
        height: 12.7rem
    }
}

#videos .playlist .slides img, #videos ul.playlist li img {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    border-bottom: 1px solid #e3e1dd
}

#videos .playlist .slides h3, #videos ul.playlist li h3 {
    font-weight: 400;
    font-size: 1rem;
    margin: .1rem .3rem 0 .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 3.4rem;
    line-height: 1.15;
    letter-spacing: 0
}

@media screen and (max-width: 450px) {
    #videos .playlist .slides h3, #videos ul.playlist li h3 {
        font-size: .9rem;
        -webkit-line-clamp: 5;
        height: 5.4rem
    }
}

#videos .playlist .slides p.date, #videos ul.playlist li p.date {
    margin: .2rem .3rem 0 .8rem;
    font-size: .75rem;
    color: #878378
}

@media screen and (max-width: 450px) {
    #videos .playlist .slides p.date, #videos ul.playlist li p.date {
        font-size: .7rem
    }
}

#videos .playlist .slides p.description, #videos ul.playlist li p.description {
    font-size: .8125rem;
    line-height: 1.2;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: .375rem;
    padding: .8rem .4rem .6rem 1.1rem;
    color: #fff;
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

@media screen and (max-width: 450px) {
    #videos .playlist .slides p.description, #videos ul.playlist li p.description {
        font-size: .8125rem
    }
}

body .lg-outer .lg-video-cont {
    vertical-align: top;
    padding: 3%
}

.wrapper .lSAction > a {
    top: 12rem;
    width: 2rem;
    height: 2rem;
    opacity: 1;
    z-index: 9;
    background-image: none;
    font-family: 'cloudiax-web' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width: 450px) {
    .wrapper .lSAction > a {
        top: auto;
        bottom: 5rem
    }
}

.wrapper .lSPrev:after, .wrapper .lSNext:after {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 1.5rem;
    color: #e30513
}

.wrapper .lSPrev:after {
    content: "\e9bb";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wrapper .lSNext:after {
    content: "\e9bb"
}

.wrapper .lSSlideOuter .lSPager.lSpg > li a {
    z-index: 9;
    background-color: #c6c3bc
}

@media screen and (max-width: 450px) {
    .wrapper .lSSlideOuter .lSPager.lSpg > li a {
        height: 6px;
        width: 6px
    }
}

.wrapper .lSSlideOuter .lSPager.lSpg > li:hover a, .wrapper .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #e30513
}

.wrapper .lSSlideOuter .lSPager.lSpg {
    line-height: 1rem;
    margin: 3rem
}

.orbit {
    position: relative
}

.orbit img {
    margin: 0 0 2rem 3rem
}

@media screen and (max-width: 450px) {
    .orbit img {
        margin: 0 0 1rem 2.5rem;
        width: 12rem
    }
}

.orbit img, .orbit img + span, .orbit span + span {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    border: 1px solid #c6c3bc
}

.orbit img + span, .orbit span + span {
    position: absolute;
    top: -0.5rem;
    left: 2.5rem;
    mix-blend-mode: multiply;
    opacity: .7;
    z-index: 1
}

.orbit span:nth-child(3) {
    top: 0;
    left: 3.5rem;
    opacity: .5
}

#investors #tsr {
    background: url(image/teaser_investors.jpg);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #investors #tsr {
        height: 400px;
        background: url(image/teaser_investors_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

#investors h1 {
    font-weight: 200;
    font-size: 4rem;
    letter-spacing: -0.3rem
}

@media screen and (max-width: 450px) {
    #investors h1 {
        font-weight: 200;
        font-size: 2.8rem
    }
}

#investors h2, #investors h4 {
    font-weight: 600;
    margin-bottom: .3rem;
    font-size: 1.2rem
}

#investors h3 {
    font-weight: 300;
    font-size: .875rem;
    color: #575349;
    letter-spacing: 0;
    line-height: 1.4
}

@media screen and (min-width: 451px), print {
    #investors #benefits .wrapper {
        padding: 5rem 2rem 5rem 4rem
    }
}

#investors #road {
    position: relative
}

@media screen and (max-width: 450px) {
    #investors #road {
        min-height: 1460px
    }
}

#investors #road div.columns {
    margin-top: 2rem
}

@media screen and (min-width: 451px), print {
    #investors #road div.columns {
        width: 67.5rem;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

#investors #road li {
    margin-bottom: .8rem;
    font-size: .9375rem
}

#investors #road strong {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5;
    color: #575349
}

#investors #team-row article {
    position: relative
}

@media screen and (max-width: 450px) {
    #investors #team-row article {
        margin-top: 2rem
    }
}

#investors #team-row div.text p {
    margin-bottom: 1rem
}

#investors #team-row ul {
    list-style-type: none
}

#investors #team-row div.text ul li {
    font-weight: 300;
    font-size: .9rem;
    line-height: 1.4;
    color: #0e0900;
    letter-spacing: 0;
    margin-top: .5rem
}

@media screen and (max-width: 450px) {
    #investors #team-row div.text ul li {
        font-size: 15px
    }
}

#investors #team-row div.text ul li strong {
    font-size: 1.2rem;
    font-weight: 600;
    color: #575349
}

@media screen and (max-width: 450px) {
    #investors #team-row .teamBoard {
        margin-top: 0
    }
}

@media screen and (min-width: 451px), print {
    #investors #team-row .teamBoard {
        margin-top: 10rem
    }
}

#investors #action-row p {
    font-weight: 400
}

@media screen and (max-width: 450px) {
    #investors #action-row p {
        font-size: 1rem
    }
}

#investors #action-row ul {
    list-style-type: disc;
    padding-left: 1.5rem
}

#investors #action-row ul li {
    line-height: 1.6
}

#contract h1, #mailchimp h1 {
    font-size: 2.5rem;
    line-height: 1;
    padding-bottom: 1rem;
    text-transform: lowercase;
    letter-spacing: -0.05rem
}

@media screen and (max-width: 450px) {
    #contract h1, #mailchimp h1 {
        font-size: 2rem;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

#contract #sidebar, #mailchimp #sidebar, #contract .sidebar, #mailchimp .sidebar {
    width: 21rem;
    float: left;
    margin-top: .3rem;
    margin-left: 2rem
}

@media screen and (max-width: 450px) {
    #contract #sidebar, #mailchimp #sidebar, #contract .sidebar, #mailchimp .sidebar {
        margin: 27px 0 37px 0;
        width: 303px
    }
}

#contract #sidebar p, #mailchimp #sidebar p, #contract .sidebar p, #mailchimp .sidebar p {
    margin-bottom: .5rem
}

@media screen and (max-width: 450px) {
    #contract #sidebar p, #mailchimp #sidebar p, #contract .sidebar p, #mailchimp .sidebar p {
        padding-right: 0;
        font-size: .85rem
    }
}

#contract {
    padding-bottom: 3rem
}

#contract #servicesForm {
    margin-bottom: 1rem;
    width: 100%;
    float: left
}

#contract #servicesForm p {
    font-weight: 600;
    float: left;
    padding: .3rem .6rem;
    background-color: #e3e1dd;
    margin-right: .5rem;
    border-radius: .1875rem
}

#contract #servicesForm p.current {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    color: #fff
}

#contract #servicesForm p:not(.current):hover {
    background-color: #e30513;
    color: white
}

#contract #desc .link {
    border-top: 1px solid #dad8d2;
    padding-top: .5rem;
    margin-top: 1.5rem
}

#contract .form {
    float: left;
    overflow: hidden;
    position: relative;
    margin-left: 5rem;
    margin-top: -3rem;
    width: 43rem;
    padding: 0
}

@media screen and (max-width: 450px) {
    #contract .form {
        margin-left: 0;
        width: 100%;
        padding-left: 0
    }
}

#contract .form form {
    padding-top: .3rem;
    padding-left: .3rem
}

@media screen and (max-width: 450px) {
    #contract .form form {
        padding-left: 0
    }
}

#contract .form p {
    padding-top: 2rem;
    padding-right: 4rem;
    line-height: 1.2
}

@media screen and (max-width: 450px) {
    #contract .form p {
        padding-right: 0;
        font-size: .85rem
    }
}

#contract .form p small, #contract .form label small {
    color: #b2aea6;
    font-size: .75rem;
    display: inline-block;
    margin-top: .2rem
}

#contract .form p:not(.thirdy):not(.fifty):not(.sixty) {
    clear: both
}

@media screen and (min-width: 451px), print {
    #contract .form .btn {
        margin-right: 2rem
    }
}

@media print {
    #contract .pageBreak {
        page-break-after: always
    }
}

#contract #checkTxt {
    padding: .3rem .6rem;
    background-color: #f2910d;
    color: #fff;
    float: left;
    border-radius: .1875rem;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3)
}

#contract.contract h1 {
    padding-bottom: 0
}

@media screen and (min-width: 451px), print {
    #contract.contract h1 {
        margin-left: 4rem
    }
}

@media screen and (min-width: 451px), print {
    #contract.contract p.datenschutz {
        width: 57rem;
        float: left;
        margin: 2rem 0 2rem 15rem;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

#contract.contract #timeline .wrapper {
    padding-top: 1rem
}

@media screen and (max-width: 450px) {
    #contract.contract #timeline .wrapper {
        padding-bottom: 1rem
    }
}

#contract.contract #timeline small {
    line-height: 1.4;
    margin-top: .6rem;
    display: block
}

#contract.contract #timeline article {
    margin-bottom: 1rem
}

@media screen and (max-width: 450px) {
    #contract.contract #timeline article {
        margin-top: 3rem
    }
}

@media screen and (max-width: 450px) {
    #contract.contract #timeline .infog {
        top: -1rem;
        height: 25rem
    }
}

@media screen and (max-width: 450px) {
    #contract.contract #timeline .round {
        margin-left: .2rem
    }
}

#contract.index {
    padding-bottom: 0
}

#contract.customer .form p {
    padding-top: 1rem
}

@media screen and (min-width: 451px), print {
    #contract.onboarding .form {
        margin-left: 3rem;
        width: 45rem
    }
}

#contract.onboarding .form p {
    padding-top: 1rem;
    padding-right: 0
}

#contract.onboarding .form p b {
    font-size: 1.125rem
}

#contract.onboarding .form .colofon {
    position: relative
}

#contract.onboarding .form .btn {
    margin-right: .7rem;
    padding: .3rem 1.5rem;
    margin-top: 1rem;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

#contract.onboarding .user {
    float: left;
    position: relative;
    border-top: 1px solid #dad8d2;
    margin: 1rem 0 0 0
}

@media screen and (min-width: 451px), print {
    #contract.onboarding .user {
        padding: .5rem 0 0 3rem
    }
}

@media screen and (max-width: 450px) {
    #contract.onboarding .user {
        padding: .5rem 0 0 0;
        width: 303px
    }
}

#contract.onboarding .user .userMore {
    float: left
}

#contract.onboarding .user .dachzeile {
    cursor: pointer
}

#contract.onboarding .user .dachzeile:after {
    color: #e30513;
    position: absolute;
    font-size: 1.8rem;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media screen and (min-width: 451px), print {
    #contract.onboarding .user .dachzeile:after {
        top: .9rem;
        left: .5rem
    }
}

@media screen and (max-width: 450px) {
    #contract.onboarding .user .dachzeile:after {
        top: -0.3rem;
        left: -0.2rem
    }
}

#contract.onboarding .user .dachzeile.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#contract.onboarding .user#two, #contract.onboarding .user#three, #contract.onboarding .user#four, #contract.onboarding .user#five {
    display: none
}

#contract.onboarding .user .willbeRequired .label-text:after {
    content: " *";
    color: #e30513
}

#contract.onboarding .nouser {
    float: left
}

@media screen and (min-width: 451px), print {
    #contract.onboarding .nouser {
        padding-left: 3rem
    }
}

@media screen and (max-width: 450px) {
    #contract.onboarding .nouser {
        width: 303px
    }
}

#contract.onboarding .adduser {
    float: left;
    border-bottom: 1px solid #dad8d2;
    margin-top: 1rem;
    width: 100%;
    cursor: pointer
}

@media screen and (min-width: 451px), print {
    #contract.onboarding .adduser {
        padding-left: 3rem
    }
}

#contract.onboarding .adduser #adduserButton {
    float: left;
    background-color: #e30513;
    color: #fff;
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
    padding: .3rem .6rem !important;
    margin-bottom: 0
}

#contract.onboarding .adduser #adduserButton:hover {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

#contract.partnermanagement h1 {
    margin: 0;
    color: #fff
}

#contract.partnermanagement h2 {
    font-weight: 400;
    font-size: 1.5rem
}

#contract.partnermanagement .form {
    margin-top: 6rem
}

#contract.partnermanagement .wrapper.wrapperForm {
    padding-top: 4rem;
    padding-bottom: 3rem;
    border-bottom: .3125rem dotted #878378
}

#contract.partnermanagement .wrapper.wrapperForm:last-of-type {
    border-bottom: 0 dotted #878378
}

.formAnima .eform {
    background-color: #edebe8;
    height: 2.5rem;
    padding: 1rem .6rem .3rem 1rem;
    border: 1px solid #e3e1dd
}

.formAnima .eform.nolabel {
    padding: .6rem .6rem .5rem 1rem
}

.formAnima .eform.bold {
    font-weight: 600
}

.formAnima textarea.eform {
    height: 6rem;
    resize: vertical
}

.formAnima textarea.eform.big {
    height: 10rem
}

.formAnima textarea.eform.xbig {
    height: 30rem
}

.formAnima .contentEditable {
    height: 8rem
}

.formAnima .contentEditable.big {
    height: 30rem
}

.formAnima .contentEditable p {
    padding-top: .5rem !important;
    padding-right: .5rem !important
}

.formAnima .contentEditable ul {
    list-style-type: disc;
    padding-left: 1rem
}

.formAnima .contentEditable ul li {
    padding-top: .5rem
}

.formAnima p {
    margin-bottom: .3rem
}

.formAnima p.thirdy, .formAnima p.fifty, .formAnima p.sixty {
    margin-right: .4rem
}

.formAnima p.required:after {
    content: " *";
    color: #e30513
}

.formAnima .quarter {
    width: 10rem;
    float: left
}

@media screen and (max-width: 450px) {
    .formAnima .quarter {
        width: 97%
    }
}

.formAnima .thirdy {
    width: 13.4rem;
    float: left
}

@media screen and (max-width: 450px) {
    .formAnima .thirdy {
        width: 97%
    }
}

.formAnima .fifty {
    width: 20.3rem;
    float: left
}

@media screen and (max-width: 450px) {
    .formAnima .fifty {
        width: 97%
    }
}

.formAnima .sixty {
    width: 27.2rem;
    float: left
}

@media screen and (max-width: 450px) {
    .formAnima .sixty {
        width: 97%
    }
}

.formAnima label {
    margin: 0 .4rem 0 0;
    width: 41rem;
    line-height: 1.25
}

@media screen and (max-width: 450px) {
    .formAnima label {
        width: 97%
    }
}

.formAnima label .label-text {
    color: #575349;
    font-size: .8125rem;
    cursor: text;
    padding-left: 1rem;
    line-height: .1;
    -webkit-transform: translateY(-2.3rem);
    -moz-transform: translateY(-2.3rem);
    -ms-transform: translateY(-2.3rem);
    transform: translateY(-2.3rem);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.formAnima label input:not([value=""]) + .label-text, .formAnima label input:focus + .label-text, .formAnima label select:not([value=""]) + .label-text, .formAnima label select:focus + .label-text {
    color: #878378;
    font-size: .6875rem;
    padding-left: .6rem;
    -webkit-transform: translateY(-2.4rem);
    -moz-transform: translateY(-2.4rem);
    -ms-transform: translateY(-2.4rem);
    transform: translateY(-2.4rem)
}

.formAnima label input, .formAnima label select {
    background-color: transparent
}

.formAnima label input:required + .label-text:after, .formAnima label select:required + .label-text:after {
    content: " *";
    color: #e30513
}

.formAnima label [type="radio"] + label {
    width: auto;
    font-size: .9rem;
    padding-left: 1.5rem;
    margin-right: .5rem
}

.formAnima label.radiobutton {
    padding: .6rem 0
}

.formAnima input[type=number], .formAnima input[type=date] {
    text-align: left;
    padding: 1rem 1.5rem .3rem 1rem
}

.formAnima .checkboxGroup {
    margin-bottom: .4rem;
    margin-right: .4rem;
    float: left
}

.formAnima .checkboxGroup label {
    margin: .4rem 0;
    padding-right: 1rem
}

.formAnima p.equilibr {
    padding-top: .4rem !important
}

.formAnima .checkboxGroup.equilibr {
    padding-top: .8rem !important;
    margin-bottom: 0
}

.formAnima textarea.equilibr {
    margin-top: 1.2rem
}

.formAnima .abstand {
    padding-right: 1rem !important
}

@media screen and (min-width: 451px), print {
    .formAnima .spaceLeft {
        margin-left: 13.8rem
    }
}

#clEventSingle #kontakt {
    float: right
}

@media screen and (min-width: 451px), print {
    #clEventSingle #kontakt {
        width: 18rem
    }
}

#clEventSingle #kontakt .verteilerWerbung {
    margin-top: 3rem
}

#clEventSingle #kontakt .formAnima {
    position: relative
}

#clEventSingle #kontakt .formAnima input, #clEventSingle #kontakt .formAnima textarea {
    background-color: #fff
}

#clEventSingle #kontakt .formAnima label {
    width: 100%
}

#clEventSingle #kontakt p.title {
    padding-bottom: 1rem
}

#clEventSingle #kontakt p.title.noform {
    font-weight: 400
}

#clEventSingle #kontakt p.title.noform.arrowurl a {
    font-size: 1.2rem
}

#clEventSingle #kontakt p.title.noform.arrowurl a:before {
    left: -1rem
}

#jobs #tsr {
    /*background: url(image/teaser_jobs.jpg);*/
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #jobs #tsr {
        height: 300px;
        /*background: url(image/teaser_jobs_sm.jpg);*/
        background-size: cover;
        background-position: top center
    }
}

#jobs #tsr h1 {
    font-weight: 200;
    color: #fff;
    letter-spacing: -0.2rem;
    margin-top: 8rem
}

@media screen and (min-width: 451px), print {
    #jobs #tsr h1 {
        font-size: 5rem
    }
}

@media screen and (max-width: 450px) {
    #jobs #tsr h1 {
        font-size: 4rem
    }
}

#summits {
    padding-bottom: 3rem
}

@media screen and (min-width: 451px), print {
    #summits.su17 h1 {
        margin-top: 16rem
    }
}

#summits.su17 h2 {
    background-color: #575349
}

#summits.su17 #call2 {
    bottom: 7rem
}

#summits.su18 #tsr {
    background: url(image/summits18_map.png);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #summits.su18 #tsr .wrapper {
        height: 600px
    }
}

@media screen and (max-width: 450px) {
    #summits.su18 #tsr {
        height: 600px;
        /*background: url(image/summits18_map_sm.png);*/
        background-size: cover;
        background-position: top center
    }
}

#summits.su18 h1 {
    margin: 14.5rem 0 0 19.5rem;
    font-size: 2rem;
    width: 20%;
    padding: .5rem .5rem 1rem 1.2rem;
    line-height: .9;
    border-radius: .1875rem;
    text-transform: lowercase;
    background: #ae0f0a;
    text-align: left
}

@media screen and (max-width: 450px) {
    #summits.su18 h1 {
        margin: 4.5rem 0 0 4.8rem;
        font-size: 1.2rem;
        width: 56%;
        line-height: 1.1;
        padding-bottom: .5rem
    }
}

#summits.su18 h2 {
    font-weight: 300;
    font-size: .9rem;
    letter-spacing: 0;
    width: auto;
    padding: .5rem;
    background-color: #000;
    border-radius: .1875rem;
    text-align: left;
    margin: 0;
    line-height: 1.2;
    text-transform: lowercase
}

#summits.su18 h2#place1 {
    top: 17rem;
    left: 58.5rem
}

@media screen and (max-width: 450px) {
    #summits.su18 h2#place1 {
        top: 20rem;
        left: 11.7rem;
        width: 8.3rem
    }
}

#summits.su18 h2#place2 {
    top: 9rem;
    left: 36rem
}

@media screen and (max-width: 450px) {
    #summits.su18 h2#place2 {
        top: 16rem;
        left: 2rem;
        width: 8rem
    }
}

#summits.su18 h2#place3 {
    top: 12rem;
    left: 10rem
}

@media screen and (max-width: 450px) {
    #summits.su18 h2#place3 {
        top: 29rem;
        left: 9.2rem
    }
}

#summits.su18 #case .article .pictCase {
    margin-left: -1rem
}

#summits.su18 #case .article:nth-child(2) .pictCase span:nth-child(3) {
    top: .2rem;
    left: 1.5rem
}

#summits.su18 #case .article:nth-child(4) .pictCase span:nth-child(2) {
    top: -0.2rem;
    left: 1.2rem
}

#summits.su18 #case .article:nth-child(5) .pictCase span:nth-child(3) {
    left: 1rem
}

#summits.su18 #map {
    background: none;
    height: auto;
    max-height: none
}

#summits.su18 #map .wrapper {
    height: auto;
    max-height: none
}

@media screen and (max-width: 450px) {
    #summits.su18 #map {
        height: auto
    }
}

#summits.su18 #map .form {
    margin-bottom: 3rem;
    float: left;
    width: 15rem
}

@media screen and (min-width: 451px), print {
    #summits.su18 #map .form {
        padding-left: 2rem;
        border-left: 1px solid #b2aea6
    }
}

@media screen and (min-width: 451px), print {
    #summits.su18 #map .form:first-of-type {
        padding-left: 0;
        border-left: 0 solid #b2aea6
    }
}

#summits.su18 #map .formAnima {
    position: relative;
    margin: 3rem 0 0 0;
    float: left
}

@media screen and (max-width: 450px) {
    #summits.su18 #map .formAnima {
        margin: 0 0 0 16px
    }
}

#summits.su18 #map .formAnima p {
    width: 100%;
    float: left
}

#summits.su18 #map .formAnima p.header {
    marginp: 1rem 0;
    font-weight: 600;
    color: #0e0900;
    font-size: 1.25rem
}

#summits.su18 #map .formAnima .breit {
    width: 19rem
}

@media screen and (max-width: 450px) {
    #summits.su18 #map .formAnima .breit {
        width: 270px
    }
}

#summits.su18 #map .formAnima label {
    width: 17rem
}

@media screen and (max-width: 450px) {
    #summits.su18 #map .formAnima label {
        font-size: .8125rem;
        width: 270px
    }
}

#summits.su18 #map .formAnima label.funfty {
    width: 9.3rem
}

#summits.su18 #map .formAnima label.thirdy {
    width: 11rem
}

#summits.su18 #map .formAnima label.radiobutton {
    padding-left: 0;
    padding-top: 0
}

#summits.su18 #map .formAnima label.radiobutton label {
    width: 11rem;
    margin-bottom: .5rem
}

#summits.su18 #map .formAnima label.time {
    margin-top: .3rem
}

#summits.su18 #map .formAnima .btn {
    position: absolute;
    right: 1rem;
    bottom: 3rem;
    width: auto
}

#summits.su18 #map .formAnima .captchaAlert {
    bottom: 2rem
}

#summits.su18 #map .formAnima .captchaText {
    right: 8.5rem;
    bottom: 2.7rem;
    width: 7.5rem;
    padding: .4rem
}

@media screen and (max-width: 450px) {
    #summits.su18 #map .formAnima .captchaText {
        right: 9.5rem;
        bottom: .7rem
    }
}

#summits.su18 #map .formAnima p.datenschutz {
    font-weight: 400;
    font-size: .75rem
}

#summits.su18 #call2 {
    right: 30.5rem
}

@media screen and (max-width: 450px) {
    #summits.su18 #call2 {
        top: 167px
    }
}

#summits.su19 #tsr {
    background: url(image/summits19_map.png);
    background-size: cover;
    background-position: top center;
    border-bottom: 0 solid #fff
}

@media screen and (max-width: 450px) {
    #summits.su19 #tsr {
        background: url(image/summits19_map_sm.png);
        background-size: cover;
        background-position: top center
    }
}

@media screen and (min-width: 451px), print {
    #summits.su19 h1 {
        margin: 13.5rem 0 0 27rem
    }
}

@media screen and (min-width: 451px), print {
    #summits.su19 h2#place1 {
        top: 14rem;
        left: 60.3rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su19 h2#place1 {
        width: 7.3rem;
        top: 20.3rem
    }
}

@media screen and (min-width: 451px), print {
    #summits.su19 h2#place2 {
        top: 6.6rem;
        left: 37.7rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su19 h2#place2 {
        top: 17rem
    }
}

@media screen and (min-width: 451px), print {
    #summits.su19 h2#place3 {
        top: 8.8rem;
        left: 16rem
    }
}

#summits.su19 h1, #summits.su19 h2 {
    border-radius: .375rem
}

#summits.su19 #map {
    background-color: #edebe8;
    border-bottom: 0 solid #fff
}

#summits.su19 #map [type="radio"]:checked + label:before, #summits.su19 #map [type="radio"]:not(:checked) + label:before, #summits.su19 #map .formAnima .eform {
    background-color: #fff
}

#summits.su19 #map p.group {
    font-weight: 600;
    margin-top: .5rem
}

#summits.su19 .datenschutz {
    padding-bottom: 7.5rem
}

@media screen and (min-width: 451px), print {
    #summits.su19 #call2 {
        right: 23.5rem
    }
}

#summits.suex h1 {
    background-color: #575349
}

#summits.suex #call2 {
    width: 10rem;
    height: 10rem
}

@media screen and (max-width: 450px) {
    #summits.suex #call2 {
        left: 170px
    }
}

#summits.suex #call2 p {
    line-height: 1.2;
    padding: 0 .5rem
}

#summits.su20 #tsr {
    background: #003359;
    background: -moz-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: linear-gradient(45deg, #003359 0%, #08162a 100%)
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr {
        height: 44rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr .wrapper {
        height: 44rem
    }
}

#summits.su20 #tsr h1 {
    background-color: transparent;
    width: auto;
    height: auto;
    text-transform: uppercase
}

#summits.su20 #tsr h1 b {
    font-weight: 300;
    color: #f1ac0d
}

@media screen and (min-width: 451px), print {
    #summits.su20 #tsr h1 {
        margin-top: 26rem;
        margin-left: 32rem;
        font-size: 3rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr h1 {
        margin-top: 32rem;
        margin-left: 0;
        padding: 0;
        font-size: 1.7rem
    }
}

#summits.su20 #tsr .infog {
    position: absolute
}

@media screen and (min-width: 451px), print {
    #summits.su20 #tsr .infog {
        top: 15rem;
        left: 7.5rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr .infog {
        top: 4rem;
        left: 0
    }
}

#summits.su20 #tsr .infog .infog-1, #summits.su20 #tsr .infog .infog-2, #summits.su20 #tsr .infog .infog-3, #summits.su20 #tsr .infog .infog-4, #summits.su20 #tsr .infog .infog-5 {
    border-radius: 50%;
    border: .25rem solid #0e0900;
    background-color: #00adef;
    float: left
}

@media screen and (min-width: 451px), print {
    #summits.su20 #tsr .infog .infog-1, #summits.su20 #tsr .infog .infog-2, #summits.su20 #tsr .infog .infog-3, #summits.su20 #tsr .infog .infog-4, #summits.su20 #tsr .infog .infog-5 {
        width: 9.625rem;
        height: 9.625rem;
        margin-right: 2rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr .infog .infog-1, #summits.su20 #tsr .infog .infog-2, #summits.su20 #tsr .infog .infog-3, #summits.su20 #tsr .infog .infog-4, #summits.su20 #tsr .infog .infog-5 {
        width: 9rem;
        height: 9rem;
        margin-right: .5rem
    }
}

#summits.su20 #tsr .infog .infog-1 {
    background: url(image/round-cancun.jpg);
    background-size: cover;
    background-position: center
}

@media screen and (min-width: 451px), print {
    #summits.su20 #tsr .infog .infog-2, #summits.su20 #tsr .infog .infog-3 {
        margin-right: 3.5rem
    }
}

#summits.su20 #tsr .infog .infog-3 {
    background: url(image/round-globo.svg);
    background-size: cover;
    background-position: center
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr .infog .infog-3 {
        margin-right: 5rem
    }
}

#summits.su20 #tsr .infog .infog-5 {
    background: url(image/round-mallorca.jpg);
    background-size: cover;
    background-position: center
}

#summits.su20 #tsr .infog .infog-2, #summits.su20 #tsr .infog .infog-4 {
    position: relative
}

@media screen and (min-width: 451px), print {
    #summits.su20 #tsr .infog .infog-6 {
        width: 9.625rem;
        height: 9.625rem;
        background: url(image/round-globo-pfeile1.svg);
        position: absolute;
        top: -0.8rem;
        left: 17.8rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr .infog .infog-6 {
        display: none
    }
}

@media screen and (min-width: 451px), print {
    #summits.su20 #tsr .infog .infog-7 {
        width: 9.625rem;
        height: 9.625rem;
        background: url(image/round-globo-pfeile2.svg);
        position: absolute;
        top: -2.1rem;
        left: 31rem
    }
}

@media screen and (max-width: 450px) {
    #summits.su20 #tsr .infog .infog-7 {
        display: none
    }
}

#summits.su20 #tsr .infog h2 {
    background-color: transparent;
    position: relative;
    text-transform: none;
    margin-left: .25rem
}

#summits.su20 #tsr .infog h2 strong {
    font-size: 1rem;
    font-weight: 400
}

#summits #tsr {
    background: url(image/summits_teaser.jpg);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #summits #tsr .wrapper {
        height: 400px
    }
}

@media screen and (max-width: 450px) {
    #summits #tsr {
        height: 400px;
        background: url(image/summits_teaser_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

#summits h1 {
    font-weight: 300;
    font-size: 4rem;
    line-height: 1;
    letter-spacing: -0.1rem;
    color: #fff;
    width: 80%;
    margin: 22rem 10% 0 10%;
    text-align: center;
    background-color: #e30513;
    padding: 1rem 0 0 0
}

@media screen and (max-width: 450px) {
    #summits h1 {
        font-weight: 300;
        font-size: 1.25rem;
        letter-spacing: -0.02rem;
        width: 90%;
        margin: 12rem 5% 0 5%
    }
}

#summits h2 {
    font-weight: 200;
    font-size: 3.35rem;
    line-height: 1;
    letter-spacing: -0.1rem;
    color: #fff;
    position: absolute;
    width: 80%;
    margin: 0 10%;
    text-align: center;
    background-color: #e30513;
    padding: 0 0 1rem 0
}

@media screen and (max-width: 450px) {
    #summits h2 {
        font-size: 1rem;
        letter-spacing: 0;
        width: 90%;
        margin: 0 5%;
        padding-top: .3rem
    }
}

#summits #map {
    background: url(image/summits_map.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 26rem;
    max-height: 400px;
    border-bottom: 1px solid #0e0900
}

#summits #map p.text2017 {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    width: 12rem;
    color: #fff
}

@media screen and (max-width: 450px) {
    #summits #map p.text2017 {
        font-size: .8125rem;
        bottom: 1rem;
        width: 8rem
    }
}

#summits #map p.text2017 a {
    color: #f1ac0d
}

#summits #map p.text2017 a:hover {
    color: #fff
}

#summits #map .wrapper {
    height: 26rem;
    max-height: 400px
}

@media screen and (max-width: 450px) {
    #summits #map .wrapper {
        height: 800px;
        max-height: 800px
    }
}

@media screen and (max-width: 450px) {
    #summits #map {
        height: 800px;
        max-height: 800px;
        background: url(image/summits_map_sm.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat
    }
}

#summits #calendar .eventon_fullcal {
    padding: 0;
    margin-bottom: -4.5rem;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

@media screen and (max-width: 450px) {
    #summits #calendar .eventon_fullcal {
        display: none
    }
}

#summits #calendar .evo_sort_btn {
    display: none
}

#summits #calendar .ajde_evcal_calendar {
    min-height: 18rem;
    margin-top: -0.6rem
}

@media screen and (max-width: 450px) {
    #summits #calendar .ajde_evcal_calendar {
        min-height: 12rem;
        margin-top: 0
    }
}

#summits #calendar .evo_arrows {
    display: none
}

@media screen and (max-width: 450px) {
    #summits #calendar .ajde_evcal_calendar .calendar_header {
        min-height: 36px
    }
}

@media only screen and (max-width: 450px) {
    #summits #calendar .evcal_cblock .evo_date .end, #summits #calendar .evcal_cblock .evo_date .end {
        margin-left: 1rem;
        margin-top: -2.5rem
    }
}

#references #teaserReferences {
    background: url(image/teaser_references.jpg);
    background-size: cover;
    background-position: top center;
    height: 10rem;
    max-height: 160px;
    border-bottom: 1px solid #0e0900
}

@media screen and (max-width: 450px) {
    #references #teaserReferences {
        height: 100px;
        background: url(image/teaser_references_sm.jpg);
        background-size: cover;
        background-position: top center
    }
}

#references h1 {
    font-size: 2.2rem;
    margin: 2rem 0 0 4rem;
    width: 22rem
}

@media screen and (max-width: 450px) {
    #references h1 {
        font-weight: 400;
        font-size: 22px;
        margin: 26px 0 0 0;
        letter-spacing: 0;
        max-width: 303px
    }
}

#academy #tsr {
    background: url(image/teaser_academy.png);
    background-size: cover;
    background-position: top center
}

@media screen and (max-width: 450px) {
    #academy #tsr {
        height: 270px;
        background: url(image/teaser_academy_sm.png);
        background-position: -10rem -3rem
    }
}

#academy #tsr h1 {
    color: #fff
}

@media screen and (max-width: 450px) {
    #academy #tsr h1 {
        top: 220px;
        left: 105px;
        width: 170px;
        font-size: 2rem;
        letter-spacing: -0.05rem
    }
}

#academy #tsr h2 {
    width: 20rem;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0;
    color: #fff
}

@media screen and (max-width: 450px) {
    #academy #tsr h2 {
        top: 258px;
        left: 105px;
        width: 200px;
        font-size: .75rem
    }
}

#pricelist {
    background-color: #edebe8;
    padding-bottom: 20rem
}

@media print {
    #pricelist {
        background-color: transparent
    }
}

#pricelist #teaser {
    background: #0066b2;
    background: -moz-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: -webkit-linear-gradient(45deg, #0066b2 0%, #003359 100%);
    background: linear-gradient(45deg, #0066b2 0%, #003359 100%)
}

@media screen and (min-width: 451px), print {
    #pricelist #teaser {
        height: 6.5rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #teaser {
        height: 4.5rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist #teaser h1 {
        left: 25.5rem;
        top: 10rem;
        font-size: 4rem;
        width: 29rem;
        letter-spacing: -0.1rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #teaser h1 {
        left: 1.8rem;
        top: 4rem;
        font-size: 3rem
    }
}

@media print {
    #pricelist #teaser h1 {
        z-index: 1;
        left: 25rem;
        top: 40rem;
        font-size: 6.5rem;
        letter-spacing: -0.3rem;
        color: #878378;
        width: 49rem
    }
}

@media print {
    #pricelist #teaser #teaser_print {
        display: block;
        width: 100%;
        position: absolute;
        top: 4rem;
        z-index: 0
    }
}

#pricelist #teaser #call {
    z-index: 9
}

@media screen and (min-width: 451px), print {
    #pricelist #teaser #call {
        left: 59.5rem;
        top: 12.5rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #teaser #call {
        left: 12.5rem;
        top: 7rem
    }
}

@media print {
    #pricelist #teaser #call {
        display: none
    }
}

@media screen and (min-width: 451px), print {
    #pricelist #h1-Sidebar {
        float: left;
        margin: 2rem 0 0 3rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #h1-Sidebar {
        margin-top: 1rem
    }
}

#pricelist h2 {
    padding-left: 5.6rem;
    font-weight: 600;
    font-size: 2rem;
    padding-top: 4rem;
    margin-bottom: 1.5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #0e0900;
    line-height: 1;
    text-transform: lowercase
}

@media screen and (max-width: 450px) {
    #pricelist h2 {
        padding-left: 0;
        font-size: 1.5rem
    }
}

#pricelist #sidebar {
    width: 14rem;
    margin-top: 1.5rem
}

@media screen and (max-width: 450px) {
    #pricelist #sidebar {
        margin-top: 2rem;
        width: 303px
    }
}

@media print {
    #pricelist #sidebar {
        display: none
    }
}

#pricelist .listSidebar {
    width: 14rem;
    overflow: hidden;
    background-color: #fff;
    z-index: 99
}

@media screen and (max-width: 450px) {
    #pricelist .listSidebar {
        width: 303px
    }
}

#pricelist .listSidebar li {
    padding: .5rem;
    cursor: pointer
}

#pricelist .listSidebar li:first-of-type {
    border-top: 1px solid #0e0900;
    margin-top: 0
}

#pricelist .listSidebar li:last-of-type {
    border-bottom: 1px solid #0e0900 !important;
    margin-top: 0
}

#pricelist .listSidebar li.solution {
    border-top: 1px solid #0e0900;
    border-bottom: 1px solid #b2aea6;
    font-weight: 600;
    padding-left: .6rem
}

#pricelist .listSidebar li.group {
    padding-left: 1.2rem
}

@media screen and (min-width: 451px), print {
    #pricelist #priceListBody {
        float: left;
        width: 54rem;
        margin-left: 2rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #priceListBody {
        clear: both
    }
}

@media print {
    #pricelist #priceListBody {
        margin-top: 3rem !important
    }
}

#pricelist .intro .wrapper, #pricelist .intro-noanima .wrapper {
    padding-top: 2rem;
    padding-bottom: 1rem
}

#pricelist .intro .introduction, #pricelist .intro-noanima .introduction {
    margin-left: 6.6rem;
    line-height: 1.4;
    margin-bottom: 1rem
}

#pricelist .intro .introduction p, #pricelist .intro-noanima .introduction p, #pricelist .intro .introduction ol li, #pricelist .intro-noanima .introduction ol li {
    margin-bottom: .3rem;
    font-size: .875rem
}

#pricelist .intro .introduction ol, #pricelist .intro-noanima .introduction ol {
    margin-left: 1.2rem
}

@media screen and (max-width: 450px) {
    #pricelist .intro .introduction, #pricelist .intro-noanima .introduction {
        width: 300px;
        margin-left: 0
    }
}

#pricelist .intro .introduction.long, #pricelist .intro-noanima .introduction.long {
    display: none
}

@media print {
    #pricelist .intro .introduction.long, #pricelist .intro-noanima .introduction.long {
        display: block !important
    }
}

@media print {
    #pricelist .intro .introduction p, #pricelist .intro-noanima .introduction p {
        font-size: 1.1rem
    }
}

#pricelist .intro:hover .introduction.short p:last-child:after {
    margin-left: 0
}

#pricelist .intro .introduction {
    cursor: pointer
}

#pricelist .intro .introduction.short p:last-child:after, #pricelist .intro .introduction.short li:last-child:after {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3rem;
    color: #e30513;
    position: absolute;
    content: "\e900";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media print {
    #pricelist .intro .introduction.short p:last-child:after, #pricelist .intro .introduction.short li:last-child:after {
        content: ""
    }
}

#pricelist .intro .introduction.short.noLong p:last-child:after, #pricelist .intro .introduction.short.noLong li:last-child:after {
    content: ""
}

#pricelist .intro .introduction.short.open p:last-child:after, #pricelist .intro .introduction.short.open li:last-child:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media screen and (min-width: 451px), print {
    #pricelist .intro .introduction, #pricelist .intro-noanima .introduction {
        margin-left: 5.6rem;
        padding-right: 1rem
    }
}

@media screen and (min-width: 451px), print {
    #pricelist .intro .introduction.col-2, #pricelist .intro-noanima .introduction.col-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

#pricelist .intro .introduction.animationLCA {
    padding-top: 1rem;
    border-top: 1px solid #dad8d2
}

#pricelist .introduction.short.teaser.animationLCA {
    border-top: 0 solid #fff
}

#pricelist .intro-noanima .introduction.teaser {
    padding-bottom: 1rem;
    border-bottom: 1px solid #dad8d2
}

@media print {
    #pricelist .productstable article#p0114 {
        page-break-after: always;
        border-bottom: 0 solid #b2aea6
    }
}

@media print {
    #pricelist .productstable article#p0115 {
        border-top: 1px solid #b2aea6
    }
}

#pricelist .productstable .group {
    background-color: #fff;
    padding: 0;
    border: 1px solid #b2aea6;
    border-radius: .1875rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group {
        width: 303px
    }
}

@media print {
    #pricelist .productstable .group {
        border: 0 solid #fff;
        border-radius: 0;
        padding: 0
    }
}

#pricelist .productstable .group p.dachzeile {
    font-weight: 600;
    font-size: 1.3125rem;
    letter-spacing: -0.08rem;
    padding: .6rem 1rem .2rem 5.5rem;
    position: relative
}

#pricelist .productstable .group p.dachzeile small {
    font-weight: 300
}

#pricelist .productstable .group p.dachzeile:after {
    color: #e30513;
    position: absolute;
    top: 0;
    z-index: 0;
    font-size: 1.8rem;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media screen and (min-width: 451px), print {
    #pricelist .productstable .group p.dachzeile:after {
        left: 1.1rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group p.dachzeile:after {
        right: 0
    }
}

@media print {
    #pricelist .productstable .group p.dachzeile:after {
        display: none
    }
}

#pricelist .productstable .group p.dachzeile:hover {
    cursor: pointer
}

#pricelist .productstable .group p.dachzeile:hover:after {
    top: -0.3rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group p.dachzeile {
        font-size: 1.2rem;
        padding: .5rem .5rem 0 .8rem;
        margin-bottom: 0
    }
}

@media print {
    #pricelist .productstable .group p.dachzeile {
        font-weight: 300;
        font-size: 2.3rem;
        padding: 0
    }
}

#pricelist .productstable .group div, #pricelist .productstable .group article {
    overflow: hidden
}

#pricelist .productstable .group div p, #pricelist .productstable .group article p, #pricelist .productstable .group div h3, #pricelist .productstable .group article h3, #pricelist .productstable .group div ul, #pricelist .productstable .group article ul, #pricelist .productstable .group div ol, #pricelist .productstable .group article ol {
    float: left;
    color: #575349;
    padding: .5rem;
    margin: 0;
    font-weight: 300;
    line-height: 1.5
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div p, #pricelist .productstable .group article p, #pricelist .productstable .group div h3, #pricelist .productstable .group article h3, #pricelist .productstable .group div ul, #pricelist .productstable .group article ul, #pricelist .productstable .group div ol, #pricelist .productstable .group article ol {
        padding: .2rem .3rem;
        font-size: .75rem
    }
}

@media print {
    #pricelist .productstable .group div p, #pricelist .productstable .group article p, #pricelist .productstable .group div h3, #pricelist .productstable .group article h3, #pricelist .productstable .group div ul, #pricelist .productstable .group article ul, #pricelist .productstable .group div ol, #pricelist .productstable .group article ol {
        font-weight: 400;
        color: #0e0900
    }
}

#pricelist .productstable .group div ul, #pricelist .productstable .group article ul, #pricelist .productstable .group div ol, #pricelist .productstable .group article ol {
    float: left;
    font-size: .8125rem;
    line-height: 1.5;
    padding-left: 1.5rem
}

#pricelist .productstable .group div ul li, #pricelist .productstable .group article ul li, #pricelist .productstable .group div ol li, #pricelist .productstable .group article ol li {
    margin-bottom: .3rem
}

#pricelist .productstable .group div ul, #pricelist .productstable .group article ul {
    list-style-type: disc
}

#pricelist .productstable .group div ol, #pricelist .productstable .group article ol {
    list-style-type: decimal
}

#pricelist .productstable .group div p.spalte1, #pricelist .productstable .group article p.spalte1 {
    width: 5rem;
    padding-left: 1rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div p.spalte1, #pricelist .productstable .group article p.spalte1 {
        width: 6rem;
        padding-bottom: 0;
        text-align: right
    }
}

#pricelist .productstable .group div h3, #pricelist .productstable .group article h3, #pricelist .productstable .group div p.spalte2, #pricelist .productstable .group article p.spalte2 {
    width: 26rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div h3, #pricelist .productstable .group article h3, #pricelist .productstable .group div p.spalte2, #pricelist .productstable .group article p.spalte2 {
        width: 12rem;
        padding-bottom: 0
    }
}

#pricelist .productstable .group div p.spalte3, #pricelist .productstable .group article p.spalte3 {
    width: 8rem;
    text-align: right
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div p.spalte3, #pricelist .productstable .group article p.spalte3 {
        width: 6rem;
        clear: both;
        padding-top: 0
    }
}

#pricelist .productstable .group div p.spalte3 span.priceSmall, #pricelist .productstable .group article p.spalte3 span.priceSmall {
    line-height: 1;
    display: inline-block
}

#pricelist .productstable .group div p.spalte3 span.priceSmall small, #pricelist .productstable .group article p.spalte3 span.priceSmall small {
    font-weight: 300
}

#pricelist .productstable .group div p.spalte4, #pricelist .productstable .group article p.spalte4 {
    width: 14.5rem;
    font-size: .85rem;
    padding-top: .65rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div p.spalte4, #pricelist .productstable .group article p.spalte4 {
        width: 12rem;
        font-size: .75rem;
        padding-top: 0
    }
}

@media print {
    #pricelist .productstable .group div:not(.header) p.spalte1, #pricelist .productstable .group article:not(.header) p.spalte1, #pricelist .productstable .group div:not(.header) p.spalte4, #pricelist .productstable .group article:not(.header) p.spalte4 {
        padding-top: .85rem !important
    }
}

#pricelist .productstable .group div:not(.header) p.spalte3, #pricelist .productstable .group article:not(.header) p.spalte3, #pricelist .productstable .group div:not(.header) p.spalte4, #pricelist .productstable .group article:not(.header) p.spalte4 {
    color: #0e0900
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div:not(.header) p.spalte3, #pricelist .productstable .group article:not(.header) p.spalte3, #pricelist .productstable .group div:not(.header) p.spalte4, #pricelist .productstable .group article:not(.header) p.spalte4 {
        color: #878378
    }
}

#pricelist .productstable .group div:not(.header) p.spalte3, #pricelist .productstable .group article:not(.header) p.spalte3 {
    font-weight: 400
}

@media print {
    #pricelist .productstable .group div:not(.header) p.spalte3, #pricelist .productstable .group article:not(.header) p.spalte3 {
        font-size: 1.2rem
    }
}

#pricelist .productstable .group div.header {
    border-bottom: 1px solid #0e0900
}

#pricelist .productstable .group div.header p {
    font-size: .8125rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div.header p {
        font-size: .75rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div.header p.spalte1 {
        color: #e30513
    }
}

#pricelist .productstable .group div.header p.spalte4 {
    padding-top: .5rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group div.header p.spalte4 {
        padding-top: 0;
        font-size: .75rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product {
        padding-top: .5rem
    }
}

#pricelist .productstable .group article.product:not(:last-child) {
    border-bottom: 1px solid #b2aea6
}

#pricelist .productstable .group article.product:hover {
    cursor: pointer;
    background-color: #f6f5f3
}

#pricelist .productstable .group article.product:hover .description p {
    color: #0e0900
}

#pricelist .productstable .group article.product:hover .description .descriptionShort p:after {
    margin-left: .2rem
}

#pricelist .productstable .group article.product.basis div.name {
    border-bottom: 1px dotted #b2aea6
}

#pricelist .productstable .group article.product.basis div.name p.spalte3, #pricelist .productstable .group article.product.basis div.name p.spalte4 {
    display: none
}

#pricelist .productstable .group article.product.basis div.discount {
    border-bottom: 1px dotted #dad8d2
}

#pricelist .productstable .group article.product.basis div.description {
    margin-top: .5rem
}

#pricelist .productstable .group article.product.basis div.description .descriptionShort {
    width: 33rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.basis div.description .descriptionShort {
        width: 100%
    }
}

#pricelist .productstable .group article.product.basis div.description .descriptionLong {
    width: 49rem;
    max-height: 90rem;
    margin-top: .5rem;
    border-left: 0 solid #e3e1dd;
    padding-left: 0;
    border-top: 1px solid #e3e1dd;
    padding-top: 1rem;
    clear: both
}

@media screen and (min-width: 451px), print {
    #pricelist .productstable .group article.product.basis div.description .descriptionLong {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.basis div.description .descriptionLong {
        width: 100%;
        max-height: none
    }
}

@media print {
    #pricelist .productstable .group article.product.basis div.description .descriptionLong {
        max-height: 88rem
    }
}

#pricelist .productstable .group article.product.basis .spalte1 {
    padding-top: .5rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.basis .spalte1 {
        padding-top: .2rem
    }
}

#pricelist .productstable .group article.product.variable div.name {
    border-bottom: 1px dotted #b2aea6
}

#pricelist .productstable .group article.product.variable div.subproduct {
    border-bottom: 1px dotted #dad8d2;
    float: left;
    width: 100%
}

#pricelist .productstable .group article.product.variable div.subproduct h3 {
    font-weight: 400
}

#pricelist .productstable .group article.product.variable div.subproduct .description {
    margin-top: -0.5rem;
    margin-bottom: 0
}

#pricelist .productstable .group article.product.variable div.description {
    float: left;
    margin-top: .5rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.variable .name p.spalte3, #pricelist .productstable .group article.product.variable .name p.spalte4 {
        display: none
    }
}

#pricelist .productstable .group article.product.active {
    background-color: #f6f5f3;
    border-left: .2rem solid #00adef
}

@media print {
    #pricelist .productstable .group article.product.active {
        background-color: #fff;
        border-left: .2rem solid #fff
    }
}

#pricelist .productstable .group article.product.active p.spalte1 {
    width: 4.8rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.active p.spalte3 {
        width: 5.8rem
    }
}

#pricelist .productstable .group article.product.active .description {
    padding-left: 4.8rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.active .description {
        padding-left: .3rem
    }
}

#pricelist .productstable .group article.product.active .description p, #pricelist .productstable .group article.product.active .description ul, #pricelist .productstable .group article.product.active .description ol {
    color: #0e0900
}

#pricelist .productstable .group article.product.active .description .descriptionShort {
    width: 18rem;
    padding-right: 1rem
}

#pricelist .productstable .group article.product.active .description .descriptionShort p:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.active .description .descriptionShort {
        width: 100%;
        padding-right: 0
    }
}

#pricelist .productstable .group article.product.active .description .descriptionShort.noDescriptionLong {
    width: 33rem;
    padding-right: 1rem
}

#pricelist .productstable .group article.product.active .description .descriptionLong {
    width: 31rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product.active .description .descriptionLong {
        width: 100%
    }
}

#pricelist .productstable .group article.product .spalte1 {
    color: #e30513;
    font-size: .9rem;
    padding-top: .65rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product .spalte1 {
        padding-top: .2rem;
        font-size: .75rem
    }
}

#pricelist .productstable .group article.product .spalte2, #pricelist .productstable .group article.product h3 {
    color: #0e0900;
    font-weight: 600;
    font-size: 1.05rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product .spalte2, #pricelist .productstable .group article.product h3 {
        font-size: .85rem;
        line-height: 1.2
    }
}

@media print {
    #pricelist .productstable .group article.product .spalte2, #pricelist .productstable .group article.product h3 {
        font-size: 1.3rem
    }
}

#pricelist .productstable .group article.product .discount .spalte2 {
    font-weight: 300;
    font-size: .9rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article.product .discount .spalte2 {
        font-weight: 400;
        font-size: .75rem;
        color: #0e0900
    }
}

@media print {
    #pricelist .productstable .group article.product .discount .spalte2 {
        font-weight: 400;
        font-size: 1.2rem
    }
}

#pricelist .productstable .group article .description {
    padding: 0 0 .2rem 5rem;
    clear: both;
    margin-bottom: 1rem;
    width: 100rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article .description {
        padding: 0 0 .2rem .5rem;
        width: 300px
    }
}

#pricelist .productstable .group article .description p {
    padding-top: 0;
    font-size: .8125rem;
    letter-spacing: 0
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article .description p {
        font-size: .75rem
    }
}

@media print {
    #pricelist .productstable .group article .description p {
        font-size: .835rem
    }
}

#pricelist .productstable .group article .description .descriptionShort {
    float: left;
    width: 33rem;
    padding-right: 1rem
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article .description .descriptionShort {
        width: 100%;
        padding-right: 0
    }
}

@media print {
    #pricelist .productstable .group article .description .descriptionShort {
        width: 21rem;
        padding-right: 1rem
    }
}

#pricelist .productstable .group article .description .descriptionShort p:last-child:after {
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3rem;
    color: #e30513;
    position: absolute;
    content: "\e900";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media print {
    #pricelist .productstable .group article .description .descriptionShort p:last-child:after {
        content: ""
    }
}

#pricelist .productstable .group article .description .descriptionShort.noDescriptionLong p:last-child:after {
    content: ""
}

#pricelist .productstable .group article .description .descriptionLong {
    float: left;
    display: none;
    width: 49rem;
    border-left: 1px solid #e3e1dd;
    padding-left: 1rem;
    position: relative;
    padding-right: 1rem
}

@media print {
    #pricelist .productstable .group article .description .descriptionLong {
        display: block !important;
        width: 29rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article .description .descriptionLong {
        width: 100%;
        border-left: 0;
        padding: 1rem 0 0 0
    }
}

#pricelist .productstable .group article .description .descriptionLong p {
    padding-top: 0
}

@media screen and (min-width: 451px), print {
    #pricelist .productstable .group article .description .descriptionLong p {
        float: none
    }
}

#pricelist .productstable .group article .description .descriptionLong p.tip {
    padding: .5rem .8rem;
    margin: .5rem;
    border: 1px solid #b2aea6;
    border-radius: .1875rem;
    background-color: #fff;
    clear: both
}

#pricelist .productstable .group article .description .descriptionLong p.tip em {
    font-weight: 400;
    color: #008ad1;
    font-style: normal
}

@media screen and (max-width: 450px) {
    #pricelist .productstable .group article .description .descriptionLong p.tip {
        padding-right: .1rem
    }
}

#pricelist .groupContainer.closed p.dachzeile, #pricelist .groupContainer.closedIni p.dachzeile {
    margin-bottom: .2rem;
    padding-top: .2rem
}

#pricelist .groupContainer.closed p.dachzeile:after, #pricelist .groupContainer.closedIni p.dachzeile:after {
    top: -0.1rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#pricelist .groupContainer.closed p.dachzeile:after:before, #pricelist .groupContainer.closedIni p.dachzeile:after:before {
    top: .1rem
}

#pricelist .closedIni .header, #pricelist .closedIni .product {
    display: none
}

#pricelist .groupContainer {
    padding-top: 1.5rem
}

@media print {
    #pricelist .groupContainer .header, #pricelist .groupContainer article {
        display: block !important
    }
}

#pricelist .groupContainer9 {
    margin-top: 6rem;
    padding-top: 6rem;
    border-top: 1px solid #0e0900
}

#pricelist #print {
    position: absolute;
    margin-top: 3rem
}

@media screen and (max-width: 450px) {
    #pricelist #print {
        display: none
    }
}

@media screen and (min-width: 451px), print {
    #pricelist #end {
        margin-left: 5.5rem;
        margin-top: 3rem;
        width: 35rem
    }
}

@media screen and (max-width: 450px) {
    #pricelist #end {
        margin-left: 1rem;
        margin-top: 1rem
    }
}

.wrapper .gglcptch, #eventWindow .gglcptch, body .g-recaptcha {
    -webkit-transform: scale(.66);
    -moz-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66);
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0
}

.wrapper .gglcptch label, #eventWindow .gglcptch label, body .g-recaptcha label, .wrapper .gglcptch p, #eventWindow .gglcptch p, body .g-recaptcha p, .wrapper .gglcptch span, #eventWindow .gglcptch span, body .g-recaptcha span, .wrapper .gglcptch #gglcptch_error, #eventWindow .gglcptch #gglcptch_error, body .g-recaptcha #gglcptch_error {
    line-height: 1;
    color: #000 !important
}

.captchaText, .captchaText2, .captchaText3 {
    display: none;
    font-weight: 800;
    line-height: 1.2;
    font-size: .9rem;
    position: absolute;
    bottom: 3.8rem;
    width: 9rem;
    background-color: #fff;
    padding: .2rem .4rem;
    opacity: .8;
    color: #0e0900;
    border-radius: .1875rem
}

.captchaAlert, .captchaAlert2, .captchaAlert3 {
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 99;
    width: 6.5rem;
    height: 3rem;
    bottom: 3.3rem
}

#contract .captchaText, #contract .captchaText3, #contract .captchaAlert, #contract .captchaAlert3 {
    width: 8rem
}

#contract .captchaText, #contract .captchaText3 {
    float: left;
    position: relative
}

@media screen and (min-width: 451px), print {
    #contract .captchaText, #contract .captchaText3 {
        bottom: -0.6rem;
        left: -6rem
    }
}

@media screen and (max-width: 450px) {
    #contract .captchaText, #contract .captchaText3 {
        top: 0
    }
}

@media screen and (min-width: 451px), print {
    #contract .captchaAlert, #contract .captchaAlert3 {
        bottom: 2rem
    }
}

@media screen and (max-width: 450px) {
    #contract .captchaAlert, #contract .captchaAlert3 {
        bottom: 0
    }
}

#contract .g-recaptcha {
    float: left
}

#contract .form p.datenschutz {
    padding-top: 1rem
}

#eventWindow .captchaText2, #eventWindow .captchaAlert2 {
    bottom: -0.5rem
}

@media screen {
    .animateLoadHidden {
        opacity: 0 !important
    }
}

.animateLoadVisible {
    opacity: 1
}

#popup {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001
}

#popup #popupWrapper {
    position: absolute;
    right: 1rem;
    top: 21rem
}

@media screen and (max-width: 450px) {
    #popup #popupWrapper {
        top: 4rem
    }
}

#popup #popupWrapper .panel {
    background: #003359;
    background: -moz-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: linear-gradient(45deg, #003359 0%, #08162a 100%);
    border-radius: .375rem;
    padding-bottom: 2.5rem;
    width: 12rem
}

#popup #popupWrapper #close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 90001;
    margin: -1rem -1rem 0 0;
    color: #fff;
    background-color: #fff;
    border-radius: 50%;
    padding: .3rem;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

#popup #popupWrapper #close:before, #popup #popupWrapper #close:after {
    position: absolute;
    left: 1rem;
    top: .55rem;
    content: ' ';
    height: 50%;
    width: 2px;
    background-color: #0e0900
}

#popup #popupWrapper #close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#popup #popupWrapper #close:after {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

#popup #popupWrapper .popup-pict {
    background: url(image/popup-corona.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9rem;
    height: 8rem
}

#popup #popupWrapper .popup-text {
    color: #fff;
    line-height: 1;
    font-weight: 200;
    font-size: 1.25rem;
    padding: .3rem .3rem .3rem .7rem
}

#popup #popupWrapper .icon {
    position: relative;
    padding: .3rem 0 1rem .7rem;
    float: left;
    color: #f1ac0d
}

#popup #popupWrapper .icon:after, #popup #popupWrapper .icon:before {
    position: absolute
}

#popup #popupWrapper .icon:before {
    top: .45rem
}

#callMenu {
    width: 8rem;
    border-radius: .1875rem;
    background: #003359;
    background: -moz-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: -webkit-linear-gradient(45deg, #003359 0%, #08162a 100%);
    background: linear-gradient(45deg, #003359 0%, #08162a 100%);
    z-index: 15;
    padding: .25rem .1rem .1rem .25rem;
    -webkit-box-shadow: 0 0 .5rem rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 .5rem rgba(255, 255, 255, 0.9)
}

@media screen and (min-width: 451px), print {
    #callMenu {
        position: fixed;
        top: 1.47rem;
        right: .3rem;
        height: 5.5rem
    }
}

@media screen and (max-width: 450px) {
    #callMenu {
        position: absolute;
        top: 3px;
        left: 50%;
        height: 2.8rem;
        width: 110px
    }
}

@media print {
    #callMenu {
        display: none
    }
}

#callMenu.shrink {
    right: -65rem !important
}

#callMenu .callMenu-pict {
    background: url(image/hana-migration-mn.svg);
    background-position: 60% 42%;
    background-repeat: no-repeat;
    width: 4rem;
    height: 1.625rem
}

@media screen and (max-width: 450px) {
    #callMenu .callMenu-pict {
        display: none
    }
}

#callMenu .callMenu-text {
    color: #f1ac0d;
    line-height: 1.15;
    float: left
}

#callMenu .callMenu-text span {
    color: #fff
}

@media screen and (min-width: 451px), print {
    #callMenu .callMenu-text b {
        font-size: 1rem
    }
}

@media screen and (min-width: 451px), print {
    #callMenu .callMenu-text {
        letter-spacing: -0.05rem;
        font-size: .875rem;
        margin-top: .1rem;
        margin-left: .3rem
    }
}

@media screen and (max-width: 450px) {
    #callMenu .callMenu-text {
        letter-spacing: 0;
        font-size: .7rem
    }
}

#formSubmit {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.4)
}

#formSubmit #wait {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 5rem
}

body #cookie-notice {
    background-color: rgba(14, 9, 0, 0.95) !important;
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem
}

@media screen and (min-width: 451px), print {
    body #cookie-notice {
        min-width: 53rem;
        width: 53rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

body #cookie-notice .cookie-notice-container {
    padding: 1rem 1rem 1rem 2rem;
    text-align: left;
    font-size: .75rem;
    line-height: 1.25
}

body #cookie-notice .u1 {
    color: #f1ac0d;
    font-size: 1.4rem;
    padding-bottom: .25rem;
    display: inline-block
}

body #cookie-notice .u2 {
    font-weight: 600;
    font-size: .9375rem;
    display: inline-block;
    padding-top: .5rem
}

body #cookie-notice .u3 {
    font-weight: 600;
    font-size: .8125rem;
    padding-top: .5rem
}

body #cookie-notice .c1 {
    display: inline-block
}

@media screen and (min-width: 451px), print {
    body #cookie-notice .c1 {
        width: 28rem;
        float: left;
        padding-right: 1rem;
        padding-bottom: 1.2rem
    }
}

@media screen and (max-width: 450px) {
    body #cookie-notice .c1 {
        padding-bottom: .5rem
    }
}

body #cookie-notice .c1 a.arrowurl:after {
    content: "\e919";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 1rem;
    margin-top: -0.4rem
}

body #cookie-notice .c1 a.arrowurl.open:after {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

body #cookie-notice .c2 {
    display: inline-block
}

@media screen and (min-width: 451px), print {
    body #cookie-notice .c2 {
        float: left;
        width: 21.5rem
    }
}

@media screen and (max-width: 450px) {
    body #cookie-notice .c2 {
        padding-bottom: 2rem
    }
}

body #cookie-notice .cn-set-cookie {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: .9375rem;
    font-weight: 300;
    border-width: 0px;
    color: #fff;
    text-shadow: none;
    background: none;
    margin-left: 0;
    min-width: 10rem;
    text-align: center;
    position: absolute;
    bottom: 1.4rem
}

body #cookie-notice #cn-refuse-cookie-en, body #cookie-notice #cn-refuse-cookie-de, body #cookie-notice #cn-refuse-cookie-es {
    font-size: .7rem;
    font-weight: 100;
    min-width: 1rem
}

body #cookie-notice #cn-accept-cookie {
    background: #e30513;
    text-decoration: none;
    right: 2rem
}

body #cookie-notice #cn-accept-cookie:hover {
    background: #c90f11;
    background: -moz-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: -webkit-linear-gradient(135deg, #e30513 0%, #ae0f0a 100%);
    background: linear-gradient(135deg, #e30513 0%, #ae0f0a 100%)
}

body #cookie-notice .cn-button.wp-default {
    padding: .5rem 1rem
}

body #cookie-notice a {
    color: #fff
}

body #cookie-notice a.arrowurl:after {
    content: "\e90d";
    font-family: 'cloudiax-web' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 0;
    margin-top: -0.2rem;
    color: #e30513;
    position: absolute;
    padding: .25rem;
    text-decoration: none
}

body #cookie-notice a.arrowurl:hover:after {
    margin-left: .25rem
}

body #cookie-notice .functional, body #cookie-notice .tracking {
    float: left;
    padding-bottom: 3.5rem
}

body #cookie-notice .functional .u2, body #cookie-notice .tracking .u2 {
    width: 100%
}

body #cookie-notice .functional span, body #cookie-notice .tracking span {
    display: inline-flex;
    padding-top: .25rem;
    padding-right: 1rem
}

@media screen and (min-width: 451px), print {
    body #cookie-notice .functional .t1, body #cookie-notice .tracking .t1 {
        width: 12rem
    }
}

@media screen and (min-width: 451px), print {
    body #cookie-notice .functional .t2, body #cookie-notice .tracking .t2 {
        width: 25rem
    }
}

@media screen and (min-width: 451px), print {
    body #cookie-notice .functional .t3, body #cookie-notice .tracking .t3 {
        width: 10rem
    }
}

@media screen and (max-width: 450px) {
    body #cookie-notice .functional .t1, body #cookie-notice .tracking .t1, body #cookie-notice .functional .t2, body #cookie-notice .tracking .t2, body #cookie-notice .functional .t3, body #cookie-notice .tracking .t3 {
        width: 100%
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f6f5f3
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(227, 5, 19, 0.8)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #dad8d2
}