/*
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.11

/*Transforma Sans*/

@font-face {
    font-display: swap;
    font-family: 'Transforma';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/TransformaSansLight/font.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Transforma';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/TransformaSansRegular/font.woff2') format('woff2');
}


/* Stolzl-light - latin */
@font-face {
    font-display: swap;
    font-family: 'Stolzl';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/StolzlThin/font.woff2') format('woff2');
}


/* Stolzl-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Stolzl';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/StolzlBook/font.woff2') format('woff2');
}

/*General*/

:root {
    --font-family-base: Stolzl, sans-serif;
    --font-line-height-base: 1.625;
    --font-size-base: 1.125rem;
    --color-theme-darkred: #A64A4F;
    --font-color: #141428;
    --section-background-color-dark: #A64A4F;
    --section-background-color-light: #FFF6F5;
    --section-background-color: #C5B19E;
    --button-padding-x: 25px;
    --button-padding-y: 10px;
    --button-line-height: 1.2;
    --button-hover-opacity: 1;
    --button-hover-color: #7C393D;
    --button-border-radius: 25px;
    --button-default-background-color: #A64A4F;
    --button-default-border-color: #A64A4F;
    --button-default-text-color: #ffffff;
    --button-font-family: 'Transforma';
    --button-font-size: 1.2rem;

    /*Headlines*/
    --headline-font-family: 'Transforma';
    --headline-h1-font-size: 2rem;
    --headline-h2-font-size: 1.75rem;
    --headline-h3-font-size: 1.5rem;
    --headline-h4-font-size: 1.3rem;
    /*Purpose text*/
    --font-size-purpose: 2.1rem;


}

@media only screen and (min-width: 768px) and (max-width:1239px) {
    :root {
        /*Headlines*/
        --headline-h2-font-size: 2.1rem;
        --font-size-base: 1.3333rem;
    }
}

@media only screen and (min-width: 1240px) {
    :root {
        --font-size-base: 1.3333rem;
        /*Headlines*/
        --headline-h1-font-size: 4rem;
        --headline-h2-font-size: 2.75rem;
        --headline-h3-font-size: 2.25rem;
        --headline-h4-font-size: 1.75rem;
        /*Purpose text*/
        --font-size-purpose: 4.3rem;
    }
}



body {
    font-family: var(--font-family-base);
    font-weight: 300;
    color: var(--font-color);
    font-size: var(--font-size-base);
    line-height: var(--font-line-height-base);
}


#Top_bar {
    border-bottom: 0px;
}

#Top_bar .menu>li>a {
    padding: 52px 0 36px 0;
    font-weight: 600;
}

.wpb_single_image .vc_single_image-wrapper {
    margin-bottom: 0px;
}

.process-steps {
    font-family: var(--headline-font-family);
    font-weight: 400;
}

.the_content_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.the_content_wrapper li.process-steps {
    text-align: center !important;
    margin-left: -32px;
}
@media only screen and (max-width:767px){
    .the_content_wrapper li.process-steps {
        margin-left: -59px;
    }
}


.btn-default {
    font-family: var(--button-font-family);
    background-color: var(--button-default-background-color);
    color: var(--button-default-text-color);
    font-size: var(--button-font-size);
    padding: 10px 25px 6px 25px;
}

.btn-default:focus,
.btn-default:hover,
.btn-custom1:focus,
.btn-custom1:hover,
.btn-custom2:focus,
.btn-custom2:hover {
    outline: none !important;
    text-decoration: none;
    background-color: var(--button-hover-color);
    color: #ffffff;
}

.purpose {
    font-family: var(--headline-font-family);
    font-size: var(--font-size-purpose);
    color: var(--color-theme-darkred);
    line-height: 1.4;
}

.text--black {
    color: var(--font-color) !important;
}

.text--dark-red {
    color: var(--color-theme-darkred) !important;
}

.text--gold {
    color: #C5B19E !important;
}

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px;
}

@media only screen and (min-width: 1240px) {
    .logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky {
        width: 100%;
        max-height:75px !important;
    }

    #Top_bar.is-sticky {
        height: 90px;
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        max-height: 72px;
    }

    #Top_bar.is-sticky .menu>li>a,
    #Top_bar.is-sticky .menu>li>a span {
        line-height: 75px;
    }
}

/*mobil burger menu*/
#Top_bar .responsive-menu-toggle,
#Header_creative .creative-menu-toggle,
#Header_creative .responsive-menu-toggle {
    background: #A64A4F;
    padding: 4px 3px;
    width: 42px !important;
    height: 42px !important;
}

#Side_slide,
#Side_slide #menu ul li.submenu .menu-toggle,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.button) {
    font-weight: 600;
}


@media only screen and (max-width: 767px) {
    .mobile-header-mini.header-split #Top_bar .top_bar_left .logo {
        width: 100%;
    }
    .mobile-header-mini #Top_bar #logo {
        height: 85px !important;
        line-height: 85px !important;
        margin: 15px 0px;
    }

    .mobile-header-mini #Top_bar .top_bar_left {
        background: #F4F0EC !important;
    }

    .mobile-header-mini #Top_bar a.responsive-menu-toggle {
        margin-top: 22px;
    }

    #Top_bar {
        background-color: #F3EFEC !important;
    }

    #Top_bar #logo img.svg {
        width: 100%;
        max-height: 85px !important;
    }
    #Top_bar.is-sticky #logo img.svg {
        max-height: 50px !important;
    }
    .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
        top: -6px !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: var(--headline-font-family);
    font-weight: 300;
    color: var(--color-theme-darkred);

}

h1,
.h1,
h1 a {
    font-size: var(--headline-h1-font-size);
    line-height: 1.1;
}

h2,
.h2,
h2 a {
    font-size: var(--headline-h2-font-size);
    line-height: 1.1667;

}

h3,
.h3,
h3 a {
    font-size: var(--headline-h3-font-size);
    line-height: 1.18;
}

h4,
.h4,
h4 a {
    font-size: var(--headline-h4-font-size);
    line-height: 1.1667;
}

.claim-text {
    font-family: var(--headline-font-family);
    font-size: 4.5rem;
    line-height: 1.143;
    font-weight: 300;
    color: var(--color-theme-darkred);
}

/*Tab Element*/
@media (min-width: 768px) {

    .vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        padding: 100px 130px
    }

    .vc_tta-tabs.vc_tta.vc_tta-spacing-1 .vc_tta-tabs-list {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        ;
        width: 100%;
    }

    .vc_tta-tabs.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
        flex: 1;
        text-align: center;
    }

}

@media (min-width: 768px) and (max-width: 1239px) {
    html .vc_tta-tabs.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
        font-size: 1rem;
        display: inline-block;
        min-height: 82px;
        width: 100%;
    }
    html .vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        padding: 55px 35px;
    }

}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    font-weight: 600;
}


html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:first-child .vc_tta-panel-heading {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:last-child .vc_tta-panel-heading {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background-color: #ffffff;
    border-color: #ffffff;
}

.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--font-color);
}

.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    background-color: var(--color-theme-darkred);
    border-color: var(--color-theme-darkred);
    color: #ffffff;
}

.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus,
.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    background-color: #ffffff;
    color: var(--font-color);
    border-color: transparent;
}

.vc_tta-tabs.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 23px;
}

.padding-left-60 {
    padding-left: 60px;
}


/*Accordeon*/

html .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    font-size: 1.5rem;
}

html .vc_tta.vc_general .vc_tta-panel-body {
    padding: 25px 46px;
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background-color: #FFF6F5;
    border-color: var(--section-background-color);
    border-left: 0px;
    border-right: 0px;
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #ffffff;
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #FFF6F5;
    border-color: var(--section-background-color);
}

html .vc_tta.vc_general .vc_tta-panel-title>a {
    padding: 17px 20px;
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: var(--button-hover-color);
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus a,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover a {
    color: #ffffff;
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus .vc_tta-controls-icon::after ,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus .vc_tta-controls-icon::before ,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-controls-icon::after,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-controls-icon:before   {
    border-color: #ffffff;
}



html .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
html .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: var(--font-color);
}

html .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: var(--font-color);
}

/*VC TabElement mobil*/
@media (max-width: 768px) {
    html .vc-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        background-color: #FFF6F5;
        border-color: #ffffff;
        color: var(--font-color);
        border-radius: 23px;
    }

    html .vc-tab.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        background-color: transparent;
    }

    html .vc-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background-color: #FFF6F5;
        border-color: #ffffff;
    }

    html .vc-tab.vc_tta.vc_general .vc_tta-panel-body {
        padding: 20px 18px;
    }

    html .vc-tab.vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active .vc_tta-panel-heading,
    html .vc-tab.vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
        margin-bottom: 0;
    }

    html .vc-tab.vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading,
    html .vc-tab.vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
        margin-top: 5px;
    }

    html .vc-tab.vc_tta.vc_tta-style-classic .vc_tta-panel-body,
    .vc-tab.vc_tta.vc_tta-style-classic .vc_tta-panel-heading {
        border-width: 0px;
    }

    html .vc-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:first-child .vc_tta-panel-heading {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    html .vc-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:last-child .vc_tta-panel-heading {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    html .vc-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
        color: #ffffff;
        background: var(--color-theme-darkred);
        border-radius: 4px;
    }

    html .vc_tta.vc_general .vc_tta-panel-body {
        padding: 25px 15px;
    }
}

/*Text-Bild overlay Element*/



/* ### Background Images Positionierung ### */

/*intergrund mittig top-left-center*/
.vc_section.bg-top-left-center {
    background-size: contain !important;
}

/*background image */

/*tabelement */
.bg-right-bottom {
    background: url(/wp-content/uploads/2025/11/formique-jana-loeprich-kreiselement-voll-light.png) !important;
    background-position: 145% -28px !important;
    background-size: 75% !important;
    background-repeat: no-repeat !important;
}

/*Kontaktformular*/
.contactform-columns {
    display: flex;
    justify-content: space-between;
    gap: 0 30px;
    flex-wrap: wrap;
    width: 100%;
}

span.wpcf7-form-control-wrap {
    margin-top: 10px;
}

.wpcf7-list-item {
    margin: 0;
    font-size: 1rem;
}

.contactform-item {
    flex: auto;
}

.contactform-submit {
    text-align: center;
}

label,
legend {
    color: #141428;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .contactform-item {
        flex: 0 0 calc(50% - 15px);
    }

    label,
    legend {
        font-size: var(--font-size-base);
    }
}



span.wpcf7-form-control-wrap .wpcf7-date,
span.wpcf7-form-control-wrap .wpcf7-quiz,
span.wpcf7-form-control-wrap .wpcf7-number,
span.wpcf7-form-control-wrap .wpcf7-select,
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea {
    border-radius: 4px;
    border: 0px;
}

/*bild overlaytext element*/

.overlay-text {
    transform: translate(0%, -50%);
}

/*Base overrides */

/*Image Test VC Elelment*/

@media (min-width: 992px) {
    .image-text__content {
        padding-left: 115px;
    }
}


/* Two images*/
.two-images-and-text img {
    min-height: 85px;
}

.two-images-and-text {
    margin-bottom: 0px !important;
}

/*Footer*/

@media (max-width: 1024px) {
    #Footer .widgets_wrapper {
        padding: 0 0px;
    }
}