/****************************************************************************
 * Startseite V2 – Block "Tabs mit Bild" (acf/lbv2-tabs)
 * Nachbau accordion_tabs / custom_tab_listing von lb-firmengruppe.de
 ****************************************************************************/
.lbv2_tabs .lbv2_tabs_media {
    display: none;
}
.lbv2_tabs .lbv2_tabs_media_item {
    position: relative;
    display: none;
}
.lbv2_tabs .lbv2_tabs_media_item.active {
    display: block;
    animation: lbv2_tabs_fade 1s ease;
}
@keyframes lbv2_tabs_fade {
    from {opacity: 0;}
    to   {opacity: 1;}
}
.lbv2_tabs .lbv2_tabs_media_item figure {
    height: auto;
    margin: 0;
    padding-left: 3rem;
}
.lbv2_tabs .lbv2_tabs_side {
    position: absolute;
    bottom: -2rem; left: -1rem;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    font-size: 1.375rem;
    font-weight: 700;
    white-space: nowrap;
    color: #ABABAB;
    pointer-events: none;
}
/* wie das h3 im Original (.has_tabs .accordion_title > *): Padding + Zeilenhöhe,
   sonst sitzt der gedrehte Titel 1rem zu weit links und ~2rem zu tief */
.lbv2_tabs .lbv2_tabs_side > span {
    display: block;
    margin: 0;
    padding: 1rem 0;
    line-height: 1.2;
}

/* Liste */
.lbv2_tabs .lbv2_tabs_item {
    border-bottom: 1px solid currentColor;
}
.lbv2_tabs .lbv2_tabs_title h3 {
    margin: 0;
    font-size: 1.375rem;
}
.lbv2_tabs .lbv2_tabs_title button {
    display: block;
    width: 100%;
    padding: 1rem 2rem 1rem 0;
    position: relative;
    text-align: left;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.lbv2_tabs .lbv2_tabs_title button:after {
    content: '+'; position: absolute;
    right: 0; top: 50%;
    transform: translateY(-50%);
    font-weight: 300;
}
.lbv2_tabs .lbv2_tabs_item.active .lbv2_tabs_title button {
    cursor: default;
}
.lbv2_tabs .lbv2_tabs_item.active .lbv2_tabs_title button:after {
    content: none;
}
.lbv2_tabs .lbv2_tabs_item:not(.active) .lbv2_tabs_title button:hover {
    color: var(--lbv2-red, #FF6148);
}
.lbv2_tabs .lbv2_tabs_pre_title {
    display: none;
    margin: 0;
    padding-top: 1rem;
    font-weight: 400;
}
.lbv2_tabs .lbv2_tabs_item.active .lbv2_tabs_pre_title {
    display: block;
}
.lbv2_tabs .lbv2_tabs_item.active .lbv2_tabs_pre_title + h3 button {
    padding-top: 0.25rem;
}
.lbv2_tabs .lbv2_tabs_content {
    padding-bottom: 1.5rem;
}
.lbv2_tabs .lbv2_tabs_content[hidden] {
    display: none;
}
.lbv2_tabs .lbv2_tabs_content_image {
    margin-bottom: 1.5rem;
}

@media screen and (min-width:40em){
    .lbv2_tabs .lbv2_tabs_media {
        display: block;
    }
    .lbv2_tabs .lbv2_tabs_content_image {
        display: none;
    }
}

@media screen and (min-width:64em){
    .lbv2_tabs .lbv2_tabs_title h3 {
        font-size: 1.75rem;
    }
}

@media screen and (min-width:80em){
    .lbv2_tabs .lbv2_tabs_media_item figure {
        padding-left: 0;
    }
    .lbv2_tabs .lbv2_tabs_side {
        bottom: -4.25rem;
        left: -4rem;
        font-size: 1.625rem;
    }
}