/* GysLotsenSuche – Alle Klassen mit Präfix gl- (keine Theme-Regeln betroffen).
   Farbkonzept 09.10.2026: alle Farben als var(--gys-…, #Rückfall); :root-Variablen kommen aus dem „Eigenen CSS“ des Themes. Blau = Auswählen (aktiver Vorschlag,
   Karten/Chips aktiv+Hover, „Alle ansehen“, Links im Hinweis), Orange = Preis, Marke (Suchfeld-Rahmen, erkannte Begriffe, Telefon, Hinweis-Kasten). Nur Farben, kein Layout. */
.gl-col{flex:0 0 0;width:0!important;max-width:0;padding:0!important;position:relative;align-self:stretch;display:block}
.gl-col>.gl{position:absolute;right:7px;top:50%;margin-top:-17px}
@media (max-width:1319.98px){.gl-col>.gl,.gl-col>.gl .gl-box{width:36px}}
.gl{--gl-or:var(--gys-orange,#e85d2a);--gl-ord:var(--gys-orange-dark,#b8431a);--gl-mu:var(--gys-text-muted,#666666);--gl-bgor:var(--gys-orange-light,#fff2ec);--gl-sym:var(--gys-text-hint,#888888);--gl-bl:var(--gys-blue,#1f3c66);--gl-blf:var(--gys-blue-light,#eaf0f7);position:relative;width:40px;height:34px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--gys-text,#222222);font-size:15px;line-height:1.35;text-align:left}
.gl *{box-sizing:border-box}
.gl a{color:inherit;text-decoration:none}
.gl-vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.gl-box{position:absolute;right:0;top:0;height:34px;width:40px;display:flex;align-items:center;background:var(--gys-dark-2,#3a3a3a);border:1px solid #555;border-radius:17px;transition:width .18s ease,background .18s;overflow:hidden;z-index:2}
.gl-box svg{flex:0 0 auto;width:18px;height:18px;margin:0 6px 0 11px;stroke:#ddd;fill:none;stroke-width:2}
.gl-box input.gl-in{flex:1;min-width:0;border:0!important;background:transparent!important;color:#fff;font:inherit;font-size:14px;outline:none!important;box-shadow:none!important;height:100%;padding:0 12px 0 0;margin:0;-webkit-appearance:none;appearance:none}
.gl-box input.gl-in::-webkit-search-cancel-button{display:none}
.gl-box input.gl-in::placeholder{color:#cfcfcf;opacity:1}
.gl.gl-open .gl-box{width:460px;background:#fff;border-color:var(--gl-or);box-shadow:0 0 0 3px rgba(31,60,102,.35)}
.gl.gl-open .gl-box svg{stroke:var(--gl-or)}
.gl.gl-open .gl-box input.gl-in{color:var(--gys-text,#222222)}
.gl.gl-open .gl-box input.gl-in::placeholder{color:var(--gys-text-hint,#888888)}
.gl-x{display:none;border:0;background:none;color:#777;font-size:20px;cursor:pointer;padding:0 10px;line-height:1}
.gl.gl-open.gl-wert .gl-x{display:block}
.gl-zu{display:none}
.gl-panel{display:none;position:absolute;right:0;top:43px;width:700px;max-width:calc(100vw - 40px);max-height:calc(100vh - 110px);overflow:auto;background:#fff;color:var(--gys-text,#222222);border-radius:0 0 10px 10px;box-shadow:0 14px 40px rgba(0,0,0,.28);border-top:3px solid var(--gl-or);z-index:3}
.gl.gl-open .gl-panel{display:block}
.gl-in-p{padding:14px 18px 10px}
.gl-erk{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px;font-size:13px;color:var(--gl-mu)}
.gl-erk b{font-weight:600;margin-right:2px}
.gl-erk span{border:1px solid var(--gys-orange-border,#f2b59a);background:var(--gl-bgor);color:var(--gl-ord);border-radius:12px;padding:2px 9px;font-weight:600}
.gl-erk span.gl-fz{background:var(--gl-blf);border-color:var(--gl-bl);color:var(--gl-bl)}
.gl-hz{font-size:13px;color:var(--gl-mu);margin:-4px 0 10px}
.gl-hz a{color:var(--gl-bl)!important;font-weight:600;text-decoration:underline!important}
.gl-marke{font-size:13px;color:#555;background:var(--gys-bg-subtle,#fafafa);border-radius:6px;padding:6px 10px;margin:-2px 0 10px}
.gl-blk{margin:0 0 14px}
.gl-blk h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gys-text-muted,#666666);margin:0 0 7px;font-weight:600;line-height:1.3}
.gl-blk.gl-hin h3{font-size:16px;text-transform:none;letter-spacing:0;color:var(--gys-text,#222222);font-weight:700}
.gl-hinweis{background:var(--gl-bgor);border-left:4px solid var(--gl-or);padding:9px 12px;border-radius:4px;font-size:14px;line-height:1.45;margin-bottom:8px}
.gl-tipp{font-size:14px;color:#555;background:var(--gys-bg-subtle,#fafafa);border-radius:6px;padding:8px 12px}
.gl-opt{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:7px;cursor:pointer;border:1px solid transparent}
.gl-opt+.gl-opt{margin-top:2px}
.gl-opt:hover,.gl-opt.gl-akt{background:var(--gl-blf);border-color:var(--gl-bl)}
.gl-opt.gl-akt{outline:2px solid var(--gl-bl);outline-offset:-2px;background:var(--gl-blf)}
.gl-qs{flex:0 0 40px;height:40px;border-radius:6px;background:var(--gys-bg-page,#f4f4f5);display:flex;align-items:center;justify-content:center}
.gl-qs svg{width:28px;height:28px}
/* Farbkonzept 09.10.2026: SVG-Symbole aus lotse-ui.js tragen Klassen statt fester Farben */
.gl .gl-sy{fill:var(--gl-sym)}.gl .gl-syw{fill:#fff}.gl .gl-sys{fill:none;stroke:var(--gl-sym)}.gl .gl-sya{fill:none;stroke:var(--gl-or)}.gl .gl-syaf{fill:var(--gl-or)}
.gl-fw-u{font-weight:400;color:var(--gl-mu);font-size:12.5px}
.gl-mid{flex:1;min-width:0}
.gl-t{display:block;font-weight:600;font-size:14px;line-height:1.3}
.gl-opt .gl-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gl-s{display:block;font-size:12.5px;color:var(--gl-mu);margin-top:2px}
.gl-pr{flex:0 0 auto;text-align:right;font-weight:700;color:var(--gl-ord);font-size:14px;white-space:nowrap}
.gl-pr small,.gl-ab small{display:block;font-weight:400;color:var(--gys-text-muted,#666666);font-size:11px}
.gl-pf{flex:0 0 auto;color:#bbb;font-size:18px}
.gl-tel .gl-qs{background:var(--gl-bgor)}
.gl-tel .gl-t{color:var(--gl-ord)}
.gl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.gl-grid.gl-eins{grid-template-columns:minmax(0,1fr)}
.gl-kw{border:1px solid var(--gys-border-strong,#dddddd);border-radius:8px;background:#fff}
.gl-kw:hover{border-color:var(--gl-bl)}
.gl-kach{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer}
.gl-kach.gl-akt{outline:2px solid var(--gl-bl);outline-offset:-1px;background:var(--gl-blf)}
.gl-kach svg{width:30px;height:30px;flex:0 0 auto}
.gl-kach .gl-t{font-weight:700;font-size:14.5px}
.gl-ab{display:block;font-size:12.5px;color:var(--gl-ord);font-weight:600}
.gl-ab small{display:inline;margin-left:4px}
.gl-chips{display:flex;flex-wrap:wrap;gap:5px}
.gl-kw .gl-chips{padding:0 12px 10px 52px}
.gl-chip{font-size:12.5px;border:1px solid var(--gys-border-strong,#dddddd);border-radius:12px;padding:3px 9px;background:#fff;cursor:pointer;color:var(--gys-text,#222222);line-height:1.4}
.gl-chip:hover,.gl-chip.gl-akt{border-color:var(--gl-bl);color:var(--gl-bl)!important}
.gl-chip.gl-akt{box-shadow:0 0 0 2px var(--gl-bl)}
.gl-fw{border:1px solid var(--gys-border-strong,#dddddd);border-radius:8px;padding:10px 10px 6px}
.gl-fw-t{font-weight:700;font-size:14.5px;margin:0 2px 4px;display:flex;gap:8px;align-items:center}
.gl-fw-t svg{width:24px;height:24px}
.gl-fw .gl-opt{padding:6px}
.gl-mehr{display:inline-block;margin-top:6px;font-size:13.5px;color:var(--gl-bl)!important;font-weight:600;padding:3px 4px;border-radius:4px;cursor:pointer}
.gl-mehr.gl-akt{outline:2px solid var(--gl-bl)}
.gl-fuss{border-top:1px solid var(--gys-border,#eeeeee);padding:8px 18px;font-size:12px;color:var(--gys-text-muted,#666666);display:flex;justify-content:space-between;gap:10px;background:var(--gys-bg-subtle,#fafafa);flex-wrap:wrap}
.gl-fuss a{text-decoration:underline!important}
.gl-fuss kbd{border:1px solid #ccc;border-bottom-width:2px;border-radius:3px;padding:0 4px;font:inherit;font-size:11px;background:#fff;color:#555}
.gl-lade{padding:22px 18px;color:var(--gys-text-muted,#666666);font-size:14px;display:flex;gap:10px;align-items:center}
.gl-lade i{width:16px;height:16px;border:2px solid #ddd;border-top-color:var(--gl-or);border-radius:50%;animation:gl-dreh .8s linear infinite}
@keyframes gl-dreh{to{transform:rotate(360deg)}}
.gl-test{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--gl-or);border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:middle}
.gl-lupe{display:none}
/* Platz zwischen Menü und Privat/Geschäftlich (gemessen 05.10.2026): 1200 px = 50 px, 1280 px = 130 px, 1366 px = 216 px → volles Feld erst ab 1320 px, sonst Lupe */
.gl:not(.gl-open) .gl-box input.gl-in::placeholder{color:transparent}
@media (min-width:1320px){
  .gl{width:122px}.gl-box{width:122px}.gl:not(.gl-open) .gl-box input.gl-in::placeholder{color:#cfcfcf}
}
/* Handy/Tablet (< 992 px): Lupe in der Logo-Zeile, Suche als Vollbild */
@media (max-width:991.98px){
  .gl-col{display:none}
  .header-logo-col.gl-hat-lupe{position:relative}
  .gl-lupe{display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:none;align-items:center;justify-content:center;cursor:pointer;border-radius:21px;z-index:5;padding:0}
  .gl-lupe svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2}
  .gl-lupe:focus-visible{outline:2px solid var(--gl-or)}
  .gl{position:fixed;inset:0;width:auto;height:auto;z-index:100050;background:#fff;display:none;flex-direction:column}
  .gl.gl-open{display:flex}
  .gl-kopf{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--gys-dark,#2b2b2b)}
  .gl-box,.gl.gl-open .gl-box{position:relative;width:auto;flex:1;height:44px;border-radius:22px;background:#fff;border:2px solid var(--gl-or);box-shadow:none}
  .gl-box input.gl-in,.gl.gl-open .gl-box input.gl-in{color:var(--gys-text,#222222);font-size:16px}
  .gl-box svg{stroke:var(--gl-or)}
  .gl-zu{display:block;border:0;background:none;color:#fff;font:inherit;font-size:15px;padding:8px 4px;cursor:pointer}
  .gl-panel,.gl.gl-open .gl-panel{position:static;display:block;width:auto;max-width:none;max-height:none;flex:1;overflow:auto;box-shadow:none;border-top:0;border-radius:0}
  .gl-in-p{padding:12px 14px}
  .gl-grid{grid-template-columns:minmax(0,1fr)}
  .gl-qs{flex-basis:36px;height:36px}
  .gl-tasten{display:none}
}
@media (min-width:992px){ .gl-kopf{display:contents} }
/* 0.9.6 Handy-Feld im neuen Kopf (#gys-nav-suche-mobil) */
.gl-mfeld{display:flex;align-items:center;gap:8px;width:100%;height:36px;border:0;border-radius:18px;background:var(--gys-dark-2,#3a3a3a);padding:0 12px;color:#ccc;font:inherit;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden}
.gl-mfeld span{overflow:hidden;text-overflow:ellipsis}
.gl-mfeld svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.gl-mfeld:focus-visible{outline:2px solid var(--gl-or);outline-offset:2px}
/* GysNavigation: Feld füllt #gys-nav-suche (36 px hoch, Breite vom Menü vorgegeben), wächst NICHT.
   Vorschläge direkt unter der Leiste, rechtsbündig, mindestens 560 px breit, nur über dem Seiteninhalt.
   Abstand Feldunterkante -> Leistenunterkante: --gl-nav-abstand (Leiste 62 px, Feld 36 px => 13 px). */
@media (min-width:992px){
  .gl.gl-nav{--gl-nav-pill:var(--gys-dark-2,#3a3a3a);width:100%;height:36px;position:relative}
  .gl.gl-nav .gl-box,.gl.gl-nav.gl-open .gl-box{position:relative;width:100%;height:36px;background:var(--gl-nav-pill);border:1.5px solid transparent;border-radius:18px;box-shadow:none;transition:background .15s,border-color .15s}
  .gl.gl-nav .gl-box svg{stroke:#aaa;width:16px;height:16px;margin:0 8px 0 14px}
  .gl.gl-nav .gl-box input.gl-in{font-size:13px;color:#fff}
  .gl.gl-nav .gl-box input.gl-in::placeholder,.gl.gl-nav:not(.gl-open) .gl-box input.gl-in::placeholder{color:#aaa}
  .gl.gl-nav.gl-open .gl-box{background:#fff;border-color:var(--gl-or)}
  .gl.gl-nav.gl-open .gl-box svg{stroke:var(--gl-or)}
  .gl.gl-nav.gl-open .gl-box input.gl-in{color:var(--gys-text,#222222)}
  .gl.gl-nav.gl-open .gl-box input.gl-in::placeholder{color:var(--gys-text-hint,#888888)}
  .gl.gl-nav .gl-panel{right:0;left:auto;top:calc(100% + var(--gl-nav-abstand,13px));width:max(100%,560px);max-width:calc(100vw - 32px);border-radius:0 0 10px 10px}
}