/* Instant-Suche dennis-gumprich.de
   Vollbreites Panel unterhalb des Headers, zweispaltig:
   links die Themenfelder, rechts Einstiege und Treffer. */

.dg-suche-an .popup-search-container{top:var(--dg-kopf,106px)!important;height:calc(100vh - var(--dg-kopf,106px))!important;max-height:none!important;width:100vw;padding:20px clamp(18px,3.5vw,56px) 26px;display:flex;overflow:hidden;border-top:1px solid #22304A;box-shadow:none}
.popup-search.dg-suche-an .popup-search-container{transform:translateY(calc(-100% - var(--dg-kopf,106px) - 24px))}
.popup-search.open.dg-suche-an .popup-search-container{transform:translateY(0);box-shadow:0 24px 48px rgba(4,8,16,.5)}
@supports(height:100dvh){.dg-suche-an .popup-search-container{height:calc(100dvh - var(--dg-kopf,106px))!important}}
body.admin-bar .dg-suche-an .popup-search-container{top:var(--dg-kopf,106px)!important}
.popup-search.dg-suche-an::before{top:var(--dg-kopf,106px);height:calc(100vh - var(--dg-kopf,106px))}
.dg-suche-an .popup-search-content{height:auto;width:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}

.dg-suche-an .popup-search-closer{top:14px;left:auto;right:clamp(14px,2.6vw,40px);transform:none;width:32px;height:32px}
.dg-suche-an .popup-search-title-wrapper{flex:0 0 auto;text-align:right;padding-right:46px;margin:0 0 12px}
.dg-suche-an .popup-search-title-wrapper h3{font-size:.95rem;font-weight:400;letter-spacing:.02em;color:#7F8FA6;margin:0}

.dg-suche-an .popup-search-form-wrapper{flex:0 0 auto;width:100%;max-width:820px;margin:0;text-align:left}

.dg-suche{flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:20px 0 0;padding:20px 6px 4px 0;border-top:1px solid #1E2B3F;overflow-y:auto;overscroll-behavior:contain;text-align:left;font-family:Archivo,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:#2C3A4F transparent}
.dg-suche:empty{display:none}
.dg-suche::-webkit-scrollbar{width:8px}
.dg-suche::-webkit-scrollbar-track{background:transparent}
.dg-suche::-webkit-scrollbar-thumb{background:#2C3A4F;border-radius:4px}
.dg-suche *{box-sizing:border-box}

.dg-suche-raster{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.dg-suche-spalte{border-right:1px solid #1E2B3F;padding-right:clamp(16px,2vw,32px)}
.dg-suche-haupt{min-width:0}

.dg-suche-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#7F8FA6;margin:0 0 12px}
.dg-suche-haupt .dg-suche-label{margin-top:0}
.dg-suche-haupt .dg-suche-label+.dg-suche-chips{margin-bottom:24px}
.dg-suche-hinweis{font-size:13px;line-height:1.6;color:#7F8FA6;margin:16px 0 0}

.dg-suche-nav{display:flex;flex-direction:column;gap:2px}
.dg-suche-nav .dg-suche-chip{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:none;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.35}
.dg-suche-nav .dg-suche-chip:hover,.dg-suche-nav .dg-suche-chip:focus-visible{background:#16202F;color:#EEF2F8;border-color:transparent}
.dg-suche-nav .dg-suche-chip[aria-pressed="true"]{background:#16202F;color:#8AB4FF;border-color:transparent}
.dg-suche-nav .dg-suche-anz{font-size:12px;opacity:.65;margin:0}

.dg-suche-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.dg-suche-chip{display:inline-flex;align-items:center;font-size:13px;line-height:1.3;padding:7px 13px;border-radius:6px;border:1px solid #2C3A4F;background:transparent;color:#9AA8BD;cursor:pointer;font-family:inherit;transition:color .12s,border-color .12s,background-color .12s}
.dg-suche-chip:hover,.dg-suche-chip:focus-visible{color:#EEF2F8;border-color:#5B95FF;outline:none}
.dg-suche-chip[aria-pressed="true"]{color:#0A121F;background:#5B95FF;border-color:#5B95FF}
.dg-suche-anz{color:inherit;opacity:.7;margin-left:7px}

.dg-suche-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;align-items:start}
.dg-suche-treffer{display:block;text-decoration:none;background:#16202F;border:1px solid #22304A;border-radius:8px;padding:13px 16px;margin:0;transition:border-color .12s,background-color .12s}
.dg-suche-treffer:hover,.dg-suche-treffer:focus-visible,.dg-suche-treffer.dg-aktiv{border-color:#5B95FF;background:#1B2637;outline:none}
.dg-suche-kat{display:inline-block;font-size:11px;letter-spacing:.04em;line-height:1;padding:4px 8px;border-radius:5px;background:#101827;color:#8AB4FF;margin:0 0 9px}
.dg-suche-titel{display:block;font-size:15px;font-weight:600;line-height:1.35;color:#EEF2F8;margin:0}
.dg-suche-titel mark{background:transparent;color:#8AB4FF;padding:0}
.dg-suche-meta{display:block;font-size:12px;color:#7F8FA6;margin:7px 0 0}

.dg-suche-leer{background:#16202F;border:1px solid #22304A;border-radius:8px;padding:18px 20px;max-width:620px}
.dg-suche-leer p{margin:0 0 8px;color:#EEF2F8;font-size:16px;font-weight:600;line-height:1.35}
.dg-suche-leer span{display:block;color:#9AA8BD;font-size:14px;line-height:1.6;margin:0 0 14px}
.dg-suche-cta{display:inline-block;background:#5B95FF;color:#0A121F;font-size:14px;font-weight:600;padding:9px 16px;border-radius:6px;text-decoration:none}
.dg-suche-cta:hover{background:#8AB4FF;color:#0A121F}

.dg-suche-tasten{font-size:12px;color:#7F8FA6;margin:18px 0 2px;opacity:.8}
.dg-suche-tasten kbd{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;border:1px solid #2C3A4F;border-radius:4px;padding:1px 5px;margin:0 2px}

@media(max-width:900px){
.dg-suche-an .popup-search-container{padding:16px 16px 20px}
.dg-suche-an .popup-search-title-wrapper{padding-right:42px}
.dg-suche-raster{grid-template-columns:minmax(0,1fr);gap:18px}
.dg-suche-spalte{border-right:none;border-bottom:1px solid #1E2B3F;padding:0 0 16px}
.dg-suche-nav{flex-direction:row;flex-wrap:wrap}
.dg-suche-nav .dg-suche-chip{width:auto;border:1px solid #2C3A4F;padding:7px 13px;font-size:13px}
.dg-suche-hinweis{display:none}
.dg-suche-liste{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
}
@media(max-width:640px){
.dg-suche-an .popup-search-container{padding:14px 14px 16px}
.dg-suche-an .popup-search-closer{top:10px;right:10px;width:30px;height:30px}
.dg-suche-an .popup-search-title-wrapper h3{font-size:.85rem}
.dg-suche{margin-top:14px;padding-top:14px}
.dg-suche-liste{grid-template-columns:1fr}
.dg-suche-tasten{display:none}
}