/* Ausgewähltes Originalmotiv: alle fünf Figuren bleiben vollständig sichtbar.
   Getrennt vom übrigen Layout, damit parallele Website-Arbeiten erhalten bleiben. */
.top--branded {
  display: grid;
  grid-template-columns: 256px minmax(0, 1fr);
  align-items: center;
  gap: 8px 32px;
  padding: 14px 0;
}
.brand--illustrated {
  display: block;
  grid-row: 1 / 3;
  width: 256px;
  max-width: 100%;
  min-width: 0;
  line-height: 1;
  white-space: normal;
  border-radius: 12px;
}
.brand--illustrated picture,
.footerbrand--illustrated picture {
  display: block;
}
.brand-logo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
}
.top--branded .location {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  margin: 0;
  padding-bottom: 6px;
}
.top--branded .topnav {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}
.footerbrand--illustrated {
  display: block;
  width: 216px;
  max-width: 100%;
  border-radius: 12px;
}
@media (max-width: 1100px) {
  .top--branded {
    gap: 16px 24px;
  }
  .top--branded .topnav {
    grid-row: 1 / 3;
    align-self: center;
    justify-content: flex-end;
  }
}
@media (max-width: 760px) {
  .top--branded {
    display: flex;
    justify-content: center;
    padding: 14px 0 18px;
  }
  .brand--illustrated {
    width: 280px;
    margin-inline: auto;
  }
}
@media print {
  .top--branded {
    display: block;
    padding: 0 0 12px;
  }
  .brand--illustrated {
    width: 180px;
    margin: 0;
  }
  .top--branded .location {
    display: none;
  }
}

/* Complete shared navigation, visible on desktop and mobile. */
.header-navigation{grid-column:2;grid-row:2;width:100%;min-width:0}.primary-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.primary-categories a{flex:1;padding:10px 12px;border:1px solid #cfdbd0;border-radius:12px;background:#f1f5eb;color:#133e35;text-align:center;text-decoration:none;font-weight:750;line-height:1.25;white-space:normal}.primary-categories a:last-child{flex:1.65}.primary-categories a[aria-current=page]{background:#185446;color:#fff;border-color:#185446}.utility-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.utility-navigation{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.utility-navigation a{padding:8px 10px;border:1px solid #dce2da;border-radius:30px;background:#fff;color:#16483e;text-decoration:none;font-size:.8rem}.header-navigation .context-navigation{margin:0}.header-navigation .context-navigation summary{font-size:.8rem;padding:8px 10px;border-radius:12px}.header-navigation .context-navigation details>div{position:absolute;right:0;top:100%;min-width:280px;max-width:min(420px,calc(100vw - 40px));max-height:65vh;overflow:auto;box-shadow:0 12px 28px #103d3a20}.header-navigation .context-navigation a{display:block;white-space:normal}.header-navigation .context-navigation{margin-left:auto}.retailer-brand{display:flex;align-items:center;gap:10px;min-height:50px;font-size:.8rem;font-weight:700;margin:8px 0}.retailer-brand img{display:block;width:100px;height:42px;object-fit:contain;background:#fff;border-radius:5px;padding:4px}.retailer-brand--dark img{background:#15352f}.retailer-brand span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){.header-navigation{grid-column:1/-1;grid-row:auto}.top--branded .location{grid-column:2;grid-row:1}.brand--illustrated{grid-row:1}.top--branded{align-items:center}}@media(max-width:760px){.header-navigation{flex-basis:100%}.primary-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.primary-categories a{padding:10px 5px;font-size:.85rem}.primary-categories a:last-child{grid-column:span 2}.utility-navigation{gap:5px}.utility-navigation a{padding:7px 9px;font-size:.75rem}.header-navigation .context-navigation{margin-left:0}.header-navigation .context-navigation details>div{left:0;right:auto;min-width:min(300px,calc(100vw - 40px))}}@media print{.header-navigation{display:none!important}}