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%}
/* ###### 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;   
}

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;
    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;
}
#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;
}

/* 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%;
}







#header {
min-height: 130px;
}

#ctrl_982_wrapper /* Datum input field */ {
  display: inline-block;
}
form.uploadform input {
/* min-width: 0; */
}
form.uploadform button.submit {
width: 100%;
margin-top: 15px !important;
margin-bottom: 50px !important;
padding: 12px;
}
.upload-finished a {
    background: none repeat scroll 0 0 #50A026;
    width: 100%;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background 1s ease;
    -webkit-transition: background 1s ease; /* Safari */
    display: block;
    text-align: center;
}

div#article-680.mod_article.block {
  overflow: visible;
}
#article-680 #ctrl_serial-number {
  width: 92vw;
  margin-bottom: 15px;
}
#article-680 .submit_container {
  display: flex;
  justify-content: center;
}
#article-680 .submit {
  padding: 8px 20px;
}
#article-681 h1 {
  line-height: 110%;
  font-size: 1.5em;
}
#article-681 .widget.mm_select.serial-number.used.submitonchange.chosen-select {
  display: none;
}

/*
.flatpicks-calendar {
min-width: 0;
}
a.delete {
    background: #E2001A;
    padding: 3px 4px;
    width: 18px;
    overflow: hidden;
    display: inline-block;
    height: 18px;
}
a.delete:before {
    content: url("/files/layout/cross-white.png");
}
.fineuploader-wrapper .fineuploader-item .delete {
color: #fff;
}
div.content div.info {
display: inline-block;
margin-bottom: 10px;
}
*/