/* Bystronic Grid CSS by webpresso.ch | Version 1.2 - 2019-11-19 */


/*-----------------------------------------------------------------------------------*/
/*  Typo for .bystronic-layout-container an existing template-class for content pages
/*-----------------------------------------------------------------------------------*/

.bystronic-layout-container {
    line-height: 1.45em;
}

.bystronic-layout-container h1,
.bystronic-layout-container h2,
.bystronic-layout-container h3 {
    color: #6a6a6a;
    font-weight: normal;
    margin: 1.375em 0 0.6em 0;
}

.bystronic-layout-container h2:first-child {
    margin-top: 0;
}

.bystronic-layout-container h1 {
    font-size: 2.25em;
    line-height: 1.4em;
}
.bystronic-layout-container h2 {
    font-size: 1.45em !important;
    font-weight: normal;
    line-height: 1.2em !important;
}
.bystronic-layout-container h3 {
    font-size: 1.2em;
}
.bystronic-layout-container h1 + p, 
.bystronic-layout-container h2 + p, 
.bystronic-layout-container h3 + p {
    margin-top: 0;
}

.bystronic-layout-container a {
    color: #4a4a4a;
    text-decoration: none;
    border-bottom: 1px solid #df3025;
}
.bystronic-layout-container a:hover {
    border-bottom: 1px solid darkgray;
}

.bystronic-layout-container .by-box > a {
    border-bottom: none;
}

.bystronic-layout-container .mpsnow-tab a {
    border: inherit;
}

.bystronic-layout-container .mpsp-page-info {
    margin-bottom: 20px;
}

.bystronic-layout-container ul {
   padding-left: 1em; 
}

.bystronic-layout-container li {
   margin-bottom: 0.25em;
}

.bystronic-layout-container img {
    max-width: 100%;
}
.bystronic-layout-container .by-box img {
    min-width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*  Specific CSS for byl- or by- classes by webpresso.ch
/*-----------------------------------------------------------------------------------*/

.byl-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    background-color: #ffffff;
    margin-top: 22px; 
    margin-bottom: 20px;
}
.byl-xcol > div {
    padding-right: 8px;
}


/* Container for landingpages */
.byl-container-landing .by-box {
    margin-bottom: 0;
}

.byl-container-landing img.stretch {
    width: 100%;
    max-width: 100%;
}

.byl-container-landing .by-box .by-box-title + img {
    width: 100%; /*stretch image to box witdh */
    height: auto;
}

.byl-container-landing > div > a:hover {
    text-decoration: none;
}

/* Table styling for container */

.byl-container table th,
.byl-container table td,
.byl-table th, .byl-table td {
    vertical-align: top;
    padding: 0.25em 0.75em 0.25em 0;
}

.byl-table .byl-table-title {
    font-weight: 700;
}

/*Bystronic Layout Content Sidebar normal and small - Sidebar links und rechts*/
.byl-content-sidebar {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.byl-content-sidebar > div, .byl-sidebar-content > div {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     -ms-flex: 0 1 auto;
}

@media (min-width: 992px) {
     .byl-content-sidebar > div:nth-child(1) {
         width: 65%;
         -webkit-flex-basis: 65%;
             -ms-flex-preferred-size: 65%;
                 flex-basis: 65%;
         margin-right: 30px 
    }
    .byl-content-sidebar.byl-content-sidebar-small > div:nth-child(1) {
         width: 75%;
         -webkit-flex-basis: 75%;
             -ms-flex-preferred-size: 75%;
                 flex-basis: 75%;
         margin-right: 30px
    }
     .byl-content-sidebar > div:nth-child(2) {
         width: -webkit-calc(35% - 30px);
         width: calc(35% - 30px);
         -webkit-flex-basis: -webkit-calc(35% - 30px);
             -ms-flex-preferred-size: calc(35% - 30px);
                 flex-basis: calc(35% - 30px);
    }
    .byl-content-sidebar.byl-content-sidebar-small > div:nth-child(2) {
         width: -webkit-calc(25% - 30px);
         width: calc(25% - 30px);
         -webkit-flex-basis: -webkit-calc(25% - 30px);
             -ms-flex-preferred-size: calc(25% - 30px);
                 flex-basis: calc(25% - 30px);
    }
}
@media (max-width: 991px) {
     .byl-sidebar-top {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -webkit-flex-direction: column-reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
    }
}
@media (min-width: 992px) {
    .byl-sidebar-content > div:nth-child(1) {
         width: 35%;
        -webkit-flex-basis: 35%;
            -ms-flex-preferred-size: 35%;
                flex-basis: 35%;
        margin-right: 30px;
    }
    .byl-sidebar-content > div:nth-child(2) {
        width: -webkit-calc(65% - 30px);
        width: calc(65% - 30px);
        -webkit-flex-basis: -webkit-calc(65% - 30px);
            -ms-flex-preferred-size: calc(65% - 30px);
                flex-basis: calc(65% - 30px);
    }
    
    .byl-container-landing {
        width: auto;
        margin-left: 0;
    }

}

@media (min-width: 1280px) {
    .byl-container-landing {
        max-width: 1640px;
        max-width: 100%;
        width: auto;
        margin-left: 0;
    }    
}

.byl-content-sidebar > div:nth-child(2) h1:first-child, .byl-content-sidebar > div:nth-child(2) h2:first-child, .byl-content-sidebar > div:nth-child(2) h3:first-child, .byl-content-sidebar > div:nth-child(2) h4:first-child {
    margin-top: 0;
}
.byl-sidebar-content > div:nth-child(1) h1:first-child, .byl-sidebar-content > div:nth-child(1) h2:first-child, .byl-sidebar-content > div:nth-child(1) h3:first-child, .byl-sidebar-content > div:nth-child(1) h4:first-child {
    margin-top: 0;
}

/*Bystronic Layout 2 Col*/
.byl-2col > div {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     margin-bottom: 20px;
}


@media (min-width: 641px) {
     .byl-2col > div {
         width: -webkit-calc(50% - 8px);
         width: calc(50% - 8px);
         -webkit-flex-basis: -webkit-calc(50% - 8px);
         -ms-flex-preferred-size: calc(50% - 8px);
         flex-basis: calc(50% - 8px);
         -ms-flex: 0 1 auto;
        /*calc33.3333% - 10px = 1Spalten * margin-right 15px = 15px / 2Spalten nebeneinander = 7.5px*/
    }
     .byl-2col > div:nth-child(2n+1){
         margin-right: 15px;
    }
}
/*Bystronic Layout 3 Col*/
.byl-3col > div {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     margin-bottom: 20px;
}
@media (min-width: 641px) {
     .byl-3col > div {
         width: -webkit-calc(50% - 8px);
         width: calc(50% - 8px);
         -webkit-flex-basis: -webkit-calc(50% - 8px);
         -ms-flex-preferred-size: calc(50% - 8px);
         flex-basis: calc(50% - 8px);
         -ms-flex: 0 1 auto;
        /*calc33.3333% - 10px = 1Spalten * margin-right 15px = 15px / 2Spalten nebeneinander = 7.5px*/
    }
     .byl-3col > div:nth-child(2n+1) {
         margin-right: 16px;
    }
}
@media (min-width: 1008px) {
     .byl-3col > div {
         width: -webkit-calc(33.33333% - 20px);
         width: calc(33.33333% - 20px);
         max-width: -webkit-calc(33.33333% - 20px);
         max-width: calc(33.33333% - 20px);
         -webkit-flex-basis: -webkit-calc(33.33333% - 20px);
         -ms-flex-preferred-size: calc(33.33333% - 20px);
         flex-basis: calc(33.33333% - 20px);
         -ms-flex: 0 1 auto;
        /*calc33.3333% - 10px = 2Spalten * margin-right 15px = 30px / 3Spalten nebeneinander = 10px*/
    }
     .byl-3col > div:nth-child(2n+1){
         margin-right: 0;
    }
     .byl-3col > div:nth-child(3n+1), .byl-3col > div:nth-child(3n+2) {
         margin-right: 30px;
    }
}

/*Bystronic Layout 4 Col*/
.byl-4col > div {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     margin-bottom: 20px;
}
 @media (min-width: 641px) {
     .byl-4col > div {
         width: -webkit-calc(50% - 8px);
         width: calc(50% - 8px);
         -webkit-flex-basis: -webkit-calc(50% - 8px);
         -ms-flex-preferred-size: calc(50% - 8px);
         flex-basis: calc(50% - 8px);
         -ms-flex: 0 1 auto;
    }
     .byl-4col > div:nth-child(2n+1){
         margin-right: 16px;
    }
}
@media (min-width: 992px) {
     .byl-4col > div {
         width: -webkit-calc(33% - 25px);
         width: -webkit-calc(33% - 20px);
         width: calc(33% - 20px);
         max-width: -webkit-calc(33% - 25px);
         max-width: -webkit-calc(33% - 20px);
         max-width: calc(33% - 20px);
         -webkit-flex-basis: -webkit-calc(33% - 25px);
         -ms-flex-preferred-size: calc(33% - 25px);
         flex-basis: calc(33% - 25px);
         -ms-flex: 0 1 auto;
    }
     .byl-4col > div:nth-child(3n+3){
         margin-right: 0;
    }
     .byl-4col > div:nth-child(3n+1), .byl-4col > div:nth-child(3n+2), .byl-4col > div:nth-child(3n+3) {
         margin-right: 25px;
    }
}

@media (min-width: 1280px) {
     .byl-4col > div {
         width: -webkit-calc(25% - 20px);
         width: calc(25% - 20px);
         max-width: -webkit-calc(25% - 20px);
         max-width: calc(25% - 20px);
         -webkit-flex-basis: -webkit-calc(25% - 20px);
         -ms-flex-preferred-size: calc(25% - 20px);
         flex-basis: calc(25% - 20px);
         -ms-flex: 0 1 auto;
    }
     .byl-4col > div:nth-child(4n+4){
         margin-right: 0;
    }
     .byl-4col > div:nth-child(4n+1), .byl-4col > div:nth-child(4n+2), .byl-4col > div:nth-child(4n+3) {
         margin-right: 25px;
    }
}

/*Stretch div gleiche Höhe*/
.byl-2col.byl-stretch > div, .byl-3col.byl-stretch > div, .byl-4col.byl-stretch > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
} 
/*Linkbox*/
.by-linkbox {
     padding: 8px 15px;
     border: 1px solid #df3025!important;
     color: #222222;
     text-align:center;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     position: relative;
     background-color: transparent;
     z-index: 2;
     margin: 15px 0;
     text-decoration: none!important;
     display: inline-block;
     overflow: hidden;
}

.by-linkbox:after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: -20%;
     right: 0;
     bottom: 0;
     background: #df3025;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: skew(0deg) scaleX(0);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
.by-linkbox:hover {
     color: #ffffff;
     border-bottom: 1px solid #df3025;
}
.by-linkbox:hover .by-icon {
     color: #ffffff;
}
.by-linkbox-white {
    border: 1px solid #ffffff!important;
}
.by-linkbox-white:after {
    background-color: #ffffff;
}
.by-linkbox-white:hover {
    color: #df3025;
}
.by-linkbox-white .by-icon {
    color: #ffffff;
}
.by-linkbox-white:hover .by-icon {
    color: #222222;
}
.by-linkbox:hover:after {
     -webkit-transform: skew(0deg) scaleX(1.2) ;
         -ms-transform: skew(0deg) scaleX(1.2) ;
             transform: skew(0deg) scaleX(1.2) ;
}
.by-linkbox span {
    padding-right: 8px;
    position: relative;
    top: 2px;
}

/*List PDF*/
ul.by-list {
    padding-left: 0;
}
.by-list li {
    list-style-type: none;
    margin-bottom: 0.5em;
}
.by-list a {
    border-bottom: none;
}
.by-list .by-icon {
    display: block;
}
.by-list.by-list-pdf a:before {
    display: inline-block;
     content: '';
     width: 16px;
     height: 16px;
     -webkit-background-size: contain;
             background-size: contain;
     background-repeat: no-repeat;
     position: relative;
     top: 2px;
     background-image: url(../images/by_icon_pdf.svg);
    margin-right: 8px;
}

/*Icons*/
.by-icon {
     color: #222222;
        display: block;
        position: relative;
        padding-left: 1.675em;
     /*white-space: nowrap;
     word-break: break-all;*/
     border-bottom: none!important;
}
.by-icon:hover {
     border-bottom: none;
}
.by-icon:before {
     display: block;
     content: '';
     width: 16px;
     height: 16px;
     -webkit-background-size: contain;
             background-size: contain;
     background-repeat: no-repeat;
     margin-right: 10px;
     position: absolute;
     left: 0;
     top: 2px;
}
/* 
Base Icon in Grey
Hover State if background is red -> class .by-linkbox-white added
*/
.by-icon-phone:before,
.by-linkbox.by-linkbox-white:hover .by-icon-phone:before {
     background-image: url(../images/by_icon_phone.svg);
}
.by-icon-mail:before,
.by-linkbox.by-linkbox-white:hover .by-icon-mail:before {
     background-image: url(../images/by_icon_mail.svg);
}
.by-icon-pdf:before,
.by-linkbox.by-linkbox-white:hover .by-icon-pdf:before {
     background-image: url(../images/by_icon_pdf.svg);
}
.by-icon-download:before,
.by-linkbox.by-linkbox-white:hover .by-icon-download:before {
     background-image: url(../images/by_icon_download.svg);
}
.by-icon-arrow-curved:before,
.by-linkbox.by-linkbox-white:hover .by-icon-arrow-curved:before {
     background-image: url(../images/by_icon_arrow-curved.svg);
}
.by-icon-arrow-round:before,
.by-linkbox.by-linkbox-white:hover .by-icon-arrow-round:before {
     background-image: url(../images/by_icon_arrow-round.svg);
}
.by-icon-printer:before,
.by-linkbox.by-linkbox-white:hover .by-icon-printer:before {
     background-image: url(../images/by_icon_printer.svg);
}
.by-icon-clock:before,
.by-linkbox.by-linkbox-white:hover .by-icon-clock:before {
     background-image: url(../images/by_icon_clock.svg);
}
.by-icon-calendar:before,
.by-linkbox.by-linkbox-white:hover .by-icon-calendar:before {
     background-image: url(../images/by_icon_calendar.svg);
}
.by-icon-light:before,
.by-linkbox.by-linkbox-white:hover .by-icon-light:before {
     background-image: url(../images/by_icon_light.svg);
}
.by-icon-pen:before,
.by-linkbox.by-linkbox-white:hover .by-icon-pen:before {
     background-image: url(../images/by_icon_pen.svg);
}
.by-icon-info:before,
.by-linkbox.by-linkbox-white:hover .by-icon-info:before {
     background-image: url(../images/by_icon_info.svg);
}
.by-icon-bulb:before,
.by-linkbox.by-linkbox-white:hover .by-icon-bulb:before {
     background-image: url(../images/by_icon_bulb.svg);
}
.by-icon-www:before,
.by-linkbox.by-linkbox-white:hover .by-icon-www:before {
     background-image: url(../images/by_icon_www.svg);
}
.by-icon-map:before,
.by-linkbox.by-linkbox-white:hover .by-icon-map:before {
     background-image: url(../images/by_icon_map.svg);
}
.by-icon-bubble:before,
.by-linkbox.by-linkbox-white:hover .by-icon-bubble:before {
     background-image: url(../images/by_icon_bubble.svg);
}

/* 
White Icons
Hover States for Icons in by-linkbox
Normat state if background is red -> .by-linkbox-white
Contact Box in the red area
*/
.by-linkbox:hover .by-icon-phone:before,
.by-linkbox.by-linkbox-white .by-icon-phone:before {
     background-image: url(../images/by_icon_phone-white.svg);
}
.by-linkbox:hover .by-icon-mail:before,
.by-linkbox.by-linkbox-white .by-icon-mail:before{
     background-image: url(../images/by_icon_mail-white.svg);
}
.by-linkbox:hover .by-icon-pdf:before,
.by-linkbox.by-linkbox-white .by-icon-pdf:before {
     background-image: url(../images/by_icon_pdf-white.svg);
}
.by-linkbox:hover .by-icon-download:before,
.by-linkbox.by-linkbox-white .by-icon-download:before {
     background-image: url(../images/by_icon_download-white.svg);
}
.by-linkbox:hover .by-icon-arrow-curved:before,
.by-linkbox.by-linkbox-white .by-icon-arrow-curved:before {
     background-image: url(../images/by_icon_arrow-curved-white.svg);
}
.by-linkbox:hover .by-icon-arrow-round:before,
.by-linkbox.by-linkbox-white .by-icon-arrow-round:before {
     background-image: url(../images/by_icon_arrow-round-white.svg);
}
.by-linkbox:hover .by-icon-printer:before,
.by-linkbox.by-linkbox-white .by-icon-printer:before {
     background-image: url(../images/by_icon_printer-white.svg);
}
.by-linkbox:hover .by-icon-clock:before,
.by-linkbox.by-linkbox-white .by-icon-clock:before {
     background-image: url(../images/by_icon_clock-white.svg);
}
.by-linkbox:hover .by-icon-calendar:before,
.by-linkbox.by-linkbox-white .by-icon-calendar:before {
     background-image: url(../images/by_icon_calendar-white.svg);
}
.by-linkbox:hover .by-icon-light:before,
.by-linkbox.by-linkbox-white .by-icon-light:before {
     background-image: url(../images/by_icon_light-white.svg);
}
.by-linkbox:hover .by-icon-pen:before,
.by-linkbox.by-linkbox-white .by-icon-pen:before {
     background-image: url(../images/by_icon_pen-white.svg);
}
.by-linkbox:hover .by-icon-info:before,
.by-linkbox.by-linkbox-white .by-icon-info:before {
     background-image: url(../images/by_icon_info-white.svg);
}
.by-linkbox:hover .by-icon-bulb:before,
.by-linkbox.by-linkbox-white .by-icon-bulb:before {
     background-image: url(../images/by_icon_bulb-white.svg);
}
.by-linkbox:hover .by-icon-www:before,
.by-linkbox.by-linkbox-white .by-icon-www:before {
     background-image: url(../images/by_icon_www-white.svg);
}
.by-linkbox:hover .by-icon-map:before,
.by-linkbox.by-linkbox-white .by-icon-map:before{
     background-image: url(../images/by_icon_map-white.svg);
}
.by-linkbox:hover .by-icon-bubble:before,
.by-linkbox.by-linkbox-white .by-icon-bubble:before{
     background-image: url(../images/by_icon_bubble-white.svg);
}



/*Contactbox*/
.by-contactbox img {
     max-width: 100%;
}
.by-contactbox {
     position: relative;
     -webkit-box-shadow: 2px 0px 24px 2px rgba(0,0,0,0.15);
     box-shadow: 2px 0px 24px 2px rgba(0,0,0,0.15);
     margin-bottom: 30px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.by-contactbox div {
     padding: 15px;
     -webkit-box-flex:1;
     -webkit-flex:1 1 auto;
     -ms-flex:1 1 auto;
     flex:1 1 auto;
}
.by-contactbox div:nth-child(2) h1,
.by-contactbox div:nth-child(2) h2,
.by-contactbox div:nth-child(2) h3,
.by-contactbox div:nth-child(2) h4 {
    margin-top: 0;
}

.by-contactbox div:nth-child(2) h1 {
    font-size: 1.85em !important;
}

ul.by-list-feature {
    list-style: none;
    padding-left: 1.75em;
    font-size: 1.2em;
    line-height: 1.5em;
}
ul.by-list-feature li:before {
    content: '';
    display: inline-block;
    margin-left: -1.75em;
    line-height: 1em;
    margin-bottom: -0.18em;
    margin-right: 0.75em;
    height: 1em;
    width: 1em;
    background-image: url(../images/by_icon_big_featured.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

ul.by-list-news {
    list-style: none;
    padding-left: 0em;
}

ul.by-list-news li {
    margin-bottom: 2em;
}

ul.by-list-news h3 {
    padding-left: 30px;
    position: relative;
}

ul.by-list-news li h3:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 1.75em;
    line-height: 1em;
    height: 26px;
    width: 26px;
    background-image: url(../images/by_icon_bubble.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

ul.by-list-news li > h1,
ul.by-list-news li > h2,
ul.by-list-news li > h3,
ul.by-list-news li > h4{
    margin-top: 0;
    display: inline-block;
}

 @media (min-width:768px) {
     .by-contactbox div {
         width: -webkit-calc(50% - 60px);
         width: calc(50% - 60px);
    }
     .by-contactbox div:nth-child(2) {
         width: -webkit-calc(50% - 60px);
         width: calc(50% - 60px);
    }
     
     .by-contactbox div {
         padding: 30px;
     } 
}
 @media (min-width:992px) {
     .by-contactbox div {
         width: -webkit-calc(60% - 60px);
         width: calc(60% - 60px);
    }
     .by-contactbox div:nth-child(2) {
         width: -webkit-calc(40% - 60px);
         width: calc(40% - 60px);
    }
}

@media (min-width:1180px) {
     .by-contactbox div {
         width: -webkit-calc(67% - 60px);
         width: calc(67% - 60px);
    }
     .by-contactbox div:nth-child(2) {
         width: -webkit-calc(33% - 60px);
         width: calc(33% - 60px);
    }
}
.by-contactbox h1 {
    margin-top: 0;
}


/*Team Übersicht by-team*/
.by-team {
    padding: 15px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.20);
            box-shadow: 0 2px 15px 0 rgba(0,0,0,0.20);
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 360px;
}
.by-team::after {
    content: "";
    clear: both;
    display: table;
}

.by-team-image {
    width: 100px;
    padding-right: 8px;
}

.by-team img {
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.by-team-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    width: -webkit-calc(100% - 158px);
    width: -webkit-calc(100% - 128px);
    width: -webkit-calc(100% - 108px);
    width: calc(100% - 108px);
}

.by-team-content-wrapper > div {
    width: 100%;
}
.by-team-content h2, .by-team-content h3 {
    margin: 0;
}
.by-team-content p {
    margin: 5px 0;
}
.by-team .by-icon {
    display: inline-block;
}
@media (max-width: 640px) {
    .by-team {
        width: 100%;
    }
}
@media (min-width:730px) {
    .by-team-image {
        width: 120px;
    }
    .by-team-content-wrapper {
        width: -webkit-calc(100% - 128px);
        width: calc(100% - 128px);
    }
}

@media (min-width: 992px) {
    .by-team {
        padding: 15px 20px;
    }
    .by-team-image {
        padding-right: 15px;
    }
    .by-team-content-wrapper {
        width: -webkit-calc(100% - 135px);
        width: calc(100% - 135px);
    }
}

/*Team Übersicht by-team-big - z.B. Managmenet */

.by-team-big {
    padding: 30px;
}

.by-team-big .by-team-big-image {
    width: 20%;
    margin-right: 20px;
}
.by-team-big .by-team-big-content-wrapper {
    width: 80%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.by-team-big .by-team-big-content-wrapper h2 {
    margin-bottom: 0;
}

.by-team-big .by-team-big-content-wrapper .by-team-big-contact {
    width: 33%;
    padding-right: 20px;
}
.by-team-big .by-team-big-content-wrapper .by-team-big-contact .by-team-big-contact-detail {
}
.by-team-big .by-team-big-content-wrapper .by-team-big-info {
    width: 66%;
}

@media (min-width: 992px) {
    .by-team-big {
        max-width: initial;
        width: 100%;
    }
}

/* Template by-team-corcom */
.by-team.by-team-corcom {
    max-width: 100%;
}
.by-team-corcom > div {
    padding: 30px;
    display: flex;
    width: 100%;
}
.byl-container > div .by-team-corcom:only-child {
    height: 100%;
}
.by-team-corcom {
    padding: 0px;
}
.by-team-corcom .by-team-corcom-image {
    position: relative;
    width: 50%;
    max-width: 50%;
}
.by-team-corcom .by-team-corcom-image img {
    position: relative;
    float: right;
    right: 0;
    width: 170px;
}
.by-team-corcom .by-team-corcom-content-wrapper {
    width: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.by-list.by-list-bullet {
    padding-left: 15px;
}
.by-list.by-list-bullet li{
    list-style-type: disc;
}
.by-team-corcom .by-team-corcom-content-wrapper h2 {
}

.by-team-corcom .by-team-corcom-content-wrapper .by-team-corcom-contact {
    
    padding-right: 20px;
}
.by-team-corcom .by-team-corcom-content-wrapper .by-team-corcom-info .by-team-corcom-contact-detail {
    position: relative;
    bottom: 0;
}
.by-team-corcom .by-team-corcom-content-wrapper .by-team-corcom-info {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.by-team-corcom .by-team-corcom-content-wrapper .by-team-corcom-info .by-team-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}
.by-team-corcom-competence-detail {
    padding-top:10px;
}
   @media (min-width: 641px) and (max-width: 889px) {
    .by-team-corcom > div {
        width: 100%;
        display: block;
    }
    .by-team-corcom .by-team-corcom-content-wrapper {
        width: 100%;
    }
    .by-team-corcom .by-team-corcom-image img {
        position: relative;
    }
}
@media (max-width: 479px) {
    .by-team-corcom > div {
        width: 100%;
        display: block;
    }
    .by-team-corcom .by-team-corcom-content-wrapper {
        width: 100%;
    }
    .by-team-corcom .by-team-corcom-image img {
        position: relative;
    }
}

/*Template by-team-round*/
.by-team-round {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 25px;
}
.by-team-round .by-team-image {
    background-color: #fff;
    width: 120px;
    height: 120px;
    padding-right: 0;
    margin-top: -80px;
    margin-bottom: 15px;
    border: 2px solid #ddd;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.by-team-round .by-team-content-wrapper {
    width: 100%;
}

.by-team-round .by-team-content {
    margin-bottom: 15px;
}
.by-team-round {
    margin-top: 90px;
}
.by-team-round:first-child {
    margin-top: 75px;
}

/*----------Box overview by-box----------*/
.by-box {
-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.20);
        box-shadow: 0 2px 15px 0 rgba(0,0,0,0.20);
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    line-height: 0em;
}
.by-box-title > * {
    margin: 0 !important;
}
.by-box-title {
    padding: 15px 15px 15px 15px;
    line-height: 1.45em;
    position: relative;
}
.by-box-content {
    padding: 15px 15px 50px 15px;
    line-height: 1.45em;
}

@media (min-width: 992px) {
    .by-box-title {
        padding: 20px;
    }
    .by-box-content {
        padding: 15px 20px 55px 20px;
    }
}
/*Style 2-geteilt*/
.by-box-title {
    background-color: #9D9D9D;
}
.by-box-title h2, .by-box-title h3 {
    color: #ffffff;
}
.by-box-gray {
    background-color: #F7F7F7;
}
.by-box-white, .by-box-red {
    background-color: #ffffff;
}

/*Style Fullcolor*/
.by-box-gray.by-box-fullcolor, .by-box-gray.by-box-fullcolor .by-box-title {
    background-color: #F0F0F0;
}
.by-box-fullcolor .by-box-title h2, .by-box-fullcolor .by-box-title h3  {
    color: #6a6a6a
}
.by-box-white.by-box-fullcolor .by-box-title {
    background-color: #ffffff;
}

/*box red*/
.by-box-red .by-box-title, .by-box-red.by-box-fullcolor {
    background-color: #DF3025;
}
.by-box-red .by-box-title, .by-box-red.by-box-fullcolor .by-box-title h2, .by-box-red.by-box-fullcolor .by-box-content, .by-box-red.by-box-fullcolor a {
    color: #ffffff;
}
/*.by-box-red .by-box-content, .by-box-red a {
    color: #4a4a4a;
}*/
.by-box-red .by-box-title {
    background: #DF3025;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.20);
            box-shadow: 0 2px 15px 0 rgba(0,0,0,0.20);
}
.by-box-red.by-box-fullcolor .by-box-title {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.byl-container > div .by-box:only-child {
    height: 100%;
}
/*linkbox position*/
.by-box .by-linkbox {
    position: absolute;
    left: 20px;
    bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  Webpart Settings
/*-----------------------------------------------------------------------------------*/

.by-settings-alert {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.by-settings-alert a {
    text-decoration: none;
    border: none;
}

.by-settings-alert span {
    padding-right: 10px;
    float: left;
    line-height: 1.1em !important;
}

.by-settings-alert-title {
    font-weight: 700;
    font-size: 1.2em;
}


.by-settings-alert-switch {
    margin-top: -3px;
}

.by-settings-alert-adv {}

.by-settings-alert-adv p {
    margin: 0;
    padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  Profile-Page Hide Info under Portrait
/*-----------------------------------------------------------------------------------*/

.mpsnow-is-profilepage .mpsnow-profile-contactDetails {display: none;}

/*-----------------------------------------------------------------------------------*/
/*  Redaktionelle Inhalte
/*-----------------------------------------------------------------------------------*/

.bild-links {
    float: left;
    clear: both;
    margin: 0 15px 15px 0;
}

.bild-rechts {
    float: right;
    clear: both;
    margin: 0 0px 15px 15px;
}


/*-----------------------------------------------------------------------------------
BYSTRONIC NEWS Tuning
-----------------------------------------------------------------------------------*/
.bystronic-news-reportage {
    line-height: 1.65em;
    margin-bottom: 60px;
    max-width: 680px;
    font-weight: 400;
}

.bystronic-news-wrapper div, .bystronic-news-reportage div {
    font-weight: 400;
    text-align: left;
}

.mpsn-news-display-fields-summary {
    font-size: 18px;
    font-weight: 500;
    word-spacing: 0px; /* Wortabstand nicht sinnvoll */
    letter-spacing: 0.01em;
    line-height: 1.5em;
    color: #4A4A49;
    text-align: left;
}

.mpsn-news-display-fields-text-inline {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline;
    word-spacing: 0px; /* Wortabstand nicht sinnvoll */
    letter-spacing: 0.01em;
    text-align: left;
}

.bystronic-news-reportage .nivo-lightbox-title-wrap {
    background: transparent !important;
    position: relative;
    font-style: italic;
    font-weight: 400;
    z-index: 0;
    margin-bottom: 1em;
}

.bystronic-news-reportage blockquote {
    font-weight: 300;
    font-style: italic;
    font-size: 1.65em;
    line-height: 1.5em;
    margin: 20px 20px 20px 40px;
    position: relative;
    overflow: visible;
}

.bystronic-news-reportage blockquote::before {
    content: '«';
    display: inline-block;
    font-size: 4em;
    color: #eee;
    position: absolute;
    left: -40px;
    top: -17px;
}

.bystronic-news-reportage blockquote::after {
    content: '»';
    display: inline-block;
    font-size: 4em;
    color: #eee;
    position: absolute;
    bottom: 10px;
    right: 0;
}

/* Nivo Slider */
.bystronic-news-reportage .nivo-lightbox-prev {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32px' height='49px' viewBox='0 0 32 49' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='263.512 876 243 896.512 263.476 917.706 267.791 913.537 251.413 896.585 267.755 880.243'%3E%3C/polygon%3E%3Cfilter x='-32.3%25' y='-12.0%25' width='156.5%25' height='133.6%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeOffset dx='-1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-239.000000, -874.000000)'%3E%3Cg id='arrow-left'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill='%23F2F2F2' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 48px 48px;
    opacity: 1;
}

.bystronic-news-reportage .nivo-lightbox-next {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32px' height='49px' viewBox='0 0 32 49' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='889.512 884 869 904.512 889.476 925.706 893.791 921.537 877.413 904.585 893.755 888.243'%3E%3C/polygon%3E%3Cfilter x='-28.2%25' y='-12.0%25' width='156.5%25' height='133.6%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeOffset dx='0' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-865.000000, -878.000000)'%3E%3Cg id='arrow-right' transform='translate(881.395500, 904.853000) rotate(-180.000000) translate(-881.395500, -904.853000) '%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill='%23F2F2F2' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 48px 48px;
    opacity: 1;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {

    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32px' height='49px' viewBox='0 0 32 49' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='263.512 876 243 896.512 263.476 917.706 267.791 913.537 251.413 896.585 267.755 880.243'%3E%3C/polygon%3E%3Cfilter x='-32.3%25' y='-12.0%25' width='156.5%25' height='133.6%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeOffset dx='-1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-239.000000, -874.000000)'%3E%3Cg id='arrow-left'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill='%23F2F2F2' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 48px 48px;
        opacity: 1;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-next {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32px' height='49px' viewBox='0 0 32 49' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='889.512 884 869 904.512 889.476 925.706 893.791 921.537 877.413 904.585 893.755 888.243'%3E%3C/polygon%3E%3Cfilter x='-28.2%25' y='-12.0%25' width='156.5%25' height='133.6%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeOffset dx='0' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-865.000000, -878.000000)'%3E%3Cg id='arrow-right' transform='translate(881.395500, 904.853000) rotate(-180.000000) translate(-881.395500, -904.853000) '%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill='%23F2F2F2' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 48px 48px;
        opacity: 1;
    }
}

.bystronic-news-reportage .nivo-lightbox-numbering {
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

/* News Title */

.bystronic-news-reportage-blockDescription h2 {
    margin-top: 1.25em;
    line-height: 1.35em;
    font-weight: 400;
}

.bystronic-news-reportage-blockDescription h3 {
    margin-top: 1.25em;
    line-height: 1.35em;
    font-weight: 400;
}

/* Feedback Posts */
.mpsnow-feed-Replies .mpsnow-timelineAddPost {
    border-top: 0px;
    margin-left: 20px;
}

.mpsnow-feed-ReplyList:empty + .mpsnow-timelineAddPost {
    margin-left: 0;
}

.mpsnow-timelineAddPost .mpsnow-labelTextArea textarea {
    width: calc(100% - 20px);
    padding: 5px 10px;
}

.mpsnow-feed-Replies .mpsnow-timelineAddPost {
    padding-top: 0;
}

.mpsnow-timelineOverview {
    margin-bottom: 30px;
}

.mpsn-news-display-comments .mp-textField input[type="text"].ms-input {
    padding: 8px 10px;
    width: calc(100% - 15px) !important;
    border-width: 2px;
}

.mpsn-news-display-comments {
    padding-bottom: 30px;
}


/*--- Begin Bystronic Changes 14.01.2020 ---*/
/*Bystronic Hotfix to correct CYCL Errors */
/*CYCL has left debug information in the CSS File! */

#DeltaPlaceHolderLeftNavBar .mp-crwpControlHeader{
	background: none;
	border: none;
}

.mp-crwp .ui-accordion .ui-accordion-content{
	background: none;
}

/*--- End Bystronic Changes 14.01.2020 ---*/