header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
@charset "UTF-8";/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp(
      var(--mm-min-size),
      var(--mm-size),
      var(--mm-max-size)
  )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp(
      calc(-1 * var(--mm-max-size)),
      calc(-1 * var(--mm-size)),
      calc(-1 * var(--mm-min-size))
  )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}
/* ###### FONTS ##### */
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open sans';
    font-style: normal;
    font-weight: 400;
    src: url('/files/css/fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/files/css/fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/files/css/fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/files/css/fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-500 - latin */
  @font-face {
    font-family: 'Open sans';
    font-style: normal;
    font-weight: 500;
    src: url('/files/css/fonts/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/files/css/fonts/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/files/css/fonts/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/files/css/fonts/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600 - latin */
  @font-face {
    font-family: 'Open sans';
    font-style: normal;
    font-weight: 600;
    src: url('/files/css/fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/files/css/fonts/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/files/css/fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/files/css/fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open sans';
    font-style: normal;
    font-weight: 700;
    src: url('/files/css/fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/files/css/fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/files/css/fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/files/css/fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/files/css/fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
/* #### END FONTS #### */  

html {
    height:100%; /* sticky footer */
    -webkit-text-size-adjust: 100%; /* stop font resizing in iOS */

}

body {
    height:100%; /* sticky footer */
}


#wrapper {
    color: #262626;
    font-family: "Open sans", Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    width: 100%;
    line-height: 1.36em;   
}

h1 {
    font-weight: bold;
    line-height: 120%;
}
body.produkteseite #start-h1 {
  display: none;
}

h2 {
    line-height: 1.2em;
    margin:0 0 10px 0;
}
h2.ce_headline.first {

    margin-bottom: 3%;
    padding-bottom: 5px;
}
h3 {
    margin: 9px 0;
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold;
}
#firstpict img {
    width: 400px;
    height: auto;
}
body.blend h2 {
    color: #402B80;
}
body.sift h2 {
    color: #6199ad;
}
body.granulate h2 {
    color: #ff8000;
}
h4 {
    line-height: 1.2em;
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 1.25em;
}

a {
    color: #006ab3;
    transition: color 1s ease;
    -webkit-transition: color 1s ease; /* Safari */
}
a:hover {
    color: #878787;
}

a.not-underlined {
text-decoration: none;
}

.invisible {
  display:none; /* Contao invisible didn't work */
}

.inside {
  margin:0;
}
#header {
  height: auto;
  min-height: 164px;
}
#header-centered, #superheader-centered {
  width: 100%;
  margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#container,
body.hidden-pages #container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0%; /* reset to 0 from contaos standard css, because of use in #container-centered */
}

#footer {
  background: #f3f3f1;
  height: 100%;
}

div.footer-centered {
    margin: 3% auto; /* valid for all */
}

.footer-centered a {
    color: #006AB3;
    text-decoration: none;
    transition: color 1s ease 0s;
}
.footer-centered a:hover {
    color: #878787;
    text-decoration: none;
}
/* for footer blocks */
.grid4 {
    flex: auto;
}
div.grid4{
    display: flex;
    justify-content: flex-end;
}
div.grid4 a {
    display: flex;
    margin: 20px;
    align-items: center;
}
  
#container-centered {
    width: 100%;
    margin: 0 auto;
    flex: 1; /* sticky footer */
    padding-left: 20%; /* same as width of left column */
}


#superheader {
  height: 40px;
  background: #3b3b3b;
}
#superheader .inside {
    margin: 0 0 0 20px;
}
#superheader a.tel,
.mobile_menu a.tel {
    font: 700 1em/1em "Open sans",Verdana,sans-serif;
    display: inline-block;
    background: url("/files/layout/tel.png")no-repeat;
    width: 30%;
    text-shadow: 1px 1px 1px #555;
    padding: 0 0 0 32px;
    height: 25px;
    color: #ccc;
    position: relative;
    top: 11px;
}
#superheader h1 {
    display: inline-block;
    width: 40%;
    color: #ccc;
    font: 0.9em/1em "Open sans", Verdana, sans-serif;
}
#superheader nav.mod_changelanguage {
    float: right;
    font: 1.1em/40px Verdana,sans-serif;
}
#superheader nav.mod_changelanguage ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#superheader nav.mod_changelanguage ul li {
    color: #6c6c6c;
    float: left;
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
}
#superheader nav.mod_changelanguage ul li a {
    color: #ccc;
    text-decoration: none;
}
.logo {
    float: left;
    margin: 29px 0 0 9px;
}

/* Main navigation */
#header-centered nav {
}

#header-centered nav.mod_navigation.navmain {
    position: relative;
}

#header nav.mod_navigation.navmain.block > div > ul li {
    color: #262626;
    float: left;
    font: 500 1em/2em "Open Sans",Verdana,sans-serif;
    margin: 0 2px;
    padding: 5px 7px;
    transition: background 2s ease 0s;
}

#header nav.mod_navigation.navmain.block > div > ul li:hover {
    background: #d3d3d3;
}

#header nav.mod_navigation.navmain.block > div > ul li.active,
#header nav.mod_navigation.navmain.block > div > ul li.trail {
    background: #51A02B;
    color:white;
}

#header nav.mod_navigation.navmain.block > div > ul li.active span.active {
    text-shadow: 1px 1px 1px #A6BC9A;
}

#header nav.mod_navigation.navmain.block > div > ul li a {
    text-decoration: none;
    color: #262626;
    text-shadow: 1px 1px 1px #b0afaf;
    width: 100%;
    height: 100%;
    display: block;
}

#header nav.mod_navigation.navmain.block > div > ul li a.trail {
    text-shadow: 1px 1px 1px #A6BC9A;
}

#left {
width: 20%;
right: 0%;
}

#main {
width: 80%;
}

#main .inside {
    margin: 0 0 5% 3%;
}

/* FLEXBOX ITEMS */
.flexcontainer {
    display: block;
}
.item {
    align-self: flex-start;
}
.item-50-50 {
    flex: 1 1 100%; /* set back for large screens */
}
.padding-l-3 {
    padding-left: 0;
}
.padding-l-6 {
    padding-left: 0;
}
.accordion .item {
    align-self: flex-start;
    flex: 1 1 50%;
}


figure.image_container img {
    width: 100%;
}


/* Lists */
.ce_text ul li {
    list-style-position: outside;
    padding: 0 0 0 1%;
    list-style-type: square;
}

ul.list-01 li, li .list-01 {
    background: url("../../files/layout/list-01.png") no-repeat scroll left 4px rgba(0, 0, 0, 0);
    list-style-type: none;
    padding: 0 0 0 20px;
}
ul.list-with-tick li {
    background: url("../../files/layout/list-ticked.png") no-repeat scroll left 4px rgba(0, 0, 0, 0);
    list-style-type: none;
    padding: 0 0 0 20px;
}

/* Buttons  */
p.learn-more {
    position: absolute; /* needed 4 setting learnmore button to bottom */
    bottom: 1%;
    margin-left: 1%;
}
p.learn-more a {
    background: none repeat scroll 0 0 #50A026;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
    display: block;
}
#mixing-start p.learn-more a {
    background: none repeat scroll 0 0 #402B80;
}
#sifting-start p.learn-more a {
    background: none repeat scroll 0 0 #6199AD;
}
#granulating-start p.learn-more a {
    background: none repeat scroll 0 0 #FF8000;
}
#mixing-start p.learn-more a:hover {
    background: none repeat scroll 0 0 #9387bb;
}
#sifting-start p.learn-more a:hover {
    background: none repeat scroll 0 0 #8fc0d1;
}
#granulating-start p.learn-more a:hover {
    background: none repeat scroll 0 0 #ffb872;
}

/* Used machines request button */
div.anfrage {
    margin: 30px 0;
    text-align: center;
}
div.anfrage a  {
    background: none repeat scroll 0 0 #50A026;
    color: #FFFFFF;
    font-weight: 600;
    padding: 9px 15px;
    text-decoration: none;
    transition: background 1s ease 0s;
}
div.anfrage a:hover {
    background: #99cc99;
}


/* Contact persons */
div#main > div.inside > div#kontaktpersonen.mod_article > div.ce_text.kp {
    display: table;
    height: 100%;
    margin: 0 0 2.5%;
    position: relative;
    width: 100%;
    border-top: 1px dotted #262626;
}

div#main > div.inside > div#kontaktpersonen.mod_article > div.ce_text.kp > figure.image_container {
    background: white;
    display: table-cell;
    line-height: 0;
    vertical-align: top;
    width: 40%;
    height: 100%;
    -moz-box-sizing: border-box;
    /* keep image_container 100% height */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float:none !important;   
}

div#main > div.inside > div#kontaktpersonen.mod_article > div.ce_text.kp > figure.image_container img {
    height: auto;
    vertical-align: middle;
    width: 100%;
}


div#main > div.inside > div#kontaktpersonen.mod_article > div.ce_text.kp h3,
div#main > div.inside > div#kontaktpersonen.mod_article > div.ce_text.kp p {
padding:0 0 0 10px;
}


/* Teaser More Links */
a.more {
    background: none repeat scroll 0 0 #50a026;
    color: #FFFFFF;
    padding: 4px 10px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
}
body.blend div.mod_rocksolid_slider > div.rsts-view > div.rsts-crop > div.rsts-slides > div.rsts-slide > div > div.layout_latest > p.more > a {
    background: url("/files/layout/arrow-r-white.png") no-repeat 2px center #402b80;
    color: #FFFFFF;
    padding: 6px 20px 7px 25px;
    margin-bottom: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
}
body.sift div.mod_rocksolid_slider > div.rsts-view > div.rsts-crop > div.rsts-slides > div.rsts-slide > div > div.layout_latest > p.more > a {
    background: url("/files/layout/arrow-r-white.png") no-repeat 2px center #6199ad;
    color: #FFFFFF;
    padding: 6px 20px 7px 25px;
    margin-bottom: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
}

body.granulate div.mod_rocksolid_slider > div.rsts-view > div.rsts-crop > div.rsts-slides > div.rsts-slide > div > div.layout_latest > p.more > a {
    background: url("/files/layout/arrow-r-white.png") no-repeat 2px center #ff8000;
    color: #FFFFFF;
    padding: 6px 20px 7px 25px;
    margin-bottom: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
}

body.blend a.more,
body.blend div.mod_newslist > div.layout_short.teaserimage > p.more > a,
body.blend div.mod_rocksolid_slider p.more > a {
    background: none repeat scroll 0 0 #402b80;
    padding: 6px 20px 7px 25px;
}
body.sift a.more,
body.sift div.mod_newslist > div.layout_short.teaserimage > p.more > a,
body.sift div.mod_rocksolid_slider p.more > a {
    background: none repeat scroll 0 0 #6199ad;
    padding: 6px 20px 7px 25px;
}
body.granulate a.more,
body.granulate div.mod_newslist > div.layout_short.teaserimage > p.more > a,
body.granulate div.mod_rocksolid_slider p.more > a {
    background: none repeat scroll 0 0 #ff8000;
    padding: 6px 20px 7px 25px;
}

/* Gallery */
.ce_gallery > ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
}
.ce_gallery ul li {
    flex: 0 1 30%;
}
.ce_gallery .caption {
    text-align: center;
    color: #999;
}
/* for Metamodels Slider in Detail view, Layout mm-listenseiten-responsive-tables only */
.rsts-slide {
  position: absolute !important;
}

/* Content Slider - more slider settings see MetaModels Slider below */
div.ce_sliderStart {
}
div.ce_sliderStart > span,
div.ce_metamodel_list.block > p.back > a {
    float: right; /* set link back to productlist, MM-List  */
    padding: 6px 0;
}
div.ce_sliderStart h2,
div.ce_sliderStart h4,
div.ce_gallery h2 {
    display: inline-block; /* needed 4 set link back to productlist  */
    font-weight: bold;
}
.content-slider {
    padding: 1% 0 !important;
    position: relative;
    visibility: hidden;
}
.content-slider figure {
    margin: 0 10%;
}

/* product pictures in slider caption centered  */
div.ce_sliderStart > div.content-slider > div.slider-wrapper > div.ce_image.block > figure.image_container > figcaption.caption {
    display: inline; 
}
nav span {
    top: 20px !important;
}
nav.slider-control {
height:80px;
}

/* Produktdetail  */

div#productdetailview.mod_article > p.back {
display:none; 
}

/* Produktdetail prefiltered navigation below product description  */
body.blend #main p.learn-more-text {
    margin: 20px 0 10px 0;
    color:#402b80;
    font-weight:700;
}
body.sift #main p.learn-more-text {
    margin: 20px 0 10px 0;
    color:#6199ad;
    font-weight:700;
}
body.granulate #main p.learn-more-text {
    margin: 20px 0 10px 0;
    color:#ff8000;
    font-weight:700;
}
/* buttons btn */
a.btn {
    display:inline-block;
    background: url("/files/layout/arrow-r-white.png") no-repeat 2px center #50a026;
    margin: 0 10px 10px 0;
    padding: 6px 20px 7px 25px;
    color: white;
    text-decoration: none;
    transition: background-color 1s ease;
}
a.btn:hover {
    background: url("/files/layout/arrow-r-white.png") no-repeat 2px center #6dc42a;
    color: white;
}

p#navigation-prefiltered-product a {
    display:inline-block;
    margin: 0 10px 10px 0;
    padding: 6px 20px 7px 25px;
    color: white;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    transition: background-color 1s ease;
}
#navigation-prefiltered-product span {
    display: block;
    margin: 10px 0;
  }
p#navigation-prefiltered-product a:first-child {
    margin-left: 0;
}
p#navigation-prefiltered-product a:last-child {
    margin-right: 0;
}
body.blend p#navigation-prefiltered-product a, 
body.sift p#navigation-prefiltered-product a.button-blend,
body.granulate p#navigation-prefiltered-product a.button-blend,
a.button-blend {
    background: url("/files/layout/arrow-blending-product.png") no-repeat 9px center #402b80;
}
body.blend p#navigation-prefiltered-product a:hover, 
body.sift p#navigation-prefiltered-product a:hover.button-blend,
body.granulate p#navigation-prefiltered-product a:hover.button-blend,
a:hover.button-blend  {
    background: url("/files/layout/arrow-blending-product.png") no-repeat 9px center #9387bb;
}
body.sift p#navigation-prefiltered-product a, 
body.blend p#navigation-prefiltered-product a.button-sift,
body.granulate p#navigation-prefiltered-product a.button-sift,
a.button-sift {
    background: url("/files/layout/arrow-sifting-product.png") no-repeat 9px center #6199ad;
}
body.sift p#navigation-prefiltered-product a:hover, 
body.blend p#navigation-prefiltered-product a:hover.button-sift,
body.granulate p#navigation-prefiltered-product a:hover.button-sift,
a:hover.button-sift {
    background: url("/files/layout/arrow-sifting-product.png") no-repeat 9px center #8fc0d1;
}
body.granulate p#navigation-prefiltered-product a, 
body.blend p#navigation-prefiltered-product a.button-granulate,
body.sift p#navigation-prefiltered-product a.button-granulate,
a.button-granulate {
    background: url("/files/layout/arrow-granulating-product.png") no-repeat 9px center #ff8000;
}
body.granulate p#navigation-prefiltered-product a:hover, 
body.blend p#navigation-prefiltered-product a:hover.button-granulate,
body.sift p#navigation-prefiltered-product a:hover.button-granulate,
a:hover.button-granulate {
    background: url("/files/layout/arrow-granulating-product.png") no-repeat 9px center #ffb872;
}

/* "Special button style" with no function for some headline */
.btn {
    display:inline-block;
    background: #50a026;
    margin: 0 10px 10px 0;
    padding: 6px 20px 7px 25px;
    color: white;
    text-decoration: none;
    transition: background-color 1s ease;
}

h3.btn-nofn,
h2.btn-nofn {
font: 600 1.3em "Open sans",Helvetica,Arial,sans-serif;
color: white;
display: inline-block;
margin: 0;
padding: 6px 20px 7px 20px;
}

hr
{
    border-bottom: 1px dotted #262626;
    border-top: none;
    position: relative;
    top: -7px;
}

body.blend h3.btn-nofn,
body.blend h2.btn-nofn {
    background: #402b80;
    color: white;
}
body.sift h3.btn-nofn,
body.sift h2.btn-nofn {
    background: #6199ad;
    color: white;
}
body.granulate h3.btn-nofn,
body.granulate h2.btn-nofn {
    background: #ff8000;
    color: white;
}

/* MetaModels FE Filter */

section.ce_metamodels_frontendfilter {
}
section.ce_metamodels_frontendfilter > form > div.formbody > div.widget label {
    display: block;
    margin: 0 0 8px 0;
}
section.ce_metamodels_frontendfilter > form > div.formbody > div.widget {
    padding-right: 3%;
    display: inline-block;
}
/* Machine type CSS for multiple select FE filter */
fieldset#ctrl_machine-type {
    padding: 5px 0;
}
#ctrl_machine-type label {
    display: inline;
}
span.machine-type {
    margin: 0 20px 0 0;
    min-width: 160px;
    display: inline-block;
}

.total {
    padding: 8px;
}

/* MetaModels Liste */
div.mod_metamodel_list {
    font: 1em/1.3em "Open sans",Verdana,sans-serif; /* Font also affects detailview */
}

div.mod_metamodel_list.block > div.layout_full > table,
div.ce_metamodel_content.block > div.layout_full > table {
    width: 100%;
    margin: 0;
}

table thead {
    font-weight:700;
}

.col-title {
    display: inline-block;
}

.sortfield a {
    background: rgba(0, 0, 0, 0) url("../../files/layout/arrow-b.png") no-repeat scroll 0 0;
    display: block; /* needed for text-indent */
    text-indent: -9999px;
}
.sortfield a.asc {
    background: rgba(0, 0, 0, 0) url("../../files/layout/arrow-u.png") no-repeat scroll 0 0;
}

div.mod_metamodel_list.block > div.layout_full > table > tbody > tr.item.even,
div.ce_metamodel_content.block > div.layout_full > table > tbody > tr.item.even {
    background: none repeat scroll 0 0 #F2F9F4;
}


div.ce_metamodel_list td,
div.ce_metamodel_content td  {
    padding: 8px;
}
div.mod_metamodel_list.block > div.layout_full > table > tbody > tr,
div.ce_metamodel_content.block > div.layout_full > table > tbody > tr {
    border-bottom: 1px dotted #444;
}

div.ce_metamodel_list > div.layout_full > table > tbody > tr.item > td.field.thumbnail {
    background: transparent;
    display: inline-block;
}

div.mod_metamodel_list.block > div.layout_full > table > tbody > tr.item > td > a,
div.ce_metamodel_content.block > div.layout_full > table > tbody > tr.item > td > a {
    background: none repeat scroll 0 0 #51A02B;
    display: block;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    min-width: 70px;
    color:white;
    line-height: 300%;
    text-align: center;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
}

div.mod_metamodel_list.block > div.layout_full > table > tbody > tr.item > td > a:hover,
div.ce_metamodel_content.block > div.layout_full > table > tbody > tr.item > td > a:hover {
    background: none repeat scroll 0 0 #99CC99;

}
div.mod_metamodel_list td {
    vertical-align: middle;
}

.ce_metamodel_content .layout_full .item .field { /* for distributors details*/
    padding: 5px;
    margin-bottom: 6px;
}

.field.seriennummer {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}
.hide_in_print {
  min-width: 40px;
}

.mod_metamodel_list div.layout_full table tbody > tr > td:last-child {
  padding: 0 20px 0 0;
}

/* thumbnail in lists right*/
div.mod_metamodel_list.block > div.layout_full > table > tbody > tr.item > td.thumbnail > a,
div.ce_metamodel_content.block > div.layout_full > table > tbody > tr.item > td.thumbnail > a {
    text-align: left;
}

div.mod_metamodel_list table#referenzen_endlessscroll.responsive tbody tr.item td.field.thumbnail a ul.file li img {
    width: 155px; /* all pic same size */
}

/* MetaModels List Country flags */
div.ce_metamodel_content > div.layout_full > table > tbody > tr > td.field.country > a {
    width: 120px; 
    display: inline-block;
    line-height: 0;
    padding: 0 12px 0 0;
    background: none;
}
td.field.country a span img {
    width: 120px !important;
    max-width: initial;
}

div.ce_metamodel_content > div.layout_full > table > tbody > tr > td.field.country {
    font-weight: 700;
}

/* MetaModels List thumbnails */

td.thumbnail a {
    background-color: transparent !important;
}

td.field.thumbnail ul {
    line-height: 0;
    margin: 0;
}
td.field.thumbnail > ul > li > img {
    width: 100%;
}
/* MetaModels List set Country text */
table > tbody > tr > td.field.country span {
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    margin:0 10px 0 0;
    white-space: nowrap; /* verhindert, dass 2-wortige Laendernamen zusammengeschoben werden */
    color: black;
    font-weight: normal;
}

/* Metamodels List Geheime Listen */
tr.hide_in_print {
    text-decoration: line-through;
}
td.field.customer {
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* MetaModels Detail */
div#main > div.inside > div#produktdetails.mod_article,
div#main > div.inside > div#referenzendetail.mod_article { 
/* same as productdetailview */
    background: white;
    margin: 0 0 3%;
}

/* Floating label-values in MM Detailview */
div.mod_article > div.mod_metamodel_list > div.layout_full > div.item > div.field:first-child ~ div.field {
    background: #e9e9e9;
    display: inline-block;
    padding: 8px;
    margin: 6px;
    vertical-align:top;
    min-width: 80px;
}
div.mod_article > div.mod_metamodel_list > div.layout_full > div.item > div.field.details {
    max-width: 570px;
}

div.mod_article > div.mod_metamodel_list > div.layout_full > div.item > div.field > div.value {
    display: inline;
}

/* in Vertrieb Detail */
div#vertriebdetails.mod_article > div.ce_metamodel_content > div.layout_full > div.item > div.field > div.value {
    margin: 0 0 5px 0;
}


div.label {
	font-weight: bold;
}

div.ce_metamodel_list.block div.layout_full div.value {
margin:0 0 4px 0;
}

/*MM Detail: next-prev result */
nav.pagination-control a {
    margin: 5px 0;
    padding: 10px 20px;
    display: inline-block;
}
nav.pagination-control a:last-child {
    float: right;  
}
/* Vertriebs Detail */
.country-detail
{
  width: 120px;
  display: inline-block;
  margin-bottom: 1em;
}

/* OTHER TABLES IN TEXT class table-style-01 */
.table-style-01 table {
    background: #E1E8E3;
    width: 100%;
}
.table-style-01 caption {
    margin-bottom: 8px;
}
.table-style-01 tr.odd {
    background: #F2F9F4;
}
.table-style-01 td,
.table-style-01 thead tr th {
    padding: 8px;
}

/* FORMS */

form > div.formbody > fieldset {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px dotted #262626;
    margin: 30px 0;
    padding: 15px;
}

form > div.formbody > fieldset > legend {
    background: none repeat scroll 0 0 #d3d3d3;
    font: 600 1.2em/1.4em "Open sans",Helvetica,Verdana,sans-serif;
    padding: 2px 10px;
    width: auto;
}

form > div.formbody > fieldset > input {
    padding: 5px;
    margin: 2px 0 8px;
}

div.formbody div.widget-submit > button.submit,
input.submit {
   background: none repeat scroll 0 0 #50A026;
    color: #FFFFFF;
    font: 700 1.2em/1.4em "Open sans", Helvetica, Verdana, sans-serif;
    margin: 0 0 20px 0;
    border: none;
    transition: background 1s ease 0s;
    -webkit-transition: background 1s ease; /* Safari */
}
div.formbody > fieldset > div.widget-submit > button.submit:hover,
input.submit:hover {
   background: none repeat scroll 0 0 #9ccd83;
}
div.formbody label.mandatory > span.mandatory {
    color: red;
}
div.formbody p.error {
    color: red;
    margin: 0 0 3px 0;
    font-weight: bold;
}

input[type=text], .widget-checkbox, .widget-radio {
    margin-bottom: 10px;
}

.widget-checkbox span {
    display: block;
}

/* used machien FORM */
label.selected-machine-pic {
    margin: 6px 0 0px 0;
    display: block;
}
div.formbody > img {
    margin: 3px 0 9px 0;
    border: 6px solid white;
    box-shadow: 1px 1px 3px #ccc;
}

/* old CSS */
div#produkte.mod_article.first.last.block > div.ce_metamodel_list.block > div.layout_full > div.item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #8c8c8c;
	font-size: 1em;
	line-height: 1.2em;
}
div.field.published {
	display: none;
}

fieldset#ctrl_prozess.checkbox_container > span {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1em;
}
span.doNotFilter {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-style: italic;
}
form > div.formbody > div.widget.mm_tags.prozess.unused.submitonchange > label {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #e3e1e1;
	border-radius: 4px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	behavior: url('assets/css3pie/1.0.0/PIE.htc')
}



/* NEWS */
div.mod_newslist > div.layout_short {
    display: table;
    height: 100%;
    margin: 0 0 3.5%;
    padding-top: 1%;
    position: relative;
    width: 98%;
    border-top: 1px dotted #262626;
}

div.mod_newslist > div.layout_short.teaserimage > h2,
.rsts-slide div.layout_latest h2 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 4px;
    text-decoration: none;
}
div.mod_newslist > div.layout_short.teaserimage > h2 a {
    text-decoration: none;
}

div.mod_newslist > div.layout_short.teaserimage.no-pic {
    background: white;
}

/* Label for News - DE */
div.mod_newslist > div.layout_short.teaserimage.messe:after {
    content: 'Messe';
    background: #333;
    color: #ccc;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
div.mod_newslist > div.layout_short.teaserimage.diverses:after {
    content: 'Diverses';
    background: #878787;
    color: #333;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
div.mod_newslist > div.layout_short.teaserimage.presse:after {
    content: 'Presse';
    background: #e9e9e9;
    color: #878787;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
/* Label for News - EN */
div.mod_newslist > div.layout_short.teaserimage.fair:after {
    content: 'Fair';
    background: #333;
    color: #ccc;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
div.mod_newslist > div.layout_short.teaserimage.miscellaneous:after {
    content: 'Miscellaneous';
    background: #878787;
    color: #333;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
div.mod_newslist > div.layout_short.teaserimage.press:after {vertrieb/sap-ariba.html
    content: 'Press';
    background: #e9e9e9;
    color: #878787;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
/* Label for News - FR */
div.mod_newslist > div.layout_short.teaserimage.foire:after {
    content: 'Salon';
    background: #333;
    color: #ccc;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}


div.mod_newslist > div.layout_short.teaserimage > p.info, 
div.mod_newslist > div.layout_short.teaserimage > h2, 
div.mod_newslist > div.layout_short > div.teaser,
div.mod_newslist > div.layout_short.teaserimage > p.more {
    margin-left: 30px;
}
div.mod_newslist > div.layout_short.teaserimage > p.info time {
    margin-left: 20px;
}
div.mod_newslist > div.layout_short > div.teaser {
    margin-bottom: 10px;
}

div.mod_newslist > div.layout_short.teaserimage > p.info {
    font-weight: 700;
    margin: 4px 10px 4px;
}
 
div.mod_newslist > div.layout_short.teaserimage > p.more > a {
    background: none repeat scroll 0 0 #50a026;
    color: #FFFFFF;
    padding: 6px 20px 7px 25px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
}
div.mod_newslist > div.layout_short.teaserimage > p.more > a:hover {
    background: none repeat scroll 0 0 #d0eac3;
}

div.mod_newslist > div.layout_short.teaserimage > figure.image_container {
    background: white;
    display: table-cell;
    line-height: 0;
    vertical-align: middle;
    width: 25%;
    height: 100%;
    -moz-box-sizing: border-box;
    /* keep image_container 100% height */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float:none !important; 
}

div.mod_newslist > div.layout_short.teaserimage > figure.image_container > a > img {
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.mod_newslist figcaption.caption {
    display: none;
}


/* NEWS Full Layout + history */
div.max .image_container {
    max-width: 300px;
}
/* Bild */
div.max-200 .image_container {
    max-width: 200px;
}
div.mod_newsreader > div.layout_full > div > figure.image_container
/* div#geschichte > div.ce_text > figure.image_container */{
    max-width: 400px;
    padding: 10px;
    background: white;
    line-height: 0;
    box-shadow: 1px 1px 3px #BBBBBB;
    margin: 3%;
}
div.mod_newsreader > div.layout_full > div > figure.image_container {
    margin: 0 0 20px 0;
}
/* div.mod_newsreader > div.layout_full > */ div > figure.image_container > figcaption {
    display: inline;
    font-style: italic;
}

.times {  
    position: absolute;
    top:100px;
    right: 0;
    z-index: 99;
}

.btn-fox {
  position: fixed;
  right: 0;
  bottom: 12%;
  z-index: 99;
  transition: opacity 0.8s ease;
  opacity: 1;
}
@media only all 
and (min-width : 876px)  {
  .btn-fox {
   bottom: 22%;
    }
}   
.btn-fox:hover {
  opacity: 0.7;
}

 /* for sap banner */
.banner {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  background-color: #3B3B3B;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  height: 40px;
}
    .banner p {
    display: flex;
    align-items: center;
    height: 100%;
}
.banner-a {
  line-height: 0;
}
a.banner-item {
  color: white;
}
a.banner-item:hover {
  color: #0289f1;
}

/* Helferklassen */
.spacer-top {
    margin-top: 10px;
}

/* -------------------------------   MOBILE   --------------------------------------   */

div.navlink {
    float: right;
    margin: 38px 0 0;
    width: 50px;
    z-index: 999;
}

.toplink {
    bottom: 15px;
    display: none;
    position: fixed;
    right: 0;
}


/* ---------------  XS Screens / Smartphonescreens < 400px  ----------- */
@media only all 
and (max-width : 400px)  {
    /* Styles */

    div.ce_teaser {
        background: #D3D6DC;
        width: 97%;
        margin: 5% 0;
        display:block;
    }

    div.ce_teaser > figure.image_container {
        width: 100%;
        height: auto;
        display:block;
    }
    /* Linebreak for contakt persons phone & mail */
    div.ce_text.kp.block > p > a {
        display: block;
        margin: 0;
        padding: 0;
    }

    /* Video randlos */
    body.video #main .inside {
        margin: 0 0 0 0;
    }

    body.video #main .inside h2 {
        margin: 0 3%;
    }

    body.video #mep_0 {
        width: 100%;
    }
}

h2.video-heading {
    margin-top: 30px !important;
}
h2.video-heading:first-child {
    margin: 0 10px !important;
}

/* ---------------  S Screens < 655px  ----------- */
@media only all 
and (max-width : 655px) {

    .content-slider figure {
        margin: 0 1%;
    }

    body.startseite #footer {
        padding-bottom: 0px; 
    }

    /* Product lists and news list teasers on smaller screens - with bigger picture on top */
    div.mod_newslist > div.layout_short.teaserimage > figure.image_container {
        display: block;
    }

    div.mod_newslist > div.layout_short {
        padding-top: 6%;
        background-image: none;
    }

    .layout_short.teaserimage figure.image_container img {
        width: 40%;
        margin-bottom: 0.5em;
        margin-left: 2em;
    }
    .layout_short.teaserimage figure.image_container.float_above {
        min-width: 75vw;
    }

    /* arrows for sliders always visible on mobile */
    .rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-next {
        opacity: 100%;
    }
    /* Gallery*/
    .ce_gallery ul li {
    flex: 0 1 50%;
    }
  
}

/* ---------------  Layoutbuilder Breakpoint < 876px  -------------------- */
@media only all
and (max-width : 876px) {

    #container-centered {
      padding-left: 0; /* reset from 20% in standard style */
    }
    #superheader h1 {
        width: 90%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 1%;
    }
    #superheader a.tel {
        width: auto;
        margin: 0 2.5%;
    }

    #header-centered nav.mod_navigation.navmain {
        margin: 2% 0 4% 4%;
    }
    #left {
        width: 100%; /* reset from 20% in standard style */
        margin-left: 0; /* fix issue with layoutbuilder -100% */
    }
    #main {
        width: 100%; /* reset from 80% in standard style */
    }
    #main div.inside {
        margin: 0 0 0.5% 0%; /* was 0 3% 0.5% 3% */
        padding: 0 3%;
    }
    nav.mod_navigation.nav-startpage-left {
        margin: 0;
    }
    div.ce_sliderStart h2,
    div.ce_sliderStart h4 {
        display: block; /* needed 4 set link back to productlist  */
    }
    div.ce_sliderStart > span {
        float: none; /* set link back to productlist  */
        display: inline-block;
        padding: 0;
        margin: 10px 0;
    }
    div.footer-centered {
        padding: 0 3%; /* same as #main div.inside */
    }
    .grid4 ul li {
        height: 40px;
      }
}

/* ---------------  M Screens > 1024px   ----------- */
@media only all 
and (min-width : 1024px)  {
    /* Styles */

    #header-centered {
        width: 90%;
    }
    #container-centered {
        width: 90%;
        margin:0 auto;
        padding-left: 23%;
    }
    div.footer-centered {
        width: 90%;
        display: flex;
        flex-wrap: wrap; /* for SAP banner on bottom */
    }

    #header nav.mod_navigation.navmain.block > div > ul li {
        padding: 5px 10px;
    }
    /* Video YouTube Element */
    .ce_youtube {
        background-color: #f2f2f2;
        justify-content: center;
        display: flex;
    }
    .video_container {
        width: 80%;
    }
}

/* ---------------  L Screens > 1324px   ----------- */
@media only all 
and (min-width : 1324px)  {
    .flexcontainer {
        display: flex;
    }
    .item {
        align-self: flex-start;
    }
    .item-50-50 {
        flex: 1 1 50%;
    }
    .padding-l-3 {
        padding-left: 3%;
    }
    .padding-l-6 {
        padding-left: 6%;
    }

    .accordion {
        max-width: 51%;
    }
}

/* ---------------  XL Screens > 1624px   ----------- */
@media only all 
and (min-width : 1624px)  {
    /* Styles */
    #header-centered {
        width: 70%; /* was 60% */
    }
    #container-centered {
        width: 70%; /* was 60% */
        margin:0 auto;
        padding-left: 28%; /* was 24% */
    }
    div.footer-centered {
        width: 70%;
    }

    /* NEU setzt Sortierpfeile neben Spaltenueberschrift bei Referenzen */
    .sortfield span.sort {
        left: 4px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
    }

    .sortfield a {
        display: inline-block;
        width: 19px;
        height: 14px;
    }

    }

    /* Versteckte Seiten */
    body.hidden-pages #container-centered {
        width: 90%;
}








nav.mod_navigation.navleft {
    font-family: "Open sans", Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}
nav.mod_navigation.navleft ul {
    padding: 0;
}

/* submenus hiding-showing */

nav.mod_navigation.navleft.block > ul.level_1 > li.submenu > ul.level_2 {
    display: none;
}
/* bei aktivem erstem submenu = level 2 zeigen */
nav.mod_navigation.navleft.block > ul.level_1 > li.active.submenu > ul.level_2 {
    display: block;
    margin: 0; /* remove standard margin below submenu */
}
/* bei aktivem erstem submenu = level 2 zeigen, level 3 noch nicht */
nav.mod_navigation.navleft.block > ul.level_1 > li.active.submenu > ul.level_2 li.submenu > ul.level_3 {
    display: none;
}

nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu.sibling > ul.level_3 {
    display: none;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu > ul.level_3 {
    display: none;
}
/* bei level2 offen = level 3 zeigen */
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu.trail > ul.level_3 {
    display:block;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.active.submenu > ul.level_3 {
    display: block;
    margin: 0; /* remove standard margin below submenu */
}

nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 {
    display: block;
    margin: 0; /* remove standard margin below submenu */
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu.active > ul.level_3 {
    display: block;
}

nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu.trail > ul.level_3 {
    margin: 0; /* remove standard margin below submenu */
}

/* LEVEL 1 Colors and hover */
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu > a.submenu {
    font: 600 1.3em/1.8em "Open Sans", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 2px 0;
    padding: 0 0 0 10px;
    transition: background-color 1s ease 0;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.blend > a.submenu.blend {
    color:white;
    background-color: #402B80;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.sift > a.submenu.sift {
    background-color: #6199AD;
    color:white;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.granulate > a.submenu.granulate {
    background-color: #ff8000;
    color:white;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.blend > a.submenu.blend:hover {
    background-color: #9387bb;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.sift > a.submenu.sift:hover {
    background-color: #8fc0d1;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.granulate > a.submenu.granulate:hover {
    background-color: #ffb872;
}

/* General: LEVEL 1 Colors and active span */
nav.mod_navigation.navleft.block > ul.level_1 > li > a {

    font: 600 1.3em/1.8em "Open Sans", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 2px 0;
    padding: 0 0 0 10px;
    background-color: #50a026;
    transition: background-color 1s ease 0;
}
nav.mod_navigation.navleft.block > ul.level_1 > li > a:hover {
    background-color: #d0eac3;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.active > strong.active {
    display: block;
    font: 600 1.3em/1.8em "Open Sans", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 2px 0;
    padding: 0 0 0 10px;
    background-color: #d0eac3;
}

/* Products Section: LEVEL 1 Colors and active span */
nav.mod_navigation.navleft.block > ul.level_1 > li.active.submenu > strong.active.submenu {
    display: block;
    font: 600 1.3em/1.8em "Open Sans", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 2px 0;
    padding: 0 0 0 10px;
    transition: background-color 1s ease 0;
}
aside#left > div.inside > nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.active > strong.active {
    font-weight: bold;
}

nav.mod_navigation.navleft.block > ul.level_1 > li.active.submenu.blend > strong.active.blend {
    background-color: #402b80;
    color:white;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.active.submenu.sift > strong.active.sift {
    background-color: #6199ad;
    color:white;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.active.submenu.granulate > strong.active.granulate {
    background-color: #ff8000;
    color:white;
}


nav.mod_navigation.navleft a {
    color: #000000;
    display: inline-block;
    text-decoration: none;
    width: 100%;
}

/* LEVEL 2 */
nav.mod_navigation.navleft ul.level_2 > li {
    background: url("/files/layout/arrow-r.png") no-repeat left center rgba(0,0,0,0);
    list-style-type: none;
    margin: 2px 0; /* Abstand zw. lis aber nicht ganz oben und unten  */
    padding: 6px 0 6px 22px; 
    transition: background-color 1s ease 0;
}
/* resets the padding from previous li set in opened level 2 submenuand removes bg */
nav.mod_navigation.navleft > ul.level_1 > li.submenu.trail > ul.level_2 > li.active.submenu {
    padding: 0;
    background: none;  
}
/* level 2 hedaer li (e.g fassmischer) with submenu when opened */
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.active.submenu > strong.active.submenu {
    display: block;
    background: url("/files/layout/arrow-b.png") no-repeat left center rgba(0,0,0,0);
    margin: 2px 0;
    padding: 6px 0 6px 22px;
    transition: background-color 1s ease 0;
}



/*  resets BG from level_2 > li (eg. fassmischer) to transparent, switchs arrow beneath text to top */
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu.trail {
    background: url("/files/layout/arrow-b.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
}

/*  sets text of eg fassmischer */
nav.mod_navigation.navleft ul li.submenu ul.level_2 li.trail a.trail {
    color: #262626;
    display: block;
    padding: 6px 0 ;
    font-weight:bold;
}

/* sets opened and trailed level 2 submenu back to the top an to the left */
ul.level_2 > li.submenu.trail {
    padding: 0 !important;
}
/* formates level 2 header when a level_3 li is active */
nav.mod_navigation.navleft > ul.level_1 > li.submenu.trail > ul.level_2 > li.submenu.trail > a.submenu.trail {
    padding: 6px 0 6px 22px;
}
nav.mod_navigation.navleft ul.level_3 > li {
    background: url("/files/layout/arrow-r.png") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    list-style-type: none;
    margin: 2px 0;
    padding: 6px 0 6px 28px; /* does a bit text indent on level 3 lis */
    transition: background-color 1s ease 0;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.blend > ul.level_2 > li.submenu.trail.blend > ul.level_3 > li.active.blend {
    color: #402b80;
    background: url("/files/layout/arrow-r-blend.png") no-repeat 6px center;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.sift > ul.level_2 > li.submenu.trail.sift > ul.level_3 > li.active.sift {
    color: #6199ad;
    background: url("/files/layout/arrow-r-sift.png") no-repeat 6px center;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.granulate > ul.level_2 > li.submenu.trail.granulate > ul.level_3 > li.active.granulate {
    color: #ff8000;
    background: url("/files/layout/arrow-r-granulate.png") no-repeat 6px center;
}

/* Format for navigtion on Video pages */
ul.level_3 > li.trail > a.trail {
    padding: 0;
}


/* Formates for level 3 left navi links in trail mode when product is accessed through teaserlink */
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.blend > ul.level_2 > li.submenu.trail.blend > ul.level_3 > li.trail.sibling {
    background: url("/files/layout/arrow-r-blend.png") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    padding: 0 0 0 28px;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.blend > ul.level_2 > li.submenu.trail.blend > ul.level_3 > li.trail.sibling > a.trail.sibling {
    font-weight: normal;
    color: #402b80;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.sift > ul.level_2 > li.submenu.trail.sift > ul.level_3 > li.trail.sibling {
    background: url("/files/layout/arrow-r-sift.png") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    padding: 0 0 0 28px;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.sift > ul.level_2 > li.submenu.trail.sift > ul.level_3 > li.trail.sibling > a.trail.sibling {
    font-weight: normal;
    color: #6199ad;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.granulate > ul.level_2 > li.submenu.trail.granulate > ul.level_3 > li.trail.sibling {
    background: url("/files/layout/arrow-r-granulate.png") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    padding: 0 0 0 28px;
}
nav.mod_navigation.navleft.block > ul.level_1 > li.submenu.trail.granulate > ul.level_2 > li.submenu.trail.granulate > ul.level_3 > li.trail.sibling > a.trail.sibling {
    font-weight: normal;
    color: #ff8000;
}


/* Prefiltering Product GROUP Navigation LEFT */
div.side-filter-nav {
    background: #e9e9e9;
}
div.side-filter-nav p.learn-more-text {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.3em;
}
div.side-filter-nav a {
    display: block;
    padding: 5px 0;
    margin: 0 10px;
}
div.side-filter-nav a:last-child {
    padding-bottom: 20px;
}


/* Custom navigation (for Video Button ) */

aside#left nav.mod_customnav ul li a,
.button-green a {

    font: 600 1.3em/1.8em "Open Sans", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 2px 0;
    padding: 0 0 0 10px;
    background-color: #50a026;
    transition: background-color 1s ease 0;
    text-decoration: none;
    display: block;
    color: #262626;
}
aside#left nav.mod_customnav ul li a:hover,
.button-green a:hover {
    background-color: #d0eac3;
}

aside#left nav.mod_customnav ul li strong.active {
    display: block;
    color: #262626;
    font: 600 1.3em/1.8em "Open Sans", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 2px 0;
    padding: 0 0 0 10px;
    background-color: #d0eac3;
}


@media only all and (min-width : 1150px) {  /* toggle mobile navigation here */
    /* div.navlink {
        display: none;
    } */
    .toplink {
        display: none;
    }
    #mobile.mod_newslist {
        display: none;
    }
}


@media only all and (max-width : 1150px) { /* toggle desktop nav & tel No. here*/
    nav.mod_changelanguage,
    nav.navmain,
    #superheader a.tel,
    #header-centered div.mod_form form#sitesearchform {
      display: none;
    }
    div.mod_newslist.latest {
        display: none;
    }
    #mobile.mod_newslist {
        display: block;
    }
}

/* main nav dropdown nav styles START*/

a, .active,
a:hover,
a:focus, header nav li .active,
header nav li a:hover,
header nav li a:focus {
    text-decoration: none;
    color: #006ab3; /* links */
    transition: color 0.5s; }

.active,
.active:hover,
a:hover,
header nav li a:hover,
.active:focus,
a:focus,
header nav li a:focus {
    color: #0289f1; }


header nav {
    /* display: none;
    text-align: right; */
}
header nav ul {
    margin: 0;
    padding: 0; }

header nav li {
    display: inline-block;
    margin: 0 1.5625em;
}
header nav li:first-child {
    margin-left: 0;
}
header nav li:last-child {
    margin-right: 0;
}
header nav li a, header nav li .active, header nav li a:hover, header nav li a:focus {
    text-decoration: none;
    color: #262626;
    padding: 0.3125em 0;
    display: inline-block;
    font-size: initial; /* 1.375em; */
    /* letter-spacing: 1px; */
    transition: color 0.5s;
}
header nav li .active, header nav li .active:hover, header nav li a:hover, header nav li .active:focus, header nav li a:focus {
    color: #0289f1;
}

header nav a::before, header nav .active::before, header nav a:hover::before, header nav a:focus::before,
header nav a::before,
header nav .active::before,
header nav a:hover::before,
header nav a:focus::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0; }

header nav li a:before, header nav li .active:before, header nav li a:hover:before, header nav li a:focus:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 10%;
    background: #525552;
    /*** COLOR OF THE LINE ***/
    height: 3px;
    /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

header nav ul li ul li a:hover:before {
    content: normal;
    background: transparent;
    /*** COLOR OF THE LINE ***/
    height: 0;
    /*** THICKNESS OF THE LINE ***/

}

header nav ul li ul li.active:before {
    content: normal;
    background: none;
}

header nav li .active:hover, header nav li a:hover {
    opacity: 1 !important;
}

header nav li .active:hover:before, header nav li a:hover:before {
    right: 0;
}

header nav li li a:before, header nav li li .active:before, header nav li li a:hover:before, header nav li li a:focus:before {
    bottom: 10%;
}

header nav ul.level_2 li a:before, header nav ul.level_2 li .active:before {
    background: transparent;
}

#wrapper > header {
    position: relative;
    z-index: 10; /* Important for dropdown navi above sliders! */
}

header .block {
    overflow: visible;
}

header nav ul {
    display: inline;
    margin: 0;
    padding: 0;
}

header nav li {
    position: relative;
    display: inline-block;
    margin-right: -16px;
    margin-left: 16px;
}

header nav > ul > li > a, header nav > ul > li > .active, header nav > ul > li > a:hover, header nav > ul > li > a:focus {
    position: relative;
    display: block;
    z-index: 3;
    padding: 8px 0 12px 0;
    margin: 0 8px 4px 8px;
    margin-bottom: -4px;
    font-weight: bold;
    text-decoration: none;
}
header nav > ul > li > ul .active strong {
    padding: 0 10px 8px 0;
    border-top: 0;
}

/*header nav>ul>li>a:hover, header nav>ul>li>a:focus {
 color: pink;
}*/
header nav > ul > li.active > a, header nav > ul > li.active > .active, header nav > ul > li.trail > a, header nav > ul > li.trail > .active {
    color: #0289f1;
}

header nav > ul > li.submenu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 1px solid #dadada;
    border-bottom: 0;
    background: #fff;
    /*  -webkit-box-shadow: 0 5px 0 -1px #fff, 0 3px 0 #dadada, 0 0 0 3px #ebebeb;
    -moz-box-shadow: 0 5px 0 -1px #fff, 0 3px 0 #dadada, 0 0 0 3px #ebebeb;
    box-shadow: 0 5px 0 -1px #fff, 0 3px 0 #dadada, 0 0 0 3px #ebebeb;*/
}

header nav > ul > li > ul {
    position: absolute;
    left: 0;
    top: 82%;
    display: none;
    z-index: 1;
    min-width: 130%;
    margin-top: 4px;
    margin-top: 0\9;
    padding: 5px 15px 10px 15px;
    border: 1px solid #dadada;
    text-align: left;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 -10px 0 -10px inset, 0 0 0 3px rgba(0, 0, 0, 0.075), 3px 6px 20px rgba(0, 0, 0, 0.1);
}

header nav > ul > li > ul li {
    display: block;
    margin: 0;
}

header nav > ul > li > ul a, header nav > ul > li > ul .active, header nav > ul > li > ul a:hover, header nav > ul > li > ul a:focus {
    position: relative;
    display: block;
    padding: 8px 10px 8px 0;
    border-top: 1px solid #ececec;
    color: #3b3737;
    text-decoration: none;
}
header nav > ul > li > ul .active {
    padding: 8px 10px 0 0;
}
header nav ul li:hover > a, header nav ul li:hover > .active,
header nav > ul > li > ul .active:focus,
header nav > ul > li > ul a:focus {
    color: #0289f1;
}

header nav > ul > li > ul .active:hover:before, header nav > ul > li > ul a:hover:before, header nav > ul > li > ul .active:hover:after,
header nav > ul > li > ul a:hover:after, header nav > ul > li > ul .active:focus:before, header nav > ul > li > ul a:focus:before,
header nav > ul > li > ul .active:focus:after, header nav > ul > li > ul a:focus:after, header nav > ul > li > ul li.active > a:before,
header nav > ul > li > ul li.active > a:after, header nav > ul > li > ul li.active > .active:after,
header nav > ul > li > ul li.trail > a:before, header nav > ul > li > ul li.trail > .active:before, header nav > ul > li > ul li.trail > a:after,
header nav > ul > li > ul li.trail > .active:after {
    content: "";
    content: none\9;
    position: absolute;
    left: -15px;
    top: 11px;
    border: 7px solid transparent;
    border-right: 0;
}

header nav > ul > li > ul .active:hover:after, header nav > ul > li > ul a:hover:after, header nav > ul > li > ul .active:focus:after,
header nav > ul > li > ul a:focus:after, header nav > ul > li > ul li.active > a:after, header nav > ul > li > ul li.active > .active:after,
header nav > ul > li > ul li.trail > a:after, header nav > ul > li > ul li.trail > .active:after {
    left: -16px;
    top: 12px;
    border-width: 6px;
    border-right-width: 0;
    border-left-color: #393b39;
}

header nav > ul > li > ul li.active > .active:after {
/* no arrow */
    border-width: 0;
}

header nav > ul > li > ul li:first-child > a, header nav > ul > li > ul li:first-child > .active {
    border-top: 0;
}

header nav > ul > li > ul ul a, header nav > ul > li > ul ul .active, header nav > ul > li > ul ul a:hover, header nav > ul > li > ul ul a:focus {
    margin-left: 10px;
}

header nav ul > li > ul.level_3 > li > strong { /* overwriting */
    margin-left: 0;
    padding-bottom: 8px;
}

header nav > ul > li > ul ul .active:hover:before, header nav > ul > li > ul ul a:hover:before, header nav > ul > li > ul ul .active:hover:after,
header nav > ul > li > ul ul a:hover:after, header nav > ul > li > ul ul .active:focus:before,
header nav > ul > li > ul ul a:focus:before, header nav > ul > li > ul ul .active:focus:after, header nav > ul > li > ul ul a:focus:after,
header nav > ul > li > ul ul li.active > a:before, header nav > ul > li > ul ul li.active > .active:before, header nav > ul > li > ul ul li.active > a:after,
header nav > ul > li > ul ul li.active > .active:after, header nav > ul > li > ul ul li.trail > a:before, header nav > ul > li > ul ul li.trail > .active:before,
header nav > ul > li > ul ul li.trail > a:after, header nav > ul > li > ul ul li.trail > .active:after {
    content: none;
}

header nav > ul > li > ul ul ul a, header nav > ul > li > ul ul ul .active, header nav > ul > li > ul ul ul a:hover, header nav > ul > li > ul ul ul a:focus {
    margin-left: 20px;
}

header nav > ul > li:hover > ul {
    display: block;
}

header nav > ul > li.sibling:hover ul {
    display: block;
}

header nav > ul > li.sibling:hover ul ul {
    display: block;
    border: none;
}

header nav > ul > li.submenu:hover:before {
    content: " ";
    display: block;
}

header nav > ul > li:last-child > ul, header nav > ul > li.last > ul {
    left: auto;
    right: -2px;
}
header nav ul.level_3 > li.trail > a.trail {
    padding: 8px 10px 8px 0;
}
/* main nav styles END */

/* Mobile Nav styles START */
.mobile_menu .flexcontainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
  }
.mobile_menu {
    background: #e3e3e3;
    padding: 20px;
    height: 100vh;
    max-height: 100vh;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; 
}
.mobile_menu .inner {
    font-family:"Open sans",Verdana,sans-serif;
    background: transparent; 
}
.mobile_menu .flexcontainer ul {
    margin: 0; 
}
.mobile_menu ul {
      margin: 10px 0 0 0; 
    }
.mobile_menu ul.level_1 li.first {
     
    }
.mobile_menu ul.level_2 > li > a {
      padding-left: 20px;
      display: inline-block; 
    }
.mobile_menu li {
      padding: 10px 0;
      border-bottom: 1px dotted #262626;
    }
.mobile_menu li strong.active {
    color: #0289f1;
    padding-left: 20px;
    display: inline-block; 
    }
.mobile_menu li.first {
      border-top: 1px dotted #262626; 
    }
.mobile_menu li:last-child {
      border-bottom: 0;
      padding-bottom: 0; 
    }
.mobile_menu ul.level_2 > li.first {
      border-top: 1px dotted #262626; 
    }
.mobile_menu a {
      color: #262626;
      text-decoration: none; 
    }
.mobile_menu li.submenu_hide > a.submenu:before {
      content: "▸  ";
      position: relative;
      top: -1px; }
.mobile_menu li.submenu_show > a.submenu:before {
      content: "▾  ";
      position: relative;
      top: -1px; }
.mobile_menu li.submenu_show > a {
      font-weight: bold; 
    }
.mobile_menu li:hover > a {
    color: #0289f1;
    }
.mobile_menu span > nav.mod_changelanguage {
      margin: 0 0 0 20px; 
    }
.mobile_menu nav.mod_changelanguage {
      text-shadow: none;
      position: relative;
      top: 3px; 
      display: inline-block;
    }
.mobile_menu nav.mod_changelanguage li {
    border: none; 
    display: inline;
}
.mobile_menu nav.mod_changelanguage li strong.active {
          padding-left: 0; 
}
.mobile_menu a.tel {
    display: inline-block;
    min-width: 140px;
    background: url("/files/layout/tel.svg")no-repeat;
    padding: 0 0 0 32px;
    color: #262626;
    text-shadow: none;
    line-height: 29px; /*vertical center text */
}
.mobile_menu ul.level_2 > li.submenu.trail {
    padding: 10px 0 !important;
}
.mobile_menu .level_3 li {
    padding-left: 40px;
}
.mobile_menu .level_4 li {
    padding-left: 22px;
}
.mobile_menu .level_3 li.active strong.active {
    padding-left: 0;
}
.mobile_menu #sitesearchform div.widget-text {
    margin-top: 25px;
    width: auto;
  }

/* Mobile Nav styles END */

/* Breadcrumb menu */
.mod_breadcrumb li { display: inline-block; } 
.mod_breadcrumb li:after { content: " > "; }
.mod_breadcrumb li.active:after { content:""; }
/* Breadcrumb menu END */

/* Accordion */
.ce_accordionStart {
    border-bottom: 1px dotted #262626;
    margin-bottom: 15px; /* Abstand Einleitungstext bei Produkten */
}
.toggler {
    background: #51A02B;
    display: inline-block;
    padding: 2px 22px;
    color: white;
    font: 600 1.3em/1.8em "Open sans",Helvetica,Arial,sans-serif;
    cursor: pointer;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.toggler:hover {
    background: #8abe72;
}
.toggler:after {
    content: url("/files/layout/arrow-r-white.png");
}
.close-akk.toggler:after {
    content: none !important;
}

.filtericon .toggler::after {
    content: url("/files/layout/filter-icon.png");
    vertical-align: -4%;
  }
.accordion .close-acc.toggler {
    background: #E2001A;
    padding: 2px 10px;
}
.accordion .close-acc.toggler:after {
    content: url("/files/layout/cross-white.png");
}

.close-akk {
    color: #fff !important;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 28px !important;
    line-height: 28px !important;
    font-weight: bold !important;
    background: #f00 !important;
    padding: 0 5px !important;
    border-radius: 3px;
  }
  
  .close-akk:hover,
  .close-akk:focus {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
  }

  
.toggler.active:after {
    content: url("/files/layout/arrow-b-white.png");
}
.filtericon .toggler.active::after {
    content: url("/files/layout/filter-icon.png");
  }
.toggler span.active {
    color: white;
}
.toggler.active,
.toggler.active:hover {
    color: white;
}
.blending .toggler {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #402b80;
}
.blending .toggler:hover {
    background: #9387bb;
}
.sifting .toggler {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #6199AD;
}
.sifting .toggler:hover {
    background: #8fc0d1;
}
.granulating .toggler {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #FF8000;
}
.granulating .toggler:hover {
    background: #ffb872;
}
.accordion {
    position: absolute; /* for position over picture */
    z-index: 999;
    background: #f1f1f1;
    padding: 20px;
    margin-right: 2%;
}

.accordion div.side-filter-nav {
    background: transparent;
}

/* Main slider startpage*/

.rsts-main h3 {
    margin: 2.5% 20% 0 0;
    line-height: 1.2em;
    min-height: 2.4em;
}
#slides-bottom-images.rsts-main {
    border-top: 0;
    margin-top: 4%;
}

/* Slider Product of Interest*/
h2#product-of-interest-slider {
    font-size: 1.25em;
}
#product-of-interest-slider.rsts-main {
     border-top: 1px dotted #262626;
}
#product-of-interest-slider.rsts-main h3 {
    font-size: 1em;
    margin: 2.5% 25% 0 0;
}
html:lang(fr) #product-of-interest-slider.rsts-main h3,
html:lang(en) #product-of-interest-slider.rsts-main h3 {
    min-height: 53px; /* 3-zeilen Headline FR/EN*/
}
#product-of-interest-slider p {
    font-size: 0.92em;
    margin: 2.5% 25% 0 0;
}
/* kill slider FOUC */
.mod_rocksolid_slider:not(.rsts-main) {
	height: 305px;
}
.mod_rocksolid_slider:not(.rsts-main) > div {
	display: none;
}
/* search suche */
#header-centered .mod_form.block {
    height: 30px;
}
#sitesearchform div.widget,
#sitesearchform div input {
    margin-bottom: 0;
    font-size: 15px;
}
#sitesearchform div.widget-text {
    font-size: 1.5em;
    width: 8em;
}
.mm-listview .mod_form > #sitesearchform div.widget-text { /* for mobile nav only */
    width: 92%;
    margin: 0 auto;
}
#sitesearchform div input.submit.magnifier {
    float: right;
    position: relative;
    left: -5px;
    top: -26px;
    background: none;
}
.mm-listview .mod_form > #sitesearchform div input.submit.magnifier { /* for mobile nav only */
    left: -7%;
}
ol li {
  margin: 0 30px;
  padding: 0 10px;
}