/* Produktsuche im Kopf (Kevin 30.09.2026): Lupe wie Kreativdenker-Vorlage, Feld klappt unter der Lupe auf, Vorschläge darunter */
.kopf-suche{position:relative;display:inline-flex;align-items:center}
.kopf-suche-knopf{border:0;background:transparent;color:inherit;padding:.25rem;cursor:pointer;display:inline-flex}
.kopf-suche-knopf:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.kopf-suche-box{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;width:24rem;background:var(--weiss);color:var(--text);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.12);padding:1rem;font-weight:400}
.kopf-suche-box[hidden]{display:none}
.kopf-suche-box input[type=search]{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--text);background:transparent;font:inherit;font-size:1rem;padding:.6rem 2.5rem .6rem 0;color:var(--text);border-radius:0;-webkit-appearance:none;appearance:none}
.kopf-suche-box input[type=search]:focus{outline:none;border-bottom-width:2px}
.kopf-suche-box input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.kopf-suche-los{position:absolute;right:1rem;top:1rem;height:2.6rem;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0 .25rem}
.kopf-suche-liste{list-style:none;margin:.75rem 0 0;padding:0;max-height:calc(100vh - 12rem);overflow-y:auto}
.kopf-suche-liste[hidden]{display:none}
.kopf-user .kopf-suche-liste [role=option] a{display:flex;font-weight:400;align-items:center;gap:.875rem;padding:.5rem;color:var(--text);text-decoration:none}
.kopf-suche-liste [role=option] a:hover,.kopf-suche-liste [role=option][aria-selected=true] a{background:var(--hg)}
.kopf-user .kopf-suche-liste img,.kopf-suche-ohnebild{width:3rem;height:3rem;object-fit:contain;background:var(--weiss);flex:none;border:1px solid var(--linie)}
.kopf-suche-text{display:flex;flex-direction:column;line-height:1.3}
.kopf-suche-titel{font-family:var(--serif);font-size:1.0625rem}
.kopf-suche-nr{font-size:.75rem;color:var(--grau)}
.kopf-suche-leer{padding:.5rem;color:var(--grau);font-size:.875rem}
.kopf-suche-alle{border-top:1px solid var(--linie);margin-top:.5rem;padding-top:.5rem}
.kopf-suche-alle button{border:0;background:transparent;font:inherit;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:.5rem;color:var(--text)}
.kopf-suche-alle button::after{content:" \2192"}
body.home .kopf:not(.ist-gescrollt) .kopf-suche-knopf{color:var(--weiss)}
@media (max-width:767px){.kopf-suche{position:static}.kopf-suche-box{left:var(--pad);right:var(--pad);width:auto;top:2.75rem}}
body.home .kopf .kopf-user .kopf-suche-liste img{filter:none} /* Startseite färbt Kopf-Symbole weiß (style.css), die Vorschaubilder nicht */