/* Angebot Counseling & Energiearbeit
   Bewusst schlank gehalten: Schrift, Schriftgrößen, Textfarbe und Überschriften-Stil kommen vom Template der Seite.
   Hier steht nur das, was das Template nicht kennt (Tabelle, Preisblock, Abstände).
   Akzentfarbe: unten bei --cw-accent den Farbwert der Webseite eintragen. */

.cw-angebot {
  --cw-accent: #BC963E;        /* <- hier die Hauptfarbe der Webseite eintragen, z. B. #8a6d3b */
  --cw-accent-text: #ffffff;   /* Schriftfarbe auf Akzentfläche */
  --cw-line: rgba(128, 128, 128, 0.35);
  --cw-soft: rgba(128, 128, 128, 0.10);
  text-align: center;
}
.cw-angebot, .cw-angebot * { box-sizing: border-box; }

/* Abstand zwischen den Blöcken */
.cw-angebot > * + * { margin-top: 3rem; }
.cw-angebot h2 { font-size: 2.5em; }
.cw-angebot h2, .cw-angebot h3, .cw-angebot h4 { text-align: center; }
.cw-angebot h3 { margin-bottom: 1rem; }
.cw-angebot h4 { margin-bottom: 0.25rem; }
.cw-angebot p { margin-bottom: 1.5rem; }
.cw-angebot .cw-lead { font-size: 1.75em; }
.cw-angebot .cw-fuer { font-size: 2em; margin: 4em 0 4em 0;}
.cw-angebot .cw-fuer h3 { font-size: 2.2em;}
.cw-angebot .cw-note { font-style: italic; opacity: 0.85; }
.cw-angebot .cw-mt { margin-top: 1.25rem; }

/* Bausteine als Liste ohne Aufzählungszeichen */
.cw-angebot ul.cw-bausteine { margin: 0; padding: 0; list-style: none; }
.cw-angebot ul.cw-bausteine li { padding: 1rem 0; margin: 0; border-top: 1px solid var(--cw-line); list-style: none; }
.cw-angebot ul.cw-bausteine li::before, .cw-angebot ul.cw-bausteine li::after { content: none; }
.cw-angebot ul.cw-bausteine li:last-child { border-bottom: 1px solid var(--cw-line); }
.cw-angebot ul.cw-bausteine p { margin: 0; }
.cw-angebot ul.cw-fuer { padding-left: 1.2rem; }

/* Paket-Tabelle */
.cw-angebot .cw-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cw-angebot table { width: 100%; min-width: 34rem; border-collapse: collapse; border: 0; background: none; margin: 0; }
.cw-angebot th, .cw-angebot td {
  padding: 0.8rem 0.9rem;
  border: 0;
  border-bottom: 1px solid var(--cw-line);
  text-align: center;
  vertical-align: middle;
  background: none;
  text-transform: none;
}
.cw-angebot thead th { background: var(--cw-accent); color: var(--cw-accent-text); border-bottom: 0; }
.cw-angebot tbody th { text-align: left; background: var(--cw-soft); width: 36%; }
.cw-angebot tr.cw-preis td { font-weight: 700; font-size: 1.15em; }
.cw-angebot .cw-sr { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Zahlung */
.cw-angebot .cw-zahlung { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.cw-angebot .cw-zahlung > div { border-left: 4px solid var(--cw-accent); padding-left: 1rem; background: var(--cw-accent-text);
  padding: 20px; }
.cw-angebot .cw-zahlung p { margin: 0; }

/* Intensivbegleitung: farbige Fläche */
.cw-angebot .cw-intensiv { background: var(--cw-accent); color: var(--cw-accent-text); padding: clamp(1.25rem, 4vw, 2.5rem); }
.cw-angebot .cw-intensiv h3, .cw-angebot .cw-intensiv p, .cw-angebot .cw-intensiv dt, .cw-angebot .cw-intensiv dd, .cw-angebot .cw-intensiv a { color: inherit; }
.cw-angebot .cw-intensiv dl { margin: 1.5rem 0; }
.cw-angebot .cw-intensiv .cw-row { display: grid; grid-template-columns: 11rem 1fr; gap: 0.25rem 1.5rem; padding: 0.8rem 0; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.cw-angebot .cw-intensiv dt { font-weight: 700; margin: 0; }
.cw-angebot .cw-intensiv dd { margin: 0; }
.cw-angebot .cw-intensiv .cw-invest { font-size: 1.5em; font-weight: 700; margin: 1.5rem 0 0.25rem; }
.cw-angebot .cw-intensiv .cw-hinweis { font-size: 0.92em; opacity: 0.9; margin: 1.5rem 0 0; }
@media (max-width: 36rem) {
  .cw-angebot .cw-intensiv .cw-row { grid-template-columns: 1fr; }
}

/* Kontaktblock */
.cw-angebot .cw-kontakt { padding: 1.5rem; background: var(--cw-soft); border-left: 4px solid var(--cw-accent); }
.cw-angebot .cw-kontakt p:last-child { margin-bottom: 0; }