/* ========== Menü */
*::before, *::after { box-sizing: border-box; }
#newmenu { max-width: 100%; background-color: #000000; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; padding: 0 6px; }
.dropdown { display: inline-block; position: relative; overflow: visible; vertical-align: top; }
.menu-item { cursor: pointer; font-size: 18px; padding: 8px 8px 8px 25px; margin-right: 30px; color: #fff; text-decoration: none; display: inline-block; background: url('https://www.sortpix.org/arrw.png') no-repeat left; line-height: 1.2; }
.menu-item:hover { background-color: #888; }

.dropdown-content { display: none; position: absolute; top: 100%; left: 0; width: 220px; background-color: #fff; white-space: nowrap; overflow: visible; z-index: 100; box-shadow: 0 10px 10px rgba(0,0,0,0.3); }
.dropdown:hover > .dropdown-content { display: block; }
.dropdown-content a { display: block; color: #000; padding: 6px 36px 6px 10px; text-decoration: none; border-bottom: 1px solid #eee; position: relative; }
.dropdown-content a:hover { color: #fff; background-color: #0066cc; }

 /* --------------- Submenus (alle Ebenen) --------------- */
.sub-dropdown { position: relative; }
.sub-dropdown-content { display: none; position: absolute; top: 0; left: 100%; width: 220px; background-color: #fff; white-space: nowrap; overflow: visible; box-shadow: 0 10px 10px rgba(0,0,0,0.3); z-index: 101; }
.sub-dropdown:hover > .sub-dropdown-content { display: block; }
.sub-dropdown > a::after { content: "\25B6"; position: absolute; right: 10px; font-size: 12px; color: #666; }
.sub-dropdown-content .sub-dropdown-content { top: 0; left: 100%; z-index: 102; }
.sub-dropdown.open-left > .sub-dropdown-content { left: auto; right: 100%; }
.sub-dropdown.open-left > a::after { content: "\25C0"; }
.dropdown-content a:last-child { border-bottom: none; }