.elementor-2885 .elementor-element.elementor-element-1a02d03{--display:flex;}.elementor-2885 .elementor-element.elementor-element-143c24c > .elementor-widget-container{margin:-7px -7px -7px -7px;}.elementor-2885 .elementor-element.elementor-element-f78b39e{--display:flex;}.elementor-2885 .elementor-element.elementor-element-4dd1b0d > .elementor-widget-container{margin:-14px -14px -14px -14px;padding:-26px -26px -26px -26px;}.elementor-2885 .elementor-element.elementor-element-879a66a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-2885 .elementor-element.elementor-element-879a66a.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2885 .elementor-element.elementor-element-ef1eb11{--display:flex;}.elementor-2885 .elementor-element.elementor-element-27bacdd{--display:flex;}.elementor-2885 .elementor-element.elementor-element-3b3006f{--display:flex;}.elementor-2885 .elementor-element.elementor-element-ddd8393{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-2885 .elementor-element.elementor-element-ddd8393 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2885 .elementor-element.elementor-element-ddd8393.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2885 .elementor-element.elementor-element-20a447f{--display:flex;}.elementor-2885 .elementor-element.elementor-element-4f83b12{--display:flex;}.elementor-2885 .elementor-element.elementor-element-540dcd1 > .elementor-widget-container{margin:0px 0px -62px 0px;}.elementor-2885 .elementor-element.elementor-element-b8bcaf3{--display:flex;}@media(max-width:767px){.elementor-2885 .elementor-element.elementor-element-879a66a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for MEC, class: .elementor-element-d9a9102 */<!-- =====================================================================
     MOIN COMEDY CLUB · Showkalender (MEC List/Classic)
     KOMPLETT-SNIPPET v12.1 · Brand-Skin HELL  (ohne JS) · Stand 24.09.2026
     ---------------------------------------------------------------------
     GEAENDERT GEGENUEBER v11:
       - FIX "Weitere laden" reagiert nicht: display:inline-flex !important
         hat MECs Ausblenden (.mec-util-hidden) ueberschrieben. Der Button
         blieb sichtbar, obwohl MEC nichts mehr nachladen wollte.
         Jetzt respektiert das Snippet .mec-util-hidden ueberall.
       - Ladezustand nur noch am Button selbst (Klassen mit "loading"),
         nicht mehr an jedem Element mit "mec-load-more" + "loading".
         Ausserhalb des Ladezustands ist der Button immer klickbar.
       - v12.1: .mec-label-featured wieder in der Kartenregel. MEC setzt
         die Klasse auf die Karte selbst (hervorgehobene Termine), nicht
         auf ein Etikett – v12 hatte diese Karten zur Pill gemacht.
     ---------------------------------------------------------------------
     EINBINDEN: EIN HTML-Widget, DIREKT UEBER dem MEC-Kalender.
     Ersetzt alle vorherigen Versionen – alte Snippets vorher entfernen.

     WOCHENTAG kommt aus MEC:
       WP-Admin > Termine > Shortcodes > ID 2827 > List View
       > Date Format:  l, j. F Y      ->  "Mittwoch, 15. Juli 2026"

     DANACH: Cache leeren + im Browser hart neu laden (Cmd+Shift+R).
     Verschwindet der Button danach, hat MEC keine weiteren Termine:
     Termine nach dem 02.10. in MEC pruefen bzw. Limit/Enddatum im
     Shortcode 2827.

     Amber #F5B43C · Amber tief #C98A12 · Ink #131313 · Muted #6E6A66
     Keine CSS-Variablen – die werden auf der Live-Seite nicht aufgeloest.
     ===================================================================== -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

<style>
/* =========================================================
   1 · Grundlage
   ========================================================= */
body .mec-wrap{
  font-family:'Inter',system-ui,-apple-system,sans-serif !important;
  color:#131313 !important;
  background:transparent !important;
}
body .mec-wrap.mec-skin-list-container{ max-width:1180px; margin:0 auto; padding:0 24px; }
body .mec-wrap *{ box-sizing:border-box; }
body .mec-wrap .mec-event-list-classic{ margin:0 !important; padding:0 !important; }

/* MECs eigene Ausblende-Klasse hat immer Vorrang vor unseren display-Regeln */
body .mec-wrap .mec-util-hidden,
body .mec-wrap .mec-load-more-button.mec-util-hidden,
body .mec-wrap .mec-load-more-wrap.mec-util-hidden,
body .mec-wrap .mec-skin-list-no-events-container.mec-util-hidden{
  display:none !important;
}

/* =========================================================
   2 · Monats-Headline
   ========================================================= */
body .mec-wrap .mec-month-divider{
  display:flex !important; align-items:center !important; gap:20px !important;
  margin:52px 0 24px !important; padding:0 !important;
  border:0 !important; background:none !important; text-align:left !important;
}
body .mec-wrap .mec-month-divider:first-child{ margin-top:0 !important; }
body .mec-wrap .mec-month-divider::before{ content:none !important; display:none !important; }
body .mec-wrap .mec-month-divider h5{
  display:inline-block !important; margin:0 !important; padding:0 !important;
  font-family:'Anton',Impact,sans-serif !important; font-weight:400 !important;
  font-size:clamp(28px,3.2vw,40px) !important; line-height:1 !important;
  letter-spacing:.02em !important; text-transform:uppercase !important;
  color:#131313 !important; flex:none !important;
}
body .mec-wrap .mec-month-divider::after{
  content:"" !important; flex:1 !important; height:3px !important;
  background:#F5B43C !important; display:block !important; border-radius:2px !important;
}
body .mec-wrap .mec-month-divider i{ display:none !important; }

/* =========================================================
   3 · Event-Karte – alle gleich, keine Hervorhebung
   ========================================================= */
body .mec-wrap .mec-event-article,
body .mec-wrap .mec-featured-event-wrapper,
body .mec-wrap .mec-label-featured{
  position:relative !important;
  display:block !important;
  background:#FFFFFF !important; background-color:#FFFFFF !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:16px !important;
  padding:26px 30px 26px 148px !important;
  margin:0 0 14px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
  transition:transform .22s cubic-bezier(.2,.7,.3,1), border-color .22s, box-shadow .22s !important;
}
body .mec-wrap .mec-event-article:hover{
  transform:translateY(-3px) !important;
  border-color:#F5B43C !important;
  box-shadow:0 14px 34px rgba(0,0,0,.10) !important;
}

/* --- Thumbnail --- */
body .mec-wrap .mec-event-image{
  position:absolute !important; left:26px !important; top:26px !important;
  width:100px !important; height:100px !important;
  margin:0 !important; padding:0 !important; float:none !important;
  border-radius:12px !important; overflow:hidden !important;
  border:1px solid rgba(0,0,0,.10) !important; background:#000000 !important;
}
body .mec-wrap .mec-event-image a{ display:block !important; height:100% !important; }
body .mec-wrap .mec-event-image img{
  width:100% !important; height:100% !important;
  object-fit:cover !important; display:block !important;
  border-radius:0 !important; transition:transform .3s !important;
}
body .mec-wrap .mec-event-article:hover .mec-event-image img{ transform:scale(1.06) !important; }

/* --- Datum + Uhrzeit --- */
body .mec-wrap .mec-event-date,
body .mec-wrap .mec-event-time{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  float:none !important; width:auto !important; margin:0 16px 12px 0 !important; padding:0 !important;
  font-size:16px !important; font-weight:700 !important; letter-spacing:.01em !important;
  line-height:1.2 !important;
}
body .mec-wrap .mec-event-date{ color:#131313 !important; }
body .mec-wrap .mec-event-time{ color:#6E6A66 !important; font-weight:600 !important; }
body .mec-wrap .mec-event-date i,
body .mec-wrap .mec-event-time i,
body .mec-wrap .mec-event-date::before,
body .mec-wrap .mec-event-time::before{
  color:#F5B43C !important; font-size:17px !important; margin:0 !important; flex:none !important;
}
body .mec-wrap .mec-time-details{ display:inline !important; color:#6E6A66 !important; font-weight:600 !important; }

/* --- Titel + Amber-Hover --- */
body .mec-wrap .mec-event-title,
body .mec-wrap h4.mec-event-title{
  margin:0 0 10px !important; padding:0 !important;
  float:none !important; width:auto !important;
  font-family:'Anton',Impact,sans-serif !important; font-weight:400 !important;
  text-transform:uppercase !important; letter-spacing:.005em !important;
  font-size:clamp(24px,2.2vw,30px) !important; line-height:1.14 !important;
}
body .mec-wrap .mec-event-title a{
  font-family:'Anton',Impact,sans-serif !important;
  color:#131313 !important;
  text-decoration:underline !important;
  text-decoration-color:transparent !important;
  text-decoration-thickness:3px !important;
  text-underline-offset:5px !important;
  transition:color .2s, text-decoration-color .2s !important;
}
body .mec-wrap .mec-event-article:hover .mec-event-title a,
body .mec-wrap .mec-event-title a:hover{
  color:#C98A12 !important;
  text-decoration-color:#F5B43C !important;
}
body .mec-wrap .event-color{ display:none !important; }

/* =========================================================
   4 · MEC-Etiketten  ("Neue Show", "Wieder da")
   ========================================================= */
body .mec-wrap .mec-labels-normal{
  display:inline-flex !important; flex-wrap:wrap !important; gap:8px !important;
  margin-left:14px !important; vertical-align:middle !important;
  float:none !important; width:auto !important; max-width:100% !important;
}
body .mec-wrap .mec-labels-normal .mec-label-normal,
body .mec-wrap span.mec-label-normal,
body .mec-wrap .mec-featured-event-wrapper .mec-label-normal{
  background:#F5B43C !important; background-color:#F5B43C !important;
  color:#1a1206 !important;
  font-family:'Inter',sans-serif !important; font-weight:900 !important;
  font-size:15px !important; letter-spacing:.1em !important;
  text-transform:uppercase !important;
  border-radius:999px !important; padding:9px 18px !important;
  line-height:1 !important; border:0 !important;
  box-shadow:0 6px 18px rgba(245,180,60,.45) !important;
  transform:translateY(-2px) !important;
}

/* =========================================================
   5 · "Mit Alsterblick" – Ribbon abgedreht, jetzt Pill
   ========================================================= */
body .mec-wrap .mec-event-label-captions,
body .mec-wrap span.mec-event-label-captions{
  position:static !important;
  top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;
  transform:none !important; rotate:0deg !important;
  width:auto !important; height:auto !important;
  min-width:0 !important; max-width:100% !important;
  display:inline-flex !important; align-items:center !important; gap:7px !important;
  float:none !important; overflow:visible !important;
  background:#131313 !important; background-color:#131313 !important;
  color:#F5B43C !important;
  font-family:'Inter',sans-serif !important; font-weight:900 !important;
  font-size:14px !important; letter-spacing:.11em !important;
  text-transform:uppercase !important; text-align:left !important;
  white-space:nowrap !important; line-height:1 !important;
  border-radius:999px !important; padding:9px 18px !important;
  margin:0 0 12px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
  z-index:5 !important;
}
body .mec-wrap .mec-event-label-captions::after{ content:none !important; display:none !important; }
body .mec-wrap .mec-event-label-captions i,
body .mec-wrap .mec-event-label-captions::before{
  position:static !important; transform:none !important;
  color:#F5B43C !important; fill:#F5B43C !important;
  font-size:14px !important; margin:0 !important; flex:none !important;
}

/* =========================================================
   6 · Location
   ========================================================= */
body .mec-wrap .mec-event-detail{
  margin:0 !important; padding:14px 0 0 !important;
  float:none !important; width:auto !important; max-width:100% !important;
  clear:both !important;
  border-top:1px solid rgba(0,0,0,.10) !important;
  font-size:16px !important; color:#6E6A66 !important;
  text-align:left !important;
}
body .mec-wrap .mec-event-loc-place{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  float:none !important; width:auto !important; max-width:100% !important;
}
body .mec-wrap .mec-event-loc-place i{ color:#F5B43C !important; font-size:17px !important; flex:none !important; }

/* =========================================================
   7 · "Weitere laden"
   ========================================================= */
body .mec-wrap .mec-load-more-wrap{ text-align:center !important; margin-top:34px !important; }

/* Grundzustand – nur wenn MEC den Button NICHT ausgeblendet hat */
body .mec-wrap .mec-load-more-button:not(.mec-util-hidden){
  display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  position:relative !important;
  height:auto !important; min-height:0 !important; width:auto !important;
  background:#F5B43C !important; background-color:#F5B43C !important;
  color:#1a1206 !important;
  border:0 !important; border-radius:999px !important;
  margin:0 !important;
  padding:18px 40px !important;
  font-family:'Inter',sans-serif !important; font-weight:800 !important;
  font-size:16px !important; line-height:1 !important; letter-spacing:.03em !important;
  text-transform:uppercase !important; text-align:center !important;
  vertical-align:middle !important;
  box-shadow:0 10px 26px rgba(245,180,60,.35) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  transition:transform .2s, box-shadow .2s, background .2s !important;
}
body .mec-wrap .mec-load-more-button:not([class*="loading"])::before,
body .mec-wrap .mec-load-more-button:not([class*="loading"])::after{
  content:none !important; display:none !important;
}
body .mec-wrap .mec-load-more-button:not([class*="loading"]):hover{
  background:#FFC65A !important; background-color:#FFC65A !important;
  transform:translateY(-2px) !important;
  box-shadow:0 14px 32px rgba(245,180,60,.48) !important;
}
body .mec-wrap .mec-load-more-button:focus-visible{
  outline:3px solid #131313 !important; outline-offset:3px !important;
}

/* --- Ladezustand: nur am Button selbst ----------------------------- */
body .mec-wrap .mec-load-more-button[class*="loading"]{
  color:transparent !important; font-size:0 !important;
  min-width:212px !important; min-height:52px !important;
  background-image:none !important;
  pointer-events:none !important;
  cursor:default !important;
  transform:none !important;
  overflow:visible !important;
}
/* MECs eingebauten Spinner entfernen – als Child-Element und als ::before */
body .mec-wrap .mec-load-more-button[class*="loading"] > *,
body .mec-wrap .mec-load-more-button[class*="loading"] img,
body .mec-wrap .mec-load-more-button[class*="loading"] svg,
body .mec-wrap .mec-load-more-button[class*="loading"] i{
  display:none !important;
}
body .mec-wrap .mec-load-more-button[class*="loading"]::before{
  content:none !important; display:none !important; background-image:none !important;
}
/* eigener Spinner: Ink-Ring auf Amber */
body .mec-wrap .mec-load-more-button[class*="loading"]::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:50% !important; left:50% !important;
  width:22px !important; height:22px !important;
  margin:-11px 0 0 -11px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:2.5px solid rgba(26,18,6,.28) !important;
  border-top-color:#1a1206 !important;
  background:none !important;
  animation:mcc-spin .7s linear infinite !important;
}
@keyframes mcc-spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }

/* --- "Keine Veranstaltungen gefunden" – nur wenn MEC es zeigt ------ */
body .mec-wrap .mec-skin-list-no-events-container:not(.mec-util-hidden){
  padding:38px !important; text-align:center !important; color:#6E6A66 !important;
  font-size:16px !important;
  border:1px dashed rgba(0,0,0,.10) !important; border-radius:16px !important;
}

/* =========================================================
   8 · MOBILE / TABLET  (<= 782px)
   ========================================================= */
@media(max-width:782px){
  body .mec-wrap.mec-skin-list-container{ padding:0 16px; }

  body .mec-wrap .mec-month-divider{ gap:14px !important; margin:38px 0 18px !important; }
  body .mec-wrap .mec-month-divider h5{ font-size:26px !important; }

  body .mec-wrap .mec-event-article,
  body .mec-wrap .mec-featured-event-wrapper{
    padding:18px !important;
    display:flex !important; flex-direction:column !important; align-items:flex-start !important;
    overflow:hidden !important;
  }
  body .mec-wrap .mec-event-article > *,
  body .mec-wrap .mec-event-article .mec-event-detail,
  body .mec-wrap .mec-event-article .mec-event-loc-place{
    float:none !important;
    width:auto !important; max-width:100% !important;
    text-align:left !important;
    clear:none !important;
  }

  body .mec-wrap .mec-event-image{
    position:static !important; order:-1 !important;
    width:92px !important; height:92px !important;
    margin:0 0 14px !important; flex:none !important;
  }

  body .mec-wrap .mec-event-date,
  body .mec-wrap .mec-event-time{
    font-size:14.5px !important; margin:0 14px 8px 0 !important;
    align-self:flex-start !important;
  }
  body .mec-wrap .mec-event-date i,
  body .mec-wrap .mec-event-time i{ font-size:15px !important; }

  body .mec-wrap .mec-event-title{
    font-size:22px !important; width:100% !important; margin:6px 0 12px !important;
  }
  body .mec-wrap .mec-event-title a{ text-decoration-thickness:2px !important; text-underline-offset:4px !important; }

  body .mec-wrap .mec-labels-normal{
    display:flex !important; flex-wrap:wrap !important;
    margin:8px 0 0 !important; width:100% !important;
  }
  body .mec-wrap .mec-label-normal{
    font-size:13px !important; padding:8px 14px !important;
    letter-spacing:.08em !important; transform:none !important;
    box-shadow:0 4px 12px rgba(245,180,60,.4) !important;
  }

  body .mec-wrap .mec-event-label-captions{
    white-space:normal !important;
    font-size:12.5px !important; padding:8px 14px !important;
    letter-spacing:.08em !important;
    margin:0 0 10px !important;
    box-shadow:0 4px 14px rgba(0,0,0,.25) !important;
  }

  body .mec-wrap .mec-event-detail{
    width:100% !important; padding-top:12px !important;
    font-size:14.5px !important; margin-top:4px !important;
  }
  body .mec-wrap .mec-event-loc-place{ align-items:flex-start !important; }
  body .mec-wrap .mec-event-loc-place i{ margin-top:2px !important; }

  body .mec-wrap .mec-load-more-button:not(.mec-util-hidden){ padding:16px 32px !important; font-size:15px !important; }
  body .mec-wrap .mec-load-more-button[class*="loading"]{ font-size:0 !important; }
}

@media(prefers-reduced-motion:reduce){
  body .mec-wrap .mec-event-article,
  body .mec-wrap .mec-event-image img,
  body .mec-wrap .mec-load-more-button{ transition:none !important; }
  body .mec-wrap .mec-event-article:hover,
  body .mec-wrap .mec-load-more-button:hover{ transform:none !important; }
  body .mec-wrap .mec-load-more-button[class*="loading"]::after{ animation-duration:1.6s !important; }
}
</style>/* End custom CSS */