/*
 * Wiederverwendbare CSS-Regeln fuer Event-Karten (Events-Seite).
 *
 * Aus dem Original-Elementor-CSS (pages/events.css) extrahiert: alle 10
 * bestehenden Event-Karten nutzen identische Regeln, nur mit unterschiedlichem
 * data-id-Hash pro Karte. Diese Datei ersetzt die Hash-Selektoren durch die
 * feste Klasse .evtcard__<rolle>, kombiniert mit .elementor-element (gleiche
 * Spezifitaet wie im Original), damit auch ueber Decap CMS neu angelegte
 * Events dieselbe Optik bekommen, ohne dass Elementor dafuer erst eine neue
 * post-*.css generieren muesste. Wichtig: ohne die .elementor-element-Klasse
 * in dieser Kombination verlieren die Regeln gegen generische
 * 2-Klassen-Selektoren wie .elementor-column.elementor-col-50{width:50%}.
 *
 * Bild, Bildposition und Overlay-Deckkraft sind je Event unterschiedlich und
 * werden darum inline (style=) statt hier gesetzt, siehe
 * src/_includes/event-card.njk.
 *
 * Handgeschrieben (Ausnahme von tools/build-css.py) - siehe CLAUDE.md.
 */

/* Basis (kein @media) */
.elementor-element.evtcard__outer > .elementor-container{max-width:1290px;}
.elementor-element.evtcard__outer{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.elementor-element.evtcard__outer > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.elementor-element.evtcard__imgcol > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}
.elementor-element.evtcard__imgcol > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}
.elementor-element.evtcard__imgcol > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 60px 0px 0px;--e-column-margin-right:60px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}
.elementor-element.evtcard__imgcol > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.elementor-element.evtcard__spacer{--spacer-size:50px;width:var( --container-widget-width, 99.668% );max-width:99.668%;--container-widget-width:99.668%;--container-widget-flex-grow:0;}
.elementor-element.evtcard__spacer.elementor-element{--flex-grow:0;--flex-shrink:0;}
.elementor-element.evtcard__contentcol > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}
.elementor-element.evtcard__innersection > .elementor-container{max-width:1290px;}
.elementor-element.evtcard__innersection{border-style:solid;border-width:1px 0px 0px 0px;border-color:#D3D3D3;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:45px 0px 45px 0px;}
.elementor-element.evtcard__innersection > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.elementor-element.evtcard__datecol > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}
.elementor-element.evtcard__dateheading{width:100%;max-width:100%;}
.elementor-element.evtcard__dateheading > .elementor-widget-container{margin:0px 0px -2px 0px;}
.elementor-element.evtcard__dateheading .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:15px;font-weight:900;line-height:1em;letter-spacing:0px;color:var( --e-global-color-4a09cd8 );}
.elementor-element.evtcard__titlecol > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}
.elementor-element.evtcard__titlecol > .elementor-element-populated{padding:0px 30px 0px 0px;}
.elementor-element.evtcard__titleiconbox{width:100%;max-width:100%;}
.elementor-element.evtcard__titleiconbox > .elementor-widget-container{margin:-9px 0px -4px 0px;}
.elementor-element.evtcard__titleiconbox .elementor-icon-box-wrapper{text-align:start;}
.elementor-element.evtcard__titleiconbox .elementor-icon-box-title{margin-block-end:9px;color:#ADADAD;}
.elementor-element.evtcard__titleiconbox .elementor-icon-box-title, .elementor-element.evtcard__titleiconbox .elementor-icon-box-title a{font-family:"Alice", Sans-serif;font-size:16px;font-weight:500;line-height:1em;letter-spacing:-0.4px;}
.elementor-element.evtcard__titleiconbox .elementor-icon-box-description{font-family:"Calmius Sans High", Sans-serif;font-size:30px;font-weight:900;line-height:1em;letter-spacing:-1px;color:#000000;}
.elementor-element.evtcard__desccol > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}
.elementor-element.evtcard__descheading{width:100%;max-width:100%;}
.elementor-element.evtcard__descheading > .elementor-widget-container{margin:-6px 0px -7px 0px;}
.elementor-element.evtcard__descheading .elementor-heading-title{font-family:"Alice", Sans-serif;font-size:15px;font-weight:500;line-height:1.6em;color:#888888;}
.elementor-bc-flex-widget .elementor-element.evtcard__iconcol.elementor-column .elementor-widget-wrap{align-items:flex-start;}
.elementor-element.evtcard__iconcol.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}
.elementor-element.evtcard__iconcol.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}
.elementor-element.evtcard__iconcol > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}
.elementor-element.evtcard__iconwidget > .elementor-widget-container{margin:0px 0px -6px 0px;}
.elementor-element.evtcard__iconwidget .elementor-icon-wrapper{text-align:end;}
.elementor-element.evtcard__iconwidget.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-1777a2e );color:#FFFFFF;}
.elementor-element.evtcard__iconwidget.elementor-view-framed .elementor-icon, .elementor-element.evtcard__iconwidget.elementor-view-default .elementor-icon{color:var( --e-global-color-1777a2e );border-color:var( --e-global-color-1777a2e );}
.elementor-element.evtcard__iconwidget.elementor-view-framed .elementor-icon, .elementor-element.evtcard__iconwidget.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-1777a2e );}
.elementor-element.evtcard__iconwidget.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}
.elementor-element.evtcard__iconwidget.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}
.elementor-element.evtcard__iconwidget .elementor-icon{font-size:30px;padding:17px;border-radius:0px 0px 0px 0px;}
.elementor-element.evtcard__iconwidget .elementor-icon svg{height:30px;}
.elementor-element.evtcard__iconwidget .elementor-icon i, .elementor-element.evtcard__iconwidget .elementor-icon svg{transform:rotate(314deg);}

@media(max-width:1024px){
  .elementor-element.evtcard__imgcol:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-element.evtcard__imgcol > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}
  .elementor-element.evtcard__dateheading > .elementor-widget-container{margin:-2px 0px -2px 0px;}
  .elementor-element.evtcard__dateheading .elementor-heading-title{font-size:15px;}
  .elementor-element.evtcard__titlecol > .elementor-element-populated{padding:0px 30px 0px 0px;}
  .elementor-element.evtcard__titleiconbox > .elementor-widget-container{margin:-10px 0px -6px 0px;}
  .elementor-element.evtcard__titleiconbox .elementor-icon-box-title{margin-block-end:8px;}
  .elementor-element.evtcard__titleiconbox .elementor-icon-box-title, .elementor-element.evtcard__titleiconbox .elementor-icon-box-title a{font-size:16px;letter-spacing:-0.4px;}
  .elementor-element.evtcard__titleiconbox .elementor-icon-box-description{font-size:30px;line-height:1.2em;}
  .elementor-element.evtcard__descheading .elementor-heading-title{font-size:15px;}
}

@media(max-width:767px){
  .elementor-element.evtcard__imgcol:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-element.evtcard__imgcol > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}
  .elementor-element.evtcard__imgcol > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}
  .elementor-element.evtcard__spacer{--spacer-size:150px;}
  .elementor-element.evtcard__dateheading > .elementor-widget-container{margin:-2px 0px -2px 0px;}
  .elementor-element.evtcard__dateheading .elementor-heading-title{font-size:15px;}
  .elementor-element.evtcard__titlecol > .elementor-element-populated{padding:25px 0px 25px 0px;}
  .elementor-element.evtcard__titleiconbox{width:100%;max-width:100%;}
  .elementor-element.evtcard__titleiconbox > .elementor-widget-container{margin:-10px 0px -2px 0px;}
  .elementor-element.evtcard__titleiconbox .elementor-icon-box-title, .elementor-element.evtcard__titleiconbox .elementor-icon-box-title a{font-size:16px;letter-spacing:-0.4px;}
  .elementor-element.evtcard__titleiconbox .elementor-icon-box-description{font-size:26px;letter-spacing:-0.9px;}
  .elementor-element.evtcard__descheading{width:100%;max-width:100%;}
  .elementor-element.evtcard__descheading .elementor-heading-title{font-size:14px;}
  .elementor-element.evtcard__iconcol.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}
  .elementor-element.evtcard__iconcol > .elementor-element-populated{padding:30px 0px 0px 0px;}
  .elementor-element.evtcard__iconwidget .elementor-icon-wrapper{text-align:start;}
}

@media(min-width:768px){
  .elementor-element.evtcard__imgcol{width:28%;}
  .elementor-element.evtcard__contentcol{width:72%;}
  .elementor-element.evtcard__datecol{width:13%;}
  .elementor-element.evtcard__titlecol{width:38%;}
  .elementor-element.evtcard__desccol{width:28%;}
  .elementor-element.evtcard__iconcol{width:21%;}
}

@media(max-width:1024px) and (min-width:768px){
  .elementor-element.evtcard__contentcol{width:100%;}
  .elementor-element.evtcard__datecol{width:8%;}
  .elementor-element.evtcard__titlecol{width:42%;}
  .elementor-element.evtcard__desccol{width:36%;}
  .elementor-element.evtcard__iconcol{width:14%;}
}