<div id="cookieModal" class="">
            <div id="essentialCheckContainer"
             class="card option-card bg-transparent mb-3 border">
            <div class="card-body">
                <div class="card-text">
                    

<form
	id="xce_0"
	name="xce_0" data-name="xce_0"
	method="post" enctype="multipart/form-data"
		class="xelement-form "
				
	
				
	
			
	
>
	<input type="hidden" name="xc0_submitted" value="1" />
	        
		<div id="essential_cont" 	class="xelement-checkbox disabled" ><div class="form-group checkbox"><label for="essential" class="form-control-label"><input
					id="essential"
					name="essential" data-name="essential"
					type="checkbox"
							
	
											class="mb-0"
					value="1"
					title="System-Cookie"aria-label="System-Cookie"
					
																									checked="checked"										disabled="disabled"
										data-gc-cbtype="switch"																																																																																				
												
	
									/><span class="box"><span class="box2"></span></span><span class="label"><span class="h5">System-Cookie</span></span></label></div></div><div id="xce_2_cont" 	class="xelement-hidden" ><div class="form-group"><input
				id="xce_2"
				name="xc_f01e01a094982ffdc10776c9beda71ad" data-name="xc_f01e01a094982ffdc10776c9beda71ad"
				type="hidden"
					
				value=""
				
				
			/></div></div><div id="xce_3_cont" 	class="xelement-hidden" ><div class="form-group"><input
				id="xce_3"
				name="_csrf_token" data-name="_csrf_token"
				type="hidden"
					
				value="95e9f30414f3a74d12bff8dea7fa1bb0"
				
				
			/></div></div>
</form>

<script>
	// window.addEventListener("DOMContentLoaded", function() {
	jQuery(function() {
		XControls.Element.Form.setupForm('xce_0');
		XControls.Element.Form.addRefreshJS('xce_0', '(function ($) {	$(".popovers").popover({"container" : "body"}); })(jQuery);');

		//	gesammeltes JS der Formular-Elemente
		
		

		//	initiales Ausführen der Refresh-Scripte
		XControls.Element.Form.refresh('xce_0');
	});
</script>


                </div>
                <p class="card-text">
                                        Das brain-GeoCMS verwendet nur unbedingt notwendige Cookies. Diese sind einwilligungsfrei und nicht zu deaktivieren, da ohne sie ein
                    Systembetrieb technisch nicht möglich ist.
                <ul>
                    <li><strong>geocms_sid</strong>: In diesem Cookie ist eine Session-ID gespeichert, um z.B. den Login-Status bzw. die
                        Eindeutigkeit einer Sitzung zu gewährleisten.
                    </li>
                    <li><strong>accessibility-*</strong>: In diesen Cookies werden Informationen bzgl. der Anzeige gespeichert:
                        Kontrastversion, Schriftvergrößerung/-verkleinerung, ...
                    </li>
                </ul>
                Das brain-GeoCMS verwendet des Weiteren den Local Storage, um funktionale Einstellungen zu speichern. Auf die im Local Storage gespeicherten
                Daten können Dritte nicht zugreifen.
                Sie werden an Dritte nicht weitergegeben und auch nicht zu Werbezwecken verwendet.
                                </p>
            </div>
        </div>
                <div id="matomoTrackCheckContainer"
             class="card option-card bg-transparent mb-3 border"
             data-click="matomo">
            <div class="card-body">
                <div class="card-text">
                    

<form
	id="xce_4"
	name="xce_4" data-name="xce_4"
	method="post" enctype="multipart/form-data"
		class="xelement-form "
				
	
				
	
			
	
>
	<input type="hidden" name="xc1_submitted" value="1" />
	        
		<div id="matomo_cont" 	class="xelement-checkbox" ><div class="form-group checkbox"><label for="matomo" class="form-control-label"><input
					id="matomo"
					name="matomo" data-name="matomo"
					type="checkbox"
							
	
											class="option-element-dialog"
					value="1"
					title="Webstatistik"aria-label="Webstatistik"
					
																																			
										data-gc-cbtype="switch"																																																		data-option-name="matomo_consent"
																																							data-option-on="optin"
																																								
												
	
									/><span class="box"><span class="box2"></span></span><span class="label"><span class="h5">Webstatistik</span></span></label></div></div><div id="xce_6_cont" 	class="xelement-hidden" ><div class="form-group"><input
				id="xce_6"
				name="xc_f01e01a094982ffdc10776c9beda71ad" data-name="xc_f01e01a094982ffdc10776c9beda71ad"
				type="hidden"
					
				value=""
				
				
			/></div></div><div id="xce_7_cont" 	class="xelement-hidden" ><div class="form-group"><input
				id="xce_7"
				name="_csrf_token" data-name="_csrf_token"
				type="hidden"
					
				value="bc1ddb6b76f4832ab3bf54390c5507c4"
				
				
			/></div></div>
</form>

<script>
	// window.addEventListener("DOMContentLoaded", function() {
	jQuery(function() {
		XControls.Element.Form.setupForm('xce_4');
		XControls.Element.Form.addRefreshJS('xce_4', '(function ($) {	$(".popovers").popover({"container" : "body"}); })(jQuery);');

		//	gesammeltes JS der Formular-Elemente
		
		

		//	initiales Ausführen der Refresh-Scripte
		XControls.Element.Form.refresh('xce_4');
	});
</script>


                </div>
                <p class="card-text"
                   for="matomoTrackCheck">
                                            Wenn eine Webstatistik eingericht und erlaubt ist, wird das Besucherverhalten analysiert: "Welche Seite wird wann für wie lange aufgerufen."
                        <br>
                        Diese Statistik hilft dem Betreiber der Website, diese zu optimieren und für die Besucher zugänglicher zu gestalten.
                                    </p>
            </div>
        </div>
    </div>

<script>
    function setDialogContainerEventListeners(){
        document.querySelectorAll('#cookieModal .option-card').forEach(function (element) {
            if (element.hasAttribute("data-click")) {
                var checkbox = element.querySelector('.option-element-dialog');
                element.addEventListener('click', function(event) {
                    event.preventDefault();
                    clickHandler(checkbox);
                })
            }
        });
    }
    
    GeoCMS.Content.Core.alternateDocumentReady(function () {
        setCookieOptionCheck()
        setDialogContainerEventListeners()
    })
</script>