.elementor-220 .elementor-element.elementor-element-861121e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* 1) Hide Elementor's default SVG arrows (only inside #nav_header) */
#nav_header .elementor-nav-menu .sub-arrow svg {
    display: none !important;
}

/* 2) Make menu links flex containers for vertical centering */
#nav_header .elementor-nav-menu .menu-item-has-children > a,
#nav_header .elementor-nav-menu .elementor-sub-item.has-submenu {
    display: flex;
    align-items: center;             /* center text + arrow vertically */
    justify-content: space-between;  /* text on left, arrow on right */
}

/* Arrow container itself */
#nav_header .elementor-nav-menu .sub-arrow {
    display: inline-flex;
    align-items: center;  /* vertical centering */
    padding: 0px;
}

/* 3) Insert your custom SVG as arrow (downwards) */
#nav_header .elementor-nav-menu .sub-arrow::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    background: url("https://autohausschaal.de/wp-content/uploads/2025/08/faq-click2open.svg") no-repeat center / contain;
    vertical-align: middle;
}

/* 4) For submenu arrows (pointing right), rotate the same SVG */
#nav_header .elementor-nav-menu .elementor-sub-item.has-submenu .sub-arrow::after {
    transform: rotate(-90deg);  /* down → right */
}

/* Optional: prevent arrow from dropping too low */
#nav_header .elementor-nav-menu .sub-arrow { 
    line-height: 1; 
}/* End custom CSS */