/*
 * RETRO BOXING e. V. – Gewichtsklassen: Premium-Feinschliff v1622.
 * Ausschließlich /gewichtsklassen. Kein Einfluss auf andere öffentliche Seiten,
 * Inhalte, Tabellenwerte, Formulare, Musik oder Adminbereich.
 * Bewusst nach layout.css/theme.css geladen, da die Bestandsregeln !important nutzen.
 */
html body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 {
  gap: clamp(20px, 2.7vw, 30px) !important;
  min-width: 0;
}
html body main.page-slug-gewichtsklassen .rb-weight-grid-v1276,
html body main.page-slug-gewichtsklassen .rb-weight-info-grid-v1276 {
  gap: clamp(18px, 2.2vw, 26px) !important;
  min-width: 0;
}
html body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 > .section-card,
html body main.page-slug-gewichtsklassen .rb-weight-grid-v1276 > .section-card,
html body main.page-slug-gewichtsklassen .rb-weight-info-grid-v1276 > .section-card {
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(26px, 3vw, 38px) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.016)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.035);
}
html body main.page-slug-gewichtsklassen .rb-weight-welcome-v1276 {
  gap: clamp(22px, 3vw, 38px) !important;
  border-color: rgba(188,38,37,.44) !important;
  background: linear-gradient(115deg,rgba(188,38,37,.12),rgba(255,255,255,.018)) !important;
}
html body main.page-slug-gewichtsklassen .rb-weight-kicker-v1276 {
  margin-bottom: 10px;
  letter-spacing: .095em;
  font-size: .78rem;
}
html body main.page-slug-gewichtsklassen .rb-weight-welcome-v1276 h2 {
  margin-bottom: 13px !important;
  font-size: clamp(1.4rem,2.1vw,1.85rem);
  line-height: 1.18;
  letter-spacing: -.018em;
  text-wrap: balance;
}
html body main.page-slug-gewichtsklassen .rb-weight-welcome-v1276 p {
  max-width: 60ch;
  font-size: 1rem;
  line-height: 1.73;
  color: #d4d7dc;
}
html body main.page-slug-gewichtsklassen .rb-weight-quick-v1276 {
  border-color: rgba(255,255,255,.15);
  border-radius: 15px;
}
html body main.page-slug-gewichtsklassen .rb-weight-quick-v1276 span {
  gap: 13px;
  min-height: 52px;
  padding: 13px 17px !important;
  font-size: .93rem;
  line-height: 1.35;
}
html body main.page-slug-gewichtsklassen .rb-weight-quick-v1276 b {
  width: 29px;
  height: 29px;
  flex-basis: 29px;
  background: #7f2929;
  border: 1px solid rgba(255,255,255,.15);
  font-size: .82rem;
}
/* Die Sprungmarken wirken wie gleichwertige Schnellnavigation statt Mini-Links. */
html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px !important;
  min-width: 0;
}
html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 a {
  display: flex;
  min-width: 0;
  min-height: 48px;
  box-sizing: border-box;
  padding: 12px 15px !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.35;
  border-radius: 13px;
  border-color: rgba(255,255,255,.17);
  font-size: .9rem;
  color: #e3e6e9;
}
html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 a:hover {
  background: rgba(188,38,37,.13);
  border-color: rgba(206,66,66,.55);
}
html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 a:focus-visible,
html body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 a:focus-visible {
  outline: 3px solid #e94e4c;
  outline-offset: 3px;
}
html body main.page-slug-gewichtsklassen :is(#gewicht-maennlich,#gewicht-weiblich,#gewicht-nachwuchs,#gewicht-handschuhe) {
  scroll-margin-top: calc(var(--rb-header-fixed-height,92px) + 24px);
}
html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 {
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 23px !important;
}
html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 > span {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  font-size: 1.22rem;
  border-radius: 13px;
  border-color: rgba(255,255,255,.16);
  background: rgba(188,38,37,.13);
}
html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 > div {min-width:0;}
html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 h2 {
  margin: 1px 0 7px;
  font-size: clamp(1.16rem,1.6vw,1.42rem);
  line-height: 1.3;
  letter-spacing: -.01em;
}
html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 p {
  font-size: .95rem;
  line-height: 1.63;
  color: #c4cbd2;
}
html body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 .table-wrap {
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 14px !important;
  background: rgba(9,11,15,.28);
  -webkit-overflow-scrolling: touch;
}
html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 {
  width: 100% !important;
  border-collapse: collapse !important;
  font-variant-numeric: tabular-nums;
}
html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 th {
  padding: 16px 19px !important;
  font-size: .78rem !important;
  line-height: 1.35;
  letter-spacing: .04em !important;
  background: rgba(255,255,255,.07);
  color: #d7dbe0;
}
html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 td {
  padding: 15px 19px !important;
  font-size: .96rem;
  line-height: 1.48;
  vertical-align: middle;
  overflow-wrap: normal;
}
html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 td:last-child {
  color: #f0b7b6;
}
html body main.page-slug-gewichtsklassen .rb-weight-trainer-note-v1276 {
  margin-top: 23px !important;
  padding: 20px 22px !important;
  font-size: .95rem;
  line-height: 1.65;
  border-left-width: 4px;
}
html body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 {
  gap: 15px !important;
  margin-top: 23px !important;
}
html body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 span {
  padding: 22px 23px !important;
  border-radius: 13px;
  border-color: rgba(255,255,255,.14);
}
html body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 strong {font-size: 1.25rem;}
html body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 small {
  font-size: .86rem;
  line-height: 1.55;
  color: #c4cad0;
}
html body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 {
  padding: clamp(23px,3vw,31px) !important;
  gap: 12px !important;
  border-radius: 16px;
  border-color: rgba(213,163,71,.34);
}
html body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 strong {
  font-size: 1.03rem;
  line-height: 1.45;
}
html body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 span {
  font-size: .94rem;
  line-height: 1.7;
  color: #cdd1d6;
}
html body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 a {
  margin-top: 3px;
  font-size: .93rem;
  line-height: 1.5;
}

/* Light-Mode: gleiche Geometrie, aber ruhige klare Flächen und gut lesbarer Text. */
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 > .section-card,
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-grid-v1276 > .section-card,
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-info-grid-v1276 > .section-card {
  background: linear-gradient(170deg,#fff,#f8fafb) !important;
  border-color: #aab6c0 !important;
  box-shadow: 0 8px 24px rgba(36,51,66,.055);
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-welcome-v1276 {
  background: linear-gradient(120deg,#fff0f0,#fff) !important;
  border-color: #bb7373 !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-welcome-v1276 p,
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 p,
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 span,
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 small {
  color: #354653 !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-quick-v1276 b {
  background:#8c2828;
  color:#fff;
  border-color:#8c2828;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 a {
  background:#fff !important;
  border-color:#9caab6 !important;
  color:#25343f !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 a:hover {
  background:#fff2f2 !important;
  border-color:#ac4e4d !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 > span {
  background:#fff0f0 !important;
  border-color:#cb9b9b !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 .table-wrap {
  background:#fff;
  border-color:#adb8c1 !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-table-v1276 th {
  background:#e9eef2 !important;
  color:#243542 !important;
}
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-table-v1276 td:last-child {
  color:#812626 !important;
}
/* Regelhinweis bleibt als Information und nicht als künstliche Fehlermeldung eingefärbt. */
html[data-rb-theme="light"] body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 {
  background:#fff8e9 !important;
  border-color:#c9a864 !important;
}

@media(max-width:900px){
  html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:640px){
  html body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 {gap: 19px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-grid-v1276,
  html body main.page-slug-gewichtsklassen .rb-weight-info-grid-v1276 {gap:19px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 > .section-card,
  html body main.page-slug-gewichtsklassen .rb-weight-grid-v1276 > .section-card,
  html body main.page-slug-gewichtsklassen .rb-weight-info-grid-v1276 > .section-card {
    padding: 24px clamp(18px,5.5vw,24px) !important;
    border-radius: 16px !important;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-welcome-v1276 {gap: 20px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 {gap:12px;margin-bottom:19px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 > span {
    width:40px;height:40px;flex-basis:40px;border-radius:12px;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 h2 {font-size:1.16rem;}
  html body main.page-slug-gewichtsklassen .rb-weight-card-head-v1276 p {font-size:.91rem;}
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 th {
    padding: 12px 10px !important;
    font-size:.69rem !important;
    letter-spacing:.018em !important;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 td {
    padding: 13px 10px !important;
    font-size:.86rem;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 th,
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 td {
    border-color:rgba(255,255,255,.12) !important;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-trainer-note-v1276 {padding:18px 19px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 {grid-template-columns:1fr;gap:12px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-oz-v1276 span {padding:19px 20px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-rule-v1276 {padding:23px 21px !important;}
}
@media(max-width:350px){
  html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 {gap:8px !important;}
  html body main.page-slug-gewichtsklassen .rb-weight-jump-v1276 a {padding:12px 9px !important;font-size:.81rem;}
  html body main.page-slug-gewichtsklassen .rb-weight-classes-v1276 > .section-card,
  html body main.page-slug-gewichtsklassen .rb-weight-grid-v1276 > .section-card,
  html body main.page-slug-gewichtsklassen .rb-weight-info-grid-v1276 > .section-card {
    padding:21px 18px !important;
  }
}
/* Auf schmalen Geräten bleibt die ganze 3-Spalten-Tabelle ohne Abschneiden sichtbar.
   Lange Klassennamen und Gewichte umbrechen natürlich, die Unzenangabe bleibt in einer Zeile. */
@media(max-width:640px){
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 {table-layout:fixed;}
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 :is(th,td):first-child {
    width:40%;
    overflow-wrap:break-word;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 :is(th,td):nth-child(2) {
    width:37%;
    overflow-wrap:break-word;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 :is(th,td):last-child {
    width:23%;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 th:last-child {
    white-space:normal;
    overflow-wrap:anywhere;
    font-size:.66rem !important;
    letter-spacing:0 !important;
  }
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 td:last-child {
    font-size:.82rem;
  }
}
@media(max-width:640px){
  html body main.page-slug-gewichtsklassen .rb-weight-table-v1276 th:last-child {
    padding-left:5px !important;
    padding-right:5px !important;
    font-size:.6rem !important;
    letter-spacing:-.025em !important;
    hyphens:auto;
  }
}
