<style type="text/css">
 @import url("https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css");
 a.ui-state-default {
  text-decoration: none !important;
 }
</style>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://files.kikartei.ch/prod/pastoralraum-mellingen.ch/webserviceclient_config.js"></script>
<script src="https://files.kikartei.ch/prod/allgemein/webserviceclientVeranstaltungen.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luxon@1.27.0/build/global/luxon.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://files.kikartei.ch/prod/pastoralraum-mellingen.ch/webserviceclientVeranstaltungenKunde.css">
<link rel="stylesheet" type="text/css" href="https://files.kikartei.ch/prod/allgemein/webserviceclientVeranstaltungen_v2.css">


 

<div style="min-height: 300px;">
<div class="kikaContainer">
        <div id="kikaVeranstaltungTypes"></div>
        <div id="kikaVeranstaltungTypesSelect">
          <select id="typSelect" class="kikaVeranstaltungTypes" name="Veranstaltungstyp" onchange="applyFilter()"></select>
          <select id="pfarrkreisSelect" class="kikaPfarrkreisFilter" name="Pfarrkreis" onchange="applyFilter()"></select>
          <select id="zeitraumSelect" class="kikaZeitraumFilter" name="Zeitraum" onchange="applyFilter()"></select>
          <div id="zielGruppen">
          	<select id="zielgruppenSelect" class="kikaZielgruppenFilter" name="Zielgruppen"
          	onclick="ShowCheckboxes();calcPos();dropDownBlur();"></select>
          	<div id="kikaSelectCheckboxes"></div>
        	</div>
        </div>
        <div id="kikaVeranstaltungen">Veranstaltungen</div>
      </div>
</div>


<script type="text/javascript">
getVeranstaltungen("", "", "", "F")
  .then(() => setDefaultZeitraum(14));
  		createModal();
</script>