.elementor-2029 .elementor-element.elementor-element-19ccb03{--display:flex;--min-height:40vh;--justify-content:flex-end;}.elementor-2029 .elementor-element.elementor-element-19ccb03:not(.elementor-motion-effects-element-type-background), .elementor-2029 .elementor-element.elementor-element-19ccb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://deluxe-radioband.de/wp-content/uploads/248-Deluxe-The-Radio-Band-Hagen-Springe-Fest-249_2-scaled.webp");background-position:0px -489px;background-repeat:no-repeat;background-size:cover;}.elementor-2029 .elementor-element.elementor-element-55353e6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2029 .elementor-element.elementor-element-b34c49a > .elementor-widget-container{margin:-1rem 0rem 0rem 0rem;}.elementor-2029 .elementor-element.elementor-element-b34c49a{text-align:start;}.elementor-2029 .elementor-element.elementor-element-b34c49a .elementor-heading-title{font-family:"Racing Sans One", Sans-serif;font-weight:600;line-height:1.2em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-2029 .elementor-element.elementor-element-ae289e5{--display:flex;}.elementor-2029 .elementor-element.elementor-element-eb0a8e9{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2029 .elementor-element.elementor-element-92a1cf7{font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;line-height:1.6rem;}.elementor-2029 .elementor-element.elementor-element-2554783{--display:flex;}.elementor-2029 .elementor-element.elementor-element-962ac34{--spacer-size:25px;}.elementor-2029 .elementor-element.elementor-element-eb69b4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2029 .elementor-element.elementor-element-fbee199{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2029 .elementor-element.elementor-element-19ccb03{--min-height:51vh;}.elementor-2029 .elementor-element.elementor-element-19ccb03:not(.elementor-motion-effects-element-type-background), .elementor-2029 .elementor-element.elementor-element-19ccb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-2029 .elementor-element.elementor-element-19ccb03{--min-height:75vh;}.elementor-2029 .elementor-element.elementor-element-19ccb03:not(.elementor-motion-effects-element-type-background), .elementor-2029 .elementor-element.elementor-element-19ccb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS */div.column_style {
    background-color: #DDD;
}

.mep-list-footer ul li h5, .mep-list-footer ul li h6 {
    font-size: large !important;
}

/* ==========================================================================
   MARKETING OPTIMIERTE EVENT LISTE (Grid + Vollbild + Conversion Fokus)
   ========================================================================== */

/* --- GRID-SYSTEM --- */
@media (min-width: 992px) {
    .mep-event-list-loop.mep_event_custom_list {
        width: calc(33.333% - 20px) !important; 
        display: inline-flex !important; 
        vertical-align: top !important;
        margin: 0 10px 40px 10px !important; 
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mep-event-list-loop.mep_event_custom_list {
        width: calc(50% - 20px) !important; 
        display: inline-flex !important;
        vertical-align: top !important;
        margin: 0 10px 40px 10px !important;
    }
}
@media (max-width: 767px) {
    .mep-event-list-loop.mep_event_custom_list {
        width: 100% !important;
        display: flex !important;
        margin: 0 0 35px 0 !important;
    }
}

/* --- DESIGN DER KACHEL (Premium Feel) --- */
.mep_event_custom_list {
    background: #ffffff !important;
    border-radius: 14px !important; /* Etwas weichere Ecken */
    box-shadow: 0 5px 20px rgba(0,0,0,0.06) !important;
    border: 1px solid #f0f0f0 !important; /* Subtiler Rahmen für Kontrast */
    overflow: hidden !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Geschmeidigere Animation */
    cursor: pointer !important; /* Zeigt sofort an: Hier kann man klicken! */
}

/* Hover-Effekt (Call to Action Verstärker) */
.mep_event_custom_list:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
    border-color: #e2e2e2 !important;
}

/* 1. Bildbereich */
.custom_list_thumb_area {
    position: relative !important;
    width: 100% !important;
    background: #0a0a0a !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important; /* Wichtig für den Zoom-Effekt */
}

.custom_list_thumb_area a {
    display: block !important;
    width: 100% !important;
}

/* Bild mit dezentem Marketing-Zoom bei Hover */
.custom_list_thumb_img {
    width: 100% !important;
    height: auto !important; 
    display: block !important;
    object-fit: contain !important; 
    transition: transform 0.6s ease !important;
}

.mep_event_custom_list:hover .custom_list_thumb_img {
    transform: scale(1.03) !important; /* Minimaler Zoom-In, wirkt wie ein Sog */
}

/* Ribbons (Urgency & Scarcity) */
.custom_ribbon_wrapper {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    z-index: 10 !important;
}

.custom_ribbon {
    background: #d32f2f !important; /* Ein starkes, konvertierendes Rot */
    color: #ffffff !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 800 !important; /* Extra Fett */
    text-transform: uppercase !important;
    letter-spacing: 1px !important; /* Sperrschrift wirkt hochwertig */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}

/* 2. Header-Bereich (Titel & Preis) */
.custom_list_header_area {
    padding: 25px 25px 15px !important; /* Mehr Weißraum */
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Der Titel - Muss sofort fesseln */
.custom_list_title {
    margin: 0 0 12px 0 !important;
    font-size: 22px !important; /* Größer */
    font-weight: 800 !important; /* Extrafett */
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important; /* Leicht zusammengezogen für modernere Optik */
}

.custom_list_title a {
    color: #111111 !important; /* Fast tiefschwarz, bester Kontrast */
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.mep_event_custom_list:hover .custom_list_title a {
    color: #d32f2f !important; /* Titel ändert Farbe bei Hover (visuelles Feedback) */
}

/* Der Preis - Das stärkste Kaufargument */
.custom_list_price {
    font-size: 22px !important; /* Deutlich präsenter */
    color: #d32f2f !important; /* Signalfarbe */
    font-weight: 900 !important; /* Das schwerste Gewicht für den Preis */
}

.custom_list_price span {
    font-size: 14px !important;
    color: #888888 !important;
    font-weight: 500 !important;
    margin-right: 6px !important;
    text-transform: uppercase !important; /* "PREIS:" in Großbuchstaben, lenkt weniger vom Wert ab */
    letter-spacing: 0.5px !important;
}

/* 3. Details-Bereich (Die Fakten) */
.custom_list_details_area {
    padding: 20px 25px !important;
    background: #fafafa !important;
    flex-grow: 1 !important;
}

.custom_details_grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; 
    gap: 15px 10px !important; /* Etwas mehr Luft nach unten */
    text-decoration: none !important;
    color: #444444 !important; /* Dunkleres Grau für bessere Lesbarkeit */
}

.detail_item {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important; /* Etwas größer für bessere Lesbarkeit auf Mobile */
    font-weight: 500 !important; /* Halbfett wirkt aufgeräumter */
    line-height: 1.4 !important;
}

.detail_item i {
    color: #111111 !important; /* Icons in Schwarz wirken seriöser (oder nimm hier wieder #d32f2f, wenn du es knalliger magst) */
    width: 22px !important;
    margin-right: 8px !important;
    text-align: center !important;
    font-size: 15px !important;
}

/* Mobile Anpassung */
@media (max-width: 500px) {
    .custom_details_grid {
        grid-template-columns: 1fr !important; 
        gap: 12px !important;
    }
    
    .custom_list_header_area {
        padding: 20px 20px 15px !important;
    }
    
    .custom_list_title {
        font-size: 20px !important;
    }
    
    .custom_list_details_area {
        padding: 15px 20px !important;
    }
}/* End custom CSS */