/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

body.layout-boxed {
    padding: 0
}

body {
    scroll-behavior: smooth;
    scroll-snap-align: start;
    scroll-margin: 100px !important
}

*::selection {
    background: #accef7;
    color: #064444
}

body.single-post .the_content_wrapper a {
    font-weight: bold;
    text-decoration: underline;
    font-style: italic
}

.section-box {
    max-width: 1280px;
    margin: auto
}

.boxed-wrap {
    max-width: 1280px;
    margin: auto
}

.image-info-columns .mcb-wrap-inner {
    align-items: center
}

.gradient-banner {
    padding: 100px;
    display: flex;
    line-height: normal;
    text-align: center;
    align-items: center;
    background: #047373;
    background: linear-gradient(90deg, rgba(4, 115, 115, 1) 0, rgba(63, 174, 144, 1) 50%, rgba(4, 115, 115, 1) 100%)
}

.gradient-banner p {
    padding-top: 20px;
    margin: 0 
}

.gradient-banner.xl-title h2 {
    margin: 0;
    font-weight: bold;
    font-size: 75px;
    color: #fff;
    line-height: normal
}

.gradient-banner.xl-title h3 {
    margin: 0;
    font-size: 50px;
    color: #fff;
    line-height: normal
}

.secondary-banner {
    padding: 64px 0;
    color: #fff;
    background: #047373;
    background: linear-gradient(90deg, rgba(4, 115, 115, 1) 0, rgba(24, 167, 142, 1) 100%)
}

.secondary-banner p {
    padding-left: 24px;
    font-size: 36px;
    line-height: normal
}

.grid-container {
    display: grid;
    grid-template-columns:auto auto auto
}

.grid-item {
    text-align: center;
    margin: auto;
    color: #fff;
    max-width: 180px
}

.info-area {
    background: #fff;
    padding: 50px 44px;
    border-radius: 10px
}

#image-info-text {
    padding: 40px 0;
    font-size: 36px;
    line-height: normal
}

.image-banner .mcb-wrap-inner {
    flex-wrap: unset;
    align-items: center
}

.image-banner .mcb-column-inner {
    margin: 0;
    justify-content: center;
    display: flex
}

.image-banner .image_frame .image_wrapper {
    border-radius: 0
}

.section-image .mcb-column-inner {
    margin: 0
}

.section-image .image_frame .image_wrapper {
    border-radius: 0
}

.info-card-image {
    padding-top: 50px;
    background: #fff;
    justify-content: center;
    display: grid;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    z-index: 1
}

.savings-banner {
    padding: 64px 0;
    color: #fff;
    background: #047373;
    justify-content: center
}

.info-button {
    position: absolute;
    bottom: -23px;
    right: 10%;
    background: #87de7c;
    padding: 13px 22px;
    border-radius: 10px;
    display: inline-block
}

.info-container-img {
    margin: 0
}

.info-container-img .image_frame.image_wrapper {
    border-radius: 10px 10px 0 0
}

.info-card {
    height: 100%;
    margin-left: 0;
    background: #fff;
    padding: 0 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 3px 8px #0000F
}

.info-card .mcb-column-inner {
    margin: 40px 30px
}

.info-grid .mcb-wrap-inner {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 0 1.25rem
}

.info-grid-img-header .mcb-column-inner, .info-grid .mcb-column, .info-grid .image_frame, .info-grid .image_wrapper {
    height: 100%
}

.info-grid-img-header img {
    height: 100%;
    object-fit: cover;
    min-height: 250px
}

.info-grid .one-third.column {
    width: 100%
}

.secondary-info-grid .mcb-wrap-inner {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 0 1.25rem
}

.secondary-info-grid .one-second.column {
    width: 100%
}

.info-grid .mcb-column-inner {
    position: unset
}

.secondary-info-grid .mcb-column-inner {
    position: unset
}

.image-banner .mcb-wrap-inner {
    flex-wrap: unset;
    align-items: center
}

.image-banner .mcb-column-inner {
    margin: 0;
    justify-content: center;
    display: flex
}

.image-banner .image_frame .image_wrapper {
    border-radius: 0
}

.section-image .mcb-column-inner {
    margin: 0
}

.section-image .image_frame .image_wrapper {
    border-radius: 0
}

select#info-select {
    height: 48px;
    margin-top: 8px
}

.new-calculator-wrap {
    display: flex;
    background: #fff;
    height: auto;
    border-radius: .75rem;
    width: 1000px;
    margin: auto;
    box-shadow: 8px 3px 8px #0000D
}

.calculator-input-wrap {
    display: flex;
    width: 50%;
    padding: 1rem;
    flex-direction: column;
    height: 100%
}

.calculator-input-column {
    width: 100%;
    height: 100%;
    border-radius: .75rem;
    background: #f4f4f4;
    border: 1px solid #d5d5d5
}

.calculator-result-savings p {
    color: #87de7c;
    font-weight: bold
}

.calculator-input-row {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.calculator-customer-input, .calculator-customer-subsidy, .calculator-customer-additional {
    height: 130px;
    padding: 1rem 1rem 0 1rem;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #d5d5d5
}

.range-input-labels {
    display: flex;
    justify-content: space-between
}

.calculator-input-label input {
    width: 100%
}

.calculator-input-label {
    padding-right: 2rem
}

.input-label {
    font-weight: bold
}

.range-input-label {
    font-size: 12px
}

.range-input-label {
    display: flex;
    justify-content: space-between
}

.input-info {
    font-size: 1rem
}

.calculator-result-column {
    width: 50%;
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2rem
}

.calculator-result-column h3 {
    font-size: 32px;
    line-height: normal;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin-bottom: 1rem
}

.calculator-result-savings {
    width: fit-content;
    padding: 1rem;
    border: 1px solid #d5d5d5;
    border-radius: .75rem;
    margin: auto
}

.calculator-result-savings p {
    margin-bottom: 0;
    font-size: 40px;
    line-height: normal
}

.calculator-customer-additional {
    border-bottom: 0
}

.calculator-input-label {
    width: 80%
}

.result-wrap {
    border-radius: .25rem;
    border: 1px solid #d5d5d5;
    display: flex;
    padding: .5rem 1rem;
    width: 82.5px;
    justify-content: center
}

.result-info {
    border: 1px solid #d5d5d5;
    display: flex;
    margin: 1rem;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem
}

.result-info p {
    line-height: normal;
    font-size: 12px;
    margin-bottom: 0
}

.result-info div {
    margin-right: 1rem
}

.result-info svg {
    fill: #047373
}

.read-more-div {
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
}

.read-more-div button {
    font-size: 22px;
    background-color: #008D59;
}

.blog-title {
    font-size: 55px
}

.share-simple-wrapper {
    padding-left: 24px !important
}

#demo-h4 {
    margin-bottom: 40px
}

.explore-more-div {
    display: flex;
    margin-top: 20px;
    margin-left: -24px
}

.explore-more-div a {
    border: 1px solid #0fa8a8;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0 15px 15px 0;
    padding: 12px;
    margin-left: 8px;
    padding-left: 94px;
    margin-top: 24px
}

.explore-more-div a:hover {
    cursor: pointer
}

#demo-banner .image_frame .image_wrapper {
    border-radius: 0 !important
}

#next-steps-title-div {
    background: #032222;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    padding-bottom: 40px;
    margin-bottom: 80px
}

#next-steps-title-div p, #next-steps-title-div h3 {
    color: #fff;
    margin-bottom: 0;
    line-height: 28px;
    font-size: 24px
}

#next-steps-title-div p {
    font-weight: 100
}

#next-steps-title-div h3 {
    font-weight: bold
}

.step-background-line {
    border-left: 2px solid;
    width: 6px;
    line-height: 8px;
    height: 500px;
    z-index: 1
}

#r-1-lines, #r-2-lines, #r-3-lines, #r-4-lines, #r-5-lines, #r-top-lines, #r-top2-lines {
    opacity: .1;
    width: 100px;
    z-index: 1;
    display: flex
}

#r-top-lines {
    margin-top: -300px;
    margin-right: -200px;
    margin-bottom: -600px;
    margin-left: 320px
}

#r-1-lines {
    margin-top: -100px;
    margin-right: -200px;
    margin-bottom: -600px;
    margin-left: 320px
}

#r-2-lines {
    margin-top: -100px;
    margin-bottom: -600px;
    margin-left: -180px
}

#r-3-lines {
    margin-top: -100px;
    margin-bottom: -600px;
    margin-left: -100px
}

#r-4-lines {
    margin-top: -100px;
    margin-right: -200px;
    margin-bottom: -600px;
    margin-left: 320px
}

#r-5-lines {
    margin-top: -100px;
    margin-bottom: -600px;
    margin-left: -100px
}

.org-logos {
    display: flex;
    justify-content: center
}

#r-top2-lines {
    margin-top: -340px;
    margin-bottom: -600px;
    margin-left: -100px
}

#org-title-div h3 {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 24px;
    font-weight: bold
}

#org-title-div p {
    margin-bottom: 0
}

.step-text {
    margin-left: 12px;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0
}

.step-content-wrap {
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#e-book-wrap .step-content-wrap input {
    margin-top: 16px
}

#e-book-wrap p {
    font-size: 24px;
    line-height: 28px
}

#demi-wrap #submit-wrap {
    margin-top: 16px;
    width: 200px;
    margin: auto
}

#e-book-wrap h3 {
    font-size: 40px;
    margin-bottom: 28px
}

#e-book-banner .mcb-column-inner {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0
}

#e-book-banner .image_wrapper {
    border-radius: 0
}

#e-book-wrap .step-content-wrap {
    padding: 0
}

#e-book-wrap .step-content-wrap {
    flex-direction: column;
    width: 100%
}

#e-book-wrap .step-content-wrap:first-child div {
    flex-direction: row;
    width: 100%;
    text-align: center
}

#demo-sub-wrap {
    display: flex;
    flex-direction: column
}

#e-book-p {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px
}

#e-book-wrap .step-card #submit-wrap input {
    width: unset;
    margin-right: 0;
    padding: 0 44px;
    margin-top: 16px !important
}

#submit-wrap input {
    padding: 0 44px
}

#e-book-header {
    font-size: 28px
}

.e-book-p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px;
    text-align: left
}

#e-book-submit-wrap {
    display: flex
}

#demo-wrap h3 {
    font-size: 24px
}

.step-number-div {
    display: flex;
    justify-content: end;
    position: absolute;
    top: 16px;
    right: 16px
}

.step-card .mcb-column-inner {
    position: unset
}

.step-card {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 15px;
    box-shadow: 6px 6px 30px #00021;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 1000;
    margin-bottom: 80px
}

.step-card :nth-child(1) {
    width: 100%
}

.step-card form p {
    margin-bottom: 0
}

#contact-col-wrap p {
    display: flex
}

#contact-col-wrap p:first-child {
    width: 45%
}

#newsletter-wrap {
    display: flex;
    margin-top: -16px;
    margin-bottom: 10px
}

#newsletter-wrap p {
    font-size: 15px;
    margin-left: 1px
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .wp-block-search input[type="search"], .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {
    border-color: #064444;
    border-radius: 4px
}

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, .woocommerce .quantity input.qty, .wp-block-search input[type="search"]:focus, .dark input[type="email"]:focus, .dark input[type="password"]:focus, .dark input[type="tel"]:focus, .dark input[type="text"]:focus, .dark select, .dark textarea {
    border-color: #064444;
    border: 2px solid #064444
}

.wpcf7-spinner {
    display: none
}

.step-card .wpcf7-response-output {
    color: #444 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 8px !important
}

#newsletter-wrap p {
    text-align: center;
    display: flex;
    align-items: center;
    width: fit-content;
    white-space: nowrap
}

#newsletter-wrap input {
    height: 14px;
    margin-top: 24px;
    margin-left: -14px
}

#demo-sub-wrap #newsletter-wrap {
    margin-bottom: 20px;
    margin-top: -10px
}

#demo-sub-wrap #newsletter-wrap p {
    margin-top: 12px;
    margin-bottom: 12px
}

#contact-col-wrap p span {
    margin-right: 12px
}

#demi-wrap .step-card {
    padding-bottom: 12px
}

.step-card-formular {
    width: fit-content;
    background: #fff;
    position: relative;
    border-radius: 15px;
    box-shadow: 6px 6px 30px #00021;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 1000
}

.step-card input {
    height: 48px;
    margin: 8px;
    width: 100%;
    margin-left: 0
}

.steps-finish {
    background-color: #87de7c;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    text-align: center;
    line-height: 250px;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    margin: auto
}

.step-line {
    z-index: 1;
    width: 8px;
    height: 200px;
    position: absolute;
    top: -140px;
    left: 50%;
    border: 1px solid
}

.step-number {
    background-color: #87de7c;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 24px
}

.arrow-left {
    text-align: end;
    content: url("/wp-content/uploads/2023/04/Group-95.svg");
    margin-left: -40px
}

.arrow-right {
    content: url("/wp-content/uploads/2023/04/Group-96.svg");
    margin-right: -40px
}

svg {
    display: inline-block;
    vertical-align: middle
}

.post-header .mcb-column-inner {
    margin-bottom: 0
}

.step-icon-container {
    height: 48px;
    width: 40px;
    min-width: 40px
}

#step-1-icon {
    content: url("/wp-content/uploads/2023/04/Icon-awesome-wpforms.svg")
}

#step-2-icon {
    content: url("/wp-content/uploads/2023/04/Icon-material-person.svg")
}

#step-3-icon {
    content: url("/wp-content/uploads/2023/04/Icon-awesome-list-ol.svg")
}

#step-4-icon {
    content: url("/wp-content/uploads/2023/04/Icon-awesome-mobile-alt.svg")
}

#step-5-icon {
    content: url("/wp-content/uploads/2023/04/Icon-map-restaurant.svg")
}

#step-6-icon {
    content: url("/wp-content/uploads/2023/04/Icon-metro-qrcode.svg")
}

.the_content_wrapper p {
    margin-bottom: 40px
}

.wpcf7-submit {
    margin-top: -22px !important
}

.post-photo-wrapper img {
    min-height: 231px
}

.fixed-nav {
    bottom: 20% !important
}

.post-footer {
    display: none
}

.post-header .image-wrapper {
    border-radius: 0 !important
}

.post-item h2.entry-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold
}

.desc h6 {
    color: white
}

.post-excerpt {
    color: #011111
}

.banner-img-e-book {
    text-align: end
}

.banner-txt-ebook {
    font-size: 34px;
    color: #fff;
    text-align: end
}

.post-item {
    box-shadow: 0 0 20px rgba(0,0,0,0.25);
    border-radius: 10px;
    opacity: .8
}

.post-photo-wrapper .image_wrapper {
    border-radius: 0 !important;
    max-height: 221px
}

.post-desc-wrapper {
    height: 290px
}

.section-post-header .section_wrapper {
    flex-direction: column-reverse
}

.footer_button {
    display: none
}

.post-nav.minimal.column {
    padding: 0;
    background: 0;
    position: relative;
    height: 40px !important;
    margin-bottom: -80px;
    margin-top: 24px
}

.share-simple-wrapper {
    font-size: 14px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 19px 0;
    text-align: left
}

.entry-title {
    margin-top: 12px
}

.author-date {
    margin-top: 80px;
    margin-left: 24px
}

.calculator-wrap {
    display: flex;
    flex-direction: column;
    background-color: #ebebeb;
    width: 900px;
    margin: auto;
    border: 1px solid #d0d0d0
}

.calc-left-row-calculator {
    align-items: center;
    display: flex;
    padding: 0 24px;
    width: 50%;
    flex-direction: row;
    justify-content: space-between
}

.calculator-row-1, .calculator-row-2 {
    display: flex
}

.range-row-calculator {
    padding: 24px;
    border-bottom: 1px solid #d0d0d0
}

.result-col-calculator {
    height: 100%;
    display: flex
}

.range-result-calculator {
    width: 80px;
    height: 100%;
    margin-left: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.calculator-r1-col1, .calculator-r1-col2 {
    display: flex;
    position: relative;
    width: 50%;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.calculator-r1-col1 {
    border-bottom: 1px solid #d0d0d0
}

.calculator-r1-col2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.range-input-div-calculator {
    display: flex;
    align-items: center
}

.calculator-r1-col1 {
    padding: 24px
}

.calculator-r1-col2, .calculator-r2-col2 {
    background-color: #012727
}

.the_content_wrapper ul {
    padding-top: 0 !important;
    margin-bottom: 0 !important
}

.the_content_wrapper p {
    margin-bottom: 20px !important;
    margin-top: 20px !important
}

.the_content_wrapper .wp-block-columns {
    margin-bottom: 0 !important
}

.single-photo-wrapper img {
    width: 100%
}

#demo-sub-wrap #newsletter p {
    margin-top: 16px;
    margin-bottom: 16px
}

.setting-row {
    background-color: #dfdfdf;
    height: 0;
    overflow: hidden;
    transition: height .5s ease-out
}

#first-setting-d {
    padding-top: 24px
}

.calc-left-col-label-f {
    font-size: 12px;
    font-weight: 200;
    margin-left: 12px;
    margin-bottom: 0;
    line-height: 8px
}

.calculator-r2-col1, .calculator-r2-col2 {
    display: flex;
    width: 50%;
    flex-direction: column
}

#detail-button {
    position: absolute;
    bottom: 0;
    height: 30px;
    display: flex;
    color: #565656;
    align-items: center;
    background-color: #efefef;
    border: 1px solid #dcdcdc;
    border-radius: 15px
}

.setting-row.open {
    height: 130px;
    display: flex;
    flex-direction: column
}

#btn-down {
    display: flex;
    margin-left: 4px
}

#detail-button.open {
    background-color: #00d084
}

#btn-down.open {
    display: none
}

#btn-up {
    display: none
}

#btn-up.open {
    display: flex;
    margin-left: 4px
}

.calculator-r1-col2 {
    padding: 24px
}

.saving-row {
    justify-content: space-between;
    display: flex;
    width: 100%
}

.saving-row p {
    margin-bottom: 0
}

#Header_wrapper {
    z-index: 99999
}

#Content {
    padding-top: 0
}

@media only screen and (min-width: 1240px) {
    .calendly-inline-widget iframe {
        overflow: hidden
    }

    .nav-blog-arrow {
        display: none
    }
}

@media only screen and (max-width: 1063px) {
    .calendly-inline-widget {
        height: 1170px
    }
}

.calendly-inline-widget {
    height: 800px;
    overflow-y: hidden !important
}

#Footer .widgets_wrapper {
    border-top: 1px solid #064444;
    margin: 0 40px;
    padding: 2rem 190px;
    font-size: 13px;
    line-height: 18px
}

.recardy-contact input, .recardy-contact textarea {
    border-radius: 4px !important
}

span.wpcf7-form-control-wrap {
    margin-bottom: 16px !important
}

div.wpforms-container-full .wpforms-form .h-captcha[data-size="normal"], .h-captcha[data-size="normal"] {
    width: 303px;
    height: 78px
}

.recardy-contact input.wpcf7-submit {
    width: 234px
}

#Footer .footer-left, #Footer .footer-right {
    width: 45%;
    float: left;
    text-align: left
}

.soc-icon {
    margin-right: 18px;
    margin-left: 12px
}

#Footer .footer-right {
    float: right;
    text-align: right;
    justify-content: end;
    display: flex;
    align-items: end
}

#Footer .footer-center {
    width: 10%;
    float: left;
    text-align: center
}

#Footer .footer-col {
    float: left;
    padding-right: 40px
}

#Footer .footer-col.right {
    float: right;
    padding-right: 0
}

#Top_bar .banner_wrapper {
    display: inline-block;
    padding: 15px 0 10px 40px
}

#Top_bar.is-sticky .banner_wrapper {
    display: inline-block;
    padding: 7px 0 7px 40px
}

.contact_details li {
    display: blocK;
    padding: 2px 0;
    line-height: 18px
}

#rangeSum, #tax {
    width: fit-content
}

.calc-title {
    background-color: #064444;
    color: #fff;
    border-radius: 15px 15px 0 0
}

.calc-left-row {
    align-items: center;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.action_button {
    background: #f5e055
}

.calc-left-row input {
    margin-bottom: 0;
    width: 80px
}

.calc-title h3 {
    color: #fff;
    padding: 16px
}

.wpcf7-response-output {
    color: white
}

.lunch-button {
    display: flex;
    height: 60px;
    border-radius: 15px;
    border: 1px solid #fff;
    display: none
}

.div-lunch-wrap {
    white-space: nowrap;
    display: flex;
    font-weight: 100;
    flex-direction: column;
    justify-content: center;
    align-content: end;
    align-items: end
}

.div-lunch-wrap p {
    margin-bottom: 52px
}

#button-container-lunch {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 305px;
    position: relative
}

#lunch-link {
    color: white
}

.icon-container {
    width: 20%;
    padding: 16px;
    border-radius: 10px 0 0 10px;
    background-color: #48cd37;
    text-align: center;
    border-right: 1px solid white
}

.button-icon i {
    color: #fff;
    font-size: 1.5em
}

.button-text {
    width: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: transparent;
    color: white
}

.button-text a {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    padding-left: 50px;
    padding-top: 15px
}

.calc-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.calc-left-col-label {
    font-size: 15px;
    font-weight: 500;
    margin-left: 12px;
    margin-bottom: 0
}

.calc-left-col {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.calc-right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #012727;
    width: 454px
}

.range-result {
    width: 80px;
    padding-top: 20px;
    height: 100%;
    margin-left: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

#range-result, #range-result-customer {
    margin: 0
}

.calc-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 21px 20px 21px 4px;
    align-items: end;
    background-color: #ebebeb;
    border: 1px solid #d0d0d0
}

.calc-row p {
    color: #000
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.row-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.calc-row-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 12px;
    margin: auto;
    padding-top: 24px
}

.calc-result {
    min-width: 250px;
    height: 40px;
    padding: 24px;
    background-color: #31ac7f;
    margin: auto;
    color: #fff;
    border: 4px solid #fff;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

#saving {
    font-weight: normal;
    font-size: 32px
}

.calc-result p {
    margin-bottom: 0;
    font-size: 32px;
    font-weight: normal
}

.calc-result-xs {
    width: 120px;
    color: #fff;
    height: 40px;
    display: flex;
    font-size: 20px;
    justify-content: end
}

.calc-result-xs p {
    margin: 0;
    font-size: 25px
}

#calc-result-text {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center
}

.calc-result-text-footer {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.calc-result-footer {
    width: 200px;
    height: 40px;
    background-color: #fff;
    margin-bottom: 24px;
    margin-right: 60px
}

#calc-result-title {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 8px
}

#calc-footer {
    width: 910.87px;
    margin: auto;
    background-color: #032222
}

.calc-res-foot {
    color: #fff;
    font-weight: 500
}

.calc-res-foot-r {
    color: #fff;
    font-size: 14px;
    display: none
}

.calc-title-second-line {
    color: white !important;
    font-size: 12px !important
}

.calc-title-res {
    display: none
}

#additionalPaymentPerEmployee, #savingPerEmployee {
    font-weight: 300
}

#customer-saving {
    margin-bottom: 12px
}

.row-footer {
    margin: 12px 12px 42px;
    align-items: center;
    display: flex;
    padding: 0 40px;
    justify-content: space-between
}

#savingsWrap {
    margin-top: -4px
}

#first-row-right {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 12px 12px 31.5px 12px;
    height: 174.5px
}

.row-footer p {
    margin-bottom: 0
}

.div-green-bg {
    padding: 54px 54px 54px 88px;
    margin-left: -44px;
    margin-right: -220px;
    background: #064444;
    margin-bottom: 40px;
    display: flex !important;
    white-space: nowrap
}

.div-col-icons {
    display: flex;
    flex-direction: column;
    margin-top: 2px
}

.banner-label {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    padding-left: 32px
}

.banner-label-1 {
    font-weight: 100;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    padding-left: 32px
}

.li-div {
    display: flex;
    white-space: nowrap
}

.li-bold {
    font-weight: bold;
    color: #064444;
    margin-right: 4px
}

.thumb-li::before {
    content: url("/wp-content/uploads/2023/01/Icon-ionic-md-thumbs-up.svg") !important
}

.thumb-li {
    margin-bottom: 24px !important
}

.ellipse-icon {
    content: url("/wp-content/uploads/2023/01/Ellipse-106.svg");
    margin-left: -12px;
    width: 12px;
    margin-bottom: 11px
}

.section-01 {
    padding-left: 32px;
    margin-bottom: 40px
}

.range-picker {
    width: 200px;
    color: #064444;
    border-radius: 15px
}

input[type=range] {
    -webkit-appearance: none
}

.blog_slider .image_wrapper {
    max-height: 168px
}

.blog_slider.flat .blog_slider_header .slick-arrow .button_icon i {
    color: white !important
}

.blog_slider.flat .blog_slider_header .slick-arrow {
    background-color: rgba(6, 68, 68, 0.3) !important;
    height: 80% !important
}

.blog_slider.flat .blog_slider_header .slick-arrow:hover {
    background-color: rgba(6, 68, 68, 0.6) !important
}

.blog_slider .blog_slider_ul li .item_wrapper .date_label {
    padding: 8px;
    display: none !important;
    border: 1px solid
}

.blog_slider .image_frame {
    margin-left: 0 !important
}

.blog_slider .post .desc .hr_color {
    color: #064444 !important;
    background: #064444 !important
}

.blog_slider ul li:before {
    content: unset !important
}

input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: transparent;
    border: 0;
    border-radius: 15px
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #00d084;
    margin-top: -6px
}

input[type=range]:disabled::-webkit-slider-runnable-track {
    background-color: #c5c4c4
}

input[type=range]:disabled::-webkit-slider-thumb {
    background-color: #c5c4c4
}

.contact_details li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: lighter;
    color: #064444
}

.contact_details li > i {
    margin-right: 5px;
    vertical-align: bottom;
    color: #064444
}

#recardy-info h1 {
    position: relative;
    margin-bottom: 40px
}

.has_content .the_content_wrapper {
    padding: 40px 20px
}

.post-wrapper-content .the_content_wrapper {
    padding-top: 0
}

.has_content .the_content_wrapper h1 {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 20px
}

.has_content .the_content_wrapper h2 {
    font-size: 22px;
    line-height: 28px;
    padding-top: 20px
}

.recardy-headline h2 {
    border-top: 1px solid #043333;
    position: relative;
    padding-left: 40px
}

.recardy-headline h2:before, .recardy-inspiration:before, {
    content: '⬤';
    color: #87de7c;
    position: absolute;
    left: 0;
    font-size: 22px
}

.recardy-inspiration {
    font-weight: lighter;
    font-size: 28px;
    line-height: 34px;
    border-top: 1px solid #043333;
    position: relative;
    padding-left: 30px
}

.recardy-inspiration:before {
    top: 5px
}

.recardy-inspiration h2 {
    font-size: 28px
}

.recardy-contact-text {
    font-size: 16px;
    line-height: 19px;
    position: relative;
    margin-top: 20px;
    font-weight: lighter
}

.recardy-contact {
    max-width: 1280px;
    margin: auto
}

.recardy-contact .mcb-column-inner {
    margin: 0
}

.recardy-contact textarea {
    height: 115px;
    width: 100%;
    border-radius: 15px;
    padding: 15px
}

.recardy-contact input {
    border-radius: 15px;
    padding-left: 15px
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    padding-top: 10px;
    color: #fff
}

.recardy-contact input.wpcf7-submit {
    background-color: #87de7c;
    color: #06393c;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    font-weight: bold;
    margin: 10px 0 0 0
}

.recardy-button {
    border: 1px solid #064444;
    width: 100%;
    border-radius: 10px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
    font-weight: bold
}

.recardy-button:hover {
    text-decoration: none
}

.recardy-statistics .column_info_box .mcb-item-info_box-inner, .recardy-features .column_info_box .mcb-item-info_box-inner {
    background-color: #fff;
    margin: 6px
}

#clever-smart {
    margin-top: 32px;
    padding-top: 8px;
    font-size: 28px;
    color: #716c80;
    font-weight: 900
}

.recardy-features .column_info_box .mcb-item-info_box-inner {
    padding: 0
}

.recardy-statistics .mcb-item-info_box-inner .infobox {
    color: #043333;
    padding: 20px 0;
    text-align: center
}

.recardy-features .mcb-item-info_box-inner .infobox {
    color: #043333
}

.recardy-statistics .mcb-item-info_box-inner .infobox h3 {
    color: #043333;
    font-size: 40px;
    font-weight: bold;
    border-bottom: 1px solid #0fa8a8;
    padding-bottom: 30px
}

.recardy-features .mcb-item-info_box-inner .infobox h3 {
    background-color: #064444;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    padding: 25px;
    margin: 0
}

.recardy-statistics .mcb-item-info_box-inner .infobox .infobox_wrapper {
    padding-top: 10px
}

.recardy-features .mcb-item-info_box-inner .infobox .infobox_wrapper {
    padding: 40px 25px
}

.section_wrapper ul {
    padding-top: 40px
}

.section_wrapper ul li {
    list-style-type: none;
    position: relative
}

.section_wrapper ul li::before {
    content: '⬤';
    position: absolute;
    left: -30px;
    font-size: 12px
}

.mcb-item-photo_box-inner .image_frame .image_wrapper img {
    border-radius: 15px
}

.image_frame .image_wrapper {
    border-radius: 15px
}

.info-container-img .image_frame .image_wrapper {
    border-radius: 10px 10px 0 0 !important
}

.info-container-img .image_frame {
    width: 100%
}

.info-container-img .image_frame .image_wrapper img {
    width: 100%
}

.icon-green {
    color: #83cc14
}

.icon-gray {
    color: #d3d3d3
}

.mcb-item-photo_box-inner .desc {
    padding: 20px 25px;
    text-align: left
}

.noptin-form-footer, .noptin-form-header {
    padding: 0
}

.noptin-optin-form {
    color: #fff
}

.noptin-optin-form.noptin-form-single-line .noptin-form-fields .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) {
    margin-right: 0
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field {
    background-color: #fff;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 46px;
    line-height: 46px
}

.noptin-optin-form.noptin-form-single-line .noptin-form-fields .noptin-form-submit {
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    flex: none;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
    font-weight: bold
}

.recardy-social-icon {
    margin: 8px
}

.section_wrapper {
    max-width: none !important
}

@media only screen and (min-width: 1240px) {
    .recardy-features .column_info_box .mcb-item-info_box-inner {
        min-height: 400px
    }

    .section_wrapper, .container {
        max-width: 1280px
    }

    .layout-boxed.header-boxed #Top_bar.is-sticky {
        margin-top: 15px;
        max-width: 1280px;
        border-radius: 30px;
        border: 2px solid #fff
    }

    .header-classic #Action_bar {
        left: 700px
    }

    .menuo-right #Top_bar .menu_wrapper {
        float: left
    }

    #Top_bar .menu > li > a span:not(.description) {
        padding: 0 30px
    }
}

@media only screen and (max-width: 1240px) {
    #Wrapper {
        max-width: none
    }

    .calendly-inline-widget {
        height: 1160px !important;
        overflow-y: hidden !important
    }

    .cal-text {
        color: #8f8f8f;
        padding: 16px !important;
        text-align: center
    }

    .row {
        flex-direction: column
    }

    .rec-title {
        text-align: center !important
    }

    .calc-right-col {
        width: unset;
        flex-direction: column-reverse
    }

    .rec-text-li-left {
        display: block;
        font-size: 17px;
        line-height: 28px;
        text-align: left !important;
        color: #716c80;
        font-weight: 400
    }

    .recardy-statistics .tablet-one-fourth {
        width: 50% !important
    }

    .recardy-features .tablet-one-third {
        width: 100% !important
    }

    .recardy-features .mcb-wrap-inner {
        margin-top: 0 !important
    }

    .recardy-features .tablet-one-fourth {
        width: 100% !important
    }

    .recardy-features .mcb-item-column-inner {
        padding-right: 0
    }
}

@media only screen and (max-width: 960px) {
    h1:before {
        display: none
    }

    #section-v {
        padding: 16px
    }

    #additionalPaymentPerEmployee, #savingPerEmployee {
        margin: auto
    }

    .calc-left-row {
        align-items: center
    }

    .calc-title-second-line {
        text-align: center
    }

    .calc-result {
        font-size: 24px;
        font-weight: 800
    }

    #first-row-right {
        height: unset;
        margin-top: -16px
    }

    .rec-text-li-left {
        display: block;
        font-size: 17px;
        line-height: 28px;
        text-align: left !important;
        color: #716c80;
        font-weight: 300
    }

    .row-footer {
        margin: 12px 12px 42px;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #savingsWrap {
        margin-bottom: 0
    }

    .calc-res-foot {
        font-size: 16px;
        margin-bottom: 12px !important
    }

    .calc-result-xs p {
        font-weight: 800;
        font-size: 24px
    }

    .if-caption-on .image_frame {
        text-align: center
    }

    .column_photo_box {
        width: 100% !important
    }

    .recardy-statistics .tablet-one-fourth {
        width: 100% !important
    }

    .recardy-features .tablet-one-third .infobox {
        padding: 0
    }

    .recardy-banner .column_placeholder {
        display: none
    }

    .recardy-banner .tablet-one-second.column {
        width: 100%;
        padding: 20px;
        text-shadow: 1px 1px 1px #053333
    }

    .recardy-inspiration-container {
        background-image: none !important;
        margin: 40px 20px !important
    }

    #Footer .widgets_wrapper {
        padding: 0
    }

    #Footer .footer-left, #Footer .footer-right, #Footer .footer-center {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 45px
    }

    #Footer .footer-left {
        margin-left: 12px
    }

    #Footer .footer-col {
        padding-right: 15px;
        width: 33%
    }

    #Footer .footer-center {
        padding: 10px 0
    }

    #Footer .footer-right {
        text-align: center;
        margin-left: 18px
    }
}

@media only screen and (max-width: 520px) {
    .noptin-optin-form.noptin-form-single-line .noptin-form-fields .noptin-form-submit, .noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field {
        border-radius: 15px
    }
}

@media only screen and (max-width: 960px) {
    #Top_bar .banner_wrapper {
        padding: 0;
        display: block;
        text-align: start;
        margin-top: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .content_wrapper .section_wrapper, .container, .four.columns .widget-area {
        padding: 0 !important;
        max-width: none !important;
        margin: 0 !important
    }

    .contact_details li {
        display: inline;
        padding: 2px 10px;
        line-height: 18px
    }

    #Top_bar .banner_wrapper {
        padding: 0;
        display: block;
        text-align: center
    }

    #Top_bar .top_bar_right {
        padding: 0
    }

    .contact_details {
        padding: 0 0 5px 0
    }

    .section_wrapper ul {
        padding-top: 20px
    }

    h1 {
        margin-bottom: 20px;
        font-size: 18px
    }

    h1:before {
        display: none
    }

    h1:after {
        display: none
    }
}

.section_wrapper ul li.item-plus-icon::before, .section_wrapper ul li.item-minus-icon::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    top: -2px;
    font-weight: 900;
    margin: 2px 2px 0 0
}

.section_wrapper ul li.icon-two-lines-li::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: 900;
    white-space: nowrap;
    margin: 2px 2px 0 0 !important
}

.section_wrapper ul li {
    margin-bottom: 12px
}

.section_wrapper ul li.item-minus-icon::before {
    content: "\f056"
}

.section_wrapper li.item-nested::before {
    content: none
}

.list-nested {
    padding-top: 0 !important
}

.item-nested {
    font-size: 12px;
    color: #043333;
    margin-bottom: 12px !important
}

.section_wrapper ul li.item-plus-icon::before {
    content: "\f055"
}

.item-minus-icon, item-plus-icon {
    text-align: left !important
}

.post-wrapper-content, .post-header {
    max-width: 1260px;
    margin: auto
}

.table-legend, .legend-txt {
    margin-bottom: 4px;
    text-align: left;
    font-size: 12px;
    margin-left: 24px;
    font: normal normal normal 12px/18px Roboto;
    letter-spacing: 0;
    color: #9a9a9a;
    opacity: 1
}

.info-txt-b {
    font-weight: 900;
    font-size: 24px;
    padding-top: 24px
}

.rec-title {
    text-align: left;
    margin-top: 20px;
    font-size: 24px;
    margin-bottom: 20px
}

#explore-button {
    white-space: nowrap
}

.rec-text-li-left {
    display: block;
    font-size: 17px;
    line-height: 28px;
    text-align: left !important;
    color: #716c80;
    font-weight: 300
}

.rec-text {
    display: block;
    margin: 14px 0 0;
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    color: #716c80;
    font-weight: 400;
    white-space: nowrap
}

#rec-ul {
    padding: 12px 0 0 80px;
    font-size: 15px;
    color: #716c80;
    font-weight: 300
}

#rec-ul-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 24px
}

.banner-txt {
    font-weight: 100;
    opacity: .9
}

.ul-title {
    margin: 0
}

.rc-table .rc-m {
    display: none
}

.rc-table .rc-row.rc-head {
    background: #064444;
    color: #fff
}

.rc-table .rc-row {
    display: flex;
    border-radius: 25px 25px 0 0
}

.rc-table .rc-row .rc-col {
    width: 25%;
    border: 1px solid #ffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    align-items: center;
    padding: 15px 0 15px
}

.rc-col-1 {
    background-color: #00014
}

.rc-col-2 {
    background-color: #00008
}

.rc-col-h .rc-col-hr .rc-col-hl {
    display: flex;
    justify-content: center;
    background: #043333 0 0 no-repeat padding-box;
    align-items: center;
    border-radius: 25px 0 0 0
}

.rc-col-hl {
    border-radius: 25px 0 0 0
}

.rc-col-hr {
    border-radius: 0 25px 0 0
}

.col-head-txt {
    padding: 20px;
    width: fit-content;
    white-space: nowrap
}

.txt-first-r {
    margin-bottom: 0
}

.txt-scnd-r {
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.col-head-txt-scd {
    width: fit-content;
    margin: auto;
    white-space: nowrap
}

.infobox-table {
    background-color: #064444;
    color: #fff;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    padding: 24px
}

.infobox-table-wrapper {
    box-shadow: 3px 3px 10px #00029;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 15px;
    margin-bottom: 12px
}

.infobox-table-wrapper ul {
    padding: 24px
}

.infobox-table-wrapper ul li::before {
    top: 2px
}

.infobox-table h3 {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin: 0
}

.infobox-table h4 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0
}

.rec-text-li {
    display: block;
    font-size: 17px;
    line-height: 28px;
    text-align: left;
    color: #716c80;
    font-weight: 300
}

.link {
    color: #5151fa
}

.link:hover {
    color: #0a0af6
}

.rec-text-li-left {
    display: block;
    font-size: 17px;
    line-height: 28px;
    text-align: left !important;
    color: #716c80;
    font-weight: 300
}

.anim-col {
    display: flex;
    flex-direction: column;
    height: 30px
}

.cal-h {
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin-right: 16px;
    text-align: center
}

.cal-text {
    color: #8f8f8f;
    padding: 0 230px 0 230px;
    text-align: center
}

.anim-wrap {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.anim-wrap h3:first-child {
    margin-right: .5rem
}

.anim-text {
    padding-top: 20px;
    border-top: 1px solid #0fa8a8;
    margin-left: 20px;
    font-weight: 400;
    margin-right: 20px
}

.anim-text-res {
    display: none;
    padding-top: 20px;
    border-top: 1px solid #0fa8a8;
    margin-left: 20px;
    margin-right: 20px
}

.anim-wrap h3 {
    font-size: 40px;
    font-weight: 700;
    padding-top: 8px
}

.rec-text-footer {
    display: block;
    font-size: 17px;
    padding-right: 0;
    text-align: left !important;
    color: #e8e8e8;
    font-weight: 300
}

.banner-txt-e-book {
    font-size: 40px !important;
    line-height: 48px;
    margin: 0;
    font-weight: bold;
    padding-left: 12px;
    color: white
}

.banner-txt-e-book-sub {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    font-weight: bold;
    color: white
}

.banner-text-wrapper-e-book {
    display: flex;
    width: fit-content;
    flex-direction: column;
    margin: auto;
    margin-top: 200px;
    padding-left: 600px
}

.h3-res {
    white-space: nowrap;
    color: #014a39;
    font-size: 20px;
    font-weight: 500
}

#calc-title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 24px
}

#number-input, #number-input-customer, #number-input-tax, #number-input-days {
    margin-left: 12px;
    border: 3px solid #029c64;
    font-size: 15px;
    width: 80px
}

#number-input-tax-calc, #number-input-days-calc {
    margin-left: 12px;
    border: 3px solid #029c64;
    font-size: 15px;
    margin-bottom: 8px;
    width: 80px;
    height: 36px
}

.range-input-div {
    display: flex;
    align-items: center
}

.range-currency-label {
    margin-bottom: 0;
    padding: 12px;
    white-space: nowrap;
    font-size: 14px
}

#calc-text {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 8px
}

.ul-h {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (min-width: 751px) {
    #slide-menu-button {
        display: none
    }
}

@media only screen and (max-width: 750px) {
    .rc-table .rc-row.rc-head {
        display: none
    }

    .calc-res-foot-r {
        color: #fff;
        font-size: 14px;
        display: flex
    }

    .calc-wrap {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .range-result-calculator p {
        font-size: 16px
    }

    #contact-col-wrap p:first-child {
        width: 100%
    }

    #contact-col-wrap p span {
        margin-right: 0
    }

    #contact-col-wrap p span:first-of-type {
        margin-right: 8px !important
    }

    .step-card {
        border-radius: unset;
        box-shadow: unset;
        height: unset;
        padding: 0 12px 24px;
        margin-top: 20px;
        z-index: 1000;
        margin-bottom: 20px
    }

    .org-logos img {
        max-width: 100%;
        height: auto;
        width: 92px
    }

    #demo-sub-wrap #newsletter-wrap {
        margin-bottom: 20px;
        margin-top: 0
    }

    #demo-sub-wrap #newsletter-wrap p {
        font-size: 11px !important;
        margin-top: 0;
        margin-bottom: 0
    }

    .step-text {
        width: 100%;
        margin-left: 12px;
        font-size: 17px;
        line-height: 19px;
        margin-bottom: 0
    }

    #next-steps-title-div {
        padding-top: 40px;
        padding-bottom: 0;
        margin-bottom: 40px
    }

    #demo-sub-wrap {
        display: flex;
        flex-direction: column
    }

    #e-book-submit-wrap {
        display: flex;
        flex-direction: column
    }

    #e-book-wrap .step-content-wrap input {
        margin-top: 0
    }

    #e-book-download {
        margin-top: -28px !important
    }

    #e-book-section #next-steps-title-div {
        pading-top: 0 !important
    }

    #demo-wrap #submit-wrap {
        margin-top: 0
    }

    #demo-banner #next-steps-title-div {
        margin-top: 40px
    }

    #demi-wrap .step-card {
        margin-top: 0 !important
    }

    #demo-wrap h3 {
        font-size: 18px
    }

    #demo-sub-wrap #newsletter-wrap p {
        white-space: normal;
        text-align: left
    }

    #next-steps-title-div p {
        font-size: 15px !important;
        margin: 24px !important;
        width: unset !important
    }

    #newsletter-wrap {
        margin-bottom: 0
    }

    #org-title-div h3 {
        padding: 24px
    }

    .step-icon-container {
        height: 50px;
        width: 50px;
        min-width: 50px
    }

    #r-1-lines, #r-2-lines, #r-3-lines, #r-4-lines, #r-5-lines, #r-top-lines, #r-top2-lines {
        display: none
    }

    .try-text {
        margin-top: -40px !important
    }

    #e-book-wrap #next-steps-title-div p, #next-steps-title-div h3 {
        margin: 0;
        font-size: 18px
    }

    .step-number {
        background-color: #87de7c;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        margin: auto;
        margin-bottom: 12px
    }

    .step-number {
        content: url("/wp-content/uploads/2023/01/Icon-ionic-md-thumbs-up.svg") !important
    }

    .calc-left-row-calculator {
        align-items: self-start;
        display: flex;
        padding: 0 24px;
        width: 50%;
        flex-direction: row;
        justify-content: space-between
    }

    .legend-txt {
        margin-bottom: 50px;
        text-align: left;
        font-size: 12px;
        margin-left: 24px;
        font: normal normal normal 12px/18px Roboto;
        letter-spacing: 0;
        color: #9a9a9a;
        opacity: 1
    }

    .calc-title-res {
        display: flex;
        margin-bottom: 12px
    }

    .calc-title-second-line {
        display: none
    }

    #detail-button {
        top: -16px
    }

    .saving-row {
        justify-content: space-between;
        display: flex;
        align-items: flex-end;
        width: 100%
    }

    .calc-right-col {
        width: unset
    }

    .h3-res {
        font-size: 20px
    }

    .ib-desc {
        font-size: 16px
    }

    .anim-text-x {
        display: none !important;
        padding-top: 20px;
        border-top: 1px solid #0fa8a8;
        margin-left: 20px;
        margin-right: 20px
    }

    .anim-text-res {
        display: flex;
        padding-top: 20px;
        border-top: 1px solid #0fa8a8;
        margin-left: 20px;
        margin-right: 20px
    }

    .image_frame .image_wrapper {
        border-radius: 0;
        margin: 0
    }

    .res-div {
        padding: 4px 4px 40px 4px !important
    }

    .column .no-pad {
        padding: 8px
    }

    .section .add-pad {
        padding: 8px !important
    }

    #wpsm_accordion_230 .ac_title_class {
        text-transform: uppercase;
        font-weight: 500
    }

    .banner-txt-e-book {
        font-size: 30px !important;
        line-height: 44px;
        margin: 0;
        font-weight: bold;
        padding-left: 0;
        color: white
    }

    .banner-txt-e-book-sub {
        font-size: 12px;
        line-height: 12px;
        margin: 0;
        font-weight: bold;
        color: white
    }

    .banner-text-wrapper-e-book {
        display: flex;
        width: fit-content !important;
        flex-direction: column;
        margin: auto;
        margin-top: 50px;
        margin-left: 205px
    }

    #wpsm_accordion_230 ul {
        font-family: Roboto !important
    }

    #ac_190_collapse1 .ac_title_class {
        padding: 28px
    }

    #wpsm_accordion_231 .ac_title_class {
        text-transform: uppercase;
        font-weight: 500
    }

    #wpsm_accordion_231 ul {
        font-family: Roboto !important
    }

    #wpsm_accordion_190 .ac_open_cl_icon {
        padding-top: 14px !important;
        padding-bottom: 14px !important
    }

    #wpsm_accordion_232 .ac_title_class {
        text-transform: uppercase;
        font-weight: 500
    }

    #wpsm_accordion_232 ul {
        font-family: Roboto !important
    }

    #wpsm_accordion_190, #wpsm_accordion_221, #wpsm_accordion_222, #wpsm_accordion_223 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    #wpsm_accordion_230 .ac_title_class {
        border: 0
    }

    #wpsm_accordion_231 .ac_title_class {
        border: 0
    }

    #demi-wrap #submit-wrap {
        width: 100%;
        margin: auto
    }

    #wpsm_accordion_232 .ac_title_class {
        border: 0
    }

    #org-title-div p {
        margin-bottom: 0;
        padding-bottom: 24px
    }

    .table-legend #li-1::before, #li-2::before, #li-3::before, #li-4::before, #li-5::before, #li-6::before, #li-7::before, #li-8::before {
        color: #000;
        left: -8px;
        content: '¹'
    }

    .section_wrapper .ul-s li {
        margin-bottom: 6px;
        height: 28px
    }

    .explore-more-div {
        margin-top: 0
    }

    .explore-more-div a {
        border: 1px solid #0fa8a8;
        font-size: 15px;
        font-weight: 500;
        border-radius: 0 15px 15px 0;
        padding: 12px;
        margin-left: 8px;
        padding-left: 24px;
        margin-top: -24px
    }

    .ul-legend {
        padding-top: 0 !important
    }

    #li-star1, #li-star2 {
        font-size: 11px
    }

    #li-star1::before {
        content: '*';
        left: -8px;
        color: #000;
        font-size: 11px
    }

    #li-star2::before {
        content: '**';
        left: -8px;
        color: #000;
        font-size: 11px
    }

    .div-lunch-wrap {
        padding-left: 80px;
        white-space: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: end;
        align-items: end
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 300px;
        height: 5px;
        background: #bebebe;
        border: 0;
        border-radius: 15px
    }

    .table-legend #li-1, #li-2, #li-3, #li-4, #li-5, #li-6, #li-7, #li-8 {
        margin-bottom: 2px;
        font-size: 11px
    }

    .recardy-statistics .mcb-item-info_box-inner .infobox {
        color: #043333;
        padding: 0;
        text-align: center
    }

    #demo-h4 {
        margin-bottom: 16px
    }

    .calc-res-foot {
        display: none
    }

    .recardy-statistics .mcb-item-info_box-inner .infobox h3 {
        padding-bottom: 16px;
        font-size: 32px
    }

    .recardy-statistics .mcb-item-info_box-inner .infobox .infobox_wrapper {
        padding-top: 0
    }

    .recardy-contact-text {
        padding-left: 24px
    }

    .table-legend #li-1::before {
        content: '¹'
    }

    .table-legend #li-2::before {
        content: '²'
    }

    .table-legend #li-3::before {
        content: '³'
    }

    .table-legend #li-4::before {
        content: '⁴'
    }

    .table-legend #li-5::before {
        content: '⁵'
    }

    .table-legend #li-6::before {
        content: '⁶'
    }

    .table-legend #li-7::before {
        content: '⁷'
    }

    .table-legend #li-8::before {
        content: '⁸'
    }

    .rec-title {
        line-height: 28px;
        margin-left: 0;
        font-size: 24px;
        margin-bottom: 20px;
        text-align: center
    }

    .row {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #calc-title {
        color: #fff;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 0;
        font-size: 24px
    }

    #top-of-calc {
        display: none
    }

    .calc-right-col {
        flex-direction: column-reverse
    }

    .range-currency-label {
        white-space: nowrap
    }

    .calc-left-col-label {
        margin-bottom: 0
    }

    .input-wrap {
        width: 100%
    }

    .range-picker {
        max-width: 120px
    }

    .calculator-wrap {
        display: flex;
        flex-direction: column-reverse;
        background-color: #ebebeb;
        width: 200%;
        margin: auto;
        border: 1px solid #d0d0d0
    }

    .calculator-row-2 {
        display: flex;
        flex-direction: column-reverse
    }

    .calculator-row-1 {
        flex-direction: column
    }

    .range-result {
        margin-bottom: 16px;
        font-size: 16px
    }

    .rec-text {
        font-family: Roboto;
        display: block;
        margin: 14px 0 0;
        font-size: 17px;
        line-height: 28px;
        text-align: center;
        color: #716c80;
        font-weight: 400
    }

    .calc-result-xs {
        justify-content: center
    }

    .rec-text-d {
        font-family: Roboto;
        display: block;
        margin: 14px 0 0;
        font-size: 17px;
        line-height: 28px;
        text-align: left;
        color: #716c80;
        font-weight: 400
    }

    .rec-text-li-left {
        display: block;
        font-size: 17px;
        line-height: 28px;
        text-align: left !important;
        color: #716c80;
        font-weight: 300
    }

    .wpcf7-submit {
        margin-top: 0 !important;
        margin: auto !important
    }

    .h-captcha {
        margin-left: -2.5em !important
    }

    .wpcf7-submit {
        width: 100% !important
    }

    .cal-text {
        color: #8f8f8f;
        padding: 0;
        text-align: center
    }

    .ac_title_class {
        border-left: 2px solid #064444;
        border-bottom: 2px solid #064444;
        border-top: 2px solid #064444;
        font-size: 16px;
        font-weight: 300;
        font-family: Roboto
    }

    .wpsm_panel-title a {
        padding: 20px
    }

    #wpsm_accordion_190 .ac_title_class {
        border-radius: 15px;
        padding: 32px !important
    }

    #wpsm_accordion_222 .ac_title_class {
        border-radius: 15px;
        padding: 32px !important
    }

    #wpsm_accordion_223 .ac_title_class {
        border-radius: 15px;
        padding: 32px !important
    }

    #wpsm_accordion_221 .ac_title_class {
        border-radius: 15px;
        padding: 32px !important
    }

    .rec-text-li {
        display: block;
        font-size: 17px;
        line-height: 28px;
        text-align: center;
        color: #716c80;
        font-weight: 300
    }

    .flex-space-b {
        display: flex;
        justify-content: space-between
    }

    .ul-h {
        font-size: 26px;
        font-weight: 600;
        line-height: 32px;
        margin-right: 16px
    }

    #e-book-wrap .step-card #submit-wrap input {
        width: unset;
        margin-right: 0;
        margin-top: 0 !important
    }

    .e-book-wrap p {
        font-size: 14px;
        line-height: 18px
    }

    .e-book-p {
        margin-bottom: 0;
        font-size: 14px;
        text-align: left
    }

    #e-book-header {
        font-size: 20px
    }

    .ul-title {
        margin-top: 0;
        padding-left: 16px;
        font-size: 16px;
        margin-bottom: 0;
        margin-right: 12px
    }

    #image-txt {
        margin-top: 0 !important
    }

    #comparison-section-title {
        margin-bottom: 0;
        font-size: 28px;
        color: #716c80;
        font-weight: 900;
        text-align: center
    }

    .calc-row {
        background-color: white
    }

    .rec-text-li-img {
        display: block;
        font-size: 13px;
        line-height: 14px;
        text-align: left !important;
        color: #716c80;
        font-weight: 300
    }

    .calendly-inline-widget {
        height: 1170px
    }

    .list-image {
        align-self: center;
        margin-left: 10px;
        margin-right: 10px
    }

    .recardy-contact input.wpcf7-submit {
        margin-top: -20px !important;
        width: 100% !important
    }

    .recardy-headline h2:before, .recardy-inspiration:before, .recardy-contact-text:before {
        display: none !important
    }

    .rc-col-1 {
        display: block
    }

    .rc-table .rc-m, .rc-table .rc-row {
        display: block
    }

    .rc-table .rc-row .rc-col {
        width: 100%
    }

    .banner-text-wrapper-e-book {
        display: flex;
        justify-content: end;
        width: 100%;
        padding: 14px 20px 0 0
    }

    .banner-txt-e-book {
        font-size: 14px;
    !important;
        margin: 0;
    !important;
        color: #fff;
        width: 180px
    }

    .rc-table .rc-m {
        background: #064444;
        color: #fff
    }

    .rc-table .rc-row {
        margin: 20px 0
    }

    #img-label {
        margin-top: 0;
        padding-top: 8px;
        font-size: 28px;
        color: #716c80;
        font-weight: 900;
        text-align: center
    }

    #rec-ul {
        padding: 12px 0 0 8px;
        font-size: 15px;
        color: #716c80;
        font-weight: 300
    }

    #section-text {
        margin-top: 32px !important
    }

    #slide-menu-button {
        padding: 10px 20px;
        background: #f5e055;
        color: #064444;
        position: fixed;
        margin: 20px;
        bottom: 0;
        right: 0
    }

    .blog-title {
        font-size: 40px
    }

    .post-item {
        border-radius: 0 !important
    }

    .post-desc-wrapper {
        height: 205px
    }

    #slide-menu-button:active {
        background: #c2aa08
    }
}

.recardy-divider {
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(4, 115, 115, 1) 16%, rgba(212, 255, 255, 1) 51%, rgba(4, 115, 115, 1) 84%)
}

.img-res {
    display: none
}

ul#menu-recardy ul.benefit-menu li{
    font-size: 16px;
}
ul#menu-recardy a, ul#menu-recardy span{
    color: #064444 ;
    font-weight: 500;
}

#Top_bar .menu>li ul li a {
    color: #064444 ;
    font-weight: 500;
}

.menu_wrapper ul#menu-recardy a:hover span ,
ul#menu-recardy a:hover:not(#benefit-label):not(ul.benefit-menu li:last-child a){
    color: #87de7c;
}

.active-benefit {
    display: flex;
    align-items: center;
    padding: 0 40px 0 20px;
    border-right: 1px solid rgba(0, 0, 0, .05) !important;
    line-height: 60px;
}

.is-sticky .active-benefit {
    line-height: 30px;
}


ul#menu-recardy li.submenu {
    padding: 6px 0;
}

.is-sticky ul#menu-recardy li.submenu {
    padding: 15px 0;
}

ul#menu-recardy ul.benefit-menu {
    top: 60px;
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
    width: calc(100% - 1px);
    box-shadow: 0 16px 14px -3px rgba(0, 0, 0, 0.3);
    padding: 0 0 0.5rem 0;
}

.is-sticky ul#menu-recardy ul.benefit-menu {
    top: 50px;
}

#Top_bar .menu li ul li a{
    border-bottom: 0;
    white-space: nowrap;
}

#Top_bar .menu li ul {
    background-image: unset;
}

#Top_bar .menu>li ul li a:hover:not(.disabled-benefit):not(#benefit-label),
#Top_bar .menu>li ul li.hover a:hover:not(.disabled-benefit):not(#benefit-label) {
    color: #87de7c !important;
    background-color: #ffffff;
    cursor: pointer;
}

#Top_bar .menu>li ul li a.disabled-benefit:hover,
#Top_bar .menu>li ul li.hover a.disabled-benefit:hover {
    color: #bdbdbd;
    background-color: #ffffff;
    cursor: pointer;
}

#menu-recardy li ul li a.disabled-benefit {
    color: #bdbdbd;
}

#benefit-label {
    text-decoration: none;
}

.active-benefit:hover span {
    color: #87de7c;
}

#menu-recardy span.expand-benefit {
    font-size: 24px;
}

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

    .active-benefit {
        padding: 0;
    }

    #Side_slide #menu ul li ul,
    ul#menu-recardy ul.benefit-menu {
        background-color: unset;
        border-radius: unset;
    }


    #Side_slide #menu ul li.current-menu-item>a span {
        color: #ffffff;
    }

    #Side_slide #menu ul li.current-menu-item.menu-item-type-custom>a span,
    ul#menu-recardy span {
        color: #a6a6a6;
    }

    #menu-recardy span.expand-benefit {
        display: none;
    }

    ul#menu-recardy ul.benefit-menu {
        box-shadow: unset;
    }

    ul#menu-recardy ul.benefit-menu li {
        font-size: inherit;
    }

    #Side_slide #menu ul li a:active span,
    #Side_slide #menu ul li a:hover span,
    .menu_wrapper ul#menu-recardy a:hover span,
    ul#menu-recardy a:hover:not(#benefit-label):not(ul.benefit-menu li:last-child a){
        color: #ffffff;
    }

    ul.benefit-menu li:last-child {
        display: none;
    }

    ul#menu-recardy ul.benefit-menu,
    ul#menu-recardy li.submenu {
        padding: 0;
    }

    #Side_slide #menu ul.benefit-menu li a {
         padding-left: 20px;
    }

    ul.benefit-menu {
        display: block !important;
    }

    #Side_slide #menu ul li.submenu .menu-toggle {
        display: none;
    }
}

@media screen and (min-width: 776px) and (max-width: 1440px) {
    #Top_bar .banner_wrapper {
        width: fit-content;
        white-space: nowrap;
    }
}

.hero-banner h1 {
    font-size: 52px;
    line-height: normal;
    font-weight: bold;
}

.step-content-wrap .wpcf7 {
    width: 100%
}

.post-item img {
    object-fit: contain
}

.order-now-button:hover {
    text-decoration: none
}

.slide-button {
    height: 30px;
    background: #ff0;
    position: absolute;
    bottom: 10px
}

.light {
    font-weight: lighter
}

#stickyButton {
    display: none
}

.position-unset {
    position: unset !important
}

.gradient-banner.xl-title h2, .gradient-banner.xl-title h3 {
    line-height: normal
}

.info-card .ul-title {
    font-size: 28px;
    line-height: normal
}

ul li:before {
    color: #87de7c
}

#image-info-text {
    font-weight: bold
}

.calculator-customer-input {
    position: relative
}

.max-spezielle-klasse .wpcf7-form-control-wrap[data-name=newsletter] label {
    align-items: center
}

#Top_bar.is-sticky .logo {
    margin-left: 0
}

#Header .container {
    width: 1280px;
    padding-left: 0;
    padding-right: 0
}

#Footer {
    background-color: #032222
}

#Footer a {
    color: #fff
}

.entry-content .post-photo-wrapper {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.read-more-div {
    position: absolute;
    bottom: -56px;
    right: 30px
}

.single-photo-wrapper img {
    width: 100%;
    max-height: 600px;
    object-fit: cover
}

.post-item {
    overflow: visible;
    padding-bottom: 8rem
}

.post-item img {
    border-radius: 8px 8px 0 0
}

#Footer .container {
    max-width: 1300px;
    padding-left: 0;
    padding-right: 0
}

.footer-label {
    margin-bottom: .5rem
}

.more-before::before {
    content: '> ';
    font-weight: bold
}

.banner_wrapper {
    width: 100%;
    display: block !important;
    text-align: end
}

.phone-label {
    margin-top: 2rem
}

.max-spezielle-klasse .wpcf7-form-control-wrap select.wpcf7-form-control {
    border: 1px solid #d2d3d9
}

.max-spezielle-klasse .wpcf7-form-control-wrap textarea.wpcf7-form-control {
    border: 1px solid #d2d3d9
}

.pricing-table-4 {
    display: grid;
    gap: 0 .1rem;
    grid-template-columns:1fr 1fr 1fr 1fr;
    border-radius: 10px;
    box-shadow: 0 3px 8px #0000F;
    overflow: hidden
}

.pricing-table-4 .gradient-row {
    width: 100%;
    font-weight: bold;
    padding: 0
}

.table-title {
    font-weight: bold
}

.pricing-table {
    display: grid;
    gap: 0 .1rem;
    grid-template-columns:1fr 1fr
}

.pricing-table div {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.pricing-table-4 .gradient-row {
    height: 60px
}

.pricing-table-4 img {
    margin-bottom: 1rem
}

.pricing-table-4 .column-header {
    height: 200px;
    background-color: #f5f5f5;
    padding: 1rem 0
}

.red-dot::before {
    color: #ff9595 !important
}

.pricing-table-4 .row-1 {
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: #fff
}

.pricing-table-4 .row-2 {
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5
}

.old-price {
    color: darkred;
    text-decoration: line-through
}

.integration-logo {
    display: flex;
    padding: 1rem;
    box-shadow: 0 3px 8px #0000F
}

.integration-logo img {
    max-width: 70px;
    max-height: 70px
}

.integrations-closed {
    height: 300px;
    position: relative;
    overflow: hidden
}

#integration-button {
    position: unset
}

#integration-button::before {
    content: "Alle anzeigen"
}

#integration-button.open::before {
    content: "Weniger anzeigen"
}

.table-sub-text {
    opacity: .5;
    text-decoration: none !important;
    color: unset !important;
    margin: 0
}

.default-li:before {
    color: black
}

.center-box .mfn-inline-editor {
    display: flex;
    width: 100%;
    content: 'Weniger anzeigen';
    justify-content: center
}

.integrations-open {
    height: 100%;
    overflow: hidden
}

.gradient-banner {
    position: relative
}

.available-shops-grid {
    width: 100%;
    margin-top: 80px;
    padding-left: 100px;
    position: relative;
    @media only screen and (max-width: 820px) {
        margin-top: 40px;
        padding-left: 0
    }
}

.available-shops-list {
    grid-template-columns:1fr 1fr 1fr 1fr;
    display: grid;
    width: 100%
}

.available-shops-list {
    list-style: none
}

.available-shops-list li span {
    color: #047373;
    margin-right: .25rem
}

.available-shops-list li p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.available-shops-list li {
    display: flex;
    align-items: stretch
}

.available-shops-list li::before {
    content: none !important
}

.available-shops-grid p {
    width: 100%;
    text-align: start;
    @media only screen and (max-width: 820px) {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

.shops-overlay {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0) 100%)
}

.point-iv {
    position: absolute;
    bottom: -149px;
    right: 50%;
    width: 50px;
    height: 50px;
    background: #3dac8f;
    transform: translate(50%, -50%) rotate(-45deg);
    z-index: -2
}

.available-shops-wrap i {
    margin-right: 4px;
    color: #047373
}

.integration-logo .integration-label {
    display: flex
}

.custom-logo {
    width: 70px !important;
    height: 70px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    font-size: 36px;
    justify-content: center;
    align-items: center
}

.integration-logo div {
    min-width: 70px;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center
}

.integration-logo div p {
    margin-bottom: 0
}

.integration-logo div p:last-child {
    font-size: 12px
}

.integration-logo div p:first-child {
    font-size: 16px;
    font-weight: bold
}

.pricing-table-4 .row-3 {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5
}

.flex-box {
    display: flex;
    align-items: start
}

.info-button:hover {
    transition: .2s;
    text-decoration: none;
    background-color: #87de7c;
    cursor: pointer
}

.pricing-table-4 .row-4 {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 4rem;
    background-color: #fff
}

.pricing-table-4 div {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    justify-content: center
}

.pricing-table-4 p {
    text-align: center
}

.pricing-table p, .pricing-table-4 p {
    margin-bottom: 0
}

.pricing-table :nth-child(9), .pricing-table :nth-child(10), .pricing-table :nth-child(5), .pricing-table :nth-child(6) {
    background-color: #fff
}

.pricing-table div {
    background-color: #f5f5f5;
    padding: 1rem 2rem
}

.pricing-table p {
    width: 100%;
    text-align: left
}

.sub-text {
    font-size: 12px
}

#expenseType {
    margin: 1rem 0 0 0;
    outline: 0;
    border: 0;
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    color: #064444
}

#expenseType:hover {
    cursor: pointer
}

.is-sticky #expenseType {
    margin-top: 8px
}

.pricing-table :nth-child(3), .pricing-table :nth-child(4), .pricing-table :nth-child(7), .pricing-table :nth-child(8) {
    background-color: #f5f5f5
}

div.order-now-button {
    background: #87de7c !important
}

.table-column div {
    display: flex;
    padding: 1rem 2rem
}

div.column-title {
    display: flex;
    flex-direction: column;
    padding: 2rem 2rem
}

.column-title p:first-child {
    font-weight: bold
}

#Top_bar .logo {
    float: left;
    margin: 0 30px 0 0
}

#Top_bar {
    background: #fff !important
}

.calculator-customer-input #detail-button {
    bottom: -30px;
    height: 30px;
    right: 170px
}

.info-button-white {
    background-color: #fbfbfb;
    border: 1px solid #c9c9c9;
    color: #064444;
    font-weight: bold
}

.info-button-soon {
    border: 1px solid #cbcbcb !important;
    background-color: #e5e5e5 !important;
    color: #064444 !important;
    font-weight: bold
}

.info-button-soon:hover {
    cursor: auto
}

.recardy-contact .mcb-wrap-inner {
    align-items: center
}

.mcb-wrap-inner {
    align-items: center
}

.form-submit-wrap {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-right: 0;
    padding-top: 1rem
}

.form-submit-wrap input {
    background-color: #87de7c !important;
    margin-right: 0 !important
}

.form-card {
    background: #eee;
    border-radius: 10px;
    scale: .8;
    padding: 4rem 6rem
}

.column-icon span {
    font-size: 70px;
    color: #043333
}

.contact-section {
    background-position-y: -130px
}

.info-area p {
    font-weight: lighter
}

.noptin-optin-form-wrapper {
    padding: 1rem
}

.noptin-popup-main-wrapper input[type="submit"] {
    background-color: #87de7c;
    color: #fff;
    top: 0 !important;
    right: 0 !important;
    border-radius: 0 !important
}

.gradient-bg {
    background: linear-gradient(90deg, rgba(4, 115, 115, 1) 0, rgba(63, 174, 144, 1) 50%, rgba(4, 115, 115, 1) 100%)
}

.gradient-bg .noptin-inpost-main-wrapper div {
    background: none !important
}

.calculator-input-wrap .calc-left-row-calculator {
    width: 100%;
    padding: 0 1rem
}

.calculator-image {
    position: absolute;
    bottom: 0;
    right: -210px;
    z-index: -1;
    height: 400px !important
}

.calculator-column {
    position: relative;
    width: fit-content;
    margin: auto
}

.calendli-wrap div {
    margin-top: 0 !important
}

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

    .recardy-renew-video .video-text-overlay h1 {
        font-size: 25px;
        color: #fff;
        font-weight: 900;
    }

    .recardy-renew-video .video-text-overlay p {
        line-height: normal;
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 960px) {
    .gradient-banner {
        padding: 2rem 20px
    }

    .rec-text-li {
        text-align: start
    }

    .submit-max {
        display: flex;
        flex-direction: column
    }

    #stickyButton {
        position: fixed;
        display: block;
        bottom: 1rem;
        right: 1rem;
        padding: 10px 20px;
        background-color: #f5e055;
        color: #064444;
        text-decoration: none;
        border: 0;
        border-radius: 5px;
        cursor: pointer
    }

    .more-before::before {
        margin-left: -32px
    }

    .eee-background-mobile {
        background: #cdcdcd
    }

    .available-shops-list {
        grid-template-columns:1fr 1fr 1fr;
        display: grid;
        width: 100%
    }

    .column-header p {
        font-size: 20px;
        line-height: normal
    }

    .form-card {
        background: #eee;
        border-radius: 10px;
        scale: none;
        padding: 1rem
    }

    .contact-section {
        background-image: none !important
    }

    .info-area {
        font-size: 16px;
        line-height: normal;
        padding: 20px
    }

    .recardy-renew-video .video-text-overlay h1 {
        font-size: 1.5rem !important; ;
        color: #fff;
        font-weight: 900
    }

    .recardy-renew-video .video-text-overlay p {
        line-height: normal;
        font-size: 16px
    }

    .pricing-table {
        display: grid;
        grid-template-columns:1fr 1fr;
        border-radius: 10px;
        box-shadow: 0 3px 8px #0000F;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .legend {
        margin-left: 1rem
    }

    .pricing-table-4 {
        grid-template-columns:1fr;
        gap: 2rem;
        border-radius: 10px;
        box-shadow: none;
        font-size: 16px;
        margin-left: 1rem;
        margin-right: 1rem;
        overflow: hidden
    }

    .column-pricing-4 {
        border-radius: 10px;
        box-shadow: 0 3px 8px #0000F;
        overflow: hidden
    }

    .row-1 .mobile-hidden {
        display: none
    }

    .table-column {
        overflow: hidden;
        box-shadow: 0 3px 8px #0000F
    }

    .calculator-image {
        display: none
    }

    .bg-eee-resp {
        background-color: #eee
    }

    .info-button {
        text-align: center;
        width: 100%;
        padding: 13px 22px;
        position: unset;
        font-size: 1rem;
        font-weight: bold;
        border-radius: 10px;
        display: inline-block
    }

    .max-spezielle-klasse .recardy-form-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 12px
    }

    .max-spezielle-klasse .col-6 {
        width: 100%
    }

    .max-spezielle-klasse .recardy-form-wrapper {
        gap: 0
    }

    .max-spezielle-klasse .right p {
        padding-top: 0
    }

    .result-info {
        display: none
    }

    .img-res {
        display: block;
        margin: auto
    }

    .calculator-customer-input #detail-button {
        top: 114px;
        height: 30px;
        left: 37%;
        right: unset;
        bottom: unset
    }

    .secondary-info-grid .mcb-wrap-inner {
        grid-template-columns:1fr;
        gap: 2rem
    }

    .gradient-banner img {
        max-width: 100%;
        height: 40px
    }

    #Top_bar .top_bar_right {
        padding-right: 0 !important
    }

    .info-container-img img {
        width: 100%
    }

    .post-item.post {
        overflow: visible;
        padding-bottom: 3rem;
        margin-bottom: 4rem !important
    }

    .icon-menu-fine {
        color: #064444
    }

    #expenseType {
        margin: 1rem 0 0 20px
    }

    .savings-banner p {
        font-size: 20px;
        margin: 0;
        padding: 0 20px;
        line-height: normal
    }

    .counter-card {
        background: #fff;
        padding: 1rem;
        margin: 1rem !important;
        border-radius: 10px;
        box-shadow: 0 3px 8px #0000F
    }

    .point-iv {
        bottom: -60px;
        right: 50%;
        width: 30px;
        height: 30px
    }

    .counter-section {
        background: #eee
    }

    .ul-title {
        padding-left: 0
    }

    .info-card {
        border-radius: 0;
        padding: 0;
        box-shadow: none;
        margin-bottom: 0;
        background: 0;
        margin-bottom: 2rem !important
    }

    .info-card p {
        text-align: center;
        font-size: 1rem
    }

    .info-card h4 {
        font-size: 20px
    }

    .calculator-setting-row {
        display: flex;
        width: 100%
    }

    .moblie-p-side {
        padding: 0 20px
    }

    .calculator-settings {
        width: 100%;
        background: red
    }

    #image-info-text {
        padding: 0;
        text-align: center;
        font-size: 28px;
        line-height: normal
    }

    .lady-img .image_wrapper {
        max-height: 240px
    }

    .image-banner .image_wrapper {
        padding: 8px
    }

    .item-plus-icon {
        text-align: start
    }

    .ul-title {
        text-align: center;
        margin-top: 1rem
    }

    .info-card-text {
        margin-top: 1rem
    }

    .new-calculator-wrap {
        width: 100%;
        flex-direction: column-reverse;
        height: unset;
        position: relative
    }

    .calculator-input-row.detail {
        height: auto
    }

    .calculator-result-column {
        width: 100%
    }

    .calculator-input-wrap {
        width: 100%
    }

    .info-area {
        background: 0;
        padding: 0 20px;
        border-radius: .75rem
    }

    a.info-button:hover {
        text-decoration: none;
        transform: scale(1.1)
    }

    .info-box-mobile {
        display: flex
    }

    #image-info-text {
        padding-bottom: 20px;
        margin-bottom: 0
    }

    .secondary-banner {
        padding: 2rem 20px
    }

    .secondary-banner p {
        padding-left: 24px;
        font-size: 18px;
        line-height: normal
    }

    .gradient-banner.xl-title h3 {
        margin-top: 0;
        font-size: 24px;
        line-height: normal;
        color: #fff
    }

    .available-shops-list {
        margin: 0 !important;
        padding: 0 1.25rem
    }

    .gradient-banner.xl-title h2 {
        font-weight: 700;
        font-size: 30px;
        line-height: normal;
        color: #fff
    }

    .info-grid .mcb-wrap-inner {
        grid-template-columns:1fr;
        gap: 2rem
    }
}

.max-spezielle-klasse .recardy-form-wrapper {
    display: flex;
    flex-direction: row;
    gap: 12px
}

.max-spezielle-klasse .recardy-form-wrapper img {
    max-height: 550px
}

.max-spezielle-klasse .col-6 {
    width: 50%
}

.max-spezielle-klasse .col-12 {
    width: 100%
}

.max-spezielle-klasse .wpcf7-form-control-wrap {
    margin-bottom: 0 !important
}

.left.col-6 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem
}

.max-spezielle-klasse .wpcf7-form-control-wrap input.wpcf7-form-control {
    padding: 14px;
    border-color: #d2d3d9;
    border: 1px solid #d2d3d9
}

.max-spezielle-klasse .wpcf7-form-control-wrap input.wpcf7-form-control:focus {
    border-color: #2fdf9f
}

.max-spezielle-klasse .wpcf7-form-control-wrap select.wpcf7-form-control {
    padding: 14px;
    border-color: #d2d3d9;
    border: 2px solid #d2d3d9
}

.max-spezielle-klasse .wpcf7-form-control-wrap select.wpcf7-form-control:focus {
    border-color: #2fdf9f
}

.max-spezielle-klasse .wpcf7-form-control-wrap textarea.wpcf7-form-control {
    padding: 14px;
    border-color: #d2d3d9;
    border: 2px solid #d2d3d9;
    resize: none
}

.max-spezielle-klasse .wpcf7-form-control-wrap textarea.wpcf7-form-control:focus {
    border-color: #2fdf9f
}

.max-spezielle-klasse .right p {
    padding-top: 1rem
}

.max-spezielle-klasse .right.submit-max p {
    padding-top: 0;
    text-align: right
}

.max-spezielle-klasse .submit-max p .wpcf7-form-control[type="submit"] {
    background-color: #87de7c;
    color: #043333;
    box-shadow: unset
}

.submit-max {
    display: flex;
    justify-content: start;
    gap: 2rem
}

.submit-max p {
    padding: 0;
    margin: 0
}

.max-spezielle-klasse .right p .wpcf7-form-control-wrap {
    height: 100%
}

.max-spezielle-klasse .right p .wpcf7-form-control-wrap .wpcf7-form-control {
    height: 100%
}

.max-spezielle-klasse .wpcf7-form-control-wrap .wpcf7-acceptance input {
    width: 16px;
    height: 16px
}

.max-spezielle-klasse .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
    margin: 0
}

.max-spezielle-klasse .wpcf7-form-control-wrap[data-name="newsletter"] {
    width: auto
}

.max-spezielle-klasse .wpcf7-form-control-wrap[data-name="newsletter"] label {
    display: flex;
    gap: .25rem
}

.max-spezielle-klasse + p + .wpcf7-response-output {
    color: #1f4a43;
    font-size: 20px;
    background: white;
    border-radius: 5px;
    padding: 10px;
    width: 40%;
    position: absolute;
    bottom: 8%;
}


.recardy-renew-video .column_video {
    display: flex;
    max-height: 650px;
    width: 100% !important;
    overflow: hidden;
    align-items: center
}

.recardy-renew-video .column_video .mcb-item-video-inner {
    flex: 1;
    margin: 0
}

.recardy-renew-video .column_video .mcb-item-video-inner video {
    width: 100%
}

.recardy-renew-video .video-text-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: inherit;
    z-index: 1;
    color: #fff;
    align-items: center
}

.recardy-renew-video .video-text-overlay h1 {
    font-size: 3.5rem;
    line-height: normal;
    color: #fff;
    font-weight: 900
}

.recardy-renew-video .video-text-overlay p {
    font-size: 1.5rem;
    line-height: normal
}

.savings-banner p {
    font-size: 36px;
    margin: 0;
    line-height: normal
}

.savings-banner .mcb-column-inner {
    margin: 0
}

.info-card-image ~ info-card {
    text-align: center
}

table.recardy-options {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px #0000F
}

table.recardy-options tr:nth-of-type(even), table.recardy-options thead tr {
    background: #f5f5f5
}

table.recardy-options:not(tr:nth-of-type(even)) {
    background: #fff
}

table.recardy-options tr:nth-of-type(even) td, table.recardy-options thead tr td {
    padding: 30px
}

table.recardy-options td:not(tr:nth-of-type(even)) {
    padding: 20px
}

table.recardy-options td {
    box-sizing: border-box;
    width: 25%
}

.gradient-row {
    color: #fff;
    background: linear-gradient(180deg, rgba(22, 152, 139, 1) 0, rgba(42, 190, 136, 1) 100%)
}

.gradient-row td {
    width: 50%
}

table.recardy-options .gradient-row p {
    font-size: 25px;
    font-weight: bold
}

table.recardy-options .gradient-row td {
    padding: 30px 50px
}

table.recardy-options p {
    margin: 0
}

.legend {
    font-size: 13px;
    margin: 10px 0 0;
    line-height: normal
}

.order-now-button {
    background: #87de7c;
    padding: 13px 22px;
    border-radius: 10px;
    display: inline-block;
    font-weight: bold
}

.pricing-table {
    border-radius: 10px;
    overflow: hidden
}

table.pricing-table thead td {
    padding: 40px 60px
}

table.pricing-table td {
    text-align: left;
    padding-left: 60px
}

table.pricing-table .gradient-row p, table.pricing-table .gradient-row h5 {
    margin: 0
}

table.pricing-table .gradient-row h5 {
    font-weight: bold;
    color: #fff
}

table.pricing-table p {
    margin: 0
}

table.pricing-table tr:nth-of-type(even) {
    background: #00014
}

table.pricing-table:not(tr:nth-of-type(even)) {
    background: #00008
}

.border-top-p {
    padding-top: 20px;
    border-top: 1px solid #0fa8a8;
    margin-left: 20px;
    margin-right: 20px
}

.image-text-container {
    display: flex;
    justify-content: center
}

.image-text-container img {
    height: 60px
}

.primary-heading {
    font-size: 1.9em;
    line-height: normal;
    color: #064444
}

#statistic-image .image_frame .image_wrapper {
    border-radius: 0
}

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

    .max-spezielle-klasse + p + .wpcf7-response-output {
        background: unset;
        bottom: -4%;
        width: 70%;
    }

    .max-spezielle-klasse .left.col-6 {
        display: none;
    }

    .max-spezielle-klasse .right.col-6.form-card {
        width: 100%;
    }
    .info-card {
        height: fit-content
    }

    .info-card .mcb-column-inner {
        height: fit-content
    }

    .info-card h4 {
        margin-top: 1rem;
        text-align: center
    }

    .info-card img {
        width: 100%
    }
}

.info-area li {
    font-weight: lighter
}

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

    .recardy-contact-text.calendli-wrap {
        padding-left: 0;
        overflow: hidden;
        border-radius: 8px
    }
}

#bonus-image-position .mcb-wrap-inner.mcb-wrap-inner-c6cda9628 {
    background-position-y: 40%
}

div.submit-max p span.wpcf7-form-control-wrap {
    display: unset
}

/* Anpassungen für Portal Bptton in der Topbar START */

#Top_bar .top_bar_right {
    padding: 0;
}

#Top_bar .column {
    column-gap: 10px;
}

#Top_bar #portal-link {
    display: none;
}

a.action_button.action_button_alt.top-bar-right-button {
    background: none;
    border: 1px solid #06393c;
    padding-top: 9px;
    padding-bottom: 9px;
}

.top_bar_right .action_button {
    font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width:959px) {
    #Header .container {
        max-width: 100%;
        padding:0 10px;
    }
}

@media (min-width: 1280px) {
    #Top_bar .column {
        column-gap: 20px;
    }

    #Top_bar #portal-link {
        display: inherit;
    }
}

/* Anpassungen für Portal Bptton in der Topbar ENDE */
#recardy-lp-header {
    max-width: 1620px;
}

#recardy-lp-header #recardy-lp-header-text {
    text-align: right;
}

section.recardy-landingpage.mcb-section {
    min-height: calc(100vh - 235px);
}

.recardy-landingpage .calculation-example .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
    margin: 0
}

.recardy-landingpage .calculation-example .form-card {
    background-color: #D5D5D557;
}

.recardy-landingpage .calculation-example .recardy-lp-form-title p {
    font-weight: bold;
    padding-bottom: 1rem;
}

.recardy-landingpage .calculation-example .submit-max span {
    font-size: 15px;
}

.recardy-landingpage .calculation-example .form-submit-wrap {
    justify-content: center;
    padding-top: 2rem;
}

.recardy-landingpage .calculation-example .form-submit-wrap p {
    margin-bottom: 0;
}

.recardy-landingpage .calculation-example .form-submit-wrap input {
    background-color: #F5E055 !important;
    color: #06393C;
    font-weight: bold;
}

.recardy-landingpage .calculation-example input, .recardy-landingpage .calculation-example select {
    padding: 1rem 1.5rem;
}

.recardy-landingpage .calculation-example input::placeholder, .recardy-landingpage .calculation-example select::placeholder {
    color: #E5E5E5;
    font-size: 18px;
}

.recardy-landingpage .calculation-example {
    width: 100%;
}

.recardy-landingpage .read-duration-item {
    padding: 7px 10px;
}

.recardy-landingpage .read-duration-text {
    border-left: 1px solid #292929;
}

.recardy-landingpage .read-duration {
    margin: 0;
    width: max-content;
    border: 1px solid #292929;
    border-radius: 50px;
    display: flex;
}

.recardy-landingpage h1 {
    line-height: 65px;
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 0;
}

.recardy-landingpage h2 {
    line-height: 45px;
    font-size: 40px;
    font-weight: 300;
}

.recardy-landingpage p {
    font-size: 18px;
    font-weight: 300;
}

.recardy-landingpage #recardy-lp-content .mcb-wrap-inner-adfb43838 {
    padding: 0 1rem;
}

.recardy-landingpage .section-box {
    max-width: 1620px;
}

.recardy-landingpage-desc .mcb-column-inner {
    margin-bottom: 0;
}

.recardy-landingpage ul li:before {
    content: url("https://www.recardy.com/wp-content/uploads/2024/03/arrow_circle_right_FILL0_wght400_GRAD0_opsz24.svg");
    font-size: 12px;
}

.recardy-landingpage li {
    color: #626262;
    font-weight: 300;
}

.recardy-landingpage .column_image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: fit-content;
    max-width: 80%;
}

.recardy-landingpage #recardy-steuer-img {
    position: absolute;
    right: 0;
    bottom: -60px;
    width: fit-content;
    max-width: 70%;
}

.recardy-landingpage .column_image .mcb-item-image-inner{
    margin: 0;
}

.recardy-landingpage .form-card {
    scale: 1;
    padding: 5rem;
}

.recardy-landingpage .read-duration-column .mcb-column-inner {
    margin: 0;
}

.recardy-landingpage .mcb-wrap-inner {
    align-items: end;
}

.recardy-landingpage .mcb-column-inner {
    margin-left: 0;
}

.recardy-landingpage .calculation-example .wpcf7-form-control-wrap input.wpcf7-form-control {
    padding: 14px;
    border-color: #d2d3d9;
    border: 1px solid #d2d3d9;
}

.recardy-landingpage .calculation-example .wpcf7-form-control-wrap input.wpcf7-form-control:focus {
    border-color: #2fdf9f;
}

.recardy-landingpage .calculation-example .wpcf7-form-control-wrap select.wpcf7-form-control {
    padding: 14px;
    border-color: #d2d3d9;
    border: 2px solid #d2d3d9;
}

.recardy-landingpage .calculation-example .wpcf7-form-control-wrap select.wpcf7-form-control:focus {
    border-color: #2fdf9f;
}

.recardy-landingpage #contact-newsletter {
    accent-color: #2FDF9F;
}

.recardy-landingpage #contact-callback {
    accent-color: #2FDF9F;
}

#blog-header {
    background: transparent linear-gradient(180deg, #008282 0, #000d0d 100%)
}


#recardy-blog-header .mcb-wrap-inner-cf966a7d7 {
    height: 70vh;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: auto;
}

#recardy-blog-header h1 {
    line-height: 80px;
    font-size: 75px;
    font-weight: bold;
}

#recardy-blog-header h2 {
    line-height: 45px;
    font-size: 40px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}

#recardy-blog-header .mcb-column-inner {
    margin-top: 0;
}

#blog-list-content {
    padding-top: 3rem;
}

#blog-list-content .posts_group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
}

#blog-list-content .post-item {
    margin-bottom: 1rem;
    padding-bottom: 0;
    width: 100%;
}

#blog-list-content .recardy-banner-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

#blog-list-content .read-more-div button {
    color: #070707;
    border-radius: 10px;
    background-color: #2FDF9F;
    font-size: 18px;
}

#recardy-blog-header #recardy-blog-img-divider {
    background-image: linear-gradient(90deg, #047373, #d4ffff, #047373);
    height: 0.5rem;
}

.recardy-landingpage #stickyButton {
    display: none;
}

@media only screen and (max-width: 768px) {
    #recardy-lp-header {
        height: max-content;
    }

    #recardy-lp-header .section_wrapper {
        flex-wrap: wrap;
    }

    #recardy-lp-header .mcb-wrap-inner {
        display: block;
        margin: auto;
        width: auto;
    }

    #recardy-lp-header #recardy-lp-header-logo {
        margin: 1rem 0;
    }

    #recardy-lp-header #recardy-lp-header-text {
        text-align: center;
        font-size: 15px;
    }

    .recardy-landingpage #recardy-lp-text-column .mcb-wrap-inner {
        margin-top: 0;
    }

    .recardy-landingpage h1 {
        line-height: 55px;
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 0;
    }

    .recardy-landingpage h2 {
        line-height: 40px;
        font-size: 35px;
        font-weight: 300;
    }

    .recardy-landingpage .recardy-landingpage-desc li {
        font-size: 18px;
        color: #626262;
        font-weight: 300;
    }

    .recardy-landingpage .column_image {
        position: relative;
    }

    .recardy-landingpage #recardy-steuer-img {
        bottom: 0;
        position: relative;
        width: fit-content;
        max-width: 100%;
    }

    .recardy-landingpage .read-duration-column {
        display: block;
        width: fit-content;
        margin: auto;
        padding: 1rem 0;
    }

    .recardy-landingpage .form-card {
        padding: 3rem 2rem;
    }
	
}