/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_felogin_pi1" */
		.tx-felogin-pi1 label {
			display: block;
		}

.dpnglossary.pagination ul{list-style:none;margin:0;padding:0}.dpnglossary.pagination ul li{float:left;margin-left:5px;margin-right:5px}.dpnglossary.pagination ul li a{text-decoration:none}.dpnglossary.pagination ul li.first{margin-left:0}.dpnglossary.pagination ul li.last{margin-right:0}.dpnglossary.pagination ul li.empty{color:red}.dpnglossary.details .mediafile{display:inline-block;margin-bottom:10px}.dpnglossary.details .mediafile:last-child{margin-bottom:0}.dpnglossary.link{display:inline;position:relative}.dpnglossary.link:hover:after{background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff;content:attr(title);left:20%;padding:5px 15px;position:absolute;width:220px;z-index:98}.dpnglossary.link:hover:before{border:solid;border-color:#333 rgba(0,0,0,0);border-width:6px 6px 0;bottom:20px;content:"";left:50%;position:absolute;z-index:99}

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;font-size:16.5px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:#20232a;opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.95;border-radius:20px;box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:flex;flex-direction:column;overflow:auto;padding:24px;transition:.5s box-shadow}.m-modal .m-modal-content:active,.m-modal .m-modal-content:focus,.m-modal .m-modal-content:hover{opacity:1}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2em}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{cursor:pointer;padding:10px;color:#4a4a4a;border-radius:20px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#c0372a}.m-modal .m-modal-content a.m-gmail:active,.m-modal .m-modal-content a.m-gmail:focus,.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(192,55,42,.08);color:#c0372a}.m-modal .m-modal-content a.m-outlook{color:#0967aa}.m-modal .m-modal-content a.m-outlook:active,.m-modal .m-modal-content a.m-outlook:focus,.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(9,103,170,.08);color:#0967aa}.m-modal .m-modal-content a.m-yahoo{color:#4a00a0}.m-modal .m-modal-content a.m-yahoo:active,.m-modal .m-modal-content a.m-yahoo:focus,.m-modal .m-modal-content a.m-yahoo:hover{background-color:rgba(74,0,160,.08);color:#4a00a0}.m-modal .m-modal-content a.m-tg{color:#086da0}.m-modal .m-modal-content a.m-tg:active,.m-modal .m-modal-content a.m-tg:focus,.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(8,109,160,.08);color:#086da0}.m-modal .m-modal-content a.m-wa{color:#067466}.m-modal .m-modal-content a.m-wa:active,.m-modal .m-modal-content a.m-wa:focus,.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(6,116,102,.08);color:#067466}.m-modal .m-modal-content a.m-skype{color:#076d92}.m-modal .m-modal-content a.m-skype:active,.m-modal .m-modal-content a.m-skype:focus,.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(7,109,146,.08);color:#076d92}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:active,.m-modal .m-modal-content a.m-copy:focus,.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:active,.m-modal .m-modal-content a.m-default:focus,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:12px;margin-top:.8rem;padding:5px;color:#4a4a4a}.m-modal .m-modal-content a.m-by:active,.m-modal .m-modal-content a.m-by:focus,.m-modal .m-modal-content a.m-by:hover{color:#3d3d3d}.m-modal .m-modal-content .w-500{font-weight:500}.m-modal.m-dark .m-modal-content{background-color:#20232a}.m-modal.m-dark .m-modal-content,.m-modal.m-dark .m-modal-content p,.m-modal.m-dark .m-modal-content p span,.m-modal.m-dark .m-modal-content strong{color:#fff}.m-modal.m-dark .m-modal-content a{color:#eaeaea}.m-modal.m-dark .m-modal-content a:not(.m-by):active,.m-modal.m-dark .m-modal-content a:not(.m-by):focus,.m-modal.m-dark .m-modal-content a:not(.m-by):hover{background-color:rgba(134,134,134,.08);color:#eaeaea}.m-modal.m-dark .m-modal-content a.m-gmail{color:#e07d73}.m-modal.m-dark .m-modal-content a.m-gmail:active,.m-modal.m-dark .m-modal-content a.m-gmail:focus,.m-modal.m-dark .m-modal-content a.m-gmail:hover{background-color:rgba(224,125,115,.08);color:#e07d73}.m-modal.m-dark .m-modal-content a.m-outlook{color:#4c9cd7}.m-modal.m-dark .m-modal-content a.m-outlook:active,.m-modal.m-dark .m-modal-content a.m-outlook:focus,.m-modal.m-dark .m-modal-content a.m-outlook:hover{background-color:rgba(76,156,215,.08);color:#4c9cd7}.m-modal.m-dark .m-modal-content a.m-yahoo{color:#ac88d3}.m-modal.m-dark .m-modal-content a.m-yahoo:active,.m-modal.m-dark .m-modal-content a.m-yahoo:focus,.m-modal.m-dark .m-modal-content a.m-yahoo:hover{background-color:rgba(172,136,211,.08);color:#ac88d3}.m-modal.m-dark .m-modal-content a.m-tg{color:#4cabdb}.m-modal.m-dark .m-modal-content a.m-tg:active,.m-modal.m-dark .m-modal-content a.m-tg:focus,.m-modal.m-dark .m-modal-content a.m-tg:hover{background-color:rgba(76,171,219,.08);color:#4cabdb}.m-modal.m-dark .m-modal-content a.m-wa{color:#4cd2c0}.m-modal.m-dark .m-modal-content a.m-wa:active,.m-modal.m-dark .m-modal-content a.m-wa:focus,.m-modal.m-dark .m-modal-content a.m-wa:hover{background-color:rgba(76,210,192,.08);color:#4cd2c0}.m-modal.m-dark .m-modal-content a.m-skype{color:#4cc7f4}.m-modal.m-dark .m-modal-content a.m-skype:active,.m-modal.m-dark .m-modal-content a.m-skype:focus,.m-modal.m-dark .m-modal-content a.m-skype:hover{background-color:rgba(76,199,244,.08);color:#4cc7f4}.m-modal.m-dark .m-modal-content a.m-by:active,.m-modal.m-dark .m-modal-content a.m-by:focus,.m-modal.m-dark .m-modal-content a.m-by:hover{color:#fff}

.m-wa,
.m-skype,
.m-by { display: none; }
/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

.hljs-comment,
.hljs-quote {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: #008080;
}

.hljs-string,
.hljs-doctag {
  color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: #900;
  font-weight: bold;
}

.hljs-subst {
  font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #000080;
  font-weight: normal;
}

.hljs-regexp,
.hljs-link {
  color: #009926;
}

.hljs-symbol,
.hljs-bullet {
  color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/slider/flex/fonts/flexslider-icon.eot');
  src: url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/slider/flex/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/slider/flex/fonts/flexslider-icon.woff') format('woff'), url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/slider/flex/fonts/flexslider-icon.ttf') format('truetype'), url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/slider/flex/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	/*max-width: 300px;*/
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index: 100;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	margin: 0;
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 12px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'fontello';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e803";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}

/*** ESSENTIAL STYLES ***/
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu > li > a {
  display: block;
  position: relative;
}


/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em;
  width: 100%;
}
.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  width: 100%; /* allow long menu items to determine submenu width */
}
.sf-menu > li > a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1; /* IE7 */
  color: #13a;
}
.sf-menu > li {
  background: #BDD2FF;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  background: #CFDEFF;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

/*** mega menu dropdown ***/
.sf-mega {
  background-color: #CFDEFF;
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
}
.sf-mega-section {
  float: left;
  width: 8em; /* optional */
  padding: 0 1em 1em 0;
  margin-right: 1em;
  border-right: 1px solid #b4c8f5;
}


/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/video/vidjs/font/VideoJS.eot?#iefix') format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -ms-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.video-js .vjs-progress-control.disabled {
  cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  -khtml-user-select: none;
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider.disabled {
  cursor: default; }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-volume-control:focus,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
      width: 5em;
      height: 3em; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -ms-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

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

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block;
  margin-left: 5px; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('../../../fileadmin/masterTemplate/Resources/Public/JavaScript/slider/owl/owl.video.play.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.transition {
  transition: all 0.2s ease-in-out 0s;
}
.transition-smooth {
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.transition-bounce {
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.resetList,
.ul-reset {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.centerIcon {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
}
/* TEMP - Formular*/
#temp {
  background: #fff;
  padding: 3em 0;
}
#temp * {
  box-sizing: border-box;
}
#temp .temp_row {
  background: #303334;
  color: #fff;
}
#temp .temp_row .temp_col {
  padding: 0.5em 1em;
}
#temp .btn {
  border: none;
  cursor: pointer;
}
#temp .btn:after {
  color: #fff !important;
}
#temp .powermail_tab_navigation {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
#temp .powermail_field,
#temp .powermail_label {
  padding: 0em;
}
#temp .powermail_fieldwrap .powermail_label:first-child {
  padding: 0.5em 0;
}
#temp .powermail_field .temp_row {
  width: 100%;
  display: flex;
}
#temp .powermail_field .temp_row .temp_col {
  width: 14.28571429%;
  float: left;
  font-weight: 700;
  margin: 0;
  padding-right: 1em;
  display: flex;
}
#temp .powermail_fieldwrap_type_check .powermail_field,
#temp .powermail_fieldwrap_type_check .powermail_field > div,
#temp .powermail_fieldwrap_type_radio .powermail_field,
#temp .powermail_fieldwrap_type_radio .powermail_field > div {
  display: flex;
}
#temp .powermail_fieldwrap_type_check > label,
#temp .powermail_fieldwrap_type_radio > label {
  width: 14.28571429%;
  margin: 0;
  text-align: left;
}
#temp .powermail_fieldwrap_type_check input,
#temp .powermail_fieldwrap_type_radio input {
  width: 14.28571429%;
  margin: 0;
  text-align: left;
  display: none;
}
#temp .powermail_fieldwrap_type_check .powermail_field,
#temp .powermail_fieldwrap_type_radio .powermail_field {
  width: 85.71428571%;
  text-align: left;
}
#temp .checkbox,
#temp .radio {
  width: 16.66666667%;
  float: left;
}
#temp .checkbox > label,
#temp .radio > label {
  padding: 1em;
  transition: all 0.2s ease-in-out 0s;
  background: transparent;
  cursor: pointer;
}
#temp .checkbox > label:hover,
#temp .radio > label:hover {
  background: #f2f2f2;
}
#temp .mandatory,
#temp .nolabel {
  display: none;
}
#temp .powermail_fieldwrap_teamchefbewertung,
#temp .powermail_fieldwrap_erwartungenbewertung,
#temp .powermail_fieldwrap_mitarbeiterbewertung,
#temp .powermail_fieldwrap_prozessebewertung {
  display: none;
}
#temp .col_selected label {
  background: #f59231;
  color: #fff;
}
#temp .col_selected label:hover {
  background: #f48519;
}
#temp .col_future label {
  background: #55b56d;
  color: #fff;
}
#temp .col_future label:hover {
  background: #49a861;
}
#temp .col_selure label {
  background-image: linear-gradient(45deg, #f59231 30%, #55b56d 70%);
}
#temp .col_selure label:hover {
  background-image: linear-gradient(45deg, #55b56d 30%, #f59231 70%);
}
#temp .grey {
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_type_select select,
#temp .powermail_fieldwrap_type_input input {
  width: 25%;
}
#temp .powermail_fieldwrap_type_submit .powermail_field {
  position: relative;
  width: 100%;
}
#temp .powermail_fieldwrap_legende {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende .orange,
#temp .powermail_fieldwrap_legende .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#temp .powermail_fieldwrap_legende01 {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende01 .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende01 h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende01 .orange,
#temp .powermail_fieldwrap_legende01 .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende01 .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende01 .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#temp .powermail_fieldwrap_legende_01 {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende_01 .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende_01 h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende_01 .orange,
#temp .powermail_fieldwrap_legende_01 .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende_01 .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende_01 .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende_01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#temp .powermail_fieldwrap_legende_02 {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende_02 .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende_02 h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende_02 .orange,
#temp .powermail_fieldwrap_legende_02 .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende_02 .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende_02 .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende_02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* TEMP - Persönliche Daten */
/* TEMP - Auswertung */
#progressValue {
  background: #f59231;
  border-radius: 0;
  box-shadow: none;
  border: none;
  height: 2.5em;
  float: left;
  margin: 0 0 0.25em 0;
}
#temp #bar {
  background: #f59231;
  border-radius: 0;
  box-shadow: none;
  border: none;
  height: 2.5em;
  float: left;
  margin: 0 0 0.25em 0;
  background: #f2f2f2;
  width: calc(100% - 15em);
}
.progressBar {
  background: #f59231;
  height: 2.5em;
}
#temp .future .progressBar {
  background: #55b56d;
}
#temp dl .need {
  text-align: center;
  font-size: 2.2em;
  line-height: 1.4em;
  display: block;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
}
#temp dl dd {
  float: left;
  width: 100%;
  padding-bottom: 1em;
  margin: 0;
}
#temp dl dd .result {
  display: inline-block;
  width: 10em;
}
#temp dl dd label {
  float: left;
  width: 5em;
  height: 1.5em;
  padding: 0.5em 0;
}
#temp dl dd span {
  font-weight: 600;
  padding: 0.5em 0;
  float: left;
  width: 5em;
  text-align: center;
}
#temp #steps-uid-0-p-4 .powermail_fieldwrap {
  margin: 0;
  padding: 0.25em 0;
}
#temp #steps-uid-0-p-4 .powermail_label:first-child {
  padding: 0 !important;
}
#temp #steps-uid-0-p-4 .powermail_legend {
  display: block;
}
.powermail_create dt {
  float: left;
  width: 100%;
  font-size: 1.5em;
  padding: 1em 0;
  text-align: center;
}
.powermail_create dd > div {
  float: left;
  width: 100%;
}
#temp #pdflink {
  width: 100%;
  vertical-align: middle;
  font-size: larger;
  text-align: center;
  float: left;
  margin: 1.5em 0;
}
/* That's it! Now let's try creating a new stripe pattern and animate it using animation and keyframes properties  */
@-webkit-keyframes move {
  0% {
    background-position: 0px 0px, 0 0, 0 0;
  }
  100% {
    background-position: -100px 0px, 0 0, 0 0;
  }
}
@media (max-width: 500px) {
  #temp .powermail_fieldwrap_type_html {
    display: none;
  }
  #temp label.powermail_label {
    width: 90vw;
    max-width: 500px;
    text-align: center;
  }
  #temp .powermail_fieldwrap_type_check .powermail_field,
  #temp .powermail_fieldwrap_type_radio .powermail_field {
    flex-wrap: wrap;
    flex-basis: 100%;
  }
  #temp .powermail_fieldwrap_type_check,
  #temp .powermail_fieldwrap_type_radio {
    width: 100%;
  }
  #temp .radio > label:before {
    content: attr(data-score);
    font-weight: 700;
    color: #f59231;
  }
  #temp .checkbox,
  #temp .radio {
    flex-basis: 50%;
  }
}
body.bgw {
  background: #f2f2f2;
}
#wintablet {
  position: relative;
  width: 100%;
  height: 100%;
}
#wintablet * {
  box-sizing: border-box;
}
#wintablet .center {
  width: 100%;
  max-width: 1500px;
  padding: 3em 0;
  margin: 0 auto;
}
#wintablet .logo {
  float: left;
  width: 15em;
}
#wintablet .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#wintablet .top {
  float: left;
  width: 100%;
}
#wintablet .low .row,
#wintablet .low {
  float: left;
  width: 100%;
}
#wintablet .low > .l {
  width: 100%;
}
#wintablet .low > .r {
  width: 100%;
  position: relative;
  font-size: 0.9em;
  margin-top: 2em;
  padding-bottom: 2em;
}
#wintablet .low > .r > .abs {
  width: 100%;
  height: 100%;
  margin: auto;
  background: #ececec;
  padding: 0 2em;
}
#wintablet h1 {
  margin: 0;
}
#wintablet h1 span {
  color: #808080;
}
#wintablet h3 {
  margin: 0;
  padding: 1em 0;
}
#wintablet h3.pb0 {
  padding-bottom: 0;
}
#wintablet .overview ul {
  min-height: 7em;
  font-weight: 700;
  background: #fff;
  padding: 1em;
}
#wintablet .overview li:first-child {
  width: 20%;
  margin-left: 0;
  color: #fff;
  text-transform: uppercase;
}
#wintablet .overview li:last-child {
  margin-right: 0;
}
#wintablet .overview li {
  width: calc(20% - 1em);
  margin: 0 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#wintablet .overview li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: #fff;
  border: 2px solid;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  left: 0;
  top: 0;
}
#wintablet .overview li a:hover {
  color: #fff;
}
#wintablet .overview li.dis a {
  pointer-events: none;
  opacity: 0.25;
}
#wintablet .segment .name {
  max-width: calc(100% - 6em);
}
#wintablet .segment .price {
  min-width: 6em;
  text-align: right;
}
#wintablet .segment .r {
  display: flex;
  align-items: center;
}
#wintablet .mar {
  border-color: #f59231;
}
#wintablet .mar h1 {
  color: #f59231;
}
#wintablet .mar h3 {
  color: #f59231;
}
#wintablet .mar h4 {
  color: #f59231;
}
#wintablet .mar .nav a {
  color: #f59231;
  border-color: #f59231;
}
#wintablet .mar .nav a:hover {
  background: #f59231;
}
#wintablet .mar .nav li:first-child {
  background: #f59231;
}
#wintablet .unt {
  border-color: #0099cc;
}
#wintablet .unt h1 {
  color: #0099cc;
}
#wintablet .unt h3 {
  color: #0099cc;
}
#wintablet .unt h4 {
  color: #0099cc;
}
#wintablet .unt .nav a {
  color: #0099cc;
  border-color: #0099cc;
}
#wintablet .unt .nav a:hover {
  background: #0099cc;
}
#wintablet .unt .nav li:first-child {
  background: #0099cc;
}
#wintablet .man {
  border-color: #ff6633;
}
#wintablet .man h1 {
  color: #ff6633;
}
#wintablet .man h3 {
  color: #ff6633;
}
#wintablet .man h4 {
  color: #ff6633;
}
#wintablet .man .nav a {
  color: #ff6633;
  border-color: #ff6633;
}
#wintablet .man .nav a:hover {
  background: #ff6633;
}
#wintablet .man .nav li:first-child {
  background: #ff6633;
}
#wintablet .kom {
  border-color: #66cc33;
}
#wintablet .kom h1 {
  color: #66cc33;
}
#wintablet .kom h3 {
  color: #66cc33;
}
#wintablet .kom h4 {
  color: #66cc33;
}
#wintablet .kom .nav a {
  color: #66cc33;
  border-color: #66cc33;
}
#wintablet .kom .nav a:hover {
  background: #66cc33;
}
#wintablet .kom .nav li:first-child {
  background: #66cc33;
}
#wintablet .segment,
#wintablet .gallery {
  text-align: left;
  padding: 2em;
  background: #fff;
  float: left;
  width: 100%;
}
#wintablet .segment li {
  border-top: 1px solid #d6d6d6;
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
#wintablet .segment li .over {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  padding: 1em;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
#wintablet .segment li.goLeft .over {
  width: calc(100% - 3em);
}
#wintablet .segment li.collapse {
  border-color: #fff;
}
#wintablet .segment li:last-child {
  border-bottom: 1px solid #d6d6d6;
}
#wintablet .segment.bl {
  border-left-width: 0.5em;
  border-left-style: solid;
}
#wintablet .segment h4 {
  margin: 0;
  padding-bottom: 1em;
}
#wintablet .xs {
  float: left;
  width: 100%;
  font-size: 0.9em;
  color: #808080;
  line-height: 1.25em;
  padding-top: 0.5em;
}
#wintablet .remove {
  width: 3em;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#wintablet .remove a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: red;
  transition: all 0.2s ease-in-out 0s;
}
#wintablet .remove a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e809";
  font-size: 0.8em;
}
#wintablet .remove a:hover {
  background: #e60000;
}
#wintablet .gallery li {
  width: 25%;
  padding: 0.5em;
}
#wintablet .gallery a {
  display: block;
  width: 100%;
}
#wintablet .gallery img {
  display: block;
  width: 100%;
  height: auto;
}
#wintablet .right {
  float: right;
}
#wintablet .log a {
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  width: 3em;
  height: 3em;
  border: 1px solid #d6d6d6;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
#wintablet .log a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e833";
}
#wintablet .log .out a {
  color: #66cc33;
}
#wintablet .log .out a:hover {
  border-color: red;
  color: red;
}
#wintablet .log .in a:hover {
  border-color: #66cc33;
  color: #66cc33;
}
#wintablet .filter {
  padding: 0 0.5em;
  line-height: 1em;
  height: 3em;
  background: #fff;
  border: 1px solid #d6d6d6;
  margin-right: 1em;
}
#wintablet .filter ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#wintablet .filter li {
  padding: 0 0.5em;
}
#wintablet .filter a {
  display: block;
  float: left;
  padding: 1em 0;
  line-height: 1em;
  text-decoration: none;
  position: relative;
}
#wintablet .filter a:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 1px;
  background: #303334;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
#wintablet .filter a.act:after,
#wintablet .filter a:hover:after {
  opacity: 1;
}
#wintablet .filter label {
  display: inline-block;
  padding: 0 0.5em;
}
#wintablet .reset {
  margin-right: 1em;
}
#wintablet .reset a {
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  width: 3em;
  height: 3em;
  border: 1px solid #d6d6d6;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
#wintablet .reset a:hover {
  border-color: #303334;
}
#wintablet .reset a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e82f";
}
#wintablet .message {
  line-height: 1em;
  padding: 1em 1em 1em 0;
  opacity: 0.5;
  text-shadow: 0px 1px 0px #fff;
}

/* Little fix to make icons appear on IE8 */

@font-face {
  font-family: 'fontello';
  src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/fontello/fontello.eot');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Now all other browsers */

@font-face {
  font-family: 'fontello';
  src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/fontello/fontello.eot?87391434');
  src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/fontello/fontello.eot?87391434#iefix') format('embedded-opentype'),
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/fontello/fontello.woff?87391434') format('woff'),
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/fontello/fontello.ttf?87391434') format('truetype'),
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/fontello/fontello.svg?87391434#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/opensans/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'MarkWXX';
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Bold.eot');
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Bold.woff2') format('woff2'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Bold.woff') format('woff'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Bold.ttf') format('truetype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Bold.svg#MarkWXX-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkWXX';
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-BoldItalic.eot');
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-BoldItalic.woff2') format('woff2'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-BoldItalic.woff') format('woff'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-BoldItalic.ttf') format('truetype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-BoldItalic.svg#MarkWXX-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MarkWXX';
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Light.eot');
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Light.eot?#iefix') format('embedded-opentype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Light.woff2') format('woff2'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Light.woff') format('woff'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Light.ttf') format('truetype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-Light.svg#MarkWXX-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkWXX';
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-LightItalic.eot');
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-LightItalic.woff2') format('woff2'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-LightItalic.woff') format('woff'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-LightItalic.ttf') format('truetype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/FFMarkWebPro/MarkWXX-LightItalic.svg#MarkWXX-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Conneqt';
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/conneqt/ConneqtRegular.eot');
    src: url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/conneqt/ConneqtRegular.eot?#iefix') format('embedded-opentype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/conneqt/ConneqtRegular.woff2') format('woff2'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/conneqt/ConneqtRegular.woff') format('woff'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/conneqt/ConneqtRegular.ttf') format('truetype'),
        url('../../../fileadmin/masterTemplate/Resources/Public/Fonts/conneqt/ConneqtRegular.svg#ConneqtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.transition {
  transition: all 0.2s ease-in-out 0s;
}
.transition-smooth {
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.transition-bounce {
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.resetList,
.ul-reset {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.msg {
  float: none;
  width: 100%;
  overflow: auto;
  padding: 1em;
  box-sizing: border-box;
  margin-top: 1em;
}
.msg-grey {
  background: #f9f9f9;
  color: #808080;
  border-color: #808080;
}
.msg-red {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.msg-blue {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}
.msg-green {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.msg-yellow {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
.msg-orange {
  background: #e65c00;
  color: #fff;
  border-color: #cc5200;
}
.padding {
  padding: 1em;
  box-sizing: border-box;
  clear: both;
  overflow: auto;
}
.transition {
  transition: all 0.2s ease-in-out 0s;
}
.transition-smooth {
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.transition-bounce {
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.resetList,
.ul-reset {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.checks {
  list-style: none;
  position: relative;
}
ul.checks li:before {
  content: "\2714\0020";
  position: absolute;
  left: 1em;
}
.selectArrow {
  background: #f9f9f9 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTAgNmMwLTAuMTI4IDAuMDQ5LTAuMjU2IDAuMTQ2LTAuMzU0IDAuMTk1LTAuMTk1IDAuNTEyLTAuMTk1IDAuNzA3IDBsOC42NDYgOC42NDYgOC42NDYtOC42NDZjMC4xOTUtMC4xOTUgMC41MTItMC4xOTUgMC43MDcgMHMwLjE5NSAwLjUxMiAwIDAuNzA3bC05IDljLTAuMTk1IDAuMTk1LTAuNTEyIDAuMTk1LTAuNzA3IDBsLTktOWMtMC4wOTgtMC4wOTgtMC4xNDYtMC4yMjYtMC4xNDYtMC4zNTR6IiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+Cjwvc3ZnPgo=) no-repeat 95% 50%;
  background-size: 0.75em;
  -moz-appearance: none;
  appearance: none;
}
.centerIcon {
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-indent: 0;
  font-family: "fontello";
}
mark {
  background-color: #fde9d6 !important;
  color: #000 !important;
  padding: 1px;
}
hr {
  border: none;
  border-top: 1px solid #d6d6d6;
}
pre {
  margin: 0;
}
body h1,
.h1 {
  font-family: 'MarkWXX', sans-serif;
  font-size: 3em;
  line-height: 1em;
  margin: 0.5em 0;
  font-weight: 600;
  position: relative;
}
body h2,
.h2 {
  font-family: 'MarkWXX', sans-serif;
  font-size: 2em;
  margin: 1em 0;
  line-height: 1.25em;
  font-weight: 600;
  position: relative;
  clear: both;
}
body h2 span,
.h2 span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
body h2 span:after,
.h2 span:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  height: 50px;
  width: 100%;
  background-image: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/underline.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  pointer-events: none;
  overflow: visible;
  transform: translateY(100%);
  z-index: -1;
}
body h2 .headline-anchor,
.h2 .headline-anchor {
  opacity: 0;
  display: none;
  transition: all 0.2s ease-in-out 0s;
}
body h2:hover .headline-anchor,
.h2:hover .headline-anchor {
  opacity: 1;
}
h2.border {
  border: 1px solid #f59231;
  padding: 0.25em;
}
body h3,
.h3 {
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.5em;
  margin: 0.5em 0;
  padding: 0;
  line-height: 1.35em;
  font-weight: 600;
  clear: both;
}
body h3 .headline-anchor,
.h3 .headline-anchor {
  opacity: 0;
  display: none;
  transition: all 0.2s ease-in-out 0s;
}
body h3:hover .headline-anchor,
.h3:hover .headline-anchor {
  opacity: 1;
}
body h4,
.h4 {
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.25em;
  margin: 0.5em 0;
  padding: 0;
  line-height: 1em;
  font-weight: 600;
}
body h4 .headline-anchor,
.h4 .headline-anchor {
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
body h4:hover .headline-anchor,
.h4:hover .headline-anchor {
  opacity: 1;
}
.dark {
  color: #fff;
}
.dark .btn,
.dark h1,
.dark h2,
.dark h3,
.dark h4 {
  color: #fff;
}
.light {
  color: #fff;
}
.light .btn,
.light h1,
.light h2,
.light h3,
.light h4 {
  color: #303334;
}
a {
  color: #303334;
}
a:hover {
  color: #484d4f;
  text-decoration: none;
}
body,
html {
  height: 100%;
  margin: 0;
  position: relative;
}
body {
  color: #4a4a4a;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.75em;
  margin: 0;
  padding: 0;
  background: #262626;
  font-size: 1.15em;
}
.article blockquote {
  background: #f9f9f9;
  margin: 0;
  padding: 0em 2em;
  box-sizing: border-box;
  border-left: 1px solid #d6d6d6;
  overflow: auto;
  margin: 0.5em 0;
}
p,
pre {
  width: 100%;
  display: block;
}
section,
header,
footer {
  float: left;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
section {
  overflow: hidden;
}
img {
  border: none;
  max-width: 100%;
  display: block;
  height: auto;
}
.img-inline {
  display: inline;
  float: left;
  margin-right: 1em;
}
::selection {
  background: #000;
  color: #fff;
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #000;
  color: #fff;
  /* Gecko Browsers */
}
html.touch * {
  text-rendering: optimizeSpeed;
}
#mainContainer {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
/* Buttons */
.btn {
  background: #f59231;
  border: 2px solid #f59231;
  text-decoration: none;
  line-height: 1.25em;
  padding: 1em 1.5em;
  display: inline-block;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  box-sizing: border-box;
  font-size: 1em;
  border-radius: 0.25em;
  color: #fff;
  max-width: calc(100% - 3em);
}
.btn:before {
  color: #fff;
  z-index: 1;
}
.btn:after {
  color: #f48519;
}
.btn:hover {
  background: #e8780b;
  border-color: #e8780b;
  color: #fff;
}
.btn.black {
  background: #303334;
  color: #fff;
}
.btn.black:hover {
  background: #555a5c;
}
.btn.black:before {
  background: #555a5c;
}
.btn.black:hover:before {
  background: #616769;
}
.btn.right {
  padding-right: 3em;
}
.btn.right:before {
  left: auto;
  right: 0;
  border-right: none;
}
.btn.left {
  padding-left: 3em;
}
.btn.left:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  right: auto;
  left: 0.5em;
  font-size: 1.5em;
}
.btn.left:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  right: auto;
  left: 0.5em;
  font-size: 1.5em;
  transform: translate(2px, 2px);
}
.btn.large {
  font-size: 1.2em;
}
.btn.outline.orange {
  background: rgba(246, 159, 73, 0.75);
  color: #fff;
}
.btn.outline {
  background: rgba(255, 255, 255, 0.75);
  color: #303334;
  border-color: #303334;
}
.btn.outline:hover {
  color: #fff;
  background: #303334;
}
.btn.up:before {
  content: "\e804";
}
.btn.ico-right:before {
  content: "\e83e";
}
.btn.down:before {
  content: "\e805";
}
.btn.left:before {
  content: "\e806";
}
.btn.toggle:before {
  content: "";
}
.btn.see:before {
  content: "";
}
.btn.pdf:before {
  content: "\e813";
}
.btn.read:before {
  content: "\e80d";
}
.btn.clean:before {
  content: "";
  display: none;
}
.btn.ico-cal:before {
  content: "\e837";
}
.btn.ico-cal:after {
  content: "\e837";
}
.btn.ico-mail:before {
  content: "\e810";
}
.btn.ico-mail:after {
  content: "\e810";
}
.btn.toggle:after {
  content: "\e809";
  font-family: "fontello";
  position: absolute;
  font-size: 1em;
  right: -3em;
  line-height: 3em;
  top: 0;
  width: 3em;
  height: 100%;
  opacity: 1;
  color: #fff;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
  box-sizing: border-box;
  transform: rotate(-45deg);
}
.btn.toggle.open:after {
  transform: rotate(0deg);
}
.btn.default {
  border: 1px solid #f59231;
  background: transparent;
  color: #303334;
  border-radius: 0.25em;
}
.btn.default > span {
  color: #303334;
  position: relative;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  transition-duration: 0.15s;
}
.btn.default:after {
  content: attr(data-content);
  position: absolute;
  height: 100%;
  line-height: 1em;
  padding: 1em;
  bottom: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  margin: auto;
  transition: all 0.2s ease-in-out 0s;
  text-align: center;
  top: 1em;
  transition-duration: 0.15s;
  color: #cf6c0a;
}
.btn.default:hover {
  background: rgba(245, 146, 49, 0.25);
  border-color: #f59231;
}
.btn.default:hover > span {
  top: -1em;
  opacity: 0;
}
.btn.default:hover:after {
  top: 0em;
  opacity: 1;
}
/* Generic */
.wrap.wide,
footer > [class*="wide"],
header [class*="wide"],
section > [class*="wide"],
section > div > [class*="wide"] {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.wrap.middle,
footer > [class*="middle"],
header [class*="middle"],
section > [class*="middle"],
section > div > [class*="middle"] {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
}
.wrap.normal,
footer > [class*="normal"],
header > [class*="normal"],
section > [class*="normal"],
section > div > [class*="normal"] {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.wrap.small,
header > [class*="small"],
section > [class*="small"],
section > div > [class*="small"] {
  width: 100%;
  max-width: 47em;
  margin: 0 auto;
}
.wrap.medium,
header > [class*="medium"],
section > [class*="medium"],
section > div > [class*="medium"] {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
}
section > .wrap[class*="small-left"],
section > div > .wrap[class*="small-left"] {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
section > .wrap[class*="small-left"] .inner {
  width: 65%;
}
section > .wrap[class*="small-middle"],
section > div > .wrap[class*="small-middle"] {
  width: 100%;
  max-width: 47em;
  margin: 0 auto;
}
header > [class*="tiny"],
section > [class*="tiny"],
section > div > [class*="tiny"] {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
footer > .wrap > .inner,
header .wrap > .inner,
section > .wrap > .inner,
section > div > .wrap > .inner {
  width: 100%;
  float: left;
}
.blockquote {
  float: left;
  width: 100%;
  margin: 0.5em 0;
  padding: 1em;
  border-left: 0.2em solid #303334;
}
.blockquote u {
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
.bgw,
[class*="bgw"] {
  background: #fff;
  color: #4a4a4a;
}
.bgw blockquote,
[class*="bgw"] blockquote {
  background: #f9f9f9;
  float: left;
  width: 100%;
  margin: 0.5em 0;
  padding: 1em;
  border-left: 0.2em solid #303334;
}
.bgw blockquote u,
[class*="bgw"] blockquote u {
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
.bgw.window .inner,
[class*="bgw"].window .inner {
  background: #fff;
  color: #000;
  padding: 2em;
  box-shadow: 0 0em 1em rgba(0, 0, 0, 0.15);
}
.bgw.window h2,
[class*="bgw"].window h2 {
  color: #303334;
}
.bgg,
.columns .bgg,
[class*="bgg"] {
  background: #f9f9f9;
  color: #4a4a4a;
}
.bgg h2,
.columns .bgg h2,
[class*="bgg"] h2 {
  color: #4a4a4a;
}
.bgg h3,
.columns .bgg h3,
[class*="bgg"] h3 {
  color: #4a4a4a;
}
.bgg blockquote,
.columns .bgg blockquote,
[class*="bgg"] blockquote {
  background: #2a2c2d;
  float: left;
  width: 100%;
  margin: 0.5em 0;
  padding: 1em;
  border-left: 0.2em solid #303334;
}
.bgg blockquote u,
.columns .bgg blockquote u,
[class*="bgg"] blockquote u {
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
[class*="bgd"] {
  background: #303334;
  color: #fff;
}
[class*="bgd"] h2 {
  color: #fff;
}
[class*="bgd"] h3 {
  color: #fff;
}
[class*="bgd"] a:not(.btn) {
  color: #fff;
}
[class*="bg-dg"] {
  background: #f2f2f2;
  color: #4a4a4a;
}
[class*="bg-dg"] h2 {
  color: #000;
}
[class*="bg-dg"] h3 {
  color: #000;
}
[class*="bg-dg"] a:not(.btn) {
  color: #000;
}
[class*="bgp"] {
  background: #f59231;
  color: #fff;
}
[class*="bgp"] h2 {
  color: #fff;
}
[class*="bgp"] h3 {
  color: #fff;
}
[class*="bgp"] a:not(.btn) {
  color: #fff;
}
[class*="bgp"] .btn {
  background: #303334;
}
.text-center,
.tac {
  text-align: center;
}
.text-right,
.tar {
  text-align: right;
}
.mw-800 {
  max-width: 800px;
}
.pt12 {
  padding-top: 12em;
}
.pt8 {
  padding-top: 8em;
}
[class*="pt6"] {
  padding-top: 6em;
}
[class*="pt3"] {
  padding-top: 3em;
}
.pt2 {
  padding-top: 2em;
}
.pt1 {
  padding-top: 1em;
}
.pb15 {
  padding-bottom: 15em;
}
.pb12 {
  padding-bottom: 12em;
}
.pb6 {
  padding-bottom: 6em;
}
.pb3 {
  padding-bottom: 3em;
}
.pb2 {
  padding-bottom: 2em;
}
.pb1 {
  padding-bottom: 1em;
}
.pr1 {
  padding-right: 1em;
}
.pr2 {
  padding-right: 2em;
}
.pr3 {
  padding-right: 3em;
}
.pl1 {
  padding-left: 1em;
}
.pl2 {
  padding-left: 2em;
}
.pl3 {
  padding-left: 3em;
}
.pd0 {
  padding: 0em 0 !important;
}
.pd025 {
  padding: 0.25em;
}
.pd1 {
  padding: 1em;
}
.pd2 {
  padding: 2em;
}
.xxs {
  font-size: 0.8em;
}
.xs {
  font-size: 0.9em;
}
.xl {
  font-size: 1.25em;
}
.xl-2 {
  font-size: 2em;
}
.xxl {
  font-size: 2.25em;
}
.xxxl {
  font-size: 4em;
  font-weight: 600;
}
.bgw [class*="edge-left"]:before,
.bgw [class*="edge-right"]:before {
  background: #fff;
  color: #4a4a4a;
}
.bgw [class*="edge-left"]:before blockquote,
.bgw [class*="edge-right"]:before blockquote {
  background: #f9f9f9;
  float: left;
  width: 100%;
  margin: 0.5em 0;
  padding: 1em;
  border-left: 0.2em solid #303334;
}
.bgw [class*="edge-left"]:before blockquote u,
.bgw [class*="edge-right"]:before blockquote u {
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
.bgw [class*="edge-left"]:before.window .inner,
.bgw [class*="edge-right"]:before.window .inner {
  background: #fff;
  color: #000;
  padding: 2em;
  box-shadow: 0 0em 1em rgba(0, 0, 0, 0.15);
}
.bgw [class*="edge-left"]:before.window h2,
.bgw [class*="edge-right"]:before.window h2 {
  color: #303334;
}
.bgg [class*="edge-left"]:before,
.bgg [class*="edge-right"]:before {
  background: #f9f9f9;
  color: #4a4a4a;
}
.bgg [class*="edge-left"]:before h2,
.bgg [class*="edge-right"]:before h2 {
  color: #4a4a4a;
}
.bgg [class*="edge-left"]:before h3,
.bgg [class*="edge-right"]:before h3 {
  color: #4a4a4a;
}
.bgg [class*="edge-left"]:before blockquote,
.bgg [class*="edge-right"]:before blockquote {
  background: #2a2c2d;
  float: left;
  width: 100%;
  margin: 0.5em 0;
  padding: 1em;
  border-left: 0.2em solid #303334;
}
.bgg [class*="edge-left"]:before blockquote u,
.bgg [class*="edge-right"]:before blockquote u {
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
.bgd [class*="edge-left"]:before,
.bgd [class*="edge-right"]:before {
  background: #303334;
}
.mt0 {
  margin-top: 0;
}
.mt1 {
  margin-top: 1em;
}
.mt2 {
  margin-top: 2em;
}
.mb0 {
  margin-bottom: 0;
}
.mb1 {
  margin-bottom: 1em;
}
.ml1 {
  margin-left: 1em;
}
.ml05 {
  margin-left: .5em;
}
.ma {
  margin: auto;
}
.flx {
  display: flex;
  flex-wrap: wrap;
}
.flx-jc {
  justify-content: center;
}
.flx-jfe {
  justify-content: flex-end;
}
.flx-jsb {
  justify-content: space-between;
}
.flx-afs {
  align-items: flex-start;
}
.flx-ac {
  align-items: center;
}
.flx-afe {
  align-items: flex-end;
}
.flx-rr {
  flex-direction: row-reverse;
}
.flx-dc {
  flex-direction: column;
}
.flx-cr {
  flex-direction: column-reverse;
}
.bt1 {
  border-top: 1px solid #d6d6d6;
}
.bb1 {
  border-bottom: 1px solid #d6d6d6;
}
.w-100 {
  width: 100%;
}
.w-85 {
  width: 85%;
}
.w-80 {
  width: 80%;
}
.w-75 {
  width: 75%;
}
.w-70 {
  width: 70%;
}
.w-66 {
  width: 66.66666667%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-50 {
  width: 50%;
}
.w-47 {
  width: 47.5%;
}
.w-45 {
  width: 45%;
}
.w-40 {
  width: 40%;
}
.w-35 {
  width: 35%;
}
.w-33 {
  width: 33.33333333%;
}
.w-30 {
  width: 30%;
}
.w-25 {
  width: 25%;
}
.w-20 {
  width: 20%;
}
.w-16 {
  width: 16.66666667%;
}
.mw-1024 {
  max-width: 1024px;
}
.mw-1500 {
  max-width: 1500px;
}
.cw {
  color: #fff;
}
.cw h1 {
  color: #fff;
}
.cw h2 {
  color: #fff;
}
.cw h3 {
  color: #fff;
}
.cp {
  color: #303334;
}
.cs {
  color: #f59231;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.fl {
  float: left;
}
/* Header */
.header-height {
  float: left;
  width: 100%;
}
#header {
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 50;
  width: 100%;
  font-family: 'MarkWXX', sans-serif;
  border-bottom: 1px solid #d6d6d6;
}
#header .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 2em;
  align-items: stretch;
  align-content: stretch;
  overflow: unset;
}
#header.go .top {
  align-items: center;
}
#header .left {
  float: left;
  position: relative;
  min-width: 16em;
}
.logo {
  position: relative;
  float: left;
  font-size: 0.6em;
  overflow: hidden;
}
.logo .original img {
  display: block;
  width: auto;
  height: 6em;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.logo .ani {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.logo .ani > span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 3.5em;
  opacity: 1;
  transform: translateX(0);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.logo .slogan img,
.logo .ani img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
}
.logo .ani .w {
  z-index: 4;
}
.logo .ani .c {
  left: 4.25em;
  transition-delay: 0s;
}
.logo .ani .g {
  left: 7em;
  transition-delay: 0.1s;
}
.logo .ani .r {
  left: 10em;
  transition-delay: 0s;
}
.logo .slogan {
  position: absolute;
  top: 4.75em;
  left: 0;
  height: 1.2em;
}
#header.go {
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.15);
  border: none;
}
#header.go .original img {
  height: 3.5em;
}
#header.go .logo .ani .c {
  transform: translateX(-2em) rotate(-45deg) scale(0);
  opacity: 0;
}
#header.go .logo .ani .g {
  transform: translateX(-2em) rotate(-45deg) scale(0);
  opacity: 0;
}
#header.go .logo .ani .r {
  transform: translateX(-5.5em);
}
#header .right {
  text-align: right;
  position: relative;
}
#header .right ul {
  width: auto;
}
#header .right li {
  float: left;
}
#header .vw-menu-open {
  padding: 1em 1em 1em 3em;
  line-height: 1em;
  display: block;
  text-decoration: none;
  float: left;
  position: relative;
  background: #fff;
  color: #808080;
  margin-left: 0.5em;
  transition: all 0.2s ease-in-out 0s;
}
#header .vw-menu-open:hover {
  background: #e6e6e6;
}
#header .vw-menu-open:after {
  display: block;
  width: 2em;
  height: 2em;
  font-size: 1.5em;
  position: absolute;
  right: auto;
  height: 1em;
  left: 0;
}
#header .right .sf01 a,
#header .right .sf02 a {
  text-indent: 9999px;
  overflow: hidden;
  width: 1em;
  height: 1em;
  background: #e6e6e6;
}
#header .right .sf01 a:after,
#header .right .sf02 a:after {
  content: "";
  font-size: fontello;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;
  font-size: 1.5em;
  line-height: 2em;
  font-family: "fontello";
  text-align: center;
  color: #fff;
}
#header .right .sf01 a:after {
  content: "\e801";
}
#header .right .sf02 a:after {
  content: "b";
}
#header .bottom {
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
#header .bottom .center {
  display: inline-block;
}
#header .center a {
  text-decoration: none;
  padding: 1em;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
}
#header .center a:hover {
  background: #f9f9f9;
}
#header .center a:not(.btn) span {
  font-size: 1.25em;
}
#header .actions a.btn {
  border: 1px solid #f59231;
  background: transparent;
  color: #303334;
  border-radius: 0.25em;
  width: 100%;
  max-width: 100%;
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
}
#header .actions a.btn span {
  display: block;
  padding: 0.5em 0;
}
#header .actions a.btn:hover {
  background: #f59231;
  color: #fff;
}
#header .actions li.w-50 {
  padding: 0.25em;
  aspect-ratio: 1.5;
  display: flex;
}
#header .actions li.w-100 {
  padding: 0.25em;
  aspect-ratio: 3;
  display: flex;
}
#header .right a.ico {
  display: block;
  width: 3em;
  height: 3em;
  overflow: hidden;
  text-indent: 999px;
  background: #f59231;
  color: #fff;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}
#header .right a.ico:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 1.5em;
}
#header .right a.ico:hover {
  background: #f48519;
}
#header .right .btn {
  max-width: none;
  background: #fff;
  border: 1px solid #f59231;
  color: #000;
}
#header .right .btn:hover {
  background: #f59231;
  color: #fff;
}
#header .right li {
  margin-left: 0.5em;
}
.ico.acc:after {
  content: "\e81d";
}
.ico.src:after {
  content: "\e849";
}
/* Menu

#menu { display: flex; justify-content: center; }
#menu .sf-menu { width: 100%; margin: 0; list-style: none; background: transparent; font-size: 1.2em; position: relative; }
#menu .sf-menu li { background: transparent; }

#menu .sf-menu > li { margin: 0; display: inline-block; float: left; }
#menu .sf-menu > li > a { display: inline-block; color: @color; border: none; text-decoration: none; padding: 1em; font-size: 1em; margin: 0; .transition(); }
#menu .sf-menu > li.sfHover > a,
#menu .sf-menu > li > a:hover { background: #f9f9f9; }

#menu .sf-menu a { color: @color; }
#menu .sf-menu ul:before { content: ""; width: 100%; height: 1em; display: block; position: absolute; top: -1em; }
#menu .sf-menu ul { background: #fff; padding: 0; box-shadow: none; border: none; min-width: 16em; padding: 1em; }

#page1 #menu .sf-menu .sf2 > a:hover,
#page1 #menu .sf-menu .sf2 > a,
#menu .sf-menu > li.act > a { background: #f9f9f9; }
#menu .sf-menu > li.act > a:hover { background: darken(#f9f9f9,5%); }
#menu .sf-menu ul li a { display: block; width: 100%; padding: 1em; box-sizing: border-box; .transition(); position: relative; height: 3em; line-height: 1em; }
#menu .sf-menu ul li a:hover { background: #f9f9f9; color: #d67b51; }
#menu .sf-menu ul > li { background: transparent; border: none; }
#menu .sf-menu ul.sub { background: #fff; text-align: left; }
#menu .sf-menu ul.sub ul { margin: 0em 0 0 1.5em; }
#menu .sf-menu ul.sub li > a { border: none; }
#menu .sf-menu ul.sub li > a:hover { background: #f9f9f9; color: #d67b51; text-shadow: none; border: none; }
#menu .sf-menu ul.sub li > a.sf-with-ul:after { display: block; content: "\e803"; font-family: "fontello"; right: 10px; top: 10px; position: absolute; }
#menu .sf-menu ul > li { border-bottom: 1px solid #c7c7c7; }
#menu .sf-menu ul > li:last-child { border: none; }
#menu .sf-menu ul > li a { border: none; }
#menu .sf-menu > li:last-child > ul { left: auto; right: 0; }

#magic-line { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: @secondary; } */
/* Hero 

.hero { float: left; width: 100%; height: 50em; overflow: hidden; position: relative; }
.hero .image { position: absolute; top: 0; width: 100%; height: auto; transform: translate(0, -25%); transition: all 15s ease-in-out 0s;
	img { display: block; width: 100%; height: auto; transform: scale(1); transition: all 15s ease-in-out 0s; }
}
.hero.go .image { transform: translate(0, 10%); transition: all 15s ease-in-out 3s; }
.hero.go img { transform: scale(1.45); }

.banner .headline { left: 0; padding: 2em; z-index: 1; text-align: center; color: #fff; font-family: @font; background: @primary; text-transform: uppercase; }
.banner .headline .bg { float: left; color: @secondary; font-size: 3em; font-weight: 300; }
.banner .headline .sm { float: left; clear: both; padding-top: 1em; font-size: 1.5em; }*/
/* Intro */
.intro {
  float: left;
  width: 100%;
}
.intro .content {
  padding: 6em 0;
  max-width: 1024px;
  margin: 0 auto;
}
/* Buttons */
/*.buttons:first-child { border-top: 1px solid @border-color; }*/
.buttons .element {
  /*border-right: 1px solid @border-color; border-bottom: 1px solid @border-color;*/
  background-size: cover;
  background-position: center center;
}
.buttons .element.img a:hover {
  background: transparent;
}
.buttons .a:nth-child(3n) {
  border-right: none;
}
.buttons .faux-link {
  display: block;
  width: 100%;
  padding: 2em;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #303334;
}
.buttons a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  padding: 2em;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
.buttons a:hover {
  background: #e6e6e6;
}
.buttons h3 {
  font-weight: bold;
  font-size: 2.5em;
  margin-top: 0;
}
.buttons .title {
  max-width: 45em;
  display: block;
  width: 100%;
  margin: auto;
}
.buttons .title span {
  font-size: 1.5em;
  max-width: 30em;
  font-family: 'MarkWXX', sans-serif;
}
.buttons .link {
  padding-top: 2em;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 30em;
}
.buttons .wrap {
  display: inline-block;
  padding: 1em;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: transparent;
  transition: all 0.2s ease-in-out 0s;
  line-height: 1em;
  border: 1px solid #f59231;
  border-radius: 0.25em;
  font-family: 'Open Sans', sans-serif;
}
.buttons .contour .wrap {
  border: 0.25em solid #f59231;
}
.buttons .wrap span {
  position: relative;
  opacity: 1;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  transition-duration: 0.15s;
}
.buttons .basic .wrap:before {
  content: attr(data-content);
  position: absolute;
  height: 100%;
  line-height: 1em;
  padding: 1em;
  bottom: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  margin: auto;
  transition: all 0.2s ease-in-out 0s;
  text-align: center;
  top: 1em;
  transition-duration: 0.15s;
  color: #cf6c0a;
}
.buttons a:hover .wrap {
  border-color: #f59231;
  background: rgba(245, 146, 49, 0.15);
}
.buttons a:hover .wrap:before {
  top: 0;
  opacity: 1;
}
.buttons a:hover .wrap span {
  top: -1em;
  opacity: 0;
}
.buttons .contact h3 {
  font-size: 2em;
  font-family: 'MarkWXX', sans-serif;
  padding: 1em 0 0.5em;
}
.buttons .contact .image {
  display: block;
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
}
.buttons .contact .image img {
  display: block;
  width: calc(100% - 1em);
  height: auto;
  border: 0.5em solid #fff;
}
/* Features */
.element.dark {
  background: #303334;
}
.element.dark .faux-link {
  color: #fff;
}
.element.dark a {
  color: #fff;
}
.element.dark a:hover {
  background: #181919;
}
.element.dark .wrap {
  background: #303334;
}
.element.grey {
  background: #f2f2f2;
}
.element.grey a:hover {
  background: #e6e6e6;
}
.element.grey .wrap {
  background: #f2f2f2;
}
.element.orange {
  background: #f59231;
}
.element.orange .faux-link {
  color: #fff;
}
.element.orange a {
  color: #fff;
}
.element.orange a:hover {
  background: #e8780b;
}
.element.orange a:hover .wrap {
  background: #fff;
  color: #303334;
  border-color: #e6e6e6;
}
.element.orange a:hover .wrap:before {
  background: #e6e6e6;
}
.element.orange .wrap {
  background: #f59231;
  border-color: #fff;
}
.element.orange .wrap:before {
  background: #fff;
}
.buttons .ac > * {
  text-align: center;
}
.buttons .al > * {
  text-align: left;
}
/* Structure */
.white {
  background: #fff;
}
.flex {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
.row {
  flex-flow: row wrap;
}
.col {
  flex-flow: column wrap;
}
.structure-0 .a {
  flex: 1 50%;
}
.structure-1 .a {
  flex: 1 33.33333333%;
}
.structure-1 .b {
  flex: 1 66.66666667%;
}
.structure-2 .a {
  flex: 1 25%;
}
.structure-2 .b {
  flex: 1 50%;
}
.structure-2 .c {
  flex: 1 75%;
}
.structure-3 .a {
  flex: 1 20%;
}
.structure-3 .b {
  flex: 1 40%;
}
.structure-3 .c {
  flex: 1 60%;
}
.structure-3 .d {
  flex: 1 80%;
}
.pt0 {
  padding-top: 0;
}
.pt1 {
  padding-top: 1em;
}
.pt2 {
  padding-top: 2em;
}
.pt3 {
  padding-top: 3em;
}
.pb0 {
  padding-bottom: 0;
}
.pb1 {
  padding-bottom: 1em;
}
.pb2 {
  padding-bottom: 2em;
}
.pb3 {
  padding-bottom: 3em;
}
.mt1 {
  margin-top: 1em;
}
.element {
  min-width: 100px;
  box-sizing: border-box;
}
.content {
  flex: 1 100%;
  padding: 2em;
}
.shade {
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  border-radius: 0.5em;
  overflow: auto;
}
.shade .grid {
  background: #fff;
  padding: 3em;
}
.bgw .shade .grid {
  background: #f9f9f9;
}
.grid[data-columns="2"]:not(.flx-rr) .col:nth-child(1) {
  padding-right: 1em;
}
.grid[data-columns="2"]:not(.flx-rr) .col:nth-child(2) {
  padding-left: 1em;
}
.grid.flx-rr[data-columns="2"] .col:nth-child(1) {
  padding-left: 1em;
}
.grid.flx-rr[data-columns="2"] .col:nth-child(2) {
  padding-right: 1em;
}
/* Latest 

.latest { padding: 2em; box-sizing: border-box; background: #f2f2f2; }
.latest h2 { text-align: center; }
.latest a { background: #fff; display: block; text-decoration: none; width: 100%; display: flex; flex-wrap: wrap; }
.latest .image img { display: none; }
.latest .home-news .left { float: left; width: 39%; position: relative; overflow: hidden; }
.latest .home-news .right { float: left; width: 61%; box-sizing: border-box; padding: 0.5em; display: flex; }
.latest .home-news .wrap { float: left; width: 100%; box-sizing: border-box; padding: 0.5em; background: #fff; .transition(); }
.latest .home-news:hover .wrap { background: lighten(#000,90%); }
.latest .home-news .image { height: 100%; width: 100%; float: left; background-size: cover; background-position: center center; position: absolute; }
.latest .cat { display: block; position: absolute; right: 0; top: 0; padding: 0.5em; color: #fff; background: @secondary; text-transform: uppercase; z-index: 1;
	.size { font-size: 0.8em; line-height: 1em; float: left; }
}
.latest .date { color: lighten(#000,25%); font-size: 0.9em; }
.latest h3 { margin-top: 0; }
.latest p { margin: 0; }
.latest img { display: block; width: 100%; height: auto; }

.latest .home-news.double .left { width: 50%; }
.latest .home-news.double .right { width: 50%; }

.latest .home-news.half .left { width: 50%; }
.latest .home-news.half .right { width: 50%; }
.latest .data { display: none; } */
.news-overview .col {
  padding: 1em;
}
.news-overview a {
  background: #fff;
  text-decoration: none;
  border-radius: 0.5em;
  overflow: hidden;
  height: 100%;
  flex-flow: column;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  bottom: 0;
}
.news-overview img {
  display: block;
  width: 100%;
  height: auto;
}
.news-overview .txt {
  padding: 2em;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.news-overview p {
  margin: 0;
  display: none;
}
.news-overview .cat {
  font-weight: 600;
  color: #f59231;
}
.news-overview h3 {
  font-family: 'MarkWXX', sans-serif;
  font-weight: 600;
  text-transform: none;
}
.news-overview .author {
  padding-top: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news-overview .photo,
.news-overview .author .image {
  width: 3em;
  display: block;
  border-radius: 100%;
  overflow: hidden;
}
.news-overview .author .wrap,
.news-overview .author .text {
  float: left;
  width: calc(100% - 3em);
  padding-left: 1em;
}
.news-overview .author .wrap > * {
  float: left;
  width: 100%;
}
.news-overview .author .name {
  font-weight: bold;
}
.news-overview .author h4 {
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  margin: 0;
  text-transform: unset;
}
.news-overview a:hover {
  bottom: 0.5em;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
}
.news-text-wrap p img {
  display: inline-block;
}
.side.menu.info > div {
  height: auto;
}
.horizontal-cards .col {
  padding: 1em;
}
.horizontal-cards .a {
  background: #fff;
  text-decoration: none;
  border-radius: 0.5em;
  overflow: hidden;
  height: 100%;
  flex-flow: column;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  bottom: 0;
}
.horizontal-cards .txt {
  padding: 2em;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.horizontal-cards h3 {
  font-family: 'MarkWXX', sans-serif;
  font-weight: 600;
  text-transform: none;
}
.horizontal-cards .icon {
  background: #f9f9f9;
  width: 50%;
  transform: translateX(-3em) skewX(10deg);
  padding: 1em 1em 1em 3em;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.horizontal-cards .icon img {
  display: block;
  width: 6em;
  height: 6em;
  transform: skewX(-10deg);
}
/* Film */
.film {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  background-size: cover;
}
.film .fix {
  /*position: fixed !important;*/
  top: -50% !important;
  z-index: 0 !important;
  transition: all 0.2s ease-in-out 0s;
  opacity: 1;
}
.film.large {
  height: 30vw;
  min-height: 15em;
}
.buttons .film {
  min-height: 50em;
}
.buttons .fix {
  position: absolute !important;
  z-index: 0 !important;
}
.buttons .fix:after {
  background: rgba(255, 255, 255, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.buttons .film {
  min-height: 25em;
}
.buttons .film a:hover {
  background: transparent;
}
.banner.film img {
  opacity: 0;
}
/* Newsletter */
#newsletter:not(h2) {
  background: #fff;
  box-sizing: border-box;
  padding-left: 2em;
  padding-right: 2em;
}
/*#newsletter #mc_embed_signup_scroll,
#newsletter .editable_content { display: flex; flex-wrap: nowrap; }*/
#newsletter .inner {
  padding: 3em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#newsletter .left {
  max-width: 50%;
}
#newsletter .right {
  max-width: 50%;
}
#newsletter p {
  margin: 0;
}
#newsletter h2 {
  color: #4a4a4a;
  margin-top: 0;
}
#newsletter .mc-field-group,
#newsletter .cr_ipe_item {
  float: left;
  padding-right: 0.5em;
}
#newsletter .mc-field-group[rel~="button"],
#newsletter .cr_ipe_item[rel~="button"] {
  min-width: 15em;
  margin: 0;
}
#newsletter .input-group {
  display: flex;
}
#newsletter input[type="email"],
#newsletter input[type="text"] {
  box-sizing: border-box;
  border-left: none;
  border-top: none;
  border-right: none;
  box-shadow: inset 0px 0px 0px 1px #d6d6d6;
  border: none;
  background: #e9eaea;
  padding: 1em;
  line-height: 3em;
  width: 100%;
  border-radius: 0;
  font-size: 1em;
  height: 3em;
}
#newsletter input[type="email"]:hover,
#newsletter input[type="text"]:hover {
  box-shadow: inset 0px 0px 0px 1px #c5c5c5;
}
#newsletter button[type="submit"] {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 3em;
  padding-right: 3em;
  overflow: hidden;
  position: relative;
  padding-left: 1em;
  padding-right: 0;
  font-size: 1em;
  cursor: pointer;
  text-align: left;
  line-height: 3em;
  padding-top: 0;
  padding-bottom: 0;
}
#newsletter button[type="submit"]:before {
  display: none;
}
#newsletter button[type="submit"]:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e841";
  font-size: 1.25em;
  color: #fff;
  left: auto;
  right: 1em;
}
#newsletter [rel="checkbox"] .clever_form_error {
  border-bottom: 2px solid #f59231;
}
#newsletter div.mce_inline_error {
  display: none !important;
}
#newsletter input.clever_form_error {
  box-shadow: inset 0px 0px 0px 1px #f59231;
  background: #fef9f4;
}
body .ui-widget {
  font-size: inherit;
  font-family: inherit;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 5;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
  cursor: pointer;
}
.ui-selectmenu-menu .ui-menu-item {
  padding: 10px 15px;
  color: #fff;
  background: #262626;
  transition: all 0.2s ease-in-out 0s;
}
.ui-selectmenu-menu .ui-menu-item:hover {
  background: #404040;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
  background: transparent;
}
.ui-selectmenu-menu .ui-state-disabled {
  display: none;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  width: 100% !important;
}
.ui-selectmenu-button:after {
  position: absolute;
  right: 1em;
  top: 0;
  line-height: 3em;
  content: "\e805";
  font-family: "fontello";
}
.ui-selectmenu-button span.ui-selectmenu-text {
  background: #e9eaea;
  text-align: left;
  display: block;
  padding: 1em 3em 1em 1em;
  box-sizing: border-box;
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: inset 0px 0px 0px 1px #d6d6d6;
  border: none;
  transition: all 0.2s ease-in-out 0s;
}
.ui-selectmenu-button.ui-state-hover span.ui-selectmenu-text {
  background: #d2d3d3;
  box-shadow: inset 0px 0px 0px 1px #c5c5c5;
}
/* Content */
.article {
  background: #ffffff;
  /*background: -moz-linear-gradient(left, #ffffff 0%, #ffffff @distance, #e9eaea @distance, #e9eaea 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff @distance,#e9eaea @distance,#e9eaea 100%);
	background: linear-gradient(to right, #ffffff 0%,#ffffff @distance,#e9eaea @distance,#e9eaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9eaea',GradientType=1 );*/
  position: relative;
  overflow: hidden;
}
.article .inner {
  /*background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff @distance, #e9eaea @distance, #e9eaea 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff @distance,#e9eaea @distance,#e9eaea 100%);
	background: linear-gradient(to right, #ffffff 0%,#ffffff @distance,#e9eaea @distance,#e9eaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9eaea',GradientType=1 );*/
  position: relative;
  /*&:before { content: ""; background: @border-color; width: 1px; height: 100%; left: @distance; top: 0; bottom: 0; position: absolute; display: block; }*/
}
/*body .article h2 { font-size: 2.25em; font-weight: 300; }
.article h2,
.article h3 { font-weight: 500; }*/
.article .inner {
  padding: 3em 0;
}
.article .inner > .left {
  float: left;
  width: 65%;
  padding-right: 2em;
  box-sizing: border-box;
  line-height: 1.75em;
}
.article .inner > .right {
  float: right;
  width: 35%;
  box-sizing: border-box;
  position: relative;
}
.article .inner > .right > .side:first-child {
  margin-top: 0;
}
.article.intro,
.article.intro .inner {
  background: #fff;
}
.article.intro h1,
.article.intro h2 {
  text-align: center;
}
.article.intro h1:before,
.article.intro h2:before {
  display: none;
}
.article.intro .text {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  max-width: 45em;
}
.article.clean.trans {
  background-size: 100% auto;
}
.article.clean.trans .inner {
  background-color: transparent;
}
.article.clean.trans:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.article.clean.trans .wrap {
  position: relative;
  z-index: 1;
}
.article.clean,
.article.clean .inner {
  background: #fff;
}
.article.clean .headline {
  text-align: center;
}
.article.clean .headline i {
  font-style: normal;
  font-size: 1.5em;
}
.article.clean .headline h2:before {
  display: none;
}
.article.clean .inner:before {
  display: none;
}
.article.clean.underlay .inner {
  background: transparent;
}
.article.clean.underlay .wrap {
  position: relative;
  z-index: 1;
}
.article.clean .underlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1em;
  font-family: 'MarkWXX', sans-serif;
  color: #e6e6e6;
  font-size: 12vw;
  text-transform: uppercase;
}
.article.clean.white .underlay {
  color: #f9f9f9;
}
.article.clean.grey {
  background: #f9f9f9;
}
.article.clean.grey .inner {
  background: #f9f9f9;
}
.article.clean.grey .underlay {
  color: #f2f2f2;
}
.article.clean.black {
  background: #303334;
  color: #fff;
}
.article.clean.black .headline i {
  color: #d9d9d9;
}
.article.clean.black .headline i b {
  color: #fff;
}
.article.clean.black .inner {
  background: transparent;
}
.article.clean.black h2 {
  color: #fff;
}
.article.clean.black h3 {
  color: #fff;
}
.article.clean.black .underlay {
  color: #3c4041;
}
.article.clean.black .imgWrap:before {
  background: #3c4041;
}
.article.clean.black a {
  color: #bfbfbf;
}
.article.clean.black .quote {
  border-color: #737373;
}
.article.clean.black .quote .low {
  border-color: #737373;
}
.article.clean.black .quote .top {
  color: #fff;
}
.article.clean .imgWrap {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 2em;
}
.article.clean .imgWrap:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.article.clean .img {
  margin: 0 auto;
  display: block;
  max-width: 10em;
  width: 100%;
  position: relative;
}
.article.clean .img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 100%;
  overflow: hidden;
  padding: 1em;
  border: 1px solid #3c4041;
  background: #303334;
  box-sizing: border-box;
}
.two .col {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 1em;
}
.article.nospace .inner {
  padding: 0;
}
.article.nospace.last .inner,
.article.last .inner {
  padding-bottom: 3em;
}
.article.grey {
  background: #f9f9f9;
}
/* Footer */
#lower {
  background: #fcfcfc;
  font-size: 0.9em;
}
#lower .container {
  float: left;
  width: 100%;
}
#lower .inner {
  padding: 3em 0;
  display: flex;
}
#lower ul {
  padding: 0;
  list-style: none;
  width: 100%;
}
#lower ul.awards {
  display: flex;
}
#lower ul.awards span {
  display: none;
}
#lower .element {
  border-right: 1px dashed #d6d6d6;
}
#lower .element:last-child {
  border: none;
}
.connect a {
  line-height: 1em;
  padding: 1em;
  display: block;
  text-decoration: none;
  float: left;
  position: relative;
  background: #fff;
  margin-left: 0.5em;
  transition: all 0.2s ease-in-out 0s;
  text-indent: 9999px;
  overflow: hidden;
  width: 3em;
  height: 3em;
  background: #e6e6e6;
  border-radius: 0.5em;
}
.connect a:hover {
  background: #e6e6e6;
}
.connect a:after {
  display: block;
  width: 2em;
  line-height: 2em;
  font-size: 1.5em;
  text-align: center;
  font-family: "fontello";
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.connect .fb a:after {
  content: "\e801";
}
.connect .fb a:hover {
  background: #3b5998;
  color: #fff;
}
.connect .li a:after {
  content: "\e825";
}
.connect .li a:hover {
  background: #0177b5;
  color: #fff;
}
.connect .xi a:after {
  content: "\e800";
}
.connect .xi a:hover {
  background: #add200;
  color: #fff;
}
.connect .tw a:after {
  content: "\e816";
}
.connect .tw a:hover {
  background: #1da1f2;
  color: #fff;
}
.connect .yt a:after {
  content: "\e815";
}
.connect .yt a:hover {
  background: #d20001;
  color: #fff;
}
.connect .gp a:after {
  content: "\e815";
}
.connect .gp a:hover {
  background: #dd4e3f;
  color: #fff;
}
.connect .ti a:after {
  content: "\e858";
}
.connect .ti a:hover {
  background: #000;
  color: #fff;
  text-shadow: -1px -1px 0 #8bf7ef, 1px 1px 0 #db004f;
}
.connect .pd a:after {
  content: "\e81d";
  transform: translate(-0.1em, -0.1em);
}
.connect .pd a:before {
  content: "\e813";
  display: block;
  width: 1.5em;
  line-height: 1.5em;
  font-size: .6em;
  text-align: center;
  font-family: "fontello";
  text-indent: 0;
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  border: 2px solid #fff;
  border-radius: 100%;
  box-sizing: content-box;
  z-index: 1;
  background: #f2f2f2;
  transition: all 0.2s ease-in-out 0s;
}
.connect .pd a:hover {
  background: red;
  color: #fff;
}
.connect .pd a:hover:before {
  background: #ff1a1a;
  color: #fff;
}
.connect .ig a:after {
  content: "\f16d";
}
.connect .ig a:hover {
  color: #fff;
}
.connect .ig a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  background: #ffd66f;
  background: -moz-linear-gradient(45deg, #ffd66f 0%, #f66f30 25%, #f66f30 25%, #da2778 50%, #7e3eb0 75%, #5163d1 100%);
  background: -webkit-linear-gradient(45deg, #ffd66f 0%, #f66f30 25%, #f66f30 25%, #da2778 50%, #7e3eb0 75%, #5163d1 100%);
  background: linear-gradient(45deg, #ffd66f 0%, #f66f30 25%, #f66f30 25%, #da2778 50%, #7e3eb0 75%, #5163d1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd66f', endColorstr='#5163d1', GradientType=1);
}
.connect .ig a:hover:before {
  opacity: 1;
}
#lower .jubilaeum {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#lower .jubilaeum .row {
  float: left;
  width: 100%;
}
#lower .jubilaeum .col.l {
  float: left;
  width: 80%;
}
#lower .jubilaeum .col.r {
  float: left;
  width: 20%;
  max-width: 5em;
}
#lower .jubilaeum img {
  display: block;
  width: 100%;
  height: auto;
}
/* Footer */
#footer {
  background: #262626;
  color: #fff;
  font-size: 0.9em;
  box-sizing: border-box;
  padding-left: 2em;
  padding-right: 2em;
}
#footer span {
  color: #e6e6e6;
}
#footer .inner {
  padding: 3em 0;
  display: flex;
  justify-content: center;
}
#footer .right ul {
  margin: 0;
  padding: 0;
  float: right;
}
#footer .right li {
  display: inline-block;
  float: left;
  padding: 0 0.5em;
}
#footer .right a {
  color: #fff;
  text-decoration: none;
}
#footer .right a:hover {
  color: #f59231;
}
/* Awards */
.awards {
  margin: 0;
  padding: 0;
  list-style: none;
}
.awards li {
  float: left;
  margin-right: 1em;
}
/* Banner */
.mb {
  margin-bottom: 5em;
}
.banner {
  position: relative;
  padding: 0;
}
.banner .flex {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 3;
}
.banner .flex.left {
  align-items: flex-end;
}
.banner .flex.center {
  justify-content: center;
  align-items: flex-end;
}
.banner .flex.right {
  justify-content: flex-end;
  align-items: center;
}
.banner .blo {
  width: 25vw;
  height: auto;
  padding: 2em;
  box-sizing: border-box;
  margin-right: 4vw;
  min-width: 30em;
}
.banner .blo img {
  display: block;
  width: 100%;
  height: auto;
}
.banner picture,
.banner img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.banner .button {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner .quote {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 1024px;
  background: rgba(255, 255, 255, 0.95);
  box-sizing: border-box;
  padding: 2em;
  font-family: 'MarkWXX', sans-serif;
  border: 1px solid #fff;
}
.banner .quote .portrait {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 10em;
  padding-bottom: 2em;
}
.banner .quote .portrait img {
  background: #fff;
  padding: 0.5em;
  box-sizing: border-box;
}
.banner .text {
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1em;
  position: relative;
}
.banner .text p {
  margin: 0;
}
.banner .author {
  text-transform: uppercase;
  float: left;
  width: 100%;
  padding-top: 1em;
  margin-top: 1em;
  position: relative;
}
.banner .author:before {
  width: 50%;
  height: 1px;
  background: #f59231;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.banner.fixed {
  background-size: cover;
  background-attachment: fixed;
}
.banner.fixed img {
  opacity: 0;
}
.banner .pos {
  width: 100%;
  max-width: 16em;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  font-family: 'MarkWXX', sans-serif;
  right: 1em;
  bottom: 1em;
  z-index: 1;
  padding-bottom: 3em;
}
.banner .source.txt {
  width: 100%;
  text-align: center;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  padding: 1em;
  z-index: 1;
}
.banner .source.txt:before {
  content: "";
  width: 2em;
  height: 2em;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.5em;
  margin: 0 auto;
  transform: rotate(45deg);
  z-index: -1;
}
.banner .source.toggle {
  width: 2em;
  height: 2em;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  bottom: 0;
  border-radius: 100%;
  text-indent: -9999px;
}
.banner .source.toggle:after {
  content: "\e829";
  font-family: "fontello";
  width: 2em;
  text-align: center;
  line-height: 2em;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  display: block;
}
.banner .video {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  height: 0;
  overflow: hidden;
}
.banner .video > div {
  float: left;
  width: 100%;
  height: auto;
}
.banner .video > div > video {
  float: left;
  width: 100%;
  height: auto;
}
.banner .vjs-tech {
  position: relative;
}
.banner .play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-family: 'MarkWXX', sans-serif;
  font-weight: 300;
}
.banner .play .top {
  font-size: 1.5em;
  display: block;
  padding-bottom: 1em;
}
.banner .play span {
  position: relative;
}
.banner .play span:before {
  font-family: "fontello";
  content: "";
}
.banner.playvid .fix {
  opacity: 0;
}
body .video-js .vjs-play-progress {
  background: #f59231;
}
body .video-js .vjs-control-bar {
  background: rgba(48, 51, 52, 0.85);
}
body .video-js .vjs-load-progress div,
body .video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.25);
}
.bnnr.mh-100 img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  /*position: absolute;*/
}
.bnnr.mh-100 li {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.bnnr li.ht img {
  opacity: 0.8;
}
.bnnr li.ht:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(175deg, rgba(22, 22, 21, 0) 38%, rgba(26, 26, 25, 0.6));
  z-index: 1;
}
.bnnr .wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 3em;
}
.bnnr[class*="frame"]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bnnr.frame-white:after {
  box-shadow: inset 1em 1em #ffffff, inset -1em -1em #ffffff;
}
.bnnr.frame-grey:after {
  box-shadow: inset 1em 1em #f9f9f9, inset -1em -1em #f9f9f9;
}
.bnnr.frame-dark:after {
  box-shadow: inset 1em 1em #000000, inset -1em -1em #000000;
}
.bnnr .center > span {
  display: block;
}
.bnnr.slider .inner {
  width: 100%;
}
.bnnr .font2 {
  font-family: 'Conneqt', sans-serif;
}
.bnnr .text-teaser {
  max-width: 35em;
  width: 100%;
  color: #fff;
}
.bnnr .text-more {
  padding: 2em;
  background: #fff;
  width: 35em;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  transform: translateX(35em);
  transition: all 0.2s ease-in-out 0s;
}
.bnnr .text-more.open {
  transform: translateX(0);
}
.bnnr .close {
  overflow: hidden;
  width: 3em;
  height: 3em;
  border: 1px solid #000;
  border-radius: 100%;
  text-decoration: none;
  display: block;
  text-indent: -999px;
  position: absolute;
  right: 2em;
  top: 2em;
}
.bnnr .close:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e809";
  font-size: 1.5em;
}
.bnnr li.fade:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(-85deg, rgba(22, 22, 21, 0) 38%, rgba(26, 26, 25, 0.6));
  z-index: 1;
}
/*.sldr .flex-direction-nav a { width: 3em; height: 3em; left: auto; right: auto; opacity: 1; text-align: left; text-indent: -999px; overflow: hidden; background: #fff; margin: 0; top: 0; bottom: 0; margin: auto; color: #000; .transition(); text-shadow: none;
	&:hover { background: @primary; color: #fff; }
}

.sldr .flex-direction-nav a:after { .centerIcon(); font-size: 1.5em; color: inherit; }
.sldr .flex-direction-nav a.flex-prev { left: 0; }
.sldr .flex-direction-nav a.flex-next { right: 0; }
.sldr .flex-direction-nav a.flex-next:after { content: "\e801"; }
.sldr .flex-direction-nav a.flex-prev:after { content: "\e800"; }

.sldr .flex-control-nav { position: absolute; bottom: 1em; display: flex; justify-content: flex-start; z-index: 2; left: 0; right: 0; width: 100%; max-width: 1500px; margin: 0 auto; }
.sldr .flex-control-nav li { margin: 0 0.15em; }
.sldr .flex-control-nav a { background: #fff; width: 1em; height: 1em; border: 1px solid @primary; position: relative; 
	&:after { .centerIcon(); content: ""; width: 0.75em; height: 0.75em; border-radius: 100%; background: @primary; transform: scale(0); .transition-smooth(); }
	&:hover { background: #fff; }
	&:hover:after { transform: scale(1.2); }
	&.flex-active:after { transform: scale(0.8); }
}
.sldr .flex-control-nav a.flex-active { background: #fff; }
.sldr .btn { font-size: 0.8em; }*/
.bnnr img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
/* Side Text */
.article.wide .side.text {
  width: calc(100% - 2em);
  margin-left: 2em;
}
.side.text {
  float: left;
  width: calc(100% - 1em);
  margin-left: 1em;
  margin-top: 1em;
  box-sizing: border-box;
}
/* Side Contact */
.side.contact {
  background: #fff;
  float: left;
  width: 100%;
  margin-top: 1em;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
}
.side.contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
.side.contact li {
  float: left;
  width: 100%;
}
.side.contact .top {
  background: #303334;
  color: #fff;
  float: left;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.side.contact .center {
  text-align: center;
}
.side.contact .center .name {
  width: 100%;
}
.side.contact .image {
  float: left;
  margin-right: 1em;
  width: 25%;
}
.side.contact .image img {
  width: 100%;
  height: auto;
  display: block;
}
.side.contact .name {
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1em;
  margin: 0.5em 0;
  padding: 0;
  text-transform: uppercase;
}
.side.contact .wrap {
  float: left;
  width: 100%;
  background: #fff;
}
.side.contact .row.pos {
  float: left;
  width: 100%;
  background: #f2f2f2;
  padding: 0.5em 0;
  font-family: 'MarkWXX', sans-serif;
  text-align: center;
}
.side.contact .row {
  float: left;
  width: 100%;
  padding: 0em 1em 0em 2em;
  box-sizing: border-box;
  position: relative;
}
.side.contact .details {
  padding: 1em;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.side.contact .phone:before {
  content: "\e843";
  font-family: "fontello";
  display: block;
  width: 2em;
  text-align: center;
  line-height: 2em;
  color: #f59231;
  position: absolute;
  left: 0;
  top: -0.2em;
}
.side.contact .mail a {
  text-decoration: none;
  border-bottom: 1px dotted #f59231;
}
.side.contact .mail a:hover {
  border-color: #303334;
}
.side.contact .mail:before {
  content: "\e810";
  font-family: "fontello";
  display: block;
  width: 2em;
  text-align: center;
  line-height: 1.75em;
  color: #f59231;
  position: absolute;
  left: 0;
  top: -0.2em;
}
/* Benefits */
#benefits {
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
  border-top: 1px dashed #d6d6d6;
}
#benefits .inner {
  padding: 3em 0;
}
#benefits ul {
  margin: 0;
  padding: 0;
  line-height: 3em;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#benefits li {
  width: 50%;
  position: relative;
  padding: 0 0 0 4em;
  box-sizing: border-box;
}
#benefits li:before {
  font-family: "fontello";
  font-size: 1.5em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  left: 0;
  top: 0;
  position: absolute;
  color: #f59231;
}
#benefits li.stu:before {
  content: "\e822";
}
#benefits li.piz:before {
  content: "\e823";
}
#benefits li.cha:before {
  content: "\e824";
}
#benefits li.sun:before {
  content: "\e814";
}
#benefits li.com:before {
  content: "\e826";
}
#benefits li.sec:before {
  content: "\e827";
}
#benefits li.mon:before {
  content: "\e82b";
}
#benefits li.cof:before {
  content: "\e82c";
}
#benefits li.car:before {
  content: "\e828";
}
#benefits li.hap:before {
  content: "\e82a";
}
/* Jobs */
#jobs {
  background: #f9f9f9;
  border-bottom: 1px solid #d6d6d6;
}
#jobs .inner {
  padding: 3em 0;
}
#jobs .job {
  float: left;
  width: 100%;
  background: #fff;
}
#jobs .job:not(:first-child) {
  margin-top: 0.5em;
}
#jobs a.top {
  float: left;
  width: 100%;
  position: relative;
  text-decoration: none;
}
#jobs a.top:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: #f59231;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 1.5em;
  transition: all 0.2s ease-in-out 0s;
}
#jobs a.top:after {
  content: "\e807";
  font-family: "fontello";
  display: block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 1.5em;
  transition: all 0.2s ease-in-out 0s;
  transform: rotate(0deg);
}
#jobs .name {
  padding: 1em;
  float: left;
  width: 100%;
  color: #fff;
  background: #303334;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
#jobs .name h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.2em;
  max-width: 90%;
}
#jobs .description {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
}
#jobs .container {
  float: left;
  width: 100%;
  padding: 2em;
  box-sizing: border-box;
}
#jobs .tools {
  float: left;
  width: 100%;
  padding: 0.5em;
  background: #e6e6e6;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out 0s;
  font-size: 0.8em;
}
#jobs .tag {
  color: #fff;
  padding: 0.5em;
  background: #f59231;
  float: left;
  transition: all 0.2s ease-in-out 0s;
}
#jobs .tag:not(:first-child) {
  margin-left: 0.5em;
}
#jobs .button {
  float: left;
  width: 100%;
  background: #e6e6e6;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
#jobs .button .btn {
  margin-right: 3em;
}
#jobs a.top:hover .name {
  background: #181919;
}
#jobs a.top:hover .tools {
  background: #cccccc;
}
#jobs a.top.open:after,
#jobs a.top:hover:after {
  transform: rotate(90deg);
}
#jobs a.top:hover:before,
#jobs a.top:hover .tag {
  background: #e8780b;
}
/* Notice */
.notice {
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0em 1em;
  border-left: 2px solid #57c0f8;
  background: #eaf7fe;
  color: #0774af;
  margin-top: 1em;
}
.notice-yellow {
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0em 1em;
  border-left: 2px solid #ffd324;
  background: #fff6bf;
  color: #514721;
  margin-top: 1em;
}
/* Kontakt */
#page10 .tx-powermail .col {
  height: 0;
  overflow: hidden;
  position: relative;
}
#page10 .tx-powermail .col > div:first-child {
  padding-top: 1em;
  margin: 0;
}
#page10 .tx-powermail .col > div:last-child {
  padding-bottom: 1em;
}
#page10 .powermail_fieldwrap_rckrufgewnscht .powermail_label {
  opacity: 0;
}
#page10 .powermail_fieldwrap_rckrufgewnscht:after {
  width: 2em;
  height: 2em;
  content: "\e843";
  display: block;
  font-family: "fontello";
  position: absolute;
  right: -3.3em;
  top: 0;
  background: #303334;
  font-size: 1.5em;
  text-align: center;
  line-height: 2em;
  color: #fff;
  border-radius: 100%;
  transition: all 0.2s ease-in-out 0s;
}
#page10 .powermail_fieldwrap_rckrufgewnscht.act:after {
  background: #f59231;
}
/* Team */
#filter {
  float: left;
  background: #303334;
  padding-top: 3em;
  padding-bottom: 3em;
  color: #fff;
}
#filter .ui-selectmenu-text {
  background: #000;
  box-shadow: none;
}
#filter .controls {
  float: left;
  width: 100%;
  position: relative;
}
#filter label {
  float: left;
  padding-right: 1em;
  font-weight: 700;
  line-height: 3em;
}
#filter select {
  box-sizing: border-box;
  border-left: none;
  border-top: none;
  border-right: none;
  border: 1px solid #d6d6d6;
  background: #f8f8f8;
  height: 3.3em;
  padding: 0 1em;
  border-radius: 0;
  height: 3em;
  cursor: pointer;
  color: #444;
  min-width: 50%;
}
#filter h3 {
  color: #fff;
  line-height: 2rem;
  height: 3rem;
  margin: 0;
}
#filter .col {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 0.5em;
  border: none;
  margin: 0;
}
#filter .col select {
  width: 100%;
}
#filter .left {
  float: left;
  width: calc(100% - 3em);
}
#filter .right {
  float: left;
  width: 3em;
}
#filter .right a {
  display: block;
  text-indent: -9999px;
  width: 3em;
  height: 3em;
  text-decoration: none;
  background: #f59231;
  transition: all 0.2s ease-in-out 0s;
  margin-top: 3rem;
  position: relative;
  color: #fff;
}
#filter .right a:hover {
  background: #e8780b;
}
#filter .right a:after {
  font-family: "fontello";
  content: "\e81f";
  display: block;
  font-size: 1.5em;
  width: 2em;
  text-align: center;
  line-height: 2em;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
}
#finder .col select option:disabled {
  background: #efefef;
}
#page20 #mix.ansp,
#page69 #mix.ansp {
  border-top: 1px solid #d6d6d6;
}
#mix.ansp .container {
  background: #e7e7e7;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
}
.mix.ppl {
  display: none;
  width: 20%;
  float: left;
  text-align: left;
  background: #fff;
  box-sizing: border-box;
  transition: background-color 0.2s ease-in-out 0s;
}
.mix.ppl:hover {
  background: #efefef;
}
.mix.ppl .image {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #efefef;
}
.mix.ppl .image img {
  display: block;
  width: 100%;
  height: auto;
}
.mix.ppl .image .one {
  position: relative;
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
}
.mix.ppl .image .two {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
}
.mix.ppl:hover .one {
  opacity: 0;
}
.mix.ppl:hover .two {
  opacity: 1;
}
.mix.ppl .bold {
  font-weight: 700;
  padding-bottom: 0.5em;
}
.mix.ppl .bold span {
  display: block;
  color: #aaaaaa;
}
.mix.ppl .text {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 2em;
}
.mix.ppl h3 {
  color: #444;
  text-transform: uppercase;
  font-size: 2em;
}
.mix.ppl .info {
  width: 100%;
  float: left;
}
.mix.ppl .mail {
  width: 2em;
  float: left;
}
.mix.ppl .mail a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 2em;
  height: 2em;
  position: relative;
  text-decoration: none;
  color: #303334;
  transition: all 0.2s ease-in-out 0s;
}
.mix.ppl .mail a:hover {
  background: #f59231;
  color: #fff;
}
.mix.ppl .mail a:after {
  display: block;
  content: "\e810";
  font-family: "fontello";
  width: 2em;
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
}
.mix.ppl .m {
  display: none;
}
.mix.ppl .phone {
  float: left;
  position: relative;
  padding-left: 2em;
  line-height: 2em;
  color: #808080;
}
.mix.ppl .phone:before {
  display: block;
  content: "\e843";
  font-family: "fontello";
  width: 2em;
  font-size: 1em;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
}
.mix.ppl .row {
  float: left;
  width: 100%;
}
.mix.ppl .left {
  float: left;
  width: 5em;
}
.mix.ppl .right {
  float: left;
  width: calc(100% - 5em);
}
.mix.ppl.nofilter {
  display: block;
}
.mix.ppl.nofilter.wide {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
.mix.ppl.nofilter.wide .image {
  width: 35%;
}
.mix.ppl.nofilter.wide .text {
  width: 65%;
}
/* Call to Action */
.cta.lgrey {
  background: #f2f2f2;
}
.cta.grey {
  background: #e7e7e7;
}
.cta.black {
  background: #303334;
}
.cta.orange {
  background: #f59231;
}
.cta.orange .btn.outline {
  border-color: #646464;
}
.cta.orange .btn:hover {
  border-color: #4a4a4a;
  background: #313131;
}
.cta.orange .btn:before {
  background: #313131;
}
.cta.orange .btn:hover:before {
  background: #171717;
}
.cta.orange .btn {
  background: #4a4a4a;
}
.cta.orange .btn:after {
  background: #313131;
}
.cta .inner {
  padding: 3em 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
/*.cta .btn.more { margin-right: 3em; 
	&:before { background: darken(@secondary,5%); }
}*/
.cta .row {
  float: left;
  width: 100%;
  text-align: center;
}
.cta .trigger {
  float: left;
  width: 100%;
  font-family: 'MarkWXX', sans-serif;
  padding-bottom: 1.5em;
  font-size: 1.5em;
  font-weight: 600;
}
.cta .trigger.np {
  padding: 0;
}
.cta.black .trigger {
  color: #fff;
}
.cta .row.item2 {
  font-size: 0.8em;
  margin-top: 1em;
}
.cta .row.item2 .btn {
  background: #484d4f;
}
.cta .row.item2 .btn:hover {
  background: #f48519;
}
/* Films */
#films {
  background: #fff;
}
#films .inner {
  padding: 3em 0;
}
#films .row {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#films .row.right {
  flex-direction: row-reverse;
}
#films .col {
  float: left;
  width: 50%;
  position: relative;
}
#films .des {
  box-sizing: border-box;
  padding: 1em;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#films .container {
  width: 100%;
  max-width: 25em;
}
#films img {
  width: 100%;
  height: auto;
  display: block;
}
#films .container ul {
  list-style: none;
  padding: 0;
}
#films .btn-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#films .btn-wrap .pop {
  opacity: 0;
  top: -3em;
  position: absolute;
  width: 100%;
  left: 0;
  transition: all 0.2s ease-in-out 0s;
  height: 0;
  overflow: hidden;
}
#films .btn-wrap .pop.act {
  opacity: 1;
  top: 0;
  height: auto;
}
#films .btn-wrap .center {
  position: relative;
  height: 3em;
  width: 100%;
}
#films .more {
  opacity: 1;
  bottom: 0;
  position: relative;
}
#films .more.act {
  opacity: 0;
  bottom: -3em;
  cursor: default;
}
#films .mobile {
  display: none;
}
/* Side Winkom */
.side.winkom {
  background: #fff;
  float: left;
  width: 100%;
  margin-top: 1em;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
}
.side.winkom .top {
  background: #303334;
  box-sizing: border-box;
  padding: 0 1em;
  float: left;
  width: 100%;
}
.side.winkom .top h3 {
  color: #fff;
  float: left;
  width: 100%;
}
.side.winkom .top a {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 1em;
  top: 0.5em;
  background: #0099cc;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
  border-radius: 100%;
  text-decoration: none;
  color: #fff;
}
.side.winkom .top a:after {
  content: "i";
  text-indent: 0;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}
.side.winkom .tags {
  background: #f2f2f2;
  float: left;
  width: 100%;
  padding: 0.5em;
  box-sizing: border-box;
}
.side.winkom .tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.side.winkom .tags li {
  width: calc(50% - 1em);
  display: block;
  padding: 0.5em;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  margin: 0.5em;
}
.side.winkom .text {
  float: left;
  padding: 0 1em;
  box-sizing: border-box;
}
.orange {
  background: #f59231;
}
.blue {
  background: #0099cc;
}
.red {
  background: #ff6633;
}
.green {
  background: #66cc33;
}
/* TL;DR */
.side.tldr {
  font-size: 1.2em;
  float: left;
  width: calc(100% - 1em);
  margin-left: 1em;
  margin-top: 1em;
  border-left: 1px solid #d6d6d6;
  box-sizing: border-box;
  padding: 0 1em;
  position: relative;
  font-family: 'MarkWXX', sans-serif;
}
.side.tldr:before {
  content: "";
  width: 1em;
  height: 1px;
  background: #d6d6d6;
  position: absolute;
  left: -1em;
  top: 1em;
}
.quote {
  float: left;
  width: 100%;
  padding: 2em 2em 1em 2em;
  box-sizing: border-box;
  border-left: 3px solid #ececec;
}
.quote.text-center {
  border: none;
}
.quote .top {
  padding: 0;
  margin: 0;
  position: relative;
  color: #000;
  font-size: 1.25em;
}
.quote .top:before {
  content: "“";
  font-family: 'fontello';
  font-size: 6em;
  position: relative;
  height: 0.05em;
  display: block;
  color: #f59231;
}
.quote .low {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.quote .author {
  float: left;
  width: 100%;
}
.quote .position {
  float: left;
  width: 100%;
  font-size: 0.9em;
  font-style: italic;
  color: #a6a6a6;
}
.quote .image {
  float: left;
  width: 15%;
}
.quote .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 100%;
  overflow: hidden;
}
.quote blockquote {
  background: transparent;
  overflow: visible;
  border: none;
}
.article .inner > .right .quote {
  margin-top: 1em;
}
.article.pt .inner {
  padding-bottom: 0;
  padding-top: 3em;
}
.article.np .inner {
  padding: 0;
}
.article.pb .inner {
  padding-top: 0;
  padding-bottom: 3em;
}
/* Question */
.question {
  background: #303334;
  color: #fff;
  box-sizing: border-box;
  padding: 2em;
  margin: 0 0 2em;
  float: left;
  width: 100%;
}
.question .header {
  padding-bottom: 1em;
  color: #f59231;
  font-size: 1.5em;
}
.question .text {
  position: relative;
}
.question .text:before {
  content: "“";
  font-size: 4em;
  position: absolute;
  left: 0em;
  top: 0.25em;
  font-family: 'MarkWXX', sans-serif;
}
.question .text span {
  font-size: 2em;
  font-family: 'MarkWXX', sans-serif;
  line-height: 1em;
  display: block;
  padding-left: 1em;
}
/* Slider */
.slider {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
}
.bnnr .navi {
  display: none;
}
.sldr .navi {
  display: flex;
}
.navi {
  position: absolute;
  left: 3em;
  right: 3em;
  height: 2.5em;
  bottom: 2em;
  z-index: 3;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  max-width: 1500px;
}
.navi .flex-control-nav {
  position: relative;
  bottom: auto;
  background: #fff;
  width: auto;
  display: flex;
  padding: 0.75em;
  border-radius: 1.5em;
}
.navi .flex-control-nav a {
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background: #d9d9d9;
  box-shadow: none;
  transition: all 0.2s ease-in-out 0s;
}
.navi .flex-control-nav a.flex-active {
  background: #f59231;
}
.navi .flex-direction-nav {
  position: absolute;
  left: 0;
  display: flex;
}
.navi .flex-direction-nav li {
  margin-right: 0.5em;
}
.navi .flex-direction-nav a {
  position: relative;
  width: 2.5em;
  height: 2.5em;
  margin: 0;
  top: auto;
  background: #fff;
  border: 1px solid #f59231;
  opacity: 1;
  text-indent: -999px;
  overflow: hidden;
  border-radius: 100%;
  text-align: left;
  color: #f59231;
  transition: all 0.2s ease-in-out 0s;
}
.navi .flex-direction-nav a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 1.25em;
}
.navi .flex-direction-nav a:hover {
  border-color: #303334;
  color: #303334;
}
.navi .flex-direction-nav .flex-prev {
  left: 0;
}
.navi .flex-direction-nav .flex-prev:after {
  content: "\e806";
}
.navi .flex-direction-nav .flex-next {
  right: 0;
}
.navi .flex-direction-nav .flex-next:after {
  content: "\e807";
}
.invert .navi .flex-direction-nav a {
  background: #f59231;
  color: #fff;
}
.hero-slider {
  width: 100%;
}
[class*="hero"] .overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3em;
  z-index: 1;
}
.hero-tabs {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
  position: relative;
}
.hero-tabs .flex-viewport a {
  padding: 2em 0;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
}
.hero-tabs .flex-viewport a span {
  display: block;
  width: 100%;
}
.hero-tabs .flex-viewport a .headline {
  font-family: 'MarkWXX', sans-serif;
  font-size: 2em;
  margin: 1em 0;
  line-height: 1.25em;
  font-weight: 600;
  position: relative;
  clear: both;
  font-weight: bold;
}
.hero-tabs .flex-viewport a .headline span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.hero-tabs .flex-viewport a .headline span:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  height: 50px;
  width: 100%;
  background-image: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/underline.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  pointer-events: none;
  overflow: visible;
  transform: translateY(100%);
  z-index: -1;
}
.hero-tabs .flex-viewport a .headline .headline-anchor {
  opacity: 0;
  display: none;
  transition: all 0.2s ease-in-out 0s;
}
.hero-tabs .flex-viewport a .headline:hover .headline-anchor {
  opacity: 1;
}
[class*="hero"] .flex-direction-nav {
  position: absolute;
  width: 100%;
  top: 50%;
}
[class*="hero"] .flex-direction-nav a.flex-prev,
[class*="hero"] .flex-direction-nav a.flex-next {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1 !important;
  margin: 0;
  display: flex;
  align-items: center;
  text-align: left;
  text-indent: -999px;
  outline: none;
}
[class*="hero"] .flex-direction-nav a.flex-prev:after,
[class*="hero"] .flex-direction-nav a.flex-next:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 3em;
  color: #f59231;
}
[class*="hero"] .flex-direction-nav a.flex-prev:after {
  content: "\e806";
}
[class*="hero"] .flex-direction-nav a.flex-next:after {
  content: "\e807";
}
[class*="hero"] .flex-direction-nav a.flex-prev {
  left: auto;
}
[class*="hero"] .flex-direction-nav a.flex-next {
  right: auto;
}
[class*="hero"] .flex-direction-nav li.flex-nav-next,
[class*="hero"] .flex-direction-nav li.flex-nav-prev {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
}
[class*="hero"] .flex-direction-nav li.flex-nav-next {
  right: 0;
}
[class*="hero"] .flex-direction-nav li.flex-nav-prev {
  left: 0;
}
.hero-slider .flex-direction-nav li.flex-nav-next {
  right: 2em;
}
.hero-slider .flex-direction-nav li.flex-nav-prev {
  left: 2em;
}
[class*="hero"] .flex-disabled {
  display: none !important;
}
[class*="hero"] .center {
  width: 100%;
  max-width: 40em;
}
[class*="hero"] .block {
  padding: 2em;
  width: 100%;
  max-width: 20em;
}
[class*="hero"] .block h2 {
  font-family: 'Conneqt', sans-serif;
  font-weight: 300;
}
[class*="hero"] .btn ~ .btn {
  margin-left: 1em;
}
.hero-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.hero-popup > div {
  width: 100%;
  padding: 3em;
  max-width: 800px;
  background: #fff;
  position: relative;
}
.hero-popup.hidden {
  display: none;
}
.hero-popup.is-active {
  transform: scale(1);
}
.hero-popup-close {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  width: 3em;
  height: 3em;
  border-radius: 100%;
  border: 2px solid #000;
  text-indent: -999px;
  overflow: hidden;
}
.hero-popup-close:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e809";
  font-size: 1.5em;
}
.home-hero {
  min-height: 75vh;
  font-size: 1.2em;
}
.home-hero a:nth-child(2) {
  margin-left: 1em;
}
.home-hero > div:not(.wrap) {
  z-index: 0 !important;
}
.home-hero .txt {
  max-width: 55em;
  position: relative;
}
.home-hero .txt:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 100vw;
  height: 100%;
  right: -10%;
  top: 0;
  transform: skewX(-10deg);
  border-radius: 1em;
}
.home-hero video {
  margin: auto;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  visibility: visible;
  opacity: 1;
  width: 100%;
  transform: translate(-50%, -50%);
}
.home-divider.low {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  height: 3em;
}
.home-divider.top {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  height: 3em;
}
.home-divider svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.home-divider.primary svg {
  fill: #303334;
}
[data-offset="2"] {
  transform: translateY(2em);
}
[data-offset="1"] {
  transform: translateY(1em);
}
[data-offset="-1"] {
  transform: translateY(-1em);
}
[data-offset="-2"] {
  transform: translateY(-2em);
}
/* Hideable */
.cHideable {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  line-height: 1.75em;
}
.cHideable.hidden {
  height: 0;
  overflow: hidden;
}
.cHideable .column.wrap {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}
.cHideable .column .inner {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cHideable .column .col {
  display: flex;
  box-sizing: border-box;
  border-right: 1px solid #d6d6d6;
}
.cHideable.item2 .column .col {
  width: 50%;
}
.cHideable.item3 .column .col {
  width: 33.33333333%;
}
.cHideable.item3 .column .col:last-child {
  border: none;
}
.cHideable .column .col > .inn {
  padding: 2em;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.cHideable.item3 .zebra .col:nth-child(2) {
  background: #f2f2f2;
}
.cHideable.item3 .zebra .col {
  border: none;
}
.cHideable .row.wrap {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.cHideable .row .inner {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cHideable .row .wide {
  float: left;
  width: 100%;
  padding: 2em 0;
}
.cHideable .row .hdl {
  width: 30%;
  border-bottom: 0.25em solid #f59231;
}
.cHideable .row .text {
  width: 65%;
}
.cHideable .row .left {
  float: left;
}
.cHideable .row .right {
  float: right;
}
.cHideable .bgr {
  float: left;
  width: 100%;
}
.cHideable .bgr.even {
  background: #f2f2f2;
}
.cHideable .col {
  width: 100%;
}
/* Reference */
#reference {
  float: left;
  width: 100%;
}
#reference > ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#reference > ul li {
  width: 20%;
  position: relative;
}
#reference > ul a {
  text-decoration: none;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#reference > ul a:hover img {
  transform: scale(1.1);
}
#reference > ul img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 0.2s ease-in-out 0s;
}
#reference > ul span {
  display: block;
}
#reference > ul .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2em;
  font-family: 'MarkWXX', sans-serif;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out 0s;
  z-index: 1;
}
#reference > ul .wrap {
  padding: 1em;
  box-sizing: border-box;
  background: #fff;
  display: inline-block;
}
#reference .banner {
  overflow: hidden;
}
#reference .monitor {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 37vw;
  top: 2em;
  z-index: 1;
}
#reference .rSlider {
  position: absolute;
  left: 0;
  right: 0;
  top: 5%;
  margin: 0 auto;
  height: 70%;
  width: 90%;
  z-index: -1;
  border: none;
  background: #fff;
}
#reference .flex-direction-nav {
  position: absolute;
  left: 0;
  right: 0;
  width: 88%;
  top: 11vw;
  margin: 0 auto;
  z-index: 1;
  height: 2em;
}
#reference .flex-direction-nav li {
  width: 2em;
  height: 2em;
  display: block;
  position: absolute;
}
#reference .flex-direction-nav a {
  width: 2em;
  height: 2em;
  display: block;
  opacity: 1;
  background: #fff;
  text-indent: -9999px;
  text-align: left;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  text-decoration: none;
  color: #303334;
  transition: all 0.2s ease-in-out 0s;
}
#reference .flex-direction-nav a:hover {
  background: #f59231;
  color: #fff;
}
#reference .flex-direction-nav a:after {
  font-family: "fontello";
  width: 2em;
  height: 2em;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 2em;
  text-align: center;
  font-size: 1em;
  color: inherit;
}
#reference .flex-nav-prev {
  left: 0;
}
#reference .flex-nav-prev a:after {
  content: "\e806";
}
#reference .flex-nav-next {
  right: 0;
}
#reference .flex-nav-next a:after {
  content: "\e807";
}
#reference .mobile {
  display: none;
}
#reference .tags {
  float: left;
  width: 100%;
  border-top: 1px solid #d6d6d6;
  margin-top: 2em;
  padding-top: 1em;
}
#reference .tags ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#reference .tags ul li {
  padding: 0 0.5em 0 3em;
  line-height: 3em;
  position: relative;
}
#reference .tags li:after {
  font-family: "fontello";
  color: #f59231;
  width: 2em;
  height: 2em;
  line-height: 2em;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.5em;
  text-align: center;
}
#reference .tags li.res:after {
  content: "\e82d";
}
#reference .tags li.cod:after {
  content: "\e81a";
}
#reference .tags li.bub:after {
  content: "\e80a";
}
#reference .tags li.eml:after {
  content: "\e810";
  line-height: 1.75em;
}
#reference .button {
  text-align: center;
  float: left;
  width: 100%;
  padding-top: 2em;
}
/* History */
#history {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  height: auto;
  float: left;
}
#history article {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 2em 0;
  position: relative;
}
#history article .container {
  z-index: 10;
  position: relative;
}
#history article.odd .container {
  float: left;
  width: 45%;
}
#history article.even .container {
  float: right;
  width: 45%;
}
#history .historyFact {
  float: left;
  width: 100%;
  padding: 1em 0;
  position: relative;
  color: #808080;
}
#history .historyFact:after {
  content: "";
  display: block;
  height: 1px;
  left: -1.75em;
  position: absolute;
  top: 1.75em;
  width: 1.25em;
  border-top: 1px dashed #d6d6d6;
}
#history .odd .historyFact {
  text-align: right;
}
#history .odd .historyFact:after {
  left: auto;
  right: -1.75em;
}
#history .even .historyFact {
  text-align: left;
}
#history .historyFact .wrap {
  padding: 0 1em;
  font-size: 0.9em;
}
#history .historyWrapper {
  padding: 0 1em;
}
#history .odd .historyImage {
  float: right;
  width: 45%;
}
#history .even .historyImage {
  float: left;
  width: 45%;
}
#history .even .historyImage img {
  float: right;
}
#history .historyImage img {
  float: left;
  width: 50%;
  height: auto;
  display: block;
}
#history h3 {
  color: #f59231;
  padding: 0.5em;
  margin: 0;
}
#history .odd {
  text-align: right;
}
#history .even {
  text-align: left;
}
#history .dot {
  width: 0.5em;
  height: 0.5em;
  background: #f59231;
  border-radius: 0.5em;
  position: relative;
  top: 2em;
  left: calc(49.5%);
  z-index: 10;
}
#history .dot.outline {
  bottom: 3.65em;
  top: auto;
  background: #fff;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  position: absolute;
}
#history .dotLine {
  width: 5%;
  height: 1px;
  background: #d6d6d6;
  position: relative;
  top: 1.75em;
}
#history .even .dotLine {
  left: 50%;
}
#history .odd .dotLine {
  left: 45%;
}
#history::after {
  content: "";
  width: 1px;
  background: #d6d6d6;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  height: 100%;
}
#history .squiggle * {
  box-sizing: border-box;
}
#history .squiggle {
  position: absolute;
  width: 3em;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  z-index: 1;
  padding-bottom: 2px;
}
#history .squiggle .row {
  float: left;
  width: 100%;
  height: 0.5em;
}
#history .squiggle .row:nth-child(1) span {
  display: block;
  float: right;
  width: 50%;
  height: 0.5em;
}
#history .squiggle .row:nth-child(1) span:before {
  content: "";
  display: block;
  width: 50%;
  height: 0.5em;
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  border-bottom-left-radius: 0.5em;
}
#history .squiggle .row:nth-child(2) span {
  display: block;
  float: right;
  width: 25%;
  height: 0.5em;
}
#history .squiggle .row:nth-child(2) span:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  border-top: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
#history .squiggle .row:nth-child(3) span {
  width: 100%;
  height: 0.5em;
  float: left;
}
#history .squiggle .row:nth-child(3) span:after {
  content: "";
  display: block;
  width: 50%;
  height: 0.5em;
  border-top: 1px solid #d6d6d6;
  float: right;
  margin-top: 1px;
  float: left;
}
#history .squiggle .row:nth-child(3) span:before {
  content: "";
  display: block;
  width: 25%;
  height: 0.5em;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  float: left;
  margin-top: 1px;
}
#history .squiggle .row:nth-child(4) span {
  display: block;
  float: left;
  width: 50%;
  height: 0.5em;
}
#history .squiggle .row:nth-child(4) span:before {
  float: right;
  content: "";
  display: block;
  width: 50%;
  height: 0.5em;
  border-right: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-top-right-radius: 0.5em;
  margin-top: 2px;
}
/* Locations */
.article.loc ul {
  margin: 1em 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
/* Markenkeks */
#keks {
  position: relative;
  width: 100%;
  margin-top: 2em;
}
#keks:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#keks .circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  overflow: hidden;
}
#keks .top {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(50% + 0.5em);
  box-sizing: border-box;
  border-bottom: 1em solid #fff;
  z-index: 1;
}
#keks .top:before {
  width: 100%;
  height: 200%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  position: absolute;
  content: "";
  display: block;
}
#keks .bot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(50% + 0.5em);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
#keks .l {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: 0.5em solid #fff;
  overflow: hidden;
  position: relative;
}
#keks .l:before {
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 100%;
  position: absolute;
  content: "";
  display: block;
}
#keks .r {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-left: 0.5em solid #fff;
  overflow: hidden;
  position: relative;
}
#keks .r:before {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 100%;
  position: absolute;
  content: "";
  display: block;
}
#keks .mid {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 10;
  border-radius: 100%;
  width: 44%;
  height: 44%;
  border: 1em solid #fff;
  margin: auto;
}
#keks .mid:before {
  content: "";
  display: block;
  padding-top: 100%;
  border-radius: 100%;
}
#keks .a {
  font-family: 'MarkWXX', sans-serif;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
}
#keks .a.top .flex {
  height: 60%;
}
#keks .a .flex {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#keks .a:before {
  transition: all 0.2s ease-in-out 0s;
  background: #d9d9d9;
}
#keks .a:hover:before {
  background: #cccccc;
}
#keks .a.act {
  color: #fff;
}
#keks .a.act:before {
  background: #f59231;
}
#keks .a.act:hover:before {
  background: #f48519;
}
#keks .a b {
  display: block;
}
#keks .l .rot {
  transform: rotate(45deg);
}
#keks .r .rot {
  transform: rotate(-45deg);
}
#kekstext {
  float: left;
  width: 100%;
  text-align: center;
  padding: 2em 0;
}
#kekstext .text {
  display: none;
}
#kekstext .text.act {
  display: block;
  height: auto;
  opacity: 1;
  padding-top: 0;
}
/* Multistep Form */
.powermail_fieldwrap_stelle {
  display: none;
}
.powermail_fieldwrap_type_text {
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.5em;
}
.steps ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.steps li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 20%;
  overflow: inherit !important;
}
.steps a {
  text-decoration: none;
  color: #444;
  padding: 4em 0 1em 0;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  outline: none;
  pointer-events: none;
}
.steps .number {
  width: 3em;
  height: 3em;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  line-height: 3em;
  transition: all 0.2s ease-in-out 0s;
}
.steps a:after {
  content: "";
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  display: block;
  position: absolute;
  border: 1px solid #d6d6d6;
}
.steps a:before {
  content: "";
  width: 0%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  display: block;
  position: absolute;
  border: 1px solid #f59231;
  background: #f59231;
  z-index: 1;
  transition: all 0.2s ease-in-out 0s;
}
.steps li:last-child a:before,
.steps li:last-child a:after {
  display: none;
}
.steps .done .number,
.steps .current .number {
  background: #f59231;
  border-color: #f59231;
  color: #fff;
  transition: all 0.2s ease-in-out 0.2s;
}
.steps .done a:before {
  width: 100%;
}
/*.wizard .powermail_field { display: none;}*/
.wizard {
  float: left;
  width: 100%;
  padding-top: 2em;
}
.wizard .content {
  float: left;
  width: 100%;
  padding: 2em 0;
}
.wizard .actions {
  float: left;
  width: 100%;
}
.wizard .actions .disabled {
  display: none;
}
.wizard .actions ul {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  list-style: none;
  border-top: 1px solid #d6d6d6;
  text-align: right;
}
.wizard .actions li {
  display: inline-block;
}
.wizard .actions li a {
  display: inline-block;
  width: 3em;
  height: 3em;
  position: relative;
  text-indent: 9999px;
  background: #f59231;
  margin-left: 0.5em;
  text-decoration: none;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  overflow: hidden;
}
.wizard .actions a:after {
  font-family: "fontello";
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.5em;
  width: 2em;
  line-height: 2em;
  text-align: center;
}
.wizard .actions li:first-child a:after {
  content: "\e806";
}
.wizard .actions li:last-child a:after {
  content: "\e807";
}
.wizard .actions li a:hover {
  background: #e8780b;
}
.user-productfinder1-pi2 .alert,
#mix .alert,
.wizard .alert {
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
  border-left: 2px solid #ffd324;
  background: #fff6bf;
  color: #514721;
  margin-top: 1em;
  display: none;
  font-size: 1em;
}
.user-productfinder1-pi2 .alert,
.alert.show,
#mix .alert.show,
#mix .fail .alert {
  display: block;
}
/* Blog */
.news-list-category .news {
  display: none;
}
.news-list-category .blog {
  display: none;
}
.news-list-category span:before {
  content: "\e82e";
  font-family: "fontello";
  color: #f59231;
  padding-right: 0.5em;
}
.news-single .data {
  display: none;
}
.news-single .pt2,
.news-single .shade {
  clear: both;
}
.news-single .text hr {
  margin-top: 2em;
  clear: both;
}
.news-single {
  width: 100%;
  max-width: 47em;
  margin: 0 auto;
}
.news-cat-view {
  max-width: 50em;
  margin: 0 auto;
  padding: 2em 0;
}
.news-cat-view li {
  padding: 0.25em;
}
.news-cat-view a {
  display: block;
  padding: 0.5em 1em;
  line-height: 1em;
  background: #303334;
  color: #fff;
  border-radius: 1em;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}
.news-cat-view a:hover {
  background: #f59231;
}
.news-cat-view a.reset {
  padding-left: 2.5em;
}
.news-cat-view a.reset:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  right: auto;
  left: 1em;
  content: "\e809";
}
/* Pagination */
.page-navigation {
  float: left;
  width: 100%;
  padding: 1em 0.5em;
  box-sizing: border-box;
  font-size: 1.25em;
}
.page-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-navigation li {
  display: inline-block;
  float: left;
  margin-right: 0.2em;
}
.page-navigation ul span,
.page-navigation ul a {
  display: inline-block;
  text-decoration: none;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  border: none !important;
  border-radius: 0.5em;
}
.page-navigation ul a:hover {
  background: #c92756;
  color: #fff;
}
.page-navigation ul .previous a,
.page-navigation ul .next a {
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.page-navigation ul .previous a:before,
.page-navigation ul .next a:before {
  text-indent: 0;
  content: "\e803";
  font-family: "fontello";
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  font-size: 1em;
}
.page-navigation ul .previous a:before {
  content: "\e802";
}
.page-navigation .current span,
.page-navigation .current span a {
  color: #fff;
  background: #303334;
}
/* Winkom */
#page87 {
  overflow-x: hidden;
}
#page87 #header {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.snap {
  width: 100%;
  height: 100%;
  position: relative;
}
.snap section {
  position: relative;
  overflow: hidden;
  padding: 2em;
  width: 100%;
  height: 100%;
}
/* Panel One */
.pOne {
  height: 100%;
  background: #ffffff url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/background-home-01.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pOne .title {
  width: 100%;
  max-width: 600px;
  text-align: center;
  background: #303334;
  padding: 2em;
  position: relative;
  margin-bottom: -3em;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.pOne.active .title {
  margin: 0;
}
.pOne .triangle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.pOne .triangle:before,
.pOne .triangle:after {
  content: "";
  height: 2em;
  left: 0;
  position: absolute;
  width: 50%;
  top: -1px;
}
.pOne .triangle:before {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #303334 49%, rgba(0, 0, 0, 0) 51%) repeat scroll 0 0;
}
.pOne .triangle:after {
  top: 0;
  left: 50%;
  background: linear-gradient(to right bottom, #303334 49%, rgba(0, 0, 0, 0) 51%);
}
.-ms- .pOne .triangle:before {
  background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/winkom-edgeBottomLeft.svg');
  background-size: 100% 100%;
}
.-ms- .pOne .triangle:after {
  background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/winkom-edgeBottomRight.svg');
  background-size: 100% 100%;
}
.snap .pOne h1 {
  margin-top: 0;
  color: #fff;
  text-transform: none;
}
.snap .pOne h3 {
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
}
/* Panel Two */
.snap .pTwo {
  background: #f2f2f2;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.pTwo .title {
  float: left;
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  top: 1em;
}
.pTwo .content {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
}
.pTwo .panels {
  height: 20em;
  width: 100%;
  max-width: 1500px;
  color: #fff;
}
.pTwo .panels,
.pTwo .panels ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow: hidden;
  background: #fff;
  flex-wrap: wrap;
}
.pTwo .panels ul {
  padding: 2em 1em;
}
.pTwo .panels li {
  width: calc(25% - 2em);
  margin: 0 1em;
  float: left;
  display: flex;
  overflow: hidden;
}
.pTwo .panels b {
  font-size: 1.5em;
  text-transform: uppercase;
}
.pTwo .panels .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.pTwo .panels .wrap:after {
  content: "";
  width: 1000%;
  height: 200%;
  display: block;
  border-radius: 100%;
  background: rgba(48, 51, 52, 0.1);
  position: absolute;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.pTwo .panels .name {
  position: relative;
  z-index: 1;
}
.pTwo .panels span {
  display: block;
  margin-top: 1em;
}
.pTwo .panels li:nth-child(1) {
  background: #f59231;
}
.pTwo .panels li:nth-child(2) {
  background: #0099cc;
}
.pTwo .panels li:nth-child(3) {
  background: #ff6633;
}
.pTwo .panels li:nth-child(4) {
  background: #66cc33;
}
.pTwo.active .wrap:after {
  left: -96%;
}
.pTwo li:nth-child(1) .wrap:after {
  left: -500%;
  top: -50%;
}
.pTwo li:nth-child(2) .wrap:after {
  left: -650%;
  top: -50%;
}
.pTwo li:nth-child(3) .wrap:after {
  left: -750%;
  top: -50%;
}
.pTwo li:nth-child(4) .wrap:after {
  left: -830%;
  top: -50%;
}
.pTwo.active li:nth-child(1) .wrap:after {
  top: -115%;
  transition-delay: 0.2s;
}
.pTwo.active li:nth-child(2) .wrap:after {
  top: -113%;
  transition-delay: 0.4s;
}
.pTwo.active li:nth-child(3) .wrap:after {
  top: -115%;
  transition-delay: 0.6s;
}
.pTwo.active li:nth-child(4) .wrap:after {
  top: -117%;
  left: -850%;
  transition-delay: 0.8s;
}
/* Panel Three */
.snap .pThree {
  background: #fff;
}
.pThree .title {
  float: left;
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.pThree .content {
  height: 80%;
  width: 100%;
  max-width: 45vh;
  padding: 0;
  clear: both;
  margin: 0 auto;
}
.pThree #keks {
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.pThree.active #keks {
  transform: rotate(0deg);
  opacity: 1;
}
/* Panel Four */
.snap .pFour {
  background: #f2f2f2;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pFour .title {
  float: left;
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  top: 1em;
}
.pFour .content {
  height: 100%;
  width: 100%;
  max-width: 1200px;
  padding: 0;
  clear: both;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.pFour .content > div,
.pFour .content > div > div {
  float: left;
  width: 100%;
  text-align: center;
}
.pFour .content ul {
  margin: 0;
  padding: 2em 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pFour .content li {
  width: 25%;
  padding: 0 0.5em;
  box-sizing: border-box;
  display: flex;
}
.pFour .content .box {
  background: #fff;
  width: 100%;
}
.pFour .content b {
  display: block;
  padding: 1em;
  box-sizing: border-box;
  font-size: 1.25em;
  font-family: 'MarkWXX', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.pFour .content span {
  display: block;
  padding: 1em;
  box-sizing: border-box;
}
.pFour .content .top {
  padding-bottom: 1em;
}
.pFour .number {
  color: #e6e6e6;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pFour .number .center {
  font-size: 50em;
  font-family: serif;
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
}
.pFour .number .center.fade {
  opacity: 0;
}
.pFour .infinite {
  position: relative;
  z-index: 1;
}
.pFour .mar b {
  background: #f59231;
  color: #fff;
}
.pFour .str b {
  background: #0099cc;
  color: #fff;
}
.pFour .imp b {
  background: #ff6633;
  color: #fff;
}
.pFour .ins b {
  background: #66cc33;
  color: #fff;
}
.pFour .arrow {
  float: left;
  width: 100%;
  text-align: center;
}
.pFour .arrow a {
  display: inline-block;
  width: 3em;
  height: 3em;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
.pFour .arrow a:hover {
  color: #fff;
  background: #303334;
}
.pFour .arrow a:before {
  content: "";
  font-family: "fontello";
  display: block;
  position: absolute;
  font-size: 1.5em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  text-indent: 0;
  left: 0;
  top: 0;
}
.pFour .top a:before {
  content: "\e804";
}
.pFour .low a:before {
  content: "\e805";
}
.pFour .scroller {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pFour .item {
  height: 0;
  overflow: hidden;
  width: 100%;
}
.pFour .item.act {
  height: auto;
}
.pFour .item.fade li {
  opacity: 0;
  bottom: 1em;
}
.pFour .item li {
  opacity: 0;
  position: relative;
  bottom: -1em;
}
.pFour.active .item.act li {
  opacity: 1;
  bottom: 0;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.pFour .item li:nth-child(1) {
  transition-delay: 0.1s !important;
}
.pFour .item li:nth-child(2) {
  transition-delay: 0.2s !important;
}
.pFour .item li:nth-child(3) {
  transition-delay: 0.3s !important;
}
.pFour .item li:nth-child(4) {
  transition-delay: 0.4s !important;
}
/* Panel Five */
.snap .pFive {
  background: #ffffff url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/winkom-lines.svg');
  background-position: center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pFive .title {
  float: left;
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  top: 1em;
}
.pFive .content {
  height: 100%;
  width: 100%;
  max-width: 1200px;
  padding: 0;
  clear: both;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.pFive .circle {
  width: 15vw;
  height: 15vw;
  border-radius: 100%;
  background: #f59231;
  position: relative;
  border: 2em solid #fff;
}
.pFive .circle:before {
  font-family: "fontello";
  content: "\e82f";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  margin: auto;
  font-size: 7vw;
  animation: rotating 2s linear infinite;
  color: #fff;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.pFive .rotate {
  position: relative;
}
.pFive .lab {
  position: absolute;
  height: 1.5em;
  line-height: 1.5em;
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.25em;
  text-align: center;
}
.pFive .top {
  left: 0;
  right: 0;
  margin: auto;
  top: -3em;
}
.pFive .low {
  left: 0;
  right: 0;
  margin: auto;
  bottom: -3em;
}
.pFive .lft {
  right: calc(100% + 3em);
  top: 0;
  bottom: 0;
  margin: auto;
}
.pFive .rgt {
  left: calc(100% + 3em);
  top: 0;
  bottom: 0;
  margin: auto;
}
/* Gallery */
#gallery {
  margin: 0;
  padding: 0;
}
#gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#gallery li {
  width: 20%;
}
/* Internet Explorer */
.-ms- .buttons .link {
  max-width: 100%;
}
.-ms- .structure-1 .b {
  float: left;
  width: 66.66%;
  flex: none;
}
.-ms- .structure-1 .a {
  float: left;
  width: 33.33%;
  flex: none;
}
.-ms- .structure-2 .a {
  float: left;
  width: 50%;
  flex: none;
}
.-ms- #lower .structure-2 .a {
  float: left;
  width: 25%;
  flex: none;
}
.-ms- #newsletter input[type='email'] {
  line-height: 1em;
}
.-ms- #newsletter input[type='text'] {
  line-height: 1em;
}
.-ms- .snap .pFour {
  justify-content: space-around;
}
.-ms- .snap .pFive {
  justify-content: space-around;
}
.-ms- #page53 #keks {
  margin-bottom: 2em;
}
/* Error */
#page31 #menu {
  display: none;
}
#error {
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
}
#error .number {
  font-family: serif;
  color: #e6e6e6;
  font-size: 50em;
}
#error .wrap {
  z-index: 1;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#error .inner {
  background: #fff;
  padding: 2em;
  width: 100%;
  max-width: 600px;
  border-bottom: 1px solid #d9d9d9;
  margin: 6em 0;
}
/* Login User */
#login {
  position: relative;
  min-height: calc(100vh - 16em);
  width: 100%;
  background: #f2f2f2;
  display: flex;
  flex-wrap: wrap;
  background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-wcg/background-home-01.jpg');
  background-size: cover;
}
#login .wrap {
  z-index: 1;
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#login .inner {
  width: 100%;
}
#login .powermail_input {
  width: 100%;
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid #d6d6d6;
  background: #f2f2f2;
  box-sizing: border-box;
}
#login > div {
  width: 25%;
  float: left;
  background: #fff;
  padding: 3em;
  display: flex;
}
#login > .side {
  background: rgba(255, 255, 255, 0.85);
}
#loggedin {
  color: #303334;
}
#loggedin .inner {
  padding: 2em 0 1em 0;
  float: left;
  width: 100%;
}
#loggedin .user {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#loggedin .user .photo {
  float: left;
  width: 5em;
}
#loggedin .user .photo img {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #d6d6d6;
}
#loggedin .user .text {
  float: left;
  padding-right: 1em;
  line-height: 2em;
}
#loggedin .user .text .name {
  font-size: 1.5em;
  font-family: 'MarkWXX', sans-serif;
}
#loggedin .user .text .username {
  color: #aeb3b5;
  float: left;
}
#loggedin .user .text .username b {
  color: #f59231;
}
#loggedin .left {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 2em 0 0;
}
#loggedin .left .logout {
  float: left;
  color: #303334;
}
#loggedin .left .logout a {
  padding: 0 0.5em;
  margin: 0;
  line-height: 2em;
  border-bottom: solid 1px #d6d6d6;
}
#loggedin .left .logout a:hover {
  border-bottom: solid 1px #f59231;
  background: none;
}
/* Locations */
body > .container {
  float: left;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.container-inner {
  float: left;
  width: 100%;
}
.wrap.together {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.wrap.together .banner:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: inset 0px 0.5em 0 #ffffff, inset 0.5em 0 0 #ffffff, inset -0.5em 0 0 #ffffff, inset 0 -0.5em 0 #ffffff;
}
/* Landingpages */
#headline,
#vision {
  background: #FFF;
}
#page95 .article .right h2 {
  font-size: 1.8em;
  padding: 1rem .5rem;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #d6d6d6;
  margin: 0;
}
#page95 .article .right h2 + p {
  box-sizing: border-box;
  border-width: 0 1px;
  border-style: solid;
  border-color: #d6d6d6;
  margin: 0;
  padding: 0 0.5rem 1rem;
}
#page95 .article .right .side.contact {
  margin: 0;
}
#page95 #benefits {
  border: 0;
}
#contact-form {
  background: #ffffff;
  padding: 2em 0;
}
#contact-form label {
  width: 20%;
}
#contact-form select,
#contact-form input,
#contact-form textarea {
  margin-right: 20%;
}
#contact-form span.mandatory {
  right: 30%;
}
#contact-form .col {
  height: 0;
  overflow: hidden;
  position: relative;
}
#contact-form .col > div:first-child {
  padding-top: 1em;
  margin: 0;
}
#contact-form .col > div:last-child {
  padding-bottom: 1em;
}
#contact-form .powermail_fieldwrap_rckrufgewnscht .powermail_label {
  opacity: 0;
}
#contact-form .powermail_fieldwrap_rckrufgewnscht input {
  margin-right: 2em;
}
#contact-form .powermail_fieldwrap_rckrufgewnscht:after {
  width: 2em;
  height: 2em;
  content: "\e843";
  display: block;
  font-family: "fontello";
  position: absolute;
  right: 25%;
  top: 0;
  background: #303334;
  font-size: 1.5em;
  text-align: center;
  line-height: 2em;
  color: #fff;
  border-radius: 100%;
  transition: all 0.2s ease-in-out 0s;
}
#contact-form .powermail_fieldwrap_rckrufgewnscht.act:after {
  background: #f59231;
}
/* Landingpage Benefits 

.benefits-one-fullwith { width:100%;}
.benefits-one-halfwith { width: calc(~"50% - 1rem"); margin: 0 0.5rem; float:left;}
.benefits-one-third {width: calc(~"percentage(1/3) - 1rem"); margin: 0 0.5rem; float:left;}
.benefits-one-forth {width: calc(~"25% - 1rem"); margin: 0 0.5rem; float:left;}
.benefits-one-fifth {width: calc(~"20% - 1rem"); margin: 0 0.5rem; float:left;}
.benefits-one-sixth {width: calc(~"percentage(1/6) - 1rem"); margin: 0 0.5rem; float:left;}

#benefits .benefits-one-fullwith li,
#benefits .benefits-one-halfwith li,
#benefits .benefits-one-third li,
#benefits .benefits-one-forth li,
#benefits .benefits-one-fifth li,
#benefits .benefits-one-sixth li {width:100%; line-height: 2em; margin:0.5em 0; padding-left: 3em;}

#benefits .benefits-one-fullwith li:before,
#benefits .benefits-one-halfwith li:before,
#benefits .benefits-one-third li:before,
#benefits .benefits-one-forth li:before,
#benefits .benefits-one-fifth li:before,
#benefits .benefits-one-sixth li:before {line-height: 1.5em; width: 1.5em;}*/
/* Landingpage Checklist */
.checklist {
  position: relative;
  float: left;
  width: 100%;
  /*&.bbl .item { border-color: @primary; }
	&.bbl .num:before { background: @primary; }
	&.bgg5 { background: darken(#fff,10%); 
		.underlay { color: darken(#fff,15%); }
	}
	&.bgg10 { background: darken(#fff,15%); 
		.underlay { color: darken(#fff,20%); }
	}
	&.bgb { background: @primary; 
		h2 { color: #fff; }
	} */
}
.checklist .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.checklist .wrap {
  z-index: 1;
  position: relative;
}
.checklist .col {
  float: left;
  box-sizing: border-box;
  position: relative;
  display: flex;
  padding: 1em;
  min-height: 15em;
}
.checklist .col.heia .item {
  height: auto;
}
.checklist .item {
  width: 100%;
  background: #fff;
  position: relative;
  display: flex;
  height: 100%;
  border-radius: 0.5em;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02), 0 8px 8px rgba(0, 0, 0, 0.02);
}
.checklist .item.stack {
  height: auto;
}
.checklist .item.stack.low {
  margin-top: 1em;
}
.checklist .wrap {
  overflow: hidden;
  box-sizing: border-box;
  padding: 1em;
  height: 100%;
  width: 100%;
}
.checklist.np {
  padding-top: 3em;
}
.checklist .headline {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 2em;
}
.checklist.item1 .col {
  width: 50%;
}
.checklist.item1 .inner {
  justify-content: center;
}
.checklist.item3 .col {
  width: 33.33333333%;
}
.checklist.con .item.low:after {
  width: 0.5em;
  height: 2em;
  top: -1.75em;
  right: 0;
  left: 0;
  border: none;
  margin: auto;
  z-index: 1;
}
.checklist.con .col:last-child .item:after {
  display: none;
}
.checklist .num {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.checklist .num span {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 0.9em;
  width: 3em;
  text-align: center;
  font-weight: bold;
}
.checklist .num:before {
  display: block;
  content: "";
  background: #f59231;
  right: -1.5em;
  bottom: -1.5em;
  width: 4em;
  height: 4em;
  position: absolute;
  z-index: 0;
  border-radius: 100%;
}
.checklist-svg svg {
  width: 100%;
}
.checklist-svg .path-forward {
  stroke-dasharray: 25;
  animation: dashreverse 20s linear infinite;
}
.bgw .checklist .item {
  background: #f9f9f9;
}
/* Landingpage SeoBlock */
.seoblock {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
.seoblock > * {
  width: 50%;
}
.seoblock img {
  display: block;
  width: 100%;
  height: auto;
}
.seoblock .text {
  display: flex;
  align-items: center;
}
.seoblock .inner {
  width: 100%;
  max-width: 45em;
  padding: 2em;
  box-sizing: border-box;
}
.seoblock .expand {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.seoblock .less {
  display: none;
}
.seoblock .b {
  font-weight: 400;
}
.seoblock.tl {
  flex-direction: row-reverse;
}
.seoblock.tl .text {
  justify-content: flex-end;
}
.seoblock.design img {
  transform: scale(1.5);
  transform-origin: right;
}
/* Questions and Answers */
.qanda {
  background: #f2f2f2;
}
.qanda .inner {
  padding: 3em 0;
}
.qanda .headline {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 1em;
}
.qanda .form {
  float: left;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  background: #fff;
  padding: 0.5em 1em;
}
.qanda .row {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em 0;
}
.qanda .top {
  display: flex;
  flex-wrap: wrap;
}
.qanda .select {
  float: left;
  width: 20%;
  border-right: 1px dashed #d6d6d6;
  box-sizing: border-box;
  min-width: 10em;
}
.qanda fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.qanda fieldset > div {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 1em 0 0;
}
.qanda fieldset .ui-button {
  padding: 1em 0;
  display: inline-block;
  position: relative;
  line-height: normal;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  user-select: none;
  overflow: visible;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  box-sizing: border-box;
  background: #f9f9f9;
  border: 1px solid #d6d6d6;
}
.qanda fieldset .ui-button:hover {
  border-color: #303334;
}
.qanda fieldset > div:first-child .ui-state-active {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.qanda fieldset > div:last-child .ui-state-active {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.qanda .head {
  width: 80%;
  max-width: calc(100% - 10em);
  box-sizing: border-box;
  padding: 0 1em;
  display: flex;
  align-items: center;
}
.qanda .head .center {
  font-size: 1.5em;
  text-align: left;
}
.qanda .low {
  float: left;
  width: 100%;
  overflow: hidden;
  height: 0;
}
.qanda .low .wrap {
  padding: 1em;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: #f9f9f9;
  margin-top: 1em;
  margin-bottom: 1em;
}
.qanda.radio h3 {
  text-transform: unset;
}
.qanda .row.radio label {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 2em;
  position: relative;
}
.qanda .row.radio .faux {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 2px solid #bfbfbf;
  position: absolute;
  left: 0;
  top: 0.1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out 0s;
}
.qanda .row.radio .faux .on {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  transform: scale(0);
  border-radius: 100%;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
}
.qanda .quiz .form {
  padding-bottom: 1em;
}
.qanda .row.radio .ui-state-active .faux {
  border-color: #f59231;
}
.qanda .row.radio .ui-state-active .faux .on {
  background: #f59231;
  transform: scale(0.5);
}
.qanda .answers {
  float: left;
  width: 100%;
}
.qanda .answers > div {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.qanda .answers .wrap {
  float: left;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
}
.qanda .answers .right .wrap {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.qanda .answers .wrong .wrap {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.shortcuts {
  background: #f9f9f9;
}
.shortcuts h3 {
  margin-top: 0;
}
.shortcuts h3.ico {
  padding-left: 1.5em;
  position: relative;
}
.shortcuts h3.ico:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #f59231;
  font-size: 0.8em;
}
.shortcuts h3.ico.src:before {
  content: "\e811";
}
.shortcuts .inner {
  display: flex;
  flex-wrap: wrap;
  padding: 3em 0;
}
.shortcuts .col {
  width: calc(33.33333333% - 2em);
  margin: 0 1em;
  background: #fff;
  padding: 1em;
  box-sizing: border-box;
}
.shortcuts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shortcuts li:first-child {
  border: none;
}
.shortcuts li {
  border-top: 1px dashed #d6d6d6;
}
.shortcuts a {
  padding: 0.5em 0;
  display: block;
  text-decoration: none;
  position: relative;
  font-weight: 400;
  transition: all 0.2s ease-in-out 0s;
}
.shortcuts a:after {
  content: "\e807";
  font-family: "fontello";
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1em;
  bottom: 0;
  height: 1em;
  text-align: center;
  width: 1em;
  display: block;
  margin: auto;
}
.shortcuts a:hover {
  color: #f59231;
}
.refSlider {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}
.refSlider .slides {
  float: left;
  width: 100%;
}
.refSlider .slides > li {
  display: none;
}
.refSlider .slides > li > img {
  display: block;
  width: 100%;
  height: auto;
}
.refSlider .blend {
  background-blend-mode: multiply;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: var(--background-image);
  background-color: rgba(0, 0, 0, 0.8);
  background-color: var(--background-color);
}
.-ms- .refSlider .blend {
  background-blend-mode: unset !important;
  background-image: none !important;
}
.refSlider .underlay {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 0.8;
}
.refSlider .wrap {
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: flex-start;
  z-index: 3;
}
.-ms- .refSlider .wrap {
  display: block;
}
.refSlider .wrap .inner {
  height: 100%;
  width: 100%;
  position: absolute;
}
.refSlider:nth-child(even) .wrap {
  left: 0;
}
.refSlider:nth-child(odd) .wrap {
  right: 0;
}
.refSlider .tsr {
  color: #fff;
}
.refSlider .tsr .center {
  padding: 3em;
  box-sizing: border-box;
}
.refSlider .flex-control-nav {
  position: absolute;
  width: 50%;
  bottom: 1em;
  z-index: 3;
}
.refSlider .flex-control-nav a {
  width: 0.75em;
  height: 0.75em;
  background: transparent;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out 0s;
}
.refSlider .flex-control-nav a:hover {
  background: #fff;
}
.refSlider .flex-control-nav a.flex-active {
  background: #fff;
}
.refSlider:nth-child(even) .flex-control-nav {
  left: 0;
}
.refSlider:nth-child(odd) .flex-control-nav {
  right: 0;
}
.refSlider .txt {
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 3;
  background: #fff;
  padding: 3em;
  opacity: 0;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out 0s;
}
.refSlider .txt.show {
  opacity: 1;
}
.refSlider:nth-child(even) .txt {
  right: 0;
}
.refSlider:nth-child(odd) .txt {
  left: 0;
}
.refSlider .txt .center {
  max-width: 35em;
  margin: 0 auto;
  text-align: left;
  height: 0;
  overflow: hidden;
}
.refSlider .tags {
  position: absolute;
  bottom: 5em;
  left: 0;
  width: 100%;
  text-align: center;
}
.refSlider .btn .hide {
  display: none;
}
.refSlider .btn.show .hide {
  display: block;
}
.refSlider .btn.show .show {
  display: none;
}
.refSlider .btn .show {
  display: block;
}
.refSlider .controlsContainer {
  float: left;
  width: 100%;
  position: relative;
}
.hero img {
  display: block;
  width: 100%;
  height: auto;
}
.hero .trust {
  padding-top: 2em;
}
.hero .trust li {
  background: #fff;
  padding: 1em;
  margin: 0 0.5em;
}
.hero .trust img {
  filter: grayscale(100%);
}
body .usercentrics-button .uc-main-banner .more-info-button,
body .usercentrics-button .uc-main-banner .btn-deny,
body #usercentrics-button #uc-banner-modal .uc-banner-content,
#usercentrics-button .uc-banner-content {
  background: #303334 !important;
}
body .usercentrics-button.layout-1 .uc-banner-content .btn-list .uc-btn.uc-btn-primary,
#usercentrics-button .uc-btn-new.uc-btn-accept {
  background: #f59231 !important;
}
body #ico_button_close-b,
body #uc-privacy-button #background > *:last-child,
body #uc-privacy-button #button > *:last-child {
  fill: #f59231 !important;
}
body .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs,
body .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header,
body .usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button,
#usercentrics-button .uc-btn-new.uc-btn-deny,
#usercentrics-button .uc-btn-new.uc-btn-more {
  background: #242627 !important;
}
body #uc-corner-modal a[href],
#uc-center-modal a[href],
#uc-banner-modal a[href],
#uc-central-banner-modal a[href] {
  color: #303334 !important;
}
#header .sf-menu {
  margin: 0;
}
#header .sf-menu ul {
  left: auto;
  right: 0;
}
#header .sf-menu ul li {
  margin: 0;
  background: #fff;
  width: 100%;
  text-align: left;
}
#header .sf-menu ul a {
  color: #303334;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
}
#header .sf-menu ul a:hover {
  background: #f9f9f9;
}
.catalog-filter-search {
  background: #f9f9f9;
  display: flex;
  border: none;
  width: 100%;
}
.catalog-filter-search .reset {
  display: none;
}
.catalog-filter-search input[type="text"] {
  background: transparent;
  padding: 1em;
  width: calc(100% - 3em);
  border: none;
}
.catalog-filter-search .input-group {
  display: flex;
  justify-content: space-between;
  border: none;
}
.catalog-filter-search .btn-primary {
  width: 3em !important;
  height: 3em;
}
.catalog-filter-search .btn-primary span:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e811";
}
.catalog-filter-tree a.cat-item {
  text-decoration: none;
  border: none;
}
body .supplier-lists {
  width: 100%;
}
[class*="catalog-filter"] {
  margin: 0;
}
body [class*="catalog-filter"] > h2 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  border: none;
}
.catalog-list-items {
  margin: 0;
}
.catalog-list .product a {
  display: block;
  width: 100%;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}
.catalog-list .product {
  width: 33%;
  padding: 1em;
  margin: 0;
  font-size: inherit;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  bottom: 0;
}
.catalog-list .product:hover {
  bottom: 1em;
}
.catalog-list .media-list {
  width: 100%;
  height: auto;
}
.catalog-list .media-list:before {
  display: block;
  content: "";
  padding-top: 100%;
  width: 100%;
}
.catalog-list .media-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.catalog-list .media-item > img {
  position: absolute;
  object-fit: cover;
  object-position: center;
  top: auto;
  left: auto;
  max-width: none;
  height: 100%;
  transform: none;
}
.catalog-list .list-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aimeos .product .text-list {
  padding: 1.5em 0;
  line-height: inherit;
  opacity: 0.8;
}
.aimeos .product .text-list .name {
  font-size: 1.5em;
  text-transform: none;
  display: block;
  width: 100%;
  font-weight: bold;
  font-family: 'MarkWXX', sans-serif;
  color: #000;
}
.aimeos .product .text-list p {
  margin: 0;
}
.aimeos .product .text-list .text-item {
  overflow: initial;
  height: auto;
  margin-top: 1em;
}
.home-product.catalog-list .home-name {
  display: none;
}
.aimeos .btn {
  width: auto;
  font-weight: normal;
  text-decoration: none !important;
}
.aimeos .btn.xs {
  font-size: 0.8em;
}
.aimeos .product.row .col-sm-6 {
  padding: 0 1em;
}
.aimeos .btn-primary,
.aimeos .btn-primary.xs {
  background: #f59231;
  border: solid 1px #f59231;
}
.aimeos .btn-primary:hover,
.aimeos .btn-primary.xs:hover {
  background: #e8780b;
  color: #fff;
  border: solid 1px #f59231;
}
.aimeos .btn-primary:active,
.aimeos .btn-primary.xs:active {
  background: #e8780b;
  color: #fff;
  border: solid 1px #f59231;
}
.aimeos .btn-primary:visited,
.aimeos .btn-primary.xs:visited {
  background: #e8780b;
  color: #fff;
  border: solid 1px #f59231;
}
.aimeos a:link:not(.btn),
.aimeos a:link:not(.btn):hover,
.aimeos a:visited:not(.btn),
.aimeos a:visited:not(.btn):hover {
  color: #f59231;
}
[class*="catalog-detail-additional"] dl {
  display: flex;
  flex-wrap: wrap;
}
[class*="catalog-detail-additional"] dt {
  font-weight: bold;
  border-top: 1px solid #d6d6d6;
  padding: 1em 1em 1em 3em;
  width: 15em;
  position: relative;
}
[class*="catalog-detail-additional"] dd {
  border-top: 1px solid #d6d6d6;
  padding: 1em;
  width: calc(100% - 15em);
  margin: 0;
}
[class*="catalog-detail-additional"] dt:last-of-type {
  border-bottom: 1px solid #d6d6d6;
}
[class*="catalog-detail-additional"] dd:last-of-type {
  border-bottom: 1px solid #d6d6d6;
}
[class*="catalog-detail-additional"] dd > *:first-child {
  margin-top: 0;
}
[class*="catalog-detail-additional"] dd > *:last-child {
  margin-bottom: 0;
}
[class*="catalog-detail-additional"] dt:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  right: auto;
  bottom: auto;
  top: 0.9em;
  font-size: 1.25em;
  opacity: 0.5;
}
.ico-loc:before {
  content: "\e80b";
}
.ico-per:before {
  content: "\e81d";
}
.ico-cre:before {
  content: "\e852";
}
.ico-clo:before {
  content: "\e82d";
}
.ico-cop:before {
  content: "\e854";
}
.ico-sta:before {
  content: "\e84d";
}
.ico-pin:before {
  content: "\e84f";
}
.ico-bas:before {
  content: "\e818";
}
.ico-bub:before {
  content: "\e820";
}
.ico-pri:before {
  content: "\e803";
}
.ico-smi:before {
  content: "\e839";
}
.ico-ear:before {
  content: "\e81b";
}
.ico-boo:before {
  content: "\e80d";
}
.catalog-detail .image-single {
  width: 100%;
  height: auto;
}
.catalog-detail .image-single:before {
  display: block;
  content: "";
  padding-top: 100%;
  width: 100%;
}
.catalog-detail-image .image-single .media-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.catalog-detail-image .image-single .media-item .item {
  position: absolute;
  object-fit: cover;
  object-position: center;
  top: auto;
  left: auto;
  max-width: none;
  height: 100%;
  transform: none;
}
.catalog-detail .mwst {
  font-size: 1.5em;
  opacity: 0.5;
}
.minibutton.btn-close {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 1em;
  top: 1em;
  border: 1px solid #d6d6d6;
  border-radius: 100%;
  overflow: hidden;
  text-indent: -999px;
  text-align: left;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
}
.minibutton.btn-close:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e809";
}
.minibutton.btn-close:hover {
  color: #fff;
  background: #000;
}
.aimeos-overlay {
  z-index: 3;
}
.aimeos-container {
  z-index: 4 !important;
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.15);
}
.aimeos button {
  cursor: pointer;
}
.aimeos .steps ol {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aimeos .steps a:before,
.aimeos .steps a:after {
  display: none;
}
.aimeos .steps a {
  display: inline-block;
  width: auto;
  padding: 0;
  color: #bfbfbf !important;
}
.aimeos .steps li {
  border: none !important;
  font-size: 1.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
}
.aimeos .steps .active {
  color: #bfbfbf;
}
.aimeos .steps .step:before {
  width: 2em;
  height: 2em;
  content: counter(step);
  background: #cccccc;
  color: #fff;
  line-height: 2em;
  display: inline-block;
  margin-right: 1em;
  border-radius: 100%;
}
.aimeos .steps .current {
  background: transparent;
  color: #808080;
}
.aimeos .steps .current:before {
  background: #f59231;
}
.aimeos .note {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
  padding: 1em;
}
.aimeos .error-list {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 1em;
}
.aimeos .form-control {
  padding: 1em;
  border: 1px solid #d6d6d6;
  background: #f9f9f9;
  width: 100%;
}
.aimeos .form-item label {
  line-height: 2em;
}
.aimeos .form-list .row {
  margin: 0.5em 0;
}
.aimeos .minibutton {
  text-decoration: none;
}
.coupon-new {
  display: flex;
}
.checkout-standard .row > .wrap {
  padding: 1em;
}
.checkout-standard .row > .wrap > * {
  padding: 1em;
  border: 1px solid #d6d6d6;
  margin: 0;
  width: 100%;
}
.checkout-standard .icons {
  width: 3em;
  height: 3em;
  position: relative;
}
.checkout-standard .icons:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 3em;
}
.checkout-standard .icons.uid6:after {
  content: "\e83a";
}
.checkout-standard .icons.uid8:after {
  content: "\f1ed";
}
.checkout-standard .icons.uid10:after {
  content: "\e82f";
}
.checkout-standard .option {
  width: 1em;
  height: 1em;
  margin-bottom: 1em;
}
.checkout-standard-summary .row {
  border: 1px solid #d6d6d6;
  margin: 1em 0;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  float: left;
  width: 100%;
}
.checkout-standard-summary .row h3 {
  margin: 0;
  padding: 1em 1em 1em 0;
}
.checkout-standard-summary .item {
  float: left;
  width: 100%;
  height: auto !important;
}
.checkout-standard-summary .col-sm-6 {
  width: 100%;
  padding: 0;
}
.checkout-standard-summary .header {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative;
}
.checkout-standard-summary .header .modify {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}
.checkout-standard-summary .header .modify:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e844";
  font-size: 1.5em;
}
.checkout-standard-summary-option .input[type="checkbox"] {
  margin-top: 1em;
}
.checkout-standard-summary-option .single {
  display: flex;
}
.checkout-standard-summary-option p {
  max-width: calc(100% - 3em);
  margin-top: 0;
}
.aimeos .common-summary .content {
  margin: 0;
  padding: 0;
}
.aimeos .common-summary-additional textarea {
  min-height: 8em;
}
.aimeos .common-summary-additional textarea,
.aimeos .customerref-value {
  padding: 1em;
  background: #f9f9f9;
}
.checkout-standard .button-group {
  display: block;
}
.common-summary h3 {
  padding-left: 1.5em !important;
  position: relative;
}
.common-summary h3:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  right: auto;
  opacity: 0.5;
}
.common-summary [class*="option-account"] h3:after {
  content: "\e81d";
}
.common-summary [class*="option-consent"] h3:after {
  content: "\e83a";
}
.common-summary [class*="option-terms"] h3:after {
  content: "\e83a";
}
.common-summary .customerref h3:after {
  content: "\e820";
}
.common-summary .comment h3:after {
  content: "\e844";
}
.common-summary [class*="summary-service"] h3:after {
  content: "\e852";
}
.common-summary [class*="summary-address"] h3:after {
  content: "\e80f";
}
.checkout-confirm-basic .attr-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.aimeos li.attr-item,
.aimeos li.form-item {
  margin: 0;
  padding: 0.5em 0;
}
.checkout-confirm-basic .attr-list .name {
  font-weight: bold;
}
.category-selected {
  padding: 1em;
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}
.category-selected .selected-category {
  display: inline-block;
  color: inherit !important;
  padding: 0;
  background: transparent !important;
}
.category-selected .selected-intro {
  display: inline-block;
  font-weight: bold;
}
.category-selected .selected-intro:after {
  content: ":";
}
.catalog-filter-tree-disabled {
  text-align: left;
}
.catalog-filter-tree-disabled ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog-filter-tree-disabled li {
  float: left;
  width: 100%;
}
.catalog-filter-tree-disabled a {
  display: block;
  padding: 1em;
  line-height: 1em;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}
.catalog-filter-tree-disabled a:hover {
  background: #f2f2f2;
}
.catalog-filter-tree-disabled .cat-name {
  color: #000;
}
.catalog-filter-tree-disabled .level-2 {
  overflow: hidden;
  height: 0;
  display: block;
  position: relative;
}
.catalog-filter-tree-disabled .level-2 a {
  padding-left: 2em;
}
.catalog-filter-tree-disabled .level-2 .cat-name {
  color: #404040;
}
.catalog-filter-tree-disabled .withchild:not(.catcode-alles-anzeigen) > a:after {
  content: "\e807";
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  left: auto;
  right: 1em;
}
.catalog-filter-tree-disabled .level-1 .withchild.active .level-2 {
  height: auto;
}
.catalog-filter-tree-disabled .level-2 .active > a,
.catalog-filter-tree-disabled .level-1 .withchild.active > a {
  background: #f2f2f2;
}
[class*="catalog-filter"] fieldset {
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}
[class*="catalog-filter"] fieldset legend {
  display: none;
}
[class*="catalog-filter"] fieldset label {
  cursor: pointer;
}
[class*="catalog-filter"] button {
  float: left;
}
.columns img {
  display: block;
  width: 100%;
  height: auto;
}
.columns .col {
  flex-flow: inherit;
}
.columns .wrap {
  padding: 2em;
}
.columns .img .center {
  position: relative;
}
.columns .img .center .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #e8780b;
}
.columns .img:hover .overlay {
  opacity: 1;
}
.columns .img .overlay .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.gallery img {
  display: block;
  width: 100%;
  height: auto;
}
.gallery div[class^="row"] {
  float: left;
  width: 100%;
}
.gallery .col {
  width: 25%;
  padding: 0.5em;
}
.gallery .col.spa {
  padding: 0.5em;
}
.gallery .row2-1-1 .col:nth-child(1) {
  width: 50%;
}
.gallery .row1-2-1 .col:nth-child(2) {
  width: 50%;
}
.gallery .row1-1-2 .col:nth-child(3) {
  width: 50%;
}
.gallery .row2-2 .col {
  width: 50%;
}
.gallery .row1-1 .col {
  width: 100%;
}
.gallery a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  border-radius: 0.5em;
  overflow: hidden;
  transition: all 0.2s ease-in-out 0s;
  bottom: 0;
}
.gallery a:hover {
  bottom: 0.5em;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
}
.gallery a .caption {
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 1em;
  padding: 0;
  text-align: center;
  color: #fff;
}
.gallery a:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 2em;
  top: 1em;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  z-index: 1;
}
.gallery a.enlarge:before {
  content: "\e811";
}
.gallery a.link:before {
  content: "\e81d";
}
.gallery a:hover:before {
  top: 0;
  opacity: 1;
}
.gallery .col > .caption {
  float: left;
  width: 100%;
  padding: 1em;
  text-align: center;
  font-style: italic;
  font-size: 0.9em;
}
.gallery-news .col {
  width: 33.33333333%;
}
.byk-menu {
  float: left;
  width: 100%;
  background: #f2f2f2;
}
.byk-main {
  max-width: 1500px;
  margin: 0 auto;
}
.byk-main ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.byk-main a {
  text-decoration: none;
  overflow: hidden;
  padding: 1em 0;
  color: #303334;
  display: block;
  font-size: 1.05em;
  position: relative;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.byk-main a:after {
  content: "";
  height: 0.25em;
  background: #303334;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -0.25em;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.byk-main a.is-active:after {
  bottom: 0;
}
.byk-main.is-active a:not(.is-active) {
  opacity: 0.5;
}
.byk-sub {
  float: left;
  width: 100%;
  background: #303334;
  color: #fff;
  overflow: hidden;
  position: relative;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.byk-sub.is-active {
  max-height: 3000px;
  transition: max-height 1s ease-in;
}
.byk-sub .wrap {
  display: flex;
  width: auto;
  transition: left 0.3s ease-out;
  position: relative;
  left: 0%;
}
.byk-sub.dropdown-2 .wrap {
  left: -100%;
}
.byk-sub.dropdown-3 .wrap {
  left: -200%;
}
.byk-sub.dropdown-4 .wrap {
  left: -300%;
}
.byk-sub.dropdown-5 .wrap {
  left: -400%;
}
.byk-sub.dropdown-6 .wrap {
  left: -500%;
}
.byk-sub.dropdown-7 .wrap {
  left: -600%;
}
.byk-sub.dropdown-8 .wrap {
  left: -700%;
}
.byk-sub.dropdown-9 .wrap {
  left: -800%;
}
.byk-sub.dropdown-10 .wrap {
  left: -900%;
}
.byk-dropdown {
  float: left;
  width: 100%;
  flex: 1 0 100%;
  background: #303334;
  color: #fff;
}
.byk-dropdown.is-active {
  max-height: 3000px;
  transition: max-height 1s ease-in;
}
.byk-container {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 1em 3em 3em 3em;
}
.byk-container ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.byk-container ul.no-header {
  padding-top: 3em;
}
.byk-container a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0.5em 0;
  line-height: 1em;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.byk-container .h4 {
  padding-top: 0;
  font-size: 1.25em;
}
.byk-container .h4 a {
  display: block;
  width: 100%;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  line-height: 1em;
  padding-top: 0;
}
.byk-container a span {
  display: block;
  width: 100%;
}
.byk-container a .name {
  font-size: 0.9em;
}
.byk-container a .tag {
  font-size: 0.8em;
  color: #aeb3b5;
}
.byk-container .col > ul a:hover {
  opacity: 0.5;
}
.byk-container .col {
  padding: 2em 1em 0 1em;
  flex-flow: wrap;
  align-items: flex-start;
}
#byk426 {
  width: 66.66666667%;
}
#byk426 .fl {
  width: 50%;
}
.byk-container .col .col {
  width: 100%;
  float: left;
}
.byk-container .col > .col:first-child {
  padding-top: 0;
}
.byk-meta {
  float: left;
  width: 100%;
  background: #2a2c2d;
}
.byk-meta ul {
  width: auto;
}
.byk-meta a {
  color: #fff;
  text-decoration: none;
  padding: 1em;
  opacity: 0.5;
  transition: all 0.2s ease-in-out 0s;
  display: block;
}
.byk-meta a:hover {
  opacity: 1;
}
.sf-menu {
  position: unset;
}
.sf-menu > li > a {
  color: #000;
}
.sf-mega {
  padding: 0;
  background-color: #fff;
}
.sf-mega-center {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em 0;
  font-family: 'Open Sans', sans-serif;
}
.mega-head {
  font-weight: 600;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  clear: both;
}
.mega-section {
  width: 33.33333333%;
}
.mega-section ul,
.mega-section ol {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mega-section.info-section {
  width: 25%;
  padding: 1em;
  border-radius: 0.5em;
  border: 1px solid #d6d6d6;
}
#header .sf-menu .mega-section a {
  display: block;
  padding: 0.5em;
}
.mega-head {
  padding-left: 2em;
}
.mega-head:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  color: #f59231;
  right: auto;
  font-weight: normal;
  font-size: 1.15em;
}
.mega-head.ico-summary:before {
  content: "\e845";
}
.mega-head.ico-target:before {
  content: "\e846";
}
.mega-head.ico-lightbulb:before {
  content: "\e847";
}
.mega-section {
  padding: 0 1em;
}
.mega-section [data-sub="1"] ol {
  width: 100%;
}
.mega-section [data-sub="2"] ol {
  width: 50%;
}
.mega-section [data-sub="3"] ol {
  width: 33.33333333%;
}
.mega-section [data-sub="4"] ol {
  width: 25%;
}
.account-history-list .order-basic {
  font-weight: inherit;
}
.account-history-list .history-item {
  margin-left: 0;
  margin-right: 0;
}
.account-history-list .action .btn {
  max-width: none;
  display: inline-block;
  width: auto;
}
.account-history-list .summary {
  padding: 1em;
  background: #f9f9f9;
}
.account-history-list .action {
  margin: 0;
  padding-top: 1em;
}
.history-item-disabled.row {
  padding-top: 1em;
}
.account-history-order {
  padding: 1em;
  margin-top: 1em;
}
.downloads ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.downloads li {
  width: 100%;
  margin: 0.15em 0;
  background: #f9f9f9;
  line-height: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.downloads .wrap {
  padding: 1em;
  line-height: 1em;
}
.downloads a {
  display: block;
  width: 3em;
  height: 3em;
  background: #303334;
  text-indent: -999px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
.downloads a:hover {
  background: #f59231;
}
.downloads a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e805";
  color: #fff;
}
#page593 #header .center,
#page593 #header .right {
  display: none;
}
#vidcontainer.overlay {
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
#vidcontainer.overlay .intro {
  width: 100%;
  height: 100%;
}
#vidcontainer.overlay .video-js {
  width: 100%;
  height: 100%;
}
.vidContainer > div {
  display: flex;
}
.vidContainer .responsive {
  display: flex;
  width: 100%;
}
.vidContainer .responsive iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.77;
  border: none;
}
.vidContainer .head {
  justify-content: center;
  align-content: center;
  display: flex;
}
.has-video.direction .vidContainer.two {
  flex-direction: row-reverse;
}
.video_wrapper {
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
  color: #fff;
  margin: 0.5em 0;
}
.video_wrapper a {
  color: #fff;
}
.video_wrapper button:after {
  content: "\e815";
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 8em;
  color: #f59231;
}
.video_wrapper button:before {
  content: "";
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  width: 4em;
  height: 4em;
  background: #fff;
}
.video_wrapper button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 9em;
  height: 6em;
  margin: auto;
  background: transparent;
  border: none;
  cursor: pointer;
  transform: scale(0.95);
  transition: all 0.2s ease-in-out 0s;
}
.video_wrapper button:hover {
  transform: scale(1);
}
.video_wrapper .h3 {
  position: absolute;
  left: 1em;
  top: 0;
  width: 100%;
  max-width: calc(100% - 2em);
}
.video_wrapper .video_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 1em 2em;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.video_wrapper .video_trigger {
  height: 100%;
  width: 100%;
  position: relative;
  bottom: 0;
  z-index: 1;
  aspect-ratio: 2;
}
.video_wrapper .video_trigger > p {
  position: absolute;
  bottom: 0;
  padding: 0 1em;
}
.video_wrapper .video_trigger img {
  display: block;
  width: 100%;
  height: auto;
}
.video_wrapper .video_layer {
  position: relative;
  display: none;
  width: 100%;
  aspect-ratio: 1.77;
}
.video_wrapper .video_layer iframe {
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videos {
  float: left;
  width: 100%;
}
.videos ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.videos li {
  float: left;
  width: 25%;
  padding: 0.5em;
  box-sizing: border-box;
}
.videos.item1 li {
  width: 100%;
}
.has-video.bg-video > div {
  z-index: 0 !important;
}
.vidWrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.vidWrapper > .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videojs a {
  float: left;
  width: 100%;
  position: relative;
  text-decoration: none;
}
.videojs a:before {
  font-family: VideoJS;
  content: "\f101";
  background-color: #f59231;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  border-radius: 100%;
  margin-top: -3rem;
  top: 50%;
  left: 50%;
  margin-left: -3rem;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  display: block;
  position: absolute;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  transition: all 0.2s ease-out 0s;
  z-index: 2;
}
.-ms- .videojs a:before {
  line-height: 2.5em;
  /* rem doesnt work */
}
.videojs a:hover:before {
  background-color: rgba(68, 68, 68, 0.7);
}
.video-js .vjs-play-progress {
  background: #303334;
}
.vjs-poster {
  background-size: cover;
}
.video-js .vjs-big-play-button {
  background-color: #f59231;
  height: 3em;
  line-height: 2em;
  border-radius: 100%;
  margin-top: -1.5em;
  transition: all 0.2s ease-in-out 0s;
  border: none;
  font-size: 2em;
}
.video-js .vjs-big-play-button:before {
  font-family: "fontello" !important;
  content: "\e807" !important;
}
.video-js:hover .vjs-big-play-button {
  background-color: #e8780b;
  transition: all 0.2s ease-out 0s;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none;
}
.diamond .header {
  padding: 0 0.5em;
}
.diamond .low {
  position: relative;
  transform: translateY(-15em);
}
.diamond .low .col {
  max-width: 35em;
}
.diamond .toggle {
  padding: 0 0.5em;
}
.diamond .toggle > div {
  display: block;
  width: 100%;
  max-height: 30em;
  overflow: hidden;
  transition: max-height 0.5s ease-in;
}
.diamond .toggle > div.hide {
  max-height: 0;
  transition: max-height 0.5s ease-out;
}
.diamond .toggle > h4 {
  display: block;
  width: 100%;
  padding-right: 2em;
  position: relative;
  font-size: 1.25em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}
.diamond .toggle > h4:hover {
  color: #303334;
}
.diamond .toggle > h4:after {
  content: "\e807";
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  left: auto;
  right: 0.5em;
  transform: rotate(0);
  transition: all 0.2s ease-in-out 0s;
}
.diamond .toggle > h4.act:after {
  transform: rotate(90deg);
}
.listing > ul > li {
  padding: 3em 2em;
}
.listing > ul > li strong {
  color: #f59231;
}
.listing > ul > li:not(:last-child) .arrow {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 2em;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  overflow: hidden;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.teasers-old {
  width: 100%;
  overflow: auto;
}
.teasers-old a {
  text-decoration: none;
  color: #000;
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.2s ease-in-out 0s;
  background: #fff;
  width: 100%;
}
.teasers-old a:hover {
  background: #f9f9f9;
}
.teasers-old span {
  display: block;
  width: 100%;
}
.teasers-old .trigger {
  margin-top: 0.5em;
  color: #f59231;
  position: relative;
}
.teasers-old .trigger:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e807";
  left: auto;
}
.teasers-old .name {
  font-size: 1.5em;
  line-height: 1.5em;
}
.teasers[data-layout="circle"] li {
  flex-direction: column;
}
.teasers[data-layout="circle"] .img {
  margin: 0 auto;
}
.teasers[data-layout="circle"] img {
  border-radius: 100%;
  max-width: 15em;
  margin: 0 auto;
}
.teasers[data-layout="circle"] .btn {
  position: relative;
  left: auto;
  bottom: auto;
  margin: 0 auto;
}
.teasers[data-layout="podcast"] img {
  border-radius: 0.5em;
}
.teasers[data-layout="podcast"] .btn {
  position: relative;
  left: auto;
  bottom: auto;
}
.grid[data-cols="2"] > .col:first-child {
  padding-right: 1em;
}
.grid[data-cols="2"] > .col:last-child {
  padding-left: 1em;
}
.grid[data-cols="3"] > .col:nth-child(2) {
  padding-right: 1em;
  padding-left: 1em;
}
#c11639 .inner {
  display: flex;
  justify-content: center;
}
#hero-twocol img {
  height: auto;
}
.glossarBack {
  text-decoration: none;
  position: relative;
  display: inline-block;
  line-height: 1em;
}
.glossarBack strong {
  display: inline-block;
  padding-left: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
}
.glossarBack:before {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-indent: 0;
  content: "\e806";
  left: 0;
  right: auto;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.glossarBack:hover:before {
  opacity: 1;
}
.glossarBack:hover strong {
  padding-left: 1em;
}
.hero-video {
  position: absolute;
  right: -5vw;
  top: 6em;
  height: calc(100% - 12em);
  width: 50vw;
  overflow: hidden;
  transform: skewX(-10deg);
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
}
.hero-video > img,
.hero-video > div {
  transform: skewX(10deg) translateX(-10%);
  width: 110%;
  max-width: none;
}
.cards .xl {
  font-size: 1.15em;
  position: relative;
  z-index: 1;
}
.cards .card {
  width: 50%;
  min-height: 40em;
}
.cards .card.pb15 {
  margin-bottom: 15em;
}
.cards .card .wrap {
  border-radius: 1em;
  padding-top: 10em;
}
.cards .card:nth-child(even) {
  transform: translateY(15em);
}
.card .accordion > h3 {
  display: block;
  width: 100%;
  border: 1px solid #fff;
  font-size: 1em;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  padding: 0.5em;
  border-radius: 0.25em;
  background: rgba(255, 255, 255, 0.03);
  padding-right: 2em;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}
.card .accordion > h3:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e807";
  left: auto;
  right: 0.5em;
}
.card .accordion > h3:hover {
  background: rgba(255, 255, 255, 0.1);
}
.card .accordion > div {
  width: 100%;
  overflow: hidden;
}
.card-background {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 75em;
}
.card-background svg {
  display: block;
  width: 100%;
  height: 100%;
}
.indx1 {
  position: relative;
  z-index: 1;
}
.lp-logos img {
  filter: grayscale(100%);
  mix-blend-mode: multiply;
}
.homeblock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60em;
  float: left;
}
.homeblock.primary {
  background: #303334;
  transform: skewY(5deg) translateY(-10%);
}
.teasers li {
  padding: 1em;
}
.teasers .a,
.teasers a:not(.btn) {
  display: block;
  background: #f9f9f9;
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02), 0 8px 8px rgba(0, 0, 0, 0.02);
}
.teasers .tag {
  font-size: 0.8em;
  background: #303334;
  color: #fff;
  display: inline-block;
  line-height: 1em;
  padding: 1em;
  border-radius: 0.5em;
}
.teasers .txt {
  display: block;
  width: 100%;
  padding: 2em;
  padding-bottom: 5em;
}
.teasers .txt > span:not(.tag) {
  display: block;
}
.teasers .name {
  display: block;
  width: 100%;
}
.teasers .name.no-tag {
  margin-top: 0;
}
.teasers .has-description {
  padding-bottom: 6em;
}
.teasers .has-description .name {
  margin-bottom: 0;
}
.teasers .btn {
  left: 2em;
  bottom: 2em;
  position: absolute;
}
.teasers a:hover span.btn {
  background: #e8780b;
  border-color: #e8780b;
}
.teasers .layout-small .name {
  font-size: 1.85em;
}
.bgg .teasers .a {
  background: #fff;
}
.bgg .teasers .txt {
  padding-bottom: 7em;
}
.tcimg {
  min-height: 35em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tcimg .abs-image {
  position: absolute;
  left: -5vw;
  top: -50%;
  bottom: -50%;
  margin: auto;
  width: 50vw;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  transform: skewX(10deg);
  overflow: hidden;
  max-height: calc(100% - 6em);
}
.tcimg .abs-image img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -10%;
  width: 110%;
  height: 100%;
  object-fit: cover;
  transform: skewX(-10deg);
  max-width: none;
}
.tcimg.flx-rr .abs-image {
  right: -5vw;
  left: auto;
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  transform: skewX(-10deg);
}
.tcimg.flx-rr .abs-image img {
  left: -10%;
  right: auto;
  transform: skewX(10deg);
  position: relative;
  width: 110%;
  max-width: none;
}
.flow .wide {
  padding: 1em 0;
}
.flow .txt {
  padding: 2em;
  background: #fff;
  border-radius: 0.5em;
  min-height: 15em;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02), 0 8px 8px rgba(0, 0, 0, 0.02);
}
.flow .line {
  overflow: hidden;
  position: relative;
  width: calc(50% - 2em);
}
.flow .line svg {
  position: absolute;
  right: 50%;
  top: 50%;
}
.flow .flx-rr .line svg {
  position: absolute;
  right: auto;
  left: 50%;
  top: 50%;
  transform: scaleX(-1);
}
.flow .path-forward {
  stroke-dasharray: 50;
  animation: dashreverse 10s linear infinite;
}
.flow .path-reverse {
  stroke-dasharray: 50;
  animation: dash 10s linear infinite;
}
@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes dashreverse {
  to {
    stroke-dashoffset: -1000;
  }
}
svg.lines {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.cpbar {
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  overflow: hidden;
  background: #fff;
}
.cpbar .img {
  position: relative;
  width: 6em;
  border-radius: 100%;
  display: block;
}
.cpbar .img img {
  border-radius: 100%;
}
.bgw .cpbar {
  background: #f9f9f9;
}
.cpbar .top {
  padding: 2em 2em 6em 2em;
}
.cpbar .low {
  background: #fff;
  padding: 2em;
  position: relative;
}
.cpbar .pos {
  color: #808080;
}
.cpbar a.btn ~ a.btn {
  margin-left: 1em;
}
.cpbar .col.left {
  padding-top: 9em;
  padding-bottom: 9em;
}
.cpbar .col.left:after {
  content: "";
  display: block;
  width: calc(100% + 3em);
  height: calc(100% - 6em);
  background: #303334;
  position: absolute;
  left: 0;
  top: 0;
  transform: skewX(5deg);
  border-radius: 1em;
  left: -3em;
  top: 3em;
}
.cpbar .col.left .center {
  position: relative;
  z-index: 1;
  color: #fff;
}
.cpbar .col.left h2,
.cpbar .col.left h3 {
  color: #fff;
}
.cpbar .col.right {
  padding-top: 4em;
  padding-left: 4em;
  padding-bottom: 3em;
}
.cpbar .col.right ul li {
  padding: 0.5em 0;
}
.cpbar .connect {
  padding-bottom: 1em;
}
.cpbar .connect li {
  margin-right: 0.5em;
}
.cpbar .connect a {
  border-radius: 0.5em;
  margin: 0;
}
.owl-carousel button.owl-dot span {
  display: none !important;
}
.owl-carousel button.owl-dot {
  width: 15px;
  height: 15px;
  border: 2px solid #bfbfbf;
  background: rgba(191, 191, 191, 0);
  border-radius: 100%;
  margin: 0.25em;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
}
.owl-carousel button.owl-dot:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #bfbfbf;
  border-radius: 100%;
  margin: auto;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.owl-carousel button.owl-dot:hover {
  border-color: #303334;
  background-color: #303334;
}
.owl-carousel button.owl-dot:hover:after {
  background-color: #303334;
}
.owl-carousel button.owl-dot.active {
  border-color: #f59231;
}
.owl-carousel button.owl-dot.active:after {
  opacity: 1;
  background-color: #f59231;
}
.owl-carousel button.owl-dot.active:hover {
  border-color: #f48519;
  background-color: #f48519;
}
.owl-carousel button.owl-dot.active:hover:after {
  background-color: #f48519;
}
.widget-toc {
  padding: 1em;
  border-radius: 1em;
  background: #f9f9f9;
  width: 100%;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
}
.widget-toc .lvl3 {
  margin-left: 1.5em;
  list-style: circle;
}
.ce-table,
.contenttable {
  float: left;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin: 1em 0;
}
.ce-table tr:nth-child(even),
.contenttable tr:nth-child(even) {
  background: #f9f9f9;
}
.ce-table td,
.contenttable td {
  padding: 1em;
  vertical-align: top;
}
.ce-table thead th,
.contenttable thead th {
  border: none;
  text-align: left;
}
.ce-table td ul,
.contenttable td ul {
  margin-top: 0;
  margin-bottom: 0;
}
.ce-table td:first-child,
.contenttable td:first-child {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
  padding-right: 1em;
  border-right: 1px solid #d6d6d6;
}
.ce-table td:last-child,
.contenttable td:last-child {
  text-align: left;
  box-sizing: border-box;
  padding-left: 1em;
}
.tablewrap {
  display: inline-block;
  min-width: 100%;
}
.trustlogos picture {
  display: inline-block;
  width: 4em;
}
.faux-insta .wrap {
  border: 2px solid #d9d9d9;
  border-radius: 0.5em;
}
.faux-insta .top img {
  display: block;
  width: 3em;
  height: auto;
  border-radius: 100%;
}
.faux-insta .icon {
  display: block;
  width: 2em;
  height: 2em;
  position: relative;
}
.faux-insta .icon:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  font-size: 1.5em;
  color: #d9d9d9;
}
.faux-insta .icon.dots:after {
  content: "\E85C";
  transform: scale(1.25);
}
.faux-insta .icon.heart:after {
  content: "\E851";
  transform: scale(1.25);
}
.faux-insta .icon.chat:after {
  content: "\E820";
}
.faux-insta .icon.share:after {
  content: "\E841";
}
.faux-insta .icon.save:after {
  content: "\e85d";
  transform: scale(1.25);
}
/*
Modules.less Contains:
 - News
 - Blog
 - News Datum Menu
 - Fancybox
 - Powermail
 - Sitemap
 - Right Menu
 - Mobile Menu
 - Mobile Phone
 - Breadcrumbs
 - Maps
 - Progress
 - Questionaire
 - QRT
 - Magazin
 - References Logos
 - Rating Powermail
*/
/* ===== MODULES ===== */
/* Mobile */
#mobile {
  float: left;
  width: 100%;
  display: none;
}
#dl-menu {
  background: #303334;
}
#dl-menu .dl-menu {
  margin: 0;
}
.dl-menuwrapper button.dl-trigger:after {
  background: #fff;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
  height: 2px;
  top: 14px;
}
.dl-menuwrapper button.dl-trigger:hover:after,
.dl-menuwrapper button.dl-trigger.dl-active:after {
  background: #fff;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper button {
  background: #303334;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #303334;
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:after {
  color: rgba(255, 255, 255, 0.5);
}
.dl-menuwrapper li.dl-back::after,
.dl-menuwrapper li > a:not(:only-child):after {
  content: "\e807";
}
/* Tools */
#mobile .tools {
  position: absolute;
  top: 0.75em;
  right: 1em;
  z-index: 100;
}
/* Mobile Phone */
#mobile .phone {
  width: 2em;
  height: 2em;
  display: block;
  position: relative;
  float: left;
}
#mobile .phone a {
  width: 2em;
  height: 2em;
  display: block;
  text-indent: -9999px;
}
#mobile .phone a:after {
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  font-family: "fontello";
  content: "\e843";
  text-align: center;
  line-height: 1.5em;
  color: #fff;
  font-size: 1.3em;
}
.sitemap > ul {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
  margin: 0 !important;
}
.sitemap ul {
  list-style: none;
  margin-left: 1.5em;
  padding: 0;
}
.left > .sitemap > ul > li:first-child:before {
  background-image: url("/typo3/sysext/core/Resources/Public/ExtJs/images/ol/joinbottom.gif");
  background-size: 1em;
}
.sitemap li {
  background: url("/typo3/sysext/core/Resources/Public/ExtJs/images/ol/line.gif") repeat-y scroll left top transparent;
  padding-left: 1.5em;
  position: relative;
  background-size: 1em;
}
.sitemap li:before {
  content: "";
  background: url("/typo3/sysext/core/Resources/Public/ExtJs/images/ol/join.gif") left top no-repeat;
  display: block;
  width: 1em;
  height: 1em;
  left: 0;
  top: 0;
  position: absolute;
  background-size: 1em;
}
.sitemap li:last-child:before,
.sitemap li li:last-child:before,
.sitemap li li li:last-child:before {
  background-color: #fff;
  background-image: url("/typo3/sysext/core/Resources/Public/ExtJs/images/ol/joinbottom.gif");
}
.sitemap li:last-child {
  background: none;
}
/* Breadcrumbs */
#breadcrumbs {
  color: #8a8a8a;
  box-sizing: border-box;
  z-index: 1;
  background: #f5f5f5;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
}
#breadcrumbs .inner {
  font-size: 0.9em;
  padding: 0 2em;
  box-sizing: border-box;
}
#breadcrumbs a {
  color: #4a4a4a;
  display: inline-block;
  padding: 1em 0.5em;
  transition: all 0.2s ease-in-out 0s;
  text-decoration: none;
}
#breadcrumbs a:hover {
  background: #4a4a4a;
  color: #fff;
}
#breadcrumbs a:hover:after {
  color: #fff;
}
#breadcrumbs li:not(:last-child) a:after {
  content: "\e807";
  font-family: "fontello";
  display: inline-block;
  padding-left: 1.5em;
}
#breadcrumbs ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#breadcrumbs li {
  display: inline-block;
}
#breadcrumbs li:last-child {
  font-weight: 400;
}
/* Right Menu */
.side {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
.side > a {
  padding: 1em;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
.side > a:hover {
  background: #f2f2f2;
}
.side > a:after {
  content: "\e81c";
  font-family: "fontello";
  position: absolute;
  right: 0;
  top: 0.15em;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  font-size: 1.5em;
  transform: rotate(0deg);
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.side > a:before {
  content: "\e809";
  font-family: "fontello";
  position: absolute;
  right: 0;
  top: 0.15em;
  width: 3em;
  height: 3em;
  text-align: center;
  line-height: 3em;
  font-size: 1em;
  transform: rotate(0deg);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.side > a.open:after {
  content: "\e81c";
  transform: rotate(180deg);
  opacity: 0;
}
.side > a.open:before {
  content: "\e809";
  transform: rotate(180deg);
  opacity: 1;
}
.side > a span {
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.25em;
  margin: 0.5em 0;
  padding: 0;
  line-height: 1.25em;
  text-transform: uppercase;
  font-weight: 300;
}
.side.menu {
  background: #fff;
  margin-top: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
}
.side.menu > div {
  overflow: hidden;
  height: 0;
  float: left;
  width: 100%;
}
.side.menu ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
}
.side.menu li {
  padding: 1px 0;
  float: left;
  width: 100%;
}
.side.menu li a {
  color: #868a89;
  background: #fff;
  text-decoration: none;
  display: block;
  padding: 2.5%;
  width: 95%;
  transition: all ease-in-out 0.2s;
  border-left: 2px solid #fff;
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  box-sizing: border-box;
}
.side.menu li a.act {
  background: #fcfcfc;
  border-left: 2px solid #303334;
}
.side.menu .sub a:hover,
.side.menu li a:hover {
  background: #fcfcfc;
  border-left: 2px solid #f59231;
}
.side.menu .sub a {
  width: 100%;
  padding-left: 7.5%;
  background: #fff;
  border-left: 2px solid #d6d6d6;
}
.side.menu .ce-menu-2 li {
  padding: 0;
  margin-top: 2px;
}
.side.menu .ce-menu-2 li a {
  background: #f7f7f7;
  padding-left: 7.5%;
}
#map_canvas {
  background: #f9f9f9;
  position: relative;
  width: 100%;
  height: 25vw;
  min-height: 15em;
  float: left;
}
#map_canvas img {
  max-width: none;
}
#map_canvas .message {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#map_canvas .message > span {
  float: none;
  overflow: auto;
  padding: 1em;
  box-sizing: border-box;
  margin-top: 1em;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
  width: 100%;
  max-width: 45em;
  font-weight: normal;
}
.powermail_fieldset,
.powermail_fieldset fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}
.powermail_legend {
  display: none;
}
.powermail_form h3 {
  display: none;
}
.powermail_form .powermail_field h3 {
  display: block;
}
.powermail_fieldwrap {
  width: 100%;
  float: left;
  margin-top: 5px;
  position: relative;
}
.powermail_fieldwrap .powermail_label {
  width: 45%;
  float: left;
  margin-right: 1em;
  text-align: right;
  line-height: 2.2em;
  min-height: 1px;
}
.powermail_fieldset,
.powermail_fieldset fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}
.powermail_legend {
  display: none;
}
.powermail_form h3 {
  display: none;
}
.powermail_fieldwrap .powermail_date,
.powermail_fieldwrap .powermail_input {
  width: 45%;
  float: left;
  border: 1px solid #b5bcc3;
  padding: 0.5em 1em;
  color: #000000;
  font-size: 1em;
  font-family: 'MarkWXX', sans-serif;
  -webkit-appearance: inherit;
  box-sizing: border-box;
  min-height: 3em;
  line-height: 1em;
}
.powermail_fieldwrap select {
  width: 45%;
  float: left;
  border: 1px solid #b5bcc3;
  padding: 0.5em 1em;
  color: #666;
  font-size: 1em;
  font-family: 'MarkWXX', sans-serif;
  box-sizing: border-box;
}
.powermail_fieldwrap .powermail_submit_alt,
.powermail_fieldwrap .powermail_submit,
.powermail_confirmation_form,
.powermail_confirmation_submit {
  transition: all 0.2s ease-in-out 0s;
  border: none;
  background: #303334;
  color: #fff;
  padding: 1em 2em;
  cursor: pointer;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'MarkWXX', sans-serif;
  margin: 0;
}
.powermail_fieldwrap .powermail_submit_alt:hover,
.powermail_fieldwrap .powermail_submit:hover,
.powermail_confirmation_form:hover,
.powermail_confirmation_submit:hover {
  background: #f59231;
  color: #fff;
}
.powermail_fieldwrap .mandatory {
  display: inline-block;
  font-weight: 300;
  font-size: 1rem;
  left: auto;
  right: 1.5em;
  line-height: 1em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1em;
  text-indent: -9999px;
}
.powermail_fieldwrap .mandatory:before {
  content: "\e812";
  font-family: "fontello";
  color: #303334;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  width: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: 0.5em;
}
.powermail_confirmation_form {
  margin: 1em 0 0;
}
.powermail_fieldwrap .formError {
  background: none repeat scroll 0 0 #bc290a;
  float: left;
  font-size: 10px;
  height: 31px;
  left: auto !important;
  margin: 0 !important;
  position: relative !important;
  text-indent: -99999px;
  text-transform: uppercase;
  width: 5px;
  display: none;
}
.powermail_fieldwrap .powermail_textarea {
  font-size: 1em;
  border: 1px solid #c3c3c3;
  background: #fff;
  color: #bbb;
  padding: 1em;
  margin: 0px;
  display: block;
  width: 45%;
  color: #000;
  font-family: 'MarkWXX', sans-serif;
  box-sizing: border-box;
  resize: vertical;
}
.powermail_fieldwrap .formErrorContent {
  display: none;
}
.powermail_fieldwrap.error .powermail_label {
  color: #000;
}
.powermail_fieldwrap.error .mandatory {
  color: #ff0000;
}
.powermail_fieldwrap_text {
  color: #000000;
  float: left;
  line-height: 30px;
  margin-right: 20px;
  text-align: left;
  width: 200px;
  margin-left: 220px;
}
.powermail_radio_inner {
  float: left;
  width: 100%;
  display: block;
  padding: 1px 0;
}
.powermail_radio_inner label {
  cursor: pointer;
  padding-left: 5px;
}
.powermail_check_outer {
  float: left;
  width: 75%;
  max-width: 200px;
  display: block;
  padding: 5px 0;
}
.powermail-errors-list {
  display: none;
}
.powermail_fieldwrap.error .powermail_input,
.powermail_fieldwrap .powermail_field_error {
  border-color: #FFD324;
  background: #FFF6BF;
  box-shadow: none;
}
.powermail_fieldwrap_type_radio .powermail_field,
.powermail_fieldwrap_type_check .powermail_field {
  float: left;
  width: 50%;
  padding: 1em 0;
}
.powermail_fieldwrap.wide > * {
  width: 100%;
  margin-right: 0;
  text-align: left;
}
.powermail_fieldwrap.wide .powermail_input {
  width: 100%;
}
.powermail_fieldwrap_type_rangeslider .powermail_label {
  font-weight: bold;
  padding-bottom: 1em;
  line-height: 1.5em;
}
.powermail_fieldwrap_type_rangeslider .powermail_field {
  clear: both;
}
body .irs--flat .irs-handle.state_hover > i:first-child,
body .irs--flat .irs-handle:hover > i:first-child {
  background: #303334;
}
body .irs--flat .irs-from:before,
body .irs--flat .irs-to:before,
body .irs--flat .irs-single:before {
  border-top-color: #f59231;
}
body .irs--flat .irs-from,
body .irs--flat .irs-to,
body .irs--flat .irs-single,
body .irs--flat .irs-bar,
body .irs--flat .irs-handle > i:first-child {
  background: #f59231;
}
body .irs--flat .irs-min,
body .irs--flat .irs-max {
  color: #000;
}
.powermail_fieldset.w-50 {
  width: 50%;
  padding: 0 1em;
}
.powermail_form_35 .btn-group {
  display: none;
}
.powermail_form_35 .powermail_fieldwrap_type_check .powermail_field {
  width: 100%;
}
.centerIcon {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
}
.btn-group {
  padding: 2em 0;
  display: flex;
  flex-wrap: wrap;
}
.btn-group button {
  cursor: pointer;
}
.btn-group button:first-child:nth-last-child(3),
.btn-group button:first-child:nth-last-child(3) ~ button {
  width: 33.33333333%;
}
.btn-group button:first-child:nth-last-child(5),
.btn-group button:first-child:nth-last-child(5) ~ button {
  width: 20%;
}
.btn-group button:first-child:nth-last-child(6),
.btn-group button:first-child:nth-last-child(6) ~ button {
  width: 16.66666667%;
  font-size: 0.8em;
}
.btn-group button:first-child:nth-last-child(9),
.btn-group button:first-child:nth-last-child(9) ~ button {
  width: 11.11111111%;
  font-size: 0.8em;
}
.btn-group button:not(.btn-primary) {
  background: #f2f2f2;
  color: #000;
}
.btn-group button:not(.btn-primary):hover {
  background: #e6e6e6;
}
.powermail_tab_navigation {
  display: flex;
  justify-content: flex-end;
  margin-top: 2em;
}
.powermail_tab_navigation .btn {
  width: 3em;
  height: 3em;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  position: relative;
  margin-left: 0.5em;
}
.powermail_tab_navigation .btn:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
}
.powermail_tab_navigation .btn.pull-right:after {
  content: "\e807";
}
.powermail_tab_navigation .btn.btn-warning:after {
  content: "\e806";
}
/* Progress */
.progress {
  background-color: #ffffff;
  border-radius: 2px;
  display: block;
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.progress .indeterminate {
  background-color: #303334;
}
.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.8149999999999999, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.8149999999999999, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
/* Fancybox */
body .fancybox-overlay {
  background: rgba(24, 25, 25, 0.8);
  transition: all 0.5s ease-in-out 0s;
}
body .fancybox-skin {
  height: 100% !important;
  position: relative;
  padding: 0 !important;
}
body .fancybox-outer {
  position: relative;
  height: 100%;
}
body .fancybox-opened .fancybox-skin {
  box-shadow: none;
}
body .fancybox-title {
  background: #000;
  padding: 1em;
  color: #fff;
  box-sizing: border-box;
  font-size: 0.7em;
  font-weight: 300;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
}
body .fancybox-title-float-wrap .child {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  line-height: inherit;
}
body a.fancybox-nav {
  z-index: 1;
}
body a.fancybox-nav span {
  background: #303334;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  color: #fff;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
body a.fancybox-prev span {
  left: 0;
}
body a.fancybox-next span {
  right: 0;
}
body .fancybox-nav span:after {
  font-family: "fontello";
  display: block;
  text-indent: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
}
body .fancybox-nav:hover span {
  opacity: 1;
}
body .fancybox-nav:hover span:after {
  opacity: 1;
}
body .fancybox-prev span:after {
  content: "\e806";
}
body .fancybox-next span:after {
  content: "\e807";
}
body a.fancybox-close {
  top: 0;
  right: 0;
  width: 3em;
  height: 3em;
  background: #303334 !important;
  opacity: 1;
  z-index: 2;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}
body a.fancybox-close:after {
  font-family: "fontello";
  content: "\e809";
  display: block;
  text-indent: 0;
  width: 3em;
  height: 2em;
  text-align: center;
  line-height: 3em;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  transition: all 0.2s ease-in-out 0s;
}
body .fancybox-close:hover {
  background: #000;
}
body .fancybox-default a.fancybox-close,
body .fancybox-default a.fancybox-expand,
body .fancybox-default a.fancybox-nav span {
  background-image: none;
}
body .fancybox-title-outside-wrap {
  margin: 0;
}
body .fancybox-overlay.white {
  background: #fff;
}
body .fancybox-overlay.white .fancybox-title {
  font-size: 1em;
  background: transparent;
  top: -4em;
  width: 100%;
  text-align: center;
}
body .fancybox-overlay.white .fancybox-title .child {
  background: transparent;
  text-shadow: none;
  color: #303334;
  text-transform: uppercase;
  font-weight: 300;
  font-family: 'MarkWXX', sans-serif;
  letter-spacing: 0.1em;
}
/* Blog */
.list.blog {
  float: left;
  width: 100%;
  margin-top: 2em;
}
.list.blog .left {
  float: left;
  padding: 1em;
  line-height: 1em;
}
.list.blog > .image {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
  background: #efefef;
  position: relative;
}
.list.blog > .image a {
  opacity: 1;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
  float: left;
  width: 100%;
}
.list.blog > .image a:after {
  content: "\e807";
  font-family: "fontello";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 45px;
  width: 45px;
  height: 45px;
  opacity: 1;
  color: #fff;
  background: #303334;
  font-size: 1em;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
}
.list.blog > .image a:hover {
  opacity: 0.8;
}
.list.blog > .image a:hover:after {
  opacity: 1;
  right: 0;
}
.list.blog > .image img {
  display: block;
  width: 100%;
  height: auto;
}
.list.blog .date {
  float: left;
  color: #909090;
  font-style: italic;
}
.list.blog .text {
  float: left;
  width: 100%;
  margin: 1em 0;
}
.list.blog .button {
  float: left;
  width: 100%;
  text-align: right;
  background: #efefef;
}
.list.blog .divider {
  display: inline-block;
  color: #f59231;
  padding: 0 1em;
}
.list.blog .author {
  float: left;
  width: 100%;
  padding: 1em 0;
  text-align: center;
  border-top: 1px dashed #d6d6d6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.list.blog .author .image {
  float: left;
  width: 3em;
  border-radius: 100%;
  overflow: hidden;
}
.list.blog .author img {
  display: block;
  width: 100%;
  height: auto;
}
.list.blog .author .text {
  width: calc(100% - 4em);
  float: left;
  text-align: left;
  font-size: 0.9em;
  box-sizing: border-box;
  padding: 0 0 0 1em;
  margin: 0;
}
.list.blog .author .text h4 {
  margin: 0;
}
.list.blog .author .text p {
  margin: 0;
}
.list.blog .data {
  display: none;
}
.news-list-category span {
  padding-left: 1em;
  display: inline-block;
}
/* Blog Tree */
.side-news {
  float: left;
  width: calc(100% - 1em);
  padding: 1em;
  background: #fff;
  margin-left: 1em;
  margin-top: 1em;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
}
.side-news ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-news li a {
  line-height: 2em;
}
.side-news > ul > li > a {
  color: #000;
  display: block;
  font-weight: normal;
  position: relative;
  text-decoration: none;
}
.side-news li.parent > a {
  padding: 0 0 0 3em;
  margin-bottom: 1px;
  transition: all 0.2s ease-in-out 0s;
}
.side-news li.parent > a:hover:before {
  background: #f59231;
  color: #fff;
}
.side-news li.parent > a:before {
  content: "+";
  display: block;
  height: 2em;
  line-height: 2em;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 2em;
  background: #303334;
  text-align: center;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}
.side-news li.parent.reset > a:before {
  content: "";
  background: #f59231;
}
.side-news li.parent.reset > a:after {
  font-family: "fontello";
  content: "\e806";
  display: block;
  height: 2em;
  font-size: 0.7em;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 2.7em;
  text-align: center;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}
.side-news li.parent.reset > a:hover:before {
  background: #f59231;
}
.side-news li.parent.reset > a:hover:after {
  color: #fff;
}
.side-news ul li.active > a:before {
  background: #f59231;
  color: #fff;
  content: "-";
}
.side-news ul li ul {
  border-left: 1px solid #D9DADB;
  display: none;
  margin: 0 0 0 1em;
  overflow: hidden;
  padding: 0 0 0 2em;
}
.side-news ul li ul li {
  position: relative;
}
.side-news ul li ul li:before {
  border-bottom: 1px solid #E2E2E3;
  content: "";
  left: -2em;
  position: absolute;
  top: 1em;
  width: 1em;
}
/* News Single */
.news-single.left .news-img-wrap {
  float: left;
  width: 100%;
  padding: 0 0 1em 0;
  box-sizing: border-box;
  padding: 1em;
  background: #f2f2f2;
}
.news-single.left .news-img-wrap img {
  display: block;
  float: left;
  width: 100%;
  height: auto;
}
.news-single.left h1 {
  float: left;
  width: 100%;
}
.news-single.right .news-img-wrap {
  width: 100%;
  margin: 0;
  float: left;
  margin-top: 2em;
  background: transparent;
  position: relative;
  box-sizing: border-box;
  padding: 1em;
}
.news-single.right .news-img-wrap:before {
  content: "";
  background: #484d4f;
  width: 1000%;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}
.news-single.right .news-img-wrap .outer {
  position: relative;
  width: 48%;
  margin: 1%;
  overflow: hidden;
  float: left;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out 0s;
  background: #fff;
}
.news-single.right .news-img-wrap .outer:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.news-single.right .news-img-wrap .outer:hover {
  background: #181919;
}
.news-single.right .news-img-wrap .outer .mediaelement {
  bottom: 2%;
  color: white;
  left: 2%;
  overflow: hidden;
  position: absolute;
  right: 2%;
  text-align: center;
  top: 2%;
  width: 96%;
}
.news-single.right .news-img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.news-single.right .news-img-wrap .mediaelement {
  float: left;
  width: 100%;
}
.news-single.right .news-img-wrap a {
  margin: 0;
  padding: 0;
  border: none;
  height: 100%;
  float: left;
  width: 100%;
}
.news-single.right .categories {
  float: left;
  width: 100%;
  padding-top: 1em;
}
.news-single .teaser-text {
  font-size: 1em;
  color: #000;
  font-weight: 400;
  font-size: 1.25em;
  float: left;
  width: 100%;
}
.news-single .related-wrap {
  float: left;
}
.news-single .news-related {
  width: 90%;
  float: left;
  display: block;
  border: none;
  padding: 1 0 1 1em;
}
.news-single .news-related ul {
  padding: 0;
  margin: 0;
}
.news-single .news-related ul li,
.news-related-files ul li {
  list-style: none;
  margin: 0 0 0.5em 0;
  line-height: 1.4em;
}
.news-single .news-related h4 {
  font-size: 1em;
  font-weight: bold;
}
.news-single.right .info {
  float: left;
  width: 100%;
  background: #fff;
  text-shadow: none;
}
.news-single.right .info .date {
  font-family: 'MarkWXX', sans-serif;
  font-size: 2em;
  color: #f59231;
}
.news-single.right .info .category {
  float: left;
}
.news-single.right .info .right {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
}
.news-single.right .info .author {
  font-weight: 700;
}
.news-single.right .social {
  float: left;
  width: 100%;
  background: #f2f2f2;
  border-bottom: 2px solid #303334;
  text-shadow: none;
  margin-top: 1em;
  padding: 1em;
  box-sizing: border-box;
}
.news-single.right .social > div {
  float: left;
  width: 100%;
  margin-top: 0.25em;
}
/* Pagination */
.page-navigation {
  float: left;
  width: 100%;
  padding: 1em 0.5em;
  box-sizing: border-box;
}
.page-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-navigation li {
  display: inline-block;
  float: left;
  margin-right: 0.2em;
}
.page-navigation ul span,
.page-navigation ul a {
  display: inline-block;
  text-decoration: none;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  border: 1px solid #fff;
}
.page-navigation ul a:hover {
  background: #303334;
  color: #fff;
}
.page-navigation ul .previous a,
.page-navigation ul .next a {
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.page-navigation ul .previous a:before,
.page-navigation ul .next a:before {
  text-indent: 0;
  content: "\e807";
  font-family: "fontello";
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  font-size: 1em;
}
.page-navigation ul .previous a:before {
  content: "\e806";
}
.page-navigation .current span {
  color: #fff;
  background: #303334;
}
/* Blog Related */
.side.related {
  float: left;
  width: 100%;
  margin-top: 1em;
  padding: 0 1em 1em 1em;
  box-sizing: border-box;
}
.side.related .summary ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
.side.related .summary li {
  float: left;
  width: 100%;
  padding: 0.5em 0;
  position: relative;
}
.side.related .summary a {
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid #d6d6d6;
  padding: 0.5em 0.5em 0 0.5em;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
}
.side.related .summary a:hover {
  border-bottom-color: #f59231;
  color: #000;
  background: #f9f9f9;
}
.side.related .summary a:hover:before {
  opacity: 1;
}
.side.related .summary img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.2s ease-in-out 0s;
}
.side.related .summary .title {
  float: left;
  width: 100%;
  padding: 0.5em 1em 0.5em 0;
  box-sizing: border-box;
  font-size: 0.9em;
  transition: all 0.2s ease-in-out 0s;
  z-index: 1;
  position: relative;
}
.side.related .summary .title:after {
  font-family: "fontello";
  content: "\e807";
  position: absolute;
  right: 0;
  top: 0;
  line-height: 2.75em;
}
/* Twitter Feed */
#twitter-feed {
  float: left;
  width: calc(100% - 1em);
  padding: 1em;
  margin-left: 1em;
  margin-top: 1em;
  box-sizing: border-box;
}
a.twitter-link,
a.twitter-link:hover {
  color: #666;
  font-family: 'MarkWXX', sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.3em;
  text-decoration: none;
  text-shadow: 0 1px #fff;
}
.twitter-name {
  color: #f59231;
  clear: both;
  display: block;
  margin-top: 10px;
  position: relative;
  padding-left: 1.5em;
  top: 0.1em;
  font-weight: 400;
}
.twitter-name:hover {
  text-decoration: underline;
  color: #303334;
}
.twitter-name:before {
  content: "\e816";
  font-family: 'fontello';
  position: absolute;
  font-size: 1.5em;
  color: #303334;
  left: 0;
}
/* Gallery */
.article .gallery {
  float: left;
  width: 100%;
}
.article .gallery .csc-textpic-imagewrap {
  float: left;
  width: 100%;
  padding: 1em;
  margin: 1em 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  display: block;
}
.article .gallery a {
  box-sizing: border-box;
  display: block;
  padding: 0.5em;
  background: #f2f2f2;
  transition: all 0.2s ease-in-out 0s;
}
.article .gallery a:hover {
  background: #f59231;
}
.article .gallery .csc-textpic-caption {
  display: block;
  /*text-align: center;*/
  padding-top: 0.5em;
  /*font-style: italic;*/
  font-size: 0.9em;
}
.article .gallery .csc-textpic-image {
  margin: 0;
  max-width: 15em;
  display: block;
}
.article .gallery .csc-textpic-imagewrap[data-csc-images='2'] .csc-textpic-imagecolumn {
  float: left;
  width: 50%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2px;
}
.article .gallery .csc-textpic-imagewrap[data-csc-images='3'] .csc-textpic-imagecolumn {
  float: left;
  width: 33.33%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2px;
}
.article .gallery .csc-textpic-imagewrap[data-csc-images='4'] .csc-textpic-imagecolumn {
  float: left;
  width: 25%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2px;
}
.article .gallery .csc-textpic-imagewrap[data-csc-cols='3'] .csc-textpic-imagecolumn {
  float: left;
  width: 33.33%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2px;
}
.article .gallery .csc-textpic-imagewrap[data-csc-cols='3'] .csc-textpic-imagerow {
  padding: 0.5em 0;
}
.article .gallery .csc-textpic-imagewrap[data-csc-cols='4'] .csc-textpic-imagecolumn {
  float: left;
  width: 25%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2px;
}
.article .gallery.full .csc-textpic-imagewrap[data-csc-cols='3'] .csc-textpic-imagecolumn {
  float: left;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2px;
}
.article .gallery.full .csc-textpic-imagewrap[data-csc-cols='3'] .csc-textpic-imagerow {
  padding: 0.5em 0;
}
.article .gallery.full .csc-textpic-image {
  max-width: none;
}
.article .gallery.full .csc-textpic-caption {
  padding-bottom: 0.5em;
}
/* Glossary */
.glossary {
  float: left;
  width: 100%;
}
.glossary strong {
  display: inline-block;
  margin: 1em 0 0 0;
  font-size: 2em;
  font-weight: 600;
  padding: 0.5em;
  color: #f59231;
  border: solid 2px #f59231;
  border-radius: 0.5em;
  line-height: 1em;
  min-width: 2.25em;
  text-align: center;
}
.glossary a {
  display: inline-block;
  text-decoration: none;
  padding: 0.5em;
  background: #f2f2f2;
  margin: 0.25em 0 0.25em 0;
}
.glossary a:hover {
  background: #303334;
  color: #FFF;
  transition: all 0.2s ease-in-out 0s;
}
#hohoho {
  color: #fff;
  background: #303334;
  background: -moz-linear-gradient(left, #303334 0%, #484d4f 100%);
  background: -webkit-linear-gradient(left, #303334 0%, #484d4f 100%);
  background: linear-gradient(to right, #303334 0%, #484d4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#780103', endColorstr='#db0100', GradientType=1);
}
#hohoho ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0.5em;
}
#hohoho li {
  width: calc(20% - 1em);
  position: relative;
  box-sizing: border-box;
  margin: 0.5em;
  background: #2a2c2d;
  perspective: 1000px;
}
#hohoho li:before {
  display: block;
  content: "";
  padding-top: 100%;
}
#hohoho {
  counter-reset: my-awesome-counter;
}
#hohoho li {
  counter-increment: my-awesome-counter;
}
#hohoho .a.flip {
  transform: rotateY(180deg);
}
#hohoho .a {
  color: inherit;
  text-decoration: none;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
#hohoho .a:hover .front {
  border-size: 0.5em;
  background: #181919;
}
#hohoho .front,
#hohoho .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#hohoho .front {
  z-index: 2;
  transform: rotateY(0deg);
  background: #242627;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  transition: all 0.2s ease-in-out 0s;
}
#hohoho .front:before {
  content: counter(my-awesome-counter, upper-roman);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 7vw;
  color: #2c0001;
  width: 100%;
  height: 1em;
  line-height: 1em;
  text-align: center;
  margin: auto;
  font-weight: 800;
  color: #303334;
}
#hohoho .a .front {
  border-color: #fff;
}
#hohoho .back {
  transform: rotateY(180deg);
  background: #303334;
  border: 1px solid #f59231;
}
#hohoho .num {
  border-radius: 100%;
  background: #fff;
  color: #303334;
  font-family: serif;
  font-weight: 800;
}
#hohoho .front .center {
  font-size: 3vw;
  position: relative;
  width: 4vw;
  height: 4vw;
  line-height: 4vw;
  background: #f59231;
  color: #fff;
}
#hohoho .back .num {
  width: 2vw;
  height: 2vw;
  position: absolute;
  right: 1em;
  bottom: 1em;
  text-align: center;
  line-height: 2em;
  font-size: 1vw;
}
#hohoho .img {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#hohoho .img img {
  display: block;
  width: 100%;
  height: auto;
}
#hohoho .link {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#hohoho .link .icon {
  width: 3em;
  height: 3em;
  position: relative;
  margin: 0 auto;
  padding-bottom: 2em;
}
#hohoho .link .icon:before {
  font-size: 1.5em;
  font-family: "fontello";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 2em;
  width: 2em;
  text-align: center;
  background: #303334;
}
#hohoho .link .icon.link:before {
  content: "\e830";
}
#hohoho .link .icon.video:before {
  content: "\e831";
}
#hohoho .link .container {
  width: 100%;
  text-align: center;
  position: relative;
}
#hohoho .link .container:before {
  content: "";
  height: 1px;
  background: #484d4f;
  position: absolute;
  width: 50%;
  top: 1.5em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* QRT and Score */
.powermail_field.rating {
  width: 100%;
  align-items: center;
}
.rating {
  float: left;
  width: 100%;
  padding: 1em 0;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.rating .radio {
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  border-bottom: 1px solid #FFF;
}
.rating .radio.act {
  border-bottom: 1px solid #d6d6d6;
}
.rating .radio .icon {
  font-family: 'fontello';
  font-size: 1.5em;
  color: #303334;
  left: 0;
  float: left;
  width: 100%;
  height: 2em;
}
.rating .radio:nth-child(1) .icon:before {
  content: "\e839";
  color: #0c703e;
}
.rating .radio:nth-child(2) .icon:before {
  content: "\e821";
  color: #079042;
}
.rating .radio:nth-child(3) .icon:before {
  content: "\e835";
  color: #aace35;
}
.rating .radio:nth-child(4) .icon:before {
  content: "\e834";
  color: #f7d900;
}
.rating .radio:nth-child(5) .icon:before {
  content: "\e836";
  color: #ea8b39;
}
.rating .radio:nth-child(6) .icon:before {
  content: "\e838";
  color: #dd3a33;
}
.powermail_frontend #powermail_frontend_search_all {
  float: left;
  padding: 1em;
  width: 40%;
}
.powermail_frontend .btn btn-primary {
  float: left;
  padding: 1em;
  width: 10%;
}
#qrt .steps li {
  width: 15%;
}
#qrt .article .inner > .left {
  width: 75%;
}
#qrt .article .inner > .right {
  width: 25%;
}
#qrt table {
  border-collapse: collapse;
  margin: 2em 0 1em 0;
  width: 100%;
  text-align: left;
}
#qrt table th {
  height: 2em;
  background: #f59231;
  color: #FFF;
  font-weight: 300;
  text-transform: uppercase;
  padding: 1em;
}
#qrt table td {
  padding: 1em;
  border-bottom: 1px solid #d6d6d6;
}
#qrt table tr:nth-child(even) {
  background: #f9f9f9;
}
#qrt table tr:hover {
  background: #fefefe;
}
#qrt table tr {
  font-weight: normal;
}
#qrt .article .mail-detail td {
  padding: 0.6em;
}
#qrt .article .mail-detail strong {
  font-weight: normal;
}
#qrt .article .mail-detail tr:nth-child(4),
#qrt .article .mail-detail tr:nth-child(5),
#qrt .article .mail-detail tr:nth-child(8),
#qrt .article .mail-detail tr:nth-child(9),
#qrt .article .mail-detail tr:nth-child(11) {
  font-weight: bold !important;
}
#qrt .article .mail-detail tr:nth-child(4) strong,
#qrt .article .mail-detail tr:nth-child(5) strong,
#qrt .article .mail-detail tr:nth-child(8) strong,
#qrt .article .mail-detail tr:nth-child(9) strong,
#qrt .article .mail-detail tr:nth-child(11) strong {
  font-weight: bold;
}
#qrtSum {
  box-sizing: border-box;
  display: none;
  flex-flow: column;
  align-items: flex-end;
}
#qrt .controls {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2em;
}
#qrt .controls .btn {
  max-width: 100%;
  float: left;
  cursor: pointer;
  border: none;
  height: 3em;
}
#qrt .controls .left {
  width: 30%;
}
#qrt .controls .right {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
#qrt .controls .right > * {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#qrt .controls .powermail_field {
  box-sizing: border-box;
}
#qrt .controls .powermail_field input,
#qrt .controls .powermail_field select {
  border: solid 1px #d6d6d6;
  height: 3em;
  margin: 0 0.5em 0 0;
  padding-left: 1em;
}
#qrt .controls .powermail_field select:not(.powermail_date) {
  padding-right: 1em;
}
#qrt .controls .powermail_frontend_search_all {
  width: calc(100% - 1em);
  padding: 1em;
  height: 3em;
  margin: 0 0.5em 0 0;
  border: 1px solid #d6d6d6;
  background: #f2f2f2;
  box-sizing: border-box;
}
#qrt .controls .powermail_field:last-child input {
  margin: 0;
}
#qrt .powermail_sorting {
  cursor: pointer;
}
#qrt .powermail_sorting:after {
  content: "\e805";
  color: #FFF;
  font-size: 1em;
  position: relative;
  font-family: "fontello";
  left: 0.5em;
  top: 0;
  line-height: 2em;
  width: 1em;
  text-align: center;
}
#qrt .infos {
  background: #f9f9f9;
}
#qrt .controls .left > form {
  display: flex;
}
#qrt .controls .left .form-group {
  display: flex;
}
#qrt .controls .left .control-label {
  padding: 0 1em 0;
  line-height: 3em;
}
#qrt .controls .right .powermail_label {
  padding-right: 0.5em;
}
.wiz .btn-group button {
  background: transparent;
  color: #303334;
  letter-spacing: -0.025em;
  position: relative;
  outline: none;
}
.wiz .btn-group button:before {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -2em;
  border-radius: 100%;
  background: #fff;
  border: 1px dashed #ccc;
  color: #303334;
  font-family: inherit;
  font-size: 1.5em;
  z-index: 1;
}
.wiz .btn-group button.btn-primary:before {
  background: #f59231;
  border-color: #f59231;
  color: #fff;
}
.wiz .btn-group button:after {
  content: "";
  height: 0;
  width: 100%;
  border-top: 1px dashed #ccc;
  position: absolute;
  top: -1.5em;
  left: 0;
  right: 0;
}
.wiz .btn-group button:nth-child(1):before {
  content: "1";
}
.wiz .btn-group button:nth-child(2):before {
  content: "2";
}
.wiz .btn-group button:nth-child(3):before {
  content: "3";
}
.wiz .btn-group button:nth-child(4):before {
  content: "4";
}
.wiz .btn-group button:nth-child(5):before {
  content: "5";
}
.wiz .btn-group button:nth-child(6):before {
  content: "6";
}
.wiz .btn-group button:nth-child(7):before {
  content: "7";
}
.wiz .btn-group button:nth-child(8):before {
  content: "8";
}
.wiz .btn-group button:nth-child(9):before {
  content: "9";
}
.wiz .btn-group button:nth-child(10):before {
  content: "10";
}
.mainContainer.mag {
  float: left;
  width: 100%;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}
.mainContainer.mag .magazin .mobile {
  display: none;
}
.mainContainer.mag > .above {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.mainContainer.mag > .below {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.mainContainer.mag .magazin {
  float: left;
  width: 100%;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-top: 16em;
}
.mainContainer.mag .magazin > div {
  width: 50%;
}
.mainContainer.mag .magazin > .left {
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative;
}
.mainContainer.mag .magazin > .left .logo {
  position: absolute;
  right: 3em;
  top: 3em;
  width: 50%;
}
.mainContainer.mag .magazin > .left img {
  display: block;
  width: 100%;
  height: auto;
}
.mainContainer.mag .magazin > .right {
  position: relative;
}
.mainContainer.mag .magazin .abs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  padding: 3em;
  overflow: auto;
}
.mainContainer.mag .magazin .news-list-view {
  display: flex;
  flex-wrap: wrap;
}
.mainContainer.mag .magazin .list.blog {
  box-sizing: border-box;
  padding: 1em;
  width: 50%;
}
.mainContainer.mag .magazin .list.blog .button {
  padding: 1em 0;
  display: flex;
  justify-content: center;
}
#references {
  position: relative;
}
#references .inner {
  padding: 3em 0;
  text-align: center;
}
#references h2 {
  font-weight: 700;
  color: #303334;
}
#references h3 {
  color: #303334;
}
#references .headline {
  float: left;
  width: 100%;
  padding-bottom: 1em;
}
#references .inner .wrap {
  box-sizing: border-box;
  padding: 0.5em;
}
#references .inner > ul a,
#references .flex-viewport a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em;
  background: #e6e6e6;
  transition: all 0.2s ease-in-out 0s;
  text-align: left;
  text-indent: -9999px;
}
#references .inner > ul a:hover,
#references .flex-viewport a:hover {
  background: #303334;
}
#references .lslider {
  float: left;
  width: 100%;
}
#references img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.2s ease-in-out 0s;
}
#references img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
#references .flex-viewport {
  z-index: 1;
}
#references .flex-direction-nav {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  margin: 1em 0 0 0;
  padding: 0;
  list-style: none;
  height: 100%;
  z-index: 0;
  display: flex;
  justify-content: center;
}
#references .flex-direction-nav .flex-nav-prev {
  position: relative;
  left: 0;
  width: 3em;
  height: 3em;
  top: 0;
}
#references .flex-direction-nav .flex-nav-prev:after {
  content: "\e806";
}
#references .flex-direction-nav .flex-nav-next {
  position: relative;
  right: 0;
  width: 3em;
  height: 3em;
  top: 0;
}
#references .flex-direction-nav .flex-nav-next:after {
  content: "\e807";
}
#references .flex-direction-nav .flex-nav-prev:after,
#references .flex-direction-nav .flex-nav-next:after {
  background: transparent;
  font-family: "fontello";
  font-size: 1.5em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  position: absolute;
  left: 0;
  top: 0;
  color: #808080;
  text-indent: 0;
  display: block;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
}
#references .flex-direction-nav a {
  display: block;
  width: 3em;
  height: 3em;
  opacity: 1;
  left: 0;
  right: 0;
  position: relative;
  text-align: left;
  text-indent: -9999px;
  margin: 0;
}
#references .flex-direction-nav .flex-nav-prev:hover:after,
#references .flex-direction-nav .flex-nav-next:hover:after {
  color: #303334;
  background: #f9f9f9;
}
#references .flex-direction-nav .flex-nav-prev:hover:after {
  left: -0.5em;
}
#references .flex-direction-nav .flex-nav-next:hover:after {
  left: 0.5em;
}
.powermail_fieldwrap_jobnummer {
  visibility: hidden;
}
.ratingstars .powermail_label {
  font-weight: 700;
}
.ratingstars .powermail_field {
  padding: 0.25em 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.ratingstars .powermail_field input {
  display: none;
}
.ratingstars .powermail_field > label {
  color: #303334;
  width: 1.5em;
  height: 1.5em;
  position: relative;
  text-indent: -999px;
  margin: 0 0.5em;
  overflow: hidden;
  cursor: pointer;
}
.ratingstars .powermail_field > label:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 1em;
  line-height: 1em;
  font-family: 'fontello';
  font-size: 1.5em;
  display: inline-block;
  content: "\e83c";
  color: inherit;
  width: 1em;
  text-indent: 0;
}
.ratingstars .powermail_field > input:checked ~ label,
.ratingstars .powermail_field:not(:checked) > label:hover,
.ratingstars .powermail_field:not(:checked) > label:hover ~ label {
  transition: all 0.2s ease-in-out 0s;
  color: #f59231;
}
/* hover previous stars in list */
.ratingstars .powermail_field > input:checked ~ label:before {
  content: "\e83b";
}
.ratingstars .powermail_field > input:checked + label:hover,
.ratingstars .powermail_field > input:checked ~ label:hover,
.ratingstars .powermail_field > label:hover ~ input:checked ~ label,
.ratingstars .powermail_field > input:checked ~ label:hover ~ label {
  color: #f7ac62;
}
#awards {
  position: absolute;
  margin: 0 1em;
}
#awards.top {
  top: 10%;
}
#awards.bottom {
  bottom: 13%;
}
.transition {
  transition: all 0.2s ease-in-out 0s;
}
.transition-smooth {
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
.transition-bounce {
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.resetList,
.ul-reset {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.centerIcon {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
}
/* TEMP - Formular*/
#temp {
  background: #fff;
  padding: 3em 0;
}
#temp * {
  box-sizing: border-box;
}
#temp .temp_row {
  background: #303334;
  color: #fff;
}
#temp .temp_row .temp_col {
  padding: 0.5em 1em;
}
#temp .btn {
  border: none;
  cursor: pointer;
}
#temp .btn:after {
  color: #fff !important;
}
#temp .powermail_tab_navigation {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
#temp .powermail_field,
#temp .powermail_label {
  padding: 0em;
}
#temp .powermail_fieldwrap .powermail_label:first-child {
  padding: 0.5em 0;
}
#temp .powermail_field .temp_row {
  width: 100%;
  display: flex;
}
#temp .powermail_field .temp_row .temp_col {
  width: 14.28571429%;
  float: left;
  font-weight: 700;
  margin: 0;
  padding-right: 1em;
  display: flex;
}
#temp .powermail_fieldwrap_type_check .powermail_field,
#temp .powermail_fieldwrap_type_check .powermail_field > div,
#temp .powermail_fieldwrap_type_radio .powermail_field,
#temp .powermail_fieldwrap_type_radio .powermail_field > div {
  display: flex;
}
#temp .powermail_fieldwrap_type_check > label,
#temp .powermail_fieldwrap_type_radio > label {
  width: 14.28571429%;
  margin: 0;
  text-align: left;
}
#temp .powermail_fieldwrap_type_check input,
#temp .powermail_fieldwrap_type_radio input {
  width: 14.28571429%;
  margin: 0;
  text-align: left;
  display: none;
}
#temp .powermail_fieldwrap_type_check .powermail_field,
#temp .powermail_fieldwrap_type_radio .powermail_field {
  width: 85.71428571%;
  text-align: left;
}
#temp .checkbox,
#temp .radio {
  width: 16.66666667%;
  float: left;
}
#temp .checkbox > label,
#temp .radio > label {
  padding: 1em;
  transition: all 0.2s ease-in-out 0s;
  background: transparent;
  cursor: pointer;
}
#temp .checkbox > label:hover,
#temp .radio > label:hover {
  background: #f2f2f2;
}
#temp .mandatory,
#temp .nolabel {
  display: none;
}
#temp .powermail_fieldwrap_teamchefbewertung,
#temp .powermail_fieldwrap_erwartungenbewertung,
#temp .powermail_fieldwrap_mitarbeiterbewertung,
#temp .powermail_fieldwrap_prozessebewertung {
  display: none;
}
#temp .col_selected label {
  background: #f59231;
  color: #fff;
}
#temp .col_selected label:hover {
  background: #f48519;
}
#temp .col_future label {
  background: #55b56d;
  color: #fff;
}
#temp .col_future label:hover {
  background: #49a861;
}
#temp .col_selure label {
  background-image: linear-gradient(45deg, #f59231 30%, #55b56d 70%);
}
#temp .col_selure label:hover {
  background-image: linear-gradient(45deg, #55b56d 30%, #f59231 70%);
}
#temp .grey {
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_type_select select,
#temp .powermail_fieldwrap_type_input input {
  width: 25%;
}
#temp .powermail_fieldwrap_type_submit .powermail_field {
  position: relative;
  width: 100%;
}
#temp .powermail_fieldwrap_legende {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende .orange,
#temp .powermail_fieldwrap_legende .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#temp .powermail_fieldwrap_legende01 {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende01 .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende01 h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende01 .orange,
#temp .powermail_fieldwrap_legende01 .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende01 .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende01 .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#temp .powermail_fieldwrap_legende_01 {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende_01 .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende_01 h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende_01 .orange,
#temp .powermail_fieldwrap_legende_01 .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende_01 .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende_01 .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende_01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#temp .powermail_fieldwrap_legende_02 {
  background: #fff !important;
}
#temp .powermail_fieldwrap_legende_02 .right {
  float: right;
  display: block;
  line-height: 1.5em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 1em;
  background: #f9f9f9;
}
#temp .powermail_fieldwrap_legende_02 h5 {
  margin: 0;
}
#temp .powermail_fieldwrap_legende_02 .orange,
#temp .powermail_fieldwrap_legende_02 .green {
  font-weight: 700;
  background: transparent;
}
#temp .powermail_fieldwrap_legende_02 .orange {
  color: #f59231;
}
#temp .powermail_fieldwrap_legende_02 .green {
  color: #55b56d;
}
#temp .powermail_fieldwrap_legende_02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* TEMP - Persönliche Daten */
/* TEMP - Auswertung */
#progressValue {
  background: #f59231;
  border-radius: 0;
  box-shadow: none;
  border: none;
  height: 2.5em;
  float: left;
  margin: 0 0 0.25em 0;
}
#temp #bar {
  background: #f59231;
  border-radius: 0;
  box-shadow: none;
  border: none;
  height: 2.5em;
  float: left;
  margin: 0 0 0.25em 0;
  background: #f2f2f2;
  width: calc(100% - 15em);
}
.progressBar {
  background: #f59231;
  height: 2.5em;
}
#temp .future .progressBar {
  background: #55b56d;
}
#temp dl .need {
  text-align: center;
  font-size: 2.2em;
  line-height: 1.4em;
  display: block;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
}
#temp dl dd {
  float: left;
  width: 100%;
  padding-bottom: 1em;
  margin: 0;
}
#temp dl dd .result {
  display: inline-block;
  width: 10em;
}
#temp dl dd label {
  float: left;
  width: 5em;
  height: 1.5em;
  padding: 0.5em 0;
}
#temp dl dd span {
  font-weight: 600;
  padding: 0.5em 0;
  float: left;
  width: 5em;
  text-align: center;
}
#temp #steps-uid-0-p-4 .powermail_fieldwrap {
  margin: 0;
  padding: 0.25em 0;
}
#temp #steps-uid-0-p-4 .powermail_label:first-child {
  padding: 0 !important;
}
#temp #steps-uid-0-p-4 .powermail_legend {
  display: block;
}
.powermail_create dt {
  float: left;
  width: 100%;
  font-size: 1.5em;
  padding: 1em 0;
  text-align: center;
}
.powermail_create dd > div {
  float: left;
  width: 100%;
}
#temp #pdflink {
  width: 100%;
  vertical-align: middle;
  font-size: larger;
  text-align: center;
  float: left;
  margin: 1.5em 0;
}
/* That's it! Now let's try creating a new stripe pattern and animate it using animation and keyframes properties  */
@-webkit-keyframes move {
  0% {
    background-position: 0px 0px, 0 0, 0 0;
  }
  100% {
    background-position: -100px 0px, 0 0, 0 0;
  }
}
@media (max-width: 500px) {
  #temp .powermail_fieldwrap_type_html {
    display: none;
  }
  #temp label.powermail_label {
    width: 90vw;
    max-width: 500px;
    text-align: center;
  }
  #temp .powermail_fieldwrap_type_check .powermail_field,
  #temp .powermail_fieldwrap_type_radio .powermail_field {
    flex-wrap: wrap;
    flex-basis: 100%;
  }
  #temp .powermail_fieldwrap_type_check,
  #temp .powermail_fieldwrap_type_radio {
    width: 100%;
  }
  #temp .radio > label:before {
    content: attr(data-score);
    font-weight: 700;
    color: #f59231;
  }
  #temp .checkbox,
  #temp .radio {
    flex-basis: 50%;
  }
}
body.bgw {
  background: #f2f2f2;
}
#wintablet {
  position: relative;
  width: 100%;
  height: 100%;
}
#wintablet * {
  box-sizing: border-box;
}
#wintablet .center {
  width: 100%;
  max-width: 1500px;
  padding: 3em 0;
  margin: 0 auto;
}
#wintablet .logo {
  float: left;
  width: 15em;
}
#wintablet .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#wintablet .top {
  float: left;
  width: 100%;
}
#wintablet .low .row,
#wintablet .low {
  float: left;
  width: 100%;
}
#wintablet .low > .l {
  width: 100%;
}
#wintablet .low > .r {
  width: 100%;
  position: relative;
  font-size: 0.9em;
  margin-top: 2em;
  padding-bottom: 2em;
}
#wintablet .low > .r > .abs {
  width: 100%;
  height: 100%;
  margin: auto;
  background: #ececec;
  padding: 0 2em;
}
#wintablet h1 {
  margin: 0;
}
#wintablet h1 span {
  color: #808080;
}
#wintablet h3 {
  margin: 0;
  padding: 1em 0;
}
#wintablet h3.pb0 {
  padding-bottom: 0;
}
#wintablet .overview ul {
  min-height: 7em;
  font-weight: 700;
  background: #fff;
  padding: 1em;
}
#wintablet .overview li:first-child {
  width: 20%;
  margin-left: 0;
  color: #fff;
  text-transform: uppercase;
}
#wintablet .overview li:last-child {
  margin-right: 0;
}
#wintablet .overview li {
  width: calc(20% - 1em);
  margin: 0 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#wintablet .overview li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: #fff;
  border: 2px solid;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  left: 0;
  top: 0;
}
#wintablet .overview li a:hover {
  color: #fff;
}
#wintablet .overview li.dis a {
  pointer-events: none;
  opacity: 0.25;
}
#wintablet .segment .name {
  max-width: calc(100% - 6em);
}
#wintablet .segment .price {
  min-width: 6em;
  text-align: right;
}
#wintablet .segment .r {
  display: flex;
  align-items: center;
}
#wintablet .mar {
  border-color: #f59231;
}
#wintablet .mar h1 {
  color: #f59231;
}
#wintablet .mar h3 {
  color: #f59231;
}
#wintablet .mar h4 {
  color: #f59231;
}
#wintablet .mar .nav a {
  color: #f59231;
  border-color: #f59231;
}
#wintablet .mar .nav a:hover {
  background: #f59231;
}
#wintablet .mar .nav li:first-child {
  background: #f59231;
}
#wintablet .unt {
  border-color: #0099cc;
}
#wintablet .unt h1 {
  color: #0099cc;
}
#wintablet .unt h3 {
  color: #0099cc;
}
#wintablet .unt h4 {
  color: #0099cc;
}
#wintablet .unt .nav a {
  color: #0099cc;
  border-color: #0099cc;
}
#wintablet .unt .nav a:hover {
  background: #0099cc;
}
#wintablet .unt .nav li:first-child {
  background: #0099cc;
}
#wintablet .man {
  border-color: #ff6633;
}
#wintablet .man h1 {
  color: #ff6633;
}
#wintablet .man h3 {
  color: #ff6633;
}
#wintablet .man h4 {
  color: #ff6633;
}
#wintablet .man .nav a {
  color: #ff6633;
  border-color: #ff6633;
}
#wintablet .man .nav a:hover {
  background: #ff6633;
}
#wintablet .man .nav li:first-child {
  background: #ff6633;
}
#wintablet .kom {
  border-color: #66cc33;
}
#wintablet .kom h1 {
  color: #66cc33;
}
#wintablet .kom h3 {
  color: #66cc33;
}
#wintablet .kom h4 {
  color: #66cc33;
}
#wintablet .kom .nav a {
  color: #66cc33;
  border-color: #66cc33;
}
#wintablet .kom .nav a:hover {
  background: #66cc33;
}
#wintablet .kom .nav li:first-child {
  background: #66cc33;
}
#wintablet .segment,
#wintablet .gallery {
  text-align: left;
  padding: 2em;
  background: #fff;
  float: left;
  width: 100%;
}
#wintablet .segment li {
  border-top: 1px solid #d6d6d6;
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
#wintablet .segment li .over {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  padding: 1em;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}
#wintablet .segment li.goLeft .over {
  width: calc(100% - 3em);
}
#wintablet .segment li.collapse {
  border-color: #fff;
}
#wintablet .segment li:last-child {
  border-bottom: 1px solid #d6d6d6;
}
#wintablet .segment.bl {
  border-left-width: 0.5em;
  border-left-style: solid;
}
#wintablet .segment h4 {
  margin: 0;
  padding-bottom: 1em;
}
#wintablet .xs {
  float: left;
  width: 100%;
  font-size: 0.9em;
  color: #808080;
  line-height: 1.25em;
  padding-top: 0.5em;
}
#wintablet .remove {
  width: 3em;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#wintablet .remove a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: red;
  transition: all 0.2s ease-in-out 0s;
}
#wintablet .remove a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e809";
  font-size: 0.8em;
}
#wintablet .remove a:hover {
  background: #e60000;
}
#wintablet .gallery li {
  width: 25%;
  padding: 0.5em;
}
#wintablet .gallery a {
  display: block;
  width: 100%;
}
#wintablet .gallery img {
  display: block;
  width: 100%;
  height: auto;
}
#wintablet .right {
  float: right;
}
#wintablet .log a {
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  width: 3em;
  height: 3em;
  border: 1px solid #d6d6d6;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
#wintablet .log a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e833";
}
#wintablet .log .out a {
  color: #66cc33;
}
#wintablet .log .out a:hover {
  border-color: red;
  color: red;
}
#wintablet .log .in a:hover {
  border-color: #66cc33;
  color: #66cc33;
}
#wintablet .filter {
  padding: 0 0.5em;
  line-height: 1em;
  height: 3em;
  background: #fff;
  border: 1px solid #d6d6d6;
  margin-right: 1em;
}
#wintablet .filter ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#wintablet .filter li {
  padding: 0 0.5em;
}
#wintablet .filter a {
  display: block;
  float: left;
  padding: 1em 0;
  line-height: 1em;
  text-decoration: none;
  position: relative;
}
#wintablet .filter a:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 1px;
  background: #303334;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
#wintablet .filter a.act:after,
#wintablet .filter a:hover:after {
  opacity: 1;
}
#wintablet .filter label {
  display: inline-block;
  padding: 0 0.5em;
}
#wintablet .reset {
  margin-right: 1em;
}
#wintablet .reset a {
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  width: 3em;
  height: 3em;
  border: 1px solid #d6d6d6;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
#wintablet .reset a:hover {
  border-color: #303334;
}
#wintablet .reset a:after {
  font-family: "fontello";
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: 0;
  content: "\e82f";
}
#wintablet .message {
  line-height: 1em;
  padding: 1em 1em 1em 0;
  opacity: 0.5;
  text-shadow: 0px 1px 0px #fff;
}

@media (max-width: 500px) {
  body {
    font-size: 0.9em;
  }
  .img-inline {
    display: block;
    float: none;
  }
  body h1,
  .article.intro h1 {
    font-size: 2em;
  }
  body h2,
  .article.intro h2 {
    font-size: 1.75em;
  }
  body .article h2 {
    font-size: 1.75em;
  }
  nav#mobile {
    display: block;
  }
  .container-inner > section:not(.hero):not(.banner):not(.np),
  .container > section:not(.hero):not(.banner):not(.np) {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #banner,
  #slider {
    width: 100%;
    padding: 0;
  }
  .btn.large {
    font-size: 1em;
  }
  .byk-sub,
  .header-height,
  #menu,
  .side.menu,
  .side.tldr,
  #breadcrumbs,
  .side.menu:after,
  #lower .hideable {
    display: none;
  }
  #header {
    position: relative;
  }
  #header .top {
    display: block;
  }
  #header .top .right,
  #header .top .center {
    width: 100%;
    font-size: 0.9em;
  }
  #header .center .inner {
    padding: 2em;
  }
  #header .left {
    width: 100%;
  }
  #header .right {
    display: flex;
    text-align: center;
    margin: 1em 0;
    float: left;
    width: 100%;
  }
  #header .right ul {
    justify-content: center;
  }
  #header .right li {
    margin: 0 0.25em;
  }
  #header .top .center,
  #header .vw-menu-open {
    display: none;
  }
  #header .logo .ani,
  #header .logo .slogan {
    display: none;
  }
  .logo .original {
    width: 100%;
    max-width: 25em;
  }
  .logo .original img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
  }
  #header.go .original img {
    height: auto;
  }
  .mb {
    margin-bottom: 1em;
  }
  .sm {
    display: block;
    width: 100%;
  }
  .banner.film {
    min-height: 20em;
  }
  .buttons .film .fix,
  .banner.film .fix {
    background-size: auto 100% !important;
    background-position: center center !important;
    top: 0 !important;
  }
  .film video {
    display: none;
  }
  .banner .quote {
    display: none;
  }
  .banner .quote {
    margin-top: 2em;
  }
  .banner .quote .mobile {
    display: block;
  }
  .banner .quote .mobile img {
    opacity: 1;
  }
  .banner.fixed {
    min-height: 20em;
    background: #fff !important;
  }
  .banner.fixed .flex {
    position: relative;
  }
  .banner.fixed picture {
    display: none;
  }
  .banner.fixed .text {
    font-size: 1.5em;
  }
  .banner .headline {
    padding: 1em;
  }
  .banner .headline .bg {
    font-size: 1em;
  }
  .banner .pos {
    display: none;
  }
  #page8 .banner .flex {
    position: relative;
  }
  #page8 .banner .mb {
    margin-bottom: 0;
    width: 100%;
  }
  #page8 .banner .sm {
    font-size: 1.1em;
  }
  .banner .blo {
    min-width: 50%;
  }
  #page1 .banner .headline .bg {
    font-size: 2em;
  }
  #page1 .banner .headline .sm {
    text-align: left;
    padding: 0;
  }
  #page593 #header {
    padding-bottom: 2em;
  }
  #page593 .bnnr .center > span {
    font-size: 5vw;
  }
  .intro {
    border: none;
  }
  .intro .content {
    padding: 3em 0;
  }
  .content {
    padding: 1em;
  }
  .buttons a {
    padding: 0;
  }
  .buttons .ac > * {
    padding: 1em 0;
  }
  .buttons h3 {
    font-size: 1.75em;
  }
  .flex {
    flex: 1 1 100% !important;
  }
  .two .col {
    width: 100%;
    padding: 0;
  }
  .news-overview .col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #newsletter .left,
  #newsletter .right {
    width: 100%;
    max-width: 100%;
    float: left;
  }
  #newsletter .l,
  #newsletter .r {
    width: 100%;
  }
  #newsletter .right {
    padding-top: 1em;
  }
  #newsletter .editable_content {
    flex-wrap: wrap;
  }
  #newsletter .editable_content > div {
    width: 100%;
    padding: 0.25em 0;
    margin: 0;
    max-height: 3.5em;
  }
  #newsletter .editable_content > div > * {
    width: 100%;
    max-width: 100%;
  }
  .article .inner:before {
    display: none;
  }
  .article .inner > .left {
    padding: 0 0 2em 0;
  }
  .article .inner > .left,
  .article .inner > .right {
    width: 100%;
  }
  .article .inner > .right .side:nth-child(2) {
    margin-top: 1em;
  }
  .article.wide .side.text {
    margin: 0;
    width: 100%;
  }
  .article.clean.trans:after {
    opacity: 1;
  }
  .side.contact {
    width: 100%;
    margin: 0;
  }
  #benefits li {
    width: 100%;
  }
  #lower {
    text-align: center;
  }
  #lower .element {
    border: none;
  }
  #lower .connect {
    display: flex;
    justify-content: center;
  }
  #lower .jubilaeum .col.l,
  #lower .jubilaeum .col.r {
    width: 100%;
  }
  #lower .jubilaeum .col.r {
    padding-top: 1em;
  }
  #footer .inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #footer .left,
  #footer .right li {
    padding: 0.5em;
  }
  #footer .right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .list.blog .btn {
    width: calc(100% - 3em);
    text-align: left;
  }
  #twitter-feed {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .side-news {
    margin-left: 0;
    width: 100%;
  }
  .news-single.right .info .right,
  .news-single.right .news-img-wrap {
    padding: 0;
  }
  #jobs .container {
    padding: 1em;
  }
  .cHideable.item3 {
    padding: 0;
  }
  .cHideable.item3 .column .col,
  .cHideable .row .text,
  .cHideable .row .hdl {
    width: 100%;
  }
  .cHideable .bgr.even,
  .cHideable .bgr.odd {
    box-sizing: border-box;
    padding: 0 1em;
  }
  #reference {
    padding: 0;
  }
  #reference > ul li {
    width: 100%;
  }
  #reference .monitor {
    max-width: 95%;
  }
  #reference .mobile {
    display: block;
  }
  #reference picture {
    display: none;
  }
  #reference .flex-direction-nav {
    top: 32%;
  }
  #mix {
    padding: 0;
  }
  .mix.ppl {
    width: 100%;
  }
  .mix.ppl .image {
    width: 10em;
  }
  .mix.ppl .text {
    padding: 1em;
    width: calc(100% - 10em);
  }
  .mix.ppl h3 {
    font-size: 1.5em;
  }
  .mix.ppl .m {
    display: block;
  }
  .mix.ppl .d {
    display: none;
  }
  .mix.ppl.nofilter.wide {
    width: 100%;
  }
  .mix.ppl.nofilter.wide .image,
  .mix.ppl.nofilter.wide .text {
    width: 100%;
  }
  #films .col {
    width: 100%;
  }
  #keks {
    font-size: 0.7em;
    line-height: 1.5em;
  }
  #history .historyFact {
    display: none;
  }
  #history article.odd .container,
  #history article.even .container {
    width: 100%;
    text-align: left;
  }
  #history .odd .historyImage,
  #history .even .historyImage,
  #history .even .historyImage img {
    float: left;
  }
  #history h3 {
    padding-left: 0;
    padding-right: 0;
  }
  #history .historyWrapper {
    padding-left: 0;
    padding-right: 0;
  }
  #history .squiggle {
    right: auto;
  }
  #history:after {
    left: 1.5em;
    right: auto;
  }
  #history article {
    padding-left: 4em;
  }
  #history .odd .dotLine,
  #history .even .dotLine {
    left: -2em;
  }
  #history .dot {
    left: -2.75em;
  }
  .loc {
    padding: 0;
  }
  .article.loc,
  .article.loc ul {
    text-align: center;
  }
  .powermail_fieldwrap .mandatory {
    right: 0;
  }
  .powermail_fieldset .powermail_fieldwrap .powermail_country,
  .powermail_fieldset .powermail_fieldwrap .powermail_select {
    width: 100%;
  }
  .powermail_fieldwrap .powermail_label {
    margin: 0;
    width: 90%;
    padding-right: 10%;
    text-align: left;
  }
  .powermail_fieldwrap_text {
    margin-left: 0;
  }
  .powermail_fieldwrap_type_radio .powermail_field,
  .powermail_fieldwrap_type_check .powermail_field,
  .powermail_fieldwrap .powermail_country,
  .powermail_fieldwrap .powermail_textarea,
  .powermail_fieldwrap .powermail_input,
  .powermail_fieldwrap .powermail_select {
    padding: 0.5em;
    width: 100%;
  }
  .powermail_fieldwrap .powermail_submit {
    padding: 1em 0;
    width: 100%;
    max-width: 100%;
  }
  .wizard .steps {
    overflow: hidden;
    height: 4em;
  }
  #page87 #header {
    top: 3em;
  }
  .pOne .title {
    font-size: 0.8em;
  }
  .pFour .item li,
  .pTwo .panels li {
    width: 100%;
  }
  .pTwo .panels {
    height: auto;
  }
  .pTwo .title,
  .pThree .title,
  .pFour .title {
    height: 10%;
  }
  .pTwo .panels ul {
    padding: 1em 0;
  }
  .pTwo .panels li {
    padding: 1em;
  }
  .pThree #kekstext {
    padding-top: 0;
  }
  .pFour .content {
    padding-top: 5em;
    align-items: flex-start;
  }
  .pFour .content .top {
    display: none;
  }
  .pFour .content ul {
    font-size: 0.8em;
  }
  .pFour .content b,
  .pFour .content span {
    padding: 0.5em;
  }
  .pFour .content ul {
    padding: 0;
  }
  .pFour .number {
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    top: 5em;
  }
  .pFour .number .center {
    font-size: 3em;
  }
  .pFive .lab {
    z-index: 1;
    font-size: 1em;
  }
  .pFive .lft {
    right: 85%;
  }
  .pFive .rgt {
    left: 85%;
  }
  .pFive .top {
    top: -1em;
  }
  .pFive .low {
    bottom: -1em;
  }
  #films .btn-wrap {
    display: none;
  }
  #films .mobile {
    display: block;
  }
  #films .mobile a {
    width: calc(100% - 3em);
    text-align: left;
  }
  #page31 #header {
    top: 3em;
  }
  .wrap.together {
    width: 100%;
  }
  .wrap.together:nth-child(1) {
    padding-right: 0em;
  }
  .wrap.together:nth-child(2) {
    padding-left: 0em;
  }
  .checklist-svg {
    display: none;
  }
  .checklist .col {
    width: 100% !important;
    margin-top: 1em;
  }
  .checklist .underlay {
    display: none;
  }
  .checklist.con .col:first-child .item:after {
    display: none;
  }
  .checklist.con .col:last-child .item:after {
    display: block;
  }
  .checklist.con .item:after {
    width: 0.5em;
    height: 2em;
    top: -1.75em;
    right: 0;
    left: 0;
    border: none;
    margin: auto;
    z-index: 1;
  }
  .seoblock > * {
    width: 100%;
  }
  .seoblock .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .qanda .top {
    flex-direction: column-reverse;
  }
  .qanda .select {
    border-right: 0;
    width: 100%;
  }
  .qanda fieldset > div {
    padding: 0 0.5em;
  }
  .qanda .head {
    width: 100%;
    max-width: 100%;
    padding: 1em 0;
  }
  .qanda .head .center {
    text-align: center;
    width: 100%;
  }
  #error .inner {
    background: transparent;
  }
  #error .number {
    font-size: 7em;
  }
  #error .wrap {
    position: relative;
    padding: 2em 0;
  }
  #hohoho li {
    width: calc(100% - 1em);
  }
  #hohoho .front .num {
    font-size: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
    height: 1.5em;
  }
  #hohoho .back .num {
    font-size: 1em;
    width: 1em;
    line-height: 1em;
    height: 1em;
  }
  .mainContainer.mag > .above {
    position: relative;
  }
  .mainContainer.mag .magazin {
    padding-top: 0;
  }
  .mainContainer.mag .magazin > div {
    width: 100%;
  }
  .mainContainer.mag .magazin .abs {
    position: relative;
    padding: 0;
  }
  .mainContainer.mag .magazin .list.blog {
    width: 100%;
  }
  .mainContainer.mag .magazin .list.blog .button {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
  }
  .mainContainer.mag .magazin .mobile {
    display: block;
  }
  .shortcuts h3 {
    font-size: 1.25em;
  }
  .shortcuts .col {
    width: 100%;
    margin: 0.25em 0;
  }
  .refSlider .blend {
    display: none;
  }
  .refSlider .wrap {
    position: relative;
    width: 100%;
    float: left;
  }
  .refSlider .wrap .inner {
    position: relative;
  }
  .refSlider .tsr .center {
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
  }
  .refSlider .tags {
    position: relative;
    bottom: auto;
    padding-top: 2em;
    display: block;
  }
  .refSlider .txt {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .refSlider .txt.show {
    height: auto;
    padding: 2em;
  }
  .refSlider .flex-control-nav {
    width: 100%;
  }
  .refSlider .wrap .center {
    background-color: var(--background-color);
  }
  #wintablet .low > .l {
    padding-right: 0;
  }
  #wintablet .nav li:first-child,
  #wintablet .nav li:last-child,
  #wintablet .overview li {
    width: 100%;
    margin: 0.25em 0;
    min-height: 5em;
  }
  #wintablet .segment > .l {
    width: 100%;
    padding-bottom: 1em;
  }
  #wintablet .segment .name {
    max-width: 100%;
  }
  #wintablet .segment .price {
    width: 100%;
    border-top: 1px dashed #d6d6d6;
    margin-top: 0.5em;
    padding-top: 0.5em;
  }
  #wintablet .gallery li {
    width: 100%;
    padding: 1em;
  }
  .hero {
    padding: 0;
  }
  .hero-slider .overlay {
    position: relative;
    padding: 0;
  }
  .hero-tabs .flex-viewport a .headline {
    font-size: 1.5em;
  }
  [class*="hero"] .block {
    max-width: 100%;
  }
  [data-offset="2"] {
    transform: translateY(0);
  }
  [data-offset="1"] {
    transform: translateY(0);
  }
  [data-offset="-1"] {
    transform: translateY(0);
  }
  [data-offset="-2"] {
    transform: translateY(0);
  }
  .l.w-25 {
    width: 100%;
  }
  .r.w-70 {
    width: 100%;
  }
  .catalog-list .product {
    width: 100%;
    max-width: 25em;
  }
  .aimeos .col-sm-6 {
    width: 100%;
  }
  .aimeos .product.row .col-sm-6 {
    padding: 0;
  }
  [class*="catalog-detail-additional"] dt,
  [class*="catalog-detail-additional"] dd {
    width: 100%;
  }
  [class*="catalog-detail-additional"] dd {
    border-top: none;
    padding: 0 0 1em 0;
  }
  .aimeos .common-summary-detail .basket {
    overflow: scroll;
  }
  #login > div {
    width: 100%;
    margin: 3em 0;
    padding: 1em;
  }
  .aimeos .steps {
    float: left;
  }
  .aimeos .steps li {
    width: 100%;
    justify-content: flex-start;
    margin: 0.5em 0;
    font-size: 1em;
  }
  .checkout-standard .row > .wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .aimeos .form-list {
    margin: 0;
  }
  .aimeos .form-list .row > * {
    width: 100%;
  }
  .aimeos .form-item label,
  .aimeos .form-item .col-md-7 {
    padding-left: 0;
  }
  .account-history-list .summary .w-33 {
    width: 100%;
  }
  [class*="hero"] .overlay {
    position: relative;
    padding: 0;
  }
  .bnnr .xl {
    font-size: inherit;
  }
  .bnnr .cw {
    color: #303334;
  }
  .bnnr .wrap {
    position: relative;
    padding: 0 5% 6em 5%;
  }
  .bnnr .wrap .inner {
    width: 100%;
  }
  .bnnr .center > span {
    font-size: 7vw;
  }
  .bnnr.sldr {
    background: #f9f9f9;
  }
  .bnnr.sldr.nav-arrows-dots .flex-control-nav {
    display: none;
  }
  .navi {
    font-size: 2vw;
    bottom: 1em;
  }
  .columns .col {
    width: 100%;
  }
  body#page593 .bnnr .wrap::before {
    display: none;
  }
  .listing .w-25 {
    width: 100%;
  }
  .diamond .w-33,
  .diamond .w-50,
  .diamond .top .col,
  .diamond .low .col {
    width: 100%;
  }
  .diamond .low {
    transform: translateX(0);
  }
  .diamond .text-center {
    text-align: left;
  }
  .diamond .img {
    padding: 6em 0 3em;
  }
  .diamond .img img {
    transform: scale(2);
  }
  .diamond .low .col {
    padding-top: 3em;
  }
  .teasers-old li {
    width: 100%;
  }
  .teasers li {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .teasers .h2 {
    font-size: 1.75em;
  }
  .teasers .btn {
    position: relative;
    left: 0;
    bottom: auto;
    max-width: none;
  }
  .teasers[data-layout="podcast"] .w-25 {
    width: 50%;
    padding-bottom: 1em;
  }
  .teasers[data-layout="podcast"] .w-75 {
    width: 100%;
  }
  .bgg .teasers .txt {
    padding-bottom: 2em;
  }
  .grid .w-50 {
    width: 100%;
  }
  .columns .wrap {
    padding: 0;
  }
  #hero-employerwin {
    padding-left: 0;
    padding-right: 0;
  }
  #hero-employerwin .pt6 {
    padding-top: 0;
  }
  .shade .grid {
    padding: 1em;
  }
  .employerwin-team .w-33 {
    width: 100%;
  }
  .tc-hero .txt {
    padding-left: 0;
    padding-right: 0;
  }
  .hero .w-50 {
    width: 100%;
    position: relative;
  }
  .hero .trigger > span {
    max-width: calc(100% - 2em);
  }
  .hero-video ~ img {
    max-height: 30em;
  }
  .hero-video {
    width: 100%;
    top: 2em;
    right: -15vw;
    height: calc(100% - 4em);
  }
  .hero-video .txt {
    padding-left: 0;
    padding-right: 0;
  }
  .brands li {
    width: 33.33333333%;
  }
  .grid[data-columns="2"]:not(.flx-rr) .col:nth-child(1),
  .grid[data-columns="2"]:not(.flx-rr) .col:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
  }
  .grid .w-33,
  .grid .w-66 {
    width: 100%;
  }
  #c12396 .grid,
  #c12412 .grid {
    flex-direction: column-reverse;
  }
  .cards .card {
    width: 100%;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .cards .card .wrap {
    padding-top: 2em;
  }
  .cards .xl {
    font-size: 1em;
  }
  .cards .card:nth-child(even) {
    transform: translateY(0);
  }
  .cards.pb15 {
    padding-bottom: 0em;
  }
  .card .pd2 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .horizontal-cards .w-33 {
    width: 100%;
  }
  .flow .w-50 {
    width: 100%;
  }
  .flow .line {
    height: 5em;
    margin-top: 2em;
  }
  .flow .line svg,
  .flow .flx-rr .line svg {
    left: calc(50% - 1em);
    top: -50%;
  }
  .home-hero {
    font-size: 1em;
    min-height: unset;
  }
  .home-hero video {
    position: relative;
    width: 100%;
    height: auto;
    transform: unset;
    left: 0;
  }
  .home-hero .txt {
    padding: 0 5%;
  }
  .home-hero .txt:before {
    top: -3em;
    height: calc(100% + 3em);
    transform: skewY(5deg);
    right: 0;
    width: 110%;
  }
  .home-hero a {
    width: 100%;
    margin: 0.5em 0;
    max-width: none;
  }
  [class*="hero"] .btn ~ .btn {
    margin-left: 0;
  }
  .tc[data-columns="2"] .w-50 {
    width: 100%;
  }
  .tc[data-columns="2"] .pd2 {
    padding: 0;
  }
  .tcimg .abs-image {
    position: relative;
    width: 100vw;
    left: -15vw;
  }
  .tcimg .abs-image img {
    position: relative;
  }
  .tcimg.flx-rr .abs-image {
    right: -10vw;
  }
  #c12300 .pt6 {
    padding-top: 0;
  }
  .lp-logos li {
    width: 33.33333333%;
  }
  .video_wrapper .h3 {
    position: relative;
    left: 0;
    max-width: 100%;
  }
  .video_wrapper .video_overlay {
    position: relative;
  }
  .video_wrapper button {
    position: relative;
    transform: scale(0.5);
  }
  .cpbar .col,
  .cpbar .col {
    width: 100%;
  }
  .cpbar .col.left {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .cpbar .col.left:after {
    transform: skewX(0deg);
    right: 1em;
    left: auto;
  }
  .cpbar .col.right {
    padding-top: 0;
    padding-left: 2em;
  }
  .cpbar .col.right .img {
    margin: 0 auto;
  }
  .cpbar .col.right .center {
    text-align: center;
  }
  .cpbar .connect {
    justify-content: center;
  }
  .cpbar .col.right ul li {
    padding: 0 0.15em;
  }
  .hero .trust li {
    padding: 0.5em;
    margin: 0.5em;
  }
  .hero .trust img {
    height: 3em;
  }
  .glossary .origin .w-33 {
    width: 100%;
  }
  .tablewrap {
    max-width: 100%;
    overflow-x: scroll;
  }
  .trustlogos .col {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  body {
    font-size: 0.9em;
  }
  body h1,
  .article.intro h1 {
    font-size: 2em;
  }
  body h2,
  .article.intro h2 {
    font-size: 1.7em;
  }
  nav#mobile {
    display: block;
  }
  .container-inner > section:not(.hero):not(.banner):not(.np),
  .container > section:not(.hero):not(.banner):not(.np) {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  #banner,
  #slider {
    width: 100%;
    padding: 0;
  }
  .byk-sub,
  .header-height,
  #menu,
  #breadcrumbs,
  .side.menu,
  .side.menu:after,
  #lower .hideable {
    display: none;
  }
  #header {
    position: relative;
  }
  #header .top {
    display: block;
  }
  #header .top .right,
  #header .top .center {
    width: 100%;
    font-size: 0.9em;
  }
  #header .center .inner {
    padding: 2em;
  }
  #header .left {
    width: 100%;
  }
  #header .right {
    display: flex;
    text-align: center;
    margin: 1em 0;
    float: left;
    width: 100%;
  }
  #header .right ul {
    justify-content: center;
  }
  #header .right li {
    margin: 0 0.25em;
  }
  #header .top .center,
  #header .vw-menu-open {
    display: none;
  }
  #header .logo .ani,
  #header .logo .slogan {
    display: none;
  }
  .logo .original {
    width: 100%;
    max-width: 25em;
  }
  .logo .original img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
  }
  #header.go .original img {
    height: auto;
  }
  .mb {
    margin-bottom: 2em;
  }
  .banner.film {
    min-height: 20em;
  }
  .buttons .film .fix,
  .banner.film .fix {
    background-size: auto 100% !important;
    background-position: center center !important;
    top: 0 !important;
  }
  .film video {
    display: none;
  }
  .banner .quote {
    display: none;
  }
  .banner .quote {
    margin-top: 2em;
  }
  .banner .quote .mobile {
    display: block;
  }
  .banner .quote .mobile img {
    opacity: 1;
  }
  .banner.fixed {
    min-height: 20em;
    background: #fff !important;
  }
  .banner.fixed .flex {
    position: relative;
  }
  .banner.fixed picture {
    display: none;
  }
  .banner.fixed .text {
    font-size: 1.5em;
  }
  .banner .headline {
    padding: 1em;
  }
  .banner .headline .bg {
    font-size: 1.5em;
  }
  .banner .pos {
    display: none;
  }
  .banner .blo {
    min-width: 20em;
  }
  #page8 .banner .mb {
    font-size: 0.7em;
  }
  .intro {
    border: none;
  }
  .intro .content {
    padding: 3em 0;
  }
  .content {
    padding: 1em;
  }
  .two .col {
    width: 100%;
    padding: 0;
  }
  .buttons h3 {
    font-size: 1.75em;
  }
  .flex {
    flex: 1 1 100% !important;
  }
  #newsletter .left,
  #newsletter .right {
    width: 100%;
    max-width: 100%;
  }
  #newsletter .right {
    padding-top: 1em;
  }
  #newsletter #mc_embed_signup_scroll > div {
    padding: 0.25em 0;
  }
  .article,
  .article .inner {
    background: #fff;
  }
  .article .inner:before {
    display: none;
  }
  .article .inner > .left {
    padding: 0 0 2em 0;
  }
  .article .inner > .left,
  .article .inner > .right {
    width: 100%;
  }
  .article.wide .side.text {
    margin: 0;
    width: 100%;
  }
  .article.clean.trans:after {
    opacity: 1;
  }
  .side.contact {
    width: 100%;
    margin: 0;
  }
  #benefits li {
    width: 100%;
  }
  #lower {
    text-align: center;
  }
  #lower .element {
    border: none;
  }
  #lower .connect {
    display: flex;
    justify-content: center;
  }
  #lower .jubilaeum .col.l,
  #lower .jubilaeum .col.r {
    width: 100%;
  }
  #lower .jubilaeum .col.r {
    padding-top: 1em;
  }
  #footer .inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #footer .left,
  #footer .right li {
    padding: 0.5em;
  }
  .list.blog .btn {
    width: calc(100% - 3em);
    text-align: left;
  }
  #twitter-feed {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .side-news {
    margin-left: 0;
    width: 100%;
  }
  .news-single.right .info .right,
  .news-single.right .news-img-wrap {
    padding: 0;
  }
  .cHideable.item3 {
    padding: 0;
  }
  .cHideable.item3 .column .col,
  .cHideable .row .text,
  .cHideable .row .hdl {
    width: 100%;
  }
  .cHideable .bgr.even,
  .cHideable .bgr.odd {
    box-sizing: border-box;
    padding: 0 1em;
  }
  #reference {
    padding: 0;
  }
  #reference > ul li {
    width: 50%;
  }
  #reference .monitor {
    max-width: 95%;
  }
  #reference .mobile {
    display: block;
  }
  #reference picture {
    display: none;
  }
  #reference .flex-direction-nav {
    top: 32%;
  }
  #mix {
    padding: 0;
  }
  .mix.ppl {
    width: 50%;
  }
  .mix.ppl .text {
    padding: 1em;
  }
  .mix.ppl h3 {
    font-size: 1.5em;
  }
  .mix.ppl.nofilter.wide {
    width: 100%;
    margin: 0.25em 0;
  }
  .mix.ppl.nofilter.wide .image {
    width: 10em;
  }
  .mix.ppl.nofilter.wide .text {
    width: calc(100% - 10em);
  }
  .mix.ppl.nofilter.wide .image img {
    max-width: 15em;
  }
  .loc {
    padding: 0;
  }
  .article.loc,
  .article.loc ul {
    text-align: center;
  }
  .wrap.together:nth-child(1) {
    padding-right: 0em;
  }
  .wrap.together:nth-child(2) {
    padding-left: 0em;
  }
  #page87 #header {
    top: 3em;
  }
  .pOne .title {
    font-size: 0.8em;
  }
  .pFour .item li,
  .pTwo .panels li {
    width: 100%;
  }
  .pTwo .title,
  .pThree .title,
  .pFour .title {
    height: 10%;
  }
  .pTwo .panels {
    height: auto;
  }
  .pTwo .panels ul {
    padding: 1em 0;
  }
  .pTwo .panels li {
    padding: 1em;
  }
  .pFour .content .top {
    display: none;
    justify-content: flex-start;
  }
  .pFour .content ul {
    padding: 0 0 2em 0;
  }
  .pFour .infinite {
    padding-top: 3em;
  }
  .pFour .number {
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    top: 7em;
  }
  .pFour .number .center {
    font-size: 3em;
  }
  #films .btn-wrap {
    position: relative;
  }
  #films .btn-wrap .center {
    height: auto;
  }
  #films .btn-wrap .center > a {
    display: none;
  }
  #films .btn-wrap .center a {
    width: calc(100% - 3em);
    text-align: left;
  }
  #films .btn-wrap .pop {
    top: 0;
    position: relative;
    opacity: 1;
    height: auto;
  }
  #page31 #header {
    top: 3em;
  }
  .wrap.together {
    width: 100%;
  }
  .wrap.together:nth-child(1) {
    padding-right: 0em;
  }
  .wrap.together:nth-child(2) {
    padding-left: 0em;
  }
  .checklist-svg {
    display: none;
  }
  .checklist .wrap {
    padding-top: 0;
  }
  .checklist.item3 .col,
  .checklist .col {
    width: 50%;
    margin-top: 1em;
  }
  .checklist .underlay {
    display: none;
  }
  .checklist.item1 .col,
  .checklist.con .col {
    width: 100%;
  }
  .checklist.con .col:first-child .item:after {
    display: none;
  }
  .checklist.con .col:last-child .item:after {
    display: block;
  }
  .checklist.con .item:after {
    width: 0.5em;
    height: 2em;
    top: -1.75em;
    right: 0;
    left: 0;
    border: none;
    margin: auto;
    z-index: 1;
  }
  .seoblock > * {
    width: 100%;
  }
  .seoblock .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .qanda .head .center {
    font-size: 1.25em;
  }
  #error .inner {
    background: transparent;
  }
  #error .number {
    font-size: 7em;
  }
  #error .wrap {
    position: relative;
    padding: 2em 0;
  }
  #hohoho li {
    width: calc(50% - 1em);
  }
  #hohoho .front .num {
    font-size: 2em;
    width: 2em;
    line-height: 2em;
    height: 2em;
  }
  #hohoho .back .num {
    font-size: 1em;
    width: 1em;
    line-height: 1em;
    height: 1em;
  }
  .mainContainer.mag .magazin {
    padding-top: 15em;
  }
  .mainContainer.mag .magazin .abs {
    padding: 0em;
  }
  .mainContainer.mag .magazin .list.blog {
    width: 100%;
  }
  .mainContainer.mag .magazin .list.blog .button {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
  }
  .shortcuts h3 {
    font-size: 1.25em;
  }
  .shortcuts .inner {
    justify-content: center;
  }
  .shortcuts .col {
    width: calc(50% - 0.5em);
    margin: 0.25em;
  }
  #newsletter #mc_embed_signup_scroll {
    flex-wrap: wrap;
  }
  #newsletter #mc_embed_signup_scroll > div {
    width: 50%;
    margin: 0;
    padding: 0.5em;
    box-sizing: border-box;
  }
  #newsletter #mc_embed_signup_scroll > div:nth-child(6) {
    width: 100%;
    margin: 0;
    padding: 0.5em;
  }
  #newsletter #mc_embed_signup_scroll > div:nth-child(6) input {
    width: 100%;
  }
  .refSlider .blend {
    display: none;
  }
  .refSlider .wrap {
    position: relative;
    width: 100%;
    float: left;
  }
  .refSlider .wrap .inner {
    position: relative;
  }
  .refSlider .tsr .center {
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
  }
  .refSlider .tags {
    position: relative;
    bottom: auto;
    padding-top: 2em;
    display: block;
  }
  .refSlider .txt {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .refSlider .txt.show {
    height: auto;
    padding: 2em;
  }
  .refSlider .flex-control-nav {
    width: 100%;
  }
  .refSlider .wrap .center {
    background-color: var(--background-color);
  }
  #wintablet .low > .l {
    padding-right: 0;
  }
  #wintablet .nav li:first-child,
  #wintablet .nav li:last-child,
  #wintablet .overview li {
    width: 100%;
    margin: 0.25em 0;
    min-height: 5em;
  }
  #wintablet .segment > .l {
    width: 100%;
    padding-bottom: 1em;
  }
  #wintablet .segment .price {
    width: 100%;
    border-top: 1px dashed #d6d6d6;
    margin-top: 0.5em;
    padding-top: 0.5em;
  }
  #wintablet .gallery li {
    width: 50%;
    padding: 1em;
  }
  #wintablet .nav li:first-child {
    width: 100%;
  }
  #wintablet .nav li:not(:first-child) {
    width: calc(50% - 0.5em);
    margin: 0.25em;
  }
  .hero {
    padding: 0;
  }
  .hero-slider .overlay {
    position: relative;
    padding: 0;
  }
  .hero-tabs .flex-viewport a .headline {
    font-size: 1.5em;
  }
  [class*="hero"] .block {
    max-width: 100%;
  }
  [data-offset="2"] {
    transform: translateY(0);
  }
  [data-offset="1"] {
    transform: translateY(0);
  }
  [data-offset="-1"] {
    transform: translateY(0);
  }
  [data-offset="-2"] {
    transform: translateY(0);
  }
  .l.w-25 {
    width: 100%;
  }
  .r.w-70 {
    width: 100%;
  }
  .catalog-list .product {
    width: 100%;
    max-width: 25em;
  }
  .aimeos .col-sm-6 {
    width: 100%;
  }
  .aimeos .product.row .col-sm-6 {
    padding: 0;
  }
  [class*="catalog-detail-additional"] dt,
  [class*="catalog-detail-additional"] dd {
    width: 100%;
  }
  [class*="catalog-detail-additional"] dd {
    border-top: none;
    padding: 0 0 1em 0;
  }
  .aimeos .common-summary-detail .basket {
    overflow: scroll;
  }
  #login > div {
    width: 100%;
    max-width: 30em;
    margin: 3em 0;
  }
  .aimeos .steps li {
    margin: 0.5em 0;
    font-size: 1em;
    position: relative;
  }
  .aimeos .steps li:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -2.5em;
    margin: auto !important;
  }
  .checkout-standard .row > .wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .account-history-list .summary .w-33 {
    width: 100%;
  }
  .news-overview .col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  [class*="hero"] .overlay {
    position: relative;
    padding: 0;
  }
  [class*="hero"] .center {
    max-width: none;
  }
  .bnnr .xl {
    font-size: inherit;
  }
  .bnnr .cw {
    color: #303334;
  }
  .bnnr .wrap {
    position: relative;
    padding: 0 5% 6em 5%;
    background: #f9f9f9;
  }
  .bnnr .wrap .inner {
    width: 100%;
  }
  .navi {
    font-size: 2vw;
    bottom: 1em;
  }
  .columns .col {
    width: 100%;
  }
  .listing .w-25 {
    width: 50%;
  }
  .diamond .w-33,
  .diamond .w-50,
  .diamond .top .col,
  .diamond .low .col {
    width: 100%;
  }
  .diamond .low {
    transform: translateX(0);
  }
  .diamond .text-center {
    text-align: left;
  }
  .diamond .img {
    padding: 9em 0 4.5em;
  }
  .diamond .img img {
    transform: scale(2);
  }
  .diamond .low .col {
    padding-top: 4.5em;
  }
  .teasers-old li {
    width: 100%;
  }
  .teasers li {
    width: 100%;
  }
  #hero-employerwin {
    padding-left: 0;
    padding-right: 0;
  }
  #hero-employerwin .pt6 {
    padding-top: 0;
  }
  #hero-employerwin .col:nth-child(1) {
    width: 33%;
    justify-content: center;
    display: flex;
  }
  #hero-employerwin .col:nth-child(2) {
    width: 66%;
  }
  #hero-employerwin .col .img {
    position: relative;
    width: 100%;
    height: 100%;
  }
  #hero-employerwin .col img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
  }
  .shade .grid {
    padding: 1em;
  }
  .employerwin-team {
    font-size: 0.9em;
  }
  .hero .w-50 {
    width: 100%;
    position: relative;
  }
  .hero-video ~ img {
    max-height: 30em;
  }
  .hero-video {
    width: 100%;
    top: 2em;
    right: -15vw;
    height: calc(100% - 4em);
  }
  .cards .card {
    width: 85%;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .cards .card .wrap {
    padding-top: 2em;
  }
  .cards .xl {
    font-size: 1em;
  }
  .cards .card:nth-child(even) {
    transform: translateY(0) translateX(15%);
  }
  .cards.pb15 {
    padding-bottom: 0em;
  }
  .card .pd2 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .horizontal-cards .w-33 {
    width: 100%;
  }
  .flow .txt {
    width: calc(75% - 2em);
  }
  .flow .line {
    width: 25%;
  }
  .grid .w-33,
  .grid .w-66 {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #c12396 .grid,
  #c12412 .grid {
    flex-direction: column-reverse;
  }
  .home-hero {
    font-size: 1em;
    min-height: unset;
  }
  .home-hero video {
    position: relative;
    width: 100%;
    height: auto;
    transform: translate(0);
    left: 0;
    margin-top: -10%;
  }
  .home-hero .txt {
    padding: 0 5%;
    max-width: 90vw;
  }
  .home-hero .txt:before {
    top: -3em;
    height: calc(100% + 3em);
    transform: skewY(5deg);
    right: 0;
    width: 110%;
  }
  [class*="hero"] .btn {
    font-size: 0.9em;
  }
  .tc[data-columns="2"] .w-50 {
    width: 100%;
  }
  .tc[data-columns="2"] .pd2 {
    padding: 0;
  }
  .tcimg .abs-image {
    position: relative;
    width: 100vw;
    left: -15vw;
  }
  .tcimg .abs-image img {
    position: relative;
  }
  .tcimg.flx-rr .abs-image {
    right: -10vw;
  }
  #c12300 .pt6 {
    padding-top: 0;
  }
  .lp-logos li {
    width: 33.33333333%;
  }
  .video_wrapper button {
    font-size: 2vw;
  }
  .video_wrapper p {
    font-size: 0.9em;
  }
  .cpbar .col,
  .cpbar .col {
    width: 100%;
  }
  .cpbar .col.left {
    padding-top: 6em;
    padding-bottom: 6em;
    padding-right: 4em;
  }
  .cpbar .col.left:after {
    right: 3em;
    left: auto;
  }
  .cpbar .col.right {
    padding-top: 0;
    padding-left: 2em;
  }
  .cpbar .col.right .img {
    margin: 0 auto;
  }
  .cpbar .col.right .center {
    text-align: center;
  }
  .cpbar .connect {
    justify-content: center;
  }
  .cpbar .col.right ul li {
    padding: 0 0.15em;
  }
  .hero .trust li {
    padding: 0.5em;
    margin: 0.5em;
  }
  .hero .trust img {
    height: 3em;
  }
  .glossary .origin .w-33 {
    width: 50%;
    padding: 0 0.5em;
  }
  .trustlogos .col {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body {
    font-size: 0.9em;
  }
  body h1,
  .article.intro h1 {
    font-size: 2em;
  }
  body h2,
  .article.intro h2 {
    font-size: 1.7em;
  }
  section:not(.hero):not(.banner):not(.np) {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  #banner,
  #slider {
    width: 100%;
    padding: 0;
  }
  .header-height,
  #menu,
  .side.menu:after,
  #lower .hideable {
    display: none;
  }
  #header {
    position: relative;
  }
  #header .top {
    display: block;
  }
  #header .center .inner {
    padding: 2em;
  }
  #page1 #header .right {
    display: flex;
  }
  #header .center {
    width: 100%;
    font-size: 1.5vw;
    padding: 2em 0 0;
    display: flex;
  }
  #header .center a {
    font-size: 0.9em;
  }
  #header .center ul {
    justify-content: center;
  }
  #header .right {
    text-align: center;
    position: absolute;
    right: 2em;
    top: 2em;
    width: 50%;
    justify-content: flex-end;
    font-size: 0.9em;
  }
  #header .right ul {
    width: auto;
  }
  #header .logo .ani,
  #header .logo .slogan {
    display: none;
  }
  .logo .original {
    width: 100%;
    max-width: 25em;
  }
  .logo .original img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
  }
  #header.go .original img {
    height: auto;
  }
  .vw-wrapper-lvl-1 .vw-lvl-1 {
    font-size: 3vw;
  }
  .vw-cp .cp {
    display: none;
  }
  .vw-wrapper-sub .vw-lvl-2 {
    width: 100%;
  }
  .vw-wrapper-sub .w-33.subtract {
    width: 50%;
  }
  .vw-wrapper-sub .w-33.expand {
    width: 50%;
  }
  .vw-wrapper-sub .w-33:last-child {
    width: 100%;
  }
  .vw-wrapper-sub .vw-side {
    display: none;
  }
  .vw-wrapper-sub a:not(.a) {
    font-size: 1.25em;
  }
  .vw-wrapper-lvl-1.sub-is-active .vw-menu {
    width: 15em;
  }
  .vw-wrapper-lvl-2.is-active {
    left: 15em;
  }
  .vw-wrapper-lvl-2 {
    max-width: calc(100% - 15em);
  }
  .mb {
    margin-bottom: 2em;
  }
  .banner.film {
    min-height: 20em;
  }
  .buttons .film .fix,
  .banner.film .fix {
    background-size: auto 100% !important;
    background-position: center center !important;
    top: 0 !important;
  }
  #page34 .banner .quote {
    margin-bottom: 5em;
  }
  .banner .quote {
    width: auto;
    font-size: 0.8em;
    padding: 1.5em;
  }
  .banner .quote .mobile {
    display: block;
  }
  .banner .quote .mobile img {
    opacity: 1;
  }
  .banner.fixed {
    min-height: 20em;
    background: #fff !important;
  }
  .banner.fixed .flex {
    position: relative;
  }
  .banner.fixed picture {
    display: none;
  }
  .banner.fixed .text {
    font-size: 1.5em;
  }
  .banner .headline {
    padding: 1em;
  }
  .banner .headline .bg {
    font-size: 2em;
  }
  .banner .blo {
    min-width: 25em;
  }
  .intro {
    border: none;
  }
  .intro .content {
    padding: 3em 0;
  }
  .content {
    padding: 1em;
  }
  .buttons h3 {
    font-size: 1.75em;
  }
  .flex {
    flex: 1 1 50% !important;
  }
  .latest {
    padding: 0.5em;
    border-top: 1px solid #d6d6d6;
  }
  .latest a {
    display: block;
  }
  .latest .home-news .left,
  .latest .home-news .right {
    width: 100%;
  }
  .latest .home-news img {
    display: block;
  }
  .news-overview[data-newsitems="3"] .col:last-child {
    display: none;
  }
  #newsletter .left,
  #newsletter .right {
    width: 100%;
  }
  #newsletter #mc_embed_signup_scroll > div {
    padding: 0.25em 0;
  }
  .side.text .btn.outline {
    max-width: 100%;
  }
  .article.clean.trans:after {
    opacity: 1;
  }
  #footer .inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #footer .left,
  #footer .right li {
    padding: 0.5em;
  }
  .list.blog .btn {
    width: calc(100% - 3em);
    text-align: left;
  }
  .cHideable.item3 {
    padding: 0;
  }
  #reference {
    padding: 0;
  }
  #reference > ul li {
    width: 33.33333333%;
  }
  #mix {
    padding: 0;
  }
  .mix.ppl {
    width: 33.33333333%;
  }
  .mix.ppl .text {
    padding: 1em;
  }
  .mix.ppl h3 {
    font-size: 1.5em;
  }
  .loc {
    padding: 0;
  }
  #page87 #header {
    top: 3em;
  }
  .pTwo .panels ul {
    padding: 1em 0.5em;
  }
  .pTwo .panels li {
    margin: 0 0.5em;
    width: calc(25% - 1em);
  }
  .pTwo .panels b {
    font-size: 1.25em;
  }
  .pFour .content ul {
    padding: 0 0 2em 0;
  }
  .pFour .infinite {
    padding-top: 3em;
  }
  .pFour .content b {
    font-size: 1.15em;
  }
  #films .btn-wrap .center {
    font-size: 0.8em;
  }
  #page31 #header {
    top: 3em;
  }
  .checklist .col {
    width: 50%;
    margin-top: 1em;
  }
  .checklist .wrap {
    padding-top: 0;
  }
  .checklist.con .col {
    width: 100%;
  }
  .checklist.con .col:first-child .item:after {
    display: none;
  }
  .checklist.con .col:last-child .item:after {
    display: block;
  }
  .checklist.con .item:after {
    width: 0.5em;
    height: 2em;
    top: -1.75em;
    right: 0;
    left: 0;
    border: none;
    margin: auto;
    z-index: 1;
  }
  #hohoho li {
    width: calc(33.333% - 1em);
  }
  #hohoho .front .num {
    font-size: 2em;
    width: 2em;
    line-height: 2em;
    height: 2em;
  }
  #hohoho .back .num {
    font-size: 1em;
    width: 1em;
    line-height: 1em;
    height: 1em;
  }
  .wrap.together {
    width: 100%;
  }
  .mainContainer.mag .magazin {
    padding-top: 19em;
  }
  .mainContainer.mag .magazin .abs {
    padding: 0em;
  }
  .mainContainer.mag .magazin .list.blog {
    width: 100%;
  }
  .mainContainer.mag .magazin .list.blog .button {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
  }
  .shortcuts h3 {
    font-size: 1.25em;
  }
  .shortcuts .col {
    width: calc(33.33333333% - 0.5em);
    margin: 0 0.25em;
  }
  .refSlider .blend {
    display: none;
  }
  .refSlider .wrap {
    position: relative;
    width: 100%;
    float: left;
  }
  .refSlider .wrap .inner {
    position: relative;
  }
  .refSlider .tsr .center {
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
  }
  .refSlider .tags {
    position: relative;
    bottom: auto;
    padding-top: 2em;
    display: block;
  }
  .refSlider .txt {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .refSlider .txt.show {
    height: auto;
    padding: 2em;
  }
  .refSlider .flex-control-nav {
    width: 100%;
  }
  .refSlider .wrap .center {
    background-color: var(--background-color);
  }
  #wintablet .nav li {
    min-height: 5em;
    margin: 0.25em;
  }
  #wintablet .nav li:first-child {
    width: calc(100% - 0.5em);
    margin: 0.25em;
    min-height: 3em;
  }
  #wintablet .nav li:not(:first-child) {
    width: calc(25% - 0.5em);
  }
  .hero .overlay {
    position: relative;
    margin-top: -8em;
  }
  .hero-tabs .flex-viewport a .headline {
    font-size: 2.5vw;
  }
  .catalog-list .product {
    width: 50%;
  }
  #login > div {
    width: 100%;
    max-width: 30em;
    margin: 3em 0;
  }
  .checkout-standard .row > .wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .news-overview .col {
    width: 50%;
  }
  #page1 .news-overview .col:last-child {
    display: none;
  }
  #byk426 .fl {
    width: 100%;
  }
  .byk-container > .col {
    width: 50% !important;
  }
  .bnnr .center {
    font-size: 1.25vw;
  }
  .bnnr .wrap {
    padding-left: 5%;
    padding-right: 5%;
  }
  .bnnr .xl {
    font-size: inherit;
  }
  .diamond .col {
    font-size: 0.8em;
  }
  .diamond .low {
    transform: translateY(-10vw);
  }
  .diamond .low .col {
    max-width: 40%;
  }
  .teasers li {
    padding: 0.5em;
  }
  .teasers li.w-25 {
    width: 50%;
  }
  .teasers:not([data-layout="podcast"]) .btn {
    left: 1em;
    width: 100%;
  }
  .teasers .txt {
    padding-left: 1em;
    padding-right: 1em;
  }
  .teasers .name {
    font-size: 1.75em;
  }
  .teasers li.hasico .txt {
    padding-bottom: 8em;
  }
  .grid h2.h1 {
    font-size: 2.5em;
  }
  .home-hero {
    font-size: 1em;
    min-height: unset;
  }
  .home-hero video {
    position: relative;
    width: 100%;
    height: auto;
    transform: translate(0);
    left: 0;
    margin-top: -15%;
  }
  .home-hero .txt {
    padding: 0 5%;
    max-width: 55em;
    width: 90vw;
  }
  .home-hero .txt:before {
    top: -3em;
    height: calc(100% + 3em);
    right: 0;
    width: 110%;
  }
  [class*="hero"] .btn {
    font-size: 0.9em;
  }
  .tc[data-columns="2"] .w-50 {
    width: 100%;
  }
  .tc[data-columns="2"] .pd2 {
    padding: 0;
  }
  .tcimg .abs-image {
    position: relative;
    width: 100vw;
    left: -15vw;
  }
  .tcimg .abs-image img {
    position: relative;
  }
  .tcimg.flx-rr .abs-image {
    right: -10vw;
  }
  #c12300 .pt6 {
    padding-top: 0;
  }
  .hero .trust li {
    padding: 0.5em;
    margin: 0.5em;
  }
  .hero .trust img {
    height: 3em;
  }
  .horizontal-cards .w-33 {
    width: 100%;
    max-width: 45em;
    margin: 0 auto;
  }
  .glossary .origin .w-33 {
    padding: 0 0.5em;
  }
  .trustlogos .col {
    width: 33.33333333%;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  body {
    font-size: 0.9em;
  }
  body h1,
  .article.intro h1 {
    font-size: 2em;
  }
  body .article h2,
  body h2,
  .article.intro h2 {
    font-size: 1.7em;
  }
  footer,
  section:not(.hero):not(.banner):not(.np) {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  .buttons,
  #banner,
  #slider {
    width: 100%;
    padding: 0;
  }
  .header-height {
    display: none;
  }
  #header {
    position: relative;
  }
  #header .top {
    display: block;
  }
  #header .center .inner {
    padding: 2em;
  }
  #page1 #header .right {
    display: flex;
  }
  #header .center {
    width: 100%;
    padding: 2em 0 0;
    display: flex;
  }
  #header .center a {
    font-size: 1em;
  }
  #header .center ul {
    justify-content: center;
  }
  #header .right {
    text-align: center;
    position: absolute;
    right: 2em;
    top: 2em;
    width: 50%;
    justify-content: flex-end;
  }
  #header .right ul {
    width: auto;
  }
  #header .logo .ani,
  #header .logo .slogan {
    display: none;
  }
  .logo .original {
    width: 100%;
    max-width: 25em;
  }
  .logo .original img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
  }
  #header.go .original img {
    height: auto;
  }
  .mb {
    margin-bottom: 2em;
  }
  .banner.film {
    min-height: 20em;
  }
  .buttons .film .fix,
  .banner.film .fix {
    background-size: auto 100% !important;
    background-position: center center !important;
    top: 0 !important;
  }
  #page34 .banner .quote {
    margin-bottom: 5em;
  }
  .banner .quote {
    width: auto;
  }
  .banner .quote .mobile {
    display: block;
  }
  .banner .quote .mobile img {
    opacity: 1;
  }
  .banner.fixed {
    min-height: 20em;
    background: #fff !important;
  }
  .banner.fixed .flex {
    position: relative;
  }
  .banner.fixed picture {
    display: none;
  }
  .banner.fixed .text {
    font-size: 1.5em;
  }
  .banner .headline {
    padding: 1em;
  }
  .banner .headline .bg {
    font-size: 2.5em;
  }
  .intro {
    border: none;
  }
  .intro .content {
    padding: 3em 0;
  }
  .content {
    padding: 1em;
  }
  .buttons h3 {
    font-size: 1.75em;
  }
  .latest .home-news .image {
    background-size: auto auto;
  }
  #newsletter .left,
  #newsletter .right {
    width: 100%;
  }
  #newsletter #mc_embed_signup_scroll > div {
    padding: 0.25em 0;
  }
  .side.text .btn.outline {
    max-width: 100%;
  }
  .article.clean.trans:after {
    opacity: 1;
  }
  .list.blog .btn {
    width: calc(100% - 3em);
    text-align: left;
  }
  .cHideable.item3 {
    padding: 0;
  }
  #reference {
    padding: 0;
  }
  #reference > ul li {
    width: 25%;
  }
  #mix {
    padding: 0;
  }
  .mix.ppl .text {
    padding: 1em;
  }
  .mix.ppl h3 {
    font-size: 1.5em;
  }
  .loc {
    padding: 0;
  }
  #hohoho li {
    width: calc(25% - 1em);
  }
  #hohoho .front .num {
    font-size: 2em;
    width: 2em;
    line-height: 2em;
    height: 2em;
  }
  #hohoho .back .num {
    font-size: 1em;
    width: 1em;
    line-height: 1em;
    height: 1em;
  }
  .mainContainer.mag .magazin {
    padding-top: 19em;
  }
  .mainContainer.mag .magazin .abs {
    padding: 0em;
  }
  .mainContainer.mag .magazin .list.blog {
    width: 100%;
  }
  .mainContainer.mag .magazin .list.blog .button {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
  }
  #wintablet {
    padding-left: 2em;
    padding-right: 2em;
  }
  .vw-cp .txt {
    width: 100%;
    padding: 1em 0 0 0;
  }
  .hero .overlay {
    position: relative;
    margin-top: -8em;
  }
  .hero-tabs .flex-viewport a .headline {
    font-size: 2.5vw;
  }
  #login > div {
    width: 100%;
    max-width: 30em;
    margin: 3em 0;
  }
  .bnnr .center {
    font-size: 1.25vw;
  }
  .bnnr .wrap {
    padding-left: 5%;
    padding-right: 5%;
  }
  .buttons a {
    padding: 1em;
  }
  .buttons h3 {
    font-size: 1.5em;
  }
  .diamond .col {
    font-size: 0.85em;
  }
  .diamond .low {
    transform: translateY(-10vw);
  }
  .diamond .low .col {
    max-width: 40%;
  }
  .home-hero {
    font-size: 1em;
  }
  .home-hero video {
    transform: translate(-50%, -60%);
  }
  .home-hero .txt {
    padding: 0 5%;
    max-width: 55em;
    width: 90vw;
  }
  .home-hero .txt:before {
    top: -2em;
    height: calc(100% + 4em);
    right: 0;
    width: 110%;
  }
  [class*="hero"] .btn {
    font-size: 0.9em;
  }
  .tcimg .abs-image {
    max-height: 30em;
  }
  .hero .trust li {
    padding: 0.5em;
    margin: 0.5em;
  }
  .hero .trust img {
    height: 4em;
  }
}
@media (min-width: 1201px) and (max-width: 1700px) {
  #header {
    position: relative;
  }
  section:not(.hero):not(.banner):not(.np) {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  #header .logo .ani,
  #header .logo .slogan {
    display: none;
  }
  .logo .original {
    width: 100%;
    max-width: 25em;
  }
  .logo .original img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
  }
  #header.go .original img {
    height: auto;
  }
  #header .right {
    position: absolute;
    right: 2em;
    top: 2em;
    width: 50%;
    font-size: 0.8em;
  }
  #header .left {
    min-width: 15em;
    padding-left: 2em;
  }
  #header .center {
    font-size: 0.9em;
    width: 100%;
    justify-content: center;
  }
  #header .top {
    align-items: flex-end;
    position: relative;
    flex-wrap: wrap;
    padding: 2em 0 0 0;
  }
  #header .logo {
    min-width: 30em;
  }
  .header-height {
    display: none;
  }
  .hero .overlay {
    position: relative;
    margin-top: -20vw;
  }
  #login > div {
    width: 100%;
    max-width: 30em;
  }
  .bnnr .wrap {
    padding-left: 5%;
    padding-right: 5%;
  }
  .buttons a {
    padding: 1em;
  }
  .buttons h3 {
    font-size: 1.5vw;
  }
  .diamond .col {
    font-size: 0.9em;
  }
  .home-hero {
    font-size: 1em;
  }
  .tcimg .abs-image {
    max-height: 35em;
  }
  .hero .trust li {
    padding: 0.5em;
    margin: 0.5em;
  }
  .hero .trust img {
    height: 4.25em;
  }
}
@media (min-width: 1201px) and (max-width: 2200px) {
  body {
    font-size: 0.9em;
  }
  .header-height {
    min-height: 8em;
  }
  #page34 .banner .quote {
    margin-bottom: 5em;
  }
  .banner .quote {
    width: auto;
    padding-left: 5em;
    padding-right: 5em;
  }
  #wintablet {
    padding-left: 2em;
    padding-right: 2em;
  }
}