.elementor-18577 .elementor-element.elementor-element-e37ccd9:not(.elementor-motion-effects-element-type-background), .elementor-18577 .elementor-element.elementor-element-e37ccd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-18577 .elementor-element.elementor-element-e37ccd9 > .elementor-container{max-width:1300px;}.elementor-18577 .elementor-element.elementor-element-e37ccd9{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:3% 0% 3% 0%;}.elementor-18577 .elementor-element.elementor-element-e37ccd9 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18577 .elementor-element.elementor-element-94d1c91 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18577 .elementor-element.elementor-element-94d1c91 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18577 .elementor-element.elementor-element-f765adc > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-18577 .elementor-element.elementor-element-f765adc{text-align:center;}.elementor-18577 .elementor-element.elementor-element-f765adc .elementor-heading-title{color:#FFFFFF;}.elementor-18577 .elementor-element.elementor-element-5e4b58e:not(.elementor-motion-effects-element-type-background), .elementor-18577 .elementor-element.elementor-element-5e4b58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E425D;}.elementor-18577 .elementor-element.elementor-element-5e4b58e > .elementor-background-overlay{background-image:url("https://cibseven.org/wp-content/uploads/2023/09/BG-footer-lines_CIB-boxes_complete_opt.png");background-position:center right;background-repeat:no-repeat;background-size:cover;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18577 .elementor-element.elementor-element-5e4b58e > .elementor-container{max-width:1407px;}.elementor-18577 .elementor-element.elementor-element-5e4b58e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 40px 0px;}.elementor-18577 .elementor-element.elementor-element-84b382c > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0% 0% 0% 0%;}.elementor-18577 .elementor-element.elementor-element-84b382c{text-align:center;}.elementor-18577 .elementor-element.elementor-element-84b382c .elementor-heading-title{color:#FFFFFF;}.elementor-18577 .elementor-element.elementor-element-b85e87a{text-align:center;color:#FFFFFF;}.elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-18577 .elementor-element.elementor-element-533e5b5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button:hover, .elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button:hover svg, .elementor-18577 .elementor-element.elementor-element-533e5b5 .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-18577 .elementor-element.elementor-element-e37ccd9{padding:6px 6px 6px 6px;}.elementor-18577 .elementor-element.elementor-element-5e4b58e{padding:6% 6% 6% 6%;}}@media(max-width:767px){.elementor-18577 .elementor-element.elementor-element-e37ccd9 > .elementor-container{max-width:650px;}.elementor-18577 .elementor-element.elementor-element-e37ccd9 > .elementor-background-overlay{opacity:0.34;}.elementor-18577 .elementor-element.elementor-element-e37ccd9{padding:0% 0% 0% 1%;}.elementor-18577 .elementor-element.elementor-element-84b382c > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS *//* CIB Events · Kommende + Vergangene Events | CSS v3.0
   Shared stylesheet for both sections: .cib-evn (upcoming, HTML v1.9) and .cib-evp (past, HTML v1.12)
   v3.0: upcoming events – intro text under the heading (.cib-evn__intro, same style as .cib-evp__intro); heading margin reduced to 10px
   v2.9: no style changes; one icon for all buttons/links (arrow), external-link icon removed from the HTML
   v2.8: past events – button replaced by a text link at the bottom right of the row, underlined including the icon (border-bottom); equal-width rule (v2.5) removed
   v2.7: coloured left edge removed; labels shortened to "CIB" / "Extern"
   v2.6: own CIB events vs. external events: label above the title (red "CIB Event" / grey "Externes Event"), coloured left edge on past-event rows (CIB red / grey), external links use an "open in new window" icon instead of the arrow
   v2.5: past events – all buttons the same width (desktop: shared button column via CSS subgrid, as wide as the longest button in every language; tablet: min-width 240px; mobile: full width); text centred in the button
   v2.4: no style changes; versions aligned with HTML v1.5 / v1.4 (text updates)
   v2.3: no style changes; version aligned with HTML v1.3 (CIB seven Community Day 2025 added)
   v2.2: year label (2026) removed; event titles are now h3
   v2.1: modifier .cib-evp__img--right – image anchored to the right edge when cropped (Online-Session)
   v2.0: added past-events list (.cib-evp): grey full-width band, white rows; image left (original colours), title + icon list, light-blue landing button right
   v1.4: right column as wide as its content, so the gap image→left edge equals the gap title end→right edge (both = card padding); image takes the remaining width; below 1024px stacked (image on top)
   v1.3: image stretches to the full height of the right column (title + list + button); cropped with object-fit: cover; on mobile back to its natural 8:3 ratio
   v1.2: image left, everything else right (title left-aligned); date as first item of the icon list, semibold; rounded image corners forced (wrapper with overflow hidden + !important against theme/Elementor img rules)
   v1.1: event title centred at the top of the card; date moved to the right column in the title colour; button = white landing button (#fff, #0F2133, 18px/600, 12px 24px, radius 5px, hover #4D6278); image corners 10px
   v1.0: centred section title; light-blue card; left: date as plain text above the image; right: title, meta, one white button */
.cib-evn {
  --evn-text: #0f2133;
  --evn-muted: #4d6278;
  --evn-accent: #4d6278;
  --evn-card: #e8eff7;
  --evn-blue: #2f6fc0;
  --evn-line: #c1cedd;
  max-width: 1120px; margin: 0 auto; padding: 56px 0; color: var(--evn-text);
}
.cib-evn * { box-sizing: border-box; }

.cib-evn .cib-evn__heading { margin: 0 0 10px !important; font-size: 40px; font-weight: 600; line-height: 1.1; text-align: center; color: var(--evn-text); }
.cib-evn .cib-evn__intro { margin: 0 0 32px !important; font-size: 17px; line-height: 1.6; text-align: center; color: var(--evn-muted); }

/* card */
.cib-evn__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: stretch; padding: 32px; border-radius: 6px; background: var(--evn-card); }
.cib-evn__card > br { display: none !important; }

/* left: image, same height as the right column */
.cib-evn .cib-evn__media { position: relative; min-height: 180px; border-radius: 10px !important; overflow: hidden; line-height: 0; }
.cib-evn .cib-evn__media .cib-evn__img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; border-radius: 10px !important; }

/* right: title, icon list (date first), button */
.cib-evn .cib-evn__title { margin: 0 0 14px !important; font-size: 28px; font-weight: 600; line-height: 1.25; text-align: left; color: var(--evn-text); }

.cib-evn .cib-evn__meta { margin: 0 0 24px !important; padding: 0; list-style: none; }
.cib-evn .cib-evn__meta > li { float: none; display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 17px; line-height: 1.6; color: var(--evn-muted); }
.cib-evn__meta svg { flex: none; fill: var(--evn-blue); }
.cib-evn .cib-evn__meta > li.cib-evn__date { font-weight: 600; color: var(--evn-text); }

/* button: same as the white buttons on the landing page */
.cib-evn .cib-evn__btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; border: 0; border-radius: 5px; background: #fff; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 18px; color: var(--evn-text); text-decoration: none; transition: all .3s; }
.cib-evn .cib-evn__btn svg { flex: none; width: 18px; height: 18px; fill: currentColor; }
.cib-evn .cib-evn__btn:hover,
.cib-evn .cib-evn__btn:focus { color: var(--evn-accent); }
.cib-evn .cib-evn__btn:focus-visible { outline: 3px solid var(--evn-blue); outline-offset: 2px; }

/* screen-reader only */
.cib-evn__sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* WordPress wpautop: hide empty <p> and stray <br> */
.cib-evn p:empty,
.cib-evn__meta br { display: none !important; }

@media (prefers-reduced-motion: reduce) { .cib-evn .cib-evn__btn { transition: none; } }

@media (max-width: 1160px) {
  .cib-evn { padding-left: 16px; padding-right: 16px; }
}

/* stacked: image on top at its natural 8:3 ratio */
@media (max-width: 1024px) {
  .cib-evn__card { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px; }
  .cib-evn .cib-evn__media { min-height: 0; }
  .cib-evn .cib-evn__media .cib-evn__img { position: static; height: auto !important; aspect-ratio: 8 / 3; }
}

@media (max-width: 767px) {
  .cib-evn { padding-top: 40px; padding-bottom: 40px; }
  .cib-evn .cib-evn__heading { font-size: 27px; }
  .cib-evn .cib-evn__intro { margin-bottom: 24px !important; font-size: 16px; }
  .cib-evn__card { gap: 20px; padding: 20px 16px; }
  .cib-evn .cib-evn__title { font-size: 22px; }
  .cib-evn .cib-evn__meta > li { font-size: 16px; }
}


/* =========================================================
   Vergangene Events (.cib-evp)
   ========================================================= */
.cib-evp {
  --evp-text: #0f2133;
  --evp-muted: #4d6278;
  --evp-accent: #4d6278;
  --evp-bg: #f3f5f8;
  --evp-line: #dfe4ea;
  --evp-line-hover: #c1cedd;
  --evp-icon: #6b7f95;
  --evp-focus: #2f6fc0;
  max-width: 1120px; margin: 0 auto; padding: 56px 0 64px; color: var(--evp-text);
  /* grey band across the full screen width without horizontal scrolling */
  background: var(--evp-bg); box-shadow: 0 0 0 100vmax var(--evp-bg); clip-path: inset(0 -100vmax);
}
.cib-evp * { box-sizing: border-box; }

.cib-evp .cib-evp__heading { margin: 0 0 10px !important; font-size: 40px; font-weight: 600; line-height: 1.1; text-align: center; color: var(--evp-text); }
.cib-evp .cib-evp__intro { margin: 0 0 32px !important; font-size: 17px; line-height: 1.6; text-align: center; color: var(--evp-muted); }

/* list reset – protects against global li rules */
.cib-evp .cib-evp__list { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; padding: 0; list-style: none; }

/* row: image | title + icons | button */
.cib-evp .cib-evp__list > .cib-evp__item { float: none; display: grid; grid-template-columns: 256px minmax(0, 1fr) auto; gap: 32px; align-items: center; margin: 0; padding: 20px 28px 20px 20px; border: 1px solid var(--evp-line); border-radius: 6px; background: #fff; transition: box-shadow .3s, border-color .3s; }
.cib-evp .cib-evp__list > .cib-evp__item:hover,
.cib-evp .cib-evp__list > .cib-evp__item:focus-within { border-color: var(--evp-line-hover); box-shadow: 0 6px 18px rgba(15, 33, 51, .10); }

/* image: original colours, rounded corners, same size for every row */
.cib-evp .cib-evp__media { border-radius: 8px !important; overflow: hidden; line-height: 0; }
.cib-evp .cib-evp__media .cib-evp__img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 7 / 3; object-fit: cover; object-position: center; border-radius: 8px !important; }
.cib-evp .cib-evp__media .cib-evp__img--right { object-position: right center; }

/* title + icon list */
.cib-evp .cib-evp__title { margin: 0 0 8px !important; font-size: 21px; font-weight: 600; line-height: 1.3; color: var(--evp-text); }
.cib-evp .cib-evp__meta { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 0 !important; padding: 0; list-style: none; }
.cib-evp .cib-evp__meta > li { float: none; display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; line-height: 1.6; color: var(--evp-muted); }
.cib-evp .cib-evp__meta > li.cib-evp__date { font-weight: 600; color: var(--evp-text); }
.cib-evp__meta svg { flex: none; fill: var(--evp-icon); }

/* link: bottom right of the row, underlined together with its icon */
.cib-evp .cib-evp__btn { display: inline-flex; align-items: center; gap: 8px; align-self: end; justify-self: end; padding: 0 0 3px; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; background: none; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--evp-text); text-decoration: none; white-space: nowrap; transition: color .3s; }
.cib-evp .cib-evp__btn svg { flex: none; width: 15px; height: 15px; fill: currentColor; }
.cib-evp .cib-evp__btn:hover,
.cib-evp .cib-evp__btn:focus { color: var(--evp-focus); }
.cib-evp .cib-evp__btn:focus-visible { outline: 3px solid var(--evp-focus); outline-offset: 4px; }

/* screen-reader only */
.cib-evp__sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* WordPress wpautop: hide empty <p> and stray <br> */
.cib-evp p:empty,
.cib-evp__list br,
.cib-evp__item br { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  .cib-evp .cib-evp__list > .cib-evp__item,
  .cib-evp .cib-evp__btn { transition: none; }
}

@media (max-width: 1160px) {
  .cib-evp { padding-left: 16px; padding-right: 16px; }
}

/* tablet: button moves under the text */
@media (max-width: 1024px) {
  .cib-evp .cib-evp__list > .cib-evp__item { grid-template-columns: 220px minmax(0, 1fr); gap: 16px 24px; padding: 20px; }
  .cib-evp .cib-evp__btn { grid-column: 2; justify-self: end; }
}

/* mobile: stacked */
@media (max-width: 767px) {
  .cib-evp { padding-top: 40px; padding-bottom: 48px; }
  .cib-evp .cib-evp__heading { font-size: 27px; }
  .cib-evp .cib-evp__intro { margin-bottom: 24px !important; font-size: 16px; }
  .cib-evp .cib-evp__list > .cib-evp__item { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; }
  .cib-evp .cib-evp__btn { grid-column: 1; justify-self: end; }
  .cib-evp .cib-evp__title { font-size: 19px; }
  .cib-evp .cib-evp__meta { flex-direction: column; gap: 2px; }
}


/* =========================================================
   CIB vs. Extern label (used in both sections)
   ========================================================= */
.cib-evn .cib-evp__tag,
.cib-evp .cib-evp__tag { display: inline-block; margin: 0 0 8px !important; padding: 3px 10px; border-radius: 3px; font-size: 13px; font-weight: 600; line-height: 1.4; letter-spacing: .02em; }
.cib-evp__tag--cib { background: #fdecec; color: #b3140f; }
.cib-evp__tag--ext { background: #e3e9f0; color: #4d6278; }
.cib-evn .cib-evp__tag--ext { background: #fff; }/* End custom CSS */