PageSourceSearch

https://www.stadwageningen.nl/login

html stadwageningen.nl collected 2026-09-24 22:47:56 UTC 29,925 bytes, 1,253 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8"/>
5    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6    <title>Inloggen</title>
7
8    
9
10
11<script>
12if (
13    !window.location.pathname.startsWith('/builder') &&
14    !window.location.pathname.startsWith('/abonnement') &&
15    !window.location.pathname.startsWith('/service') &&
16    !window.location.pathname.startsWith('/account') &&
17    !window.location.pathname.startsWith('/bezorgklachten') &&
18    !window.location.pathname.startsWith('/wijzigingsformulier') &&
19    !window.location.pathname.startsWith('/archive')
20) {
21    var script = document.createElement('script');
22    script.async = true;
23    script.type = 'text/javascript';
24    script.src = 'https://mmcdn.nl/tags/bdu/stadwageningen.js';
25    document.head.appendChild(script);
26}
27</script>
27    
28
29    <style type="text/css">
30        :root {
31            --color-primary: 242, 101, 49;
32            --color-secondary: 229, 231, 235;
33            --color-premium: 0, 0, 0;
34            --color-black: 0, 0, 0;
35            --color-white: 255, 255, 255;
36            --color-gray: 128, 128, 128;
37        }
38
39        @media (prefers-color-scheme: dark) {
40            .dark\:bg-dark {
41                background-color: #121212
42            }
43        }
44    </style>
45
46<meta name="description"
47      content="Stad Wageningen .nl houdt u elke dag op de hoogte van het laatste nieuws uit Wageningen e.o.. Ook leest u hier de krant die wekelijks in Wageningen e.o. en omgeving huis-aan-huis verschijnt."/>
48
49    <link rel="icon" type="image/png"
50          href="https://storage.pubble.nl/assets/favicons/www/stadwageningen/favicon-48x48.png?v=FPRX"
51          sizes="48x48"/>
52    <link rel="icon" type="image/svg+xml"
53          href="https://storage.pubble.nl/assets/favicons/www/stadwageningen/favicon.svg?v=FPRX"/>
54    <link rel="shortcut icon"
55          href="https://storage.pubble.nl/assets/favicons/www/stadwageningen/favicon.ico?v=FPRX"/>
56    <link rel="apple-touch-icon" sizes="180x180"
57          href="https://storage.pubble.nl/assets/favicons/www/stadwageningen/apple-touch-icon.png?v=FPRX"/>
58    <link rel="shortcut icon"
59          href="https://storage.pubble.nl/assets/favicons/www/stadwageningen/favicon.ico?v=FPRX">
60    <meta name="apple-mobile-web-app-capable" content="yes">
61
62
63    <link rel="dcterms.rights" href="https://www.stadwageningen.nl/privacy" />
64
65    <meta name="twitter:site" content="stadwageningen" />
66
67    <meta property="og:site_name" content="stadwageningen.nl" />
68
69    <meta property="og:locale" content="nl_NL" />
70
71<script type="application/ld&#x2B;json">
72    {
73  "@context": "https://schema.org",
74  "@type": "WebSite",
75  "name": "stadwageningen.nl",
76  "url": "https://stadwageningen.nl/",
77  "potentialAction": {
78    "@type": "SearchAction",
79    "target": {
80      "@type": "EntryPoint",
81      "urlTemplate": "https://stadwageningen.nl/search?q={search_term_string}"
82    },
83    "queryInput": "required name=search_term_string"
84  }
85}
86</script>
86
87    
88
89
90<script type="text/javascript">
91    var exports = {};
92    var pubbleEnv = {
93        pubbleContentApiKey: 'V8AzH2Ut20LxT66L6h/Pag==',
94        pubbleContentApiHash: 'bmhiZHVkYXRhfDEwOHxzdGFkd2FnZW5pbmdlbi5ubA==',
95        domain: 'stadwageningen.nl',
96        language: 'nl',
97        commonDomain: '',
98        userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null,
99        subscriptions: null,
100        pushEnabled: true,
101        regionPages: false,
102        regionPagesAutoRedirect: false,
103        isAuthenticated: false,
104        hasPrivileges: false,
105        region: '',
106    };
107    var lureArticle = {
108        articleAccessLevel: 'null',
109        userAccessLevel: 'Visitor',
110        articlesLeft: -1,
111        articleId: null,
112        hasAccess: false,
113        giftToken: '',
114        articleHeadline: '',
115        articleType: 'null',
116        authorIds: [],
117        articleContentType: 'null',
118        articleIsLiveBlog: false,
119        articleCategory: '',
120        articleSubcategory: '',
121        articleStatus: 'inactive',
122        articleSource: '',
123        articleAuthors: '',
124        articleDate: ''
125    }
126
127    var pubbleStatsContext = null;
128
129    window.dataLayer = window.dataLayer || [];
130
131    window.dataLayer.push({
132        'articleId': null,
133        'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.',
134        'pageType': 'home',
135        'region': ''
136    });
137</script>
137
138    
139    <link rel="canonical" href="/login"/>
140
141
142    <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/>
143    <style>[x-cloak] {
144            display: none !important;
145        }
146    </style>
147<style type="text/css">
148@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,500,700|Domine:400,500,600,700');
149
150body {
151font-family: "Poppins",Helvetica,Arial,sans-serif !important;
152font-weight: 300;
153counter-reset: section;
154}
155
156.link  {
157color: #95C120; 
158font-size: 13px;
159}
160
161.ikstem {
162     background-color: #e60e1a;
163     color: #ffffff;
164}
165
166
167/* TYPOGRAPHY */
168
169.domine {
170font-family: 'Domine', serif;
171}
172
173.poppins {
174font-family: "Poppins",Helvetica,Arial,sans-serif !important;
175}
176
177h1, h2, h3, h4 {
178font-family: 'Domine', serif;
179}
180
181h3 {
182font-size: 26px;
183font-weight: 400;
184}
185
186
187.counter::before {
188  counter-increment: section;  
189content: counter(section);
190font-size: 24px;
191font-weight: 600;
192color: #E1E3E8;
193display: inline-block;
194margin-right: 32px;
195white-space: pre-wrap;
196  text-decoration:underline;
197text-decoration-color: #FFFFFF;
198float: left;
199min-height: 110%;
200}
201
202
203h4 {
204font-size: 20px!important;
205}
206
207.font-normal {
208font-weight: 300;
209}
210
211.font-13 {
212font-size: 13px;
213}
214
215.font-14 {
216font-size: 14px;
217}
218
219.font-15 {
220font-size: 15px;
221}
222
223.font-28 {
224font-size: 28px;
225}
226
227.undertitle {
228font-size: 14px;
229font-weight: 300;
230color: #5E5E5E;
231margin-bottom: 12px;
232}
233
234.feed-main-item:hover {
235transition: 0.3s;
236}
237
238.uitgelicht-item:hover #feed-title, .main-feed-item:hover #feed-title, .rail-item:hover #feed-title {
239text-decoration: underline;
240}
241
242.main-feed-item:hover #feed-img {
243opacity: 0.9;
244}
245
246.image-block:hover #feed-title {
247text-decoration: underline;
248text-decoration-color: white;
249 transition: 0.3s;
250}
251
252#feed-title {
253text-decoration-color: transparent;
254}
255
256#feed-title:not(:hover) {
257 transition: 0.3s;
258 } 
259
260.bullet::before {
261    display: inline-block;
262    content: '';
263    -webkit-border-radius: 20px;
264    border-radius: 20px;
265    height: 4px;
266    width: 4px;
267    margin-left: 8px;
268    margin-right: 8px;
269    margin-bottom: 2px;
270background-color: #B4B4B4;
271}
272
273.pbph span:hover {
274 text-decoration: underline;
275cursor: pointer;
276}
277
278
279
280/* ------------------- */
281
282
283
284/* SPACING */
285
286.margin-bottom-16 {
287margin-bottom: 16px;
288}
289
290.margin-bottom-24 {
291margin-bottom: 24px;
292}
293
294.mt-4px {
295margin-top: 4px!important;
296}
297
298.ml--32px {
299margin-left: -32px;
300}
301
302.ml-10px {
303margin-left: 10px!important;
304}
305
306/* ------------------- */
307
308
309/* BUTTONS */
310
311.button-default {
312background-color: rgb(240, 140, 0, .1);
313 transition: 0.3s;
314font-weight: 400;
315}
316
317.button-default:hover {
318background-color: rgb(240, 140, 0, .20);
319color: #95C120;
320}
321
322.button-icon {
323display: inline-block;
324margin-bottom: -3px;
325}
326
327.button-menu {
328padding: 4px 8px;
329font-size: 13px;
330border-radius: 5px;
331 transition: 0.3s;
332font-weight: 400;
333}
334
335.primary {
336background-color: #95C120;
337color: #FFFFFF;
338}
339
340.primary:hover {
341background-color: #C25127;
342}
343
344.secondary {
345background-color: #FDF2EE;
346color: #F26531;
347}
348
349.secondary:hover {
350background-color: #FBD6C8;
351color: #C25127;
352}
353
354.premium {
355background-color: #FDBB00;
356color: #000000;
357}
358.plus-kleur {
359color: #f26531;
360}
361.grey {
362background-color: #EEF1F8;
363color: #000000;
364}
365
366/* OTHER */
367
368.uitgelicht {
369background-color: #F5F8FD;
370padding: 24px
371}
372
373.bg-uitgelicht {
374background-color: #F5F8FD;
375}
376
377.advertentie {
378background-color: #F8F9FB;
379padding: 24px
380}
381
382.tag {
383padding: 4px 6px;
384letter-spacing: 0.5px;
385text-transform: uppercase;
386margin-bottom: 8px;
387display: inline-block;
388font-family: Poppins;
389font-size: 11px;
390}
391
392#category {
393background-color: #F5F8FD;
394color: #000000;
395font-weight: 300;
396border-radius: 4px;
397}
398
399#category-premium {
400background-color: #F5F8FD;
401color: #000000;
402font-weight: 300;
403border-radius: 0 4px 4px 0;
404}
405
406#category-light {
407background-color: #FFFFFF;
408color: #000000;
409}
410
411#premium-article {
412background-color: #FFFFFF;
413color: #000000;
414font-weight: 400;
415border-radius: 0 4px 4px 0;
416}
417
418#category-premium-light {
419background-color: rgba(255, 255, 255, 0.9);
420color: #1E1E1E;
421font-weight: 400;
422border-radius: 0 4px 4px 0;
423}
424
425#premium {
426background-color: #FDBB00;
427color: #000000;
428font-weight: 400;
429border-radius: 4px 0 0 4px;
430margin-right: -4px;
431}
432
433#premium-small {
434    background-color: #FDBB00;
435    color: #000000;
436    font-weight: 400;
437    border-radius: 3px;
438    font-size: 10px;
439    padding: 0px 4px!important;
440    margin-bottom: 0px;
441    line-height: 2;
442}
443
444#eeneentwee {
445    background-color: #cf3917;
446    color: #FFFFFF;
447    font-weight: 400;
448    border-radius: 3px;
449    font-size: 10px;
450    padding: 0px 4px!important;
451    margin-bottom: 0px;
452    line-height: 2;
453}
454
455#premium-large {
456background-color: #FDBB00;
457color: #1E1E1E;
458font-weight: 500;
459border-radius: 4px;
460font-size: 12px;
461padding: 1px 6px!important;
462margin-bottom: 0px!important;;
463line-height: 2.2;
464margin-left: 2px;
465margin-right: 2px;
466}
467
468#premium-xl {
469background-color: #FDBB00;
470color: #1E1E1E;
471font-weight: 500;
472border-radius: 5px;
473font-size: 16px;
474padding: 2px 10px!important;
475margin-bottom: 0px!important;;
476line-height: 2.2;
477margin-left: 2px;
478margin-right: 2px;
479}
480
481.main-feed-item:last-of-type {
482border-bottom: 0px;
483}
484
485.main-feed-item {
486border-bottom-color: rgb(229, 231, 235);
487border-bottom-width: 1px;
488}
489
490.rail-item:last-of-type {
491border-bottom: 0px!important;
492}
493
494.divcounter::before {
495  counter-increment: section;  
496}
497
498.bg-light-grey {
499background-color: #FAFAFA;
500}
501
502.journalist-avatar {
503 background-image: url("https://pubblestorage.blob.core.windows.net/96897487/content/originals/2023/2/5469687b-b8d0-419c-958a-f862397af380_thumb.jpg");
504background-size: contain;
505    border: 1px solid #CCCCCC;
506width: 56px;
507height:56px;
508margin-right: 16px;
509border-radius: 100px;
510}
511
512
513ul.checkmark li:after {
514content: " ";
515    display: inline-block;
516    width: 0.5em;
517    height: 12px;
518    border: solid #27DF5B;
519    border-width: 0 3px 3px 0;
520    position: relative;
521    float: left;
522    left: 4px;
523    margin-right: 16px;
524    margin-top: 3px;
525    -webkit-transform: rotate(45deg);
526    -moz-transform: rotate(45deg);
527    -o-transform: rotate(45deg);
528    transform: rotate(45deg);
529}
530
531@media (min-width: 768px) {
532  .md\:float-right {
533    float: right;
534  }
535}
536
537
538
539/* ----- APP LANDING PAGE / START ---------*/
540
541 .appHeaderWrapper:before {
542     content: '';
543     position: absolute;
544     top: 0;
545     left: 50%;
546     transform: translateX( -50%);
547     height: 440px;
548     width: 100vw;
549     background: #F5F8FD;
550     z-index: -1;
551}
552 .appHeaderWrapper {
553     margin-top: -40px;
554     position: relative;
555}
556 .appHeaderWrapper h1 {
557     font-size: 50px!important;
558}
559 .appHeaderLeft {
560     width: 45%;
561     float: left;
562     margin-top: 110px;
563}
564 @media screen and (max-width: 600px) {
565     .appHeaderLeft {
566         margin-top: 40px;
567         margin-bottom: 32px;
568    }
569     .appHeaderRight img {
570         margin-top: 0px!important;
571    }
572     .appHeaderWrapper h1 {
573         font-size: 40px!important;
574         padding-left: 8px;
575         padding-right: 8px;
576    }
577}
578 .appHeaderRight {
579     width: 50%;
580     float: left;
581     margin-left: 4%;
582}
583 .appHeaderRight img {
584     max-width: 80vw;
585     margin-top: 80px;
586}
587 .appHeaderUSP ul {
588     list-style: none;
589}
590 .appHeaderUSP ul li:before {
591     content: '✓';
592     color: #31B93F;
593     padding-right: 16px;
594     margin-left: -16px;
595}
596 @media screen and (min-width: 600px) {
597     .appContentWrapperMobile {
598         visibility: hidden;
599         display: none;
600         padding-left: 24px;
601    }
602}
603 @media screen and (max-width: 600px) {
604     .appContentWrapper {
605         visibility: hidden;
606         display: none!important;
607    }
608}
609 @media screen and (max-width: 600px) {
610     .appHeaderLeft, .appHeaderRight {
611         width: 100%!important;
612    }
613}
614 #mobileTitle {
615     margin-top: 32px;
616     font-size: 24px;
617}
618 .appContentMobile {
619     padding: 0 8px;
620}
621 .buttons {
622     text-align: center;
623}
624 .buttons img {
625     max-width: 70vw;
626     padding: 24px;
627}
628 .appContentWrapper {
629     overflow: hidden;
630     display: inline-block;
631     padding-top: 24px;
632     padding-bottom: 32px;
633     width: 100%;
634}
635 .appTitle {
636     font-weight: 600;
637     font-size: 32px;
638}
639 .appContentLeft {
640     float: left;
641     width: 65%;
642     line-height: 2;
643}
644 .appContentRight {
645     float: left;
646     margin-left: 64px;
647}
648 .appFooterWrapper:before {
649     content: '';
650     position: absolute;
651     top: 0;
652     left: 50%;
653     transform: translateX( -50%);
654     height: 440px;
655     width: 100vw;
656     background: #F8F8F8;
657     z-index: -1;
658}
659 .appFooterWrapper {
660     margin-top: 40px;
661     padding-top: 56px;
662     position: relative;
663}
664 .appFooterContent {
665     text-align: center;
666}
667/* ----- APP LANDING PAGE / END ---------*/
668
669/* ----- 150 DAGEN AANBIEDING / START ---------*/
670
671* {
672  box-sizing: border-box;
673}
674
675.headerWrapper h1 {
676    font-size: 60px;
677}
678
679h2 {
680    font-size: 24px;
681}
682
683.orange {
684    color:  #F05A2B;
685}
686
687.headerWrapper {
688    max-width: 1200px;
689    margin: 0 auto;
690    padding-top: 32px;
691    position: relative;
692    margin-top: -40px;
693min-height: 600px;
694}
695
696.headerWrapper:before {
697    content: '';
698    position: absolute;
699    top: 0;
700    left: 50%;
701    transform: translateX( -50%);
702    height: 80%;
703    width: 100vw;
704    background: #F5F5F5;
705    z-index: -1;
706margin-bottom: 0px;
707    }
708
709
710.promoBanner {
711    background: #A2F2D5;
712    color:  #000000;
713    padding: 10px 0;
714    text-align: center;
715    font-size: 14px;
716    font-weight: 700;
717    letter-spacing: 0.5px;
718}
719
720
721.column {
722  float: left;
723}
724
725.row:after {
726  content: "";
727  display: table;
728  clear: both;
729}
730
731#heroLeft {
732    width: 888px;
733}
734
735.headerUSP ul {
736  list-style: none;
737  font-weight: 300;
738}
739
740.headerUSP li {
741    padding:  0px;
742    margin-left:  -24px;
743}
744
745.headerUSP ul li:before {
746    content: '✓';
747    color: #31B93F;
748    padding-right: 16px;
749    margin-left: -16px;
750}
751
752
753.promoUSP ul {
754  list-style: none;
755  font-weight: 300;
756  font-size: 14px;
757  color: #555555;
758}
759
760.promoUSP li {
761    padding:  4px;
762    margin-left:  -24px;
763}
764
765.promoUSP ul li:before {
766    content: '✓';
767    color: #31B93F;
768    padding-right: 8px;
769    margin-left: -16px;
770}
771
772
773.footer {
774    width: 100%;
775    height: 400px;
776    background-color: #CCC;
777}
778
779
780#heroRight {
781    width:  312px;
782    background-color:#FFFFFF;
783    float: right;
784position: fixed;
785    display: inline;
786    border-radius:  8px;
787    box-shadow: 0px 0px 14px 0px #0000000A;
788    overflow: hidden;
789    border: 1px solid #E6E6E6;;
790}
791
792.beforePrice {
793    font-size: 19px;
794    color:  #A1A1A1;
795    margin-right: 16px;
796    text-decoration: line-through;
797}
798
799.afterPrice {
800    font-size: 40px;
801    font-weight: 700;
802}
803
804.priceSubtitle {
805   margin-left: 8px;
806   color:  #A1A1A1; 
807}
808
809.promoBlock1 {
810    padding: 24px;
811}
812
813
814.promoBlock2 {
815    border-top:  1px solid #E6E6E6;
816    padding: 8px 24px 8px 32px;
817    background-color: #FAFAFA;
818
819}
820
821.mainCTA {
822    width: 100%;
823    display: block;
824    background-color: #F05A2B;
825    color: #FFFFFF;
826    padding: 12px 0;
827    border: none;
828    border-radius: 6px;
829    font-size: 15px;
830    font-weight: 600;
831    text-align: center;
832    text-decoration: none;
833    letter-spacing: 0.5px;
834    transition: 500ms;
835}
836
837.mainCTA:hover {
838    background-color: #D85127;
839
840}
841
842#mobileCTA {
843    width: calc(100% - 32px)!important;
844    margin-left: 16px;
845    margin-bottom: 32px;
846    margin-top: 32px;
847    display: none;
848}
849
850.heroImage {
851    margin-top:  56px;
852    padding-right: 24px;
853}
854
855.heroImage img {
856    max-width: 40%;
857}
858
859.pageContentWrapper {
860    max-width: 1200px;
861    margin:  0 auto;
862    padding-top:  56px;
863}
864
865
866.content {
867    max-width: 856px;
868}
869
870.contentBlock {
871    width: 100%;
872    display: inline-block;
873    border:  1px solid #E6E6E6;
874    border-radius: 8px;
875    box-shadow: 0px 0px 14px 0px #0000000A;
876    padding:  32px;
877    height: 100%;
878}
879
880.contentBlockLeft {
881    width: 70%;
882    float: left;
883}
884
885.contentBlockTitle {
886    font-size: 22px;
887    font-weight: 700;
888    margin-bottom: 16px;
889}
890
891.contentBlockText {
892    font-size: 16px;
893    padding-right: 24px;
894    line-height: 1.8;
895    color: #555555;
896    font-weight: 400;
897}
898
899.contentBlockRight {
900    width: 30%;
901    float: right;
902}
903
904.marginbottom40 {
905    margin-bottom: 40px;
906}
907
908.plus {
909    text-align: center;
910    width: 100%;
911    margin:  16px 0;
912}
913
914@media screen and (max-width: 800px) {
915  .column {
916    width: calc(100% - 32px)!important;
917  }
918  #heroRight {
919    position: relative;
920    display: inline-block;
921    margin-top:  40px;
922   margin-left: 16px;
923   margin-bottom: 40px;
924   float: unset;
925  }
926  .pageContentWrapper {
927    padding: 0;
928    width: calc(100vw - 40px)!important;
929  }
930.contentBlock {
931margin-bottom: -8px;
932}
933.contentBlockLeft {
934width: 100%!important;
935}
936    .contentBlockRight {
937    position: relative;
938width: 100%!important;
939}
940  .contentBlockRight img {
941    max-width: 100%;
942margin-top: 24px!important;
943  }
944.contentBlockText {
945font-size: 14px;
946padding-right: 0px;
947line-height: 1.4;
948}
949  #mobileCTA {
950    display: inline-block;
951  }
952}
953
954.heroImage img {
955    max-width: 100%!important;
956}
957
958@media screen and (max-width: 1260px) {
959   #heroLeft{
960    width: calc(100vw - 360px);
961    padding-left: 32px;
962}
963.pageContentWrapper {
964    width: calc(100vw - 396px);
965    margin: 16px 16px 0 16px;
966}
967
968.contentBlockRight img {
969    max-width: 100%;
970}
971}
972
973
974@media (min-width: 768px) {
975  .md\:h-20 {
976    height: 5rem;
977  }
978}
979
980@media (min-width: 768px) {
981  .md\:h-24 {
982    height: 6rem;
983  }
984}
985
986</style>
987
988<meta name="google-site-verification" content="O53MeeqPwLgudNcFBckcCuXobf3dwOEEDL7VOH9Mv-o">
988<script>
vendor: 327 bytes, lines 988-992
988(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
989new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
990j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
991'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
992})(window,document,'script','dataLayer','
992GTM-NQ3B68M
vendor: 3 bytes, line 992
992');
992</script>
992
993<!-- End Google Tag Manager --></head>
994<body>
vendor: 68 bytes, lines 994-995
994
995<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
995GTM-NQ3B68M
vendor: 83 bytes, lines 995-996
995"
996height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
997<!-- End Google Tag Manager (noscript) --><style type="text/css">
998
999/* Iframe &amp; wrapper styling */
1000.video-wrapper {
1001  position: relative;
1002  overflow: hidden;
1003
1004  /* Apply 'padding-top' for correct aspect ratio */
1005  padding-top: 56.25%; /* 16:9 aspect ratio */
1006  /* padding-top: 42.85%;  */ /* 21:9  aspect ratio */
1007  /* padding-top: 75%;     */ /*  4:3  aspect ratio */
1008  /* padding-top: 100%;    */ /*  1:1  aspect ratio */
1009  /* padding-top: 66.67%;  */ /*  3:2  aspect ratio */
1010  /* padding-top: 177.78%; */ /*  9:16 aspect ratio */
1011}
1012
1013.video-wrapper iframe {
1014  width: 100%;
1015  height: 100%;
1016  position: absolute;
1017  left: 0;
1018  top: 0;
1019  border: 0;
1020}
1021
1022
1023
1024</style>
1025
1026
1027
1028
1029
1030<main role="main" class="account__main bg-primary min-h-screen">
1031    <div style="min-height: calc(100vh - 49px);"
1032         class="account__container  flex flex-col justify-center sm:mx-auto sm:max-w-lg">
1033        <div class="account__body bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
1034
1035                <div class="account__logo">
1036                    <a href="/" class="w-full">
1037                        <img  src="https://storage.pubble.nl/assets/logo/www/stadwageningen/logo.jpg?v=Io5p" class="w-full" alt="Logo stadwageningen.nl">
1038                    </a>
1039                </div>
1040
1041            
1042
1043
1044
1045
1046
1047<span class="text-lg block font-medium mt-10">Om verder te gaan kun je hier inloggen</span>
1048<span>
1049    Geen account? <a class="text-primary" href="/register">Registreer dan hier</a>
1050</span>
1051
1052
1053
1054
1055<div class="mt-10 mb-10">
1056    <form class="space-y-4" method="post">
1057        <div>
1058            <label for="email" class="block text-sm font-medium text-gray-700">
1059                E-mailadres
1060            </label>
1061            <div class="mt-1">
1062                <input id="email" name="email" type="email" autocomplete="username" required class="h-12 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
1063            </div>
1064        </div>
1065
1066        <div>
1067            <label for="password" class="block text-sm font-medium text-gray-700">
1068                Wachtwoord
1069            </label>
1070            <div class="mt-1 relative" x-data="{ show: true }">
1071                <input id="password" name="password" type="password" :type="show ? 'password' : 'text'" autocomplete="current-password" required class="h-12  appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
1072                
1073                <div class="absolute inset-y-0 right-0 pr-3 flex items-center text-sm leading-5">
1074                
1075                    <svg x-cloak class="h-4 text-gray-700" fill="none" @click="show = !show"
1076                         :class="{'hidden': !show, 'block':show }" xmlns="http://www.w3.org/2000/svg"
1077                         viewbox="0 0 576 512">
1078                        <path fill="currentColor"
1079                              d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z">
1080                        </path>
1081                    </svg>
1082                
1083                    <svg x-cloak class="h-4 text-gray-700" fill="none" @click="show = !show"
1084                         :class="{'block': !show, 'hidden':show }" xmlns="http://www.w3.org/2000/svg"
1085                         viewbox="0 0 640 512">
1086                        <path fill="currentColor"
1087                              d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.7
10875 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z">
1088                        </path>
1089                    </svg>
1090                
1091                </div>
1092                
1093            </div>
1094        </div>
1095
1096        <div>
1097            <button type="submit" class=" w-full flex justify-center py-4 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-primary hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
1098                Inloggen
1099            </button>
1100        </div>
1101
1102        <div class="text-sm text-center">
1103            <p>
1104                <a href="/wachtwoord-vergeten" class="font-medium text-indigo-600 hover:text-indigo-500">
1105                    Wachtwoord vergeten?
1106                </a>
1107            </p>
1108            <p>
1109                <a href="/wachtwoord-vergeten/magic" class="font-medium text-indigo-600 hover:text-indigo-500">
1110                    Inloggen zonder wachtwoord
1111                </a>
1112            </p>
1113        </div>
1114    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8N_Wzxju9H5MmCNRUVPJwbEm-rvIB_BB2e3kNl65qyg4XpdftsRyjJAqGZpZzZbIHT-Y6x02OcA-WmFbELAdQVNkpM2MjDtWdqjHhwcHIQjmAEApymvLnLhLaRt10ZHprw7rCqMIM6YJ4bOeYzBZqcA" /></form>
1115</div>
1116
1117    <div class="mt-6">
1118        <div class="relative">
1119            <div class="absolute inset-0 flex items-center">
1120                <div class="w-full border-t border-gray-300"></div>
1121            </div>
1122            <div class="relative flex justify-center text-sm">
1123                <span class="px-2 bg-white text-gray-500">
1124                    Of doorgaan met
1125                </span>
1126            </div>
1127        </div>
1128
1129        <div class="mt-6 grid gap-3">
1130            <a href="?handler=External&provider=google" class="block grid">
1131                <button type="button" class="group h-12 px-6 border border-gray-300  transition duration-300 
1132 hover:border-blue-400 focus:bg-blue-50 active:bg-blue-100 rounded-md">
1133                    <div class="relative flex items-center space-x-4 justify-center">
1134                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48">
1135                            <defs>
1136                                <path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"></path>
1137                            </defs>
1138                            <clipPath id="b">
1139                                <use xlink:href="#a" overflow="visible"></use>
1140                            </clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"></path><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"></path><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"></path><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"></path>
1141                        </svg> <span class="block w-max font-semibold tracking-wide text-gray-700 text-sm transition duration-300 group-hover:text-blue-600 sm:text-base">Inloggen met Google</span>
1142                    </div>
1143                </button>
1144            </a>
1145
1146            <a href="?handler=External&provider=live" class="block grid">
1147                <button type="button" class="group h-12 px-6 border border-gray-300  transition duration-300 
1148           hover:border-blue-400 focus:bg-blue-50 active:bg-blue-100 rounded-md">
1149                    <div class="relative flex items-center space-x-4 justify-center">
1150                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21">
1151                            <rect x="1" y="1" width="9" height="9" fill="#f25022"></rect><rect x="1" y="11" width="9" height="9" fill="#00a4ef"></rect><rect x="11" y="1" width="9" height="9" fill="#7fba00"></rect><rect x="11" y="11" width="9" height="9" fill="#ffb900"></rect>
1152                        </svg>
1153                        <span class="block w-max font-semibold tracking-wide text-gray-700 text-sm transition duration-300 group-hover:text-blue-600 sm:text-base">Inloggen met Microsoft</span>
1154                    </div>
1155                </button>
1156            </a>
1157            
1158        </div>
1159
1160        <div class="mt-20">
1161            <div class="text-sm">
1162                Deze website gebruikt cookies. <a href="/privacy" class="text-primary">Privacy</a>.
1163            </div>
1164        </div>
1165    </div>
1166
1167        </div>
1168    </div>
1169</main>
1170
1171<footer class="bg-black md:sticky md:bottom-0 w-full" aria-labelledby="footer-heading">
1172    <div class="max-w-7xl mx-auto p-3">
1173        <p class="text-xs text-white">
1174            Het is niet toegestaan teksten, foto’s of enig onderdeel van deze website over te nemen of te verspreiden zonder uitdrukkelijke toestemming van de uitgever.
1175            Gemaakt met
1176            <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener">
1177                <img style="width: 60px; height: auto; opacity: 1;" loading="lazy" class="inline" width="60" height="25"
1178                     src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg"
1179                     data-src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" alt="">
1180            </a>
1181        </p>
1182    </div>
1183</footer>
1184
1185
1186
1187
1188    
1188<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260924-1"></script>
vendor: 1 bytes, line 1188
1188
1189<script type="text/javascript" src="/lure/js/pubble/lures.js"></script>
vendor: 1 bytes, line 1189
1189
1190<script type="text/javascript" src="/js/pubble.autocomplete.js"></script>
1190
1191
1192<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
vendor: 1 bytes, line 1192
1192
1193<script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js"></script>
1193
1194
1195
1196
1197<style type="text/css">
1198
1199.prose :where(h2):not(:where([class~=not-prose] *)) {
1200color: #111827;
1201font-size: 100% !important;
1202font-weight: 700;
1203line-height: 1.000000;
1204margin-bottom: 0em !important;
1205margin-top: 0.15em !important;
1206float: left;
1207margin-right: 4px !important;
1208}
1209
1210.prose :where(a):not(:where([class~=not-prose] *)) {
1211   --tw-text-opacity: 1;
1212    color: rgba(var(--color-primary),var(--tw-text-opacity));
1213    font-weight: 500;
1214    text-decoration: underline;
1215}
1216
1217
1218.articlediv q {
1219    display: inline-block;
1220    float: left !important;
1221    font-size: 130%;
1222    font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
1223    font-weight: bold !important;
1224    margin-top: 0px;
1225    margin: 30px;
1226    position: relative;
1227    width: 220px !important;
1228}
1229
1230.STREAMER {
1231    display: inline-block;
1232    float: left !important;
1233    font-size: 130%;
1234    font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
1235    font-weight: bold !important;
1236    margin-top: 0px;
1237    margin: 30px;
1238    position: relative;
1239    width: 220px !important;
1240}
1241
1242.inarticle-related a {
1243    color: inherit;
1244    text-decoration: inherit;
1245    margin-bottom: 1rem;
1246}
1247
1248
1249
1250</style>
1251
1252</body>
1253</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.