/* CHP Talks · Oktober 2026 — ergänzt soul-performance(-webinar).css */

.wb-hero__sub{max-width:34ch}

/* Doppel-Termin-Karten im Hero */
.chp-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:30px}
.chp-date{border:1px solid var(--sp-line);background:rgba(255,255,255,.55);padding:22px 22px 24px;position:relative;text-decoration:none;color:inherit;transition:border-color .25s,background .25s}
.chp-date *{text-decoration:none}
.chp-date:hover{border-color:var(--sp-pink);background:rgba(255,255,255,.8)}
.chp-date__no{font-family:var(--sp-sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-pink);font-weight:600}
.chp-date__when{font-family:var(--sp-sans);font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--sp-ink-soft);margin-top:12px}
.chp-date__name{font-family:var(--sp-serif);font-size:clamp(26px,2.4vw,34px);line-height:1.08;color:var(--sp-ocean);margin-top:8px}
.chp-date__line{font-family:var(--sp-sans);font-size:14.5px;line-height:1.55;color:var(--sp-ink-soft);margin-top:12px}

/* Vier Ebenen */
.chp-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--sp-line-soft);margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--sp-line-soft);border-left:1px solid var(--sp-line-soft)}
.chp-level{background:var(--sp-ivory);padding:clamp(26px,2.6vw,38px)}
.sp-section--ivory-warm .chp-level{background:var(--sp-ivory-warm)}
.chp-level__key{font-family:var(--sp-sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sp-pink);font-weight:600}
.chp-level__q{font-family:var(--sp-serif);font-size:clamp(21px,1.7vw,25px);line-height:1.3;color:var(--sp-ocean);margin-top:14px}
.chp-level__note{font-family:var(--sp-sans);font-size:14.5px;line-height:1.6;color:var(--sp-ink-soft);margin-top:14px}
@media(min-width:1180px){.chp-levels{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.chp-levels{grid-template-columns:1fr}}

/* Talk-Kopf */
.chp-talkhead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(28px,4vw,72px);align-items:end}
@media(max-width:900px){.chp-talkhead{grid-template-columns:1fr}}
.chp-talkhead__meta{font-family:var(--sp-sans);font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--sp-ink-soft);border-top:1px solid var(--sp-line);padding-top:16px}
.sp-section--ocean .chp-talkhead__meta{color:rgba(246,242,236,.72);border-color:rgba(246,242,236,.25)}

/* Kurze Absatzkette (ehemals Ein-Zeiler-Listen) */
.chp-flow p{font-family:var(--sp-sans);font-size:clamp(16px,1.2vw,18px);line-height:1.75;color:var(--sp-ink-soft);max-width:62ch}
.chp-flow p+p{margin-top:16px}
.chp-flow strong{color:var(--sp-ocean);font-weight:600}
.sp-section--ocean .chp-flow p{color:rgba(246,242,236,.86)}
.sp-section--ocean .chp-flow strong{color:var(--sp-ivory)}

/* Talk-Foto im Kopfbereich */
.chp-talkhead__visual{display:grid;gap:16px}
.chp-talkfoto{margin:0;overflow:hidden;background:var(--sp-sand)}
.chp-talkfoto img{display:block;width:100%;height:clamp(300px,34vw,440px);object-fit:cover;object-position:50% 22%}

/* Breites Foto-Band */
.chp-band{margin:0 auto clamp(30px,3.4vw,48px);max-width:880px;overflow:hidden}
.chp-band img{display:block;width:100%;height:auto;aspect-ratio:1435/1069;object-fit:cover}

/* Take-aways */
.chp-take{margin-top:clamp(32px,3.4vw,48px);border-left:2px solid var(--sp-pink);padding-left:clamp(20px,2vw,30px)}
.chp-take__head{font-family:var(--sp-sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-ocean);font-weight:600}
.sp-section--ocean .chp-take__head{color:var(--sp-ivory)}
.chp-take ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px}
.chp-take li{font-family:var(--sp-sans);font-size:16px;line-height:1.6;color:var(--sp-ink-soft);max-width:66ch;padding-left:22px;position:relative}
.chp-take li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--sp-pink)}
.sp-section--ocean .chp-take li{color:rgba(246,242,236,.86)}

/* Take-aways als Kacheln */
.chp-tiles{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px}
.chp-tiles--four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1180px){.chp-tiles--four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.chp-tiles--four{grid-template-columns:1fr}}
.chp-tile{border:1px solid var(--sp-line);background:rgba(255,255,255,.5);padding:22px 22px 24px}
.chp-tile__icon{display:block;width:26px;height:26px;margin-bottom:16px;color:var(--sp-pink)}
.chp-tile__icon svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.4;fill:none}
.chp-tile__no{font-family:var(--sp-sans);font-size:11px;letter-spacing:.2em;color:var(--sp-pink);font-weight:600}
.chp-tile__text{font-family:var(--sp-sans);font-size:16px;line-height:1.55;color:var(--sp-ink-soft);margin-top:12px}
.sp-section--ocean .chp-tile{border-color:rgba(246,242,236,.22);background:rgba(246,242,236,.06)}
.sp-section--ocean .chp-tile__no{color:rgba(246,242,236,.75)}
.sp-section--ocean .chp-tile__icon{color:var(--sp-ivory)}
.sp-section--ocean .chp-tile__text{color:rgba(246,242,236,.9)}

/* Fallbeispiel */
.chp-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(34px,3.6vw,52px);border-top:1px solid var(--sp-line);padding-top:clamp(28px,3vw,42px)}
@media(max-width:900px){.chp-case{grid-template-columns:1fr}}
.chp-case__label{font-family:var(--sp-sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sp-ink-soft);font-weight:600}
.sp-section--ocean .chp-case__label{color:rgba(246,242,236,.78)}
.chp-case__quote{font-family:var(--sp-serif);font-style:italic;font-size:clamp(24px,2.2vw,32px);line-height:1.3;color:var(--sp-ocean);margin-top:16px}
.sp-section--ocean .chp-case__quote{color:var(--sp-ivory)}
.chp-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px;margin-top:26px}
.chp-num__val{font-family:var(--sp-serif);font-size:clamp(32px,3vw,44px);line-height:1;color:var(--sp-ocean)}
.sp-section--ocean .chp-num__val{color:var(--sp-ivory)}
.chp-num__cap{font-family:var(--sp-sans);font-size:13px;line-height:1.5;color:var(--sp-ink-soft);margin-top:8px}
.sp-section--ocean .chp-num__cap{color:rgba(246,242,236,.7)}

/* Ablauf */
.chp-agenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,2.4vw,34px);margin-top:clamp(34px,3.6vw,52px)}
.chp-agenda__item{border-top:2px solid var(--sp-ocean);padding-top:20px}
.chp-agenda__no{font-family:var(--sp-sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-pink);font-weight:600}
.chp-agenda__title{font-family:var(--sp-serif);font-size:clamp(24px,2vw,30px);line-height:1.2;color:var(--sp-ocean);margin-top:10px}
.chp-agenda__body{font-family:var(--sp-sans);font-size:15.5px;line-height:1.7;color:var(--sp-ink-soft);margin-top:12px}

/* Abschluss-Gegenüberstellung */
.chp-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:rgba(246,242,236,.22);margin-top:clamp(34px,3.6vw,52px)}
.chp-compare__col{background:var(--sp-ocean);padding:clamp(26px,2.6vw,38px)}
.chp-compare__date{font-family:var(--sp-sans);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,242,236,.8);font-weight:600}
.chp-compare__name{font-family:var(--sp-serif);font-size:clamp(28px,2.6vw,38px);line-height:1.1;color:var(--sp-ivory);margin-top:12px}
.chp-compare__tags{font-family:var(--sp-sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,242,236,.6);margin-top:14px}
.chp-compare__text{font-family:var(--sp-sans);font-size:16px;line-height:1.65;color:rgba(246,242,236,.86);margin-top:16px}

/* Permission-Liste */
.chp-allow{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:clamp(28px,4vw,64px);margin-top:clamp(30px,3vw,44px);list-style:none;padding:0}
@media(max-width:760px){.chp-dates{grid-template-columns:1fr}}
.chp-allow li{font-family:var(--sp-sans);font-size:16.5px;line-height:1.55;color:var(--sp-ink-soft);padding:11px 0 11px 24px;position:relative;border-bottom:1px solid var(--sp-line-soft)}
.chp-allow li::before{content:"✓";position:absolute;left:0;top:11px;color:var(--sp-pink);font-size:13px}