.ch-bra,.ch-bra *,.ch-bra *::before,.ch-bra *::after{box-sizing:border-box}
.ch-bra{color:var(--ch-ink-900);font-family:var(--ch-font);font-size:16px;line-height:1.6}
.ch-bra img{max-width:100%;height:auto;display:block}
.ch-bra a{color:inherit}
.ch-bra h1, .ch-bra h2, .ch-bra h3, .ch-bra h4, .ch-bra h5{line-height:1.2;font-weight:600;margin:0 0 var(--ch-sp-16)}
.ch-bra h1{font-size:44px}
.ch-bra h2{font-size:34px}
.ch-bra h3{font-size:28px}
.ch-bra h4{font-size:24px}
.ch-bra h5{font-size:20px}
.ch-bra h6{font-size:18px;font-weight:500;line-height:1.2;margin:0 0 var(--ch-sp-8)}
.ch-bra p{margin:0 0 var(--ch-sp-16);max-width:68ch}
.ch-bra .wrap{max-width:var(--ch-container);margin:0 auto;padding-inline:var(--ch-gutter)}
.ch-bra .sec--tint{background:var(--ch-ink-50)}
.ch-bra .sec--mint{background:var(--ch-mint-50)}
.ch-bra .eyebrow{font-size:14px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--ch-ink-600);margin:0 0 var(--ch-sp-16)}
.ch-bra .lead{font-size:18px;color:var(--ch-ink-700);max-width:700px}
.ch-bra .small{font-size:14px;line-height:1.5;color:var(--ch-ink-500)}
.ch-bra .src{font-size:14px;color:var(--ch-ink-500);margin-top:var(--ch-sp-8)}
.ch-bra .button{display:inline-block;border-radius:var(--ch-radius);padding:12px 24px;border:1px solid transparent;font-weight:500;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out}
.ch-bra .button--primary{background:var(--ch-mint-500);color:var(--ch-ink-900);border-color:var(--ch-mint-500)}
.ch-bra .button--primary:hover{background:var(--ch-mint-100);border-color:var(--ch-mint-100)}
.ch-bra .button--secondary{background:transparent;color:var(--ch-ink-900);border-color:var(--ch-ink-500)}
.ch-bra .button--secondary:hover{background:var(--ch-ink-50)}
.ch-bra .button--dark{background:var(--ch-ink-900);color:var(--ch-on-dark);border-color:var(--ch-ink-900)}
.ch-bra .button--dark:hover{background:var(--ch-ink-700);border-color:var(--ch-ink-700)}
.ch-bra .textlink{color:var(--ch-mint-700);text-decoration:none;font-weight:500}
.ch-bra .textlink:hover{text-decoration:underline}
.ch-bra .cards{display:grid;gap:var(--ch-gutter);align-items:stretch}
.ch-bra .c-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ch-bra .c-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ch-bra .c-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ch-bra .card{background:var(--ch-surface);border:1px solid var(--ch-ink-200);border-radius:var(--ch-radius);padding:var(--ch-sp-24);display:flex;flex-direction:column;gap:var(--ch-sp-8);text-decoration:none;color:inherit}
.ch-bra .card h3{font-size:20px;margin:0}
.ch-bra .card p{margin:0;color:var(--ch-ink-700)}
.ch-bra a.card{transition:border-color .15s ease-out, box-shadow .15s ease-out}
.ch-bra a.card:hover{border-color:var(--ch-ink-300);box-shadow:var(--ch-shadow-md)}
.ch-bra .card__go{text-wrap:pretty;margin-top:auto;padding-top:var(--ch-sp-12);font-size:14px;font-weight:500;color:var(--ch-mint-700)}
.ch-bra .icon{width:24px;height:24px;stroke:var(--ch-ink-600);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ch-bra .chips{display:flex;flex-wrap:wrap;gap:var(--ch-sp-8);padding:0;margin:0 0 var(--ch-sp-24);list-style:none}
.ch-bra .chip{border-radius:var(--ch-radius-full);background:var(--ch-ink-100);color:var(--ch-ink-700);font-size:12px;line-height:1.4;letter-spacing:.08em;font-weight:500;padding:6px 12px;text-transform:uppercase}
.ch-bra .banner{background:var(--ch-ink-50);border-bottom:1px solid var(--ch-ink-200);padding-block:var(--ch-sp-56)}
.ch-bra .banner__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--ch-sp-40);align-items:center}
.ch-bra .mintbar{background-image:linear-gradient(transparent 60%,var(--ch-mint-500) 60%,var(--ch-mint-500) 93%,transparent 93%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 5px}
.ch-bra .banner .actions{display:flex;flex-wrap:wrap;gap:var(--ch-sp-16);margin-top:var(--ch-sp-24)}
.ch-bra .factbox{background:var(--ch-surface);border:1px solid var(--ch-ink-200);border-radius:var(--ch-radius-lg);padding:var(--ch-sp-32)}
.ch-bra .factbox h2{font-size:20px;margin:0 0 var(--ch-sp-16)}
.ch-bra .factbox dl{margin:0;display:grid;gap:var(--ch-sp-16)}
.ch-bra .factbox dt{font-size:14px;font-weight:400;line-height:1.5;color:var(--ch-ink-500)}
.ch-bra .factbox dd{margin:0;font-size:40px;font-weight:700;line-height:1.2;color:var(--ch-ink-900)}
.ch-bra .split{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--ch-sp-40);align-items:start}
.ch-bra .bigfig{font-size:40px;font-weight:700;line-height:1.2;color:var(--ch-ink-900);margin:0}
.ch-bra .bigfig small{display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--ch-ink-500);margin-top:var(--ch-sp-8)}
.ch-bra th, .ch-bra td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--ch-ink-200);vertical-align:top}
.ch-bra td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ch-bra .checklist{list-style:none;margin:0;padding:0;display:grid;gap:var(--ch-sp-16)}
.ch-bra .checklist li{display:flex;gap:var(--ch-sp-12);align-items:flex-start}
.ch-bra .mark{flex:0 0 auto;width:24px;height:24px;border-radius:var(--ch-radius-full);display:grid;place-items:center;margin-top:2px}
.ch-bra .mark--yes{background:var(--ch-mint-500)}
.ch-bra .mark--no{background:var(--ch-ink-200)}
.ch-bra .mark svg{width:14px;height:14px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ch-bra .mark--yes svg{stroke:#172e1b}
.ch-bra .mark--no svg{stroke:var(--ch-ink-600)}
.ch-bra .acc{border-top:1px solid var(--ch-ink-200);max-width:860px}
.ch-bra .acc__item{border-bottom:1px solid var(--ch-ink-200)}
.ch-bra .acc__item:last-child{border-bottom:0}
.ch-bra .acc__btn{all:unset;display:flex;width:100%;gap:var(--ch-sp-16);align-items:flex-start;justify-content:space-between;cursor:pointer;font-size:20px;font-weight:500;line-height:1.2;padding-block:var(--ch-sp-16);color:var(--ch-ink-900)}
.ch-bra .acc__btn:focus-visible{outline:2px solid var(--ch-mint-700);outline-offset:4px}
.ch-bra .acc__sym{flex:0 0 auto;color:var(--ch-ink-600);transition:transform .3s ease-out}
.ch-bra .acc__btn[aria-expanded="true"] .acc__sym{transform:rotate(90deg)}
.ch-bra .acc__panel{display:none;padding:var(--ch-sp-16) 0 var(--ch-sp-24) var(--ch-sp-32)}
.ch-bra .acc__panel[data-open]{display:block}
.ch-bra .acc__panel p{margin:0;color:var(--ch-ink-700)}

@media (max-width:991px){.ch-bra h1{font-size:35px}
.ch-bra h2{font-size:30px}
.ch-bra .c-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ch-bra .banner__grid, .ch-bra .split{grid-template-columns:minmax(0,1fr)}

}

@media (max-width:767px){.ch-bra h1{font-size:30px}
.ch-bra h2{font-size:28px}
.ch-bra h3{font-size:24px}
.ch-bra h4{font-size:20px}
.ch-bra .c-2, .ch-bra .c-3, .ch-bra .c-4{grid-template-columns:minmax(0,1fr)}
.ch-bra .bigfig{font-size:40px;font-weight:700;line-height:1.2;color:var(--ch-ink-900);margin:0}
.ch-bra .acc__btn{font-size:18px}

}

@media (prefers-reduced-motion: reduce){}
.ch-bra .card--img{padding:0;overflow:hidden}
.ch-bra .card--img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--ch-ink-200)}
.ch-bra .card__body{padding:var(--ch-sp-24);display:flex;flex-direction:column;gap:var(--ch-sp-8);flex:1}
.ch-bra .card .tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-ink-500);font-weight:500}
.ch-bra .card .role{font-weight:500;color:var(--ch-ink-900)}
.ch-bra .card .dur{border-radius:var(--ch-radius-full);background:var(--ch-ink-100);color:var(--ch-ink-700);font-size:12px;font-weight:500;padding:4px 10px;letter-spacing:.04em}
.ch-bra .sec--center{text-align:center}
.ch-bra .sec--center .lead, .ch-bra .sec--center p{margin-left:auto;margin-right:auto}
.ch-bra .sec--center .acc{margin-left:auto;margin-right:auto;text-align:left}
.ch-bra .band{background:var(--ch-mint-500);color:var(--ch-ink-900)}
.ch-bra .band .wrap{display:flex;flex-wrap:wrap;gap:var(--ch-sp-24);align-items:center;justify-content:space-between;padding-block:var(--ch-sp-40)}
.ch-bra .band h2{font-size:28px;margin:0 0 var(--ch-sp-8)}
.ch-bra .band p{margin:0;max-width:62ch}
.ch-bra .band .button--dark{background:var(--ch-ink-900);border-color:var(--ch-ink-900)}
.ch-bra .feat{display:grid;gap:var(--ch-sp-16)}
.ch-bra .feat h3{font-size:20px;margin:0}
.ch-bra .feat p{margin:0;color:var(--ch-ink-700)}
.ch-bra .chiprow{display:flex;flex-wrap:wrap;gap:var(--ch-sp-8);align-items:center;margin:0 0 var(--ch-sp-24)}
.ch-bra .chiprow .lbl{font-size:14px;color:var(--ch-ink-500);margin-right:var(--ch-sp-8)}

@media (max-width:991px){}

@media (max-width:767px){}
.ch-bra .branchgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ch-sp-16);margin-top:var(--ch-sp-32)}
.ch-bra .branchgrid a{display:flex;align-items:center;justify-content:space-between;gap:var(--ch-sp-8);background:var(--ch-surface);
  border:1px solid var(--ch-ink-200);border-radius:var(--ch-radius);padding:16px 20px;text-decoration:none;color:var(--ch-ink-900);
  font-weight:500;transition:border-color .15s ease-out,box-shadow .15s ease-out}
.ch-bra .branchgrid a:hover{border-color:var(--ch-mint-500);box-shadow:inset 0 0 0 1px var(--ch-mint-500);background:var(--ch-mint-50)}
.ch-bra .branchgrid a[aria-current]{background:var(--ch-mint-50);border-color:var(--ch-mint-500);box-shadow:inset 0 0 0 1px var(--ch-mint-500);color:var(--ch-ink-900);font-weight:500;cursor:default}
.ch-bra .branchgrid a[aria-current]:hover{background:var(--ch-mint-50)}
.ch-bra .branchgrid .arrow{color:var(--ch-mint-700)}

@media (max-width:991px){.ch-bra .branchgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){.ch-bra .branchgrid{grid-template-columns:minmax(0,1fr)}
}
.ch-bra .card--accent{background:var(--ch-mint-50);border:2px solid var(--ch-mint-500)}
.ch-bra .card--accent .icon{stroke:var(--ch-mint-700)}
.ch-bra .card--accent h3{color:var(--ch-ink-900)}
.ch-bra .card--accent p{color:var(--ch-ink-700)}
.ch-bra .card--mint{background:var(--ch-mint-500);border:2px solid var(--ch-mint-500);color:var(--ch-ink-900)}
.ch-bra .card--mint h3, .ch-bra .card--mint p{color:var(--ch-ink-900)}
.ch-bra .card--mint .card__go{color:var(--ch-ink-900);text-decoration:underline;text-underline-offset:3px}
.ch-bra a.card--mint:hover{background:var(--ch-mint-100);border-color:var(--ch-mint-100);box-shadow:var(--ch-shadow-md)}
.ch-bra /* --- Ausrichtung und Rhythmus --- */
.lead{max-width:760px}
.ch-bra .narrow{max-width:760px;margin-inline:auto}
.ch-bra .sec--center .eyebrow, .ch-bra .sec--center h2, .ch-bra .sec--center h3{margin-left:auto;margin-right:auto}
.ch-bra .sec--center .lead, .ch-bra .sec--center p{max-width:760px}
.ch-bra .sec--center .actions, .ch-bra .sec--center .buttons{justify-content:center}
.ch-bra .banner__grid{align-items:start}
.ch-bra .factbox{align-self:start;margin-top:0}
.ch-bra .split{align-items:start}
.ch-bra .band .wrap{justify-content:center;text-align:center}
.ch-bra .band .wrap>div{max-width:760px}
.ch-bra .band h2, .ch-bra .band p{margin-left:auto;margin-right:auto}
.ch-bra .pricebox{background:var(--ch-surface);border:1px solid var(--ch-ink-200);border-radius:var(--ch-radius-lg);padding:var(--ch-sp-40);max-width:760px;margin-inline:auto}
.ch-bra .pricebox .fig{font-size:40px;font-weight:700;line-height:1.2;color:var(--ch-ink-900);margin:0 0 var(--ch-sp-8)}
.ch-bra .pricebox .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ch-sp-24);margin-bottom:var(--ch-sp-24)}
/* figs--eins: mit nur einer Kennzahl bleibt die Spalte links statt sich zu dehnen */
.ch-bra .pricebox .figs:has(>div:only-child){grid-template-columns:minmax(0,1fr)}
.ch-bra .pricebox .figs small{display:block;font-size:14px;font-weight:400;color:var(--ch-ink-500);line-height:1.5}

@media (max-width:767px){.ch-bra .pricebox{padding:var(--ch-sp-24)}
.ch-bra .pricebox .figs{grid-template-columns:minmax(0,1fr)}
.ch-bra .band .wrap{text-align:left}
}
.ch-bra .branchgrid{text-align:left}
.ch-bra .sec--center .pricebox p{margin-left:0;margin-right:0}
.ch-bra .sec--center .notbox{margin-left:auto;margin-right:auto;text-align:left}
.ch-bra /* --- flacher und breiter --- */
.sec{padding-block:48px}
.ch-bra .banner{padding-block:48px}
.ch-bra .band .wrap{justify-content:space-between;text-align:left;padding-block:28px}
.ch-bra .band .wrap>div{max-width:820px}
.ch-bra .band h2{font-size:24px}
.ch-bra .band h2, .ch-bra .band p{margin-left:0;margin-right:0}
.ch-bra .pricebox{max-width:none;padding:var(--ch-sp-32);display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.4fr);gap:var(--ch-sp-32);align-items:center}
.ch-bra .pricebox .figs{display:contents}
.ch-bra .pricebox .fig{font-size:40px;font-weight:700;line-height:1.2;color:var(--ch-ink-900);margin:0 0 var(--ch-sp-8)}
.ch-bra .acc{max-width:900px}
.ch-bra .sec--center .lead{margin-bottom:0}

@media (max-width:991px){.ch-bra .pricebox{grid-template-columns:repeat(2,minmax(0,1fr))}
.ch-bra .pricebox .txt{grid-column:1/-1}
}

@media (max-width:767px){.ch-bra .sec{padding-block:36px}
.ch-bra .pricebox{grid-template-columns:minmax(0,1fr)}
}
.ch-bra /* --- Ausrichtung Kopfbereich --- */
.banner__grid{align-items:center}
.ch-bra .factbox{align-self:start;margin-top:0}
.ch-bra /* --- Sprungnavigation eingerückt, .ch-bra aktiver Punkt mint --- */
.ch-bra /* --- Abgrenzungsblock vollflächig --- */
.scope{background:var(--ch-surface);border:1px solid var(--ch-ink-200);border-radius:var(--ch-radius);padding:var(--ch-sp-32);margin-top:var(--ch-sp-32)}
.ch-bra .scope h3{font-size:20px;margin:0 0 var(--ch-sp-8)}
.ch-bra .scope p{margin:0 0 var(--ch-sp-16);max-width:none}
.ch-bra .scope ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ch-sp-16)}
.ch-bra .scope li{display:flex;gap:var(--ch-sp-12);align-items:flex-start;font-size:15px;color:var(--ch-ink-700)}
.ch-bra .scope .arrow{color:var(--ch-mint-700);font-weight:600}

@media (max-width:767px){.ch-bra .scope ul{grid-template-columns:minmax(0,1fr)}
.ch-bra .scope{padding:var(--ch-sp-24)}
}
.ch-bra /* --- Rollenslider --- */
.slider{position:relative;margin-top:var(--ch-sp-32)}

@media (max-width:767px){.ch-bra .slider__track>*{flex:0 0 82%}
}


/* --- Aktionsbanner im Muster der Startseite (CTA-section) --- */

@media (max-width:767px){}
.ch-bra .card .role{margin-top:auto;margin-bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ch-sp-8)}
.ch-bra .card .rname{display:block;line-height:1.3;min-height:2.6em}
.ch-bra .card .role + .card__go{margin-top:0;padding-top:var(--ch-sp-12)}
.ch-bra /* Kopfbereich: rechte Spalte startet auf Höhe des Fließtexts */
.banner__head{margin-bottom:var(--ch-sp-24)}
.ch-bra .banner__grid{align-items:start}
.ch-bra /* Großzahl-Block: Zahl startet auf Höhe des Fließtexts */
.splithead{margin-bottom:var(--ch-sp-24)}
.ch-bra /* Rollen-Pille in den Mandatskacheln */
.rolepill{display:inline-block;border-radius:var(--ch-radius-full);background:var(--ch-mint-500);color:var(--ch-ink-900);
  font-size:15px;font-weight:500;line-height:1.3;padding:8px 16px;text-decoration:none;transition:background-color .15s ease-out}
.ch-bra .rolepill:hover{background:var(--ch-mint-100)}
.ch-bra .durline{display:block;font-size:14px;color:var(--ch-ink-500);margin-top:var(--ch-sp-8)}
.ch-bra /* Inhaltsslider: Pfeile links und rechts, .ch-bra 44x44 (DS-70) */
.slider{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:var(--ch-sp-16)}
  display:grid;place-items:center;color:var(--ch-ink-900);font-size:20px;line-height:1;background:var(--ch-surface)}

@media (max-width:767px){.ch-bra .slider{grid-template-columns:minmax(0,1fr)}
}
.ch-bra /* Modellkarten mit Bild */
.modelcard{padding:0;overflow:hidden}
.ch-bra .modelcard .card__body{padding:var(--ch-sp-24)}
.ch-bra /* --- Aktionsbanner: 1:1 aus modules/CTA-section.module --- */
.ctawrap{padding-block:96px 0}

@media (max-width:767px){}


/* Typografie nach DS-19/20/21 */
.ch-bra h1,.ch-bra h2,.ch-bra h3,.ch-bra h4,.ch-bra h5{line-height:1.2;font-weight:600;margin:0 0 var(--ch-sp-16)}
.ch-bra h1{font-size:44px}.ch-bra h2{font-size:34px}.ch-bra h3{font-size:28px}.ch-bra h4{font-size:24px}.ch-bra h5{font-size:20px}
.ch-bra h6{font-size:18px;font-weight:500;line-height:1.2}
.ch-bra p,.ch-bra li,.ch-bra dd{line-height:1.6;font-weight:400}
.ch-bra .lead{font-size:18px;line-height:1.6;font-weight:400}
.ch-bra .bigfig,.ch-bra .pricebox .fig{font-size:40px;font-weight:700;line-height:1.2;color:var(--ch-ink-900);margin:0 0 var(--ch-sp-8)}
@media (max-width:991px){.ch-bra h1{font-size:35px}.ch-bra h2{font-size:30px}}
@media (max-width:767px){.ch-bra h1{font-size:30px}.ch-bra h2{font-size:28px}.ch-bra h3{font-size:24px}.ch-bra h4{font-size:20px}}

/* Rollenpille und Dauerzeile (Mandatskacheln) */
.ch-bra .rolepill:hover{background:var(--ch-mint-100)}
.ch-bra .durline{display:block;font-size:14px;color:var(--ch-ink-500);margin-top:var(--ch-sp-8)}
/* Modellkarten mit Bild */
.ch-bra .modelcard{padding:0;overflow:hidden}
.ch-bra .modelcard .card__body{padding:var(--ch-sp-24)}
/* Verweisblock */
.ch-bra .scope h3{font-size:20px;margin:0 0 var(--ch-sp-16)}
.ch-bra .scope ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ch-sp-16)}
.ch-bra .scope li{display:flex;gap:var(--ch-sp-12);align-items:flex-start;font-size:15px;color:var(--ch-ink-700)}
.ch-bra .scope .arrow{color:var(--ch-mint-700);font-weight:600}
@media (max-width:767px){.ch-bra .scope ul{grid-template-columns:minmax(0,1fr)}.ch-bra .scope{padding:var(--ch-sp-24)}}
/* Großzahl-Kopf */
.ch-bra .splithead{margin-bottom:var(--ch-sp-24)}

/* Inhaltsslider nach DS-70: Pfeile 44×44, runde Knöpfe, Punkte */
.ch-bra .slider{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:var(--ch-sp-16);margin-top:var(--ch-sp-24)}
.ch-bra .slider__track{grid-column:2;display:flex;gap:var(--ch-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--ch-sp-8);scrollbar-width:none}
.ch-bra .slider__track::-webkit-scrollbar{display:none}
.ch-bra .slider__track>*{flex:0 0 300px;scroll-snap-align:start}
.ch-bra .slider__track .card{padding:0}
.ch-bra .slider__track .card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--ch-ink-200)}
.ch-bra .slider__track .card .card__body{padding:var(--ch-sp-24)}
.ch-bra .slider__track .card h3{font-size:20px}
.ch-bra .slider__track .card p{font-size:15px}
.ch-bra .sbtn{all:unset;cursor:pointer;width:44px;height:44px;border:1px solid var(--ch-ink-300);border-radius:50%;display:grid;place-items:center;color:var(--ch-ink-900);font-size:20px;line-height:1;background:var(--ch-surface)}
.ch-bra .sbtn:hover{background:var(--ch-ink-50);border-color:var(--ch-ink-500)}
.ch-bra .sbtn:focus-visible{outline:2px solid var(--ch-mint-700);outline-offset:3px}
.ch-bra .slider__dots{grid-column:2;display:flex;gap:8px;justify-content:center;margin-top:var(--ch-sp-16)}
.ch-bra .slider__dots button{all:unset;cursor:pointer;width:8px;height:8px;border-radius:50%;background:var(--ch-ink-300)}
.ch-bra .slider__dots button[aria-current]{background:var(--ch-mint-500);width:24px;border-radius:999px}
.ch-bra .slider__hint{font-size:14px;color:var(--ch-ink-500);margin:0}
@media (max-width:767px){.ch-bra .slider{grid-template-columns:minmax(0,1fr)}.ch-bra .slider__track,.ch-bra .slider__dots{grid-column:1}.ch-bra .sbtn{display:none}.ch-bra .slider__track>*{flex:0 0 82%}}

/* Rollenpille: gleiche Höhe bei ein oder zwei Zeilen */
.ch-bra .rolepill{display:inline-flex;align-items:center;min-height:56px;max-width:100%}
.ch-bra .card .rolewrap{margin-top:auto;padding-top:var(--ch-sp-16);display:flex;flex-direction:column;align-items:flex-start}
/* Mandats- und Modellkarten: Bilder gleich groß, Texte auf einer Linie */
.ch-bra .card--img img,.ch-bra .modelcard img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.ch-bra .cards .card--img h3,.ch-bra .cards .modelcard h3{min-height:2.4em;display:flex;align-items:flex-start}
.ch-bra .modelcard .card__body,.ch-bra .card--img .card__body{display:flex;flex-direction:column;flex:1}
.ch-bra .modelcard .card__go{margin-top:auto;padding-top:var(--ch-sp-16)}
/* Preisrahmen: Zahlen auf einer Linie */
.ch-bra .pricebox{align-items:start}
.ch-bra .pricebox>div{display:flex;flex-direction:column}
.ch-bra .pricebox small{display:block;font-size:14px;line-height:1.5;color:var(--ch-ink-500);margin-top:var(--ch-sp-8)}


/* FAQ-Akkordeon: fehlende Polster nach DS-69 (Fassung B3) — gilt nur auf Branchenseiten */
.accordion-item.active .accordion-content{padding-top:var(--ch-sp-16);padding-bottom:var(--ch-sp-24)}
.accordion-content{line-height:1.6}
.accordion-content p{margin:0 0 var(--ch-sp-16)}
.accordion-content p:last-child{margin-bottom:0}

/* Kacheln gleich hoch, Linkzeile unten bündig */
.ch-bra .cards .card{display:flex;flex-direction:column}
.ch-bra .cards .card>p{flex:1}
.ch-bra .cards .card .card__go{margin-top:auto;padding-top:var(--ch-sp-16)}

/* ch-bra-abstand: erster Abschnitt eines Modulblocks bekommt denselben Abstand wie zwischen den Abschnitten */
.ch-bra>.sec{scroll-margin-top:90px}

/* Branchen-Icons in den Kacheln der Übersicht */

/* Branchen-Icon abgesetzt in einer Mint-Fläche */
.ch-bra .icon--branche{width:28px;height:28px;display:block;fill:none;stroke:var(--ch-mint-700);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0}
.ch-bra .cards .card>.icon--branche{box-sizing:content-box;padding:14px;background:var(--ch-mint-50);border-radius:var(--ch-radius);margin-bottom:var(--ch-sp-16)}

/* Einheitlicher Rhythmus: 64 px je Seite einer Grenze, also 128 px zwischen zwei Abschnitten.
   Die dnd-Zeilen bringen ab Werk 80 px mit; auf Branchenseiten wird das vereinheitlicht. */
.ch-bra .sec{padding-block:var(--ch-sp-64,64px)}
.ch-bra .banner{padding-block:var(--ch-sp-64,64px)}
@media (max-width:991px){
 .ch-bra .sec,.ch-bra .banner{padding-block:var(--ch-sp-48,48px)}}
@media (max-width:767px){
 .ch-bra .sec,.ch-bra .banner{padding-block:36px}}

.ch-bra [id]{scroll-margin-top:80px}

/* Abstandsrhythmus mit höherer Spezifität als das Theme (dort .dnd-section{padding:80px 20px}) */
body .dnd-section{padding-top:var(--ch-sp-64,64px)!important;padding-bottom:var(--ch-sp-64,64px)!important}
@media (max-width:991px){
 body .dnd-section{padding-top:var(--ch-sp-48,48px)!important;padding-bottom:var(--ch-sp-48,48px)!important}
 body .dnd-section.ch-bra-row{padding-top:0!important;padding-bottom:0!important}}
@media (max-width:767px){
 body .dnd-section{padding-top:36px!important;padding-bottom:36px!important}
 body .dnd-section.ch-bra-row{padding-top:0!important;padding-bottom:0!important}}

/* Kopf- und Fußbereich dürfen die Abstandsregel nicht abbekommen */
body .thunder-header-wrapper .dnd-section,
body header .dnd-section,
body .header .dnd-section,
body footer .dnd-section,
body .footer .dnd-section{padding-top:0!important;padding-bottom:0!important}

/* ch-bra-rhythmus: ein einziger Abstandswert auf der ganzen Seite.
   Jeder Abschnitt gibt 64 px nach oben und unten ab, jede Grenze misst damit 128 px.
   Die Hausmodule bringen eigene Innenabstände mit; die werden hier neutralisiert. */
/* CTA-Modul: eigene Polsterung behalten, sonst reicht die Mintfläche nicht um die Karte.
   Der Abstand zur vorherigen Zeile kommt aus der dnd-Zeile (64 px). */
body .logo-slider-sec-v2{padding-top:var(--ch-sp-64,64px)!important;padding-bottom:var(--ch-sp-64,64px)!important}
body .counterWrap{margin-block:0!important}
.ch-bra .sec,.ch-bra .banner{padding-block:var(--ch-sp-64,64px)!important}
@media (max-width:991px){
 .ch-bra .sec,.ch-bra .banner{padding-block:var(--ch-sp-48,48px)!important}}
@media (max-width:767px){
 .ch-bra .sec,.ch-bra .banner{padding-block:36px!important}}

/* ch-bra-kein-vorlauf: kein weißer Streifen über dem Kopfbereich.
   Die dnd-Zeile und ihre Spalte geben keinen eigenen Abstand mehr ab,
   der Kopfbereich beginnt unmittelbar unter der Kopfzeile. */
.ch-bra{margin:0}
.ch-bra>:first-child{margin-top:0}
.ch-bra .banner{margin-top:0}

/* ch-bra-hausmodule: eigene Innenabstände der Hausmodule neutralisieren,
   damit überall derselbe Rhythmus gilt (64 px je Seite einer Grenze). */
body .counterModule,
body .counterModule>.container,
body .counterModule .row,
body .counterModule .col-md-12{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
body .counterWrap{margin:0!important;padding:0!important}
/* CTA-Modul: eigene Polsterung behalten, sonst reicht die Mintfläche nicht um die Karte.
   Der Abstand zur vorherigen Zeile kommt aus der dnd-Zeile (64 px). */
body .logo-slider-sec-v2{padding-top:var(--ch-sp-64,64px)!important;padding-bottom:var(--ch-sp-64,64px)!important}
body .accordionFaqSec,body .accordionFaqWrap{padding-top:0!important;padding-bottom:0!important}

/* ch-bra-auswahlblock: Luft zwischen Karten und Verweiskasten, Kasten innen großzügiger */
.ch-bra .scope{margin-top:var(--ch-sp-48,48px)!important;padding:var(--ch-sp-32,32px)!important;
  background:var(--ch-surface);border:1px solid var(--ch-ink-200);border-radius:var(--ch-radius)}
.ch-bra .scope h3{margin:0 0 var(--ch-sp-24,24px)}
.ch-bra .scope ul{gap:var(--ch-sp-24,24px)}
.ch-bra .chiprow{margin:0 0 var(--ch-sp-32,32px)}
@media (max-width:767px){.ch-bra .scope{margin-top:var(--ch-sp-32,32px)!important;padding:var(--ch-sp-24,24px)!important}}

/* ch-bra-kennzahlen: keine Eigenränder im Kennzahlenmodul, damit oben und unten gleich viel Luft bleibt */
body .counterModule .counterWrap{gap:var(--ch-gutter,24px) 0!important;margin:0!important;padding:0!important}
body .counterModule .counterBox{margin:0!important;padding:0!important}
body .counterModule .counterNumber_wrapper,
body .counterModule .counterNumber_value,
body .counterModule .counterNumber_wrapper .h2,
body .counterModule h2{margin:0!important}
body .counterModule .counter_content{margin-top:var(--ch-sp-8,8px)!important}
body .counterModule .counter_content p{margin:0!important}

/* ch-bra-faqblock: leerer Kopf- und Fußblock des Akkordeons erzeugt sonst 64 bzw. 48 px Leerraum */
body .accordionFaqHeadBlock{padding-bottom:0!important;gap:0!important}
body .accordionFaqHeadBlock:empty{display:none!important}
body .accordionFaqBottomDescription{padding-top:0!important}
body .accordionFaqBottomDescription:empty{display:none!important}
body .accordionFAQ-slide-row{gap:0!important}
/* Überschriftenmodul: keine Eigenränder */
body .heading-sec-space,body .heading-sec,body .heading-content-wrap{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
body .heading-content-title{margin:0!important}
body .heading-content-subtitle{margin:0 0 var(--ch-sp-16,16px)!important}
body .heading-des{margin-top:var(--ch-sp-16,16px)!important}
body .heading-des:empty{display:none!important}

/* ch-bra-zeilenregel: HubSpot gibt die Zeilenklasse aus dem Seitenobjekt nicht aus,
   deshalb werden die Zeilen mit dem Branchenmodul über :has() erkannt.
   Ergebnis: jede Grenze misst 128 px (64 aus dem Abschnitt, 64 aus der Nachbarzeile). */
body .dnd-section:has(.ch-bra){padding-top:0!important;padding-bottom:0!important}

/* ch-bra-feinschliff: zwei gemessene Ausreißer (Vorschau 14.10.2026)
   1. Fußzeile unter den Mandatskacheln brachte 16 px zusätzlich → 144 statt 128
   2. Übergang Branchenraster → Abschluss-CTA maß nur 64 px */
.ch-bra .sec > .wrap > .src:last-child{margin-bottom:0!important}
/* CTA-Modul: eigene Polsterung behalten, sonst reicht die Mintfläche nicht um die Karte.
   Der Abstand zur vorherigen Zeile kommt aus der dnd-Zeile (64 px). */
body .logo-slider-sec-v2{padding-top:var(--ch-sp-64,64px)!important;padding-bottom:var(--ch-sp-64,64px)!important}

/* ch-bra-band-und-faq: Mint-Band und FAQ-Block in denselben Rhythmus bringen (gemessen 14.10.2026) */
.ch-bra .band{padding-block:var(--ch-sp-64,64px)!important}
body .accordionFAQ-sec-space,body .accordionFAQ-sec{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
@media (max-width:991px){.ch-bra .band{padding-block:var(--ch-sp-48,48px)!important}}
@media (max-width:767px){.ch-bra .band{padding-block:36px!important}}

/* ch-bra-faq-kopf: Überschrift gehört zu den Fragen, nicht zu einem eigenen Abschnitt.
   Deshalb an dieser einen Grenze 32 px statt 128 px. */
body .dnd-section:has(.heading-sec-space){padding-bottom:0!important}
body .dnd-section:has(.accordionFAQ-sec-space){padding-top:var(--ch-sp-32,32px)!important}
@media (max-width:767px){body .dnd-section:has(.accordionFAQ-sec-space){padding-top:var(--ch-sp-24,24px)!important}}

/* ch-bra-preisrahmen-zwei: mit nur einer Kennzahl zwei Spalten statt drei —
   Zahl links, Fließtext rechts und breiter, damit der Kasten symmetrisch bleibt. */
.ch-bra .pricebox{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr)!important;gap:var(--ch-sp-40,40px)!important;align-items:start!important}
.ch-bra .pricebox .txt{max-width:none}
.ch-bra .pricebox .txt p{margin:0 0 var(--ch-sp-16,16px)}
.ch-bra .pricebox .txt p:last-child{margin-bottom:0}
@media (max-width:991px){.ch-bra .pricebox{grid-template-columns:minmax(0,1fr)!important;gap:var(--ch-sp-24,24px)!important}
 .ch-bra .pricebox .txt{grid-column:auto}}