.col21.bspace .row,
.col21.bspace .row .col-8 {
    padding: 0;
}

.col21.bspace .news .news-list-view {
    padding: 0;
}

.col21.bspace .news .news-list-view .article {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.col21.bspace .news .news-list-view .article .teaser-text {
    padding: 0;
}

.col21.bspace .news .news-list-view .article .teaser-text > div {
    padding: 0;
}

.news .more {
    float: left;
}

.news .news-list-date b {
    font-weight: 700;
    font-size: 16px;
}

.col21.bspace .col-4 {
    width: 100%;
    padding: 0 !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px !important;
}

.col21.bspace .box-black {
    background-color: #fff;
    color: #63686c;
    width: 95%;
    margin: 0 10px;
}

.col21.bspace .box-black .titlegrey {
    display: none;
}

.col21.bspace .box-black .titlebig {
    font-size: 20px !important;
    color: #63686c;
    position: relative;
    top: 0;
}

.col21.bspace .box-black > div {
    padding: 6px 10px;
}

.col21.bspace .box-black a {
    padding-bottom: 0;
}

.col21 .row {
    padding: 0;
}

.col21 .row .col-8 {
    padding: 0 !important;
}

.col21 .row .col-4 {
    padding: 0;
    width: 100%;
}

.col21 .row .col-4 .box-black {
    margin: 0;
    width: 100%;
}

.teaserNews .article {
    margin: 0px;
}

.teaserNews .article:first-child {
    margin-left: 0;
}

.col21 .col-4 {
    margin-left: 0;
}

.footerlanguageNav {
    width: 100%;
    float: left;
}

.headerLogo {
    width: 45.5% !important;
}

.frame-type-text {
    padding: 0;
    margin: 0;
}

.ce-reference-item .ce-reference-item {
    width: 100%;
    margin: 0 0 30px;
}

.ce-reference-item .ce-reference-item a {
    height: 72px;
}

.frame-type-header header {
    padding: 0;
}

.quotation-text {
    color: #63686c !important;
}

.frame-type-header header h2 {
    margin-top: 30px;
}

.frame-type-header header {
    margin-bottom: 30px;
}

/*.frame-type-dce_dceuid12 .small-header {
    margin-top: -15px !important;
}*/

.img-video.clearfix .img-video-text p,
.frame-type-dce_dceuid12 .img-video-text p {
    margin-bottom: 0;
}

.content.svgheader .row {
    padding: 0 20px;
}

body.download .frame-type-header header {
    margin-bottom: 0;
}

body.download .frame-type-header header h3 {
    font-size: 16px;
    padding: 0 20px;
}

.tx-powermail .powermail_fieldset .powermail_field input, .tx-powermail .powermail_fieldset .powermail_field select {
    width: 100%;
}

.news.news-single .testimonialdetail > .right{
    height: 100% !important;
}

.testimonialpage .news.news-single  h2{
    padding:0;
}

.testimonialslider .slick-list .slick-slide .teaser-text {
    background: white;
    min-height: 200px;
}

.testimonialslider {
    width: 100%;
    margin: 0;
}

.frame-layout-3 h2 {
    padding: 0;
}

.logoslider .testimonials {
    padding:10px 0px !important;
}

.logoslider .news-img-wrap {
    margin: 3px 0 5px 0 !important;
}

@media screen and (max-width: 767px){
    .testimonialslider .slick-prev,  .logoslider .slick-prev {
        left: 0px;
    }

    .testimonialslider .slick-next, .logoslider .slick-next {
        right: 0px;
    }

    .logoslider {
        margin: 0;
        width: 100%;
    }

    .logoslider .testimonials {
        background-color: #fff;
    }
}

@media screen and (max-width: 550px){
    .testimonialslider .slick-list .slick-slide {
        padding: 0;
    }
    .news.news-single .testimonialdetail{
        flex-direction: column;
    }
    .news.news-single .testimonialdetail > .left,
    .news.news-single .testimonialdetail > .right{
        width: 100% !important;
        height: 100% !important;
    }
    .news.news-single .testimonialdetail > .left{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .logoslider .testimonials{
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 640px){
    .row.fullwidth .col-9.col-sm-12{
        padding-left: 0;
        padding-right: 0;
    }
    .slick-slide img {
        width: 100%;
    }
  
    
}

#demozugang .popup , .popup{
    width: calc(100% - 60px);
    height: 90vh;
    overflow: scroll;
}
#demozugang h2, .popup h2 {
    font-size: 24px !important;
}

.popup .tx-powermail .powermail_fieldset .powermail_field .powermail_submit {
    margin: 0;
}

.popup .tx-powermail .popupschliessen {
    line-height: 44px;
    width: 100%;
    display: inline-block;
    padding: 0 23px;
    text-align: center;
}
#demozugang .popup .powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_marker_02   {
    margin-top: 0;
}


#demozugang .popup .tx-powermail .powermail_fieldset .powermail_field input[type=submit] {
    width: 35% !important;
    padding: 10px 5px;
}

#demozugang .popup .tx-powermail .powermail_fieldwrap_type_check {
    margin-top: 20px;
}

.frame-type-header header {
    padding: 0 20px;
}

.popup .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_input .powermail_field input, 
.popup .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_select .powermail_field select {
    border: 1px solid;
}

#demozugang h3 {
    margin-top: 50px;
}

.galerie {
    margin: 0 10px;
}

.news > .catfiler {
    margin-left: 0;
}

.catfiler input:after {
    top:-1px;
    left:-1px;
}


.news > .catfiler > li {
    float: none;
    width: 100%;
    padding: 0 !important;
    margin: 0 0 10px 0;
}

.referenzen {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
}

.referenzwrapper {
    display: block;
}

.referenzouter {
    margin: 0;
    padding: 0;
}

.innerwrapper {
    margin: 0px!important;
}

@media screen and (max-width: 500px){
    #c4786 {
        margin-top: 30px;
    }
    
    #demozugang h3 {
        font-size: 24px !important;
        line-height: 30px;
    }
    #demozugang .popup .tx-powermail .powermail_fieldset .powermail_field input[type=submit] {
        width: 100% !important;
    }
}

@media screen and (max-width: 700px){
    .frame-type-header header {
        padding: 0 10px !important;
    }
}


/*-------------------- Portrait -----------------------*/

.portrait {
    margin: 30px 0;
    padding: 0;
}

.portrait .outer {
    margin: -5px;
}

.portrait .flexbox {
    width: 100%;
    height: auto;
}

.portrait .flexbox .box {
    flex: auto;
    width: 100%;
}

.portrait .flexbox .box.small {
    height: auto;
}

.portrait .flexbox .box.big {
    flex: auto;
    height: auto;
}

.portrait .flexbox .box .inner {
    min-height: 200px;
}

.portrait .flexbox .box .inner .icon {
    width: 75px;
    height: 75px;
}

.portrait .flexbox .box .inner h3.title {
    font-size: 2em;
    line-height: 1.2;
}

.portrait .flexbox .box .inner h3.title.bigtext {
    font-size: 4em;
}


.subpage-content-col .accordion .accordion-body .contactleft {
    width: 100%;
    height: 200px;
}

.subpage-content-col .accordion .accordion-body .contactright {
    width: 100%;
}

.subpage-content-col .accordion {
    padding: 0 10px;
}
.subpage-content-col .accordion .accordion-body .person-aside {
    display: block;
}

/*-------------------------- Leistungen -------------------------*/

.leistungen {
    padding: 0 0;
}

.leistungen .flexbox .box {
    flex: auto;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.leistungen .flexbox .box .inner .icon {
    width: 75px;
    height: 75px;
}

/*-------------------------- Roter Balken -------------------------*/
.boxred {
    display: block;
}
.boxred .left{
    height: auto !important;
    width: 100%!important;
    padding: 20px 15px !important;
    display: block;
    float: none;
}

.boxred .subtitle {
    margin-top: 0;
    position: relative;
}
.boxred .right{
    height: auto !important;
    width: 100% !important;
    padding: 20px 15px;
    display: block;
}
@media screen and (max-width: 640px){
    
    .subtitle{
        margin-top: 100px;
    }
}