{"id":1001,"date":"2024-11-19T09:38:49","date_gmt":"2024-11-19T08:38:49","guid":{"rendered":"https:\/\/www.fehling-instruments.de\/en\/news\/"},"modified":"2026-09-05T10:07:32","modified_gmt":"2026-09-05T03:07:32","slug":"news","status":"publish","type":"page","link":"https:\/\/www.medical-genius.com\/en\/news\/","title":{"rendered":"News"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1001\" class=\"elementor elementor-1001\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bf63fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2bf63fb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-108944f\" data-id=\"108944f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f130461 elementor-widget elementor-widget-text-editor\" data-id=\"f130461\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 08-11-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Please note that not all products are available in every country.<br \/>Please contact our customer service department.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4286d76 elementor-widget elementor-widget-html\" data-id=\"4286d76\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!--\r\n  Fehling Instruments \u2014 \"News\" widget\r\n  ------------------------------------------------------------\r\n  Pulls posts from the WordPress category with slug \"news-2\"\r\n  via the REST API and renders them as a list.\r\n\r\n  HOW TO USE\r\n  1. Paste this whole file into a WordPress \"Custom HTML\" block\/widget.\r\n  2. If the widget lives on the SAME site as the posts, leave SITE_URL\r\n     as an empty string \u2014 it will call the REST API on the current domain.\r\n  3. If it needs to pull from a DIFFERENT WordPress site, set SITE_URL\r\n     below, e.g. SITE_URL = \"https:\/\/www.example.com\"\r\n  4. CATEGORY_SLUG and POSTS_PER_PAGE can be edited below too.\r\n-->\r\n<div id=\"fi-news-widget\" class=\"fi-news-widget\" role=\"region\" aria-label=\"Latest news\">\r\n  <div id=\"fi-news-body\" class=\"fi-news-widget__body\">\r\n    <div class=\"fi-news-widget__skeleton\" aria-hidden=\"true\">\r\n      <div><\/div><div><\/div><div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #fi-news-widget, #fi-news-widget * { box-sizing: border-box; }\r\n\r\n  .fi-news-widget {\r\n    --fi-heading: #2E9FD6;\r\n    --fi-ink: #1a1a1a;\r\n    --fi-muted: #6b7176;\r\n\r\n    width: 100%;\r\n    font-family: Arial, Helvetica, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--fi-ink);\r\n  }\r\n\r\n  .fi-news-widget__list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .fi-news-widget__item {\r\n    display: grid;\r\n    grid-template-columns: 300px 1fr;\r\n    column-gap: 56px;\r\n    align-items: start;\r\n    padding: 44px 0;\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n\r\n  .fi-news-widget__item:first-child { padding-top: 8px; }\r\n\r\n  .fi-news-widget__thumb {\r\n    width: 300px;\r\n    height: 220px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .fi-news-widget__thumb img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  .fi-news-widget__thumb--empty {\r\n    color: #c7cbce;\r\n    font-size: 11px;\r\n    font-family: Arial, sans-serif;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .fi-news-widget__content {\r\n    min-width: 0;\r\n    padding-top: 4px;\r\n  }\r\n\r\n  .fi-news-widget__item-title {\r\n    display: block;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.01em;\r\n    line-height: 1.3;\r\n    margin: 0 0 14px;\r\n    color: var(--fi-heading);\r\n    transition: opacity 0.15s ease;\r\n  }\r\n\r\n  .fi-news-widget__excerpt {\r\n    display: block;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: var(--fi-ink);\r\n    margin: 0;\r\n  }\r\n\r\n  .fi-news-widget__item:hover .fi-news-widget__item-title,\r\n  .fi-news-widget__item:focus-visible .fi-news-widget__item-title {\r\n    opacity: 0.75;\r\n  }\r\n\r\n  .fi-news-widget__item:focus-visible {\r\n    outline: 2px solid var(--fi-heading);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  .fi-news-widget__empty,\r\n  .fi-news-widget__error {\r\n    padding: 24px 0;\r\n    color: var(--fi-muted);\r\n    font-size: 14px;\r\n  }\r\n\r\n  .fi-news-widget__error { color: #A3403A; }\r\n\r\n  \/* Loading skeleton *\/\r\n  .fi-news-widget__skeleton > div {\r\n    display: grid;\r\n    grid-template-columns: 300px 1fr;\r\n    column-gap: 56px;\r\n    padding: 20px 0;\r\n  }\r\n  .fi-news-widget__skeleton > div::before {\r\n    content: \"\";\r\n    height: 200px;\r\n    border-radius: 4px;\r\n    background: linear-gradient(90deg, #F0F2F3 25%, #E7EAEC 37%, #F0F2F3 63%);\r\n    background-size: 400% 100%;\r\n    animation: fi-shimmer 1.4s ease infinite;\r\n  }\r\n  .fi-news-widget__skeleton > div::after {\r\n    content: \"\";\r\n    height: 90px;\r\n    margin-top: 6px;\r\n    border-radius: 4px;\r\n    background: linear-gradient(90deg, #F0F2F3 25%, #E7EAEC 37%, #F0F2F3 63%);\r\n    background-size: 400% 100%;\r\n    animation: fi-shimmer 1.4s ease infinite;\r\n  }\r\n  @keyframes fi-shimmer {\r\n    0% { background-position: 100% 50%; }\r\n    100% { background-position: 0 50%; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fi-news-widget__skeleton > div::before,\r\n    .fi-news-widget__skeleton > div::after { animation: none; }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .fi-news-widget__item,\r\n    .fi-news-widget__skeleton > div {\r\n      grid-template-columns: 1fr;\r\n      row-gap: 16px;\r\n    }\r\n    .fi-news-widget__thumb { width: 100%; height: 200px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ ---------- configuration ----------\r\n  var SITE_URL = \"\";              \/\/ e.g. \"https:\/\/www.your-site.com\" \u2014 leave \"\" for same-origin\r\n  var CATEGORY_SLUG = \"news-2\";\r\n  var POSTS_PER_PAGE = 6;\r\n  \/\/ ------------------------------------\r\n\r\n  var base = SITE_URL.replace(\/\\\/$\/, \"\");\r\n  var body = document.getElementById(\"fi-news-body\");\r\n\r\n  function stripHtml(html) {\r\n    var tmp = document.createElement(\"div\");\r\n    tmp.innerHTML = html;\r\n    return (tmp.textContent || tmp.innerText || \"\").trim();\r\n  }\r\n\r\n  function firstImageFromContent(html) {\r\n    if (!html) return null;\r\n    var match = html.match(\/<img[^>]+src=[\"']([^\"']+)[\"']\/i);\r\n    return match ? match[1] : null;\r\n  }\r\n\r\n  function firstImageAlt(html) {\r\n    if (!html) return \"\";\r\n    var match = html.match(\/<img[^>]+alt=[\"']([^\"']*)[\"']\/i);\r\n    return match ? match[1] : \"\";\r\n  }\r\n\r\n  function renderError(message) {\r\n    body.innerHTML = '<div class=\"fi-news-widget__error\">' + message + \"<\/div>\";\r\n  }\r\n\r\n  function renderEmpty() {\r\n    body.innerHTML = '<div class=\"fi-news-widget__empty\">No news posts yet.<\/div>';\r\n  }\r\n\r\n  function renderPosts(posts) {\r\n    if (!posts.length) { renderEmpty(); return; }\r\n\r\n    var html = '<ul class=\"fi-news-widget__list\">';\r\n    posts.forEach(function (post) {\r\n      var title = stripHtml(post.title ? post.title.rendered : \"Untitled\");\r\n      var excerpt = stripHtml(post.excerpt ? post.excerpt.rendered : \"\");\r\n      var media = post._embedded && post._embedded[\"wp:featuredmedia\"] && post._embedded[\"wp:featuredmedia\"][0];\r\n      var contentHtml = post.content ? post.content.rendered : \"\";\r\n      var imgUrl = (media && media.source_url) ? media.source_url : firstImageFromContent(contentHtml);\r\n      var imgAlt = (media && media.alt_text) ? media.alt_text : (firstImageAlt(contentHtml) || title);\r\n\r\n      html += '<li>' +\r\n        '<a class=\"fi-news-widget__item\" href=\"' + post.link + '\">' +\r\n          '<span class=\"fi-news-widget__thumb' + (imgUrl ? '' : ' fi-news-widget__thumb--empty') + '\">' +\r\n            (imgUrl\r\n              ? '<img decoding=\"async\" src=\"' + imgUrl + '\" alt=\"' + imgAlt.replace(\/\"\/g, \"&quot;\") + '\" loading=\"lazy\" \/>'\r\n              : 'No image') +\r\n          '<\/span>' +\r\n          '<span class=\"fi-news-widget__content\">' +\r\n            '<span class=\"fi-news-widget__item-title\">' + title + '<\/span>' +\r\n            '<span class=\"fi-news-widget__excerpt\">' + excerpt + '<\/span>' +\r\n          '<\/span>' +\r\n        '<\/a>' +\r\n      '<\/li>';\r\n    });\r\n    html += \"<\/ul>\";\r\n    body.innerHTML = html;\r\n  }\r\n\r\n  fetch(base + \"\/wp-json\/wp\/v2\/categories?slug=\" + encodeURIComponent(CATEGORY_SLUG))\r\n    .then(function (res) {\r\n      if (!res.ok) throw new Error(\"category lookup failed\");\r\n      return res.json();\r\n    })\r\n    .then(function (cats) {\r\n      if (!cats.length) { renderEmpty(); return null; }\r\n      var catId = cats[0].id;\r\n      return fetch(\r\n        base + \"\/wp-json\/wp\/v2\/posts?categories=\" + catId +\r\n        \"&per_page=\" + POSTS_PER_PAGE + \"&_embed\"\r\n      );\r\n    })\r\n    .then(function (res) {\r\n      if (!res) return null;\r\n      if (!res.ok) throw new Error(\"posts request failed\");\r\n      return res.json();\r\n    })\r\n    .then(function (posts) {\r\n      if (posts) renderPosts(posts);\r\n    })\r\n    .catch(function (err) {\r\n      renderError(\"Couldn't load news right now. (\" + err.message + \")\");\r\n    });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Please note that not all products are available in every country.Please contact our customer service department.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1001","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/pages\/1001"}],"collection":[{"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/comments?post=1001"}],"version-history":[{"count":13,"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions"}],"predecessor-version":[{"id":3023,"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions\/3023"}],"wp:attachment":[{"href":"https:\/\/www.medical-genius.com\/en\/wp-json\/wp\/v2\/media?parent=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}