/* ki|partner: Dropdown "Lösungen" in der Hauptnavigation (alle Seiten) */
.nav-drop { display: flex; align-items: center; padding-block: 1.3rem; margin-block: -1.3rem; }
.nav-drop > .nav-link { display: inline-flex; align-items: center; gap: .3rem; }
.nav-drop > .nav-link svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.nav-drop:hover > .nav-link svg, .nav-drop:focus-within > .nav-link svg { transform: rotate(180deg); }
.drop-panel { position: absolute; top: 100%; left: 50%; z-index: 400; width: min(880px, calc(100vw - 48px)); padding-top: 10px; opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .18s, transform .18s, visibility .18s; }
.nav-drop:hover .drop-panel, .nav-drop:focus-within .drop-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.drop-inner { padding: 22px 22px 16px; border: 1px solid #e6e3dd; border-radius: 18px; background: #fff; box-shadow: 0 30px 60px -30px rgba(15, 30, 46, .35), 0 8px 20px -12px rgba(15, 30, 46, .15); }
.drop-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px 16px; }
.drop-col { display: flex; flex-direction: column; gap: 2px; }
.drop-head { display: flex; align-items: flex-end; min-height: 3.05rem; gap: .45rem; margin-bottom: 4px; padding: 0 10px 10px; border-bottom: 1px solid #e6e3dd; font: 600 .9rem/1.2 'Space Grotesk', sans-serif; color: #141414; text-decoration: none; }
.drop-head span { font-size: .8rem; font-weight: 500; color: #e8470a; }
.drop-head:hover { color: #b8380a; }
.drop-item { display: block; padding: 8px 10px; border-radius: 10px; text-decoration: none; transition: background .15s; }
.drop-item:hover, .drop-item:focus-visible { background: #faf8f5; }
.drop-item b { display: block; font: 600 .92rem/1.25 'Space Grotesk', sans-serif; letter-spacing: -.01em; color: #141414; }
.drop-item b .bar { color: #e8470a; font-weight: 400; padding: 0 .04em; }
.drop-item small { display: block; margin-top: 2px; font: 400 .78rem/1.35 Inter, system-ui, sans-serif; color: #65656e; }
.drop-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; margin-top: 12px; padding: 14px 10px 4px; border-top: 1px solid #e6e3dd; font: 500 .86rem/1.3 Inter, system-ui, sans-serif; }
.drop-foot a { color: #141414; text-decoration: none; }
.drop-foot a::after { content: "\00a0\2192"; color: #e8470a; }
.drop-foot a:hover { color: #b8380a; }
@media (max-width: 900px) { .drop-panel, .nav-drop > .nav-link svg { display: none; } .nav-drop { padding-block: 0; margin-block: 0; } }
@media (prefers-reduced-motion: reduce) { .drop-panel, .nav-drop > .nav-link svg { transition: none; } }