/* ============================================================
   CTLS LAYOUT – Page-Struktur mit entry-content
   ============================================================ */
.two-col {
    column-count: 2;
    column-gap: 2.5em;
    padding-left: 1.2em;
}

.two-col li {
    break-inside: avoid;
    margin-bottom: 0.4em;
}
/* Mobile: .two-col wieder einspaltig */
@media (max-width: 995px) {
  .two-col {
    column-count: 1 !important;
    padding-left: 0.8em;   /* Optional: enger für Mobil */
    column-gap: 1.2em;     /* Optional: kleiner Abstand */
  }
}
.tr-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 20px; /* horizontal 0px, vertikal 20px Abstand */
    table-layout: fixed; /* sorgt für gleiche Spaltenbreite */
}

/* Linke Spalte: feste Breite */
.tr-table th {
    width: 280px;        /* gewünschte feste Breite */
    vertical-align: top;
    text-align: left;
    padding: 8px 30px 0 0;
}

/* Rechte Spalte: füllt den Rest */
.tr-table td {
    vertical-align: top;
    text-align: left;
    padding: 8px 0 0 0;
}
/* 1. entry-content läuft über volle Seitenbreite */
main.site-main > .entry-content {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

/* 2. Segmente bleiben inhaltlich begrenzt */
.segment-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  padding-left: var(--global-gutter);
  padding-right: var(--global-gutter);
  box-sizing: border-box;
}

/* 3. Einheitliche Abstände Headerimage/Footer */
main.site-main .entry-content .segment:first-of-type {
  margin-top: 0em;
}
main.site-main .entry-content .segment:last-of-type {
  margin-bottom: 0em;
}

@media (max-width: 950px) {
  main.site-main .entry-content .segment:first-of-type { margin-top: 0em; }
  main.site-main .entry-content .segment:last-of-type  { margin-bottom: 0em; }
}
@media (max-width: 950px) {
  main.site-main .entry-content .segment:first-of-type { margin-top: 0em; }
  main.site-main .entry-content .segment:last-of-type  { margin-bottom: 0em; }
}

/* ============================================================
   SIDEBAR-BOXED
   ------------------------------------------------------------
   Einheitlicher Stil für alle Sidebar-Container:
   Training, Shop, Events, Seiten usw.
   ============================================================ */
.sidebar-boxed {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  padding: 2em;
  box-sizing: border-box;
  width: 380px;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .sidebar-boxed {
    width: 100%;
    margin-top: 2em;
  }
}