.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-5815 .elementor-element.elementor-element-01c21a7{--display:flex;}.elementor-5815 .elementor-element.elementor-element-01c21a7:not(.elementor-motion-effects-element-type-background), .elementor-5815 .elementor-element.elementor-element-01c21a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3cb2da3 );}.elementor-widget-theme-post-content .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );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 );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS *//* ========================================================= UIMF – Komplett-CSS (sauber & geordnet) ========================================================= */ :root{ --uimf-green: #6D9645; /* Primary */ --uimf-green-hover: #395221; /* Hover */ --uimf-gray: #54595F; /* neutrales Grau */ --uimf-bg: #F1EFEB; /* helles Beige (falls genutzt) */ } /* ========================================================= 0) Plugin-Header/Banner ausblenden ========================================================= */ .wpem-single-event-header-top{ display:none !important; } /* ========================================================= 0b) Plugin-Farbvariablen auf UIMF setzen (wichtig für Add to Calendar) ========================================================= */ .wpem-single-event-page{ --wpem-primary-color: #6D9645 !important; /* Text/Icons/Umrandung */ --wpem-primary-bg-color: #6D9645 !important; /* Hover/Active Background */ --wpem-primary-border-color:#6D9645 !important; --wpem-primary-hover-color: #395221 !important; /* falls genutzt */ } /* ========================================================= 1) Haupt-CTA „JETZT BESTELLEN“ ========================================================= */ .wpem-ticket-register-button .wpem-theme-button, button#order_now.wpem-theme-button{ background: var(--uimf-green) !important; color:#fff !important; border:none !important; border-radius:8px; font-weight:600; padding:10px 22px; transition:.2s; } .wpem-ticket-register-button .wpem-theme-button:hover, button#order_now.wpem-theme-button:hover, .wpem-ticket-register-button .wpem-theme-button:focus{ background: var(--uimf-green-hover) !important; color:#fff !important; } /* ========================================================= 2) Views – Icon & Zahl in Grün ========================================================= */ .wpem-viewed-event, .wpem-viewed-event i, .wpem-viewed-event svg{ color: var(--uimf-green) !important; fill: var(--uimf-green) !important; } .wpem-viewed-event .uimf-views-count{ color: var(--uimf-gray); } /* ========================================================= 3) Ort-Link (rechte Spalte) – Grün + klarer Hover (breit selektiert, damit es sicher greift) ========================================================= */ .wpem-event-location a, .wpem-single-event-right-content .wpem-event-location a, .wpem-single-event-body-sidebar .wpem-event-location a, .wpem-single-event-sidebar-info .wpem-event-location a, .wpem-single-event-right-content a[href*="maps.google"], .wpem-single-event-body-sidebar a[href*="maps.google"]{ color: var(--uimf-green) !important; text-decoration:none !important; border-bottom:1px solid rgba(109,150,69,.35); transition:.2s; } .wpem-event-location a:hover, .wpem-single-event-right-content .wpem-event-location a:hover, .wpem-single-event-body-sidebar .wpem-event-location a:hover, .wpem-single-event-sidebar-info .wpem-event-location a:hover, .wpem-single-event-right-content a[href*="maps.google"]:hover, .wpem-single-event-body-sidebar a[href*="maps.google"]:hover{ color: var(--uimf-green-hover) !important; border-color: var(--uimf-green-hover) !important; } /* ========================================================= 4) „Veranstaltungen iCal herunterladen“ – nur grüne Umrandung, Text bleibt grau, kein grüner Fill ========================================================= */ .wpem-single-event-page a.wpem-icon-text-button{ background:#fff !important; color: var(--uimf-gray) !important; /* Text neutral */ border:1px solid var(--uimf-green) !important; /* grüne Outline */ border-radius:8px; transition: all .25s ease-in-out; } .wpem-single-event-page a.wpem-icon-text-button:hover, .wpem-single-event-page a.wpem-icon-text-button:focus{ background:#fff !important; /* kein Fill */ color: var(--uimf-gray) !important; /* Text unverändert */ border-color: var(--uimf-green-hover) !important; /* nur Outline dunkler */ } /* ========================================================= 5) Add to Calendar – Hover/Focus in Grün (WORKING VERSION) ========================================================= */ .wpem-single-event-page .wpem-single-event-right-content .wpem-add-to-calendar .wpem-dropdown-toggle{ border:1px solid var(--uimf-green) !important; border-radius:8px !important; background:#fff !important; color: var(--uimf-gray) !important; box-shadow:none !important; transition:.2s; } .wpem-single-event-page .wpem-single-event-right-content .wpem-add-to-calendar .wpem-dropdown-toggle:hover, .wpem-single-event-page .wpem-single-event-right-content .wpem-add-to-calendar .wpem-dropdown-toggle:focus{ background: var(--uimf-green) !important; color:#fff !important; border-color: var(--uimf-green) !important; box-shadow:none !important; } /* ========================================================= 6) Ticket-Select (Anzahl) – Fokus/Hover in Grün ========================================================= */ .wpem-ticket-information-wrapper select:hover, .wpem-ticket-information-wrapper select:focus, .wpem-ticket-information-wrapper .wpem-form-group select:hover, .wpem-ticket-information-wrapper .wpem-form-group select:focus{ outline:2px solid var(--uimf-green) !important; border-color: var(--uimf-green) !important; box-shadow:none !important; } /* ========================================================= 7) Ticket-Karte – NUR linker Balken beim Hover in Grün (kein Dauereffekt, keine Textänderung) ========================================================= */ /* Variante A: Balken über ::before */ .wpem-ticket-information-wrapper:hover::before, .wpem-ticket-information-wrapper:focus-within::before{ background-color: var(--uimf-green) !important; } /* Variante B: Balken als border-left an innerem Wrap */ .wpem-ticket-info-wrap:hover, .wpem-ticket-info-wrap:focus-within{ border-left-color: var(--uimf-green) !important; } /* ========================================================= UIMF – Registrierung wie Ticket-Block stylen (ohne Tickets) ========================================================= */ /* Wrapper, den das JS setzt */ .uimf-reg-as-ticket{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:8px; padding:18px 20px; margin-top:24px; box-shadow: 0 1px 2px rgba(0,0,0,.04); } /* Überschrift ähnlich "Ticket-Informationen" */ .uimf-reg-as-ticket .uimf-reg-title{ font-family: "Montserrat", sans-serif; font-weight:700; font-size:20px; line-height:1.3; margin:0 0 14px 0; color:#54595F; /* dein Grau */ letter-spacing:.2px; } /* Button wie dein Primär-CTA */ .uimf-reg-as-ticket .wpem-theme-button, .uimf-reg-as-ticket button, .uimf-reg-as-ticket .registration_button{ background:#6D9645 !important; /* Primary */ color:#fff !important; border:none !important; border-radius:8px !important; font-weight:600 !important; padding:10px 22px !important; text-transform:uppercase; transition: .2s ease; } .uimf-reg-as-ticket .wpem-theme-button:hover, .uimf-reg-as-ticket button:hover, .uimf-reg-as-ticket .registration_button:hover{ background:#395221 !important; /* Hover */ } /* Kleinzeug angleichen */ .uimf-reg-as-ticket .wpem-form-wrapper, .uimf-reg-as-ticket form{ margin:0; } /* UIMF – Registration-Button CI-Farben */ .uimf-reg-as-ticket .registration_button, .uimf-reg-as-ticket .wpem-theme-button, .event_registration.registration .registration_button, .event_registration.registration .wpem-theme-button{ background:#6D9645 !important; /* Primary */ color:#fff !important; border:none !important; border-radius:8px !important; font-weight:600 !important; padding:10px 22px !important; text-transform:uppercase; } .uimf-reg-as-ticket .registration_button:hover, .uimf-reg-as-ticket .wpem-theme-button:hover, .event_registration.registration .registration_button:hover, .event_registration.registration .wpem-theme-button:hover{ background:#395221 !important; /* Hover */ } /* Hinweis-Kasten & Button (Logout, keine Tickets) */ .uimf-login-gate{ background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:8px; padding:14px 16px; margin:0 0 14px; } .uimf-login-gate .uimf-login-btn{ display:inline-block; padding:10px 16px; background:#6D9645; /* Primary */ color:#fff !important; border-radius:8px; text-transform:uppercase; font-weight:600; } .uimf-login-gate .uimf-login-btn:hover{ background:#395221; } /* Hover *//* End custom CSS */