/* WebNclick – gemeinsame Elemente der Beispiel-Websites (Hinweisleiste oben, Credit unten) */
[hidden] { display: none !important; }
.wnc-bar {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 14px;
  padding: 8px 16px; background: #080d1d; color: #ced6e2; border-bottom: 2px solid #ff7a00;
  font: 500 13px/1.35 'Inter', system-ui, sans-serif; text-align: center;
}
.wnc-bar strong { color: #fff; }
.wnc-bar a { color: #ff9a3d; text-decoration: none; }
.wnc-bar a:hover { text-decoration: underline; }
.wnc-bar .wnc-btn { background: #ff7a00; color: #fff; padding: 5px 12px; border-radius: 999px; font-weight: 600; white-space: nowrap; }
.wnc-bar .wnc-btn:hover { background: #ff8d24; text-decoration: none; }
.wnc-credit {
  padding: 18px 16px; background: #080d1d; color: #9aa5ba; text-align: center;
  font: 400 14px/1.5 'Inter', system-ui, sans-serif; border-top: 2px solid #ff7a00;
}
.wnc-credit a { color: #ff9a3d; font-weight: 600; text-decoration: none; }
.wnc-credit a:hover { text-decoration: underline; }
.wnc-note { margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: #fff4e8; color: #7a3b00 !important; border: 1px solid #ffc58f; font: 500 14px/1.45 'Inter', system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.wnc-note a { color: #c25400 !important; font-weight: 700; }
.wnc-note[hidden] { display: none; }
@media (max-width: 640px) {
  .wnc-bar { font-size: 12px; padding: 7px 12px; }
  .wnc-bar .wnc-hide-sm { display: none; }
}