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


/* =========================================
   Individuelles Fach-Akkordeon
   BeTheme Child Theme
   ========================================= */

/* =========================================
   Individuelles Fach-Akkordeon
   BeTheme Child Theme
   ========================================= */

/* Äußerer Akkordeon-Container */
.fa-accordion {
    --fa-accordion-color: #19add8;
	    margin-left: var(--mfn-column-gap-left);
    margin-right: var(--mfn-column-gap-right);
}
.fa-accordion .column_heading > .mcb-column-inner {
	margin-left:0px;
	margin-right:0px;
}
.fa-accordion span, .fa-accordion .title.banner-item  {font-style:italic;font-size:120%;font-weight:bold;max-width: 880px; line-height: 1.5;}
.fa-accordion .banner-wrapper .subtitle {color:#666666}
.fa-accordion .banner-wrapper {gap:20px;}
/* Überschrift-Section */
.fa-accordion .fa-accordion-title {
    position: relative;
    cursor: pointer;
    padding-right: 35px !important;
    border-bottom: 1px solid #e8e8e8;
    transition: color 0.2s ease;
}
.fa-accordion-title.is-open {
	border-color:#fff;
}
.fa-accordion-content:not(hidden) {
	border-bottom: 1px solid #e8e8e8;
}
.fa-accordion .desc-wrapper > .title {
	color:rgb(102, 102, 102);
	font-weight:bold;
}
.fa-accordion .desc {
	font-size:21px;
}
/* Farbige Linie unter jeder Überschrift */
.fa-accordion .fa-accordion-title::before {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 30%;
    max-width: 180px;
    height: 7px;
    background: var(--fa-accordion-color);
    transition: width 0.25s ease;
}

/* Pfeil rechts */
.fa-accordion .fa-accordion-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.2s ease;
}

/* Geöffneter Titel */
.fa-accordion .fa-accordion-title.is-open::after {
    transform: translateY(-25%) rotate(225deg);
}

.fa-accordion .fa-accordion-title.is-open::before {
    width: 30%;
}

/* Tastaturfokus */
.fa-accordion .fa-accordion-title:focus-visible {
    outline: 2px solid var(--fa-accordion-color);
    outline-offset: 3px;
}

/* Geschlossene Inhalte ausblenden */
.fa-accordion .fa-accordion-content[hidden] {
    display: none !important;
}

/* Inhalts-Sections */
.fa-accordion .fa-accordion-content {
    position: relative;
}

/* Optionale Farben für unterschiedliche Fachbereiche */
.fa-accordion.fa-color-blue {
    --fa-accordion-color: #19add8;
}
.fa-accordion .fa-accordion-title.fa-color-blue::after {
	border-color:  #19add8;
}
.fa-accordion .fa-accordion-title.fa-color-turquoise::after {
	border-color: #0e92bf;
}
.fa-accordion .fa-accordion-title::after {
	border-color:  #19add8;
}
.fa-accordion .fa-accordion-title.fa-color-turquoise2::after {
	border-color: #209b9e;
}
.fa-accordion .fa-accordion-title.fa-color-green1::after {
	border-color: #2ea185;
}
.fa-accordion .fa-accordion-title.fa-color-green2::after {
	border-color: #48a251;
}
.fa-accordion .fa-accordion-title.fa-color-lime::after {
	border-color: #80bd35;
}
.fa-accordion-content.fa-color-turquoise, .fa-accordion-title.fa-color-turquoise {
    --fa-accordion-color: #0e92bf;
}
.fa-accordion-content.fa-color-turquoise2, .fa-accordion-title.fa-color-turquoise2 {
    --fa-accordion-color: #209b9e;
}

.fa-accordion-content.fa-color-green1, .fa-accordion-title.fa-color-green1 {
    --fa-accordion-color: #2ea185;
}
.fa-accordion-content.fa-color-green2, .fa-accordion-title.fa-color-green2 {
    --fa-accordion-color: #48a251;
}
.fa-accordion-content.fa-color-lime, 
.fa-accordion-title.fa-color-lime {
    --fa-accordion-color: #80bd35;
}
.fa-accordion-title > .mcb-column-inner {
	margin-left: 0px;
    margin-top: 25px;
    margin-bottom: 20px;
}
html .portfolio_group.masonry .portfolio-item .desc .desc-wrapper {
	display:none;
}
.portfolio_group.masonry:not(.list) .portfolio-item .portfolio-item-fw-bg {
	min-height: 480px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.portfolio_group.masonry:not(.list) .portfolio-item .image_frame, .portfolio_group.masonry:not(.list) .portfolio-item .image_frame > *,
.portfolio_group.masonry:not(.list) .portfolio-item .image_frame a {
	position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.portfolio_group.masonry:not(.list) .portfolio-item .image_frame a:hover img {
	filter:brightness(0.8);
}
.portfolio_group.masonry:not(.list) .portfolio-item .image_frame img {
	    height: 100%;
    object-fit: cover;
	transition:all ease-in-out 0.4s;
    filter: brightness(0.55);
}
.portfolio_group.masonry:not(.list) .portfolio-item:hover h2 > a {
	color:#08a2d9;
}
.portfolio_group.masonry:not(.list) .portfolio-item .portfolio-schlagwoerter {
	z-index: 99;
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.portfolio_group.masonry:not(.list) .portfolio-item h2 {
	    color: #fff;
    font-size: 32px !important;
    line-height: 42px;
}
.portfolio_group.masonry:not(.list) .portfolio-item h2 > a {
	color:#fff;
	transition:all ease-in-out 0.4s;
}
/* Mobile */
@media (max-width: 767px) {
    .fa-accordion .fa-accordion-title {
        padding-right: 28px !important;
    }

    .fa-accordion .fa-accordion-title::before {
        max-width: 135px;
    }

    .fa-accordion .fa-accordion-title::after {
        right: 7px;
    }
	.mfn-banner-box .banner-wrapper {
		display:block;
	}
	

    .fa-accordion .mfn-banner-box .banner-desc {
        position: relative;
        display: flex;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px 15px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .fa-accordion .mfn-banner-box .banner-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
        transform: none;
    }

    .fa-accordion .mfn-banner-box .banner-item {
        max-width: 100%;
        overflow-wrap: break-word;
    }
	.fa-accordion .mfn-banner-box .banner-image {
		position:absolute;
		height:100%;
		object-fit:cover;
	}
	.fa-accordion .mfn-banner-box .banner-image img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
    

}

/* Animationen bei reduzierter Bewegung deaktivieren */
@media (prefers-reduced-motion: reduce) {
    .fa-accordion .fa-accordion-title,
    .fa-accordion .fa-accordion-title::before,
    .fa-accordion .fa-accordion-title::after {
        transition: none;
    }
}