{"id":2636,"date":"2024-03-11T10:58:59","date_gmt":"2024-03-11T09:58:59","guid":{"rendered":"https:\/\/marenland.nl\/styleguide\/"},"modified":"2024-06-19T21:34:27","modified_gmt":"2024-06-19T19:34:27","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/marenland.nl\/en\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"\n<div><div class=\"frm_forms  with_frm_style frm_style_formidable-style\" id=\"frm_form_3_container\" data-token=\"736a8629d5ee70ab086bb9d7d9722af3\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_testformulier\" data-token=\"736a8629d5ee70ab086bb9d7d9722af3\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Testformulier<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"3\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_3\" id=\"frm_hide_fields_3\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"testformulier\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_3\" name=\"frm_submit_entry_3\" value=\"9bba2010aa\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/2636\" \/><div id=\"frm_field_12_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm6 frm_first\">\r\n    <label for=\"field_344oa\" id=\"field_344oa_label\" class=\"frm_primary_label\">Voornaam\r\n        <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n    <\/label>\r\n    <input type=\"text\" id=\"field_344oa\" name=\"item_meta[12]\" value=\"\"  placeholder=\"Placeholder\" data-reqmsg=\"Voornaam kan niet leeg zijn.\" aria-required=\"true\" data-invmsg=\"Voornaam is ongeldig\" aria-invalid=\"false\"  \/>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_13_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm6\">\r\n    <label for=\"field_adc5n\" id=\"field_adc5n_label\" class=\"frm_primary_label\">Achternaam\r\n        <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n    <\/label>\r\n    <input type=\"text\" id=\"field_adc5n\" name=\"item_meta[13]\" value=\"\"  placeholder=\"Placeholder\" data-reqmsg=\"Achternaam kan niet leeg zijn.\" aria-required=\"true\" data-invmsg=\"Achternaam is ongeldig\" aria-invalid=\"false\"  \/>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_14_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n    <label for=\"field_lcba3\" id=\"field_lcba3_label\" class=\"frm_primary_label\">E-mailadres\r\n        <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n    <\/label>\r\n    <input type=\"email\" id=\"field_lcba3\" name=\"item_meta[14]\" value=\"\"  autocomplete=\"email\"  data-reqmsg=\"E-mailadres kan niet leeg zijn.\" aria-required=\"true\" data-invmsg=\"E-mailadres is ongeldig\" aria-invalid=\"false\"  \/>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_15_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n    <label for=\"field_jtebk\" id=\"field_jtebk_label\" class=\"frm_primary_label\">Telefoonnummer\r\n        <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n    <\/label>\r\n    <input type=\"tel\" id=\"field_jtebk\" name=\"item_meta[15]\" value=\"06123456789\"  data-frmval=\"06123456789\" data-reqmsg=\"Telefoonnummer kan niet leeg zijn.\" aria-required=\"true\" data-invmsg=\"Telefoonnummer is ongeldig\" aria-invalid=\"false\" pattern=\"((\\+\\d{1,3}(-|.| )?\\(?\\d\\)?(-| |.)?\\d{1,5})|(\\(?\\d{2,6}\\)?))(-|.| )?(\\d{3,4})(-|.| )?(\\d{4})(( x| ext)\\d{1,5}){0,1}$\"  \/>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_16_container\" class=\"frm_form_field form-field  frm_top_container\">\r\n    <label for=\"field_x0qhv\" id=\"field_x0qhv_label\" class=\"frm_primary_label\">Uw bericht\r\n        <span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n    <\/label>\r\n    <textarea name=\"item_meta[16]\" id=\"field_x0qhv\" rows=\"5\"  data-invmsg=\"Uw bericht is ongeldig\" aria-invalid=\"false\"  ><\/textarea>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_18_container\" class=\"frm_form_field form-field  frm_none_container frm6 frm_first vertical_radio\">\r\n    <div  id=\"field_y85b7_label\" class=\"frm_primary_label\">Selectievakjes\r\n        <span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n    <div class=\"frm_opt_container\" aria-labelledby=\"field_y85b7_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_18-0\">\t\t\t<label  for=\"field_y85b7-0\">\n\t\t\t<input type=\"checkbox\" name=\"item_meta[18][]\" id=\"field_y85b7-0\" value=\"Optie 1\" checked=\"checked\"  data-frmval=\"[&quot;Optie 1&quot;]\" data-invmsg=\"Selectievakjes is invalid\" aria-invalid=\"false\"   \/> Optie 1<\/label><\/div>\n\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_18-1\">\t\t\t<label  for=\"field_y85b7-1\">\n\t\t\t<input type=\"checkbox\" name=\"item_meta[18][]\" id=\"field_y85b7-1\" value=\"Optie 2\"  data-frmval=\"[&quot;Optie 1&quot;]\" data-invmsg=\"Selectievakjes is invalid\" aria-invalid=\"false\"   \/> Optie 2<\/label><\/div>\n<\/div>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_17_container\" class=\"frm_form_field form-field  frm_none_container frm6 vertical_radio\">\r\n    <div  id=\"field_rk5h8_label\" class=\"frm_primary_label\">Keuzerondjes\r\n        <span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n    <div class=\"frm_opt_container\" aria-labelledby=\"field_rk5h8_label\" role=\"radiogroup\">\t\t<div class=\"frm_radio\" id=\"frm_radio_17-0\">\t\t\t<label  for=\"field_rk5h8-0\">\n\t\t\t\t\t<input type=\"radio\" name=\"item_meta[17]\" id=\"field_rk5h8-0\" value=\"Optie 1\"\n\t\tchecked=\"checked\"   data-frmval=\"Optie 1\" data-invmsg=\"Keuzerondjes is invalid\" aria-invalid=\"false\"  \/> Optie 1<\/label><\/div>\n\t\t<div class=\"frm_radio\" id=\"frm_radio_17-1\">\t\t\t<label  for=\"field_rk5h8-1\">\n\t\t\t\t\t<input type=\"radio\" name=\"item_meta[17]\" id=\"field_rk5h8-1\" value=\"Optie 2\"\n\t\t   data-frmval=\"Optie 1\" data-invmsg=\"Keuzerondjes is invalid\" aria-invalid=\"false\"  \/> Optie 2<\/label><\/div>\n<\/div>\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_23_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n\t<label for=\"field_utvo7\" id=\"field_utvo7_label\" class=\"frm_primary_label\">Ik ga akkoord met de algemene voorwaarden\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t\n<div >\n    <label class=\"frm_switch_block\">\n\t\t\n\t\t<input type=\"checkbox\" name=\"item_meta[23][]\" id=\"field_utvo7\" value=\"Ja\"\n\t\t\t\t\t\t\t\t\t data-reqmsg=\"Ik ga akkoord met de algemene voorwaarden kan niet leeg zijn.\" aria-required=\"true\" data-invmsg=\"Ik ga akkoord met de algemene voorwaarden is invalid\" aria-invalid=\"false\"  \t\t\/>\n\n\t\t<span class=\"frm_switch\" tabindex=\"0\" role=\"switch\" aria-labelledby=\"field_utvo7_label\" aria-checked=\"false\">\n\t\t\t<span class=\"frm_slider\"><\/span>\n\t\t<\/span>\n\n\t\t\t<\/label>\n<\/div>\n\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_19_container\" class=\"frm_form_field form-field  frm_top_container frm12 frm_first\">\r\n    <label for=\"field_mzqby\" id=\"field_mzqby_label\" class=\"frm_primary_label\">Dropdown\r\n        <span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n    <\/label>\r\n    \t\t<select name=\"item_meta[19]\" id=\"field_mzqby\"  data-placeholder=\"Selecteer een optie\"  placeholder=\"Selecteer een optie\" data-invmsg=\"Dropdown is invalid\" aria-invalid=\"false\"  >\n\t\t<option  class=\"frm-select-placeholder\" value=\"\" data-placeholder=\"true\">Selecteer een optie<\/option><option  value=\"Dit is een optie\">Dit is een optie<\/option><option  value=\"Dit is ook een optie\">Dit is ook een optie<\/option><option  value=\"Je mag deze ook kiezen als je wilt\">Je mag deze ook kiezen als je wilt<\/option><option  value=\"Kies\">Kies<\/option>\t<\/select>\n\t\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_20_container\" class=\"frm_form_field form-field  frm_top_container frm12 frm_first\">\r\n    <label for=\"field_7q3wf\" id=\"field_7q3wf_label\" class=\"frm_primary_label\">Bestandsupload\r\n        <span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n    <\/label>\r\n    <input type=\"hidden\"  data-invmsg=\"Bestandsupload is ongeldig\" class=\"auto_width\" aria-invalid=\"false\"   name=\"item_meta[20][]\"  value=\"\" data-frmfile=\"20\" \/>\n\n<div class=\"frm_dropzone frm_multi_upload frm_clearfix\" id=\"file20_dropzone\" role=\"group\" >\n\t<div class=\"fallback\">\n\t\t<input type=\"file\" name=\"file20[]\" id=\"field_7q3wf\"\n\t\t\t data-frmfile=\"20\" multiple=\"multiple\"  data-invmsg=\"Bestandsupload is ongeldig\" class=\"auto_width\" aria-invalid=\"false\"  \t\t\t\/>\n\t\t\t\t<div class=\"frm_clearfix \"><\/div>\n\t<\/div>\n\t<div class=\"dz-message needsclick\">\n\t\t\t\t<svg  viewBox=\"0 0 18 18\" class=\"frmsvg frm-svg-icon\">\n\t<path viewBox=\"0 0 18 18\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.2 4v8a.8.8 0 001.5 0V4l2.1 2.2A.7.7 0 1013 5L9.5 1.7a.7.7 0 00-1.1 0L5.1 5.2a.8.8 0 001 1l2.1-2zm7.6 4.3c.4 0 .7.3.7.7v6.8c0 .4-.3.7-.8.7H2.3a.8.8 0 01-.8-.8V9A.8.8 0 013 9v6h12V9c0-.4.3-.8.8-.8z\"><\/path>\n<\/svg>\t\t<span class=\"frm_upload_text\"><button type=\"button\" aria-label=\"Bestandsupload. Drag &amp; drop. Required upload size: 10MB - 67.11MB\">Drag &amp; drop<\/button><\/span>\n\t\t<span class=\"frm_compact_text\"><button type=\"button\" aria-label=\"Bestandsupload. Bestanden toevoegen. Required upload size: 10MB - 67.11MB\">Bestanden toevoegen<\/button><\/span>\n\t\t<div class=\"frm_small_text\">\n\t\t\t<p>Required upload size: 10MB - 67.11MB<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_21_container\" class=\"frm_form_field form-field  frm_top_container frm12 frm_first\">\r\n    <label for=\"field_ia1bo\" id=\"field_ia1bo_label\" class=\"frm_primary_label\">Bestandsupload\r\n        <span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n    <\/label>\r\n    <input type=\"hidden\"  data-invmsg=\"Bestandsupload is ongeldig\" class=\"auto_width\" aria-invalid=\"false\"   name=\"item_meta[21]\"  value=\"\" data-frmfile=\"21\" \/>\n\n<div class=\"frm_dropzone frm_single_upload frm_clearfix\" id=\"file21_dropzone\" role=\"group\" >\n\t<div class=\"fallback\">\n\t\t<input type=\"file\" name=\"file21\" id=\"field_ia1bo\"\n\t\t\t data-invmsg=\"Bestandsupload is ongeldig\" class=\"auto_width\" aria-invalid=\"false\"  \t\t\t\/>\n\t\t\t\t<div class=\"frm_clearfix \"><\/div>\n\t<\/div>\n\t<div class=\"dz-message needsclick\">\n\t\t\t\t<svg  viewBox=\"0 0 18 18\" class=\"frmsvg frm-svg-icon\">\n\t<path viewBox=\"0 0 18 18\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.2 4v8a.8.8 0 001.5 0V4l2.1 2.2A.7.7 0 1013 5L9.5 1.7a.7.7 0 00-1.1 0L5.1 5.2a.8.8 0 001 1l2.1-2zm7.6 4.3c.4 0 .7.3.7.7v6.8c0 .4-.3.7-.8.7H2.3a.8.8 0 01-.8-.8V9A.8.8 0 013 9v6h12V9c0-.4.3-.8.8-.8z\"><\/path>\n<\/svg>\t\t<span class=\"frm_upload_text\"><button type=\"button\" aria-label=\"Bestandsupload. Drag &amp; drop. Maximum file size: 67.11MB\">Drag &amp; drop<\/button><\/span>\n\t\t<span class=\"frm_compact_text\"><button type=\"button\" aria-label=\"Bestandsupload. Bestanden toevoegen. Maximum file size: 67.11MB\">Bestanden toevoegen<\/button><\/span>\n\t\t<div class=\"frm_small_text\">\n\t\t\t<p>Maximum file size: 67.11MB<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_22_container\" class=\"frm_form_field form-field \">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">Verzenden<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t\t<div class=\"frm__65e09cb41e58e\">\n\t\t\t\t<label for=\"frm_email_3\"  style=\"display:none;\">\n\t\t\t\t\tIf you are human, leave this field blank.\t\t\t\t<\/label>\n\t\t\t\t<input  id=\"frm_email_3\" type=\"text\" class=\"frm_verify\" name=\"frm__65e09cb41e58e\" value=\"\" autocomplete=\"off\"  style=\"display:none;\" \/>\n\t\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"6F0TYgtFVUjI27d46XPZLcZm24lxoXfH76sr+cspvRQ=\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<\/form>\n<\/div>\n<\/div>\n\n<section class=\"content-block content-block--media-text grid items-center my-12 lg:my-[7.5rem] has-[+&#038;]:mb-0 [&#038;+&#038;]:mt-11 lg:[&#038;+&#038;]:mt-14  media-text--left\">\n    <div class=\"media-text__media size-full overflow-hidden shadow has-[media-player]:!aspect-video has-[media-player]:h-auto aspect-[369\/218] lg:aspect-[740\/412] -lg:max-w-[calc(100%-theme(spacing.6))]\">\n                                    <div class=\"overflow-hidden shadow [&#038;_f]:!rounded-none [&#038;_media-player]:overflow-hidden [&#038;_media-player]:size-full [&#038;_media-player\\_\\_video-wrapper]:!aspect-auto size-full object-cover isolate\">\n                    <div data-video=\"\" data-video-provider=\"vimeo\" data-video-id=\"56282283\" data-video-show-title=\"1\" data-video-title=\"Own custom video title\"><\/div>                <\/div>\n                        <\/div>\n    <div class=\"media-text__text lg:max-w-[33.25rem] -lg:mt-8\">\n        <div class=\"-lg:px-6\">\n            <div data-aos=\"fade-up\">\n                <h2 class=\"text-h3\">These are some style guide examples of a media\/text block<\/h2>                <div class=\"content content--max content--no-px mt-6 \"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi eveniet esse nihil eaque libero placeat impedit id. Eos dolorum saepe, nemo quos magnam porro aut commodi, amet deleniti neque architecto.<\/p>\n<p>Repudiandae ducimus voluptatum distinctio qui aliquam eius illo vel necessitatibus veritatis inventore neque enim nihil hic accusamus laborum perferendis alias, quibusdam quis earum ab! Tenetur inventore nemo aperiam nulla fugiat?<\/p>\n<p>Architecto totam voluptatum eaque provident ducimus. Architecto enim quidem vel, quos harum numquam nobis aliquam cum ex neque voluptas sunt suscipit obcaecati quisquam placeat! Inventore reiciendis corrupti dolores velit aspernatur.<\/p>\n<\/div>\n                                    <nav class=\"flex items-center flex-wrap gap-2 lg:gap-4 mt-6 lg:mt-10\">\n                        <a class=\"btn btn--primary \" href=\"https:\/\/marenland.nl\/experiences\/fijne-camperplaatsen-aan-het-water\/\" target=\"_self\">Camperplaatsen<\/a><a class=\"btn btn--primary btn--outlined\" href=\"https:\/\/marenland.nl\/contact\/\" target=\"_self\">Contact<\/a>                    <\/nav>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section class=\"content-block content-block--media-text grid items-center my-12 lg:my-[7.5rem] has-[+&#038;]:mb-0 [&#038;+&#038;]:mt-11 lg:[&#038;+&#038;]:mt-14  media-text--right\">\n    <div class=\"media-text__media size-full overflow-hidden shadow has-[media-player]:!aspect-video has-[media-player]:h-auto aspect-[369\/218] lg:aspect-[740\/412] -lg:max-w-[calc(100%-theme(spacing.6))]\">\n                                    <img decoding=\"async\" width=\"2250\" height=\"1266\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214.jpg\" class=\"object-cover size-full\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214.jpg 2250w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-300x169.jpg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-1024x576.jpg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-768x432.jpg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-1536x864.jpg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-2048x1152.jpg 2048w\" sizes=\"(max-width: 2250px) 100vw, 2250px\" \/>                        <\/div>\n    <div class=\"media-text__text lg:max-w-[33.25rem] -lg:mt-8\">\n        <div class=\"-lg:px-6\">\n            <div data-aos=\"fade-up\">\n                <h2 class=\"text-h3\">These are some style guide examples of a media\/text block<\/h2>                <div class=\"content content--max content--no-px mt-6 \"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi eveniet esse nihil eaque libero placeat impedit id. Eos dolorum saepe, nemo quos magnam porro aut commodi, amet deleniti neque architecto.<\/p>\n<p>Repudiandae ducimus voluptatum distinctio qui aliquam eius illo vel necessitatibus veritatis inventore neque enim nihil hic accusamus laborum perferendis alias, quibusdam quis earum ab! Tenetur inventore nemo aperiam nulla fugiat?<\/p>\n<p>Architecto totam voluptatum eaque provident ducimus. Architecto enim quidem vel, quos harum numquam nobis aliquam cum ex neque voluptas sunt suscipit obcaecati quisquam placeat! Inventore reiciendis corrupti dolores velit aspernatur.<\/p>\n<\/div>\n                                    <nav class=\"flex items-center flex-wrap gap-2 lg:gap-4 mt-6 lg:mt-10\">\n                        <a class=\"btn btn--primary \" href=\"https:\/\/marenland.nl\/experiences\/fijne-camperplaatsen-aan-het-water\/\" target=\"_self\">Camperplaatsen<\/a><a class=\"btn btn--primary btn--outlined\" href=\"https:\/\/marenland.nl\/contact\/\" target=\"_self\">Contact<\/a>                    <\/nav>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section class=\"content-block content-block--media-text grid items-center my-12 lg:my-[7.5rem] has-[+&#038;]:mb-0 [&#038;+&#038;]:mt-11 lg:[&#038;+&#038;]:mt-14 media-text--featured content-block--underlap media-text--left\">\n    <div class=\"media-text__media size-full overflow-hidden shadow has-[media-player]:!aspect-video has-[media-player]:h-auto lg:contain-size -lg:rounded-[1.875rem] -lg:-shadow -lg:relative -lg:aspect-[393\/220] 2xl:min-h-[25vw]\">\n                                    <img decoding=\"async\" width=\"2250\" height=\"1266\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214.jpg\" class=\"object-cover size-full\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214.jpg 2250w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-300x169.jpg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-1024x576.jpg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-768x432.jpg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-1536x864.jpg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/04\/marenland-niels-kooistra-bewerkt-hoge-kwaliteit-214-2048x1152.jpg 2048w\" sizes=\"(max-width: 2250px) 100vw, 2250px\" \/>                        <\/div>\n    <div class=\"media-text__text lg:py-12 lg:isolate\">\n        <div class=\"pb-10 pt-[calc(theme(spacing.8)+1.875rem)] -lg:-mt-[1.875rem] -lg:rounded-t-none px-6 lg:p-12 text-white shadow rounded-[1.875rem] \">\n            <div data-aos=\"fade-up\">\n                <h2 class=\"text-h3\">These are some style guide examples of a media\/text block<\/h2>                <div class=\"content content--max content--no-px mt-6 -lg:mt-4\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi eveniet esse nihil eaque libero placeat impedit id. Eos dolorum saepe, nemo quos magnam porro aut commodi, amet deleniti neque architecto.<\/p>\n<p>Repudiandae ducimus voluptatum distinctio qui aliquam eius illo vel necessitatibus veritatis inventore neque enim nihil hic accusamus laborum perferendis alias, quibusdam quis earum ab! Tenetur inventore nemo aperiam nulla fugiat?<\/p>\n<p>Architecto totam voluptatum eaque provident ducimus. Architecto enim quidem vel, quos harum numquam nobis aliquam cum ex neque voluptas sunt suscipit obcaecati quisquam placeat! Inventore reiciendis corrupti dolores velit aspernatur.<\/p>\n<\/div>\n                                    <nav class=\"flex items-center flex-wrap gap-2 lg:gap-4 mt-8 lg:mt-9\">\n                        <a class=\"btn btn--secondary \" href=\"https:\/\/marenland.nl\/experiences\/fijne-camperplaatsen-aan-het-water\/\" target=\"_self\">Camperplaatsen<\/a><a class=\"btn btn--secondary btn--outlined\" href=\"https:\/\/marenland.nl\/contact\/\" target=\"_self\">Contact<\/a>                    <\/nav>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section class=\"content-block content-block--media-text grid items-center my-12 lg:my-[7.5rem] has-[+&#038;]:mb-0 [&#038;+&#038;]:mt-11 lg:[&#038;+&#038;]:mt-14 media-text--featured content-block--underlap media-text--right\">\n    <div class=\"media-text__media size-full overflow-hidden shadow has-[media-player]:!aspect-video has-[media-player]:h-auto lg:contain-size -lg:rounded-[1.875rem] -lg:-shadow -lg:relative -lg:aspect-[393\/220] 2xl:min-h-[25vw]\">\n                                    <div class=\"overflow-hidden shadow [&#038;_f]:!rounded-none [&#038;_media-player]:overflow-hidden [&#038;_media-player]:size-full [&#038;_media-player\\_\\_video-wrapper]:!aspect-auto size-full object-cover isolate\">\n                    <div data-video=\"\" data-video-provider=\"vimeo\" data-video-id=\"70591644\" data-video-show-title=\"1\"><\/div>                <\/div>\n                        <\/div>\n    <div class=\"media-text__text lg:py-12 lg:isolate\">\n        <div class=\"pb-10 pt-[calc(theme(spacing.8)+1.875rem)] -lg:-mt-[1.875rem] -lg:rounded-t-none px-6 lg:p-12 text-white shadow rounded-[1.875rem] \">\n            <div data-aos=\"fade-up\">\n                <h2 class=\"text-h3\">These are some style guide examples of a media\/text block<\/h2>                <div class=\"content content--max content--no-px mt-6 -lg:mt-4\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi eveniet esse nihil eaque libero placeat impedit id. Eos dolorum saepe, nemo quos magnam porro aut commodi, amet deleniti neque architecto.<\/p>\n<p>Repudiandae ducimus voluptatum distinctio qui aliquam eius illo vel necessitatibus veritatis inventore neque enim nihil hic accusamus laborum perferendis alias, quibusdam quis earum ab! Tenetur inventore nemo aperiam nulla fugiat?<\/p>\n<p>Architecto totam voluptatum eaque provident ducimus. Architecto enim quidem vel, quos harum numquam nobis aliquam cum ex neque voluptas sunt suscipit obcaecati quisquam placeat! Inventore reiciendis corrupti dolores velit aspernatur.<\/p>\n<\/div>\n                                    <nav class=\"flex items-center flex-wrap gap-2 lg:gap-4 mt-8 lg:mt-9\">\n                        <a class=\"btn btn--secondary \" href=\"https:\/\/marenland.nl\/experiences\/fijne-camperplaatsen-aan-het-water\/\" target=\"_self\">Camperplaatsen<\/a><a class=\"btn btn--secondary btn--outlined\" href=\"https:\/\/marenland.nl\/contact\/\" target=\"_self\">Contact<\/a>                    <\/nav>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n    <section class=\"content-block content-block--gallery px-6\">\n        <div class=\"max-w-[82.5rem] mx-auto\">\n            <h2 class=\"max-w-[33.875rem]\">Lorem ipsum dolor sit amet, consectetur adipiscing elit <\/h2>            <ul class=\"columns-2 md:columns-3 lg:columns-4 gap-x-4 lg:gap-x-8 mt-8\">\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1925\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf-300x226.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf-1024x770.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf-768x578.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf-1536x1155.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/6ad8196afe207dcf4aed1a908be2dcdf-2048x1540.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"1500\" height=\"768\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/3f5870169943a0ed9e0986e51c0fad5c.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/3f5870169943a0ed9e0986e51c0fad5c.jpeg 1500w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/3f5870169943a0ed9e0986e51c0fad5c-300x154.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/3f5870169943a0ed9e0986e51c0fad5c-1024x524.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/3f5870169943a0ed9e0986e51c0fad5c-768x393.jpeg 768w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cfce32538cb4563efbfbd628b8317534-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/8ce6feec38d3b146fdefe014fabde3a9-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/fd7e38a21f4cebf0682f09413a75429c-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/45f4d54438f87bc9b4a48c794f4e2b84-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"845\" height=\"564\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/ccaeb27bf88857d3f7738575a1463652.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/ccaeb27bf88857d3f7738575a1463652.jpeg 845w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/ccaeb27bf88857d3f7738575a1463652-300x200.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/ccaeb27bf88857d3f7738575a1463652-768x513.jpeg 768w\" sizes=\"(max-width: 845px) 100vw, 845px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2a59b28c3918e912078b2b13459caa0f-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/bfc2cacef03d0631311fdf780bf520f9-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-scaled.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-scaled.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-300x169.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-1024x576.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-768x432.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-1536x864.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/b635e233841028b01f5493f938e51828-2048x1152.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"2560\" height=\"1804\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d.jpeg 2560w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d-300x211.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d-1024x722.jpeg 1024w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d-768x541.jpeg 768w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d-1536x1082.jpeg 1536w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/c15df46b1561083d2cf9160c1249661d-2048x1443.jpeg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"331\" height=\"457\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2c49295cf15256c3a2ca319e8cd50b0a.png\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2c49295cf15256c3a2ca319e8cd50b0a.png 331w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/2c49295cf15256c3a2ca319e8cd50b0a-217x300.png 217w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"746\" height=\"505\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cd01813bb0cda959933ca0a148914c93.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cd01813bb0cda959933ca0a148914c93.jpeg 746w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/cd01813bb0cda959933ca0a148914c93-300x203.jpeg 300w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/>                    <\/li>\n                                    <li data-aos=\"fade-up\" class=\"break-inside-avoid py-4\">\n                        <img decoding=\"async\" width=\"960\" height=\"628\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" class=\"w-full object-cover rounded-3xl lg:rounded-[1.875rem] shadow\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg 960w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037-300x196.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037-768x502.jpeg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>                    <\/li>\n                            <\/ul>\n        <\/div>\n    <\/section>\n\n    <div data-aos=\"fade-up\" class=\"content-block content--single content--container my-14 lg:my-16\">\n        <div class=\"rounded-3xl lg:rounded-[1.875rem] overflow-hidden shadow aspect-video\">\n            <div data-video=\"\" data-video-provider=\"vimeo\" data-video-id=\"226053498\" data-video-show-title=\"1\" data-video-title=\"Sleeping, eating and recreating in one location\"><\/div>        <\/div>\n    <\/div>\n\n    <div data-aos=\"fade-up\" class=\"content-block content--single content--container my-14 lg:my-16\">\n        <div class=\"rounded-3xl lg:rounded-[1.875rem] overflow-hidden shadow aspect-video\">\n            <div data-video=\"\" data-video-provider=\"vimeo\" data-video-id=\"226053498\" data-video-show-title=\"1\"><\/div>        <\/div>\n    <\/div>\n\n    <div data-aos=\"fade-up\" class=\"content-block content--single content--container my-14 lg:my-16\">\n        <div class=\"rounded-3xl lg:rounded-[1.875rem] overflow-hidden shadow aspect-video\">\n            <div data-video=\"\" data-video-provider=\"vimeo\" data-video-id=\"226053498\" data-video-show-title=\"\"><\/div>        <\/div>\n    <\/div>\n\n    <section class=\"content-block content-block--download px-6 my-20 lg:my-28\">\n        <ul class=\"grid gap-y-12 gap-x-8 mx-auto  max-w-[54rem] \">\n                                            <li data-aos=\"fade-up\">\n                    <h2>Aangepaste titel<\/h2>\n                    <div class=\"content content--no-px mt-6\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<\/p><\/div>\n                    <a href=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" download target=\"_blank\" class=\"btn btn--download btn--primary mt-8\">Downloaden<\/a>\n                <\/li>\n                    <\/ul>\n    <\/section>\n\n    <section class=\"content-block content-block--download px-6 my-20 lg:my-28\">\n        <ul class=\"grid gap-y-12 gap-x-8 mx-auto md:grid-cols-2 max-w-[54rem] \">\n                                            <li data-aos=\"fade-up\">\n                    <h2>Own title<\/h2>\n                    <div class=\"content content--no-px mt-6\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<\/p>\n<\/div>\n                    <a href=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" download target=\"_blank\" class=\"btn btn--download btn--primary mt-8\">Downloaden<\/a>\n                <\/li>\n                                            <li data-aos=\"fade-up\">\n                    <h2>Aangepaste titel<\/h2>\n                    <div class=\"content content--no-px mt-6\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<\/p><\/div>\n                    <a href=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" download target=\"_blank\" class=\"btn btn--download btn--primary mt-8\">Downloaden<\/a>\n                <\/li>\n                    <\/ul>\n    <\/section>\n\n    <section class=\"content-block content-block--download px-6 my-20 lg:my-28\">\n        <ul class=\"grid gap-y-12 gap-x-8 mx-auto md:grid-cols-2 max-w-[82.5rem] xl:grid-cols-3\">\n                                            <li data-aos=\"fade-up\">\n                    <h2>Camping brochure<\/h2>\n                    <div class=\"content content--no-px mt-6\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<\/p><\/div>\n                    <a href=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" download target=\"_blank\" class=\"btn btn--download btn--primary mt-8\">Downloaden<\/a>\n                <\/li>\n                                            <li data-aos=\"fade-up\">\n                    <h2>Aangepaste titel<\/h2>\n                    <div class=\"content content--no-px mt-6\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<\/p>\n<\/div>\n                    <a href=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" download target=\"_blank\" class=\"btn btn--download btn--primary mt-8\">Downloaden<\/a>\n                <\/li>\n                                            <li data-aos=\"fade-up\">\n                    <h2>Aangepaste titel<\/h2>\n                    <div class=\"content content--no-px mt-6\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<\/p><\/div>\n                    <a href=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" download target=\"_blank\" class=\"btn btn--download btn--primary mt-8\">Downloaden<\/a>\n                <\/li>\n                    <\/ul>\n    <\/section>\n\n<section data-aos=\"fade-up\" class=\"content-block content-block--call-to-action content-block--overlap lg:px-6 mb-12 mt-20 lg:my-16 relative\">\n    <div class=\"max-w-[68.375rem] mx-auto bg-green text-white rounded-content-block lg:grid lg:grid-cols-10 gap-x-8 overflow-hidden shadow\">\n        <div class=\"px-6 pb-12 pt-10 lg:pt-11 lg:pb-10 lg:pl-12 lg:pr-0 flex flex-col text-center lg:text-left col-span-6 \">\n            <h2 class=\"text-h3\">Robbert van Barneveld<\/h2>            <div class=\"content content--no-px mb-auto mt-10 lg:mt-6 lg:max-w-[30.875rem] mx-auto lg:mx-0\"><p>Is this position something for you or do you have questions regarding the vacancy? Contact us!<\/p>\n<\/div>\n\n                            <div class=\"flex gap-2 lg:gap-4 flex-wrap mt-8\">\n                                            <a class=\"btn btn--secondary \" href=\"tel:+31612345678\" target=\"_self\">0612345678<\/a>\n                                            <a class=\"btn btn--secondary btn--outlined\" href=\"mailto:robbert@example.com\" target=\"_self\">robbert@marenland.nl<\/a>\n                                    <\/div>\n            \n        <\/div>\n        <img decoding=\"async\" width=\"960\" height=\"628\" src=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg\" class=\"object-cover aspect-[418\/325] size-full hidden lg:block col-span-4\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037.jpeg 960w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037-300x196.jpeg 300w, https:\/\/marenland.nl\/app\/uploads\/2024\/03\/4d139459c992cde150e832d99e492037-768x502.jpeg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":222,"comment_status":"closed","ping_status":"closed","template":"page_styleguide.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2636","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Styleguide - Marenland Winsum<\/title>\n<meta name=\"description\" content=\"Read our style guide for guidelines and tips on how to consistently and recognisably present the Marenland brand in all your communications.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marenland.nl\/en\/styleguide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Styleguide - Marenland Winsum\" \/>\n<meta property=\"og:description\" content=\"Read our style guide for guidelines and tips on how to consistently and recognisably present the Marenland brand in all your communications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marenland.nl\/en\/styleguide\/\" \/>\n<meta property=\"og:site_name\" content=\"Marenland\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-19T19:34:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marenland.nl\/en\/styleguide\/\",\"url\":\"https:\/\/marenland.nl\/en\/styleguide\/\",\"name\":\"Styleguide - Marenland Winsum\",\"isPartOf\":{\"@id\":\"https:\/\/marenland.nl\/en\/#website\"},\"datePublished\":\"2024-03-11T09:58:59+00:00\",\"dateModified\":\"2024-06-19T19:34:27+00:00\",\"description\":\"Read our style guide for guidelines and tips on how to consistently and recognisably present the Marenland brand in all your communications.\",\"breadcrumb\":{\"@id\":\"https:\/\/marenland.nl\/en\/styleguide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marenland.nl\/en\/styleguide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/marenland.nl\/en\/styleguide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/marenland.nl\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Styleguide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marenland.nl\/en\/#website\",\"url\":\"https:\/\/marenland.nl\/en\/\",\"name\":\"Marenland\",\"description\":\"Slapen, Eten en Recre\u00ebren\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/marenland.nl\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Styleguide - Marenland Winsum","description":"Read our style guide for guidelines and tips on how to consistently and recognisably present the Marenland brand in all your communications.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/marenland.nl\/en\/styleguide\/","og_locale":"en_US","og_type":"article","og_title":"Styleguide - Marenland Winsum","og_description":"Read our style guide for guidelines and tips on how to consistently and recognisably present the Marenland brand in all your communications.","og_url":"https:\/\/marenland.nl\/en\/styleguide\/","og_site_name":"Marenland","article_modified_time":"2024-06-19T19:34:27+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/marenland.nl\/en\/styleguide\/","url":"https:\/\/marenland.nl\/en\/styleguide\/","name":"Styleguide - Marenland Winsum","isPartOf":{"@id":"https:\/\/marenland.nl\/en\/#website"},"datePublished":"2024-03-11T09:58:59+00:00","dateModified":"2024-06-19T19:34:27+00:00","description":"Read our style guide for guidelines and tips on how to consistently and recognisably present the Marenland brand in all your communications.","breadcrumb":{"@id":"https:\/\/marenland.nl\/en\/styleguide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marenland.nl\/en\/styleguide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/marenland.nl\/en\/styleguide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/marenland.nl\/en\/"},{"@type":"ListItem","position":2,"name":"Styleguide"}]},{"@type":"WebSite","@id":"https:\/\/marenland.nl\/en\/#website","url":"https:\/\/marenland.nl\/en\/","name":"Marenland","description":"Slapen, Eten en Recre\u00ebren","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marenland.nl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/pages\/2636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/comments?post=2636"}],"version-history":[{"count":7,"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/pages\/2636\/revisions"}],"predecessor-version":[{"id":4070,"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/pages\/2636\/revisions\/4070"}],"wp:attachment":[{"href":"https:\/\/marenland.nl\/en\/wp-json\/wp\/v2\/media?parent=2636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}