/* Linkship-Suche */
.lss{--b:#123C8F;--b2:#1E4FB5;--a:#E8890C;--a2:#FFB454;--ink:#0F172A;--mu:#475467;--soft:#F4F6FB;--line:#E4E8F2;--ok:#1F7A3E;--okbg:#E3F6EA;--warn:#9A5A00;--warnbg:#FFF4E0;
max-width:1100px;margin:0 auto 64px;color:var(--ink);font-family:"Mona Sans",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
.lss *{box-sizing:border-box}
.lss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lss-form{display:flex;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 10px 30px rgba(15,23,42,.06);position:sticky;top:96px;z-index:5}
.admin-bar .lss-form{top:128px}
.lss-form:focus-within{border-color:var(--b);box-shadow:0 10px 30px rgba(18,60,143,.14)}
.lss-form input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:1.05rem;padding:10px 12px;background:transparent;color:var(--ink)}
.lss-form button{border:0;border-radius:11px;background:var(--b);color:#fff;font:inherit;font-weight:700;padding:10px 20px;cursor:pointer}
.lss-form button:hover{background:var(--b2)}
.lss-out{margin-top:18px}
.lss-load{color:var(--mu)}
.lss-lab{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-right:4px}
.lss-intro p{margin:0 0 12px;color:var(--mu)}
.lss-ex,.lss-parsed{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.lss-ex button{border:1px solid var(--line);background:var(--soft);border-radius:99px;padding:6px 13px;font:inherit;font-size:.88rem;color:var(--b);cursor:pointer}
.lss-ex button:hover{border-color:#C9D6F5;background:#EEF3FF}
.lss-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #C9D6F5;background:#EEF3FF;color:var(--b);border-radius:99px;padding:5px 11px;font:inherit;font-size:.86rem;font-weight:650;cursor:pointer}
.lss-chip i{font-style:normal;font-weight:800;opacity:.55}
.lss-chip:hover i{opacity:1}
.lss-chip--t{background:var(--b);border-color:var(--b);color:#fff}
.lss-chip--w{background:#fff;color:var(--ink);border-color:var(--line)}
span.lss-chip{cursor:default}
.lss-note{background:var(--warnbg);border-left:3px solid var(--a);padding:10px 14px;border-radius:0 10px 10px 0;font-size:.92rem;margin:0 0 14px}
.lss-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 10px}
.lss-count{margin:0;color:var(--mu)}
.lss-count b{color:var(--ink)}
.lss-sort{font-size:.88rem;color:var(--mu);display:flex;align-items:center;gap:8px}
.lss-sort select{font:inherit;border:1px solid var(--line);border-radius:9px;padding:6px 10px;background:#fff;color:var(--ink)}
.lss-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 14px}
.lss-tabs button{border:0;background:none;font:inherit;font-weight:650;color:var(--mu);padding:8px 12px;border-bottom:2.5px solid transparent;cursor:pointer}
.lss-tabs button i{font-style:normal;font-weight:500;color:#94A3B8;margin-left:3px}
.lss-tabs button.on{color:var(--b);border-bottom-color:var(--a)}
.lss-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.lss-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;text-decoration:none!important;color:var(--ink)!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.lss-card:hover{border-color:#C9D6F5;box-shadow:0 10px 24px rgba(18,60,143,.10);transform:translateY(-1px)}
.lss-top{display:flex;gap:6px;flex-wrap:wrap}
.lss-ty,.lss-spon,.lss-ver{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:3px 9px}
.lss-ty--a{background:#EEF3FF;color:var(--b)}.lss-ty--m{background:#FFF1DD;color:#8A4B00}.lss-ty--v{background:#E8F5F1;color:#136B52}.lss-ty--f{background:#F2EDFB;color:#5B3A9E}
.lss-spon{background:linear-gradient(135deg,var(--a2),var(--a));color:var(--ink)}
.lss-ver{background:var(--okbg);color:var(--ok)}
.lss-n{font-size:1.02rem;line-height:1.3}
.lss-sub{font-size:.84rem;color:var(--mu);margin-top:-3px}
.lss-d{font-size:.86rem;color:var(--mu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lss-fx{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:4px}
.lss-fx span{font-size:.74rem;font-weight:600;background:var(--soft);border:1px solid var(--line);border-radius:99px;padding:2px 8px;color:var(--mu)}
.lss-fx span.hit{background:#EEF3FF;border-color:#C9D6F5;color:var(--b)}
.lss-fx span.unk{background:var(--warnbg);border-color:#F5D9A8;color:var(--warn)}
.lss-more{text-align:center;margin:16px 0 0}
.lss-more button{border:1.5px solid var(--line);background:#fff;color:var(--b);font:inherit;font-weight:700;border-radius:10px;padding:10px 18px;cursor:pointer}
.lss-part{margin-top:22px;border:1px dashed #F5D9A8;border-radius:14px;padding:12px 14px;background:#FFFCF6}
.lss-part summary,.lss-how summary{cursor:pointer;font-weight:700}
.lss-fine{font-size:.85rem;color:var(--mu);margin:8px 0 12px}
.lss-empty{padding:28px 20px;text-align:center;background:var(--soft);border-radius:14px;color:var(--mu)}
.lss-how{margin-top:28px;border-top:1px solid var(--line);padding-top:14px;font-size:.9rem;color:var(--mu)}
.lss-how p{margin:8px 0}
@media (max-width:640px){.lss-form{position:static}.lss-form button{padding:10px 14px}.lss-list{grid-template-columns:1fr}}
@media (prefers-color-scheme:dark){}
.lss-sug{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 0}

/* ---------- Kompakte Hero-Suche (Startseite) ---------- */
.lss-hero{--b:#123C8F;--b2:#1E4FB5;--a:#E8890C;--a2:#FFB454;--ink:#0F172A;--mu:#475467;--soft:#F4F6FB;--line:#E4E8F2;max-width:640px;margin:0 0 22px;position:relative;z-index:20}
.lss-hero *{box-sizing:border-box}
/* Kadence-Spalten haben z-index:1 – ohne das würde die nächste Sektion die Vorschau überdecken */
.kb-row-layout-wrap:has(.lssh-pop:not([hidden])){z-index:5}
.lssh-box{position:relative}
.lss-hero .ls-search{margin:0}
.lssh-pop{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 24px 60px rgba(2,6,23,.45);padding:14px;max-height:min(70vh,560px);overflow:auto;text-align:left;font-size:.95rem;line-height:1.45}
.lssh-pop[hidden]{display:none}
.lssh-msg{margin:2px 4px 10px;color:var(--mu)}
.lssh-msg a{color:var(--b)}
.lssh-exs{display:flex;flex-wrap:wrap;gap:7px}
.lssh-exs a{border:1px solid var(--line);background:var(--soft);border-radius:99px;padding:5px 12px;font-size:.86rem;color:var(--b)!important;text-decoration:none!important}
.lssh-exs a:hover,.lssh-exs a:focus{border-color:#C9D6F5;background:#EEF3FF}
.lssh-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.lssh-chips .lss-chip{cursor:default;font-size:.8rem;padding:3px 10px}
.lssh-cnt{margin:0 4px 8px;color:var(--mu);font-size:.88rem}
.lssh-cnt b{color:var(--ink)}
.lssh-rows{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lssh-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;border-radius:8px}
.lssh-row:hover,.lssh-row:focus{background:var(--soft);outline:none}
.lssh-row .lss-ty{flex:0 0 auto;min-width:92px;text-align:center}
.lssh-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.lssh-txt b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lssh-txt small{font-size:.8rem;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lssh-all{display:block;margin-top:10px;text-align:center;background:var(--b);color:#fff!important;font-weight:700;border-radius:11px;padding:10px 14px;text-decoration:none!important}
.lssh-all:hover,.lssh-all:focus{background:var(--b2)}
.lssh-ex{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:.85rem;color:#94A3B8}
.lssh-ex a{color:#E2E8F0!important;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:3px 11px;text-decoration:none!important;background:rgba(255,255,255,.04)}
.lssh-ex a:hover,.lssh-ex a:focus{border-color:#FFB454;color:#fff!important}
@media (max-width:640px){.lssh-row .lss-ty{min-width:0}.lssh-ex span{width:100%}}

/* ---------- Startseite: volle Suche direkt unter dem Hero-Suchfeld (dunkler Hintergrund) ---------- */
.lss.lss--start{max-width:none!important;width:min(1242px,calc(100vw - 48px));margin:22px 0 10px;color:#E2E8F0;position:relative;z-index:3}
.lss--start[hidden]{display:none}
.lss--start .lss-load,.lss--start .lss-count,.lss--start .lss-sort,.lss--start .lss-lab,.lss--start .lss-how,.lss--start .lss-how p{color:#CBD5E1}
.lss--start .lss-count b{color:#fff}
.lss--start .lss-tabs{border-bottom-color:rgba(255,255,255,.16)}
.lss--start .lss-tabs button{color:#CBD5E1}
.lss--start .lss-tabs button i{color:#94A3B8}
.lss--start .lss-tabs button.on{color:#fff}
.lss--start .lss-chip--w{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
.lss--start .lss-how{border-top-color:rgba(255,255,255,.16)}
.lss--start .lss-how a{color:#FFB454}
.lss--start .lss-more button{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.25)}
.lss--start .lss-part{background:rgba(255,252,246,.97)}
.lss--start .lss-empty{background:rgba(255,255,255,.08);color:#CBD5E1}
.lss--start .lss-empty a{color:#FFB454}
body.lss-active .lsd-demo{display:none!important}

/* ---------- Startseite: Hero-Suchfeld wie auf /suche/ (weiße Box, sichtbares Eingabefeld, blauer Button) ---------- */
.lss-hero .ls-search.lssh-form{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:10px;background:#fff!important;border:1.5px solid #E4E8F2!important;border-radius:16px!important;padding:8px!important;max-width:640px;margin:0!important;box-shadow:0 14px 34px rgba(2,6,23,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
.lss-hero .ls-search.lssh-form:focus-within{border-color:#123C8F!important;box-shadow:0 14px 34px rgba(2,6,23,.35),0 0 0 3px rgba(18,60,143,.18)}
.lss-hero .ls-search.lssh-form input{flex:1 1 auto;min-width:0;background:#fff!important;border:1.5px solid #E4E8F2!important;border-radius:10px!important;color:#0F172A!important;-webkit-text-fill-color:#0F172A!important;caret-color:#123C8F!important;font-size:1.05rem!important;padding:12px 14px!important;outline:none}
.lss-hero .ls-search.lssh-form input:focus{border-color:#123C8F!important}
.lss-hero .ls-search.lssh-form input::placeholder{color:#64748B!important;-webkit-text-fill-color:#64748B!important;opacity:1}
.lss-hero .ls-search.lssh-form input:-webkit-autofill{-webkit-text-fill-color:#0F172A!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}
.lss-hero .ls-search.lssh-form button{flex:0 0 auto;width:auto!important;background:#123C8F!important;color:#fff!important;border:0;border-radius:11px!important;padding:12px 22px!important;font-weight:800!important;font-size:1rem!important}
.lss-hero .ls-search.lssh-form button:hover,.lss-hero .ls-search.lssh-form button:focus{background:#1E4FB5!important}
@media (max-width:767px){
  .lss-hero .ls-search.lssh-form{flex-direction:row!important;border-radius:16px!important;padding:7px!important}
  .lss-hero .ls-search.lssh-form input{font-size:1rem!important;padding:11px 12px!important}
  .lss-hero .ls-search.lssh-form button{padding:11px 16px!important}
}
