/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/*** All styles for main-layout ***/

/* ---------------------------------------------------------------------------------------------------------------- BASICS --- */

html{
    height: 100%;
    overflow: initial;
}

body{
    font-size: 13px /* PT */;
    font-weight: 300;
    line-height: 15px /* PT */;
    margin: 0;
    padding: 0;
    height: 100%;
    background: #f6f6f6;
    font-family:'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans-serif;


}
body.home.fullbackground{
    height: auto;
}
#main{
    font-size: 13px /* PT */;
    line-height: 16px /* PT */;
    padding-bottom: 15px;
}
.home #main{
    padding-bottom: 0;
}
.custom_element {
    margin-bottom: 10px;
}

.displayTable {
    width: 100%;
    height: 100%;
    display: table;
}

.displayTableRow {
    width: 100%;
    height: 100%;
    display: table-row;
}

.displayTableCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

hr {
    border-top: 1px solid #e2e2e2;
}

#left{
	padding-bottom: 50px;
}
.row, #left, #main, #main>.inside, #main>.inside>.mod_article, .carousel, .carousel-inner, .item{
    height: 100%;
}
#main>.inside>.mod_article.first{
    margin-top: 40px;
}
.home #main>.inside>.mod_article.first{
    margin-top: 0;
}

a{
    color: #87888a;
}
a:hover,
a:active,
a:focus{
    color: #8cc63f;
}
.ce_image{
   float: left;
}
ul{
    padding-left: 16px;
    margin-bottom: 0;
}
::-webkit-input-placeholder {
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;  
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;
}

:-ms-input-placeholder {  
   font-style: italic;
}
/* ---------------------------------------------------------------------------------------------------------------- LAYOUT --- */

#main{
    padding-right: 0;
}
#wrapper{
    padding-bottom: 57px;
}
#wrapper>.row{
    background: #ffffff;
}
.mod_article{
    padding-right: 15px;
}
.fullscreen {
	height: 100vh;
	width: 100%;
}
.fullscreen .mod_article {
	position: relative;
	padding: 0 !important;
	height: 100vh;
	width: 100%;
}
.fullscreen .ce_image {
	float: none;
}
/* ---------------------------------------------------------------------------------------------------------------- FONTS --- */

h1 {
    font-size: 13px /* PT */;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000000;
}

h2{
    font-size: 13px /* PT */;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #87888a;
}
h2.notop{
    margin-top: 0;
}
h3,h4,h5,h6{
    font-size: 13px /* PT */;
    font-weight: normal;
    margin-bottom: 20px
    color: #000000;
}

h3{
    font-size: 13px;
    font-weight: normal;
}
a:hover {
    text-decoration: none;
    outline: none;
}
h1,h2,h3,h4,h5,h6,strong{
    font-family:'HelveticaNeueW01-65Medi';
    font-weight: normal;
}
input:focus,
textarea:focus,
a:focus {
    text-decoration: none;
    outline: 0 none;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    border: solid 1px rgb(135, 136, 138);
    font-size: 13px;
}

textarea:focus,
select:focus,
button:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.kurs-extern.detail-formular .submit_container input:focus,
.kurs-extern.detail-formular .linkback a:focus{
    border-color: rgba(140, 198, 63,0.9);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="checkbox"][disabled]{
	opacity: 0.5;
}

/* ---------------------------------------------------------------------------------------------------------------- FORM --- */

.widget .col-sm-3 {
    min-height: 38px;
}

.widget .col-sm-3 > span {
    display: table;
    height: 100%;
    width: 100%;
    min-height: 38px;
} 

.col-sm-3 label {
    margin: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-weight: normal;
}

input:focus,
textarea:focus,
a:focus{
    outline: 0 none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #87888A;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #87888A;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #87888A;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #87888A;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #FFF;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s,box-shadow linear .17s;
    -moz-transition: border linear .2s,box-shadow linear .17s;
    -o-transition: border linear .2s,box-shadow linear .17s;
    transition: border linear .2s,box-shadow linear .17s;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #87888A;
    display: inline-block;
    height: 32px;
    padding: 2px 15px;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
}

textarea {
    height: 100px;
}

select {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

textarea:focus,
select:focus,
button:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: #8cc63f;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.selectContainer {
    position: relative;
    overflow-x: hidden;
    border-right: 1px solid #e2e2e2;
    margin-bottom: 0; 
    display: block;
    height: 32px;
}

.selectContainer:focus {
    border-color: #8cc63f;
}

.selectContainer .fa {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: -1;
}

.selectContainer select {
    background-color: transparent;
    width: 108%;
    margin-bottom: 0px;
    height: 32px;
    position: relative;
    z-index: 10;
}

.checkboxWidget legend {
    display: none;
}

.checkboxWidget label {
    font-weight: normal;
}

.checkbox_container span {
    position: relative;
    display: inline-block;
}

.multipleChoices .checkbox_container span {
    width: 16.3%;
    float: left;
}

.checkbox_container span input {
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0;
}

.checkbox_container span label {
    margin-left: 20px;
    display: block;
}

input.submit {
    color: #ffffff;
    display: inline-block;
    border: solid 1px rgb(135, 136, 138);
    padding: 5px 15px;
    background: #97bf0d;
    width: auto;
    display: inline-block;
    vertical-align: top;
}

.submit_container {
    display: inline-block;
    vertical-align: top;
}

.submitContainer {
/*     border-top: 1px solid #e2e2e2; */
    margin-top: 20px;
    padding-top: 10px;
}

.linkback {
    color: #ffffff;
    display: inline-block;
    border: solid 1px rgb(135, 136, 138);
    background: rgba(51, 51, 51,0.7);
    width: auto;
    display: inline-block;
    vertical-align: top;
}

.kurs-extern.detail .linkback a,
.kurs-extern.detail .linkback a:hover,
.linkback a,
.linkback a:visited,
.linkback a:hover,
.linkback a:active {
    color: #ffffff;
    display: block;
    padding: 5px 15px;
}

.widgetContainer .linkback {
    border: none;
    width: 100%;
    display: block;
    background: transparent;
}

.widgetContainer .linkback a {
    padding: 0 15px !important;
    line-height: 32px;
}

.widgetContainer .submit_container {
    display: block;
}

.widgetContainer .submit_container input.submit {
    display: block;
    height: 32px;
    background-color: #c1c2c3;
    line-height: 32px;
    padding: 0 15px !important;
    border: none;
    width: 100%;
    text-align: left;
    border-left: solid 1px #ffffff;
}

.widgetContainer .linkback a:hover,
.widgetContainer .submit_container input.submit:hover {
    background-color: #8cc63f;
}

.widgetContainer.textarea{
	margin-bottom: 40px;
}


.widgetContainer.upload .inputContainer{
	border: 1px solid #e2e2e2;
	overflow: hidden;
	padding: 5px 20px;
}

/*
.linkback:after{
    content: "Abbrechen";
    color: #ffffff;
    position: absolute;
    left: 0%;
    border: solid 1px rgb(135, 136, 138);
    padding: 10px 27%;
    background: #97bf0d;
    z-index: -1;
}
.kurs-extern.detail-formular .linkback a{
    color: transparent;
    padding: 11px 35.1%;
}
*/

.widget-65,
.widget-76 {
    margin-top: 30px;
}



.widgetContainer,
.widgetContainer.checkbox {
    padding: 0;
    margin: 0 0 3px 0;
    position: relative;
}

.labelContainer {
    min-height: 32px;
    background-color: #c1c2c3;
    position: relative;
    left: 0;
    top: 0;
    width: 40%;
    float: left;
}

.inputContainer {
    min-height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 40%;
}

.labelContainer label {
    margin: 0;
    padding: 6px 10px;
    line-height: 20px;
    vertical-align: top;
    color: #ffffff;
    font-weight: normal;
}

.widgetContainer .checkboxInner legend {
    display: none;
}

.widgetContainer.checkbox input[type="checkbox"] {
    margin: 0;
}

.checkboxInner.multipleChoices {
    float: left;
    width: 100%;
    
}

.clearLeft {
    clear: left;
}

form select {
    width: auto;
    display: inline-block;
    padding: 0 23% 0 15px;
    height: 28px;
    width: 110%;
    color: #87888A;
}

form .selectContainer .icon_arrowDown {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    width: 27px;
    height: 14px;
    display: inline-block;
    background-image: url('/files/page/ci/img/icon_arrowDown.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

form .mm_select .selectContainer .icon_arrowDown {
    top: 7px;
}

/* ---------------------------------------------------------------------------------------------------------------- LOGO --- */
#logo{
    margin-top: 12px;
}

/* ---------------------------------------------------------------------------------------------------------------- BUTTONS --- */

.button,
a.button {
    display: block;
    line-height: 35px;
    font-weight: bold;
    color: #ffffff !important;
    background-color: #c1c2c3 !important;
    padding: 0 10px;
    margin: 20px 0;
}

.button:hover,
a.button:hover {
    background-color: #87888A !important;
}

/* ---------------------------------------------------------------------------------------------------------------- TABLE --- */

.table > thead > tr > th {
    background-color: #c1c2c3;
    color: #ffffff;
    border: none;
}

.table > tbody > tr:first-child > td {
    border: none;
}

.table tr.linkedRow:hover {
    cursor: pointer;
}

/* ---------------------------------------------------------------------------------------------------------------- HEADER --- */

#header{
    padding: 20px 0;
}

#custom_header .mod_navigation{
    margin: 0px 0 0px 0;
}


/* ---------------------------------------------------------------------------------------------------------------- HEADER :: NAVI --- */

/*.nav li > a > .triangle{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin: 14px;
}

.triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #86888a;
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.open > a > .triangle{
    -ms-transform: rotate(90deg); /* IE 9 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);   
}

.nav > li > a {
    padding: 0 15px;
}   
.nav li > a {
    color: rgb(135,136,138);
}

.nav li a:hover, 
.nav li a:focus {
    background: transparent;
    text-decoration: none;
    color: #8cc63f;
}

.nav li a.trail {
    color: #8cc63f;
}

.navbar-nav li.trail > a,
.nav li.active > a {
    color: #8cc63f;
}

.nav_default .level_1 > li {
    float: left;
    margin-right: 20px;
}

.nav_default .level_1 > li a {
    line-height: 20px;
    padding: 15px;
}

.nav_default .level_1 > li:hover ul.submenu {
    display: block;
}

.nav_default .level_1 > li ul.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    margin-top: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);

    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
}

.nav_default .level_2 > li {
    padding: 0;
}

.nav_default .level_2 > li a {
    white-space: nowrap;
    padding: 3px 15px;
    display: block;
}

.dl-menuwrapper .dl-trigger{
    background: rgb(135,136,138);
    position: absolute;
    top: 10px;
    right: 20px;
}
.navbar-toggle .icon-bar{
    background: rgb(0,0,0);
}

.mainNaviWithChilds li.submenu:hover .dropdown-menu {
    display: block; 
}

.serviceNavi .dropdown-menu {
    left: auto;
    right: 0;
}

.serviceNavi .dropdown-menu li {
    float: none;
    text-align: right;
}

.serviceNavi .dropdown-menu li:hover a {
    color: #8cc63f;
}
*/
/* ---------------------------------------------------------------------------------------------------------------- LEFT :: MAIN NAVI --- */
.left.main.navbar{
    margin-top: 13px;
    padding-left: 0px;
    background: transparent;
}
.left.main.navbar .level_2{
    width: 223px;
}
.left.main.navbar .level_2{
    padding-bottom: 9px;
    padding-left: 12px;
}
.left.main.navbar .level_2 a{
    padding-left: 0;
}
#left .main.navbar li{
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.navbar-default,
.navbar-default .collapse{
    border: none;
}
.left.main.navbar .level_1 li:hover ul{
    display: block;
}
.left.main.navbar .level_1 ul{
    position: absolute;
    left: 60px;
    top: -23px;
    -webkit-box-shadow: 2px 5px 18px 0px rgba(50, 50, 50, 0.28);
    -moz-box-shadow:    2px 5px 18px 0px rgba(50, 50, 50, 0.28);
    box-shadow:         2px 5px 18px 0px rgba(50, 50, 50, 0.28);
}
.left.main.navbar .level_1 .last ul{
    top: -129px;
}
.left.main.navbar .level_1 .first ul{
    top: -25px;
}
.left.main.navbar .level_1 li:nth-child(3n) ul{
    top: -21px;
}
.left.main.navbar .level_1 .trail,
.navbar-default .navbar-nav>.active>a,
.navbar-default .active>span{
    color: #8cc63f;
    background: transparent;
}
/* ---------------------------------------------------------------------------------------------------------------- LEFT :: SUB NAVI --- */
.subnavi.navbar{
    background: transparent;
    margin-top: 35px;
}
.subnavi.navbar-default .navbar-nav>.active>a{
    background: transparent;
}
.subnavi ul{
    padding-left: 0px;
    
}
.submenu > ul{
    float: left;
    position: initial;
}
.subnavi .submenu.active>ul,
.subnavi .submenu.forward>ul,
.subnavi .submenu.trail>ul{
    position: relative;
    display: block;
    box-shadow: none;
}
.subnavi .submenu>ul{
    display: none;
}
#left .subnavi li > ul,
#left .subnavi .level_2 li{
    padding-left: 10px;
}
#left .subnavi .level_2 li{
    word-wrap: break-word;
}
#left .subnavi .level_2 li.last{
    margin-bottom: 0;
}
.dropdown-menu>li>a{
    color: #777;
    font-weight: 300;
}
.subnavi .active > .submenu,
.subnavi .trail > .submenu,
.subnavi .trail span{
    color: #8cc63f;
}
.subnavi ul{
    list-style: none;
}
.subnavi .navbar-collapse{
    max-height: none;
}
/* ---------------------------------------------------------------------------------------------------------------- LOGO --- */
#left a>img{
    width: 51%;
}
/* ---------------------------------------------------------------------------------------------------------------- HEADER :: MOBILE-NAVI --- */

/*.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s linear forwards;
}
 
@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;
    }
}
 
.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s linear forwards;
}
 
@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;
    }
}*/
#trigger{
    background: transparent;
    border: none;
    width: 45px;
    height: 45px;
    text-indent: -900em;
    position: relative;
    cursor: pointer;
    outline: none;
    margin-right: 25px;
    overflow: hidden;
    margin-top: 11px;
}
#trigger:focus{
    border-color: transparent;
    box-shadow: none;
}
#trigger ul{
    height: 45px;
    width: 45px;
    padding: 0;
}
#trigger .balken{
    height: 3px;
    width: 100%;
    background: #000000;
    display: block;
    float: left;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#trigger.open .balken:first-child{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
   -o-transition: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 18px;
    width: 70%;
    display:block;
}
#trigger.open{
    margin-top: 2px;
}
#trigger.open .balken{
    display: none;
}
#trigger.open .balken:last-child{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
   -o-transition: rotate(-45deg);
    transform: rotate(-45deg);
    display:block;
    width: 70%;
    margin-top: -8px
}
.navbar.mobile{
    background: #ffffff;
    z-index: 1000;
    height: auto;
    position: fixed;
    padding-top: 10px;
    padding-left: 17px;
      -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.navbar.mobile button{
    display: none;
}
.navbar.mobile .navbar-collapse{
    height: auto;
    display: block;
    max-height: none;
}
.navbar.mobile .nav>li>a:hover,
.nav>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{
    background: #ffffff;
    color: #8cc63f;
}
.navbar.mobile .nav>li.open>a{
    color: #8cc63f;
}
/* ---------------------------------------------------------------------------------------------------------------- BREADCRUMB --- */

.mod_breadcrumb {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
    background-color: transparent;
    border-radius: 0;
}

.mod_breadcrumb .breadcrumb {
    padding: 10px 0 5px 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb > li {
    display: inline-block;
    font-size: 13px /* PT */;
    margin-bottom: 5px;
}

.breadcrumb > li + li:before {
    content: "▹";
}

.breadcrumb>li+li:before {
    padding: 0 5px 0 2px;
    color: #87888A;
}

.breadcrumb > li > a,
.breadcrumb > .active {
    color: #87888A;
}

.breadcrumb > li > a:hover {
    color: #8cc63f;
}

.breadcrumb__after {
    margin-bottom: 20px;
}

/* ---------------------------------------------------------------------------------------------------------------- PAGEIMAGE --- */

.mod_pageImage{
    text-align: center;
}

.mod_pageImage img{
    width: 100%;
    height: auto;
    max-width: 1140px;
}

/* ---------------------------------------------------------------------------------------------------------------- SLIDER --- */

#custom_header .carousel-inner > .item {
    height: 610px;
    cursor: pointer;
        background-repeat: no-repeat;
        background-position: center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

#custom_header .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(145,83,149,.8);
    padding: 20px 20px;
    margin: 0;
}

#custom_header .overlay span {
    font-size: 28px;
    color: #fff;
}

#custom_header .overlay .arrow{
    display: inline-block;
    height: 65px;
    width: 40px;
    background-image: url(/files/content/template/arrows.png);
}

#custom_header .overlay .left{
    background-position: left;
}
#custom_header .overlay .right{
    background-position: right;
}
#custom_header .overlay a:hover {
    color: #fff;
}

.anchor-link{
    color: rgb(135,136,138);
    font-size: 13px;
    margin-bottom: 1px;
}

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  -moz-transition: opacity ease-in-out 1.3s;
  -o-transition: opacity ease-in-out 1.3s;
  -webkit-transition: opacity ease-in-out 1.3s;
  transition: opacity ease-in-out 1.3s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
  max-height: 100%;
}

.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}

.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 1.3s;
  -o-transition: opacity ease-in-out 1.3s;
  -webkit-transition: opacity ease-in-out 1.3s;
  transition: opacity ease-in-out 1.3s;
  z-index:2;
}
.item .overlay{
    float: left;
    width: 45%;
    height: 100%;
    padding: 10px;
}
.item .overlay h2.quote{
    font-size: 38px /* PT */;
    color: #fff;
    margin: 0;
    line-height: 1.3;
    font-weight: normal;
}
/* ---------------------------------------------------------------------------------------------------------------- CONTENT --- */



/* ---------------------------------------------------------------------------------------------------------------- LEFT --- */

#left li{
    margin-bottom: 0px;
    float: left;
    width: 100%;
    
}
#left li a,
#left li span{
    min-height: 16px;
    padding: 2px 0;
    float: left;
    width: 100%;
}
#left .level_1 > li > a {
    padding-left: 0;
    padding-right: 0;
}
#left .main .level_1 > li > a{
    padding: 0;
}
#left .navbar-default .navbar-nav>.open>a{
    background: transparent;
}

#left li a:hover {
    color: #8cc63f;
}

#left li > ul{
    margin-top: -0;
}


/* ---------------------------------------------------------------------------------------------------------------- JobList --- */

.jobList {
    margin: 0;
    padding: 0;
}
.jobList ul{
    list-style: none;
}
.jobList li {
    margin-bottom: 5px;
}

.jobList li a,
.jobList li a:visited {
    color: rgb(135,136,138);
    display: block;
    text-decoration: none;
}

.jobList li a:hover,
.jobList li a:focus,
.jobList li a:active {
    color: #8cc63f;
}

.jobList li span {
    display: block;
    color: rgb(135,136,138);
    font-style: italic;
}

#livefilter-input {
    margin-bottom: 10px;
    padding: 3px 5px;
}
#berufe-alphabetisch{
    float: left;
    width: 40%;
}
#berufe-detail{
    float: right;
    width: 55%;
}

/* ---------------------------------------------------------------------------------------------------------------- JobDetail --- */


.jobDetail .jobDetailItem.jobTitle {
    margin-bottom: 0px;
}

.jobLinks a {
    display: block;
    padding: 2px 0;
    color: rgb(135,136,138);
}

.jobLinks a:hover {
    color: #8cc63f;
    text-decoration: none;
    
}
#berufe-detail{
    margin-top: 40px;
}
.jobDetailItem.jobIndvText p:last-child,
.jobDetailItem.jobLinks p{
    margin-bottom: 0;
}
.jobDetailItem.joballgInfos{
    margin-top: 10px;
}
/* ---------------------------------------------------------------------------------------------------------------- Kursliste --- */

.kursListe .kategorie{
    display: none;
}

#weiterbildung-und-kurse .kursListe .kategorie{
    display: table-cell;
}

.kursListe p {
    margin: 0;
}

.table {
    font-size: 13px;
}

.table .name {
    max-width: 160px;
    white-space: normal;
    word-break: normal
}

.table a {
    color: rgb(135,136,138);
    display: block;
}

.table a:hover {
    color: #8cc63f;
}

.ce_metamodels_frontendfilter {
    margin-bottom: 20px;
    font-size: 13px;
}

.ce_metamodels_frontendfilter label {
    margin: 0;
    padding: 0 10px;
    line-height: 28px;
    vertical-align: top;
    background-color: #c1c2c3;
    color: #ffffff;
    float: left;
}

.ce_metamodels_frontendfilter .selectContainer {
    display: inline-block;
    min-width: 300px;
    height: 28px;
}

.ce_metamodels_frontendfilter select {
    width: auto;
    display: inline-block;
    padding: 0 23% 0 15px;
    height: 28px;
    width: 110%;
    color: #87888A;
}

.ce_metamodels_frontendfilter .selectContainer .fa {
    right: auto;
    left: 20px;
    top: 7px;
}

/*
.kursListe{
    display: table;
}
.kursListe .table-row{
    display: table-row;
}
.kursListe .table-cell{
    display: table-cell;
    float: none;
    padding: 15px;
    font-size: 13px;
    color: rgb(135,136,138);
    vertical-align: middle;
    width: 190px;
}
.kursListe .table-cell.kategorie{
    display: none;
}
#weiterbildung-und-kurse .kursListe .table-cell.kategorie{
    display: table-cell;
}
.kursListe a:hover .table-cell,
.kursListe a:active .table-cell,
.kursListe a:focus .table-cell {
    color: #8cc63f;
}

*/

.kursListe {
    overflow: hidden;
}
.kursListe tr{
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------------------------------- Kursdetail --- */

.backLink {
    float: right;
}

.kurs-extern.detail h2 {
    margin: 0px;
    color: #000;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 10px;
}
.kurs-extern.detail .row:nth-child(2){
    margin-bottom: 10px;
}
.kurs-extern.detail .formular ul,
.kurs-extern.detail .more-information ul {
    padding: 0;
}

.kurs-extern.detail a,
.kurs-extern.detail a {
    color: rgb(135,136,138);
}

.kurs-extern.detail a:hover,
.kurs-extern.detail a:active,
.kurs-extern.detail a:focus,
.kurs-extern.detail a:hover,
.kurs-extern.detail a:active,
.kurs-extern.detail a:focus {
    color: #8cc63f;
}

/* ---------------------------------------------------------------------------------------------------------------- Kursdetail-Formular --- */
/*
.kurs-extern.detail-formular .ce_form{
    display: table;
    width: 100%;
}
*/
/*
.kurs-extern.detail-formular .formbody{
    float: left;
    width: 70%;
}
*/
.kurs-extern.detail-formular .rechungsadresse{
    display: none;
    width: 100%;
}
/*
.kurs-extern.detail-formular input{
    float: right;
    margin-top: -28px;
    width: 65%;
    margin-bottom: 10px;
    height: 30px;
}
*/
/*
.kurs-extern.detail-formular select{
    float: right;
    margin-top: -28px;
    width: 65%;
    margin-bottom: 12px;
}
*/
/*
.kurs-extern.detail-formular label{
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 165px;
    margin-bottom: 10px;
    height: 30px;
    
}
*/
/*
.kurs-extern.detail-formular textarea{
    float: right;
    margin-top: -28px;
    width: 65%;
    margin-bottom: 10px;
}
*/
/*
.kurs-extern.detail-formular .checkbox_container{
    float: right;
    width: 69%;
}
*/
/*
.kurs-extern.detail-formular legend{
float: left;
font-size: 15px;
font-weight: bold;
border: none;
width: 165px;
}
*/
/*
.kurs-extern.detail-formular .checkbox_container span{
    float: left;
    width: 100%;
    margin-left: 17px;
    margin-top: 18px;
    margin-bottom: 40px;
}
*/
/*
.kurs-extern.detail-formular .checkbox_container input{
    float: left;
    margin-top: -6px;
    width: 15px;
    margin-right: 10px;
}
*/
/*
.kurs-extern.detail-formular .checkbox_container label{
    float: left; 
    width: auto;
}
*/
/*
.kurs-extern.detail-formular .submit_container{
    float: right;
    width: 100%;
    margin-top: 10px;   
}
*/
/*
.kurs-extern.detail-formular .submit_container input{
    margin-top: 0;
    background: #97bf0d;
    color: #ffffff;
    padding: 10px;
    height: auto;
    border: solid 1px rgb(135, 136, 138);
}
*/
/*.kurs-extern.detail-formular .tage{
    display: none;
}*/
/*
.kurs-extern.detail-formular .tage span{
    margin: 0;
    margin-left: 17px;
    width: auto;
}
*/
.kurs-extern.detail-formular .rechnung,
.kurs-extern.detail-formular .rechungsadresse{
    border: none;
}
.kurs-extern.detail-formular .rechnung{
    padding-left: 0;
}
.kurs-extern.detail-formular .kurstage .checkbox .inputContainer{
    margin: 0;
    min-height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 40%;
}

.kurs-extern.detail-formular .checkbox .inputContainer{
    margin-left: 0;
}
.kurs-extern.detail-formular .rechungsadresse{
    padding: 0;
    margin: 0;
}
.kurs-extern.detail-formular .captcha{
    margin-top: 2px;
    position: relative;
}
.kurs-extern.detail-formular .captcha .labelContainer{
    position: absolute;
    top: 8%;
}
.kurs-extern.detail-formular .checkbox fieldset.rechungsadresse,
.kurs-extern.detail-formular .checkbox fieldset.lehrbetrieb,
.kurs-extern.detail-formular fieldset.kurstage{
    border: none;
}
.kurs-extern.detail-formular .checkbox fieldset.lehrbetrieb,
.kurs-extern.detail-formular fieldset.kurstage{
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}
.kurs-extern.detail-formular .inputContainer .tage{
    margin: 0;
    height: 32px;
}
.kurs-extern.detail-formular .labelContainer label{
    float: left;
}
.captcha_text{
    float: left;
    padding-bottom: 5px;
    padding-left: 11px;
    color: #ffffff;
    font-weight: normal;
}
.kurs-extern .file{
    list-style: none;
}
/* ---------------------------------------------------------------------------------------------------------------- KURS-INTERN --- */
.kurs-intern h2{
    color: #333;
    font-weight: 300;
    font-size: 13px;
    margin: 0;
    margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------------------------------------------- FOOTER --- */

/*#footer-wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;  This line and the next line are not necessary unless you need IE6 support 
    height: 100%;
    margin: 0 auto -50px;  the bottom margin is the negative value of the footer's height 
}
*/
#footer {
    height: 60px;
    margin-top: -60px;
    position: relative;
    padding: 25px;
    background: #EAEAEA;
    z-index: 10000;
}
/*
.push {
    height: 55px;
}

.nav--footer li {
    float: left;
    padding: 10px 0;
}

.nav--footer li a {
    border-right: 1px solid rgb(135,136,138);
    padding: 0 10px 0 0;
}

.nav--footer li + li a {
    padding: 0 10px;
}

.nav--footer li:last-of-type a {
    border-right: 0;
}

.nav--footer .dropdown-menu > li a {
    border: 0;
}

.footerNavi .nav {
    display: inline-block;
}

.footerLogo {
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.logo-eduQua {
    
}

.logo-joint {
    margin-left: 10px;
    height: 33px;
    margin-top: 0;
}

*/
#footer .ce_hyperlink{
    float: left;
    padding: 0 5px;
    border-right: solid 1px #87888a;
}
#footer .ce_hyperlink.last{
   border-right: none;
}
#footer .ce_hyperlink.kontakt{
    margin-left: 25%;
}
#footer .edu{
    position: absolute;
    left: 17px;
}
#footer .sgs{
    position: absolute;
    left: 125px;
}
/* ---------------------------------------------------------------------------------------------------------------- MIXED --- */

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
    background: transparent;
    color: #8cc63f;
}
/* ---------------------------------------------------------------------------------------------------------------- SCROLLER --- */
.scroller{
    min-height: 100%;
    overflow: hidden;
    width: 1170px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
}
body.fullbackground{
    height: 100%;
}
.fullbackground .scroller{
    height: 100%;
}
.scroller-inner{
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
}

/* ---------------------------------------------------------------------------------------------------------------- AKTUELLES --- */
#aktuelles{
    padding-right: 0;
}
#aktuelles .container{
    max-width: 100%;
    padding: 0;
}
/* ---------------------------------------------------------------------------------------------------------------- GOOGLE MAPS --- */
.routinglink {
    overflow: hidden;
}
.routinglink form{
    display: none;
}
.dlh_googlemap{
    width: 100%;
    height: 400px;
}

/** all styles for elements and modules, separated by comments  **/



/*** Module : Blog List ***/
/*** /Module : Blog List ***/


/*** Custom Element 1 : Text and Image ***/
/*** /Custom Element 1 : Text and Image ***/


.custom_element figure > img{
	max-width: 100%;
	height: auto;
}


.radio label, .checkbox label{
	display: block;
}

fieldset.kurstage{
	padding: 0px;
}

/* FULLSCREEN SLIDER HOME */
.fullscreen-slider {
	height: 100%;
}

.fullscreen-slider .swiper-wrapper {
	height: 100%;
}

.fullscreen-slider .swiper-slide {
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* SLIDER OVERLAY HOME */
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 40px;
}

@media (max-width: 767px){
	.overlay {
		padding: 20px;
	}
}

/* BUBBLE NAVIGATION HOME */

.bubbles {
	position: relative;
	margin-top: 25px;
}

@media (max-width: 600px){
	.bubbles {
		margin-top: 100px;
	}
}

@media (max-width: 400px){
	.bubbles {
		margin-top: 70px;
	}
}

.bubble {
	display: -webkit-flex;
    display: flex;
	position: absolute;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-align-items: center; 
	align-items: center;
	-webkit-justify-content: center;
	justify-content:center;
	-ms-transform: scale(1); 
	-webkit-transform: scale(1); 
    transform: scale(1); 
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	z-index: 5;
	outline: none;
	border-radius: 50%;
	background-color: #afca0a;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family:'HelveticaNeueW01-65Medi';
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

.bubble.has-link:hover,
.bubble.has-link:focus {
	-ms-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
    transform: scale(1.1); 
	outline: none;
	background-color: #859908;
	color: #fff;
	text-decoration: none;
}

.bubble.has-link {
	-webkit-box-shadow: 14px 12px 15px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 14px 12px 15px 0px rgba(0,0,0,0.7);
	box-shadow: 14px 12px 15px 0px rgba(0,0,0,0.7);
}

.bubble.no-link {
	opacity: 0.7;
}

.bubble_tl {
	top: 0;
	left: 0;
	width: 165px;
	height: 165px;
	font-size: 26px;
}

@media (max-width: 600px){
	.bubble_tl {
		width: 115px;
		height: 115px;
		font-size: 20px;
	}
}

@media (max-width: 400px){
	.bubble_tl {
		width: 100px;
		height: 100px;
	}
}

.bubble_m {
	top: 122px;
    left: 105px;
    width: 185px;
    height: 185px;
    font-size: 26px;
}

@media (max-width: 600px){
	.bubble_m {
		top: 85px;
	    left: 74px;
	    width: 130px;
	    height: 130px;
	    font-size: 20px;
	}
}

@media (max-width: 400px){
	.bubble_m {
		top: 79px;
		left: 45px;
	    width: 150px;
	    height: 150px;
	}
}

.bubble_bl {
	top: 280px;
    left: 57px;
    z-index: 4;
    width: 110px;
    height: 110px;
    font-size: 20px;
}

@media (max-width: 600px){
	.bubble_bl {
		top: 201px;
	    left: 39px;
	    width: 90px;
	    height: 90px;
	    font-size: 19px;
	}
}

@media (max-width: 400px){
	.bubble_bl {
		top: 208px;
		left: 20px;
	    width: 72px;
	    height: 72px;
	    font-size: 16px;
	}
}

.bubble_tr {
	top: -64px;
    left: 210px;
    padding: 0 5px;
    width: 110px;
    height: 110px;
	font-size: 19px;
	line-height: 21px;
}

.ie .bubble_tr {
	display: inline-block;
	padding-top: 27px;
}

@media (max-width: 600px){
	.bubble_tr {
		top: -47px;
	    left: 129px;
	    width: 80px;
	    height: 80px;
	    font-size: 15px;
	    line-height: 17px;
	}
}

@media (max-width: 400px){
	.bubble_tr {
		top: -31px;
	    left: 109px;
	    width: 64px;
	    height: 64px;
	    font-size: 11px;
	    line-height: 13px;
	}
}

.bubble_br {
	top: 22px;
	left: 257px;
	z-index: 4;
	width: 175px;
	height: 175px;
	font-size: 24px;
}

@media (max-width: 600px){
	.bubble_br {
		top: 8px;
	    left: 175px;
	    width: 122px;
	    height: 122px;
	    font-size: 17px;
	}
}

@media (max-width: 400px){
	.bubble_br {
		top: 10px;
		left: 149px;
	    width: 98px;
	    height: 98px;
	    font-size: 14px;
	}
}

.bubble_imp {
	top: 196px;
	left: 274px;
	z-index: 10;
	width: 200px;
	height: 200px;
	font-size: 28px;
	line-height: 30px;
	background-color: #c73658;
}

@media (max-width: 600px){
	.bubble_imp {
		top: 128px;
		left: 197px;
		z-index: 10;
		width: 134px;
		height: 134px;
		font-size: 18px;
		line-height: 20px;
		background-color: #c73658;
	}
}

@media (max-width: 400px){
	.bubble_imp {
		top: 90px;
		left: 196px;
		z-index: 10;
		width: 132px;
		height: 132px;
		font-size: 14px;
		line-height: 16px;
		background-color: #c73658;
	}
}

.bubble_empty-m {
	top: 33px;
    left: 167px;
    z-index: 2;
    width: 93px;
    height: 93px;
}

@media (max-width: 600px){
	.bubble_empty-m {
		top: 28px;
	    left: 116px;
	    width: 60px;
	    height: 60px;
	}
}

@media (max-width: 400px){
	.bubble_empty-m {
		top: 30px;
		left: 100px;
	    width: 50px;
	    height: 50px;
	}
}

.bubble_empty-t {
	top: -121px;
    left: 270px;
    z-index: 2;
    width: 65px;
    height: 65px;
}

@media (max-width: 600px){
	.bubble_empty-t {
		top: -87px;
	    left: 173px;
	    width: 45px;
	    height: 45px;
	}
}

@media (max-width: 400px){
	.bubble_empty-t {
		top: -64px;
	    left: 140px;
	    width: 36px;
	    height: 36px;
	}
}

.bubble_empty-r {
	top: 60px;
    left: 433px;
	z-index: 3;
    width: 110px;
    height: 110px;
}

@media (max-width: 600px){
	.bubble_empty-r {
		top: 33px;
		left: 297px;
	    width: 77px;
	    height: 77px;
	}
}

@media (max-width: 400px){
	.bubble_empty-r {
		top: 30px;
		left: 247px;
	    width: 62px;
	    height: 62px;
	}
}

.bubble_empty-b {
	top: 196px;
    left: 290px;
    z-index: 3;
    width: 65px;
    height: 65px;
}

@media (max-width: 600px){
	.bubble_empty-b {
		top: 129px;
		left: 204px;
	    width: 45px;
	    height: 45px;
	}
}

@media (max-width: 400px){
	.bubble_empty-b {
		top: 107px;
	    left: 191px;
	    width: 40px;
	    height: 40px;
	}
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

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

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

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

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

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	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;
	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;
}

.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: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-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);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

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

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-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;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-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;
	animation: MenuAnimOut3 0.4s ease;
}

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

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

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	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 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

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

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

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

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

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

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

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

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

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

.dl-menu.dl-animate-in-2 {
	-webkit-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;
	animation: MenuAnimIn3 0.4s ease;
}

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

.dl-menu.dl-animate-in-5 {
	-webkit-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;
	}
}

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

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

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

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

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

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-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;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

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

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

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-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;
	}
}

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

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

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

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

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

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-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;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

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

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

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-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;
	}
}

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

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

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

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

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

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-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;
}

/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

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

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){

}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1199px){

/*
    #custom_header .carousel-inner > .item {
        height: 500px;
    }
*/
    
        /*
    #custom_header .overlay {
            height: 100%;
            width: 50%;
        }
    */
   #wrapper{
       width: 100%;
   }
   .mod_article{
       overflow: hidden;
   }
   .scroller{
       width: 100%;
       -webkit-transition: left .5s ease-in-out;
       -moz-transition: left .5s ease-in-out;
       transition: left .5s ease-in-out;
       left: 0;
       display: inline-block;
   }
   #header{
       width: 100%;
       -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
       transition: all .5s ease-in-out;
       left: 0;
   }
   #footer{
       width: 100%;
   }
   
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 991px){

    h2.quote {
        font-size: 43px /* PT */;
    }

    .navbar {
        border-radius: 0;
        border: none;
    }
    
    .navbar-toggle {
        float: right;
    }
    
    .navbar img {
        float: left;
        height: 50px;
        margin: 0 15px;
    }
    .navbar-header {
        float: none;
    }
    
    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: transparent;
        border: none;
    }
    .left.main.navbar,
    .subnavi ul{
        padding-left: 0px;
    }
    .navbar-collapse{
        padding-left: 0;
    }
    
    #berufe-detail{
    width: 100%;
    float: none;
}

}


@media (min-width: 992px){

    .sticky{
        padding-top: 50px;
    }
    
    .stickySide #left .mod_navigation {
        position: fixed;
        top: 70px;
        background: #fff;
        z-index: 200;
        
    }
    
    .sticky-header {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        background: white;
        height: 50px;
    }
    
    .sticky .sticky-header {
        position: fixed;
        background: #fff;
        top: 0;
        width: 100%;
        z-index: 200;
        background: #FAFAFA;
        box-shadow: 0 1px 2px rgba(200,200,200,0.2);
    }
    
    .navbar img {
        float: left;
        height: 50px;
        margin: 0 15px;
    }
    
    .navbar-collapse {
        padding: 0;
    }
    
    
    .nav--service > div {
        width: auto;
        float: right;
    }
    
    .nav--service li:hover > ul {
        display: block;
        margin-top: -5px;
    }
    
    .nav--service .nav--footer.level_1 {
        margin-right: -15px;
    }
    
    .nav--service .nav--footer li {        
        margin: 0;
        padding: 0;
    }
    
    .nav--service .nav--footer li + li {        
        margin: 0 0 0 20px;
        padding: 0;
    }
    
    .nav--service .nav--footer a {        
        line-height: 20px;
        padding: 15px;
        border: none;
    }
    
    .nav--service .nav--footer.level_2 {
        min-width: 160px;
        padding: 5px 0;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .nav--service .nav--footer.level_2 li {
        margin: 0;
        padding: 0;
    }
    
    .nav--service .nav--footer.level_2 li a {
        white-space: nowrap;
        padding: 3px 15px;
        display: block;
    }
    
    .nav_default .level_1 > li.trail:hover ul.submenu {
        display: none;
    }
    
    .mobileNavi .dropdown-menu>.active>a,
    .mobileNavi .dropdown-menu>.active>a:hover,
    .mobileNavi .dropdown-menu>.active>a:focus {
        text-decoration: none;
        background-color: transparent;
        outline: 0;
        color: #8cc63f;
    }

}


@media (min-width: 768px) and (max-width: 991px){

/*
    .mobileNavi {
        margin-top: 100px;
        margin-bottom: 0;
        min-height: 0;
        position: relative;
    }
*/
    
    .navbar-toggle {
        display: block;
    }
    .navbar-toggle {
        float: right;
    }
    
/*
    .mobileNavi .navbar-toggle {
        position: absolute;
        right: 0;
        top: -60px;
    }
*/
    
    
    .mobileNavi .nav-navbar {
        margin: 20px 0;
    }
    
    .mobileNavi .level_4 {
        padding-left: 18px;
    }
    
    .mobileNavi .nav-navbar li > a {
        padding: 10px 15px;
        font-weight: 300;
        font-size: 15px;
        line-height: 12px;
        float: left;
        width: 
    }
   
    
    .mobileNavi .nav-navbar li, .navbar-nav li > a {
        font-weight: 300;
        font-size: 13px;
        position: relative;
    }
    
    .mobileNavi .level_3 li {
        margin: 5px 0;
    }
    
    .mobileNavi .navbar-collapse {
        max-height: 800px;
    }
    
    #custom_header {
        margin-bottom: 20px;
    }
    
    .mobileNavi .dl-menuwrapper:first-child {
        margin-right: 0;
        float: right;
    }

    .mobileNavi .submenu > ul {
        padding-left: 10px;
    }

    .mobileNavi .dropdown-menu {
        position: relative;
        z-index: 1000;
        display: none;
        float: none; 
        min-width: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 14px;
        list-style: none;
        background-color: #fff;
        border: 0;
        border-radius: 0; */
        -webkit-box-shadow: none;
        box-shadow: none;
    }
/*

    #header {
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        padding: 20px 0 0 0;
        position: fixed;
        z-index: 200;
        background: white;
        width: 100%;
        margin: 0;
        top: 0;
    }
*/
    
    .mobileNavi .navbar-collapse {
        max-height: 300px;
        overflow-y: auto;
    }
        
    .mobileNavi .navbar-collapse.collapse {
        display: block!important;
        height: 0!important;
        padding-bottom: 0;
        overflow: hidden!important;
        max-height: 300px;
        overflow-y: auto!important;
    }
    
    .mobileNavi .open>.dropdown-menu {
        display: block;
    }
    
/*
    .mobileNavi hr {
        display: none;
    }
    
    .mobileNavi hr + ul {
        display: none;
    }
*/
    .navbar button{
        display: none;
    }
    #footer{
        width: 100%;
    }
    .item .overlay h2.quote{
        font-size: 28px;
    }
    

}

@media (min-width: 768px){

   li > ul.submenu {
        display: none;
        padding-left: 30px;
    }
    
    .level_3 {
        padding-left: 20px;
    }
    
/*
    .navbar-collapse {
        padding: 0;
    }
*/

    .active > .submenu, .trail > .submenu {
        display: block;
    }

    .navbar-nav li {
        margin-right: 20px;
    }
    
    .dropdown-menu {
        border: 0;
        border-radius: 0;
        box-shadow: 0 0 2px rgba(0,0,0,0.2);
        font-size: 13px;
    }
    
    .dropdown-menu li {
        border-right: 0;
    }
    
    .dropdown-menu li a:hover {
        color: rgb(135,136,138);
        background-color: transparent;
    }
    
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        background-color: transparent;
    }
    
/*
    .nav_default .level_1 > li.first > a {
        padding-left: 0;
    }
*/
    #main .mod-article
    #main .mod-article .container{
        padding-right: 0;
    }
    

}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px){
    
    #wrapper{
       margin-top: 110px;
   }
    #main,
    #left,
    .mod_article,
    .mod_article>.container{
        padding: 0;
    }
    .home .mod_article{
        padding: 0 15px;
    }
    .mod_article{
        padding: 0 30px;
    }
    #header a img{
        max-width: 50%;
        max-height: 95%;
    }
    h2.quote {
        font-size: 30px /* PT */;
    }
    
    #custom_header .carousel-inner > .item {
        height: 400px;
    }
    
/*
    #custom_header .overlay {
        height: 100%;
        width: 100%;
    }
*/
    .mod_pageImage .image_container {
        overflow: hidden;
    }
    
    .mod_pageImage .image_container img {
        width: 100%;
        max-width: 100%;
        max-height: 153px;
    }
    
    #custom_header .overlay span {
        font-size: 20px;
    }
    
    .nav-navbar {
        margin: 20px 0;
    }
    
    .level_4 {
        padding-left: 18px;
    }
    
    .nav-navbar li > a {
        padding: 2px 10px;
        line-height: 15px;
        font-weight: 300;
        font-size: 15px;
        float: left;
        width: 100%;
        line-height: 1.5;
    }
    
    .nav-navbar li, .navbar-nav li > a {
        font-weight: 300;
        font-size: 13px;
        position: relative;
        float: left;
        margin-bottom: 0;
        width: 100%;
    }
    
    
    .navbar-collapse {
        max-height: 800px;
    }
    
    #custom_header {
        margin-bottom: 20px;
    }
    
    .custom_element figure > img {
        margin-bottom: 10px;
    }
    
/*
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:hover,
    .dropdown-menu>.active>a:focus {
        text-decoration: none;
        background-color: transparent;
        outline: 0;
        color: #000;
    }
*/
    
    .dl-menuwrapper:first-child {
        margin-right: 0;
        float: right;
    }

    .submenu > ul {
        padding-left: 10px;
    }

    .dropdown-menu {
        position: relative;
        z-index: 1000;
        display: none;
        float: none; 
        min-width: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 14px;
        list-style: none;
        background-color: #fff;
        border: 0;
        border-radius: 0; */
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    
    /*
.kurs-extern.detail-formular .formbody{
        width: 100%;
    }
     
    .kurs-extern.detail-formular label{
        max-width: 123px;
    }
    
    .kurs-extern.detail-formular .linkback{
        margin-top: -68px;
    }
    
    .kurs-extern.detail-formular .checkbox_container{
        width: 67%;
    }
*/
    
    .detailActive {
        display: none;
    }
    
    .jobList li {
        margin-bottom: 10px;
    }
    
    .jobListBack {
        float: right;
        color: #8cc63f;
    }
    
    .jobListBack a {
        color: #8cc63f;
    }
    
    .kursListe thead {
        display: none;
    }
    
    .kursListe tr {
        border-top: 1px solid #ddd;
        display: block;
    }
    
    .kursListe td {
        display: block !important;
        width: 100%;
        border: none !important;
    }
    
    .kursListe td + td {
        padding-top: 0px !important;
    }
    
    .kursListe .kategorie {
        display: none !important;
    }
    
    #weiterbildung-und-kurse .kursListe .kategorie{
        display: block !important;
    }
    
    body {
        padding-bottom: 0;
        overflow-x: hidden;
    }
    #berufe-alphabetisch{
        width: 100%;
        margin: 0;
    }
    #left{
        height: auto;
    }
    #footer-wrapper {
        min-height: auto;
        height: auto !important;
        margin: 0 auto 0;
    }
    
    .footerLogo {
        display: none;
    }
    #trigger{
        float: left;
    }
    #header{
         position: fixed;
        float: left; 
        width: 100%;
        height: 110px;
        background: #ffffff;
        z-index: 200;
        padding: 15px 0;
        -webkit-transform: translate3d(0, 0, 0);
    }
    #header.shadow{
        -webkit-box-shadow: 0px 12px 16px 0px rgba(50, 50, 50, 0.48);
        -moz-box-shadow:    0px 12px 16px 0px rgba(50, 50, 50, 0.48);
        box-shadow:         0px 12px 16px 0px rgba(50, 50, 50, 0.48);
    }
    .mod_pageImage{
        margin-bottom: 0;
    }
    .mod_breadcrumb{
        margin-bottom: 11px;
    }
    .mod_breadcrumb .breadcrumb{
        padding-left: 15px;
    }
    #wrapper{
        padding: 0;
        padding-bottom: 176px;
        height: 100%;
    }
    .item .overlay h2.quote{
        font-size: 17px;
    }
    .item .overlay{
        width: 45%;
    }
    .nav-navbar .level_3 li > a {
        overflow: hidden;
        padding: 2px 15px;
        white-space: normal;
    }
    .item{
        background-size: cover;
    }
    .noscroll{
        position: fixed; 
        overflow-y:scroll;
        height: 100%;
    }
    .home #wrapper{
        padding-bottom: 0;
    }
    .dropdown-backdrop{
        display: none;
    }
    .mp-menu{
        overflow-y: scroll;
    }
     .submenu.trail > ul{
        display: block;
    }
    .dropdown-menu .level_2,
    .dropdown-menu .level_3,
    .dropdown-menu .level_4,
    .dropdown-menu .level_5{
        margin-left: 10px;
    }
    #footer .ce_hyperlink.kontakt{
        margin-left: 0;
    }
}

/* Smaller than 400px, iPhone Viewport (320px) */
@media (max-width: 400px){

    #footer .nav--footer {
        display: block;
    }
    
    #footer .nav--footer li {
        display: block;
        float: none;
        padding: 0;
    }
    
    #footer .nav--footer li + li {
        margin-top: 3px;
    }
    
    #footer .nav--footer li a {
        padding: 3px;
        border: none;
        display: block;
    }
    .mod_pageImage .image_container img {
        width: 200%;
        max-width: 200%;
        max-height: none;
    }
}