@font-face { font-family: 'FeltNoisy'; src: url("fonts/feltnoisy.eot"); src: url("fonts/feltnoisy.eot?#iefix") format("embedded-opentype"), url("fonts/feltnoisy.woff2") format("woff2"), url("fonts/feltnoisy.woff") format("woff"), url("fonts/feltnoisy.ttf") format("truetype"); } @font-face { font-family: 'FeltNoisy'; src: url("fonts/feltnoisy.eot"); src: url("fonts/feltnoisy.eot?#iefix") format("embedded-opentype"), url("fonts/feltnoisy.woff2") format("woff2"), url("fonts/feltnoisy.woff") format("woff"), url("fonts/feltnoisy.ttf") format("truetype"); } form.formulier { padding: 0 35px 40px 30px; } form.formulier h2 { font-size: 120%; border-bottom: 1px solid #c2c2c2; padding: 0 0 10px; } form.formulier div.intro { margin-bottom: 60px; } form.formulier div.group { margin-bottom: 40px; } form.formulier div.group.organisatie { display: none; } form.formulier label { font-size: 120%; display: block; margin: 0 0 6px; } form.formulier input[type=text], form.formulier textarea { display: block; margin: 0 0 15px; width: 100%; font: 17px 'Montserrat'; padding: 6px; border: 1px solid #c2c2c2; } form.formulier input[type=date] { display: block; margin: 0 0 15px; font: 17px 'Montserrat'; padding: 6px; border: 0; border: 1px solid #c2c2c2; } form.formulier input[type=number] { display: inline-block; font: 17px 'Montserrat'; padding: 6px; width: 30px; border: 1px solid #c2c2c2; } form.formulier textarea { height: 70px; } form.formulier input[type=submit] { display: inline-block; margin: 0 0 20px auto; border: 0; color: white; background: #ce1417; text-transform: uppercase; font-size: 19px; padding: 8px 16px; font-weight: 600; cursor: pointer; } form.formulier input[type=submit]:hover { background: #ef7d0a; } form.formulier div.ctl-uploadphoto label { margin-bottom: 26px; } form.formulier div.ctl-uploadphoto div.photo-droplib { display: flex; } form.formulier div.ctl-uploadphoto div.photo-drop { margin-right: 24px; cursor: pointer; width: 160px; height: 100px; padding: 60px 40px 0 40px; border: 3px dashed #c2c2c2; background: #e0e0e0; text-align: center; background-size: cover; background-position: center center; } form.formulier div.ctl-uploadphoto input[type=file] { visibility: hidden; position: absolute; } form.formulier div.ctl-uploadphoto div.photo-library { flex: 1 1 auto; } form.formulier div.ctl-uploadphoto div.photo-library div.container { display: grid; grid-gap: 6px; grid-template-columns: repeat(auto-fill, 120px); } form.formulier div.ctl-uploadphoto div.photo-library div.container div.photo { height: 80px; width: 120px; background-size: cover; background-position: center; cursor: pointer; } form.formulier div.soort label { font-weight: 700; color: #ce1417; display: block; margin: 0 0 10px; } form.formulier div.soort div.ctl-list { margin-right: 100px; } form.formulier div.soort div.ctl-list:last-child { margin-right: 0; } form.formulier div.soort div.children { display: flex; } form.formulier div.soort div.children div.ctl-listmulti.soort { min-width: 260px; } form.formulier div.radio div.item, form.formulier div.checkbox div.item { position: relative; } form.formulier div.radio div.item input[type=radio], form.formulier div.radio div.item input[type=checkbox], form.formulier div.checkbox div.item input[type=radio], form.formulier div.checkbox div.item input[type=checkbox] { position: absolute; left: -30px; display: none; } form.formulier div.radio div.item span, form.formulier div.checkbox div.item span { display: block; color: black; font-size: 120%; display: block; position: relative; padding: 6px 0 6px 32px; cursor: pointer; } form.formulier div.radio div.item span:before, form.formulier div.checkbox div.item span:before { content: ' '; display: block; width: 24px; height: 24px; background: white; border: 1px solid #c2c2c2; position: absolute; left: 0; top: 3px; } form.formulier div.radio div.item span.selected:before, form.formulier div.checkbox div.item span.selected:before { background: #ef7d0a; } form.formulier div.radio div.item input[type=text], form.formulier div.checkbox div.item input[type=text] { display: none; } form.formulier div.ctl-text.error, form.formulier div.ctl-textm.error, form.formulier div.ctl-date.error, form.formulier div.ctl-list.error, form.formulier div.ctl-listmulti.error, form.formulier div.ctl-uploadphoto.error { position: relative; } form.formulier div.ctl-text.error label, form.formulier div.ctl-textm.error label, form.formulier div.ctl-date.error label, form.formulier div.ctl-list.error label, form.formulier div.ctl-listmulti.error label, form.formulier div.ctl-uploadphoto.error label { margin-bottom: 30px; } form.formulier div.ctl-text.error div.fielderror, form.formulier div.ctl-textm.error div.fielderror, form.formulier div.ctl-date.error div.fielderror, form.formulier div.ctl-list.error div.fielderror, form.formulier div.ctl-listmulti.error div.fielderror, form.formulier div.ctl-uploadphoto.error div.fielderror { color: #d00; position: absolute; top: 30px; left: 0; } form.formulier div.ctl-text.error input[type=text], form.formulier div.ctl-text.error input[type=date], form.formulier div.ctl-text.error textarea, form.formulier div.ctl-textm.error input[type=text], form.formulier div.ctl-textm.error input[type=date], form.formulier div.ctl-textm.error textarea, form.formulier div.ctl-date.error input[type=text], form.formulier div.ctl-date.error input[type=date], form.formulier div.ctl-date.error textarea, form.formulier div.ctl-list.error input[type=text], form.formulier div.ctl-list.error input[type=date], form.formulier div.ctl-list.error textarea, form.formulier div.ctl-listmulti.error input[type=text], form.formulier div.ctl-listmulti.error input[type=date], form.formulier div.ctl-listmulti.error textarea, form.formulier div.ctl-uploadphoto.error input[type=text], form.formulier div.ctl-uploadphoto.error input[type=date], form.formulier div.ctl-uploadphoto.error textarea { border: 1px solid #d00; } form.formulier div.ctl-list.wanneer { margin-bottom: 20px; } form.formulier div.ctl-list.wanneer div.radio div.item:last-child { display: none; } form.formulier div.ctl-list.error label, form.formulier div.ctl-listmulti.error label { color: #d00; margin-bottom: 50px; } form.formulier div.ctl-textm { margin-bottom: 35px; } form.formulier div.ctl-listmulti, form.formulier div.ctl-list { margin-bottom: 15px; } form.formulier div.ctl-listmulti label, form.formulier div.ctl-list label { display: none; } form.formulier div.req label:after { content: '*'; color: #d00; margin: 0 4px; } form.formulier div.ctl-repeatdate > label { display: none; } form.formulier div.ctl-repeatdate div.checkbox { display: none; } form.formulier div.ctl-repeatdate input[type=date], form.formulier div.ctl-repeatdate input[type=number] { display: inline; padding: 3px; font-size: 14px; } form.formulier div.ctl-repeatdate div.repeatdate { max-height: 0; overflow: hidden auto; transition: max-height 0.3s ease 0s; } form.formulier div.ctl-repeatdate div.repeatdate.selected { max-height: 200px; } form.formulier div.ctl-repeatdate div.radio div.item { position: relative; padding: 2px 0 2px 24px; min-height: 26px; } form.formulier div.ctl-repeatdate div.radio div.item span:before { content: ' '; display: block; width: 18px; height: 18px; border-radius: 18px; background: white; border: 1px solid #c2c2c2; position: absolute; left: 0; top: 5px; } form.formulier div.ctl-repeatdate div.radio div.item span.selected:before { background: #ef7d0a; } form.formulier div.ctl-repeatdate span.wdays a.wday { display: inline-block; color: black; background: white; text-decoration: none; text-align: center; line-height: 24px; font-size: 14px; width: 24px; height: 24px; border: 1px solid #c2c2c2; border-radius: 20px; margin: 0 4px; } form.formulier div.ctl-repeatdate span.wdays a.wday.selected { background: #ef7d0a; } form.formulier div.ctl-repeatdate div.period { margin: 15px 20px 20px; font-size: 14px; } form.formulier div.ctl-repeatdate div.item { font-size: 14px; margin: 0 0 5px; } form.formulier div.ctl-repeatdate div.end { font-size: 14px; margin: 15px 20px 15px; padding-left: 70px; position: relative; } form.formulier div.ctl-repeatdate div.end label { font-size: 14px; display: block; position: absolute; left: 0; top: 6px; } form.formulier div.ctl-repeatdate div.end input[type=date], form.formulier div.ctl-repeatdate div.end input[type=number] { margin: 0 0 0 30px; } body { margin: 0; padding: 0; font-size: medium; font-family: 'Montserrat', sans-serif; overflow-x: hidden; } div.wrapper { width: 875px; margin: 0 auto; position: relative; } header { position: relative; height: 260px; width: 100%; overflow: hidden; background: white; } body.activiteit.level1 header, body.nieuws.level1 header { background: #e8e8e8; } header div.hdr-foto-corner { position: relative; overflow: hidden; left: -60px; padding-left: 60px; border-bottom-left-radius: 205px; position: absolute; width: calc(100% + 60px); height: 260px; } header div.hdr-foto-corner div.foto { height: 260px; background-size: cover; background-position: center center; } header h1 { display: none; } header ul.contact { list-style-type: none; margin: 0; padding: 0; } header ul.contact li.telefoon { color: white; position: relative; font-size: 95%; padding-right: 30px; } header ul.contact li.telefoon svg { height: 32px; position: absolute; left: 39px; top: -6px; } header ul.contact li.telefoon a.tel { color: white; text-decoration: none; } header div.logo-corner { position: absolute; left: 0; top: 0; overflow: hidden; width: 258px; } header div.logo { background: #ce1417; width: 258px; position: relative; overflow: hidden; left: -70px; padding-left: 70px; border-bottom-left-radius: 155px; } header div.logo div.wit { background: #fff; width: 238px; padding: 30px 20px 20px 80px; position: relative; overflow: hidden; left: -60px; padding-left: 60px; border-bottom-left-radius: 215px; padding-left: 80px; } header div.logo div.rood { color: white; height: 20px; padding: 10px 20px; font-weight: 600; text-align: right; font-size: 108%; letter-spacing: 1px; } header div.logo img { width: 220px; } header form.search { position: absolute; top: 146px; background: white; height: 40px; left: 218px; padding: 0 40px 0px 0px; } header form.search input[type="text"] { display: block; width: 0; padding: 3px 0px; border: 0; height: 34px; font: 17px 'Montserrat', sans-serif; transition: all 0.3s ease 0s; } header form.search label { background: #ef7d0a; display: block; position: absolute; right: 0; top: 0; height: 40px; width: 40px; cursor: pointer; } header form.search label input[type="submit"] { display: none; } header form.search label svg { height: 40px; } header form.search.selected { left: 258px; } header form.search.selected input[type="text"] { width: 204px; padding: 3px 6px; } body.home header, body.home header div.hdr-foto-corner, body.home header div.foto { height: 542px; } body.home header h1 { display: block; color: white; font-size: 600%; line-height: 1em; position: absolute; left: 0; top: 240px; font-weight: 700; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } body.home article { max-width: 875px; } nav.menu { color: white; background: #ce1417; position: absolute; top: -646px; left: 0; width: 100%; height: 450px; padding: 196px 0 0 0; transition: top 0.6s ease 0s; background-image: url(/gfx/logo-vve-wit.png); background-repeat: no-repeat; background-size: 300px 125px; background-position: 44px 18px; } nav.menu.selected { top: 0; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } nav.menu ul.menu { list-style-type: none; padding: 0; margin: 0 100px 0 118px; line-height: 1.3em; column-count: 3; } nav.menu ul.menu > li { break-inside: avoid; padding: 0 0 0 10px; margin-bottom: 2em; border-left: 1px solid white; } nav.menu ul.menu > li.ietsomhoog { margin-top: -2em; } nav.menu ul.menu > li > a { cursor: text; } nav.menu ul.menu > li > a:hover { color: white; } nav.menu ul.menu a { color: white; text-decoration: none; font-weight: 800; } nav.menu ul.menu a:hover { color: #ef7d0a; } nav.menu ul.menu ul { list-style-type: disc; font-size: 85%; margin: 0 0 0 12px; padding: 0 0 0 0; } nav.menu ul.menu ul li::marker { color: #ef7d0a; font-size: 77%; } nav.menu ul.menu ul a { font-weight: 600; } nav.menu ul.menu li.jongemantelzorgers { display: none; } nav.menu a.nav { background: #ce1417; position: absolute; right: 0; top: 450px; padding: 36px 46px 52px 46px; width: 58px; height: 56px; border-bottom-left-radius: 175px; padding-left: 116px; clip: rect(auto, auto, auto, 70px); cursor: pointer; } nav.menu a.nav.top { top: -190px; } nav.menu a.nav label { color: white; font-weight: 600; line-height: 1em; font-size: 112%; position: absolute; top: 100px; } nav.menu a.nav label div.s { display: none; } nav.menu a.nav:hover label { color: #ef7d0a; } nav.menu a.nav div.bars { width: auto; position: relative; text-align: center; height: 56px; } nav.menu a.nav div.bars div, nav.menu a.nav div.bars div:before, nav.menu a.nav div.bars div:after { position: absolute; background: white; left: 0; width: 58px; height: 11px; transition: all 0.7s ease 0s; } nav.menu a.nav div.bars div { top: 22px; } nav.menu a.nav div.bars div:before { content: ''; top: -22px; } nav.menu a.nav div.bars div:after { content: ''; top: 22px; } nav.menu a.nav:hover div.bars div, nav.menu a.nav:hover div.bars div:before, nav.menu a.nav:hover div.bars div:after { background: #ef7d0a; } nav.menu a.nav.selected label div.m { display: none; } nav.menu a.nav.selected label div.s { display: block; } nav.menu a.nav.selected div.bars div { background-color: transparent; } nav.menu a.nav.selected div.bars div:before { transform: translateY(22px) rotateZ(-45deg); } nav.menu a.nav.selected div.bars div:after { transform: translateY(-22px) rotateZ(45deg); } div.textblock { width: 300px; height: 300px; border-bottom-left-radius: 145px; background: #ce1417; position: absolute; left: 400px; top: 400px; clip: rect(auto, auto, auto, 69px); } div.page-corner { background: #e8e8e8; } div.page-corner div.page { position: relative; overflow: hidden; left: -75px; padding-left: 75px; border-bottom-left-radius: 235px; width: 100%; background: white; } div.overzicht-corner { background: #ce1417; } div.overzicht-corner div.overzicht { position: relative; overflow: hidden; left: -75px; padding-left: 75px; border-bottom-left-radius: 235px; width: 100%; background: #e8e8e8; } article { max-width: 550px; max-width: 810px; margin: 0 auto; padding: 10px 0 60px; display: flex; } div.artphoto { max-width: 550px; padding-right: 260px; margin: 0 auto; } @font-face { font-family: 'FeltNoisy'; src: url("fonts/feltnoisy.eot"); src: url("fonts/feltnoisy.eot?#iefix") format("embedded-opentype"), url("fonts/feltnoisy.woff2") format("woff2"), url("fonts/feltnoisy.woff") format("woff"), url("fonts/feltnoisy.ttf") format("truetype"); } div.text { font-family: 'Montserrat', sans-serif; color: black; /* only for webetui editor */ } div.text h1 { color: #ce1417; font-size: 260%; margin: 0 0 0.5em; } div.text h2 { font-size: 90%; margin: 0 0 0.5em; } div.text h5 { font-weight: 400; font-size: 110%; margin: 0; } div.text h6 { font-weight: 400; font-size: 108%; line-height: 1.4em; font-weight: 600; margin: 0 0 1em; } div.text p { font-size: 85%; line-height: 1.5em; margin: 0 0 1.5em; } div.text a { color: #ce1417; } div.text a:hover { color: #ef7d0a; } div.text ul { margin: 0 0 1.5em 18px; padding: 0; } div.text ul li { font-size: 85%; line-height: 1.5em; } div.text ul li::marker { color: #ce1417; } div.text div.photo-white { background: white; width: 750px; margin: 0 0 50px -54px; margin: 0 0 50px 0; width: 810px; } div.text div.photo-white div.photo-gray { position: relative; overflow: hidden; left: -80px; padding-left: 80px; border-bottom-left-radius: 165px; width: 750px; width: 810px; } div.text div.photo-white div.photo-gray div.photo-gray-corner { background: #c2c2c2; overflow: hidden; } div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo { position: relative; overflow: hidden; left: -80px; padding-left: 80px; border-bottom-left-radius: 165px; width: 750px; width: 810px; background: white; position: relative; top: -1px; /* voor grijze lijn onder description */ } div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo div.photo-corner { width: 750px; width: 810px; position: relative; overflow: hidden; left: -77px; padding-left: 77px; border-bottom-left-radius: 170px; } div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo div.photo-corner div.webetui-bgimg { display: block; width: 750px; width: 810px; height: 540px; background-size: cover; background-repeat: no-repeat; } div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo em.description { font-size: 85%; display: block; padding: 10px 0 10px 54px; } div.text div.webetui-bgimg { display: block; width: 750px; height: 500px; background-size: cover; background-repeat: no-repeat; } div.text em.description { font-size: 85%; display: block; padding: 10px 0 10px 54px; } div.terugw { max-width: 810px; margin: 30px auto 0; } div.terugw a { font-weight: 600; text-decoration: none; font-size: 85%; margin: 0 15px 20px 0; color: #ce1417; } div.terugw a:before { content: ' < '; } div.terugw a:hover { color: #ef7d0a; } div.textw { flex: 1 0 550px; } div.textw div.date { font-weight: 700; font-size: 90%; background: #ce1417; color: white; padding: 4px 8px; margin: 0 0 15px; display: inline-block; } div.view.medewerkers { margin: 30px 0 50px; } div.view.medewerkers div.container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 80px 30px; } div.view.medewerkers a.photo, div.view.medewerkers div.photo { display: block; position: relative; width: 90px; height: 135px; background-size: cover; } div.view.medewerkers a.photo div.description, div.view.medewerkers div.photo div.description { color: black; text-decoration: none; font-size: 65%; position: absolute; width: 110px; top: 140px; } div.view.medewerkers a.photo div.description svg, div.view.medewerkers div.photo div.description svg { display: block; width: 20px; height: 20px; color: #ce1417; } div.view.medewerkers a.photo:hover div.description, div.view.medewerkers div.photo:hover div.description { color: #ce1417; } div.view.publicaties { margin: 30px 0 50px; } div.view.publicaties div.container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 80px 30px; } div.view.publicaties a.photo, div.view.publicaties div.photo { display: block; position: relative; width: 100%; padding-top: 290px; height: 30px; background-size: contain; background-repeat: no-repeat; text-decoration: none; } div.view.publicaties a.photo div.description, div.view.publicaties div.photo div.description { color: black; text-decoration: none; font-size: 85%; text-align: center; } div.view.publicaties a.photo:hover div.description, div.view.publicaties div.photo:hover div.description { color: #ce1417; } body.nieuws.level2 div.textw, body.nieuws.level3 div.textw, body.coronaberichten.level2 div.textw, body.coronaberichten.level3 div.textw { flex: 1 0 720px; } body.jongemantelzorgers div.textw { flex: 1 0 720px; } body.jongemantelzorgers div.asidewrap aside { display: none; } body.jongemantelzorgers div.h1title h1 { font-family: 'Montserrat', sans-serif !important; } div.asidewrap { flex: 0 1 210px; font-size: 85%; margin-left: 50px; } div.asidewrap div.aside, div.asidewrap aside { background: #e8e8e8; padding: 20px; } div.asidewrap div.aside h2, div.asidewrap aside h2 { font-weight: 600; margin: 0 0 0.5em; color: #ce1417; font-size: 110%; margin: 0 0 20px; } div.asidewrap div.aside p, div.asidewrap aside p { font-size: 90%; font-weight: 600; line-height: 1.5em; } div.asidewrap div.aside a, div.asidewrap aside a { display: block; text-decoration: none; margin: 0 0 20px; color: #ce1417; font-weight: 600; } div.asidewrap div.aside a h2, div.asidewrap aside a h2 { color: black; text-transform: uppercase; font-size: 85%; font-weight: 700; margin: 0; } div.asidewrap div.aside a div.intro, div.asidewrap aside a div.intro { color: #ce1417; font-size: 85%; font-weight: 600; } div.asidewrap div.aside a:hover, div.asidewrap aside a:hover { color: #ef7d0a; } div.asidewrap div.aside a:hover h2, div.asidewrap div.aside a:hover div.intro, div.asidewrap aside a:hover h2, div.asidewrap aside a:hover div.intro { color: #ef7d0a; } div.overzicht > div.wrapper > h1, div.overzicht > h1 { font-family: 'FeltNoisy', 'Montserrat', sans-serif; font-size: 45px; text-align: center; color: #ce1417; margin: 10px 0 20px; } div.h1title { margin: 20px auto 20px auto; max-width: 810px; text-align: left; } div.h1title h1 { color: #ce1417; font-size: 260%; margin: 0 0 0.5em; } body.ondersteuning-bij-welzijnsvragen.level1 div.terugw span { display: none; } body.ondersteuning-bij-welzijnsvragen.level1 div.h1title h1 { font-family: 'FeltNoisy', 'Montserrat', sans-serif; font-size: 45px; color: #ce1417; margin: 20px 0 10px; } div.overzicht > div.wrapper > a.meer { display: block; margin: 0 0 20px; color: #ce1417; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: right; } div.overzicht > div.wrapper > a.meer:hover { color: #ef7d0a; } body.menu div.text h1 { text-align: left; width: 650px; } div.overzicht { padding: 30px 0 60px; } div.overzicht > h1 { display: none; } div.overzicht > h2 { font-weight: 600; color: #ce1417; } body.level1 div.overzicht > h1 { display: block; } body.level1 div.overzicht > h2 { display: none; } body.activiteit div.wrapper > h1 { display: none; } body.activiteit.level1 div.overzicht > h1 { display: block; } body.activiteit.level1 div.wrapper > h2 { display: none; } body.activiteit.level2 div.overzicht { display: none; } div.ondersteuning { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; max-width: 875px; margin: 0 auto; padding: 50px 0; } div.ondersteuning a.menu-item { text-decoration: none; position: relative; overflow: hidden; } div.ondersteuning a.menu-item h2 { padding: 18px; margin: 0; color: white; background: #ef7d0a; } div.ondersteuning a.menu-item h2 svg { height: 42px; position: absolute; right: 22px; top: 28px; } div.ondersteuning a.menu-item div.photo { height: 96px; background-size: cover; background-repeat: no-repeat; background-position: center center; } div.ondersteuning a.menu-item:hover h2, div.ondersteuning a.menu-item.selected h2 { background: #ce1417; } div.ondersteuning a.menu-item:hover div.photo, div.ondersteuning a.menu-item.selected div.photo { filter: grayscale(100%); } div.ondersteuning a.menu-item div.thema-corner { position: relative; overflow: hidden; left: -70px; padding-left: 70px; border-bottom-left-radius: 155px; width: calc(100%); } div.ondersteuning a.menu-item:last-child { display: none; } div.banners div.text { margin: 40px 0 20px 0; max-width: none; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; } div.banners a.banner-corner { overflow: hidden; } div.banners p { color: black; background: white; padding: 14px 18px 18px 18px; font-size: 85%; line-height: 1.5em; margin: 0 0 1.5em; cursor: pointer; position: relative; overflow: hidden; left: -50px; padding-left: 50px; border-bottom-left-radius: 135px; width: calc(100%); padding-left: 68px; width: 380px; } div.banners p a { color: #ce1417; text-decoration: none; font-weight: 800; font-size: 155%; line-height: 1.5em; } div.banners p:hover { color: white; background: #ce1417; } div.banners p:hover a { color: white; } div.nieuwsoverzicht { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; padding: 0 0 20px; } div.nieuwsoverzicht a.find-item { padding: 0 0 0 0; position: relative; color: black; text-decoration: none; height: 186px; overflow: hidden; } div.nieuwsoverzicht a.find-item div.news-corner { background: white; height: 186px; position: relative; overflow: hidden; left: -70px; padding-left: 70px; border-bottom-left-radius: 155px; width: calc(100% - 186px); padding-left: calc(186px + 70px); } div.nieuwsoverzicht a.find-item div.photo { width: 186px; height: 186px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 70px; top: 0; } div.nieuwsoverzicht a.find-item h2 { font-size: 108%; margin: 0px 16px 0.5em 16px; padding-top: 16px; } div.nieuwsoverzicht a.find-item div.intro { font-size: 85%; line-height: 1.5em; margin: 0 16px 1em 16px; } div.nieuwsoverzicht a.find-item span.button { display: block; position: absolute; right: 10px; bottom: 8px; color: #ce1417; font-size: 85%; } div.nieuwsoverzicht a.find-item:hover div.news-corner, div.nieuwsoverzicht a.find-item:hover span.button { background: #ce1417; color: white; } div.nieuwsoverzicht a.find-item:hover div.photo { filter: brightness(70%); } div.activiteitoverzicht { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; padding: 0 0 20px 0; } div.activiteitoverzicht a.find-item { display: block; color: black; text-decoration: none; position: relative; overflow: hidden; } div.activiteitoverzicht a.find-item div.act-corner { background: white; height: 404px; position: relative; overflow: hidden; left: -70px; padding-left: 70px; border-bottom-left-radius: 155px; width: 100%; } div.activiteitoverzicht a.find-item div.photo { height: 186px; background-size: cover; background-repeat: no-repeat; background-position: center center; } div.activiteitoverzicht a.find-item h2 { font-size: 108%; margin: 16px 16px 0.5em 16px; } div.activiteitoverzicht a.find-item div.intro { font-size: 85%; line-height: 1.5em; margin: 0 16px 1em 16px; } div.activiteitoverzicht a.find-item span.button { display: block; position: absolute; right: 10px; bottom: 8px; color: #ce1417; font-size: 85%; } div.activiteitoverzicht a.find-item:hover div.act-corner, div.activiteitoverzicht a.find-item:hover span.button { background: #ce1417; color: white; } div.activiteitoverzicht a.find-item:hover div.photo { filter: brightness(70%); } body.home div.nieuwsoverzicht a.find-item:last-child { display: none; } div.partners { background: white; padding: 28px 50px 8px 50px; position: relative; margin: 0 0 60px; } div.partners div.view { position: relative; overflow: hidden; overflow-x: auto; height: 80px; } div.partners div.view div.container { position: absolute; display: flex; } div.partners div.view div.container div.photo, div.partners div.view div.container a.photo { display: block; height: 60px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0; filter: grayscale(100%); } div.partners div.view div.container a.photo:hover { filter: none; } div.partners a.arrow { position: absolute; top: 40px; color: #ce1417; } div.partners a.arrow span { display: none; } div.partners a.arrow svg { height: 42px; } div.partners a.arrow.left { left: 18px; } div.partners a.arrow.left svg { transform: rotate(180deg); } div.partners a.arrow.right { right: 18px; } div.partners a.arrow:hover { color: black; } div.search_results { margin: 50px 0; } div.search_results h2 { color: #ce1417; font-size: 160%; margin: 0 0 1.5em; } div.search_results h5 { font-size: 100%; font-weight: 500; margin: 0 0 0.3em; } div.search_results p { margin: 0 0 2em; padding-bottom: 1.5em; line-height: 1.5em; font-size: 85%; border-bottom: 1px solid #e8e8e8; } div.search_results p em { font-style: normal; font-weight: 600; } div.search_results a { color: #ce1417; text-decoration: none; font-weight: 600; } div.search_results a:hover { color: #ef7d0a; } footer { color: white; background: #ce1417; } footer div.wrapper { display: flex; padding: 20px 0 200px 0; align-content: space-between; background-image: url(/gfx/logo-vve-wit.png); background-repeat: no-repeat; background-size: 300px 125px; background-position: 0 120px; } footer div.wrapper > div { flex: 1 1 50%; } footer div.wrapper div.static { font-size: 150%; font-weight: 600; margin: 0 0 0.7em; } footer div.wrapper ul { margin: 0; padding: 0; list-style-type: none; } footer div.wrapper ul li { font-size: 100%; font-weight: 600; line-height: 2em; } footer div.wrapper ul li.telefoon, footer div.wrapper ul li.email, footer div.wrapper ul li.combined2 { position: relative; padding-left: 40px; } footer div.wrapper ul li.telefoon svg, footer div.wrapper ul li.email svg, footer div.wrapper ul li.combined2 svg { height: 28px; position: absolute; left: 0px; top: 0px; } footer div.wrapper ul li a { text-decoration: none; } footer div.wrapper a { color: white; } footer div.wrapper a:hover { color: #ef7d0a; } footer div.wrapper div.socialmedia a { color: #ce1417; background: white; display: inline-block; font-size: 16px; padding: 6px 4px 2px 4px; margin: 0 12px 0 0; border-radius: 4px; min-width: 22px; text-align: center; } footer div.wrapper div.socialmedia a svg { font-size: 20px; } footer div.wrapper div.socialmedia a:hover { background: #ef7d0a; } footer div.wrapper div.socialmedia a b { display: none; } @font-face { font-family: 'FeltNoisy'; src: url("fonts/feltnoisy.eot"); src: url("fonts/feltnoisy.eot?#iefix") format("embedded-opentype"), url("fonts/feltnoisy.woff2") format("woff2"), url("fonts/feltnoisy.woff") format("woff"), url("fonts/feltnoisy.ttf") format("truetype"); } @media screen and (max-width: 800px) { body { overflow-x: auto; } main { position: relative; width: 100%; height: 100%; overflow: scroll; } nav.menu { top: -1258px; height: 1112px; background-size: 240px 100px; background-position: 18px 15px; padding: 146px 0 0 0; } nav.menu ul.menu { column-count: 1; margin: 0 15px; } nav.menu ul.menu > li { padding: 0; border-left: 0; } nav.menu ul.menu > li.ietsomhoog { margin-top: 0; } nav.menu a.nav { top: 1112px; padding: 20px 30px 36px 33px; width: 36px; height: 36px; padding-left: 78px; clip: rect(auto, auto, auto, 50px); } nav.menu a.nav.top { top: -140px; } nav.menu a.nav label { font-size: 74%; top: 62px; margin-left: -1px; } nav.menu a.nav div.bars { height: 35px; } nav.menu a.nav div.bars div, nav.menu a.nav div.bars div:before, nav.menu a.nav div.bars div:after { width: 36px; height: 7px; } nav.menu a.nav div.bars div { top: 14px; } nav.menu a.nav div.bars div:before { top: -14px; } nav.menu a.nav div.bars div:after { top: 14px; } nav.menu a.nav.selected div.bars div:before { transform: translateY(14px) rotateZ(-45deg); } nav.menu a.nav.selected div.bars div:after { transform: translateY(-14px) rotateZ(45deg); } div.wrapper { width: auto; margin: 0 15px; } header { height: 186px; } header div.hdr-foto-corner { position: relative; overflow: hidden; left: -90px; padding-left: 90px; border-bottom-left-radius: 205px; height: 186px; position: absolute; } header div.wrapper { left: 0; } header div.foto { height: 186px; position: absolute; border-bottom-left-radius: 205px; left: -85px; width: calc(100% + 85px); } header div.logo-corner { width: 168px; } header ul.contact li.telefoon { padding-right: 34px; } header ul.contact li.telefoon svg { height: 22px; left: 6px; top: -6px; } header div.logo { width: 168px; } header div.logo div.wit { width: 158px; height: 64px; padding: 20px 10px 10px 80px; position: relative; overflow: hidden; left: -50px; padding-left: 50px; border-bottom-left-radius: 215px; padding-left: 60px; } header div.logo div.rood { padding: 7px 0 6px 18px; height: 14px; font-weight: 600; text-align: right; font-size: 75%; letter-spacing: 1px; } header div.logo img { width: 144px; } header form.search { top: 94px; left: 141px; height: 27px; padding: 0 27px 0px 0px; background: green; } header form.search label { height: 27px; width: 27px; } header form.search label svg { height: 27px; width: 27px; } header form.search input[type="text"] { padding: 2px 0px; border: 0; height: 21px; font: 12px 'Montserrat', sans-serif; } header form.search.selected { left: 0px; top: 128px; } header form.search.selected input[type="text"] { width: 255px; } div.terugw { margin-left: 15px; } body.home header, body.home header div.hdr-foto-corner, body.home header div.foto { height: 290px; } body.home header h1 { font-size: 300%; top: 120px; } body.menu div.text h1 { width: auto; } div.banners p { width: calc(100% - 36px); } div.h1title h1 { width: auto; margin: 0px 15px 0.5em 15px; font-size: 180%; } body.ondersteuning-bij-welzijnsvragen.level1 div.h1title h1 { font-size: 32px; margin: 20px 15px 10px 15px; } div.terugw a.terug { margin: 0 0 10px 15px; } div.artphoto { display: block; padding-right: 0; } article { display: block; max-width: none; } div.textw { margin: 0px 15px; display: block; } div.textw h1 { font-size: 200%; } div.textw div.asidewrap { margin-left: 0; } div.textw div.text h1 { font-size: 180%; } div.textw div.text div.photo-white { width: 100%; margin: 0 0 30px; } div.textw div.text div.photo-white div.photo-gray { width: 100%; } div.textw div.text div.photo-white div.photo-gray div.photo-gray-corner { width: 100%; } div.textw div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo { width: 100%; } div.textw div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo div.photo-corner { width: 100%; } div.textw div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo div.photo-corner div.webetui-bgimg { width: 100%; height: 240px; } div.textw div.text div.photo-white div.photo-gray div.photo-gray-corner div.webetui-photo em.description { width: auto; } div.asidewrap { margin: 0 15px; } div.page-corner div.page { position: relative; overflow: hidden; left: -120px; padding-left: 120px; border-bottom-left-radius: 235px; } div.ondersteuning { grid-template-columns: 1fr 1fr; grid-gap: 15px; margin: 0 15px; padding: 15px 0 50px; } div.ondersteuning a.menu-item { text-decoration: none; position: relative; overflow: hidden; } div.ondersteuning a.menu-item h2 { font-size: 100%; padding: 14px 20px 14px 12px; } div.ondersteuning a.menu-item h2 svg { height: 30px; position: absolute; right: 8px; top: 18px; } div.ondersteuning a.menu-item div.photo { height: 68px; } div.ondersteuning a.menu-item div.thema-corner { position: relative; overflow: hidden; left: -76px; padding-left: 76px; border-bottom-left-radius: 155px; } div.overzicht > div.wrapper > h1, div.overzicht > h1, body.menu div.text h1 { font-size: 30px; margin: 10px 0 10px; } div.overzicht { padding: 0 0 30px; } div.banners div.text { margin: 15px 0 15px 0; grid-template-columns: 1fr; grid-gap: 15px; } div.banners p { font-size: 70%; margin: 0; } div.nieuwsoverzicht { grid-template-columns: 1fr; grid-gap: 15px; } div.nieuwsoverzicht a.find-item { height: 124px; } div.nieuwsoverzicht a.find-item div.news-corner { height: 124px; width: calc(100% - 124px); padding-left: calc(124px + 70px); } div.nieuwsoverzicht a.find-item div.photo { width: 124px; height: 124px; } div.nieuwsoverzicht a.find-item h2 { font-size: 90%; margin: 0px 16px 0.3em 16px; padding-top: 10px; } div.nieuwsoverzicht a.find-item div.intro { font-size: 70%; margin: 0 16px 0.5em 16px; } div.nieuwsoverzicht a.find-item span.button { font-size: 70%; } div.activiteitoverzicht { grid-template-columns: 1fr 1fr; grid-gap: 15px; padding: 0 0 30px 0; } div.activiteitoverzicht a.find-item { display: block; color: black; text-decoration: none; position: relative; overflow: hidden; } div.activiteitoverzicht a.find-item div.act-corner { background: white; position: relative; overflow: hidden; left: -80px; padding-left: 80px; border-bottom-left-radius: 155px; width: 100%; } div.activiteitoverzicht a.find-item div.photo { width: 258px; height: 186px; background-size: cover; background-repeat: no-repeat; background-position: center center; } div.activiteitoverzicht a.find-item h2 { font-size: 90%; margin: 16px 16px 0.5em 16px; } div.activiteitoverzicht a.find-item div.intro { font-size: 70%; margin: 0 16px 1em 16px; } div.activiteitoverzicht a.find-item span.button { font-size: 70%; } body.home div.activiteitoverzicht a.find-item:last-child { display: none; } div.view.medewerkers { margin-bottom: 80px; } div.view.medewerkers div.container { grid-template-columns: 1fr 1fr 1fr; grid-gap: 80px 15px; } div.view.publicaties div.container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px 15px; } div.view.publicaties a.photo { padding-top: 248px; height: 30px; } footer div.wrapper { display: block; background-size: 200px 83px; background-position: 0 240px; } footer div.wrapper div.static { font-size: 100%; } footer div.wrapper div.socialmedia { margin: 0 0 30px; } footer div.wrapper div.socialmedia a { padding: 3px 2px 1px 2px; margin: 0 8px 0 0; border-radius: 2px; min-width: 18px; } footer div.wrapper div.socialmedia a svg { font-size: 14px; } footer div.wrapper div.socialmedia a:hover { background: #ef7d0a; } footer div.wrapper ul li { font-size: 80%; } footer div.wrapper ul li.telefoon, footer div.wrapper ul li.email, footer div.wrapper ul li.combined2 { position: relative; padding-left: 24px; } footer div.wrapper ul li.telefoon svg, footer div.wrapper ul li.email svg, footer div.wrapper ul li.combined2 svg { height: 20px; position: absolute; left: 0px; top: 2px; } } /*# sourceMappingURL=vve.css.map */