{"id":572,"date":"2026-05-13T08:11:29","date_gmt":"2026-05-13T08:11:29","guid":{"rendered":"https:\/\/medaillendruck.de\/home\/?page_id=572"},"modified":"2026-10-19T09:37:57","modified_gmt":"2026-10-19T09:37:57","slug":"produkte","status":"publish","type":"page","link":"https:\/\/medaillendruck.de\/home\/produkte\/","title":{"rendered":"Produkte"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"572\" class=\"elementor elementor-572\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24a1c9d e-flex e-con-boxed e-con e-parent\" data-id=\"24a1c9d\" 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-148e72c elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"148e72c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==============================\n     MEDAILLENDRUCK.DE \u2013 DESKTOP + MOBILE NAVIGATION\n  -->\n\n<div class=\"md-site-header\">\n\n  <!-- ===============================\n       DESKTOP\n  ===================================-->\n  <div class=\"md-header-desktop\">\n<header class=\"md-desktop-nav\">\n      <div class=\"md-desktop-nav-inner\">\n\n        <a href=\"\/\" class=\"md-desktop-brand\" aria-label=\"Zur Startseite\">\n          <span class=\"md-desktop-brand-icon\">\n            <img decoding=\"async\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/06\/Zeichenflaeche-1.png\"\n              alt=\"\"\n            >\n          <\/span>\n\n          <span class=\"md-desktop-brand-word\">\n            MEDAILLEN<span>DRUCK.DE<\/span>\n          <\/span>\n        <\/a>\n\n        <nav class=\"md-desktop-links\" aria-label=\"Hauptnavigation\">\n          <a href=\"\/\" data-md-path=\"\/\">Home<\/a>\n          <a href=\"\/produkte\/\" data-md-path=\"\/produkte\/\">Produkte<\/a>\n          <a href=\"\/portfolio\/\" data-md-path=\"\/portfolio\/\">Portfolio<\/a>\n          <a href=\"\/elementor-976\/\" data-md-path=\"\/elementor-976\/\">\u00dcber uns<\/a>\n          <a href=\"\/kontakt\/\" data-md-path=\"\/kontakt\/\">Kontakt<\/a>\n        <\/nav>\n\n        <a href=\"\/kontakt\/\" class=\"md-desktop-cta\">\n          Jetzt anfragen\n        <\/a>\n\n      <\/div>\n    <\/header>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       MOBILE\n  ====================================================== -->\n  <div class=\"md-header-mobile\">\n<div class=\"md-mobile-bar\">\n\n      <a href=\"\/\" class=\"md-mobile-brand\" aria-label=\"Zur Startseite\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/06\/Zeichenflaeche-1.png\"\n          alt=\"\"\n        >\n\n        <span>\n          MEDAILLEN<span>DRUCK.DE<\/span>\n        <\/span>\n\n      <\/a>\n\n      <button\n        class=\"md-mobile-toggle\"\n        type=\"button\"\n        aria-label=\"Men\u00fc \u00f6ffnen\"\n        aria-expanded=\"false\"\n      >\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n    <\/div>\n\n\n    <div class=\"md-mobile-panel\">\n\n      <nav class=\"md-mobile-links\" aria-label=\"Mobile Navigation\">\n        <a href=\"\/\" data-md-path=\"\/\">Home<\/a>\n        <a href=\"\/produkte\/\" data-md-path=\"\/produkte\/\">Produkte<\/a>\n        <a href=\"\/portfolio\/\" data-md-path=\"\/portfolio\/\">Portfolio<\/a>\n        <a href=\"\/elementor-976\/\" data-md-path=\"\/elementor-976\/\">\u00dcber uns<\/a>\n        <a href=\"\/kontakt\/\" data-md-path=\"\/kontakt\/\">Kontakt<\/a>\n      <\/nav>\n\n      <a href=\"\/kontakt\/\" class=\"md-mobile-cta\">\n        Jetzt anfragen\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500;900&family=Montserrat:wght@400;500;600;700&display=swap');\n\n\n\/* =========================================================\n   RESET NUR F\u00dcR HEADER\n========================================================= *\/\n\n.md-site-header,\n.md-site-header * {\n  box-sizing: border-box;\n}\n\n.md-site-header {\n  font-family: \"Montserrat\", Arial, sans-serif;\n}\n\n.md-site-header a {\n  text-decoration: none;\n}\n\n\n\/* =========================================================\n   FIXED WRAPPER\n========================================================= *\/\n\n.md-site-header {\n  position: fixed;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n\n  z-index: 2147483000;\n\n  pointer-events: none;\n}\n\n.md-site-header a,\n.md-site-header button {\n  pointer-events: auto;\n}\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n.md-header-desktop {\n  display: block;\n}\n\n\n\n\/* NAV *\/\n\n.md-desktop-nav {\n  width: 100%;\n  max-width: 1720px;\n\n  margin: 0 auto;\n\n  padding:\n    .8rem\n    1.2rem;\n}\n\n.md-desktop-nav-inner {\n  width: 100%;\n  min-height: 60px;\n\n  display: flex;\n  align-items: center;\n\n  padding:\n    0\n    1.4rem;\n\n  border:\n    1px solid\n    rgba(255,255,255,.09);\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(9,5,17,.90),\n      rgba(18,8,31,.82)\n    );\n\n  box-shadow:\n    0 14px 42px rgba(0,0,0,.35);\n\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n\n\/* BRAND *\/\n\n.md-desktop-brand {\n  display: flex;\n  align-items: center;\n\n  gap: .8rem;\n\n  flex-shrink: 0;\n\n  color: #fff;\n}\n\n.md-desktop-brand-icon {\n  width: 34px;\n  height: 34px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n}\n\n.md-desktop-brand-icon img {\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n}\n\n.md-desktop-brand-word,\n.md-desktop-brand-word * {\n  font-family:\n    \"Orbitron\",\n    sans-serif;\n\n  font-weight: 500;\n}\n\n.md-desktop-brand-word {\n  white-space: nowrap;\n\n  color: #fff;\n\n  font-size:\n    clamp(\n      1.1rem,\n      1.45vw,\n      1.65rem\n    );\n\n  line-height: 1;\n\n  letter-spacing: .035em;\n}\n\n.md-desktop-brand-word > span {\n  margin-left: .06em;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  color: transparent;\n}\n\n\n\/* LINKS *\/\n\n.md-desktop-links {\n  margin-left: auto;\n\n  display: flex;\n  align-items: center;\n\n  gap:\n    clamp(\n      1.5rem,\n      2.6vw,\n      3rem\n    );\n}\n\n.md-desktop-links a {\n  position: relative;\n\n  color:\n    rgba(255,255,255,.84);\n\n  font-size: 1rem;\n  font-weight: 500;\n}\n\n.md-desktop-links a::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: -6px;\n\n  width: 0;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  transition:\n    width .25s ease;\n}\n\n.md-desktop-links a:hover::after,\n.md-desktop-links a[data-md-active=\"true\"]::after {\n  width: 100%;\n}\n\n.md-desktop-links a:hover,\n.md-desktop-links a[data-md-active=\"true\"] {\n  color: #fff;\n}\n\n\n\/* CTA *\/\n\n.md-desktop-cta {\n  min-width: 168px;\n  height: 42px;\n\n  margin-left:\n    clamp(\n      1.5rem,\n      2.5vw,\n      2.6rem\n    );\n\n  padding:\n    0\n    1.15rem;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  color: #0B0413;\n\n  font-size: .8rem;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   MOBILE \u2013 STANDARD AUS\n========================================================= *\/\n\n.md-header-mobile {\n  display: none;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .md-header-desktop {\n    display: none;\n  }\n\n  .md-header-mobile {\n    display: block;\n\n    width: 100%;\n  }\n\n\n\n  \/* ---------------------------------\n     MOBILE BAR\n  --------------------------------- *\/\n\n  .md-mobile-bar {\n    width:\n      calc(100% - 24px);\n\n    min-height: 58px;\n\n    margin:\n      9px\n      auto\n      0;\n\n    padding:\n      9px\n      10px\n      9px\n      12px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    border:\n      1px solid\n      rgba(255,255,255,.10);\n\n    border-radius: 18px;\n\n    background: #12081F;\n\n    box-shadow:\n      0 12px 30px\n      rgba(0,0,0,.34);\n  }\n\n\n  \/* BRAND *\/\n\n  .md-mobile-brand {\n    min-width: 0;\n\n    flex: 1 1 auto;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: #fff;\n  }\n\n  .md-mobile-brand > img {\n    width: 31px;\n    height: 31px;\n\n    flex: 0 0 31px;\n\n    object-fit: contain;\n  }\n\n  .md-mobile-brand > span,\n  .md-mobile-brand > span * {\n    font-family:\n      \"Orbitron\",\n      sans-serif;\n\n    font-weight: 500;\n  }\n\n  .md-mobile-brand > span {\n    min-width: 0;\n\n    white-space: nowrap;\n\n    color: #fff;\n\n    font-size:\n      clamp(\n        .72rem,\n        3.2vw,\n        .93rem\n      );\n\n    line-height: 1;\n\n    letter-spacing: .02em;\n  }\n\n  .md-mobile-brand > span > span {\n    margin-left: .05em;\n\n    background:\n      linear-gradient(\n        135deg,\n        #8E80FF,\n        #95E2FF\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    -webkit-text-fill-color: transparent;\n\n    color: transparent;\n  }\n\n\n  \/* ---------------------------------\n     HAMBURGER\n  --------------------------------- *\/\n\n  .md-mobile-toggle {\n    position: relative;\n\n    width: 40px;\n    height: 40px;\n\n    flex: 0 0 40px;\n\n    padding: 0;\n\n    border:\n      1px solid\n      rgba(255,255,255,.11);\n\n    border-radius: 50%;\n\n    background:\n      rgba(255,255,255,.045);\n\n    cursor: pointer;\n  }\n\n  .md-mobile-toggle span {\n    position: absolute;\n\n    left: 50%;\n\n    width: 15px;\n    height: 1.5px;\n\n    border-radius: 999px;\n\n    background: #fff;\n\n    transform:\n      translateX(-50%);\n\n    transition:\n      top .25s ease,\n      transform .25s ease;\n  }\n\n  .md-mobile-toggle span:first-child {\n    top: 15px;\n  }\n\n  .md-mobile-toggle span:last-child {\n    top: 22px;\n  }\n\n  .md-mobile-toggle[aria-expanded=\"true\"]\n  span:first-child {\n    top: 19px;\n\n    transform:\n      translateX(-50%)\n      rotate(45deg);\n  }\n\n  .md-mobile-toggle[aria-expanded=\"true\"]\n  span:last-child {\n    top: 19px;\n\n    transform:\n      translateX(-50%)\n      rotate(-45deg);\n  }\n\n\n  \/* ---------------------------------\n     MOBILE PANEL\n  --------------------------------- *\/\n\n  .md-mobile-panel {\n    width:\n      calc(100% - 24px);\n\n    max-height: 0;\n\n    margin:\n      6px\n      auto\n      0;\n\n    padding:\n      0\n      14px;\n\n    overflow: hidden;\n\n    border:\n      0 solid\n      rgba(255,255,255,.08);\n\n    border-radius: 18px;\n\n    background: #12081F;\n\n    opacity: 0;\n\n    transform:\n      translateY(-5px);\n\n    transition:\n      max-height .35s ease,\n      padding .35s ease,\n      border-width .35s ease,\n      opacity .25s ease,\n      transform .25s ease;\n  }\n\n  .md-header-mobile.md-open\n  .md-mobile-panel {\n    max-height: 430px;\n\n    padding:\n      10px\n      14px\n      14px;\n\n    border-width: 1px;\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n\n\n  \/* LINKS *\/\n\n  .md-mobile-links {\n    display: flex;\n\n    flex-direction: column;\n  }\n\n  .md-mobile-links a {\n    position: relative;\n\n    width: 100%;\n\n    padding:\n      13px\n      2px;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.065);\n\n    color:\n      rgba(255,255,255,.80);\n\n    font-size: 14px;\n    font-weight: 500;\n\n    line-height: 1.3;\n  }\n\n  .md-mobile-links a[data-md-active=\"true\"] {\n    color: #fff;\n  }\n\n  .md-mobile-links a[data-md-active=\"true\"]::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -14px;\n    top: 50%;\n\n    width: 2px;\n    height: 20px;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #8E80FF,\n        #95E2FF\n      );\n\n    transform:\n      translateY(-50%);\n  }\n\n\n  \/* CTA *\/\n\n  .md-mobile-cta {\n    width: 100%;\n    height: 42px;\n\n    margin-top: 14px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #8E80FF,\n        #95E2FF\n      );\n\n    color: #0B0413;\n\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .md-mobile-brand > span {\n    font-size: .68rem;\n  }\n\n  .md-mobile-brand > img {\n    width: 28px;\n    height: 28px;\n\n    flex-basis: 28px;\n  }\n\n  .md-mobile-toggle {\n    width: 38px;\n    height: 38px;\n\n    flex-basis: 38px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .md-mobile-panel,\n  .md-mobile-toggle span {\n    transition: none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  function normalizePath(path) {\n\n    let result =\n      path || \"\/\";\n\n    try {\n      result =\n        decodeURIComponent(\n          result\n        );\n    } catch (error) {}\n\n    result =\n      result\n        .split(\"?\")[0]\n        .split(\"#\")[0]\n        .replace(\n          \/\\\/index\\.php$\/i,\n          \"\/\"\n        )\n        .replace(\n          \/\\\/+\/g,\n          \"\/\"\n        )\n        .toLowerCase();\n\n    if (\n      result !== \"\/\" &&\n      !result.endsWith(\"\/\")\n    ) {\n      result += \"\/\";\n    }\n\n    return result;\n  }\n\n\n  function setActiveLinks() {\n\n    const current =\n      normalizePath(\n        window.location.pathname\n      );\n\n\n    document\n      .querySelectorAll(\n        \".md-site-header [data-md-path]\"\n      )\n      .forEach(function (link) {\n\n        const target =\n          normalizePath(\n            link.getAttribute(\n              \"data-md-path\"\n            )\n          );\n\n\n        const active =\n          target === \"\/\"\n            ? current === \"\/\"\n            : current === target ||\n              current.startsWith(target);\n\n\n        if (active) {\n\n          link.setAttribute(\n            \"data-md-active\",\n            \"true\"\n          );\n\n          link.setAttribute(\n            \"aria-current\",\n            \"page\"\n          );\n\n        } else {\n\n          link.removeAttribute(\n            \"data-md-active\"\n          );\n\n          link.removeAttribute(\n            \"aria-current\"\n          );\n\n        }\n\n      });\n\n  }\n\n\n  function initMobileMenu() {\n\n    const mobile =\n      document.querySelector(\n        \".md-header-mobile\"\n      );\n\n\n    if (!mobile) {\n      return;\n    }\n\n\n    const button =\n      mobile.querySelector(\n        \".md-mobile-toggle\"\n      );\n\n\n    if (!button) {\n      return;\n    }\n\n\n    function closeMenu() {\n\n      mobile.classList.remove(\n        \"md-open\"\n      );\n\n      button.setAttribute(\n        \"aria-expanded\",\n        \"false\"\n      );\n\n      button.setAttribute(\n        \"aria-label\",\n        \"Men\u00fc \u00f6ffnen\"\n      );\n\n    }\n\n\n    button.addEventListener(\n      \"click\",\n      function () {\n\n        const isOpen =\n          mobile.classList.toggle(\n            \"md-open\"\n          );\n\n\n        button.setAttribute(\n          \"aria-expanded\",\n          isOpen\n            ? \"true\"\n            : \"false\"\n        );\n\n\n        button.setAttribute(\n          \"aria-label\",\n          isOpen\n            ? \"Men\u00fc schlie\u00dfen\"\n            : \"Men\u00fc \u00f6ffnen\"\n        );\n\n      }\n    );\n\n\n    mobile\n      .querySelectorAll(\n        \".md-mobile-links a, .md-mobile-cta\"\n      )\n      .forEach(function (link) {\n\n        link.addEventListener(\n          \"click\",\n          closeMenu\n        );\n\n      });\n\n\n    window.addEventListener(\n      \"resize\",\n      function () {\n\n        if (\n          window.innerWidth > 900\n        ) {\n          closeMenu();\n        }\n\n      }\n    );\n\n  }\n\n\n  function initHeader() {\n    setActiveLinks();\n    initMobileMenu();\n  }\n\n\n  if (\n    document.readyState ===\n    \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initHeader\n    );\n\n  } else {\n\n    initHeader();\n\n  }\n\n\n  window.addEventListener(\n    \"pageshow\",\n    setActiveLinks\n  );\n\n})();\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e45c61f elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"e45c61f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"md-mobile-header\">\n\n  <header class=\"md-mobile-nav\">\n    <a href=\"\/\" class=\"md-mobile-brand\">\n      <img decoding=\"async\" src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/06\/Zeichenflaeche-1.png\" alt=\"Medaillendruck.de Logo\">\n      <span>MEDAILLEN<span>DRUCK.DE<\/span><\/span>\n    <\/a>\n\n    <button class=\"md-mobile-toggle\" type=\"button\" aria-label=\"Men\u00fc \u00f6ffnen\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/header>\n\n  <nav class=\"md-mobile-menu\" aria-label=\"Mobile Navigation\">\n    <a href=\"\/\">Home<\/a>\n    <a href=\"\/produkte\/\">Produkte<\/a>\n    <a href=\"\/portfolio\/\">Portfolio<\/a>\n    <a href=\"\/elementor-976\/\">\u00dcber uns<\/a>\n    <a href=\"\/kontakt\/\">Kontakt<\/a>\n    <a href=\"\/kontakt\/\" class=\"md-mobile-cta\">Jetzt anfragen<\/a>\n  <\/nav>\n\n<\/div>\n\n<style>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\nhtml,\nbody{\n    margin:0;\n    overflow-x:hidden;\n}\n\n.md-mobile-header,\n.md-mobile-header *{\n    box-sizing:border-box;\n    font-family:Orbitron,sans-serif;\n    font-size:clamp(.72rem,3.8vw,.95rem);\n\n    font-weight:500;\n}\n\n.md-mobile-header{\n    position:fixed;\n    top:0;\n    left:0;\n    width:100%;\n    z-index:99999;\n}\n\n\/* ---------------- TOP BAR ---------------- *\/\n\n.md-mobile-top{\n\n    height:28px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n\n    background:#05070d;\n\n    border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.md-mobile-top span{\n\n    white-space:nowrap;\n\n    padding-left:100%;\n\n    font-size:.6rem;\n    font-weight:500;\n    letter-spacing:.12em;\n\n    color:rgba(255,255,255,.72);\n\n    animation:mdMobileMarquee 18s linear infinite;\n}\n\n@keyframes mdMobileMarquee{\n\n    from{\n        transform:translateX(0);\n    }\n\n    to{\n        transform:translateX(-180%);\n    }\n\n}\n\n\/* ---------------- NAV ---------------- *\/\n\n.md-mobile-nav{\n\n    width:calc(100vw - 24px);\n    \n\n    margin:10px auto 0;\n\n    padding:0 14px;\n\n    min-height:60px;\n\n    display:flex;\n    align-items:center;\n\n    border-radius:20px;\n\n    background:\n    linear-gradient(\n        135deg,\n        rgba(2,4,8,.76),\n        rgba(8,12,24,.64)\n    );\n\n    border:1px solid rgba(255,255,255,.10);\n\n    backdrop-filter:blur(22px);\n\n    box-shadow:\n    0 12px 40px rgba(0,0,0,.42);\n\n}\n\n\/* ---------------- BRAND ---------------- *\/\n\n.md-mobile-brand{\n\n    flex:1;\n\n    min-width:0;\n\n    display:flex;\n    align-items:center;\n\n    gap:10px;\n\n    text-decoration:none;\n\n    overflow:hidden;\n}\n\n.md-mobile-brand img{\n\n    width:28px;\n    height:28px;\n\n    flex-shrink:0;\n\n    object-fit:contain;\n\n    filter:\n    brightness(2.2)\n    grayscale(1);\n}\n\n.md-mobile-brand>span{\n\n    overflow:hidden;\n\n    white-space:nowrap;\n\n    text-overflow:ellipsis;\n\n    font-family:Orbitron,sans-serif;\n\n    font-size:clamp(.72rem,3.8vw,.95rem);\n\n    font-weight:500;\n\n    color:#fff;\n}\n\n.md-mobile-brand>span span{\n    \n    background:\n    linear-gradient(\n        135deg,\n        #8e80ff,\n        #95e2ff\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n}\n\n\/* ---------------- MENU BUTTON ---------------- *\/\n\n.md-mobile-toggle{\n\n    flex-shrink:0;\n\n    width:40px;\n    height:40px;\n\n    margin-left:12px;\n\n    border:none;\n\n    border-radius:999px;\n\n    display:flex;\n    flex-direction:column;\n\n    justify-content:center;\n    align-items:center;\n\n    gap:5px;\n\n    cursor:pointer;\n\n    background:\n    linear-gradient(\n        135deg,\n        #8e80ff,\n        #95e2ff\n    );\n}\n\n.md-mobile-toggle span{\n\n    width:18px;\n    height:2px;\n\n    border-radius:20px;\n\n    background:#08101f;\n\n    transition:.25s;\n}\n\n.md-mobile-header.is-open .md-mobile-toggle span:nth-child(1){\n\n    transform:\n    translateY(7px)\n    rotate(45deg);\n\n}\n\n.md-mobile-header.is-open .md-mobile-toggle span:nth-child(2){\n\n    opacity:0;\n\n}\n\n.md-mobile-header.is-open .md-mobile-toggle span:nth-child(3){\n\n    transform:\n    translateY(-7px)\n    rotate(-45deg);\n\n}\n\n\/* ---------------- MENU ---------------- *\/\n\n.md-mobile-menu{\n\n    width:calc(100vw - 24px);\n\n    margin:10px auto 0;\n\n    padding:10px;\n\n    border-radius:22px;\n\n    display:grid;\n\n    gap:8px;\n\n    background:\n\n    linear-gradient(\n        135deg,\n        rgba(2,4,8,.92),\n        rgba(8,12,24,.86)\n    );\n\n    border:1px solid rgba(255,255,255,.10);\n\n    backdrop-filter:blur(24px);\n\n    opacity:0;\n    visibility:hidden;\n\n    pointer-events:none;\n\n    transform:translateY(-10px);\n\n    transition:.25s;\n}\n\n.md-mobile-header.is-open .md-mobile-menu{\n\n    opacity:1;\n    visibility:visible;\n\n    pointer-events:auto;\n\n    transform:none;\n}\n\n.md-mobile-menu a{\n\n    padding:15px;\n\n    border-radius:16px;\n\n    text-decoration:none;\n\n    color:#fff;\n\n    font-weight:500;\n\n    background:rgba(255,255,255,.03);\n}\n\n.md-mobile-menu a:hover{\n\n    background:rgba(149,226,255,.08);\n}\n\n.md-mobile-cta{\n\n    margin-top:6px;\n\n    color:#08101f!important;\n\n    text-align:center;\n\n    background:\n    linear-gradient(\n        135deg,\n        #8e80ff,\n        #95e2ff\n    )!important;\n}\n\n\/* Desktop ausblenden *\/\n\n@media(min-width:901px){\n\n.md-mobile-header{\n\ndisplay:none!important;\n\n}\n\n}\n<\/style>\n\n<script>\n(function () {\n  const header = document.querySelector(\".md-mobile-header\");\n  const toggle = document.querySelector(\".md-mobile-toggle\");\n\n  if (!header || !toggle) return;\n\n  toggle.addEventListener(\"click\", function () {\n    header.classList.toggle(\"is-open\");\n  });\n\n  header.querySelectorAll(\".md-mobile-menu a\").forEach(function (link) {\n    link.addEventListener(\"click\", function () {\n      header.classList.remove(\"is-open\");\n    });\n  });\n})();\n<\/script>\n\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-2fe068d e-con-full e-flex e-con e-parent\" data-id=\"2fe068d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51c0911 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"51c0911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==============================\n     PRODUKT\u00dcBERSICHT \u2013 MEDAILLEN + GLASPOKALE\n================================ -->\n\n<section id=\"md-products\">\n\n  <div class=\"md-products-inner\">\n\n\n    <!-- ============================\n         MEDAILLEN HEADER\n    ============================= -->\n\n    <div class=\"md-products-header\">\n\n      <span class=\"md-products-kicker\">\n        MEDAILLEN\n      <\/span>\n\n      <h1>\n        Unsere Medaillen.\n        <span>Finde deine Form.<\/span>\n      <\/h1>\n\n      <p>\n        W\u00e4hle aus verschiedenen Medaillenformen und gestalte\n        sie passend zu deinem Verein, Event oder Wettbewerb.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- ==========================\n         MEDAILLEN GRID\n    ============================-->\n\n    <div class=\"md-product-grid\">\n\n\n      <!-- =========================\n           MEDAILLE 01\n      =============================== -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <img decoding=\"async\" style=\"--md-img-scale: 1.5;\" class=\"md-scalable-image md-product-img-01\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/Medaille-_form1-scaled.png\"\n              alt=\"Medaille Form 01 Vorderseite\"\n            >\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n               <img decoding=\"async\" style=\"--md-img-scale: 1.5;\" class=\"md-scalable-image md-product-img-02\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/Medaille_rechteckig_Beispiel.png\"\n              alt=\"Medaille Form 01 Vorderseite\"\n            >\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            MEDAILLENFORM 01\n          <\/span>\n\n          <h2>\n            Medaille Form 01\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Individuell bedruckbare Edelstahlmedaille f\u00fcr\n            Sportevents, Vereine und besondere Auszeichnungen.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>87 \u00d7 59 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>90 g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>78 \u00d7 34 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>4 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===========================\n           MEDAILLE 02\n      ============================== -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <img decoding=\"async\" style=\"--md-img-scale: 0.97;\" class=\"md-scalable-image md-product-img-03\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/05\/Fussballmedaille-2.png\"\n              alt=\"Fu\u00dfballmedaille Vorderseite\"\n            >\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n                <img decoding=\"async\" style=\"--md-img-scale: 1;\" class=\"md-scalable-image md-product-img-01\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/Medaille_Fussball-1.png\"\n              alt=\"Medaille Form 01 Vorderseite\"\n            >\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            Medaillenform 2\n          <\/span>\n\n          <h2>\n            Medaille Form 02\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Medaillenform f\u00fcr Fu\u00dfballturniere,\n            Vereinsmeisterschaften und Sportveranstaltungen.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>80 mm Durchmesser<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>66.5 g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>66 \u00d7 66 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>4 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ==========================\n           MEDAILLE 03\n      ==============================-->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <img decoding=\"async\" style=\"--md-img-scale: 1.4;\" class=\"md-scalable-image md-product-img-04\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/medaille_form2_blanko.png\"\n              alt=\"Medaille Form 03 Vorderseite\"\n            >\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n             <img decoding=\"async\" style=\"--md-img-scale: 0.9;\" class=\"md-scalable-image md-product-img-04\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/Medaille_ova_Beispiel.png\"\n              alt=\"Medaille Form 03 Vorderseite\"\n            >\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            MEDAILLENFORM 03\n          <\/span>\n\n          <h2>\n            Medaille Form 03\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Individuell gestaltbare Medaille mit gro\u00dfz\u00fcgiger\n            Fl\u00e4che f\u00fcr Logo, Motiv oder Eventdesign.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>80 x 58 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>76 g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>80 \u00d7 47 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>4 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ========================\n           MEDAILLE 04\n      ============================ -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <img decoding=\"async\" style=\"--md-img-scale: 1.5;\" class=\"md-scalable-image md-product-img-05\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/medaille_form3-scaled.png\"\n              alt=\"Medaille Form 04 Vorderseite\"\n            >\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n              <img decoding=\"async\" style=\"--md-img-scale: 1;\" class=\"md-scalable-image md-product-img-05\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/ChatGPT-Bild-29.-Sept.-2026-12_34_46.png\"\n              alt=\"Medaille Form 04 Vorderseite\"\n            >\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            MEDAILLENFORM 04\n          <\/span>\n\n          <h2>\n            Medaille Form 04\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Moderne Medaillenform f\u00fcr individuelle\n            Auszeichnungen und besondere Veranstaltungen.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>80 \u00d7 74 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>89 g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>66 \u00d7 66 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>4 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ========================\n           MEDAILLE 05\n      ===============================-->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <img decoding=\"async\" style=\"--md-img-scale: 1.45;\" class=\"md-scalable-image md-product-img-06\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/tennismedaille_form4-scaled.png\"\n              alt=\"Tennismedaille Vorderseite\"\n            >\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n              <span>R\u00fcckseite<\/span>\n              <small>Bild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            Medaillenform 5\n          <\/span>\n\n          <h2>\n            Medaille Form 05\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Sportliche Medaillenform f\u00fcr Tennisturniere,\n            Vereine und individuelle Auszeichnungen.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>80 \u00d7 74 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>89 g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>66 \u00d7 66 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>4 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =======================\n           MEDAILLE 06\n      ============================= -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <img decoding=\"async\" style=\"--md-img-scale: 1.6;\" class=\"md-scalable-image md-product-img-07\"\n              src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/09\/Medaille-_form6-scaled.png\"\n              alt=\"Medaille Form 06 Vorderseite\"\n            >\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n              <span>R\u00fcckseite<\/span>\n              <small>Bild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            MEDAILLENFORM 06\n          <\/span>\n\n          <h2>\n            Medaille Form 06\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Individuelle Edelstahlmedaille mit moderner\n            Form und frei gestaltbarer Druckfl\u00e4che.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>87 \u00d7 58 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>76 g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>80 \u00d7 47 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>4 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ============================\n           SONDERFORM\n      ============================= -->\n\n      <article class=\"md-product-card md-product-custom\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-custom-placeholder\">\n\n            <span class=\"md-custom-icon\">\n              +\n            <\/span>\n\n            <strong>\n              Deine eigene Form\n            <\/strong>\n\n            <p>\n              Individuelle Au\u00dfenkontur nach Logo,\n              Motiv oder Vorlage.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            SONDERANFERTIGUNG\n          <\/span>\n\n          <h2>\n            Individuelle Medaillenform\n          <\/h2>\n\n          <p class=\"md-product-description\">\n            Du brauchst eine Form, die es noch nicht gibt?\n            Wir fertigen deine Medaille individuell nach deiner Idee.\n          <\/p>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>Individuell<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>3 mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>Je nach Form<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>Individuell<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Edelstahl<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>7 \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/#md-configurator\">\n              Konfigurieren\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- ============================\n         TRENNER\n    ================================-->\n\n    <div class=\"md-product-divider\"><\/div>\n\n\n\n    <!-- ===========================\n         GLASPOKALE HEADER\n    ================================= -->\n\n    <div class=\"md-products-header md-glass-header\">\n\n      <span class=\"md-products-kicker\">\n        GLASPOKALE\n      <\/span>\n\n      <h2>\n        Klar im Design.\n        <span>Besonders in der Wirkung.<\/span>\n      <\/h2>\n\n      <p>\n        Hochwertige Glaspokale in verschiedenen Gr\u00f6\u00dfen mit individueller Gestaltung.\n      <\/p>\n\n    <\/div>\n\n\n\n    <!-- ============================\n         GLASPOKALE\n    ===============================-->\n\n    <div class=\"md-product-grid\">\n\n\n      <!-- GLASPOKAL 01 -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Glaspokal Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <div class=\"md-product-placeholder\">\n              <span>Glaspokal<\/span>\n              <small>Vorderseitenbild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n              <span>R\u00fcckseite<\/span>\n              <small>Bild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            GLASPOKAL\n          <\/span>\n\n          <h2>\n            Glaspokal \u2013 Gr\u00f6\u00dfe 01\n          <\/h2>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>XX cm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>XX mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>XX g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>XX \u00d7 XX mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Glas<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>XX,XX \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/kontakt\/\">\n              Anfragen\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- GLASPOKAL 02 -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Glaspokal Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <div class=\"md-product-placeholder\">\n              <span>Glaspokal<\/span>\n              <small>Vorderseitenbild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n              <span>R\u00fcckseite<\/span>\n              <small>Bild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            GLASPOKAL\n          <\/span>\n\n          <h2>\n            Glaspokal \u2013 Gr\u00f6\u00dfe 02\n          <\/h2>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>XX cm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>XX mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>XX g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>XX \u00d7 XX mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Glas<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>XX,XX \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/kontakt\/\">\n              Anfragen\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- GLASPOKAL 03 -->\n\n      <article class=\"md-product-card\">\n\n        <div class=\"md-product-visual\">\n\n          <div class=\"md-product-view-switch\">\n\n            <button\n              type=\"button\"\n              class=\"active\"\n              data-product-view=\"front\"\n            >\n              Glaspokal Rohling\n            <\/button>\n\n            <button\n              type=\"button\"\n              data-product-view=\"back\"\n            >\n              Beispiel\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"md-product-image active\" data-product-image=\"front\">\n\n            <div class=\"md-product-placeholder\">\n              <span>Glaspokal<\/span>\n              <small>Vorderseitenbild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-image\" data-product-image=\"back\">\n\n            <div class=\"md-product-placeholder\">\n              <span>R\u00fcckseite<\/span>\n              <small>Bild folgt<\/small>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"md-product-content\">\n\n          <span class=\"md-product-type\">\n            GLASPOKAL\n          <\/span>\n\n          <h2>\n            Glaspokal \u2013 Gr\u00f6\u00dfe 03\n          <\/h2>\n\n\n          <div class=\"md-product-specs\">\n\n            <div>\n              <span>Gr\u00f6\u00dfe<\/span>\n              <strong>XX cm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Dicke<\/span>\n              <strong>XX mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Gewicht<\/span>\n              <strong>XX g<\/strong>\n            <\/div>\n\n            <div>\n              <span>Druckfl\u00e4che<\/span>\n              <strong>XX \u00d7 XX mm<\/strong>\n            <\/div>\n\n            <div>\n              <span>Material<\/span>\n              <strong>Glas<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"md-product-footer\">\n\n            <div class=\"md-product-price\">\n              <span>ab<\/span>\n              <strong>XX,XX \u20ac<\/strong>\n              <small>\/ St\u00fcck<\/small>\n            <\/div>\n\n            <a href=\"\/kontakt\/\">\n              Anfragen\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   BASIS\n========================================================= *\/\n\n#md-products,\n#md-products * {\n  box-sizing: border-box;\n}\n\n\n#md-products {\n  --md-bg: #0B0413;\n  --md-card: #1D0B33;\n\n  --md-purple: #8E80FF;\n  --md-blue: #95E2FF;\n\n  --md-text: #FFFFFF;\n  --md-soft: rgba(255,255,255,.66);\n  --md-muted: rgba(255,255,255,.40);\n\n  --md-gradient:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  width: 100%;\n\n  padding:\n    110px 0;\n\n  background: var(--md-bg);\n\n  color: var(--md-text);\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n}\n\n\n#md-products .md-products-inner {\n  width: calc(100% - 48px);\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   SECTION HEADER\n========================================================= *\/\n\n#md-products .md-products-header {\n  max-width: 850px;\n\n  margin:\n    0 auto\n    58px;\n\n  text-align: center;\n}\n\n\n#md-products .md-products-kicker {\n  display: block;\n\n  margin-bottom: 16px;\n\n  color: var(--md-blue);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n\n  text-transform: uppercase;\n}\n\n\n#md-products .md-products-header h1,\n#md-products .md-products-header h2 {\n  margin: 0;\n\n  color: #FFFFFF;\n\n  font-size:\n    clamp(\n      36px,\n      4vw,\n      58px\n    );\n\n  font-weight: 500;\n\n  line-height: 1.08;\n\n  letter-spacing: -.03em;\n}\n\n\n#md-products .md-products-header h1 span,\n#md-products .md-products-header h2 span {\n  display: block;\n\n  margin-top: .08em;\n\n  background: var(--md-gradient);\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  color: transparent;\n}\n\n\n#md-products .md-products-header p {\n  max-width: 650px;\n\n  margin:\n    22px auto 0;\n\n  color: var(--md-soft);\n\n  font-size: 16px;\n\n  line-height: 1.7;\n}\n\n\n\/* =================================\n   GRID\n================================== *\/\n\n#md-products .md-product-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 24px;\n}\n\n\n\/* ==================================\n   CARD\n===================================== *\/\n\n#md-products .md-product-card {\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.07);\n\n  border-radius: 20px;\n\n  background: var(--md-card);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n\n#md-products .md-product-card:hover {\n  transform:\n    translateY(-4px);\n\n  border-color:\n    rgba(149,226,255,.18);\n\n  box-shadow:\n    0 22px 46px\n    rgba(0,0,0,.20);\n}\n\n\n\/* ====================================\n   VISUAL\n====================================== *\/\n\n#md-products .md-product-visual {\n  position: relative;\n\n  min-height: 350px;\n\n  padding:\n    62px 28px\n    28px;\n\n  background:\n    radial-gradient(\n      circle at 50% 42%,\n      rgba(149,226,255,.08),\n      transparent 45%\n    ),\n    rgba(10,5,18,.62);\n}\n\n\n\/* ===================================\n   VIEW SWITCH\n===================================== *\/\n\n#md-products .md-product-view-switch {\n  position: absolute;\n\n  top: 18px;\n  left: 50%;\n\n  z-index: 20;\n\n  display: inline-flex;\n\n  padding: 4px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.08);\n\n  border-radius: 999px;\n\n  background:\n    rgba(11,4,19,.68);\n\n  transform:\n    translateX(-50%);\n}\n\n\n#md-products .md-product-view-switch button {\n  position: relative;\n  z-index: 21;\n\n  min-height: 30px;\n\n  padding:\n    0 13px;\n\n  border: 0;\n\n  border-radius: 999px;\n\n  background: transparent;\n\n  color:\n    rgba(255,255,255,.50);\n\n  font-family: inherit;\n\n  font-size: 10px;\n  font-weight: 600;\n\n  cursor: pointer;\n\n  transition:\n    color .2s ease,\n    background .2s ease;\n}\n\n\n#md-products\n.md-product-view-switch\nbutton.active {\n  background:\n    rgba(149,226,255,.10);\n\n  color: #FFFFFF;\n}\n\n\n\/* ==================================\n   IMAGE\n=====================================*\/\n\n#md-products .md-product-image {\n  width: 100%;\n  height: 270px;\n\n  display: none;\n\n  align-items: center;\n  justify-content: center;\n}\n\n\n#md-products\n.md-product-image.active {\n  display: flex;\n\n  position: relative;\n  z-index: 1;\n}\n\n\n#md-products .md-product-image img {\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n\n  display: block;\n\n  pointer-events: none;\n\n\n  \/* Einzelne Bildgr\u00f6\u00dfe direkt im jeweiligen <img> \u00e4ndern:\n     --md-img-scale: 1;    = 100 %\n     --md-img-scale: .85;  = 85 %\n     --md-img-scale: 1.2;  = 120 % *\/\n  transform: scale(var(--md-img-scale, 1));\n  transform-origin: center;\n}\n\n\n\/* ==================================\n   PLACEHOLDER\n===================================== *\/\n\n#md-products .md-product-placeholder {\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  border:\n    1px dashed\n    rgba(255,255,255,.12);\n\n  border-radius: 14px;\n\n  color:\n    rgba(255,255,255,.45);\n}\n\n\n#md-products .md-product-placeholder span {\n  color:\n    rgba(255,255,255,.72);\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\n#md-products .md-product-placeholder small {\n  font-size: 11px;\n}\n\n\n\n\n#md-products .md-product-placeholder img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  display: block;\n\n  transform: scale(var(--md-img-scale, 1));\n  transform-origin: center;\n}\n\n\n\/* ==================================\n   CUSTOM FORM\n=====================================*\/\n\n#md-products .md-product-custom-placeholder {\n  width: 100%;\n  height: 270px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n}\n\n\n#md-products .md-custom-icon {\n  width: 58px;\n  height: 58px;\n\n  margin-bottom: 18px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid\n    rgba(149,226,255,.22);\n\n  border-radius: 50%;\n\n  background:\n    rgba(149,226,255,.06);\n\n  color: var(--md-blue);\n\n  font-size: 30px;\n  font-weight: 300;\n}\n\n\n#md-products\n.md-product-custom-placeholder\nstrong {\n  color: #FFFFFF;\n\n  font-size: 20px;\n  font-weight: 500;\n}\n\n\n#md-products\n.md-product-custom-placeholder\np {\n  max-width: 330px;\n\n  margin:\n    10px auto 0;\n\n  color: var(--md-soft);\n\n  font-size: 13px;\n\n  line-height: 1.6;\n}\n\n\n\/* ==================================\n   CONTENT\n==================================== *\/\n\n#md-products .md-product-content {\n  padding:\n    28px;\n}\n\n\n#md-products .md-product-type {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color:\n    rgba(149,226,255,.75);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n\n  text-transform: uppercase;\n}\n\n\n#md-products .md-product-content h2 {\n  margin: 0;\n\n  color: #FFFFFF;\n\n  font-size:\n    clamp(\n      22px,\n      2vw,\n      27px\n    );\n\n  font-weight: 500;\n\n  line-height: 1.25;\n\n  letter-spacing: -.02em;\n}\n\n\n#md-products .md-product-description {\n  margin:\n    12px 0\n    0;\n\n  color: var(--md-soft);\n\n  font-size: 14px;\n\n  line-height: 1.65;\n}\n\n\n\/* ===================================\n   SPECS\n=====================================*\/\n\n#md-products .md-product-specs {\n  margin-top: 26px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.07);\n}\n\n\n#md-products .md-product-specs > div {\n  min-height: 45px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.07);\n}\n\n\n#md-products .md-product-specs span {\n  color: var(--md-muted);\n\n  font-size: 12px;\n}\n\n\n#md-products .md-product-specs strong {\n  color:\n    rgba(255,255,255,.86);\n\n  font-size: 12px;\n  font-weight: 500;\n\n  text-align: right;\n}\n\n\n\/* =====================================\n   FOOTER\n===================================== *\/\n\n#md-products .md-product-footer {\n  display: flex;\n\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  margin-top: 26px;\n}\n\n\n\/* PRICE *\/\n\n#md-products .md-product-price {\n  display: flex;\n\n  align-items: baseline;\n\n  gap: 5px;\n}\n\n\n#md-products .md-product-price > span {\n  color: var(--md-muted);\n\n  font-size: 11px;\n}\n\n\n#md-products .md-product-price strong {\n  color: #FFFFFF;\n\n  font-size: 22px;\n  font-weight: 600;\n}\n\n\n#md-products .md-product-price small {\n  color: var(--md-muted);\n\n  font-size: 10px;\n}\n\n\n\/* CTA *\/\n\n#md-products .md-product-footer > a {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  min-height: 40px;\n\n  padding:\n    0 17px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.025);\n\n  color: #FFFFFF;\n\n  font-size: 12px;\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition:\n    gap .2s ease,\n    border-color .2s ease,\n    background .2s ease;\n}\n\n\n#md-products\n.md-product-footer > a span {\n  color: var(--md-blue);\n\n  font-size: 16px;\n}\n\n\n#md-products\n.md-product-footer > a:hover {\n  gap: 12px;\n\n  border-color:\n    rgba(149,226,255,.28);\n\n  background:\n    rgba(149,226,255,.06);\n}\n\n\n\/* =========================================================\n   DIVIDER\n========================================================= *\/\n\n#md-products .md-product-divider {\n  width: 100%;\n  height: 1px;\n\n  margin:\n    110px auto;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(142,128,255,.45) 25%,\n      rgba(149,226,255,.55) 50%,\n      rgba(142,128,255,.45) 75%,\n      transparent 100%\n    );\n}\n\n\n\/* ===================================\n   GLAS HEADER\n==================================== *\/\n\n#md-products .md-glass-header {\n  margin-bottom: 58px;\n}\n\n\n\/* =================================\n   TABLET\n=================================== *\/\n\n@media (max-width: 1024px) {\n\n  #md-products {\n    padding:\n      90px 0;\n  }\n\n\n  #md-products .md-products-inner {\n    width:\n      calc(100% - 40px);\n  }\n\n\n  #md-products .md-product-grid {\n    gap: 18px;\n  }\n\n\n  #md-products .md-product-visual {\n    min-height: 320px;\n  }\n\n\n  #md-products .md-product-content {\n    padding: 24px;\n  }\n\n\n  #md-products .md-product-divider {\n    margin:\n      90px auto;\n  }\n\n}\n\n\n\/* ==================================\n   MOBILE\n===================================*\/\n\n@media (max-width: 760px) {\n\n  #md-products {\n    padding:\n      72px 0;\n  }\n\n\n  #md-products .md-products-inner {\n    width:\n      calc(100% - 28px);\n  }\n\n\n  #md-products .md-products-header {\n    margin-bottom: 36px;\n  }\n\n\n  #md-products .md-products-header h1,\n  #md-products .md-products-header h2 {\n    font-size:\n      clamp(\n        31px,\n        9vw,\n        40px\n      );\n  }\n\n\n  #md-products .md-products-header p {\n    margin-top: 18px;\n\n    font-size: 14px;\n  }\n\n\n  #md-products .md-product-grid {\n    grid-template-columns: 1fr;\n\n    gap: 16px;\n  }\n\n\n  #md-products .md-product-card:hover {\n    transform: none;\n  }\n\n\n  #md-products .md-product-visual {\n    min-height: 300px;\n\n    padding:\n      60px 20px\n      22px;\n  }\n\n\n  #md-products .md-product-image {\n    height: 230px;\n  }\n\n\n  #md-products .md-product-custom-placeholder {\n    height: 230px;\n  }\n\n\n  #md-products .md-product-content {\n    padding:\n      22px 18px\n      20px;\n  }\n\n\n  #md-products .md-product-footer {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 18px;\n  }\n\n\n  #md-products .md-product-footer > a {\n    width: 100%;\n\n    justify-content: center;\n  }\n\n\n  #md-products .md-product-divider {\n    margin:\n      72px auto;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  #md-products .md-product-visual {\n    min-height: 275px;\n  }\n\n\n  #md-products .md-product-image {\n    height: 210px;\n  }\n\n\n  #md-products .md-product-specs > div {\n    min-height: 42px;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  const root =\n    document.getElementById(\n      \"md-products\"\n    );\n\n\n  if (!root) {\n    return;\n  }\n\n\n  const cards =\n    root.querySelectorAll(\n      \".md-product-card\"\n    );\n\n\n  cards.forEach(function (card) {\n\n    const buttons =\n      card.querySelectorAll(\n        \"[data-product-view]\"\n      );\n\n\n    const images =\n      card.querySelectorAll(\n        \"[data-product-image]\"\n      );\n\n\n    if (\n      !buttons.length ||\n      !images.length\n    ) {\n      return;\n    }\n\n\n    buttons.forEach(function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const target =\n            button.getAttribute(\n              \"data-product-view\"\n            );\n\n\n          buttons.forEach(\n            function (otherButton) {\n\n              otherButton\n                .classList\n                .remove(\n                  \"active\"\n                );\n\n            }\n          );\n\n\n          images.forEach(\n            function (image) {\n\n              image\n                .classList\n                .toggle(\n                  \"active\",\n                  image.getAttribute(\n                    \"data-product-image\"\n                  ) === target\n                );\n\n            }\n          );\n\n\n          button\n            .classList\n            .add(\n              \"active\"\n            );\n\n        }\n      );\n\n    });\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a41bca e-con-full e-flex e-con e-child\" data-id=\"2a41bca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b205a16 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b205a16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"md-process\">\n\n  <div class=\"md-process-inner\">\n\n    <div class=\"md-process-head\">\n\n      <span class=\"md-process-kicker\">\n        SO L\u00c4UFT ES AB\n      <\/span>\n\n      <h2>\n        Von der Idee bis zur\n        <span>fertigen Medaille.<\/span>\n      <\/h2>\n\n      <p>\n        Schritt f\u00fcr Schritt begleiten wir euch von der ersten Anfrage\n        bis zur fertigen Lieferung.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"md-process-grid\">\n\n\n      <!-- ============================\n           01\n      ================================-->\n\n      <article class=\"md-process-card\">\n\n        <div class=\"md-process-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/10\/Workshop-Pals-Friendly-Wave-1.png\"\n            alt=\"Anfrage zur individuellen Medaille\"\n          >\n\n        <\/div>\n\n        <div class=\"md-process-content\">\n\n          <span class=\"md-process-number\">\n            01\n          <\/span>\n\n          <h3>\n            Anfrage senden\n          <\/h3>\n\n          <p>\n            Ihr schickt uns eure ersten Infos:\n            St\u00fcckzahl, Anlass, Wunschmedaille und nat\u00fcrlich eure Idee.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           02\n      ====================================================== -->\n\n      <article class=\"md-process-card\">\n\n        <div class=\"md-process-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/10\/Workshop-Pals-Bright-Idea-6.png\"\n            alt=\"Idee f\u00fcr Medaillendesign entwickeln\"\n          >\n\n        <\/div>\n\n        <div class=\"md-process-content\">\n\n          <span class=\"md-process-number\">\n            02\n          <\/span>\n\n          <h3>\n            Idee entwickeln\n          <\/h3>\n\n          <p>\n            Gemeinsam schauen wir, welche Form, Gestaltung und Umsetzung\n            am besten zu eurem Event passt.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =========================\n           03\n      =============================== -->\n\n      <article class=\"md-process-card\">\n\n        <div class=\"md-process-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/10\/Workshop-Pal-Draws-a-Star-Medal-9.png\"\n            alt=\"Medaillendesign erstellen\"\n          >\n\n        <\/div>\n\n        <div class=\"md-process-content\">\n\n          <span class=\"md-process-number\">\n            03\n          <\/span>\n\n          <h3>\n            Design erstellen\n          <\/h3>\n\n          <p>\n            Aus Logo, Motiv und euren Vorstellungen entsteht\n            das individuelle Design f\u00fcr eure Medaille.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =========================\n           04\n      ===============================-->\n\n      <article class=\"md-process-card\">\n\n        <div class=\"md-process-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/10\/Workshop-Pal-Inspects-a-Star-Medal-11.png\"\n            alt=\"Medaillendesign pr\u00fcfen und freigeben\"\n          >\n\n        <\/div>\n\n        <div class=\"md-process-content\">\n\n          <span class=\"md-process-number\">\n            04\n          <\/span>\n\n          <h3>\n            Pr\u00fcfen & freigeben\n          <\/h3>\n\n          <p>\n            Ihr schaut euch den Entwurf in Ruhe an.\n            Erst wenn alles passt, geht es weiter in die Produktion.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =========================\n           05\n      ================================-->\n\n      <article class=\"md-process-card\">\n\n        <div class=\"md-process-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/10\/Workshop-Pals-winking-thumbs-up-2.png\"\n            alt=\"Individuelle Medaillen werden produziert\"\n          >\n\n        <\/div>\n\n        <div class=\"md-process-content\">\n\n          <span class=\"md-process-number\">\n            05\n          <\/span>\n\n          <h3>\n            Produktion & Druck\n          <\/h3>\n\n          <p>\n            Nach eurer Freigabe produzieren wir eure Medaillen\n            und setzen das Design im hochwertigen UV-Druck um.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===========================\n           06\n      ==============================-->\n\n      <article class=\"md-process-card\">\n\n        <div class=\"md-process-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/10\/Workshop-Pal-Balances-Three-Boxes-10.png\"\n            alt=\"Medaillen werden verpackt und versendet\"\n          >\n\n        <\/div>\n\n        <div class=\"md-process-content\">\n\n          <span class=\"md-process-number\">\n            06\n          <\/span>\n\n          <h3>\n            Versand & Lieferung\n          <\/h3>\n\n          <p>\n            Zum Schluss wird alles sorgf\u00e4ltig verpackt\n            und macht sich auf den Weg zu euch.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASIS\n========================================================= *\/\n\n.md-process,\n.md-process * {\n  box-sizing: border-box;\n}\n\n\n.md-process {\n  width: 100%;\n\n  padding:\n    110px 0\n    120px;\n\n  background:\n    #0B0413;\n\n  color:\n    #FFFFFF;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n}\n\n\n.md-process-inner {\n  width:\n    calc(100% - 48px);\n\n  max-width:\n    1280px;\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEAD\n========================================================= *\/\n\n.md-process-head {\n  width:\n    min(\n      100%,\n      900px\n    );\n\n  margin:\n    0 auto 70px;\n\n  text-align:\n    center;\n}\n\n\n.md-process-kicker {\n  display:\n    inline-block;\n\n  margin-bottom:\n    16px;\n\n  color:\n    #95E2FF;\n\n  font-size:\n    10px;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .18em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.md-process-head h2 {\n  margin:\n    0;\n\n  color:\n    #FFFFFF;\n\n  font-size:\n    clamp(\n      38px,\n      4.5vw,\n      64px\n    );\n\n  font-weight:\n    500;\n\n  line-height:\n    1.05;\n\n  letter-spacing:\n    -.04em;\n}\n\n\n.md-process-head h2 span {\n  display:\n    block;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  -webkit-background-clip:\n    text;\n\n  background-clip:\n    text;\n\n  -webkit-text-fill-color:\n    transparent;\n\n  color:\n    transparent;\n}\n\n\n.md-process-head p {\n  width:\n    min(\n      100%,\n      680px\n    );\n\n  margin:\n    22px auto 0;\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:\n    17px;\n\n  line-height:\n    1.7;\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.md-process-grid {\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0,1fr)\n    );\n\n  column-gap:\n    clamp(\n      28px,\n      5vw,\n      72px\n    );\n\n  row-gap:\n    90px;\n}\n\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n.md-process-card {\n  position:\n    relative;\n\n  min-width:\n    0;\n\n  opacity:\n    0;\n\n  transform:\n    translateY(70px);\n\n  transition:\n    opacity .8s\n    cubic-bezier(.22,1,.36,1),\n    transform .8s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.md-process-card.is-visible {\n  opacity:\n    1;\n\n  transform:\n    translateY(0);\n}\n\n\n\/* rechte Karte etwas sp\u00e4ter *\/\n\n.md-process-card:nth-child(even) {\n  transition-delay:\n    .16s;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.md-process-image {\n  position:\n    relative;\n\n  min-height:\n    430px;\n\n  display:\n    flex;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    center;\n\n  padding:\n    20px 24px 0;\n\n  border-radius:\n    22px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.07);\n\n  background:\n    radial-gradient(\n      circle at 50% 62%,\n      rgba(142,128,255,.12),\n      transparent 42%\n    ),\n    rgba(29,11,51,.28);\n\n  overflow:\n    hidden;\n}\n\n\n.md-process-image::after {\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  left:\n    12%;\n\n  right:\n    12%;\n\n  bottom:\n    22px;\n\n  height:\n    24px;\n\n  background:\n    rgba(149,226,255,.08);\n\n  filter:\n    blur(22px);\n\n  border-radius:\n    50%;\n\n  pointer-events:\n    none;\n}\n\n\n.md-process-image img {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  display:\n    block;\n\n  width:\n    auto;\n\n  max-width:\n    90%;\n\n  max-height:\n    390px;\n\n  object-fit:\n    contain;\n\n  transform:\n    translateY(20px)\n    scale(.96);\n\n  opacity:\n    0;\n\n  transition:\n    opacity .8s\n    .12s\n    cubic-bezier(.22,1,.36,1),\n\n    transform .9s\n    .12s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.md-process-card.is-visible\n.md-process-image img {\n  opacity:\n    1;\n\n  transform:\n    translateY(0)\n    scale(1);\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.md-process-content {\n  position:\n    relative;\n\n  padding:\n    28px 8px 0;\n}\n\n\n.md-process-number {\n  display:\n    inline-block;\n\n  margin-bottom:\n    11px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  -webkit-background-clip:\n    text;\n\n  background-clip:\n    text;\n\n  -webkit-text-fill-color:\n    transparent;\n\n  color:\n    transparent;\n\n  font-family:\n    \"Orbitron\",\n    \"Montserrat\",\n    sans-serif;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n}\n\n\n.md-process-content h3 {\n  margin:\n    0;\n\n  color:\n    #FFFFFF;\n\n  font-size:\n    clamp(\n      24px,\n      2vw,\n      31px\n    );\n\n  font-weight:\n    500;\n\n  line-height:\n    1.15;\n\n  letter-spacing:\n    -.025em;\n}\n\n\n.md-process-content p {\n  max-width:\n    510px;\n\n  margin:\n    14px 0 0;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.7;\n}\n\n\n\/* =========================================================\n   TRENNLINIE ZWISCHEN DEN REIHEN\n========================================================= *\/\n\n.md-process-card:nth-child(3),\n.md-process-card:nth-child(4),\n.md-process-card:nth-child(5),\n.md-process-card:nth-child(6) {\n  padding-top:\n    12px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .md-process {\n    padding:\n      90px 0\n      100px;\n  }\n\n\n  .md-process-inner {\n    width:\n      calc(100% - 40px);\n  }\n\n\n  .md-process-grid {\n    column-gap:\n      28px;\n\n    row-gap:\n      70px;\n  }\n\n\n  .md-process-image {\n    min-height:\n      360px;\n  }\n\n\n  .md-process-image img {\n    max-height:\n      330px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 760px) {\n\n  .md-process {\n    padding:\n      72px 0\n      82px;\n  }\n\n\n  .md-process-inner {\n    width:\n      calc(100% - 28px);\n  }\n\n\n  .md-process-head {\n    margin-bottom:\n      50px;\n  }\n\n\n  .md-process-head h2 {\n    font-size:\n      clamp(\n        32px,\n        9vw,\n        44px\n      );\n  }\n\n\n  .md-process-head p {\n    font-size:\n      15px;\n  }\n\n\n  .md-process-grid {\n    grid-template-columns:\n      1fr;\n\n    row-gap:\n      58px;\n  }\n\n\n  .md-process-card:nth-child(even) {\n    transition-delay:\n      0s;\n  }\n\n\n  .md-process-image {\n    min-height:\n      330px;\n\n    padding:\n      16px 18px 0;\n  }\n\n\n  .md-process-image img {\n    max-height:\n      305px;\n  }\n\n\n  .md-process-content {\n    padding:\n      22px 2px 0;\n  }\n\n\n  .md-process-content p {\n    font-size:\n      14px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .md-process-card,\n  .md-process-image img {\n    opacity:\n      1;\n\n    transform:\n      none;\n\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const cards =\n    document.querySelectorAll(\n      \".md-process-card\"\n    );\n\n\n  if (!cards.length) {\n    return;\n  }\n\n\n  const observer =\n    new IntersectionObserver(\n\n      function (entries) {\n\n        entries.forEach(\n          function (entry) {\n\n            if (\n              entry.isIntersecting\n            ) {\n\n              entry.target.classList.add(\n                \"is-visible\"\n              );\n\n\n              observer.unobserve(\n                entry.target\n              );\n\n            }\n\n          }\n        );\n\n      },\n\n      {\n        threshold: .18\n      }\n\n    );\n\n\n  cards.forEach(\n    function (card) {\n\n      observer.observe(\n        card\n      );\n\n    }\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbefe9e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"fbefe9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"md-mobile-portfolio\">\n\n  <div class=\"md-mobile-portfolio-hero\">\n    <span class=\"md-mobile-kicker\">UNSERE PRODUKTE<\/span>\n\n    <h1>\n      Individuelle Medaillen f\u00fcr besondere Momente\n    <\/h1>\n\n    <p>\n      Ein Einblick in bereits umgesetzte Projekte \u2013 von Vereinsmedaillen\n      \u00fcber Sportevents bis hin zu individuellen Sonderformen.\n    <\/p>\n\n    <a href=\"\/kontakt\/\" class=\"md-mobile-hero-btn\">\n      Eigenes Projekt anfragen\n    <\/a>\n  <\/div>\n\n  <div class=\"md-mobile-gallery\">\n\n    <article class=\"md-mobile-case-card\">\n      <div class=\"md-mobile-card-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/05\/Standardmedaille-scaled.png\"\n          alt=\"Standard-Medaille mit individuellem Druck\"\n        >\n      <\/div>\n\n      <div class=\"md-mobile-card-content\">\n        <span>Sportevent \u00b7 UV-Druck<\/span>\n        <h3>Standard-Medaille<\/h3>\n        <p>\n          Hochwertige Edelstahlmedaille. Individuelle Gestaltung f\u00fcr ein\n          Sportevent mit hochwertigem UV-Druck.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"md-mobile-case-card\">\n      <div class=\"md-mobile-card-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/05\/Fussballmedaille-2.png\"\n          alt=\"Fu\u00dfballmedaille f\u00fcr Turniere und Vereine\"\n        >\n      <\/div>\n\n      <div class=\"md-mobile-card-content\">\n        <span>Sportevent \u00b7 UV-Druck<\/span>\n        <h3>Fu\u00dfballmedaille<\/h3>\n        <p>\n          Medaille in Fu\u00dfballform f\u00fcr Turniere, Ehrungen und\n          Vereinsveranstaltungen.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"md-mobile-case-card md-mobile-featured\">\n      <div class=\"md-mobile-card-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/12\/medaille_header_querformat-scaled.png\"\n          alt=\"Individuelle Medaille als Sonderform\"\n        >\n      <\/div>\n\n      <div class=\"md-mobile-card-content\">\n        <span>Sonderform \u00b7 Premium<\/span>\n        <h3>Individuelle Sonderform<\/h3>\n        <p>\n          Vom Entwurf bis zur fertigen Medaille \u2013 komplett individuell\n          umgesetzt.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"md-mobile-case-card\">\n      <div class=\"md-mobile-card-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/07\/IMG_6535-scaled.png\"\n          alt=\"Detailreicher UV-Druck auf einer Medaille\"\n        >\n      <\/div>\n\n      <div class=\"md-mobile-card-content\">\n        <span>UV-Druck<\/span>\n        <h3>Detailreicher Druck<\/h3>\n        <p>\n          Feine Details, kr\u00e4ftige Farben und individuelle Motive direkt\n          auf jeder Medaille.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"md-mobile-case-card md-mobile-featured\">\n      <div class=\"md-mobile-card-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/05\/Glaspokal.png\"\n          alt=\"Individuell gestalteter Glaspokal\"\n        >\n      <\/div>\n\n      <div class=\"md-mobile-card-content\">\n        <span>Glaspokale in 3 Gr\u00f6\u00dfen<\/span>\n        <h3>Individuelle Gestaltung<\/h3>\n        <p>\n          Hochwertiger UV-Druck und detailreiche Designs.\n        <\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"md-mobile-process\">\n    <h2>Von der Idee zur fertigen Medaille<\/h2>\n\n    <div class=\"md-mobile-process-list\">\n\n      <div class=\"md-mobile-process-step\">\n        <span>01<\/span>\n\n        <div>\n          <h3>Idee &amp; Anfrage<\/h3>\n          <p>\n            Du sendest uns dein Motiv, Logo oder eine erste grobe Idee.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"md-mobile-process-step\">\n        <span>02<\/span>\n\n        <div>\n          <h3>Design &amp; Abstimmung<\/h3>\n          <p>\n            Wir pr\u00fcfen die Umsetzung und erstellen auf Wunsch ein passendes\n            Design.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"md-mobile-process-step\">\n        <span>03<\/span>\n\n        <div>\n          <h3>Druck &amp; Fertigung<\/h3>\n          <p>\n            Nach Freigabe wird deine individuelle Medaille produziert.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"md-mobile-sustainability\">\n    <span>Nachhaltig gedacht<\/span>\n\n    <h2>\n      Aus Edelstahlresten entstehen neue Medaillen\n    <\/h2>\n\n    <p>\n      Wir nutzen vorhandene Edelstahlreste und verarbeiten sie zu\n      hochwertigen individuellen Medaillen. So entstehen besondere\n      Erinnerungsst\u00fccke mit ressourcenschonendem Ansatz.\n    <\/p>\n  <\/div>\n\n  <div class=\"md-mobile-product-cta\">\n    <h2>\n      Du hast eine Idee f\u00fcr deine eigene Medaille?\n    <\/h2>\n\n    <p>\n      Dann lass uns gemeinsam daraus ein individuelles Projekt machen.\n    <\/p>\n\n    <a href=\"\/kontakt\/\">\n      Jetzt Projekt anfragen\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n#md-mobile-portfolio,\n#md-mobile-portfolio * {\n  box-sizing: border-box;\n  font-family: \"Montserrat\", sans-serif;\n}\n\n#md-mobile-portfolio {\n  width: 100%;\n  margin: 0 auto;\n  padding: 6.75rem 1rem 2.5rem;\n  color: #ffffff;\n  overflow: hidden;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.md-mobile-portfolio-hero {\n  max-width: 100%;\n  margin: 0 auto 2rem;\n  text-align: center;\n}\n\n.md-mobile-kicker {\n  display: inline-block;\n  margin-bottom: .8rem;\n  padding: .55rem .8rem;\n\n  font-size: .72rem;\n  font-weight: 700;\n  letter-spacing: .16em;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8e80ff 0%,\n      #a095ff 30%,\n      #87b7ff 65%,\n      #95e2ff 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n\n  filter:\n    drop-shadow(\n      0 0 22px rgba(120,140,255,.20)\n    );\n}\n\n.md-mobile-portfolio-hero h1 {\n  margin: 0 0 1rem;\n\n  font-size: clamp(2rem, 9vw, 2.9rem);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n\n  color: #ffffff;\n}\n\n.md-mobile-portfolio-hero p {\n  max-width: 100%;\n  margin: 0 auto 1.35rem;\n\n  font-size: .96rem;\n  line-height: 1.65;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8e80ff 0%,\n      #a095ff 30%,\n      #87b7ff 65%,\n      #95e2ff 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n\n  filter:\n    drop-shadow(\n      0 0 22px rgba(120,140,255,.18)\n    );\n}\n\n.md-mobile-hero-btn,\n.md-mobile-cta a {\n  width: 100%;\n  min-height: 52px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: .85rem 1.2rem;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    );\n\n  color: #101420;\n  text-decoration: none;\n\n  font-size: .92rem;\n  font-weight: 800;\n}\n\n\/* =========================\n   GALLERY\n========================= *\/\n\n.md-mobile-gallery {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n\n.md-mobile-case-card {\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  background: #1e2433;\n\n  box-shadow:\n    0 18px 45px rgba(0,0,0,.35);\n}\n\n.md-mobile-card-image {\n  position: relative;\n\n  width: 100%;\n  height: 210px;\n\n  overflow: hidden;\n\n  background: #0f1420;\n}\n\n.md-mobile-card-image::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.42),\n      rgba(0,0,0,.05) 55%,\n      transparent\n    );\n\n  pointer-events: none;\n}\n\n.md-mobile-card-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n}\n\n.md-mobile-featured .md-mobile-card-image img {\n  object-fit: contain;\n  padding: 1rem;\n\n  background: #0f1420;\n}\n\n.md-mobile-card-content {\n  padding: 1.15rem;\n}\n\n.md-mobile-card-content span {\n  display: inline-block;\n\n  margin-bottom: .45rem;\n\n  font-size: .7rem;\n  font-weight: 800;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8e80ff 0%,\n      #a095ff 30%,\n      #87b7ff 65%,\n      #95e2ff 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n\n  filter:\n    drop-shadow(\n      0 0 20px rgba(120,140,255,.18)\n    );\n}\n\n.md-mobile-card-content h3 {\n  margin: 0 0 .4rem;\n\n  font-size: 1.25rem;\n  line-height: 1.25;\n\n  color: #ffffff;\n}\n\n.md-mobile-card-content p {\n  margin: 0;\n\n  color: rgba(255,255,255,.72);\n\n  font-size: .9rem;\n  line-height: 1.55;\n}\n\n\/* =========================\n   PROCESS\n========================= *\/\n\n.md-mobile-process {\n  margin-top: 1.5rem;\n  padding: 1.2rem;\n\n  border-radius: 22px;\n\n  background:\n    rgba(30,36,51,.78);\n\n  border:\n    1px solid rgba(255,255,255,.16);\n}\n\n.md-mobile-process h2 {\n  margin: 0 0 1.15rem;\n\n  text-align: center;\n\n  font-size: clamp(1.6rem, 7vw, 2.15rem);\n  line-height: 1.18;\n}\n\n.md-mobile-process-list {\n  display: grid;\n  gap: .8rem;\n}\n\n.md-mobile-process-step {\n  display: grid;\n  grid-template-columns: 46px minmax(0, 1fr);\n  gap: .8rem;\n  align-items: start;\n\n  padding: 1rem;\n\n  border-radius: 18px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n}\n\n.md-mobile-process-step > span {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n\n  border-radius: 14px;\n\n  font-size: .72rem;\n  font-weight: 900;\n  letter-spacing: .08em;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8e80ff,\n      #95e2ff\n    );\n\n  color: #101420;\n}\n\n.md-mobile-process-step h3 {\n  margin: 0 0 .35rem;\n\n  font-size: 1.05rem;\n  line-height: 1.3;\n}\n\n.md-mobile-process-step p {\n  margin: 0;\n\n  color: rgba(255,255,255,.68);\n\n  font-size: .87rem;\n  line-height: 1.5;\n}\n\n\/* =========================\n   NACHHALTIGKEIT\n========================= *\/\n\n.md-mobile-sustainability {\n  margin-top: 1rem;\n  padding: 1.25rem;\n\n  border-radius: 22px;\n  \n  text-align:center;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(60,90,70,.9),\n      rgba(36,54,44,.95)\n    );\n\n  border:\n    1px solid rgba(170,255,200,.18);\n}\n\n.md-mobile-sustainability > span {\n  display: block;\n\n  margin-bottom: .45rem;\n\n  color: rgba(220,255,230,.7);\n\n  font-size: .7rem;\n  font-weight: 800;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.md-mobile-sustainability h2 {\n  margin: 0 0 .7rem;\n\n  font-size: clamp(1.45rem, 6vw, 2rem);\n  line-height: 1.2;\n}\n\n.md-mobile-sustainability p {\n  margin: 0;\n  \n  color: rgba(235,255,240,.78);\n\n  font-size: .9rem;\n  line-height: 1.55;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n.md-mobile-product-cta{\n    \n    margin-top: 1rem; \n\n    background:\n        rgba(20,24,36,.82);\n\n    border:1px solid rgba(255,255,255,.08);\n\n    border-radius:24px;\n\n    backdrop-filter:blur(18px);\n\n    padding:2rem 1.2rem;\n}\n\n.md-mobile-product-cta h2 {\n    \n    display: flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n \n  margin: 0 0 .55rem;\n   background:\n    linear-gradient(\n      135deg,\n      #8e80ff 0%,\n      #a095ff 30%,\n      #87b7ff 65%,\n      #95e2ff 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n\n  filter:\n    drop-shadow(\n      0 0 28px rgba(120,140,255,.22)\n    );\n  font-size: clamp(1.65rem, 7vw, 2.3rem);\n  line-height: 1.18;\n}\n\n.md-mobile-product-cta p {\n  margin: 0 0 1.1rem;\n  display: flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  \n  color: rgba(255,255,255,.7);\n\n  font-size: .92rem;\n  line-height: 1.55;\n}\n\n.md-mobile-product-cta a {\n  width: 100%;\n  min-height: 52px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: .85rem 1.2rem;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    );\n\n  color: black;\n  text-decoration: none;\n\n  font-size: .92rem;\n  font-weight: 600;\n}\n\n\/* Dieses Widget nur auf Mobile *\/\n@media (min-width: 761px) {\n  #md-mobile-portfolio {\n    display: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1cbd0c e-con-full e-flex e-con e-parent\" data-id=\"e1cbd0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17d4c8c elementor-widget elementor-widget-html\" data-id=\"17d4c8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     FOOTER \u2013 NEW DESIGN\n========================================================= -->\n\n<footer class=\"md-footer\">\n\n  <div class=\"md-footer-inner\">\n\n\n    <!-- =====================================================\n         TOP\n    ====================================================== -->\n\n    <div class=\"md-footer-top\">\n\n      <div class=\"md-footer-brand\">\n\n        <a href=\"\/\" class=\"md-footer-logo\">\n          MEDAILLEN<span>DRUCK.DE<\/span>\n        <\/a>\n\n        <p>\n          Individuelle Medaillen f\u00fcr Vereine,\n          Veranstaltungen und besondere Momente.\n        <\/p>\n\n      <\/div>\n\n\n      <nav\n        class=\"md-footer-nav\"\n        aria-label=\"Footer Navigation\"\n      >\n\n        <div class=\"md-footer-nav-group\">\n\n          <span>Navigation<\/span>\n\n          <a href=\"\/\">\n            Startseite\n          <\/a>\n\n          <a href=\"\/produkte\/\">\n            Medaillen\n          <\/a>\n\n          <a href=\"\/portfolio\/\">\n            Portfolio\n          <\/a>\n\n          <a href=\"\/kontakt\/\">\n            Kontakt\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"md-footer-nav-group\">\n\n          <span>Informationen<\/span>\n\n          <a href=\"\/agb\/\">\n            AGB\n          <\/a>\n\n          <a href=\"\/datenschutz\/\">\n            Datenschutz\n          <\/a>\n\n          <a href=\"\/impressum\/\">\n            Impressum\n          <\/a>\n\n        <\/div>\n\n      <\/nav>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTACT\n    ====================================================== -->\n\n    <div class=\"md-footer-contact\">\n\n      <span>\n        FRAGEN ODER PROJEKTIDEE?\n      <\/span>\n\n      <a href=\"mailto:info@medaillendruck.de\">\n        info@medaillendruck.de\n        <strong>\u2192<\/strong>\n      <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n    ====================================================== -->\n\n    <div class=\"md-footer-bottom\">\n\n      <p>\n        \u00a9 2026 Medaillendruck.de\n      <\/p>\n\n      <p>\n        Medaillen bedrucken lassen \u00b7 Medaillen personalisieren \u00b7 UV-Druck\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/footer>\n\n\n<style>\n\n\/* =========================================================\n   BASIS\n========================================================= *\/\n\n.md-footer,\n.md-footer * {\n  box-sizing: border-box;\n}\n\n\n.md-footer {\n  --md-bg: #0B0413;\n  --md-card: #1D0B33;\n\n  --md-purple: #8E80FF;\n  --md-blue: #95E2FF;\n\n  --md-text: #FFFFFF;\n  --md-soft: rgba(255,255,255,.66);\n  --md-muted: rgba(255,255,255,.38);\n\n  --md-gradient:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  position: relative;\n\n  width: 100%;\n\n  padding: 78px 0 34px;\n\n  background: #12081F;\n\n  color: var(--md-text);\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n}\n\n\/* =========================================================\n   TOP LINE\n========================================================= *\/\n\n.md-footer::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 50%;\n\n  width: min(\n    calc(100% - 48px),\n    1280px\n  );\n\n  height: 1px;\n\n  transform: translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(142,128,255,.45) 25%,\n      rgba(149,226,255,.55) 50%,\n      rgba(142,128,255,.45) 75%,\n      transparent 100%\n    );\n}\n\n\n\/* =========================================================\n   BACKGROUND DETAIL\n========================================================= *\/\n\n.md-footer::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 520px;\n  height: 520px;\n\n  right: -220px;\n  top: -260px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(142,128,255,.09),\n      transparent 68%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.md-footer-inner {\n  position: relative;\n\n  z-index: 2;\n\n  width: calc(100% - 48px);\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.md-footer-top {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.2fr)\n    minmax(360px, .8fr);\n\n  gap: 80px;\n\n  align-items: start;\n}\n\n\n\/* =========================================================\n   BRAND\n========================================================= *\/\n\n.md-footer-brand {\n  max-width: 540px;\n}\n\n\n.md-footer-logo {\n  display: inline-block;\n\n  margin-bottom: 18px;\n\n  color: #FFFFFF;\n\n  font-size:\n    clamp(\n      24px,\n      3vw,\n      34px\n    );\n\n  font-weight: 400;\n\n  letter-spacing: -.035em;\n\n  text-decoration: none;\n}\n\n\n.md-footer-logo span {\n  background: var(--md-gradient);\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  color: transparent;\n}\n\n\n.md-footer-brand p {\n  max-width: 440px;\n\n  margin: 0;\n\n  color: var(--md-soft);\n\n  font-size: 15px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.md-footer-nav {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 48px;\n}\n\n\n.md-footer-nav-group {\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: flex-start;\n\n  gap: 11px;\n}\n\n\n.md-footer-nav-group > span {\n  margin-bottom: 4px;\n\n  color: var(--md-blue);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n\n  text-transform: uppercase;\n}\n\n\n.md-footer-nav-group a {\n  position: relative;\n\n  color: rgba(255,255,255,.68);\n\n  font-size: 14px;\n  font-weight: 500;\n\n  text-decoration: none;\n\n  transition:\n    color .2s ease,\n    transform .2s ease;\n}\n\n\n.md-footer-nav-group a:hover {\n  color: #FFFFFF;\n\n  transform:\n    translateX(3px);\n}\n\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.md-footer-contact {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 64px;\n\n  padding: 28px 0;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.07);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.07);\n}\n\n\n.md-footer-contact > span {\n  color: var(--md-muted);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n}\n\n\n.md-footer-contact a {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  color: #FFFFFF;\n\n  font-size:\n    clamp(\n      17px,\n      2vw,\n      22px\n    );\n\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n\n.md-footer-contact a strong {\n  color: var(--md-blue);\n\n  font-size: 23px;\n  font-weight: 400;\n}\n\n\n.md-footer-contact a:hover {\n  color: var(--md-blue);\n\n  gap: 17px;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.md-footer-bottom {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 28px;\n}\n\n\n.md-footer-bottom p {\n  margin: 0;\n\n  color: var(--md-muted);\n\n  font-size: 11px;\n\n  line-height: 1.6;\n}\n\n\n.md-footer-bottom p:last-child {\n  text-align: right;\n}\n\/* =========================\n   LOGO \/ SCHRIFTZUG\n========================= *\/\n\n.md-footer-logo,\n.md-footer-logo * {\n  font-family: \"Orbitron\", sans-serif;\n  font-weight: 900;\n}\n\n.md-footer-logo {\n  display: inline-block;\n\n  margin-bottom: 18px;\n\n  color: #FFFFFF;\n\n  font-size:\n    clamp(\n      24px,\n      3vw,\n      34px\n    );\n\n  letter-spacing: .02em;\n\n  text-decoration: none;\n}\n\n.md-footer-logo span {\n  margin-left: .06em;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8E80FF,\n      #95E2FF\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  color: transparent;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .md-footer {\n    padding-top: 72px;\n  }\n\n\n  .md-footer::before {\n    width:\n      calc(100% - 40px);\n  }\n\n\n  .md-footer-inner {\n    width:\n      calc(100% - 40px);\n  }\n\n\n  .md-footer-top {\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(300px,.8fr);\n\n    gap: 50px;\n  }\n\n\n  .md-footer-contact {\n    margin-top: 52px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 760px) {\n\n  .md-footer {\n    padding:\n      64px 0\n      28px;\n  }\n\n\n  .md-footer::before {\n    width:\n      calc(100% - 28px);\n  }\n\n\n  .md-footer-inner {\n    width:\n      calc(100% - 28px);\n  }\n\n\n  .md-footer-top {\n    grid-template-columns: 1fr;\n\n    gap: 42px;\n  }\n\n\n  .md-footer-brand {\n    max-width: none;\n  }\n\n\n  .md-footer-logo {\n    margin-bottom: 15px;\n\n    font-size: 25px;\n  }\n\n\n  .md-footer-brand p {\n    font-size: 14px;\n  }\n\n\n  .md-footer-nav {\n    gap: 30px;\n  }\n\n\n  .md-footer-contact {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 12px;\n\n    margin-top: 44px;\n\n    padding: 24px 0;\n  }\n\n\n  .md-footer-contact a {\n    font-size: 17px;\n  }\n\n\n  .md-footer-bottom {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 9px;\n\n    margin-top: 24px;\n  }\n\n\n  .md-footer-bottom p:last-child {\n    text-align: left;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 430px) {\n\n  .md-footer-nav {\n    grid-template-columns: 1fr 1fr;\n\n    gap: 22px;\n  }\n\n\n  .md-footer-logo {\n    font-size: 22px;\n  }\n\n}\n\n<\/style>\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>MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-572","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/medaillendruck.de\/home\/produkte\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"medaillendruck.de - Individuelle Medaillen f\u00fcr dein einzigartiges Event.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Produkte - medaillendruck.de\" \/>\n\t\t<meta property=\"og:description\" content=\"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/medaillendruck.de\/home\/produkte\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/11\/Medaillendruck_logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/11\/Medaillendruck_logo.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-13T08:11:29+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-19T09:37:57+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Produkte - medaillendruck.de\" \/>\n\t\t<meta name=\"twitter:description\" content=\"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/11\/Medaillendruck_logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#listItem\",\"name\":\"Produkte\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#listItem\",\"position\":2,\"name\":\"Produkte\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/#organization\",\"name\":\"medaillendruck.de medaillendruck.de\",\"description\":\"Individuelle Medaillen f\\u00fcr dein einzigartiges Event. Medaillendruck.de bietet individuell bedruckte Medaillen f\\u00fcr Sportevents, Vereine, Firmen und besondere Anl\\u00e4sse. Hochwertiger UV-Druck auf Edelstahl, pers\\u00f6nliche Gestaltung und schnelle Umsetzung.\",\"url\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/\",\"email\":\"info@medaillendruck.de\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/medaillendruck.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Zeichenflaeche-1.png\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#organizationLogo\",\"width\":160,\"height\":160},\"image\":{\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#webpage\",\"url\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/\",\"name\":\"Produkte - medaillendruck.de\",\"description\":\"MEDAILLENDRUCK.DE Home Produkte Portfolio \\u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \\u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \\u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell\",\"inLanguage\":\"de-DE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/produkte\\\/#breadcrumblist\"},\"datePublished\":\"2026-05-13T08:11:29+00:00\",\"dateModified\":\"2026-10-19T09:37:57+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/#website\",\"url\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/\",\"name\":\"medaillendruck.de\",\"alternateName\":\"MD\",\"description\":\"Individuelle Medaillen f\\u00fcr dein einzigartiges Event.\",\"inLanguage\":\"de-DE\",\"publisher\":{\"@id\":\"https:\\\/\\\/medaillendruck.de\\\/home\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Produkte - medaillendruck.de","description":"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell","canonical_url":"https:\/\/medaillendruck.de\/home\/produkte\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/medaillendruck.de\/home\/produkte\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/medaillendruck.de\/home\/#listItem","position":1,"name":"Home","item":"https:\/\/medaillendruck.de\/home\/","nextItem":{"@type":"ListItem","@id":"https:\/\/medaillendruck.de\/home\/produkte\/#listItem","name":"Produkte"}},{"@type":"ListItem","@id":"https:\/\/medaillendruck.de\/home\/produkte\/#listItem","position":2,"name":"Produkte","previousItem":{"@type":"ListItem","@id":"https:\/\/medaillendruck.de\/home\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/medaillendruck.de\/home\/#organization","name":"medaillendruck.de medaillendruck.de","description":"Individuelle Medaillen f\u00fcr dein einzigartiges Event. Medaillendruck.de bietet individuell bedruckte Medaillen f\u00fcr Sportevents, Vereine, Firmen und besondere Anl\u00e4sse. Hochwertiger UV-Druck auf Edelstahl, pers\u00f6nliche Gestaltung und schnelle Umsetzung.","url":"https:\/\/medaillendruck.de\/home\/","email":"info@medaillendruck.de","logo":{"@type":"ImageObject","url":"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/06\/Zeichenflaeche-1.png","@id":"https:\/\/medaillendruck.de\/home\/produkte\/#organizationLogo","width":160,"height":160},"image":{"@id":"https:\/\/medaillendruck.de\/home\/produkte\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/medaillendruck.de\/home\/produkte\/#webpage","url":"https:\/\/medaillendruck.de\/home\/produkte\/","name":"Produkte - medaillendruck.de","description":"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/medaillendruck.de\/home\/#website"},"breadcrumb":{"@id":"https:\/\/medaillendruck.de\/home\/produkte\/#breadcrumblist"},"datePublished":"2026-05-13T08:11:29+00:00","dateModified":"2026-10-19T09:37:57+00:00"},{"@type":"WebSite","@id":"https:\/\/medaillendruck.de\/home\/#website","url":"https:\/\/medaillendruck.de\/home\/","name":"medaillendruck.de","alternateName":"MD","description":"Individuelle Medaillen f\u00fcr dein einzigartiges Event.","inLanguage":"de-DE","publisher":{"@id":"https:\/\/medaillendruck.de\/home\/#organization"}}]},"og:locale":"de_DE","og:site_name":"medaillendruck.de - Individuelle Medaillen f\u00fcr dein einzigartiges Event.","og:type":"article","og:title":"Produkte - medaillendruck.de","og:description":"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell","og:url":"https:\/\/medaillendruck.de\/home\/produkte\/","og:image":"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/11\/Medaillendruck_logo.png","og:image:secure_url":"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/11\/Medaillendruck_logo.png","article:published_time":"2026-05-13T08:11:29+00:00","article:modified_time":"2026-10-19T09:37:57+00:00","twitter:card":"summary_large_image","twitter:title":"Produkte - medaillendruck.de","twitter:description":"MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLENDRUCK.DE Home Produkte Portfolio \u00dcber uns Kontakt Jetzt anfragen MEDAILLEN Unsere Medaillen. Finde deine Form. W\u00e4hle aus verschiedenen Medaillenformen und gestalte sie passend zu deinem Verein, Event oder Wettbewerb. Rohling Beispiel MEDAILLENFORM 01 Medaille Form 01 Individuell","twitter:image":"https:\/\/medaillendruck.de\/wp-content\/uploads\/2025\/11\/Medaillendruck_logo.png"},"aioseo_meta_data":{"post_id":"572","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-01-20 09:03:03","updated":"2026-10-19 10:12:05","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/medaillendruck.de\/home\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tProdukte\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/medaillendruck.de\/home\/"},{"label":"Produkte","link":"https:\/\/medaillendruck.de\/home\/produkte\/"}],"_links":{"self":[{"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages\/572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":193,"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages\/572\/revisions"}],"predecessor-version":[{"id":2364,"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages\/572\/revisions\/2364"}],"wp:attachment":[{"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/media?parent=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}