/* Hinweisleiste (pco-topbar): einzeilig, volle Breite, drei Designs aus dem CMS */
.pco-topbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 38px;
  padding: 6px 16px;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
a.pco-topbar:hover { text-decoration: none; filter: brightness(1.08); }
.pco-topbar__icon { font-size: 18px; flex-shrink: 0; }
.pco-topbar__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.pco-topbar__button {
  flex-shrink: 0;
  padding: 2px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}
.pco-topbar__button:hover { text-decoration: none; }

.pco-topbar--hinweis { background: #d7141a; color: #fff; }
.pco-topbar--hinweis .pco-topbar__button { border: 1px solid #fff; color: #fff; }
.pco-topbar--hinweis .pco-topbar__button:hover { background: #fff; color: #d7141a; }

.pco-topbar--info { background: #2b2b2b; color: #fff; border-bottom: 3px solid #d7141a; }
.pco-topbar--info .pco-topbar__icon { color: #ff5a5f; }
.pco-topbar--info .pco-topbar__button { border: 1px solid #fff; color: #fff; }
.pco-topbar--info .pco-topbar__button:hover { background: #fff; color: #2b2b2b; }

.pco-topbar--aktion { background: #ffd21f; color: #2b2b2b; }
.pco-topbar--aktion .pco-topbar__button { background: #2b2b2b; color: #fff; }
.pco-topbar--aktion .pco-topbar__button:hover { background: #000; color: #fff; }

a.pco-topbar--hinweis, a.pco-topbar--info { color: #fff; }
a.pco-topbar--aktion { color: #2b2b2b; }

/* Handy: Text darf umbrechen statt abgeschnitten zu werden */
@media (max-width: 767px) {
  .pco-topbar { font-size: 14px; }
  .pco-topbar__text { white-space: normal; }
}