ul.slick-dots {
    width: 80% !important;
}

ul.slick-dots li {
    display: inline;
}

#mainCol .ce-bodytext ul {
    text-align: left;
}

@media screen and (max-width: 1240px) {
    .container-box {
        width: 100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

   /* #footerInner .container-box {
        width: 100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }*/


    .container-box.full-size-container {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #stage .container-box {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .news .box .news-img-wrap {

    }

    a[href="/produkte"] + div.level_2 ul.level_2,
    a[href="/products"] + div.level_2 ul.level_2 {
        display: flex !important;
        flex-direction: row;
        flex: 0 0 50%;

    }

    a[href="/produkte"] + div.level_2 ul.level_2 > li,
    a[href="/products"] + div.level_2 ul.level_2 > li {
        width: 50%;
        max-width: 50%;
        padding-right: 1%;
    }
}

@media screen and (max-width: 1140px) {

}

@media screen and (max-width: 1040px) {

}

@media screen and (min-width: 997px) and (max-height: 770px) {
    p.description {
        display: none;
    }
}

@media screen and (min-width: 997px) {
    #headerTopClone, #headerBottomClone {
        display: none !important;
    }
}

@media screen and (max-width: 996px) {
    /* HEADLINES */
    .headline h4, .footerLeft h4 {
        margin: 5px 0 5px 0 !important;
    }

    h1, h1 span {
        font-size: 37px;
        line-height: 37px;
    }

    h2, h2 span {
        font-size: 30px;
        line-height: 36px;
    }

    h3, h3 span {

        font-size: 26px;
        line-height: inherit;
        font-weight: bold;
    }

    h4, h4 span {

        font-size: 21px;
        line-height: inherit;
        font-weight: bold;
    }

    .events table {
        min-width: 996px !important;
        overflow-x: scroll;
    }

    .news.full-size td.number {
        font-size: 30px;
    }

    td {
        word-wrap: break-word;
        /*word-break: break-all;*/
    }

    .news.full-size td {
        height: auto;
        padding-top: 0;
    }


    .box.box-6.single-box {
        width: 50%;
    }

    .paginationList .box {
        width: 33%;
    }


    #breadcrumb,
    .container-breadcrumb {
        margin: 0 auto;
    }

    .tx-indexedsearch-res .description {
        width: 100%;
    }

    .mediaelement.mediaelement-image,
    .news-single .article .news-img-wrap {
        height: 575px;
    }

    .news.full-size .box {
        height: 500px
    }

    .news-single.full-size p {
        font-size: 14px;
    }

    .three-columns .image-embed-item {
        margin-bottom: 0;
    }

    .three-columns .column {
        width: 50%;
    }

    .three-columns .headline {
        font-size: 21px;
        line-height: 25px;
    }

    .h2table {
        width: 100%;
        overflow-y: auto;
        font-size: 14px;
        line-height: 20px;
    }

    .h2table table td {
        padding: 7px 12px;
    }

    .h2table table th.location-mobile,
    .h2table table td.location-mobile {
        display: table-cell;
    }

    .h2table table td.location-mobile span:not(:first-of-type):before {
        content: '&';
        display: inline-block;
        padding-right: 3px;
    }

    .h2table table tr.locations,
    .h2table table td.location,
    .h2table table th.location {
        display: none;
    }


}

@media screen and (max-width: 667px) {

    .news.news-single:not(.full-size) .article,
    section > .content-box > .csc-text p.bodytext {
        width: 100%;
        max-width: 100%;
    }


    footer .box-4 {
        width: 50%;
    }

    .paginationList .box {
        width: 50%;
    }

    .box.box-6.single-box {
        width: 100%;
    }

    .news.full-size .box.box-left {
        padding-right: 0px;
    }

    .news.full-size .box {
        padding: 20px !important;
        height: 263px;
    }

    /* karriere tabelle */
    .news .news-list-table table tr {
        display: block;
        padding: 10px 0 10px 0 !important;
        border-bottom: 1px solid #ededed;
    }

    .news .news-list-table table tr td {
        display: block;
        width: 100% !important;
        border: none !important;
        padding: 0 0 10px 0 !important;
    }

    .tx_bmfiles-fileextsize {
        display: none;
    }

    /* karriere tabelle end */
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword,
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
        width: 100%;
    }

    .searchbox {
        height: 120px;
    }

    .searchbox input.searchField,
    .searchbox input.searchSubmit {
        width: 100%;
    }

    /* BOXING */
    .box-1, .box-2, .box-3:not(.slick-slide), .box-4:not(.slick-slide), .box-5, .box-6, .box-7, .box-8, .box-9, .box-10, .box-11, .box-12 {
        display: block !important;
        width: 100% !important;
        float: none;
    }

    .box.box-6.single-box {
        width: 100%;
        padding: 0;
        height: auto;
    }

    .box-3 > .innerWrap {
        width: 100% !important;
        height: auto !important;
    }

    .container-box {
        margin: 0 0 0px 0 !important;
        padding: 1px 20px 20px 20px !important;
    }

    .containsSlider {
        margin-bottom: 0px !important;
    }

    footer .container-box {
        padding-left: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    #stage .container-box {
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }


    .box-right,
    .box-left {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box-margin {
        margin: 0px !important;
        width: 100% !important;
    }

    .box-12 > div {
        float: none !important;
        width: 100% !important;
        padding: 0 0 20px 0 !important;
        height: auto !important;
        border: none !important;
    }

    section .content-box p.bodytext {
        max-width: 100% !important;
    }

    .organigram-dropdown {
        /*            opacity: 0;
                    visibility: hidden;*/
        text-align: left;

    }

    .organigram-dropdown .ce-textpic.row.ce-center.ce-above {
        text-align: left;
    }

    .organigram {
        margin-bottom: 0;
    }

    .innerGrid.top {
        cursor: pointer;
    }

    #hash-3691 .box-12.prop-2-1 .box-8,
    #hash-3691 .box-12.prop-2-1 .box-4 {
        height: auto;
        position: relative;
    }

    #hash-3691 .box-12.prop-2-1 .link-button,
    #hash-3691 .box-12.prop-2-1 .link-button {
        position: relative !important;
    }

    .mediaelement.mediaelement-image,
    .news-single .article .news-img-wrap {
        height: 575px;
    }

    .h2bigbox .list .item:nth-child(even),
    .h2bigbox .list .item:nth-child(odd) {
        width: 100%;
    }
}

@media screen and (max-width: 996px) {

    #stage .csc-textpic img {
        min-height: 1px;
    }

    #stage .csc-textpic-image.csc-textpic-last {
        height: auto;
    }

    .news .box .news-img-wrap {

    }

    #page_1 .news .article {
        font-size: 13px;
    }

    .h2bigbox {
        padding: 60px 32px;
    }

    .h2bigbox .list .label {
        font-size: 21px;
        line-height: 28px;

    }

    .h2bigbox .list .item .label-wrap {
        width: calc(100% - 70px);
    }
}

@media screen and (max-width: 667px) and (min-width: 481px) {

    .news.full-size td {
        font-size: 14px !important;
        height: auto;
        line-height: 1.3em;
    }

    .news.full-size td.number {
        font-weight: bold;
        font-size: 24px !important;
    }

    .news.full-size table.contenttable {
        border-spacing: 10px 10px;
        margin: 0 -10px;
    }

    .news-single.full-size p {
        line-height: 1.35em;
    }
}

@media screen and (max-width: 996px) {

    /* NAVIGATION */
    div#body {
        padding-top: 0 !important;
    }

    header {
        position: relative;
    }

    .share {
        display: none;
    }

    div#headerTop, div#headerBottom {
        display: none !important;
    }

    #headerTopClone nav, #headerBottomClone nav {
        display: none;
    }

    #headerTopClone nav.metaNav {
        background-color: #ebeae9;
        padding-top: 16px;
    }

    #headerBottomClone img {
        width: 75% !important;
        max-width: 275px;
        padding: 40px 0px 40px 20px;
    }

    div#headerBottomClone {
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        transition: none;
    }

    div#headerBottomClone div.level_2 {
        display: block;
        position: relative;
    }

    div#headerBottomClone .teaser {
        display: none;
    }

    header .headerWrap {
        padding-top: 0 !important;
        max-width: 100% !important;
        min-height: 1px !important;
    }

    header nav,
    header nav {
        float: none;
        display: block;
    }

    header ul.language,
    header nav ul {
        list-style: none;
        margin-left: 0;
        padding-bottom: 0;
        position: relative;
    }

    header ul.language {
        /*display: block;*/
    }

    header ul.language li,
    header nav li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        list-style: none;

        font-size: 30px;
        line-height: 55px;
        font-weight: bold;
    }

    header nav li hr.activeLine {
        margin: 10px 20px;
        border-top-color: #888382;
        border-bottom: 0;
        display: none;
    }

    header nav li.active hr.activeLine,
    header nav li.activated hr.activeLine {
        display: block;
    }

    header nav li.active > a,
    header nav li.activated > a {
        color: #888382;
    }

    header nav li ul.l2 li {
        font-size: 25px;
        line-height: 35px;
    }

    header nav li ul.l3 li {
        font-size: 20px;
        line-height: 35px;
    }

    #headerTopClone li {
        font-size: 18px;
        line-height: 45px;
    }

    header ul.language li a,
    header nav li a,
    header nav > ul > li > a, .languagebtn {
        font-size: inherit !important;
        font-weight: inherit !important;
        margin: 0 20px !important;
        padding: 0 !important;
        display: block;
        color: #3b312c;
    }

    .languagebtn {
        cursor: pointer;
    }

    .language {
        background-color: transparent !important;
    }

    .landing #mobileMenu {
        display: none;
    }

    #mobileMenu {
        position: absolute;
        right: 19px;
        top: 32px;
        cursor: pointer;
    }

    #mobileMenu .icon-burger {
        background-image: url('../Icons/burger.svg');
        background-size: cover !important;
        display: block;
        width: 44px;
        height: 32px;
    }

    #mobileMenu .icon-x {
        background-image: url('../Icons/close.svg');
        background-size: cover !important;
        width: 51px;
        height: 36px;
        display: none;

    }
}

@media screen and (max-width: 480px) {
    h1, h1 span {
        margin-top: 27px;
        margin-bottom: 14px;
        font-size: 27px;
        line-height: 27px;
    }

    h2, h2 span {
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 21px;
        line-height: 25px;
    }

    h3, h3 span {
        margin-top: 19px;
        margin-bottom: 10px;
        font-size: 19px;
        line-height: inherit;
        font-weight: bold;
    }

    h4, h4 span {
        margin-top: 16px;
        margin-bottom: 9px;
        font-size: 16px;
        line-height: inherit;
        font-weight: bold;
    }

    .slick-track img {
        width: 100% !important;
        height: auto !important;
    }


    body {
        width: 100% !important;
    }

    #body {
        width: 100% !important;
        overflow-x: scroll;
    }


    /* TOP ELEMENT*/
    .news.full-size .box {
        padding: 0 !important;
        width: 100% !important;
        min-width: 1px !important;
        height: auto;
    }

    .box-left {
        margin-bottom: 0px;
    }

    .organigram-grid + .grid .box-left {
        margin-bottom: 0px;
    }

    /* BOXING */
    .box-1, .box-2, .box-3:not(.slick-slide), .box-4:not(.slick-slide), .box-5, .box-6, .box-7, .box-8, .box-9, .box-10, .box-11, .box-12 {
        display: block !important;
        width: 100% !important;
        float: none;
    }

    .box.box-6.single-box {
        width: 100%;
        padding: 0;
        height: auto;
    }

    .box-3 > .innerWrap {
        width: 100% !important;
        height: auto !important;
    }

    .container-box {
        margin: 0 0 0px 0 !important;
        padding: 1px 20px 0px 20px !important;
    }

    .containsSlider {
        margin-bottom: 16px !important;
    }

    footer .container-box {
        padding-left: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    #stage .container-box {
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }


    .box-right,
    .box-left {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box-margin {
        margin: 0px !important;
        width: 100% !important;
    }

    .box-12 > div {
        float: none !important;
        width: 100% !important;
        padding: 0 0 0px 0 !important;
        height: auto !important;
        border: none !important;
    }

    section .content-box p.bodytext {
        max-width: 100% !important;
    }


    /* FOOTER */
    footer {
        margin: 30px auto 0;
        padding: 0 0;
    }

    .footerBottom {
        margin-top: 0;
    }

    nav.footerNav {
        float: none;
    }

    nav.footerNav li {
        border-left: none;
    }


    footer .content-box li {
        margin-top: 10px;
    }

    nav.footerNav li a {
        padding: 0 8px;
        font-size: 12px;
    }

    #footerInner {
        padding-top: 8px;
    }

    /* MODUL KONTAKT */
    .contact-person-detail .contact-image-placeholder,
    .contact-person-detail .contact-image {
        margin: 0 0px 20px 0 !important;
    }

    .contact-image {
        width: 100% !important;
        height: auto !important;
    }

    .contact-person-detail {
        padding: 20px !important;
        margin: 0 !important;
    }

    .contact-person-list {
        margin: 0 !important;
    }

    .contact-person-list .contact-person {
        width: 100% !important;
        padding: 0 !important;
        border-right: none !important;
    }

    .tx-bmcontact .contact-person .contact-image img {
        height: auto !important;
        width: 100% !important;
    }

    /* DOWNLOAD */
    .select-console .table-lable {
        width: 100%;
    }

    /* fullscreen with background element */
    #mainCol .news-system .full-size .img-wrap + .content {
        position: relative;
        margin: 0 20px;
        top: auto !important;
        bottom: auto !important;
    }

    .news-system .news-single .article .news-img-wrap {
        display: none !important;
    }


    .news.full-size table.contenttable {
        border-spacing: 20px 13px !important;
        margin: 0 -20px !important;
    }

    .news .box .news-img-wrap {
        overflow: hidden;

    }

    .news .page-navigation {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .sliderContent .box .news-img-wrap {
        height: auto;
    }

    .news-list-view.box-view {
        padding: 0 !important;
        margin: 0 !important;
        display: block;
        flex-wrap: inherit;
    }

    .news-list-view.box-view .box {
        border-right: none;
        padding: 0;
    }


    .news-system .full-size .arrows-13 {
        display: none !important;
    }

    .full-size-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .slider .content .box {
        float: none !important;
    }

    #stage .next-step {
        /*display: none;*/
    }

    .news > a.more, .htmlContent a.more, .container-breadcrumb > a.more {
        top: -0 !important;
        width: 100% !important;
        display: inline-block;
        position: relative;
        left: auto !important;
        right: auto !important;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .news .article .textPos .teaser-text p + a.more {
        bottom: auto;
    }

    .news-list-view.box-view .box {
        padding: 0 0px 0px 0px;
    }

    .news .article .textPos .teaser-text {
        position: relative;
    }

    .news .box .news-img-wrap {
    }

    .news-system .headline, .news:not(.full-size), ul.slick-dots, [class*=arrows] {
        position: relative;
        z-index: 1;
    }

    .news .article h3 {
        margin-top: 25px;
    }

    .slick-list.draggable {
        padding-bottom: 0px;
        border-right: none;
    }

    .containsSlider {
        background-color: #fff;
    }

    .news-list-view.box-view:not(.slick-slider) .box {
        margin-bottom: 0;
    }

    #hash-11 {
        margin-top: 70px !important;
    }

    #hash-14 .box-left,
    #hash-14 .box-right,
    #hash-5376,
    #hash-44 {
        margin-bottom: 45px !important;
    }

    #hash-44 button.slick-arrow {
        position: absolute;
        top: -23px;
    }

    #hash-44 button.slick-arrow.slick-next {
        right: 0;
    }

    #hash-1575 {
        margin-bottom: 50px !important;
    }

    .news .news-img-wrap + .header > h4 {
        margin-top: 25px !important;
    }

    #hash-4981 {
        margin-bottom: -30px !important;
    }

    .box-4 {
        margin-bottom: 25px;
    }

    #hash-4136 .box-4 {
        margin-bottom: 0;
    }

    #hash-5297 ul,
    #hash-5301 ul {
        padding-bottom: 0 !important;
    }

    #hash-5304 {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 768px) {
    #hash-14 {
        margin-bottom: -50px !important;
    }

    .slick-list.draggable {
        /*padding-bottom: 5px !important;*/
    }

    button.slick-arrow {
        top: -8px;
    }

    .arrows-44,
    .arrows-11,
    .news-list-view ul.slick-dots {
        margin-top: -65px !important;
        bottom: -75px;
    }

    li.sub > a {
        display: block;
        margin-top: 15px !important;
    }

    #hash-11 .news .link-button.link-button--left {
        margin-top: 46px;
    }

    #c44 button.slick-arrow {
        top: -40px;
    }


    .frame-type-textpic.frame-indent .ce-bodytext {
        padding-top: 30px;
    }

    .frame-type-textpic.frame-indent .ce-bodytext {
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-type-text.frame-layout-3 {
        display: block;
    }

    .frame-type-text.frame-layout-3 .headline {
        width: 100%;
    }

    .frame-type-text.frame-layout-3 .text {
        width: 100%;
    }

    .frame-type-text.frame-layout-3 .csc-firstHeader  {
        margin-bottom: 30px;
    }

    .frame-space-after-extra-small {
        margin-bottom: 10px;
    }

    .frame-space-after-small {
        margin-bottom: 20px;
    }

    .frame-space-after-medium {
        margin-bottom: 30px;
    }

    .frame-space-after-large {
        margin-bottom: 40px;
    }

    .frame-space-after-extra-large {
        margin-bottom: 50px;
    }

    .frame-space-before-extra-small {
        margin-top: 10px;
    }

    .frame-space-before-small {
        margin-top: 20px;
    }

    .frame-space-before-medium {
        margin-top: 30px;
    }

    .frame-space-before-large {
        margin-top: 40px;
    }

    .frame-space-before-extra-large {
        margin-top: 50px;
    }

    .teaser-text {
        font-size: 21px;
        line-height: 28px;
    }

    .frame-type-mask_h2contacts .contact {
        width: 50%;
    }

    .frame-type-mask_h2contacts .text {
        padding: 0 11px;
    }

    .grid-of-four {
        flex-direction: column;
    }

    .grid-of-four .column {
        width: 100%;
    }

    .grid-of-four .column.left {
        border-right: none;
    }

    .grid-of-four .column {
        padding: 30px 0 !important;
    }

    .rte-teaser-text {
        font-size: 21px;
        line-height: 28px;
    }

    .grid-of-four .bottom-image {
        margin-bottom: 40px;
    }

    /*
    * Gridelement inside fullwidth gridelement
    */
    section.full-width > .container-box > .content-box > .container-box {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    section.full-width > .container-box > .content-box > .container-box .grid {
        flex-wrap: wrap;
    }

    section.full-width > .container-box > .content-box > .container-box .box-4 {
        width: 50%;
    }

    .h2bigbox {
        padding: 60px 32px;
    }

    .h2bigbox .list .item:nth-child(even),
    .h2bigbox .list .item:nth-child(odd) {
        width: 100%;
    }

    .h2bigbox .check-circle {
        width: 50px;
        height: 50px;
    }

    .h2bigbox .headline {
        font-size: 37px;
        line-height: 47px;
    }

}

.news .box .news-img-wrap {
    height: auto;
}

.news .article .news-img-wrap a img {
    width: 100%;
}

@media screen and (min-width: 997px) and (max-width: 1240px) {
    .mainNav .level_1 > li > a {
        padding: 23px;
        padding-bottom: 42px;
    }

    #headerTop, #headerBottom {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    nav.metaNav {

    }

}

@media screen and (max-width: 996px) and (min-width: 481px) {
    .news.full-size .box {
        padding: 20px;
    }
}

@media screen and (max-width: 866px) and (min-width: 700px) {
    #hash-11 .box .news-img-wrap {
        height: 130px;
    }
}


@media screen and (max-width: 666px) {
    /* STAGE */
    #stage section .slick-track {
        height: 600px !important;
    }

    #stage .news-system .article .img-wrap {
        height: 600px !important;
        width: 100% !important;
    }

    #stage .suffix-1 {
        margin: 0;
    }

    /*end test*/
    #stag ul.slick-dots li.slick-active button {
        border: none;
    }


    #stage .csc-textpic-image.csc-textpic-last,
    #stage .csc-textpic img {
        width: auto;
        height: auto;
        min-height: 1px;
    }

    #stage .img-wrap + .content .box {
        width: 100%;
        padding: 38px 30px !important;
        min-width: 1px !important;
    }

    .csc-sitemap li.box-4 {
        padding: 0 0 20px;
    }

    .innerWrap {
        margin-bottom: 40px;
    }

    .box-12.prop-2-1 .box-4.box-right .events.events--tiny {
        margin-top: 40px;
        margin-bottom: 40px;
    }

}

@media screen and (max-width: 410px) {
    .mainNav li ul li {
        margin: 7px 0 15px;
    }

    .mainNav li ul li a {
        line-height: 25px;
    }
}

@media screen and (max-width: 540px) {

    .frame-type-textpic.frame-indent .ce-bodytext {
        padding-top: 15px;
    }

    .frame-type-textpic.frame-indent .ce-bodytext {
        padding-left: 10px;
        padding-right: 10px;
    }

    .frame-type-mask_h2contacts .contact {
        width: 100%;
    }

    section.full-width > .container-box > .content-box > .container-box .box-4 {
        width: 100%;
    }

    .three-columns .column {
        width: 100%;
    }
}

@media screen and (max-width: 472px) {
    #categorySelect {
        display: flex;
        flex-direction: column;
        padding: 40px !important;
    }

    #categorySelect .table-lable {
        padding: 0;
    }

    #categorySelect > div span {
        margin-top: 7px;
    }
}