{"id":96,"date":"2025-12-04T10:45:32","date_gmt":"2025-12-04T10:45:32","guid":{"rendered":"https:\/\/medaillendruck.de\/?page_id=96"},"modified":"2026-05-20T10:04:15","modified_gmt":"2026-05-20T10:04:15","slug":"home","status":"publish","type":"page","link":"https:\/\/medaillendruck.de\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"96\" class=\"elementor elementor-96\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17e1ca1 e-flex e-con-boxed e-con e-parent\" data-id=\"17e1ca1\" 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-cab6c11 elementor-widget elementor-widget-html\" data-id=\"cab6c11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"md-fixed-header\">\n\n  <!-- Laufband -->\n  <div class=\"md-top-banner\">\n    <div class=\"md-top-banner-track\">\n      <span>WEBSEITE AKTUELL IM AUFBAU \u2022 WEITERE INFORMATIONEN ZU PRODUKTEN UND KONFIGURATIONSM\u00d6GLICHKEITEN FOLGEN IN K\u00dcRZE \u2022<\/span>\n      <span>WEBSEITE AKTUELL IM AUFBAU \u2022 WEITERE INFORMATIONEN ZU PRODUKTEN UND KONFIGURATIONSM\u00d6GLICHKEITEN FOLGEN IN K\u00dcRZE \u2022<\/span>\n      <span>WEBSEITE AKTUELL IM AUFBAU \u2022 WEITERE INFORMATIONEN ZU PRODUKTEN UND KONFIGURATIONSM\u00d6GLICHKEITEN FOLGEN IN K\u00dcRZE \u2022<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Navigation -->\n  <header class=\"md-premium-nav\">\n    <div class=\"md-nav-inner\">\n\n      <a href=\"\/\" class=\"md-nav-brand\" aria-label=\"Zur Startseite\">\n        <span class=\"md-brand-icon\">\n          <img decoding=\"async\" src=\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/05\/cropped-Medaillendruck-logo.png\" alt=\"\">\n        <\/span>\n\n        <span class=\"md-brand-word\">\n          MEDAILLEN<span>DRUCK.DE<\/span>\n        <\/span>\n      <\/a>\n\n      <nav class=\"md-nav-links\" aria-label=\"Hauptnavigation\">\n        <a href=\"\/\">Home<\/a>\n        <a href=\"\/produkte\/\">Produkte<\/a>\n        <a href=\"\/portfolio\/\">Portfolio<\/a>\n        <a href=\"\/kontakt\/\">Kontakt<\/a>\n      <\/nav>\n\n      <a href=\"\/kontakt\/\" class=\"md-nav-cta\">\n        Jetzt anfragen\n      <\/a>\n\n    <\/div>\n  <\/header>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@900&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');\n\n\/* =========================\n   FIXED HEADER WRAPPER\n========================= *\/\n\n.md-fixed-header{\n  position:fixed;\n  top:0;\n  left:0;\n  width:100%;\n  z-index:99999;\n  pointer-events:none;\n}\n\n.md-fixed-header *{\n  pointer-events:auto;\n}\n\n\/* =========================\n   TOP BANNER\n========================= *\/\n\n.md-top-banner{\n  position:relative;\n  width:100%;\n  height:38px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(2,4,8,.96),\n      rgba(6,8,12,.92)\n    );\n\n  border-bottom:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n}\n\n.md-top-banner::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:0;\n\n  width:100%;\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(140,160,255,.28),\n      transparent\n    );\n}\n\n.md-top-banner-track{\n  display:flex;\n  align-items:center;\n\n  width:max-content;\n  height:100%;\n\n  animation:mdBannerScroll 34s linear infinite;\n}\n\n.md-top-banner-track span{\n  white-space:nowrap;\n\n  padding-right:90px;\n\n  font-family:\"Montserrat\", sans-serif;\n  font-size:.78rem;\n  font-weight:700;\n\n  letter-spacing:.12em;\n  text-transform:uppercase;\n\n  color:rgba(255,255,255,.74);\n}\n\n@keyframes mdBannerScroll{\n  from{\n    transform:translateX(0);\n  }\n  to{\n    transform:translateX(-33.333%);\n  }\n}\n\n\/* =========================\n   NAVIGATION\n========================= *\/\n\n.md-premium-nav{\n  width:100%;\n  max-width:1720px;\n\n  margin:0 auto;\n\n  padding:.8rem 1.2rem;\n\n  font-family:\"Montserrat\", sans-serif;\n\n  box-sizing:border-box;\n}\n\n.md-nav-inner{\n  width:100%;\n  min-height:60px;\n\n  padding:0 1.4rem;\n\n  display:flex;\n  align-items:center;\n\n  border-radius:24px;\n\n  position:relative;\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(2,4,8,.52),\n      rgba(6,8,14,.42)\n    );\n\n  border:\n    1px solid rgba(255,255,255,.09);\n\n  backdrop-filter:blur(24px);\n  -webkit-backdrop-filter:blur(24px);\n\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.05),\n    0 0 0 2px rgba(210,220,255,.025),\n\n    0 0 24px rgba(255,255,255,.06),\n    0 0 45px rgba(180,195,255,.08),\n\n    0 14px 42px rgba(0,0,0,.45),\n\n    inset 0 1px 0 rgba(255,255,255,.14),\n    inset 0 -1px 0 rgba(255,255,255,.04);\n\n  box-sizing:border-box;\n}\n\n\/* Edelstahl-Glow *\/\n.md-nav-inner::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n\n  border-radius:inherit;\n\n  padding:1px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.45),\n      rgba(255,255,255,.04) 18%,\n      rgba(180,200,255,.10) 35%,\n      rgba(255,255,255,.03) 52%,\n      rgba(255,255,255,.22) 70%,\n      rgba(255,255,255,.05)\n    );\n\n  -webkit-mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n\n  opacity:.7;\n  pointer-events:none;\n}\n\n.md-nav-inner::after{\n  content:\"\";\n  position:absolute;\n  inset:-120px;\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(110,125,255,.10),\n      transparent 42%\n    );\n\n  opacity:.6;\n  pointer-events:none;\n}\n\n\/* =========================\n   BRAND\n========================= *\/\n\n.md-nav-brand{\n  display:flex;\n  align-items:center;\n  gap:.8rem;\n\n  text-decoration:none;\n  color:#fff;\n\n  position:relative;\n  z-index:2;\n\n  flex-shrink:0;\n}\n\n.md-brand-icon{\n  width:34px;\n  height:34px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  flex-shrink:0;\n}\n\n.md-brand-icon img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n\n  filter:\n    brightness(2.35)\n    contrast(1.15)\n    grayscale(1);\n\n  opacity:.98;\n}\n\n.md-brand-word{\n  font-family:\"Orbitron\", sans-serif;\n  font-size:clamp(1.1rem, 1.45vw, 1.65rem);\n  font-weight:900;\n\n  letter-spacing:.035em;\n  line-height:1;\n\n  color:#f6f8ff;\n\n  display:flex;\n  align-items:center;\n  white-space:nowrap;\n\n  text-shadow:\n    0 0 14px rgba(255,255,255,.08);\n}\n\n.md-brand-word span{\n  margin-left:.06em;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8d92ff,\n      #90c9ff\n    );\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  filter:\n    drop-shadow(0 0 12px rgba(120,150,255,.18));\n}\n\n\/* =========================\n   LINKS\n========================= *\/\n\n.md-nav-links{\n  margin-left:auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:clamp(1.5rem, 2.6vw, 3rem);\n\n  position:relative;\n  z-index:2;\n}\n\n.md-nav-links a{\n  color:rgba(255,255,255,.84);\n  text-decoration:none;\n\n  font-size:1rem;\n  font-weight:500;\n\n  transition:.25s ease;\n  position:relative;\n}\n\n.md-nav-links a::after{\n  content:\"\";\n  position:absolute;\n\n  left:0;\n  bottom:-6px;\n\n  width:0%;\n  height:1px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #9092ff,\n      #87cbff\n    );\n\n  transition:.25s ease;\n}\n\n.md-nav-links a:hover{\n  color:#ffffff;\n\n  text-shadow:\n    0 0 10px rgba(255,255,255,.18);\n}\n\n.md-nav-links a:hover::after{\n  width:100%;\n}\n\n\/* =========================\n   CTA BUTTON\n========================= *\/\n\n.md-nav-cta{\n  margin-left:clamp(1.5rem, 2.5vw, 2.6rem);\n\n  min-width:168px;\n  height:42px;\n\n  padding:0 1.15rem;\n\n  border-radius:999px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  position:relative;\n  z-index:2;\n\n  text-decoration:none;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(233,236,255,.96),\n      rgba(170,170,255,.94) 48%,\n      rgba(162,219,255,.94)\n    );\n\n  color:#0d1020;\n\n  font-family:\"Montserrat\", sans-serif;\n  font-size:.8rem;\n  font-weight:700;\n\n  box-shadow:\n    0 8px 24px rgba(120,140,255,.16),\n    inset 0 1px 0 rgba(255,255,255,.7);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.md-nav-cta:hover{\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 12px 32px rgba(120,140,255,.24),\n    inset 0 1px 0 rgba(255,255,255,.82);\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:1100px){\n\n  .md-nav-links{\n    gap:1.4rem;\n  }\n\n  .md-nav-cta{\n    min-width:auto;\n  }\n}\n\n@media(max-width:900px){\n\n  .md-top-banner{\n    height:34px;\n  }\n\n  .md-top-banner-track span{\n    font-size:.66rem;\n    padding-right:55px;\n  }\n\n  .md-premium-nav{\n    padding:1rem;\n  }\n\n  .md-nav-inner{\n    flex-wrap:wrap;\n    justify-content:center;\n\n    padding:1rem;\n  }\n\n  .md-nav-brand{\n    width:100%;\n    justify-content:center;\n  }\n\n  .md-nav-links{\n    margin-left:0;\n\n    width:100%;\n    justify-content:center;\n\n    gap:1.3rem;\n  }\n\n  .md-nav-cta{\n    margin-left:0;\n    width:100%;\n  }\n}\n\n@media(max-width:600px){\n\n  .md-brand-word{\n    font-size:1rem;\n  }\n\n  .md-brand-icon{\n    width:30px;\n    height:30px;\n  }\n\n  .md-nav-links{\n    gap:1rem;\n    flex-wrap:wrap;\n  }\n\n  .md-nav-links a{\n    font-size:.88rem;\n  }\n\n  .md-nav-cta{\n    height:40px;\n    font-size:.88rem;\n  }\n}\n<\/style>\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-64eda5d e-con-full e-flex e-con e-parent\" data-id=\"64eda5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b494e3e elementor-widget elementor-widget-html\" data-id=\"b494e3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n   HERO SECTION\n-->\n\n<section class=\"md-hero-section\">\n\n  <!-- Hintergrundbild -->\n  <div class=\"md-hero-bg\"><\/div>\n  <div class=\"md-hero-overlay\"><\/div>\n\n  <!-- Hero Inhalt-->\n  <div class=\"md-hero-content\">\n\n    <div class=\"md-hero-badge\">\n      INDIVIDUELL. HOCHWERTIG. EINZIGARTIG.\n    <\/div>\n\n    <h1 class=\"md-hero-title\">\n      Individuelle Medaillen\n      <span>f\u00fcr dein einzigartiges Event<\/span>\n    <\/h1>\n\n    <p class=\"md-hero-text\">\n      Verleihe deinen Wettbewerben einen besonderen Glanz \u2013\n      <br>\n      mit individuell gestalteten Medaillen in echter Wettkampfqualit\u00e4t.\n    <\/p>\n\n    <div class=\"md-hero-actions\">\n\n      <a href=\"#konfigurator\" class=\"md-hero-btn primary\">\n        Medaillen konfigurieren\n      <\/a>\n\n      <a href=\"\/portfolio\/\" class=\"md-hero-btn secondary\">\n        Unsere Projekte ansehen\n        <span>\u25c9<\/span>\n      <\/a>\n\n    <\/div>\n\n    <!-- Cards (feature) -->\n    <div class=\"md-hero-features\">\n\n      <div class=\"md-feature-card\">\n        <div class=\"md-feature-icon\">\u25c8<\/div>\n\n        <div>\n          <h3>Premium Qualit\u00e4t<\/h3>\n          <p>\n            Hochwertiger UV-Druck auf Edelstahl\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"md-feature-card\">\n        <div class=\"md-feature-icon\">\u2726<\/div>\n\n        <div>\n          <h3>Individuelles Design<\/h3>\n          <p>\n            Dein Logo, deine Farben,\n            dein einzigartiges Motiv.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"md-feature-card\">\n        <div class=\"md-feature-icon\">\u26a1<\/div>\n\n        <div>\n          <h3>Schnelle Umsetzung<\/h3>\n          <p>\n            Kurzfristige Produktion nach Absprache m\u00f6glich \u2013\n            p\u00fcnktlich zu deinem Event.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"md-feature-card\">\n        <div class=\"md-feature-icon\">\u25c9<\/div>\n\n        <div>\n          <h3>Zuverl\u00e4ssiger Versand<\/h3>\n          <p>\n            Sicherer Versand per Post\n            oder auf Wunsch per Kurier.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\n\/* \n   HERO SECTION\n *\/\n\n.md-hero-section{\n  position:relative;\n  width:100%;\n  min-height:100vh;\n  overflow:hidden;\n\n  font-family:\"Inter\",\"Open Sans\",sans-serif;\n\n  display:flex;\n  align-items:flex-start;\n}\n\n\/*\n   BACKGROUND IMAGE HERO\n *\/\n\n.md-hero-bg{\n position:absolute;\n  inset:-8%;\n\n  background-image:url(\"https:\/\/medaillendruck.de\/wp-content\/uploads\/2026\/05\/IMG_6523.jpeg\");\n  background-size:cover;\n  background-position:center center;\n  background-repeat:no-repeat;\n\n  filter:brightness(.62) contrast(1.05) saturate(.96);\n\n  transform:translateY(var(--md-parallax-y, 0px)) scale(1.08);\n  will-change:transform;\n} \n\n\/* \n   DARK OVERLAY\n *\/\n\n.md-hero-overlay{\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0,0,0,.45) 0%,\n      rgba(0,0,0,.22) 40%,\n      rgba(0,0,0,.12) 100%\n    ),\n\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.18) 0%,\n      rgba(0,0,0,.04) 42%,\n      rgba(0,0,0,.32) 100%\n    );\n}\n\n\/* \n   CONTENT\n *\/\n\n.md-hero-content{\n  position:relative;\n  z-index:5;\n\n  width:100%;\n  max-width:1650px;\n\n  margin:0 auto;\n\n  padding:6rem clamp(1.5rem, 5vw, 4rem) 5rem;\n}\n.md-hero-content{\n  position:relative;\n  z-index:2;\n}\n\n\/* Weicher Dark Overlay hinter dem Text *\/\n.md-hero-content::before{\n  content:\"\";\n\n  position:absolute;\n\n  top:-8%;\n  left:-6%;\n\n  width:78%;\n  height:88%;\n\n  background:\n    radial-gradient(\n      ellipse at top left,\n      rgba(0,0,0,.72) 0%,\n      rgba(0,0,0,.52) 34%,\n      rgba(0,0,0,.22) 58%,\n      rgba(0,0,0,0) 100%\n    );\n\n  filter:blur(26px);\n\n  z-index:-1;\n  pointer-events:none;\n}\n\n\/* \n   BADGE\n *\/\n\n.md-hero-badge{\n  display:inline-flex;\n  align-items:center;\n\n  min-height:44px;\n\n  padding:0 1.2rem;\n\n  border-radius:999px;\n\n  border:1px solid rgba(140,155,255,.42);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(8,10,16,.78),\n      rgba(18,22,30,.52)\n    );\n\n  backdrop-filter:blur(14px);\n\n  color:#ffffff;\n  \n  font-family: \"Montserrat\", sans-serif;\n  font-size:.86rem;\n  font-weight:500;\n  letter-spacing:.08em;\n\n  box-shadow:\n    0 0 24px rgba(120,140,255,.12),\n    inset 0 1px 0 rgba(255,255,255,.08);\n}\n\n\/* \n   TITLE\n *\/\n\n.md-hero-title{\n  margin:\n    2rem\n    0\n    1.4rem;\n\n  max-width:1200px;\n\n  color:#ffffff;\n\n  font-size:clamp(2.5rem, 6vw, 6rem);\n\n  line-height:1.08;\n\n  letter-spacing:-.05em;\n  font-weight:700;\n\n  position:relative;\n  z-index:2;\n\n  padding-bottom:.12em;\n\n  text-shadow:\n    0 4px 20px rgba(0,0,0,.22);\n}\n\n.md-hero-title span{\n  display:block;\n\n  margin-top:.18rem;\n\n  padding-bottom:.08em;\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  -webkit-text-fill-color:transparent;\n\n  filter:drop-shadow(\n    0 0 28px rgba(120,140,255,.22)\n  );\n}\n\/* \n   TEXT\n*\/\n\n.md-hero-text{\n  max-width:760px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.92);\n  font-family: \"Montserrat\", sans-serif;\n  font-size:clamp(1rem, 1.3vw, 1.28rem);\n  line-height:1.85;\n\n  text-shadow:\n    0 2px 18px rgba(0,0,0,.45);\n}\n\n\/* \n   BUTTONS\n*\/\n\n.md-hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:1rem;\n\n  margin-top:2.5rem;\n}\n\n.md-hero-btn{\n  min-height:62px;\n\n  padding:0 1.9rem;\n\n  border-radius:999px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.8rem;\n\n  text-decoration:none;\n  font-family: \"Montserrat\", sans-serif;\n  font-size:1.05rem;\n  font-weight:600;\n\n  transition:.25s ease;\n}\n\n.md-hero-btn.primary{\n  background:\n    linear-gradient(\n      135deg,\n      #b8b5ff,\n      #8c84ff 45%,\n      #8dd8ff\n    );\n\n  color:#0c1020;\n\n  box-shadow:\n    0 16px 45px rgba(120,140,255,.3),\n    inset 0 1px 0 rgba(255,255,255,.72);\n}\n\n.md-hero-btn.secondary{\n  color:#ffffff;\n\n  border:1px solid rgba(255,255,255,.16);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(8,10,16,.72),\n      rgba(18,22,30,.48)\n    );\n\n  backdrop-filter:blur(16px);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.06);\n}\n\n.md-hero-btn:hover{\n  transform:translateY(-3px);\n}\n\n.md-hero-btn span{\n  font-size:1.2rem;\n}\n\n\/* =========================\n   FEATURE GRID\n========================= *\/\n\n.md-hero-features{\n  display:grid;\n  grid-template-columns:repeat(4, minmax(0,1fr));\n  gap:1.3rem;\n\n  margin-top:4rem;\n}\n\n.md-feature-card{\n  position:relative;\n\n  min-height:145px;\n\n  padding:1.35rem;\n\n  border-radius:24px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(8,10,16,.74),\n      rgba(18,22,30,.48)\n    );\n\n  border:1px solid rgba(255,255,255,.08);\n\n  backdrop-filter:blur(16px);\n\n  box-shadow:\n    0 12px 36px rgba(0,0,0,.24),\n    inset 0 1px 0 rgba(255,255,255,.06);\n\n  transition:.25s ease;\n}\n\n.md-feature-card:hover{\n  transform:translateY(-4px);\n\n  border-color:rgba(145,165,255,.22);\n\n  box-shadow:\n    0 18px 44px rgba(0,0,0,.34),\n    0 0 30px rgba(120,140,255,.08);\n}\n\n.md-feature-icon{\n  width:54px;\n  height:54px;\n\n  margin-bottom:1rem;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  color:#9eb4ff;\n\n  font-size:1.3rem;\n\n  border:1px solid rgba(145,165,255,.28);\n\n  background:\n    radial-gradient(\n      circle at top,\n      rgba(130,145,255,.18),\n      rgba(255,255,255,.02)\n    );\n\n  box-shadow:\n    0 0 24px rgba(120,140,255,.12);\n}\n\n.md-feature-card h3{\n  margin:0 0 .5rem;\n\n  color:#ffffff;\n  font-family: \"Montserrat\";\n  font-size:1.1rem;\n  letter-spacing: 1.2px;\n  font-weight:600;\n}\n\n.md-feature-card p{\n  margin:0;\n\n  color:rgba(255,255,255,.72);\n  \n  font-family: \"Montserrat\";\n  line-height:1.6;\n  font-size:.95rem;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media(max-width:1200px){\n\n  .md-hero-features{\n    grid-template-columns:repeat(2, minmax(0,1fr));\n  }\n}\n\n@media(max-width:760px){\n\n  .md-hero-content{\n    padding-top:7.5rem;\n  }\n\n  .md-hero-actions{\n    flex-direction:column;\n  }\n\n  .md-hero-btn{\n    width:100%;\n  }\n\n  .md-hero-features{\n    grid-template-columns:1fr;\n  }\n\n  .md-hero-title{\n    font-size:clamp(2.6rem, 12vw, 4.2rem);\n  }\n}\n\n<\/style>\n\n<script>\n(function(){\n  const hero = document.querySelector(\".md-hero-section\");\n  const bg = document.querySelector(\".md-hero-bg\");\n\n  if(!hero || !bg) return;\n\n  function updateParallax(){\n    const rect = hero.getBoundingClientRect();\n    const offset = rect.top * -0.28;\n\n    bg.style.setProperty(\"--md-parallax-y\", offset + \"px\");\n  }\n\n  window.addEventListener(\"scroll\", updateParallax, { passive:true });\n  window.addEventListener(\"resize\", updateParallax);\n\n  updateParallax();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10786fd e-flex e-con-boxed e-con e-parent\" data-id=\"10786fd\" data-element_type=\"container\" data-e-type=\"container\" id=\"konfigurator\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-65ca9bb e-con-full e-flex e-con e-child\" data-id=\"65ca9bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b6a73 elementor-widget elementor-widget-html\" data-id=\"f2b6a73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"md-config-title\">\n    <h1>Medaillen-<span>Konfigurator<\/span><\/h1>\n<\/div>\n\n<div class=\"md-config-info\">\n  <h2>In nur 3 Schritten zu Ihrer Medaille<\/h2>\n\n  <p class=\"md-config-intro\">\n    Nutzen Sie unseren einfachen Konfigurator, um schnell einen Preis\u00fcberblick und eine fertige Anfrage zu erstellen.\n  <\/p>\n\n  <div class=\"md-config-steps\">\n    <div><strong>1.<\/strong> W\u00e4hlen Sie eine der zwei Medaillen-Arten aus.*<\/div>\n    <div><strong>2.<\/strong> Geben Sie die gew\u00fcnschte St\u00fcckzahl und Hinweise an.<\/div>\n    <div><strong>3.<\/strong> Pr\u00fcfen Sie die Zusammenfassung \u2013 wir berechnen automatisch den fiktiven Preis*\u00b2.<\/div>\n  <\/div>\n\n  <p class=\"md-config-outro\">\n   *Produkt\u00fcbersicht und Medaillen-Produktbeschreibungen demn\u00e4chst verf\u00fcgbar!<\/br>\n   *\u00b2Preise sind fiktiv und werden in K\u00fcrze aktualisiert\n  <\/p>\n\n<\/div>\n\n<style>\n.md-config-title h1{\n    text-align: center;\n    font-family: \"Montserrat\";\n    font-weight: 700;\n    font-size: 3.1rem;\n    color: white;\n}\n    \n .md-config-title span {   \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  -webkit-text-fill-color:transparent;\n\n  filter:drop-shadow(\n    0 0 28px rgba(120,140,255,.22)\n  );\n\n}\n\n\n.md-config-info{\n  padding:24px;\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(18,22,30,.82),\n      rgba(10,12,18,.72)\n    );\n\n  border:1px solid rgba(255,255,255,.12);\n\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n\n  box-shadow:\n    0 14px 40px rgba(0,0,0,.28),\n    inset 0 1px 0 rgba(255,255,255,.04);\n}\n\n.md-config-info h2{\n  margin:0 0 14px;\n\n  font-family:\"Inter\", sans-serif;\n  font-size:clamp(1.4rem, 2vw, 2rem);\n  font-weight:700;\n  line-height:1.2;\n\n  color:#f3f6fb;\n}\n\n.md-config-intro,\n.md-config-outro{\n  margin:0;\n\n  font-family:\"Open Sans\", sans-serif;\n  font-size:1rem;\n  line-height:1.7;\n\n  color:rgba(255,255,255,.88);\n}\n\n.md-config-intro{\n  margin-bottom:18px;\n}\n\n.md-config-outro{\n  margin-top:18px;\n}\n\n.md-config-steps{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n.md-config-steps div{\n  padding:12px 14px;\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.05),\n      rgba(255,255,255,.025)\n    );\n\n  border:1px solid rgba(255,255,255,.08);\n\n  font-family:\"Open Sans\", sans-serif;\n  font-size:1rem;\n  line-height:1.6;\n\n  color:#ffffff;\n}\n\n.md-config-steps strong{\n  color:#9db8ff;\n  margin-right:6px;\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee5198a elementor-widget elementor-widget-menu-anchor\" data-id=\"ee5198a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"medaillen-konfig\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-441e949 elementor-widget elementor-widget-html\" data-id=\"441e949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"md-configurator\">\n\n  <div class=\"md-steps-nav\">\n    <button class=\"md-step-tab active\" data-step=\"1\">1. Druck &amp; Form<\/button>\n    <button class=\"md-step-tab\" data-step=\"2\">2. Band<\/button>\n    <button class=\"md-step-tab\" data-step=\"3\">3. St\u00fcckzahl<\/button>\n    <button class=\"md-step-tab\" data-step=\"4\">4. Design<\/button>\n    <button class=\"md-step-tab\" data-step=\"5\">Zusammenfassung<\/button>\n  <\/div>\n\n  <!-- STEP 1 -->\n  <section class=\"md-step-panel active\" data-step=\"1\">\n    <h2>Druck &amp; Form w\u00e4hlen<\/h2>\n\n    <div class=\"md-card-grid\">\n      <div class=\"md-card\" data-plan=\"form_fertig\">\n        <h3>Individueller Druck &amp; bestehende Form<\/h3>\n        <p>Ideal f\u00fcr kurzfristige Auftr\u00e4ge \u2013 bestehende Form, schneller Print.<\/p>\n        <small>ab ca. 4 \u20ac \/ Stk<\/small>\n\n        <div class=\"md-variant-box\">\n          <span>Medaillenart w\u00e4hlen<\/span>\n          <div class=\"md-variant-buttons\">\n            <button type=\"button\" class=\"md-variant-btn\" data-variant=\"Standard-Medaille\">Standard<\/button>\n            <button type=\"button\" class=\"md-variant-btn\" data-variant=\"Fu\u00dfball-Medaille\">Fu\u00dfball<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"md-card\" data-plan=\"form_wunsch\">\n        <h3>Eigene Form &amp; individueller Druck<\/h3>\n        <p>Eigene Form, individuelles Design und maximale Flexibilit\u00e4t.<\/p>\n        <small>ab ca. 7 \u20ac \/ Stk<\/small>\n      <\/div>\n    <\/div>\n\n    <p class=\"md-error\" id=\"md-error-step1\">Bitte w\u00e4hle eine Form aus. Bei \u201ebestehende Form\u201c bitte zus\u00e4tzlich die Medaillenart w\u00e4hlen.<\/p>\n\n    <div class=\"md-nav-buttons\">\n      <button class=\"md-btn-next md-step-next\" data-target-step=\"2\" type=\"button\">Weiter zu Schritt 2<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- STEP 2 -->\n  <section class=\"md-step-panel\" data-step=\"2\">\n    <h2>Band w\u00e4hlen<\/h2>\n\n    <div class=\"md-card-grid\">\n      <div class=\"md-card\" data-band=\"Standardband\" data-band-price=\"0\">\n        <h3>Standardband<\/h3>\n        <p>Einfarbiges Band f\u00fcr klassische Medaillen.<\/p>\n        <small>+ 0,00 \u20ac \/ Stk<\/small>\n      <\/div>\n\n      <div class=\"md-card\" data-band=\"Individuelles Band mit Aufdruck\" data-band-price=\"0.3\">\n        <h3>Individuelles Band<\/h3>\n        <p>Band mit individuellem Aufdruck, Logo oder Text.<\/p>\n        <small>+ 0,30 \u20ac \/ Stk<\/small>\n      <\/div>\n    <\/div>\n\n    <p class=\"md-error\" id=\"md-error-step2\">Bitte w\u00e4hle ein Band aus.<\/p>\n\n    <div class=\"md-nav-buttons\">\n      <button class=\"md-btn-prev md-step-prev\" data-target-step=\"1\" type=\"button\">Zur\u00fcck<\/button>\n      <button class=\"md-btn-next md-step-next\" data-target-step=\"3\" type=\"button\">Weiter zu Schritt 3<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- STEP 3 -->\n  <section class=\"md-step-panel\" data-step=\"3\">\n    <h2>St\u00fcckzahl w\u00e4hlen<\/h2>\n\n    <div class=\"md-qty-buttons\">\n      <button type=\"button\" class=\"md-qty-btn\" data-max=\"150\">bis 150<\/button>\n      <button type=\"button\" class=\"md-qty-btn\" data-max=\"300\">bis 300<\/button>\n      <button type=\"button\" class=\"md-qty-btn\" data-max=\"500\">bis 500<\/button>\n      <button type=\"button\" class=\"md-qty-btn\" data-max=\"1000\">bis 1000<\/button>\n      <button type=\"button\" class=\"md-qty-btn\" data-max=\"2000\">\u00fcber 1000<\/button>\n  <p>Bei St\u00fcckzahl gr\u00f6\u00dfer 2000 bitte eine Anfrage stellen.<\/p>\n    <\/div>\n\n    <div class=\"md-qty-input-wrap\" id=\"md-qty-input-wrap\">\n      <label for=\"md-qty-input\">Bitte genaue St\u00fcckzahl eingeben<\/label>\n      <input type=\"number\" id=\"md-qty-input\" min=\"1\" placeholder=\"z. B. 125\">\n      <small id=\"md-qty-hint\"><\/small>\n    <\/div>\n\n    <div class=\"md-live-price\">\n      <p>Aktueller Richtpreis<\/p>\n      <strong id=\"md-live-total\">\u2013<\/strong>\n      <span id=\"md-live-unit\">Bitte St\u00fcckzahl eingeben<\/span>\n    <\/div>\n    <div class=\"md-saving-box\" id=\"md-saving-box\">\n  <span class=\"md-saving-label\">Mengenersparnis<\/span>\n  <strong id=\"md-saving-amount\">\u2013<\/strong>\n  <small id=\"md-saving-text\">\n    Gr\u00f6\u00dfere St\u00fcckzahlen reduzieren den Preis pro Medaille.\n  <\/small>\n<\/div>\n\n    <p class=\"md-error\" id=\"md-error-step3\">Bitte w\u00e4hle einen Mengenbereich und gib die genaue St\u00fcckzahl ein.<\/p>\n\n    <div class=\"md-nav-buttons\">\n      <button class=\"md-btn-prev md-step-prev\" data-target-step=\"2\" type=\"button\">Zur\u00fcck<\/button>\n      <button class=\"md-btn-next md-step-next\" data-target-step=\"4\" type=\"button\">Weiter zu Schritt 4<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- STEP 4 -->\n  <section class=\"md-step-panel\" data-step=\"4\">\n    <h2>Design w\u00e4hlen<\/h2>\n\n    <div class=\"md-card-grid\">\n      <div class=\"md-card\" data-design=\"Eigenes Design hochladen\" data-design-price=\"0\">\n        <h3>Eigenes Design<\/h3>\n        <p>Du lieferst eine fertige Datei oder Vorlage.<\/p>\n        <small>+ 0,00 \u20ac \/ Stk<\/small>\n      <\/div>\n\n      <div class=\"md-card\" data-design=\"Basic-Design\" data-design-price=\"0\">\n        <h3>Basic-Design<\/h3>\n        <p>Ein einfaches Design nach Vorlage.<\/p>\n        <small>+ 0,00 \u20ac \/ Stk<\/small>\n      <\/div>\n\n      <div class=\"md-card\" data-design=\"Premium-Design\" data-design-price=\"0.9\">\n        <h3>Premium-Design<\/h3>\n        <p>Individuellere Gestaltung mit st\u00e4rkerem Designaufwand.<\/p>\n        <small>+ 0,90 \u20ac \/ Stk<\/small>\n      <\/div>\n    <\/div>\n\n    <div class=\"md-live-price\">\n      <p>Aktualisierter Richtpreis<\/p>\n      <strong id=\"md-live-total-step4\">\u2013<\/strong>\n      <span id=\"md-live-unit-step4\">Bitte Design w\u00e4hlen<\/span>\n    <\/div>\n\n    <p class=\"md-error\" id=\"md-error-step4\">Bitte w\u00e4hle ein Design aus.<\/p>\n\n    <div class=\"md-nav-buttons\">\n      <button class=\"md-btn-prev md-step-prev\" data-target-step=\"3\" type=\"button\">Zur\u00fcck<\/button>\n      <button class=\"md-btn-next md-step-next\" data-target-step=\"5\" type=\"button\">Zur Zusammenfassung<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- STEP 5 -->\n  <section class=\"md-step-panel\" data-step=\"5\">\n    <h2>Zusammenfassung<\/h2>\n\n    <div class=\"md-summary-box\">\n      <p><strong>Druck &amp; Form:<\/strong> <span id=\"summary-plan\">\u2013<\/span><\/p>\n      <p><strong>Medaillenart:<\/strong> <span id=\"summary-variant\">\u2013<\/span><\/p>\n      <p><strong>Band:<\/strong> <span id=\"summary-band\">\u2013<\/span><\/p>\n      <p><strong>St\u00fcckzahl:<\/strong> <span id=\"summary-qty\">\u2013<\/span><\/p>\n      <p><strong>Design:<\/strong> <span id=\"summary-design\">\u2013<\/span><\/p>\n\n      <hr>\n\n      <p><strong>Preis pro St\u00fcck:<\/strong> <span id=\"summary-unit\">\u2013<\/span><\/p>\n      <p class=\"md-total-line\"><strong>Gesamtpreis:<\/strong> <span id=\"summary-total\">\u2013<\/span><\/p>\n\n      <small>Alle Preise sind Richtwerte und dienen nur zur ersten Orientierung.<\/small>\n    <\/div>\n\n    <div class=\"md-nav-buttons\">\n      <button class=\"md-btn-prev md-step-prev\" data-target-step=\"4\" type=\"button\">Zur\u00fcck<\/button>\n    <\/div>\n  <\/section>\n\n <\/div>\n\n<style>\n#md-configurator {\n  font-family: \"Montserrat\", sans-serif;\n  color: #e5e8ec;\n  width: min(100%, 1200px);\n  margin: 0 auto;\n  padding: clamp(.5rem, 1.5vw, 1.2rem);\n}\n\n\/*\n   NAVIGATION\n*\/\n\n.md-steps-nav {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n  gap: .55rem;\n  margin-bottom: clamp(1rem, 2vw, 1.6rem);\n}\n\n.md-step-tab {\n  width: 100%;\n  padding: .55rem .9rem;\n\n  border-radius: 999px;\n  border: 1px solid #c7cdd4;\n\n  background: #1e2433;\n  color: #e5e8ec;\n\n  font-size: .9rem;\n  font-weight: 700;\n\n  cursor: pointer;\n  white-space: nowrap;\n\n  transition: .2s ease;\n}\n\n.md-step-tab.active {\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    );\n\n  color: #111423;\n}\n\n\/* \n   STEPS\n*\/\n\n.md-step-panel {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n}\n\n.md-step-panel.active {\n  display: flex;\n}\n\n.md-step-panel h2 {\n  width: 100%;\n  text-align: center;\n\n  color: #fff;\n\n  font-size: clamp(1.8rem, 4vw, 2.7rem);\n\n  margin:\n    0\n    0\n    clamp(1rem, 2vw, 1.5rem);\n}\n\n\/* \n   CARD GRID\n*\/\n\n.md-card-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      auto-fit,\n      minmax(min(100%, 300px), 360px)\n    );\n\n  justify-content: center;\n\n  gap: 1rem;\n\n  width: 100%;\n}\n\n\/* \n   CARDS\n*\/\n\n.md-card {\n  width: 100%;\n  min-height: 190px;\n\n  background: #2a3244;\n  color: #e5e8ec;\n\n  border: 1px solid #c7cdd4;\n  border-radius: 16px;\n\n  padding: 1.1rem;\n\n  cursor: pointer;\n\n  transition: .25s ease;\n\n  box-sizing: border-box;\n}\n\n.md-card:hover {\n  transform: translateY(-3px);\n  background: #3a4458;\n}\n\n.md-card.active {\n  background: #44516a;\n\n  border: 2px solid #fff;\n\n  box-shadow:\n    0 0 0 3px rgba(255,255,255,.12),\n    0 12px 28px rgba(0,0,0,.35);\n}\n\n.md-card h3 {\n  margin: 0 0 .7rem;\n\n  color: #fff;\n\n  font-size: clamp(1.15rem, 2vw, 1.6rem);\n\n  line-height: 1.18;\n}\n\n.md-card p {\n  font-size: .92rem;\n  line-height: 1.35;\n  margin: 0;\n}\n\n.md-card small {\n  display: block;\n\n  margin-top: .7rem;\n\n  color: #c7cdd4;\n  font-size: .82rem;\n}\n\n\/* \n   VARIANTEN\n*\/\n\n.md-variant-box {\n  margin-top: 1rem;\n  padding-top: 1rem;\n\n  border-top:\n    1px solid rgba(255,255,255,.18);\n}\n\n.md-variant-box span {\n  display: block;\n\n  margin-bottom: .6rem;\n\n  font-weight: 700;\n  font-size: .9rem;\n}\n\n.md-variant-buttons {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(105px, 1fr));\n\n  gap: .55rem;\n}\n\n\/* \n   BUTTONS\n*\/\n\n.md-variant-btn,\n.md-qty-btn {\n  padding: .58rem .9rem;\n\n  border-radius: 999px;\n  border: 1px solid #c7cdd4;\n\n  background: #1e2433;\n  color: #e5e8ec;\n\n  font-size: .9rem;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition: .2s ease;\n}\n\n.md-variant-btn.active,\n.md-qty-btn.active {\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    );\n\n  color: #111423;\n  border-color: #fff;\n}\n\n\/* \n   ST\u00dcCKZAHL\n *\/\n\n.md-qty-buttons {\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n\n  justify-content: center;\n  align-items: center;\n\n  gap: .55rem;\n\n  margin-inline: auto;\n}\n\n.md-qty-btn {\n  flex: 0 1 145px;\n}\n\n.md-qty-buttons p {\n  width: 100%;\n\n  text-align: center;\n\n  margin: .35rem 0 0;\n\n  font-size: .95rem;\n}\n\n.md-qty-input-wrap {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n\n  gap: .45rem;\n\n  width: min(100%, 360px);\n\n  margin-top: 1rem;\n}\n\n.md-qty-input-wrap.show {\n  display: flex;\n}\n\n#md-qty-input {\n  width: 100%;\n\n  background: #1e2433;\n  color: #fff;\n\n  border: 1px solid #c7cdd4;\n  border-radius: 12px;\n\n  padding: .75rem .9rem;\n\n  font-size: .95rem;\n\n  text-align: center;\n}\n\n#md-qty-input:focus {\n  outline: none;\n\n  border-color: #fff;\n\n  box-shadow:\n    0 0 10px rgba(255,255,255,.22);\n}\n\n\/* \n   HINTS\n*\/\n\n#md-qty-hint {\n  text-align: center;\n  font-size: .85rem;\n}\n\n#md-qty-hint.md-qty-hint-error {\n  color: #ffb3b3;\n  font-weight: 700;\n}\n\n#md-qty-hint.md-qty-hint-ok {\n  color: #bfffd0;\n  font-weight: 700;\n}\n\n\/* \n   ERSPARNIS BOX\n *\/\n\n.md-saving-box {\n  width: min(100%, 420px);\n\n  margin: .85rem auto 0;\n\n  padding: .7rem .9rem;\n\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(60,90,70,.95),\n      rgba(36,54,44,.96)\n    );\n\n  border:\n    1px solid rgba(170,255,200,.18);\n\n  text-align: center;\n\n  box-shadow:\n    0 10px 24px rgba(0,0,0,.24),\n    inset 0 1px 0 rgba(255,255,255,.05);\n\n  display: none;\n}\n\n.md-saving-box.show {\n  display: block;\n}\n\n.md-saving-label {\n  display: block;\n\n  color: rgba(220,255,230,.72);\n\n  text-transform: uppercase;\n  letter-spacing: .12em;\n\n  font-size: .72rem;\n  font-weight: 700;\n\n  margin-bottom: .3rem;\n}\n\n#md-saving-amount {\n  display: block;\n\n  font-size: clamp(1.1rem, 2.2vw, 1.45rem);\n\n  font-weight: 800;\n\n  color: #d9ffe7;\n\n  text-shadow:\n    0 0 18px rgba(140,255,180,.22);\n}\n\n#md-saving-text {\n  display: block;\n\n  margin-top: .2rem;\n\n  color: rgba(220,255,230,.75);\n\n  font-size: .75rem;\n}\n\n\/* \n   PREISBOXEN\n *\/\n\n\/* =========================\n   FLOATING PRICE BAR\n========================= *\/\n\n.md-bottom-price{\n  position: sticky;\n\n  bottom: 1rem;\n\n  z-index: 30;\n\n  width: fit-content;\n  min-width: 210px;\n  max-width: 260px;\n\n  margin: 1rem auto 0;\n\n  padding: .65rem .9rem;\n\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(28,36,56,.96),\n      rgba(18,24,40,.96)\n    );\n\n  border: 1px solid rgba(255,255,255,.14);\n\n  backdrop-filter: blur(12px);\n\n  box-shadow:\n    0 12px 35px rgba(0,0,0,.35);\n\n  text-align: center;\n}\n\n\/* kleine \u00dcberschrift *\/\n.md-bottom-price p{\n  margin: 0 0 .15rem;\n\n  font-size: .72rem;\n  font-weight: 600;\n\n  color: rgba(255,255,255,.65);\n}\n\n\/* Gesamtpreis *\/\n#md-bottom-total{\n  display:block;\n\n  font-size: 1.15rem;\n  font-weight: 800;\n\n  line-height: 1.1;\n\n  color:#fff;\n\n  margin-bottom:.1rem;\n}\n\n\/* Preis pro St\u00fcck *\/\n#md-bottom-unit{\n  display:block;\n\n  font-size:.72rem;\n  color:rgba(255,255,255,.72);\n}\n\n\/* St\u00fcckzahl *\/\n#md-bottom-qty{\n  display:block;\n\n  margin-top:.25rem;\n\n  font-size:.68rem;\n\n  color:rgba(255,255,255,.5);\n}\n\n\/* =========================\n   POSITION \u00dcBER BUTTONS\n========================= *\/\n\n.md-nav-buttons{\n  position: relative;\n  z-index: 2;\n\n  margin-top: 1rem;\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n\n  .md-bottom-price{\n    min-width: 180px;\n\n    padding: .55rem .75rem;\n\n    bottom: .65rem;\n  }\n\n  #md-bottom-total{\n    font-size: 1rem;\n  }\n}\n\n\/* \n   SUMMARY\n*\/\n\n.md-summary-box {\n  text-align: left;\n  width: min(100%, 480px);\n}\n\n.md-summary-box p {\n  margin: .45rem 0;\n  font-size: .95rem;\n}\n\n.md-total-line {\n  font-size: 1.15rem;\n  color: #fff;\n}\n\n\/* \n   ERRORS\n *\/\n\n.md-error {\n  display: none;\n\n  color: #ffb3b3;\n\n  font-weight: 700;\n\n  margin-top: 1rem;\n\n  text-align: center;\n\n  font-size: .95rem;\n\n  max-width: 680px;\n}\n\n.md-error.show {\n  display: block;\n}\n\n\/* \n   NAV BUTTONS\n *\/\n\n.md-nav-buttons {\n  display: flex;\n\n  justify-content: center;\n\n  gap: .8rem;\n\n  flex-wrap: wrap;\n\n  width: 100%;\n\n  margin-top: 1.4rem;\n}\n\n.md-btn-prev,\n.md-btn-next {\n  padding: .68rem 1.35rem;\n\n  border-radius: 999px;\n\n  font-weight: 700;\n\n  cursor: pointer;\n\n  font-size: .95rem;\n\n  transition: .2s ease;\n}\n\n.md-btn-prev {\n  background: transparent;\n\n  color: #e5e8ec;\n\n  border: 1px solid #c7cdd4;\n}\n\n.md-btn-next {\n  border: none;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    );\n\n  color: #111423;\n}\n\n.md-btn-prev:hover,\n.md-btn-next:hover {\n  transform: translateY(-2px);\n}\n\n\/* \n   HOVER OVERRIDES\n*\/\n\n#md-configurator .md-step-tab:hover,\n#md-configurator .md-step-tab:focus,\n#md-configurator .md-step-tab:active,\n#md-configurator .md-variant-btn:hover,\n#md-configurator .md-qty-btn:hover,\n#md-configurator .md-btn-prev:hover {\n  background: #273244 !important;\n\n  color: #e5e8ec !important;\n\n  border-color: #ffffff !important;\n}\n\n#md-configurator .md-step-tab.active,\n#md-configurator .md-step-tab.active:hover,\n#md-configurator .md-step-tab.active:focus,\n#md-configurator .md-step-tab.active:active,\n#md-configurator .md-variant-btn.active:hover,\n#md-configurator .md-qty-btn.active:hover,\n#md-configurator .md-variant-btn.active:focus,\n#md-configurator .md-qty-btn.active:focus {\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    ) !important;\n\n  color: #111423 !important;\n\n  border-color: #ffffff !important;\n}\n\n#md-configurator .md-btn-next:hover,\n#md-configurator .md-btn-next:focus,\n#md-configurator .md-btn-next:active {\n  background:\n    linear-gradient(\n      135deg,\n      #f5f7fa,\n      #c7cdd4,\n      #eef1f4\n    ) !important;\n\n  color: #111423 !important;\n}\n\n\/* \n   TABLET\n*\/\n\n@media (max-width: 900px) {\n\n  #md-configurator {\n    width: 100%;\n  }\n\n  .md-card-grid {\n    grid-template-columns:\n      repeat(\n        auto-fit,\n        minmax(min(100%, 280px), 1fr)\n      );\n  }\n}\n\n\/* \n   MOBILE\n *\/\n\n@media (max-width: 560px) {\n\n  .md-steps-nav {\n    display: flex;\n\n    flex-wrap: nowrap;\n\n    justify-content: flex-start;\n\n    overflow-x: auto;\n\n    padding-bottom: .4rem;\n\n    scrollbar-width: none;\n  }\n\n  .md-steps-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .md-step-tab {\n    flex: 0 0 auto;\n\n    width: auto;\n\n    font-size: .82rem;\n  }\n\n  .md-step-panel h2 {\n    font-size: 1.8rem;\n  }\n\n  .md-card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .md-card {\n    padding: 1rem;\n  }\n\n  .md-card h3 {\n    font-size: 1.25rem;\n  }\n\n  .md-qty-btn {\n    flex: 1 1 calc(50% - .55rem);\n  }\n\n  .md-btn-prev,\n  .md-btn-next {\n    width: 100%;\n  }\n\n  .md-bottom-price {\n    position: sticky;\n    bottom: .5rem;\n    z-index: 10;\n  }\n}\n\/* \n   DESIGN STEP KOMPAKTER\n *\/\n\n[data-step=\"4\"] .md-card-grid{\n  grid-template-columns:\n    repeat(\n      auto-fit,\n      minmax(240px, 300px)\n    );\n\n  justify-content: center;\n\n  gap: .8rem;\n}\n\n[data-step=\"4\"] .md-card{\n  min-height: 150px;\n\n  padding: .9rem 1rem;\n}\n\n[data-step=\"4\"] .md-card h3{\n  font-size: 1.15rem;\n\n  margin-bottom: .45rem;\n}\n\n[data-step=\"4\"] .md-card p{\n  font-size: .88rem;\n\n  line-height: 1.3;\n}\n\n[data-step=\"4\"] .md-card small{\n  margin-top: .55rem;\n\n  font-size: .78rem;\n}\n<\/style>\n\n<script>\n(function () {\n\n  const root = document.getElementById(\"md-configurator\");\n  if (!root) return;\n\n  const state = {\n    planKey: \"\",\n    planLabel: \"\",\n    variant: \"\",\n    band: \"\",\n    bandPrice: 0,\n    quantityRange: \"\",\n    quantity: \"\",\n    design: \"\",\n    designPrice: 0\n  };\n\n  const ranges = {\n    150: { min: 1, max: 150 },\n    300: { min: 151, max: 300 },\n    500: { min: 301, max: 500 },\n    1000: { min: 501, max: 1000 },\n    2000: { min: 1001, max: 2000 }\n  };\n\n  const planPrices = {\n    form_fertig: {\n      label: \"Individueller Druck & bestehende Form\",\n      tiers: [\n        { max: 150, price: 5 },\n        { max: 300, price: 4.8 },\n        { max: 500, price: 4.5 },\n        { max: 1000, price: 4.25 },\n        { max: 2000, price: 4 }\n      ]\n    },\n    form_wunsch: {\n      label: \"Individuelle Form & individueller Druck\",\n      tiers: [\n        { max: 150, price: 11 },\n        { max: 300, price: 10 },\n        { max: 500, price: 9 },\n        { max: 1000, price: 8 },\n        { max: 2000, price: 7 }\n      ]\n    }\n  };\n\n  function formatEuro(value) {\n    return value.toLocaleString(\"de-DE\", {\n      style: \"currency\",\n      currency: \"EUR\"\n    });\n  }\n\n  function getCurrentRange() {\n    return ranges[state.quantityRange] || null;\n  }\n\n  function getBasePrice() {\n    if (!state.planKey || !state.quantityRange) return 0;\n\n    const plan = planPrices[state.planKey];\n    const tier = plan.tiers.find(t => Number(state.quantityRange) <= t.max);\n\n    return tier ? tier.price : plan.tiers[plan.tiers.length - 1].price;\n  }\n\n  function calculateSavings() {\n    if (!state.planKey || !state.quantityRange || !state.quantity) return null;\n\n    const plan = planPrices[state.planKey];\n    const highestTierPrice = plan.tiers[0].price;\n    const currentPrice = getBasePrice();\n    const savingsPerUnit = highestTierPrice - currentPrice;\n\n    if (savingsPerUnit <= 0) return null;\n\n    return savingsPerUnit * Number(state.quantity);\n  }\n\n  function calculatePrice() {\n    if (!state.planKey || !state.band || !state.quantity) return null;\n\n    const base = getBasePrice();\n    const unit = base + Number(state.bandPrice || 0) + Number(state.designPrice || 0);\n    const total = unit * Number(state.quantity);\n\n    return { unit, total };\n  }\n\n  function setQtyMessage(message, type) {\n    const hint = root.querySelector(\"#md-qty-hint\");\n    if (!hint) return;\n\n    hint.textContent = message;\n    hint.classList.remove(\"md-qty-hint-error\", \"md-qty-hint-ok\");\n\n    if (type === \"error\") {\n      hint.classList.add(\"md-qty-hint-error\");\n    }\n\n    if (type === \"ok\") {\n      hint.classList.add(\"md-qty-hint-ok\");\n    }\n  }\n\n  function validateQuantity(showMessage = true) {\n    const input = root.querySelector(\"#md-qty-input\");\n    const range = getCurrentRange();\n\n    if (!range || !input || input.value === \"\") {\n      state.quantity = \"\";\n      return false;\n    }\n\n    const value = parseInt(input.value, 10);\n\n    if (Number.isNaN(value)) {\n      state.quantity = \"\";\n      return false;\n    }\n\n    if (value < range.min) {\n      state.quantity = \"\";\n\n      if (showMessage) {\n        setQtyMessage(\n          \"Die gew\u00e4hlte St\u00fcckzahl ist zu niedrig. Bitte gib mindestens \" + range.min + \" St\u00fcck ein.\",\n          \"error\"\n        );\n      }\n\n      return false;\n    }\n\n    if (value > range.max) {\n      state.quantity = \"\";\n\n      if (showMessage) {\n        setQtyMessage(\n          \"Die gew\u00e4hlte St\u00fcckzahl ist zu hoch. Bitte gib maximal \" + range.max + \" St\u00fcck ein.\",\n          \"error\"\n        );\n      }\n\n      return false;\n    }\n\n    state.quantity = value;\n\n    if (showMessage) {\n      setQtyMessage(\n        \"Perfekt \u2013 die St\u00fcckzahl liegt im Bereich von \" + range.min + \" bis \" + range.max + \".\",\n        \"ok\"\n      );\n    }\n\n    return true;\n  }\n\n  function updateLivePrice() {\n    const price = calculatePrice();\n\n    const liveTotal = root.querySelector(\"#md-live-total\");\n    const liveUnit = root.querySelector(\"#md-live-unit\");\n    const liveTotal4 = root.querySelector(\"#md-live-total-step4\");\n    const liveUnit4 = root.querySelector(\"#md-live-unit-step4\");\n    const bottomTotal = root.querySelector(\"#md-bottom-total\");\n    const bottomUnit = root.querySelector(\"#md-bottom-unit\");\n    const bottomQty = root.querySelector(\"#md-bottom-qty\");\n    const savingBox = root.querySelector(\"#md-saving-box\");\n    const savingAmount = root.querySelector(\"#md-saving-amount\");\n\n    if (!price) {\n      if (liveTotal) liveTotal.textContent = \"\u2013\";\n      if (liveUnit) liveUnit.textContent = \"Bitte g\u00fcltige St\u00fcckzahl eingeben\";\n      if (liveTotal4) liveTotal4.textContent = \"\u2013\";\n      if (liveUnit4) liveUnit4.textContent = \"Bitte g\u00fcltige St\u00fcckzahl eingeben\";\n\n      if (bottomTotal) bottomTotal.textContent = \"\u2013\";\n      if (bottomUnit) bottomUnit.textContent = \"Bitte Konfiguration ausw\u00e4hlen\";\n      if (bottomQty) bottomQty.textContent = \"0 St\u00fcck\";\n\n      if (savingBox) savingBox.classList.remove(\"show\");\n      return;\n    }\n\n    if (liveTotal) liveTotal.textContent = formatEuro(price.total);\n    if (liveUnit) liveUnit.textContent = formatEuro(price.unit) + \" pro St\u00fcck\";\n\n    if (liveTotal4) liveTotal4.textContent = formatEuro(price.total);\n    if (liveUnit4) liveUnit4.textContent = formatEuro(price.unit) + \" pro St\u00fcck\";\n\n    if (bottomTotal) bottomTotal.textContent = formatEuro(price.total);\n    if (bottomUnit) bottomUnit.textContent = formatEuro(price.unit) + \" pro St\u00fcck\";\n    if (bottomQty) bottomQty.textContent = state.quantity + \" St\u00fcck\";\n\n    const savings = calculateSavings();\n\n    if (savings && savingBox && savingAmount) {\n      savingBox.classList.add(\"show\");\n      const plan = planPrices[state.planKey];\n\nconst highestTierPrice = plan.tiers[0].price;\nconst currentPrice = getBasePrice();\n\nconst savingsPerUnit =\n  highestTierPrice - currentPrice;\n\nsavingAmount.innerHTML =\n  \"Du sparst ca. \" +\n  formatEuro(savings) +\n  \"<br><small style='font-size:.95rem;opacity:.8;'>(\" +\n  formatEuro(savingsPerUnit) +\n  \" pro Medaille)<\/small>\";\n    } else if (savingBox) {\n      savingBox.classList.remove(\"show\");\n    }\n  }\n\n  function updateSummary() {\n    const price = calculatePrice();\n\n    root.querySelector(\"#summary-plan\").textContent = state.planLabel || \"\u2013\";\n    root.querySelector(\"#summary-variant\").textContent = state.variant || \"\u2013\";\n    root.querySelector(\"#summary-band\").textContent = state.band || \"\u2013\";\n    root.querySelector(\"#summary-qty\").textContent = state.quantity ? state.quantity + \" St\u00fcck\" : \"\u2013\";\n    root.querySelector(\"#summary-design\").textContent = state.design || \"\u2013\";\n\n    if (price) {\n      root.querySelector(\"#summary-unit\").textContent = formatEuro(price.unit);\n      root.querySelector(\"#summary-total\").textContent = formatEuro(price.total);\n    }\n  }\n\n  function goToStep(step) {\n    root.querySelectorAll(\".md-step-panel\").forEach(panel => {\n      panel.classList.toggle(\"active\", panel.dataset.step === String(step));\n    });\n\n    root.querySelectorAll(\".md-step-tab\").forEach(tab => {\n      tab.classList.toggle(\"active\", tab.dataset.step === String(step));\n    });\n\n    updateLivePrice();\n\n    if (String(step) === \"5\") updateSummary();\n  }\n\n  function showError(id) {\n    const el = root.querySelector(\"#\" + id);\n    if (el) el.classList.add(\"show\");\n  }\n\n  function hideError(id) {\n    const el = root.querySelector(\"#\" + id);\n    if (el) el.classList.remove(\"show\");\n  }\n\n  root.querySelectorAll(\"[data-plan]\").forEach(card => {\n    card.addEventListener(\"click\", function () {\n      root.querySelectorAll(\"[data-plan]\").forEach(c => c.classList.remove(\"active\"));\n      this.classList.add(\"active\");\n\n      state.planKey = this.dataset.plan;\n      state.planLabel = planPrices[state.planKey].label;\n\n      if (state.planKey !== \"form_fertig\") {\n        state.variant = \"\";\n        root.querySelectorAll(\".md-variant-btn\").forEach(b => b.classList.remove(\"active\"));\n      }\n\n      hideError(\"md-error-step1\");\n      updateLivePrice();\n    });\n  });\n\n  root.querySelectorAll(\".md-variant-btn\").forEach(btn => {\n    btn.addEventListener(\"click\", function (e) {\n      e.stopPropagation();\n\n      root.querySelectorAll(\"[data-plan]\").forEach(c => c.classList.remove(\"active\"));\n      root.querySelector('[data-plan=\"form_fertig\"]').classList.add(\"active\");\n\n      root.querySelectorAll(\".md-variant-btn\").forEach(b => b.classList.remove(\"active\"));\n      this.classList.add(\"active\");\n\n      state.planKey = \"form_fertig\";\n      state.planLabel = planPrices.form_fertig.label;\n      state.variant = this.dataset.variant;\n\n      hideError(\"md-error-step1\");\n      updateLivePrice();\n    });\n  });\n\n  root.querySelectorAll(\"[data-band]\").forEach(card => {\n    card.addEventListener(\"click\", function () {\n      root.querySelectorAll(\"[data-band]\").forEach(c => c.classList.remove(\"active\"));\n      this.classList.add(\"active\");\n\n      state.band = this.dataset.band;\n      state.bandPrice = parseFloat(this.dataset.bandPrice || 0);\n\n      hideError(\"md-error-step2\");\n      updateLivePrice();\n    });\n  });\n\n  root.querySelectorAll(\".md-qty-btn\").forEach(btn => {\n    btn.addEventListener(\"click\", function () {\n      root.querySelectorAll(\".md-qty-btn\").forEach(b => b.classList.remove(\"active\"));\n      this.classList.add(\"active\");\n\n      state.quantityRange = Number(this.dataset.max);\n      state.quantity = \"\";\n\n      const range = getCurrentRange();\n      const inputWrap = root.querySelector(\"#md-qty-input-wrap\");\n      const input = root.querySelector(\"#md-qty-input\");\n\n      inputWrap.classList.add(\"show\");\n      input.value = \"\";\n      input.min = range.min;\n      input.max = range.max;\n\n      setQtyMessage(\n        \"Bitte gib eine genaue St\u00fcckzahl von \" + range.min + \" bis \" + range.max + \" ein.\",\n        \"\"\n      );\n\n      hideError(\"md-error-step3\");\n      updateLivePrice();\n    });\n  });\n\n  root.querySelector(\"#md-qty-input\").addEventListener(\"input\", function () {\n    validateQuantity(true);\n    hideError(\"md-error-step3\");\n    updateLivePrice();\n  });\n\n  root.querySelectorAll(\"[data-design]\").forEach(card => {\n    card.addEventListener(\"click\", function () {\n      root.querySelectorAll(\"[data-design]\").forEach(c => c.classList.remove(\"active\"));\n      this.classList.add(\"active\");\n\n      state.design = this.dataset.design;\n      state.designPrice = parseFloat(this.dataset.designPrice || 0);\n\n      hideError(\"md-error-step4\");\n      updateLivePrice();\n    });\n  });\n\n  root.querySelectorAll(\".md-step-next\").forEach(btn => {\n    btn.addEventListener(\"click\", function () {\n      const target = this.dataset.targetStep;\n\n      if (target === \"2\" && (!state.planKey || (state.planKey === \"form_fertig\" && !state.variant))) {\n        showError(\"md-error-step1\");\n        return;\n      }\n\n      if (target === \"3\" && !state.band) {\n        showError(\"md-error-step2\");\n        return;\n      }\n\n      if (target === \"4\" && (!state.quantityRange || !validateQuantity(true))) {\n        showError(\"md-error-step3\");\n        return;\n      }\n\n      if (target === \"5\" && !state.design) {\n        showError(\"md-error-step4\");\n        return;\n      }\n\n      goToStep(target);\n    });\n  });\n\n  root.querySelectorAll(\".md-step-prev\").forEach(btn => {\n    btn.addEventListener(\"click\", function () {\n      goToStep(this.dataset.targetStep);\n    });\n  });\n\n  root.querySelectorAll(\".md-step-tab\").forEach(tab => {\n    tab.addEventListener(\"click\", function () {\n      goToStep(this.dataset.step);\n    });\n  });\n\n})();\n<\/script>\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-2263bad e-flex e-con-boxed e-con e-parent\" data-id=\"2263bad\" 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-0bd81ef elementor-widget elementor-widget-html\" data-id=\"0bd81ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"md-footer\">\n    <div class=\"md-footer-logo\">MEDAILLEN<span>DRUCK.DE<\/span><\/div>\n\n    <nav class=\"md-footer-nav\">\n        <a href=\"\/\">Startseite<\/a>\n        <a href=\"\/produkte\/\">Medaillen<\/a>\n        <a href=\"\/portfolio\/\">Portfolio<\/a>\n        <a href=\"\/kontakt\/\">Kontakt<\/a>\n    <\/nav>\n\n    <div class=\"md-footer-info\">\n        <p>E-Mail: info@flaschenkuehler.de<\/p>\n        <p>Individuelle Medaillen \u2022 Design & Druck \u2022 Kleine St\u00fcckzahlen m\u00f6glich<\/p>\n    <\/div>\n\n    <!-- Links -->\n    <div class=\"md-footer-legal\">\n        <a href=\"\/agb\/\">AGB<\/a>\n        <span>\u2022<\/span>\n        <a href=\"\/datenschutz\/\">Datenschutz<\/a>\n        <span>\u2022<\/span>\n        <a href=\"\/impressum\/\">Impressum<\/a>\n    <\/div>\n\n    <div class=\"md-footer-copy\">\n        \u00a9 2025 Medaillendruck.de \u2013 Alle Rechte vorbehalten.\n    <\/div>\n<\/div>\n<style>\n\/* \n   Footer \n *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@900&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');\n.md-footer{\n  position: relative;\n  overflow: hidden;\n  padding: 70px 20px;\n  text-align: center;\n  color: #d7dde5;\n\n \n  \n  border-top: 1px solid rgba(255,255,255,0.10);\n}\n\n\n.md-footer::before{\n  content:\"\";\n  position:absolute;\n  inset:-25%;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.05),\n      rgba(255,255,255,.025)\n    );\n  filter: blur(46px);\n  opacity: 0.9;\n  pointer-events: none;\n}\n\n\n.md-footer::after{\n  content:\"\";\n  position:absolute;\n  left:0; right:0; top:0;\n  height: 1px;\n  background: linear-gradient(90deg,\n    transparent,\n    rgba(255,255,255,0.22),\n    transparent\n  );\n  pointer-events:none;\n}\n\n.md-footer > *{\n  position: relative;\n  z-index: 2;\n}\n\n\/* Logo *\/\n.md-footer-logo{\n  font-family: Orbitron;\n  font-size: 2rem;\n  font-weight: 700;\n\n  letter-spacing: 0.02em;\n  margin-bottom: 22px;\n  text-shadow:\n    0 0 18px rgba(200,210,255,0.18),\n    0 8px 26px rgba(0,0,0,0.55);\n}\n.md-footer-logo span{\n  margin-left:.06em;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8d92ff,\n      #90c9ff\n    );\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  filter:\n    drop-shadow(0 0 12px rgba(120,150,255,.18));\n}\n\/* Navigation *\/\n.md-footer-nav{\n  font-family: Montserrat, Sans-Serif;\n  margin: 0 0 22px;\n}\n\n.md-footer-nav a{\n  font-family: Montserrat, Sans-Serif;\n  color: #e5e8ec;\n  margin: 0 14px;\n  text-decoration: none;\n  font-size: 1.05rem;\n  opacity: 0.9;\n  transition: .22s ease;\n}\n\n.md-footer-nav a:hover{\n  opacity: 1;\n  color: #ffffff;\n  text-shadow: 0 0 14px rgba(255,255,255,0.22);\n}\n\n\/* Info *\/\n.md-footer-info p{\n  font-family: Montserrat;\n  margin: 6px 0;\n  font-size: 0.96rem;\n  opacity: 0.82;\n}\n\n\/* Legal Links *\/\n.md-footer-legal{\n  font-family: Montserrat;\n  margin-top: 22px;\n  font-size: 0.92rem;\n  opacity: 0.86;\n}\n\n.md-footer-legal a{\n  font-family: Montserrat;\n  color: #c7cdd4;\n  text-decoration: none;\n  margin: 0 7px;\n  transition: .22s ease;\n}\n\n.md-footer-legal a:hover{\n  color: #ffffff;\n  text-shadow: 0 0 12px rgba(255,255,255,0.20);\n}\n\n.md-footer-legal span{\n  color: rgba(199,205,212,0.45);\n}\n\n\/* Copyright *\/\n.md-footer-copy{\n  font-family: Montserrat;\n  margin-top: 18px;\n  font-size: 0.82rem;\n  opacity: 0.62;\n}\n\n\/* =========================================\n   Subtile Animation (nur wenn erlaubt)\n========================================= *\/\n@media (prefers-reduced-motion: no-preference){\n  .md-footer::before{\n    animation: mdFooterSmoke 18s ease-in-out infinite alternate;\n  }\n}\n@keyframes mdFooterSmoke{\n  from { transform: translateX(-1%) translateY(-1%); }\n  to   { transform: translateX(1%)  translateY(1%); }\n}\n\n\/* =========================================\n   Responsive\n========================================= *\/\n@media (max-width: 600px){\n  .md-footer{ padding: 60px 18px; }\n  .md-footer-nav a{\n    display:block;\n    margin: 10px 0;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBSEITE AKTUELL IM AUFBAU \u2022 WEITERE INFORMATIONEN ZU PRODUKTEN UND KONFIGURATIONSM\u00d6GLICHKEITEN FOLGEN IN K\u00dcRZE \u2022 WEBSEITE AKTUELL IM AUFBAU \u2022 WEITERE INFORMATIONEN ZU PRODUKTEN UND KONFIGURATIONSM\u00d6GLICHKEITEN FOLGEN IN K\u00dcRZE \u2022 WEBSEITE AKTUELL IM AUFBAU \u2022 WEITERE INFORMATIONEN ZU PRODUKTEN UND KONFIGURATIONSM\u00d6GLICHKEITEN FOLGEN IN K\u00dcRZE \u2022 MEDAILLENDRUCK.DE Home Produkte Portfolio Kontakt Jetzt anfragen INDIVIDUELL. HOCHWERTIG. EINZIGARTIG. [&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":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages\/96","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=96"}],"version-history":[{"count":316,"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":799,"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/pages\/96\/revisions\/799"}],"wp:attachment":[{"href":"https:\/\/medaillendruck.de\/home\/wp-json\/wp\/v2\/media?parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}