.look .of{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-6)}.look .of-kopf{display:flex;align-items:center;gap:var(--sp-3)}.look .of-kopf .of-sort{flex:1}@media (min-width:768px){.look .of-kopf{display:none}}.look .of-scrim{position:fixed;inset:0;z-index:40;background:color-mix(in srgb,var(--navy) 45%,transparent)}@media (min-width:768px){.look .of-scrim{display:none}}.look .of-blatt{display:none}.look .of-blatt.of-offen{display:grid;gap:var(--sp-3);position:fixed;inset:auto 0 0 0;z-index:50;max-height:85dvh;overflow:auto;padding:var(--sp-5);background:var(--card);border-radius:var(--r-3) var(--r-3) 0 0;box-shadow:var(--shadow-fb)}@media (min-width:768px){.look .of-blatt,.look .of-blatt.of-offen{display:grid;gap:var(--sp-3);position:static;max-height:none;overflow:visible;padding:0;background:transparent;border-radius:0;box-shadow:none}}.look .of-blatt-kopf{display:flex;align-items:center;justify-content:space-between;font-weight:700}@media (min-width:768px){.look .of-blatt-kopf{display:none}}.look .of-zeile{display:grid;gap:var(--sp-3)}@media (min-width:768px){.look .of-zeile{display:flex;flex-wrap:wrap;align-items:center}}.look .of-suche{position:relative;flex:1 1 240px}.look .of-suche .i{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.look .of-suche .inp{padding-left:var(--sp-10)}.look .of-dd{position:relative}.look .of-dd>.chip{width:100%;justify-content:space-between}@media (min-width:768px){.look .of-dd>.chip{width:auto}}.look .of-panel{display:grid;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-2)}@media (min-width:768px){.look .of-panel{position:absolute;z-index:30;left:0;min-width:240px;max-height:20rem;overflow:auto}}.look .of-panel .chip{width:100%}.look .of-sort-d{display:none}@media (min-width:768px){.look .of-sort-d{display:block}}.look .of-fuss{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.look .of-zahl{font-size:var(--fs-s);color:var(--ink-2);margin-bottom:var(--sp-4)}.look .of-raster{display:grid;gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.look .of-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.look .of-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}.look .of-raster>*{display:grid;min-width:0}.look .of-seiten{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-10)}.look .of-leer{display:grid;gap:var(--sp-4);justify-items:center;padding:var(--sp-10);border:1px solid var(--line);border-radius:var(--r-3);background:var(--card);text-align:center}.look .of-leer .actions{justify-content:center}.look .of-flagge{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:1;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;color:var(--navy)}.look .of-flagge,.look .of-fz{background:var(--card);border:1px solid var(--line)}.look .of-fz{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-6);padding:var(--sp-5);border-radius:var(--r-3)}.look .of-fz ul{display:grid;gap:var(--sp-1);font-size:var(--fs-s)}.look .of-panel-liste{display:grid;gap:var(--sp-2)}.look .okarte-merken{position:absolute;left:var(--sp-3);bottom:var(--sp-3)}