/*
Theme Name:   UserMindTheme
Description:  Schreibe hier eine kurze Beschreibung über dein Child-Theme
Author:       usermind
Author URL:   https://www.user-mind.de/
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  UserMindTheme
*/

/* Schreibe hier dein eigenes persoenliches Stylesheet */

p, h1, h2, h3, h4, h5, h6 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


b, strong {
    font-weight: 500 !important;
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {

    margin: 7px 0 10px 4px;
}

label {

    padding-left: 6px;
    vertical-align: baseline !important;
}


/* =================================================================
 * 1.0 - HEADER HIDE ON SCROLL
 * ================================================================= */

#stickyheaders {
    -webkit-transition: -webkit-transform 0.34s ease;
    transition: -webkit-transform 0.34s ease;
    -o-transition: transform 0.34s ease;
    transition: transform 0.34s ease;
    transition: transform 0.34s ease, -webkit-transform 0.34s ease;
}

.headerup {
    -webkit-transform: translateY(-140px);
    -ms-transform: translateY(-140px);
    transform: translateY(-140px); /*adjust this value to the height of your header*/
}


/**
 UserMind:
Zusaetzliche Mobile Breakpoints absteigend einordnen
 Keine Breakpoints im regulaeren CSS einbinden !!!
*/


@media screen and (max-width: 1239px) {


}


@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 959px) {


}

/* Ipad*/
@media screen and (max-width: 767px) {


}

/* iPhone 6/7/8 PLUS*/
@media screen and (max-width: 414px) {


}

/* iPhone 6/7/8 */
@media screen and (max-width: 375px) {

}


/* iPhone 5 / 5S */
@media screen and (max-width: 320px) {


}


/* poppins-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/poppins-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url('../../fonts/poppins-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('../../fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('../../fonts/poppins-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('../../fonts/poppins-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('../../fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../../fonts/poppins-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('../../fonts/poppins-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/poppins-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    src: url('../../fonts/poppins-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* 1) Container-Perspektive */
.um_brk_flipbox {
    position: relative;
    perspective: 1000px;
    width: 100%;
    max-width: 300px; /* nach Bedarf anpassen */
    height: auto;
    margin: 0 auto;
}

/* 2) Flipper-Ebene */
.um_brk_flipbox .um_brk_flipper {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
}

/* 3) Vorder- und Rueckseite */
.um_brk_flipbox .um_brk_flipbox_front,
.um_brk_flipbox .um_brk_flipbox_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
}

.brk_icon_list .elementor-icon-list-item:not(:last-child) .elementor-icon-list-text:after{
    border-left: 1px dashed #1f1f1f;
    height: 58%;
    width: 4px;
    position: absolute;
    left: 26px;
    content: "";
    top: 40px;
}

@media (max-width: 1024px){

    .brk_icon_list .elementor-icon-list-item:not(:last-child) .elementor-icon-list-icon:after{
        height: 40px;
    }

}

#uc_play_list_video_gallery_elementor_3170d46 .ug-strip-panel.ug-strip-panel {
    background-color: transparent;
}



/* Front-Design */
.um_brk_flipbox .um_brk_flipbox_front {
    color: #fff;
    padding: 20px;
}

/* Back-Design */
.um_brk_flipbox .um_brk_flipbox_back {
    color: #fff;
    padding: 20px;
    transform: rotateY(180deg);
}

/* 4) Hover-Flip */
.um_brk_flipbox:hover .um_brk_flipper,
.um_brk_flipbox.flipped .um_brk_flipper {
    transform: rotateY(180deg);
}

.um_brk_flipbox .um_brk_flipbox_back ul {
    padding-left: 16px;
}

/* BRK Table (PG) */

.brk_table {
    width: 100%;
}

.brk_table .column-1 {
    width: 35%;
}

.brk_table .column-1 {
    position: relative;
    padding-right: 32px;
}

.brk_table th:not(.column-1),
.brk_table td:not(.column-1) {
    text-align: center;
}

.brk_table td:not(.column-1) svg {
    text-align: center;
    max-width: 38px;
}

.brk_table tr th,
.brk_table tr td {
    vertical-align: middle;
}

.brk_table_buttons a {
    cursor: pointer;
}

.brk_table_buttons.elementor-element .elementor-widget-button a.elementor-button {
    background-color: #e1e1e1;
    color: var(--e-global-color-accent)
}

@media (max-width: 1023px){
    .brk_table_buttons.elementor-element .elementor-widget-button a.elementor-button{
        padding: 12px
    }
}

.brk_table_buttons.elementor-element .elementor-widget-button a.elementor-button.active {
    color: var(--e-global-color-sk_color_12);
    background-color: var(--e-global-color-accent);
}

.brk_table_buttons .elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button:not(.active):hover {
    background-color: #e1e1e1;
    color: var(--e-global-color-accent);
}

.brk_table .hiddencol {
    display: none;
}

.brk_table tr td:last-child, .brk_table tr th:last-child {
    display: none;
}

.brk_table .info-icon {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 23px;
    transform: translate(-30%, -50%);
}

.brk_table .info-icon > div {
    font-size: 1.2rem;
    color: #002D55;
}


.brk_table .info-hover-text {
    display: none;
}

.brk_table .info-hover-text {
    background: #fff;
    padding: 8px;
    border: 1px solid #ccc;
    position: absolute;
    border-radius: 16px;
    box-shadow: 0px 0px 7px #000;
    max-width: 600px;
    z-index: 9;
    width: 50vw;
}


.tablepress td.interest {
    background-color: red;
}

.tablepress .brk_interest_toggle_button {
    max-width: 100px;
}


.brk_table .info-hover-text.hover-active {
    display: block;
}


#brk_about_regions [aria-selected=true] i {
    color: #002D55;
}

/* same col width */

/* gesamte Tabelle fix layouten */
.brk_table #tablepress-1 {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.brk_table #tablepress-1 th{
    font-weight: 100
}



/* erste Spalte fix */
.brk_table #tablepress-1 th.column-1,
.brk_table #tablepress-1 td.column-1 {
    width: 280px; /* feste Breite */
}

@media (max-width: 767px){
    .brk_table #tablepress-1 th.column-1,
    .brk_table #tablepress-1 td.column-1 {
        width: 220px; /* feste Breite */
    }
}


/* alle Uebrigen Spalten gleich breit */
.brk_table #tablepress-1 th:not(.column-1),
.brk_table #tablepress-1 td:not(.column-1) {
    width: auto;
}

/* ausgeblendete Spalten nehmen keinen Platz ein */
.brk_table #tablepress-1 .hiddencol {
    display: none;
}

.brk_table table tbody > tr:nth-child(odd) > td,
.brk_table table tbody > tr:nth-child(odd) > th,
.brk_table table tbody > tr:nth-child(even) > td,
.brk_table table tbody > tr:nth-child(even) > th {
    background-color: #ffffff;
}


.brk_table .tablepress tfoot th,
.brk_table .tablepress tfoot td,
.brk_table .tablepress thead th,
.brk_table .tablepress thead td {
    background-color: #698caf;
    color: white;
}

.brk_table .tablepress tr.row-1 th {
    height: 56px;
    /* hyphens: auto; */
}

.brk_table .tablepress tr.row-12 td {
    background-color: #698caf;
    color: #fff;
}


.brk_table .tablepress tfoot tr:nth-child(1) th,
.brk_table .tablepress tfoot tr:nth-child(1) td {
    border-bottom: 1px solid #ffffff;

}

.brk_table #tablepress-1 tbody tr:nth-child(even):nth-child(n+2):nth-child(-n+10) > * {
    background-color: hsla(0, 0%, 50%, .071);; /* Wunschfarbe */
}

/* ungerade Zeilen innerhalb 12-15 - 13, 15 */
.brk_table #tablepress-1 tbody tr:nth-child(odd):nth-child(n+12):nth-child(-n+15) > * {
    background-color: hsla(0, 0%, 50%, .071);
}

@media (max-width: 480px){
    .brk_table .elementor-shortcode{
        overflow-x: auto;
    }

    .brk_table tr:not(.row-12) td{
        font-size: 12px;
        line-height: 14px
    }
    .brk_table .column-1{
        padding-right: 24px;
    }

    .brk_table .column-1{
        padding-right: 24px;
    }

    .brk_table th, .brk_table tr.row-12 td{
        hyphens: auto;
    }

    .brk_table #tablepress-1 th.column-1, .brk_table #tablepress-1 td.column-1 {
        width: 180px;
    }


}



#brk_about_regions [aria-selected=true] {
    background-color: white;
    border: 2px solid white;
    color: #002D55;
}

#brk_about_regions [aria-selected=false],
#brk_about_regions [aria-selected=false] i {
    color: white;
}

#brk_about_regions [aria-selected=false] {
    border: 2px solid white;
    background-color: #002D55;
}


.elementor-widget-n-carousel span.swiper-pagination-bullet:hover {
    color: rgb(255, 255, 255);
    opacity: 0.2;
}


.brk_table .fa-check {
    font-size: 1.8rem;
    color: green;
}


.brk_video_collection .ug-thumb-wrapper.ug-thumb-selected .ug-thumb-title {
    color: white !important;
}

.brk_video_collection .ug-thumb-wrapper .ug-thumb-content {
    display: flex;
    align-items: center;
}


/*Produkt Badge*/


.elementor-element.brk_recommeded {
    border: 1px solid red;
    overflow: hidden;
}

.elementor-element.brk_recommeded:after {
    content: "Empfehlung";
    position: absolute;
    top: 20px;
    right: -50px; /* Verschiebt das Badge nach rechts aussen */
    transform: rotate(45deg); /* Statt matrix(...) */
    background-color: #e60005;
    color: white;
    padding: 5px 60px;
    font-weight: 700;
    font-size: 12px;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    pointer-events: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border: none;
}


/* ============================================================
   BRK Gravity Form Custom Design
   ============================================================ */

/* ===============================
   1. Global Styles
   =============================== */

#brk_custom_form .ginput_container_image_choice .gchoice,
#brk_custom_form .ginput_container_image_choice .gchoice > * {
    border: none;
    box-shadow: none;
}

/* Image Choice Wrapper */
#brk_custom_form .ginput_container_image_choice > div {
    /* border: 1px solid red; */
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}


/* Image Choice Field */
#brk_custom_form .ginput_container_image_choice .gchoice {
    padding: 0px;
    box-sizing: border-box;
    align-self: inherit;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    cursor: pointer;
    border: none;
    box-shadow: none;
    /* border: 1px solid blue; */
    min-width: inherit;
    max-width: 180px;
}

#brk_custom_form .ginput_container_image_choice .gchoice [class*='outer'] {
    /* border: 1px solid green; */
    padding: 0;
}

#brk_custom_form .ginput_container_image_choice .gchoice [class*='image-wrapper'] {
    padding: 0;
}

#brk_custom_form .ginput_container_image_choice .gfield-choice-input {
    display: none;
}

#brk_custom_form .gfield--type-image_choice .gfield_validation_message {
}


#brk_custom_form .gfield_validation_message {
    text-align: center;
    display: inline-block;
    color: var(--gf-form-validation-heading-icon-color);
    background: #FFF2AE;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid var(--gf-form-validation-heading-icon-color);
    width: 100%;
}

#brk_custom_form .gfield_required.gfield_required_text {
    color: #d88734;;
}

#brk_custom_form .rk-warning {
    padding: 8px 16px;
}

/* ===============================
   2. Selection States
   =============================== */

#brk_custom_form .ginput_container_image_choice .gfield_radio .gchoice:has(input:checked),
#brk_custom_form .ginput_container_image_choice .gfield_checkbox .gchoice:has(input:checked) {
    /* border-color: red; */
}

#brk_custom_form .ginput_container_image_choice .gchoice:has(input:checked) .gfield-choice-image-wrapper {
    background-color: var(--e-global-color-primary);
}

#brk_custom_form .ginput_container_image_choice #input_2_52 .gchoice.active:last-child img, /* Last field of products*/
#brk_custom_form .ginput_container_image_choice #input_2_43 .gchoice.active img,
#brk_custom_form .ginput_container_image_choice #input_2_44 .gchoice.active img,
#brk_custom_form .ginput_container_image_choice #input_2_51 .gchoice.active img{
    filter: brightness(0) invert(1);
}

#brk_custom_form .ginput_container_image_choice .gchoice:has(input:checked) label {
    color: var(--e-global-color-primary);
}

/* ===============================
   3. Image Choice Style (Gravity Forms Cards)
   =============================== */

#brk_custom_form .gform-theme--framework
.gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-card
.gchoice:has(input:checked)::after {
    background-color: var(--e-global-color-primary);
    top: 8px;
    right: 8px;
    display: none;
}

/* ===============================
   4. Image Choice Wrapper Elements
   =============================== */

#brk_custom_form .gfield-image-choice-wrapper-inner,
#brk_custom_form .ginput_container_image_choice label {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    hyphens: auto;
}

#brk_custom_form .gfield-image-choice-wrapper-outer {
    padding: 8px;
}

#brk_custom_form .gfield-choice-image-wrapper {
    padding: 8px;
    border-radius: 100px;
    border: 2px solid var(--e-global-color-primary);
}

#brk_custom_form .gfield-choice-image-wrapper img {
    transform: scale(0.6);
}

/* ===============================
   5. Field-Level Styling
   =============================== */

#brk_custom_form .gfield_label {
    font-size: 22px;
    background-color: white;
    padding: 0 10px;
    border-radius: 10px;
    text-align: center;
    justify-content: center;
    margin-bottom: 4px;
}

#brk_custom_form .brk_adress_grp_wrapper .gfield_label {
    justify-content: left;
}


#brk_custom_form .slot-ui-calendar-info {
    margin-bottom: 16px;
    text-align: center;
}

#brk_custom_form .gform_page {
    border-radius: 40px;
    border: 1px solid #dedede;
    box-shadow: 0px 9px 53px -4px rgba(0, 0, 0, 0.25);
    padding: 40px 40px 80px 40px

}

@media (max-width: 1023px) {
    #brk_custom_form .gform_page {
        padding: 40px 20px 80px 20px
    }

}

#brk_custom_form .gfield .gfield_description {
    text-align: center;
}

#brk_custom_form .gf_progressbar_wrapper {
    width: 80%;
    margin: auto;
    margin-bottom: 24px;

}

.ginput_container input::placeholder {
    opacity: 0.5
}


/* ===============================
   Change Validation
   =============================== */
#brk_custom_form .gform-theme--framework .gform_validation_errors .gform_submission_error {
    --gf-form-validation-heading-color: var(--gf-form-validation-heading-icon-color);
}

#brk_custom_form .gform-theme--framework .gform_validation_errors {
    --gf-form-validation-bg-color: #FFF2AE;
    border-color: var(--gf-form-validation-heading-icon-color);
    outline: #FFC9AE;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 24px;
}


/* ===============================
   6. Form Wrapper Styling
   =============================== */

#gform_fields_2 {
    padding: 20px;
    justify-content: center;
    justify-items: center;
    text-align: center;
}

#gform_fields_2 label {
    justify-content: center;
}

#field_2_12 {
    min-width: 50%;
}


@media (max-width: 1023px) {
    #brk_custom_form .ginput_container_image_choice .gfield_radio,
    #brk_custom_form .ginput_container_image_choice .gfield_checkbox,
    #brk_custom_form .gform_wrapper #gf_2 + form .brk_dynamic_product_select .gfield_checkbox {
        display: grid !important;
        grid-template-columns: repeat(3, auto); /* zwei Spalten */
        gap: 16px;
        /* border: 1px solid blue; */
    }

    #brk_custom_form .gfield_radio .gchoice {
        margin: 0; /* GravityForms setzt manchmal margin, das bricht das Grid */
    }


}

@media (max-width: 767px) {
    #brk_custom_form .ginput_container_image_choice .gfield_radio,
    #brk_custom_form .ginput_container_image_choice .gfield_checkbox,
    #brk_custom_form .gform_wrapper #gf_2 + form .brk_dynamic_product_select .gfield_checkbox {

        grid-template-columns: repeat(2, auto); /* zwei Spalten */

    }


    #brk_custom_form .gfield_radio .gchoice {
        width: 160px;
        min-width: 160px;
        padding: 0;
    }
}

@media (max-width: 480px) {
    #brk_custom_form .ginput_container_image_choice .gfield_radio,
    #brk_custom_form .ginput_container_image_choice .gfield_checkbox,
    #brk_custom_form .gform_wrapper #gf_2 + form .brk_dynamic_product_select .gfield_checkbox {

        grid-template-columns: repeat(2, auto); /* zwei Spalten */

    }

    #brk_custom_form .ginput_container_image_choice .gchoice {
        max-width: 120px;
        width: 120px;
        min-width: 120px;
    }
}

#brk_custom_form #gform_2 #gform_page_2_1 .gfield,
#brk_custom_form #gform_2 #gform_page_2_2 .gfield,
#brk_custom_form #gform_2 #gform_page_2_3 .gfield{
    border: 1px solid #e5e5e5;
    width: 100%;
    margin: 0 auto;
    padding: 16px 24px 24px 24px;
    border-radius: 4px;
}

#brk_custom_form #gform_2 div.brk_adress_grp_wrapper .brk_adress_grp_inner{
    border: 1px solid #cccccc;
    border-radius: 4px;
}
#brk_custom_form #gform_2 [data-conditional-logic='hidden'] +.brk_adress_grp_wrapper .brk_adress_grp_inner{
    border:none;
}
html body .elementor-846 .elementor-element.elementor-element-744cdc1 .eael-gravity-form .gform_body .gform_page_footer input#gform_submit_button_2[type="submit"]{
    font-size: 1rem;
    width: auto !important;
}


#brk_custom_form .gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
    background-color: var(--e-global-color-primary);
}

#brk_custom_form .gform-page-footer input{
    background-color: var(--e-global-color-primary);
    color: white;
}



.brk_faq_akkordeon .e-n-accordion-item > div{
    padding-right: 60px;
}

.brk_faq_akkordeon .e-n-accordion-item > div p{
    hyphens: none;
    text-align: justify;
}

.brk_faq_akkordeon.elementor-element > .elementor-widget-container{
    max-width: 82%;
    margin: 0 auto;
}

@media (max-width: 767px){
    .brk_faq_akkordeon.elementor-element > .elementor-widget-container{
        max-width: 100%;
        margin: 0 auto;
    }
}





.eael-simple-menu-toggle-text{
    display: none;
}





/* ========== Mobile: nur echte Tablist zeigen, Accordion-Duplikate ausblenden ========== */
@media (max-width: 767px) {
    /* 1) Verstecke alle Tab-Buttons, die innerhalb von tabpanels gerendert wurden (Accordion-Duplikate) */
    #brk_about_regions [role="tabpanel"] [role="tab"],
    #brk_about_regions [role="tabpanel"] .elementor-tab-mobile-title,
    #brk_about_regions .elementor-tab-content .elementor-tab-title {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* 2) Stelle die echte Tablist (role="tablist") als vertikale Liste dar */
    #brk_about_regions [role="tablist"] {
        display: flex !important;
        flex-direction: row;
        /* align-items: stretch !important; */
        gap: 12px; /* opt. Abstand zwischen Einträgen */
        flex-wrap: wrap;
        margin-bottom: 20px;
        justify-content: center;
    }

    #brk_about_regions [role="tablist"] [role="tab"] {
        width: auto !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        padding: 6px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
.header_phone p{
    margin-bottom: 0;
}