header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Microsoft YaHei", "微软雅黑", sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../images/controls.svg) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../images/controls.svg) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../images/controls.svg) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

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

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

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

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


/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;/*margin-right:-15px;margin-left:-15px*/}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
.SumoSelect p {margin: 0;}
.SumoSelect{width: 100%; }

.SelectBox {padding: 0; }

.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.SumoSelect .hidden { display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding: 6px;}
.SumoSelect.open .search-txt{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 5px 8px;border: none;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.SelectClass{z-index: 1;}

    .SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { -ms-user-select: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: none;}
    .SumoSelect > .CaptionCont { position: relative; border: none; border-bottom: 1px solid #fff; min-height: 14px; background-color: #000; color: #fff; border-radius:0;margin:0; padding: 6px 0 7px;  }
        .SumoSelect > .CaptionCont > span { display: block; padding-left: 0; padding-right: 30px; overflow: hidden;cursor:default;

            font-family: Nuckle;
            font-size: 16px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: 0.4px;
            text-align: left;
            color: #fff;
            cursor: pointer;}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px;}
            .SumoSelect > .CaptionCont > label > i { background-image: url(../images/pfeil-unten-weiss.svg);
                background-position: center center; width: 14px; background-size: 14px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background-repeat: no-repeat;}

    .SumoSelect > .optWrapper {display:none; z-index: 1000; top: 32px; width: 100%; position: absolute; left: 0; box-sizing: border-box; background: #000; border: none; border-radius: 0;overflow: auto; border: 1px solid #f9f9f9; margin-top: 4px;}
        .SumoSelect.open > .optWrapper {top: 38px; display:block;}
        .SumoSelect.open > .optWrapper.up {top: auto;bottom: 100%;margin-bottom: 5px;}

        .SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
        .SumoSelect > .optWrapper > .options { border-radius: 0;position:relative; padding: 0 !important; margin: 0 !important;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 250px;
            line-height: 1.6 !important;
            font-size: 16px;
            overflow: visible;
             /*height*/ }
         .SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 0;}
         .SumoSelect > .optWrapper.selall > .options { border-radius: 0;}
         .SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0;}
        .SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
        .SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
        .SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
        .SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #595959;}
        .SumoSelect > .optWrapper > .options  li.opt { padding: 2px 8px; position: relative; color: #000;}
            .SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 0; }
            .SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0; }
            .SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px; border-bottom: none;}
            .SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0;}
            .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #333;  }
            .SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #f9f9f9;}

            .SumoSelect > .optWrapper > .options li label { color: #fff; font-weight: 300 !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
            .SumoSelect > .optWrapper > .options li span { display: none; }
            .SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options li.opt span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options li.opt span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4;border-color: #f9f9f9;outline: none;background-color: #f9f9f9;}

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0 3px 35px;height: 20px;cursor: pointer;}
    .SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}


     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }

.SumoSelect > .optWrapper > .options li.opt.selected {
    background: #333;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../images/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../images/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../images/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../images/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../images/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../images/fancybox_loading@2x.gif);background-size:24px 24px}}
.klaro .cookie-modal, .klaro .cookie-notice {
  /* The switch - the box around the slider */
  font-size: 14px;
}

.klaro .cookie-modal .switch, .klaro .cookie-notice .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
  background-color: #E3051B !important;
}

.klaro .cookie-modal .cm-app-input.required:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input.required:checked + .cm-app-label .slider {
  opacity: 0.8;
  background-color: #E3051B !important;
  cursor: not-allowed;
}

.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal .cm-app-input, .klaro .cookie-notice .cm-app-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-app-label, .klaro .cookie-notice .cm-app-label {
  /* The slider */
  /* Rounded sliders */
}

.klaro .cookie-modal .cm-app-label .slider, .klaro .cookie-notice .cm-app-label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  width: 50px;
  display: inline-block;
}

.klaro .cookie-modal .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-label .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.klaro .cookie-modal .cm-app-label .slider.round, .klaro .cookie-notice .cm-app-label .slider.round {
  border-radius: 30px;
}

.klaro .cookie-modal .cm-app-label .slider.round:before, .klaro .cookie-notice .cm-app-label .slider.round:before {
  border-radius: 50%;
}

.klaro .cookie-modal .cm-app-label input:focus + .slider, .klaro .cookie-notice .cm-app-label input:focus + .slider {
  box-shadow: 0 0 1px #0885BA;
}

.klaro .cookie-modal .cm-app-label input:checked + .slider:before, .klaro .cookie-notice .cm-app-label input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .cm-app-input:focus + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:focus + .cm-app-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal a, .klaro .cookie-notice a {
  color: #000000 !important;
  text-decoration: underline !important;
}

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  font-family: inherit;
  color: #000000 !important;
}

.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em;
}

.klaro .cookie-notice p, .klaro .cookie-modal p {
  font-size: 12px !important;
  line-height: 130% !important;
  letter-spacing: 1px;
}

.klaro .cookie-modal .cm-link, .klaro .cookie-notice .cm-link {
  padding-left: 4px;
  vertical-align: middle;
}

.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn {
  background: #CBCBCB !important;
  color: #fff !important;
  border-radius: 2px !important;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
  cursor: pointer;
}

.cm-link {
  display: block;
  margin-top: 8px;
}

.klaro .cookie-notice .cm-btn-danger {
  color: #000 !important;
}

.klaro .cookie-modal .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {
  opacity: 0.5;
}

.klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm {
  padding: 8px 12px 6px !important;
  font-size: 1em;
}

.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background: #eee;
  color: #000;
}

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  background: #E3051B !important;
}

.klaro .cm-btn {
  font-family: "Nuckle" !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background: #0885BA;
  font-size: 1em !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-right, .klaro .cookie-notice .cm-btn.cm-btn-right {
  float: right;
  margin-left: 0.5em;
  margin-right: 0;
}

.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
}

.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.klaro .cookie-modal .cm-modal {
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #fff !important;
  color: #000000 !important;
}

@media (min-width: 1024px) {
  .klaro .cookie-modal .cm-modal {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
  }
}

.klaro .cookie-modal .cm-modal .hide {
  border: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #000000 !important;
  cursor: pointer;
}

.klaro .cookie-modal .cm-modal .cm-footer {
  padding: 1em;
  border-top: 1px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons::before, .klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
  content: " ";
  display: table;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
  clear: both;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
display: none !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #999;
}

.klaro .cookie-modal .cm-modal .cm-header {
  padding: 1em;
  padding-right: 24px;
  border-bottom: 1px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  margin: 0;
  font-size: 2em;
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
  padding-right: 20px;
}

.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps {
  padding: 0;
  margin: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
  position: absolute;
  left: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
  font-size: 0.8em;
  color: #999;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
  border-top: 1px solid #555;
  padding-top: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
  font-weight: 600;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
  padding-left: 0.2em;
  font-size: 0.8em;
  color: #999;
}

.klaro .cookie-notice {
  background: #fff !important;
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
}

@media (min-width: 990px) {
  .klaro .cookie-notice {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 300px;
  }
}

@media (max-width: 989px) {
  .klaro .cookie-notice {
    border: none;
    border-radius: 0;
  }
}

.klaro .cookie-notice .cn-body {
  margin-bottom: 0;
  margin-right: 0;
  bottom: 0;
  padding: 4px 12px 12px !important;
}

.klaro .cookie-notice .cn-body p {
  margin-bottom: 0.5em;
}

.klaro .cookie-notice .cn-body p.cn-changes {
  text-decoration: underline;
}

.klaro .cookie-notice .cn-body .cn-learn-more {
  display: inline-block;
}

.klaro .cookie-notice .cn-body p.cn-ok {
  padding-top: 0.5em;
  margin: 0;
}

.klaro .cookie-notice-hidden {
  display: none !important;
}


html, body {
    overflow-x: hidden;
}
body {
    position: relative;
    width: 100vw;
}


#footer-digitalhub {
    position: absolute;
    top: 0;
    right: 0;
}

#footer-digitalhub-new > img,
#footer-digitalhub-new a {
    display: inline-block;
    margin-right: 12px;
}

#footer .inner {
    position: relative;
}

.mobile-only {
    display: none;
}

#header .inner,
#main,
#main .inner,
#footer .inner {
    width: calc(100% - 64px);
    max-width: 1600px;
    margin: 0 auto;
    float: none !important;
}

.no-inner #main #nav-breadcrumb {
    width: calc(100% - 64px);
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}


#main .outer.black {
    /*background: #000;*/
    background: #0C43A8;
    padding-top: 40px;
    padding-bottom: 80px;
    color: #fff;
    position: relative;
    margin-top: 60px;
}

.home #main, body.no-inner #main {
    width: 100%;
    max-width: none;
}

#header {
    /*padding-top: 48px;*/
    padding-top: 30px;
    overflow: visible;
}

h2 {
    font-size: 35px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 24px;
}

body {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;;
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    /*letter-spacing: 1.7px;*/
    text-align: left;
    color: #000;
    background: #f9f9f9;
}

strong {
    font-weight: 600;
}

#footer {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: 1.19px;
    text-align: left;
    color: #000;
    background-color: #f9f9f9;
    padding-top: 80px;
}

#main a,
#footer a {
    text-decoration: underline;
    color: #000;
}

.row.margin-top, .mod_article.margin-top {
    margin-top: 80px;
}

#footer .row.margin-top {
    margin-top: 108px;
}

.row.margin-top-40 {
    margin-top: 40px;
}

#main .outer.margin-top-120 {
    margin-top: 120px;
}

.footer-copyright {
    line-height: 40px;
    padding-top: 4px;
}

.footer-socialmedia a {
    display: inline-block;
    margin-right: 12px;
}

.footer-socialmedia a.last {
    margin: 0;
}

#footer-nl {
    /*background: #000;*/
    background: #0C43A8;
    color: #fff;
    /*padding-bottom: 108px;*/
    padding-top: 40px;
    padding-right: 0;
}

#footer-nl h2 {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.75px;
    text-align: left;
    color: #fff;
    margin: 0 0 8px;
}

#footer-nl a {
    color: #fff;
}

#footer-nl p {
    font-family: Nuckle;
    font-size: 10px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0.85px;
    text-align: left;
    color: #fff;
}

#footer-txt .in {
    padding-left: 30px;
}

#footer .inside {
    background-image: url(../images/black.png);
    background-size: 30% 100%;
    background-repeat: no-repeat;
}

.submit_container {
    text-align: right;
}

button.cr_button, button.submit {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.7px;
    text-align: center;
    color: #000;
    padding: 17px 40px 13px;
    border-radius: 45px;
    background-color: #fff;
    display: inline-block;
    float: right;
    border: none;
    box-shadow: none;
    cursor: pointer;
    opacity: 0.9;
    transition: 0.4s all ease;
}

button.cr_button:hover, button.submit:hover {
    opacity: 1;
}

.cr_form {
    width: 84%;
    max-width: 500px;
}

.nl-anrede label, .nl-sprache {
    display: none;
}

#footer-nl .nl-email label,
#footer-nl .nl-vorname label,
#footer-nl .nl-firma label,
#footer-nl .nl-nachname label {
    display: none;
}

#footer-nl iframe {
    height: auto;
}

#footer-nl .SumoSelect {
    margin-bottom: 24px;
}

#footer-nl .sumoselect label {
    display: block !important;
}

#footer-nl input[type="text"],
#footer-nl input[type="text"]:focus {
    /*background: #000;*/
    background: #0C43A8;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    box-shadow: none;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 24px;
    color: #fff;
    outline: none;

}

input {
    appearance: none;
    -webkit-appearance: none !important;
    outline: none;
    border-radius: 0;
    -webkit-border-radius:0;
}

.logo-start, .lupe-home {
    display: none;
}

.home .logo-start,
.home .lupe-home {
    display: block;
}

.home .logo-sub,
.home .lupe-sub {
    display: none;
}


.relative {
    position: relative;
}

#meta {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

#search {
    position: absolute;
    right: 185px;
    top: 10px;
    transition: 0.4s all ease;
    width: 22px;
    overflow: hidden;
    height: 26px;
}

#search.active {
    width: 226px;
}

#search {
    margin-top: -10px;
    padding-top: 10px;
    height: 48px;
}

#search input.text {
    border: 1px solid #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.7px;
    text-align: left;
    background: #fff;
    width: 194px;
    margin-right: 4px;
    position: absolute;
    right: 26px;
    top: 0;
    height: 48px;
    padding: 4px 4px 4px 20px;
    border-radius: 22px;
}

#search img {
    cursor: pointer;
    float: right;
}

h1, .home-headline h2, .rscr-bgarea h2 {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 70px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
}

.rscr-bgarea h2 {
    color: #fff;
}


#header h1, #header p {
    color: #fff;
}

.home #header h1, .home #header p {
    max-width: 665px;
    width: 80%;
}

.home #header {
    /*background: #000;*/
    background: #0C43A8;
    /*background-image: url(/files/images/content/start/testheader.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;*/
    min-height: 100vh;
    /*min-height: 800px;*/
}

.home #header video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

.home #header .mod_article {
    position: relative;
    z-index: 1;
}

.home #header .inner {
    position: relative;
    z-index: 2;
}

.home #header .inside {
    height: 100vh;
}

.home #header #home-video {
    width: 100%;
    height: calc(100% + 48px);
    position: absolute;
    top: -48px;
    left: 0;
    z-index: 0;
}



.home #header h1 {
    padding-top: 16vh;
    margin-top: 0;
}

.rscr-headline {
    margin-top: 32px;
}

.rscr-headline h1 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 104px;
    background-image: url(../images/h1-line.svg);
    background-position: left 30px;
    background-repeat: no-repeat;
}

#branchenliste {
    margin-top: 80px;
}

#branchenliste .branche {
    position: relative;
    z-index: 4;
    margin-top: 40px;
    padding: 24px 48px;
    border-radius: 20px;
    overflow: hidden;
    /*background: #000;*/
    background: #0C43A8;
}

#branchenliste .branche .branche-background {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 148px);
}


#branchenliste .branche .branche-background img,
.bgarea-image img,
.comp-start img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#branchenliste .branche .branche-background-overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 148px);
    height: 100%;
    z-index: 1;
    background-image: url(../images/branchen-overlay.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}


#branchenliste .branche h2 {
    font-family: Nuckle;
    font-size: 70px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #f6f6f6;
    margin: 0;
    position: relative;
    z-index: 5;
    margin-bottom: 8px;
    width: calc(100% - 180px);
}

#branchenliste .branche .branche-description {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.8px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
    color: #f9f9f9;
    width: calc(100% - 180px);
}

#branchenliste .branchen-toggler {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    width: 148px;
    background: #fff;
    background-image: url(../images/pfeil-unten.svg);
    background-position: center 50px;
    background-size: 40px;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 112px;
}

#branchenliste .branchen-toggler.active {
    background-image: url(../images/pfeil-oben.svg);
}

#branchenliste .branche-product {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #fff;
    width: calc(100% - 180px);
    position: relative;
    z-index: 5;
}

#branchenliste .branche-product.prod-0 {
    border: none;
}

h3, .rscr-textintro h2 {
    font-size: 35px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 24px;
}

#branchenliste h3 {
    color: #f6f6f6;
    margin-bottom: 12px;
}

.branche-products {
    position: relative;
    z-index: 5;
}

#branchenliste .product-short {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #f6f6f6;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#branchenliste .product-description {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0;
    text-align: left;
    color: #f6f6f6;
}

#branchenliste table.prod-info,
#branchenliste .prod-gallery {
    margin-top: 40px;
}

#branchenliste table.prod-info th {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #fefefe;
    padding: 6px 20px 6px 0;
    text-transform: uppercase;
}

#branchenliste table.prod-info td {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 1.36px;
    text-align: left;
    color: #fefefe;
}

#branchenliste .prod-gallery {
    color: #fff;
}

#branchenliste .product-image {
    display: inline-block;
    margin: 0 20px 20px 0;
}

.rscr-gallery .product-image {
    margin-bottom: 15px;
}

.branche-products {
    display: none;
    padding-bottom: 40px;
}

.branchen-click-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 6;
}

.branchen-toggler .close {
    display: none;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #000;
}

.home-headline h2 {
    background-image: url(../images/h1-line.svg);
    background-repeat: no-repeat;
    background-position: 172px 30px;
    margin-top: 0;
}

.btn-wrapper {
    margin-top: 40px;
    text-align: left;
}

#main a.btn {
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.7px;
    text-align: left;
    color: #fff;
    border-radius: 22px;
    text-decoration: none;
    padding: 16px 20px 14px;
    cursor: pointer;
}

#main a.btn.white {
    color: #000 !important;
    background: #fff;
}

#main p {
    margin-bottom:5px;
}

.branche-home {
    margin-bottom: 20px;
    border-radius: 22px;
    overflow: hidden;
    cursor: pointer;
}

.branche-home-link {
    border-radius: 8px;
    background: #fff;
    height: 74px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 68%;
    padding: 8px 48px 8px 20px;
    background-image: url(../images/pfeil-rechts.svg);
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
    display: table;
}

.branche-home-image,
.branche-home-image img {
    border-radius: 22px;
}

.branche-home-link a {
    display: table-cell;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.8px;
    text-align: left;
    color: #000;
    text-decoration: none !important;
    border-right: 1px solid #e1e1e1;
    height: 100%;
    vertical-align: middle;
    padding-right: 12px;
    padding-top: 2px;
}
.bimg{
	overflow:hidden;
}
.bimg img {
  object-fit: cover;
  display: block;
  transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
  width: 100%;
}

.item-img:hover .bimg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.row-branchen-home {
    margin-top: 80px;
}

.row-branchen-home > .branche-home.odd {
    margin-top: -80px;
}

.row-branchen-home > .branche-home.odd .branche-home-link {
    bottom: 120px;
}
.row-branchen-home > .branche-home .branche-home-link:hover a{
	color:#e3051b!important
}

.mod_article.white {
    background: #fff;
}

.mod_article.home-f9f9f9 {
    background-image: url(../images/bg-f9f9f9.png);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 288px;
}

.rscr-headline-home {
    padding-bottom: 40px;
}

.bgarea {
    position: relative;
    margin-top: 120px;
}

.bgarea .inner {
    position: relative;
    z-index: 2;
}

.rscr-bgarea {
    padding-top: 120px;
    padding-bottom: 120px;
    color: #fff;
}

.rscr-bgarea h2, .rscr-bgarea .btn-wrapper {
    text-align: center;
}

.rscr-bgarea p {
    text-transform: uppercase;
    text-align: center;
}


#feeding-list .feeding-element {
    position: relative;
    cursor: pointer;
    border-radius: 22px;
    overflow: hidden;
}

#feeding-list .feeding-element img {
    max-width: none;
}

#feeding-list .feeding-overlay {
    background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 66%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#feeding-list .feeding-text {
    position: absolute;
    bottom: 40px;
    left: 20px;
    width: calc(100% - 40px);
    background-image: url(../images/pfeil-rechts-weiss.svg);
    background-position: right 12px;
    background-repeat: no-repeat;
}

#feeding-list .feeding-text h3 {
    margin-top: 0;
    padding-bottom: 12px;
    border-bottom: 3px solid #fff;
}

#feeding-list .feeding-text a {
    color: #fff;
    text-decoration: none;
    max-width: 320px;
    display: block;
}

#feeding-list .feeding-type {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.8px;
    text-align: left;
    color: #fff;
}

#home-feedings {
    padding-top: 40px;
}


.dsgvo {
    position: relative;
}

.dsgvo input {
    /*display: none;*/
    position: relative;
    z-index: 1;
}

.dsgvo .checkbox + .check {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background-image: url(../images/checkbox.svg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.dsgvo .checkbox:checked + .check {
    background-image: url(../images/checkbox-filled.svg);
}


.dsgvo label {
    padding-left: 30px;
    font-family: Nuckle;
    font-size: 10px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0.85px;
    text-align: left;
    color: #fff;
    display: block;
    padding-bottom: 40px;
    position: relative;
    z-index: 5;
    margin-top: -26px;
}


.feeding-text,
.rscr-text2cols,
.small-text,
.rscr-textredline,
.comp-prod p,
.comp-prod li,
.news-text,
.news-text li,
.comp-prod td {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0;
    /*letter-spacing: normal;*/
    text-align: left;
    color: #000;
}

.black .small-text,
.black .comp-prod p,
.black .comp-prod li,
.black .comp-prod td {
    color: #fff;
}

.black .comp-prod td {
    padding-right: 12px;
}


.contact-box {
    background: #f9f9f9;
    border-radius: 17px;
    max-width: 370px;
    width: 100%;
    text-align: center;
    padding: 60px 40px 20px;
}

.contact-box h3 {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 1.36px;
    text-align: center;
    color: #000;
    margin-bottom: 12px;
}

.contact-box p {
    font-family: Nuckle;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: 1.3px;
    text-align: center;
    color: #000;
    margin-top: 20px;
}

#main .contact-box p a {
    text-decoration: none;
    transition: 0.4s all ease;
}

#main .contact-box p a:hover {
    text-decoration: underline;
}

#feeding-filter {
    margin-top: 24px;
}

.feeding-filter-element {
    border-radius: 45px;
    border: solid 1px #fff;
    line-height: 45px;
    color: #fff;
    background: #000;
    transisiton: 0.4s all ease;
    display: inline-block;
    margin-right: 28px;
    padding-left: 20px;
    padding-right: 20px;
}

.feeding-filter-element a {
    text-decoration: none !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.7px;
    text-align: left;
    line-height: 46px;
    display: block;
}

.feeding-filter-element:hover, .feeding-filter-element.selected {
    background-color: #e3051b;
    border: 1px solid #e3051b;
}

.feeding-filter-element.selected a {
    cursor: default;
}

.feeding-content-cat h2 {
    font-size: 70px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.feeding-content-cat > div {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 1.36px;
    text-align: left;
    color: #fff;
    width: 72%;
    max-width: 400px;
}

.prod-video-element, .product-video {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.prod-video-element a {
    display: block;
    margin-bottom: -6px;
}

.video-box {
    margin-bottom: 30px;
}

.prod-video-element a img {
    object-fit: cover;
    width: 330px;
    height: 200px;
}



.prod-video-element .video-overlay, .video-overlay-mp4 {
    background-image: linear-gradient(84deg, #333333 2%, rgba(227, 5, 27, 0) 98%);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.video-overlay-btn {
    background-image: url(../images/play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;

}

.video-overlay-mp4, a.video-overlay-btn {
    max-height: 180px;
}

.product-video video {
    z-index: -1;
    position: relative;
}




.feeding-content-element {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 1.36px;
    text-align: left;
}

.feeding-content h3 {
    margin-bottom: 80px;
    margin-top: 34px;
}

#main p + ul {
    margin-top: -12px;
}

#main ul {
    padding-left: 16px;
    padding-bottom: 24px;
}

#main ul li {
    list-style-type: disc;
    padding-left: 4px;
}

.product-download-element {
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 20px;
}

.prod-downloads {
    margin: 40px 0;
}

.product-download-element {
    width: 320px;
}

.col-6 .product-download-element {
    width: 100%;
    margin-right: 0;
}

.product-download-element a {
    display: block;
    background-image: url(../images/download.svg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 6px 0 0 60px;
    color: #000;
    text-decoration: none !important;
}

.product-download-element h4 {
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: left;
    color: #000;
    display: block;
    width: 100%;
}

.black .product-download-element h4 {
    border-bottom: 1px solid #fff;
}

.product-download-element div {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.28px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    padding-top: 4px;
}

.black .product-download-element a,
.black .product-download-element h4,
.black .product-download-element div {
    color: #fff;
}

.feeding-content-element {
    background-image: url(../images/pfeil-unten-weiss.svg);
    background-position: calc(100% - 23px) 32px;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 1px solid #fff;
    height: 100px;
    overflow: hidden;
}

.feeding-content-element .close {
    opacity: 0;
    transition: 0.4s all ease;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #fff;
    position: absolute;
    right: 0;
    top: 84px;
    width: 82px;
    text-align: center;
    transition: 0.4s all ease;
}

.feeding-content {
    display: none;
}

.feeding-content.active {
    display: block;
}

.feeding-content-element.active {
    background-image: url(../images/pfeil-oben-weiss.svg);
}

.feeding-content-element.active .close {
    opacity: 1;
}

.feeding-content-element .toggler {
    position: absolute;
    top: 0;
    height: 100px;
    width: 100%;
    left: 0;
    cursor: pointer;
    z-index: 2;
}


.rscr-textlarge h2, .rscr-textintro h2 {
    line-height: 1.32;
    letter-spacing: normal;
}

#component-list {
    position: relative;
}

.component-list-item {
    width: 300px;
}

.component-list-item h3 {
    font-family: Nuckle;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
    padding-right: 40px;
    background-image: url(../images/pfeil-rechts-weiss.svg);
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

.component-list-item h3.active {
    color: #e3051b;
}

.component-detail {
    position: absolute;
    left: 500px;
    top: 0;
}

.component-detail {
    display: none;
}

.component-detail.active {
    display: block;
}

.component-detail h3 {
    margin-top: 0;
    margin-bottom: 36px;
}

.comp-prod {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #fff;
}

.comp-prod.last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-image h4, .product-image p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.28px;
    text-align: left;
    color: #fff;
}

.product-image h4 {
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 0;
}

.comp-prod .prod-gallery {
    margin: 0 -15px;
}

.comp-prod .product-image, .product-image {
    display: inline-block;
    margin: 15px 15px;
    width: 220px;
}

.product-image.col-6 {
    margin-left: 0;
    margin-right: 0;
}

.outer.black .ce_text {
    overflow: visible;
}

.rscr-text2image, .rscr-text2image h4 {
    font-family: Nuckle;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.28px;
    text-align: left;
    color: #000;
}

.rscr-text2image h4 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 24px;
}

.comp-start {
    margin-top: 4px;
    margin-bottom: 4px;
    position: relative;
    transition: 0.4s all ease;
}

.comp-start p {
    font-family: Nuckle;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.3px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    margin: 6px 0 0 !important;
}

.componentlist-start, .componentlist-start .ce_metamodel_content {
    overflow: visible;
}

.comp-start img {
    opacity: 0;
    transition: 0.4s all ease;
}

.comp-start {
    margin: 0 -40px;
}

.comp-start a {
    position: relative;
    background-image: url(../images/pfeil-rechts.svg);
    background-position: calc(100% - 40px) 40px;
    background-repeat: no-repeat;
    z-index: 2;
    display: block;
    text-decoration: none !important;
    margin-bottom: 12px;
    padding: 40px 40px;
}

.comp-start a strong {
    border-bottom: 1px solid #000;
    display: block;
    padding-right: 48px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    height: 46px;
    line-height: 105%;
}

.comp-start:hover img {
    opacity: 1;
}

.comp-start:hover a,
.comp-start:hover p,
.comp-start:hover strong {
    color: #fff;
}

.comp-start:hover a strong {
    border-bottom-color: #fff;
}

.comp-start:hover a {
    background-image: url(../images/pfeil-rechts-weiss.svg);
}

h3.toggler-headline {
    display: inline-block;
    background-image: url(../images/toggler-border.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    padding-bottom: 6px;
    cursor: pointer;
}

h3.toggler-headline.active {
    background-image: url(../images/toggler-border-active.png);
}

h3#toggler-h0 {
    padding-right: 24px;
}

h3#toggler-h1 {
    padding-left: 24px;
}

.toggle-text {
    margin-top: 40px;
    padding-top: 60px;
    background-image: url(../images/quote1.svg);
    background-position: left top;
    background-repeat: no-repeat;

}

.toggler-text {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: left;
    color: #000;
    display: none;
    padding-bottom: 48px;
    background-image: url(../images/quote2.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.toggler-text.active {
    display: block;
}

.history-element h4 {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
}

.history-element {
    width: 33.3333333%;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.28px;
    text-align: left;
    color: #fff;
}

.history-element div {
    margin-right: 20px;
    padding-bottom: 40px;
}

.history-element p {
    padding-bottom: 16px;
    border-bottom: 2px solid #e3051b;
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    letter-spacing: 0;
}

#history-left, #history-right {
    cursor: pointer;
}

#main .outer.black.history,
#main .outer.black.worldwide,
#main .outer.black.career {
    background-image: url(../images/unternehmen.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.qs h2.rotated {
    left: -372px;
    top: 380px;
}

.black h2.rotated {
    color: #fff;
}

h2.rotated {
    font-size: 70px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    transform: rotate(-90deg);
    position: absolute;
    top: 220px;
    left: -80px;

}

.history h2.rotated {
    bottom: 140px;
    left: -40px;
    top: auto;
}

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

.rscr-text2cols h3 {
    line-height: 1.32;
}

.rscr-text2cols h4 {
    margin-bottom: 80px;
}

#main .outer.black.quality {
    background-image: url(../images/quality.jpg) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.black .rscr-textredline {
    margin-bottom: 30px;
    color: #fff;
}

.redline-txt {
    font-size: 20px;
    font-weight: 600;
}

.black .redline-txt {
    color: #fff;
}

.rscr-textredline h3 {
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: 2px solid #e3051b;
}

.black .rscr-textredline h3 {
    color: #fff;
}

.rscr-icon {
    margin-bottom: 30px;
    text-align: center;
}

.rscr-icon .icon {
    height: 72px;
    text-align: center;
}

.rscr-icon .text {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing:0;
    text-align: center;
}

iframe {
    height: 5000px;
    overflow-y: auto;
}

.outer.white {
    background: #fff;
}

.text-redline {
    margin-bottom: 30px;
}

.text-redline h3.no-nr {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
}

.text-redline h3.no-nr .pseudo-td {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}

.rl-flag {
    height: 28px;
    margin-bottom: 12px;
}

.rl-flag img {
    height: 28px;
    width: auto;
}

.prod-download .product-download-element {
    display: inline-block;
    width: 500px;
}

.prod-download .product-download-element h3 {
    margin: 0 0 4px;
    border-bottom: 3px solid #e3051b;
    padding-bottom: 8px;
}

.prod-download .product-download-element a {
    padding: 0;
    background: none;
    background: #fff;
    padding: 44px 20px 32px;
    display: block;
    border-radius: 17px;
    background-image: url(../images/download.svg);
    background-position: top right;
    background-repeat: no-repeat;
}


.prod-download .download-text {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: left;
    color: #000;
    text-transform: none;
    margin-top: 18px;
    padding-top: 0;
    padding-right: 60px;
    background-image: url(../images/pfeil-unten.svg);
    background-position: right top;
    background-repeat: no-repeat;
}


.dls .product-download-element {
    /*display: none;*/
}


input.text, textarea {
    border: none;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    outline: none;
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
    background: #000;
    width: 100%;
    max-width: 500px;
    padding: 4px 0;
}

textarea {
    height: 40px;
}

.widget-checkbox {
    width: 95%;
    max-width: 500px;
}

.widget-select {
    width: 100%;
    max-width: 500px;
}

.widget-checkbox.small-txt, .small-txt-hint {
    font-size: 10px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0.85px;
    text-align: left;
    color: #fff;
}

.widget-checkbox {
    margin: 12px 0 24px;
    position: relative;
}

.widget-submit {
    text-align: left;
    margin-top: 20px;
}

.widget-submit button.submit {
    float: none;
}

.widget-checkbox input ~ .checkmark {
    background-image: url(../images/checkbox.svg);
    background-repeat: no-repeat;
}

.widget-checkbox input:checked ~ .checkmark {
    background-image: url(../images/checkbox-filled.svg);
}

.widget-checkbox label {
    padding-left: 30px;
    display: block;
    position: relative;
    z-index: 2;
}

.widget-checkbox input {
    display: none;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
}

button.submit:disabled {
    opacity: 0.2;
}

.icon img {
    max-height: 68px;
}

.rscr-textservice .small-text {
    margin-top: 24px;
    width: 96%;
    max-width: 500px;
}

body.bg-top #main {
    overflow: visible;
}

#main .inside, #main .inner {
    position: relative;
    overflow: visible;
}

.bg-kontur {
    position: absolute;
    top: 340px;
    left: -300px;
    /*background-image: url(../images/kontur.svg);*/
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    width: 791px;
    height: 800px;
    z-index: -1;
}

.bg-kontur.transparent {
    top: 120px;
    /*background-image: url(../images/kontur-transparent.svg);*/
    background-image: none;
}

.bg-kontur.margin {
    margin-top: -200px;
}


.contact-box {
    /*background-image: url(../images/contact.svg);*/
    background-image:none;
    background-position: right top;
    background-repeat: no-repeat;
    margin-bottom: 24px;
}

#suchtext {
    padding-left: 4px;
    color: #000;
}


body.zuf #main {
    padding-bottom: 80px;
}

#search-result p.url {
    font-size: 14px;
    margin-bottom: 40px;
}

#search-result p.context {
    margin-bottom: 4px;
}

.highlight {
    background: rgba(227, 5, 27, 0.2);
    display: inline-block;
    padding: 2px;
}

.rscr-textservice .small-text {
    font-size: 14px;
}

#nav-hamburger {
    display: none;
}

#hamburger {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 15px;
    border-radius: 3px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
}

#hamburger-white {
    display: none;
}

.home #hamburger-white {
    display: block;
}

.home #hamburger-black {
    display: none;
}

body.nav-active {
    overflow: hidden;
}

.copyright-2 {
    display: none;
}

#main .outer.black a {
    color: #fff;
}

.overflow-visible {
    overflow: visible;
}

.gt1200 {
    display: block;
}

#feeding-select .SumoSelect > .CaptionCont,
.ce_metamodel_content .SumoSelect > .CaptionCont {
    background-color: #e3051b;
}

.lt1200 {
    display: none;
}

#hamburger-white {
    position: relative;
    z-index: 100;
}

.news-image {
    position: relative;
    border-radius: 17px;
    overflow: hidden;
    cursor: pointer;
}

.news-image img {
    margin-bottom: -7px;
}

.news-image h3 {
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: left;
    color: #fff;
    position: absolute;
    bottom: 24px;
    padding: 0 16px;
    margin: 0;

}

.news-image .news-image-overlay {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 4%, #000 119%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 17px;
}


.layout_latest h4 {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.layout_latest time {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #000;
}

.layout_latest {
    width: calc(33.333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}

.mg-left-right {
    margin: 0 -10px;
}

.news-link-all {
    line-height: 72px;
    display: inline-block;
    right: 160px;
    position: absolute;
    margin-right: 40px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1.3px;
    text-align: left;
    color: #000;
}

.news-link-all-outer {
    position: relative;
}

#main .newslist-filter a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.7px;
    text-align: left;
    color: #000;
    padding: 17px 27px 13px 26px;
    border-radius: 45px;
    border: solid 1px #000;
    text-decoration: none !important;
    display: inline-block;
    margin-left: 12px;
    transition: all 0.4s ease;
}

#main .newslist-filter a.active {
    color: #fff;
    background: #000;
}

.layout_latest_page {
    display: none;
    margin-bottom: 40px;
}

.layout_latest_page.active {
    display: block;
}

.layout_latest_page.active.invisible {
    display: none;
}

.layout_latest_page h4 {
    font-family: Nuckle;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.3px;
    text-align: left;
    color: #000;
    margin: 12px 0 0;
    text-transform: uppercase;
}

.layout_latest_page time {
    font-family: Nuckle;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.4px;
    text-align: left;
    color: #000;
}


#load-more {
    display: none;
    text-align: center;
}

#load-more.active {
    display: block;
    width: 100%;
}

#main .inner .mod_article.inner.nav {
    width: 100% !important;
    max-width: none !important;
}

.hide-ever {
    display: none !important;
}

.active-new {
    background: none !important;
}

#cboxCurrent {
    font-size: 12px;
}

.prod-dl-lang .product-download-element {
    background-image: url(../images/download.svg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 6px 0 0 60px;
    margin-bottom: 40px;
}

.prod-dl-lang a {
    background: none;
    color: #e3051b !important;
    padding-left: 0;
    display: inline-block;
}

.yt-video {
    display: none;
}

.yt-splash {
    background: #f9f9f9;
    padding: 20px;
    width: 330px;
    min-height: 200px;
    color: #000 !important;
    font-size: 12px;
    line-height: 130%;
}

.yt-splash h4 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: bold;
}

.yt-splash h5 {
    font-size: 14px;
    font-weight: bold;
}

.prod-video-element .yt-splash a {
    display: inline-block;
    color: #000 !important;
}

.prod-video-element .yt-splash a.btn {
    color: #fff !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rscr-video2cols .prod-video-element,
.rscr-textvideo .prod-video-element {
    width: 100%;
}

.rscr-video2cols .yt-splash,
.rscr-textvideo .yt-splash {
    background: #fff !important;
    width: 100%;
}

#top:not(.home) #header,
#top.home #header .header-nav {
    position: fixed;
    background: #f9f9f9;
    z-index: 100;
    width: 100%;
    top: 0;
    transition: 0.4s all ease;
}

#top:not(.home) #header.sticky {
    background: #fff;
}

#top:not(.home) #header.sticky,
#top.home #header.sticky .header-nav{
    padding-bottom: 20px;
}

#top.home #header.sticky .header-nav {
    background: #000 !important;
}

#top.home #header .header-nav {
    background: none !important;
    /*padding-top: 48px;*/
    padding-top: 30px;
}

#top #header #meta,
#top #header #nav-main {
    transition: 0.4s all ease;
}

#top #header.sticky #nav-main {
    padding-top: 12px;
}

/*#top #header.sticky #meta {
    opacity: 0;
}*/


#top:not(.home) #wrapper {
    margin-top: 190px;
}

#top.home #article-21 {
    padding-top: 120px;
    padding-bottom: 24px;
}

#component-list .component-list-item > img:not(.contact-image) {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: 0.4s all ease;
}

#component-list .component-list-item {
    position: relative;
    overflow: visible;
}

#component-list .component-list-item:hover img {
    opacity: 1;
}

#component-list h3 {
    z-index: 2;
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 20px;
    background-position: right center;
}

html[lang="de-CH"] .nav-lang .lang-de_ch {
    display: inline;
}

.black .comp-prod .yt-splash p {
    color: #000 !important;
}

#form-text-wrapper {
    position: relative;
}

#form-text {
    position: absolute;
    width: 100%;
    top: -46px;
    font-size: 14px;
    line-height: 130%;
}

.cookie-banner-link {
    cursor: pointer;
}

.intranet-branche-products-inner {
    padding-right: 160px;
}


.dls .prod-downloads {
    min-height: 460px;
}

.sumo_dcat.SumoSelect > .optWrapper > .options {
    max-height: 480px;
}

.sumo_dcat.SumoSelect > .CaptionCont > span {
    padding-left: 7px;
}

.dsgvo.error {
    padding: 4px;
    border: 2px solid #e3051b;
    margin-bottom: 12px;
}

.dsgvo.error .checkbox + .check {
    top: 4px;
    left: 4px;
}
.nav-lang {
    position: absolute;
    top: 0;
    right: 15px;
    width: 130px;
}

.nav-lang ul {
    background-color: #000;
    background-image: url(../images/pfeil-unten-weiss.svg);
    background-repeat: no-repeat;
    background-position: 96px 16px;
    border-radius: 22px;
    padding: 10px 18px 9px 22px;
    transition: all 0.4s ease;
    background-size: 12px;
}

.home .nav-lang ul {
    background-color: #fff;
    background-image: url(../images/pfeil-unten.svg);
}

.nav-lang li {
    display: none;
}

.nav-lang li.active,
.nav-lang ul:hover li {
    display: block;
}

.nav-lang li a,
.nav-lang li strong {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.7px;
    text-align: left;
}

.home .nav-lang li a,
.home .nav-lang li strong {
    color: #000;
}

#nav-mobile-wrapper .nav-lang li a,
#nav-mobile-wrapper .nav-lang li strong {
    color: #fff;
}

#nav-mobile-wrapper  .nav-lang ul {
    background-color: #000;
    background-image: url(../images/pfeil-unten-weiss.svg);
}

.nav-lang li a:hover {
    text-decoration: underline;
}



.nav-meta {
    position: absolute;
    top: 8px;
    right: 235px;
}

.nav-meta li {
    display: inline-block;
    margin: 0 12px;
}

.nav-meta li a,
.nav-meta li strong {
    font-family: Nuckle;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.7px;
    text-align: left;
    color: #000;
}

.home .nav-meta li a,
.home .nav-meta li strong {
    color: #fff;
}

.nav-meta li a {
    text-decoration: none;
    display: block;
}

.nav-meta li a:hover {
    text-decoration: underline;
}


#nav-main {
    text-align: right;
    /*padding-top: 88px;*/
    padding-top: 15px;
    overflow: visible;
    margin-right: 160px;
}

#nav-main ul.level_1 > li {
    margin-right: 45px;
    display: inline-block;
    height: 34px;
    position: relative;
}

#nav-main ul.level_1 > li.last {
    margin-right: 0;
}

#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.8px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}

.home #nav-main ul.level_1 > li > a,
.home #nav-main ul.level_1 > li > strong {
    color: #fff;
}

#nav-main ul.level_1 > li:hover,
#nav-main ul.level_1 > li.active,
#nav-main ul.level_1 > li.trail {
    background-image: url(../images/link-line.svg);
    background-position: left 22px;
    background-repeat: no-repeat;
}

#nav-main ul.level_2 {
    display: none;
}

#nav-main ul.level_1 li:hover ul.level_2 {
    display: block;
}

#nav-main ul.level_2 {
    position: absolute;
    top: 34px;
    left: 0;
    background: #fff;
    border-left: 1px solid #e3051b;
    padding: 12px 24px 12px 12px;
    z-index: 20;
    width: 250px;
}

#nav-main ul.level_2 > li {
    margin: 14px 0;
    position: relative;
    z-index: 20;
}

#nav-main ul.level_2 > li > a,
#nav-main ul.level_2 > li > strong {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.53px;
    text-align: left;
    color: #000;
    text-transform: none;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}

#nav-main li.first ul.level_2 > li > a,
#nav-main li.first ul.level_2 > li > strong {
    white-space: normal;
}

#nav-main ul.level_2 > li:hover > a,
#nav-main ul.level_2 > li.trail > a,
#nav-main ul.level_2 > li > strong {
    color: #e3051b;
}


.home #nav-breadcrumb {
    display: none;
}

#nav-breadcrumb {
    margin-top: 80px;
}

#nav-breadcrumb ul {
    padding: 0 !important;
}

#nav-breadcrumb li {
    margin-right: 14px;
    padding-right: 26px;
    display: inline-block;
    background-image: url(../images/pfeil-breadcrumb.svg);
    background-position: right center;
    background-repeat: no-repeat;
}

#nav-breadcrumb li.last {
    margin-right: 0;
    padding-right: 0;
    background: none;
}

#nav-breadcrumb li a, #nav-breadcrumb li {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 1.2px;
    text-align: left;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

#nav-breadcrumb li a {
    display: block;
}

#nav-breadcrumb li a:hover {
    text-decoration: underline;
}

#nav-sub ul.level_1 > li,
#nav-sub ul.level_1 > li > strong,
#nav-sub ul.level_1 > li > a,
#main #nav-sub ul.level_3 {
    display: none;
}

#nav-sub ul.level_1 > li.active,
#nav-sub ul.level_1 > li.trail {
    display: block;
}

#main #nav-sub > ul {
    padding: 0;
    width: 100%;
    list-style-type: none !important;
}

#main #nav-sub ul.level_2 {
    width: calc(100% + 30px);
}

#main #nav-sub li {
    position: relative;
}

#main #nav-sub ul.level_2 > li.active {
    display: none !important;
}

#main #nav-sub ul.level_2 > li {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    margin-bottom: 30px;
    list-style-type: none !important;
}


#nav-sub li a {
    border-radius: 8px;
    display: block;
    height: 74px;
    background-color: #fff;
    background-image: url(../images/pfeil-rechts.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    padding-left: 20px;
    padding-right: 80px;
    position: relative;
    z-index: 3;
    text-decoration: none;
}

#nav-sub li div.trenner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/nav-trenner.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 44px) center;
}

#nav-sub li a strong,
#nav-sub li a span {
    display: table-cell;
    height: 74px;
    vertical-align: middle;
    font-family: Nuckle;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.8px;
    text-align: left;
    color: #000;
    text-decoration: none;
}

#nav-sub ul.level_1 > li.trail > .trenner {
    display: none;
}

#nav-mobile-wrapper {
    position: absolute;
    top: -48px;
    right: calc(-100vw - 64px);
    width: calc(100vw + 32px);
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.4s ease;
    background: #fff;
    z-index: 100;
    padding: 32px;
}

#nav-mobile-wrapper.active {
    right: -32px;
}

#nav-mobile-logo{
    width: 134px;
}

#nav-mobile-close{
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    right: 32px;
    top: 41px;
    background-image: url(../images/close.svg);
    background-position: center center;
    background-size: cover;
}

#nav-mobile {
    padding-top: 60px;
}

#nav-mobile ul.level_1 > li a, #nav-mobile ul.level_1 > li strong {
    font-family: Nuckle;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: block;
    padding-right: 32px;
    text-decoration: none;
}

#nav-mobile ul.level_1 > li {
    padding: 16px 0;
}


#nav-mobile ul.level_1 > li.submenu {
    position: relative;
}

#nav-mobile ul.level_1 > li .nav-toggler {
    display: none;
}

#nav-mobile ul.level_1 > li.submenu .nav-toggler {
    background-image: url(../images/pfeil-unten-rot.svg);
    background-position: right 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: block;
    cursor: pointer;
}


#nav-mobile ul.level_2 {
    display: none;
}

#nav-mobile ul.level_1 > li.submenu.visible .nav-toggler{
    background-image: url(../images/pfeil-oben-rot.svg);
}

#nav-mobile li.level_1.visible > a,
#nav-mobile li.level_1.visible > strong {
    color: #e3051b;
}


#nav-mobile li.active > strong {
    color: #e3051b !important;
}

#nav-mobile li.visible {
    padding-bottom: 0;
}

#nav-mobile li.visible ul.level_2 {
    display: block;
}

#nav-mobile ul.level_2 li.first {
    padding-top: 24px;
}

#nav-mobile ul.level_2 li.last {
    padding-bottom: 0;
}

#nav-mobile ul.level_2 > li a, #nav-mobile ul.level_2 > li strong {
    font-family: Nuckle;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    text-decoration: none;
}

#nav-mobile ul.level_2 > li {
    padding: 12px 0;
}

#nav-mobile-wrapper ul {
    margin: 0;
}

#nav-mobile {
    min-height: calc(100vh - 340px);
}

#nav-mobile-wrapper .nav-meta {
    position: relative;
    padding-top: 80px;
    top: 0;
    right: auto;
}

#nav-mobile-wrapper .nav-meta li {
    display: block;
    padding: 6px 0;
    margin: 0;
}

#nav-mobile-wrapper .nav-meta a, #nav-mobile-wrapper .nav-meta strong {
    color: #000;
}

#nav-mobile-wrapper-bottom {
    position: relative;
}

#nav-mobile-wrapper #search-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
}

#nav-mobile-wrapper .nav-lang {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
}

#nav-mobile-wrapper .nav-lang ul {
    background-position: 96px 14px;
}

#search-mobile {
    width: calc(100% - 140px);
}

#search-mobile input {
    padding-left: 12px;
}

#nav-mobile-wrapper-bottom {
    padding-top: 60px;
}

#nav-mobile-wrapper input {
    border: 1px solid #000;
    border-radius: 22px;
    box-shadow: none;
    line-height: 39px;
    padding: 0 20px 0 20px;

    width: 100%;
}

#suchform-mobile {
    position: relative;
}

#submit-mobile {
    background: none;
    background-image: url(../images/lupe.svg);
    background-size: 22px;
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    right: 8px;
    top: 1px;
    width: 40px;
    height: calc(100% - 1px);
    cursor: pointer;
    border: none;
    box-shadow: none;
}

#main #nav-sub ul li {
    padding-left: 0;
    list-style-type: none;
}

#main #nav-sub ul.level_2 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 1760px) {
    h2.rotated {
        left: -146px;
    }
}


@media screen and (max-width: 1700px) {
    #footer-nl {
        margin-right: 0;
    }
}


@media screen and (max-width: 1500px) {
    #nav-main ul.level_1 > li {
        margin-right: 15px;
    }
    #nav-main ul.level_1 > li a{
        font-size: 20px;
    }
    #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong {
        letter-spacing: 0;
    }

    #nav-meta li {
        margin-left: 6px;
        margin-right: 6px;
    }
}

@media screen and (max-width: 1400px) {
    #footer-nl .col-xl-4,
    #footer-nl .col-xl-8 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}




@media screen and (max-width: 1280px) {
    body {
        font-size: 18px;
        overflow-x: hidden;
    }

    .home #header h1, .home #header p {
        max-width: none;
    }

    h1, .home-headline h2, .rscr-bgarea h2 {
        font-size: 62px;
    }

    .rscr-headline-home {
        padding-bottom: 0;
    }

    #nav-breadcrumb {
        margin-top: 90px;
    }

    #nav-breadcrumb ul {
        margin-top: 20px;
    }

    #nav-breadcrumb li {
        padding-left: 0 !important;
        margin-right: 0;
        padding-right: 12px;
        background-size: 6px;
    }

    h2.rotated {
        left: -180px;
    }

    #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong {
        font-size: 18px;
        line-height: 18px;
    }

    #nav-main ul.level_1 > li {
        margin-right: 15px;
    }

    #nav-main ul.level_2 {
        top: 22px;
    }

    #nav-main ul.level_2 > li > a, #nav-main ul.level_2 > li > strong {
        font-size: 16px;
    }

    #top.home #header.sticky .header-nav,
    #top:not(.home) #header.sticky {
        padding-top: 24px;
    }

    #top.home #article-21 {
        padding-top: 12px;
    }

    .home #header .inside {
        height: auto;
        min-height: 100vh;
    }

    .home #header h1 {
        font-size: 48px;
        line-height: 120%;
    }

}




@media screen and (max-width: 1200px) {
    .feeding-element {
        margin-bottom: 30px;
    }

    .row-branchen-home > .branche-home.odd-md {
        margin-top: -80px;
    }

    .row-branchen-home > .branche-home.even-md {
        margin-top: 0;
    }

    .row-branchen-home > .branche-home.odd-md .branche-home-link {
        bottom: 120px;
    }

    .row-branchen-home > .branche-home.even-md .branche-home-link {
        bottom: 40px;
    }

    .branche-home-link a {
        font-size: 14px;
        letter-spacing: 0;
    }

    .branche-home-link {
        padding: 8px 44px 8px 12px;
        right: 24px;
    }

    #history-left, #history-right {
        max-width: 40px;
        height: auto;
    }

    .history-element {
        width: 50%;
    }

    .gt1200 {
        display: none;
    }

    .lt1200 {
        display: block;
    }

    .feeding-content-cat h2 {
        font-size: 48px;
    }

    .branchen-toggler {
        display: none;
    }

    #branchenliste .branche .branche-background,
    #branchenliste .branche .branche-background-overlay {
        width: 100%;
    }

    #branchenliste .branche .branchen-click-overlay {
        background-image: url(../images/pfeil-unten-weiss.svg);
        background-position: calc(100% - 20px) 40px;
        background-repeat: no-repeat;
        background-size: 24px;
    }

    #branchenliste .branche.opened .branchen-click-overlay {
        background-image: url(../images/pfeil-oben-weiss.svg);
    }

    #branchenliste .branche h2 {
        font-size: 60px;
    }

    .news-link-all {
        line-height: 40px;
        right: 92px;
    }

    .newslist-header h2 {
        margin-top: 0;
    }
}

@media screen and (max-width: 1080px) {
    #nav-main {
        display: none;
    }

    #nav-head-wrapper, #meta {
        display: none;
    }

    #nav-hamburger {
        display: block;
    }

    #logout {
        top: 8px;
        right: 60px;
    }
}


@media screen and (max-width: 1060px) {
    .component-detail {
        left: 360px;
    }
}

@media screen and (max-width: 990px) {
    .layout_latest {
        width: calc(50% - 20px);
    }
#top:not(.home) #wrapper{
	margin-top:80px;
}
    #footer .margin-top {
        margin-top: 40px;
    }

    #footer .footer-socialmedia {
        margin-bottom: 20px;
    }



    h3, .rscr-textintro h2 {
        font-size: 26px;
    }

    .feeding-filter-element {
        margin-right: 16px;
        margin-bottom: 16px;
    }

    .feeding-content-cat h2 {
        font-size: 40px;
    }

    .component-detail {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .component-list-item {
        width: 100%;
    }

    .component-list-item h3 {
        background-image: url(../images/pfeil-unten-weiss.svg);
        background-size: 20px;
    }

    .component-list-item h3.active {
        background-image: url(../images/pfeil-oben-weiss.svg);
    }

    #branchenliste .branche h2 {
        font-size: 48px;
        letter-spacing: 0;
        width: calc(100% - 60px);
    }

    #branchenliste .branche .branche-description {
        font-size: 16px;
        width: calc(100% - 60px);
    }

    .product-description p {
        font-size: 14px;
    }

    #branchenliste .branche .branchen-click-overlay {
        background-position: calc(100% - 20px) 36px;
    }

    h2.rotated {
        font-size: 40px;
        left: -100px;
        top: 150px;
    }
}



@media screen and (max-width: 767px) {
    body {
        font-size: 16px;
    }

    .rotated {
        display: none;
    }

    .rscr-textredline {
        font-size: 14px;
    }

    .text-redline h3.no-nr {
        font-size: 18px;
    }

    .rl-flag {
        margin-bottom: 0;
    }

    .row.margin-top, .mod_article.margin-top {
        margin-top: 40px;
    }

    .row.margin-top.margin-top-2x {
        margin-top: 80px;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .inner.branchen-margin-home, .inner.branchen-margin-home *,
    #home-feedings, #home-feedings * {
        overflow: visible;
    }

    .row-branchen-home {
        margin-top: 0;
    }

    .branche-home, .feeding-element {
        margin-bottom: 0;
        margin-right: 20px;
        width: 480px;
        max-width: 90%;
    }

    .arrow-col {
        margin-top: 8px;
        margin-bottom: 32px;
    }

    .arrow-col img {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    .component-element.inactive {
        display: none;
    }

    h1, .home-headline h2, .rscr-bgarea h2 {
        font-size: 37px;
        line-height: 1.2;
    }

    .home #header h1, .home #header p {
        width: 92%;
    }

    #logo {
        width: 134px;
    }

    #header {
        padding-top: 32px;
    }

    #nav-mobile-wrapper {
        top: -32px;
    }

    #footer-nl {
        padding-bottom: 40px;
    }

    #footer-txt {
        margin-top: 40px;
        position: relative;
        width: calc(100% - 64px);
        margin-left: auto;
        margin-right: auto;
        flex: none;
        display: block;
    }

    #footer-nl {
        padding-left: 32px !important;
        padding-right: 32px !important;
        margin: 0 15px !important;
    }

    #footer-digitalhub {
        text-align: left;
        top: auto;
        bottom: 0;
        left: 0;
        right: auto;
        width: 75px;
        padding: 0;
    }

    .footer-2nd-row, .nachhaltigkeit {
        display: none;
    }

    .copyright-2 {
        display: block;
        padding:40px 0 20px 0;
        text-align:center;
    }

    .copyright-1 {
        display: none;
    }

    #footer .margin-top {
        margin-bottom: 24px;
        margin-top: 20px !important;
    }

    #footer .inner {
        width: 100%;
    }

    .footer-copyright {
        line-height: 1.2;
    }

    h3, .rscr-textintro h2 {
        font-size: 22px;
    }

    h3.toggler-headline {
        padding-right: 16px !important;
        padding-left: 0 !important;
        background-image: url(../images/toggler-border.png) !important;
        cursor: default;
    }

    .home #header #home-video,
    .home #header video {
        height: calc(100vh + 32px);
    }

    .home-headline h2 {
        background-position: 96px 16px;
    }

    .rscr-headline h1 {
        background-position: left 16px;
        margin-bottom: 32px;
    }

    .history-element {
        width: 100%;
    }

    .toggle-text {
        background-size: 40px;
        margin-top: 0;
        padding-top: 18px;
    }

    .rscr-icon .text {
        font-size: 14px;
    }

    .rscr-icon .small-txt {
        font-size: 12px;
    }

    .prod-download .product-download-element {
        width: 100%;
    }

    .mobile-only .optWrapper {
        border-color: #000;
    }

    .feeding-content-cat h2 {
        font-size: 30px;
    }

    #branchenliste .branche {
        margin-top: 32px;
        padding: 24px 24px;
    }

    #branchenliste .branche h2 {
        font-size: 32px;
        width: calc(100% - 52px);
    }

    #branchenliste .branche .branchen-click-overlay {
        background-position: calc(100% - 12px) 28px;
        background-size: 18px;
    }

    #branchenliste .branche-product {
        width: calc(100% - 40px);
    }

    .bg-kontur {
        display: none;
    }

    .contact-box {
        background-image: none;
    }

    .history-element div {
        margin-right: 0;
    }

    .layout_latest {
        width: 480px;
        max-width: 90%;
    }

    #footer .inside {
        background: none;
    }

    .toggler-text {
        background-size: 40px;
        padding-bottom: 8px;
    }

    .rscr-text2cols h4 {
        margin-bottom: 40px;
    }

    #form-text {
        position: relative;
        width: 100%;
        top: 0;
        font-size: 14px;
        line-height: 130%;
    }

    #footer-digitalhub-new > img,
    #footer-digitalhub-new a {
        max-height: 60px;
    }

}

@media screen and (max-width: 520px) {
    #branchenliste .branche h2 {
        font-size: 28px;
    }

    .branche-description {
        font-size: 15px;
    }

    #footer .col-8 {
        width: 100%;
        flex: none;
        max-width: none;
    }

    .news-link-all {
        display: none;
    }
}


@media screen and (max-width: 480px) {
    .home #header h1 {
        padding-top: 20vh;
        font-size: 28px;
    }

    .feeding-content-cat h2 {
        font-size: 24px;
    }

    #branchenliste .branche .branchen-click-overlay {
        background-position: calc(100% - 12px) 24px;
    }

    #branchenliste .branche h2 {
        font-size: 24px;
        word-wrap: break-word;
        width: calc(100% - 24px);
    }

    #branchenliste .branche-product {
        width: calc(100% - 30px);
    }

    .rscr-headline h1 {
        padding-left:55px;
        background-image: url(../images/h1-line.svg);
        background-position: left 16px;
        background-size: 48px;
        font-size:28px;
    }
}
.level_1 li:last-child .level_2{display:none!important}