/* MW Produktsortiment – OncoMedical
   Gleicher Aufbau wie Kategorieseite (.omp) und Zertifikate (.omz):
   heller Kopfbereich mit Deko-Hintergrund, darunter weisse, abgerundete Fläche. */
.omo{
  --omo-blue:#0B5A94; --omo-soft:#E6F0F7; --omo-line:#D9E2EA; --omo-panel:#F4F7FA;
  --omo-ink:#1B2733; --omo-muted:#5E6E7D; --omo-focus:#F2A900;
  --omo-heading-font: var(--e-global-typography-ecd1a2c-font-family), Sans-serif;
  color:var(--omo-ink);font-size:15px;line-height:1.55
}
.omo *{box-sizing:border-box}
.omo [hidden]{display:none!important}
.omo :focus-visible{outline:3px solid var(--omo-focus);outline-offset:2px}
.omo button,.omo input{font:inherit;color:inherit;text-transform:none;letter-spacing:normal;line-height:inherit}
.omo-inner{max-width:1370px;margin:0 auto;padding:0 24px;position:relative}
.omo-notice{padding:20px;border:2px dashed #ccc;text-align:center}
.omo .omo-title,.omo .omo-h,.omo .omo-cats-head h2,.omo .omo-cat-t,.omo .omo-res-t,.omo .omo-res-group h3{font-family:var(--omo-heading-font)}

/* Kopfbereich – identisch mit .omp-hero / .omz-hero */
.omo-hero{
  color:#fff;padding:8rem 0 0;position:relative;overflow:hidden;
  background-color:var(--e-global-color-9a6754b,#EEF2F6);
  background-image:url(/wp-content/uploads/2026/10/subpage-bg-deko-small.webp);
  background-position:center center;background-size:cover;
}
.omo-hero:before{
  content:'';display:block;position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(90deg,#f2f4f7f2 22%,var(--e-global-color-39ffdc2) 100%);
}
.omo-hero .omo-inner{padding-bottom:32px}
.omo-crumbs{font-size:13px;opacity:.75;margin-bottom:14px;color:var(--e-global-color-accent,#0B5A94)}
.omo .omo-title{font-size:clamp(32px,4.5vw,52px);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:#333;margin:0}
.omo .omo-intro{max-width:132ch;margin:15px 0 26px;
  font-family:var(--e-global-typography-text-font-family),Sans-serif;
  font-size:var(--e-global-typography-4d2b3df-font-size);
  font-weight:var(--e-global-typography-text-font-weight);
  line-height:var(--e-global-typography-4d2b3df-line-height);
  color:var(--e-global-color-text,#555E66)}

/* Weisse Fläche */
.omo-section{background:#fff;border-radius:50px}
.omo-body{padding-top:40px;padding-bottom:80px}
.omo .omo-h{font-size:13px;font-weight:500;color:var(--omo-muted);margin:0 0 10px;line-height:1.3}

/* Suche – wie .omp-search */
.omo-search{margin:0 0 40px}
.omo-field{display:flex;align-items:center;gap:8px;border:1px solid var(--omo-line);border-radius:10px;padding:0 8px 0 14px;background:#fff;transition:border-color .15s}
.omo-field:focus-within{border-color:var(--omo-blue)}
.omo-field svg{flex:none;width:16px;height:16px;color:var(--omo-ink)}
.omo .omo-field input{flex:1;min-width:0;border:0!important;background:#fff!important;box-shadow:none!important;outline:none;padding:12px 0;min-height:0;border-radius:0;font-size:15px}
.omo .omo-field input::-webkit-search-cancel-button{display:none}
.omo .omo-clear{flex:none;border:0;background:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;padding:0;color:var(--omo-muted)}
.omo .omo-clear:hover{background:var(--omo-panel);color:var(--omo-blue)}
.omo .omo-hint{margin:8px 0 0;font-size:13px;color:var(--omo-muted)}

/* Treffer – Karten im Stil der Produktkacheln */
.omo-results{margin-top:18px}
.omo-res-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--omo-muted);margin-bottom:18px}
.omo-res-meta strong{color:var(--omo-ink)}
.omo .omo-reset{border:0;background:none;padding:0;color:var(--omo-blue);text-decoration:underline;cursor:pointer;font-size:13px}
.omo-res-cats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:14px}
.omo-res-cats > span{color:var(--omo-muted)}
.omo .omo-res-cats a{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;border:1px solid var(--omo-blue);color:var(--omo-blue);text-decoration:none;font-size:13px}
.omo .omo-res-cats a svg{width:13px;height:13px}
.omo .omo-res-cats a:hover{background:var(--omo-blue);color:#fff}
.omo-res-group + .omo-res-group{margin-top:30px}
.omo .omo-res-group h3{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;font-size:22px;font-weight:500;line-height:1.2;color:var(--omo-ink)}
.omo-res-group h3 span{color:var(--omo-muted);font-size:14px;font-weight:400;font-family:inherit}
.omo-res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.omo .omo-res{display:flex;flex-direction:column;background:#fff;border:1px solid var(--omo-line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--omo-ink);transition:border-color .15s;position:relative}
.omo .omo-res:hover{border-color:var(--omo-blue);color:var(--omo-ink)}
.omo-res-img{height:150px;background:var(--omo-panel);display:grid;place-items:center;padding:14px;color:var(--omo-blue)}
.omo .omo-res-img img{max-height:122px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:0}
.omo-res-img svg{width:72px;height:72px;opacity:.6}
.omo-res-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.omo-res-art{font-size:12px;color:var(--omo-muted)}
.omo-res-t{font-size:17px;font-weight:500;line-height:1.25}
.omo-res-m{font-size:12.5px;color:var(--omo-muted);padding-top:10px;margin-top:4px;border-top:1px solid var(--omo-line)}
.omo-res-arrow{display:none}
.omo-empty{padding:48px;border:2px dashed var(--omo-line);border-radius:14px;text-align:center;color:var(--omo-muted)}
.omo .omo-more{margin:16px 0 0;font-size:13px;color:var(--omo-muted)}

/* Kategorien – Kacheln wie Produktkarten */
.omo-cats-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.omo .omo-cats-head h2{font-size:22px;font-weight:500;margin:0;line-height:1.2;color:var(--omo-ink)}
.omo-cats-head span{color:var(--omo-muted);font-size:14px}
.omo .omo-cats{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.omo-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
.omo .omo-cats li{margin:0;padding:0}
.omo .omo-cat{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--omo-line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--omo-ink);transition:border-color .15s}
.omo .omo-cat:hover{border-color:var(--omo-blue);color:var(--omo-ink)}
.omo-cat-img{display:block;height:170px;width:100%;background:var(--omo-panel);overflow:hidden}
.omo .omo-cat-img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .35s ease}
.omo-cat:hover .omo-cat-img img{transform:scale(1.04)}
.omo-cat-img.is-empty{display:grid;place-items:center;color:var(--omo-blue)}
.omo-cat-img.is-empty svg{width:96px;height:96px}
.omo-cat-arrow{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--omo-ink);display:grid;place-items:center;transition:background .15s,color .15s}
.omo-cat:hover .omo-cat-arrow{background:var(--omo-blue);color:#fff}
.omo-cat-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.omo-cat-t{font-size:17px;font-weight:500;line-height:1.25}
.omo-cat-c{font-size:13px;color:var(--omo-muted);line-height:1.45}
.omo-cat-n{margin-top:auto;padding-top:10px;border-top:1px solid var(--omo-line);font-size:12.5px;color:var(--omo-muted)}

@media (max-width:1200px){
  .omo-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .omo-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .omo-section{border-radius:28px}
  .omo-body{padding-top:28px;padding-bottom:56px}
  .omo-cats{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .omo *{transition:none!important}
}