<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>h5p &#8211; MPZ Dresden</title>
	<atom:link href="https://www.mpz-dresden.de/tag/h5p/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.mpz-dresden.de</link>
	<description>Medienpädagogisches Zentrum</description>
	<lastBuildDate>Thu, 16 Jul 2026 11:07:02 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.1</generator>

<image>
	<url>https://www.mpz-dresden.de/wp-content/uploads/2024/10/cropped-Logo-Kreis-Favicon1-32x32.png</url>
	<title>h5p &#8211; MPZ Dresden</title>
	<link>https://www.mpz-dresden.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Interaktive Aufgaben mit H5P &#038; Lumi</title>
		<link>https://www.mpz-dresden.de/event/interaktive-aufgaben-mit-h5p-lumi/</link>
		
		<dc:creator><![CDATA[Helge Fleischer]]></dc:creator>
		<pubDate>Sat, 01 Apr 2028 10:00:00 +0000</pubDate>
				<category><![CDATA[fobi]]></category>
		<category><![CDATA[h5p]]></category>
		<category><![CDATA[lernsax]]></category>
		<guid isPermaLink="false">https://www.mpz-dresden.de/?post_type=tribe_events&#038;p=9240</guid>

					<description><![CDATA[- Strategien zum Einsatz von Tablets im Unterricht
- Vorstellen verschiedener Apps und webbasierende Anwendungen zum eigenen
- Gestalten des Unterrichts, zum Selbstlernen und kollaborativen Arbeiten, kreativen und produktiven Unterricht, zur Lernerfolgskontrolle
- Erarbeitung von Unterrichtsbeispielen bzw. Unterrichtsequenzen mit dem Tablet
- KI Systeme]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-kadence-column kadence-column9240_3e959d-91">
<div class="kt-inside-inner-col"><div class="kb-row-layout-wrap kb-row-layout-id9240_50769d-ab alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">


<div class="wp-block-kadence-column kadence-column9240_a49488-67">
<div class="kt-inside-inner-col">
<p class="wp-block-paragraph" id="block-67ea3900-d391-466b-954f-bb0d65e849b3"><strong><br />Lückentexte, Memorys und Quizze im Handumdrehen selbst erstellen und in LernSax einbinden.</strong></p>



<p class="wp-block-paragraph">Bringen Sie mehr Interaktivität in Ihren digitalen Unterricht! Mit <strong>H5P</strong> erstellen Sie ohne Programmierkenntnisse abwechslungsreiche Übungstypen wie Lückentexte, Drag-the-Word oder Zuordnungsaufgaben die sie über Lernsax verfügbar machen können.</p>



<p class="wp-block-paragraph"><strong>Inhalte:</strong></p>



<ul class="wp-block-list">
<li>Nutzung des kostenfreien und intuitiven bedienbaren <strong>Lumi-Editor</strong>s,</li>



<li>Erstellung verschiedener Aufgabentypen</li>



<li>exportieren interaktiver Aufgaben als All-in-One-HTML-Datei,</li>



<li>veröffentlichen der Aufgaben über &#8222;<strong>LernSax-</strong>Webseite&#8220;</li>
</ul>



<p class="wp-block-paragraph"><br /><strong>Praxis-Teil („Hausaufgabe“):</strong> Bringen Sie eigene Texte (z. B. für Lückentexte) und Ideen für Zuordnungsaufgaben mit, um Ihr erstes H5P-Element direkt im Kurs fertigzustellen.</p>


	<div  class="tribe-block tribe-block__events-link" >
		<div class="tribe-events tribe-common">
			<div class="tribe-events-c-subscribe-dropdown__container">
				<div class="tribe-events-c-subscribe-dropdown">
					<div class="tribe-common-c-btn-border tribe-events-c-subscribe-dropdown__button">
						<svg
	 class="tribe-common-c-svgicon tribe-common-c-svgicon--cal-export tribe-events-c-subscribe-dropdown__export-icon" 	aria-hidden="true"
	viewBox="0 0 23 17"
	xmlns="http://www.w3.org/2000/svg"
>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M.128.896V16.13c0 .211.145.383.323.383h15.354c.179 0 .323-.172.323-.383V.896c0-.212-.144-.383-.323-.383H.451C.273.513.128.684.128.896Zm16 6.742h-.901V4.679H1.009v10.729h14.218v-3.336h.901V7.638ZM1.01 1.614h14.218v2.058H1.009V1.614Z" />
	<path d="M20.5 9.846H8.312M18.524 6.953l2.89 2.909-2.855 2.855" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
						<button
							class="tribe-events-c-subscribe-dropdown__button-text"
							aria-expanded="false"
							aria-controls="tribe-events-subscribe-dropdown-content"
							aria-label="Zeige Links an um Veranstaltungen zu deinem Kalender hinzuzufügen"
						>
							Zum Kalender hinzufügen						</button>
						<svg
	 class="tribe-common-c-svgicon tribe-common-c-svgicon--caret-down tribe-events-c-subscribe-dropdown__button-icon" 	aria-hidden="true"
	viewBox="0 0 10 7"
	xmlns="http://www.w3.org/2000/svg"
>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M1.008.609L5 4.6 8.992.61l.958.958L5 6.517.05 1.566l.958-.958z" class="tribe-common-c-svgicon__svg-fill"/>
</svg>
					</div>
					<div id="tribe-events-subscribe-dropdown-content" class="tribe-events-c-subscribe-dropdown__content">
						<ul class="tribe-events-c-subscribe-dropdown__list">
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--gcal">
									<a
										href="https://www.google.com/calendar/event?action=TEMPLATE&#038;dates=20280401T120000/20280401T160000&#038;text=Interaktive%20Aufgaben%20mit%20H5P%20%26amp%3B%20Lumi&#038;details=%3Cdiv+class%3D%22wp-block-kadence-column+kadence-column9240_3e959d-91%22%3E%3Cdiv+class%3D%22kt-inside-inner-col%22%3E%3Cdiv+class%3D%22wp-block-kadence-column+kadence-column9240_a49488-67%22%3E%3Cdiv+class%3D%22kt-inside-inner-col%22%3E%3Cp+id%3D%22block-67ea3900-d391-466b-954f-bb0d65e849b3%22%3E%3Cstrong%3E%3Cbr+%2F%3EL%C3%BCckentexte%2C+Memorys+und+Quizze+im+Handumdrehen+selbst+erstellen+und+in+LernSax+einbinden.%3C%2Fstrong%3E%3C%2Fp%3E+%3Cp%3EBringen+Sie+mehr+Interaktivit%C3%A4t+in+Ihren+digitalen+Unterricht%21+Mit%C2%A0%3Cstrong%3EH5P%3C%2Fstrong%3E%C2%A0erstellen+Sie+ohne+Programmierkenntnisse+abwechslungsreiche+%C3%9Cbungstypen+wie+L%C3%BCckentexte%2C+Drag-the-Word+oder+Zuordnungsaufgaben+die+sie+%C3%BCber+Lernsax+verf%C3%BCgbar+machen+k%C3%B6nnen.%3C%2Fp%3E+%3Cp%3E%3Cstrong%3EInhalte%3A%3C%2Fstrong%3E%3C%2Fp%3E+%3Cul+class%3D%22wp-block-list%22%3E%3Cli%3ENutzung+des+kostenfreien+und+intuitiven%C2%A0bedienbaren+%3Cstrong%3ELumi-Editor%3C%2Fstrong%3Es%2C%3C%2Fli%3E%3Cli%3EErstellung+verschiedener+Aufgabentypen%3C%2Fli%3E%3Cli%3Eexportieren+interaktiver+Aufgaben+als+All-in-One-HTML-Datei%2C%3C%2Fli%3E%3Cli%3Ever%C3%B6ffentlichen+%3C%2Fli%3E%3C%2Ful%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E+%28Zeige+vollst%C3%A4ndige+Veranstaltung-Beschreibung+hier+an%3A+https%3A%2F%2Fwww.mpz-dresden.de%2Fevent%2Finteraktive-aufgaben-mit-h5p-lumi%2F%29&#038;location=MPZ%20Dresden,%20Hertha-Lindner-Str.%2017,%20Dresden,%20Saxony,%2001067,%20Germany&#038;trp=false&#038;ctz=Europe/Berlin&#038;sprop=website:https://www.mpz-dresden.de"
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										Google Kalender									</a>
								</li>
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--ical">
									<a
										href=""
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										iCalendar									</a>
								</li>
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--outlook-365">
									<a
										href=""
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										Outlook 365									</a>
								</li>
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--outlook-live">
									<a
										href=""
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										Outlook Live									</a>
								</li>
													</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
</div>



<div class="wp-block-kadence-column kadence-column9240_52628d-3e">
<div class="kt-inside-inner-col">
<h4 class="wp-block-heading">Wann?</h4>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-77afbcbe">
<div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-aa733c97 wp-block-button">
<div class="uagb-button__wrapper">
<div class="uagb-button__link">Click Here</div>
</div>
</div>
</div>
</div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" />

<div  class="tribe-events-schedule tribe-clearfix" >
	<p class="tribe-events-schedule__datetime">
		<span class="tribe-events-schedule__date tribe-events-schedule__date--start">
			1. April 2028		</span>

					<span class="tribe-events-schedule__separator tribe-events-schedule__separator--date">
				 @ 			</span>
			<span class="tribe-events-schedule__time tribe-events-schedule__time--start">
				12:00			</span>
		
									<span class="tribe-events-schedule__separator tribe-events-schedule__separator--time">
					 &#8211; 				</span>
			
							<span class="tribe-events-schedule__time tribe-events-schedule__time--end">
					16:00				</span>
			
						</p>
</div>



<h4 class="wp-block-heading">Wer?</h4>


<div  class="tribe-block tribe-block__organizer__details tribe-clearfix" >
	<div class="tribe-block__organizer__title">
		<h4>Helge Fleischer</h4>
	</div>
			</div>



<h4 class="wp-block-heading ticss-e3a8c8c7">Wo?</h4>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" />


<p class="wp-block-paragraph">Hertha-Lindner-Str. 17</p>



<p class="wp-block-paragraph">01067 Dresden</p>



<p class="wp-block-paragraph">Routenplanung (Link zu graphhopper.com)</p>




<div class="open-user-map ">

  
  
  <!-- Map Container -->
  <div class="oum-map-container">
    
<div class="box-wrap map-size-default ">
  
  <div class="map-wrap">
    <div class="oum-loading-overlay">
      <div class="oum-loading-spinner"></div>
    </div>
    <div id="map-20210929" class="leaflet-map map-style_OpenFreeMap.positron" data-oum-tile-provider-container="openfreemap"></div>

        
    
    
    
    
    <script type="text/javascript" id="oum-init-map" data-category="functional" class="cmplz-native" data-oum-tile-provider="openfreemap">

      map_el = `map-20210929`;

      if(document.getElementById(map_el)) {
        /* Transfer PHP array to JS json */
        var oum_all_locations = [{"title":"MPZ Dresden","lat":"51.051358695258","lng":"13.729391098022","zoom":"12","geometry_type":"point","geometry":null,"show_measurement":false,"category_color":"#e82c71","content":"In den Annenhöfen MPZ Dresden Wir heißen Sie recht herzlich willkommen in den Annenhöfen in der Nähe des Postplatz im Herzen der Dresdner Altstadt. mpz-dresden","icon":"https://www.mpz-dresden.de/wp-content/plugins/open-user-map/src/leaflet/images/marker-icon_custom4-2x.png","types":[],"post_id":"6420","address":"In den Annenhöfen","text":"Wir heißen Sie recht herzlich willkommen in den Annenhöfen in der Nähe des Postplatz im Herzen der Dresdner Altstadt.","image":"","audio":"","video":"","custom_fields":[],"votes":0,"star_rating_avg":0,"star_rating_count":0}];

        // Wait for the main initialization function to be available, then call it
        function oumWaitForMainInit() {
          if (typeof oumInitializeMap === 'function') {
            console.log('<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5fa.png" alt="🗺" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Open User Map: Starting');
            
            // Initialize the map
            oumInitializeMap();
          } else {
            setTimeout(oumWaitForMainInit, 100);
          }
        }
        
        setTimeout(oumWaitForMainInit, 100);
      }

    </script>

    <script type="text/javascript" id="oum-inline-js" 
      data-category="functional" 
      class="cmplz-native" 
      data-minify="0"
      data-no-optimize="1"
      data-no-defer="1"
      data-no-combine="1"
      data-cfasync="false"
      data-pagespeed-no-defer
      data-boot="1">

      map_el = `map-20210929`;

      if(document.getElementById(map_el)) {

        // Wait for OUMLoader to be defined
        function oumLoading() {
          if (typeof OUMLoader !== 'undefined') {
            // Initialize loader for this map
            OUMLoader.initLoader(map_el);

            // Add event listener for map initialization complete
            document.addEventListener('oum:map_initialized', function(e) {
              if (e.detail.mapId === map_el) {
                OUMLoader.setMapInitialized(map_el);
              }
            });
          } else {
            // If OUMLoader is not yet defined, wait and try again
            setTimeout(oumLoading, 100);
          }
        }

        // OUM Loading Spinner
        oumLoading();

        // OUM inline JS variables
        var mapStyle = "OpenFreeMap.positron";
        var oum_tile_provider_mapbox_key = "";
        var oum_tile_provider_carto_key = "";
        var marker_icon_url = "https:\/\/www.mpz-dresden.de\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom4-2x.png";
        var marker_shadow_url = "https:\/\/www.mpz-dresden.de\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-shadow.png";
        var oum_enable_scrollwheel_zoom_map = true;
        var oum_enable_cluster = true;
        var oum_enable_fullscreen = false;

        var oum_enable_searchbar = false;
        var oum_searchbar_type = "address";

        var oum_geosearch_selected_provider = "";
        var oum_geosearch_provider = "osm";
        var oum_geosearch_provider_geoapify_key = "";
        var oum_geosearch_provider_here_key = "";
        var oum_geosearch_provider_mapbox_key = "";
        
        var oum_enable_searchaddress_button = false;
        var oum_searchaddress_label = "Suche nach Adresse";

        var oum_enable_searchmarkers_button = false;
        var oum_searchmarkers_label = "Marker finden";
        var oum_searchmarkers_zoom = "8";

        var oum_enable_currentlocation = false;
        var oum_action_after_submit = "text";
        var thankyou_redirect = "";
        var start_lat = Number(51.051180967807);
        var start_lng = Number(13.731516028608);
        var start_zoom = Number(14.5);
        
        var oum_enable_fixed_map_bounds = "on";
        var oum_use_settings_start_location = true;
        var oum_has_regions = false;
        var oum_enable_multiple_marker_types = "false";
        var oum_hide_filterbox = false;
        var oum_hide_location_popup = false;
        var oum_enable_address = "on";
        var oum_enable_address_autofill = "";

        // WordPress timezone for opening hours calculations
        var oum_wordpress_timezone = `Europe/Berlin`;

        // Custom Image data
        var oum_custom_image_url = "";
        var oum_custom_image_bounds = {};
        var oum_custom_image_hide_tiles = false;
        var oum_custom_image_clickable = false;
        var oum_custom_image_background_color = "#ffffff";

        var oum_location = {};
        var oum_custom_css = '';
        var oum_custom_script = '';
        var oum_max_image_filesize = 10;
        var oumMap;
        var oumMap2;

        /**
         * Conditional Field Feature
         * 
         * @param {string} sourceField - The source field selector
         * @param {string} targetField - The target field selector
         * @param {array} condShow - The values that should show the target field
         * @param {array|null} condHide - The values that should hide the target field. If empty/null/undefined, the field will be hidden when condShow is not met.
         */
        var oumConditionalField = (sourceField, targetField, condShow, condHide = null) => {
            const sourceElements = document.querySelectorAll(sourceField); // Select all radios/checkboxes or single select
            const targetElementWrapper = document.querySelector(targetField)?.parentElement; /* works with custom fields only */

            // Check if both sourceElements and targetElementWrapper exist
            if (!sourceElements.length) {
                console.warn(`OUM: Source field(s) not found: ${sourceField}`);
                return;
            }

            if (!targetElementWrapper) {
                console.warn(`OUM: Target field wrapper not found: ${targetField}`);
                return;
            }

            /* Event listener for change */
            const onChangeHandler = function() {
                // Get selected values for checkboxes and single selected value for radios/select
                const selectedValues = Array.from(sourceElements)
                    .filter(element => element.checked || element.tagName === 'SELECT')
                    .map(element => element.value);

                const selectedValue = selectedValues[0]; // For radios and selects, we use only the first (and only) value

                console.log('OUM: run condition', {selectedValue, sourceField, targetField, condShow, condHide});
                
                // Show or hide target field based on the selected value(s)
                if (condShow.includes(selectedValue)) {
                    // Show the field if condShow condition is met
                    targetElementWrapper.style.display = 'block';
                } else if (condHide && Array.isArray(condHide) && condHide.length > 0 && condHide.includes(selectedValue)) {
                    // Hide the field if condHide is provided and condition is met
                    targetElementWrapper.style.display = 'none';
                } else if (!condHide || (Array.isArray(condHide) && condHide.length === 0)) {
                    // If condHide is empty/null/undefined, hide the field when condShow is not met
                    targetElementWrapper.style.display = 'none';
                }
            };

            /* Attach the event listener to each radio/checkbox or select */
            sourceElements.forEach(element => {
                element.addEventListener('change', onChangeHandler);
            });

            /* Trigger initially */
            onChangeHandler(); // Call it directly to set initial state
        };

        /**
         * Add Custom Styles
         */
        
                            /* custom color */
          oum_custom_css += `
            .open-user-map .add-location #close-add-location-overlay:hover {color: #e82c71 !important}
            .open-user-map .box-wrap .map-wrap .open-add-location-overlay {background-color: #e82c71 !important}
            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:hover,
            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:active {background-color: #d12866 !important}
            .open-user-map .box-wrap .map-wrap .oum-filter-controls .oum-filter-list .close-filter-list:hover {color: #e82c71 !important}
            .open-user-map .oum-advanced-filter-button .oum-advanced-filter-content .close-advanced-filter:hover,
            .open-user-map .oum-advanced-filter-panel .oum-advanced-filter-content .close-advanced-filter:hover {color: #e82c71 !important}
            .open-user-map input.oum-switch[type="checkbox"]:checked + label::before {background-color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum-required-indicator {color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location h2 {color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=text]:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=email]:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=url]:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location textarea:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location select:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e82c71 !important}
            .open-user-map .oum_location_text a {color: #e82c71 !important}
            .open-user-map .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .oum-tabs {border-color: #e82c71 !important}
            .open-user-map .oum-tabs .nav-item:hover {color: #e82c71 !important; border-color: #e82c71 !important}
            .open-user-map .oum-tabs .nav-item.active {color: #e82c71 !important; border-color: #e82c71 !important}
            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e82c71 !important;}
            /* Submit Button */
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit] {background-color: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:hover,
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:active {background-color: #d12866 !important;}
            /* Message CTA Buttons */
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button {background-color: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:hover,
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:active {background-color: #d12866 !important;}
            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button {background-color: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:hover,
            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:active {background-color: #d12866 !important;}
            /* Media Section Colors */
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .media-upload label {color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-upload .media-upload-top label .multi-upload-indicator {background: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:hover {border-color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .image-preview-placeholder {border-color: #e82c71 !important; background: #e82c710a !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-preview-grid .image-preview-item.dragging {border-color: #e82c71 !important}
            /* List Styles */
            .open-user-map-locations-list .oum-locations-list-item .oum_location_text a {color: #e82c71 !important} 
            .open-user-map-locations-list .oum-locations-list-item .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}`;

        
        
          /* custom map height */
          oum_custom_css += ".open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 450px !important; aspect-ratio: unset !important;}";

        
        
          /* custom map height */
          oum_custom_css += "@media screen and (max-width: 768px) {.open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 250px !important; aspect-ratio: unset !important;}}";

        
        var custom_style = document.createElement('style');

        if (custom_style.styleSheet) {
          custom_style.styleSheet.cssText = oum_custom_css;
        } else {
          custom_style.appendChild(document.createTextNode(oum_custom_css));
        }

        document.getElementsByTagName('head')[0].appendChild(custom_style);

        /* Add initial CSS to prevent flash of unstyled content */
        var initialStyles = document.createElement('style');
        initialStyles.textContent = `
          .oum-hidden {
            opacity: 0 !important;
            visibility: hidden !important;
            transition: opacity 0.3s ease, visibility 0.3s ease;
          }
          .oum-filter-controls,
          .open-add-location-overlay,
          .map-wrap #oum_filter_markers,
          .oum-advanced-filter-button,
          .oum-advanced-filter-panel,
          .oum-sidebar {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
          }
          .oum-filter-controls.visible,
          .open-add-location-overlay.visible,
          .map-wrap #oum_filter_markers.visible,
          .oum-advanced-filter-button.visible,
          .oum-advanced-filter-panel.visible,
          .oum-sidebar.visible {
            opacity: 1;
            visibility: visible;
          }
        `;
        document.head.appendChild(initialStyles);

      }
    </script>

  </div>

</div>
  </div>

</div>
</div>
</div>
</div></div></div>
</div>



<p class="wp-block-paragraph">&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Lückentexte mit H5P-Editor Lumi</title>
		<link>https://www.mpz-dresden.de/event/lueckentexte-mit-h5p-editor-lumi/</link>
		
		<dc:creator><![CDATA[Stephanie Schmidt]]></dc:creator>
		<pubDate>Tue, 20 May 2025 12:00:00 +0000</pubDate>
				<category><![CDATA[fobi]]></category>
		<category><![CDATA[h5p]]></category>
		<category><![CDATA[windows]]></category>
		<guid isPermaLink="false">https://www.mpz-dresden.de/?post_type=tribe_events&#038;p=6965</guid>

					<description><![CDATA[H5P ist eine niederschwellige Lösung zur Erstellung interaktiver digitaler Lernszenarien. Am Beispiel der Inhaltstypen „Fill in the Blank“ und „Drag the words“ wird die Verwendung des LUMI-Editors und die „Veröffentlichung“ über das Webseiten-Modul von Lernsax kennengelernt.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-kadence-column kadence-column6965_cb5563-b9"><div class="kt-inside-inner-col"><div class="kb-row-layout-wrap kb-row-layout-id6965_6fa39b-1f alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column6965_bd4fb9-3a"><div class="kt-inside-inner-col">
<p class="wp-block-paragraph" id="block-67ea3900-d391-466b-954f-bb0d65e849b3"><strong>Allgemeines:</strong></p>



<p class="wp-block-paragraph">H5P ist eine niederschwellige Lösung zur Erstellung interaktiver digitaler Lernszenarien. Am Beispiel der Inhaltstypen „Fill in the Blank“ und „Drag the words“ wird die Verwendung des LUMI-Editors und die „Veröffentlichung“ über das Webseiten-Modul von Lernsax kennengelernt.</p>



<p class="wp-block-paragraph"><strong>Hinweis:</strong></p>



<p class="wp-block-paragraph">Der Lumi-Editor ist nur für Windows verfügbar.</p>


	<div  class="tribe-block tribe-block__events-link" >
		<div class="tribe-events tribe-common">
			<div class="tribe-events-c-subscribe-dropdown__container">
				<div class="tribe-events-c-subscribe-dropdown">
					<div class="tribe-common-c-btn-border tribe-events-c-subscribe-dropdown__button">
						<svg
	 class="tribe-common-c-svgicon tribe-common-c-svgicon--cal-export tribe-events-c-subscribe-dropdown__export-icon" 	aria-hidden="true"
	viewBox="0 0 23 17"
	xmlns="http://www.w3.org/2000/svg"
>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M.128.896V16.13c0 .211.145.383.323.383h15.354c.179 0 .323-.172.323-.383V.896c0-.212-.144-.383-.323-.383H.451C.273.513.128.684.128.896Zm16 6.742h-.901V4.679H1.009v10.729h14.218v-3.336h.901V7.638ZM1.01 1.614h14.218v2.058H1.009V1.614Z" />
	<path d="M20.5 9.846H8.312M18.524 6.953l2.89 2.909-2.855 2.855" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
						<button
							class="tribe-events-c-subscribe-dropdown__button-text"
							aria-expanded="false"
							aria-controls="tribe-events-subscribe-dropdown-content"
							aria-label="Zeige Links an um Veranstaltungen zu deinem Kalender hinzuzufügen"
						>
							Zum Kalender hinzufügen						</button>
						<svg
	 class="tribe-common-c-svgicon tribe-common-c-svgicon--caret-down tribe-events-c-subscribe-dropdown__button-icon" 	aria-hidden="true"
	viewBox="0 0 10 7"
	xmlns="http://www.w3.org/2000/svg"
>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M1.008.609L5 4.6 8.992.61l.958.958L5 6.517.05 1.566l.958-.958z" class="tribe-common-c-svgicon__svg-fill"/>
</svg>
					</div>
					<div id="tribe-events-subscribe-dropdown-content" class="tribe-events-c-subscribe-dropdown__content">
						<ul class="tribe-events-c-subscribe-dropdown__list">
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--gcal">
									<a
										href="https://www.google.com/calendar/event?action=TEMPLATE&#038;dates=20250520T140000/20250520T160000&#038;text=L%C3%BCckentexte%20mit%20H5P-Editor%20Lumi&#038;details=%3Cdiv+class%3D%22wp-block-kadence-column+kadence-column6965_cb5563-b9%22%3E%3Cdiv+class%3D%22kt-inside-inner-col%22%3E%3Cdiv+class%3D%22wp-block-kadence-column+kadence-column6965_bd4fb9-3a%22%3E%3Cdiv+class%3D%22kt-inside-inner-col%22%3E%3Cp+id%3D%22block-67ea3900-d391-466b-954f-bb0d65e849b3%22%3E%3Cstrong%3EAllgemeines%3A%3C%2Fstrong%3E%3C%2Fp%3E+%3Cp%3EH5P+ist+eine+niederschwellige+L%C3%B6sung+zur+Erstellung+interaktiver+digitaler+Lernszenarien.+Am+Beispiel+der+Inhaltstypen+%E2%80%9EFill+in+the+Blank%E2%80%9C+und+%E2%80%9EDrag+the+words%E2%80%9C+wird+die+Verwendung+des+LUMI-Editors+und+die+%E2%80%9EVer%C3%B6ffentlichung%E2%80%9C+%C3%BCber+das+Webseiten-Modul+von+Lernsax+kennengelernt.%3C%2Fp%3E+%3Cp%3E%3Cstrong%3EHinweis%3A%3C%2Fstrong%3E%3C%2Fp%3E+%3Cp%3EDer+Lumi-Editor+ist+nur+f%C3%BCr+Windows+verf%C3%BCgbar.%3C%2Fp%3E+%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+class%3D%22wp-block-kadence-column+kadence-column6965_ae4bdf-5f%22%3E%3Cdiv+class%3D%22kt-inside-inner-col%22%3E%3Ch4+class%3D%22wp-block-heading%22%3EDatum+und+Uhrzeit%3C%2Fh4%3E%3Chr+class%3D%22wp-block-separator+has-alpha-channel-opacity+is-style-default%22%2F%3E%3Ch4+class%3D%22wp-block-heading%22%3EIhr+Dozent%3C%2Fh4%3E%3Ch4+c%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E+%28Zeige+vollst%C3%A4ndige+Veranstaltung-Beschreibung+hier+an%3A+https%3A%2F%2Fwww.mpz-dresden.de%2Fevent%2Flueckentexte-mit-h5p-editor-lumi%2F%29&#038;location=MPZ%20Dresden,%20Hertha-Lindner-Str.%2017,%20Dresden,%20Saxony,%2001067,%20Germany&#038;trp=false&#038;ctz=Europe/Berlin&#038;sprop=website:https://www.mpz-dresden.de"
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										Google Kalender									</a>
								</li>
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--ical">
									<a
										href=""
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										iCalendar									</a>
								</li>
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--outlook-365">
									<a
										href=""
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										Outlook 365									</a>
								</li>
															<li class="tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--outlook-live">
									<a
										href=""
										class="tribe-events-c-subscribe-dropdown__list-item-link"
										target="_blank"
										rel="noopener noreferrer nofollow noindex"
									>
										Outlook Live									</a>
								</li>
													</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

</div></div>



<div class="wp-block-kadence-column kadence-column6965_ae4bdf-5f"><div class="kt-inside-inner-col">
<h4 class="wp-block-heading">Datum und Uhrzeit</h4>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-default"/>


<div  class="tribe-events-schedule tribe-clearfix" >
	<p class="tribe-events-schedule__datetime">
		<span class="tribe-events-schedule__date tribe-events-schedule__date--start">
			20. Mai 2025		</span>

					<span class="tribe-events-schedule__separator tribe-events-schedule__separator--date">
				 @ 			</span>
			<span class="tribe-events-schedule__time tribe-events-schedule__time--start">
				14:00			</span>
		
									<span class="tribe-events-schedule__separator tribe-events-schedule__separator--time">
					 &#8211; 				</span>
			
							<span class="tribe-events-schedule__time tribe-events-schedule__time--end">
					16:00				</span>
			
						</p>
</div>



<h4 class="wp-block-heading">Ihr Dozent</h4>


<div  class="tribe-block tribe-block__organizer__details tribe-clearfix" >
	<div class="tribe-block__organizer__title">
		<h4>Helge Fleischer</h4>
	</div>
				<p class="tribe-block__organizer__email"><a href="mailto:h&#101;&#108;&#103;&#101;.f&#108;e&#105;&#115;&#099;&#104;&#101;&#114;&#064;&#109;&#112;z-&#100;re&#115;&#100;&#101;n.lerns&#097;x&#046;d&#101;">h&#101;&#108;&#103;&#101;.f&#108;e&#105;&#115;&#099;&#104;&#101;&#114;&#064;&#109;&#112;z-&#100;re&#115;&#100;&#101;n.lerns&#097;x&#046;d&#101;</a></p>
	</div>



<h4 class="wp-block-heading ticss-e3a8c8c7">Veranstaltungsort</h4>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-default"/>



<p class="wp-block-paragraph">Hertha-Lindner-Str. 17</p>



<p class="wp-block-paragraph">01067 Dresden</p>



<p class="wp-block-paragraph">Routenplanung (Link zu graphhopper.com)</p>




<div class="open-user-map ">

  
  
  <!-- Map Container -->
  <div class="oum-map-container">
    
<div class="box-wrap map-size-default ">
  
  <div class="map-wrap">
    <div class="oum-loading-overlay">
      <div class="oum-loading-spinner"></div>
    </div>
    <div id="map-20210929" class="leaflet-map map-style_OpenFreeMap.positron" data-oum-tile-provider-container="openfreemap"></div>

        
    
    
    
    
    <script type="text/javascript" id="oum-init-map" data-category="functional" class="cmplz-native" data-oum-tile-provider="openfreemap">

      map_el = `map-20210929`;

      if(document.getElementById(map_el)) {
        /* Transfer PHP array to JS json */
        var oum_all_locations = [{"title":"MPZ Dresden","lat":"51.051358695258","lng":"13.729391098022","zoom":"12","geometry_type":"point","geometry":null,"show_measurement":false,"category_color":"#e82c71","content":"In den Annenhöfen MPZ Dresden Wir heißen Sie recht herzlich willkommen in den Annenhöfen in der Nähe des Postplatz im Herzen der Dresdner Altstadt. mpz-dresden","icon":"https://www.mpz-dresden.de/wp-content/plugins/open-user-map/src/leaflet/images/marker-icon_custom4-2x.png","types":[],"post_id":"6420","address":"In den Annenhöfen","text":"Wir heißen Sie recht herzlich willkommen in den Annenhöfen in der Nähe des Postplatz im Herzen der Dresdner Altstadt.","image":"","audio":"","video":"","custom_fields":[],"votes":0,"star_rating_avg":0,"star_rating_count":0}];

        // Wait for the main initialization function to be available, then call it
        function oumWaitForMainInit() {
          if (typeof oumInitializeMap === 'function') {
            console.log('<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5fa.png" alt="🗺" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Open User Map: Starting');
            
            // Initialize the map
            oumInitializeMap();
          } else {
            setTimeout(oumWaitForMainInit, 100);
          }
        }
        
        setTimeout(oumWaitForMainInit, 100);
      }

    </script>

    <script type="text/javascript" id="oum-inline-js" 
      data-category="functional" 
      class="cmplz-native" 
      data-minify="0"
      data-no-optimize="1"
      data-no-defer="1"
      data-no-combine="1"
      data-cfasync="false"
      data-pagespeed-no-defer
      data-boot="1">

      map_el = `map-20210929`;

      if(document.getElementById(map_el)) {

        // Wait for OUMLoader to be defined
        function oumLoading() {
          if (typeof OUMLoader !== 'undefined') {
            // Initialize loader for this map
            OUMLoader.initLoader(map_el);

            // Add event listener for map initialization complete
            document.addEventListener('oum:map_initialized', function(e) {
              if (e.detail.mapId === map_el) {
                OUMLoader.setMapInitialized(map_el);
              }
            });
          } else {
            // If OUMLoader is not yet defined, wait and try again
            setTimeout(oumLoading, 100);
          }
        }

        // OUM Loading Spinner
        oumLoading();

        // OUM inline JS variables
        var mapStyle = "OpenFreeMap.positron";
        var oum_tile_provider_mapbox_key = "";
        var oum_tile_provider_carto_key = "";
        var marker_icon_url = "https:\/\/www.mpz-dresden.de\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom4-2x.png";
        var marker_shadow_url = "https:\/\/www.mpz-dresden.de\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-shadow.png";
        var oum_enable_scrollwheel_zoom_map = true;
        var oum_enable_cluster = true;
        var oum_enable_fullscreen = false;

        var oum_enable_searchbar = false;
        var oum_searchbar_type = "address";

        var oum_geosearch_selected_provider = "";
        var oum_geosearch_provider = "osm";
        var oum_geosearch_provider_geoapify_key = "";
        var oum_geosearch_provider_here_key = "";
        var oum_geosearch_provider_mapbox_key = "";
        
        var oum_enable_searchaddress_button = false;
        var oum_searchaddress_label = "Suche nach Adresse";

        var oum_enable_searchmarkers_button = false;
        var oum_searchmarkers_label = "Marker finden";
        var oum_searchmarkers_zoom = "8";

        var oum_enable_currentlocation = false;
        var oum_action_after_submit = "text";
        var thankyou_redirect = "";
        var start_lat = Number(51.051180967807);
        var start_lng = Number(13.731516028608);
        var start_zoom = Number(14.5);
        
        var oum_enable_fixed_map_bounds = "on";
        var oum_use_settings_start_location = true;
        var oum_has_regions = false;
        var oum_enable_multiple_marker_types = "false";
        var oum_hide_filterbox = false;
        var oum_hide_location_popup = false;
        var oum_enable_address = "on";
        var oum_enable_address_autofill = "";

        // WordPress timezone for opening hours calculations
        var oum_wordpress_timezone = `Europe/Berlin`;

        // Custom Image data
        var oum_custom_image_url = "";
        var oum_custom_image_bounds = {};
        var oum_custom_image_hide_tiles = false;
        var oum_custom_image_clickable = false;
        var oum_custom_image_background_color = "#ffffff";

        var oum_location = {};
        var oum_custom_css = '';
        var oum_custom_script = '';
        var oum_max_image_filesize = 10;
        var oumMap;
        var oumMap2;

        /**
         * Conditional Field Feature
         * 
         * @param {string} sourceField - The source field selector
         * @param {string} targetField - The target field selector
         * @param {array} condShow - The values that should show the target field
         * @param {array|null} condHide - The values that should hide the target field. If empty/null/undefined, the field will be hidden when condShow is not met.
         */
        var oumConditionalField = (sourceField, targetField, condShow, condHide = null) => {
            const sourceElements = document.querySelectorAll(sourceField); // Select all radios/checkboxes or single select
            const targetElementWrapper = document.querySelector(targetField)?.parentElement; /* works with custom fields only */

            // Check if both sourceElements and targetElementWrapper exist
            if (!sourceElements.length) {
                console.warn(`OUM: Source field(s) not found: ${sourceField}`);
                return;
            }

            if (!targetElementWrapper) {
                console.warn(`OUM: Target field wrapper not found: ${targetField}`);
                return;
            }

            /* Event listener for change */
            const onChangeHandler = function() {
                // Get selected values for checkboxes and single selected value for radios/select
                const selectedValues = Array.from(sourceElements)
                    .filter(element => element.checked || element.tagName === 'SELECT')
                    .map(element => element.value);

                const selectedValue = selectedValues[0]; // For radios and selects, we use only the first (and only) value

                console.log('OUM: run condition', {selectedValue, sourceField, targetField, condShow, condHide});
                
                // Show or hide target field based on the selected value(s)
                if (condShow.includes(selectedValue)) {
                    // Show the field if condShow condition is met
                    targetElementWrapper.style.display = 'block';
                } else if (condHide && Array.isArray(condHide) && condHide.length > 0 && condHide.includes(selectedValue)) {
                    // Hide the field if condHide is provided and condition is met
                    targetElementWrapper.style.display = 'none';
                } else if (!condHide || (Array.isArray(condHide) && condHide.length === 0)) {
                    // If condHide is empty/null/undefined, hide the field when condShow is not met
                    targetElementWrapper.style.display = 'none';
                }
            };

            /* Attach the event listener to each radio/checkbox or select */
            sourceElements.forEach(element => {
                element.addEventListener('change', onChangeHandler);
            });

            /* Trigger initially */
            onChangeHandler(); // Call it directly to set initial state
        };

        /**
         * Add Custom Styles
         */
        
                            /* custom color */
          oum_custom_css += `
            .open-user-map .add-location #close-add-location-overlay:hover {color: #e82c71 !important}
            .open-user-map .box-wrap .map-wrap .open-add-location-overlay {background-color: #e82c71 !important}
            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:hover,
            .open-user-map .box-wrap .map-wrap .open-add-location-overlay:active {background-color: #d12866 !important}
            .open-user-map .box-wrap .map-wrap .oum-filter-controls .oum-filter-list .close-filter-list:hover {color: #e82c71 !important}
            .open-user-map .oum-advanced-filter-button .oum-advanced-filter-content .close-advanced-filter:hover,
            .open-user-map .oum-advanced-filter-panel .oum-advanced-filter-content .close-advanced-filter:hover {color: #e82c71 !important}
            .open-user-map input.oum-switch[type="checkbox"]:checked + label::before {background-color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum-required-indicator {color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location h2 {color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=text]:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=email]:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=url]:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location textarea:focus,
            .open-user-map .add-location .location-overlay-content #oum_add_location select:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e82c71 !important}
            .open-user-map .oum_location_text a {color: #e82c71 !important}
            .open-user-map .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .oum-tabs {border-color: #e82c71 !important}
            .open-user-map .oum-tabs .nav-item:hover {color: #e82c71 !important; border-color: #e82c71 !important}
            .open-user-map .oum-tabs .nav-item.active {color: #e82c71 !important; border-color: #e82c71 !important}
            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e82c71 !important;}
            /* Submit Button */
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit] {background-color: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:hover,
            .open-user-map .add-location .location-overlay-content #oum_add_location input[type=submit]:active {background-color: #d12866 !important;}
            /* Message CTA Buttons */
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button {background-color: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:hover,
            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button:active {background-color: #d12866 !important;}
            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button {background-color: #e82c71 !important; border-color: #e82c71 !important;}
            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:hover,
            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button:active {background-color: #d12866 !important;}
            /* Media Section Colors */
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .media-upload label {color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-upload .media-upload-top label .multi-upload-indicator {background: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:hover {border-color: #e82c71 !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:focus {border-color: #e82c71 !important; box-shadow: 0 0 0 2px #e82c711a !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .image-preview-placeholder {border-color: #e82c71 !important; background: #e82c710a !important}
            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-preview-grid .image-preview-item.dragging {border-color: #e82c71 !important}
            /* List Styles */
            .open-user-map-locations-list .oum-locations-list-item .oum_location_text a {color: #e82c71 !important} 
            .open-user-map-locations-list .oum-locations-list-item .oum_location_text .oum_vote_button_wrap .oum_vote_button.voted {background: #e82c71 !important; border-color: #e82c71 !important;}`;

        
        
          /* custom map height */
          oum_custom_css += ".open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 450px !important; aspect-ratio: unset !important;}";

        
        
          /* custom map height */
          oum_custom_css += "@media screen and (max-width: 768px) {.open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 250px !important; aspect-ratio: unset !important;}}";

        
        var custom_style = document.createElement('style');

        if (custom_style.styleSheet) {
          custom_style.styleSheet.cssText = oum_custom_css;
        } else {
          custom_style.appendChild(document.createTextNode(oum_custom_css));
        }

        document.getElementsByTagName('head')[0].appendChild(custom_style);

        /* Add initial CSS to prevent flash of unstyled content */
        var initialStyles = document.createElement('style');
        initialStyles.textContent = `
          .oum-hidden {
            opacity: 0 !important;
            visibility: hidden !important;
            transition: opacity 0.3s ease, visibility 0.3s ease;
          }
          .oum-filter-controls,
          .open-add-location-overlay,
          .map-wrap #oum_filter_markers,
          .oum-advanced-filter-button,
          .oum-advanced-filter-panel,
          .oum-sidebar {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
          }
          .oum-filter-controls.visible,
          .open-add-location-overlay.visible,
          .map-wrap #oum_filter_markers.visible,
          .oum-advanced-filter-button.visible,
          .oum-advanced-filter-panel.visible,
          .oum-sidebar.visible {
            opacity: 1;
            visibility: visible;
          }
        `;
        document.head.appendChild(initialStyles);

      }
    </script>

  </div>

</div>
  </div>

</div>
</div></div>

</div></div></div></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
