.elementor-8433 .elementor-element.elementor-element-bb3c34b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0 0;--row-gap:0;--column-gap:0;}.elementor-8433 .elementor-element.elementor-element-bb3c34b:not(.elementor-motion-effects-element-type-background), .elementor-8433 .elementor-element.elementor-element-bb3c34b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9995973 );}.elementor-8433 .elementor-element.elementor-element-2ff0fbc{--display:flex;}.elementor-8433 .elementor-element.elementor-element-0eb269e img{width:100%;}.elementor-8433 .elementor-element.elementor-element-f66a133{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:var(--spacing-80);--padding-bottom:var(--spacing-80);--padding-left:var(--spacing-80);--padding-right:var(--spacing-80);}.elementor-8433 .elementor-element.elementor-element-f66a133:not(.elementor-motion-effects-element-type-background), .elementor-8433 .elementor-element.elementor-element-f66a133 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9995973 );}.elementor-8433 .elementor-element.elementor-element-c9920b8 > .elementor-widget-container{padding:0 0 var(--spacing-24) 0;}.elementor-8433 .elementor-element.elementor-element-c9920b8 .elementor-heading-title{font-family:var( --e-global-typography-1e7678e-font-family ), Sans-serif;font-size:var( --e-global-typography-1e7678e-font-size );font-weight:var( --e-global-typography-1e7678e-font-weight );text-transform:var( --e-global-typography-1e7678e-text-transform );line-height:var( --e-global-typography-1e7678e-line-height );letter-spacing:var( --e-global-typography-1e7678e-letter-spacing );color:var( --e-global-color-188ba5c );}.elementor-8433 .elementor-element.elementor-element-b2a3a56 > .elementor-widget-container{padding:0 0 var(--spacing-8) 0;}.elementor-8433 .elementor-element.elementor-element-b2a3a56 .elementor-heading-title{font-family:var( --e-global-typography-34bf06c-font-family ), Sans-serif;font-size:var( --e-global-typography-34bf06c-font-size );font-weight:var( --e-global-typography-34bf06c-font-weight );line-height:var( --e-global-typography-34bf06c-line-height );color:var( --e-global-color-f3f0282 );}.elementor-8433 .elementor-element.elementor-element-adff17b > .elementor-widget-container{padding:0 0 var(--spacing-24) 0;}.elementor-8433 .elementor-element.elementor-element-adff17b{font-family:var( --e-global-typography-1d0da5b-font-family ), Sans-serif;font-size:var( --e-global-typography-1d0da5b-font-size );font-weight:var( --e-global-typography-1d0da5b-font-weight );line-height:var( --e-global-typography-1d0da5b-line-height );color:var( --e-global-color-f3f0282 );}.elementor-8433 .elementor-element.elementor-element-adff17b p{margin-block-end:0px;}.elementor-8433 .elementor-element.elementor-element-adff17b a{color:var( --e-global-color-text );}.elementor-8433 .elementor-element.elementor-element-adff17b a:hover, .elementor-8433 .elementor-element.elementor-element-adff17b a:focus{color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-8433 .elementor-element.elementor-element-2ff0fbc{--width:50%;}.elementor-8433 .elementor-element.elementor-element-f66a133{--width:50%;}}@media(max-width:1024px){.elementor-8433 .elementor-element.elementor-element-0eb269e img{height:100%;object-fit:cover;object-position:center center;}.elementor-8433 .elementor-element.elementor-element-c9920b8 .elementor-heading-title{font-size:var( --e-global-typography-1e7678e-font-size );line-height:var( --e-global-typography-1e7678e-line-height );letter-spacing:var( --e-global-typography-1e7678e-letter-spacing );}.elementor-8433 .elementor-element.elementor-element-b2a3a56 .elementor-heading-title{font-size:var( --e-global-typography-34bf06c-font-size );line-height:var( --e-global-typography-34bf06c-line-height );}.elementor-8433 .elementor-element.elementor-element-adff17b{font-size:var( --e-global-typography-1d0da5b-font-size );line-height:var( --e-global-typography-1d0da5b-line-height );}}@media(max-width:767px){.elementor-8433 .elementor-element.elementor-element-0eb269e img{height:200px;}.elementor-8433 .elementor-element.elementor-element-c9920b8 .elementor-heading-title{font-size:var( --e-global-typography-1e7678e-font-size );line-height:var( --e-global-typography-1e7678e-line-height );letter-spacing:var( --e-global-typography-1e7678e-letter-spacing );}.elementor-8433 .elementor-element.elementor-element-b2a3a56 .elementor-heading-title{font-size:var( --e-global-typography-34bf06c-font-size );line-height:var( --e-global-typography-34bf06c-line-height );}.elementor-8433 .elementor-element.elementor-element-adff17b{font-size:var( --e-global-typography-1d0da5b-font-size );line-height:var( --e-global-typography-1d0da5b-line-height );}}/* Start custom CSS for image, class: .elementor-element-0eb269e */.elementor-8433 .elementor-element.elementor-element-0eb269e img {
    aspect-ratio: 200/129;
    object-fit: cover;
    object-position: center center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb3c34b *//* ==========================================
   Webinar-Karte
   ========================================== */

.webinar-card {
  position: relative;
  container-type: inline-size;

  --webinar-background: #fff;
  --webinar-hover-background: #00594f;
  --webinar-text: #002f35;
  --webinar-yellow: var(--color-bright-yellow, #dfff00);
  --webinar-date-color: #009e8e;

  background-color: var(--webinar-background) !important;
  transition: background-color 280ms ease;
}

/* ==========================================
   Datum-Badge über dem Bild
   ========================================== */

.webinar-card .datum-badge {
  --badge-tip: 19px;
  --badge-color: #002f35;

  position: absolute !important;
  top: var(--spacing-32, 32px);
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 5;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 6px;

  width: max-content !important;
  max-width: 100%;
  min-width: 0;
  height: 42px !important;
  min-height: 42px !important;

  margin: 0 !important;
  padding: 0 calc(16px + var(--badge-tip)) 0 16px !important;
  box-sizing: border-box;

  background: var(--webinar-yellow) !important;
  border: none;
  border-radius: 0;
  box-shadow: none;

  clip-path: polygon(
    0 0,
    calc(100% - var(--badge-tip)) 0,
    100% 50%,
    calc(100% - var(--badge-tip)) 100%,
    0 100%
  );

  color: var(--badge-color) !important;
  font-family: inherit;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.webinar-card .datum-badge > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: inherit;

  width: max-content !important;
  max-width: none;
  min-height: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.webinar-card .datum-badge .elementor-widget {
  flex: 0 0 auto !important;
  align-self: center !important;

  width: auto !important;
  max-width: none;
  min-width: 0;

  margin: 0 !important;
  padding: 0 !important;

  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}

.webinar-card .datum-badge :is(
  .elementor-widget-container,
  .elementor-heading-title,
  .jet-listing-dynamic-field,
  .jet-listing-dynamic-field__inline-wrap,
  .jet-listing-dynamic-field__content,
  p,
  span,
  time,
  a
) {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--badge-color) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: inherit !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.webinar-card .datum-badge :is(
  .jet-listing-dynamic-field,
  .jet-listing-dynamic-field__inline-wrap
) {
  display: flex;
  align-items: center;
}

@container (max-width: 360px) {
  .webinar-card .datum-badge {
    --badge-tip: 14px;

    gap: 4px;
    padding: 0 calc(10px + var(--badge-tip)) 0 10px !important;
  }
}

/* ==========================================
   Textbereich einschließlich WYSIWYG
   ========================================== */

.webinar-card .webinar-card-content {
  background-color: var(--webinar-background) !important;
  color: var(--webinar-text) !important;

  transition:
    background-color 280ms ease,
    color 280ms ease;
}

.webinar-card .webinar-card-content :is(
  .e-con,
  .e-con-inner,
  .elementor-widget,
  .elementor-widget-container,
  .elementor-heading-title,
  .elementor-icon-list-item,
  .elementor-icon-list-text,
  .elementor-icon-list-icon,
  .elementor-icon,
  .elementor-button,
  .elementor-button-text,
  .elementor-button-icon,
  .jet-listing-dynamic-field,
  .jet-listing-dynamic-field__inline-wrap,
  .jet-listing-dynamic-field__content,
  .jet-listing-dynamic-link__link,
  .elementor-widget-text-editor *,
  .jet-listing-dynamic-field__content *,
  p,
  span,
  time,
  a,
  i,
  strong,
  em
) {
  color: inherit !important;
  transition: color 280ms ease;
}

/* SVG-Icons übernehmen die jeweilige Textfarbe */
.webinar-card .webinar-card-content svg {
  color: inherit !important;
}

.webinar-card .webinar-card-content svg:not([fill="none"]),
.webinar-card .webinar-card-content svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.webinar-card .webinar-card-content svg[stroke]:not([stroke="none"]),
.webinar-card .webinar-card-content svg [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

/* Datum im Textbereich: kein eigener farbiger Hintergrund */
.webinar-card .webinar-card-content .webinar-card-date {
  background: transparent !important;
  color: var(--webinar-date-color) !important;
}

.webinar-card .webinar-card-content .webinar-card-date * {
  color: inherit !important;
}

/* ==========================================
   Tastaturfokus
   ========================================== */

.webinar-card:focus-within {
  background-color: var(--webinar-hover-background) !important;
}

.webinar-card:focus-within .webinar-card-content {
  background-color: var(--webinar-hover-background) !important;
  color: #ffffff !important;
}

/* Nur Datumstext und Datums-Icon gelb */
.webinar-card:focus-within
.webinar-card-content .webinar-card-date {
  background: transparent !important;
  color: var(--webinar-yellow) !important;
}

/* ==========================================
   Hover
   ========================================== */

@media (hover: hover) {
  .webinar-card:hover {
    background-color: var(--webinar-hover-background) !important;
  }

  .webinar-card:hover .webinar-card-content {
    background-color: var(--webinar-hover-background) !important;
    color: #ffffff !important;
  }

  .webinar-card:hover
  .webinar-card-content .webinar-card-date {
    background: transparent !important;
    color: var(--webinar-yellow) !important;
  }
}

/* Badge über dem Bild behält seine dunkle Schrift */
.webinar-card:is(:hover, :focus-within) .datum-badge {
  background: var(--webinar-yellow) !important;
  color: var(--badge-color) !important;
}

.webinar-card:is(:hover, :focus-within) .datum-badge :is(
  .elementor-widget-container,
  .elementor-heading-title,
  .jet-listing-dynamic-field,
  .jet-listing-dynamic-field__inline-wrap,
  .jet-listing-dynamic-field__content,
  p,
  span,
  time,
  a
) {
  color: var(--badge-color) !important;
}

/* ==========================================
   Reduzierte Bewegung
   ========================================== */

@media (prefers-reduced-motion: reduce) {
  .webinar-card,
  .webinar-card .webinar-card-content,
  .webinar-card .webinar-card-content * {
    transition: none !important;
  }
}/* End custom CSS */