/* [ls_lernsuche] – Magazin-Suche im Hero der Startseite (0.2.12) */
.lsl{position:relative;max-width:640px;margin:28px 0 0;z-index:5}
.lsl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lsl-form{display:flex;gap:8px;background:#fff;border-radius:14px;padding:7px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.lsl-form input[type=search]{flex:1 1 auto;min-width:0;border:0!important;outline:0;background:transparent;font:inherit;font-size:16px;color:#0F172A;padding:12px 14px;box-shadow:none!important}
.lsl-form input::placeholder{color:#64748B}
.lsl-form button{flex:0 0 auto;width:auto;border:0;border-radius:10px;background:#123C8F;color:#fff;font-weight:700;font-size:15px;padding:0 22px;cursor:pointer}
.lsl-form button:hover{background:#0E2F72}
.lsl-out{list-style:none!important;margin:0!important;padding:6px!important;background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.3);position:absolute;left:0;right:0;top:66px}
.lsl-out li{margin:0!important;padding:0!important;list-style:none!important}
.lsl-out a{display:block;padding:10px 12px;border-radius:8px;color:#0F172A;text-decoration:none;font-weight:600;font-size:15px;line-height:1.35}
.lsl-out a:hover,.lsl-out a:focus{background:#F4F6FB;color:#123C8F}
.lsl-out .lsl-all a{color:#123C8F;font-weight:700;border-top:1px solid #E4E8F2;border-radius:0 0 8px 8px}
.lsl-out .lsl-none{padding:10px 12px;color:#475467;font-size:14px}
.lsl-ex{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;color:#94A3B8}
.lsl-ex a{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 12px;color:#DDE3F0;text-decoration:none}
.lsl-ex a:hover{border-color:#FFB454;color:#FFB454}
@media (max-width:640px){.lsl-form button{padding:0 16px}.lsl-form input[type=search]{padding:11px 10px}}
.lsl + .ls-facts,.wp-block-shortcode + .ls-facts{margin-top:18px}