/* Max Blank Suche – Variante A: dezente Lupe im Header, Overlay im Stil des Hauptmenüs (Barlow, #efebe8, Akzent #ab182e). */

/* ---------- Kopfzeile ---------- */
.mbs-link{display:inline-flex;align-items:center;gap:.8rem;min-height:44px;margin:0 2rem;padding:0;border:0;border-bottom:2px solid transparent;background:none;color:#fff;font:inherit;font-size:1.7rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer}
.mbs-link:hover .mbs-link-label,.mbs-link:focus-visible .mbs-link-label{text-decoration:underline}
.mbs-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
.mbs-link svg{flex:0 0 auto}
.mbs-is-open .mbs-link{border-bottom-color:#ab182e}
@media (max-width:767px){.mbs-link{margin:0 1rem 0 0}.mbs-link-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* Logo im Header sichtbar halten, solange die Suche offen ist (wie beim Hauptmenü). */
.mbs-is-open .header{background:#000!important}
.mbs-is-open .header .logo{opacity:1!important;visibility:visible!important}
html.mbs-is-open,html.mbs-is-open body{overflow:hidden}

/* ---------- Overlay ---------- */
.mbs-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:85;padding-top:var(--mbs-top,100px);background:url(/wp-content/themes/maxblank/assets/images/logo-element.svg) no-repeat center #efebe8;background-size:70% auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#000;font-family:Barlow,Arial,sans-serif}
@media (max-width:992px){.mbs-overlay{background-size:90% auto}}
.mbs-is-open .mbs-overlay{display:block}
.mbs-inner{position:relative;max-width:1440px;margin:0 auto;padding:6.4rem 12rem 8rem;box-sizing:border-box;display:flex;flex-direction:column;gap:3.2rem}
@media (max-width:1280px){.mbs-inner{padding:4.8rem 5rem 6rem}}
@media (max-width:767px){.mbs-inner{padding:3.2rem 1.6rem 4.8rem;gap:2.4rem}}

.mbs-close{position:absolute;top:1.6rem;right:5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#000;cursor:pointer}
.mbs-close:hover{color:#ab182e}
.mbs-close:focus-visible{outline:2px solid #000;outline-offset:2px}
@media (max-width:1280px){.mbs-close{right:1.6rem}}
@media (max-width:767px){.mbs-close{top:.4rem;right:.4rem}}

.mbs-form{display:flex;flex-direction:column;gap:1.4rem;margin:0}
.mbs-label{font-size:1.5rem;color:#595959}
.mbs-field{display:flex;align-items:center;gap:2rem;border-bottom:2px solid #000;padding-bottom:1.2rem}
.mbs-input{flex:1 1 auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:#000;font-family:Barlow,Arial,sans-serif;font-size:5.6rem;font-weight:300;line-height:1.2;-webkit-appearance:none;appearance:none}
.mbs-input::placeholder{color:#8a8580;opacity:1}
.mbs-input::-webkit-search-cancel-button{display:none}
.mbs-esc{font-size:1.3rem;color:#595959;white-space:nowrap}
.mbs-submit{flex:0 0 auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#000;color:#fff;cursor:pointer;transition:background .3s}
.mbs-submit:hover{background:#ab182e}
.mbs-submit:focus-visible{outline:2px solid #ab182e;outline-offset:3px}
.mbs-field:focus-within{border-bottom-color:#ab182e}
@media (max-width:767px){.mbs-input{font-size:3rem}.mbs-esc{display:none}.mbs-submit{width:44px;height:44px}.mbs-field{gap:1.2rem}}

.mbs-status{font-size:1.5rem;color:#595959;min-height:1px}
.mbs-status:empty{display:none}

/* Filter wie die Menüpunkte: leicht und grau, aktiv schwarz mit roter Linie */
.mbs-tabs{display:flex;flex-wrap:wrap;gap:1rem 3.6rem}
.mbs-tabs[hidden]{display:none}
.mbs-tab{padding:0 0 .6rem;border:0;border-bottom:2px solid transparent;background:none;color:#6e6e6e;font-family:Barlow,Arial,sans-serif;font-size:2rem;font-weight:300;cursor:pointer;white-space:nowrap}
.mbs-tab:hover{color:#000}
.mbs-tab[aria-selected="true"]{color:#000;font-weight:500;border-bottom-color:#ab182e}
.mbs-tab:focus-visible{outline:2px solid #000;outline-offset:3px}
@media (max-width:767px){.mbs-tabs{flex-wrap:nowrap;overflow-x:auto;gap:2.4rem;margin:0 -1.6rem;padding:0 1.6rem;scrollbar-width:none}.mbs-tabs::-webkit-scrollbar{display:none}.mbs-tab{font-size:1.7rem}}

/* Ergebniskarten */
.mbs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}
.mbs-grid:empty{display:none}
@media (max-width:1100px){.mbs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.mbs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}}
.mbs-card{display:flex;flex-direction:column;height:100%;background:#fff;color:#000;text-decoration:none;outline:2px solid transparent;transition:outline-color .2s}
.mbs-card:hover,.mbs-card:focus-visible{outline-color:#000;color:#000;text-decoration:none}
.mbs-card-img{display:flex;align-items:center;justify-content:center;height:24rem;padding:1.6rem;background:#f7f5f3;box-sizing:border-box}
.mbs-card-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.mbs-card-body{display:flex;flex-direction:column;gap:.6rem;padding:2rem 2.2rem 2.4rem}
.mbs-card-title{font-size:2.2rem;font-weight:500;line-height:1.25}
.mbs-card-sub{font-size:1.5rem;font-weight:300;line-height:1.35;color:#4d4d4d}
.mbs-card--archiv .mbs-card-img img{opacity:.75}
@media (max-width:767px){.mbs-card-img{height:15rem;padding:1rem}.mbs-card-body{padding:1.2rem 1.2rem 1.6rem}.mbs-card-title{font-size:1.7rem}.mbs-card-sub{font-size:1.3rem}}
.mbs-mark{background:none;color:inherit;text-decoration:underline;text-decoration-color:#ab182e;text-decoration-thickness:2px;text-underline-offset:5px}

/* Seiten als Liste */
.mbs-pages{margin:0;padding:0;list-style:none;border-top:1px solid #d6d0ca}
.mbs-pages:empty{display:none}
.mbs-pages a{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 0;border-bottom:1px solid #d6d0ca;color:#000;font-size:2rem;font-weight:300;text-decoration:none}
.mbs-pages a:hover,.mbs-pages a:focus-visible{color:#ab182e}
.mbs-pages small{font-size:1.3rem;color:#595959;margin-right:auto;margin-left:1.6rem}

/* Fußzeile: Häufig gesucht + Button */
.mbs-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2.4rem;padding-top:.8rem}
.mbs-popular{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.8rem;font-size:1.6rem;font-weight:300}
.mbs-popular span{color:#595959}
.mbs-popular a{color:#000;text-decoration:none;border-bottom:1px solid transparent}
.mbs-popular a:hover,.mbs-popular a:focus-visible{border-bottom-color:#ab182e}
.mbs-more{display:inline-flex;align-items:center;gap:1.4rem;min-height:64px;padding:1rem 3.2rem;box-sizing:border-box;border:2px solid #000;background:#fff;color:#000;font-family:Barlow,Arial,sans-serif;font-size:1.5rem;cursor:pointer;transition:.3s}
.mbs-more:hover{background:#000;color:#fff}
.mbs-more:focus-visible{outline:2px solid #ab182e;outline-offset:3px}
.mbs-more[hidden]{display:none}
@media (max-width:767px){.mbs-foot{flex-direction:column-reverse;align-items:stretch}.mbs-more{justify-content:center;min-height:52px}}

.mbs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logged-in.admin-bar .mbs-overlay{top:32px}
@media (max-width:782px){.logged-in.admin-bar .mbs-overlay{top:46px}}
@media (prefers-reduced-motion:reduce){.mbs-card,.mbs-more,.mbs-submit{transition:none}}