PageSourceSearch

https://www.obsdetuimelaar.nl/

html obsdetuimelaar.nl collected 2026-10-04 01:50:17 UTC 107,220 bytes, 3,782 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="mCSXOmFxJZGV5m8iLiODgnni6t4qPvalxIj3jkfIbwHspXDURQDu5ROeldpogjaj" />
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="OBS de Tuimelaar">
58		<meta property="og:url" content="https://www.obsdetuimelaar.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.obsdetuimelaar.nl">
76		<meta name="twitter:card" content="summary">
77		<meta name="twitter:title" content="OBS de Tuimelaar">
78		<meta name="twitter:url" content="https://www.obsdetuimelaar.nl/">
79		
80		
81		
82		
83	
84  
85	
86	
87	
88
89
90    
91
92    <title>OBS de Tuimelaar</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: #1E826A;
115    --primary-color: #86B8AB;
116    --secondary-color: #F99A65;
117    --tertiary-color: #BC6D6C;
118    --footer-color: #BC6D6C;
119    --footer-link-color: #FFFFFF;
120    --nav-link-color: #F99A65;
121    --nav-bg-color: #FFFFFF;
122    --topbar-bg-color: #BC6D6C;
123    --background-color: #1E826A;
124    --theme-heading-color: var(--theme-color);
125    --theme-hero-bg: #86B8AB;
126    --theme-hero-color: #FFFFFF;
127    --font-base-size: 16px;
128    --file-background-color: #BC6D6C;
129    --file-text-color: #FFFFFF;
130    --link-text-color: #111111;
131    --quote-ff: Roboto;
132    
133      --heading-ff: "Roboto Slab", system-ui, sans-serif;
134    
135    --mobile-mode-width: 1400;
136    
137      --theme-border-radius: 16px;
138    
139    
140      
141        --theme-box-shadow: none;
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: #F99A65;
165  }
166
167  a, a:hover {
168    color: #111111;
169  }
170
171  a.maps-web-btn {
172    background-color: #1E826A;
173  }
174
175  button[type=submit],
176  .btn-jobs-modal {
177    background-color: #1E826A;
178  }
179
180  .quote-text {
181    font-family: var(--quote-ff);
182  }
183
184  .theme-13 h2,
185  .theme-14 h2 {
186    color: #86B8AB;
187  }
188
189  .caret {
190    color: #1E826A;
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: #111111;
201    background-color: #f7f7f7;
202  }
203
204  a.nav-link.newsblog-nav-link,
205  a.nav-link.faq-nav-link {
206    background: #86B8AB;
207  }
208
209  .faq-overview-list h3:hover {
210    color: #1E826A;
211    text-decoration: none;
212  }
213
214  .search-pagination .page-item.active .page-link {
215    background-color: #1E826A;
216    border-color: #1E826A;
217  }
218
219  /* TABBABLE */
220  
221    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
222      background-color: #1E826A;
223      border-color: #dee2e6 #1E826A;
224    }
225  
226
227
228  /* LOGIN */
229  .btn-tooltip-login,
230  .btn-tooltip-register {
231    background-color: #1E826A;
232    border-color: #1E826A;
233  }
234
235  .carousel-theme-6,
236  .carousel-theme-4 .carousel-tagline-wrapper {
237    background-color: #86B8AB;
238  }
239
240  .carousel-theme-8 .schoolname,
241  .carousel-theme-9 .schoolname,
242  .theme-8 .introduction-left {
243    background-color: #1E826A
244  }
245
246  .theme-8 .introduction-right,
247  .theme-8 .school-tagline,
248  .theme-9 .school-tagline {
249    background-color: #86B8AB;
250  }
251
252  .agenda-plugin .event-icon {
253    background-color: #1E826A;
254  }
255
256  .agendaeventMonth .bg-primary {
257    background-color: #86B8AB !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: #F99A65;
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: #1E826A;
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: #1E826A;
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 #1E826A;
308    color: #1E826A;
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: #1E826A;
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 #1E826A;
321    color: #1E826A;
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: #86B8AB;
328    border-color: #86B8AB;
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: #F99A65;
335    border-color:  #F99A65;
336  }
337
338  .theme-6 .navbar .nav > li.active > a,
339  .navbar-theme-14  .nav .nav-item.active{
340    color: #1E826A;
341    border-bottom: 3px solid #1E826A;
342  }
343
344  .navbar-default .nav .active a:hover {
345    color: #F99A65;
346    background-color: #BC6D6C;
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: #1E826A;
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: #1E826A;
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: #1E826A;
365  }
366  .nav-stacked .active > a {
367    border-left: 4px solid #1E826A !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 #1E826A;
375    -moz-box-shadow: 0 0 10px #1E826A;
376    box-shadow: 0 0 10px #1E826A;
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: #1E826A;
385  }
386
387  .theme-10-login-bar a:hover,
388  .theme-13-login-bar a:hover {
389    color: #1E826A;
390  }
391
392  .btn-navbar i {
393    color: #1E826A;
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: #1E826A;
411  }
412
413  .navbar-theme-12 .navbar-toggle span.icon-bar {
414    background-color: #F99A65;
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: #1E826A;
431  }
432
433  .css-cmsplugin_gallery .carousel-indicators .active {
434    background-color: #1E826A;
435  }
436
437  .item-primarycolor a,
438  .item-primarycolor a:hover {
439    color: #1E826A;
440  }
441  .item-themecolor a,
442  .item-themecolor a:hover {
443    color: #1E826A;
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: #86B8AB;
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: #BC6D6C;
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: #1E826A;
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: #86B8AB;
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: #F99A65;
471  }
472
473  .banners-theme4 h2 {
474    color: #F99A65;
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: #86B8AB;
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: #1E826A;
501  }
502
503  .theme-11-news-agenda h2,
504  .theme-13-news-agenda h2 {
505    color: #1E826A;
506  }
507
508  .theme-11 .pager li > a, .pager li > span,
509  .theme-13 .pager li > a, .pager li > span {
510    background-color: #1E826A;
511  }
512  .theme-11 .pager li > a:hover,
513  .theme-13 .pager li > a:hover {
514    background-color: #F99A65;
515  }
516
517  /* ADD BACKGROUND IMAGE TO THEME */
518  body{
519    
520      background: #1E826A;
521    
522  }
523
524  body,
525  html {
526    
527      font-family: "Poppins", 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: #86B8AB;
535  }
536  .mt-icon-secondary {
537    color: #F99A65;
538  }
539  .mt-icon-themecolor {
540    color: #1E826A;
541  }
542  /*
543  .box.primary, .section.primary {
544    background-color: #86B8AB;
545  }
546  .box.secondary, .section.secondary {
547    background-color: #F99A65;
548  }
549  .box.theme, .section.theme {
550    background-color: #1E826A;
551  }
552  .box.tertiary, .section.tertiary {
553    background-color: #BC6D6C;
554  }
555  */
556
557  
558    .mt-icon-tertiary {
559      color: #BC6D6C;
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: #86B8AB;
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: #F99A65;
572    }
573
574    .theme-11 .fa-play,
575    .theme-14 .fa-play  {
576      background-color: #86B8AB;
577    }
578    .theme-11 .fa-play:hover,
579    .theme-14 .fa-play:hover {
580      background-color: #1E826A;
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='%231E826A' 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: #1E826A;
593    }
594
595    /* Event */
596    a.listPostTitle {
597      color: #86B8AB;
598    }
599    .agendaeventTitleContainer h4 {
600      color: #F99A65;
601    }
602
603    .rbc-header,
604    .rbc-toolbar button {
605      background-color: #1E826A !important;
606    }
607    .rbc-toolbar button:active {
608      background-color: #86B8AB !important;
609    }
610    .rbc-toolbar button.rbc-active,
611    .rbc-toolbar button:hover {
612      background-color: #86B8AB !important;
613    }
614    .rbc-event {
615      background-color: #86B8AB !important;
616    }
617
618    /*Photos*/
619    .AlbumOverViewContainer .postTitle {
620      color: #1E826A;
621    }
622
623    /* Theme adjustments */
624    .theme-14 .agendaeventTitleContainer h4,
625    .theme-15 .agendaeventTitleContainer h4 {
626      color: #F99A65;
627    }
628
629    /* EVENT COLORS & MODAL */
630    .post-modal-header {
631      background-color: #1E826A;
632    }
633
634    .modal-body .eventMonth {
635      background: #F99A65;
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: #1E826A !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: #86B8AB !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: #F99A65 !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: #86B8AB !important;
671    }
672
673    .theme-4 a.eventPostTitle,
674    .theme-14 h4.card-title.float-left {
675      color: #F99A65 !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: #1E826A;
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: #86B8AB;
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: #1E826A !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: #86B8AB !important;
724    }
725    .theme-14 .modal-body .eventStartDate .eventMonth,
726    .theme-15 .modal-body .eventStartDate .eventMonth {
727      background-color: #F99A65 !important;
728    }
729
730    .modal-body h4.postTitle {
731      color: #1E826A !important;
732    }
733
734    .modal-header,
735    .documentListContainer .btn {
736      background-color: #1E826A;
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: #1E826A;
751    }
752
753    .custom-select {
754      background: #1E826A 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: #1E826A;
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: #1E826A;
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: #86B8AB;;
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: #F99A65 ;
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: #BC6D6C ;
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: #1E826A;
880      border-color: #1E826A;
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: #86B8AB;
890      border-color: #86B8AB;
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: #F99A65;
900      border-color: #F99A65;
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: #BC6D6C;
910      border-color: #BC6D6C;
911    }
912
913    .vacancy-container.coloredbox.theme_color .btn-group .btn-read,
914    .list-vacancy-container a.btn-vacancy.theme_color {
915      color: #1E826A;
916    }
917
918    .vacancy-container.coloredbox.primary_color .btn-group .btn-read,
919    .list-vacancy-container a.btn-vacancy.primary_color {
920      color: #86B8AB;
921    }
922
923    .vacancy-container.coloredbox.secondary_color .btn-group .btn-read,
924    .list-vacancy-container a.btn-vacancy.secondary_color {
925      color: #F99A65;
926    }
927
928    .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read,
929    .list-vacancy-container a.btn-vacancy.tertiary_color {
930      color: #BC6D6C;
931    }
932
933    .vacancy-list-container.theme_color .fa-bullhorn {
934      border: 1px solid #1E826A;
935    }
936
937    .vacancy-list-container.primary_color .fa-bullhorn {
938      border: 1px solid #86B8AB;
939    }
940
941    .vacancy-list-container.secondary_color .fa-bullhorn {
942      border: 1px solid #F99A65;
943    }
944
945    .vacancy-list-container.tertiary_color .fa-bullhorn {
946      border: 1px solid #BC6D6C;
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: #1E826A !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: #F99A65;
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: #1E826A;
990    }
991    .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{
992      background-color: #BC6D6C;
993    }
994    .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{
995      background-color: #86B8AB;
996    }
997    .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{
998      background-color: #F99A65;
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: none !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: none !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=Poppins:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1124    <link href='https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1125    <link href='https://fonts.googleapis.com/css2?family=Roboto: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/OBS%20De%20Tuimelaar/favicon.png" 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
1256body.page-content {
1257  background: #F99A650A !important;
1258}
1259.side-menu, .sidemenu__menu {
1260  background-color: var(--nav-bg-color) !important;
1261}
1262
1263.side-menu .nav-item.active, .side-menu .nav-item:hover, 
1264.sidemenu__menu .nav-item.active, 
1265.sidemenu__menu .nav-item:hover {
1266  background-color: rgba(249, 154, 101, 0.1);
1267}
1268
1269.side-menu .nav-item:last-child, 
1270.sidemenu__menu .nav-item:last-child {
1271  margin-bottom: var(--size-300);
1272}
1273
1274.side-menu .nav-item .nav-link,
1275.sidemenu__menu .nav-item .nav-link {
1276  color: var(--nav-link-color) !important;
1277}
1278</style>
1279    
1280
1281  </head>
1282  <body class="base-template page-home page-id-506  with-mask with-mask__wave btn-pill is-rounded__lg no-shadow  page-home">
1283    
1284
1285
1286
1287
1288
1289
1290
1291    
1292
1293
1294
1295
1296    
1297    
1298
1299
1300    
1301
1302    <div class="top-info top-bg">
1303      <div class="container"><style type="text/css">
1304  :root{
1305    --theme-color: #1E826A;
1306    --primary-color: #86B8AB;
1307    --secondary-color: #F99A65;
1308    --tertiary-color: #BC6D6C;
1309    --footer-color: #BC6D6C;
1310    --footer-link-color: #FFFFFF;
1311    --nav-link-color: #F99A65;
1312    --nav-bg-color: #FFFFFF;
1313    --topbar-bg-color: #BC6D6C;
1314    --background-color: #1E826A;
1315    --theme-heading-color: var(--theme-color);
1316    --theme-hero-bg: #86B8AB;
1317    --theme-hero-color: #FFFFFF;
1318    --font-base-size: 16px;
1319    --file-background-color: #BC6D6C;
1320    --file-text-color: #FFFFFF;
1321    --link-text-color: #111111;
1322    --quote-ff: Roboto;
1323    
1324      --heading-ff: "Roboto Slab", system-ui, sans-serif;
1325    
1326    --mobile-mode-width: 1400;
1327    
1328      --theme-border-radius: 16px;
1329    
1330    
1331      
1332        --theme-box-shadow: none;
1333      
1334    
1335  }
1336
1337  /*
1338    Navbar inline css to fix issue related to "more" navbar after plugin add
1339    PORTAL-434 & PORTAL-892
1340  */
1341  /* Navbar MORE menu fix begins here */
1342  div.cms .cms-toolbar-item-navigation li {
1343    position: relative;
1344    float: left;
1345  }
1346  div.cms .cms-toolbar-item-navigation li ul {
1347    display: none;
1348  }
1349  .cms-toolbar-item.cms-toolbar-item-buttons {
1350    display: inline-block;
1351  }
1352  /* Navbar MORE menu fix ends here */
1353
1354  .navbar-nav .nav-link{
1355    color: #F99A65;
1356  }
1357
1358  a, a:hover {
1359    color: #111111;
1360  }
1361
1362  a.maps-web-btn {
1363    background-color: #1E826A;
1364  }
1365
1366  button[type=submit],
1367  .btn-jobs-modal {
1368    background-color: #1E826A;
1369  }
1370
1371  .quote-text {
1372    font-family: var(--quote-ff);
1373  }
1374
1375  .theme-13 h2,
1376  .theme-14 h2 {
1377    color: #86B8AB;
1378  }
1379
1380  .caret {
1381    color: #1E826A;
1382  }
1383
1384  /* BLOG / JOBS / FAQ / SEARCH */
1385
1386  
1387
1388  .page-link:hover,
1389  .list-group-item:hover,
1390  .list-group-item:focus {
1391    color: #111111;
1392    background-color: #f7f7f7;
1393  }
1394
1395  a.nav-link.newsblog-nav-link,
1396  a.nav-link.faq-nav-link {
1397    background: #86B8AB;
1398  }
1399
1400  .faq-overview-list h3:hover {
1401    color: #1E826A;
1402    text-decoration: none;
1403  }
1404
1405  .search-pagination .page-item.active .page-link {
1406    background-color: #1E826A;
1407    border-color: #1E826A;
1408  }
1409
1410  /* TABBABLE */
1411  
1412    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
1413      background-color: #1E826A;
1414      border-color: #dee2e6 #1E826A;
1415    }
1416  
1417
1418
1419  /* LOGIN */
1420  .btn-tooltip-login,
1421  .btn-tooltip-register {
1422    background-color: #1E826A;
1423    border-color: #1E826A;
1424  }
1425
1426  .carousel-theme-6,
1427  .carousel-theme-4 .carousel-tagline-wrapper {
1428    background-color: #86B8AB;
1429  }
1430
1431  .carousel-theme-8 .schoolname,
1432  .carousel-theme-9 .schoolname,
1433  .theme-8 .introduction-left {
1434    background-color: #1E826A
1435  }
1436
1437  .theme-8 .introduction-right,
1438  .theme-8 .school-tagline,
1439  .theme-9 .school-tagline {
1440    background-color: #86B8AB;
1441  }
1442
1443  .agenda-plugin .event-icon {
1444    background-color: #1E826A;
1445  }
1446
1447  .agendaeventMonth .bg-primary {
1448    background-color: #86B8AB !important;
1449  }
1450
1451  
1452    /** Override nav links */
1453    .theme-1 .navbar-light .nav li a,
1454    .navbar-light .nav li a,
1455    .navbar .nav > li > a,
1456    .navbar-light .navbar-nav .nav-link,
1457    .navbar-light .navbar-nav .show > .nav-link,
1458    .navbar-light .navbar-nav .active > .nav-link,
1459    .navbar-light .navbar-nav .nav-link.show,
1460    .navbar .nav li.dropdown.active > .dropdown-toggle,
1461    .navbar-light .navbar-nav .nav-link.active,
1462    .navbar .nav li.dropdown.active > .dropdown-toggle,
1463    .navbar .nav li.dropdown.open > .dropdown-toggle,
1464    .dropdown-menu a,
1465    .theme-10 .navbar .nav > li > a,
1466    .theme-10 .navbar-light .navbar-nav .nav-link {
1467      color: #F99A65;
1468    }
1469  
1470
1471  .navbar .nav .dropdown.active > .dropdown-toggle,
1472  .navbar .nav .nav-item.active > .nav-link,
1473  .navbar-theme-4.navbar .nav .nav-item.active,
1474  .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{
1475    color: #1E826A;
1476  }
1477
1478  .content-theme-5 .nav,
1479  .content-theme-5 .nav-stacked > li > a,
1480  .content-theme-5 .nav-stacked > li > a:hover,
1481  .content-theme-5 .nav-stacked > li > a:focus,
1482  .content-theme-5 .nav-stacked > .active a,
1483  .theme-7 .nav-stacked li a:hover,
1484  .content-theme-8 .nav,
1485  .content-theme-8 .nav-stacked > li > a,
1486  .content-theme-8 .nav-stacked > li > a:hover,
1487  .content-theme-8 .nav-stacked > li > a:focus,
1488  .content-theme-8 .nav-stacked > .active a {
1489    background-color: #1E826A;
1490  }
1491
1492  .theme-10 .content-theme-10 .nav-stacked > li > a:hover,
1493  .theme-10 .content-theme-10 .nav-stacked > li > a:focus,
1494  .theme-20 .content-theme-20 .nav-stacked > li > a:hover,
1495  .theme-20 .content-theme-20 .nav-stacked > li > a:focus,
1496  .theme-25 .content-theme-20 .nav-stacked > li > a:hover,
1497  .theme-25 .content-theme-20 .nav-stacked > li > a:focus {
1498    border-bottom: 1px solid #1E826A;
1499    color: #1E826A;
1500  }
1501
1502  .theme-10 .content-theme-10 .nav-stacked > .active a,
1503  .theme-20 .content-theme-20 .nav-stacked > .active a,
1504  .theme-25 .content-theme-25 .nav-stacked > .active a {
1505    color: #1E826A;
1506  }
1507
1508  .theme-10 .content-theme-10 .nav-stacked > .active a:hover,
1509  .theme-20 .content-theme-20 .nav-stacked > .active a:hover,
1510  .theme-25 .content-theme-25 .nav-stacked > .active a:hover {
1511    border-bottom: 1px solid #1E826A;
1512    color: #1E826A;
1513  }
1514
1515  .theme-10 .pull-right.css-login .btn,
1516  .theme-20 .pull-right.css-login .btn,
1517  .theme-25 .pull-right.css-login .btn {
1518    background-color: #86B8AB;
1519    border-color: #86B8AB;
1520  }
1521
1522  .theme-10 .pull-right.css-login .btn:hover,
1523  .theme-20 .pull-right.css-login .btn:hover,
1524  .theme-25 .pull-right.css-login .btn:hover {
1525    background-color: #F99A65;
1526    border-color:  #F99A65;
1527  }
1528
1529  .theme-6 .navbar .nav > li.active > a,
1530  .navbar-theme-14  .nav .nav-item.active{
1531    color: #1E826A;
1532    border-bottom: 3px solid #1E826A;
1533  }
1534
1535  .navbar-default .nav .active a:hover {
1536    color: #F99A65;
1537    background-color: #BC6D6C;
1538    text-shadow: none;
1539  }
1540
1541  .navbar .nav .nav-item .nav-link:hover,
1542  .navbar .nav .nav-item .nav-link:focus{
1543    background-color: #1E826A;
1544  }
1545
1546  @media (min-width: 1200px) {
1547    .theme-8 .responsive_menu .nav .nav-item:hover,
1548    .theme-4 .responsive_menu .nav .nav-item:hover {
1549      background-color: #1E826A;
1550    }
1551  }
1552
1553  .theme-12 .css-carousel-description > .css-carousel-description-background,
1554  .theme-5 .css-carousel-description > .css-carousel-description-background {
1555    background-color: #1E826A;
1556  }
1557  .nav-stacked .active > a {
1558    border-left: 4px solid #1E826A !important;
1559  }
1560  .nav-stacked .active a, .nav-stacked a:hover {
1561    background-color: #fafafa;
1562    color: #555555;
1563  }
1564  .circle {
1565    -webkit-box-shadow: 0 0 10px #1E826A;
1566    -moz-box-shadow: 0 0 10px #1E826A;
1567    box-shadow: 0 0 10px #1E826A;
1568  }
1569
1570  .navbar-theme-3 .nav > .nav-item.active > .nav-link,
1571  .navbar-theme-4 .nav > .nav-item.active,
1572  .navbar-theme-7 .nav > .nav-item.active > .nav-link,
1573  .navbar-theme-8 .nav > .nav-item.active > .nav-link,
1574  .navbar-theme-10 .nav > .nav-item.active > .nav-link {
1575    border-color: #1E826A;
1576  }
1577
1578  .theme-10-login-bar a:hover,
1579  .theme-13-login-bar a:hover {
1580    color: #1E826A;
1581  }
1582
1583  .btn-navbar i {
1584    color: #1E826A;
1585  }
1586
1587  .navbar-theme-3 .dropdown-menu > li > a,
1588  .navbar-theme-4 .dropdown-menu > li > a,
1589  .navbar-theme-5 .dropdown-menu > li > a,
1590  .navbar-theme-6 .dropdown-menu > li > a,
1591  .navbar-theme-7 .dropdown .dropdown-item,
1592  .navbar-theme-8 .dropdown-menu > li > a,
1593  .navbar-theme-9 .dropdown-menu > li > a,
1594  .navbar-theme-10 .dropdown-menu > li > a,
1595  .navbar-theme-11 .dropdown-menu > li > a,
1596  .navbar-theme-13 .dropdown-menu > li > a,
1597  .navbar-theme-20 .dropdown-menu > li > a,
1598  .navbar-theme-25 .dropdown-menu > li > a,
1599  .navbar-st-7 .dropdown-menu > li > a,
1600  .navbar-theme-22 .dropdown-menu > li > a {
1601    color: #1E826A;
1602  }
1603
1604  .navbar-theme-12 .navbar-toggle span.icon-bar {
1605    background-color: #F99A65;
1606  }
1607
1608  .navbar-theme-3 .navbar-toggle span.icon-bar,
1609  .navbar-theme-4 .navbar-toggle span.icon-bar,
1610  .navbar-theme-5 .navbar-toggle span.icon-bar,
1611  .navbar-theme-6 .navbar-toggle span.icon-bar,
1612  .navbar-theme-7 .navbar-toggle span.icon-bar,
1613  .navbar-theme-8 .navbar-toggle span.icon-bar,
1614  .navbar-theme-10 .navbar-toggle span.icon-bar,
1615  .navbar-theme-11 .navbar-toggle span.icon-bar,
1616  .navbar-theme-13 .navbar-toggle span.icon-bar,
1617  .navbar-theme-20 .navbar-toggle span.icon-bar,
1618  .navbar-theme-25 .navbar-toggle span.icon-bar,
1619  .navbar-st-7 .navbar-toggle span.icon-bar,
1620  .navbar-theme-22 .navbar-toggle span.icon-bar  {
1621    background-color: #1E826A;
1622  }
1623
1624  .css-cmsplugin_gallery .carousel-indicators .active {
1625    background-color: #1E826A;
1626  }
1627
1628  .item-primarycolor a,
1629  .item-primarycolor a:hover {
1630    color: #1E826A;
1631  }
1632  .item-themecolor a,
1633  .item-themecolor a:hover {
1634    color: #1E826A;
1635  }
1636
1637  .theme-11 .widgets-theme-11 h2,
1638  .theme-13 .widgets-theme-13 h2,
1639  .theme-14 .widgets-theme-13 h2 {
1640    color: #86B8AB;
1641  }
1642
1643  .theme-13 .bottom-1 .generic-banner,
1644  .theme-14 .bottom-1 .generic-banner,
1645  .theme-15 .bottom-1 .generic-banner {
1646    background-color: #BC6D6C;
1647  }
1648  .theme-13 .bottom-2 .generic-banner,
1649  .theme-14 .bottom-2 .generic-banner,
1650  .theme-15 .bottom-2 .generic-banner {
1651    background-color: #1E826A;
1652  }
1653  .theme-13 .bottom-3 .generic-banner,
1654  .theme-14 .bottom-3 .generic-banner,
1655  .theme-15 .bottom-3 .generic-banner {
1656    background-color: #86B8AB;
1657  }
1658  .theme-13 .bottom-4 .generic-banner,
1659  .theme-14 .bottom-4 .generic-banner ,
1660  .theme-15 .bottom-4 .generic-banner{
1661    background-color: #F99A65;
1662  }
1663
1664  .banners-theme4 h2 {
1665    color: #F99A65;
1666  }
1667
1668  .carousel-theme-10 h1:before,
1669  .carousel-theme-10 h2:before,
1670  .carousel-theme-13 h1:before,
1671  .carousel-theme-13 h2:before {
1672    background-color: #86B8AB;
1673  }
1674
1675  .theme-10 .news-plugin h3,
1676  .theme-10 .news-plugin a,
1677  .theme-10 .agenda-plugin h3,
1678  .theme-10 .agenda-plugin a,
1679  .theme-13 .news-plugin h3,
1680  .theme-13 .news-plugin a,
1681  .theme-13 .agenda-plugin h3,
1682  .theme-13 .agenda-plugin a,
1683  .theme-20 .news-plugin h3,
1684  .theme-20 .news-plugin a,
1685  .theme-20 .agenda-plugin h3,
1686  .theme-20 .agenda-plugin a,
1687  .theme-25 .news-plugin h3,
1688  .theme-25 .news-plugin a,
1689  .theme-25 .agenda-plugin h3,
1690  .theme-25 .agenda-plugin a {
1691    color: #1E826A;
1692  }
1693
1694  .theme-11-news-agenda h2,
1695  .theme-13-news-agenda h2 {
1696    color: #1E826A;
1697  }
1698
1699  .theme-11 .pager li > a, .pager li > span,
1700  .theme-13 .pager li > a, .pager li > span {
1701    background-color: #1E826A;
1702  }
1703  .theme-11 .pager li > a:hover,
1704  .theme-13 .pager li > a:hover {
1705    background-color: #F99A65;
1706  }
1707
1708  /* ADD BACKGROUND IMAGE TO THEME */
1709  body{
1710    
1711      background: #1E826A;
1712    
1713  }
1714
1715  body,
1716  html {
1717    
1718      font-family: "Poppins", system-ui, sans-serif;
1719    
1720    -webkit-font-smoothing: antialiased;
1721    font-size: var(--font-base-size);
1722  }
1723
1724  .mt-icon-primary {
1725    color: #86B8AB;
1726  }
1727  .mt-icon-secondary {
1728    color: #F99A65;
1729  }
1730  .mt-icon-themecolor {
1731    color: #1E826A;
1732  }
1733  /*
1734  .box.primary, .section.primary {
1735    background-color: #86B8AB;
1736  }
1737  .box.secondary, .section.secondary {
1738    background-color: #F99A65;
1739  }
1740  .box.theme, .section.theme {
1741    background-color: #1E826A;
1742  }
1743  .box.tertiary, .section.tertiary {
1744    background-color: #BC6D6C;
1745  }
1746  */
1747
1748  
1749    .mt-icon-tertiary {
1750      color: #BC6D6C;
1751    }
1752    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"],
1753    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"],
1754    .st-7 form.djangocms-googlemap-route-planner input[type="submit"],
1755    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] {
1756      background-color: #86B8AB;
1757    }
1758    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
1759    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
1760    .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
1761    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover {
1762      background-color: #F99A65;
1763    }
1764
1765    .theme-11 .fa-play,
1766    .theme-14 .fa-play  {
1767      background-color: #86B8AB;
1768    }
1769    .theme-11 .fa-play:hover,
1770    .theme-14 .fa-play:hover {
1771      background-color: #1E826A;
1772      text-decoration: none;
1773    }
1774
1775    .theme-24 .content-page .youvideo-thumbnail::after {
1776      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='%231E826A' 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");
1777    }
1778
1779    /* APP STYLES */
1780    /* Messages */
1781    .OverViewContainer .postTitle,
1782    .modal-body .postTitle {
1783      color: #1E826A;
1784    }
1785
1786    /* Event */
1787    a.listPostTitle {
1788      color: #86B8AB;
1789    }
1790    .agendaeventTitleContainer h4 {
1791      color: #F99A65;
1792    }
1793
1794    .rbc-header,
1795    .rbc-toolbar button {
1796      background-color: #1E826A !important;
1797    }
1798    .rbc-toolbar button:active {
1799      background-color: #86B8AB !important;
1800    }
1801    .rbc-toolbar button.rbc-active,
1802    .rbc-toolbar button:hover {
1803      background-color: #86B8AB !important;
1804    }
1805    .rbc-event {
1806      background-color: #86B8AB !important;
1807    }
1808
1809    /*Photos*/
1810    .AlbumOverViewContainer .postTitle {
1811      color: #1E826A;
1812    }
1813
1814    /* Theme adjustments */
1815    .theme-14 .agendaeventTitleContainer h4,
1816    .theme-15 .agendaeventTitleContainer h4 {
1817      color: #F99A65;
1818    }
1819
1820    /* EVENT COLORS & MODAL */
1821    .post-modal-header {
1822      background-color: #1E826A;
1823    }
1824
1825    .modal-body .eventMonth {
1826      background: #F99A65;
1827    }
1828
1829    .theme-7 .agendaeventMonth,
1830    .theme-9 .agendaeventMonth .bg-primary,
1831    .theme-10 .agendaeventMonth .bg-primary,
1832    .theme-11 .agendaeventMonth .bg-primary,
1833    .theme-13 .agendaeventMonth .bg-primary,
1834    .theme-17 .agendaeventMonth .bg-primary,
1835    .postOverviewheader.bg-primary.mb-3,
1836    .date-container,
1837    .card.postOverviewheader {
1838      background-color: #1E826A !important;
1839    }
1840
1841    .theme-2 .agendaeventMonth .bg-primary,
1842    .theme-3 .agendaeventMonth .bg-primary,
1843    .theme-5 .agendaeventMonth .bg-primary,
1844    .theme-6 .agendaeventMonth .bg-primary,
1845    .theme-8 .agendaeventMonth .bg-primary,
1846    .theme-19 .agendaeventMonth .bg-primary {
1847      background-color: #86B8AB !important;
1848    }
1849    .theme-1 .agendaeventMonth .bg-primary,
1850    .theme-4 .agendaeventMonth .bg-primary,
1851    .theme-14 .agendaeventMonth .bg-primary,
1852    .theme-15 .agendaeventMonth .bg-primary,
1853    .theme-20 .agendaeventMonth .bg-primary {
1854      background-color: #F99A65 !important;
1855    }
1856
1857    .theme-5 h4.card-title.float-left,
1858    .theme-6 h4.card-title.float-left,
1859    .theme-8 h4.card-title.float-left,
1860    a.btn.btn-default.documentBtn.verticalBtn {
1861      color: #86B8AB !important;
1862    }
1863
1864    .theme-4 a.eventPostTitle,
1865    .theme-14 h4.card-title.float-left {
1866      color: #F99A65 !important;
1867    }
1868
1869    .theme-1 a.eventPostTitle:hover,
1870    .theme-2 a.eventPostTitle:hover,
1871    .theme-4 a.eventPostTitle:hover,
1872    .theme-7 a.eventPostTitle:hover,
1873    .theme-11 a.eventPostTitle:hover,
1874    .theme-13 a.eventPostTitle:hover,
1875    .theme-14 a.eventPostTitle:hover,
1876    .theme-15 a.eventPostTitle:hover,
1877    .theme-17 a.eventPostTitle:hover,
1878    .theme-18 a.eventPostTitle:hover,
1879    .theme-19 a.eventPostTitle:hover {
1880      color: #1E826A;
1881    }
1882
1883    .theme-3 a.eventPostTitle:hover,
1884    .theme-5 a.eventPostTitle:hover,
1885    .theme-6 a.eventPostTitle:hover,
1886    .theme-8 a.eventPostTitle:hover,
1887    .theme-9 a.eventPostTitle:hover,
1888    .theme-10 a.eventPostTitle:hover,
1889    .theme-16 a.eventPostTitle:hover,
1890    .theme-20 a.eventPostTitle:hover,
1891    .theme-20 a.listPostTitle:hover {
1892      color: #86B8AB;
1893    }
1894
1895    .eventStartDate .eventMonth,
1896    .theme-7 .modal-body .eventStartDate .eventMonth,
1897    .theme-9 .modal-body .eventStartDate .eventMonth,
1898    .theme-10 .modal-body .eventStartDate .eventMonth,
1899    .theme-11 .modal-body .eventStartDate .eventMonth,
1900    .theme-13 .modal-body .eventStartDate .eventMonth,
1901    .theme-16 .modal-body .eventStartDate .eventMonth,
1902    .theme-17 .modal-body .eventStartDate .eventMonth,
1903    .theme-18 .modal-body .eventStartDate .eventMonth,
1904    .theme-20 .modal-body .eventStartDate .eventMonth {
1905      background-color: #1E826A !important;
1906    }
1907
1908    .theme-1 .modal-body .eventStartDate .eventMonth,
1909    .theme-3 .modal-body .eventStartDate .eventMonth,
1910    .theme-4 .modal-body .eventStartDate .eventMonth,
1911    .theme-5 .modal-body .eventStartDate .eventMonth,
1912    .theme-6 .modal-body .eventStartDate .eventMonth,
1913    .theme-8 .modal-body .eventStartDate .eventMonth {
1914      background-color: #86B8AB !important;
1915    }
1916    .theme-14 .modal-body .eventStartDate .eventMonth,
1917    .theme-15 .modal-body .eventStartDate .eventMonth {
1918      background-color: #F99A65 !important;
1919    }
1920
1921    .modal-body h4.postTitle {
1922      color: #1E826A !important;
1923    }
1924
1925    .modal-header,
1926    .documentListContainer .btn {
1927      background-color: #1E826A;
1928      color: #ffffff;
1929    }
1930
1931    .modal-header > .modal-title{
1932      color: #ffffff;
1933    }
1934
1935    .rbc-btn-group button,
1936    .rbc-event,
1937    .rbc-header,
1938    .rbc-month-header .rbc-header,
1939    .rbc-time-header-cell-single-day .rbc-header,
1940    .rbc-agenda-view .rbc-agenda-table thead tr {
1941      background-color: #1E826A;
1942    }
1943
1944    .custom-select {
1945      background: #1E826A 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;
1946      background-size: 8px 10px;
1947    }
1948
1949    .rbc-toolbar-label {
1950      color: #1E826A;
1951    }
1952  
1953
1954  /* HEADER, LINK AND ICON COLOR */
1955  .nobox.theme_color.colored_text h2,
1956  .nobox.theme_color.colored_text h3,
1957  .nobox.theme_color.colored_text a,
1958  .nobox.theme_color.colored_text .iconplugin-icon,
1959  .outline.theme_color.colored_text h2,
1960  .outline.theme_color.colored_text h3,
1961  .outline.theme_color.colored_text a,
1962  .coloredbox.theme_color.colored_text h2,
1963  .coloredbox.theme_color.colored_text h3,
1964  .coloredbox.theme_color.colored_text a,
1965  .greyoutline.theme_color.colored_text h2,
1966  .greyoutline.theme_color.colored_text h3,
1967  .greyoutline.theme_color.colored_text a,
1968  .greybox.theme_color.colored_text h2,
1969  .greybox.theme_color.colored_text h3,
1970  .greybox.theme_color.colored_text a,
1971  .vacancy-container.theme_color h2,
1972  .vacancy-list-container.theme_color h3,
1973  .contact-banner .nobox.theme_color.colored_text a[href^=tel],
1974  .contact-banner .outline.theme_color.colored_text a[href^=tel],
1975  .contact-banner .coloredbox.theme_color.colored_text a[href^=tel],
1976  .contact-banner .greyoutline.theme_color.colored_text a[href^=tel],
1977  .contact-banner .greybox.theme_color.colored_text a[href^=tel] {
1978    color: #1E826A;
1979  }
1980
1981  .nobox.primary_color.colored_text h2,
1982  .nobox.primary_color.colored_text h3,
1983  .nobox.primary_color.colored_text a,
1984  .nobox.primary_color.colored_text .iconplugin-icon,
1985  .outline.primary_color.colored_text h2,
1986  .outline.primary_color.colored_text h3,
1987  .outline.primary_color.colored_text a,
1988  .coloredbox.primary_color.colored_text h2,
1989  .coloredbox.primary_color.colored_text h3,
1990  .coloredbox.primary_color.colored_text a,
1991  .greyoutline.primary_color.colored_text h2,
1992  .greyoutline.primary_color.colored_text h3,
1993  .greyoutline.primary_color.colored_text a,
1994  .greybox.primary_color.colored_text h2,
1995  .greybox.primary_color.colored_text h3,
1996  .greybox.primary_color.colored_text a,
1997  .vacancy-container.primary_color h2,
1998  .vacancy-list-container.primary_color h3,
1999  .contact-banner .nobox.primary_color.colored_text a[href^=tel],
2000  .contact-banner .outline.primary_color.colored_text a[href^=tel],
2001  .contact-banner .coloredbox.primary_color.colored_text a[href^=tel],
2002  .contact-banner .greyoutline.primary_color.colored_text a[href^=tel],
2003  .contact-banner .greybox.primary_color.colored_text a[href^=tel] {
2004    color: #86B8AB;;
2005  }
2006
2007  .nobox.secondary_color.colored_text h2,
2008  .nobox.secondary_color.colored_text h3,
2009  .nobox.secondary_color.colored_text a,
2010  .nobox.secondary_color.colored_text .iconplugin-icon,
2011  .outline.secondary_color.colored_text h2,
2012  .outline.secondary_color.colored_text h3,
2013  .outline.secondary_color.colored_text a,
2014  .coloredbox.secondary_color.colored_text h2,
2015  .coloredbox.secondary_color.colored_text h3,
2016  .coloredbox.secondary_color.colored_text a,
2017  .greyoutline.secondary_color.colored_text h2,
2018  .greyoutline.secondary_color.colored_text h3,
2019  .greyoutline.secondary_color.colored_text a,
2020  .greybox.secondary_color.colored_text h2,
2021  .greybox.secondary_color.colored_text h3,
2022  .greybox.secondary_color.colored_text a,
2023  .vacancy-container.secondary_color h2,
2024  .vacancy-list-container.secondary_color h3,
2025  .contact-banner .nobox.secondary_color.colored_text a[href^=tel],
2026  .contact-banner .outline.secondary_color.colored_text a[href^=tel],
2027  .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel],
2028  .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel],
2029  .contact-banner .greybox.secondary_color.colored_text a[href^=tel] {
2030    color: #F99A65 ;
2031  }
2032
2033  .nobox.tertiary_color.colored_text h2,
2034  .nobox.tertiary_color.colored_text h3,
2035  .nobox.tertiary_color.colored_text a,
2036  .nobox.tertiary_color.colored_text .iconplugin-icon,
2037  .outline.tertiary_color.colored_text h2,
2038  .outline.tertiary_color.colored_text h3,
2039  .outline.tertiary_color.colored_text a,
2040  .coloredbox.tertiary_color.colored_text h2,
2041  .coloredbox.tertiary_color.colored_text h3,
2042  .coloredbox.tertiary_color.colored_text a,
2043  .greyoutline.tertiary_color.colored_text h2,
2044  .greyoutline.tertiary_color.colored_text h3,
2045  .greyoutline.tertiary_color.colored_text a,
2046  .greybox.tertiary_color.colored_text h2,
2047  .greybox.tertiary_color.colored_text h3,
2048  .greybox.tertiary_color.colored_text a,
2049  .vacancy-container.tertiary_color h2,
2050  .vacancy-list-container.tertiary_color h3,
2051  .contact-banner .nobox.tertiary_color.colored_text a[href^=tel],
2052  .contact-banner .outline.tertiary_color.colored_text a[href^=tel],
2053  .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel],
2054  .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel],
2055  .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] {
2056    color: #BC6D6C ;
2057  }
2058
2059  
2060    /* VACANCY COLORS */
2061    .vacancy-container.nobox.theme_color .btn-group .btn-read,
2062    .vacancy-container.outline.theme_color .btn-group .btn-read,
2063    .vacancy-container.greyoutline.theme_color .btn-group .btn-read,
2064    .vacancy-container.greybox.theme_color .btn-group .btn-read,
2065    .vacancy-container.theme_color .modal-header,
2066    .vacancy-container.theme_color .btn-close,
2067    .vacancy-list-container.theme_color .btn-group .btn-read,
2068    .vacancy-list-container.theme_color .modal-header,
2069    .vacancy-list-container.theme_color .btn-close {
2070      background-color: #1E826A;
2071      border-color: #1E826A;
2072    }
2073
2074    .vacancy-container.primary_color .btn-group .btn-read,
2075    .vacancy-container.primary_color .modal-header,
2076    .vacancy-container.primary_color .btn-close,
2077    .vacancy-list-container.primary_color .btn-group .btn-read,
2078    .vacancy-list-container.primary_color .modal-header,
2079    .vacancy-list-container.primary_color .btn-close {
2080      background-color: #86B8AB;
2081      border-color: #86B8AB;
2082    }
2083
2084    .vacancy-container.secondary_color .btn-group .btn-read,
2085    .vacancy-container.secondary_color .modal-header,
2086    .vacancy-container.secondary_color .btn-close,
2087    .vacancy-list-container.secondary_color .btn-group .btn-read,
2088    .vacancy-list-container.secondary_color .modal-header,
2089    .vacancy-list-container.secondary_color .btn-close {
2090      background-color: #F99A65;
2091      border-color: #F99A65;
2092    }
2093
2094    .vacancy-container.tertiary_color .btn-group .btn-read,
2095    .vacancy-container.tertiary_color .modal-header,
2096    .vacancy-container.tertiary_color .btn-close,
2097    .vacancy-list-container.tertiary_color .btn-group .btn-read,
2098    .vacancy-list-container.tertiary_color .modal-header,
2099    .vacancy-list-container.tertiary_color .btn-close  {
2100      background-color: #BC6D6C;
2101      border-color: #BC6D6C;
2102    }
2103
2104    .vacancy-container.coloredbox.theme_color .btn-group .btn-read,
2105    .list-vacancy-container a.btn-vacancy.theme_color {
2106      color: #1E826A;
2107    }
2108
2109    .vacancy-container.coloredbox.primary_color .btn-group .btn-read,
2110    .list-vacancy-container a.btn-vacancy.primary_color {
2111      color: #86B8AB;
2112    }
2113
2114    .vacancy-container.coloredbox.secondary_color .btn-group .btn-read,
2115    .list-vacancy-container a.btn-vacancy.secondary_color {
2116      color: #F99A65;
2117    }
2118
2119    .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read,
2120    .list-vacancy-container a.btn-vacancy.tertiary_color {
2121      color: #BC6D6C;
2122    }
2123
2124    .vacancy-list-container.theme_color .fa-bullhorn {
2125      border: 1px solid #1E826A;
2126    }
2127
2128    .vacancy-list-container.primary_color .fa-bullhorn {
2129      border: 1px solid #86B8AB;
2130    }
2131
2132    .vacancy-list-container.secondary_color .fa-bullhorn {
2133      border: 1px solid #F99A65;
2134    }
2135
2136    .vacancy-list-container.tertiary_color .fa-bullhorn {
2137      border: 1px solid #BC6D6C;
2138    }
2139  
2140
2141  /* GENERIC BANNER & SCHOOL STATISTICS COLORS */
2142  .st-10 .icons-wrapper .icon-container .iconplugin-icon,
2143  .flex-t10 .icon-container .iconplugin-icon{
2144    background-color: #ffffff !important;
2145    border: none !important;
2146    color: #1E826A !important;
2147  }
2148
2149  .theme-10 .navbar .open-menu,
2150  .theme-20 .navbar .open-menu,
2151  .theme-21 .navbar .open-menu,
2152  .theme-24 .navbar .open-menu,
2153  .theme-25 .navbar .open-menu,
2154  .st-9 .navbar .open-menu,
2155  .st-6 .navbar .open-menu,
2156  .st-7 .navbar .open-menu {
2157    color: #F99A65;
2158  }
2159
2160  
2161    .st-2 .fourpillar-item,
2162    .st-5 .fourpillar-item,
2163    .st-6 .fourpillar-item,
2164    .contact-banner,
2165    .job_card,
2166    .search-card,
2167    .blog-card,
2168    .carousel-tagline .schoolname,
2169    .carousel-tagline .school-tagline,
2170    #searchModal .search-modal.modal-content,
2171    .navbar-theme-16 .nav > li.active > a{
2172      border-radius: 16px;
2173    }
2174
2175    .st-2 .fourpillar-item .pillar-icon-top{
2176      border-radius: 16px
2177    }
2178
2179    .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{
2180      background-color: #1E826A;
2181    }
2182    .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{
2183      background-color: #BC6D6C;
2184    }
2185    .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{
2186      background-color: #86B8AB;
2187    }
2188    .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{
2189      background-color: #F99A65;
2190    }
2191
2192    .gets-rounded,
2193    .st-9 .main-content.first-row .column,
2194    .st-1 .generic-banners,
2195    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
2196    .slick-arrow{
2197      border-radius: 16px !important;
2198    }
2199
2200    .news__items-horizontal .news__container .news__header {
2201      border-top-left-radius: 16px;
2202      border-top-right-radius: 16px;
2203      overflow: hidden;
2204    }
2205
2206    .st-4 .nav-stacked.gets-rounded{
2207      overflow-y: hidden;
2208      border-bottom: none;
2209    }
2210  
2211
2212  
2213    .st-4 .carousel-tagline .schoolname,
2214    .st-4 .carousel-tagline .school-tagline{
2215      padding: 16px;
2216    }
2217  
2218
2219  [class*="mt-btn"],
2220  .file-plugin,
2221  .btn-share,
2222  .btn-search, .btn-outline {
2223    
2224      border-radius: 99999999px !important;
2225    
2226    
2227    
2228  }
2229
2230  
2231    .file-plugin{
2232      padding-left:20px;
2233    }
2234    .file-plugin--icon{
2235      overflow: hidden;
2236    }
2237  
2238
2239  
2240    .gets-shadow,
2241    .gets-shadow--hover,
2242    .st-1 .generic-banners,
2243    .st-4 .carousel-tagline .schoolname,
2244    .st-4 .carousel-tagline .school-tagline,
2245    .st-9 .main-content.first-row .column,
2246    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
2247    .base-template .icon-container.icon__background.gets-shadow .icon-choice{
2248      
2249        box-shadow: none !important;
2250      
2251    }
2252
2253    .base-template .icon-container.icon__background.gets-shadow,
2254    .base-template .icon-container.nobox.gets-shadow {
2255      box-shadow: none !important;
2256    }
2257
2258    .gets-shadow--hover{
2259      transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1);
2260    }
2261
2262    .verticalPostRow.gets-rounded,
2263    .news__items-horizontal .news {
2264      overflow: hidden;
2265    }
2266
2267    .news__items-horizontal .news .news__body{
2268      padding: 10px;
2269    }
2270
2271    .news__items-horizontal .news .news__footer{
2272      padding-left: 15px;
2273    }
2274
2275    .gets-shadow--hover:hover,
2276    .st-10 .icons-wrapper .icon-container .iconplugin-icon{
2277      
2278        box-shadow: none !important;
2279      
2280    }
2281  
2282
2283  
2284
2285  h1,
2286  h2,
2287  h3,
2288  h4,
2289  h5,
2290  h6{
2291    color: var(--theme-heading-color);
2292    
2293      font-family: var(--heading-ff);
2294    
2295  }
2296
2297  
2298</style>
2298<script>
2299  (function() {
2300    var w = 1400;
2301    if (window.innerWidth >= w) {
2302      document.documentElement.classList.add('desktop-nav');
2303    }
2304  })();
2305</script>
2305<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=Poppins:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Roboto: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/OBS%20De%20Tuimelaar/favicon.png" type="image/x-icon"><div class="multicolumn2 clearfix"><div class="column" style="width: 66%; float: left;"><div class="contact-banner banner--inline secondary_color white_text show_icon"><ul class="contact--items"><li class="contact-item contact-item__address"><i class="fa fa-map-pin"></i>
2306          Vlasven 94, 5464 PN Veghel
2307        </li><li class="contact-item contact-item__phone"><i class="fa fa-phone-alt"></i><a class="white_text" href="tel:0413-319 230">0413-319 230</a></li><li class="contact-item contact-item__mail"><i class="fa fa-envelope-o"></i><a href="mailto:[email protected]" target="_blank"
2308             class="white_text d-block d-lg-none">E-mailadres</a><a href="mailto:[email protected]" target="_blank"
2309             class="white_text  d-none d-lg-block">[email protected]</a></li></ul></div></div><div class="column" style="width: 33%; float: left;"><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></div></div></div>
2310    </div>
2311
2312    <header>
2313      
2314
2315
2316
2317<nav class="navbar navbar-expand-xxl active__bold nav-bg nav-default nav-shadow" data-toggle="affix" >
2318  <div class="container">
2319    <div class="nav-header">
2320      <a class="school-logo-wrapper " href="/"><img class="school-logo" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/13/cc/13cc2043-0c2b-4d5b-9bb3-eb840b70d459/logo-detuimelaar.jpg" style="height:60px" /></a>
2321      <button class="menu-toggle d-flex ml-auto gets-rounded menu-toggle--open">
2322        <span class="toggle-icon"></span>
2323      </button>
2324    </div>
2325    <div class="site-menu" data-collapse="1400" data-type="normal">
2326      <button class="menu-toggle d-flex menu-toggle__close">
2327        <span class="toggle-icon"></span>
2328      </button>
2329      <ul class="navbar-nav mx-auto">
2330        
2331
2332
2333
2334
2335
2336  
2337    <li class="nav-item active">
2338      <a class="nav-link"
2339        href="/"
2340        >
2341        Home
2342      </a>
2343    </li>
2344  
2345
2346
2347  
2348    <li class="nav-item sub-menu-parent">
2349      <div class="nav-holder d-flex align-items-baseline">
2350        <a class="nav-link flex-grow-1"
2351        data-show="sub-menu"
2352        href="/de-tuimelaar/"
2353        >
2354        Informatie <i class="fas fa-2xs fa-chevron-down"></i>
2355        </a>
2356
2357        <span id="expand-icon" data-show="sub-menu" class="icon expand"></span>
2358      </div>
2359      <div class="sub-item-wrapper">
2360        <!-- Changing xl to xxl because XXL is the new standard break point of boostrap,
2361             in the past the breakpoints were changed,
2362             but never updated so it broke in some places -->
2363        <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button>
2364        <p class="sub-item-title h1 mobile-nav-only">Informatie</p>
2365        <ul class="sub-items list-unstyled">
2366          
2367            <li class="sub-item  first-layer">
2368              <a class="sub-link first-layer"
2369                href="/de-tuimelaar/onze-school/"
2370                
2371                >
2372                Onze School
2373              </a>
2374              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2375              
2376            </li>
2377          
2378            <li class="sub-item  first-layer">
2379              <a class="sub-link first-layer"
2380                href="/de-tuimelaar/Schooltijden/"
2381                
2382                >
2383                Schooltijden
2384              </a>
2385              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2386              
2387            </li>
2388          
2389            <li class="sub-item  first-layer">
2390              <a class="sub-link first-layer"
2391                href="/de-tuimelaar/team/"
2392                
2393                >
2394                Team
2395              </a>
2396              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2397              
2398            </li>
2399          
2400            <li class="sub-item  first-layer">
2401              <a class="sub-link first-layer"
2402                href="/de-tuimelaar/kinderraad/"
2403                
2404                >
2405                Kinderraad
2406              </a>
2407              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2408              
2409            </li>
2410          
2411            <li class="sub-item  first-layer">
2412              <a class="sub-link first-layer"
2413                href="/de-tuimelaar/medezeggenschapsraad/"
2414                
2415                >
2416                Medezeggenschapsraad
2417              </a>
2418              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2419              
2420            </li>
2421          
2422            <li class="sub-item  first-layer">
2423              <a class="sub-link first-layer"
2424                href="/de-tuimelaar/ouderraad/"
2425                
2426                >
2427                Activiteitencommissie
2428              </a>
2429              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2430              
2431            </li>
2432          
2433            <li class="sub-item  first-layer">
2434              <a class="sub-link first-layer"
2435                href="/de-tuimelaar/saamvatting/"
2436                
2437                >
2438                SAAM&amp;vatting
2439              </a>
2440              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2441              
2442            </li>
2443          
2444            <li class="sub-item  first-layer">
2445              <a class="sub-link first-layer"
2446                href="/de-tuimelaar/partners/"
2447                
2448                >
2449                Partners
2450              </a>
2451              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2452              
2453            </li>
2454          
2455        </ul>
2456      </div>
2457    </li>
2458
2459  
2460
2461
2462  
2463    <li class="nav-item ">
2464      <a class="nav-link"
2465        href="/downloads/"
2466        >
2467        Downloads
2468      </a>
2469    </li>
2470  
2471
2472
2473  
2474    <li class="nav-item sub-menu-parent">
2475      <div class="nav-holder d-flex align-items-baseline">
2476        <a class="nav-link flex-grow-1"
2477        data-show="sub-menu"
2478        href="/saam/"
2479        >
2480        SAAM* <i class="fas fa-2xs fa-chevron-down"></i>
2481        </a>
2482
2483        <span id="expand-icon" data-show="sub-menu" class="icon expand"></span>
2484      </div>
2485      <div class="sub-item-wrapper">
2486        <!-- Changing xl to xxl because XXL is the new standard break point of boostrap,
2487             in the past the breakpoints were changed,
2488             but never updated so it broke in some places -->
2489        <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button>
2490        <p class="sub-item-title h1 mobile-nav-only">SAAM*</p>
2491        <ul class="sub-items list-unstyled">
2492          
2493            <li class="sub-item  first-layer">
2494              <a class="sub-link first-layer"
2495                href="/saam/saam-werken/"
2496                
2497                target="_blank">
2498                SAAM* werken
2499              </a>
2500              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2501              
2502            </li>
2503          
2504            <li class="sub-item  first-layer">
2505              <a class="sub-link first-layer"
2506                href="/saam/privacystatement/"
2507                
2508                target="_blank">
2509                Privacystatement
2510              </a>
2511              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2512              
2513            </li>
2514          
2515            <li class="sub-item  first-layer">
2516              <a class="sub-link first-layer"
2517                href="/saam/watalshetmisgaat/"
2518                
2519                target="_blank">
2520                Wat als het mis gaat...
2521              </a>
2522              <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span>
2523              
2524            </li>
2525          
2526        </ul>
2527      </div>
2528    </li>
2529
2530  
2531
2532
2533  
2534    <li class="nav-item ">
2535      <a class="nav-link"
2536        href="/contact/"
2537        >
2538        Contact en kennismaken
2539      </a>
2540    </li>
2541  
2542
2543
2544
2545        
2546
2547
2548      </ul>
2549      <!-- SEARCH FUNCTION -->
2550
2551	<div class="search-function d-inline-flex">
2552	  <div class="form-check search-button">
2553	      <button class="search-toggle" data-toggle="modal" data-target="#searchModal"><i class="fa fa-search"></i></button>
2554	  </div>
2555	</div>
2556
2557<!-- END SEARCH FUNCTION -->
2558    </div>
2559  </div>
2560</nav>
2561
2562
2563
2564
2565      
2566  
2567
2568<div class="container-fluid">
2569  <div class="row">
2570    <div class="slider-wrapper slider-wrapper__small slider_content_fifty_fifty_bordered">
2571      <div class="home-slider" data-auto="true" data-fade="false">
2572        
2573          <div class="carousel-slide">
2574            
2575
2576
2577
2578
2579
2580
2581
2582<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/03/a0/03a0c40f-5ec8-4bb8-b19c-e1d0222ed86e/40ccc4f29959492d259ebcda4b3c1bbf.jpg__2560x2560_q100_subsampling-2.jpg"
2583  
2584  
2585  
2586  
2587  style="object-position: 50% 50%"
2588>
2589
2590
2591
2592
2593
2594
2595
2596
2597
2598            
2599          </div>
2600        
2601          <div class="carousel-slide">
2602            
2603
2604
2605
2606
2607
2608
2609
2610<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/c2/65/c265d799-b0c5-4d8f-91ad-75b00c14192d/4bc179c0afafd1e1eab0dfa1dcd71cb7.jpg__2560x2560_q100_subsampling-2.jpg"
2611  
2612  
2613  
2614  
2615  style="object-position: 50% 50%"
2616>
2617
2618
2619
2620
2621
2622
2623
2624
2625
2626            
2627          </div>
2628        
2629          <div class="carousel-slide">
2630            
2631
2632
2633
2634
2635
2636
2637
2638<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/33/ab/33ab5a82-f5ff-4f07-88d3-f289e48d277d/6d18359dfd3045bf232f5c668a80d971.jpg__2560x2560_q100_subsampling-2.jpg"
2639  
2640  
2641  
2642  
2643  style="object-position: 50% 50%"
2644>
2645
2646
2647
2648
2649
2650
2651
2652
2653
2654            
2655          </div>
2656        
2657          <div class="carousel-slide">
2658            
2659
2660
2661
2662
2663
2664
2665
2666<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/3b/e0/3be08639-b329-4081-b2e9-94e874906d6e/d3054c55a79a55d12e45ba351f53d3a1.jpg__2560x2560_q100_subsampling-2.jpg"
2667  
2668  
2669  
2670  
2671  style="object-position: 50% 50%"
2672>
2673
2674
2675
2676
2677
2678
2679
2680
2681
2682            
2683          </div>
2684        
2685          <div class="carousel-slide">
2686            
2687
2688
2689
2690
2691
2692
2693
2694<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/b2/09/b209942e-db8b-4892-85a1-a453ea02a2e4/6c96d5dadcad1b0718e2211551dcda98.jpg__2560x2560_q100_subsampling-2.jpg"
2695  
2696  
2697  
2698  
2699  style="object-position: 50% 50%"
2700>
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710            
2711          </div>
2712        
2713          <div class="carousel-slide">
2714            
2715
2716
2717
2718
2719
2720
2721
2722<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/3b/ab/3bab9568-771f-4f08-bfdf-0117e4eb6473/0a41fb1dec42d69f167128368b76aa04.jpg__2560x2560_q100_subsampling-2.jpg"
2723  
2724  
2725  
2726  
2727  style="object-position: 50% 50%"
2728>
2729
2730
2731
2732
2733
2734
2735
2736
2737
2738            
2739          </div>
2740        
2741          <div class="carousel-slide">
2742            
2743
2744
2745
2746
2747
2748
2749
2750<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/b8/f7/b8f70c7a-75d2-4521-bc2c-524de550d7e0/6867caaedf9fc89560938f6b50b68e9f.jpg__2560x2560_q100_subsampling-2.jpg"
2751  
2752  
2753  
2754  
2755  style="object-position: 50% 50%"
2756>
2757
2758
2759
2760
2761
2762
2763
2764
2765
2766            
2767          </div>
2768        
2769          <div class="carousel-slide">
2770            
2771
2772
2773
2774
2775
2776
2777
2778<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1b/e9/1be9c8ee-fc95-49e6-ab78-23cf65e3ef6a/9740e8eecc2c9d73b40db82b1a8a76ce.jpeg__2560x2560_q100_subsampling-2.jpg"
2779  
2780  
2781  
2782  
2783  style="object-position: 50% 50%"
2784>
2785
2786
2787
2788
2789
2790
2791
2792
2793
2794            
2795          </div>
2796        
2797      </div>
2798
2799      
2800        
2801      
2802        
2803      
2804        
2805      
2806        
2807      
2808        
2809      
2810        
2811      
2812        
2813      
2814        
2815      
2816
2817      
2818        <div class="school_text-wrapper aligned__left">
2819          <div class="container school_text-container">
2820            <div class="school-text">
2821              
2822                <h1 class="school-name">OBS de Tuimelaar</h1>
2823              
2824              
2825                <h2 class="school-slogan">Samen sterk, vanuit jezelf voor elkaar!</h2>
2826              
2827              
2828              <div class="text-footer">
2829                
2830                
2831                  
2832                    
2833                  
2834                    
2835                  
2836                    
2837                  
2838                    
2839                  
2840                    
2841                  
2842                    
2843                  
2844                    
2845                  
2846                    
2847                  
2848                
2849              </div>
2850            </div>
2851          </div>
2852        </div>
2853      
2854    </div>
2855  </div>
2856</div>
2857
2858
2859
2860
2861
2862    </header>
2863
2864    
2865  <main>
2866    <div class="container">
2867      <div class="row">
2868        <div class="col-12">
2869          
2870
2871
2872
2873  <div
2874    
2875    class="section c-white section__colored-text section-fullwidth "
2876    style="background-color: rgba(30, 130, 106, 1.0);"
2877  >
2878
2879<div class="container section-content">
2880  
2881    <h1>Onze naam vertelt ons verhaal</h1>
2882
2883<p><br>
2884Op OBS De Tuimelaar geloven we dat leren begint met een sterke pedagogische basis.<br>
2885Of je nu kind, ouder of collega bent: we zien elkaar, werken samen en ontwikkelen ons samen.<br>
2886De tuimelaar, een dolfijn, is daarom een mooi symbool voor onze school.<br>
2887Het is een sociaal en intelligent dier dat leeft in een groep. In de groep is elke tuimelaar zichzelf, maar nooit alleen.</p>
2888
2889<p>In het werken met - en het kijken naar kinderen vinden wij deze vijf heel belangrijk:</p>
2890  
2891</div>
2892
2893</div>
2894
2895
2896
2897
2898
2899
2900  <div
2901    
2902    class="section c-white section__colored-text section-fullwidth "
2903    style="background-color: rgba(134, 184, 171, 0.0);"
2904  >
2905
2906<div class="container section-content">
2907  
2908    
2909
2910
2911
2912  <div
2913    
2914    class="section c-white section__colored-text section-fullwidth "
2915    style="background-color: rgba(188, 109, 108, 0.0);"
2916  >
2917
2918<div class="container section-content">
2919  
2920    
2921
2922<div class="iconplugin-container iconplugin-container__row" data-items="5">
2923  
2924    
2925
2926
2927
2928  
2929  
2930    <div class="icon-wrapper plugin-wrapper">
2931      
2932
2933<div
2934  class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme ">
2935  <div
2936    class="icon-choice c-theme">
2937    
2938      
2939      
2940        
2941          <i class="iconplugin-icon gets-rounded fa fas fa-arrow-right fa-3x" aria-hidden="true"></i>
2942        
2943      
2944    
2945  </div>
2946  <div class="icon-content">
2947    <div class="icon-title">
2948      <h3 class="icon-title-text white_text">Vertrouwen</h3>
2949    </div>
2950    
2951    
2952  </div>
2953</div>
2954
2955    </div>
2956  
2957
2958
2959  
2960    
2961
2962
2963
2964  
2965  
2966    <div class="icon-wrapper plugin-wrapper">
2967      
2968
2969<div
2970  class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme ">
2971  <div
2972    class="icon-choice c-theme">
2973    
2974      
2975      
2976        
2977          <i class="iconplugin-icon gets-rounded fa fas fa-link fa-3x" aria-hidden="true"></i>
2978        
2979      
2980    
2981  </div>
2982  <div class="icon-content">
2983    <div class="icon-title">
2984      <h3 class="icon-title-text white_text">Verbinding</h3>
2985    </div>
2986    
2987    
2988  </div>
2989</div>
2990
2991    </div>
2992  
2993
2994
2995  
2996    
2997
2998
2999
3000  
3001  
3002    <div class="icon-wrapper plugin-wrapper">
3003      
3004
3005<div
3006  class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme ">
3007  <div
3008    class="icon-choice c-theme">
3009    
3010      
3011      
3012        
3013          <i class="iconplugin-icon gets-rounded fa fas fa-user-friends fa-3x" aria-hidden="true"></i>
3014        
3015      
3016    
3017  </div>
3018  <div class="icon-content">
3019    <div class="icon-title">
3020      <h3 class="icon-title-text white_text">Gedeelde verwachtingen</h3>
3021    </div>
3022    
3023    
3024  </div>
3025</div>
3026
3027    </div>
3028  
3029
3030
3031  
3032    
3033
3034
3035
3036  
3037  
3038    <div class="icon-wrapper plugin-wrapper">
3039      
3040
3041<div
3042  class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme ">
3043  <div
3044    class="icon-choice c-theme">
3045    
3046      
3047      
3048        
3049          <i class="iconplugin-icon gets-rounded fa fas fa-eye fa-3x" aria-hidden="true"></i>
3050        
3051      
3052    
3053  </div>
3054  <div class="icon-content">
3055    <div class="icon-title">
3056      <h3 class="icon-title-text white_text">Eigenaarschap</h3>
3057    </div>
3058    
3059    
3060  </div>
3061</div>
3062
3063    </div>
3064  
3065
3066
3067  
3068    
3069
3070
3071
3072  
3073  
3074    <div class="icon-wrapper plugin-wrapper">
3075      
3076
3077<div
3078  class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme ">
3079  <div
3080    class="icon-choice c-theme">
3081    
3082      
3083      
3084        
3085          <i class="iconplugin-icon gets-rounded fa far fa-heart fa-3x" aria-hidden="true"></i>
3086        
3087      
3088    
3089  </div>
3090  <div class="icon-content">
3091    <div class="icon-title">
3092      <h3 class="icon-title-text white_text">Betrokkenheid</h3>
3093    </div>
3094    
3095    
3096  </div>
3097</div>
3098
3099    </div>
3100  
3101
3102
3103  
3104</div>
3105
3106  
3107</div>
3108
3109</div>
3110
3111
3112
3113  
3114    <p>Want kinderen groeien wanneer zij zich veilig en vertrouwd voelen,<br>
3115wanneer zij zich verbonden voelen met anderen en wanneer duidelijk is wat we van elkaar verwachten.<br>
3116Op onze school leren kinderen ook verantwoordelijkheid te nemen voor hun eigen gedrag en hun ontwikkeling.<br>
3117Tegelijk bouwen we samen, met betrokkenheid, aan een groep en een school waarin iedereen erbij hoort.</p>
3118
3119<p>Zo leren kinderen op De Tuimelaar niet alleen kennen en kunnen, maar ook 
3119samen leven en samen groeien.</p>
3120
3121<p> </p>
3122  
3123    
3124
3125<span class="button_picture plugin-block 
3126  
3127  ">
3128  <a href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/cf/aa/cfaac6d4-c43a-469e-8f52-d31205dd9d5e/flyer-tuimelaar-2022.pdf" class=" btn gets-shadow--hover white_text
3129    mt-btn-secondary
3130    
3131    btn-lg mt-btn-lg 
3132    
3133    btn__icon
3134    " target="_blank" >
3135    
3136      <span class="fas fa-chevron-right"></span>
3137    
3138    Download onze flyer
3139  </a>
3140</span>
3141
3142  
3143</div>
3144
3145</div>
3146
3147
3148
3149
3150
3151
3152  <div
3153    
3154    class="section c-white section__colored-text section-fullwidth "
3155    style="background-color: rgba(134, 184, 171, 0.5);"
3156  >
3157
3158<div class="container section-content">
3159  
3160    <h1 style="text-align: center;">Kennismaken en aanmelden</h1>
3161
3162<p style="text-align: center;">Voor je een keuze maakt voor een school wil je natuurlijk de sfeer komen proeven.<br>
3163Op onze website is al veel informatie te lezen, maar deze informatie gaat pas echt leven als je bij ons geweest bent.</p>
3164
3165<p style="text-align: center;">We nodigen je daarom van harte uit voor een rondleiding, of kennismaken tijdens een open dag.</p>
3166  
3167    
3168
3169<span class="button_picture plugin-block 
3170  
3171  center mx-auto d-block">
3172  <a href="https://obsdetuimelaar-saam.cms.socialschools.nl/contact/" class=" btn gets-shadow--hover white_text
3173    mt-btn-secondary
3174    
3175    btn-lg mt-btn-lg 
3176    
3177    btn__icon
3178    " >
3179    
3180      <span class="fas fa-arrow-right"></span>
3181    
3182    Aanmelden &amp; kennismaken
3183  </a>
3184</span>
3185
3186  
3187</div>
3188
3189</div>
3190
3191
3192
3193
3194
3195
3196  <div
3197    
3198    class="section c-theme section__colored-text section-fullwidth "
3199    style="background-color: rgba(30, 130, 106, 0.9);"
3200  >
3201
3202<div class="container section-content">
3203  
3204    
3205
3206<div class="iconplugin-container iconplugin-container__row" data-items="4">
3207  
3208    
3209
3210
3211
3212  
3213  
3214    <a href="https://www.instagram.com/obsdetuimelaarveghel/" class="icon-wrapper icon-link plugin-wrapper">
3215      
3216
3217<div
3218  class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary ">
3219  <div
3220    class="icon-choice c-primary">
3221    
3222      
3223      
3224        
3225          <i class="iconplugin-icon gets-rounded fa fab fa-instagram fa-2x" aria-hidden="true"></i>
3226        
3227      
3228    
3229  </div>
3230  <div class="icon-content">
3231    <div class="icon-title">
3232      <h3 class="icon-title-text white_text">Bekijk onze posts op Instagram</h3>
3233    </div>
3234    
3235    
3236  </div>
3237</div>
3238
3239    </a>
3240  
3241
3242
3243  
3244    
3245
3246
3247
3248  
3249  
3250    <a href="https://scholenopdekaart.nl/basisscholen/veghel/47172/openbare-basisschool-de-tuimelaar/" class="icon-wrapper icon-link plugin-wrapper">
3251      
3252
3253<div
3254  class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary ">
3255  <div
3256    class="icon-choice c-primary">
3257    
3258      
3259      
3260        
3261          <i class="iconplugin-icon gets-rounded fa fas fa-map-marker-alt fa-2x" aria-hidden="true"></i>
3262        
3263      
3264    
3265  </div>
3266  <div class="icon-content">
3267    <div class="icon-title">
3268      <h3 class="icon-title-text white_text">Scholen op de kaart</h3>
3269    </div>
3270    
3271    
3272  </div>
3273</div>
3274
3275    </a>
3276  
3277
3278
3279  
3280    
3281
3282
3283
3284  
3285  
3286    <a href="https://kroontjeveghel.nl/opvang/veghel-de-tuimelaar/" class="icon-wrapper icon-link plugin-wrapper">
3287      
3288
3289<div
3290  class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary ">
3291  <div
3292    class="icon-choice c-primary">
3293    
3294      
3295      
3296        
3297          <i class="iconplugin-icon gets-rounded fa fas fa-crown fa-2x" aria-hidden="true"></i>
3298        
3299      
3300    
3301  </div>
3302  <div class="icon-content">
3303    <div class="icon-title">
3304      <h3 class="icon-title-text white_text">&#x27;t Kroontje</h3>
3305    </div>
3306    
3307    
3308  </div>
3309</div>
3310
3311    </a>
3312  
3313
3314
3315  
3316    
3317
3318
3319
3320  
3321  
3322    <a href="https://www.bvlbrabant.nl/over-bvl/bvl-info" class="icon-wrapper icon-link plugin-wrapper">
3323      
3324
3325<div
3326  class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary ">
3327  <div
3328    class="icon-choice c-primary">
3329    
3330      
3331      
3332        
3333          <i class="iconplugin-icon gets-rounded fa fas fa-bicycle fa-2x" aria-hidden="true"></i>
3334        
3335      
3336    
3337  </div>
3338  <div class="icon-content">
3339    <div class="icon-title">
3340      <h3 class="icon-title-text white_text">Brabant Verkeersveiligheidslabel</h3>
3341    </div>
3342    
3343    
3344  </div>
3345</div>
3346
3347    </a>
3348  
3349
3350
3351  
3352</div>
3353
3354  
3355</div>
3356
3357</div>
3358
3359
3360  
3361
3362
3363        </div>
3364      </div>
3365    </div>
3366  </main>
3367
3368
3369    <footer class="footer-bg c-footer">
3370      <div class="container">
3371        <div class="row">
3372          <div class="col-md-12">
3373            <div class="page-footer">
3374              
3375<div class="multicolumn2 clearfix">
3376  
3377    
3378<div class="column" style="width: 33%; float: left;">
3379  
3380</div>
3381
3382  
3383    
3384<div class="column" style="width: 66%; float: left;">
3385  
3386    
3387
3388
3389
3390
3391  <div class="contact-banner banner--inline secondary_color white_text show_icon">
3392    <ul class="contact--items">
3393
3394      
3395        <li class="contact-item contact-item__address">
3396          <i class="fa fa-map-pin"></i>
3397          Vlasven 94, 5464 PN Veghel
3398        </li>
3399      
3400
3401      
3402        <li class="contact-item contact-item__phone">
3403          <i class="fa fa-phone-alt"></i>
3404          <a class="white_text" href="tel:0413-319 230">0413-319 230</a>
3405        </li>
3406      
3407
3408      
3409        <li class="contact-item contact-item__mail">
3410          <i class="fa fa-envelope-o"></i>
3411          <a href="mailto:[email protected]" target="_blank"
3412             class="white_text d-block d-lg-none">E-mailadres</a>
3413          <a href="mailto:[email protected]" target="_blank"
3414             class="white_text  d-none d-lg-block">[email protected]</a>
3415        </li>
3416      
3417
3418      
3419
3420    </ul>
3421  </div>
3422
3423
3424
3425  
3426</div>
3427
3428  
3429</div>
3430
3431            </div>
3432          </div>
3433        </div>
3434        <div class="row">
3435          <div class="col-12">
3436            <div class="privacy-footer-wrapper">
3437              
3438
3439<div id="privacy_footer">
3440  <div class="privacy_menu">
3441    <ul class="privacy_menu-nav">
3442      
3443      
3444        <li class="privacy_menu-item">
3445          <a href="#" class="privacy_menu-link main-item" data-toggle="modal" data-modal="privacy"
3446            data-target="#privacyModal">Privacy statement</a>
3447          <div id="privacy" class="cc-hidden">
3448            <h1>privacystatement</h1>
3449
3450<p>SAAM* privacystatement</p>
3451
3452<p>
3452 </p>
3453
3454<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>
3455
3456<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>
3457
3458<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>
3459
3460<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>
3461
3462<p>Zo zorgen we voor je persoonsgegevensWe zorgen voor goede beveiliging. We besteden veel aandac
3462ht 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>
3463
3464<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>
3465
3466<p>Onze visie op privacy</p>
3467
3468<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>
3469          </div>
3470        </li>
3471      
3472      
3473      
3474      
3475      
3476        <li class="privacy_menu-item">
3477          <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a>
3478        </li>
3479      
3480    </ul>
3481    
3482    
3483    
3484      <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p>
3485    
3486  </div>
3487  
3488  
3489    
3490      
3491    
3492  
3493</div>
3494
3495            <button type="button" class="btn b-theme user-settings-toggle" data-toggle="modal" data-target="#pageSettingsModal">
3496              <i class="fas fa-universal-access"></i>
3497            </button>
3498            </div>
3499          </div>
3500        </div>
3501      </div>
3502    </footer>
3503    
3504
3505<!-- Modal -->
3506<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true">
3507  <div class="modal-dialog">
3508    <div class="modal-content">
3509      <div class="modal-header py-2 bg-light">
3510        <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5>
3511        <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close">
3512          <span aria-hidden="true">&times;</span>
3513        </button>
3514      </div>
3515      <div class="modal-body">
3516        <p class="user-settings-title">
3517          Tekstgrootte
3518        </p>
3519        <div class="btn-group btn-group-toggle" data-toggle="buttons">
3520          <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false">
3521            <i class="fas fa-font t-1"></i>
3522          </button>
3523          <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false">
3524            <i class="fas fa-font t-1-25"></i>
3525          </button>
3526          <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false">
3527            <i class="fas fa-font t-2"></i>
3528          </button>
3529        </div>
3530      </div>
3531    </div>
3532  </div>
3533</div>
3534
3535
3536    
3537
3538    
3539
3540
3541  <button class="socs--back-to-top" id="js-top" style="opacity: 0;"></button>
3542
3543  
3544
3545
3546    
3547
3548
3549
3550  
3550<script defer type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
3550
3551  
3551<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
3551
3552  
3552<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
3552
3553
3554
3555  
3555<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
3555
3556  
3556<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 3556
3556
3557<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
3557
3558
3559<style>
3560  
3561  .cms-toolbar-expanded .klaro .cookie-notice{bottom: 20px; left: 20px; top: auto; right: auto;} .cookie-notice {bottom: 20px; left: 20px; top: auto; right: auto;};
3562</style>
3563
3564
3565
3566
3567<script>
3568  /**
3569   * Add translations to the CKEditor syles dropdown
3570   */
3571   window.addEventListener("DOMContentLoaded", (event) => {
3572
3573    // Add consent events to the dataLayer
3574    window.dataLayer = window.dataLayer || [];
3575    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500)
3576    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500)
3577
3578    if (window.CKEDITOR) {
3579      // add translations for each CKEditor on load
3580      CKEDITOR.on('instanceReady', function(){
3581        window.CKEDITOR.stylesSet.registered.default.find((styleSet) => {
3582          if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) {
3583            if (styleSet.attributes.class == "c-theme") {
3584              styleSet.name = 'Thema kleur';
3585            }
3586            if (styleSet.attributes.class == "c-primary") {
3587              styleSet.name = 'Primaire kleur';
3588            }
3589            if (styleSet.attributes.class == "c-secondary") {
3590              styleSet.name = 'Secondaire kleur';
3591            }
3592            if (styleSet.attributes.class == "c-tertiary") {
3593              styleSet.name = 'Tertiaire kleur';
3594            }
3595          }
3596        })
3597      });
3598    }
3599  });
3600</script>
3600
3601
3602    
3603  
3603<script>
3604    $('.cms-alert').each(function(){
3605      $(this).on('closed.bs.alert', function (e) {
3606        const { id } = e.currentTarget.dataset;
3607        const cookieName = `socs-announcements-${id}`;
3608        setCookie(cookieName, 'closed', 1);
3609      });
3610    });
3611  </script>
3611
3612
3613
3614  
3614<script src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/mobilemenu.a69741d3dfb4.js"></script>
3614
3615
3616
3617  
3617<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/slick.min.22f754161489.js"></script>
3617
3618  
3618<script>
3619    function initFlexCarousel() {
3620      $homeSlider = $('.home-slider');
3621      const {auto, fade} = $homeSlider.get(0).dataset;
3622
3623      const slickProps = {
3624        slidesToScroll: 1,
3625        slidesToShow: 1,
3626        arrows: true,
3627        infinite: true,
3628        fade: fade === 'true',
3629        dots: true,
3630        centerMode: false,
3631        variableWidth: false,
3632        focusOnSelect: false,
3633        autoplay: auto === 'true',
3634        autoplaySpeed: 3000,
3635        rows: 0,
3636        accessibility: true,
3637      };
3638
3639      if($homeSlider.hasClass('unslick')) {
3640        $homeSlider.slick('unslick');
3641        $homeSlider.removeClass('unslick');
3642      }
3643
3644      $homeSlider.slick(slickProps)
3645    }
3646    if (window.CMS !== undefined) {
3647      window.CMS.$(window).on('cms-content-refresh', function () {
3648        initFlexCarousel();
3649      });
3650    }
3651
3652    (function () {
3653      initFlexCarousel();
3654    })();
3655
3656  </script>
3656
3657
3658
3659    
3659<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jarallax.min.js" integrity="sha256-uCknJLYMrtYTPwl8PwQnFj6T6Hck2oSGEZLhMi1BRvU=" crossorigin="anonymous"></script>
3659
3660    
3660<script>
3661      jarallax(document.querySelectorAll('[data-jarallax]'), {
3662        speed: 0.2,
3663      });
3664    </script>
3664
3665  
3666
3667        <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel"
3668          aria-hidden="true">
3669          <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document">
3670            <div class="modal-content">
3671              <div class="modal-header">
3672                <h2 class="modal-title" id="privacyModalLabel">Modal title</h2>
3673                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
3674                  <span aria-hidden="true">&times;</span>
3675                </button>
3676              </div>
3677              <div class="modal-body">
3678              </div>
3679              <div class="modal-footer">
3680                <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
3681              </div>
3682            </div>
3683          </div>
3684        </div>
3685      
3686
3687  
3687<script>
3688    const $backToTop = document.querySelector("#js-top");
3689
3690    window.addEventListener('scroll', function(e) {
3691      if(window.scrollY > 150) {
3692        $backToTop.style.opacity = 1;
3693      } else {
3694        $backToTop.style.opacity = 0;
3695      }
3696    });
3697
3698    $backToTop.addEventListener('click', function(e){
3699      e.preventDefault();
3700
3701      window.scrollTo({
3702        left: 0,
3703        top: 0,
3704        behavior: 'smooth'
3705      });
3706    });
3707  </script>
3707
3708  
3709
3710    
3711    
3712
3713
3714
3715    
3716<!-- Modal -->
3717<div
3718  class="modal fade"
3719  id="searchModal"
3720  tabindex="-1"
3721  role="dialog"
3722  aria-hidden="true"
3723>
3724  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
3725    <span aria-hidden="true">&times;</span>
3726  </button>
3727  <div class="modal-dialog" role="document">
3728    <div class="modal-content search-modal gets-rounded gets-shadow--hover">
3729      <div class="modal-body">
3730        <div class="search-input">
3731          <form action="/zoek-resultaten" method="GET" id="search-form">
3732            <i class="fa fa-search"></i>
3733            <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' />
3734            <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button>
3735          </form>
3736        </div>
3737      </div>
3738    </div>
3739  </div>
3740</div>
3741
3742    
3743
3744<!--In order to create the mobile version of the paths, I used https://yqnn.github.io/svg-path-editor/
3745 This editor lets you paste the path and edit it. -->
3746<div style="height:0px;">
3747  <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg" >
3748     
3749      <clipPath id="mask-top" clipPathUnits="objectBoundingBox">
3750        <path d="M0,0H1V.97s-.07,.06-.25,0-.26-.16-.45-.16-.3,.16-.3,.16V0Z" />
3751      </clipPath>
3752
3753      <clipPath id="mask-top-mobile" clipPathUnits="objectBoundingBox">
3754        <path d="m 0 0 h 1 v 0.97 s 0 0.03 -0.25 0.01 s -0.26 -0.05 -0.45 -0.065 s -0.3 0.065 -0.3 0.065 v -1.015 z" />
3755      </clipPath>
3756
3757      <clipPath id="mask-bottom" clipPathUnits="objectBoundingBox">
3758        <path d="M1,1H0V.03S.07-.03,.25,.03s.25,.18,.44,.18S1,.03,1,.03v.97Z" />
3759      </clipPath>
3760
3761      <clipPath id="mask-bottom-tablet" clipPathUnits="objectBoundingBox">
3762        <path d="m 1 1 h -1 v -0.95 s 0.1 -0.05 0.25 0 s 0.25 0.05 0.4 0.005 s 0.35 -0.05 0.35 -0.05 v 0.97 z" />
3763      </clipPath>
3764
3765      <clipPath id="mask-bottom-mobile" clipPathUnits="objectBoundingBox">
3766        <path d="m 1 1 h -1 v -0.98 s 0.1 -0.01 0.25 0 s 0.3 0.02 0.4 0.02 s 0.35 -0.05 0.35 -0.03 v 0.97 z" />
3767      </clipPath>
3768    
3769
3770    
3771
3772    
3773
3774  </svg>
3775</div>
3776
3777    
3778
3779
3780
3781  </body>
3782</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.