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

/* 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');
}



/*PowerGroteskBold*/

@font-face {
    font-display: swap;
    font-family: 'PowerGrotesk';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/PowerGroteskBold/font.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: 15px;
    --button-line-height: 1.2;
    --button-hover-opacity: 1;
    --button-hover-color: var(--color-theme-darkred);
    --button-border-radius: 35px;
    --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: 3rem;
    --headline-h2-font-size: 2.2rem;
    --headline-h3-font-size: 1.5rem;
    --headline-h4-font-size: 1.2rem;
    --headline-font-family: 'PowerGrotesk';
}

html {
  scroll-behavior: smooth;
}

body {
    font-family: 'Inter';
    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);
}

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
    color: #570023;
    background: #ffffff;
}

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

.opus-sm-links--layout-flyout .opus-sm-link:hover {
    width: 275px;
}

.opus-sm-links--layout-flyout {
    top: 35%;
}

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);
    line-height: 1.25;
}

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

.the_content_wrapper ul{
    margin: 0 0 15px 21px;
}

.text--black {
    color: #570023
}
.preheader {
    font-family: var(--headline-font-family);
    font-size: 1.75rem;
    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: 2.0rem;
    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: 2.6rem;
    padding-left: 4.5rem;
    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.1rem;
    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
}

.multi-button-inline{
    text-align: center;
}
.multi-button-inline .btn-custom1{
    margin:10px 0px;
}

@media (min-width: 553px) {
    .multi-button-inline .btn-custom1{
        margin:10px 25px;
    }
}
/*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;
}

.hover_box_wrapper {
    position: relative;
}

.hover_box_wrapper img.hidden_photo {
    position: absolute;
    top: 0;
    left: 0;
}

.hover_box_wrapper img.visible_photo,
.hover_box_wrapper img.hidden_photo {
    transition: opacity 0.3s ease;
}







/*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-12{
    display: flex;
    flex-direction: column;
}

.footer-col__one{
    display:flex;
    flex:1;
    gap:15px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 25px;
}
.footer-col__two{
    flex:1;
    text-align: left;
}

.footer-col__two img{
    width:100%;
    max-width: 360px;
}

.footer-col__three{
    flex:1;
    text-align: left;
}

.footer-col__three img{
    width:100%;
    max-width: 350px;
}

@media only screen and (min-width: 1240px) {
    #block-12{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .footer-col__one{
        text-align: left;
    }
    .footer-col__two{
    text-align: center;
    }
    .footer-col__three{
        text-align: right;
    }
}


/*tabs*/

.vc_tta-tabs .vc_tta-title-text {
    font-size: 1.5rem;
    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: 8px 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 (max-width: 768px) {
    html .vc_tta-tabs .vc_tta-panel-title a::after {
        content: url(img/andreas-zippel-spd-bayreuth-pfeil-unten.svg);
        width: 30px;
        height: auto;
        font-size: 2rem;
        position: absolute;
        right:0;
    }
    html .vc_active .vc_tta-panel-title a::after {
        transform: rotate(180deg);

        
    }
}

@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 .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
    content:url(img/andreas-zippel-spd-bayreuth-pfeil-unten.svg);
    border: none;
    width: 45px;
    transform: rotate(0deg) translate(-30px, -20px);
}

html .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
    transform: rotate(180deg) translate(25px, -20px);
}

.vc_tta .vc_tta-controls-icon:after, .vc_tta .vc_tta-controls-icon:before{
  transition: none;
}

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: 15px 0 15px 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);
}

@media (max-width: 767px) {
    html .vc_tta-tabs.vc_tta.vc_general .vc_tta-panel-title>a {
        padding: 14px 0px;
    }  
    html .vc_tta-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
        border-bottom: 8px solid var(--color-theme-darkred);
    }
    html .vc_tta-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
        border-bottom: 8px solid #570023;
    }
    html .vc_tta-tabs.vc_tta.vc_general .vc_tta-panel-title>a {
        background: #ffffff;
        color: var(--font-color);
    }
    html .vc_tta-accordion.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel h2.vc_tta-panel-title>a{
        font-size: 1.5rem;
    }
    html .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
        content: url(img/andreas-zippel-spd-bayreuth-pfeil-unten.svg);
        border: none;
        width: 26px;
    }
    html .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
        transform: rotate(180deg) translate(10px, -10px);
    }
    html .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
        transform: rotate(0deg) translate(-18px, -7px);
    }
}
@media (max-width: 1240px) {
        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 20px;
    }
}

/*swiper styling*/
.swiper-pagination-bullet {
    background:  #ffffff;
    opacity:  0.2;
}

.swiper-pagination-bullet-active {
    opacity:  1;
    background: var(--color-theme-darkred);
}


/*image text container*/
.image-text__content{
    padding:35px 35px 70px 35px;
}

@media (max-width: 991px) {
    .image-text__content {
        padding:15px 0px 0px 0px;
    }
    .image-text--align-left .image-text__content {
        padding:30px 30px 0px 25px;
    }
    .image-text__content__inner .h2{
        font-size: 1.7rem;
    }

    .image-text__content__inner .wpb_content_element{
        margin-bottom: 10px;
    }
}
@media (min-width: 992px) {
    .image-text__content {
        padding:30px 0px 0px 80px;
    }
    .image-text--align-left .image-text__content {
        padding:30px 80px 0px 80px;
    }
}

@media (min-width: 1860px) {
    .image-text__content {
        padding:35px 18% 35px 150px;
    }
}

@media (min-width: 992px) {
    .testimonial .swiper-pagination {
        display: none;
    }
}

/*mobil*/

@media (max-width: 991px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
    .testimonial .teaser-card {
        width: 100%;
    }
}
@media (min-width: 1250px) {
    .hero-headline {
        font-size: 7.5rem;
    }
    .btn-default, .btn-custom1, .btn-custom2 {
      font-size: 1.75rem;
    }
}

@media (min-width: 1400px) {
        :root {
        /*Headlines*/
        --headline-h1-font-size: 5.625rem;
        --headline-h2-font-size: 3.75rem;
        --headline-h3-font-size: 2rem;
        --headline-h4-font-size: 1.75rem;
    }
    html .vc_tta-accordion.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
        margin: 35px 0 35px 0;
    }
    html .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
        width: 60px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1239px) {
    .section_wrapper, .container, .with_aside .content_wrapper {
        max-width: 1124px;
    }
}
/*social wall Button*/
.elfsight-app-d469505a-2c70-4a12-9c6b-0c2559d6ba97 .eapps-instagram-feed-posts-grid-load-more{
    display:none;
}