.sliderImage {
        position: relative;
        top: 0;
        width: 100%;
        overflow: hidden;
        text-align: center;
        min-height: 350px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    .imageItem .imageContent {
        text-align: center;
        color: #ffffff;
        padding: 5px 15px;
        max-width: 550px;
        width: 100%;
}

    .imageItem {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 320px;
        position: relative;
    }
    
    .buttonA, .buttonB {
        color: #ffffff;
        border: 1px solid #ffffff;
        padding: 16px 20px;
        display: inline-block;
        text-transform: uppercase;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        border: 1px solid #ffffff;
        transition: all .5s ease-out;
  
       
    }
    
    .animationOnHover{
         background-position: top;
         transition: all .5s ease-out;
    }
    .animationOnHover:hover{
        background: #3c3c3b;
        color: #ffffff;
        background-position: top;
        background: linear-gradient(to bottom, rgba(ff,ff,ff,0) 50%, #3c3c3b 50%);
        background-size: 100% 200%;
        background-position: bottom;
        transition: all .5s ease-out;
        border: 1px solid #ffffff;
    }
    .buttonB:hover{
        color: #ffffff;
        text-decoration:none;
        background: linear-gradient(to bottom, rgba(00,00,00,0) 50%, #efefef 50%);
        background-size: 100% 200%;
        background-position: bottom;
        transition: all .5s ease-out;
        border: 1px solid #ffffff;
        color: #3c3c3b;
    }
    
    .buttonB{
       margin-top: 10px;
    }
    
    .buttonA:hover {
        background: #3c3c3b;
        color: #ffffff;
        text-decoration:none;
        background: linear-gradient(to bottom, rgba(ff,ff,ff,0) 50%, #3c3c3b 50%);
        background-size: 100% 200%;
        background-position: bottom;
        transition: all .5s ease-out;
        border: 1px solid #ffffff;
      
    }
    
    .box.small4 {
        width: 100%;
    }
    
    .box {
        padding: 10px 5px;
        box-sizing: border-box;
    }
    
    .content.slide {
        position: relative;
        z-index: 9000;
    }
    
    .headerBox {
        text-align: center;
        padding: 45px 0 25px 0;
    }
    
    .headerBox h1 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        border-bottom: 2px solid #ededed;
    }
    
    .box.small3 {
        width: 100%;
    }
    
    
    .pBSix {
        padding-bottom: 60px;
    }

    
    .imageItem .imageContent h3 {
        margin-top: 10px;
    }
    
    .imageItem .imageContent a {
        margin-top: 5px;
    }
    
    .gridBox {
        padding: 0 5px;
        box-sizing: border-box;
    }
    
   .mainContent {
        max-width: 1220px;
        margin: 0 auto;
    }
    
    .products {
        padding: 15px 0 10px;
        overflow: hidden;
    }
    
    .products .productItem {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 20px;
        position: relative;
    }
    
    .products .productItem .image {
        position: relative;
        overflow: hidden;
    }
    
    .products .productItem .image {
        text-align: center;
    }
    
    .products .productItem .productInfo {
        background: #ededed;
        box-sizing: border-box;
        padding: 13px 15px;
        width: 100%;
        display: table;
        background-position: top;
        transition: all .5s ease-out;
    }
    
    .products .productItem .productInfo:hover {
        background: #3c3c3b;
        background-position: top;
        transition: all .5s ease-out;
    }
    
  
    .products .productItem .productInfo .headline {
        font-size: 20px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        line-height: 28px;
        color: #3c3c3b;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }
    
     .products .productItem .productInfo .headline:hover {
        color: #ffffff;
    }
    
    .products .productItem .image > img {
        width: 100%;
        height: auto;
    }
    
    .not-logged-in .products .productItem .productInfo {
        min-height: 0;
    }
    
    .teaserBoxen > div {
        padding: 13px 15px 20px;
    }
    
    .teaserBoxen > div.tRed {
        background: #db0812;
    }
    
    .teaserBoxen > div.tGray {
        background: #3c3c3b;
    }
    
    
    .teaserBoxen > div span.text {
        color: #ffffff;
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 18px;
    }
    
    .textLink {
        color: #db0812;
        font-size: 18px;
        line-height: 28px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    
     :where(.pco-content, .is-root-container) a{
        font-size: 18px;
        line-height: 24px;
        text-decoration: none;
        color: #db0812;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
    }
   .gridBox a:hover{
      text-decoration: none;
    }
    
    :where(.pco-content, .is-root-container) h3{
        font-size: 19px;
        line-height: 24px;
    }
    
    :where(.pco-content, .is-root-container) h2{
        font-size: 18px;
        line-height: 28px;
        font-family: 'open sans', sans-serif;
        font-weight: 600;
    }

    :where(.pco-content, .is-root-container) h1{
        font-size: 40px;
        line-height: 50px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 300;
    }
    
    :where(.pco-content, .is-root-container) p{
        font-size: 18px;
        line-height: 28px;
        padding: 5px 0 10px 0;
    }
    
    :where(.pco-content, .is-root-container) section{
        background: #ffffff;
    }
    
    .oesTeaser {
            background-position: top center;
            background-repeat: repeat;
        }
    
    .oesTeaser .oesText {
        padding: 120px 0;
        text-align: center;
    }    
    
    .oesTeaser .oesText h1 {
        color: #ffffff;
        text-transform: uppercase;
        padding-bottom: 20px;
    }
    
    .oesTeaser .oesText .text {
        font-size: 18px;
        line-height: 28px;
        font-family: 'open sans', sans-serif;
        font-weight: 400;
        color: #ffffff;
        width: 80%;
        margin: 0 auto;
    }
    
    
    
     .teaserBoxen > div h2 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        color: #ffffff;
    }
    
     .teaserBoxen > div span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden; 
        height: 90px; 
    }
    
    .teaserBoxenIco {
        text-align: center;
    }
    
    .teaserBoxenIco .text {
        line-height: 28px;
        display: block;
        padding: 14px 0;
    }
    
    
    
    .teaserBoxenIco .icon {
        padding-bottom: 15px;
    }
    
    .teaserBoxenIco h2 {
        text-transform: uppercase;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        padding-bottom: 7px;
    }
    
   
    
    @media only screen and (min-width: 768px){
        .imageItem .imageContent {
            padding: 20px 15px;
        }
        .box.small4 {
         width: 50%;
        }
        .box {
        padding: 10px 20px;
        float: left;
        }
        .box.small3 {
            width: 33%;
        }
        
        .oesTeaser {
            background-repeat: no-repeat;
        }
        
        .imageItem .imageContent a {
            margin-top: 25px;
        }
    
    }
    
    @media only screen and (min-width: 960px){
        .gridBox {
            padding: 0 40px;
        }
        .box.small4 {
             width: 25%;
        }
        .box {
            padding: 10px;
            float: left;
        }
        .box.small3 {
            width: 33.3333%;
        }
         .navbar{
            width:0px;
        }
        .imageItem .imageContent a {
            margin-top: 25px; 
        }
    }
    
    @media only screen and (max-width: 1220px) and (min-width: 960px){
        .products {
            padding: 15px 0;
        }
        
        .products .productItem .image img {
            width: 100%;
            height: auto;
        }
        
        .imageItem .imageContent a {
            margin-top: 25px; 
        }
    }
    
    


    
    .grayBg {
        background: #3c3c3b;
    }
    
    .teaserBoxenIco.inver {
        color: #ffffff;
        font-size: 18px;
        line-height: 25px;
        padding: 50px 20px 60px;
    }
    
    .teaserBoxenIco.inver h2 {
        color: #ffffff;
    }
    
    .teaserBoxenIco.inver > span {
        display: block;
    }
    
    .teaserBoxenIco.inver > span.company {
        padding: 14px 0;
    }
    
    .teaserBoxenIco.inver > span.links {
        padding: 14px 0;
    }
    
    .teaserBoxenIco.inver > span a {
        display: inline-block;
        color: #ffffff;
    }
    
    .teaserBoxenIco.inver > span.adress {
        padding: 14px 0;
    }
    
    .teaserBoxenIco.inver > span > span {
        display: block;
    }
    
    .teaserBoxenIco.inver a.textLinkY {
        display: block;
        padding-bottom: 5px;
    }
    
    .textLinkY {
        color: #ffca3c;
        font-size: 18px;
        line-height: 28px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }