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

/* inter-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v20-latin-regular.woff2') format('woff2');
}
/* inter-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v20-latin-600.woff2') format('woff2');
}

/*General*/

:root {
    --color-theme-darkred: #EA0030;
    --font-color: #570023;
    --section-background-color: #FDF3F0;
    --boder-color:#FED2C5;
    --button-padding-x: 25px;
    --button-padding-y: 10px;
    --button-line-height: 1.2;
    --button-hover-opacity: 1;
    --button-hover-color: var(--color-theme-darkred);
    --button-border-radius:30px;
    --button-default-background-color: transparent;
    --button-default-border-color: var(--color-theme-darkred);
    --button-default-text-color: #570023;
    --button-custom1-border-color:var(--color-theme-darkred);
    --button-custom1-text-color: #ffffff;
    --button-border-width: 2px;

    /*Headlines*/
    --headline-h1-font-size: 5.625rem;
    --headline-h2-font-size: 3.75rem;
    --headline-h3-font-size: 2rem;
    --headline-h4-font-size: 1.75rem;
    --headline-font-family: 'Power Grotesk', sans-serif;

}

body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--font-color);
    font-size: 1.25rem;
    line-height: 1.5;
}
#Top_bar {
    border-bottom: 0px;
}
.wpb_single_image .vc_single_image-wrapper {
    margin-bottom: 0px;
}

ul li::marker {
  color: var(--color-theme-darkred);
}



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


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: 600;
    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);            
}
h4 ,.h4, h4 a {
    font-size: var(--headline-h4-font-size);            
}

.preheader{
    font-family: var(--headline-font-family);
    font-size: 2.25rem;
    line-height: 1.1;
    font-weight: 600;
    color: var(--color-theme-darkred);
}
.hero-headline{
    font-family: var(--headline-font-family);
    font-weight: 600;
    font-size: 7.5rem;
    line-height: 1.08;
    color: var(--color-theme-darkred);
}
.hero-content{
    font-size: 1.5rem;
    line-height: 1.4167;
    color: var(--color-theme-darkred);
}
.the_content_wrapper  .list--arrow {
    list-style: none !important; 
    margin: 0 0 15px 0px;
    padding-left: 0;
}

.the_content_wrapper  .list--arrow li {
    background: url('/wp-content/uploads/2025/11/andreas-zippel-spd-bayreuth-pfeil-rechts.svg') no-repeat left center;
    background-size: 1em; 
    padding-left: 1.5em; 
    color: var(--color-theme-darkred);
    font-weight: 600;
}


.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-bottom: 0 !important;
}

/*buttons*/
.btn-default, .btn-custom1, .btn-custom2 {
    font-size: 1.75rem;
    font-family: var(--headline-font-family);
    font-weight: 600;
    border-color: var(--color-theme-darkred);
    background-color: var(--button-default-background-color);
}


.btn-default:focus, .btn-default:hover, .btn-custom1:focus, .btn-custom1:hover, .btn-custom2:focus, .btn-custom2:hover {
    background-color: var(--button-hover-color);
    color:#ffffff
}
.btn-custom1{
    font-weight: 600;
    color:#ffffff
}



/*testimonials*/

.testimonial .teaser-card {
    background-color: #FEF3F0;
    width: 75%;
    margin: auto;
    border-radius: 45px;
}

.testimonial .swiper-slide-active{
    text-align: center;
}
.testimonial .teaser-card__image{
   padding-top: 60px;
}
 
.testimonial .teaser-card__image img{
    border-radius: 50%;
    width: 160px;
    height: auto;
}

.swiper-button-next, .swiper-button-prev {
    border: 2px solid var(--color-theme-darkred);
    color: var(--color-theme-darkred);
    border-radius: 50%;
    width: 70px;
    height: 70px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size:1.5rem;
    font-weight: 900;
}

.swiper--pb {
    padding-bottom: 0rem;
    margin-bottom: 0px !important;
}

.swiper-pagination {
    position: absolute;
}

/*Hoverbox*/
.hover_box .hover_box_wrapper .visible_photo, .hover_box .hover_box_wrapper .hidden_photo {
    border-radius: 30px;
}

/*toggle element*/
.faq .question {
    z-index: 10;
    background: #fff;
}

.wpb_wrapper .faq .question .title > .acc-icon-plus, .wpb_wrapper .faq .question .title > .acc-icon-minus {
    top:10px;
    right: 20px;
    left: unset;
    color:var(--color-theme-darkred);
}
.faq .question > .title {
    padding: 10px 30px 10px 30px;
    margin-bottom:16px;
    font-size: 20px;
    font-weight: 600;
    z-index: 2;
    border: 1px solid ;
    border-radius: 40px;
    color:var(--color-theme-darkred);
}
.faq .question:before {
    display:none;
}
.faq .question:after {
    display:none;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-size: 28px;
}
.faq .question > .answer {
    padding: 0 20px 20px 30px;
}

.mfn-acc.faq_wrapper{
    height: 0;
}
.faq .question.active {
    border: 1px solid var(--color-theme-darkred);
    border-radius: 30px;
}

.faq .question.active > .title{
    color:var(--color-theme-darkred);
    border: 0px solid;
}
.wpb_toggle_content.answer{
    font-size: 1.1rem;
}
.wpb_wrapper .faq{
    padding-bottom: 50px;
    margin-bottom: 50px;
}

/*footer*/
#block-11{
    margin:0;
}

/*tabs*/

.vc_tta-tabs  .vc_tta-title-text{
    font-size: 1.75rem;    
    font-weight: 600;
    font-family:  var(--headline-font-family);
}   

.vc_tta-tabs .vc_active .vc_tta-title-text{
    color: var(--color-theme-darkred);
}

html .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
    background-color: #ffffff;
    color: var(--font-color);
}
.vc_tta-tabs .vc_tta-tabs-list{
    border-bottom: 1px solid var(--boder-color);
}
.vc_tta-tabs  .vc_tta-tab.vc_active{
    border-bottom: 4px solid var(--color-theme-darkred);
}
html .vc_tta-tabs.vc_tta.vc_tta-spacing-35 .vc_tta-tab {
    margin: 18px 17px -2px 18px;
}
html .vc_tta-tabs.vc_tta.vc_tta-spacing-35 .vc_tta-tab:first-child {
    margin: 18px 17px -2px 0px;
}
html .vc_tta-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:focus, html .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:hover{
    background-color: #ffffff;
    color: var(--color-theme-darkred);
}
html .vc_tta-tabs  .vc_tta-panel-body h2, html .vc_tta-panel-body h3, html .vc_tta-panel-body h4{
   color:var(--font-color);
}
html .vc_tta-tabs .vc_tta-panel-body h2, html .vc_tta-tabs .vc_tta-panel-body h3, html .vc_tta-tabs .vc_tta-panel-body h4 {
    color:var(--font-color);
}

@media (min-width: 768px) {
    html .vc_tta-tabs.vc_tta-color-white.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        border-color:transparent;
        margin: 100px 0 0 140px;
    }
}

html .vc_tta-tabs.vc_general .vc_tta-tabs-list {
  display: flex;
  justify-content: space-between; 
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

html .vc_tta-tabs.vc_general  .vc_tta-tabs-list  .vc_tta-tab {
  flex: 1;
  text-align: center;
}

/*akkordeon*/
html .vc_tta-accordion.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: var(--color-theme-darkred);
}

html .vc_tta-accordion.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #ffffff;
    margin: 35px 0 35px 0;
}

html .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus, html .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: #ffffff;
}
html .vc_tta-accordion .vc_tta-panel-body h2, html .vc_tta-panel-body h3, html .vc_tta-panel-body h4 {
     color: var(--color-theme-darkred);
}


 .vc_tta-accordion .vc_tta-panel{
    border-top: 2px solid var(--boder-color);
    border-bottom: 2px solid var(--boder-color);
}
 .vc_tta-accordion .vc_tta-panel:first-child{
    border-top: 4px solid var(--boder-color);
}
 .vc_tta-accordion .vc_tta-panel:last-child{
    border-bottom: 4px solid var(--boder-color);
}