{"id":1018,"date":"2026-03-04T10:03:49","date_gmt":"2026-03-04T10:03:49","guid":{"rendered":"http:\/\/marion.dk\/?page_id=1018"},"modified":"2026-05-21T08:24:34","modified_gmt":"2026-05-21T08:24:34","slug":"gardoste","status":"publish","type":"page","link":"https:\/\/marion.dk\/index.php\/gardoste\/","title":{"rendered":"G\u00e5rdoste"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1018\" class=\"elementor elementor-1018\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23e78f6 e-flex e-con-boxed e-con e-parent\" data-id=\"23e78f6\" 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-9ea357c elementor-widget elementor-widget-html\" data-id=\"9ea357c\" 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\/Moin-wir-sind-der-Backensholzer-Hof_-21-82.jpg');\n    background-size: cover;\n    background-position: center ;\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  .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.1;\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\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    <span class=\"hero-eyebrow\">Smag \u00b7 h\u00e5ndv\u00e6rk \u00b7 Tid<\/span>\n \n    <h1 class=\"hero-title\">\n     G\u00e5rdoste fra sm\u00e5 producenter i Europa<br><em>\u00c6rligt h\u00e5ndv\u00e6rk. God smag.<\/em>\n    <\/h1>\n \n    <p class=\"hero-sub\">\n     Udvalgt hos g\u00e5rdmejerier, hvor smag, dyrevelf\u00e6rd og tid f\u00e5r lov at betyde noget.\n    <\/p>\n \n\n    <a href=\"#producenter\" class=\"hero-btn\">Mod producenter<\/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-b190dee e-flex e-con-boxed e-con e-parent\" data-id=\"b190dee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-142c9ca elementor-widget elementor-widget-html\" data-id=\"142c9ca\" 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  .intro-section {\n    font-family: 'Jost', sans-serif;\n    background: #F7F2EC;\n    padding: 100px 0 110px;\n    -webkit-font-smoothing: antialiased;\n  }\n \n  .intro-inner {\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 48px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n \n  .intro-text {}\n \n  .intro-section .intro-eyebrow {\n    display: block !important;\n    font-family: 'Jost', sans-serif !important;\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: 20px !important;\n  }\n \n  .intro-section .intro-title,\n  .intro-section h2.intro-title,\n  .intro-section h2 {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: clamp(30px, 3.5vw, 46px) !important;\n    font-weight: 300 !important;\n    line-height: 1.1 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 32px !important;\n    letter-spacing: -0.01em !important;\n    text-transform: none !important;\n    border: none !important;\n    padding: 0 !important;\n  }\n \n  .intro-section .intro-title em,\n  .intro-section h2.intro-title em {\n    font-style: italic !important;\n    font-weight: 300 !important;\n    color: #1a1a18 !important;\n  }\n \n  .intro-divider {\n    width: 36px;\n    height: 1px;\n    background: #c8b89a;\n    margin-bottom: 28px;\n  }\n \n  .intro-body {\n    font-size: 15px;\n    font-weight: 300;\n    line-height: 1.85;\n    color: #5a5752;\n    margin: 0 0 20px;\n  }\n \n  .intro-body + .intro-body {\n    margin-top: -6px;\n  }\n \n  .intro-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 32px;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #1a1a18;\n    text-decoration: none;\n    border-bottom: 1px solid #c8b89a;\n    padding-bottom: 3px;\n    transition: gap 0.22s, border-color 0.22s;\n  }\n \n  .intro-link:hover {\n    gap: 16px;\n    border-color: #1a1a18;\n    text-decoration: none;\n  }\n \n  .intro-link svg {\n    width: 13px;\n    height: 13px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    flex-shrink: 0;\n  }\n \n  .intro-photo-wrap {\n    position: relative;\n  }\n \n  \/* grote foto *\/\n  .intro-photo {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 4 \/ 5;\n  }\n\n  .intro-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: grayscale(15%);\n    transition: transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94), filter 0.5s;\n  }\n \n  .intro-photo-wrap:hover .intro-photo img {\n    transform: scale(1.03);\n    filter: grayscale(0%);\n  }\n \n  .intro-photo {\n    position: relative;\n    z-index: 1;\n  }\n \n  \/* klein label rechtsonder *\/\n  .intro-photo-label {\n    position: absolute;\n    bottom: -28px;\n    left: 0;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #a89880;\n  }\n \n  \/* responsive *\/\n  @media (max-width: 900px) {\n    .intro-inner {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n    .intro-photo-wrap {\n      max-width: 560px;\n    }\n    .intro-photo-frame {\n      top: -12px;\n      right: -12px;\n      bottom: 12px;\n      left: 12px;\n    }\n  }\n \n  @media (max-width: 560px) {\n    .intro-section { padding: 64px 0 80px; }\n    .intro-inner { padding: 0 24px; }\n    .intro-photo-frame { display: none; }\n  }\n<\/style>\n \n<section class=\"intro-section\">\n  <div class=\"intro-inner\">\n \n    <div class=\"intro-text\">\n      <span class=\"intro-eyebrow\"><\/span>\n      <h2 class=\"intro-title\">Hvad er<br><em>g\u00e5rdoste?<\/em><\/h2>\n      <div class=\"intro-divider\"><\/div>\n \n      <p class=\"intro-body\">\n    G\u00e5rdoste fremstilles p\u00e5 g\u00e5rdmejerier i sm\u00e5 m\u00e6ngder \u2013 ofte af m\u00e6lk fra g\u00e5rdens egne k\u00f8er, geder, f\u00e5r eller b\u00f8fler. Her er der kort vej fra dyr til ost, og hver ost b\u00e6rer pr\u00e6g af stedet, menneskerne og den tid, den har f\u00e5et.\n      <\/p>\n \n      <p class=\"intro-body\">\n    Jeg arbejder t\u00e6t sammen med sm\u00e5, dedikerede g\u00e5rdmejerier - bl.a. i Holland og Slesvig, og udv\u00e6lger oste, hvor h\u00e5ndv\u00e6rk, smag og ordentlighed g\u00e5r h\u00e5nd i h\u00e5nd.\n      <\/p>\n \n    <\/div>\n \n\n    <div class=\"intro-photo-wrap\">\n      <div class=\"intro-photo-frame\"><\/div>\n      <div class=\"intro-photo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/marion.dk\/wp-content\/uploads\/2026\/03\/Fremstilling-Marion.jpg\"\n          alt=\"Fremstilling\"\n          loading=\"lazy\"\n        >\n      <\/div>\n      <span class=\"intro-photo-label\">Fremstilling <\/span>\n    <\/div>\n \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<div class=\"elementor-element elementor-element-4a47fc5 e-flex e-con-boxed e-con e-parent\" data-id=\"4a47fc5\" 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-9aab2d2 elementor-widget elementor-widget-html\" data-id=\"9aab2d2\" 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  .ms-values {\n    font-family: 'Jost', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    color: #1a1a18;\n    background: #ffffff;\n    padding: 96px 0 104px;\n  }\n \n  .ms-values * { box-sizing: border-box; }\n \n  .ms-wrap {\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 48px;\n  }\n \n  .ms-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  .ms-title {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: clamp(26px, 3vw, 40px) !important;\n    font-weight: 300 !important;\n    line-height: 1.15 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 56px !important;\n    letter-spacing: -0.01em !important;\n    text-transform: none !important;\n    padding: 0 !important;\n    border: none !important;\n  }\n \n  .ms-title em { font-style: italic !important; }\n \n  .ms-cols {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n    border-top: 1px solid #dedad3;\n  }\n \n  .ms-col {\n    padding: 40px 40px 40px 0;\n    border-right: 1px solid #dedad3;\n  }\n \n  .ms-col:last-child {\n    border-right: none;\n    padding-right: 0;\n    padding-left: 40px;\n  }\n \n  .ms-col:nth-child(2) { padding-left: 40px; }\n \n  .ms-col-num {\n    display: block;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n    color: #c8b89a;\n    margin-bottom: 20px;\n  }\n \n  .ms-col-title {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: 26px !important;\n    font-weight: 400 !important;\n    line-height: 1.15 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 16px !important;\n    letter-spacing: 0 !important;\n    text-transform: none !important;\n    padding: 0 !important;\n    border: none !important;\n  }\n \n  .ms-col-title em {\n    font-style: italic !important;\n    font-weight: 300 !important;\n  }\n \n  .ms-col-divider {\n    width: 28px;\n    height: 1px;\n    background: #c8b89a;\n    margin-bottom: 16px;\n  }\n \n  .ms-col-text {\n    font-size: 14px !important;\n    font-weight: 300 !important;\n    line-height: 1.8 !important;\n    color: #6b6862 !important;\n    margin: 0 !important;\n  }\n \n  @media (max-width: 900px) {\n    .ms-cols { grid-template-columns: 1fr; }\n    .ms-col,\n    .ms-col:last-child,\n    .ms-col:nth-child(2) {\n      padding: 36px 0;\n      border-right: none;\n      border-bottom: 1px solid #dedad3;\n    }\n    .ms-col:last-child { border-bottom: none; }\n  }\n \n  @media (max-width: 560px) {\n    .ms-wrap { padding: 0 24px; }\n    .ms-values { padding: 64px 0 72px; }\n  }\n<\/style>\n \n<section class=\"ms-values\">\n  <div class=\"ms-wrap\">\n    <span class=\"ms-eyebrow\">Vores tilgang<\/span>\n    <h2 class=\"ms-title\">S\u00e5dan udv\u00e6lger jeg mine <em>g\u00e5rdoste<\/em><\/h2>\n    <div class=\"ms-cols\">\n      <div class=\"ms-col\">\n        <span class=\"ms-col-num\">01<\/span>\n        <h3 class=\"ms-col-title\"><em>Smag<\/em><\/h3>\n        <div class=\"ms-col-divider\"><\/div>\n        <p class=\"ms-col-text\">Alt starter med smagen. Hvis den ikke er der, kommer osten ikke med. Det er det mest \u00e6rlige m\u00e5lestok, der findes.<\/p>\n      <\/div>\n      <div class=\"ms-col\">\n        <span class=\"ms-col-num\">02<\/span>\n        <h3 class=\"ms-col-title\"><em>H\u00e5ndv\u00e6rk<\/em><\/h3>\n        <div class=\"ms-col-divider\"><\/div>\n        <p class=\"ms-col-text\">Sm\u00e5 produktioner, hvor der arbejdes med h\u00e6nderne og smages undervejs. Ingen maskiner, der overtager.<\/p>\n      <\/div>\n      <div class=\"ms-col\">\n        <span class=\"ms-col-num\">03<\/span>\n        <h3 class=\"ms-col-title\"><em>Tid<\/em><\/h3>\n        <div class=\"ms-col-divider\"><\/div>\n        <p class=\"ms-col-text\">Modning og udvikling m\u00e5 gerne kunne smages. Gode oste tager den tid, de har brug for \u2014 og det kan m\u00e6rkes.<\/p>\n      <\/div>\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<div class=\"elementor-element elementor-element-dabd139 e-flex e-con-boxed e-con e-parent\" data-id=\"dabd139\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1dec64 elementor-widget elementor-widget-html\" data-id=\"a1dec64\" 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  .ms-assortment {\n    font-family: 'Jost', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    color: #1a1a18;\n    background: #F7F2EC;\n    padding: 96px 0 104px;\n  }\n \n  .ms-assortment * { box-sizing: border-box; }\n \n  .ms-assortment-inner {\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 48px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: start;\n  }\n \n  .ms-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  .ms-title {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: clamp(26px, 3vw, 40px) !important;\n    font-weight: 300 !important;\n    line-height: 1.15 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 36px !important;\n    letter-spacing: -0.01em !important;\n    text-transform: none !important;\n    padding: 0 !important;\n    border: none !important;\n  }\n \n  .ms-list {\n    list-style: none;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-top: 1px solid #d5cfc5;\n  }\n \n  .ms-list li {\n    font-size: 15px !important;\n    font-weight: 300 !important;\n    color: #3d3b38 !important;\n    line-height: 1.6 !important;\n    padding: 14px 0 !important;\n    border-bottom: 1px solid #d5cfc5 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    margin: 0 !important;\n  }\n \n  .ms-list-dot {\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: #c8b89a;\n    flex-shrink: 0;\n  }\n \n  .ms-note-col { padding-top: 8px; }\n \n  .ms-note-label {\n    display: block;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: #a89880;\n    margin-bottom: 20px;\n  }\n \n  .ms-note-quote {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: clamp(22px, 2.5vw, 32px) !important;\n    font-weight: 300 !important;\n    font-style: italic !important;\n    line-height: 1.4 !important;\n    color: #1a1a18 !important;\n    margin: 0 0 24px !important;\n    padding: 0 !important;\n    border: none !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n  }\n \n  .ms-note-text {\n    font-size: 14px !important;\n    font-weight: 300 !important;\n    line-height: 1.85 !important;\n    color: #6b6862 !important;\n    margin: 0 !important;\n  }\n \n  @media (max-width: 900px) {\n    .ms-assortment-inner { grid-template-columns: 1fr; gap: 48px; }\n  }\n \n  @media (max-width: 560px) {\n    .ms-assortment { padding: 64px 0 72px; }\n    .ms-assortment-inner { padding: 0 24px; }\n  }\n<\/style>\n \n<section class=\"ms-assortment\">\n  <div class=\"ms-assortment-inner\">\n    <div>\n      <span class=\"ms-eyebrow\">Vores udvalg<\/span>\n      <h2 class=\"ms-title\">I sortimentet<br>finder du bl.a.<\/h2>\n      <ul class=\"ms-list\">\n        <li><span class=\"ms-list-dot\"><\/span>Kom\u00e6lksoste, gedeoste, f\u00e5reoste og b\u00f8ffeloste<\/li>\n        <li><span class=\"ms-list-dot\"><\/span>Friske, unge, lagrede og langtidslagrede oste<\/li>\n        <li><span class=\"ms-list-dot\"><\/span>B\u00e5de \u00f8kologiske og ikke-\u00f8kologiske oste<\/li>\n        <li><span class=\"ms-list-dot\"><\/span>B\u00e5de pasteuriserede oste og r\u00e5m\u00e6lksoste<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"ms-note-col\">\n      <span class=\"ms-note-label\">Godt at vide<\/span>\n      <p class=\"ms-note-quote\">\"Smag og konsistens kan variere, fordi sm\u00e5 producenter arbejder med s\u00e6son, m\u00e6lk og modning.\"<\/p>\n      <p class=\"ms-note-text\">De f\u00f8lger naturens veje \u2014 og det kan smages. Hvert s\u00e6son bringer sit eget pr\u00e6g, og ingen to oste er helt ens.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\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<nav class=\"elementor-element elementor-element-4039021 e-flex e-con-boxed e-con e-parent\" data-id=\"4039021\" 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-c01a3a9 elementor-widget elementor-widget-html\" data-id=\"c01a3a9\" 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  .prd-section {\n    font-family: 'Jost', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    color: #1a1a18;\n    background: #ffffff;\n    padding: 96px 0 104px;\n  }\n \n \n  .prd-section * { box-sizing: border-box; }\n \n  .prd-inner {\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 48px;\n  }\n \n  .prd-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  .prd-heading {\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  .prd-heading em { font-style: italic !important; }\n \n  .prd-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: 600px !important;\n  }\n \n  .prd-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n \n  .prd-card {\n    background: #ffffff;\n    border: 1px solid #e8e4dc;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n \n  .prd-card-photo {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 3\/2;\n    background: #ede9e1;\n  }\n \n  .prd-card-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: grayscale(15%);\n    transition: transform 0.55s ease, filter 0.4s ease;\n  }\n \n  .prd-card:hover .prd-card-photo img {\n    transform: scale(1.04);\n    filter: grayscale(0%);\n  }\n \n  .prd-card-body {\n    padding: 20px 20px 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n \n  .prd-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  }\n \n  .prd-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  .prd-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  }\n \n  .prd-card-footer {\n    padding: 16px 20px 20px;\n    margin-top: 16px;\n    border-top: 1px solid #e8e4dc;\n  }\n \n  .prd-card-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\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: gap 0.2s;\n  }\n \n  .prd-card-link:hover { gap: 13px; text-decoration: none !important; }\n \n  .prd-card-link svg {\n    width: 13px;\n    height: 13px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    flex-shrink: 0;\n  }\n \n  @media (max-width: 900px) {\n    .prd-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n \n  @media (max-width: 560px) {\n    .prd-section { padding: 64px 0 72px; }\n    .prd-inner { padding: 0 24px; }\n    .prd-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n \n<section class=\"prd-section\" id=\"producenter\">\n  <div class=\"prd-inner\">\n \n    <span class=\"prd-eyebrow\">Producenter<\/span>\n    <h2 class=\"prd-heading\">Producenter jeg <em>kender personligt<\/em><\/h2>\n    <p class=\"prd-sub\">G\u00e5rdostene kommer fra f\u00e5, n\u00f8je udvalgte producenter. Her kan du l\u00e6se mere om hver enkelt, og om deres m\u00e5de at arbejde p\u00e5.<\/p>\n \n    <div class=\"prd-grid\">\n \n      <div class=\"prd-card\">\n        <div class=\"prd-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/marion.dk\/wp-content\/uploads\/2021\/02\/Andre-scaled.jpg\" alt=\"Andr\u00e9 \u2013 Kinderdijk\">\n        <\/div>\n        <div class=\"prd-card-body\">\n          <span class=\"prd-card-tag\">Gouda-g\u00e5rdoste<\/span>\n          <h3 class=\"prd-card-name\">Andr\u00e9 - Kinderdijk, Holland<\/h3>\n          <p class=\"prd-card-desc\">\u00d8kologiske gouda-g\u00e5rdoste med vegetarisk ostel\u00f8be.<\/p>\n        <\/div>\n        <div class=\"prd-card-footer\">\n          <a href=\"https:\/\/marion.dk\/index.php\/andres-gouda\/\" class=\"prd-card-link\">Se producenten\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n \n      <div class=\"prd-card\">\n        <div class=\"prd-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/marion.dk\/wp-content\/uploads\/2021\/02\/Bert-med-baby-ged.jpg\" alt=\"De Br\u00f6mmels \u2013 Woold\">\n        <\/div>\n        <div class=\"prd-card-body\">\n          <span class=\"prd-card-tag\">Gedeost<\/span>\n          <h3 class=\"prd-card-name\">De Br\u00f6mmels - Woold, Holland<\/h3>\n          <p class=\"prd-card-desc\">H\u00e5ndv\u00e6rksgedeoste fra lille sl\u00e6gtsg\u00e5rd i det \u00f8stlige Holland.<\/p>\n        <\/div>\n        <div class=\"prd-card-footer\">\n          <a href=\"http:\/\/test.marion.dk\/index.php\/brommels\/\" class=\"prd-card-link\">Se producenten\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n \n      <div class=\"prd-card\">\n        <div class=\"prd-card-photo\">\n          <img decoding=\"async\" src=\"https:\/\/marion.dk\/wp-content\/uploads\/2021\/02\/Thilo-med-ost.jpeg\" alt=\"Backensholz \u2013 Slesvig\">\n        <\/div>\n        <div class=\"prd-card-body\">\n          <span class=\"prd-card-tag\">R\u00e5m\u00e6lksoste<\/span>\n          <h3 class=\"prd-card-name\">Backensholz - Slesvig, Tyskland<\/h3>\n          <p class=\"prd-card-desc\">H\u00e5ndv\u00e6rksoste fra en lille g\u00e5rd i Slesvig, t\u00e6t ved den dansk-tyske gr\u00e6nse.<\/p>\n        <\/div>\n        <div class=\"prd-card-footer\">\n          <a href=\"https:\/\/marion.dk\/index.php\/backensholz\/\" class=\"prd-card-link\">Se producenten\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/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<\/nav>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smag \u00b7 h\u00e5ndv\u00e6rk \u00b7 Tid G\u00e5rdoste fra sm\u00e5 producenter i Europa\u00c6rligt h\u00e5ndv\u00e6rk. God smag. Udvalgt hos g\u00e5rdmejerier, hvor smag, dyrevelf\u00e6rd og tid f\u00e5r lov at betyde noget. Mod producenter Scroll Hvad erg\u00e5rdoste? G\u00e5rdoste fremstilles p\u00e5 g\u00e5rdmejerier i sm\u00e5 m\u00e6ngder \u2013 ofte af m\u00e6lk fra g\u00e5rdens&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages\/1018","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=1018"}],"version-history":[{"count":15,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages\/1018\/revisions"}],"predecessor-version":[{"id":1303,"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/pages\/1018\/revisions\/1303"}],"wp:attachment":[{"href":"https:\/\/marion.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}