.elementor-1244 .elementor-element.elementor-element-a370b51{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.37;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-a370b51:not(.elementor-motion-effects-element-type-background), .elementor-1244 .elementor-element.elementor-element-a370b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2E6D2;}.elementor-1244 .elementor-element.elementor-element-a370b51::before, .elementor-1244 .elementor-element.elementor-element-a370b51 > .elementor-background-video-container::before, .elementor-1244 .elementor-element.elementor-element-a370b51 > .e-con-inner > .elementor-background-video-container::before, .elementor-1244 .elementor-element.elementor-element-a370b51 > .elementor-background-slideshow::before, .elementor-1244 .elementor-element.elementor-element-a370b51 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1244 .elementor-element.elementor-element-a370b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F2E6D20F;background-image:url("https://muenstermannfestival.de/wp-content/uploads/2025/06/ChatGPT-Image-Jun-17-2025-08_01_48-PM.webp");--background-overlay:'';}.elementor-1244 .elementor-element.elementor-element-1661360{--display:flex;--min-height:328px;--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;--margin-top:50px;--margin-bottom:0px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-1661360.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-1244 .elementor-element.elementor-element-aa0ca26 > .elementor-widget-container{background-color:#EAE0CF;padding:30px 30px 30px 30px;}.elementor-1244 .elementor-element.elementor-element-aa0ca26{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-1244 .elementor-element.elementor-element-b2d2bfa{--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;--overlay-opacity:0.5;}.elementor-1244 .elementor-element.elementor-element-b2d2bfa::before, .elementor-1244 .elementor-element.elementor-element-b2d2bfa > .elementor-background-video-container::before, .elementor-1244 .elementor-element.elementor-element-b2d2bfa > .e-con-inner > .elementor-background-video-container::before, .elementor-1244 .elementor-element.elementor-element-b2d2bfa > .elementor-background-slideshow::before, .elementor-1244 .elementor-element.elementor-element-b2d2bfa > .e-con-inner > .elementor-background-slideshow::before, .elementor-1244 .elementor-element.elementor-element-b2d2bfa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1244 .elementor-element.elementor-element-b2d2bfa.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1244 .elementor-element.elementor-element-ca59f34{--display:flex;}.elementor-1244 .elementor-element.elementor-element-ca59f34:not(.elementor-motion-effects-element-type-background), .elementor-1244 .elementor-element.elementor-element-ca59f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#798A74;}.elementor-1244 .elementor-element.elementor-element-dd7bff2 > .elementor-widget-container{background-image:url("https://muenstermannfestival.de/wp-content/uploads/2025/07/boxschoesslang5.png");margin:20px 20px 20px 20px;padding:60px 40px 50px 40px;background-repeat:no-repeat;background-size:cover;}.elementor-1244 .elementor-element.elementor-element-a9c034e > .elementor-widget-container{background-image:url("https://muenstermannfestival.de/wp-content/uploads/2025/07/boxschoesslang5.png");margin:0px 10px 60px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-1244 .elementor-element.elementor-element-a9c034e.elementor-element{--order:-99999 /* order start hack */;}.elementor-1244 .elementor-element.elementor-element-2aaff76 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1244 .elementor-element.elementor-element-2aaff76 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1244 .elementor-element.elementor-element-9ce102b > .elementor-widget-container{background-color:#798A74;background-image:url("https://muenstermannfestival.de/wp-content/uploads/2025/07/boxschoesslang5.png");margin:0px 20px 50px 20px;padding:70px 40px 0px 40px;background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1244 .elementor-element.elementor-element-9ce102b{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}body.elementor-page-1244:not(.elementor-motion-effects-element-type-background), body.elementor-page-1244 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://muenstermannfestival.de/wp-content/uploads/2025/06/ChatGPT-Image-Jun-17-2025-08_01_48-PM.webp");}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1244 .elementor-element.elementor-element-dd7bff2 > .elementor-widget-container{padding:80px 40px 50px 40px;}.elementor-1244 .elementor-element.elementor-element-a9c034e > .elementor-widget-container{margin:0px 10px 60px 0px;padding:0px 0px 0px 0px;}.elementor-1244 .elementor-element.elementor-element-9ce102b > .elementor-widget-container{background-image:url("https://muenstermannfestival.de/wp-content/uploads/2025/07/boxschoesslang3.png");margin:0px 20px 0px 20px;padding:30px 20px 0px 20px;background-position:center center;background-repeat:no-repeat;background-size:cover;}}@media(max-width:767px){.elementor-1244 .elementor-element.elementor-element-a370b51{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1244 .elementor-element.elementor-element-1661360{--width:100%;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1244 .elementor-element.elementor-element-aa0ca26{text-align:justify;}.elementor-1244 .elementor-element.elementor-element-ca59f34{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-1244 .elementor-element.elementor-element-dd7bff2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:80px 30px 60px 30px;}.elementor-1244 .elementor-element.elementor-element-a9c034e > .elementor-widget-container{margin:0px 0px 60px 0px;padding:0px 0px 70px 0px;}.elementor-1244 .elementor-element.elementor-element-2aaff76 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1244 .elementor-element.elementor-element-9ce102b > .elementor-widget-container{padding:10px 20px 0px 20px;}.elementor-1244 .elementor-element.elementor-element-9ce102b{text-align:center;}}@media(min-width:768px){.elementor-1244 .elementor-element.elementor-element-1661360{--width:40%;}.elementor-1244 .elementor-element.elementor-element-b2d2bfa{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-dd7bff2 */.event-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 10px 28px;
  margin: 20px auto;
  background: #798A74;        /* olive green base */
  color: #F5F2EB;             /* light text */
  font-weight: bold;          /* always bold */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transition: opacity .15s ease,
              transform .12s ease,
              box-shadow .15s ease,
              color .15s ease;
  overflow: hidden;           /* keep overlay inside */
}

/* Overlay background */
.event-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://muenstermannfestival.de/wp-content/uploads/2025/06/ChatGPT-Image-Jun-17-2025-08_01_48-PM.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.2;               /* 20% overlay */
  pointer-events: none;
}

/* Ensure text is above overlay */
.event-button span {
  position: relative;
  z-index: 1;
  font-weight: bold;
}

.event-button:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
  cursor: pointer;
  color: #FFFFFF;             /* text turns white on hover */
}

.event-button:active {
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}

.event-button:focus-visible {
  outline: 3px solid #F5F2EB;
  outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9c034e *//* ---------- Tunables ---------- */
:root {
  --event-arrow-size: 2rem;    /* arrow font-size */
  --event-arrow-gap: 12px;     /* space between text and arrow */
  --event-padding-x: 16px;     /* base horizontal padding */
}

/* ---------- Box ---------- */
.event-box {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;                 /* remove underline */
  border: 1px solid olive;               /* square corners by default */
  padding: 16px;
  margin: 20px auto;
  max-width: 80%;
  background: #798A74;                   /* olive green base */
  color: #F5F2EB;                        /* light text for contrast */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transition: opacity .15s ease, transform .12s ease, box-shadow .15s ease;
  box-sizing: border-box;

  /* Reserve space so text never overlaps the arrow */
  padding-right: calc(var(--event-padding-x) + var(--event-arrow-size) + var(--event-arrow-gap));
}

/* ---------- Background overlay (~20% opacity) ---------- */
.event-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://muenstermannfestival.de/wp-content/uploads/2025/06/ChatGPT-Image-Jun-17-2025-08_01_48-PM.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.2;                 /* ~20% overlay */
  pointer-events: none;         /* don't block clicks */
}

/* Ensure text sits above overlay */
.event-box > * {
  position: relative;
  z-index: 1;
}

/* ---------- Arrow ---------- */
.event-box::after {
  content: "➔";                                 /* thicker arrow symbol */
  position: absolute;
  top: 50%;
  right: var(--event-padding-x);                /* align with padding */
  transform: translateY(-50%) translateX(var(--event-arrow-gap));
  opacity: 0;
  color: #FFF;                                  /* bright for contrast */
  font-size: var(--event-arrow-size);
  font-weight: 900;
  transition: opacity .3s ease, transform .3s ease;
  z-index: 2;                                   /* above ::before overlay */
}

/* ---------- States ---------- */
.event-box:hover {
  opacity: 0.92;                /* lightly opaque on hover */
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
  cursor: pointer;
}

.event-box:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.event-box:active {
  transform: translateY(1px) scale(0.99); /* pressed-in effect */
  box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}

.event-box:focus-visible {
  outline: 3px solid #F5F2EB;  /* accessible keyboard focus */
  outline-offset: 3px;
}

/* ---------- Typography inside ---------- */
.event-box h2 {
  margin: 0 0 6px 0;
  color: #FFFFFF;
}

.event-box p {
  margin: 6px 0;
}

.event-box strong { color: #FFFBEA; }
.event-box em { color: #E8E3D9; }

/* ---------- Optional: reduce motion for users who prefer it ---------- */
@media (prefers-reduced-motion: reduce) {
  .event-box,
  .event-box::after {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ce102b *//* simple utility */
.text-center { text-align: center; }

/* Button-as-link */
.event-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 12px 28px;
  margin: 20px auto;
  background: #798A74;        /* olive green base */
  color: #F5F2EB;             /* light text */
  font-weight: bold;          /* always bold */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transition:
    opacity .15s ease,
    transform .12s ease,
    box-shadow .15s ease,
    color .15s ease;
  overflow: hidden;           /* keep overlay inside */
  border: none;               /* remove default link border in some UAs */
}

/* Background overlay image */
.event-button::before {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0; /* expanded for strict validators */
  background-image: url("https://muenstermannfestival.de/wp-content/uploads/2025/06/ChatGPT-Image-Jun-17-2025-08_01_48-PM.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.2;               /* 20% overlay */
  pointer-events: none;       /* keep link clickable */
}

/* Ensure text sits above overlay */
.event-button span {
  position: relative;
  z-index: 1;
  font-weight: bold;
}

/* Hover / active / focus states */
.event-button:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
  cursor: pointer;
  color: #FFFFFF;             /* text turns white on hover */
}

.event-button:active {
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}

.event-button:focus,
.event-button:focus-visible {
  outline: 3px solid #F5F2EB;
  outline-offset: 3px;
}

/* (Optional) mobile: make sure it never feels cramped */
@media (max-width: 480px) {
  .event-button {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */