PageSourceSearch

https://www.elzeneind.nl/

html elzeneind.nl collected 2026-10-04 01:49:53 UTC 118,117 bytes, 4,371 lines download raw bytes

1
2
3
4
5
6<!DOCTYPE html>
7<html lang="">
8  <head>
9    
10      
10<script>
11          function monitorCKEditor(callback) {
12              setInterval(() => {
13                  if (typeof CKEDITOR !== 'undefined' &&
14                      Object.keys(CKEDITOR.instances).length &&
15                      Object.values(CKEDITOR.instances).every(instance => instance.status === 'ready')
16                  ) {
17                      callback();
18                  }
19
20                  // Find and update contenteditable divs
21                  const editableDivs = document.querySelectorAll('div.cms-ckeditor-inline-wrapper[contenteditable="true"]');
22                  editableDivs.forEach(div => {
23                      div.setAttribute('contenteditable', 'false');
24                  });
25              }, 200);
26          }
27
28          monitorCKEditor(() => {
29              for (const instanceKey in CKEDITOR.instances) {
30                  const instance = CKEDITOR.instances[instanceKey];
31                  instance.destroy();
32              }
33          });
34      </script>
34
35    
36    <meta charset="UTF-8" />
37    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
38    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
39    <meta name="author" content="Social Schools" />
40    <meta name="csrf-token" content="DMrAMDhMz2SISnB9oOnMm8I8XLUbucaextVO8R9G47Tbb0bCOyOfnleGQPxZC9ig" />
41    <meta name="description" content="" />
42    <meta name="keywords" content="" />
43    
44
45
46
47    
48
49    
50    
51      
52
53	
54	
55	
56	
57		<meta property="og:title" content="Home">
58		<meta property="og:url" content="https://www.elzeneind.nl/">
59		
60		
61		<meta property="og:type" content="Article">
62		
63		
64		
65		
66		
67		
68		
69		
70		
71		
72		
73	
74	
75		<meta name="twitter:domain" content="www.elzeneind.nl">
76		<meta name="twitter:card" content="summary">
77		<meta name="twitter:title" content="Home">
78		<meta name="twitter:url" content="https://www.elzeneind.nl/">
79		
80		
81		
82		
83	
84  
85	
86	
87	
88
89
90    
91
92    <title>Home</title>
93
94    
95      <link rel="stylesheet" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/css/templates/base/styles-base.0eb360bff44d.css">
96    
97
98  <link rel="stylesheet" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/css/plugins/carousel/slick.c7d2dc6abf78.css" />
99  <link rel="stylesheet" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/css/plugins/carousel/slick-theme.f35543846d59.css" />
100
101
102
103    
104
105    
106    
107
108    
109
110
111
112<style type="text/css">
113  :root{
114    --theme-color: #7E8DA9;
115    --primary-color: #9C200B;
116    --secondary-color: #EEB65F;
117    --tertiary-color: #353B47;
118    --footer-color: #353B47;
119    --footer-link-color: #FFFFFF;
120    --nav-link-color: #E4E4E4;
121    --nav-bg-color: #353B47;
122    --topbar-bg-color: #353B47;
123    --background-color: #EFEFEF;
124    --theme-heading-color: var(--theme-color);
125    --theme-hero-bg: #E4E4E4;
126    --theme-hero-color: #353B47;
127    --font-base-size: 16px;
128    --file-background-color: #7E8DA9;
129    --file-text-color: #FFFFFF;
130    --link-text-color: #0F1115;
131    --quote-ff: Eczar;
132    
133      --heading-ff: "Eczar", system-ui, sans-serif;
134    
135    --mobile-mode-width: 1400;
136    
137      --theme-border-radius: 16px;
138    
139    
140      
141        --theme-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02);
142      
143    
144  }
145
146  /*
147    Navbar inline css to fix issue related to "more" navbar after plugin add
148    PORTAL-434 & PORTAL-892
149  */
150  /* Navbar MORE menu fix begins here */
151  div.cms .cms-toolbar-item-navigation li {
152    position: relative;
153    float: left;
154  }
155  div.cms .cms-toolbar-item-navigation li ul {
156    display: none;
157  }
158  .cms-toolbar-item.cms-toolbar-item-buttons {
159    display: inline-block;
160  }
161  /* Navbar MORE menu fix ends here */
162
163  .navbar-nav .nav-link{
164    color: #E4E4E4;
165  }
166
167  a, a:hover {
168    color: #0F1115;
169  }
170
171  a.maps-web-btn {
172    background-color: #7E8DA9;
173  }
174
175  button[type=submit],
176  .btn-jobs-modal {
177    background-color: #7E8DA9;
178  }
179
180  .quote-text {
181    font-family: var(--quote-ff);
182  }
183
184  .theme-13 h2,
185  .theme-14 h2 {
186    color: #9C200B;
187  }
188
189  .caret {
190    color: #7E8DA9;
191  }
192
193  /* BLOG / JOBS / FAQ / SEARCH */
194
195  
196
197  .page-link:hover,
198  .list-group-item:hover,
199  .list-group-item:focus {
200    color: #0F1115;
201    background-color: #f7f7f7;
202  }
203
204  a.nav-link.newsblog-nav-link,
205  a.nav-link.faq-nav-link {
206    background: #9C200B;
207  }
208
209  .faq-overview-list h3:hover {
210    color: #7E8DA9;
211    text-decoration: none;
212  }
213
214  .search-pagination .page-item.active .page-link {
215    background-color: #7E8DA9;
216    border-color: #7E8DA9;
217  }
218
219  /* TABBABLE */
220  
221    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
222      background-color: #EFEFEF;
223      border-color: #dee2e6 #EFEFEF;
224    }
225  
226
227
228  /* LOGIN */
229  .btn-tooltip-login,
230  .btn-tooltip-register {
231    background-color: #7E8DA9;
232    border-color: #7E8DA9;
233  }
234
235  .carousel-theme-6,
236  .carousel-theme-4 .carousel-tagline-wrapper {
237    background-color: #9C200B;
238  }
239
240  .carousel-theme-8 .schoolname,
241  .carousel-theme-9 .schoolname,
242  .theme-8 .introduction-left {
243    background-color: #7E8DA9
244  }
245
246  .theme-8 .introduction-right,
247  .theme-8 .school-tagline,
248  .theme-9 .school-tagline {
249    background-color: #9C200B;
250  }
251
252  .agenda-plugin .event-icon {
253    background-color: #7E8DA9;
254  }
255
256  .agendaeventMonth .bg-primary {
257    background-color: #9C200B !important;
258  }
259
260  
261    /** Override nav links */
262    .theme-1 .navbar-light .nav li a,
263    .navbar-light .nav li a,
264    .navbar .nav > li > a,
265    .navbar-light .navbar-nav .nav-link,
266    .navbar-light .navbar-nav .show > .nav-link,
267    .navbar-light .navbar-nav .active > .nav-link,
268    .navbar-light .navbar-nav .nav-link.show,
269    .navbar .nav li.dropdown.active > .dropdown-toggle,
270    .navbar-light .navbar-nav .nav-link.active,
271    .navbar .nav li.dropdown.active > .dropdown-toggle,
272    .navbar .nav li.dropdown.open > .dropdown-toggle,
273    .dropdown-menu a,
274    .theme-10 .navbar .nav > li > a,
275    .theme-10 .navbar-light .navbar-nav .nav-link {
276      color: #E4E4E4;
277    }
278  
279
280  .navbar .nav .dropdown.active > .dropdown-toggle,
281  .navbar .nav .nav-item.active > .nav-link,
282  .navbar-theme-4.navbar .nav .nav-item.active,
283  .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{
284    color: #7E8DA9;
285  }
286
287  .content-theme-5 .nav,
288  .content-theme-5 .nav-stacked > li > a,
289  .content-theme-5 .nav-stacked > li > a:hover,
290  .content-theme-5 .nav-stacked > li > a:focus,
291  .content-theme-5 .nav-stacked > .active a,
292  .theme-7 .nav-stacked li a:hover,
293  .content-theme-8 .nav,
294  .content-theme-8 .nav-stacked > li > a,
295  .content-theme-8 .nav-stacked > li > a:hover,
296  .content-theme-8 .nav-stacked > li > a:focus,
297  .content-theme-8 .nav-stacked > .active a {
298    background-color: #7E8DA9;
299  }
300
301  .theme-10 .content-theme-10 .nav-stacked > li > a:hover,
302  .theme-10 .content-theme-10 .nav-stacked > li > a:focus,
303  .theme-20 .content-theme-20 .nav-stacked > li > a:hover,
304  .theme-20 .content-theme-20 .nav-stacked > li > a:focus,
305  .theme-25 .content-theme-20 .nav-stacked > li > a:hover,
306  .theme-25 .content-theme-20 .nav-stacked > li > a:focus {
307    border-bottom: 1px solid #7E8DA9;
308    color: #7E8DA9;
309  }
310
311  .theme-10 .content-theme-10 .nav-stacked > .active a,
312  .theme-20 .content-theme-20 .nav-stacked > .active a,
313  .theme-25 .content-theme-25 .nav-stacked > .active a {
314    color: #7E8DA9;
315  }
316
317  .theme-10 .content-theme-10 .nav-stacked > .active a:hover,
318  .theme-20 .content-theme-20 .nav-stacked > .active a:hover,
319  .theme-25 .content-theme-25 .nav-stacked > .active a:hover {
320    border-bottom: 1px solid #7E8DA9;
321    color: #7E8DA9;
322  }
323
324  .theme-10 .pull-right.css-login .btn,
325  .theme-20 .pull-right.css-login .btn,
326  .theme-25 .pull-right.css-login .btn {
327    background-color: #9C200B;
328    border-color: #9C200B;
329  }
330
331  .theme-10 .pull-right.css-login .btn:hover,
332  .theme-20 .pull-right.css-login .btn:hover,
333  .theme-25 .pull-right.css-login .btn:hover {
334    background-color: #EEB65F;
335    border-color:  #EEB65F;
336  }
337
338  .theme-6 .navbar .nav > li.active > a,
339  .navbar-theme-14  .nav .nav-item.active{
340    color: #7E8DA9;
341    border-bottom: 3px solid #7E8DA9;
342  }
343
344  .navbar-default .nav .active a:hover {
345    color: #E4E4E4;
346    background-color: #353B47;
347    text-shadow: none;
348  }
349
350  .navbar .nav .nav-item .nav-link:hover,
351  .navbar .nav .nav-item .nav-link:focus{
352    background-color: #7E8DA9;
353  }
354
355  @media (min-width: 1200px) {
356    .theme-8 .responsive_menu .nav .nav-item:hover,
357    .theme-4 .responsive_menu .nav .nav-item:hover {
358      background-color: #7E8DA9;
359    }
360  }
361
362  .theme-12 .css-carousel-description > .css-carousel-description-background,
363  .theme-5 .css-carousel-description > .css-carousel-description-background {
364    background-color: #7E8DA9;
365  }
366  .nav-stacked .active > a {
367    border-left: 4px solid #7E8DA9 !important;
368  }
369  .nav-stacked .active a, .nav-stacked a:hover {
370    background-color: #fafafa;
371    color: #555555;
372  }
373  .circle {
374    -webkit-box-shadow: 0 0 10px #7E8DA9;
375    -moz-box-shadow: 0 0 10px #7E8DA9;
376    box-shadow: 0 0 10px #7E8DA9;
377  }
378
379  .navbar-theme-3 .nav > .nav-item.active > .nav-link,
380  .navbar-theme-4 .nav > .nav-item.active,
381  .navbar-theme-7 .nav > .nav-item.active > .nav-link,
382  .navbar-theme-8 .nav > .nav-item.active > .nav-link,
383  .navbar-theme-10 .nav > .nav-item.active > .nav-link {
384    border-color: #7E8DA9;
385  }
386
387  .theme-10-login-bar a:hover,
388  .theme-13-login-bar a:hover {
389    color: #7E8DA9;
390  }
391
392  .btn-navbar i {
393    color: #7E8DA9;
394  }
395
396  .navbar-theme-3 .dropdown-menu > li > a,
397  .navbar-theme-4 .dropdown-menu > li > a,
398  .navbar-theme-5 .dropdown-menu > li > a,
399  .navbar-theme-6 .dropdown-menu > li > a,
400  .navbar-theme-7 .dropdown .dropdown-item,
401  .navbar-theme-8 .dropdown-menu > li > a,
402  .navbar-theme-9 .dropdown-menu > li > a,
403  .navbar-theme-10 .dropdown-menu > li > a,
404  .navbar-theme-11 .dropdown-menu > li > a,
405  .navbar-theme-13 .dropdown-menu > li > a,
406  .navbar-theme-20 .dropdown-menu > li > a,
407  .navbar-theme-25 .dropdown-menu > li > a,
408  .navbar-st-7 .dropdown-menu > li > a,
409  .navbar-theme-22 .dropdown-menu > li > a {
410    color: #7E8DA9;
411  }
412
413  .navbar-theme-12 .navbar-toggle span.icon-bar {
414    background-color: #E4E4E4;
415  }
416
417  .navbar-theme-3 .navbar-toggle span.icon-bar,
418  .navbar-theme-4 .navbar-toggle span.icon-bar,
419  .navbar-theme-5 .navbar-toggle span.icon-bar,
420  .navbar-theme-6 .navbar-toggle span.icon-bar,
421  .navbar-theme-7 .navbar-toggle span.icon-bar,
422  .navbar-theme-8 .navbar-toggle span.icon-bar,
423  .navbar-theme-10 .navbar-toggle span.icon-bar,
424  .navbar-theme-11 .navbar-toggle span.icon-bar,
425  .navbar-theme-13 .navbar-toggle span.icon-bar,
426  .navbar-theme-20 .navbar-toggle span.icon-bar,
427  .navbar-theme-25 .navbar-toggle span.icon-bar,
428  .navbar-st-7 .navbar-toggle span.icon-bar,
429  .navbar-theme-22 .navbar-toggle span.icon-bar  {
430    background-color: #7E8DA9;
431  }
432
433  .css-cmsplugin_gallery .carousel-indicators .active {
434    background-color: #7E8DA9;
435  }
436
437  .item-primarycolor a,
438  .item-primarycolor a:hover {
439    color: #7E8DA9;
440  }
441  .item-themecolor a,
442  .item-themecolor a:hover {
443    color: #7E8DA9;
444  }
445
446  .theme-11 .widgets-theme-11 h2,
447  .theme-13 .widgets-theme-13 h2,
448  .theme-14 .widgets-theme-13 h2 {
449    color: #9C200B;
450  }
451
452  .theme-13 .bottom-1 .generic-banner,
453  .theme-14 .bottom-1 .generic-banner,
454  .theme-15 .bottom-1 .generic-banner {
455    background-color: #353B47;
456  }
457  .theme-13 .bottom-2 .generic-banner,
458  .theme-14 .bottom-2 .generic-banner,
459  .theme-15 .bottom-2 .generic-banner {
460    background-color: #7E8DA9;
461  }
462  .theme-13 .bottom-3 .generic-banner,
463  .theme-14 .bottom-3 .generic-banner,
464  .theme-15 .bottom-3 .generic-banner {
465    background-color: #9C200B;
466  }
467  .theme-13 .bottom-4 .generic-banner,
468  .theme-14 .bottom-4 .generic-banner ,
469  .theme-15 .bottom-4 .generic-banner{
470    background-color: #EEB65F;
471  }
472
473  .banners-theme4 h2 {
474    color: #EEB65F;
475  }
476
477  .carousel-theme-10 h1:before,
478  .carousel-theme-10 h2:before,
479  .carousel-theme-13 h1:before,
480  .carousel-theme-13 h2:before {
481    background-color: #9C200B;
482  }
483
484  .theme-10 .news-plugin h3,
485  .theme-10 .news-plugin a,
486  .theme-10 .agenda-plugin h3,
487  .theme-10 .agenda-plugin a,
488  .theme-13 .news-plugin h3,
489  .theme-13 .news-plugin a,
490  .theme-13 .agenda-plugin h3,
491  .theme-13 .agenda-plugin a,
492  .theme-20 .news-plugin h3,
493  .theme-20 .news-plugin a,
494  .theme-20 .agenda-plugin h3,
495  .theme-20 .agenda-plugin a,
496  .theme-25 .news-plugin h3,
497  .theme-25 .news-plugin a,
498  .theme-25 .agenda-plugin h3,
499  .theme-25 .agenda-plugin a {
500    color: #7E8DA9;
501  }
502
503  .theme-11-news-agenda h2,
504  .theme-13-news-agenda h2 {
505    color: #7E8DA9;
506  }
507
508  .theme-11 .pager li > a, .pager li > span,
509  .theme-13 .pager li > a, .pager li > span {
510    background-color: #7E8DA9;
511  }
512  .theme-11 .pager li > a:hover,
513  .theme-13 .pager li > a:hover {
514    background-color: #EEB65F;
515  }
516
517  /* ADD BACKGROUND IMAGE TO THEME */
518  body{
519    
520      background: #EFEFEF;
521    
522  }
523
524  body,
525  html {
526    
527      font-family: "Nunito", system-ui, sans-serif;
528    
529    -webkit-font-smoothing: antialiased;
530    font-size: var(--font-base-size);
531  }
532
533  .mt-icon-primary {
534    color: #9C200B;
535  }
536  .mt-icon-secondary {
537    color: #EEB65F;
538  }
539  .mt-icon-themecolor {
540    color: #7E8DA9;
541  }
542  /*
543  .box.primary, .section.primary {
544    background-color: #9C200B;
545  }
546  .box.secondary, .section.secondary {
547    background-color: #EEB65F;
548  }
549  .box.theme, .section.theme {
550    background-color: #7E8DA9;
551  }
552  .box.tertiary, .section.tertiary {
553    background-color: #353B47;
554  }
555  */
556
557  
558    .mt-icon-tertiary {
559      color: #353B47;
560    }
561    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"],
562    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"],
563    .st-7 form.djangocms-googlemap-route-planner input[type="submit"],
564    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] {
565      background-color: #9C200B;
566    }
567    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
568    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
569    .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
570    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover {
571      background-color: #EEB65F;
572    }
573
574    .theme-11 .fa-play,
575    .theme-14 .fa-play  {
576      background-color: #9C200B;
577    }
578    .theme-11 .fa-play:hover,
579    .theme-14 .fa-play:hover {
580      background-color: #7E8DA9;
581      text-decoration: none;
582    }
583
584    .theme-24 .content-page .youvideo-thumbnail::after {
585      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.7 384.3'%3E%3Cpath fill='%237E8DA9' d='M188 371.9c128.6 37.4 255.5-12.8 283.3-112S417.4 49.8 288.8 12.4C160.1-25 33.3 25.1 5.4 124.4 -22.4 223.7 59.3 334.5 188 371.9'/%3E%3C/svg%3E%0A");
586    }
587
588    /* APP STYLES */
589    /* Messages */
590    .OverViewContainer .postTitle,
591    .modal-body .postTitle {
592      color: #7E8DA9;
593    }
594
595    /* Event */
596    a.listPostTitle {
597      color: #9C200B;
598    }
599    .agendaeventTitleContainer h4 {
600      color: #EEB65F;
601    }
602
603    .rbc-header,
604    .rbc-toolbar button {
605      background-color: #7E8DA9 !important;
606    }
607    .rbc-toolbar button:active {
608      background-color: #9C200B !important;
609    }
610    .rbc-toolbar button.rbc-active,
611    .rbc-toolbar button:hover {
612      background-color: #9C200B !important;
613    }
614    .rbc-event {
615      background-color: #9C200B !important;
616    }
617
618    /*Photos*/
619    .AlbumOverViewContainer .postTitle {
620      color: #7E8DA9;
621    }
622
623    /* Theme adjustments */
624    .theme-14 .agendaeventTitleContainer h4,
625    .theme-15 .agendaeventTitleContainer h4 {
626      color: #EEB65F;
627    }
628
629    /* EVENT COLORS & MODAL */
630    .post-modal-header {
631      background-color: #7E8DA9;
632    }
633
634    .modal-body .eventMonth {
635      background: #EEB65F;
636    }
637
638    .theme-7 .agendaeventMonth,
639    .theme-9 .agendaeventMonth .bg-primary,
640    .theme-10 .agendaeventMonth .bg-primary,
641    .theme-11 .agendaeventMonth .bg-primary,
642    .theme-13 .agendaeventMonth .bg-primary,
643    .theme-17 .agendaeventMonth .bg-primary,
644    .postOverviewheader.bg-primary.mb-3,
645    .date-container,
646    .card.postOverviewheader {
647      background-color: #7E8DA9 !important;
648    }
649
650    .theme-2 .agendaeventMonth .bg-primary,
651    .theme-3 .agendaeventMonth .bg-primary,
652    .theme-5 .agendaeventMonth .bg-primary,
653    .theme-6 .agendaeventMonth .bg-primary,
654    .theme-8 .agendaeventMonth .bg-primary,
655    .theme-19 .agendaeventMonth .bg-primary {
656      background-color: #9C200B !important;
657    }
658    .theme-1 .agendaeventMonth .bg-primary,
659    .theme-4 .agendaeventMonth .bg-primary,
660    .theme-14 .agendaeventMonth .bg-primary,
661    .theme-15 .agendaeventMonth .bg-primary,
662    .theme-20 .agendaeventMonth .bg-primary {
663      background-color: #EEB65F !important;
664    }
665
666    .theme-5 h4.card-title.float-left,
667    .theme-6 h4.card-title.float-left,
668    .theme-8 h4.card-title.float-left,
669    a.btn.btn-default.documentBtn.verticalBtn {
670      color: #9C200B !important;
671    }
672
673    .theme-4 a.eventPostTitle,
674    .theme-14 h4.card-title.float-left {
675      color: #EEB65F !important;
676    }
677
678    .theme-1 a.eventPostTitle:hover,
679    .theme-2 a.eventPostTitle:hover,
680    .theme-4 a.eventPostTitle:hover,
681    .theme-7 a.eventPostTitle:hover,
682    .theme-11 a.eventPostTitle:hover,
683    .theme-13 a.eventPostTitle:hover,
684    .theme-14 a.eventPostTitle:hover,
685    .theme-15 a.eventPostTitle:hover,
686    .theme-17 a.eventPostTitle:hover,
687    .theme-18 a.eventPostTitle:hover,
688    .theme-19 a.eventPostTitle:hover {
689      color: #7E8DA9;
690    }
691
692    .theme-3 a.eventPostTitle:hover,
693    .theme-5 a.eventPostTitle:hover,
694    .theme-6 a.eventPostTitle:hover,
695    .theme-8 a.eventPostTitle:hover,
696    .theme-9 a.eventPostTitle:hover,
697    .theme-10 a.eventPostTitle:hover,
698    .theme-16 a.eventPostTitle:hover,
699    .theme-20 a.eventPostTitle:hover,
700    .theme-20 a.listPostTitle:hover {
701      color: #9C200B;
702    }
703
704    .eventStartDate .eventMonth,
705    .theme-7 .modal-body .eventStartDate .eventMonth,
706    .theme-9 .modal-body .eventStartDate .eventMonth,
707    .theme-10 .modal-body .eventStartDate .eventMonth,
708    .theme-11 .modal-body .eventStartDate .eventMonth,
709    .theme-13 .modal-body .eventStartDate .eventMonth,
710    .theme-16 .modal-body .eventStartDate .eventMonth,
711    .theme-17 .modal-body .eventStartDate .eventMonth,
712    .theme-18 .modal-body .eventStartDate .eventMonth,
713    .theme-20 .modal-body .eventStartDate .eventMonth {
714      background-color: #7E8DA9 !important;
715    }
716
717    .theme-1 .modal-body .eventStartDate .eventMonth,
718    .theme-3 .modal-body .eventStartDate .eventMonth,
719    .theme-4 .modal-body .eventStartDate .eventMonth,
720    .theme-5 .modal-body .eventStartDate .eventMonth,
721    .theme-6 .modal-body .eventStartDate .eventMonth,
722    .theme-8 .modal-body .eventStartDate .eventMonth {
723      background-color: #9C200B !important;
724    }
725    .theme-14 .modal-body .eventStartDate .eventMonth,
726    .theme-15 .modal-body .eventStartDate .eventMonth {
727      background-color: #EEB65F !important;
728    }
729
730    .modal-body h4.postTitle {
731      color: #7E8DA9 !important;
732    }
733
734    .modal-header,
735    .documentListContainer .btn {
736      background-color: #7E8DA9;
737      color: #ffffff;
738    }
739
740    .modal-header > .modal-title{
741      color: #ffffff;
742    }
743
744    .rbc-btn-group button,
745    .rbc-event,
746    .rbc-header,
747    .rbc-month-header .rbc-header,
748    .rbc-time-header-cell-single-day .rbc-header,
749    .rbc-agenda-view .rbc-agenda-table thead tr {
750      background-color: #7E8DA9;
751    }
752
753    .custom-select {
754      background: #7E8DA9 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
755      background-size: 8px 10px;
756    }
757
758    .rbc-toolbar-label {
759      color: #7E8DA9;
760    }
761  
762
763  /* HEADER, LINK AND ICON COLOR */
764  .nobox.theme_color.colored_text h2,
765  .nobox.theme_color.colored_text h3,
766  .nobox.theme_color.colored_text a,
767  .nobox.theme_color.colored_text .iconplugin-icon,
768  .outline.theme_color.colored_text h2,
769  .outline.theme_color.colored_text h3,
770  .outline.theme_color.colored_text a,
771  .coloredbox.theme_color.colored_text h2,
772  .coloredbox.theme_color.colored_text h3,
773  .coloredbox.theme_color.colored_text a,
774  .greyoutline.theme_color.colored_text h2,
775  .greyoutline.theme_color.colored_text h3,
776  .greyoutline.theme_color.colored_text a,
777  .greybox.theme_color.colored_text h2,
778  .greybox.theme_color.colored_text h3,
779  .greybox.theme_color.colored_text a,
780  .vacancy-container.theme_color h2,
781  .vacancy-list-container.theme_color h3,
782  .contact-banner .nobox.theme_color.colored_text a[href^=tel],
783  .contact-banner .outline.theme_color.colored_text a[href^=tel],
784  .contact-banner .coloredbox.theme_color.colored_text a[href^=tel],
785  .contact-banner .greyoutline.theme_color.colored_text a[href^=tel],
786  .contact-banner .greybox.theme_color.colored_text a[href^=tel] {
787    color: #7E8DA9;
788  }
789
790  .nobox.primary_color.colored_text h2,
791  .nobox.primary_color.colored_text h3,
792  .nobox.primary_color.colored_text a,
793  .nobox.primary_color.colored_text .iconplugin-icon,
794  .outline.primary_color.colored_text h2,
795  .outline.primary_color.colored_text h3,
796  .outline.primary_color.colored_text a,
797  .coloredbox.primary_color.colored_text h2,
798  .coloredbox.primary_color.colored_text h3,
799  .coloredbox.primary_color.colored_text a,
800  .greyoutline.primary_color.colored_text h2,
801  .greyoutline.primary_color.colored_text h3,
802  .greyoutline.primary_color.colored_text a,
803  .greybox.primary_color.colored_text h2,
804  .greybox.primary_color.colored_text h3,
805  .greybox.primary_color.colored_text a,
806  .vacancy-container.primary_color h2,
807  .vacancy-list-container.primary_color h3,
808  .contact-banner .nobox.primary_color.colored_text a[href^=tel],
809  .contact-banner .outline.primary_color.colored_text a[href^=tel],
810  .contact-banner .coloredbox.primary_color.colored_text a[href^=tel],
811  .contact-banner .greyoutline.primary_color.colored_text a[href^=tel],
812  .contact-banner .greybox.primary_color.colored_text a[href^=tel] {
813    color: #9C200B;;
814  }
815
816  .nobox.secondary_color.colored_text h2,
817  .nobox.secondary_color.colored_text h3,
818  .nobox.secondary_color.colored_text a,
819  .nobox.secondary_color.colored_text .iconplugin-icon,
820  .outline.secondary_color.colored_text h2,
821  .outline.secondary_color.colored_text h3,
822  .outline.secondary_color.colored_text a,
823  .coloredbox.secondary_color.colored_text h2,
824  .coloredbox.secondary_color.colored_text h3,
825  .coloredbox.secondary_color.colored_text a,
826  .greyoutline.secondary_color.colored_text h2,
827  .greyoutline.secondary_color.colored_text h3,
828  .greyoutline.secondary_color.colored_text a,
829  .greybox.secondary_color.colored_text h2,
830  .greybox.secondary_color.colored_text h3,
831  .greybox.secondary_color.colored_text a,
832  .vacancy-container.secondary_color h2,
833  .vacancy-list-container.secondary_color h3,
834  .contact-banner .nobox.secondary_color.colored_text a[href^=tel],
835  .contact-banner .outline.secondary_color.colored_text a[href^=tel],
836  .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel],
837  .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel],
838  .contact-banner .greybox.secondary_color.colored_text a[href^=tel] {
839    color: #EEB65F ;
840  }
841
842  .nobox.tertiary_color.colored_text h2,
843  .nobox.tertiary_color.colored_text h3,
844  .nobox.tertiary_color.colored_text a,
845  .nobox.tertiary_color.colored_text .iconplugin-icon,
846  .outline.tertiary_color.colored_text h2,
847  .outline.tertiary_color.colored_text h3,
848  .outline.tertiary_color.colored_text a,
849  .coloredbox.tertiary_color.colored_text h2,
850  .coloredbox.tertiary_color.colored_text h3,
851  .coloredbox.tertiary_color.colored_text a,
852  .greyoutline.tertiary_color.colored_text h2,
853  .greyoutline.tertiary_color.colored_text h3,
854  .greyoutline.tertiary_color.colored_text a,
855  .greybox.tertiary_color.colored_text h2,
856  .greybox.tertiary_color.colored_text h3,
857  .greybox.tertiary_color.colored_text a,
858  .vacancy-container.tertiary_color h2,
859  .vacancy-list-container.tertiary_color h3,
860  .contact-banner .nobox.tertiary_color.colored_text a[href^=tel],
861  .contact-banner .outline.tertiary_color.colored_text a[href^=tel],
862  .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel],
863  .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel],
864  .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] {
865    color: #353B47 ;
866  }
867
868  
869    /* VACANCY COLORS */
870    .vacancy-container.nobox.theme_color .btn-group .btn-read,
871    .vacancy-container.outline.theme_color .btn-group .btn-read,
872    .vacancy-container.greyoutline.theme_color .btn-group .btn-read,
873    .vacancy-container.greybox.theme_color .btn-group .btn-read,
874    .vacancy-container.theme_color .modal-header,
875    .vacancy-container.theme_color .btn-close,
876    .vacancy-list-container.theme_color .btn-group .btn-read,
877    .vacancy-list-container.theme_color .modal-header,
878    .vacancy-list-container.theme_color .btn-close {
879      background-color: #7E8DA9;
880      border-color: #7E8DA9;
881    }
882
883    .vacancy-container.primary_color .btn-group .btn-read,
884    .vacancy-container.primary_color .modal-header,
885    .vacancy-container.primary_color .btn-close,
886    .vacancy-list-container.primary_color .btn-group .btn-read,
887    .vacancy-list-container.primary_color .modal-header,
888    .vacancy-list-container.primary_color .btn-close {
889      background-color: #9C200B;
890      border-color: #9C200B;
891    }
892
893    .vacancy-container.secondary_color .btn-group .btn-read,
894    .vacancy-container.secondary_color .modal-header,
895    .vacancy-container.secondary_color .btn-close,
896    .vacancy-list-container.secondary_color .btn-group .btn-read,
897    .vacancy-list-container.secondary_color .modal-header,
898    .vacancy-list-container.secondary_color .btn-close {
899      background-color: #EEB65F;
900      border-color: #EEB65F;
901    }
902
903    .vacancy-container.tertiary_color .btn-group .btn-read,
904    .vacancy-container.tertiary_color .modal-header,
905    .vacancy-container.tertiary_color .btn-close,
906    .vacancy-list-container.tertiary_color .btn-group .btn-read,
907    .vacancy-list-container.tertiary_color .modal-header,
908    .vacancy-list-container.tertiary_color .btn-close  {
909      background-color: #353B47;
910      border-color: #353B47;
911    }
912
913    .vacancy-container.coloredbox.theme_color .btn-group .btn-read,
914    .list-vacancy-container a.btn-vacancy.theme_color {
915      color: #7E8DA9;
916    }
917
918    .vacancy-container.coloredbox.primary_color .btn-group .btn-read,
919    .list-vacancy-container a.btn-vacancy.primary_color {
920      color: #9C200B;
921    }
922
923    .vacancy-container.coloredbox.secondary_color .btn-group .btn-read,
924    .list-vacancy-container a.btn-vacancy.secondary_color {
925      color: #EEB65F;
926    }
927
928    .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read,
929    .list-vacancy-container a.btn-vacancy.tertiary_color {
930      color: #353B47;
931    }
932
933    .vacancy-list-container.theme_color .fa-bullhorn {
934      border: 1px solid #7E8DA9;
935    }
936
937    .vacancy-list-container.primary_color .fa-bullhorn {
938      border: 1px solid #9C200B;
939    }
940
941    .vacancy-list-container.secondary_color .fa-bullhorn {
942      border: 1px solid #EEB65F;
943    }
944
945    .vacancy-list-container.tertiary_color .fa-bullhorn {
946      border: 1px solid #353B47;
947    }
948  
949
950  /* GENERIC BANNER & SCHOOL STATISTICS COLORS */
951  .st-10 .icons-wrapper .icon-container .iconplugin-icon,
952  .flex-t10 .icon-container .iconplugin-icon{
953    background-color: #ffffff !important;
954    border: none !important;
955    color: #7E8DA9 !important;
956  }
957
958  .theme-10 .navbar .open-menu,
959  .theme-20 .navbar .open-menu,
960  .theme-21 .navbar .open-menu,
961  .theme-24 .navbar .open-menu,
962  .theme-25 .navbar .open-menu,
963  .st-9 .navbar .open-menu,
964  .st-6 .navbar .open-menu,
965  .st-7 .navbar .open-menu {
966    color: #E4E4E4;
967  }
968
969  
970    .st-2 .fourpillar-item,
971    .st-5 .fourpillar-item,
972    .st-6 .fourpillar-item,
973    .contact-banner,
974    .job_card,
975    .search-card,
976    .blog-card,
977    .carousel-tagline .schoolname,
978    .carousel-tagline .school-tagline,
979    #searchModal .search-modal.modal-content,
980    .navbar-theme-16 .nav > li.active > a{
981      border-radius: 16px;
982    }
983
984    .st-2 .fourpillar-item .pillar-icon-top{
985      border-radius: 16px
986    }
987
988    .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{
989      background-color: #7E8DA9;
990    }
991    .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{
992      background-color: #353B47;
993    }
994    .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{
995      background-color: #9C200B;
996    }
997    .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{
998      background-color: #EEB65F;
999    }
1000
1001    .gets-rounded,
1002    .st-9 .main-content.first-row .column,
1003    .st-1 .generic-banners,
1004    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
1005    .slick-arrow{
1006      border-radius: 16px !important;
1007    }
1008
1009    .news__items-horizontal .news__container .news__header {
1010      border-top-left-radius: 16px;
1011      border-top-right-radius: 16px;
1012      overflow: hidden;
1013    }
1014
1015    .st-4 .nav-stacked.gets-rounded{
1016      overflow-y: hidden;
1017      border-bottom: none;
1018    }
1019  
1020
1021  
1022    .st-4 .carousel-tagline .schoolname,
1023    .st-4 .carousel-tagline .school-tagline{
1024      padding: 16px;
1025    }
1026  
1027
1028  [class*="mt-btn"],
1029  .file-plugin,
1030  .btn-share,
1031  .btn-search, .btn-outline {
1032    
1033      border-radius: 99999999px !important;
1034    
1035    
1036    
1037  }
1038
1039  
1040    .file-plugin{
1041      padding-left:20px;
1042    }
1043    .file-plugin--icon{
1044      overflow: hidden;
1045    }
1046  
1047
1048  
1049    .gets-shadow,
1050    .gets-shadow--hover,
1051    .st-1 .generic-banners,
1052    .st-4 .carousel-tagline .schoolname,
1053    .st-4 .carousel-tagline .school-tagline,
1054    .st-9 .main-content.first-row .column,
1055    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
1056    .base-template .icon-container.icon__background.gets-shadow .icon-choice{
1057      
1058        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02) !important;
1059      
1060    }
1061
1062    .base-template .icon-container.icon__background.gets-shadow,
1063    .base-template .icon-container.nobox.gets-shadow {
1064      box-shadow: none !important;
1065    }
1066
1067    .gets-shadow--hover{
1068      transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1);
1069    }
1070
1071    .verticalPostRow.gets-rounded,
1072    .news__items-horizontal .news {
1073      overflow: hidden;
1074    }
1075
1076    .news__items-horizontal .news .news__body{
1077      padding: 10px;
1078    }
1079
1080    .news__items-horizontal .news .news__footer{
1081      padding-left: 15px;
1082    }
1083
1084    .gets-shadow--hover:hover,
1085    .st-10 .icons-wrapper .icon-container .iconplugin-icon{
1086      
1087        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
1088      
1089    }
1090  
1091
1092  
1093
1094  h1,
1095  h2,
1096  h3,
1097  h4,
1098  h5,
1099  h6{
1100    color: var(--theme-heading-color);
1101    
1102      font-family: var(--heading-ff);
1103    
1104  }
1105
1106  
1107</style>
1108
1109
1110<script>
1111  (function() {
1112    var w = 1400;
1113    if (window.innerWidth >= w) {
1114      document.documentElement.classList.add('desktop-nav');
1115    }
1116  })();
1117</script>
1117
1118
1119
1120  <link rel="preconnect" href="https://fonts.googleapis.com">
1121  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1122  
1123    <link href='https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1124    <link href='https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1125    <link href='https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1126  
1127
1128
1129
1130  <link rel="Shortcut Icon" class="favicon" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/theming/Montessorischool%20Elzeneind/favicon_SAAM" type="image/x-icon">
1131
1132
1133    <style>
1134/* Hide scroll-bar onn x-axis */
1135 body {
1136    overflow-x: hidden;
1137 }
1138</style>
1139
1140<style>
1141/*Onderdeel van SAAM footer*/
1142.footer-bg::after {
1143  content: "";
1144  position: relative;
1145  bottom: 0;
1146  height: 100px;
1147  background-color: #fff;
1148  background: #fff url(https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/ba/56/ba56eec6-0961-4598-bfbe-201bc0d1521a/onderdeel-van-saam1.png) center center/auto no-repeat;
1149  width: 100vw;
1150  display: block;
1151}
1152</style>
1153
1154
1155
1156<style>
1157.file-plugin a {
1158  color: var(--file-text-color) !important;
1159}
1160
1161/*X icon*/
1162.fa-window-close:before {
1163  content: "";
1164  width: 36px;
1165  height: 36px;
1166  display: block;
1167  position: relative;
1168  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"/></svg>');
1169  -webkit-mask-repeat: no-repeat;
1170  -webkit-mask-position: center center;
1171  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"/></svg>');
1172  mask-repeat: no-repeat;
1173  mask-position: center center;
1174}
1175
1176.c-primary .fa-window-close:before {
1177  background-color: var(--primary-color) !important;
1178}
1179.c-secondary .fa-window-close:before {
1180  background-color: var(--secondary-color) !important;
1181}
1182.c-tertiary .fa-window-close:before {
1183  background-color: var(--tertiary-color) !important;
1184}
1185.c-theme .fa-window-close:before {
1186  background-color: var(--theme-color) !important;
1187}
1188
1189
1190.top-info .css-login {
1191  display: flex;
1192  gap: 1rem;
1193}
1194.top-info .css-login .btn {
1195  margin: 0.5rem 0;
1196}
1197</style>
1198
1199
1200<style>
1201<style>
1202/*MOBILE MENU FIX*/
1203nav:not(.nav-hamburger) .sub-menu-parent .nav-holder .icon.expand,
1204nav:not(.nav-hamburger) .sub-menu-parent .sub-item .icon.expand {
1205	height: auto;
1206}
1207
1208@media (min-width: 1400px) {
1209	nav:not(.nav-hamburger) .sub-item-wrapper {
1210		width: max-content;
1211	}
1212
1213	nav:not(.nav-hamburger) .sub-item {
1214		width: 100%;
1215	}
1216}
1217
1218@media (max-width: 1399.98px) {
1219	.site-menu:not(.menu-hamburger) .sub-item-wrapper .sub-item-title {
1220		font-weight: bolder;
1221	}
1222
1223	.site-menu:not(.menu-hamburger) .sub-item-wrapper .sub-link:hover {
1224		font-weight: 700 !important;
1225		text-decoration: none;
1226	}
1227
1228	.site-menu:not(.menu-hamburger) .sub-item-wrapper .sub-link,
1229	.site-menu:not(.menu-hamburger) a[data-show="sub-menu"] {
1230		padding: .2em 1rem;
1231	}
1232
1233	.active__underline .nav-link::after {
1234		border-bottom: 0;
1235	}
1236
1237	.nav-item.active .nav-link {
1238		font-weight: bold !important;
1239	}
1240
1241
1242
1243	.active__button .active .nav-link,
1244	.active__button .nav-item:hover .nav-link {
1245		background-color: transparent !important;
1246		color: var(--primary-color) !important;
1247		font-weight: 700 !important;
1248
1249	}
1250}
1251/*END MOBILE MENU FIX*/
1252</style>
1253</style>
1254<style>
1255.carousel .slick-slide .box {
1256  margin-left: 2rem;
1257  margin-right: 2rem;
1258}
1259
1260.icon-container__sm .img-icon, .iconplugin-icon {
1261  width: 36px;
1262  height: 36px;
1263  border-radius: 0 !important;
1264  text-align: center;
1265}
1266
1267.side-menu, .sidemenu__menu {
1268  background-color: var(--nav-bg-color) !important;
1269
1270}
1271
1272
1273.side-menu .nav-item.active, .side-menu .nav-item:hover, 
1274.sidemenu__menu .nav-item.active, 
1275.sidemenu__menu .nav-item:hover {
1276  background-color: rgb(50, 50, 50);
1277}
1278
1279.side-menu .nav-item:last-child, 
1280.sidemenu__menu .nav-item:last-child {
1281  margin-bottom: var(--size-300);
1282}
1283
1284}
1285
1286.section {
1287  scroll-margin-top: 10rem;
1288}
1289.socs--back-to-top {
1290  background: var(--theme-color);
1291}
1292.socs--back-to-top::after {
1293  color: #fff;
1294}
1295
1296footer .privacy_menu a {
1297  color: var(--footer-link-color) !important;
1298  text-decoration: underline;
1299}
1300
1301</style>
1302    
1303
1304  </head>
1305  <body class="base-template page-home page-id-504  with-mask with-mask__skew btn-pill is-rounded__lg has-shadow__sm  page-home">
1306    
1307
1308
1309
1310
1311
1312
1313
1314    
1315
1316
1317
1318
1319    
1320    
1321
1322
1323    
1324
1325    <div class="top-info top-bg">
1326      <div class="container"><style type="text/css">
1327  :root{
1328    --theme-color: #7E8DA9;
1329    --primary-color: #9C200B;
1330    --secondary-color: #EEB65F;
1331    --tertiary-color: #353B47;
1332    --footer-color: #353B47;
1333    --footer-link-color: #FFFFFF;
1334    --nav-link-color: #E4E4E4;
1335    --nav-bg-color: #353B47;
1336    --topbar-bg-color: #353B47;
1337    --background-color: #EFEFEF;
1338    --theme-heading-color: var(--theme-color);
1339    --theme-hero-bg: #E4E4E4;
1340    --theme-hero-color: #353B47;
1341    --font-base-size: 16px;
1342    --file-background-color: #7E8DA9;
1343    --file-text-color: #FFFFFF;
1344    --link-text-color: #0F1115;
1345    --quote-ff: Eczar;
1346    
1347      --heading-ff: "Eczar", system-ui, sans-serif;
1348    
1349    --mobile-mode-width: 1400;
1350    
1351      --theme-border-radius: 16px;
1352    
1353    
1354      
1355        --theme-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02);
1356      
1357    
1358  }
1359
1360  /*
1361    Navbar inline css to fix issue related to "more" navbar after plugin add
1362    PORTAL-434 & PORTAL-892
1363  */
1364  /* Navbar MORE menu fix begins here */
1365  div.cms .cms-toolbar-item-navigation li {
1366    position: relative;
1367    float: left;
1368  }
1369  div.cms .cms-toolbar-item-navigation li ul {
1370    display: none;
1371  }
1372  .cms-toolbar-item.cms-toolbar-item-buttons {
1373    display: inline-block;
1374  }
1375  /* Navbar MORE menu fix ends here */
1376
1377  .navbar-nav .nav-link{
1378    color: #E4E4E4;
1379  }
1380
1381  a, a:hover {
1382    color: #0F1115;
1383  }
1384
1385  a.maps-web-btn {
1386    background-color: #7E8DA9;
1387  }
1388
1389  button[type=submit],
1390  .btn-jobs-modal {
1391    background-color: #7E8DA9;
1392  }
1393
1394  .quote-text {
1395    font-family: var(--quote-ff);
1396  }
1397
1398  .theme-13 h2,
1399  .theme-14 h2 {
1400    color: #9C200B;
1401  }
1402
1403  .caret {
1404    color: #7E8DA9;
1405  }
1406
1407  /* BLOG / JOBS / FAQ / SEARCH */
1408
1409  
1410
1411  .page-link:hover,
1412  .list-group-item:hover,
1413  .list-group-item:focus {
1414    color: #0F1115;
1415    background-color: #f7f7f7;
1416  }
1417
1418  a.nav-link.newsblog-nav-link,
1419  a.nav-link.faq-nav-link {
1420    background: #9C200B;
1421  }
1422
1423  .faq-overview-list h3:hover {
1424    color: #7E8DA9;
1425    text-decoration: none;
1426  }
1427
1428  .search-pagination .page-item.active .page-link {
1429    background-color: #7E8DA9;
1430    border-color: #7E8DA9;
1431  }
1432
1433  /* TABBABLE */
1434  
1435    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
1436      background-color: #EFEFEF;
1437      border-color: #dee2e6 #EFEFEF;
1438    }
1439  
1440
1441
1442  /* LOGIN */
1443  .btn-tooltip-login,
1444  .btn-tooltip-register {
1445    background-color: #7E8DA9;
1446    border-color: #7E8DA9;
1447  }
1448
1449  .carousel-theme-6,
1450  .carousel-theme-4 .carousel-tagline-wrapper {
1451    background-color: #9C200B;
1452  }
1453
1454  .carousel-theme-8 .schoolname,
1455  .carousel-theme-9 .schoolname,
1456  .theme-8 .introduction-left {
1457    background-color: #7E8DA9
1458  }
1459
1460  .theme-8 .introduction-right,
1461  .theme-8 .school-tagline,
1462  .theme-9 .school-tagline {
1463    background-color: #9C200B;
1464  }
1465
1466  .agenda-plugin .event-icon {
1467    background-color: #7E8DA9;
1468  }
1469
1470  .agendaeventMonth .bg-primary {
1471    background-color: #9C200B !important;
1472  }
1473
1474  
1475    /** Override nav links */
1476    .theme-1 .navbar-light .nav li a,
1477    .navbar-light .nav li a,
1478    .navbar .nav > li > a,
1479    .navbar-light .navbar-nav .nav-link,
1480    .navbar-light .navbar-nav .show > .nav-link,
1481    .navbar-light .navbar-nav .active > .nav-link,
1482    .navbar-light .navbar-nav .nav-link.show,
1483    .navbar .nav li.dropdown.active > .dropdown-toggle,
1484    .navbar-light .navbar-nav .nav-link.active,
1485    .navbar .nav li.dropdown.active > .dropdown-toggle,
1486    .navbar .nav li.dropdown.open > .dropdown-toggle,
1487    .dropdown-menu a,
1488    .theme-10 .navbar .nav > li > a,
1489    .theme-10 .navbar-light .navbar-nav .nav-link {
1490      color: #E4E4E4;
1491    }
1492  
1493
1494  .navbar .nav .dropdown.active > .dropdown-toggle,
1495  .navbar .nav .nav-item.active > .nav-link,
1496  .navbar-theme-4.navbar .nav .nav-item.active,
1497  .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{
1498    color: #7E8DA9;
1499  }
1500
1501  .content-theme-5 .nav,
1502  .content-theme-5 .nav-stacked > li > a,
1503  .content-theme-5 .nav-stacked > li > a:hover,
1504  .content-theme-5 .nav-stacked > li > a:focus,
1505  .content-theme-5 .nav-stacked > .active a,
1506  .theme-7 .nav-stacked li a:hover,
1507  .content-theme-8 .nav,
1508  .content-theme-8 .nav-stacked > li > a,
1509  .content-theme-8 .nav-stacked > li > a:hover,
1510  .content-theme-8 .nav-stacked > li > a:focus,
1511  .content-theme-8 .nav-stacked > .active a {
1512    background-color: #7E8DA9;
1513  }
1514
1515  .theme-10 .content-theme-10 .nav-stacked > li > a:hover,
1516  .theme-10 .content-theme-10 .nav-stacked > li > a:focus,
1517  .theme-20 .content-theme-20 .nav-stacked > li > a:hover,
1518  .theme-20 .content-theme-20 .nav-stacked > li > a:focus,
1519  .theme-25 .content-theme-20 .nav-stacked > li > a:hover,
1520  .theme-25 .content-theme-20 .nav-stacked > li > a:focus {
1521    border-bottom: 1px solid #7E8DA9;
1522    color: #7E8DA9;
1523  }
1524
1525  .theme-10 .content-theme-10 .nav-stacked > .active a,
1526  .theme-20 .content-theme-20 .nav-stacked > .active a,
1527  .theme-25 .content-theme-25 .nav-stacked > .active a {
1528    color: #7E8DA9;
1529  }
1530
1531  .theme-10 .content-theme-10 .nav-stacked > .active a:hover,
1532  .theme-20 .content-theme-20 .nav-stacked > .active a:hover,
1533  .theme-25 .content-theme-25 .nav-stacked > .active a:hover {
1534    border-bottom: 1px solid #7E8DA9;
1535    color: #7E8DA9;
1536  }
1537
1538  .theme-10 .pull-right.css-login .btn,
1539  .theme-20 .pull-right.css-login .btn,
1540  .theme-25 .pull-right.css-login .btn {
1541    background-color: #9C200B;
1542    border-color: #9C200B;
1543  }
1544
1545  .theme-10 .pull-right.css-login .btn:hover,
1546  .theme-20 .pull-right.css-login .btn:hover,
1547  .theme-25 .pull-right.css-login .btn:hover {
1548    background-color: #EEB65F;
1549    border-color:  #EEB65F;
1550  }
1551
1552  .theme-6 .navbar .nav > li.active > a,
1553  .navbar-theme-14  .nav .nav-item.active{
1554    color: #7E8DA9;
1555    border-bottom: 3px solid #7E8DA9;
1556  }
1557
1558  .navbar-default .nav .active a:hover {
1559    color: #E4E4E4;
1560    background-color: #353B47;
1561    text-shadow: none;
1562  }
1563
1564  .navbar .nav .nav-item .nav-link:hover,
1565  .navbar .nav .nav-item .nav-link:focus{
1566    background-color: #7E8DA9;
1567  }
1568
1569  @media (min-width: 1200px) {
1570    .theme-8 .responsive_menu .nav .nav-item:hover,
1571    .theme-4 .responsive_menu .nav .nav-item:hover {
1572      background-color: #7E8DA9;
1573    }
1574  }
1575
1576  .theme-12 .css-carousel-description > .css-carousel-description-background,
1577  .theme-5 .css-carousel-description > .css-carousel-description-background {
1578    background-color: #7E8DA9;
1579  }
1580  .nav-stacked .active > a {
1581    border-left: 4px solid #7E8DA9 !important;
1582  }
1583  .nav-stacked .active a, .nav-stacked a:hover {
1584    background-color: #fafafa;
1585    color: #555555;
1586  }
1587  .circle {
1588    -webkit-box-shadow: 0 0 10px #7E8DA9;
1589    -moz-box-shadow: 0 0 10px #7E8DA9;
1590    box-shadow: 0 0 10px #7E8DA9;
1591  }
1592
1593  .navbar-theme-3 .nav > .nav-item.active > .nav-link,
1594  .navbar-theme-4 .nav > .nav-item.active,
1595  .navbar-theme-7 .nav > .nav-item.active > .nav-link,
1596  .navbar-theme-8 .nav > .nav-item.active > .nav-link,
1597  .navbar-theme-10 .nav > .nav-item.active > .nav-link {
1598    border-color: #7E8DA9;
1599  }
1600
1601  .theme-10-login-bar a:hover,
1602  .theme-13-login-bar a:hover {
1603    color: #7E8DA9;
1604  }
1605
1606  .btn-navbar i {
1607    color: #7E8DA9;
1608  }
1609
1610  .navbar-theme-3 .dropdown-menu > li > a,
1611  .navbar-theme-4 .dropdown-menu > li > a,
1612  .navbar-theme-5 .dropdown-menu > li > a,
1613  .navbar-theme-6 .dropdown-menu > li > a,
1614  .navbar-theme-7 .dropdown .dropdown-item,
1615  .navbar-theme-8 .dropdown-menu > li > a,
1616  .navbar-theme-9 .dropdown-menu > li > a,
1617  .navbar-theme-10 .dropdown-menu > li > a,
1618  .navbar-theme-11 .dropdown-menu > li > a,
1619  .navbar-theme-13 .dropdown-menu > li > a,
1620  .navbar-theme-20 .dropdown-menu > li > a,
1621  .navbar-theme-25 .dropdown-menu > li > a,
1622  .navbar-st-7 .dropdown-menu > li > a,
1623  .navbar-theme-22 .dropdown-menu > li > a {
1624    color: #7E8DA9;
1625  }
1626
1627  .navbar-theme-12 .navbar-toggle span.icon-bar {
1628    background-color: #E4E4E4;
1629  }
1630
1631  .navbar-theme-3 .navbar-toggle span.icon-bar,
1632  .navbar-theme-4 .navbar-toggle span.icon-bar,
1633  .navbar-theme-5 .navbar-toggle span.icon-bar,
1634  .navbar-theme-6 .navbar-toggle span.icon-bar,
1635  .navbar-theme-7 .navbar-toggle span.icon-bar,
1636  .navbar-theme-8 .navbar-toggle span.icon-bar,
1637  .navbar-theme-10 .navbar-toggle span.icon-bar,
1638  .navbar-theme-11 .navbar-toggle span.icon-bar,
1639  .navbar-theme-13 .navbar-toggle span.icon-bar,
1640  .navbar-theme-20 .navbar-toggle span.icon-bar,
1641  .navbar-theme-25 .navbar-toggle span.icon-bar,
1642  .navbar-st-7 .navbar-toggle span.icon-bar,
1643  .navbar-theme-22 .navbar-toggle span.icon-bar  {
1644    background-color: #7E8DA9;
1645  }
1646
1647  .css-cmsplugin_gallery .carousel-indicators .active {
1648    background-color: #7E8DA9;
1649  }
1650
1651  .item-primarycolor a,
1652  .item-primarycolor a:hover {
1653    color: #7E8DA9;
1654  }
1655  .item-themecolor a,
1656  .item-themecolor a:hover {
1657    color: #7E8DA9;
1658  }
1659
1660  .theme-11 .widgets-theme-11 h2,
1661  .theme-13 .widgets-theme-13 h2,
1662  .theme-14 .widgets-theme-13 h2 {
1663    color: #9C200B;
1664  }
1665
1666  .theme-13 .bottom-1 .generic-banner,
1667  .theme-14 .bottom-1 .generic-banner,
1668  .theme-15 .bottom-1 .generic-banner {
1669    background-color: #353B47;
1670  }
1671  .theme-13 .bottom-2 .generic-banner,
1672  .theme-14 .bottom-2 .generic-banner,
1673  .theme-15 .bottom-2 .generic-banner {
1674    background-color: #7E8DA9;
1675  }
1676  .theme-13 .bottom-3 .generic-banner,
1677  .theme-14 .bottom-3 .generic-banner,
1678  .theme-15 .bottom-3 .generic-banner {
1679    background-color: #9C200B;
1680  }
1681  .theme-13 .bottom-4 .generic-banner,
1682  .theme-14 .bottom-4 .generic-banner ,
1683  .theme-15 .bottom-4 .generic-banner{
1684    background-color: #EEB65F;
1685  }
1686
1687  .banners-theme4 h2 {
1688    color: #EEB65F;
1689  }
1690
1691  .carousel-theme-10 h1:before,
1692  .carousel-theme-10 h2:before,
1693  .carousel-theme-13 h1:before,
1694  .carousel-theme-13 h2:before {
1695    background-color: #9C200B;
1696  }
1697
1698  .theme-10 .news-plugin h3,
1699  .theme-10 .news-plugin a,
1700  .theme-10 .agenda-plugin h3,
1701  .theme-10 .agenda-plugin a,
1702  .theme-13 .news-plugin h3,
1703  .theme-13 .news-plugin a,
1704  .theme-13 .agenda-plugin h3,
1705  .theme-13 .agenda-plugin a,
1706  .theme-20 .news-plugin h3,
1707  .theme-20 .news-plugin a,
1708  .theme-20 .agenda-plugin h3,
1709  .theme-20 .agenda-plugin a,
1710  .theme-25 .news-plugin h3,
1711  .theme-25 .news-plugin a,
1712  .theme-25 .agenda-plugin h3,
1713  .theme-25 .agenda-plugin a {
1714    color: #7E8DA9;
1715  }
1716
1717  .theme-11-news-agenda h2,
1718  .theme-13-news-agenda h2 {
1719    color: #7E8DA9;
1720  }
1721
1722  .theme-11 .pager li > a, .pager li > span,
1723  .theme-13 .pager li > a, .pager li > span {
1724    background-color: #7E8DA9;
1725  }
1726  .theme-11 .pager li > a:hover,
1727  .theme-13 .pager li > a:hover {
1728    background-color: #EEB65F;
1729  }
1730
1731  /* ADD BACKGROUND IMAGE TO THEME */
1732  body{
1733    
1734      background: #EFEFEF;
1735    
1736  }
1737
1738  body,
1739  html {
1740    
1741      font-family: "Nunito", system-ui, sans-serif;
1742    
1743    -webkit-font-smoothing: antialiased;
1744    font-size: var(--font-base-size);
1745  }
1746
1747  .mt-icon-primary {
1748    color: #9C200B;
1749  }
1750  .mt-icon-secondary {
1751    color: #EEB65F;
1752  }
1753  .mt-icon-themecolor {
1754    color: #7E8DA9;
1755  }
1756  /*
1757  .box.primary, .section.primary {
1758    background-color: #9C200B;
1759  }
1760  .box.secondary, .section.secondary {
1761    background-color: #EEB65F;
1762  }
1763  .box.theme, .section.theme {
1764    background-color: #7E8DA9;
1765  }
1766  .box.tertiary, .section.tertiary {
1767    background-color: #353B47;
1768  }
1769  */
1770
1771  
1772    .mt-icon-tertiary {
1773      color: #353B47;
1774    }
1775    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"],
1776    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"],
1777    .st-7 form.djangocms-googlemap-route-planner input[type="submit"],
1778    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] {
1779      background-color: #9C200B;
1780    }
1781    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
1782    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
1783    .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
1784    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover {
1785      background-color: #EEB65F;
1786    }
1787
1788    .theme-11 .fa-play,
1789    .theme-14 .fa-play  {
1790      background-color: #9C200B;
1791    }
1792    .theme-11 .fa-play:hover,
1793    .theme-14 .fa-play:hover {
1794      background-color: #7E8DA9;
1795      text-decoration: none;
1796    }
1797
1798    .theme-24 .content-page .youvideo-thumbnail::after {
1799      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.7 384.3'%3E%3Cpath fill='%237E8DA9' d='M188 371.9c128.6 37.4 255.5-12.8 283.3-112S417.4 49.8 288.8 12.4C160.1-25 33.3 25.1 5.4 124.4 -22.4 223.7 59.3 334.5 188 371.9'/%3E%3C/svg%3E%0A");
1800    }
1801
1802    /* APP STYLES */
1803    /* Messages */
1804    .OverViewContainer .postTitle,
1805    .modal-body .postTitle {
1806      color: #7E8DA9;
1807    }
1808
1809    /* Event */
1810    a.listPostTitle {
1811      color: #9C200B;
1812    }
1813    .agendaeventTitleContainer h4 {
1814      color: #EEB65F;
1815    }
1816
1817    .rbc-header,
1818    .rbc-toolbar button {
1819      background-color: #7E8DA9 !important;
1820    }
1821    .rbc-toolbar button:active {
1822      background-color: #9C200B !important;
1823    }
1824    .rbc-toolbar button.rbc-active,
1825    .rbc-toolbar button:hover {
1826      background-color: #9C200B !important;
1827    }
1828    .rbc-event {
1829      background-color: #9C200B !important;
1830    }
1831
1832    /*Photos*/
1833    .AlbumOverViewContainer .postTitle {
1834      color: #7E8DA9;
1835    }
1836
1837    /* Theme adjustments */
1838    .theme-14 .agendaeventTitleContainer h4,
1839    .theme-15 .agendaeventTitleContainer h4 {
1840      color: #EEB65F;
1841    }
1842
1843    /* EVENT COLORS & MODAL */
1844    .post-modal-header {
1845      background-color: #7E8DA9;
1846    }
1847
1848    .modal-body .eventMonth {
1849      background: #EEB65F;
1850    }
1851
1852    .theme-7 .agendaeventMonth,
1853    .theme-9 .agendaeventMonth .bg-primary,
1854    .theme-10 .agendaeventMonth .bg-primary,
1855    .theme-11 .agendaeventMonth .bg-primary,
1856    .theme-13 .agendaeventMonth .bg-primary,
1857    .theme-17 .agendaeventMonth .bg-primary,
1858    .postOverviewheader.bg-primary.mb-3,
1859    .date-container,
1860    .card.postOverviewheader {
1861      background-color: #7E8DA9 !important;
1862    }
1863
1864    .theme-2 .agendaeventMonth .bg-primary,
1865    .theme-3 .agendaeventMonth .bg-primary,
1866    .theme-5 .agendaeventMonth .bg-primary,
1867    .theme-6 .agendaeventMonth .bg-primary,
1868    .theme-8 .agendaeventMonth .bg-primary,
1869    .theme-19 .agendaeventMonth .bg-primary {
1870      background-color: #9C200B !important;
1871    }
1872    .theme-1 .agendaeventMonth .bg-primary,
1873    .theme-4 .agendaeventMonth .bg-primary,
1874    .theme-14 .agendaeventMonth .bg-primary,
1875    .theme-15 .agendaeventMonth .bg-primary,
1876    .theme-20 .agendaeventMonth .bg-primary {
1877      background-color: #EEB65F !important;
1878    }
1879
1880    .theme-5 h4.card-title.float-left,
1881    .theme-6 h4.card-title.float-left,
1882    .theme-8 h4.card-title.float-left,
1883    a.btn.btn-default.documentBtn.verticalBtn {
1884      color: #9C200B !important;
1885    }
1886
1887    .theme-4 a.eventPostTitle,
1888    .theme-14 h4.card-title.float-left {
1889      color: #EEB65F !important;
1890    }
1891
1892    .theme-1 a.eventPostTitle:hover,
1893    .theme-2 a.eventPostTitle:hover,
1894    .theme-4 a.eventPostTitle:hover,
1895    .theme-7 a.eventPostTitle:hover,
1896    .theme-11 a.eventPostTitle:hover,
1897    .theme-13 a.eventPostTitle:hover,
1898    .theme-14 a.eventPostTitle:hover,
1899    .theme-15 a.eventPostTitle:hover,
1900    .theme-17 a.eventPostTitle:hover,
1901    .theme-18 a.eventPostTitle:hover,
1902    .theme-19 a.eventPostTitle:hover {
1903      color: #7E8DA9;
1904    }
1905
1906    .theme-3 a.eventPostTitle:hover,
1907    .theme-5 a.eventPostTitle:hover,
1908    .theme-6 a.eventPostTitle:hover,
1909    .theme-8 a.eventPostTitle:hover,
1910    .theme-9 a.eventPostTitle:hover,
1911    .theme-10 a.eventPostTitle:hover,
1912    .theme-16 a.eventPostTitle:hover,
1913    .theme-20 a.eventPostTitle:hover,
1914    .theme-20 a.listPostTitle:hover {
1915      color: #9C200B;
1916    }
1917
1918    .eventStartDate .eventMonth,
1919    .theme-7 .modal-body .eventStartDate .eventMonth,
1920    .theme-9 .modal-body .eventStartDate .eventMonth,
1921    .theme-10 .modal-body .eventStartDate .eventMonth,
1922    .theme-11 .modal-body .eventStartDate .eventMonth,
1923    .theme-13 .modal-body .eventStartDate .eventMonth,
1924    .theme-16 .modal-body .eventStartDate .eventMonth,
1925    .theme-17 .modal-body .eventStartDate .eventMonth,
1926    .theme-18 .modal-body .eventStartDate .eventMonth,
1927    .theme-20 .modal-body .eventStartDate .eventMonth {
1928      background-color: #7E8DA9 !important;
1929    }
1930
1931    .theme-1 .modal-body .eventStartDate .eventMonth,
1932    .theme-3 .modal-body .eventStartDate .eventMonth,
1933    .theme-4 .modal-body .eventStartDate .eventMonth,
1934    .theme-5 .modal-body .eventStartDate .eventMonth,
1935    .theme-6 .modal-body .eventStartDate .eventMonth,
1936    .theme-8 .modal-body .eventStartDate .eventMonth {
1937      background-color: #9C200B !important;
1938    }
1939    .theme-14 .modal-body .eventStartDate .eventMonth,
1940    .theme-15 .modal-body .eventStartDate .eventMonth {
1941      background-color: #EEB65F !important;
1942    }
1943
1944    .modal-body h4.postTitle {
1945      color: #7E8DA9 !important;
1946    }
1947
1948    .modal-header,
1949    .documentListContainer .btn {
1950      background-color: #7E8DA9;
1951      color: #ffffff;
1952    }
1953
1954    .modal-header > .modal-title{
1955      color: #ffffff;
1956    }
1957
1958    .rbc-btn-group button,
1959    .rbc-event,
1960    .rbc-header,
1961    .rbc-month-header .rbc-header,
1962    .rbc-time-header-cell-single-day .rbc-header,
1963    .rbc-agenda-view .rbc-agenda-table thead tr {
1964      background-color: #7E8DA9;
1965    }
1966
1967    .custom-select {
1968      background: #7E8DA9 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
1969      background-size: 8px 10px;
1970    }
1971
1972    .rbc-toolbar-label {
1973      color: #7E8DA9;
1974    }
1975  
1976
1977  /* HEADER, LINK AND ICON COLOR */
1978  .nobox.theme_color.colored_text h2,
1979  .nobox.theme_color.colored_text h3,
1980  .nobox.theme_color.colored_text a,
1981  .nobox.theme_color.colored_text .iconplugin-icon,
1982  .outline.theme_color.colored_text h2,
1983  .outline.theme_color.colored_text h3,
1984  .outline.theme_color.colored_text a,
1985  .coloredbox.theme_color.colored_text h2,
1986  .coloredbox.theme_color.colored_text h3,
1987  .coloredbox.theme_color.colored_text a,
1988  .greyoutline.theme_color.colored_text h2,
1989  .greyoutline.theme_color.colored_text h3,
1990  .greyoutline.theme_color.colored_text a,
1991  .greybox.theme_color.colored_text h2,
1992  .greybox.theme_color.colored_text h3,
1993  .greybox.theme_color.colored_text a,
1994  .vacancy-container.theme_color h2,
1995  .vacancy-list-container.theme_color h3,
1996  .contact-banner .nobox.theme_color.colored_text a[href^=tel],
1997  .contact-banner .outline.theme_color.colored_text a[href^=tel],
1998  .contact-banner .coloredbox.theme_color.colored_text a[href^=tel],
1999  .contact-banner .greyoutline.theme_color.colored_text a[href^=tel],
2000  .contact-banner .greybox.theme_color.colored_text a[href^=tel] {
2001    color: #7E8DA9;
2002  }
2003
2004  .nobox.primary_color.colored_text h2,
2005  .nobox.primary_color.colored_text h3,
2006  .nobox.primary_color.colored_text a,
2007  .nobox.primary_color.colored_text .iconplugin-icon,
2008  .outline.primary_color.colored_text h2,
2009  .outline.primary_color.colored_text h3,
2010  .outline.primary_color.colored_text a,
2011  .coloredbox.primary_color.colored_text h2,
2012  .coloredbox.primary_color.colored_text h3,
2013  .coloredbox.primary_color.colored_text a,
2014  .greyoutline.primary_color.colored_text h2,
2015  .greyoutline.primary_color.colored_text h3,
2016  .greyoutline.primary_color.colored_text a,
2017  .greybox.primary_color.colored_text h2,
2018  .greybox.primary_color.colored_text h3,
2019  .greybox.primary_color.colored_text a,
2020  .vacancy-container.primary_color h2,
2021  .vacancy-list-container.primary_color h3,
2022  .contact-banner .nobox.primary_color.colored_text a[href^=tel],
2023  .contact-banner .outline.primary_color.colored_text a[href^=tel],
2024  .contact-banner .coloredbox.primary_color.colored_text a[href^=tel],
2025  .contact-banner .greyoutline.primary_color.colored_text a[href^=tel],
2026  .contact-banner .greybox.primary_color.colored_text a[href^=tel] {
2027    color: #9C200B;;
2028  }
2029
2030  .nobox.secondary_color.colored_text h2,
2031  .nobox.secondary_color.colored_text h3,
2032  .nobox.secondary_color.colored_text a,
2033  .nobox.secondary_color.colored_text .iconplugin-icon,
2034  .outline.secondary_color.colored_text h2,
2035  .outline.secondary_color.colored_text h3,
2036  .outline.secondary_color.colored_text a,
2037  .coloredbox.secondary_color.colored_text h2,
2038  .coloredbox.secondary_color.colored_text h3,
2039  .coloredbox.secondary_color.colored_text a,
2040  .greyoutline.secondary_color.colored_text h2,
2041  .greyoutline.secondary_color.colored_text h3,
2042  .greyoutline.secondary_color.colored_text a,
2043  .greybox.secondary_color.colored_text h2,
2044  .greybox.secondary_color.colored_text h3,
2045  .greybox.secondary_color.colored_text a,
2046  .vacancy-container.secondary_color h2,
2047  .vacancy-list-container.secondary_color h3,
2048  .contact-banner .nobox.secondary_color.colored_text a[href^=tel],
2049  .contact-banner .outline.secondary_color.colored_text a[href^=tel],
2050  .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel],
2051  .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel],
2052  .contact-banner .greybox.secondary_color.colored_text a[href^=tel] {
2053    color: #EEB65F ;
2054  }
2055
2056  .nobox.tertiary_color.colored_text h2,
2057  .nobox.tertiary_color.colored_text h3,
2058  .nobox.tertiary_color.colored_text a,
2059  .nobox.tertiary_color.colored_text .iconplugin-icon,
2060  .outline.tertiary_color.colored_text h2,
2061  .outline.tertiary_color.colored_text h3,
2062  .outline.tertiary_color.colored_text a,
2063  .coloredbox.tertiary_color.colored_text h2,
2064  .coloredbox.tertiary_color.colored_text h3,
2065  .coloredbox.tertiary_color.colored_text a,
2066  .greyoutline.tertiary_color.colored_text h2,
2067  .greyoutline.tertiary_color.colored_text h3,
2068  .greyoutline.tertiary_color.colored_text a,
2069  .greybox.tertiary_color.colored_text h2,
2070  .greybox.tertiary_color.colored_text h3,
2071  .greybox.tertiary_color.colored_text a,
2072  .vacancy-container.tertiary_color h2,
2073  .vacancy-list-container.tertiary_color h3,
2074  .contact-banner .nobox.tertiary_color.colored_text a[href^=tel],
2075  .contact-banner .outline.tertiary_color.colored_text a[href^=tel],
2076  .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel],
2077  .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel],
2078  .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] {
2079    color: #353B47 ;
2080  }
2081
2082  
2083    /* VACANCY COLORS */
2084    .vacancy-container.nobox.theme_color .btn-group .btn-read,
2085    .vacancy-container.outline.theme_color .btn-group .btn-read,
2086    .vacancy-container.greyoutline.theme_color .btn-group .btn-read,
2087    .vacancy-container.greybox.theme_color .btn-group .btn-read,
2088    .vacancy-container.theme_color .modal-header,
2089    .vacancy-container.theme_color .btn-close,
2090    .vacancy-list-container.theme_color .btn-group .btn-read,
2091    .vacancy-list-container.theme_color .modal-header,
2092    .vacancy-list-container.theme_color .btn-close {
2093      background-color: #7E8DA9;
2094      border-color: #7E8DA9;
2095    }
2096
2097    .vacancy-container.primary_color .btn-group .btn-read,
2098    .vacancy-container.primary_color .modal-header,
2099    .vacancy-container.primary_color .btn-close,
2100    .vacancy-list-container.primary_color .btn-group .btn-read,
2101    .vacancy-list-container.primary_color .modal-header,
2102    .vacancy-list-container.primary_color .btn-close {
2103      background-color: #9C200B;
2104      border-color: #9C200B;
2105    }
2106
2107    .vacancy-container.secondary_color .btn-group .btn-read,
2108    .vacancy-container.secondary_color .modal-header,
2109    .vacancy-container.secondary_color .btn-close,
2110    .vacancy-list-container.secondary_color .btn-group .btn-read,
2111    .vacancy-list-container.secondary_color .modal-header,
2112    .vacancy-list-container.secondary_color .btn-close {
2113      background-color: #EEB65F;
2114      border-color: #EEB65F;
2115    }
2116
2117    .vacancy-container.tertiary_color .btn-group .btn-read,
2118    .vacancy-container.tertiary_color .modal-header,
2119    .vacancy-container.tertiary_color .btn-close,
2120    .vacancy-list-container.tertiary_color .btn-group .btn-read,
2121    .vacancy-list-container.tertiary_color .modal-header,
2122    .vacancy-list-container.tertiary_color .btn-close  {
2123      background-color: #353B47;
2124      border-color: #353B47;
2125    }
2126
2127    .vacancy-container.coloredbox.theme_color .btn-group .btn-read,
2128    .list-vacancy-container a.btn-vacancy.theme_color {
2129      color: #7E8DA9;
2130    }
2131
2132    .vacancy-container.coloredbox.primary_color .btn-group .btn-read,
2133    .list-vacancy-container a.btn-vacancy.primary_color {
2134      color: #9C200B;
2135    }
2136
2137    .vacancy-container.coloredbox.secondary_color .btn-group .btn-read,
2138    .list-vacancy-container a.btn-vacancy.secondary_color {
2139      color: #EEB65F;
2140    }
2141
2142    .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read,
2143    .list-vacancy-container a.btn-vacancy.tertiary_color {
2144      color: #353B47;
2145    }
2146
2147    .vacancy-list-container.theme_color .fa-bullhorn {
2148      border: 1px solid #7E8DA9;
2149    }
2150
2151    .vacancy-list-container.primary_color .fa-bullhorn {
2152      border: 1px solid #9C200B;
2153    }
2154
2155    .vacancy-list-container.secondary_color .fa-bullhorn {
2156      border: 1px solid #EEB65F;
2157    }
2158
2159    .vacancy-list-container.tertiary_color .fa-bullhorn {
2160      border: 1px solid #353B47;
2161    }
2162  
2163
2164  /* GENERIC BANNER & SCHOOL STATISTICS COLORS */
2165  .st-10 .icons-wrapper .icon-container .iconplugin-icon,
2166  .flex-t10 .icon-container .iconplugin-icon{
2167    background-color: #ffffff !important;
2168    border: none !important;
2169    color: #7E8DA9 !important;
2170  }
2171
2172  .theme-10 .navbar .open-menu,
2173  .theme-20 .navbar .open-menu,
2174  .theme-21 .navbar .open-menu,
2175  .theme-24 .navbar .open-menu,
2176  .theme-25 .navbar .open-menu,
2177  .st-9 .navbar .open-menu,
2178  .st-6 .navbar .open-menu,
2179  .st-7 .navbar .open-menu {
2180    color: #E4E4E4;
2181  }
2182
2183  
2184    .st-2 .fourpillar-item,
2185    .st-5 .fourpillar-item,
2186    .st-6 .fourpillar-item,
2187    .contact-banner,
2188    .job_card,
2189    .search-card,
2190    .blog-card,
2191    .carousel-tagline .schoolname,
2192    .carousel-tagline .school-tagline,
2193    #searchModal .search-modal.modal-content,
2194    .navbar-theme-16 .nav > li.active > a{
2195      border-radius: 16px;
2196    }
2197
2198    .st-2 .fourpillar-item .pillar-icon-top{
2199      border-radius: 16px
2200    }
2201
2202    .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{
2203      background-color: #7E8DA9;
2204    }
2205    .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{
2206      background-color: #353B47;
2207    }
2208    .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{
2209      background-color: #9C200B;
2210    }
2211    .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{
2212      background-color: #EEB65F;
2213    }
2214
2215    .gets-rounded,
2216    .st-9 .main-content.first-row .column,
2217    .st-1 .generic-banners,
2218    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
2219    .slick-arrow{
2220      border-radius: 16px !important;
2221    }
2222
2223    .news__items-horizontal .news__container .news__header {
2224      border-top-left-radius: 16px;
2225      border-top-right-radius: 16px;
2226      overflow: hidden;
2227    }
2228
2229    .st-4 .nav-stacked.gets-rounded{
2230      overflow-y: hidden;
2231      border-bottom: none;
2232    }
2233  
2234
2235  
2236    .st-4 .carousel-tagline .schoolname,
2237    .st-4 .carousel-tagline .school-tagline{
2238      padding: 16px;
2239    }
2240  
2241
2242  [class*="mt-btn"],
2243  .file-plugin,
2244  .btn-share,
2245  .btn-search, .btn-outline {
2246    
2247      border-radius: 99999999px !important;
2248    
2249    
2250    
2251  }
2252
2253  
2254    .file-plugin{
2255      padding-left:20px;
2256    }
2257    .file-plugin--icon{
2258      overflow: hidden;
2259    }
2260  
2261
2262  
2263    .gets-shadow,
2264    .gets-shadow--hover,
2265    .st-1 .generic-banners,
2266    .st-4 .carousel-tagline .schoolname,
2267    .st-4 .carousel-tagline .school-tagline,
2268    .st-9 .main-content.first-row .column,
2269    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
2270    .base-template .icon-container.icon__background.gets-shadow .icon-choice{
2271      
2272        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02) !important;
2273      
2274    }
2275
2276    .base-template .icon-container.icon__background.gets-shadow,
2277    .base-template .icon-container.nobox.gets-shadow {
2278      box-shadow: none !important;
2279    }
2280
2281    .gets-shadow--hover{
2282      transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1);
2283    }
2284
2285    .verticalPostRow.gets-rounded,
2286    .news__items-horizontal .news {
2287      overflow: hidden;
2288    }
2289
2290    .news__items-horizontal .news .news__body{
2291      padding: 10px;
2292    }
2293
2294    .news__items-horizontal .news .news__footer{
2295      padding-left: 15px;
2296    }
2297
2298    .gets-shadow--hover:hover,
2299    .st-10 .icons-wrapper .icon-container .iconplugin-icon{
2300      
2301        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
2302      
2303    }
2304  
2305
2306  
2307
2308  h1,
2309  h2,
2310  h3,
2311  h4,
2312  h5,
2313  h6{
2314    color: var(--theme-heading-color);
2315    
2316      font-family: var(--heading-ff);
2317    
2318  }
2319
2320  
2321</style>
2321<script>
2322  (function() {
2323    var w = 1400;
2324    if (window.innerWidth >= w) {
2325      document.documentElement.classList.add('desktop-nav');
2326    }
2327  })();
2328</script>
2328<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href='https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link rel="Shortcut Icon" class="favicon" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/theming/Montessorischool%20Elzeneind/favicon_SAAM" type="image/x-icon"><div class="pull-right css-login login-wrapper"><a href="https://app.socialschools.eu/" class="btn btn-success css-tooltip btn-tooltip-login" target="_socialschools" data-toggle="tooltip" data-placement="bottom" data-original-title='Log hier in bij de Social School community.'>Inloggen Social schools <i class="fa fa-sign-in" aria-hidden="true"></i></a></div><p>Burgerschap</p><p></p></div>
2329    </div>
2330
2331    <header>
2332      
2333
2334
2335
2336<nav class="navbar navbar-expand-xxl active__bold nav-bg nav-default nav-shadow" data-toggle="affix" >
2337  <div class="container">
2338    <div class="nav-header">
2339      <a class="school-logo-wrapper " href="/"><img class="school-logo" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/7c/30/7c307810-ae9c-4084-9589-d0fcbb2b673d/logo-elzeneind.png" style="height:120px" /></a>
2340      <button class="menu-toggle d-flex ml-auto gets-rounded menu-toggle--open">
2341        <span class="toggle-icon"></span>
2342      </button>
2343    </div>
2344    <div class="site-menu" data-collapse="1400" data-type="normal">
2345      <button class="menu-toggle d-flex menu-toggle__close">
2346        <span class="toggle-icon"></span>
2347      </button>
2348      <ul class="navbar-nav mx-auto">
2349        
2350
2351
2352
2353
2354
2355  
2356    <li class="nav-item active">
2357      <a class="nav-link"
2358        href="/"
2359        >
2360        Home
2361      </a>
2362    </li>
2363  
2364
2365
2366  
2367    <li class="nav-item sub-menu-parent">
2368      <div class="nav-holder d-flex align-items-baseline">
2369        <a class="nav-link flex-grow-1"
2370        data-show="sub-menu"
2371        href="/onze-school/"
2372        >
2373        Montessorischool Elzeneind <i class="fas fa-2xs fa-chevron-down"></i>
2374        </a>
2375
2376        <span id="expand-icon" data-show="sub-menu" class="icon expand"></span>
2377      </div>
2378      <div class="sub-item-wrapper">
2379        <!-- Changing xl to xxl because XXL is the new standard break point of boostrap,
2380             in the past the breakpoints were changed,
2381             but never updated so it broke in some places -->
2382        <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button>
2383        <p class="sub-item-title h1 mobile-nav-only">Montessorischool Elzeneind</p>
2384        <ul class="sub-items list-unstyled">
2385          
2386            <li class="sub-item  first-layer">
2387              <a class="sub-link first-layer"
2388                href="/onze-school/montessorischool-elzeneind-staat-voor/"
2389                
2390                >
2391                Montessorischool Elzeneind staat voor...
2392              </a>
2393              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2394              
2395            </li>
2396          
2397            <li class="sub-item  first-layer">
2398              <a class="sub-link first-layer"
2399                href="/onze-school/onze-visie/"
2400                
2401                >
2402                Onze visie
2403              </a>
2404              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2405              
2406            </li>
2407          
2408            <li class="sub-item  first-layer">
2409              <a class="sub-link first-layer"
2410                href="/onze-school/onze-visie-copy-2/"
2411                
2412                >
2413                Ons onderwijs in beeld
2414              </a>
2415              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2416              
2417            </li>
2418          
2419            <li class="sub-item  first-layer">
2420              <a class="sub-link first-layer"
2421                href="/onze-school/onze-visie-copy-3/"
2422                
2423                >
2424                Maria Montessori
2425              </a>
2426              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2427              
2428            </li>
2429          
2430            <li class="sub-item  first-layer">
2431              <a class="sub-link first-layer"
2432                href="/onze-school/ons-team/"
2433                
2434                >
2435                Ons team
2436              </a>
2437              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2438              
2439            </li>
2440          
2441            <li class="sub-item  first-layer">
2442              <a class="sub-link first-layer"
2443                href="/onze-school/schooltijden/"
2444                
2445                >
2446                Schooltijden
2447              </a>
2448              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2449              
2450            </li>
2451          
2452            <li class="sub-item  first-layer">
2453              <a class="sub-link first-layer"
2454                href="/onze-school/schoolgids-en-documenten/"
2455                
2456                >
2457                Schoolgids en documenten
2458              </a>
2459              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2460              
2461            </li>
2462          
2463            <li class="sub-item  first-layer">
2464              <a class="sub-link first-layer"
2465                href="/onze-school/saamvatting/"
2466                
2467                >
2468                SAAM&amp;vatting
2469              </a>
2470              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2471              
2472            </li>
2473          
2474            <li class="sub-item  first-layer">
2475              <a class="sub-link first-layer"
2476                href="/onze-school/Veelgestelde-vragen/"
2477                
2478                >
2479                Veelgestelde vragen
2480              </a>
2481              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2482              
2483            </li>
2484          
2485        </ul>
2486      </div>
2487    </li>
2488
2489  
2490
2491
2492  
2493    <li class="nav-item sub-menu-parent">
2494      <div class="nav-holder d-flex align-items-baseline">
2495        <a class="nav-link flex-grow-1"
2496        data-show="sub-menu"
2497        href="/ons-onderwijs/"
2498        >
2499        Ons onderwijs <i class="fas fa-2xs fa-chevron-down"></i>
2500        </a>
2501
2502        <span id="expand-icon" data-show="sub-menu" class="icon expand"></span>
2503      </div>
2504      <div class="sub-item-wrapper">
2505        <!-- Changing xl to xxl because XXL is the new standard break point of boostrap,
2506             in the past the breakpoints were changed,
2507             but never updated so it broke in some places -->
2508        <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button>
2509        <p class="sub-item-title h1 mobile-nav-only">Ons onderwijs</p>
2510        <ul class="sub-items list-unstyled">
2511          
2512            <li class="sub-item  first-layer">
2513              <a class="sub-link first-layer"
2514                href="/ons-onderwijs/kosmisch-onderwijs/"
2515                
2516                >
2517                Kosmisch onderwijs
2518              </a>
2519              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2520              
2521            </li>
2522          
2523            <li class="sub-item  first-layer">
2524              <a class="sub-link first-layer"
2525                href="/ons-onderwijs/periode-van-groei-burgerschap/"
2526                
2527                >
2528                Periode van Groei - burgerschap
2529              </a>
2530              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2531              
2532            </li>
2533          
2534            <li class="sub-item  first-layer">
2535              <a class="sub-link first-layer"
2536                href="/ons-onderwijs/rekenen-en-geometrie/"
2537                
2538                >
2539                Rekenen en Geometrie
2540              </a>
2541              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2542              
2543            </li>
2544          
2545            <li class="sub-item  first-layer">
2546              <a class="sub-link first-layer"
2547                href="/ons-onderwijs/taal/"
2548                
2549                >
2550                Taal
2551              </a>
2552              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2553              
2554            </li>
2555          
2556            <li class="sub-item  first-layer">
2557              <a class="sub-link first-layer"
2558                href="/ons-onderwijs/waarneming-en-motoriek/"
2559                
2560                >
2561                Waarneming en Motoriek
2562              </a>
2563              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2564              
2565            </li>
2566          
2567            <li class="sub-item  first-layer">
2568              <a class="sub-link first-layer"
2569                href="/ons-onderwijs/-/"
2570                
2571                >
2572                Plusklas
2573              </a>
2574              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2575              
2576            </li>
2577          
2578        </ul>
2579      </div>
2580    </li>
2581
2582  
2583
2584
2585  
2586    <li class="nav-item ">
2587      <a class="nav-link"
2588        href="/voor-ouders/"
2589        >
2590        Voor ouders
2591      </a>
2592    </li>
2593  
2594
2595
2596  
2597    <li class="nav-item ">
2598      <a class="nav-link"
2599        href="/contact/"
2600        >
2601        Contact
2602      </a>
2603    </li>
2604  
2605
2606
2607  
2608    <li class="nav-item sub-menu-parent">
2609      <div class="nav-holder d-flex align-items-baseline">
2610        <a class="nav-link flex-grow-1"
2611        data-show="sub-menu"
2612        href="/saam/"
2613        >
2614        SAAM* <i class="fas fa-2xs fa-chevron-down"></i>
2615        </a>
2616
2617        <span id="expand-icon" data-show="sub-menu" class="icon expand"></span>
2618      </div>
2619      <div class="sub-item-wrapper">
2620        <!-- Changing xl to xxl because XXL is the new standard break point of boostrap,
2621             in the past the breakpoints were changed,
2622             but never updated so it broke in some places -->
2623        <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button>
2624        <p class="sub-item-title h1 mobile-nav-only">SAAM*</p>
2625        <ul class="sub-items list-unstyled">
2626          
2627            <li class="sub-item  first-layer">
2628              <a class="sub-link first-layer"
2629                href="/saam/alshetmisgaat/"
2630                
2631                target="_blank">
2632                Als het mis gaat...
2633              </a>
2634              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2635              
2636            </li>
2637          
2638            <li class="sub-item  first-layer">
2639              <a class="sub-link first-layer"
2640                href="/saam/privacystatement/"
2641                
2642                target="_blank">
2643                Privacystatement
2644              </a>
2645              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2646              
2647            </li>
2648          
2649            <li class="sub-item  first-layer">
2650              <a class="sub-link first-layer"
2651                href="/saam/saam-werken/"
2652                
2653                target="_blank">
2654                SAAM* werken
2655              </a>
2656              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2657              
2658            </li>
2659          
2660        </ul>
2661      </div>
2662    </li>
2663
2664  
2665
2666
2667
2668        
2669
2670
2671      </ul>
2672      <!-- SEARCH FUNCTION -->
2673
2674	<div class="search-function d-inline-flex">
2675	  <div class="form-check search-button">
2676	      <button class="search-toggle" data-toggle="modal" data-target="#searchModal"><i class="fa fa-search"></i></button>
2677	  </div>
2678	</div>
2679
2680<!-- END SEARCH FUNCTION -->
2681    </div>
2682  </div>
2683</nav>
2684
2685
2686
2687
2688      
2689  
2690
2691<div class="container-fluid">
2692  <div class="row">
2693    <div class="slider-wrapper slider-wrapper__medium slider_content_fifty_fifty_bordered">
2694      <div class="home-slider" data-auto="true" data-fade="false">
2695        
2696          <div class="carousel-slide">
2697            
2698
2699
2700
2701
2702
2703
2704
2705<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/68/3d/683df817-3406-4a79-80d5-d47787de5968/screenshot_20251127_094914_instagram.jpg__2560x2560_q100_subsampling-2.jpg"
2706  
2707  
2708  
2709  
2710  style="object-position: 50% 50%"
2711>
2712
2713
2714
2715
2716
2717
2718
2719
2720
2721            
2722          </div>
2723        
2724          <div class="carousel-slide">
2725            
2726
2727
2728
2729
2730
2731
2732
2733<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/be/bd/bebd3808-a9ba-4de0-b077-5a9ca8a184ae/afbeeldinggoed.png__2560x2560_q100_subsampling-2.jpg"
2734  
2735  
2736  
2737  
2738  style="object-position: 50% 50%"
2739>
2740
2741
2742
2743
2744
2745
2746
2747
2748
2749            
2750          </div>
2751        
2752          <div class="carousel-slide">
2753            
2754
2755
2756
2757
2758
2759
2760
2761<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/da/8e/da8ede95-f48a-4bb0-bc8e-976a5660a067/dsc05323-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
2762  
2763  
2764  
2765  
2766  style="object-position: 50% 50%"
2767>
2768
2769
2770
2771
2772
2773
2774
2775
2776
2777            
2778          </div>
2779        
2780          <div class="carousel-slide">
2781            
2782
2783
2784
2785
2786
2787
2788
2789<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/ab/59/ab59dd70-fad2-4fcc-8c76-da354e890f6b/dsc05319-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
2790  
2791  
2792  
2793  
2794  style="object-position: 50% 50%"
2795>
2796
2797
2798
2799
2800
2801
2802
2803
2804
2805            
2806          </div>
2807        
2808          <div class="carousel-slide">
2809            
2810
2811
2812
2813
2814
2815
2816
2817<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1e/ad/1eadcfec-b732-4390-a995-6a3c29105dd5/dsc05317-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
2818  
2819  
2820  
2821  
2822  style="object-position: 50% 50%"
2823>
2824
2825
2826
2827
2828
2829
2830
2831
2832
2833            
2834          </div>
2835        
2836          <div class="carousel-slide">
2837            
2838
2839
2840
2841
2842
2843
2844
2845<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1e/35/1e350932-21b5-41bc-be1a-b3523d30fce2/dsc05549-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
2846  
2847  
2848  
2849  
2850  style="object-position: 50% 50%"
2851>
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861            
2862          </div>
2863        
2864          <div class="carousel-slide">
2865            
2866
2867
2868
2869
2870
2871
2872
2873<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/e4/a1/e4a178c7-390a-45b7-9c9d-63d15d6f4523/dsc05374.jpg__2560x2560_q100_subsampling-2.jpg"
2874  
2875  
2876  
2877  
2878  style="object-position: 50% 50%"
2879>
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889            
2890          </div>
2891        
2892          <div class="carousel-slide">
2893            
2894
2895
2896
2897
2898
2899
2900
2901<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/66/61/66619498-2ae2-4fca-894f-b22c02c62b41/dsc05344-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
2902  
2903  
2904  
2905  
2906  style="object-position: 50% 50%"
2907>
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917            
2918          </div>
2919        
2920          <div class="carousel-slide">
2921            
2922
2923
2924
2925
2926
2927
2928
2929<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/fd/d4/fdd42ddd-22e9-45e9-905e-4e792bf192d7/dsc05492.jpg__2560x2560_q100_subsampling-2.jpg"
2930  
2931  
2932  
2933  
2934  style="object-position: 50% 50%"
2935>
2936
2937
2938
2939
2940
2941
2942
2943
2944
2945            
2946          </div>
2947        
2948          <div class="carousel-slide">
2949            
2950
2951
2952
2953
2954
2955
2956
2957<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/48/68/4868b36a-9893-4cb7-87aa-a0ad90889b9f/dsc05347-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
2958  
2959  
2960  
2961  
2962  style="object-position: 50% 50%"
2963>
2964
2965
2966
2967
2968
2969
2970
2971
2972
2973            
2974          </div>
2975        
2976          <div class="carousel-slide">
2977            
2978
2979
2980
2981
2982
2983
2984
2985<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/08/a2/08a2743d-7016-4e99-b361-41f4bac77e97/dsc05520.jpg__2560x2560_q100_subsampling-2.jpg"
2986  
2987  
2988  
2989  
2990  style="object-position: 50% 50%"
2991>
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001            
3002          </div>
3003        
3004          <div class="carousel-slide">
3005            
3006
3007
3008
3009
3010
3011
3012
3013<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1e/35/1e350932-21b5-41bc-be1a-b3523d30fce2/dsc05549-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg"
3014  
3015  
3016  
3017  
3018  style="object-position: 50% 50%"
3019>
3020
3021
3022
3023
3024
3025
3026
3027
3028
3029            
3030          </div>
3031        
3032          <div class="carousel-slide">
3033            
3034
3035
3036
3037
3038
3039
3040
3041<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/75/01/7501699c-0779-4382-9286-1843a600f379/dsc05511.jpg__2560x2560_q100_subsampling-2.jpg"
3042  
3043  
3044  
3045  
3046  style="object-position: 50% 50%"
3047>
3048
3049
3050
3051
3052
3053
3054
3055
3056
3057            
3058          </div>
3059        
3060          <div class="carousel-slide">
3061            
3062
3063
3064
3065
3066
3067
3068
3069<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/04/e1/04e1c03d-812e-4bf5-a778-130f213069d8/dsc05378.jpg__2560x2560_q100_subsampling-2.jpg"
3070  
3071  
3072  
3073  
3074  style="object-position: 50% 50%"
3075>
3076
3077
3078
3079
3080
3081
3082
3083
3084
3085            
3086          </div>
3087        
3088          <div class="carousel-slide">
3089            
3090
3091
3092
3093
3094
3095
3096
3097<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/5f/83/5f83f49d-9f70-4be3-b456-ae1c198f76a1/dsc05428.jpg__2560x2560_q100_subsampling-2.jpg"
3098  
3099  
3100  
3101  
3102  style="object-position: 50% 50%"
3103>
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113            
3114          </div>
3115        
3116          <div class="carousel-slide">
3117            
3118
3119
3120
3121
3122
3123
3124
3125<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/c3/b1/c3b1eb16-a940-46f0-937d-04a12d084961/dsc05377.jpg__2560x2560_q100_subsampling-2.jpg"
3126  
3127  
3128  
3129  
3130  style="object-position: 50% 50%"
3131>
3132
3133
3134
3135
3136
3137
3138
3139
3140
3141            
3142          </div>
3143        
3144      </div>
3145
3146      
3147        
3148      
3149        
3150      
3151        
3152      
3153        
3154      
3155        
3156      
3157        
3158      
3159        
3160      
3161        
3162      
3163        
3164      
3165        
3166      
3167        
3168      
3169        
3170      
3171        
3172      
3173        
3174      
3175        
3176      
3177        
3178      
3179
3180      
3181        <div class="school_text-wrapper aligned__left">
3182          <div class="container school_text-container">
3183            <div class="school-text">
3184              
3185                <h1 class="school-name">Montessorischool Elzeneind</h1>
3186              
3187              
3188                <h2 class="school-slogan">&quot;Leer mij het zelf te doen!&quot;</h2>
3189              
3190              
3191              <div class="text-footer">
3192                
3193                
3194                  
3195                    
3196                  
3197                    
3198                  
3199                    
3200                  
3201                    
3202                  
3203                    
3204                  
3205                    
3206                  
3207                    
3208                  
3209                    
3210                  
3211                    
3212                  
3213                    
3214                  
3215                    
3216                  
3217                    
3218                  
3219                    
3220                  
3221                    
3222                  
3223                    
3224                  
3225                    
3226                  
3227                
3228              </div>
3229            </div>
3230          </div>
3231        </div>
3232      
3233    </div>
3234  </div>
3235</div>
3236
3237
3238
3239
3240
3241    </header>
3242
3243    
3244  <main>
3245    <div class="container">
3246      <div class="row">
3247        <div class="col-12">
3248          
3249
3250
3251
3252  <div
3253    
3254    class="section c-tertiary section__colored-text  mt-0 pt-0"
3255    style="background-color: rgba(126, 141, 169, 0.2);"
3256  >
3257
3258<div class="container section-content">
3259  
3260    
3261<div class="multicolumn2 clearfix">
3262  
3263    
3264<div class="column" style="width: 33%; float: left;">
3265  
3266    
3267
3268
3269
3270
3271
3272
3273
3274<img class="img-fluid mb-2 img-thumbnail " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/74/a8/74a809dc-7e92-4c1b-a388-79a3cf026238/header_3.jpg__1200x1200_q85_subsampling-2.jpg"
3275  
3276  
3277  
3278  style="height: 100%;object-fit: cover;" loading="lazy"
3279>
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289  
3290</div>
3291
3292  
3293    
3294<div class="column" style="width: 66%; float: left;">
3295  
3296    <h1>Welkom</h1>
3297
3298<p><em>“Kijk alleen maar naar kinderen en ze vertellen je wie ze zijn en wat ze nodig hebben.” </em>Maria Montessori</p>
3299
3300<p>Montessorischool Elzeneind biedt vanuit de visie van Maria Montessori onderwijs voor kinderen vanaf 4 jaar, met peuteropvang vanaf 2,5 jaar.<br>
3301Het uitgangspunt van ons onderwijs is het Montessori-principe: “Help mij, Leer mij, zie mij het zelf doen.”<br>
3302Kinderen zijn van nature nieuwsgierig en willen de wereld ontdekken. In een veilige en stimulerende omgeving krijgen zij bij ons de ruimte om te onderzoeken, te leren en zich te ontwikkelen.<br>
3303Wij vinden het belangrijk dat ieder kind zich gezien, gehoord en gekend voelt.<br>
3304Binnen ons onderwijs leren kinderen zelfstandig werken, samenwerken en verantwoordelijkheid nemen voor zichzelf, voor anderen en voor hun omgeving. Zo groeien kinderen op tot zelfbewuste en betrokken wereldburgers.</p>
3305  
3306</div>
3307
3308  
3309</div>
3310
3311  
3312</div>
3313
3314</div>
3315
3316
3317
3318
3319
3320
3321  <div
3322    
3323    class="section   section-fullwidth "
3324    style="background-color: rgba(255, 255, 255, 0.7);"
3325  >
3326
3327<div class="container section-content">
3328  
3329    <h2 style="text-align: center;">Kennismaken met Monterossischool Elzeneind</h2>
3330
3331<p style="text-align: center;">De keuze voor een basisschool is een belangrijke stap voor u en uw kind. Een plek waar uw kind zich veilig voelt, zichzelf kan zijn en de ruimte krijgt om te groeien. Op deze website krijgt u een eerste indruk van Montessorischool Elzeneind. U leest hier meer over onze visie, ons onderwijs en hoe wij kinderen begeleiden in hun ontwikkeling naar zelfstandigheid en verantwoordelijkheid. Wij hopen dat deze website u een goed beeld geeft van onze school. Heeft u vragen of bent u benieuwd of onze school bij uw kind past? Dan maken we graag persoonlijk kennis met u.</p>
3332  
3333    
3334
3335<span class="button_picture plugin-block 
3336  
3337  center mx-auto d-block">
3338  <a href="/contact/" class=" btn gets-shadow--hover white_text
3339    mt-btn-primary
3340    
3341    btn-lg mt-btn-lg 
3342    
3343    btn__icon
3344    " >
3345    
3346      <span class="fas fa-arrow-right"></span>
3347    
3348    Contact aanmelden kind
3349  </a>
3350</span>
3351
3352  
3353</div>
3354
3355</div>
3356
3357
3358  
3359
3360
3361
3362
3363
3364  <div
3365    
3366    class="section    "
3367    style="background-color: rgba(255, 255, 255, 0.0);"
3368  >
3369
3370<div class="container section-content">
3371  
3372    
3373<div class="multicolumn3 clearfix">
3374  
3375    
3376<div class="column" style="width: 10%; float: left;">
3377  
3378</div>
3379
3380  
3381    
3382<div class="column" style="width: 80%; float: left;">
3383  
3384    
3385
3386
3387
3388
3389
3390
3391<div class="carousel-wrapper">
3392  
3393    <div
3394      class="carousel carousel-plugin 8 clearfix"
3395      data-style=,autoplay,dots,centermode
3396      data-slideToShow="1"
3397      data-slidesToScroll="1"
3398      data-heightofTheSlides="auto"
3399      data-autoplaySpeed="8"
3400      
3401      style="height: auto"
3402      id="carousel-51537"
3403    >
3404      
3405        
3406          <div class="carousel-slide" style="height: auto">
3407            
3408
3409
3410
3411  <div
3412    class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block"
3413    
3414    style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);"
3415  >
3416
3417
3418<div class="box-content c-black">
3419  
3420    
3421
3422<blockquote class="blockquote quote quote__large theme
3423  
3424  text-center"
3425>
3426  <p class="quote-text c-theme large">
3427    “Wij wandelen samen op dit levenspad omdat alle dingen onderdeel zijn van het universum en alles met elkaar verbonden is.”  – Maria Montessori
3428  </p>
3429  <footer class="blockquote-footer flex-column
3430    
3431    justify-content-center"
3432  >
3433    
3434    <div class="quote-author-info c-theme">
3435      
3436      
3437    </div>
3438    
3439  </footer>
3440</blockquote>
3441
3442
3443
3444
3445  
3446</div>
3447</div>
3448
3449          </div>
3450        
3451      
3452        
3453          <div class="carousel-slide" style="height: auto">
3454            
3455
3456
3457
3458  <div
3459    class="box box-color theme gets-rounded gets-shadow mb-5 plugin-block"
3460    
3461    style="border-radius: 0px; background-color: rgba(126, 141, 169, 0.1);"
3462  >
3463
3464
3465<div class="box-content c-tertiary">
3466  
3467    
3468
3469<blockquote class="blockquote quote quote__large tertiary
3470  
3471  text-center"
3472>
3473  <p class="quote-text c-tertiary large">
3474    &quot;Het kind dat leert zelfstandig te handelen en zijn kracht ontwikkelt door eigen initiatie, leert zichzelf 
3475overwinnen, zijn energie te ontplooien en zichzelf op te voeden.&quot;  – Maria Montessori
3476  </p>
3477  <footer class="blockquote-footer flex-column
3478    
3479    justify-content-center"
3480  >
3481    
3482    <div class="quote-author-info c-tertiary">
3483      
3484      
3485    </div>
3486    
3487  </footer>
3488</blockquote>
3489
3490
3491
3492
3493  
3494</div>
3495</div>
3496
3497          </div>
3498        
3499      
3500        
3501          <div class="carousel-slide" style="height: auto">
3502            
3503
3504
3505
3506  <div
3507    class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block"
3508    
3509    style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);"
3510  >
3511
3512
3513<div class="box-content c-black">
3514  
3515    
3516
3517<blockquote class="blockquote quote quote__large theme
3518  
3519  text-center"
3520>
3521  <p class="quote-text c-theme large">
3522    “Wij wandelen samen op dit levenspad omdat alle dingen onderdeel zijn van het universum en alles met elkaar verbonden is.”  – Maria Montessori
3523  </p>
3524  <footer class="blockquote-footer flex-column
3525    
3526    justify-content-center"
3527  >
3528    
3529    <div class="quote-author-info c-theme">
3530      
3531      
3532    </div>
3533    
3534  </footer>
3535</blockquote>
3536
3537
3538
3539
3540  
3541</div>
3542</div>
3543
3544          </div>
3545        
3546      
3547        
3548          <div class="carousel-slide" style="height: auto">
3549            
3550
3551
3552
3553  <div
3554    class="box box-color theme gets-rounded gets-shadow mb-5 plugin-block"
3555    
3556    style="border-radius: 0px; background-color: rgba(126, 141, 169, 0.1);"
3557  >
3558
3559
3560<div class="box-content c-tertiary">
3561  
3562    
3563
3564<blockquote class="blockquote quote quote__large tertiary
3565  
3566  text-center"
3567>
3568  <p class="quote-text c-tertiary large">
3569    “It is the child who makes the man, and no man exists who was not made by the child he once was.” – Maria Montessori
3570  </p>
3571  <footer class="blockquote-footer flex-column
3572    
3573    justify-content-center"
3574  >
3575    
3576    <div class="quote-author-info c-tertiary">
3577      
3578      
3579    </div>
3580    
3581  </footer>
3582</blockquote>
3583
3584
3585
3586
3587  
3588</div>
3589</div>
3590
3591          </div>
3592        
3593      
3594        
3595          <div class="carousel-slide" style="height: auto">
3596            
3597
3598
3599
3600  <div
3601    class="box box-color primary gets-rounded gets-shadow mb-5 h-100 plugin-block"
3602    
3603    style="border-radius: 0px; background-color: rgba(156, 32, 11, 0.1);"
3604  >
3605
3606
3607<div class="box-content c-black">
3608  
3609    
3610
3611<blockquote class="blockquote quote quote__large theme
3612  
3613  text-center"
3614>
3615  <p class="quote-text c-theme large">
3616    “Conflicten vermijden is het werk van de politiek, vrede tot stand brengen is het werk van onderwijs.” - vanuit schoolplan
3617  </p>
3618  <footer class="blockquote-footer flex-column
3619    
3620    justify-content-center"
3621  >
3622    
3623    <div class="quote-author-info c-theme">
3624      
3625      
3626    </div>
3627    
3628  </footer>
3629</blockquote>
3630
3631
3632
3633
3634  
3635</div>
3636</div>
3637
3638          </div>
3639        
3640      
3641        
3642          <div class="carousel-slide" style="height: auto">
3643            
3644
3645
3646
3647  <div
3648    class="box box-color tertiary gets-rounded gets-shadow mb-5 plugin-block"
3649    
3650    style="border-radius: 0px; background-color: rgba(53, 59, 71, 0.1);"
3651  >
3652
3653
3654<div class="box-content c-tertiary">
3655  
3656    
3657
3658<blockquote class="blockquote quote quote__large tertiary
3659  
3660  text-center"
3661>
3662  <p class="quote-text c-tertiary large">
3663    “Het kind dat vrij kan handelen volgens zijn eigen innerlijke behoeften bereikt een hoger niveau van ontwikkeling.” – Maria Montessori
3664  </p>
3665  <footer class="blockquote-footer flex-column
3666    
3667    justify-content-center"
3668  >
3669    
3670    <div class="quote-author-info c-tertiary">
3671      
3672      
3673    </div>
3674    
3675  </footer>
3676</blockquote>
3677
3678
3679
3680
3681  
3682</div>
3683</div>
3684
3685          </div>
3686        
3687      
3688        
3689          <div class="carousel-slide" style="height: auto">
3690            
3691
3692
3693
3694  <div
3695    class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block"
3696    
3697    style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);"
3698  >
3699
3700
3701<div class="box-content c-black">
3702  
3703    
3704
3705<blockquote class="blockquote quote quote__large theme
3706  
3707  text-center"
3708>
3709  <p class="quote-text c-theme large">
3710    “Kijk alleen maar naar kinderen en ze vertellen je wie ze zijn en wat ze 
3711nodig hebben.” - Maria Montessori
3712  </p>
3713  <footer class="blockquote-footer flex-column
3714    
3715    justify-content-center"
3716  >
3717    
3718    <div class="quote-author-info c-theme">
3719      
3720      
3721    </div>
3722    
3723  </footer>
3724</blockquote>
3725
3726
3727
3728
3729  
3730</div>
3731</div>
3732
3733          </div>
3734        
3735      
3736        
3737          <div class="carousel-slide" style="height: auto">
3738            
3739
3740
3741
3742  <div
3743    class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block"
3744    
3745    style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);"
3746  >
3747
3748
3749<div class="box-content c-black">
3750  
3751    
3752
3753<blockquote class="blockquote quote quote__large theme
3754  
3755  text-center"
3756>
3757  <p class="quote-text c-theme large">
3758    “Kijk alleen maar naar kinderen en ze vertellen je wie ze zijn en wat ze nodig hebben.” Maria Montessori
3759  </p>
3760  <footer class="blockquote-footer flex-column
3761    
3762    justify-content-center"
3763  >
3764    
3765    <div class="quote-author-info c-theme">
3766      
3767      
3768    </div>
3769    
3770  </footer>
3771</blockquote>
3772
3773
3774
3775
3776  
3777</div>
3778</div>
3779
3780          </div>
3781        
3782      
3783    </div>
3784  
3785
3786  
3787</div>
3788
3789  
3790</div>
3791
3792  
3793    
3794<div class="column" style="width: 10%; float: left;">
3795  
3796</div>
3797
3798  
3799</div>
3800
3801  
3802</div>
3803
3804</div>
3805
3806
3807
3808
3809
3810
3811  <div
3812    
3813    class="section   section-fullwidth "
3814    style="background-color: rgba(126, 141, 169, 0.2);"
3815  >
3816
3817<div class="container section-content">
3818  
3819    <h2 style="text-align: center;">Social media en links</h2>
3820
3821<p>
3821 </p>
3822  
3823    
3824
3825<div class="iconplugin-container iconplugin-container__row" data-items="3">
3826  
3827    
3828
3829
3830
3831  
3832  
3833    <a href="https://www.instagram.com/montessorischoolelzeneind?igsh=MXRhdHZ1Z3NwOHU1OQ==" class="icon-wrapper icon-link plugin-wrapper">
3834      
3835
3836<div
3837  class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary ">
3838  <div
3839    class="icon-choice c-primary">
3840    
3841      
3842      
3843        
3844          <i class="iconplugin-icon gets-rounded fa fas fa-camera-retro fa-2x" aria-hidden="true"></i>
3845        
3846      
3847    
3848  </div>
3849  <div class="icon-content">
3850    <div class="icon-title">
3851      <h3 class="icon-title-text black_text">Bekijk onze posts op Insta</h3>
3852    </div>
3853    
3854    
3855  </div>
3856</div>
3857
3858    </a>
3859  
3860
3861
3862  
3863    
3864
3865
3866
3867  
3868  
3869    <a href="https://scholenopdekaart.nl/basisscholen/oss/8322/montessorischool-elzeneind/" class="icon-wrapper icon-link plugin-wrapper">
3870      
3871
3872<div
3873  class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__secondary ">
3874  <div
3875    class="icon-choice c-secondary">
3876    
3877      
3878      
3879        
3880          <i class="iconplugin-icon gets-rounded fa fas fa-map-marker-alt fa-2x" aria-hidden="true"></i>
3881        
3882      
3883    
3884  </div>
3885  <div class="icon-content">
3886    <div class="icon-title">
3887      <h3 class="icon-title-text black_text">Scholen op de kaart</h3>
3888    </div>
3889    
3890    
3891  </div>
3892</div>
3893
3894    </a>
3895  
3896
3897
3898  
3899</div>
3900
3901  
3902</div>
3903
3904</div>
3905
3906
3907
3908        </div>
3909      </div>
3910    </div>
3911  </main>
3912
3913
3914    <footer class="footer-bg c-footer">
3915      <div class="container">
3916        <div class="row">
3917          <div class="col-md-12">
3918            <div class="page-footer">
3919              
3920<div class="multicolumn2 clearfix">
3921  
3922    
3923<div class="column" style="width: 33%; float: left;">
3924  
3925    
3926
3927
3928
3929  
3930  
3931    <a href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/bb/65/bb65e480-26da-483a-a6d6-b1d8d27d2f8d/nmv-erkenningslogo-informatie.pdf" class="icon-wrapper icon-link plugin-wrapper">
3932      
3933
3934<div
3935  class="icon-container gets-rounded gets-shadow icon-container__lg icon--top icon__background bg-transparent icon__primary ">
3936  <div
3937    class="icon-choice c-primary">
3938    
3939      
3940      
3941        
3942        <img class="gets-rounded img-icon" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/24/7a/247a3e63-32fb-43e2-aff0-76140ac70838/logo_footer.png__400x400_q85_subsampling-2.jpg" alt="" width="400" height="400">
3943      
3944    
3945  </div>
3946  <div class="icon-content">
3947    <div class="icon-title">
3948      <h3 class="icon-title-text black_text">Erkenning NMV</h3>
3949    </div>
3950    
3951    
3952  </div>
3953</div>
3954
3955    </a>
3956  
3957
3958
3959  
3960</div>
3961
3962  
3963    
3964<div class="column" style="width: 66%; float: left;">
3965  
3966    
3967  <div id="space-plugin-46430" class="whitespace mt-4"></div>
3968
3969  
3970    
3971
3972
3973
3974
3975  <div class="contact-banner banner--inline primary_color white_text show_icon">
3976    <ul class="contact--items">
3977
3978      
3979        <li class="contact-item contact-item__address">
3980          <i class="fa fa-map-pin"></i>
3981          Staringstraat 6-10 - 5343 GH, Oss
3982        </li>
3983      
3984
3985      
3986        <li class="contact-item contact-item__phone">
3987          <i class="fa fa-phone-alt"></i>
3988          <a class="white_text" href="tel:0412-691620">0412-691620</a>
3989        </li>
3990      
3991
3992      
3993        <li class="contact-item contact-item__mail">
3994          <i class="fa fa-envelope-o"></i>
3995          <a href="mailto:[email protected]" target="_blank"
3996             class="white_text d-block d-lg-none">E-mailadres</a>
3997          <a href="mailto:[email protected]" target="_blank"
3998             class="white_text  d-none d-lg-block">[email protected]</a>
3999        </li>
4000      
4001
4002      
4003
4004    </ul>
4005  </div>
4006
4007
4008
4009  
4010</div>
4011
4012  
4013</div>
4014
4015            </div>
4016          </div>
4017        </div>
4018        <div class="row">
4019          <div class="col-12">
4020            <div class="privacy-footer-wrapper">
4021              
4022
4023<div id="privacy_footer">
4024  <div class="privacy_menu">
4025    <ul class="privacy_menu-nav">
4026      
4027      
4028        <li class="privacy_menu-item">
4029          <a href="#" class="privacy_menu-link main-item" data-toggle="modal" data-modal="privacy"
4030            data-target="#privacyModal">Privacy statement</a>
4031          <div id="privacy" class="cc-hidden">
4032            <h1>privacystatement</h1>
4033
4034<p>SAAM* privacystatement</p>
4035
4036<p>
4036 </p>
4037
4038<p>Wat zijn persoonsgegevens?Persoonsgegevens zijn gegevens die iets vertellen over jou of gegevens die we in verband kunnen brengen met jou of met jouw kind(eren).Je deelt gegevens met ons als je een kind inschrijft op een van onze scholen of als je bij SAAM* werkt. Denk aan naam, telefoonnummer, geboortedatum, e-mailadres of bankrekeningnummer. Daarnaast wordt er in de wet gesproken over bijzondere persoonsgegevens, dit zijn bijv. gegevens over levensovertuiging, gezondheid, strafrechtelijk verleden maar ook het burgerservicenummer (BSN). In principe mogen we geen bijzondere persoonsgegevens gebruiken, tenzij daarvoor in de wet een uitzondering is gemaakt.</p>
4039
4040<p>Waarvoor gebruiken we persoonsgegevens?Persoonsgegevens van kinderen gebruiken we bijvoorbeeld: om de ontwikkeling van kinderen vast te leggen, om uit te wisselen met ROD als basis voor de bekostiging vanuit DUO en om uit te wisselen met de vervolgopleiding als een kind de school weer verlaat. Persoonsgegevens van ouders gebruiken we bijvoorbeeld om contact met je op te kunnen nemen. Persoonsgegevens van collega’s gebruiken we bijvoorbeeld om het salaris uit te kunnen betalen, om loonaangifte te doen bij de belastingdienst en om het pensioen bij APB te regelen.</p>
4041
4042<p>SAAM* verwerken we dus persoonsgegevens. Verwerken is een begrip uit de wet en gaat om alles wat je kunt doen met persoonsgegevens van verzamelen tot vernietigen. Daarbij kun je dus denken aan verzamelen, vastleggen, ordenen, bewaren, bijwerken, wijzigen, opvragen, raadplegen, doorzenden, verspreiden, beschikbaar stellen, samenbrengen, met elkaar in verband brengen, afschermen, uitwissen en vernietigen van gegevens.</p>
4043
4044<p>Welke persoonsgegevens verzamelen we?Gegevens over wie je bent. Denk daarbij aan naam, adres, telefoonnummer, e-mailadres, geboortedatum. Gevoelige persoonsgegevens. Denk daarbij aan het burgerservicenummer van kinderen en van collega’s, maar ook aan VOG (Verklaring Omtrent Gedrag) van iedereen die in het onderwijs werkt. Ook houden we het verzuim bij van zowel kinderen als collega’s. Gegevens over ontwikkeling. Binnen het onderwijs volgen we kinderen op het gebied van leerresultaten (denk aan toetsgegevens) maar ook op het gebied van sociaal-emotionele ontwikkeling. Dit leggen we vast in het leerling-volg-systeem en hierover rapporteren we aan ouders/verzorgers. Deze gegevens gebruiken we om het individuele kind te volgen in zijn/haar ontwikkeling maar ook om de totale groep en daarmee ook de school in haar ontwikkeling te volgen. Om te laten zien wie we zijn en wat we doen maken we in communicatie uitingen soms gebruik van beeldmateriaal. Voor het gebruik van beeldmateriaal hebben we <a href="https://www.saamscholen.nl/documenten/520812-saamuitleg-avg-informatie-voor-ouders-dot-pdf">een SAAM*uitleg</a> opgesteld. Met wie delen we persoonsgegevens?Bij de ontwikkeling van kinderen binnen de scholen zijn veel personen betrokken, denk aan de leraar, maar ook aan intern begeleiders, onderwijsassistenten, stagiaires, schooldirecteuren, hulpouders enz. Persoonsgegevens worden hierbij alleen gedeeld als het toegevoegde waarde heeft. Als een kind extra zorg nodig heeft, waarbij deskundigheid van iemand buiten de school nodig is, dan worden ook gegevens gedeeld met het samenwerkingsverband waarbij de school is aangesloten. Daarbij wordt dan ook de bovenschools deskundige van SAAM* ingeschakeld. Op grond van de wet kunnen persoonsgegevens opgevraagd worden door politie, justitie, toezichthouders (bijv. Ministerie van OCW) en de belastingdienst. Soms moeten we op basis van een overeenkomst of reglement gegevens van jouw kind(eren) of van jou delen met een andere partij of organisatie. Zo worden we bij ons werk geholpen door andere dienstverleners, bijvoorbeeld als het gaat over onze IT-systemen zoals het leerlingvolgsysteem en HRM-systeem. Maar ook maken we steeds meer gebruik van digitale systemen bij het verwerken van kennis door kinderen. Met deze dienstverleners maken we goede afspraken over wat ze (niet) met de persoonsgegevens in deze systemen mogen doen en deze afspraken leggen we vast in contracten.Ook delen we persoonsgegevens als een kind de school weer verlaat met de school waar het kind aansluitend naar toe gaat.</p>
4045
4046<p>Zo zorgen we voor je persoonsgegevensWe zorgen voor goede beveiliging. We besteden veel aandac
4046ht aan hoe veilig om te gaan met gegevens, daarvoor worden medewerkers getraind en maken we gebruik van systemen die veilig met gegevens omgaan.Datalekken worden geregistreerd en waar nodig gemeld aan de toezichthouder. We hebben een gedragscode getekend. Al onze collega's krijgen een gedragscode ter ondertekening. We gaan zorgvuldig om met gegevens die ons zijn toevertrouwd. Er is toezicht op hoe we de persoonsgegevens verwerken. Er is een Functionaris Gegevensbescherming (FG) benoemd die toezicht houdt of wij de Algemene Verordening Gegevensbescherming (AVG) naleven. Hij is te bereiken via <a href="https://www.lumengroup.nl/contact-fg/">https://www.lumengroup.nl/contact-fg/</a> Deze FG is gemeld bij de Autoriteit Persoonsgegevens (AP). We houden ons aan de bewaartermijnen van gegevens. Rondom het bewaren van gegevens hebben we ons te houden aan de wetgeving. Zo is er voor de gegevens van collega’s een bewaartermijn van 7 jaar die wordt opgelegd vanuit de fiscus. Voor leerlingen geldt een bewaartermijn van 5 jaar voor de gegevens die gaan over in- en uitschrijven en over verzuim.</p>
4047
4048<p>Persoonsgegevens bekijken of aanpassenWil je weten welke persoonsgegevens wij over je hebben vastgelegd? Dan kun je gebruik maken van je ‘Recht van inzage’. Of wil je gegevens wijzigen en zo gebruik maken van de je ‘Recht op correctie’? Dan kun je contact opnemen met de school of met het bestuurskantoor van SAAM* in Oss. Je kunt jouw verzoek mailen aan [email protected] of sturen naar: SAAM* Postbus 661 5340 AR Oss. Ook de uitgebreidere versie van dit privacystatement is op deze manier op te vragen. </p>
4049
4050<p>Onze visie op privacy</p>
4051
4052<p>Onderwijs verzorgen kan én mag niet zonder dat je persoonsgegevens deelt met ons. Daarbij zijn de volgende zaken van belang:&gt; We zijn zuinig op persoonsgegevens die ons zijn toevertrouwd en zorgen dat we er zo veilig mogelijk mee om gaan.&gt; Voor de ontwikkeling van kinderen willen we juist het kind maar soms ook de ouders/verzorgers zo goed mogelijk leren kennen en daarvoor gebruiken we juist persoonsgegevens omdat we de ontwikkeling willen vastleggen en volgen.&gt; We gebruiken persoonsgegevens alleen als het toegevoegde waarde heeft.&gt; We communiceren open en begrijpelijk over welke persoonsgegevens wij gebruiken.&gt; We geven persoonsgegevens aan personen en instanties die bevoegd zijn deze te ontvangen.&gt; Als we gegevens uitwisselen met dienstverleners dan maken we goede afspraken over wat ze met de persoonsgegevens mogen doen en deze afspraken leggen we vast in contracten.&gt; We houden ons beleid up to date. Regelgeving verandert regelmatig. Ons privacybeleid is daarom nooit helemaal klaar, we blijven over dit onderwerp in gesprek met collega’s, kinderen en ouders/verzorgers, maar ook met toezichthouders en belangenorganisaties. </p>
4053          </div>
4054        </li>
4055      
4056      
4057      
4058      
4059      
4060        <li class="privacy_menu-item">
4061          <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a>
4062        </li>
4063      
4064    </ul>
4065    
4066    
4067    
4068      <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p>
4069    
4070  </div>
4071  
4072  
4073    
4074      
4075    
4076  
4077</div>
4078
4079            <button type="button" class="btn b-theme user-settings-toggle" data-toggle="modal" data-target="#pageSettingsModal">
4080              <i class="fas fa-universal-access"></i>
4081            </button>
4082            </div>
4083          </div>
4084        </div>
4085      </div>
4086    </footer>
4087    
4088
4089<!-- Modal -->
4090<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true">
4091  <div class="modal-dialog">
4092    <div class="modal-content">
4093      <div class="modal-header py-2 bg-light">
4094        <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5>
4095        <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close">
4096          <span aria-hidden="true">&times;</span>
4097        </button>
4098      </div>
4099      <div class="modal-body">
4100        <p class="user-settings-title">
4101          Tekstgrootte
4102        </p>
4103        <div class="btn-group btn-group-toggle" data-toggle="buttons">
4104          <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false">
4105            <i class="fas fa-font t-1"></i>
4106          </button>
4107          <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false">
4108            <i class="fas fa-font t-1-25"></i>
4109          </button>
4110          <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false">
4111            <i class="fas fa-font t-2"></i>
4112          </button>
4113        </div>
4114      </div>
4115    </div>
4116  </div>
4117</div>
4118
4119
4120    
4121
4122    
4123
4124
4125  <button class="socs--back-to-top" id="js-top" style="opacity: 0;"></button>
4126
4127  
4128
4129
4130    
4131
4132
4133
4134  
4134<script defer type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
4134
4135  
4135<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
4135
4136  
4136<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
4136
4137
4138
4139  
4139<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
4139
4140  
4140<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
vendor: 1 bytes, line 4140
4140
4141<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
4141
4142
4143<style>
4144  
4145  .cms-toolbar-expanded .klaro .cookie-notice{bottom: 20px; left: 20px; top: auto; right: auto;} .cookie-notice {bottom: 20px; left: 20px; top: auto; right: auto;};
4146</style>
4147
4148
4149
4150
4151<script>
4152  /**
4153   * Add translations to the CKEditor syles dropdown
4154   */
4155   window.addEventListener("DOMContentLoaded", (event) => {
4156
4157    // Add consent events to the dataLayer
4158    window.dataLayer = window.dataLayer || [];
4159    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500)
4160    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500)
4161
4162    if (window.CKEDITOR) {
4163      // add translations for each CKEditor on load
4164      CKEDITOR.on('instanceReady', function(){
4165        window.CKEDITOR.stylesSet.registered.default.find((styleSet) => {
4166          if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) {
4167            if (styleSet.attributes.class == "c-theme") {
4168              styleSet.name = 'Thema kleur';
4169            }
4170            if (styleSet.attributes.class == "c-primary") {
4171              styleSet.name = 'Primaire kleur';
4172            }
4173            if (styleSet.attributes.class == "c-secondary") {
4174              styleSet.name = 'Secondaire kleur';
4175            }
4176            if (styleSet.attributes.class == "c-tertiary") {
4177              styleSet.name = 'Tertiaire kleur';
4178            }
4179          }
4180        })
4181      });
4182    }
4183  });
4184</script>
4184
4185
4186    
4187  
4187<script>
4188    $('.cms-alert').each(function(){
4189      $(this).on('closed.bs.alert', function (e) {
4190        const { id } = e.currentTarget.dataset;
4191        const cookieName = `socs-announcements-${id}`;
4192        setCookie(cookieName, 'closed', 1);
4193      });
4194    });
4195  </script>
4195
4196
4197
4198  
4198<script src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/mobilemenu.a69741d3dfb4.js"></script>
4198
4199
4200
4201  
4201<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/slick.min.22f754161489.js"></script>
4201
4202  
4202<script>
4203    function initFlexCarousel() {
4204      $homeSlider = $('.home-slider');
4205      const {auto, fade} = $homeSlider.get(0).dataset;
4206
4207      const slickProps = {
4208        slidesToScroll: 1,
4209        slidesToShow: 1,
4210        arrows: true,
4211        infinite: true,
4212        fade: fade === 'true',
4213        dots: true,
4214        centerMode: false,
4215        variableWidth: false,
4216        focusOnSelect: false,
4217        autoplay: auto === 'true',
4218        autoplaySpeed: 3000,
4219        rows: 0,
4220        accessibility: true,
4221      };
4222
4223      if($homeSlider.hasClass('unslick')) {
4224        $homeSlider.slick('unslick');
4225        $homeSlider.removeClass('unslick');
4226      }
4227
4228      $homeSlider.slick(slickProps)
4229    }
4230    if (window.CMS !== undefined) {
4231      window.CMS.$(window).on('cms-content-refresh', function () {
4232        initFlexCarousel();
4233      });
4234    }
4235
4236    (function () {
4237      initFlexCarousel();
4238    })();
4239
4240  </script>
4240
4241
4242
4243    
4243<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jarallax.min.js" integrity="sha256-uCknJLYMrtYTPwl8PwQnFj6T6Hck2oSGEZLhMi1BRvU=" crossorigin="anonymous"></script>
4243
4244    
4244<script>
4245      jarallax(document.querySelectorAll('[data-jarallax]'), {
4246        speed: 0.2,
4247      });
4248    </script>
4248
4249  
4250
4251  
4251<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/slick.min.22f754161489.js"></script>
4251
4252  
4252<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/carousel.267fcefbf855.js"></script>
4252
4253
4254
4255        <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel"
4256          aria-hidden="true">
4257          <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document">
4258            <div class="modal-content">
4259              <div class="modal-header">
4260                <h2 class="modal-title" id="privacyModalLabel">Modal title</h2>
4261                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
4262                  <span aria-hidden="true">&times;</span>
4263                </button>
4264              </div>
4265              <div class="modal-body">
4266              </div>
4267              <div class="modal-footer">
4268                <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
4269              </div>
4270            </div>
4271          </div>
4272        </div>
4273      
4274
4275  
4275<script>
4276    const $backToTop = document.querySelector("#js-top");
4277
4278    window.addEventListener('scroll', function(e) {
4279      if(window.scrollY > 150) {
4280        $backToTop.style.opacity = 1;
4281      } else {
4282        $backToTop.style.opacity = 0;
4283      }
4284    });
4285
4286    $backToTop.addEventListener('click', function(e){
4287      e.preventDefault();
4288
4289      window.scrollTo({
4290        left: 0,
4291        top: 0,
4292        behavior: 'smooth'
4293      });
4294    });
4295  </script>
4295
4296  
4297
4298    
4299    
4300
4301
4302
4303    
4304<!-- Modal -->
4305<div
4306  class="modal fade"
4307  id="searchModal"
4308  tabindex="-1"
4309  role="dialog"
4310  aria-hidden="true"
4311>
4312  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
4313    <span aria-hidden="true">&times;</span>
4314  </button>
4315  <div class="modal-dialog" role="document">
4316    <div class="modal-content search-modal gets-rounded gets-shadow--hover">
4317      <div class="modal-body">
4318        <div class="search-input">
4319          <form action="/zoek-resultaten" method="GET" id="search-form">
4320            <i class="fa fa-search"></i>
4321            <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' />
4322            <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button>
4323          </form>
4324        </div>
4325      </div>
4326    </div>
4327  </div>
4328</div>
4329
4330    
4331
4332<!--In order to create the mobile version of the paths, I used https://yqnn.github.io/svg-path-editor/
4333 This editor lets you paste the path and edit it. -->
4334<div style="height:0px;">
4335  <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg" >
4336    
4337
4338     
4339      <clipPath id="mask-top" clipPathUnits="objectBoundingBox">
4340        <path d="m1,0H0v.88l1,.12V0Z" />
4341      </clipPath>
4342
4343
4344      <clipPath id="mask-top-mobile" clipPathUnits="objectBoundingBox">
4345        <path d="m 1 0 h -1 v 0.94 l 1 0.06 v -1 z" />
4346      </clipPath>
4347
4348      <clipPath id="mask-bottom" clipPathUnits="objectBoundingBox">
4349        <path d="m0,1h1V.12l-1-.12v1Z" />
4350      </clipPath>
4351
4352      <clipPath id="mask-bottom-tablet" clipPathUnits="objectBoundingBox">
4353        <path d="m 0 1 h 1 V 0.06 l -1 -0.06 v 1 Z" />
4354      </clipPath>
4355
4356      <clipPath id="mask-bottom-mobile" clipPathUnits="objectBoundingBox">
4357        <path d="m 0 1 h 1 V 0.06 l -1 -0.06 v 1 Z" />
4358      </clipPath>
4359    
4360
4361    
4362
4363  </svg>
4364</div>
4365
4366    
4367
4368
4369
4370  </body>
4371</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.