/* Umschalter der Vorschau (Look · Slogan · Gelb). Gehört zu muster-look.js; wird auf der Seite und in den Exposés geladen.
   Tippfläche je Knopf mindestens 40 px. Einklappbar (Knopf links): zugeklappt bleibt nur ein kleiner "Look"-Knopf. */
#lookwahl{position:fixed;right:8px;left:8px;margin-left:auto;max-width:520px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:300;display:grid;gap:2px;background:#111;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:5px;box-shadow:0 6px 24px rgba(0,0,0,.35);font:600 12.5px/1 'Outfit',system-ui,sans-serif;box-sizing:border-box;-webkit-text-size-adjust:100%}
#lookwahl .lw-z{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
#lookwahl button{appearance:none;border:0;background:transparent;color:#d8d8d4;min-height:40px;min-width:40px;padding:0 9px;border-radius:999px;cursor:pointer;letter-spacing:.02em;white-space:nowrap;font:inherit;flex:1 1 auto;touch-action:manipulation}
#lookwahl button[aria-pressed="true"]{background:#F5A800;color:#111}
#lookwahl .lw-k span{color:#969696;font-size:11px;padding:0 4px 0 8px;flex:none}
#lookwahl .lw-x{flex:0 0 40px;padding:0;color:#F5A800}
#lookwahl .lw-x b{display:none;font-weight:600}
#lookwahl .lw-x i{font-style:normal;font-size:20px;line-height:1}
#lookwahl.zu{left:auto;right:8px;width:auto;padding:3px;gap:0}
#lookwahl.zu .lw-z:not(:first-child){display:none}
#lookwahl.zu .lw-z>button:not(.lw-x){display:none}
#lookwahl.zu .lw-x{flex:none;padding:0 14px;min-width:56px}
#lookwahl.zu .lw-x i{display:none}
#lookwahl.zu .lw-x b{display:inline}
@media(max-width:899px){#lookwahl{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
#lookwahl .lw-k button{flex:0 1 44px}