{"id":473,"date":"2025-05-09T06:30:19","date_gmt":"2025-05-09T06:30:19","guid":{"rendered":"http:\/\/marion.dk\/?page_id=473"},"modified":"2026-05-21T08:26:25","modified_gmt":"2026-05-21T08:26:25","slug":"producenter","status":"publish","type":"page","link":"https:\/\/marion.dk\/index.php\/producenter\/","title":{"rendered":"Producenter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"473\" class=\"elementor elementor-473\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e52917e e-flex e-con-boxed e-con e-parent\" data-id=\"e52917e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eba244 elementor-widget elementor-widget-html\" data-id=\"2eba244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .hero-wrap {\n    position: relative;\n    width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    height: 92vh;\n    min-height: 560px;\n    max-height: 900px;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n  }\n\n  .hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/marion.dk\/wp-content\/uploads\/2026\/03\/Backensholzer-Hof-2-179.webp');\n    background-size: cover;\n    background-position: center top;\n    transform: scale(1.03);\n    animation: heroZoom 8s ease forwards;\n  }\n \n  @keyframes heroZoom {\n    from { transform: scale(1.03); }\n    to   { transform: scale(1); }\n  }\n \n  \/* donkere overlay onderaan zodat tekst altijd leesbaar is *\/\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(0,0,0,0)    30%,\n      rgba(0,0,0,0.18) 60%,\n      rgba(0,0,0,0.52) 100%\n    );\n  }\n \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 48px 72px;\n  }\n \n  \/* \u2500\u2500 STAP B: pas de teksten aan \u2500\u2500 *\/\n  .hero-eyebrow {\n    display: block;\n    font-family: 'Jost', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.7);\n    margin-bottom: 16px;\n    opacity: 0;\n    transform: translateY(12px);\n    animation: fadeUp 0.7s 0.3s ease forwards;\n  }\n \n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(38px, 6vw, 76px);\n    font-weight: 300;\n    line-height: 1.05;\n    color: #ffffff;\n    margin: 0 0 20px;\n    max-width: 720px;\n    opacity: 0;\n    transform: translateY(14px);\n    animation: fadeUp 0.7s 0.45s ease forwards;\n  }\n \n  .hero-title em {\n    font-style: italic;\n    font-weight: 300;\n  }\n \n  .hero-sub {\n    font-family: 'Jost', sans-serif;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.7;\n    color: rgba(255,255,255,0.82);\n    margin: 0 0 36px;\n    max-width: 480px;\n    opacity: 0;\n    transform: translateY(14px);\n    animation: fadeUp 0.7s 0.6s ease forwards;\n  }\n \n  \/* \u2500\u2500 STAP C: pas de knop-link aan \u2500\u2500 *\/\n  .hero-btn {\n    display: inline-block;\n    font-family: 'Jost', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #1a1a18;\n    background: #faf8f4;\n    text-decoration: none;\n    padding: 16px 36px;\n    border: 1px solid transparent;\n    transition: background 0.25s, color 0.25s, border-color 0.25s;\n    opacity: 0;\n    transform: translateY(14px);\n    animation: fadeUp 0.7s 0.75s ease forwards;\n  }\n \n  .hero-btn:hover {\n    background: transparent;\n    color: #ffffff;\n    border-color: rgba(255,255,255,0.6);\n    text-decoration: none;\n  }\n \n  @keyframes fadeUp {\n    to { opacity: 1; transform: translateY(0); }\n  }\n \n  \/* scroll-pijl *\/\n  .hero-scroll {\n    position: absolute;\n    bottom: 28px;\n    right: 48px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    opacity: 0;\n    animation: fadeUp 0.7s 1.1s ease forwards;\n  }\n \n  .hero-scroll span {\n    font-family: 'Jost', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    writing-mode: vertical-rl;\n  }\n \n  .hero-scroll-line {\n    width: 1px;\n    height: 48px;\n    background: rgba(255,255,255,0.3);\n    position: relative;\n    overflow: hidden;\n  }\n \n  .hero-scroll-line::after {\n    content: '';\n    position: absolute;\n    top: -100%;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255,255,255,0.8);\n    animation: scrollLine 1.8s 1.4s ease-in-out infinite;\n  }\n \n  @keyframes scrollLine {\n    0%   { top: -100%; }\n    100% { top: 100%; }\n  }\n \n  \/* responsive *\/\n  @media (max-width: 768px) {\n    .hero-wrap { height: 85vh; }\n    .hero-content { padding: 0 24px 56px; }\n    .hero-scroll { right: 24px; }\n  }\n \n  @media (max-width: 480px) {\n    .hero-wrap { height: 80vh; min-height: 480px; }\n    .hero-title { font-size: clamp(32px, 9vw, 52px); }\n  }\n<\/style>\n \n<div class=\"hero-wrap\">\n \n  <!-- achtergrond foto -->\n  <div class=\"hero-bg\"><\/div>\n \n  <!-- overlay -->\n  <div class=\"hero-overlay\"><\/div>\n \n  <!-- tekst content -->\n  <div class=\"hero-content\">\n \n    <!-- STAP B: pas deze teksten aan -->\n    <span class=\"hero-eyebrow\">N\u00f8je udvalgt fra sm\u00e5, dedikerede g\u00e5rder<\/span>\n \n    <h1 class=\"hero-title\">\n      Producenter<br><em>G\u00e5rdmejerier, hvor mennesker, dyr og tid f\u00e5r lov at betyde noget.<\/em>\n    <\/h1>\n \n    <p class=\"hero-sub\">\n      Jeg arbejder t\u00e6t sammen med f\u00e5, n\u00f8je udvalgte g\u00e5rdmejerier, som jeg kender personligt.\nHer kan du m\u00f8de menneskene bag ostene, og l\u00e6se om deres m\u00e5de at arbejde p\u00e5.\n    <\/p>\n \n    <!-- STAP C: vervang #jouw-link door de juiste URL -->\n    <a href=\"#jouw-link\" class=\"hero-btn\">M\u00f8d producenterne<\/a>\n \n  <\/div>\n \n  <!-- scroll indicator -->\n  <div class=\"hero-scroll\">\n    <span>Scroll<\/span>\n    <div class=\"hero-scroll-line\"><\/div>\n  <\/div>\n \n<\/div>\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-193b965 e-flex e-con-boxed e-con e-parent\" data-id=\"193b965\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d563d1 elementor-widget elementor-widget-html\" data-id=\"6d563d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .pg, .pg * { box-sizing: border-box; margin: 0; padding: 0; }\n \n  .pg {\n    font-family: 'Jost', sans-serif !important;\n    -webkit-font-smoothing: antialiased;\n    background: #ffffff;\n    padding: 88px 0 100px;\n  }\n \n  .pg-inner {\n    max-width: 1160px;\n    margin: 0 auto !important;\n    padding: 0 48px !important;\n  }\n \n  .pg-eyebrow {\n    display: block;\n    font-size: 10px !important;\n    font-weight: 500 !important;\n    letter-spacing: 0.22em !important;\n    text-transform: uppercase !important;\n    color: #a89880 !important;\n    margin-bottom: 14px !important;\n    font-family: 'Jost', sans-serif !important;\n  }\n \n  .pg-title {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: clamp(28px, 3.5vw, 44px) !important;\n    font-weight: 300 !important;\n    line-height: 1.1 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 12px !important;\n    letter-spacing: -0.01em !important;\n    text-transform: none !important;\n    padding: 0 !important;\n    border: none !important;\n  }\n \n  .pg-title em { font-style: italic !important; }\n \n  .pg-sub {\n    font-size: 15px !important;\n    font-weight: 300 !important;\n    line-height: 1.75 !important;\n    color: #6b6862 !important;\n    margin: 0 0 56px !important;\n    max-width: 560px !important;\n    font-family: 'Jost', sans-serif !important;\n  }\n \n  .pg-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n \n  .pg-card {\n    background: #ffffff;\n    border: 1px solid #e8e4dc;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n \n  .pg-card-photo {\n    overflow: hidden;\n    aspect-ratio: 3\/2;\n    background: #ede9e1;\n  }\n \n  .pg-card-photo img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n    display: block !important;\n    max-width: none !important;\n    filter: grayscale(15%);\n    transition: transform 0.55s ease, filter 0.4s ease;\n  }\n \n  .pg-card:hover .pg-card-photo img {\n    transform: scale(1.04);\n    filter: grayscale(0%);\n  }\n \n  .pg-card-body {\n    padding: 20px 20px 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n \n  .pg-card-tag {\n    font-size: 10px !important;\n    font-weight: 500 !important;\n    letter-spacing: 0.18em !important;\n    text-transform: uppercase !important;\n    color: #a89880 !important;\n    margin: 0 0 8px !important;\n    font-family: 'Jost', sans-serif !important;\n  }\n \n  .pg-card-name {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: 20px !important;\n    font-weight: 400 !important;\n    line-height: 1.2 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 10px !important;\n    padding: 0 !important;\n    border: none !important;\n    text-transform: none !important;\n  }\n \n  .pg-card-desc {\n    font-size: 13px !important;\n    font-weight: 300 !important;\n    line-height: 1.7 !important;\n    color: #6b6862 !important;\n    margin: 0 !important;\n    flex: 1;\n    font-family: 'Jost', sans-serif !important;\n  }\n \n  .pg-card-footer {\n    padding: 16px 20px 20px;\n    margin-top: 16px;\n    border-top: 1px solid #e8e4dc;\n  }\n \n  .pg-card-link {\n    font-size: 10px !important;\n    font-weight: 500 !important;\n    letter-spacing: 0.16em !important;\n    text-transform: uppercase !important;\n    color: #1a1a18 !important;\n    text-decoration: none !important;\n    transition: letter-spacing 0.2s !important;\n    font-family: 'Jost', sans-serif !important;\n  }\n \n  .pg-card-link:hover {\n    letter-spacing: 0.22em !important;\n    text-decoration: none !important;\n    color: #1a1a18 !important;\n  }\n \n  @media (max-width: 900px) {\n    .pg-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n \n  @media (max-width: 560px) {\n    .pg { padding: 56px 0 64px; }\n    .pg-inner { padding: 0 24px !important; }\n    .pg-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n \n<section class=\"pg\">\n  <div class=\"pg-inner\">\n \n    <span class=\"pg-eyebrow\">Producenter<\/span>\n    <h2 class=\"pg-title\">Producenter jeg <em>kender personligt<\/em><\/h2>\n    <p class=\"pg-sub\">G\u00e5rdostene kommer fra f\u00e5, n\u00f8je udvalgte producenter. Her kan du l\u00e6se mere om hver enkelt.<\/p>\n \n    <div class=\"pg-grid\">\n \n      <div class=\"pg-card\">\n        <div class=\"pg-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/marion.dk\/wp-content\/uploads\/2021\/02\/Andre-scaled.jpg\" alt=\"Producent 1\">\n        <\/div>\n        <div class=\"pg-card-body\">\n          <span class=\"pg-card-tag\">Kategori<\/span>\n          <h3 class=\"pg-card-name\">Andr\u00e9 \u2013 Kinderdijk, Holland<\/h3>\n          <p class=\"pg-card-desc\">P\u00e5 sin g\u00e5rd i det ikoniske landskab ved Kinderdijk fremstiller Andr\u00e9<\/p>\n        <\/div>\n        <div class=\"pg-card-footer\">\n          <a href=\"https:\/\/marion.dk\/index.php\/andres-gouda\/\" class=\"pg-card-link\">L\u00e6s mere &#8594;<\/a>\n        <\/div>\n      <\/div>\n \n      <div class=\"pg-card\">\n        <div class=\"pg-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/marion.dk\/wp-content\/uploads\/2021\/02\/Bert-med-baby-ged.jpg\" alt=\"Producent 2\">\n        <\/div>\n        <div class=\"pg-card-body\">\n          <span class=\"pg-card-tag\">Kategori<\/span>\n          <h3 class=\"pg-card-name\">De Br\u00f6mmels \u2013 Woold, Holland<\/h3>\n          <p class=\"pg-card-desc\">P\u00e5 den 300 \u00e5r gamle sl\u00e6gtsg\u00e5rd De Br\u00f6mmels i Woold fremstiller Bert og Lars h\u00e5ndv\u00e6rksgedeoste af morgenm\u00e6lken fra g\u00e5rdens egne geder.<\/p>\n        <\/div>\n        <div class=\"pg-card-footer\">\n          <a href=\"https:\/\/marion.dk\/index.php\/brommels\/\" class=\"pg-card-link\">L\u00e6s mere &#8594;<\/a>\n        <\/div>\n      <\/div>\n \n      <div class=\"pg-card\">\n        <div class=\"pg-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/marion.dk\/wp-content\/uploads\/2021\/02\/Thilo-med-ost.jpeg\" alt=\"Producent 3\">\n        <\/div>\n        <div class=\"pg-card-body\">\n          <span class=\"pg-card-tag\">Kategori<\/span>\n          <h3 class=\"pg-card-name\">Backensholz -\n          Slesvig, Tyskland<\/h3>\n          <p class=\"pg-card-desc\">Midt i det gr\u00f8nne Slesvig fremstiller ostemester Thilo \u2013 sammen med sin familie \u2013 \u00f8kologiske r\u00e5m\u00e6lksoste af m\u00e6lk fra g\u00e5rdens egne k\u00f8er.<\/p>\n        <\/div>\n        <div class=\"pg-card-footer\">\n          <a href=\"https:\/\/marion.dk\/index.php\/backensholz\/\" class=\"pg-card-link\">L\u00e6s mere &#8594;<\/a>\n        <\/div>\n      <\/div>\n \n    <\/div>\n  <\/div>\n<\/section>\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>N\u00f8je udvalgt fra sm\u00e5, dedikerede g\u00e5rder ProducenterG\u00e5rdmejerier, hvor mennesker, dyr og tid f\u00e5r lov at betyde noget. Jeg arbejder t\u00e6t sammen med f\u00e5, n\u00f8je udvalgte g\u00e5rdmejerier, som jeg kender personligt. Her kan du m\u00f8de menneskene bag ostene, og l\u00e6se om deres m\u00e5de at arbejde p\u00e5&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":1001,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-473","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":15,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":1306,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions\/1306"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/media\/1001"}],"wp:attachment":[{"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}