:root {
    /* DXP variable overrides */
    --dxp-s-button-padding: 1rem;
    --dxp-c-text-block-font-weight: 500;
    --ccnavmenus-horizontalItem-min-width: 10rem;
    --dxp-g-root: var( --background-color );
    --dxp-g-root-contrast: var( --text-color );
    --dxp-g-brand: var( --primaryBtnBackground );
    --dxp-g-brand-contrast: var( --primaryBtnColor );
    --dxp-g-neutral: var( --surface-color );
    --dxp-g-neutral-1: var( --surface-color-hover );
    --dxp-g-neutral-2: var( --surface-color-muted );
    --dxp-g-neutral-3: var( --muted-text-color );
    --dxp-s-button-color-1: var( --primaryBtnHoverBackground );
    --dxp-s-link-text-color-1: var( --link-hover-color );
    --dxp-s-form-element-color-background: var( --surface-color );
    --dxp-s-form-element-color-border: var( --surface-color-light );
    --dxp-s-form-element-text-color: var( --text-color );
    --dxp-s-form-checkbox-color-background: var( --primaryBtnBackground );
    --dxp-s-form-checkbox-color-border: var( --primaryBtnBackground );
}

html,
body,
main,
[data-f6-region],
.comm-page,
.comm-page__content,
.comm-layout-column,
.comm-section-container {
    background-color: var( --background-color ) !important;
    color: var( --text-color ) !important;
}

/* Counteracts the inline backgroundColor='white' set by the Usabilla script in mainAppPage/content.json.
   The section ID 'section-c23c' is the same anchor used by that script and cannot be replaced
   with a custom CSS class without modifying the appPage metadata. */
*:has(> .comm-section-container[data-component-id="section-c23c"]) {
    background-color: var( --background-color ) !important;
}
ol, ul {
    margin: 0 !important;
    list-style: none !important;
}
h1, h2, h3, h4, h5 {
    font-weight: var( --dxp-c-text-block-font-weight ) !important;
}
a.menuLink, li.link-wrapper a {
    text-decoration: none !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
a.menuLink span:hover {
    text-decoration: none !important;
    color: var(--link-hover-color) !important;
}
.hamburgerline {
    stroke: var(--text-color) !important;
}
.slds-button.slds-button_icon {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var( --text-color ) !important;
    height: 16px;
}
.slds-button:hover:not(.ccnavmenu-hamburger-button) {
    background-color: var( --primaryBtnHoverBackground ) !important;
    transition-duration: 0.02s !important;
    color: var( --primaryBtnHoverColor ) !important;
    border-color: var( --primaryBtnHoverBorder ) !important;
}
.tile-button .slds-button  {
    background-color: var( --secondaryBtnBackground ) !important;
    border-color: var( --secondaryBtnBorder ) !important;
    color: var( --secondaryBtnColor ) !important;
    box-shadow: none !important;
    font-weight: normal !important;
}
.suggestions-combobox-container input {
    border-radius: 999rem 0 0 999rem !important;
    background: var( --primaryBtnHoverBackground ) !important;
    color: var( --text-color ) !important;
    box-shadow: none !important;
    border: 0 !important;
}
.suggestions-combobox-container .input-wrapper {
    background: var( --primaryBtnHoverBackground ) !important;
    border: 0 !important;
    border-radius: 999rem 0 0 999rem !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.suggestions-combobox-container input:focus {
    outline: none !important;
}
.suggestions-combobox-container input::placeholder {
    color: var( --muted-text-color ) !important;
}
.suggestions-combobox-container .input-icon-container {
    background: var( --primaryBtnHoverBackground ) !important;
}
.suggestions-combobox-container .input-icon-container:empty {
    display: none !important;
    padding: 0 !important;
}
.suggestions-combobox-container .input-search-button,
.suggestions-combobox-container button.input-search-button {
    border-radius: 0 999rem 999rem 0 !important;
    border: 0 !important;
    height: 2rem !important;
    box-shadow: none !important;
    padding: var( --dxp-s-button-padding ) !important;
    margin: 0 !important;
    background: var( --primaryBtnHoverBackground ) !important;
    background-color: var( --primaryBtnHoverBackground ) !important;
    color: var( --primaryBtnColor ) !important;
}
.suggestions-combobox-container .input-search-button:hover,
.suggestions-combobox-container .input-search-button:focus,
.suggestions-combobox-container button.input-search-button:hover,
.suggestions-combobox-container button.input-search-button:focus {
    background: var( --primaryBtnHoverBackground ) !important;
    background-color: var( --primaryBtnHoverBackground ) !important;
    color: var( --primaryBtnHoverColor ) !important;
}
.slds-card.scoped-results__card.card-display-type {
    border: none !important;
    background-color: var( --card-background-color ) !important;
}
article.slds-card.result-card-inner {
    border-style: solid  !important;
    border-color: var( --card-border-color ) !important;
    border-width: 1px !important;
    background: var( --card-background-color ) !important;
}
footer .comm-section-container {
    padding: 0 !important;
}
footer,
footer .comm-section-container,
footer .legal,
.legal[c-mijnFooter_mijnFooter] {
    background: var( --background-color ) !important;
    color: var( --muted-text-color ) !important;
    border-color: var( --surface-color-hover ) !important;
}
.legal[c-mijnFooter_mijnFooter] a[c-mijnFooter_mijnFooter],
.link-wrapper[c-mijnFooter_mijnFooter],
.link-wrapper[c-mijnFooter_mijnFooter] a[c-mijnFooter_mijnFooter] {
    color: var( --muted-text-color ) !important;
}
.legal[c-mijnFooter_mijnFooter] a[c-mijnFooter_mijnFooter]:hover,
.legal[c-mijnFooter_mijnFooter] a[c-mijnFooter_mijnFooter]:focus,
.link-wrapper[c-mijnFooter_mijnFooter] a[c-mijnFooter_mijnFooter]:hover,
.link-wrapper[c-mijnFooter_mijnFooter] a[c-mijnFooter_mijnFooter]:focus {
    color: var( --link-hover-color ) !important;
}
button.input-clear-button.slds-button {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var( --surface-color-muted ) !important;
}
button.input-clear-button.slds-button:hover,
button.input-clear-button.slds-button:focus,
button.input-clear-button.slds-button:active {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var( --surface-color-muted ) !important;
}
.object-navigation-container {
    display: none;
}
.lwc-622rpr4hecm.slds-card__header-title {
    display: none;
}
div.slds-item[lwc-187sde76mks] {
    display: none;
}
lightning-button-icon.lwc-68kn5f7l50u {
    display: none;
}
div.lwc-5e5o692ggbg.object-navigation-mobile-container {
    display: none;
}
lightning-primitive-icon[lwc-1df1eblanv8] {
    display: none;
}
.slds-form-element__label {
	font-weight: 200 !important;
}
.scoped-results-container header button.slds-button {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    pointer-events: none;
    font-weight: 400 !important;
    font-size: 13.5px !important;
    color: var( --muted-text-color ) !important;
}
.scoped-results-container,
.scoped-results-container header,
.scoped-results-container .slds-card__header,
.scoped-results-container .slds-card__body,
.scoped-results-container .slds-card__body_inner,
.scoped-results-container .slds-card__footer,
.search-results-knowledge,
.search-results-knowledge .slds-card__header,
.search-results-knowledge .slds-card__body,
.search-results-knowledge .slds-card__body_inner,
.search-results-knowledge .slds-card__footer {
    background: var( --card-background-color ) !important;
    color: var( --text-color ) !important;
    border-color: var( --card-border-color ) !important;
}
.scoped-results-container .slds-border_bottom,
.scoped-results-container .slds-border--bottom,
.search-results-knowledge .slds-border_bottom,
.search-results-knowledge .slds-border--bottom {
    border-bottom-color: var( --card-border-color ) !important;
}

/* Hide elements within search results */
/* FLATTENED: This ensures the elements are actually hidden */
.search-results-knowledge dxp_crm_search-header-meta,
.search-results-knowledge dxp_crm_search-mobile-header,
.search-results-knowledge dxp_crm_search-object-navigation-mobile,
.search-results-knowledge .slds-p-bottom--xx-large,
.search-results-knowledge .object-navigation-container {
    display: none !important;
}

/* FORCE REMOVE SCROLLBAR from Search Results */
/* TARGETING Inner Containers specifically  */
.scoped-results-container,
.scoped-results-container .slds-card {
    overflow: visible !important;   /* Shows content without scrollbars */
    height: auto !important;        /* Tells container to grow with text */
    max-height: none !important;    /* Removes any Salesforce height limits */
}

/* Forces the scrollbar to be invisible inside the search results */
.search-results-knowledge ::-webkit-scrollbar,
.scoped-results-container ::-webkit-scrollbar {
    display: none !important;
}

.search-results-knowledge,
.search-results-knowledge .slds-scrollable_y,
.search-results-knowledge .slds-scrollable--y {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;     /* Firefox */
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* Style links within search results */
.search-results-knowledge a.title-field {
    color: var( --link-color ) !important;
    font-weight: normal !important;
    font-size: 60% !important;
    text-decoration: underline !important;
}

/* Style article cards within search results */
.search-results-knowledge article.slds-card.result-card-inner {
    border: 1px solid var( --card-border-color ) !important;
    background: var( --card-background-color ) !important;
}
.search-results-knowledge article.slds-card.result-card-inner + article.slds-card.result-card-inner {
    border-top-color: var( --card-border-color ) !important;
}

/* Additional styling for no results message */
/* Ensuring the vertical padding wrapper also expands */
.search-results-knowledge search_results-no-results,
.search-results-knowledge search_results-no-results .slds-p-vertical--xx-large {
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
    height: auto !important;
    display: block !important;
}

/* Styling for card container */
.search-results-knowledge .slds-card.scoped-results__card.card-display-type {
    border: none !important;
    background-color: var( --card-background-color ) !important;
}
@media screen and (min-width: 38em) {
    footer .legal {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin: 0 auto;
    }
}
.community-channels[c-mijnFooter_mijnFooter] {
    background: var( --surface-color ) !important;
}
.community-channels[c-mijnFooter_mijnFooter] *,
.channels[c-mijnFooter_mijnFooter] p[c-mijnFooter_mijnFooter],
.channels[c-mijnFooter_mijnFooter] p[c-mijnFooter_mijnFooter] span {
    color: var( --text-color ) !important;
}
.channels[c-mijnFooter_mijnFooter] li[c-mijnFooter_mijnFooter] + li[c-mijnFooter_mijnFooter] {
    border-color: var( --surface-color-hover ) !important;
}
.channels[c-mijnFooter_mijnFooter] li[c-mijnFooter_mijnFooter] {
    position: relative;
}
.channels[c-mijnFooter_mijnFooter] li[c-mijnFooter_mijnFooter]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 48px;
    height: 48px;
    border: 1px solid var( --surface-color-light );
    border-radius: 50%;
    background: var( --surface-color-hover );
    transform: translateX( -50% );
}
.channels[c-mijnFooter_mijnFooter] img[c-mijnFooter_mijnFooter] {
    position: relative;
    z-index: 1;
    width: 24px !important;
    height: 24px !important;
    margin: 12px 0 !important;
    filter: brightness( 0 ) invert( 1 ) !important;
}
@media ( max-width: 767px ) {
    .channels[c-mijnFooter_mijnFooter] li[c-mijnFooter_mijnFooter]::before {
        top: 2rem;
    }
}
.title[c-mijnFooter_mijnFooter] {
    padding-bottom: 2rem !important;
}
.footerLink[c-mijnFooter_mijnFooter] {
    color: var( --link-color ) !important;
    margin-top: auto !important;
}
.footerLink[c-mijnFooter_mijnFooter]:hover,
.footerLink[c-mijnFooter_mijnFooter]:focus {
    color: var( --link-hover-color ) !important;
}
.main-navigation,
.headerMenus,
.forceCommunityGlobalNavigation,
.horizontal-menu,
.comm-navigation {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    color: var( --muted-text-color ) !important;
}
.main-navigation a,
.main-navigation button,
.headerMenus a,
.headerMenus button,
.horizontal-menu a,
.horizontal-menu button,
.comm-navigation a,
.comm-navigation button,
.horizontalMenuItem a.menuLink,
a.menuLink {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var( --muted-text-color ) !important;
    outline: none !important;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation button:hover,
.main-navigation button:focus,
.headerMenus a:hover,
.headerMenus a:focus,
.headerMenus button:hover,
.headerMenus button:focus,
.horizontal-menu a:hover,
.horizontal-menu a:focus,
.horizontal-menu button:hover,
.horizontal-menu button:focus,
.comm-navigation a:hover,
.comm-navigation a:focus,
.comm-navigation button:hover,
.comm-navigation button:focus,
.horizontalMenuItem:hover,
.horizontalMenuItem a.menuLink:hover,
.horizontalMenuItem a.menuLink:focus,
a.menuLink:hover,
a.menuLink:focus,
div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[ccnavmenus-treeItem_treeItem]:hover,
.slds-tree__item:hover[ccnavmenus-treeItem_treeItem] {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var( --text-color ) !important;
    outline: none !important;
}
.main-navigation *:focus,
.main-navigation *:focus-visible,
.headerMenus *:focus,
.headerMenus *:focus-visible,
.forceCommunityGlobalNavigation *:focus,
.forceCommunityGlobalNavigation *:focus-visible,
.horizontal-menu *:focus,
.horizontal-menu *:focus-visible,
.comm-navigation *:focus,
.comm-navigation *:focus-visible,
[ccnavmenus-treeItem_treeItem] *:focus,
[ccnavmenus-treeItem_treeItem] *:focus-visible,
[ccnavmenus-treeItem_treeItem]:focus,
[ccnavmenus-treeItem_treeItem]:focus-visible,
.horizontalMenuItem:focus,
.horizontalMenuItem:focus-visible,
a.menuLink span:focus,
a.menuLink span:focus-visible {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    outline-offset: 0 !important;
}
a.menuLink span,
.horizontalMenuItem a.menuLink span,
.comm-navigation .comm-navigation__list a span {
    color: var( --muted-text-color ) !important;
    font-weight: 400 !important;
}
a.menuLink:hover span,
a.menuLink:focus span,
a.menuLink:active span,
.horizontalMenuItem:hover a.menuLink span,
.horizontalMenuItem a.menuLink:hover span,
.horizontalMenuItem a.menuLink:focus span,
.horizontalMenuItem a.menuLink:active span,
.comm-navigation .comm-navigation__list a:hover span,
.comm-navigation .comm-navigation__list a:focus span,
.comm-navigation .comm-navigation__list a:active span {
    color: var( --text-color ) !important;
}
.main-navigation .slds-is-active,
.main-navigation .slds-is-active span,
.forceCommunityGlobalNavigation a.slds-is-active,
.forceCommunityGlobalNavigation a.slds-is-active span,
a.menuLink.slds-is-active,
a.menuLink.slds-is-active span {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    box-shadow: none !important;
    color: var( --text-color ) !important;
    outline: none !important;
}
.main-navigation .slds-is-fixed,
.main-navigation .slds-list_vertical,
.main-navigation .slds-tree,
.main-navigation .slds-tree_container,
.main-navigation .slds-dropdown,
.headerMenus .slds-is-fixed,
.headerMenus .slds-list_vertical,
.headerMenus .slds-tree,
.headerMenus .slds-tree_container,
.headerMenus .slds-dropdown,
.forceCommunityGlobalNavigation .slds-is-fixed,
.forceCommunityGlobalNavigation .slds-list_vertical,
.forceCommunityGlobalNavigation .slds-tree,
.forceCommunityGlobalNavigation .slds-tree_container,
.forceCommunityGlobalNavigation .slds-dropdown,
.horizontal-menu .slds-is-fixed,
.horizontal-menu .slds-list_vertical,
.horizontal-menu .slds-tree,
.horizontal-menu .slds-tree_container,
.horizontal-menu .slds-dropdown,
[class*="horizontal-groupDiv"][ccnavmenus-treeItem_treeItem] {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    border-color: var( --card-border-color ) !important;
    color: var( --muted-text-color ) !important;
    box-shadow: 0 12px 24px rgba( 0, 0, 0, 0.32 ) !important;
}
[class*="horizontal-groupDiv"][ccnavmenus-treeItem_treeItem]::before {
    border-bottom-color: var( --background-color ) !important;
}
[ccnavmenus-treeItem_treeItem] .slds-tree__item,
[ccnavmenus-treeItem_treeItem] .slds-tree__item a,
[ccnavmenus-treeItem_treeItem] .slds-tree__item span,
.main-navigation .slds-list_vertical a,
.main-navigation .slds-list_vertical span,
.headerMenus .slds-list_vertical a,
.headerMenus .slds-list_vertical span,
.forceCommunityGlobalNavigation .slds-list_vertical a,
.forceCommunityGlobalNavigation .slds-list_vertical span {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    color: var( --muted-text-color ) !important;
    outline: none !important;
}
[ccnavmenus-treeItem_treeItem] .slds-tree__item:hover,
[ccnavmenus-treeItem_treeItem] .slds-tree__item:focus,
[ccnavmenus-treeItem_treeItem] .slds-tree__item:hover a,
[ccnavmenus-treeItem_treeItem] .slds-tree__item:focus a,
[ccnavmenus-treeItem_treeItem] .slds-tree__item:hover span,
[ccnavmenus-treeItem_treeItem] .slds-tree__item:focus span,
.main-navigation .slds-list_vertical a:hover,
.main-navigation .slds-list_vertical a:focus,
.headerMenus .slds-list_vertical a:hover,
.headerMenus .slds-list_vertical a:focus,
.forceCommunityGlobalNavigation .slds-list_vertical a:hover,
.forceCommunityGlobalNavigation .slds-list_vertical a:focus {
    background: var( --surface-color-hover ) !important;
    background-color: var( --surface-color-hover ) !important;
    color: var( --text-color ) !important;
    outline: none !important;
}
.suggestions-combobox-container .input-search-button svg {
    fill: var( --primaryBtnColor ) !important;
}
.audi-support-flow,
.audi-support-flow flowruntime-flow,
.audi-support-flow .flowruntimeBody,
.audi-support-flow .flowruntimeHeader,
.audi-support-flow .flowruntimeScreen,
.audi-support-flow .flowruntimeSection,
.audi-support-flow .flowruntimeFooter,
.audi-support-flow .flowruntimeNavigationBar,
.audi-support-flow .flowruntimeNavigationBar > *,
.audi-support-flow .flowruntimeProgress,
.audi-support-flow .flowruntimeProgressIndicator,
.audi-support-flow .runtime_sales_flow,
.audi-support-flow .slds-card,
.audi-support-flow .slds-card__header,
.audi-support-flow .slds-card__header-title,
.audi-support-flow .slds-card__body,
.audi-support-flow .slds-card__body_inner,
.audi-support-flow .slds-card__footer,
.audi-support-flow .slds-border_top,
.audi-support-flow .slds-border--top,
.audi-support-flow .slds-border_bottom,
.audi-support-flow .slds-border--bottom,
.audi-support-flow .slds-modal__content {
    background: var( --card-background-color ) !important;
    background-color: var( --card-background-color ) !important;
    color: var( --text-color ) !important;
    border-color: var( --card-border-color ) !important;
}
.audi-support-flow {
    display: block;
    max-width: 40rem;
    margin: 0 auto;
}
.audi-support-flow .flowruntimeBody,
.audi-support-flow .slds-card {
    border: 1px solid var( --card-border-color ) !important;
}
.audi-support-flow .flowruntimeFooter,
.audi-support-flow .flowruntimeNavigationBar,
.audi-support-flow .slds-card__footer {
    border-top-color: var( --card-border-color ) !important;
}
.audi-support-flow .slds-progress,
.audi-support-flow .slds-progress__list,
.audi-support-flow .slds-progress-bar {
    background: var( --surface-color-hover ) !important;
    background-color: var( --surface-color-hover ) !important;
}
.audi-support-flow .slds-progress-bar__value {
    background: var( --primaryBtnBackground ) !important;
    background-color: var( --primaryBtnBackground ) !important;
}
.audi-support-flow .flowruntimeScreen,
.audi-support-flow .slds-card__body,
.audi-support-flow .slds-card__body_inner {
    padding: 1.5rem !important;
}
.audi-support-flow .flowruntimeDisplayText,
.audi-support-flow .flowruntimeDisplayText p,
.audi-support-flow .flowruntimeDisplayText span,
.audi-support-flow .uiOutputRichText,
.audi-support-flow .slds-rich-text-editor__output,
.audi-support-flow .slds-form-element__label,
.audi-support-flow .slds-form-element__legend,
.audi-support-flow .flowruntime-input-label,
.audi-support-flow .slds-checkbox__label,
.audi-support-flow .slds-checkbox__label span,
.audi-support-flow .slds-required,
.audi-support-flow lightning-helptext .slds-button_icon {
    color: var( --text-color ) !important;
}
.audi-support-flow a,
.audi-support-flow a span {
    color: var( --link-color ) !important;
}
.audi-support-flow a:hover,
.audi-support-flow a:focus,
.audi-support-flow a:hover span,
.audi-support-flow a:focus span {
    color: var( --link-hover-color ) !important;
}
.audi-support-flow .slds-input,
.audi-support-flow .slds-textarea,
.audi-support-flow .slds-select,
.audi-support-flow .slds-combobox__input,
.audi-support-flow input:not([type="checkbox"]):not([type="radio"]),
.audi-support-flow textarea,
.audi-support-flow select {
    background: var( --background-color ) !important;
    background-color: var( --background-color ) !important;
    border-color: var( --surface-color-light ) !important;
    color: var( --text-color ) !important;
    box-shadow: none !important;
}
.audi-support-flow .slds-input:focus,
.audi-support-flow .slds-textarea:focus,
.audi-support-flow .slds-select:focus,
.audi-support-flow .slds-combobox__input:focus,
.audi-support-flow input:not([type="checkbox"]):not([type="radio"]):focus,
.audi-support-flow textarea:focus,
.audi-support-flow select:focus {
    border-color: var( --primaryBtnBackground ) !important;
    box-shadow: 0 0 0 1px var( --primaryBtnBackground ) !important;
}
.audi-support-flow .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox_faux,
.audi-support-flow .slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox--faux {
    background: var( --background-color ) !important;
    border-color: var( --surface-color-light ) !important;
}
.audi-support-flow .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux,
.audi-support-flow .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux {
    background: var( --primaryBtnBackground ) !important;
    border-color: var( --primaryBtnBackground ) !important;
}
.audi-support-flow .slds-button_brand,
.audi-support-flow .slds-button--brand {
    background: var( --primaryBtnBackground ) !important;
    border-color: var( --primaryBtnBorder ) !important;
    color: var( --primaryBtnColor ) !important;
}
.audi-support-flow .slds-button_brand:hover,
.audi-support-flow .slds-button_brand:focus,
.audi-support-flow .slds-button--brand:hover,
.audi-support-flow .slds-button--brand:focus {
    background: var( --primaryBtnHoverBackground ) !important;
    border-color: var( --primaryBtnHoverBorder ) !important;
    color: var( --primaryBtnHoverColor ) !important;
}
.audi-support-flow .slds-button_neutral,
.audi-support-flow .slds-button--neutral {
    background: var( --surface-color-hover ) !important;
    border-color: var( --surface-color-light ) !important;
    color: var( --text-color ) !important;
}
.dxp-content-layout-tile2,
dxp_content_layout-tile2,
dxp-content-layout-tile2,
dxp_content_layout-tile2 .contentRegion,
dxp-content-layout-tile2 .contentRegion {
    background: var( --card-background-color ) !important;
    background-color: var( --card-background-color ) !important;
    color: var( --text-color ) !important;
}
.logo img {
    max-width: 50% !important;
    filter: brightness( 0 ) invert( 1 ) !important;
}