@charset "utf-8";
@media screen and (max-device-width: 1260px),
all and (max-width: 1260px) {
    .oneColumn {
        margin: 0 25px
    }
    .inhaltColOne,
    .inhaltColTwo,
    .inhaltColTwoNormal,
    .colText,
    #klickpfad {
        padding-left: 25px;
        padding-right: 25px
    }
    .etabs li:first-child.tab {
        margin-left: 0px;
    }
    .etabs li.tab {
        margin-left: 0px;
    }
}

@media screen and (max-device-width: 1144px),
all and (max-width:1144px) {
    .maler2024 {
        width: 90px;
        top: 0;
    }
    .maler2022 {
        width: 90px;
        top: 0px;
        right: 80px;
    }
}

@media screen and (max-device-width: 1127px),
all and (max-width: 1127px) {
    .footerCols .widthColOne {
        width: 100%;
        float: left
    }
    .footerCols .colTen {
        width: 33%
    }
    .footerCols .colEleven {
        width: 33%
    }
    .footerCols .colTwelve {
        width: 33%
    }
    .footerCols .widthColTwo {
        float: none;
        width: 100%;
        clear: both;
        text-align: center
    }
    .footerCols .widthColTwo .colThirteen ul {
        margin: 0;
        padding: 50px 0 0;
        background-color: #eaebe9
    }
    .footerCols .widthColTwo .colThirteen li {
        display: inline-block;
        float: none
    }
    h2.sliderHeadline {
        font-size: 300%;
    }
    h2.sliderHeadlineGrau {
        font-size: 300%;
    }
    div.caption-link-grey a {
        font-size: 200%;
        width: auto
    }
}

@media screen and (max-device-width: 1066px),
all and (max-width:1066px) {
    .searchCloseBtn {
        right: 30px;
        top: 10px;
    }
}

@media screen and (max-device-width: 1024px),
all and (max-width:1024px) {
    .infoBoxComplete {
        left: 5%;
        position: absolute;
        top: 5%;
        width: 90%;
        z-index: 8000
    }
    .colTwo p,
    .colThree p {
        display: none
    }
    .ui-tabs .ui-tabs-nav li:first-child {
        margin-left: 0
    }
    .ui-tabs .ui-tabs-nav li {
        margin-left: 0;
        background-color: #fff!important;
        margin-bottom: -1px;
        padding-bottom: -1px;
        margin-top: 4px
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
        background-color: #fff;
        padding: .5em 1em;
        margin-bottom: -1px;
        padding-bottom: -1px
    }
}

@media screen and (max-device-width: 911px),
all and (max-width:911px) {
    #c4137 img {
        position: relative;
        right: 0;
        top: 0px;
    }
    .fourColsContent li {
        width: 33%
    }
    .listImage {
        width: 30%
    }
    .listHeaderDate {
        float: none;
        width: 70%
    }
    .listTxt {
        padding: 0;
        width: 70%
    }
    .akkordeon-presse-inhalt .ce-bodytext::after {
        right: -70px;
    }

    img.denkmalpflege {
        float: left;
        width:150px;
        margin-right: 30px;
    
    }
    
    img.fachwerklogos {
        float: right;
        margin-top:-30px;
        margin-left: 30px;
    margin-right: 0px;
    width:100px;
    }
}

@media screen and (max-device-width: 900px),
all and (max-width:900px) {
    h1,
    h2,
    h3,
    p {
        hyphens: auto;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -webkit-hyphenate-character: "\2010";
        -webkit-hyphenate-limit-after: 1;
        -webkit-hyphenate-limit-before: 3;
        -moz-hyphens: auto;
    }
    .reference {
        width: 45%
    }
    .search {}
    .sliderStart div.sliderheadlineblock {
        display: block;
    }
    .sliderStart h2.sliderHeadline,
    .sliderStart h2.sliderHeadlineGrau {
        font-size: 250%;
        margin-left: 30px;
        line-height: normal;
    }
    .sliderStart div.caption-link-grey a {
        margin-top: 0px;
        font-size: 150%;
        margin-left: 20px;
    }
    .sliderStart div.caption-link-grey a i.fa-chevron-right {
        font-size: .5em!important
    }
    .tab .active {
        margin-bottom: 0px;
    }
    .tab {
        margin: 1px;
        width: auto;
    }
}

@media screen and (max-device-width: 806px),
all and (max-width: 806px) {
    .news .article .news-img-wrap {
        float: none;
        height: auto;
        width: 100%!important
    }
    .news .article .teaser-text {
        float: none;
        width: 100%
    }
    .t3ddy-item .ce-bodytext p {
        width: 99%;
        float: none;
        padding: 5% 5% 5% 0
    }
    .t3ddy-item .ce-gallery .ce-row {
        float: none;
        width: 100%
    }
    .t3ddy-item .ce-media img {
        width: 49%;
        float: left;
        padding-right: 1%
    }
    .t3ddy-item .ce-bodytext ul,
    .t3ddy-item .ce-bodytext ol {
        width: 97%;
        float: none;
        padding: 0 5% 2% 3%
    }
    .txtOverImgBig {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 25px;
        width: 100%
    }
    .txtOverImgColLeft {
        width: 100%
    }
    .alignRightBtn {
        display: none
    }
    .galeryTxtImage .ce-textpic {
        width: 50%;
        padding: 20px
    }
    .reference {
        width: 45%;
    }
}

@media screen and (max-device-width: 710px),
all and (max-width: 710px) {
    .imgTXTLeft {
        float: none;
        display: block;
        padding: 0;
        margin-bottom: 30px;
    }
    .imgTXTRight {
        float: none;
        padding: 0;
        display: block;
        margin-bottom: 30px;
    }
    .ce-right .ce-gallery {
        float: none;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-bottom: 30px;
    }
    .ce-intext.ce-right .ce-gallery {
        margin-left: 0px;
    }
}

@media screen and (max-device-width: 770px),
all and (max-width: 770px) {
    .footerCols .colTwelve {
        width: 100%;
        float: none;
        text-align: center
    }
    .itemListDotsBorderColOne {
        width: 90%
    }
    .itemListDotsBorderColTwo {
        width: 10%
    }
    .newsListDotsBorder {
        line-height: 39px;
        line-height: 2.4375rem;
        margin: 40px 0
    }
    .colOne p {
        display: none
    }
    .newsSingleTitle {
        width: 100%;
        float: none
    }
    .singleTxt {
        width: 100%;
        float: none
    }
}

@media screen and (max-device-width: 690px),
all and (max-width:690px) {
    .fourColsContent li {
        width: 50%
    }
    .lSPager {
        display: none
    }
    .searchWindow input {
        margin-top: 100px;
        font-size: 27px !important;
        font-style: normal !important;
        padding: 9px!important;
        width: 70%;
        height: 60px;
    }
    .item-50:nth-child(1) {
        flex-basis: 100%;
    }
    .item-50:nth-child(2) {
        flex-basis: 100%;
    }
}

@media screen and (max-device-width: 649px),
all and (max-width: 649px) {
    .akkordeon-presse-inhalt header {
        width: 100%;
    }
    .akkordeon-presse-inhalt p {
        float: none;
        width: 90%;
    }
    .akkordeon-presse-inhalt .ce-textpic {
        overflow: visible;
    }
    .galery25252525 {
        float: left;
        padding: 0 2% 30px 0;
        position: relative;
        width: 50%
    }
    .rowContentTxtImgFloatLeft {
        width: 100%;
        background-color: #fff;
        padding: 25px;
        margin-top: 25px
    }
    .rowContentTxtImgFloatLeft h2 {
        padding-bottom: 20px
    }
    .txtContentLeft {
        float: none;
        width: 100%;
        padding-right: 0
    }
    .imgContentRight {
        width: 100%;
        float: none;
        text-align: left;
        margin-top: 25px
    }
    .listImage {
        float: none;
        width: 100%;
        clear: both;
        padding-bottom: 20px
    }
    .listHeaderDate {
        float: none;
        width: 100%;
        clear: both
    }
    .listTxt {
        float: none;
        width: 100%;
        clear: both
    }
    .logo {
        margin-left: 25px
    }
    .logo img {
        width: 199px;
    }
    .phone {}
    .txtOverImgColLeft {
        width: 75%!important
    }
    .widthColOne,
    .widthColTwo,
    .colFour,
    .colFive,
    .colSeven,
    .colEight {
        width: 100%;
        margin: 0
    }
    .alignRightBtn {
        display: block!important
    }
    .footerCols .colTen {
        width: 50%!important;
        border-right: 1px solid #08070a
    }
    .footerCols .colEleven {
        width: 50%!important
    }
    .footerCols .colTwelve {
        text-align: center;
        width: 100%!important
    }
    .txtOverImg {
        padding: 33px
    }
    .txtOverImgBig {
        padding: 30px
    }
    .threeColsUl ul li {
        font-size: 80%!important;
        line-height: 20px;
        line-height: 1.25rem
    }
    .inhaltColTwoNormal .t3ddy-item h3 {
        float: none;
        padding: 0;
        width: 100%;
        padding-bottom: 20px
    }
    .inhaltColTwoNormal .t3ddy-item .ce-bodytext p {
        float: left;
        padding: 0 2% 1% 0;
        width: 80%
    }
    .inhaltColTwoNormal .t3ddy-item .ce-gallery .ce-row {
        float: right!important;
        text-align: right;
        width: 20%;
        padding: 0;
        margin: 0
    }
    .inhaltColTwoNormal .t3ddy-item .ce-gallery .ce-row img {
        width: 50px;
        margin: 0
    }
    #tabelleResponsiv {
        margin: 0 auto;
        width: 100%;
        padding: 25px
    }
    #tabelleResponsiv,
    #tabelleResponsiv thead,
    #tabelleResponsiv tbody,
    #tabelleResponsiv th,
    #tabelleResponsiv td,
    #tabelleResponsiv tr {
        display: block
    }
    #tabelleResponsiv tr {
        border: 1px solid #ccc;
        margin-bottom: 10px
    }
    #tabelleResponsiv td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 0;
        width: 100%
    }
    #tabelleResponsiv td.row_4 {
        border-bottom: none
    }
    h2.sliderHeadline {
        font-size: 200%;
        line-height: 2.375rem
    }
    h2.sliderHeadlineGrau {
        font-size: 200%;
        line-height: 2.375rem
    }
    div.caption-link-grey a {
        font-size: 100%;
        width: auto;
        line-height: 1em
    }
    div.sliderheadlineblock {
        left: 12%
    }
    div.caption-link-grey a i.fa-chevron-right {
        height: auto
    }
}

@media screen and (max-device-width: 770px),
all and (max-width: 770px) {
    .itemListDotsBorderColOne {
        width: 100%;
        float: none
    }
    .itemListDotsBorderColTwo {
        float: none;
        width: 100%
    }
    div.threeColsContent {
        width: 80%;
        float: none
    }
    .t3ddy-item .ce-gallery .ce-row {
        float: none;
        width: 100%
    }
    .t3ddy-item .ce-media img {
        width: 100%;
        float: none
    }
    .footerCols .colTen {
        width: 100%!important;
        border-right: 0 solid #08070a!important;
        float: none;
        text-align: center
    }
    .footerCols .colEleven {
        width: 100%!important;
        float: none;
        text-align: center
    }
    .fourColsContent li .ce-textpic {
        min-height: 420px
    }
    .oneColumnTwoCols,
    .twoColumnTwoCols {
        float: none;
        width: 100%
    }
    .threeColsContentGalery {
        width: 100%;
        float: none
    }
    .galeryTxtImage .ce-textpic {
        width: 100%;
        padding: 0
    }
    #c5249 .ce-textpic {
        position: relative;
    }
    #c5249 img {
        position: relative;
        padding-top: 30px;
        top: 0;
    }
}

@media screen and (max-device-width: 560px),
all and (max-width: 560px) {
    .containerSearch {
        padding-right: 0px;
    }
    .item33 {
        width: 50%;
        padding-bottom: 30px;
    }
}

@media screen and (max-device-width: 570px),
all and (max-width: 570px) {
    .reference {
        width: 372px;
    }
    .colTenBetec {
        width: 100%!important;
        border-right: 0 solid #08070a!important;
        float: none;
        text-align: center
    }
    .colElevenBetec {
        width: 100%!important;
        float: none;
        text-align: center
    }
    .colTwelveBetec {
        width: 100%!important;
        float: none;
        text-align: center
    }
    h2.sliderHeadline {
        font-size: 130%;
        line-height: auto;
    }
    .colTenExtra {
        width: 100%!important;
        float: none;
    }
    .colElevenExtra {
        width: 100%!important;
        float: none;
    }
    .txtOverImgBig {
        padding: 15px;
    }
    .txtOverImg {
        padding: 15px;
    }
    .txtOverImgColLeft h2 {
        line-height: auto;
        font-size: 13px;
    }
}

@media screen and (max-device-width: 509px),
all and (max-width: 509px) {
    #header.sticky .logo {
        width: 100px;
    }
    .maler2024 {
        width: 60px;
        top: 10px;
        z-index: 7005;
    }
    .maler2022 {
        width: 60px;
        z-index: 7005;
        right: 60px;
        top: 10px;
    }
    .formSearch {
        padding-left: 30px;
        padding-right: 30px;
    }
    .searchWindow input {
        font-size: 16px!important;
        width: 70%;
        height: 40px;
    }
    .searchWindow button .fa-search {
        border-top: 2px solid #f39200 !important;
        border-bottom: 2px solid #f39200 !important;
        font-size: 16px !important;
    }
    .logo {
        text-align: right;
        float: none;
    }
    .logo img {
        width: 210px;
    }
    #header,
    #header.sticky {
        height: 110px;
    }
    .phone {
        padding-left: 110px;
        padding-right: 10px;
        padding-top: 5px;
    }
    .colRightLogoSearchTel {
        padding-top: 10px;
    }
    .containerSearch {
        padding-top: 5px;
    }
    #header.sticky .logo img {}
    #header.sticky .logo {
        margin-left: 100px;
    }
    #header.sticky .phone {
        padding-top: 0px;
        font-size: 10px;
        padding-left: 140px;
    }
    #header.sticky .containerSearch {
        padding-top: 0px;
    }
    #header.sticky #mainNav {
        margin-top: 10px;
    }
    #header #menu {
        width: 100vw;
    }
    #header.sticky #menu {
        margin-top: 20px;
        width: 100vw;
    }
    .betec .phone,
    .betec .containerSearch {
        padding-top: 0px;
    }
}

@media screen and (max-device-width: 420px),
all and (max-width: 420px) {
    .sliderStart h2.sliderHeadline,
    .sliderStart h2.sliderHeadlineGrau {
        font-size: 180%;
        line-height: normal;
    }
    .sliderStart div.caption-link-grey a {
        font-size: 90%;
    }
    .sliderStart div.caption-link-grey a i.fa-chevron-right {
        font-size: .6em !important
    }
}

@media screen and (max-device-width: 381px),
all and (max-width: 381px) {


    img.denkmalpflege {
        float: none;
        display:block;
        width:200px;
        margin-bottom:10px;
        margin-right: 0px;
    
    }
    div.csc-mailform ol li {
        overflow: hidden;
        margin-bottom: 10px
    }
    .reference {
        width: 100%;
    }
    .galery25252525 {
        float: none;
        padding: 0;
        margin-bottom: 15px;
        position: relative;
        width: 100%
    }
    ul.galery333333 li {
        width: 100%;
        float: none;
    }
}

@media screen and (max-device-width: 360px),
all and (max-width: 360px) {
    .ui-tabs .ui-tabs-nav li {
        width: 100%
    }
    .colRightLogoSearchTel {
        padding-top: 20px;
    }
    .logo img {
        width: 150px;
    }
    #mainNav {
        margin-top: 15px!important;
    }
    #header.sticky .colRightLogoSearchTel {
        padding-top: 10px!important;
    }
    #header.sticky #mainNav {
        margin-top: 10px!important;
    }
}

@media screen and (max-device-width: 320px),
all and (max-width: 320px) {
    .fourColsContent li {
        width: 100%
    }
    div.caption-link-grey a {
        margin-top: 0;
    }
    .item33 {
        width: 100%;
        padding-bottom: 30px;
    }
    #kundenumfrage_-5535-fieldset-1 .form-group {
        display: block;
    }
    #kundenumfrage_-5535 .form-leibbrand {
        width: 100%;
    }
    #kundenumfrage_-5535 .leibbrand-txtarea {
        width: 100%;
    }
    #kundenumfrage_-5539-fieldset-1 .form-group {
        display: block;
    }
    #kundenumfrage_-5539 .form-leibbrand {
        width: 100%;
    }
    #kundenumfrage_-5539 .leibbrand-txtarea {
        width: 100%;
    }
}