/* Goldankauf Goldschmidt Topbar – an Header-Container ausgerichtet */
.grp-pricebar{--grp-gold:#d5a148;--grp-ink:#202d41;position:relative;z-index:30;width:100%;background:var(--grp-ink);color:#f8f8f7;border-bottom:1px solid rgba(213,161,72,.25);font-family:inherit;font-size:13px;line-height:1.35;box-sizing:border-box}
.grp-pricebar *{box-sizing:border-box}

/* Desktop: ruhiger, ausgewogener Aufbau in vier gleichmäßigen Spalten */
.grp-pricebar__inner{width:calc(100% - 40px);max-width:1632px;min-height:38px;margin:0 auto;padding:0;display:flex;align-items:center}
.grp-pricebar__track{width:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.grp-pricebar__item{min-width:0;display:flex;gap:6px;align-items:baseline;justify-content:center;white-space:nowrap;padding:0 22px;border-left:1px solid rgba(213,161,72,.30)}
.grp-pricebar__item:first-child{border-left:0;padding-left:0;justify-content:flex-start}
.grp-pricebar__item:last-child{padding-right:0;justify-content:flex-end}
.grp-pricebar__symbol{color:var(--grp-gold);font-weight:700;font-size:13px;flex:0 0 auto}
.grp-pricebar__name{color:rgba(255,255,255,.82);font-weight:450;flex:0 0 auto}
.grp-pricebar__purity{color:rgba(255,255,255,.65)}
.grp-pricebar__value{font-size:13px;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 auto}
.grp-pricebar__unit{font-size:11px;white-space:nowrap;color:rgba(255,255,255,.65)}
.grp-pricebar__item--clone{display:none}

@media(max-width:1280px){
  .grp-pricebar__track{grid-template-columns:repeat(4,1fr)}
  .grp-pricebar__item{padding:0 14px;gap:5px}
}

@media(max-width:1150px){
  .grp-pricebar__inner{width:100%;padding:0 20px}
  .grp-pricebar__track{display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:0;overscroll-behavior-x:contain;scroll-behavior:auto}
  .grp-pricebar__track::-webkit-scrollbar{display:none}
  .grp-pricebar__item{justify-content:flex-start;min-width:max-content;padding:0 14px}
  .grp-pricebar__item--clone{display:flex}
  .grp-pricebar__item:first-child{padding-left:0}
  .grp-pricebar__item:last-child{padding-right:0}
}

@media(max-width:540px){
  .grp-pricebar__inner{min-height:36px;padding:0 14px}
  .grp-pricebar__item{padding:0 12px}
  .grp-pricebar__name,.grp-pricebar__value,.grp-pricebar__symbol{font-size:12px}
}

/* Hard containment so mobile ticker never breaks the page width */
.grp-pricebar{display:block!important;inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow:hidden!important;contain:layout inline-size}
.grp-pricebar__inner{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}
.grp-pricebar__track{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:1150px){
 .grp-pricebar{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .grp-pricebar__inner{display:block;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:0 14px}
 .grp-pricebar__track{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .grp-pricebar__item{flex:0 0 auto!important;min-width:max-content}
}