{"id":8,"date":"2026-03-17T11:05:38","date_gmt":"2026-03-17T10:05:38","guid":{"rendered":"http:\/\/caselabel.baer-live.com\/?page_id=8"},"modified":"2026-03-17T14:19:52","modified_gmt":"2026-03-17T13:19:52","slug":"caselabel-spontent","status":"publish","type":"page","link":"https:\/\/caselabel.baer-live.com\/?page_id=8","title":{"rendered":"Caselabel ohne Location"},"content":{"rendered":"<div data-colibri-id=\"8-c1\" class=\"style-328 style-local-8-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"8-c2\" id=\"initial-content\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-329 style-local-8-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <!---->\n      <div data-colibri-id=\"8-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-330 style-local-8-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-331-outer style-local-8-c4-outer\">\n            <div data-colibri-id=\"8-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-331 style-local-8-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"8-c5\" class=\"style-332 style-local-8-c5 position-relative h-element\">\n                  <!---->\n                  <div>\n                    \n                    <style>\n                      .case-tool {\n                        max-width: 1300px;\n                        margin: 0 auto;\n                        font-family: Arial, Helvetica, sans-serif;\n                      }\n\n                      .case-form {\n                        margin-bottom: 30px;\n                      }\n\n                      .case-form label {\n                        display: block;\n                        font-weight: bold;\n                        margin: 10px 0 5px;\n                      }\n\n                      .case-form input,\n                      .case-form textarea {\n                        width: 100%;\n                        padding: 8px;\n                        font-size: 16px;\n                        box-sizing: border-box;\n                      }\n\n                      .case-form textarea {\n                        height: 160px;\n                        resize: vertical;\n                      }\n\n                      #charCounter {\n                        margin-top: 6px;\n                        font-size: 14px;\n                        color: #666;\n                      }\n\n                      .case-form button {\n                        margin-top: 15px;\n                        margin-right: 10px;\n                        padding: 10px 16px;\n                        font-size: 16px;\n                        cursor: pointer;\n                      }\n\n                      .case-actions {\n                        margin-top: 10px;\n                      }\n\n                      .case-label {\n                        position: relative;\n                        width: 1240px;\n                        height: 874px;\n                        margin: 30px auto;\n                        background-image: url(\"https:\/\/baer-live.com\/wp-content\/uploads\/2026\/03\/Caselabel-Druckbar-Vorlage.png\");\n                        background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center;\n                        border: 1px solid #ccc;\n                        overflow: hidden;\n                      }\n\n                      .field {\n                        position: absolute;\n                        font-family: Arial, Helvetica, sans-serif;\n                        font-weight: 700;\n                        color: #000;\n                        overflow: hidden;\n                        box-sizing: border-box;\n                      }\n\n                      #label-production {\n                        left: 610px;\n                        top: 85px;\n                        width: 500px;\n                        height: 120px;\n                        font-size: 38px;\n                        line-height: 1.1;\n                        display: flex;\n                        align-items: flex-start;\n                        justify-content: flex-start;\n                        text-align: left;\n                        white-space: normal;\n                        word-break: break-word;\n                        overflow-wrap: anywhere;\n                      }\n\n                      #label-date {\n                        left: 610px;\n                        top: 230px;\n                        width: 500px;\n                        height: 80px;\n                        font-size: 34px;\n                        line-height: 1.1;\n                        display: flex;\n                        align-items: flex-start;\n                        justify-content: flex-start;\n                        text-align: left;\n                        white-space: normal;\n                        word-break: break-word;\n                        overflow-wrap: anywhere;\n                      }\n\n                      #label-contents {\n                        left: 70px;\n                        top: 350px;\n                        width: 1100px;\n                        height: 360px;\n                        font-size: 42px;\n                        line-height: 1.15;\n                        text-align: left;\n                        white-space: pre-wrap;\n                        word-break: break-word;\n                        overflow-wrap: anywhere;\n                        display: block;\n                        padding: 0;\n                        margin: 0;\n                      }\n\n                      .case-archive {\n                        margin-top: 30px;\n                        border-top: 1px solid #ddd;\n                        padding-top: 20px;\n                      }\n\n                      .case-archive-header {\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-between;\n                        gap: 12px;\n                        margin-bottom: 15px;\n                        flex-wrap: wrap;\n                      }\n\n                      .case-archive-header h3 {\n                        margin: 0;\n                      }\n\n                      .archive-list {\n                        display: grid;\n                        gap: 10px;\n                      }\n\n                      .archive-item {\n                        border: 1px solid #ddd;\n                        padding: 12px;\n                        background: #f8f8f8;\n                        display: flex;\n                        align-items: flex-start;\n                        justify-content: space-between;\n                        gap: 12px;\n                      }\n\n                      .archive-item-main {\n                        flex: 1;\n                        cursor: pointer;\n                      }\n\n                      .archive-item:hover {\n                        background: #efefef;\n                      }\n\n                      .archive-title {\n                        font-weight: bold;\n                        margin-bottom: 4px;\n                      }\n\n                      .archive-meta {\n                        font-size: 14px;\n                        color: #555;\n                        margin-bottom: 6px;\n                      }\n\n                      .archive-preview {\n                        font-size: 14px;\n                        color: #333;\n                        white-space: pre-wrap;\n                      }\n\n                      .archive-empty {\n                        color: #666;\n                        font-size: 14px;\n                      }\n\n                      .archive-actions {\n                        display: flex;\n                        flex-direction: column;\n                        gap: 8px;\n                        min-width: 110px;\n                      }\n\n                      .archive-delete-btn,\n                      .archive-clear-btn,\n                      .archive-duplicate-btn {\n                        border: 1px solid #999;\n                        background: #fff;\n                        color: #000;\n                        padding: 8px 12px;\n                        font-size: 14px;\n                        cursor: pointer;\n                      }\n\n                      .archive-delete-btn {\n                        border-color: #c00;\n                        color: #c00;\n                      }\n\n                      .archive-delete-btn:hover {\n                        background: #c00;\n                        color: #fff;\n                      }\n\n                      .archive-duplicate-btn:hover,\n                      .archive-clear-btn:hover {\n                        background: #111;\n                        color: #fff;\n                      }\n\n                      @media (max-width: 1280px) {\n                        .case-label {\n                          transform: scale(0.75);\n                          transform-origin: top center;\n                          margin-bottom: -220px;\n                        }\n                      }\n\n                      @media (max-width: 980px) {\n                        .case-label {\n                          transform: scale(0.55);\n                          transform-origin: top center;\n                          margin-bottom: -380px;\n                        }\n                        .archive-item {\n                          flex-direction: column;\n                        }\n                        .archive-actions {\n                          flex-direction: row;\n                          min-width: auto;\n                        }\n                      }\n                    <\/style>\n\n                    <div class=\"case-tool\">\n                      <div class=\"case-form\">\n                        <label for=\"productionInput\">Production<\/label>\n                        <input id=\"productionInput\" type=\"text\" placeholder=\"z. B. BBL Bamberg\">\n\n                        <label for=\"dateFromInput\">Date from<\/label>\n                        <input id=\"dateFromInput\" type=\"date\">\n\n                        <label for=\"dateToInput\">Date to<\/label>\n                        <input id=\"dateToInput\" type=\"date\">\n\n                        <label for=\"contentsInput\">Contents<\/label>\n                        <textarea id=\"contentsInput\" maxlength=\"900\" placeholder=\"z. B.\n2x FX6\n1x Monitor\n3x HDMI Kabel\"><\/textarea>\n                        <div id=\"charCounter\">0 \/ 900 Zeichen<\/div>\n\n                        <div class=\"case-actions\">\n                          <button type=\"button\" onclick=\"generateLabel()\">Label generieren<\/button>\n                          <button type=\"button\" onclick=\"saveCurrentLabel()\">Im Workspace speichern<\/button>\n                          <button type=\"button\" onclick=\"printLabel()\">Direkt drucken<\/button>\n                          <button type=\"button\" onclick=\"exportPDF()\">PDF exportieren<\/button>\n                          <button type=\"button\" onclick=\"clearForm()\">Neues Label<\/button>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"case-label\" id=\"label\">\n                        <div id=\"label-production\" class=\"field\"><\/div>\n                        <div id=\"label-date\" class=\"field\"><\/div>\n                        <div id=\"label-contents\" class=\"field\"><\/div>\n                      <\/div>\n\n                      <div class=\"case-archive\">\n                        <div class=\"case-archive-header\">\n                          <h3>Letzte Labels<\/h3>\n                          <button type=\"button\" class=\"archive-clear-btn\" onclick=\"clearArchive()\">Archiv komplett leeren<\/button>\n                        <\/div>\n                        <div id=\"archiveList\" class=\"archive-list\"><\/div>\n                      <\/div>\n                    <\/div>\n\n                    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n                    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n\n                    <script>\n                      const STORAGE_KEY = \"case_label_workspace_v6\";\n                      const CONTENTS_MAX_CHARS = 900;\n                      const TEMPLATE_URL = \"https:\/\/baer-live.com\/wp-content\/uploads\/2026\/03\/Caselabel-Druckbar-Vorlage.png\";\n\n                      function formatDateDE(dateString) {\n                        if (!dateString) return \"\";\n\n                        const parts = dateString.split(\"-\");\n                        if (parts.length !== 3) return dateString;\n\n                        const year = parts[0];\n                        const month = parts[1];\n                        const day = String(parseInt(parts[2], 10)).padStart(2, \"0\");\n\n                        return day + \".\" + month + \".\" + year;\n                      }\n\n                      function getFormData() {\n                        return {\n                          production: document.getElementById(\"productionInput\").value.trim(),\n                          dateFrom: document.getElementById(\"dateFromInput\").value,\n                          dateTo: document.getElementById(\"dateToInput\").value,\n                          contents: document.getElementById(\"contentsInput\").value\n                        };\n                      }\n\n                      function buildDateText(dateFrom, dateTo) {\n                        if (dateFrom && dateTo) {\n                          return formatDateDE(dateFrom) + \" \u2013 \" + formatDateDE(dateTo);\n                        }\n                        if (dateFrom) return formatDateDE(dateFrom);\n                        if (dateTo) return formatDateDE(dateTo);\n                        return \"\";\n                      }\n\n                      function buildContentsText(contents) {\n                        if (!contents) return \"\";\n                        return \"n\" + contents;\n                      }\n\n                      function updateCharCounter() {\n                        const contentsInput = document.getElementById(\"contentsInput\");\n                        const charCounter = document.getElementById(\"charCounter\");\n\n                        if (contentsInput.value.length > CONTENTS_MAX_CHARS) {\n                          contentsInput.value = contentsInput.value.substring(0, CONTENTS_MAX_CHARS);\n                        }\n\n                        charCounter.textContent = contentsInput.value.length + \" \/ \" + CONTENTS_MAX_CHARS + \" Zeichen\";\n                      }\n\n                      function generateLabel() {\n                        updateCharCounter();\n                        const data = getFormData();\n                        document.getElementById(\"label-production\").textContent = data.production;\n                        document.getElementById(\"label-date\").textContent = buildDateText(data.dateFrom, data.dateTo);\n                        document.getElementById(\"label-contents\").textContent = buildContentsText(data.contents);\n                      }\n\n                      function clearForm() {\n                        document.getElementById(\"productionInput\").value = \"\";\n                        document.getElementById(\"dateFromInput\").value = \"\";\n                        document.getElementById(\"dateToInput\").value = \"\";\n                        document.getElementById(\"contentsInput\").value = \"\";\n                        updateCharCounter();\n                        generateLabel();\n                      }\n\n                      function getArchive() {\n                        try {\n                          return JSON.parse(localStorage.getItem(STORAGE_KEY) || \"[]\");\n                        } catch (e) {\n                          return [];\n                        }\n                      }\n\n                      function setArchive(items) {\n                        localStorage.setItem(STORAGE_KEY, JSON.stringify(items));\n                      }\n\n                      function saveCurrentLabel() {\n                        const data = getFormData();\n\n                        if (!data.production && !data.contents) {\n                          alert(\"Bitte mindestens Production oder Contents ausf\u00fcllen.\");\n                          return;\n                        }\n\n                        const archive = getArchive();\n\n                        const entry = {\n                          id: Date.now(),\n                          production: data.production,\n                          dateFrom: data.dateFrom,\n                          dateTo: data.dateTo,\n                          contents: data.contents,\n                          createdAt: new Date().toLocaleString(\"de-DE\")\n                        };\n\n                        archive.unshift(entry);\n                        setArchive(archive.slice(0, 30));\n                        renderArchive();\n                        alert(\"Label im Workspace gespeichert.\");\n                      }\n\n                      function loadLabel(id) {\n                        const archive = getArchive();\n                        const entry = archive.find(item => item.id === id);\n                        if (!entry) return;\n\n                        document.getElementById(\"productionInput\").value = entry.production || \"\";\n                        document.getElementById(\"dateFromInput\").value = entry.dateFrom || \"\";\n                        document.getElementById(\"dateToInput\").value = entry.dateTo || \"\";\n                        document.getElementById(\"contentsInput\").value = entry.contents || \"\";\n\n                        updateCharCounter();\n                        generateLabel();\n                        window.scrollTo({\n                          top: 0,\n                          behavior: \"smooth\"\n                        });\n                      }\n\n                      function duplicateLabel(id) {\n                        const archive = getArchive();\n                        const entry = archive.find(item => item.id === id);\n                        if (!entry) return;\n\n                        document.getElementById(\"productionInput\").value = entry.production || \"\";\n                        document.getElementById(\"dateFromInput\").value = entry.dateFrom || \"\";\n                        document.getElementById(\"dateToInput\").value = entry.dateTo || \"\";\n                        document.getElementById(\"contentsInput\").value = entry.contents || \"\";\n\n                        updateCharCounter();\n                        generateLabel();\n                        window.scrollTo({\n                          top: 0,\n                          behavior: \"smooth\"\n                        });\n                        alert(\"Label als Vorlage geladen.\");\n                      }\n\n                      function deleteLabel(id) {\n                        const confirmed = confirm(\"Dieses Label wirklich aus dem Archiv l\u00f6schen?\");\n                        if (!confirmed) return;\n\n                        const archive = getArchive().filter(item => item.id !== id);\n                        setArchive(archive);\n                        renderArchive();\n                      }\n\n                      function clearArchive() {\n                        const confirmed = confirm(\"Wirklich das komplette Archiv l\u00f6schen?\");\n                        if (!confirmed) return;\n\n                        setArchive([]);\n                        renderArchive();\n                      }\n\n                      function renderArchive() {\n                        const archiveList = document.getElementById(\"archiveList\");\n                        const archive = getArchive();\n\n                        if (!archive.length) {\n                          archiveList.innerHTML = '<div class=\"archive-empty\">Noch keine Labels gespeichert.<\/div>';\n                          return;\n                        }\n\n                        archiveList.innerHTML = archive.map(entry => {\n                          const dateText = buildDateText(entry.dateFrom, entry.dateTo);\n                          const preview = (entry.contents || \"\").length > 140 ?\n                            (entry.contents || \"\").slice(0, 140) + \" ...\" :\n                            (entry.contents || \"\");\n\n                          return `\n      <div class=\"archive-item\">\n        <div class=\"archive-item-main\" onclick=\"loadLabel(${entry.id})\">\n          <div class=\"archive-title\">${escapeHtml(entry.production || \"Ohne Production\")}<\/div>\n          <div class=\"archive-meta\">${escapeHtml(dateText)} | gespeichert: ${escapeHtml(entry.createdAt)}<\/div>\n          <div class=\"archive-preview\">${escapeHtml(preview)}<\/div>\n        <\/div>\n        <div class=\"archive-actions\">\n          <button type=\"button\" class=\"archive-duplicate-btn\" onclick=\"event.stopPropagation(); duplicateLabel(${entry.id})\">Duplizieren<\/button>\n          <button type=\"button\" class=\"archive-delete-btn\" onclick=\"event.stopPropagation(); deleteLabel(${entry.id})\">L\u00f6schen<\/button>\n        <\/div>\n      <\/div>\n    `;\n                        }).join(\"\");\n                      }\n\n                      function escapeHtml(str) {\n                        return String(str)\n                          .replace(\/&\/g, \"&amp;\")\n                          .replace(\/<\/g, \"&lt;\")\n                          .replace(\/>\/g, \"&gt;\")\n                          .replace(\/\"\/g, \"&quot;\");\n                      }\n\n                      function printLabel() {\n                        generateLabel();\n\n                        const production = document.getElementById(\"label-production\").textContent;\n                        const date = document.getElementById(\"label-date\").textContent;\n                        const contents = document.getElementById(\"label-contents\").textContent;\n\n                        const printWindow = window.open(\"\", \"_blank\", \"width=1400,height=1000\");\n\n                        if (!printWindow) {\n                          alert(\"Der Druckdialog wurde blockiert. Bitte Pop-ups f\u00fcr diese Seite erlauben.\");\n                          return;\n                        }\n\n                        const printHtml = `\n<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<title>Case Label Druck<\/title>\n<style>\n  @page {\n    size: A5 landscape;\n    margin: 0;\n  }\n\n  html, body {\n    margin: 0;\n    padding: 0;\n    width: 210mm;\n    height: 148mm;\n    background: #fff;\n    -webkit-print-color-adjust: exact;\n    print-color-adjust: exact;\n    overflow: hidden;\n  }\n\n  body {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .case-label {\n    position: relative;\n    width: 210mm;\n    height: 148mm;\n    background-image: url(\"${TEMPLATE_URL}\");\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    overflow: hidden;\n    -webkit-print-color-adjust: exact;\n    print-color-adjust: exact;\n  }\n\n  .field {\n    position: absolute;\n    font-family: Arial, Helvetica, sans-serif;\n    font-weight: 700;\n    color: #000;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .production {\n    left: 103.31mm;\n    top: 14.40mm;\n    width: 84.68mm;\n    height: 20.30mm;\n    font-size: 6.44mm;\n    line-height: 1.1;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n    text-align: left;\n    white-space: normal;\n    word-break: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .date {\n    left: 103.31mm;\n    top: 38.68mm;\n    width: 84.68mm;\n    height: 13.53mm;\n    font-size: 5.76mm;\n    line-height: 1.1;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n    text-align: left;\n    white-space: normal;\n    word-break: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .contents {\n    left: 11.85mm;\n    top: 59.27mm;\n    width: 186.29mm;\n    height: 60.95mm;\n    font-size: 7.12mm;\n    line-height: 1.15;\n    text-align: left;\n    white-space: pre-wrap;\n    word-break: break-word;\n    overflow-wrap: anywhere;\n    display: block;\n    padding: 0;\n    margin: 0;\n  }\n<\/style>\n<\/head>\n<body>\n  <div class=\"case-label\">\n    <div class=\"field production\"><\/div>\n    <div class=\"field date\"><\/div>\n    <div class=\"field contents\"><\/div>\n  <\/div>\n\n  <script>\n    document.querySelector(\".production\").textContent = ${JSON.stringify(production)};\n    document.querySelector(\".date\").textContent = ${JSON.stringify(date)};\n    document.querySelector(\".contents\").textContent = ${JSON.stringify(contents)};\n\n    window.onload = function() {\n      setTimeout(function() {\n        window.focus();\n        window.print();\n      }, 300);\n    };\n  <\/script>\n<\/body>\n<\/html>`;\n\n                        printWindow.document.open();\n                        printWindow.document.write(printHtml);\n                        printWindow.document.close();\n                      }\n\n                      async function exportPDF() {\n                        generateLabel();\n\n                        const label = document.getElementById(\"label\");\n                        const {\n                          jsPDF\n                        } = window.jspdf;\n\n                        try {\n                          const canvas = await html2canvas(label, {\n                            scale: 1,\n                            useCORS: true,\n                            allowTaint: false,\n                            backgroundColor: \"#ffffff\",\n                            width: 1240,\n                            height: 874\n                          });\n\n                          const imgData = canvas.toDataURL(\"image\/png\");\n\n                          const pdf = new jsPDF({\n                            orientation: \"landscape\",\n                            unit: \"px\",\n                            format: [1240, 874]\n                          });\n\n                          pdf.addImage(imgData, \"PNG\", 0, 0, 1240, 874);\n\n                          const data = getFormData();\n                          let filename = \"CaseLabel_\" + (data.production || \"Ohne_Production\")\n                            .replace(\/[^a-zA-Z0-9-_ ]\/g, \"\")\n                            .trim()\n                            .replace(\/s+\/g, \"_\");\n\n                          if (data.dateFrom && data.dateTo) {\n                            filename += \"_\" + data.dateFrom + \"_bis_\" + data.dateTo;\n                          } else if (data.dateFrom) {\n                            filename += \"_\" + data.dateFrom;\n                          }\n\n                          pdf.save(filename + \".pdf\");\n                        } catch (error) {\n                          console.error(\"PDF Export Fehler:\", error);\n                          alert(\"Der PDF-Export hat nicht funktioniert.\");\n                        }\n                      }\n\n                      document.getElementById(\"productionInput\").addEventListener(\"input\", generateLabel);\n                      document.getElementById(\"dateFromInput\").addEventListener(\"input\", generateLabel);\n                      document.getElementById(\"dateToInput\").addEventListener(\"input\", generateLabel);\n                      document.getElementById(\"contentsInput\").addEventListener(\"input\", generateLabel);\n\n                      updateCharCounter();\n                      generateLabel();\n                      renderArchive();\n                    <\/script>\n                    \n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"8-c6\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-355 style-local-8-c6 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"8-c9\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-358 style-local-8-c9 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-359-outer style-local-8-c10-outer\">\n            <div data-colibri-id=\"8-c10\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-359 style-local-8-c10 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"8-c14\" class=\"h-x-container style-363 style-local-8-c14 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-8-c14-group\">\n                    <!----><span class=\"h-button__outer style-364-outer style-local-8-c15-outer d-inline-flex h-element\"><a  h-use-smooth-scroll=\"true\" href=\"https:\/\/caselabel.baer-live.com\/\"  data-colibri-id=\"8-c15\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-364 style-local-8-c15 position-relative\"><!----><!----> <span >Go to Homepage!<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Production Date from Date to Contents 0 \/ 900 Zeichen Label generieren Im [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/caselabel.baer-live.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}