/* One lightweight proof component across the CoBoss customer journey. */
.cb-proof { --cb-pink:#ff00bf; --cb-green:#65ff2e; container-type:inline-size; width:min(1120px,calc(100% - 40px)); margin:20px auto 32px; padding:16px 20px; display:grid; grid-template-columns:1.05fr 1fr; gap:24px; align-items:center; border:1px solid #fff; border-radius:20px; background:linear-gradient(130deg,#fff,#fcf8fc); box-shadow:inset 0 1px 0 #fff,0 12px 30px -20px #3b163c55; color:#211924; font-family:Manrope,Arial,sans-serif; box-sizing:border-box; }
.cb-proof *, .cb-proof *::before, .cb-proof *::after { box-sizing:border-box; }
.cb-proof-media { min-width:0; }
.cb-proof .cb-proof-label { display:flex; align-items:center; gap:8px; margin:0 0 9px; color:#6c526d; font:800 11px/1.4 Manrope,Arial,sans-serif; text-transform:uppercase; letter-spacing:.1em; }
.cb-proof-label::before { content:'✳'; color:var(--cb-pink); font-size:18px; line-height:1; }
.cb-proof-label::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,#e5cfe2,transparent); }
.cb-proof-logos { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; align-items:center; margin:0; padding:0; list-style:none; }
.cb-proof-logos li { min-width:0; display:flex; justify-content:center; align-items:center; height:35px; }
.cb-proof-logos img { display:block; width:100%; max-width:88px; height:27px; object-fit:contain; filter:grayscale(1); opacity:.78; transition:filter .18s ease,opacity .18s ease; }
.cb-proof-logos .cb-media-galileo { height:32px; max-width:36px; }
.cb-proof-logos .cb-media-prosieben { height:28px; max-width:29px; }
.cb-proof-logos .cb-media-tedx { font:800 24px/1 Manrope,Arial,sans-serif; letter-spacing:-.04em; color:#e62b1e; filter:grayscale(1); opacity:.78; transition:filter .18s ease,opacity .18s ease; }
.cb-proof-logos li:hover img,.cb-proof-logos li:hover .cb-media-tedx { filter:none; opacity:1; }
.cb-proof-awards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:12px 14px; border:1px solid #ad8a7280; border-radius:14px; background:radial-gradient(ellipse at 0 0,#4c2a41,transparent 80%),#211722; box-shadow:inset 0 1px 0 #fff2,0 3px 0 #d7b78822; }
.cb-proof-award { display:grid; grid-template-columns:40px minmax(0,1fr); gap:8px; align-items:center; min-width:0; }
.cb-proof-award + .cb-proof-award { border-left:1px solid #dfb69740; padding-left:12px; }
.cb-proof-award img { display:block; width:40px; height:40px; object-fit:contain; }
.cb-proof .cb-proof-award strong { display:block; color:#fff9f2; font:700 13px/1.35 Manrope,Arial,sans-serif; letter-spacing:-.025em; text-wrap:balance; }
.cb-proof-award strong span { color:#f6d7a0; white-space:nowrap; }
.cb-page-bewerbung .cb-proof { max-width:760px; margin:16px auto 20px; }
.cb-page-webinar-check .cb-proof { width:100%; }
body:is(.cb-page-danke,.cb-page-danke-jit,.cb-page-warteraum,.cb-page-bewerbung,.cb-page-termin-bestaetigt,.cb-page-impressum,.cb-page-datenschutz,.cb-page-logoquellen) main > .cb-proof { width:100%; }
@media(max-width:800px) {
 .cb-proof { grid-template-columns:1fr; gap:12px; max-width:540px; margin:16px auto 24px; padding:13px 15px; border-radius:17px; }
 .cb-proof-logos { gap:13px; }
 .cb-proof-logos li { height:29px; }
 .cb-proof-logos img { height:23px; max-width:75px; }
 .cb-proof-logos .cb-media-galileo { height:29px; }
 .cb-proof-logos .cb-media-prosieben { height:26px; }
 .cb-proof-logos .cb-media-tedx { font-size:22px; }
 .cb-proof-awards { padding:9px 10px; gap:8px; }
 .cb-proof-award { grid-template-columns:34px minmax(0,1fr); gap:7px; }
 .cb-proof-award img { width:34px; height:34px; }
 .cb-proof-award + .cb-proof-award { padding-left:8px; }
 .cb-proof .cb-proof-award strong { font-size:13px; }
}
@media(max-width:370px) {
 .cb-proof { width:calc(100% - 32px); padding:12px; }
 .cb-proof-award { grid-template-columns:1fr; gap:3px; text-align:center; }
 .cb-proof-award img { justify-self:center; width:30px; height:30px; }
 .cb-proof-logos { gap:9px; }
 .cb-proof-logos .cb-media-tedx { font-size:19px; }
}
@container(max-width:310px) {
 .cb-proof-logos { gap:6px; }
 .cb-proof-logos .cb-media-tedx { font-size:clamp(16px,7cqi,20px); }
 .cb-proof-award { grid-template-columns:1fr; gap:3px; text-align:center; }
 .cb-proof-award img { justify-self:center; width:30px; height:30px; }
}
@container(max-width:240px) {
 .cb-proof-logos { gap:4px; }
 .cb-proof-logos .cb-media-tedx { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .cb-proof-logos img,.cb-proof-logos .cb-media-tedx { transition:none; } }
