/*
Theme Name: MONOBUNT Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description:
Author: MONOBUNT GmbH
Author URI: https://monobunt.at/
Template: hello-elementor
Version: 1.0.6
Text Domain: hello-elementor-monobunt
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


html[lang="de-DE"] h1, html[lang="de-DE"] h2 {
    hyphens: auto;
}


/* Scoped styles only for the table section */
.comparison-table-section * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.comparison-table-section .comparison-table-container {
    width: 100%;
    overflow: auto;
    background-color: #FFFFFF;
    color: #011838;
}

.comparison-table-section .comparison-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

/* Header row */
.comparison-table-section .comparison-table thead tr {
    background-color: #011638;
}

.comparison-table-section .comparison-table th {
    padding: 15px 10px;
    text-align: center;
    font-weight: bold;
    border: none;
    color: #D2E2FD;
    font-size: 16px;
}

.comparison-table-section .comparison-table th:first-child {
    text-align: left;
    color: #FFFFFF;
    position: sticky;
    left: 0;
    background-color: #011638;
    z-index: 1;
    padding: 10px 10px;
}

.comparison-table-section .nexus-header {
    background-color: #30CF94 !important;
    color: #FFFFFF !important;
    min-width: 120px;
}

/* Table body */
.comparison-table-section .comparison-table td {
    padding: 15px 10px;
    text-align: center;

    color: #011838;
    font-size: 16px;
    border: none;
    border-top: 1px solid #8C9FC2;
    vertical-align: inherit;
}

.comparison-table-section .comparison-table td:first-child {
    text-align: left;
    position: sticky;
    left: 0;
    background-color: #FFFFFF;
    z-index: 1;
}

.comparison-table-section .comparison-table tbody tr:first-child td {
    border-top: 1px solid #8C9FC2;
}

/* Adjusted hover effect for the first column (Features) */
.comparison-table-section .comparison-table tbody tr:hover td:first-child {
    background-color: rgba(140, 159, 194, 0.1);
}

/* Hover effect for all cells in the row */
.comparison-table-section .comparison-table tbody tr:hover {
    background-color: rgba(140, 159, 194, 0.05);
}

/* Column background colors */
.comparison-table-section .nexus-column {
    background-color: #F5F9FF !important;
}

/* Icons */
.comparison-table-section .icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.comparison-table-section .icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.comparison-table-section .icon-plus {
    background-color: #30CF94;
    color: white;
}

.comparison-table-section .icon-x {
    background-color: #EF4444;
    color: white;
}

.comparison-table-section .icon-exclamation {
    background-color: #8C9FC3;
    color: white;
}

@media screen and (max-width: 767px) {
    .comparison-table-section .comparison-table-container {
        padding: 0;
    }

    /* Ensure icons are visible and first column does not affect view on mobile */
    .comparison-table-section .comparison-table tbody tr:hover td:first-child {
        background-color: #FFFFFF; /* Reset hover for first column in mobile */
    }
}

table.comparison-table tbody > tr:nth-child(odd) > td {
    background-color: transparent;
}

table tbody tr:hover > td, table tbody tr:hover > th {
    background-color: initial;
}

/* Legend styling */
.comparison-table-section .legend {
    font-size: 16px;
    color: #011838;
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 30px;
}

.comparison-table-section .legend .icon {
    width: 18px;
    height: 18px;
}


/* Filters for features */

.filtter-badge {
    cursor: pointer;
}

.filtter-badge a.elementor-button {
    border: 1px solid transparent;
}

.filtter-badge.filter_active a.elementor-button {
    border: 1px solid #a9a9a9;
    box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.2);;
}

#b2b_find_feature {
    padding-left: 45px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 24 24' width='23' height='23'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='search' d='M15.33,10.66c-0.01,2.57-2.09,4.65-4.66,4.66c-1.24,0.03-2.43-0.45-3.3-1.33c-0.9-0.87-1.4-2.08-1.37-3.33 c-0.02-1.24,0.48-2.44,1.37-3.3c0.86-0.89,2.06-1.39,3.3-1.37c1.25-0.03,2.46,0.47,3.33,1.37c0.89,0.86,1.39,2.06,1.37,3.3l0,0 H15.33z M20.66,19.32c0.01-0.35-0.14-0.69-0.39-0.94l-3.57-3.57c0.85-1.21,1.31-2.67,1.3-4.15c0-0.98-0.19-1.95-0.58-2.85 c-0.73-1.77-2.13-3.17-3.9-3.9c-1.82-0.77-3.88-0.77-5.7,0c-1.77,0.73-3.17,2.13-3.9,3.9c-0.77,1.82-0.77,3.88,0,5.7 c0.73,1.77,2.13,3.17,3.9,3.9c0.9,0.39,1.87,0.58,2.85,0.58c1.48,0.01,2.93-0.44,4.15-1.29l3.57,3.56c0.24,0.26,0.58,0.41,0.94,0.4 C20.06,20.65,20.65,20.06,20.66,19.32L20.66,19.32L20.66,19.32z' style='fill: rgb(164, 164, 164)' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
}


/* Glossary */

.b2bportal_gloss {
    min-height: 800px;
}

.b2bportal_gloss-search {
    margin-bottom: 30px;
}

.b2bportal_gloss-one {
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.25);
    padding: 24px;
    font-family: "Poppins", Sans-serif;
}

.b2bportal_gloss-title {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

.b2bportal_gloss-title > div {
    text-transform: uppercase;
    font-weight: 600;
    width: 44px;
    height: 44px;
    text-align: center;
    background-color: #DCE9FE;
    color: #2463EB;
    font-size: 28px;
    line-height: 44px;
    border-radius: 8px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
}

.b2bportal_gloss-one .b2bportal_gloss-title > h2 {
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 26px;
}


.b2bportal_gloss-content {
    font-size: 16px;
}


.b2bportal_gloss-content a.button {

    font-weight: 600;
    margin-top: 15px;

    display: inline-block;
    line-height: 1;
}


#b2bportal_gloss_fin {
    height: 60px;
    border-radius: 8px;
    width: 100%;
    background-color: #fff;
    padding: 0 40px;
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 24 24' width='23' height='23'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='search' d='M15.33,10.66c-0.01,2.57-2.09,4.65-4.66,4.66c-1.24,0.03-2.43-0.45-3.3-1.33c-0.9-0.87-1.4-2.08-1.37-3.33 c-0.02-1.24,0.48-2.44,1.37-3.3c0.86-0.89,2.06-1.39,3.3-1.37c1.25-0.03,2.46,0.47,3.33,1.37c0.89,0.86,1.39,2.06,1.37,3.3l0,0 H15.33z M20.66,19.32c0.01-0.35-0.14-0.69-0.39-0.94l-3.57-3.57c0.85-1.21,1.31-2.67,1.3-4.15c0-0.98-0.19-1.95-0.58-2.85 c-0.73-1.77-2.13-3.17-3.9-3.9c-1.82-0.77-3.88-0.77-5.7,0c-1.77,0.73-3.17,2.13-3.9,3.9c-0.77,1.82-0.77,3.88,0,5.7 c0.73,1.77,2.13,3.17,3.9,3.9c0.9,0.39,1.87,0.58,2.85,0.58c1.48,0.01,2.93-0.44,4.15-1.29l3.57,3.56c0.24,0.26,0.58,0.41,0.94,0.4 C20.06,20.65,20.65,20.06,20.66,19.32L20.66,19.32L20.66,19.32z' style='fill: rgb(164, 164, 164)' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E");
    background-position: right 20px center;
    background-size: 23px 23px;
    background-repeat: no-repeat;
    border: 1px solid #e3e3e3;
}

div.btbportal_gloss-char_a, div.btbportal_gloss-char_g, div.btbportal_gloss-char_m, div.btbportal_gloss-char_s, div.btbportal_gloss-char_y {
    background-color: #DCE9FE;
    color: #2463EB;
}

div.btbportal_gloss-char_b, div.btbportal_gloss-char_h, div.btbportal_gloss-char_n, div.btbportal_gloss-char_t, div.btbportal_gloss-char_z {
    background-color: #DEE7FF;
    color: #4E45E3;
}

div.btbportal_gloss-char_c, div.btbportal_gloss-char_i, div.btbportal_gloss-char_o, div.btbportal_gloss-char_u {
    background-color: #D1FAE4;
    color: #089668;
}

div.btbportal_gloss-char_d, div.btbportal_gloss-char_j, div.btbportal_gloss-char_p, div.btbportal_gloss-char_v {
    background-color: #EDE9FE;
    color: #7D3AED;
}

div.btbportal_gloss-char_e, div.btbportal_gloss-char_k, div.btbportal_gloss-char_q, div.btbportal_gloss-char_w {
    background-color: #FEE2E1;
    color: #DC2625;
}

div.btbportal_gloss-char_f, div.btbportal_gloss-char_l, div.btbportal_gloss-char_r, div.btbportal_gloss-char_x {
    background-color: #FEF3C7;
    color: #D97707;
}
