.elementor-3 .elementor-element.elementor-element-50e9d0c3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-50e9d0c3:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-50e9d0c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13dd806 );}.elementor-3 .elementor-element.elementor-element-34d0168{--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;}.elementor-3 .elementor-element.elementor-element-d711e46{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-841da7e > .elementor-widget-container{margin:-60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-61d1bde > .elementor-widget-container{margin:10px 0px 25px 0px;}.elementor-3 .elementor-element.elementor-element-61d1bde.elementor-element{--align-self:center;}.elementor-3 .elementor-element.elementor-element-61d1bde .elementor-heading-title{font-family:"RF Krabuler", Sans-serif;font-size:35px;text-transform:uppercase;word-spacing:2px;color:var( --e-global-color-text );}.elementor-3 .elementor-element.elementor-element-d47fb95{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3 .elementor-element.elementor-element-6ae095e{--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;}.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-3 .elementor-element.elementor-element-58ae306{color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-d711e46{--width:100%;}.elementor-3 .elementor-element.elementor-element-6ae095e{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-58ae306 */<!-- Eigener Schalter -->
<label class="matomo-toggle">
  <input type="checkbox" id="matomoToggle">
  <span class="slider"></span>
  <span class="toggle-label">Matomo-Tracking erlauben</span>
</label>

<!-- Unsichtbares Standard-Matomo-Opt-out -->
<div id="matomo-opt-out" style="display: none;"></div>
<script src="https://www.kath-kitas-lambo.de/wp-content/plugins/matomo/app/index.php?module=CoreAdminHome&action=optOutJS&divId=matomo-opt-out&language=auto&showIntro=0"></script>

<!-- Steuerung des Toggles -->
<script>
  document.addEventListener("DOMContentLoaded", function () {
    // Zugriff auf den Schalter
    const toggle = document.getElementById('matomoToggle');

    // Funktion aus Matomo ist global verfügbar: _paq.push(["forgetUserOptOut"]);
    // Prüfen, ob Nutzer bereits Opt-out gesetzt hat
    toggle.checked = !isOptedOut();

    toggle.addEventListener('change', function () {
      if (this.checked) {
        forgetUserOptOut(); // Opt-in
      } else {
        userOptOut(); // Opt-out
      }
    });

    function isOptedOut() {
      return document.cookie.indexOf('matomo_ignore=') !== -1;
    }
  });
</script>

<!-- Einfaches Styling für den Schieberegler -->
<style>
.matomo-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: sans-serif;
}
.matomo-toggle input {
  display: none;
}
.matomo-toggle .slider {
  position: relative;
  width: 50px;
  height: 24px;
  background-color: #ccc;
  border-radius: 24px;
  cursor: pointer;
}
.matomo-toggle .slider::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
}
.matomo-toggle input:checked + .slider::before {
  transform: translateX(26px);
}
.matomo-toggle input:checked + .slider {
  background-color: #4caf50;
}
.toggle-label {
  font-size: 0.95em;
}
</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'RF Krabuler';
	font-display: auto;
	src: url('https://www.kath-kitas-lambo.de/wp-content/uploads/2025/06/rfkrabuler_regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */