{"id":47,"date":"2026-07-19T15:35:23","date_gmt":"2026-07-19T13:35:23","guid":{"rendered":"https:\/\/new.mailfino.com\/kontakt\/"},"modified":"2026-07-19T22:04:32","modified_gmt":"2026-07-19T20:04:32","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/new.mailfino.com\/en\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"<style>\n:root {\n  --mf-ink: #14242c;\n  --mf-muted: #5b6b72;\n  --mf-blue: #287fc1;\n  --mf-blue-dark: #185e91;\n  --mf-navy: #07163d;\n  --mf-green: #103f39;\n  --mf-red: #df5948;\n  --mf-yellow: #f2c14e;\n  --mf-soft: #f4f7f6;\n  --mf-line: #dce4e1;\n  --mf-white: #fff;\n  --mf-shadow: 0 18px 50px rgba(20, 36, 44, 0.09);\n}\n\n#header .sub-menu {\n  padding: 8px;\n  border: 1px solid rgba(17, 51, 79, 0.12);\n  border-radius: 6px;\n  background: #ffffff;\n  box-shadow: 0 16px 38px rgba(17, 51, 79, 0.16);\n}\n\n#header .sub-menu .ct-menu-link {\n  min-height: 0;\n  padding: 12px 14px;\n  border-radius: 4px;\n  color: #172b38;\n}\n\n#header .sub-menu .menu-item:hover > .ct-menu-link,\n#header .sub-menu .menu-item:focus-within > .ct-menu-link,\n#header .sub-menu .current-menu-item > .ct-menu-link {\n  background: #edf4f8;\n  color: #24587b;\n}\n\nbody.page {\n  color: var(--mf-ink);\n  background: var(--mf-white);\n}\n\nbody.page .hero-section,\nbody.page #footer {\n  display: none;\n}\n\nbody.page .ct-container-full[data-vertical-spacing] {\n  --theme-content-vertical-spacing: 0;\n}\n\nbody.page .entry-content {\n  max-width: none;\n  margin: 0;\n  padding: 0;\n}\n\nbody.page .entry-content > * {\n  margin-block: 0;\n}\n\nbody.page header.ct-header {\n  position: sticky;\n  z-index: 80;\n  top: 0;\n}\n\nbody.admin-bar.page header.ct-header {\n  top: 32px;\n}\n\nbody.page .ct-header [data-row*=\"middle\"] {\n  --height: 82px;\n  background: rgba(255, 255, 255, 0.97);\n  border-bottom: 1px solid var(--mf-line);\n}\n\nbody.page .ct-header [data-id=\"menu\"] > ul > li > a {\n  color: var(--mf-ink);\n  font-size: 15px;\n  font-weight: 650;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\nbody.page .ct-header [data-id=\"logo\"] .site-title a {\n  display: block;\n  width: 190px;\n  height: 48px;\n  overflow: hidden;\n  background: url(\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-logo.png\") center \/ contain no-repeat;\n  color: transparent;\n  font-size: 0;\n  white-space: nowrap;\n}\n\nbody.page .ct-header [data-id=\"search\"] {\n  display: none;\n}\n\n.mf-shell {\n  width: min(1240px, calc(100% - 64px));\n  margin-inline: auto;\n}\n\n.mf-page-hero {\n  position: relative;\n  width: 100vw;\n  max-width: none !important;\n  min-height: 590px;\n  margin-left: calc(50% - 50vw);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  background-color: var(--mf-navy);\n  background-image: var(--mf-page-art);\n  background-position: right center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  color: var(--mf-white);\n}\n\n.mf-page-hero::before {\n  position: absolute;\n  inset: 0;\n  background: rgba(4, 19, 58, 0.16);\n  content: \"\";\n}\n\n.mf-page-hero-inner {\n  position: relative;\n  z-index: 2;\n  width: 50%;\n  padding: 78px 0 86px;\n}\n\n.mf-kicker {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 20px;\n  color: #7ddcf0;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.mf-kicker::before {\n  width: 34px;\n  height: 2px;\n  background: var(--mf-yellow);\n  content: \"\";\n}\n\n.mf-page-hero h1 {\n  max-width: 690px;\n  margin: 0 0 26px;\n  color: var(--mf-white);\n  font-size: 58px;\n  line-height: 1.03;\n  letter-spacing: 0;\n}\n\n.mf-page-hero-copy {\n  max-width: 630px;\n  margin: 0;\n  color: #dbe6f6;\n  font-size: 20px;\n  line-height: 1.55;\n}\n\n.mf-cloud-hero {\n  min-height: 520px;\n  background: var(--mf-navy);\n}\n\n.mf-cloud-hero::before {\n  display: none;\n}\n\n.mf-cloud-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 0.88fr 1.12fr;\n  gap: 70px;\n  align-items: center;\n  padding: 62px 0;\n}\n\n.mf-cloud-copy h1 {\n  margin: 0 0 24px;\n  color: var(--mf-white);\n  font-size: 54px;\n  line-height: 1.04;\n}\n\n.mf-cloud-copy p:not(.mf-kicker) {\n  margin: 0;\n  color: #dbe6f6;\n  font-size: 19px;\n}\n\n.mf-cloud-screen {\n  margin: 0;\n  padding: 22px;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  border-radius: 8px;\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.mf-cloud-screen img {\n  display: block;\n  width: 100%;\n}\n\n.mf-cloud-proof {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-cloud-proof div {\n  padding: 34px;\n}\n\n.mf-cloud-proof div + div {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-cloud-proof strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mf-ink);\n  font-size: 18px;\n}\n\n.mf-cloud-proof span {\n  color: var(--mf-muted);\n}\n\n.mf-cloud-choice {\n  display: flex;\n  gap: 38px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 34px 40px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-soft);\n}\n\n.mf-cloud-choice h2 {\n  margin: 0 0 8px;\n  font-size: 28px;\n}\n\n.mf-cloud-choice p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-editor-hero {\n  min-height: 650px;\n  background: var(--mf-soft);\n  color: var(--mf-ink);\n}\n\n.mf-editor-hero::before {\n  display: none;\n}\n\n.mf-editor-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n  gap: 72px;\n  align-items: center;\n  padding: 78px 0;\n}\n\n.mf-editor-copy .mf-kicker {\n  color: var(--mf-blue-dark);\n}\n\n.mf-editor-copy h1 {\n  margin: 0 0 24px;\n  color: var(--mf-ink);\n  font-size: 56px;\n  line-height: 1.03;\n}\n\n.mf-editor-copy p:not(.mf-kicker) {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 19px;\n}\n\n.mf-editor-copy .mf-button-secondary {\n  border-color: var(--mf-blue-dark);\n  color: var(--mf-blue-dark);\n}\n\n.mf-editor-stage {\n  margin: 0;\n  padding: 16px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-editor-stage img {\n  display: block;\n  width: 100%;\n}\n\n.mf-editor-proof {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-editor-proof article {\n  padding: 32px 28px;\n}\n\n.mf-editor-proof article + article {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-proof strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mf-ink);\n  font-size: 17px;\n}\n\n.mf-editor-proof span {\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-editor-elements {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-element {\n  min-height: 238px;\n  padding: 28px;\n  border-right: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n  background: var(--mf-white);\n}\n\n.mf-editor-element-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-height: 78px;\n  margin-bottom: 20px;\n}\n\n.mf-editor-element-head img {\n  display: block;\n  width: 76px;\n  height: 76px;\n  object-fit: cover;\n  border: 1px solid #d9e2e0;\n  border-radius: 6px;\n  background: #fff;\n}\n\n.mf-editor-element-head span {\n  display: block;\n  color: var(--mf-blue);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n.mf-editor-element h3 {\n  margin-bottom: 8px;\n  font-size: 19px;\n}\n\n.mf-editor-element p {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-editor-detail {\n  display: grid;\n  grid-template-columns: 0.92fr 1.08fr;\n  gap: 76px;\n  align-items: center;\n}\n\n.mf-editor-detail-reverse {\n  grid-template-columns: 1.08fr 0.92fr;\n}\n\n.mf-editor-detail-reverse .mf-editor-detail-copy {\n  order: 2;\n}\n\n.mf-editor-detail-reverse .mf-editor-shot {\n  order: 1;\n}\n\n.mf-editor-detail-copy > p:not(.mf-eyebrow) {\n  color: var(--mf-muted);\n  font-size: 17px;\n}\n\n.mf-editor-shot {\n  margin: 0;\n  padding: 14px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-editor-shot img,\n.mf-editor-shot video {\n  display: block;\n  width: 100%;\n}\n\n.mf-editor-shot video {\n  aspect-ratio: 16 \/ 10;\n  background: #eef1f0;\n  object-fit: cover;\n}\n\n.mf-editor-shot figcaption {\n  padding: 12px 4px 0;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-editor-wide-shot {\n  margin: 40px 0 0;\n  padding: 14px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-editor-wide-shot img,\n.mf-editor-wide-shot video {\n  display: block;\n  width: 100%;\n}\n\n.mf-editor-wide-shot video {\n  aspect-ratio: 16 \/ 10;\n  background: #eef1f0;\n  object-fit: cover;\n}\n\n.mf-editor-wide-shot figcaption {\n  padding: 12px 4px 0;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-editor-wide-shot-dark {\n  border-color: rgba(255, 255, 255, 0.2);\n  background: #1b3138;\n}\n\n.mf-editor-wide-shot-dark figcaption {\n  color: #c9dbd7;\n}\n\n.mf-editor-tools {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-editor-tool {\n  padding: 30px;\n}\n\n.mf-editor-tools-visual .mf-editor-tool {\n  min-height: 360px;\n}\n\n.mf-editor-tool-icon {\n  display: block;\n  width: 96px;\n  height: 96px;\n  margin-bottom: 22px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  object-fit: cover;\n  background: var(--mf-soft);\n}\n\n.mf-editor-tool + .mf-editor-tool {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-tool span {\n  display: block;\n  margin-bottom: 18px;\n  color: var(--mf-red);\n  font-size: 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-editor-tool p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-editor-tools-six {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.mf-editor-tools-six .mf-editor-tool:nth-child(n + 4) {\n  border-top: 1px solid var(--mf-line);\n}\n\n.mf-editor-tools-six .mf-editor-tool:nth-child(4) {\n  border-left: 0;\n}\n\n.mf-editor-tools-four {\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.mf-editor-tools-four .mf-editor-tool:nth-child(n + 3) {\n  border-top: 1px solid var(--mf-line);\n}\n\n.mf-editor-tools-four .mf-editor-tool:nth-child(3) {\n  border-left: 0;\n}\n\n.mf-editor-note {\n  margin-top: 30px;\n  padding: 22px 24px;\n  border-left: 4px solid var(--mf-blue);\n  background: #eef5f8;\n  color: var(--mf-ink);\n}\n\n.mf-editor-note strong {\n  display: block;\n  margin-bottom: 5px;\n}\n\n.mf-editor-routes {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n}\n\n.mf-editor-routes-three {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.mf-editor-route {\n  padding: 36px;\n}\n\n.mf-editor-route + .mf-editor-route {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-route p {\n  color: var(--mf-muted);\n}\n\n.mf-text-link {\n  color: var(--mf-blue-dark);\n  font-weight: 750;\n  text-decoration: none;\n}\n\n.mf-feature-rows {\n  border-top: 1px solid var(--mf-line);\n}\n\n.mf-feature-row {\n  display: grid;\n  grid-template-columns: 110px 0.72fr 1.28fr;\n  gap: 28px;\n  padding: 34px 0;\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-feature-row > span {\n  color: var(--mf-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-feature-row h3,\n.mf-feature-row p {\n  margin: 0;\n}\n\n.mf-feature-row p {\n  color: var(--mf-muted);\n}\n\n.mf-section-dark .mf-feature-row {\n  border-color: rgba(255, 255, 255, 0.18);\n}\n\n.mf-section-dark .mf-feature-row p {\n  color: #c9dbd7;\n}\n\n.mf-architecture {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  overflow: hidden;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-architecture-step {\n  position: relative;\n  min-height: 250px;\n  padding: 36px;\n}\n\n.mf-architecture-step + .mf-architecture-step {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-architecture-step span {\n  display: block;\n  margin-bottom: 42px;\n  color: var(--mf-blue);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-architecture-step p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-directory-nav {\n  position: sticky;\n  z-index: 40;\n  top: 82px;\n  width: 100vw;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw);\n  border-bottom: 1px solid var(--mf-line);\n  background: rgba(255, 255, 255, 0.97);\n}\n\n.mf-directory-nav-inner {\n  display: flex;\n  gap: 28px;\n  overflow-x: auto;\n  padding: 18px 0;\n}\n\n.mf-directory-nav a {\n  flex: 0 0 auto;\n  color: var(--mf-ink);\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n}\n\n.mf-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 32px;\n}\n\n.mf-button {\n  display: inline-flex;\n  min-height: 50px;\n  align-items: center;\n  padding: 13px 20px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  background: var(--mf-red);\n  color: var(--mf-white);\n  font-weight: 750;\n  text-decoration: none;\n  transition: transform 160ms ease;\n}\n\n.mf-button:hover {\n  color: var(--mf-white);\n  transform: translateY(-2px);\n}\n\n.mf-button-secondary {\n  border-color: rgba(255, 255, 255, 0.7);\n  background: transparent;\n}\n\n.mf-section {\n  width: 100vw;\n  max-width: none !important;\n  padding: 104px 0;\n  margin-left: calc(50% - 50vw);\n}\n\n.mf-section-soft {\n  background: var(--mf-soft);\n}\n\n.mf-section-dark {\n  background: var(--mf-green);\n  color: var(--mf-white);\n}\n\n.mf-section-head {\n  max-width: 820px;\n  margin-bottom: 48px;\n}\n\n.mf-eyebrow {\n  margin: 0 0 16px;\n  color: var(--mf-blue);\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-section h2 {\n  max-width: 820px;\n  margin: 0 0 20px;\n  color: var(--mf-ink);\n  font-size: 46px;\n  line-height: 1.09;\n  letter-spacing: 0;\n}\n\n.mf-section h3 {\n  margin: 0 0 12px;\n  color: var(--mf-ink);\n  font-size: 22px;\n  letter-spacing: 0;\n}\n\n.mf-section-lead {\n  max-width: 760px;\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 19px;\n  line-height: 1.6;\n}\n\n.mf-section-dark h2,\n.mf-section-dark h3 {\n  color: var(--mf-white);\n}\n\n.mf-section-dark .mf-section-lead {\n  color: #c9dbd7;\n}\n\n.mf-grid-2,\n.mf-grid-3,\n.mf-grid-4 {\n  display: grid;\n  gap: 16px;\n}\n\n.mf-grid-2 {\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.mf-grid-3 {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.mf-grid-4 {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.mf-card {\n  min-height: 210px;\n  padding: 30px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: 0 7px 22px rgba(20, 36, 44, 0.04);\n}\n\n.mf-card p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-card-mark {\n  display: block;\n  margin-bottom: 24px;\n  color: var(--mf-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}\n\n.mf-visual {\n  margin: 0;\n}\n\n.mf-visual img {\n  display: block;\n  width: 100%;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-checks {\n  margin: 28px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.mf-checks li {\n  position: relative;\n  margin: 12px 0;\n  padding-left: 28px;\n  color: var(--mf-ink);\n}\n\n.mf-checks li::before {\n  position: absolute;\n  left: 0;\n  color: var(--mf-green);\n  font-weight: 900;\n  content: \"\u2713\";\n}\n\n.mf-section-dark .mf-checks li {\n  color: #e6f0ed;\n}\n\n.mf-compare {\n  width: 100%;\n  overflow: hidden;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  border-collapse: separate;\n  border-spacing: 0;\n  background: var(--mf-white);\n}\n\n.mf-compare th,\n.mf-compare td {\n  padding: 20px;\n  border-right: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n  text-align: left;\n  vertical-align: top;\n}\n\n.mf-compare th {\n  background: var(--mf-soft);\n  color: var(--mf-ink);\n}\n\n.mf-compare tr:last-child td,\n.mf-compare tr:last-child th {\n  border-bottom: 0;\n}\n\n.mf-compare th:last-child,\n.mf-compare td:last-child {\n  border-right: 0;\n}\n\n.mf-faq {\n  display: grid;\n  gap: 10px;\n}\n\n.mf-faq details {\n  padding: 22px 24px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n}\n\n.mf-faq summary {\n  color: var(--mf-ink);\n  font-weight: 750;\n  cursor: pointer;\n}\n\n.mf-faq p {\n  margin: 14px 0 0;\n  color: var(--mf-muted);\n}\n\n.mf-integration-groups {\n  display: grid;\n  gap: 54px;\n}\n\n.mf-integration-group h3 {\n  margin-bottom: 20px;\n  font-size: 26px;\n}\n\n.mf-integration-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n\n.mf-integration {\n  display: block;\n  position: relative;\n  min-height: 150px;\n  padding: 24px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  color: inherit;\n  text-decoration: none;\n  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\n}\n\na.mf-integration:hover,\na.mf-integration:focus-visible {\n  border-color: var(--mf-blue);\n  box-shadow: 0 12px 28px rgba(17, 51, 79, 0.12);\n  transform: translateY(-2px);\n}\n\n.mf-integration strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mf-ink);\n  font-size: 17px;\n}\n\n.mf-integration p {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-status {\n  display: inline-block;\n  margin-bottom: 16px;\n  padding: 3px 7px;\n  border-radius: 4px;\n  background: #e5f2ed;\n  color: #235c4f;\n  font-size: 11px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-status-beta {\n  background: #fff1ce;\n  color: #73510a;\n}\n\n.mf-final {\n  text-align: center;\n}\n\n.mf-final .mf-section-head {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.mf-final .mf-section-head h2,\n.mf-final .mf-section-lead {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.mf-final .mf-actions {\n  justify-content: center;\n}\n\n.mf-final .mf-button-secondary {\n  border-color: var(--mf-blue-dark);\n  color: var(--mf-blue-dark);\n}\n\n.mf-footer {\n  width: 100vw;\n  max-width: none !important;\n  padding: 54px 0 28px;\n  margin-left: calc(50% - 50vw);\n  background: #102027;\n  color: #b8c5ca;\n}\n\n.mf-footer-grid {\n  display: grid;\n  grid-template-columns: 1.45fr 1fr 1fr 1fr;\n  gap: 40px;\n}\n\n.mf-footer-logo {\n  width: 180px;\n  margin: 0 0 16px;\n  filter: brightness(0) invert(1);\n}\n\n.mf-footer h3 {\n  margin: 0 0 14px;\n  color: var(--mf-white);\n  font-size: 15px;\n}\n\n.mf-footer p,\n.mf-footer a {\n  color: #b8c5ca;\n  font-size: 14px;\n  text-decoration: none;\n}\n\n.mf-footer a {\n  display: block;\n  margin: 8px 0;\n}\n\n.mf-footer-bottom {\n  margin-top: 38px;\n  padding-top: 22px;\n  border-top: 1px solid #314149;\n  font-size: 13px;\n}\n\n@media (max-width: 999px) {\n  .mf-cloud-layout,\n  .mf-editor-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-editor-detail,\n  .mf-editor-detail-reverse {\n    grid-template-columns: 1fr;\n    gap: 42px;\n  }\n\n  .mf-editor-detail-reverse .mf-editor-detail-copy,\n  .mf-editor-detail-reverse .mf-editor-shot {\n    order: initial;\n  }\n\n  .mf-editor-proof {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-editor-elements {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-editor-proof article:nth-child(3) {\n    border-left: 0;\n  }\n\n  .mf-editor-proof article:nth-child(n + 3) {\n    border-top: 1px solid var(--mf-line);\n  }\n\n  .mf-architecture {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-architecture-step + .mf-architecture-step {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-cloud-screen,\n  .mf-editor-stage {\n    max-width: 760px;\n  }\n\n  .mf-page-hero-inner {\n    width: 64%;\n  }\n\n  .mf-page-hero h1 {\n    font-size: 46px;\n  }\n\n  .mf-section {\n    padding: 80px 0;\n  }\n\n  .mf-section h2 {\n    font-size: 38px;\n  }\n\n  .mf-grid-4,\n  .mf-integration-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-split {\n    grid-template-columns: 1fr;\n    gap: 46px;\n  }\n\n  .mf-footer-grid {\n    grid-template-columns: 1.4fr 1fr 1fr;\n  }\n}\n\n@media (max-width: 689px) {\n  body.admin-bar.page .ct-header {\n    top: 46px;\n  }\n\n  body.page .ct-header [data-id=\"logo\"] .site-title a {\n    width: 150px;\n    height: 40px;\n  }\n\n  .mf-shell {\n    width: min(100% - 32px, 1240px);\n  }\n\n  .mf-page-hero {\n    min-height: 760px;\n    align-items: flex-start;\n    background-position: center bottom;\n    background-size: auto 36%;\n  }\n\n  .mf-cloud-hero,\n  .mf-editor-hero {\n    min-height: 0;\n    background-image: none;\n  }\n\n  .mf-cloud-layout,\n  .mf-editor-layout {\n    gap: 38px;\n    padding: 48px 0 58px;\n  }\n\n  .mf-cloud-copy h1,\n  .mf-editor-copy h1 {\n    font-size: 38px;\n  }\n\n  .mf-cloud-proof {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-cloud-proof div {\n    padding: 26px 0;\n  }\n\n  .mf-cloud-proof div + div {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-cloud-choice {\n    display: block;\n    padding: 28px;\n  }\n\n  .mf-cloud-choice .mf-button {\n    margin-top: 22px;\n  }\n\n  .mf-feature-row {\n    grid-template-columns: 1fr;\n    gap: 10px;\n    padding: 28px 0;\n  }\n\n  .mf-editor-proof,\n  .mf-editor-elements,\n  .mf-editor-tools,\n  .mf-editor-routes {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-editor-proof article + article,\n  .mf-editor-proof article:nth-child(3),\n  .mf-editor-tool + .mf-editor-tool,\n  .mf-editor-tools-six .mf-editor-tool:nth-child(4),\n  .mf-editor-tools-four .mf-editor-tool:nth-child(3),\n  .mf-editor-route + .mf-editor-route {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-editor-element {\n    min-height: 0;\n  }\n\n  .mf-editor-tools-visual .mf-editor-tool {\n    min-height: 0;\n  }\n\n  .mf-editor-proof article:nth-child(n + 3) {\n    border-top: 1px solid var(--mf-line);\n  }\n\n  .mf-directory-nav {\n    top: 70px;\n  }\n\n  .mf-page-hero-inner {\n    width: 100%;\n    padding: 48px 0 300px;\n  }\n\n  .mf-page-hero h1 {\n    font-size: 38px;\n  }\n\n  .mf-page-hero-copy {\n    font-size: 17px;\n  }\n\n  .mf-section {\n    padding: 66px 0;\n  }\n\n  .mf-section h2 {\n    font-size: 32px;\n  }\n\n  .mf-grid-2,\n  .mf-grid-3,\n  .mf-grid-4,\n  .mf-integration-grid,\n  .mf-footer-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-card {\n    min-height: 0;\n    padding: 26px;\n  }\n\n  .mf-compare {\n    display: block;\n    overflow-x: auto;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mf-button {\n    transition: none;\n  }\n}\n\n<\/style>\n\n<section class=\"mf-page-hero\" style=\"--mf-page-art:url('https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-produkt-hero-wide.png')\">\n  <div class=\"mf-shell\">\n    <div class=\"mf-page-hero-inner\">\n      <p class=\"mf-kicker\">Kontakt<\/p>\n      <h1>Ihre mailfino-Anforderung einordnen<\/h1>\n      <p class=\"mf-page-hero-copy\">Der Kontaktweg ist f\u00fcr Integrationen, REST API, kommerzielles Selfhosting und Anforderungen gedacht, die nicht direkt \u00fcber Demo-Konto oder Installation beantwortet werden.<\/p>\n      <div class=\"mf-actions\"><a class=\"mf-button\" href=\"#formular\">Anforderung beschreiben<\/a><a class=\"mf-button mf-button-secondary\" href=\"https:\/\/app.mailfino.de\/?mode=trial\">Demo-Konto anlegen<\/a><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mf-section\">\n  <div class=\"mf-shell\">\n    <div class=\"mf-section-head\"><p class=\"mf-eyebrow\">Der passende Einstieg<\/p><h2>Nicht jede Anfrage braucht ein Beratungsgespr\u00e4ch<\/h2><\/div>\n    <div class=\"mf-grid-3\">\n      <article class=\"mf-card\"><span class=\"mf-card-mark\">CLOUD<\/span><h3>Direkt testen<\/h3><p>F\u00fcr den einfachen Cloud-Einstieg ist das Demo-Konto der schnellste Weg.<\/p><\/article>\n      <article class=\"mf-card\"><span class=\"mf-card-mark\">SELFHOSTING<\/span><h3>Technik kl\u00e4ren<\/h3><p>Kommerzielle Selfhosting-Anforderungen und besondere Betriebsbedingungen k\u00f6nnen hier eingeordnet werden.<\/p><\/article>\n      <article class=\"mf-card\"><span class=\"mf-card-mark\">INTEGRATIONEN<\/span><h3>Prozess beschreiben<\/h3><p>Nennen Sie vorhandenes System, gew\u00fcnschten Datenfluss und den fachlichen Anwendungsfall.<\/p><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mf-section mf-section-soft\" id=\"formular\">\n  <div class=\"mf-shell mf-split\">\n    <div>\n      <p class=\"mf-eyebrow\">Anfrage vorbereiten<\/p>\n      <h2>Diese Angaben helfen bei der Einordnung<\/h2>\n      <ul class=\"mf-checks\">\n        <li>Unternehmen und Ansprechpartner<\/li>\n        <li>Cloud, Selfhosting, Enterprise oder noch unklar<\/li>\n        <li>Vorhandene Systeme und gew\u00fcnschte Integration<\/li>\n        <li>Technische Umgebung und Selfhosting-Erfahrung<\/li>\n        <li>Geplanter Anwendungsfall und Zeitrahmen<\/li>\n      <\/ul>\n    <\/div>\n    <article class=\"mf-card\">\n      <span class=\"mf-card-mark\">FORMULARPLATZHALTER<\/span>\n      <h3>mailfino-Formular wird eingebunden<\/h3>\n      <p>Der endg\u00fcltige Formular-Workflow wird nach Einrichtung des neuen mailfino-Formulars erg\u00e4nzt. Struktur und Zielroute stehen bereits fest.<\/p>\n    <\/article>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mf-section mf-final\">\n  <div class=\"mf-shell\">\n    <div class=\"mf-section-head\"><p class=\"mf-eyebrow\">Cloud-Self-Service<\/p><h2>Nur ausprobieren? Dann direkt ein Demo-Konto anlegen<\/h2><p class=\"mf-section-lead\">F\u00fcr einen ersten Produkttest ist keine Kontaktanfrage erforderlich.<\/p><\/div>\n    <div class=\"mf-actions\"><a class=\"mf-button\" href=\"https:\/\/app.mailfino.de\/?mode=trial\">Demo-Konto anlegen<\/a><a class=\"mf-button mf-button-secondary\" href=\"\/selfhosting\/\">Selfhosting ansehen<\/a><\/div>\n  <\/div>\n<\/section>\n\n\n\n<footer class=\"mf-footer\">\n  <div class=\"mf-shell\">\n    <div class=\"mf-footer-grid\">\n      <div>\n        <img decoding=\"async\" class=\"mf-footer-logo\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-logo.png\" alt=\"mailfino\">\n        <p>Newsletter- und Marketing-Automation f\u00fcr KMU \u2013 als Cloud oder Selfhosting.<\/p>\n      <\/div>\n      <div>\n        <h3>Produkt<\/h3>\n        <a href=\"\/newsletter-editor\/\">Newsletter-Editor<\/a>\n        <a href=\"\/#produkt\">Formulare &amp; Double-Opt-In<\/a>\n        <a href=\"\/#produkt\">Adressverwaltung<\/a>\n        <a href=\"\/#produkt\">Versand &amp; Reporting<\/a>\n      <\/div>\n      <div>\n        <h3>Betrieb<\/h3>\n        <a href=\"\/cloud\/\">Cloud<\/a>\n        <a href=\"\/selfhosting\/\">Selfhosting<\/a>\n        <a href=\"https:\/\/enterprise.mailfino.de\/\">Enterprise<\/a>\n      <\/div>\n      <div>\n        <h3>Unternehmen<\/h3>\n        <a href=\"https:\/\/www.mailfino.de\/impressum\/\">Impressum<\/a>\n        <a href=\"https:\/\/www.mailfino.de\/datenschutz\/\">Datenschutz<\/a>\n        <a href=\"https:\/\/www.mailfino.de\/agb\/\">AGB<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"mf-footer-bottom\">\u00a9 2026 4OfficeAutomation GmbH. Alle Rechte vorbehalten.<\/div>\n  <\/div>\n<\/footer>\n\n","protected":false},"excerpt":{"rendered":"<p>Kontakt zu mailfino f\u00fcr Integrationen, REST API, Selfhosting-Fragen und Anforderungen au\u00dferhalb des direkten Cloud-Einstiegs.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":4,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":194,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/47\/revisions\/194"}],"wp:attachment":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}