/* blocks.css | mady by ch – lum

--------------------------------------------------------------
>>> table of contents:
--------------------------------------------------------------
# 01 headers
# 02 contents
# 03 contents fullscreen
# 04 grids
# 05 forms
# 06 tabs
------------------------------------------------------------*/

/*global padding top/bottom for all blocks (sections)!!!!*/

/*global background-color for all blocks (sections)!!!!*/

section {
    padding: var(--pad-96) 0;
    background-color: #fff;
}



/*================================================================
 ***** # 01 headers *****
==================================================================

/* image and video overlay in king composer anlegen!!!

!!!!höhe header!!!!! fullscreen: --cont-height: calc(100vh - 00px); --> 100 vh sind fullcreen!!!! -//px höhe navigation. bei höhe in px --> kein abzug der navigation nötig!!!!

globaler height headers*/

:root {
    /*--headers-height: calc(70vh - 50px);*/
    --headers-height: 720px;
    /*--headers-height: 640px;*/
    /*--headers-height: 560px;*/
    /*--headers-height: 480px;*/
}

/*global settings headers*/

.header-container {
    height: var(--headers-height);
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .header-container .header-content {
        padding: 0 var(--pad-48);
    }
}

@media only screen and (max-width: 500px) {
    .header-container .header-content {
        padding: 0 var(--pad-24);
    }
}

/*center content*/

.header-container .kc-row-container {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-container h1,
.header-container h2 {}

/*----------------
custom css headers
----------------*/

/* image overlay in king composer anlegen!!!*/

/* 1.1 headers - 01 image – text center
-------------------------------------*/

/* 1.1 headers - 02 video – text center
-------------------------------------*/

/*abdunkeln des videos*/

.kc_wrap-video-bg {
    opacity: 0.6;
}

.header-container iframe,
.header-container object,
.header-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 1.1 headers - 03 image – text left
-----------------------------------*/

@media only screen and (max-width: 1024px) {}

}

/* 1.1 headers - 04 image – text right
------------------------------------*/

/*================================================================
***** # 02 contents *****
================================================================*/

/* 1.2 contents - 03 textblock - image
------------------------------------*/

#content-container-txt-img .kc-wrap-columns {
    display: flex;
    flex-direction: row;
}

@media only screen and (max-width: 768px) {
    #content-container-txt-img .kc-wrap-columns {
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #content-container-txt-img .content-container-img-col {
        width: 100%;
    }
    #content-container-txt-img .content-container-txt-col {
        width: 100%;
        padding: var(--pad-64) 15px;
    }
}

@media only screen and (max-width: 500px) {
    #content-container-txt-img .content-container-txt-col {
        padding: var(--pad-32) 15px;
    }
}


/* 1.2 contents - 04 content – 3 features
---------------------------------------*/

.feature-container-3col .icon-img {
    margin-bottom: 2rem;
    width: 48px;
    height: auto;
    fill: red !important;
}

.feature-container-3col {
    margin-top: 4rem;
}

.feature-container-3col p {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .feature-container-3col {
        margin-top: 0;
    }
    .feature-container-3col .feature-container-col {
        margin-top: 4rem;
    }
}

/* 1.2 contents - 05 content – 4 features
---------------------------------------*/

.feature-container-4col .icon-img,
.feature-container-3col .icon-img {
    margin-bottom: 2rem;
    width: 48px;
    height: auto;
    fill: red !important;
}

.feature-container-4col {
    margin-top: 4rem;
}

.feature-container-4col p {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .feature-container-4col {
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .feature-container-4col .kc_col-sm-3 {
        flex: 0 1 calc(50% - 1em);
    }

    .feature-container-4col .feature-container-col {
        margin-top: 4rem;
    }
}

/* 1.2 contents - 06 factbox - copytext
-------------------------------------*/

.factbox-container {
    margin-top: 4rem;
}

.factbox-container-col-left {
    background-color: var(--wrf-darker-clr);
    padding: 2rem !important;
    width: calc(50% - 30px) !important;
    margin: 0 15px;
}

.factbox-container-col-left .btn-small {
    margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
    .factbox-container-col-right {
        margin-top: 4rem;
        width: 100% !important;
    }

    .factbox-container-col-left {
        width: calc(100% - 30px) !important;
    }
}


/*================================================================
 ***** # 03 contents fullscreen *****
================================================================*/

.content-full-container {
    padding-top: 0;
    padding-bottom: 0;
}

.content-full-container .kc-wrap-columns {
    height: 100%;
}

/* 1.3 contents fullscreen / 01 textblock - image

   1.3 contents fullscreen / 02 image - textblock
-----------------------------------------------*/

.content-full-container-col-img {
    height: 100%;
}

#content-full-container-text-img .kc-wrap-columns {
    display: flex !important;
    flex-direction: row !important;
}

.content-full-container-col-text {
    padding: var(--pad-96) var(--pad-64) !important;
}

@media only screen and (max-width: 1024px) {
    .content-full-container-col-text {
        padding: var(--pad-96) var(--pad-32) !important;
    }
}

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


    /*reorder columns 01 textblock - image*/
    #content-full-container-text-img .kc-wrap-columns {
        display: flex;
        -webkit-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .content-full-container-col-text {
        width: 100% !important;
        padding: var(--pad-64) var(--pad-32) !important;
    }

    .content-full-container-col-img {
        height: 20rem !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 500px) {
    .content-full-container-col-text {
        width: 100% !important;
    }

    .content-full-container-col-img {
        height: 20rem !important;
        width: 100% !important;
    }
}


/* 1.3 contents fullscreen / 03 3 columns
----------------------------------------*/

/* image overlay in king composer anlegen!!!*/

/* 1.3 contents fullscreen / 04 4 columns
----------------------------------------*/

/* image overlay in king composer anlegen!!!*/

@media only screen and (max-width: 1024px) {
    #content-full-container-4col .kc-wrap-columns {
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: unset;
    }

    #content-full-container-4col .content-full-container-col-text {
        flex: 0 1 50%;
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    #content-full-container-4col .content-full-container-col-text {
        flex: 0 1 50%;
    }
}

@media only screen and (max-width: 500px) {
    #content-full-container-4col .kc-wrap-columns {
        flex-wrap: unset;
        flex-direction: column;
    }

    #content-full-container-4col .content-full-container-col-text {
        flex: 0 1 25%;
    }
}

/*================================================================
 ***** # 04 grids *****
================================================================*/

/* 1.4 grids / 01 3 columns
-----------------------------------------*/

/* 1.4 grids / 02 3 columns - slider
-----------------------------------------*/

/* 1.4 grids / 03 4 columns
-----------------------------------------*/

/* 1.4 grids / 04 2 columns text
-----------------------------------------*/

/* 1.4 grids / 05 2 columns image and text
-----------------------------------------*/

/* 1.4 grids / 06 4 columns – text  / image
-----------------------------------------*/

/* 1.4 grids / 07 6 columns – image  / text
-----------------------------------------*/

/* 1.4 grids / 08 image - description
-----------------------------------------*/

#grid-container-3col .kc-wrap-columns,
#grid-container-4col .kc-wrap-columns,
#grid-container-2col-text .kc-wrap-columns,
#grid-container-2col-img-text .kc-wrap-columns {
    height: 100%;
}

#grid-container-3col-slider .kc-container {
    padding-left: 0;
    padding-right: 0;
}

#grid-container-6col .kc-title-wrap {
    margin-top: -0.3rem;
}

#grid-container-3col .grid-block,
#grid-container-4col .grid-block {
    padding: var(--pad-32);
    background-color: var(--wrf-lighter-clr);
    height: 100%;
    width: calc(100% - 30px);
    margin: 0 15px;
}

#grid-container-3col-slider .kc_tabs {
    margin-bottom: -12px;
}

#grid-container-3col-slider .owl-wrapper {
    max-width: 100%;
    display: grid !important;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    margin-left: 15px;
}

#grid-container-3col-slider .owl-item {
    grid-column: auto;
    grid-row: 1;
    height: 100%;
    background-color: var(--wrf-lighter-clr);
    max-width: calc(100% - 30px);
}

#grid-container-3col-slider .grid-block {
    padding: var(--pad-32);
    background-color: var(--wrf-lighter-clr);
    height: 100%;
}

#grid-container-3col-slider .kc_single_image {
    height: 100%;
}

#grid-container-3col-slider p {
    margin-bottom: 96px;

}

#grid-container-3col-slider .btn-small {
    position: absolute;
    left: 32px;
    bottom: 0;
}

#grid-container-2col-text .grid-block-left,
#grid-container-2col-text .grid-block-right,
#grid-container-2col-img-text .grid-block-left,
#grid-container-2col-img-text .grid-block-right {
    padding: var(--pad-32);
    height: 100%;
    margin: 0 15px;
    width: calc(50% - 30px);
}

#grid-container-2col-img-text .grid-block-left,
#grid-container-2col-img-text .grid-block-right {
    padding: var(--pad-32);
    height: 100%;
    width: calc(100% - 30px);
}

/*background color 2 columns*/

#grid-container-2col-text .grid-block-left,
#grid-container-2col-img-text .grid-block-left {
    background-color: var(--wrf-lighter-clr);
}

#grid-container-2col-text .grid-block-right,
#grid-container-2col-img-text .grid-block-right {
    background-color: var(--wrf-dark-clr);
}

#grid-container-2col-text .btn-small,
#grid-container-2col-img-text .btn-small {
    margin-bottom: var(--pad-32);
}

/*dividing line – headline/copytext*/

#grid-container-3col hr,
#grid-container-3col-slider hr,
#grid-container-4col hr,
#grid-container-2col-text hr,
#grid-container-2col-img-text hr {
    border: none;
    border-top: 3px solid #4c5156;
    width: 30px;
    float: left;
}

#grid-container-2col-text .grid-block-right hr,
#grid-container-2col-img-text .grid-block-right hr {
    border-top: 3px solid var(--txt-white-clr);
}

#grid-container-6col p {
    margin-top: -8px;
}

#grid-container-img-descr .kc-col-container,
#grid-container-img-descr1 .kc-wrap-columns {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: var(--pad-64);
}

#grid-container-img-descr1 .kc-wrap-columns {
    padding: 0 15px;
}

#grid-container-img-descr1 .kc_column {
    padding: 0;
}

#grid-container-img-descr .col-descr-sm-1-1,
#grid-container-img-descr1 .col-descr-sm-1-1 {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-right: 66px;
    width: 100%;
}

#grid-container-img-descr .col-descr-sm-1-2,
#grid-container-img-descr1 .col-descr-sm-1-2 {
    grid-column: 1 / span 2;
    grid-row: 2;
    padding-right: 66px;
    width: 100%;
}

#grid-container-img-descr .col-descr-sm-1-3,
#grid-container-img-descr1 .col-descr-sm-1-3 {
    grid-column: 1 / span 2;
    grid-row: 3;
    padding-right: 66px;
    width: 100%;
}

#grid-container-img-descr .col-descr-sm-2-1 {
    grid-column: 3 / span 2;
    grid-row: 1 / span 3;
    width: calc(100% + 30px);
}


#grid-container-img-descr1 .col-descr-sm-2-1 {
    grid-column: 3 / span 2;
    grid-row: 1 / span 3;
    width: calc(100%);
    vertical-align: middle;
}

#grid-container-img-descr .col-descr-sm-3-1,
#grid-container-img-descr1 .col-descr-sm-3-1 {
    grid-column: 5 / span 2;
    grid-row: 1;
    padding-left: 66px;
    width: 100%;
}

#grid-container-img-descr .col-descr-sm-3-2,
#grid-container-img-descr1 .col-descr-sm-3-2 {
    grid-column: 5 / span 2;
    grid-row: 2;
    padding-left: 66px;
    width: 100%;
}

#grid-container-img-descr .col-descr-sm-3-3,
#grid-container-img-descr1 .col-descr-sm-3-3 {
    grid-column: 5 / span 2;
    grid-row: 3;
    padding-left: 66px;
    width: 100%;
    width: 100%;
}

#grid-container-img-descr h5,
#grid-container-img-descr .descr-sub,
#grid-container-img-descr1 h5,
#grid-container-img-descr1 .descr-sub {
    margin: -8px 0 0 0;
}

#grid-container-img-descr .kc_single_image,
#grid-container-img-descr1 .kc_single_image {
    width: calc(100% + 60px) !important;
    line-height: 0;
    margin-left: -30px;
    max-width: unset;
    position: relative;
    top: 50%;
    transform: translatey(-50%);
}

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

    #grid-container-4col,
    #grid-container-3col {
        padding: var(--pad-96) 0 calc(var(--pad-96) - 30px) 0;
    }
    #grid-container-3col .kc_col-sm-4 {
        margin-bottom: 30px;
    }

    #grid-container-4col .kc_col-sm-3 {
        width: 50%;
        margin-bottom: 30px;
    }
}

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

    #grid-container-4col .kc-container,
    #grid-container-2col-text .kc-container {
        margin: 0;
        padding: 0;
    }

    #grid-container-4col,
    #grid-container-3col {
        padding: var(--pad-96) 0 calc(var(--pad-96) - 30px) 0;
    }

    #grid-container-4col .kc-wrap-columns,
    #grid-container-2col-text .kc-wrap-columns,
    #grid-container-2col-img-text .kc-wrap-columns {
        display: unset;
    }

    #grid-container-3col .kc_col-sm-4 {
        width: 100%;
        margin-bottom: 32px;
    }

    #grid-container-4col .kc_col-sm-3 {
        width: 50%;
        margin-bottom: 32px;
    }

    #grid-container-2col-text .kc_col-sm-6,
    #grid-container-2col-img-text .kc_col-sm-6 {
        width: calc(50% -30px);
    }

    #grid-container-6col .kc-wrap-columns {
        display: grid;
        grid-template-columns: repeat(3, auto) !important;
    }

    #grid-container-6col .col-txt-sm-2-1,
    #grid-container-6col .col-txt-sm-2-2,
    #grid-container-6col .col-txt-sm-2-3,
    #grid-container-6col .col-txt-sm-2-4,
    #grid-container-6col .col-txt-sm-2-5,
    #grid-container-6col .col-txt-sm-2-6 {
        width: 100%;
    }
    #grid-container-6col .col-txt-sm-2-1 {
        grid-column: 1;
        grid-row: 1;
    }
    #grid-container-6col .col-txt-sm-2-2 {
        grid-column: 1;
        grid-row: 2;
        margin-top: var(--pad-16);
    }
    #grid-container-6col .col-txt-sm-2-3 {
        grid-column: 2;
        grid-row: 1;
    }
    #grid-container-6col .col-txt-sm-2-4 {
        grid-column: 2;
        grid-row: 2;
        margin-top: var(--pad-16);
    }
    #grid-container-6col .col-txt-sm-2-5 {
        grid-column: 3;
        grid-row: 1;
    }
    #grid-container-6col .col-txt-sm-2-6 {
        grid-column: 3;
        grid-row: 2;
        margin-top: var(--pad-16);
    }
}

@media only screen and (max-width: 500px) {
    #grid-container-4col,
    #grid-container-3col,
    #grid-container-2col-text,
    #grid-container-2col-img-text,
    #grid-container-6col {
        padding: var(--pad-96) 0 calc(var(--pad-96) - 15px) 0;
    }

    #grid-container-2col-img-text .kc_column {
        padding-right: 0;
        padding-left: 0;
    }

    #grid-container-3col .kc_col-sm-4,
    #grid-container-4col .kc_col-sm-3,
    #grid-container-2col-text .kc_col-sm-6,
    #grid-container-2col-img-text .kc_col-sm-6 {
        width: 100%;
        margin-bottom: 15px;
    }

    #grid-container-2col-text .grid-block-left,
    #grid-container-2col-text .grid-block-right {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 0;
    }

    #grid-container-2col-img-text .grid-block-left,
    #grid-container-2col-img-text .grid-block-right {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    #grid-container-6col .kc-wrap-columns {
        display: unset;
        width: 100%;
    }

    #grid-container-6col .kc_column {
        padding: 0;
    }

    #grid-container-6col .col-txt-sm-2-2,
    #grid-container-6col .col-txt-sm-2-4 {
        width: 100%;
        margin-bottom: 48px;
    }

    #grid-container-6col .col-txt-sm-2-2,
    #grid-container-6col .col-txt-sm-2-4,
    #grid-container-6col .col-txt-sm-2-6 {
        margin-top: 24px;
    }

    #grid-container-img-descr1 .kc-wrap-columns {
        display: grid;
        grid-column-gap: 30px;
        grid-template-columns: repeat(2, auto) !important;
        grid-auto-rows: unset;
        grid-auto-flow: column;
        grid-row-gap: var(--pad-48);
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    #grid-container-img-descr1 .col-descr-sm-1-1 {
        grid-column: 1;
        grid-row: 2;
        padding: 0;
        width: 100%;
    }
    #grid-container-img-descr1 .col-descr-sm-1-2 {
        grid-column: 2;
        grid-row: 2;
        padding: 0;
        width: 100%;
    }
    #grid-container-img-descr1 .col-descr-sm-1-3 {
        grid-column: 1;
        grid-row: 3;
        padding: 0;
        width: 100%;
    }
    #grid-container-img-descr1 .col-descr-sm-2-1 {
        grid-column: 1 / span 2;
        grid-row: 1;

    }
    #grid-container-img-descr1 .col-descr-sm-3-1 {
        grid-column: 2;
        grid-row: 3;
        padding: 0;
        width: 100%;
    }
    #grid-container-img-descr1 .col-descr-sm-3-2 {
        grid-column: 1;
        grid-row: 4;
        padding: 0px;
        width: 100%;
    }
    #grid-container-img-descr1 .col-descr-sm-3-3 {
        grid-column: 2;
        grid-row: 4;
        padding: 0;
        width: 100%;
    }

    #grid-container-img-descr1 .kc_single_image {
        width: 300px !important;
        height: auto;
        max-width: unset;
        position: relative;
        left: 50%;
        top: unset;
        transform: translatex(-40%);
        margin-bottom: var(--pad-32);
    }
}


/* 1.4 grids / 06 4 columns – text  / image
-----------------------------------------*/

#grid-container-4col-txt-img {
    height: 70vh;

}


/*================================================================
 ***** # 05 forms *****
================================================================*/

/*-----------------------------------
1.5 grids / 01 newsletter mailer-lite
-----------------------------------*/

#content-container-newsletter .ml-form-embedwrapper {
    background-color: unset !important;
}

#content-container-newsletter .horizontal-fields input,
#content-container-newsletter button.primary {
    border-color: unset !important;
    border-style: unset !important;
    border-width: unset !important;
    font-family: var(--font-family-copy) !important;
    line-height: 16px !important;
    font-size: 14px !important;
    height: 56px;
    padding: 0 0 0 24px !important;
}

#content-container-newsletter .horizontal-fields .ml-error input {
    border-color: var(--err-clr) !important;
    color: var(--err-clr) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

#content-container-newsletter .ml-button-horizontal button:hover {
    background-color: #fff !important;
}

#content-container-newsletter .label-description {
    font-family: var(--font-family-copy) !important;
    color: #fff !important;
}

#content-container-newsletter .horozintalform {
    margin: 32px 0 16px 0 !important;
}

#content-container-newsletter input[type="checkbox"] {
    padding: 10px !important;
    border-radius: 4px !important;
    margin-right: 16px !important;
}


/*-----------------------------------
1.5 grids / 02 contactform
-----------------------------------*/

#content-container-contactform .form-field input {
    border-color: unset !important;
    border-style: unset !important;
    border-width: unset !important;
    font-family: var(--font-family-copy) !important;
    line-height: 16px !important;
    font-size: 14px !important;
    height: 56px;
    padding: 0 0 0 24px !important;
}

#content-container-contactform label,
#content-container-contactform .frm_primary_label {
    font-family: var(--font-family-copy) !important;
    color: #fff !important;
}


/*================================================================
***** # 06 tabs *****
================================================================*/

/*---------------------
1.6 tabs - 01 tabs left
---------------------*/

#tabs-container-left {
    background-color: var(--wrf-darker-clr);
    color: #fff;
}

#tabs-container-left .kc_tabs {
    margin-bottom: 0;
}

#tabs-container-left .kc_wrapper .ui-tabs .kc_clearfix {
    display: block !important;
}

#tabs-container-left .kc_tabs_nav li {
    border-right: 2px solid var(--wrf-darker-clr);
}

#tabs-container-left .kc_tabs_nav li a {
    line-height: 64px;
    font-size: 0.875rem;
    font-weight: 500;
    font-style: normal;
}

#tabs-container-left .kc_tabs_nav .ui-tabs-active a {
    background-color: var(--wrf-dark-clr);
    color: var(--txt-white-clr);
    font-size: 0.875rem;
    font-weight: 500;
    font-style: normal;
}

#tabs-container-left .kc_tab_content {
    padding: 72px 0 0 0 !important;
}

/* background color tabs*/

#tabs-container-left #tabname-1 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container-left #tabname-2 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container-left #tabname-3 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container-left #tabname-4 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container-left #tabname-5 {
    background-color: var(--wrf-darker-clr);
}


/*-----------------------
1.6 tabs - 01 tabs center
-----------------------*/

#tabs-container {
    background-color: var(--wrf-darker-clr);
    color: #fff;
}

#tabs-container .kc_tabs {
    margin-bottom: 0;
}

#tabs-container .kc_tabs_nav li {
    border-right: 2px solid var(--wrf-darker-clr);
}

#tabs-container .kc_tabs_nav li a {
    line-height: 64px;
    font-size: 0.875rem;
    font-weight: 500;
    font-style: normal;
}

#tabs-container .kc_tabs_nav .ui-tabs-active a {
    background-color: var(--wrf-dark-clr);
    color: var(--txt-white-clr);
    font-size: 0.875rem;
    font-weight: 500;
    font-style: normal;
}

#tabs-container .kc_tab_content {
    padding: 72px 0 0 0 !important;
}

#tabs-container .kc_tab {
    background-color: var(--wrf-darker-clr);
}

/* background color tabs*/

#tabs-container #tabname-1 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container #tabname-2 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container #tabname-3 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container #tabname-4 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container #tabname-5 {
    background-color: var(--wrf-darker-clr);
}

#tabs-container ul {
    display: flex;
    justify-content: center;
}


/*tab to dropdown – for left and center tabs*/

.tab-dropdown select,
.tab-dropdown-center select {
    display: none;
}

@media (max-width: 768px) {
    #tabs-container-left ul,
    #tabs-container ul {
        display: none;
    }

    #tabs-container-left select {
        display: inline-block;
        height: 64px;
        width: 290px;
        font-size: 1rem;
        z-index: 999;
        margin-top: -300px;
    }

    #tabs-container select {
        display: block;
        margin: 0 auto;
        height: 64px;
        width: 290px;
        font-size: 1rem;
    }

    tabs-container-left option,
    tabs-container option {
        padding: 16px 0;
    }
}

/*--------------------------------------
1.6 contents - 03 quotes/testimonials
--------------------------------------*/

#quote-container .kc_single_image {
    margin-bottom: 2rem;
}

#quote-container p {
    margin-bottom: 1.4rem;
  margin-left: 80px;
  max-width: 750px;
}

#quote-container .caption p {
    margin-top: -0.8rem;
}
.quote_text_box p,.quote_text_box_ref p, .quote_text_box h3{
margin-bottom: 1.4rem;
margin-left: 80px;
max-width: 750px;
}
.quote_text_box:before, .quote_text_box_ref:before {
content: '';
width: 62px;
height: 53px;
float: left;
padding-top: 6px;
background-image: url('/wp-content/uploads/2026/03/icon_quote-1-blue.svg');
background-size: 62px 53px;
background-repeat: no-repeat;
  }

@media screen and (max-width:768px) {
.quote_text_box {
margin-left:0;
}
#quote-container p {
  margin-left: 25px;
}
.quote_text_box:before, .quote_text_box_ref:before {
content: '';
width: 20px;
height: 20px;
float: left;
padding-top: 6px;
background-image: url('/wp-content/uploads/2020/08/icon_quote.svg');
background-size: 20px 20px;
background-repeat: no-repeat;
  }
  .quote_text_box p,.quote_text_box_ref p, .quote_text_box h3{
  margin-left: 28px;
  }
}
 @media screen and (max-width: 498px) {
   .quote_text_box:before, .quote_text_box_ref:before {
   width: 0;
   height: 0;
   background: none;
     }
   .quote_text_box p,.quote_text_box_ref p, .quote_text_box h3{
   margin-left: 0;
   }
   .ref_title p{
     overflow-wrap: break-word;
   }
 }
 /* Infoblock */
  @media screen and (min-width:768px) {
 .infoblock_primary {
   background: #ec6500;
   padding: 44px 90px 52px 90px !important;
 }
}
 @media screen and (max-width:768px) {
   .infoblock_primary {
     background: #ec6500;
     padding: 44px 4vw 52px 4vw !important;
   }
 }