.vce-multiple-image-collage {
    overflow: hidden !important;
}

.content-wrapper a:hover img {
    transition: all 0.5s ease 0s;
    -webkit-filter: brightness(110%);
    /* Safari */
    filter: brightness(110%);
}

.vce-row {
    margin-bottom: 3vw;
}

.vce-row.schmal {
    max-width: 990px;
    margin: 0 auto 3vw auto;
}

.vce-row .vce-row {
    margin-bottom: 0;
}

.vce-text-block-wrapper li {
    margin-bottom: 5px;
    line-height: 1.4;
}

/*----------------- Reihe Rot -------------*/

.vce-row.rot {
    color: #fff;
}

.vce-row.rot h5 {
    color: #000;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.vce-row.rot h2 {
    color: #fff;
}

.vce-row.rot h2:after {
    background: #fff;
}

.vce-row.rot {
    color: #fff;
    padding: 5vw 0 calc(5vw - 30px) 0;
}

.vce-row.rot .vce-text-block a {
    color: #fff;
    text-decoration: none;
}

.vce-row.rot .vce-text-block a:hover {
    color: #000;
}

.rot .vce-text-block li::before {
    color: #fff !important;
}

/*----------------- Reihe Grau -------------*/
.vce-row.grau {
    color: #fff;
}

.vce-row.grau h2 {
    color: #fff;
}

.vce-row.grau h2:after {
    background: #fff;
}

.vce-row.grau .vce-text-block a {
    color: #fff;
    text-decoration: none;
}

.vce-row.grau .vce-text-block a:hover {
    color: #000;
}

.vce-row.grau .vce-text-block strong {
    color: #000;
}

.vce-row.grau .vce-text-block strong a {
    color: #000;
    text-decoration: none;
}

.vce-row.grau .vce-text-block strong a:hover {
    color: #fff;
}

.vce-row.grau .vce-text-block h6 {
    font-family: 'Quicksand';
    text-transform: none;
    font-size: 1.3rem !important;
    color: #000;
    font-weight: bold;
    margin-top: 3.5rem;
}

.grau li strong {
    font-size: 1.5rem;
    line-height: 1.5;
}

.grau .vce-text-block li::before {
    color: #fff !important;
}

/*----------------- KONTAKT -------------*/
.vce-row.rot .notfaelle h5 {
    text-transform: none;
}

.button-hotline a.vce-button--style-basic.vce-button--style-basic,
.button-hotline button.vce-button--style-basic.vce-button--style-basic {
    color: #fff !important;
    background-color: #000 !important;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: none;
    font-family: Quicksand;
    border-radius: 1rem;
    padding: 1.2rem 2.2rem;
}

.button-hotline a.vce-button--style-basic.vce-button--style-basic:hover,
.button-hotline button.vce-button--style-basic.vce-button--style-basic:hover {
    color: #000;
    background-color: #fff;
}

.vce-text-block.anschrift,
.vce-text-block.facebook,
.vce-text-block.telefon,
.vce-text-block.mail {
    padding-left: 40px;
}

.vce-text-block.anschrift:before,
.vce-text-block.mail:before {
    content: '';
    background: url(/wp-content/uploads/icon-footer-email.svg);
    background-repeat: no-repeat;
    width: 23px;
    height: 15px;
    position: absolute;
    display: inline-flex;
    left: 0;
    margin-top: 6px;
}

.vce-text-block.telefon:before {
    content: '';
    background: url(/wp-content/uploads/icon-footer-telefon.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    display: inline-flex;
    left: 0;
    margin-top: 3px;
}

.vce-text-block.facebook:before {
    content: '';
    background: url(/wp-content/uploads/icon-footer-facebook.svg);
    background-repeat: no-repeat;
    width: 11px;
    height: 21px;
    position: absolute;
    display: inline-flex;
    left: 0;
}



/*----------------- MITARBEITER KARUSSELL -------------*/
div#mitarbeiter-row {
    transform: scale(1.2);
}

.mitarbeiter .vce-single-image-wrapper figcaption {
    display: block;
    font-style: normal;
    margin-top: 0;
    background: #fff;
    color: #000;
    padding: 0.8rem;
}

.vce-content-slider-position-outside .vce-icon--size-large .vce-content-slider-arrow.vce-content-slider-next-arrow {
    right: -85px;
}

.vce-content-slider-position-outside .vce-icon--size-large .vce-content-slider-arrow.vce-content-slider-prev-arrow {
    left: -85px;
}

.vce-icon--size-large .vce-content-slider-arrow {
    font-size: 90px;
}

/*----------------- PROJEKTE ICONS -------------*/
#projekte-buttons {
    transform: scale(1.2);
    margin-top: 2vw;
}

.vce-single-image-container.icon-projekte.vce-single-image--align-center {
    padding: 0.5vw;
    display: flex;
}

.vce-single-image-container.icon-projekte img.vce-single-image {
    object-fit: contain !important;
}

.icon-projekte .vce-single-image-inner.vce-single-image--absolute {
    padding-bottom: 75% !important;
}

.icon-projekte figcaption {
    display: block !important;
    font-style: normal !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0 !important;
    font-family: 'Rubik';
    font-size: 0.8rem;
}

.projekte-quadrat .vce-col-inner {
    transition: all 0.5s ease 0s;
}

.projekte-quadrat:hover .vce-col-inner {
    transform: scale(1.1);
    background: #e41e25 !important;
}

.projekte-quadrat .vce-col-content {
    padding: 0 !important;
}

/*----------------- GOOGLE MAPS -------------*/
#google-maps .vce-col-content {
    height: 100%;
}

.vce-google-maps.vce-google-maps--align-left {
    height: 100%;
    min-height: 100vh;
}


/*----------------- BILDER IN TEXTBOX KOMPLETT CLICKBAR -------------*/
.content-wrapper .vce-text-block a {
    transition: all 0.5s ease 0s;
    display: inline-block;
}

/*----------------- OBJEKTE VERSTECKEN -------------*/
.verstecken {
    opacity: 0;
}

body.rml-webkit .verstecken {
    display: unset;
    opacity: 0.4 !important;
}

/*----------------- SEPARATOR -------------*/

.vce-separator {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #CEC2A1 !important;
    width: 160px;
}

.vce-separator:after {
    content: " ";
    background: #fff url('/wp-content/themes/visual-composer-starter-theme-child/img/separator-icon.svg') no-repeat;
    background-position: center center;
    background-size: 40px 30px;
    width: 40px;
    height: 30px;
    margin: -20px auto 0 auto;
    border: 10px solid #fff;
    display: block;
}

/*----------------- CAPTIONS -------------*/

.vce-single-image-wrapper figcaption {
    font-style: italic;
    margin-top: 10px;
    display: none;
}

/*----------------- BILDER AUF 100% STRECKEN -------------*/
.vce-single-image-inner {
    width: 100%;
}

.vce-single-image-wrapper {
    width: 100%;
}

.vce-single-image-wrapper img {
    width: 100%;
}

/*----------------- VC-TABS-WITH-SLIDE -------------*/
a.vce-tabs-with-slide-tab-title,
a.vce-tabs-with-slide-panel-title {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-family: 'Quicksand';
    letter-spacing: 0;
    font-weight: bold;
}

.vce-tabs-with-slide-panel-body {
    overflow: visible !important;
}

.vce-tabs-with-slide:not(.tabs-cta) .vce-tabs-with-slide-panel-body {
    padding: 5vw 3vw;
}

.vce-tabs-with-slide>.vce-tabs-with-slide-inner>.vce-tabs-with-slide-container .vce-tabs-with-slide-list .vce-tabs-with-slide-slider {
    background: #E41E25 !important;
    height: 5px;
    bottom: 0;
}

.vce-tabs-with-slide .vce-tabs-with-slide-list .vce-tabs-with-slide-tab {
    border-bottom: none;
}

.vce-tabs-with-slide-container {
    border-bottom: 1px solid #000;
    text-align: center !important;
}

.vce-tabs-with-slide-tab {
    transition: all .7s ease 0s, color ease 0s;
}

.vce-tabs-with-slide-tab:not([data-vcv-active=true]):hover {
    color: #E41E25;
    transform: scale(0.95);
}

.vce-tabs-with-slide-panels,
.vce-tabs-with-slide-panels-container {
    max-width: calc(1170px + 6vw);
    margin: 0 auto;
}

.vce-tabs-with-slide .vce-tabs-with-slide-panel-title {
    padding: 1rem;
}

/*----------------- VC-TABS-WITH-SLIDE ALS ACCORDION -------------*/
.vce-tabs-with-slide[data-vcv-tabs-state=accordion] {
    max-width: 90%;
    margin: 0 auto;
}

.vce-tabs-with-slide[data-vcv-tabs-state=accordion] .vce-tabs-with-slide-panel-title {
    padding: 1.5rem;
}

.vce-tabs-with-slide[data-vcv-tabs-state=accordion] .vce-tabs-with-slide-panel-body {
    padding: 5vw 0;
}

.vce-tabs-with-slide-panel[data-vcv-active=true] .vce-tabs-with-slide-panel-heading {
    background-color: #E41E25;
    color: #fff;
}

.vce-tabs-with-slide[data-vcv-tabs-state=accordion] .vce-tabs-with-slide-panel[data-vcv-active=true] {
    display: block;
    padding-bottom: calc(30px + 2vw);
}

.vce-tabs-with-slide[data-vcv-tabs-state=accordion] a.vce-tabs-with-slide-panel-title span:before {
    display: none;
}

.vce-tabs-with-slide[data-vcv-tabs-state=accordion] .vce-tabs-with-slide-panel .vce-tabs-with-slide-panel-title:hover {
    transition: all .5s ease 0s !important;
}

.vce-tabs-with-slide[data-vcv-tabs-state=accordion] .vce-tabs-with-slide-panel[data-vcv-position-to-active="after"] .vce-tabs-with-slide-panel-title:hover,
.vce-tabs-with-slide[data-vcv-tabs-state=accordion] .vce-tabs-with-slide-panel[data-vcv-position-to-active="before"] .vce-tabs-with-slide-panel-title:hover {
    color: #E41E25;
}

/*-----------------  VC-AKKORDEONS -------------*/

.vce-classic-accordion .vce-classic-accordion-panel-title {
    background: #403c3b;
    border: none;
    padding: 1.4rem;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

.vce-classic-accordion-panel-body {
    padding: 2rem 1.4rem;
    background: #00000015;
}

.vce-classic-accordion-border-color--D8D8D8.vce-classic-accordion .vce-classic-accordion-panel-heading {
    border-color: transparent;
}

.vce-classic-accordion-panel {
    margin-bottom: 6px;
}

.vce-classic-accordion-border-color--D8D8D8.vce-classic-accordion .vce-classic-accordion-panel,
.vce-classic-accordion-border-color--D8D8D8.vce-classic-accordion .vce-classic-accordion-panel-heading {
    border-color: transparent;
}

/*-----------------  END VC-AKKORDEONS -------------*/

/*----------------- TABELLEN -------------*/

.tablepress {
    margin-bottom: 2.5vw !important;
}

.tablepress tbody td,
.tablepress tfoot th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #E0DDD8;
    padding: 1vw 0;
}

.tablepress tfoot th,
.tablepress thead th {
    background-color: #fff;
}

th.column-2,
th.column-3,
th.column-4,
th.column-5,
td.column-2,
td.column-3,
td.column-4,
td.column-5 {
    text-align: center;
}

/*----------------- END TABELLEN -------------*/


/*----------------- BUTTONS -------------*/

a.vce-button--style-basic.vce-button--style-basic,
button.vce-button--style-basic.vce-button--style-basic {
    color: #fff !important;
    background-color: #403C3B !important;
    font-weight: normal;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: Quicksand;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
}

.vce-button--style-basic.vce-button--style-basic--size-medium {
    font-size: 1rem;
    padding: 1.5rem 2.5rem;
}

a.vce-button--style-basic.vce-button--style-basic:hover,
button.vce-button--style-basic.vce-button--style-basic:hover {
    color: #fff !important;
    background-color: #E41E25 !important;
}

/*----------------- END BUTTONS -------------*/


/*----------------- FAQ -------------*/

.vce-faq-toggle {
    border: 1px solid #E5DECC;
    padding: 20px;
    margin-top: -1px;
    margin-left: -1px;
}

.vce-faq-toggle h5 {
    line-height: 1em;
    margin-bottom: 0;
}

.vce-faq-toggle-text-block {
    margin-top: 20px;
}

/*----------------- PAGEABLE CONTAINER -------------*/

.vce-pageable-container-dots .slick-dots button {
    background: #fff !important;
    opacity: 0.7 !important;
    width: 15px !important;
    height: 15px !important;
}

.vce-pageable-container .vce-pageable-container-dots .slick-dots .slick-active button {
    background: #fff !important;
    opacity: 1 !important;
}

.vce-pageable-container-dots {
    bottom: 10px;
}



@media (max-width: 1920px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1700px) {
    div#mitarbeiter-row {
        transform: none;
    }
}

@media (max-width: 1500px) {
    div#mitarbeiter-row {
        transform: scale(0.85);
    }

    #projekte-buttons {
        transform: none;
        margin-top: 0;
    }
}

@media (max-width: 990px) {

    .projekte-quadrat .vce-col-inner {
        margin-bottom: 20px !important;
    }

    .icon-projekte figcaption {
        font-size: 1rem;
    }

    .grau li strong {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .button-hotline a.vce-button--style-basic.vce-button--style-basic,
    .button-hotline button.vce-button--style-basic.vce-button--style-basic {
        font-size: 1.2rem;
        border-radius: 0.75rem;
        padding: 1.2rem 1.5rem;
    }
}

@media (max-width: 767px) {
    .vce-button--style-outline-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .vce-button--style-outline-animated-slidein.vce-button--style-outline--size-medium,
    .vce-button--style-outline-animated.vce-button--style-outline--size-medium {
        width: 100%;
    }

    .aufzaehlung .vce {
        margin-bottom: 0;
    }

    .vce-icon--size-large .vce-content-slider-arrow {
        font-size: 48px;
    }

    div#mitarbeiter-row {
        transform: scale(1);
    }

}

@media (max-width: 767px) {}

/* iPhone 6+, 7+, 8+ ----------- */
@media (max-device-height: 736px) {
    .cath-btn a.vce-single-image-inner {
        width: 130px !important;
        height: 130px;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media (min-device-width: 375px) {
    /* Styles */
}

@media (max-width: 576px) {
    .icon-projekte .vce-single-image-inner.vce-single-image--absolute {
        padding-bottom: 50% !important;
    }

    ul#menu-footer-menue {
        flex-direction: column;
    }

    a.vce-tabs-with-slide-tab-title,
    a.vce-tabs-with-slide-panel-title {
        font-size: 1.1rem;
    }
}

@media (max-width: 420px) {


    .vce-simple-image-slider-dots .slick-dots li {
        padding: 4px;
        margin-bottom: 0;
    }
}

@media (max-width: 420px) {


    .vce-simple-image-slider-dots .slick-dots li {
        padding: 4px;
        margin-bottom: 0;
    }
}

@media (max-width: 320px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}