.cx-branchen-buehne { position: relative; padding-block: 20px 90px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: 40px; align-items: center; }
.cx-branchen-foto { position: relative; max-width: 440px; aspect-ratio: 4 / 5; overflow: hidden; }
.cx-branchen-foto img, .cx-branchen-foto video { display: block; width: 100%; height: 115%; object-fit: cover; }
.cx-branchen-rahmen { position: absolute; inset: 18px; border: 2px solid rgba(255,255,255,.65); }
.cx-branchen-wort { container-type: inline-size; color: var(--sunset); font-weight: 900; line-height: .9; text-transform: uppercase; overflow-wrap: anywhere; }
/* kein Wort breiter als die Spalte (0.7 je Zeichen), sonst brach GASTRONO-MIE um (Vince 05.10.) */
.cx-branchen-wort span { display: block; font-size: min(clamp(56px, 8vw, 120px), calc(100cqi / (var(--lw, 10) * .7))); }
.cx-branchen-buehne > .tat { grid-column: 2; }
.cx-fall { padding: 28px; margin: 26px 0; background: #191818; border-top: 3px solid var(--sunset); }
.cx-copy .cx-fall h3 { border: 0; margin: 0 0 12px; padding: 0; }
.cx-fall-zahl { color: var(--sunset); font-size: 18px; }
.cx-fall-zahl b { font-size: clamp(50px,5vw,80px); display: block; line-height: 1; }
.cx-copy .cx-fall p { margin-bottom: 20px; }
@media(max-width:860px) { .cx-branchen-buehne { grid-template-columns:minmax(0,1fr); gap: 25px; } .cx-branchen-foto { width: 80%; } .cx-branchen-buehne > .tat { grid-column: 1; } .cx-branchen-wort span { font-size: min(clamp(44px,12vw,80px), calc(100cqi / (var(--lw, 10) * .7))); } }

/* Fallkarten mit echten Reels im Raster (Claude 04.10.) */
.cx-page .cx-faelle { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: clamp(14px, 1.6vw, 24px); align-items: start; }
.cx-page .cx-fall.mit-reel { padding: 0; border: 0; background: none; }
.cx-page .cx-fall.mit-reel .cx-fall-zahl b { font-size: clamp(24px, 2vw, 34px); }
@media (max-width: 860px) { .cx-page .cx-faelle { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cx-copy .cx-fall.mit-reel h3 { font-size: clamp(18px, 1.4vw, 22px); margin: 4px 0 2px; }
.cx-copy .cx-fall.mit-reel p { margin: 0 0 4px; font-size: 15px; }
.cx-copy .cx-fall.mit-reel .cx-fall-zahl { display: flex; gap: 6px; align-items: baseline; }