@font-face { font-family: "Amelia"; src: url("/fonts/TipoType - Amelia.woff"); }

@font-face { font-family: "AmeliaUP"; src: url("/fonts/TipoType - AmeliaUP.woff"); }

@font-face { font-family: "Amelia"; src: url("/fonts/TipoType - Amelia.otf"); }

@font-face { font-family: "AmeliaUP"; src: url("/fonts/TipoType - AmeliaUP.otf"); }

@font-face { font-family: "AmeliaUPLight"; src: url("/fonts/TipoType - AmeliaUP-Light.otf"); }

@font-face { font-family: "AmeliaUPBold"; src: url("/fonts/TipoType - AmeliaUP-Bold.otf"); }

/* icons */
a.micon { display: block; color: white; position: relative; transition: transform 0.1s ease-in-out; }

a.micon.twitter, a.micon.facebook, a.micon.linkedin, a.micon.youtube, a.micon.instagram, a.micon span { float: left; display: block; margin: 0px 8px 0 0; width: 28px; height: 28px; background-size: 28px 56px; background-repeat: no-repeat; }

a.micon span { float: none; position: absolute; left: 0; top: 0; }

a.micon.mail span { background-image: url(../gfx/icon-mail.png); }

a.micon.facebook span { background-image: url(../gfx/icon-facebook.png); }

a.micon.linkedin span { background-image: url(../gfx/icon-linkedin.png); }

a.micon.youtube span { background-image: url(../gfx/icon-youtube.png); }

a.micon.twitter span { background-image: url(../gfx/icon-twitter.png); }

a.micon.telefoon span { background-image: url(../gfx/icon-telefoon.png); }

a.micon.coronatel span { background-image: url(../gfx/icon-corona-tel.png); }

a.micon.ukrainetel span { background-image: url(../gfx/icon-ukraine-tel.png); }

a.micon.instagram span { background-image: url(../gfx/icon-instagram.png); }

a.micon.marker span { background-image: url(../gfx/icon-marker.png); }

div.foot { color: white; background: #65b10a; padding: 30px 0; min-height: 110px; font-size: 85%; }

div.foot h2 { font-size: 120%; color: white; text-align: left; }

div.foot div.socialmedia { width: 32%; float: left; padding-left: 20px; }

div.foot a.activiteiten { display: block; clear: left; color: white; }

div.foot address { font-style: normal; font-size: 100%; color: white; padding: 6px 0; }

div.foot div.telefoon, div.foot div.mail { float: left; font-size: 100%; padding: 6px 0; margin: 0 20px 0 0; }

div.foot a.micon.marker { margin-bottom: 20px; }

div.foot div.adres { padding: 6px 0; margin-left: 714px; }

h1 { font-size: 40px; margin: 0 0 0.5em; font-weight: bold; font-family: "AmeliaUP"; color: #4c80c1; }

h2 { font-size: 27px; color: #717171; margin: 0 0 0.8em 0; font-family: "AmeliaUP"; }

h3 { font-size: 18px; color: #717171; margin: 0 0 0.2em 0; font-family: "AmeliaUP"; }

p { font-size: 90%; line-height: 1.4em; margin: 0 0 1.4em; }

table td { font-size: 90%; }

div.intro { font-weight: bold; font-size: 115%; }

@media screen and (max-width: 820px) { body.index div.wrapper, body.voor-wie div.wrapper, body.activiteiten.level1 div.wrapper, body.nieuws.level1 div.wrapper { position: static; margin: 0; } a.micon { position: relative; } a.micon.twitter, a.micon.facebook, a.micon.linkedin, a.micon.youtube, a.micon.instagram, a.micon span { width: 48px; height: 48px; background-size: 48px 96px; background-repeat: no-repeat; } a.micon span { position: absolute; left: 0; top: 0; } a.micon.twitter:hover, a.micon.facebook:hover, a.micon.linkedin:hover, a.micon.youtube:hover, a.micon.instagram:hover, a.micon:hover span { /*transform:scale(1.2);*/ background-position: 0 -48px; } div.menu { top: -1463px; } div.menu ul.menu1 { line-height: 1.5em; width: auto; margin: 0 auto; padding: 20px 20px 0 20px; -moz-column-count: auto; -moz-column-gap: 0px; -webkit-column-count: auto; -webkit-column-gap: 0px; -ms-column-count: auto; -ms-column-gap: 0px; column-count: auto; column-gap: 0px; } div.menu ul.menu1 > li { font-size: 155%; } div.menu a.menu img { width: 66px; left: 88px; bottom: -70.75px; /*box-shadow:0px 0px 20px rgba(0,0,0,0.5); */ } div.header { height: 230px; margin: 0 0 10px; } div.header div.wrapper { padding: 177px 0 0 0; } div.header img.logo { width: 66px; float: none; position: absolute; left: 14px; top: 0; } div.header img.sociaal-werker-logo, div.header img.sterksociaalwerk-label, div.header img.label-oekrainepunt { display: none; } div.header h1 { display: none; } div.header div.iconbalk { padding: 12px; right: 0px; top: 0; } div.header div.iconbalk div.telefoon { display: none; } div.header div.iconbalk div.coronatel { display: none; } div.header div.iconbalk a.micon.coronatel { position: static; } div.header div.iconbalk a.micon.ukrainetel { position: static; } div.header form.zoeken { top: 120px; right: 0; width: 43px; margin: 0; padding: 0; } div.header form.zoeken div.padding { padding: 12px; } div.header form.zoeken div.padding div.white { background: white; height: 33px; } div.header form.zoeken div.padding input.text { display: none; float: none; font-size: 16px; padding: 7px 17px 3px; background: white; width: 228px; } div.header form.zoeken div.padding input.submit { position: absolute; width: 33px; height: 33px; right: 10px; top: 12px; border: 2px solid white; } div.header div.pulldown { position: relative; left: 0; top: 0; width: auto; margin: 0; } div.page div.text { margin: 0 10px; } div.page div.text img { width: 100%; } div.page div.text div.partners img { width: auto; } div.page div.text div.bgslideshow { width: 100%; float: none; height: 220px; } div.page div.text div.bgslideshow div.slide { height: 220px; background-size: cover; } div.page div.text div.borders { margin: 0 20px; } div.page div.text div.borders::before { display: none; } div.page div.text div.borders::after { border-radius: 0; border: 0; border-bottom: 1px solid #65b10a; } div.page div.text div.ccc > h2 { font-size: 36px; margin: 0 20px 14px 20px; } div.page div.text div.ccc a.meer { position: static; margin: 0 20px 14px; } div.page div.text form.formulier label.radio[for="geslacht"] { display: none; } div.page div.text form.formulier input.submit { margin-left: auto; margin-right: auto; padding: 8px 40px; font-size: 16px; } div.page div.left { float: none; margin: 0; } div.page div.kader { border-radius: 0; margin: 60px 0 0 0; } div.page div.column { float: none; width: auto; margin: 0 0 70px; padding-bottom: 20px; } div.page div.column:after { border: 0; } div.page a.terug { margin-left: 10px; } div.page p { font-size: 105%; } div.page a.meer { font-size: 115%; } div.page div.find > a, div.page div.find > div.item { display: block; width: auto; margin: 0 20px 20px; font-size: 115%; } div.page div.find > a div.foto, div.page div.find > div.item div.foto { height: 168px; } div.page div.find > a div.padding h2, div.page div.find > div.item div.padding h2 { font-size: 135%; } div.page div.find > a.nieuws, div.page div.find > div.item.nieuws { width: auto; margin: 0 0 20px 0; } div.page div.find > a.nieuws div.foto, div.page div.find > div.item.nieuws div.foto { height: 220px; width: auto; float: none; } div.page div.find > a.nieuws div.padding, div.page div.find > div.item.nieuws div.padding { padding: 20px; margin: 0; } div.page div.find_grow div.bottom { border-radius: 0; border-left: 0; border-right: 0; } div.foot { padding: 0px 0 20px 0; } div.foot h2 { clear: left; padding: 20px 0 5px 0; font-size: 125%; } div.foot div.socialmedia, div.foot div.vragen { float: none; width: auto; padding: 15px; } div.foot div.icons { display: block; } div.foot a.telefoon, div.foot a.mail, div.foot a.internet, div.foot a.marker, div.foot a.alle-activeiten { display: block; float: none; font-size: 125%; padding: 15px 0 15px 60px; min-height: 30px; } div.foot div.adres { font-size: 125%; margin-left: 0; } div.foot address { display: none; } div.foot a.activiteiten { position: static; font-size: 125%; margin: 25px 0 10px 15px; padding: 0; } div.foot a.micon { margin: 0 15px 8px 0; } div.foot a { color: white; } body.activiteiten.level1 div.text, body.nieuws.level1 div.text, body.voor-wie.level2 div.text, body.thema.level2 div.text, body.welzijn-in-de-buurt.level2 div.text { margin: 0 10px; } body.index div.header { height: 230px; } body.index div.page div.text div.themas { grid-template-columns: 1fr 1fr; gap: 16px; padding: 19px; } body.index div.page div.text div.themas a.themaintro { width: 160px; height: 160px; } body.index div.page div.text div.themas a.themaintro div.inner { width: 136px; padding: 10px; top: 80px; } body.index div.page div.text div.ccc > h2 { margin: 20px 0 10px 20px; } body.index div.page div.kaders { position: static; top: auto; width: auto; } body.index div.page div.kaders div.aaa, body.index div.page div.kaders div.bbb { border-bottom: 1px solid #65b10a; padding: 14px; width: auto; height: auto; border-radius: 0; } body.index div.page div.kaders div.aaa h1, body.index div.page div.kaders div.aaa h2, body.index div.page div.kaders div.bbb h1, body.index div.page div.kaders div.bbb h2 { font-size: 36px; font-weight: normal; line-height: 1.1em; margin: 0 0 14px; } body.index div.page div.kaders div.aaa p, body.index div.page div.kaders div.bbb p { margin: 0 0 1em; } body.index div.page div.kaders div.aaa.bbb, body.index div.page div.kaders div.bbb.bbb { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc { display: block; } body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc div.gebieden, body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc div.voorwie, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc div.gebieden, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc div.voorwie { width: auto; } body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc div.gebieden ul.menu1, body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc div.voorwie ul.menu1, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc div.gebieden ul.menu1, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc div.voorwie ul.menu1 { column-count: 1; padding: 5px 20px; } body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc div.imagemap, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc div.imagemap { margin: 0 0 30px; } body.index div.page div.kaders div.aaa.bbb div.gebieden-kaart, body.index div.page div.kaders div.bbb.bbb div.gebieden-kaart { position: static; position: relative; left: 0; top: 0; } body.index div.page div.kaders div.aaa.bbb div.gebieden-kaart img.imagemap, body.index div.page div.kaders div.bbb.bbb div.gebieden-kaart img.imagemap { left: 0; top: -15px; } body.index div.page div.kaders div.aaa.bbb ul.menu1, body.index div.page div.kaders div.bbb.bbb ul.menu1 { padding: 20px 0; font-size: 115%; -moz-column-count: auto; -moz-column-gap: 0px; -webkit-column-count: auto; -webkit-column-gap: 0px; -ms-column-count: auto; -ms-column-gap: 0px; column-count: 1; column-gap: 0px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a { display: block; padding: 0 0 4px 18px; background-image: url(../gfx/gebieden-markers.png); background-repeat: no-repeat; background-size: 15.6px 378px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a#hoofddorp-west, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a#hoofddorp-west { background-position: 0 -116.4px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a#nieuw-vennep, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a#nieuw-vennep { background-position: 0 -349.2px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a#haarlemmermeer-noord, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a#haarlemmermeer-noord { background-position: 0 -291.0px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a#hoofddorp-zuid-west, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a#hoofddorp-zuid-west { background-position: 0 -174.6px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a#hoofddorp-centrum, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a#hoofddorp-centrum { background-position: 0 -232.8px; } body.index div.page div.kaders div.aaa.bbb ul.menu1 li a#haarlemmermeer-zuid, body.index div.page div.kaders div.bbb.bbb ul.menu1 li a#haarlemmermeer-zuid { background-position: 0 -349.2px; } body.index div.page div.kaders div.aaa.bbb div.webetui_extfunc div.voorwie ul.menu1 li a, body.index div.page div.kaders div.bbb.bbb div.webetui_extfunc div.voorwie ul.menu1 li a { background-image: url(../gfx/gebieden-markers-2.png); background-position: 0 -355px; } }

/*# sourceMappingURL=meerwaarde-mobile.css.map */