{"id":2828,"date":"2026-06-04T15:21:29","date_gmt":"2026-06-04T13:21:29","guid":{"rendered":"https:\/\/delikant.de\/?page_id=2828"},"modified":"2026-06-08T11:06:50","modified_gmt":"2026-06-08T09:06:50","slug":"hompage-neu","status":"publish","type":"page","link":"https:\/\/delikant.de\/en\/","title":{"rendered":"Hompage"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<section style=\"position: relative; width: 100%; min-height: 800px; display: flex; align-items: center; justify-content: center; overflow: hidden;\">\n\n  <!-- Hintergrundbild -->\n  <div style=\"position: absolute; inset: 0; background: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Header_Startseite.webp') center\/cover no-repeat; z-index: 0; filter: brightness(80%);\"><\/div>\n\n  <!-- Inhalt -->\n  <div style=\"position: relative; z-index: 2; text-align: left; padding: 10px; max-width: 1200px; width: 100%;\">\n\n    <h1 style=\"font-size: 55px; font-weight: 700; color: #f7f6f7; line-height: 1.25; margin: 0 0 1.25rem;\">\n Spreads &amp; Sauces that<br><span style=\"color: #be1925;\">strengthen <\/span>your Range\n    <\/h1>\n\n    <p style=\"font-size: 35px; text-align: left; color: #FFFFFFE0; line-height: 1.7; max-width: 1000px;\">\n Manufacturer and supplier of tailor-made food solutions for bakeries, restaurateurs and the food industry. From standard assortments to individual concepts. <br><br>    <\/p>\n\n    <div style=\"display: flex; gap: 1rem; justify-content: left; flex-wrap: nowrap;\">\n      <a href=\"https:\/\/delikant.de\/en\/innovation-lab\/\" style=\"display: inline-block; padding: 0.75rem 1.75rem; border-radius: 50px; font-size: 25px; font-weight: 600; cursor: pointer; text-decoration: none; border: 2px solid #be1925; background: #be1925; color: #FFFFFF; white-space: nowrap;\">Innovation LAB<\/a>\n<a href=\"#industry\" style=\"display: inline-block; padding: 0.75rem 1.75rem; border-radius: 50px; font-size: 25px; font-weight: 600; cursor: pointer; text-decoration: none; border: 2px solid #FFFFFFBF; background: transparent; color: #f7f6f7; white-space: nowrap;\">Our Industries<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-del-white-color has-text-color has-background has-link-color wp-elements-d4fbea34d037570c9f2034c9dc6712a6 is-layout-constrained wp-container-core-group-is-layout-15701bb7 wp-block-group-is-layout-constrained\" style=\"background-color:#f7f6f7\">\n<div aria-hidden=\"true\" class=\"wp-block-fsb-flexible-spacer fsb-flexible-spacer\" id=\"industry\"><div class=\"fsb-flexible-spacer__device fsb-flexible-spacer__device--lg\" style=\"height:100px\"><\/div><div class=\"fsb-flexible-spacer__device fsb-flexible-spacer__device--md\" style=\"height:100px\"><\/div><div class=\"fsb-flexible-spacer__device fsb-flexible-spacer__device--sm\" style=\"height:100px\"><\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-color has-link-color has-del-small-font-size wp-elements-e3ba4f36008e57ae2b3c990ce272dd3b\" style=\"color:#be1925\"><strong>Target groups<\/strong><\/h4>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color has-del-large-font-size wp-elements-1ce0ca643913ea80bcdf98f553c08450\" style=\"color:#2b2b2b\"><strong>Your Industry &#8211; Your Solution<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-link-color has-del-medium-font-size wp-elements-1e12d13ebe58f6ab34f0e24a518a3e22 wp-block-paragraph\" style=\"color:#565555\">Every industry has its own requirements. We know them and offer suitable products, concepts and solutions. <\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- \n  TEASER CARDS BLOCK\n  Einfach in deine Website einbetten.\n  Bilder-URLs und Texte nach Bedarf anpassen.\n--><style>.teaser-grid {\n    --card-gap: 24px;\n    --transition-speed: 0.45s;\n    --overlay-color: rgba(15, 15, 15, 0.55);\n    --accent-color: #e63946;\n    --accent-hover: #c1121f;\n\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: var(--card-gap);\n    max-width: 1200px;\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\n  .teaser-card {\n    position: relative;\n    overflow: hidden;\n    border-radius: 0;\n    aspect-ratio: 4 \/ 3;\n    cursor: pointer;\n  }\n\n  \/* \u2500\u2500 IMAGE \u2500\u2500 *\/\n  .teaser-card__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: filter var(--transition-speed) ease, transform var(--transition-speed) ease;\n  }\n\n  \/* \u2500\u2500 OVERLAY \u2500\u2500 *\/\n  .teaser-card__overlay {\n     position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 32px;\n    background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, transparent 35%);\n    transition: background var(--transition-speed) ease;\n  }\n\n  .teaser-card__bottom {\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* \u2500\u2500 HEADING \u2500\u2500 *\/\n  .teaser-card__title {\n    color: #fff;\n    font-size: 50px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 0 0;\n    transition: font-size var(--transition-speed) ease, margin var(--transition-speed) ease;\n  }\n\n  \/* \u2500\u2500 DESCRIPTION \u2500\u2500 *\/\n  .teaser-card__desc {\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 25px;\n    line-height: 1.5;\n    margin: 0;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height var(--transition-speed) ease, opacity var(--transition-speed) ease, margin var(--transition-speed) ease;\n  }\n\n  \/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\n  .teaser-card__cta {\n    display: inline-block;\n    padding: 12px 30px;\n    color: #fff;\n    background: var(--accent-color);\n    border: none;\n    border-radius: 30px;\n    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.235), 1.0625rem);\n    text-decoration: none;\n    cursor: pointer;\n    opacity: 0;\n    max-height: 0;\n    overflow: hidden;\n    transform: translateY(8px);\n    transition: opacity var(--transition-speed) ease,\n                max-height var(--transition-speed) ease,\n                transform var(--transition-speed) ease,\n                background 0.25s ease,\n                margin var(--transition-speed) ease;\n    margin: 0;\n    width: fit-content;\n  }\n\n  .teaser-card__cta:hover {\n    background: var(--accent-hover);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HOVER STATE\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .teaser-card:hover .teaser-card__img {\n    filter: blur(6px) brightness(0.7);\n    transform: scale(1.05);\n  }\n\n  .teaser-card:hover .teaser-card__overlay {\n    background: var(--overlay-color);\n  }\n\n  .teaser-card:hover .teaser-card__title {\n    font-size: 1.75rem;\n  }\n\n  .teaser-card:hover .teaser-card__desc {\n    max-height: 120px;\n    opacity: 1;\n    margin-bottom: 20px;\n  }\n\n  .teaser-card:hover .teaser-card__cta {\n    opacity: 1;\n    max-height: 60px;\n    transform: translateY(0);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FOCUS \/ ACCESSIBILITY\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .teaser-card:focus-within .teaser-card__img {\n    filter: blur(6px) brightness(0.7);\n    transform: scale(1.05);\n  }\n  .teaser-card:focus-within .teaser-card__overlay {\n    background: var(--overlay-color);\n  }\n  .teaser-card:focus-within .teaser-card__title {\n    font-size: 1.75rem;\n  }\n  .teaser-card:focus-within .teaser-card__desc {\n    max-height: 120px;\n    opacity: 1;\n    margin-bottom: 20px;\n  }\n  .teaser-card:focus-within .teaser-card__cta {\n    opacity: 1;\n    max-height: 60px;\n    transform: translateY(0);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE \u2013 TABLET (\u2264 900px)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 900px) {\n    .teaser-grid {\n      gap: 16px;\n      padding: 32px 16px;\n    }\n\n    .teaser-card__overlay {\n      padding: 24px;\n    }\n\n    .teaser-card__title {\n      font-size: 1.25rem;\n    }\n\n    .teaser-card:hover .teaser-card__title,\n    .teaser-card:focus-within .teaser-card__title {\n      font-size: 1.45rem;\n    }\n\n    .teaser-card__desc {\n      font-size: 0.85rem;\n    }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE \u2013 MOBILE (\u2264 600px)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 600px) {\n    .teaser-grid {\n      grid-template-columns: 1fr;\n      gap: 16px;\n      padding: 24px 12px;\n    }\n\n    .teaser-card {\n      aspect-ratio: 16 \/ 10;\n    }\n\n    .teaser-card__overlay {\n      padding: 20px;\n    }\n\n    .teaser-card__title {\n      font-size: 1.15rem;\n    }\n\n    .teaser-card:hover .teaser-card__title,\n    .teaser-card:focus-within .teaser-card__title {\n      font-size: 1.3rem;\n    }\n\n    .teaser-card__desc {\n      font-size: 0.8rem;\n    }\n\n    .teaser-card__cta {\n      font-size: 0.8rem;\n      padding: 8px 18px;\n    }\n\n    \/* Mobile: Inhalte immer sichtbar, da kein Hover *\/\n    .teaser-card .teaser-card__img {\n      filter: blur(3px) brightness(0.75);\n    }\n\n    .teaser-card .teaser-card__overlay {\n      background: var(--overlay-color);\n    }\n\n    .teaser-card .teaser-card__desc {\n      max-height: 120px;\n      opacity: 1;\n      margin-bottom: 16px;\n    }\n\n    .teaser-card .teaser-card__cta {\n      opacity: 1;\n      max-height: 60px;\n      transform: translateY(0);\n    }\n  }\n<\/style><section class=\"teaser-grid\">\n\n<!-- KARTE 1 --><div class=\"teaser-card\"><img decoding=\"async\" class=\"teaser-card__img\" src=\"https:\/\/delikant.de\/wp-content\/uploads\/2026\/02\/50-DSC00605-scaled.jpg\" alt=\"Digitale Transformation\" loading=\"lazy\"><div class=\"teaser-card__overlay\"><h3 class=\"teaser-card__title\">Bakery<\/h3><div class=\"teaser-card__bottom\"><p class=\"teaser-card__desc\">Snack solutions that work from headquarters to the counter.\n        <\/p><a href=\"https:\/\/delikant.de\/en\/bakery\/\" class=\"teaser-card__cta\">To Your Solution<\/a><\/div><\/div><\/div>\n\n<!-- KARTE 2 --><div class=\"teaser-card\"><img decoding=\"async\" class=\"teaser-card__img\" src=\"https:\/\/delikant.de\/wp-content\/uploads\/2026\/06\/Firefly_Gemini-Flash_Der-Mann-traegt-keinen-Ring-277247.png\" alt=\"IT-Beratung\" loading=\"lazy\"><div class=\"teaser-card__overlay\"><h3 class=\"teaser-card__title\">Quick Service &amp; Chain Restaurants<\/h3><div class=\"teaser-card__bottom\"><p class=\"teaser-card__desc\">Individual, rollout-ready solutions that work within your system.\n        <\/p><a href=\"https:\/\/delikant.de\/en\/quick-service-chain-restaurants\/\" class=\"teaser-card__cta\">To Your Solution<\/a><\/div><\/div><\/div>\n\n<!-- KARTE 3 --><div class=\"teaser-card\"><img decoding=\"async\" class=\"teaser-card__img\" src=\"https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Vorbereitung_Tomate-Mozzarella-Broetchen_3-scaled.jpg\" alt=\"Datenanalyse\" loading=\"lazy\"><div class=\"teaser-card__overlay\"><h3 class=\"teaser-card__title\">Travel &amp; Transport Catering<\/h3><div class=\"teaser-card__bottom\"><p class=\"teaser-card__desc\">Snack concepts that generate margin. Optimised for the to-go business.\n        <\/p><a href=\"https:\/\/delikant.de\/en\/convenience-travel-catering\/\" class=\"teaser-card__cta\">To Your Solution<\/a><\/div><\/div><\/div>\n\n<!-- KARTE 4 --><div class=\"teaser-card\"><img decoding=\"async\" class=\"teaser-card__img\" src=\"https:\/\/delikant.de\/wp-content\/uploads\/2026\/02\/16-DSC07806-scaled.jpg\" alt=\"Teaml\u00f6sungen\" loading=\"lazy\"><div class=\"teaser-card__overlay\"><h3 class=\"teaser-card__title\">Convenience<\/h3><div class=\"teaser-card__bottom\"><p class=\"teaser-card__desc\">Technologically optimised products developed in the shortest time. Industrially robust and directly scalable.\n        <\/p><a href=\"https:\/\/delikant.de\/en\/convenience\/\" class=\"teaser-card__cta\">To Your Solution<\/a><\/div><\/div><\/div><\/section>\n\n\n\n<div aria-hidden=\"true\" class=\"wp-block-fsb-flexible-spacer fsb-flexible-spacer\"><div class=\"fsb-flexible-spacer__device fsb-flexible-spacer__device--lg\" style=\"height:100px\"><\/div><div class=\"fsb-flexible-spacer__device fsb-flexible-spacer__device--md\" style=\"height:100px\"><\/div><div class=\"fsb-flexible-spacer__device fsb-flexible-spacer__device--sm\" style=\"height:100px\"><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<section style=\"position: relative; width: 100%; min-height: 420px; display: flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; padding: 120px 0 60px 0; background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/IMG_7397.jpg'); background-size: cover; background-position: center;\">\n  \n  <!-- Overlay -->\n  <div style=\"position: absolute; inset: 0; background: #008433; opacity: 0.4; z-index: 1;\"><\/div>\n  \n  <div style=\"position: relative; z-index: 2; width: 100%; max-width: 1200px; display: flex; justify-content: flex-end; padding: 0px 0px 0 20px; box-sizing: border-box; margin: 100px 0px;\">\n    <div style=\"width: 60%; text-align: right; max-width: 1200px;\">\n      \n      <span style=\"display: block; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #f7f6f7; margin-bottom: 14px;\">Your Success Starts Here<\/span>\n      \n      <h2 style=\"font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.938), 2.25rem); font-weight: bolder; color: #f7f6f7; line-height: 1.5; margin: 0 0 24px 0;\">Our Innovation LAB<\/h2>\n      \n      <p style=\"font-size: clamp(1.2rem, 1.2rem + ((1vw - 0.2rem) * 0.375), 1.5rem); color: #f7f6f7; line-height: 1.5; margin: 0 0 40px 0;\">\n The Snack Innovation LAB is our center of expertise for food creations, assortment development and food presentations. This is where solutions are created that work in real operations. Together with you, based on market data and industry knowledge.  \n      <\/p>\n      \n      <a href=\"https:\/\/delikant.de\/en\/innovation-lab\/\" style=\"display: inline-flex; align-items: center; padding: 8px 24px; font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.235), 1.0625rem); border-radius: 50px; text-decoration: none; cursor: pointer; line-height: 1.5; background: transparent; color: #f7f6f7; border: 1px solid #ffffff;\">Innovation LAB<\/a>\n      \n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-15701bb7 wp-block-group-is-layout-constrained\" style=\"background-color:#f7f6f7\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-abbf908d5e85f634b1b0e54d1689e2dd wp-block-paragraph\" style=\"color:#be1925\"><strong>Our Promise<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-318c7527161562f30bd7f087165dc5ea\" style=\"color:#2b2b2b\"><strong>What You Can Rely On<\/strong><\/h2>\n\n\n\n<p class=\"has-del-medium-font-size wp-block-paragraph\">As a manufacturer of tailor-made spreads, sauces and food concepts, we know what matters in day-to-day operations: speed, reliability and a partner who thinks ahead.<\/p>\n\n\n\n<meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Info Cards Section<\/title><style>:root {\n      --bg-beige: #FFFFFF;\n      --card-bg: #FFFFFF;\n      --card-shadow: rgba(120, 90, 50, 0.08);\n      --card-shadow-hover: rgba(120, 90, 50, 0.18);\n      --card-border: #FFFFFF;\n      --card-border-hover: #FFFFFF;\n      --title-color: #2C2416;\n      --text-color: #5C4F3D;\n      --btn-bg: #6B5B45;\n      --btn-bg-hover: #3E3225;\n      --btn-text: #FFFFFF;\n      --accent-line: #C9A96E;\n    }\n\n    *,\n    *::before,\n    *::after {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    \n\n    .cards-section {\n  width: 100%;\n      padding: 24px 0;\n    }\n\n    .cards-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      max-width: 1400px;\n      width: 100%;\n    }\n\n    \/* \u2500\u2500 Card \u2500\u2500 *\/\n    .card {\n      background: var(--card-bg);\n      border: 1px solid var(--card-border);\n      border-radius: 15px;\n      padding: 40px 32px 36px;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      transition:\n        transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n        box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n        border-color 0.35s ease;\n      box-shadow: 0 2px 12px var(--card-shadow);\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* decorative accent bar *\/\n    .card::before {\n      content: \"\";\n      position: absolute;\n      background: var(--accent-line);\n      border-radius: 0 0 3px 3px;\n      opacity: 0;\n      transition: opacity 0.35s ease;\n    }\n\n    .card:hover {\n      transform: scale(1.04);\n      box-shadow: 0 8px 32px var(--card-shadow-hover);\n      border-color: var(--card-border-hover);\n    }\n\n    .card:hover::before {\n      opacity: 1;\n    }\n\n    \/* \u2500\u2500 Title \u2500\u2500 *\/\n    .card-title {\n      font-size: clamp(1.2rem, 1.2rem + ((1vw - 0.2rem) * 0.375), 1.5rem);\n      font-weight: 700;\n      color: var(--title-color);\n      line-height: 1.5;\n    }\n\n    \/* \u2500\u2500 Description \u2500\u2500 *\/\n    .card-description {\n      font-size: clamp(1.2rem, 1.2rem + ((1vw - 0.2rem) * 0.375), 1.5rem);\n      line-height: 1.5;\n      color: var(--text-color);\n      flex: 1;\n    }\n\n    \/* \u2500\u2500 Button \u2500\u2500 *\/\n    .card-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      align-self: flex-start;\n      margin-top: 8px;\n      padding: 12px 28px;\n      border: none;\n      border-radius: 50px;\n      background: var(--btn-bg);\n      color: var(--btn-text);\n      font-size: 0.95rem;\n      font-weight: 600;\n      cursor: pointer;\n      transition:\n        background 0.3s ease,\n        transform 0.2s ease;\n      text-decoration: none;\n    }\n\n    .card-btn:hover {\n      background: var(--btn-bg-hover);\n      transform: translateY(-2px);\n    }\n\n    .card-btn:active {\n      transform: translateY(0);\n    }\n\n    \/* \u2500\u2500 Responsive: Tablet (\u2264 960px) \u2500\u2500 *\/\n    @media (max-width: 960px) {\n      .cards-section {\n        padding: 60px 20px;\n      }\n\n      .cards-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n      }\n\n      .card {\n        padding: 32px 26px 30px;\n      }\n    }\n\n    \/* \u2500\u2500 Responsive: Phone (\u2264 600px) \u2500\u2500 *\/\n    @media (max-width: 600px) {\n      .cards-section {\n        padding: 40px 16px;\n      }\n\n      .cards-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        max-width: 480px;\n      }\n\n      .card {\n        padding: 28px 22px 26px;\n      }\n\n      .card-title {\n        font-size: 1.2rem;\n      }\n\n      .card-description {\n        font-size: 0.95rem;\n      }\n    }\n  <\/style><section class=\"cards-section\"><div class=\"cards-grid\">\n\n<!-- Card 1 --><div class=\"card\"><h3 class=\"card-title\">Speed to Market<\/h3><p class=\"card-description\">From requirement to finished product in the shortest time. Whether it&#8217;s an individual recipe, a new concept or rollout-ready sauces: we deliver solutions that work in real operations. Not someday \u2013 but when you need them.<\/p><\/div>\n\n<!-- Card 2 --><div class=\"card\"><h3 class=\"card-title\">Reliably Scalable<\/h3><p class=\"card-description\">Whether branch, quick service restaurant or industrial production \u2013 our spreads and sauces are developed for both small and large quantities. Consistent quality, plannable delivery, easy-to-dose packaging.\n        <\/p><\/div>\n\n<!-- Card 3 --><div class=\"card\"><h3 class=\"card-title\">More Than a Supplier<\/h3><p class=\"card-description\">We are a development partner. With our Innovation LAB and our product development team, we support you from idea to counter \u2013 or to the production line.\n        <\/p><\/div><\/div><\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<section style=\"position: relative; width: 100%; min-height: 420px; display: flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; padding: 120px 0 60px 0;\">\n  <!-- Hintergrundbild -->\n  <div style=\"position: absolute; inset: 0; background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/DSC00235-scaled.webp'); background-size: cover; background-position: center; z-index: 0;\"><\/div>\n  <!-- Overlay -->\n  <div style=\"position: absolute; inset: 0; background: #008433; opacity: 0.4; z-index: 1;\"><\/div>\n  <!-- Inhalt -->\n  <div style=\"position: relative; z-index: 2; width: 100%; max-width: 1200px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; margin: 100px 0;\">\n\n    <!-- Text-Bereich links -->\n    <div style=\"width: 55%; text-align: left;\">\n      <span style=\"display: block; font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.235), 1.0625rem); font-weight: 700; text-transform: uppercase; color: #f7f6f7; margin-bottom: 14px;\">IFS Certified<\/span>\n      <h2 style=\"font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.938), 2.25rem); font-weight: bolder; color: #f7f6f7; line-height: 1.5; margin: 0 0 24px 0;\">Your Reliable Partner<\/h2>\n      <p style=\"font-size: clamp(1.2rem, 1.2rem + ((1vw - 0.2rem) * 0.375), 1.5rem); color: #f7f6f7; line-height: 1.5; margin: 0 0 40px 0;\">\n Our IFS certification stands for audited processes, transparent supply chains and a partner you can trust. \n      <\/p>\n    <\/div>\n\n    <!-- Icon rechts, gro\u00df und zentriert -->\n    <div style=\"width: 40%; display: flex; align-items: center; justify-content: center;padding: 20px 50px 100px 20px;\">\n      <img decoding=\"async\" src=\"https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/ifs-logo.svg\" alt=\"Icon\" style=\"width: 100%; max-width: 300px; height: auto; object-fit: contain;\"\/>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-hero has-del-brown-pod-color has-text-color has-background has-link-color wp-elements-af93a2c1ba9a0fdba0fd706e22cf5fb4 is-layout-constrained wp-container-core-group-is-layout-1c45b9a5 wp-block-group-is-layout-constrained\" style=\"background-color:#f7f6f7;box-shadow:none\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-del-thunderbird-color has-text-color has-link-color has-del-small-font-size wp-elements-54dbacd5e7c77c08bde039129d99f202 wp-block-paragraph\"><strong>RANGE<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color has-del-large-font-size wp-elements-bc742a96e97a17a1ad95514a2dfac254\" style=\"color:#2b2b2b\"><strong>Our Products<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-link-color has-del-medium-font-size wp-elements-3a3dd35830ceb394b8eedf3da378d91a wp-block-paragraph\" style=\"color:#2b2b2b\">Our products are based on first-class, natural ingredients and carefully developed recipes.<\/p>\n\n\n\n<style>\/* \u2500\u2500\u2500 WordPress Gutenberg Wrapper Overrides \u2500\u2500\u2500 *\/\n  .wp-block-html,\n  .wp-block-html > div,\n  .entry-content .wp-block-html,\n  .wp-block-group__inner-container,\n  .entry-content > *,\n  .wp-block-html:has(.products-section) {\n    overflow: visible !important;\n    max-height: none !important;\n    height: auto !important;\n    position: static !important;\n    contain: none !important;\n    display: block !important;\n  }\n \n  \/* \u2500\u2500\u2500 Fonts \u2500\u2500\u2500 *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@300;400;500&display=swap');\n \n  \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\n  .products-section {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    padding: 40px 0px!important;\n    overflow: visible !important;\n    height: auto !important;\n    position: relative !important;\n    display: block !important;\n    clear: both !important;\n    float: none !important;\n  }\n \n  .products-section__heading {\n    font-size: clamp(2rem, 4vw, 3rem) !important;\n    font-weight: 700 !important;\n    text-align: center !important;\n    margin-bottom: 60px !important;\n    letter-spacing: -0.02em !important;\n    color: #1a1a1a !important;\n  }\n \n  \/* \u2500\u2500\u2500 Grid: 2 columns \u00d7 2 rows \u2500\u2500\u2500 *\/\n  .products-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 32px !important;\n    overflow: visible !important;\n    height: auto !important;\n  }\n \n  \/* \u2500\u2500\u2500 Single Tile (image = CSS background) \u2500\u2500\u2500 *\/\n  .product-tile {\n    --product-color: #b5cc3e;\n    display: flex !important;\n    align-items: stretch !important;\n    border-radius: 5px !important;\n    overflow: hidden !important;\n    min-height: 320px !important;\n    background-size: cover !important;\n    background-position: 25% center !important;\n    background-repeat: no-repeat !important;\n    transition: transform 0.35s ease, box-shadow 0.35s ease !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;\n    position: relative !important;\n  }\n \n  .product-tile:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14) !important;\n  }\n \n  \/* \u2500\u2500\u2500 Per-product colors \u2500\u2500\u2500 *\/\n  .product-tile--mayonnaisecreme       { --product-color: #b9d4ab; background-position: 25% center !important; }\n  .product-tile--Frischk\u00e4se             { --product-color: #a7170f; background-position: 25% center !important; }\n  .product-tile--PflanzlicheFC           { --product-color: #266c13; background-position: 25% center !important; }\n  .product-tile--Toppings { --product-color: #55144e; background-position: 25% center !important; }\n  .product-tile--Burgersaucen { --product-color: #ff8814; background-position: 25% center !important; }\n  .product-tile--Pestos { --product-color: #6a7c18; background-position: 25% center !important; }\n\n\n  \/* \u2500\u2500\u2500 Text Content \u2500\u2500\u2500 *\/\n  .product-tile__content {\n    margin-left: auto !important;\n    width: 58% !important;\n    padding: 36px 32px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important;\n    justify-content: center !important;\n  }\n \n  .product-tile__name {\n    font-size: clamp(1.2rem, 1.2rem + ((1vw - 0.2rem) * 0.375), 1.5rem) !important;\n    font-weight: bold !important;\n    line-height: 1.25 !important;\n    color: #fff !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n \n  .product-tile__desc {\n    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.235), 1.0625rem) !important;\n    font-weight: 300 !important;\n    line-height: 1.6 !important;\n    color: rgba(255, 255, 255, 0.85) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n \n  \/* \u2500\u2500\u2500 CTA Button \u2500\u2500\u2500 *\/\n  .product-tile__cta {\n    display: inline-block !important;\n    align-self: flex-start !important;\n    margin-top: 8px !important;\n    padding: 8px 24px 8px 24px !important;\n    border: 2px solid #f6f7f6 !important;\n    border-radius: 50px !important;\n    background: transparent !important;\n    color: #f6f7f6 !important;\n    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.235), 1.0625rem) !important;\n    font-weight: 600px !important;\n    text-transform: none !important;\n    text-decoration: none !important;\n    cursor: pointer !important;\n    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n  }\n \n  .product-tile__cta:hover {\n    background: #fff !important;\n    border-color: #fff !important;\n    color: var(--product-color) !important;\n  }\n \n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n  @media (max-width: 960px) {\n    .products-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n \n  @media (max-width: 560px) {\n    .product-tile {\n      min-height: 380px !important;\n      background-position: 25% top !important;\n    }\n\n    .product-tile--delikant-remoulade       { background-position: 25% top !important; }\n    .product-tile--Tomatencreme             { background-position: 25% top !important; }\n    .product-tile--Basilikumcreme           { background-position: 25% top !important; }\n    .product-tile--Leichter-gem\u00fcseaufstrich { background-position: 25% top !important; }\n \n    .product-tile__content {\n      width: 100% !important;\n      margin-left: 0 !important;\n      margin-top: auto !important;\n      background: linear-gradient(to top, rgba(0,0,0,0.82) 60%, rgba(0,0,0,0) 100%) !important;\n      text-align: center !important;\n      padding: 80px 24px 28px 24px !important;\n    }\n \n    .product-tile__cta {\n      align-self: center !important;\n    }\n  }\n<\/style><section class=\"products-section\"><div class=\"products-grid\">\n\n<!-- Produkt 1: delikant Remoulade --><div class=\"product-tile product-tile--mayonnaisecreme\" style=\"background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Website_Produkt-Kachel_Olivenoelcreme.png');\"><div class=\"product-tile__content\"><h3 class=\"product-tile__name\">Light Mayonnaise Cream Spreads<\/h3><a href=\"https:\/\/delikant.de\/en\/products\/\" class=\"product-tile__cta\">Our Range<\/a><\/div><\/div>\n\n<!-- Produkt 2 --><div class=\"product-tile product-tile--Frischk\u00e4se\" style=\"background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Website_Produkt-Kachel_getrocknete-Tomate.png');\"><div class=\"product-tile__content\"><h3 class=\"product-tile__name\">Cream Cheese &amp; Yoghurt Cream Spreads<\/h3><a href=\"https:\/\/delikant.de\/en\/products\/\" class=\"product-tile__cta\">Our Range<\/a><\/div><\/div>\n\n<!-- Produkt 3 --><div class=\"product-tile product-tile--PflanzlicheFC\" style=\"background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Website_Produkt-Kachel_Frischcreme-Lauch.png');\"><div class=\"product-tile__content\"><h3 class=\"product-tile__name\">Plant-Based Fresh Creams<\/h3><a href=\"https:\/\/delikant.de\/en\/products\/\" class=\"product-tile__cta\">Our Range<\/a><\/div><\/div>\n\n<!-- Produkt 4 --><div class=\"product-tile product-tile--Toppings\" style=\"background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Website_Produkt-Kachel_Aubergine.png');\"><div class=\"product-tile__content\"><h3 class=\"product-tile__name\">Toppings<\/h3><a href=\"https:\/\/delikant.de\/en\/products\/\" class=\"product-tile__cta\">Our Range<\/a><\/div><\/div>\n\n<!-- Produkt 5 --><div class=\"product-tile product-tile--Burgersaucen\" style=\"background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Website_Produkt-Kachel_Delikant-Burgersauce.png');\"><div class=\"product-tile__content\"><h3 class=\"product-tile__name\">Burger Sauces<\/h3><a href=\"https:\/\/delikant.de\/en\/products\/\" class=\"product-tile__cta\">Our Range<\/a><\/div><\/div>\n\n<!-- Produkt 6 --><div class=\"product-tile product-tile--Pestos\" style=\"background-image: url('https:\/\/delikant.de\/wp-content\/uploads\/2026\/05\/Website_Produkt-Kachel_Pesto-Genovese.png');\"><div class=\"product-tile__content\"><h3 class=\"product-tile__name\">Pestos<\/h3><a href=\"https:\/\/delikant.de\/en\/products\/\" class=\"product-tile__cta\">Our Range<\/a><\/div><\/div><\/div><\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-del-white-color has-del-thunderbird-background-color has-text-color has-background has-link-color wp-elements-c80a29cbca69ef12937368e84346eb2e is-layout-constrained wp-container-core-group-is-layout-15701bb7 wp-block-group-is-layout-constrained\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- WordPress Custom HTML Block: Kontakt & Newsletter --><style>.kn-section {\n    background-color: #BE1925;\n    padding: 80px 40px;\n    box-sizing: border-box;\n  }\n\n  .kn-grid {\n    display: flex;\n    justify-content: center;\n    align-items: stretch;\n    gap: 60px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .kn-col {\n    flex: 1;\n    text-align: center;\n    max-width: 520px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .kn-col h2 {\n    font-weight: bolder;\n    font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.938), 2.25rem);\n    color: #f7f6f7;\n    margin: 0 0 24px 0;\n    letter-spacing: 0.01em;\n  }\n\n  .kn-col p {\n    font-size: clamp(1.2rem, 1.2rem + ((1vw - 0.2rem) * 0.375), 1.5rem);\n    color: #f7f6f7;\n    line-height: 1.5;\n    margin: 0 0 36px 0;\n    flex: 1;\n  }\n\n  .kn-btn {\n    display: inline-block;\n    padding: 8px 24px 8px 24px;\n    border: 2px solid #f6f7f6;\n    border-radius: 50px;\n    color: #f7f6f7;\n    font-weight: 600px;\n    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.235), 1.0625rem);\n    text-decoration: none;\n    background: transparent;\n    cursor: pointer;\n    transition: background 0.25s ease, color 0.25s ease;\n    white-space: nowrap;\n    align-self: center;\n  }\n\n  .kn-btn:hover,\n  .kn-btn:focus {\n    background: #f7f6f7;\n    color: #5b3e2b;\n    outline: none;\n  }\n\n  .kn-btn.kn-btn--filled {\n    background: #f7f6f7;\n    color: #BE1925;\n    border-color: #f7f6f7;\n  }\n\n  .kn-btn.kn-btn--filled:hover,\n  .kn-btn.kn-btn--filled:focus {\n    background: transparent;\n    color: #f7f6f7;\n  }\n\n  .kn-divider {\n    width: 2px;\n    background: rgba(255, 255, 255, 0.2);\n    align-self: stretch;\n    flex-shrink: 0;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .kn-grid {\n      flex-direction: column;\n      align-items: center;\n      gap: 0;\n    }\n\n    .kn-divider {\n      width: 60%;\n      height: 2px;\n      margin: 40px 0;\n      align-self: center;\n    }\n\n    .kn-col {\n      max-width: 100%;\n      width: 100%;\n    }\n  }\n<\/style><!-- Google Fonts: Barlow --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&amp;display=swap\" rel=\"stylesheet\"><section class=\"kn-section\"><div class=\"kn-grid\"><!-- Kontakt --><div class=\"kn-col\"><h2>Contact<\/h2><p>Ideas? <br>Question? <br>Write us!<\/p><a href=\"https:\/\/delikant.de\/en\/contact\/\" class=\"kn-btn\">Contact us<\/a><\/div><!-- Divider --><div class=\"kn-divider\" aria-hidden=\"true\"><\/div>\n\n<!-- Newsletter --><div class=\"kn-col\"><h2>Newsletter<\/h2><p>Sign up now and regularly receive exclusive insights into the latest innovations.<\/p><a href=\"https:\/\/delikant.de\/en\/contact\/\" class=\"kn-btn kn-btn--filled\">Sign up now<\/a><\/div><\/div><\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Spreads &amp; Sauces thatstrengthen your Range Manufacturer and supplier of tailor-made food solutions for bakeries, restaurateurs and the food industry. From standard assortments to individual concepts. Innovation LAB Our Industries Target groups Your Industry &#8211; Your Solution Every industry has its own requirements. We know them and offer suitable products, concepts and solutions. Bakery Snack [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":2826,"parent":0,"menu_order":21,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2828","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/pages\/2828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/comments?post=2828"}],"version-history":[{"count":5,"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/pages\/2828\/revisions"}],"predecessor-version":[{"id":3009,"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/pages\/2828\/revisions\/3009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/media\/2826"}],"wp:attachment":[{"href":"https:\/\/delikant.de\/en\/wp-json\/wp\/v2\/media?parent=2828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}