/* Zahlungsweisen – Kadence-Fassung
   Originalgestaltung aus recht.css, gekapselt für WordPress/Kadence.
*/

.zahlungsweisen-kadence {
  --rt-brand: #2E4396;
  --rt-brand-dark: #22326F;
  --rt-brand-light: #E8ECF7;
  --rt-ink: #1F2937;
  --rt-body: #4A5568;
  --rt-muted: #6B7280;
  --rt-line: #E5E7EB;
  --rt-bg: #FFFFFF;
  --rt-bg-soft: #EBEBEB;
  --rt-radius: 14px;
  --rt-shadow: 0 4px 18px rgba(31,41,55,.10);

  color: var(--rt-body);
}

.zahlungsweisen-kadence,
.zahlungsweisen-kadence * {
  box-sizing: border-box;
}

.zahlungsweisen-kadence .wrap {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}

.zahlungsweisen-kadence .section {
  padding: 72px 0;
}

/* Kopfbereich */
.zahlungsweisen-kadence .rt-head {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: var(--rt-bg-soft);
  padding: 0 0 40px;
}

.zahlungsweisen-kadence .rt-head .crumbs {
  padding-top: 18px;
  color: var(--rt-muted);
  font-size: 14px;
}

.zahlungsweisen-kadence .rt-head .crumbs a {
  color: var(--rt-brand);
  text-decoration: none;
  margin-right: 5px;
}

.zahlungsweisen-kadence .rt-head .crumbs span {
  margin: 0 5px;
}

.zahlungsweisen-kadence .rt-head h1 {color: var(--rt-ink);
}

.zahlungsweisen-kadence .rt-head .rt-sub {
  margin: 0;
  color: var(--rt-muted);
max-width: 80ch;
}

/* Zweispaltiger Aufbau */
.zahlungsweisen-kadence .rt-body {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 64px;
  align-items: start;
  max-width: 1240px;
  margin: 0 auto;
}

/* Karte mit den festen Angaben */
.zahlungsweisen-kadence .rt-card {
  position: sticky;
  top: 155px;
  background: var(--rt-bg);
  border: 1px solid var(--rt-line);
  border-top: 4px solid var(--rt-brand);
  border-radius: var(--rt-radius);
  box-shadow: var(--rt-shadow);
  padding: 8px 30px 26px;
  max-height: calc(100vh - 185px);
  overflow-y: auto;
}

.zahlungsweisen-kadence .rt-row {
  padding: 20px 0;
  border-bottom: 1px solid var(--rt-line);
}

.zahlungsweisen-kadence .rt-row:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}

.zahlungsweisen-kadence .rt-row .label {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--rt-brand);
  margin-bottom: 8px;
}

.zahlungsweisen-kadence .rt-row .value {
  font-style: normal;
  margin: 0;
  color: var(--rt-ink);
  font-size: 16px;
  line-height: 1.7;
}

.zahlungsweisen-kadence .rt-row .value strong {
  font-weight: 700;
}

.zahlungsweisen-kadence .rt-row .value a {
  color: var(--rt-brand);
  font-weight: 600;
}

.zahlungsweisen-kadence .rt-row .value a:hover {
  text-decoration: underline;
}

.zahlungsweisen-kadence .rt-row .note {
  display: block;
  color: var(--rt-muted);
  font-size: 14px;
  margin-top: 4px;
}

.zahlungsweisen-kadence .rt-row .stand {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Inhaltsverzeichnis */
.zahlungsweisen-kadence .rt-toc {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: toc;
}

.zahlungsweisen-kadence .rt-toc li {
  border-bottom: 1px solid var(--rt-line);
}

.zahlungsweisen-kadence .rt-toc li:last-child {
  border-bottom: 0;
}

.zahlungsweisen-kadence .rt-toc a {
  display: block;
  padding: 8px 0;
  font-size: 15px;
  color: var(--rt-body);
  text-decoration: none;
}

.zahlungsweisen-kadence .rt-toc a::before {
  counter-increment: toc;
  content: counter(toc) ".";
  display: inline-block;
  width: 24px;
  color: var(--rt-brand);
  font-weight: 700;
}

.zahlungsweisen-kadence .rt-toc a:hover {
  color: var(--rt-brand);
}

/* Textspalte */
.zahlungsweisen-kadence .rt-text {
  max-width: 76ch;
}

.zahlungsweisen-kadence .rt-text h2 {  margin: 0 0 12px;
  padding-top: 4px;
  scroll-margin-top: 150px;
  color: var(--rt-ink);
}

.zahlungsweisen-kadence .rt-text h3 {  color: var(--rt-ink);
  margin: 30px 0 8px;
}

.zahlungsweisen-kadence .rt-text section + section {
  margin-top: 40px;
  padding-top: 36px;
  border-top: 1px solid var(--rt-line);
}

.zahlungsweisen-kadence .rt-text p {
  margin: 0 0 14px;
}

.zahlungsweisen-kadence .rt-text p:last-child {
  margin-bottom: 0;
}

.zahlungsweisen-kadence .rt-text a {
  color: var(--rt-brand);
}

.zahlungsweisen-kadence .rt-text a:hover {
  text-decoration: underline;
}

/* hervorgehobener Einstiegskasten */
.zahlungsweisen-kadence .rt-quote {
  background: var(--rt-brand-light);
  border-radius: 10px;
  padding: 18px 22px;
  color: var(--rt-ink);
  font-size: 16.5px;
}

/* Hinweisbox */
.zahlungsweisen-kadence .rt-hinweis {
  border: 1px solid var(--rt-line);
  border-left: 4px solid var(--rt-brand);
  border-radius: 10px;
  background: var(--rt-bg);
  padding: 18px 22px;
  margin: 0 0 14px;
  font-size: 15.5px;
}

.zahlungsweisen-kadence .rt-hinweis b {
  color: var(--rt-ink);
}

/* Tabelle */
.zahlungsweisen-kadence .rt-tabelle {
  overflow-x: auto;
  margin: 4px 0 18px;
}

.zahlungsweisen-kadence .rt-tabelle table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15.5px;
  min-width: 460px;
}

.zahlungsweisen-kadence .rt-tabelle th,
.zahlungsweisen-kadence .rt-tabelle td {
  text-align: left;
  padding: 11px 14px;
  border-bottom: 1px solid var(--rt-line);
}

.zahlungsweisen-kadence .rt-tabelle thead th {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--rt-brand);
  border-bottom: 2px solid var(--rt-line);
  white-space: nowrap;
}

.zahlungsweisen-kadence .rt-tabelle tbody tr:last-child td {
  border-bottom: 0;
}

.zahlungsweisen-kadence .rt-tabelle td:not(:first-child) {
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .zahlungsweisen-kadence .rt-body {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .zahlungsweisen-kadence .rt-card {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .zahlungsweisen-kadence .rt-text {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .zahlungsweisen-kadence .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .zahlungsweisen-kadence .section {
    padding: 48px 0;
  }

  .zahlungsweisen-kadence .rt-card {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ==========================================================
   RECHTSSEITEN-MASTER – Zahlungsweisen
   Einheitlich mit Impressum / Datenschutz / AGB / Widerruf
   Nur Grid, Sidebar, Breadcrumbs und responsive Außenabstände.
   ========================================================== */

/* Breadcrumbs exakt wie auf der freigegebenen Impressumseite */
.zahlungsweisen-kadence .rt-head .crumbs {
  padding-top: 18px;
  color: var(--rt-muted);
  font-size: 14px;
}
.zahlungsweisen-kadence .rt-head .crumbs a {
  color: var(--rt-brand);
  text-decoration: none;
  margin-right: 5px;
}
.zahlungsweisen-kadence .rt-head .crumbs span {
  margin: 0 5px;
}

/* Desktop-Grid */
.zahlungsweisen-kadence .rt-body {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 64px;
  align-items: start;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

/* Sidebar */
.zahlungsweisen-kadence .rt-card {
  position: sticky;
  top: 155px;
  background: var(--rt-bg);
  border: 1px solid var(--rt-line);
  border-top: 4px solid var(--rt-brand);
  border-radius: var(--rt-radius);
  box-shadow: var(--rt-shadow);
  padding: 8px 30px 26px;
  max-height: calc(100vh - 185px);
  overflow-y: auto;
}
.zahlungsweisen-kadence .rt-row {
  padding: 20px 0;
  border-bottom: 1px solid var(--rt-line);
}
.zahlungsweisen-kadence .rt-row:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}

/* Sidebar-Links */
.zahlungsweisen-kadence .rt-card a,
.zahlungsweisen-kadence .rt-card a:visited {
  text-decoration: none !important;
}
.zahlungsweisen-kadence .rt-card a:hover,
.zahlungsweisen-kadence .rt-card a:focus-visible {
  text-decoration: underline !important;
}

/* Content-Section */
.zahlungsweisen-kadence .section {
  padding-top: 72px;
  padding-bottom: 72px;
}

/* Tablet / schmaler Desktop */
@media (max-width: 1180px) {
  .zahlungsweisen-kadence .section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .zahlungsweisen-kadence .section > .wrap {
    width: 100% !important;
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .zahlungsweisen-kadence .rt-body,
  .zahlungsweisen-kadence .rt-card,
  .zahlungsweisen-kadence .rt-text {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .zahlungsweisen-kadence .rt-body {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .zahlungsweisen-kadence .rt-card {
    position: static;
    top: auto;
    max-height: none;
    overflow: visible;
  }

  .zahlungsweisen-kadence .rt-text {
    max-width: none;
  }
}

/* Zwischenbreite wie beim Rechtsseiten-Master */
@media (min-width: 1025px) and (max-width: 1180px) {
  .zahlungsweisen-kadence .section {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Mobil */
@media (max-width: 720px) {
  .zahlungsweisen-kadence .section {
    padding: 36px 20px !important;
  }

  .zahlungsweisen-kadence .rt-card {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ==========================================================
   V2 – Standardtypografie bereinigt
   H1, H2, H3 und normaler Fließtext beziehen Schriftfamilie,
   Schriftgröße, Zeilenhöhe und Schriftgewicht jetzt aus Theme
   bzw. aus dem Page-Typography-Plugin.
   Seitenspezifische Typografie für Sidebar, Tabellen,
   Hinweisboxen und sonstige Sonderbausteine bleibt erhalten.
   ========================================================== */




/* ==========================================================
   RECHTSSEITEN-MASTER – wie bestätigtes Impressum
   Typografie: Theme / Seitentypografie-Tool.
   Abstand gilt identisch auf Desktop, Tablet und Mobile.
   ========================================================== */
.zahlungsweisen-kadence .rt-head h1 {
  margin: 18px 0 12px !important;
}

.zahlungsweisen-kadence .rt-head .rt-sub {
  margin-top: 0 !important;
}