section {
padding: var(--pad-96) 0;
background-color: #fff;
} :root { --headers-height: 720px;   } .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);
}
} .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 {}     .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%;
} @media only screen and (max-width: 1024px) {}
}   #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;
}
} .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;
}
} .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;
}
} .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;
}
} .content-full-container {
padding-top: 0;
padding-bottom: 0;
}
.content-full-container .kc-wrap-columns {
height: 100%;
} .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) { #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;
}
}    @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%;
}
}         #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);
} #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);
} #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);
}
} #grid-container-4col-txt-img {
height: 70vh;
}  #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;
} #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;
}  #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;
} #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);
} #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);
} #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-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;
}
} #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(//www.finesse-service.at/wp-content/uploads/2020/08/icon_quote.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(//www.finesse-service.at/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;
}
} @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;
}
}