/**
 * ----------------------------------------------------------------------------
 * Custom Fonts
 * ----------------------------------------------------------------------------
 */

/* inter-100 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/inter/inter-v13-latin-100.woff2') format('woff2');
}
/* inter-200 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/inter/inter-v13-latin-200.woff2') format('woff2');
}
/* inter-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/inter/inter-v13-latin-300.woff2') format('woff2');
}
/* inter-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter/inter-v13-latin-regular.woff2') format('woff2');
}
/* inter-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inter/inter-v13-latin-500.woff2') format('woff2');
}
/* inter-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter/inter-v13-latin-600.woff2') format('woff2');
}
/* inter-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter/inter-v13-latin-700.woff2') format('woff2');
}
/* inter-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/inter/inter-v13-latin-800.woff2') format('woff2');
}
/* inter-900 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter Custom';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/inter/inter-v13-latin-900.woff2') format('woff2');
}

/* inconsolata-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inconsolata Custom';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inconsolata-v31-latin-500.woff2') format('woff2');
}
/* inconsolata-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inconsolata Custom';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/inconsolata-v31-latin-800.woff2') format('woff2');
}

/* Font-Family-Variablen – generisch nach Kategorie benannt, damit ein
   Font-Wechsel nur hier den Wert ändert, nicht die Variablennamen. */
:root {
    --mi-font-sans: 'Inter Custom', sans-serif;
    --mi-font-mono: 'Inconsolata Custom', 'Courier New', monospace;
}


/**********************************************************
TYPOGRAPHIE
**********************************************************/

/* headline typo */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ecf9f8 !important;
    font-family: var(--mi-font-mono);
}

/* subheadline */
.subline {
    color: #64ccc9;
    font-family: var(--mi-font-mono);
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 5px !important;
    text-transform: lowercase;
}

/* small p */
.small-p {
    font-size: 16px;
}

/* zitat */
blockquote {
    font-family: var(--mi-font-mono);
    font-weight: 500;
}

/* branchen zahl */
.branchen-zahl {
    color: #1D252D;
    font-family: var(--mi-font-mono);
    font-size: 70px;
    font-weight: 500;
    margin-bottom: 0.5em !important;
    line-height: 1;
}

@media only screen and (min-width: 1000px) {
    .branchen-zahl {
        margin-bottom: 1.5em !important;
    }
}

/* scrolling text */
.scrolling-text {
    color: rgba(237, 246, 242, 0.05) !important;
    letter-spacing: -0.065em;
}

/* milestones blogbeitrag */
.nectar-milestone .number {
    color: #ecf9f8;
    font-family: var(--mi-font-sans);
    font-size: 84px !important;
    font-weight: 800;
    z-index: 999;
}

.nectar-milestone .number .symbol-wrap {
    font-size: 60px !important;
}

@media only screen and (min-width: 680px) {
    .nectar-milestone .number {
        font-size: 168px !important;
    }

    .nectar-milestone .number .symbol-wrap {
        font-size: 120px !important;
    }
}

@media only screen and (min-width: 1000px) {
    .nectar-milestone .number {
        font-size: 280px !important;
    }

    .nectar-milestone .number .symbol-wrap {
        font-size: 200px !important;
    }
}

/* tortendiagramm */
body .vc_pie_chart .vc_pie_chart_value {
    color: #fff !important;
    font-size: 3.25em;
    font-family: var(--mi-font-sans);
    font-weight: 800;
}

body .vc_pie_chart .wpb_pie_chart_heading {
    font-family: var(--mi-font-sans);
    text-transform: none;
    font-size: 13px;
    line-height: 1.25em;
    letter-spacing: 0.0135em;
    text-align: center;
}

@media only screen and (min-width: 680px) {
    body .vc_pie_chart .wpb_pie_chart_heading {
        font-size: 16px;
    }
}

body .vc_pie_chart_back {
    border-width: 7px;
}

@media only screen and (min-width: 680px) {
    body .vc_pie_chart_back {
        border-width: 32px;
    }
}

/* Liste */
.nectar-hor-list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* Jobs Ansprechpartner */
.nectar-icon-list-item .content {
    color: rgba(187, 187, 192, 1) !important;
}

.nectar-icon-list[data-icon-style=border] .list-icon-holder {
    border: 1px solid rgba(100, 204, 201, 1) !important;
}

.nectar-icon-list:after {
    background-color: rgba(100, 204, 201, 1) !important;
}


/**********************************************************
FOOTER
**********************************************************/

#footer-outer p, #footer-outer a {
    font-size: 14px;
    line-height: 17px;
}

@media only screen and (min-width: 680px) {
    #footer-outer p, #footer-outer a {
        font-size: 15px;
        line-height: 19px;
    }
}

@media only screen and (min-width: 1000px) {
    #footer-outer p, #footer-outer a {
        font-size: 15px;
        line-height: 22px;
    }
}

#footer-outer h3 {
    color: #797982 !important;
    font-size: 16px;
    line-height: 19px;
}

@media only screen and (min-width: 1000px) {
    #footer-outer h3 {
        font-size: 17px;
        line-height: 22px;
    }
}

#footer-outer #footer-widgets a {
    color: rgba(237, 246, 242, 0.8) !important;
}

#footer-outer .widget {
    margin-bottom: 10px;
}

@media only screen and (min-width: 680px) {
    #footer-outer .widget {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1000px) {
    #footer-outer .widget {
        margin-bottom: 20px;
    }
}

.footer-logo {
    max-width: 160px;
}


/**********************************************************
HEADER
**********************************************************/

/* Underline */
#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text:after {
    border-color: #78BE21 !important;
}

body #header-outer[data-lhe=animated_underline] #top nav > ul > li:not([class*=button_]) > a .menu-title-text:after {
    bottom: -8px;
}


/**********************************************************
WPML SPRACHUMSCHALTER — Globe statt Flaggen
**********************************************************/

/* Globe-Icon als wiederverwendbare Mask-Variable (Desktop + Mobile teilen
   sich dieselbe SVG-Definition). currentColor sorgt später dafür, dass das
   Icon die Menüfarbe erbt. Quelle: planemos Icon-Bibliothek, Variante
   "outline" (globe.svg). Als Maske zählt nur die Form – der stroke muss
   gesetzt bleiben, damit der Pfad Alpha liefert; die sichtbare Farbe kommt
   ausschließlich aus currentColor. '#' im stroke ist als %23 kodiert. */
:root {
    --mi-globe: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12,21c4.1033-.00024,7.68744-2.7747,8.716-6.747M12,21c-4.1033-.00024-7.68744-2.7747-8.716-6.747M12,21c2.485,0,4.5-4.03,4.5-9S14.485,3,12,3M12,21c-2.485,0-4.5-4.03-4.5-9S9.515,3,12,3M12,3c3.25003-.00136,6.24815,1.75019,7.843,4.582M12,3c-3.25003-.00136-6.24815,1.75019-7.843,4.582M19.843,7.582c-2.17733,1.88593-4.96247,2.92214-7.843,2.918-2.998,0-5.74-1.1-7.843-2.918M19.843,7.582c.76085,1.34799,1.15947,2.87011,1.157,4.418,0,.778-.099,1.533-.284,2.253M20.716,14.253c-2.66683,1.47838-5.66681,2.25178-8.716,2.247-3.162,0-6.133-.815-8.716-2.247M3.284,14.253c-.18925-.73603-.28468-1.49303-.284-2.253,0-1.605.42-3.113,1.157-4.418'/></svg>");
}

/* Flaggen komplett entfernen (Desktop-Menü + Mobile-Off-Canvas).
   Begründung: Flagge != Sprache. */
#header-outer .wpml-ls-flag,
#slide-out-widget-area .wpml-ls-flag {
    display: none !important;
}

/* WPML setzt via `.wpml-ls-menu-item .wpml-ls-flag+span { margin-left:.3em }`
   einen Abstand zwischen Flagge und Sprachname. Da die Flagge jetzt ausgeblendet
   ist, bleibt sonst ein toter Einzug vor dem Text (u.a. mobil vor
   "Sprache wählen"). Der ID-Präfix hebt die Spezifität über die WPML-Regel. */
#header-outer .wpml-ls-menu-item .wpml-ls-flag + span,
#slide-out-widget-area .wpml-ls-menu-item .wpml-ls-flag + span {
    margin-left: 0;
}

/* --- Desktop: Trigger der aktuellen Sprache = nur Globe-Icon --- */

/* Sprach-Label des Triggers a11y-konform verstecken – bleibt für
   Screenreader (und die vorhandenen aria-Attribute) erhalten, ist aber
   visuell weg, sodass nur das Globe-Icon steht. Gilt NUR für den
   Top-Level-Trigger (> a), nicht für die Sprachen im Dropdown. */
#header-outer .sf-menu > li.wpml-ls-current-language > a .wpml-ls-native {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Globe vor dem Trigger. mask-image + background-color: currentColor,
   damit das Icon die Menüfarbe erbt und sowohl im transparenten als auch
   im geschlossenen/hellen Header automatisch die richtige Farbe hat. */
#header-outer .sf-menu > li.wpml-ls-current-language > a .menu-title-text::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    background-color: currentColor;
    transition: background-color 0.25s ease;
    -webkit-mask-image: var(--mi-globe);
    mask-image: var(--mi-globe);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Hover-/Fokus-Feedback: Globe nimmt die Akzentfarbe an. `.sfHover` setzt
   Salient (Superfish) beim Aufklappen des Dropdowns. */
#header-outer .sf-menu > li.wpml-ls-current-language:hover > a .menu-title-text::before,
#header-outer .sf-menu > li.wpml-ls-current-language.sfHover > a .menu-title-text::before,
#header-outer .sf-menu > li.wpml-ls-current-language > a:focus .menu-title-text::before {
    background-color: var(--nectar-accent-color);
}

/* Animierte Underline unter dem Globe unterdrücken – sonst zieht der
   Hover-Effekt einen Strich unter das Icon. */
#header-outer[data-lhe=animated_underline] .sf-menu > li.wpml-ls-current-language > a .menu-title-text:after {
    display: none !important;
}

/* --- Dropdown: alle Sprachen, aktive markiert --- */

/* Die aktive Sprache (per PHP als zusätzliches Item eingefügt, Klasse
   .mi-ls-active) in der Akzentfarbe hervorheben. Sie verweist auf die
   aktuelle Seite, daher default-Cursor statt Pointer. */
#header-outer .mi-ls-active > a,
#slide-out-widget-area .mi-ls-active > a {
    color: var(--nectar-accent-color) !important;
    cursor: default;
}

/* Salient gibt Dropdowns eine feste Breite (width: 240px). Für die kurzen
   Sprachnamen ist das viel zu breit -> nur für dieses Dropdown auf
   inhaltsabhängige Breite mit dezentem Minimum. !important, da Salients
   Regel über mehr IDs eine höhere Spezifität hat. */
#header-outer .sf-menu > li.wpml-ls-current-language > ul.sub-menu {
    width: auto !important;
    min-width: 150px !important;
}

/* --- Mobile Off-Canvas: Globe VOR dem Label "Sprache wählen" --- */

/* Nur der Top-Level-Trigger (direktes Kind von ul.menu), nicht die aktive
   Sprache im Sub-Menü (die trägt dieselbe .wpml-ls-current-language-Klasse,
   liegt aber in ul.sub-menu). Globe skaliert über em mit der Menüschrift. */
#slide-out-widget-area .off-canvas-menu-container > ul.menu > li.wpml-ls-current-language > a .wpml-ls-native::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    vertical-align: -0.12em;
    background-color: currentColor;
    -webkit-mask-image: var(--mi-globe);
    mask-image: var(--mi-globe);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* --- Custom-Shortcode-Sprachumschalter [mi-language-switcher] (Footer) --- */

/* Container = Positions-Kontext für das Dropdown. */
.mi-langswitch {
    position: relative;
    display: inline-block;
}

/* Der Toggle ist ein <button> und erbt sonst die große Footer-Basisschrift ->
   auf die Footer-Textgröße bringen (14px mobil / 15px ab 680px). Die
   Dropdown-Links (<a>) erben diese Größe bereits über Salients Footer-a-Regel,
   seit das Markup ohne <ul>/<li> auskommt. */
#footer-outer .mi-langswitch__toggle {
    font-size: 14px;
}
@media only screen and (min-width: 680px) {
    #footer-outer .mi-langswitch__toggle {
        font-size: 15px;
    }
}

/* Trigger: als Button entstylt, erbt Footer-Farbe/-Schrift. */
.mi-langswitch__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    line-height: 1.4;
    color: inherit;
    cursor: pointer;
}

/* Globe via geteilter Mask-Variable, erbt die Textfarbe. */
.mi-langswitch__icon {
    display: inline-block;
    width: 1.05em;
    height: 1.05em;
    background-color: currentColor;
    -webkit-mask-image: var(--mi-globe);
    mask-image: var(--mi-globe);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Chevron als Aufklapp-Hinweis (dreht sich beim Öffnen). */
.mi-langswitch__caret {
    display: inline-block;
    width: 0.45em;
    height: 0.45em;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    opacity: 0.6;
    transition: transform 0.2s ease;
}
.mi-langswitch--up .mi-langswitch__caret {
    transform: translateY(0.15em) rotate(-135deg);
}
.mi-langswitch--down .mi-langswitch__caret {
    transform: translateY(-0.1em) rotate(45deg);
}
.mi-langswitch--up:hover .mi-langswitch__caret,
.mi-langswitch--up:focus-within .mi-langswitch__caret,
.mi-langswitch--up.is-open .mi-langswitch__caret {
    transform: rotate(45deg);
}
.mi-langswitch--down:hover .mi-langswitch__caret,
.mi-langswitch--down:focus-within .mi-langswitch__caret,
.mi-langswitch--down.is-open .mi-langswitch__caret {
    transform: rotate(-135deg);
}

/* Dropdown-Panel. */
.mi-langswitch__list {
    position: absolute;
    left: 0;
    z-index: 100;
    min-width: 160px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background: #151A20;
    border-radius: 14px;
    overflow: hidden; /* clippt Zeilen-Highlight auf die runden Ecken */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}
.mi-langswitch--up .mi-langswitch__list {
    bottom: 100%;
    margin-bottom: 10px;
}
.mi-langswitch--down .mi-langswitch__list {
    top: 100%;
    margin-top: 10px;
}

/* Öffnen per Hover, Fokus (Tastatur, ohne JS) oder Klick (.is-open via JS). */
.mi-langswitch:hover .mi-langswitch__list,
.mi-langswitch:focus-within .mi-langswitch__list,
.mi-langswitch.is-open .mi-langswitch__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mi-langswitch__item {
    display: block;
    padding: 11px 24px;
    white-space: nowrap;
    color: inherit; /* erbt Kontextfarbe (im Footer via Salient-Regel gesetzt) */
    text-decoration: none;
}
.mi-langswitch__item:hover,
.mi-langswitch__item:focus {
    background: rgba(255, 255, 255, 0.06); /* dezentes Zeilen-Highlight, kein Underline */
}
.mi-langswitch__item.is-active {
    color: var(--nectar-accent-color) !important;
    cursor: default;
}
/* Der Footer erzwingt Link-Farben via `#footer-outer #footer-widgets a`
   (!important, 2 IDs). Für den aktiven Eintrag hier die Spezifität übertreffen,
   sonst bleibt die Akzentfarbe wirkungslos. */
#footer-outer #footer-widgets a.mi-langswitch__item.is-active {
    color: var(--nectar-accent-color) !important;
}


/**********************************************************
BLOG
**********************************************************/

/* nächster/vorheriger Beitrag */
.blog_next_prev_buttons[data-style=fullwidth_next_prev] .post-bg-img {
    background-image: none !important;
}

.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post {
    min-height: 160px;
    background-color: #78BE21;
    padding: 3% 9%;
}

@media only screen and (max-width: 690px) {
    body .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, body .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post {
        min-height: 120px;
    }
}

.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post:hover:after, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project:hover:after, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project:hover:after {
    opacity: 0;
}

.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post:after, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post:after, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project:after, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project:after {
    background-color: #78BE21;
}

.blog_next_prev_buttons {
    margin-top: 0;
}

/* Einzelansicht Header */
#page-header-bg .section-title {
    display: none !important;
}

#page-header-bg[data-alignment-v=bottom] .container, #page-header-bg[data-alignment-v=bottom] .row, #page-header-bg[data-alignment-v=middle] .container, #page-header-bg[data-alignment-v=middle] .row, #page-header-bg[data-alignment-v=top] .container, #page-header-bg[data-alignment-v=top] .row {
    display: none !important;
}

@media only screen and (min-width: 1px) and (max-width: 1000px) {
    .material .blog_next_prev_buttons {
        margin-top: 24px;
    }
}

body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .post-area {
    max-width: none;
}

/* recent posts slider */
.nectar-recent-posts-slider .container .strong {
    display: none !important;
    color: var(--nectar-extra-color-1) !important;
}

/* planemos mes */
.mes-h1 em {
    font-style: normal;
    color: var(--nectar-accent-color) !important;
}

.hyphens-auto {
    hyphens: auto;
}

.color-secondary {
    color: var(--nectar-extra-color-1) !important;
}

.h3-accent h3 {
    font-family: var(--mi-font-mono) !important;
    color: var(--nectar-extra-color-1) !important;
    font-size: 24px !important;
    line-height: 140% !important;
}

.custom-list ul, .custom-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.custom-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.list-plus-icon li:before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 4.5V19.5M19.5 12H4.5' stroke='%23F0FAFA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.list-check-icon li:before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 14.25L10.5 18.75L19.5 5.25' stroke='%23F0FAFA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.panels-faq .toggle {
    background: #151A20;
    border-radius: 20px;
    margin-bottom: 20px !important;
}

.panels-faq .toggle-title a {
    font-family: var(--mi-font-mono) !important;
    font-size: 24px !important;
    line-height: 140% !important;
}

.slider-case .inner-wrap span.strong, .slider-case .inner-wrap .nectar-button {
    display: none;
}

.tabs-vertical .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
    background: #151A20;
    border-radius: 20px;
    padding: 28px;
    font-size: 18px !important;
}

.tabs-vertical .tabbed[data-style="vertical_modern"][data-color-scheme="extra-color-1"] .wpb_tabs_nav li .active-tab {
    background: #151A20;
    border: 1px solid #78BE21;
}

.tabs-vertical .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li {
    margin-bottom: 20px;
}

.tabs-vertical .tabbed[data-style="vertical_modern"] >div {
    padding-left: 24px;
}

.tabs-horizontal .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) {
    margin: 0 15px !important;
}

@media only screen and (min-width: 1000px) {
    .tabs-vertical .tabbed[data-style*=vertical] .wpb_tabs_nav {
        width: 30%;
    }

    .tabs-vertical .tabbed[data-style*=vertical]>div {
        width: 70%;
    }

    .tabs-horizontal .tabbed[data-style=minimal_alt]>ul li:not(.cta-button) .active-tab, .tabbed[data-style=minimal_alt]>ul li:not(.cta-button) a {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .tabs-vertical .tabbed[data-style="vertical_modern"] >div {
        padding-left: 0;
    }

    .tabs-vertical .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 690px) {
    .panels-faq .toggle-title a {
        font-size: 18px !important;
    }

    .h3-accent h3 {
        font-size: 18px !important;
    }
}

.mi-nav-default-case > a {
    text-transform: none !important;
}


/**
 * ----------------------------------------------------------------------------
 * Highlight Number
 * ----------------------------------------------------------------------------
 */

.highlight-number {
    line-height: 1;
    text-align: center;
    position: relative;
}

.highlight-number__number {
    font-family: var(--mi-font-mono);
    font-size: 7rem;
    font-weight: 800;
}

@media (min-width: 400px) and (max-width: 1200px) {
    .highlight-number__number {
        font-size: calc(94px + (172 - 94) * ((100vw - 400px) / (1200 - 400)));
    }
}

@media (min-width: 1200px) {
    .highlight-number__number {
        font-size: 18rem;
    }
}

.highlight-number__number-wrap {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    color: #ecf9f8;
    margin: 1%;
}

.highlight-number__number-wrap::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #131b23;
    width: 84%;
    min-width: 280px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 320px;
}

.highlight-number__title {
    color: #808a8e;
}

.highlight-number__symbol {
    font-size: 0.65em;
}