{"id":6052,"date":"2023-07-03T12:45:32","date_gmt":"2023-07-03T12:45:32","guid":{"rendered":"http:\/\/2023.oecopac.de\/configurator\/"},"modified":"2024-03-26T15:32:39","modified_gmt":"2024-03-26T15:32:39","slug":"configurator","status":"publish","type":"page","link":"https:\/\/oecopac.de\/en\/configurator\/","title":{"rendered":"Configurator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6052\" class=\"elementor elementor-6052 elementor-77\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b121a58 e-con-full e-flex e-con e-parent\" data-id=\"b121a58\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-colorprimary=\"#3B3B3A\" data-colorsecondary=\"#B6B6B3\" data-colortertiary=\"#DEDEDB\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dc86ed elementor-widget elementor-widget-spacer\" data-id=\"0dc86ed\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32987a0 elementor-widget elementor-widget-ucaddon_dosenkonfigurator\" data-id=\"32987a0\" data-element_type=\"widget\" data-widget_type=\"ucaddon_dosenkonfigurator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- start Dosenkonfigurator -->\n\t\t<link id='uc_cdn_jsdelivr_net_npm_bootstrap_5_3_0_dist_css_bootstrap_min_css-css' href='https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Dosenkonfigurator *\/\n\n.konfigurator-wrapper .accordion .accordion-button{\n  color:var(--clr-pri);\n  border-bottom: 0px solid var(--clr-sec);\n  box-shadow:none;\n  padding-left:.5rem;\n  padding-right:.5rem;\n}\n.konfigurator-wrapper .accordion .accordion-button:hover.collapsed{\n  background:var(--clr-sec);\n  color:var(--clr-bg);\n}\n\n.konfigurator-wrapper{\n  line-height: 1.2;\n}\n.konfigurator-wrapper #alsanfrageversenden{\n  background:var(--clr-sec);\n  color:var(--clr-bg);\n  border:none;\n  border-radius:35px;\n  padding:.5rem;\n}\n.konfigurator-wrapper #alsanfrageversenden:hover{\n  background:var(--clr-pri);\n  color:var(--clr-bg);\n}\n\n.konfigurator-wrapper .btn-primary {\n  --bs-btn-color: #fff;\n  --bs-btn-bg: #ED8F00;\n  --bs-btn-border-color: #ED8F00;\n  --bs-btn-hover-color: #fff;\n  --bs-btn-hover-bg: #cc7d01;\n  --bs-btn-hover-border-color: #cc7d01;\n  --bs-btn-focus-shadow-rgb: 49,132,253;\n  --bs-btn-active-color: #fff;\n  --bs-btn-active-bg: #af6800;\n  --bs-btn-active-border-color: #af6800;\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n  --bs-btn-disabled-color: #fff;\n  --bs-btn-disabled-bg: #ffdbaa;\n  --bs-btn-disabled-border-color: #ffdbaa;\n}\n\n.konfigurator-wrapper .btn-outline-primary {\n  --bs-btn-color: #000;\n  --bs-btn-border-color: #fff;\n  --bs-btn-hover-color: #fff;\n  --bs-btn-hover-bg: #cc7d01;\n  --bs-btn-hover-border-color: #cc7d01;\n  --bs-btn-focus-shadow-rgb: 13,110,253;\n  --bs-btn-active-color: #fff;\n  --bs-btn-active-bg: #ED8F00;\n  --bs-btn-active-border-color: #ED8F00;\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n  --bs-btn-disabled-color: #ffdbaa;\n  --bs-btn-disabled-bg: transparent;\n  --bs-btn-disabled-border-color: #ffdbaa;\n  --bs-gradient: none;\n}\n\n.konfigurator-wrapper .btn-check:checked + .btn, .btn.active, .btn.show,\n.konfigurator-wrapper .btn:first-child:active, :not(.btn-check) + .btn:active {\n  color: var(--clr-pri);\n  background-color: #FFF;\n}\n\n.konfigurator-wrapper .accordion-body.matrix-selects{\n  display:grid!important;\n  gap:1rem;\n  padding:1rem 0!important;\n}\n\n.konfigurator-wrapper .accordion-body .form-check{\n  border: 1px solid #fff;\n  background:rgba(255,255,255,0.2);\n  border-radius:.5rem;\n  width:100%;\n}\n\n<!--\n.konfigurator-wrapper .accordion-body .form-check:last-child {\n  border-bottom: none;\n}\n-->\n\n.konfigurator-wrapper .accordion-body .form-check .form-check-input:checked + label::after,\n.konfigurator-wrapper .accordion-body .btn-group > .btn-check:checked + .btn::after{\n  content: \"\";\n  background-image: url(\"data:image\/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http:\/\/www.w3.org\/2000\/svg' xmlns:xlink='http:\/\/www.w3.org\/1999\/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text\/css'%3E .st0%7Bfill:%23D8D8D8;%7D%0A%3C\/style%3E%3Cpath class='st0' d='M18.9,36.9L6.5,24.5l3.4-3.4l9,9L38,10.9l3.4,3.4L18.9,36.9z'\/%3E%3C\/svg%3E%0A\");            background-size: 30px;\n  background-color: green;\n  border-radius: 30px;\n  background-position: center center;\n  background-size: 16px;\n  background-repeat: no-repeat;\n  width: 20px;\n  height: 20px;\n  display: block;\n  z-index: 1;\n  position: absolute;\n  top: .5rem;\n  left: .5rem;\n}\n\n.konfigurator-wrapper .accordion-body .form-check .form-check-input:checked + label {\n  background-color: #fff;\n  border-radius:.5rem;\n}\n\n.konfigurator-wrapper .accordion-body .form-check .form-check-input:checked + label img {\n  mix-blend-mode: multiply;\n}\n\n.konfigurator-wrapper .accordion-button:not(.collapsed) {\n  background-color: transparent;\n  color: black;\n}\n\n.konfigurator-wrapper .accordion-button:disabled {\n  background-color: transparent;\n  color: #a2a2a2;\n  cursor: not-allowed;\n  pointer-events: none; \/* Verhindert, dass der Header-Button geklickt werden kann *\/\n}\n\n.konfigurator-wrapper .btn-check:checked + .btn,\n.konfigurator-wrapper .btn.active, .btn.show,\n.konfigurator-wrapper .btn:first-child:active, :not(.btn-check) + .btn:active {\n  border-color: #FFF;\n}\n\n.konfigurator-wrapper .small,\n.konfigurator-wrapper small {\n  font-size: 1rem !important;\n}\n\n.konfigurator-wrapper .extrasmall{\n  font-size: .7rem !important;\n}\n\n.konfigurator-wrapper .material-symbols-outlined{\n  display: block;\n  float: right;\n  font-size: 1.5rem;\n  margin-right: .5rem;\n}\n\n.konfigurator-wrapper .display-flex{\n  display: flex;\n}\n\n.konfigurator-wrapper .accordion {\n  --bs-accordion-bg: transparent;\n  --bs-accordion-border-radius: 0 !important;\n  --bs-accordion-border-color: #bdbdbd;\n}\n\n.konfigurator-wrapper .accordion-item{\n  background-color: transparent;\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  border-bottom: 1px solid var(--clr-sec);\n}\n\n.konfigurator-wrapper .accordion-button::after {\n  width: 30px;\n  height: 30px;\n  background-size: 30px;\n}\n\n.konfigurator-wrapper .accordion-button {\n  padding: .6rem 0;\n}\n\n.konfigurator-wrapper .accordion-item:first-of-type {\n  border-radius: 0 !important;\n}\n\n\n.konfigurator-wrapper .design_option .bg-light{\n  border-radius:.5rem;\n}\n.konfigurator-wrapper .dosendisclaimer{\n  transform: rotate(-90deg) translateX(4rem);\n  transform-origin: top left;\n  font-family: var( --e-global-typography-accent-font-family ), Sans-serif;\n}\n.konfigurator-wrapper .dosenwinkel{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-family: var( --e-global-typography-accent-font-family ), Sans-serif;\n  font-size:.8rem;\n}\n.konfigurator-wrapper .dosenwinkel .col{\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n.konfigurator-wrapper .dosenwinkel .col:last-child{\n  justify-content: start;\n}\n.konfigurator-wrapper .dosenwinkel .btn{\n  border:none;\n  font-size:1em;\n  padding:.5em 1.5em;\n  border-radius:100vw;\n  background:var(--clr-sec);\n  color:var(--clr-bg);\n  transition: all .3s;\n  font-weight:500;\n}\n.konfigurator-wrapper .dosenwinkel .btn:hover{\n  padding:.5em 2em;\n}\n.konfigurator-wrapper .dosenwinkel #rollValue{\n  margin-left:.5em\n}\n.konfigurator-wrapper .dosenwinkel input[type=\"range\"] {\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n}\n.konfigurator-wrapper .dosenwinkel input[type=\"range\"]::-webkit-slider-runnable-track {\n  background: #fff;\n  border-radius:35px;\n  height:8px;\n}\n.konfigurator-wrapper .dosenwinkel input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width:16px;\n  height:16px;\n  margin-top:-4px;\n  border-radius:25px;\n  background: var(--clr-pri);\n}\n.konfigurator-wrapper .dosenwinkel input[type=\"range\"]:active::-webkit-slider-thumb{\n  background:var(--clr-sec);\n}\n\n.konfigurator-wrapper input[type=range]::-webkit-slider-thumb {\n\tbackground: var(--clr-pri);\n}\n.konfigurator-wrapper input[type=\"range\"]:active::-webkit-slider-thumb{\n  background:var(--clr-sec);\n}\n.konfigurator-wrapper input[type=\"range\"]:disabled::-webkit-slider-thumb{\n  background:var(--clr-sec);\n}\n.konfigurator-wrapper input[type=\"range\"]:disabled::-webkit-slider-runnable-track{\n  background:var(--clr-sec);\n}\n\n.konfigurator-wrapper .dosenvolumen{\n  display:flex;\n  flex-direction:row;\n  flex-wrap:wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap:.5rem;;\n}\n.konfigurator-wrapper .dosenvolumen .form-label{\n  flex-grow:1;\n}\n.konfigurator-wrapper .dosenvolumen .form-control{\n  flex-basis:5rem;\n}\n.konfigurator-wrapper .dosenvolumen .fw-bold{\n  flex-basis:2rem;\n}\n.konfigurator-wrapper .dosenvolumen label{\n  margin:0;\n}\n.konfigurator-wrapper .dosenvolumen input[type=\"number\"]{\n  margin:0 .5em;\n  padding: .25em;\n  text-align:right;\n  font-weight:700;\n  font-size:1em;\n  background:#f8f9fa;\n  border-color:#f8f9fa;\n}\n.konfigurator-wrapper .dosenvolumen input[type=\"number\"]:disabled{\n  background:var(--clr-sec);\n  border-color:var(--clr-sec);\n  color:var(--clr-bg);\n}\n\n.popuop-form .btn-close{\n  border:none;\n  --bs-btn-close-color: #00ff00!important;\n  border-radius:50%;\n}\n.popuop-form #anfrageAbsenden{\n  border:none;\n  background:var(--clr-sec);\n  color:#fff;\n  padding:.5rem;\n  border-radius:3rem;\n}\n.popuop-form #anfrageAbsenden:hover{\n  background:var(--clr-pri);\n}\n\n@media (min-width: 768px) {\n  .konfigurator-wrapper .h-md-100{\n    min-height: 70vh;\n  }\n  .konfigurator-wrapper .border-md-0{\n    border: none !important\n  }\n  .konfigurator-wrapper .accordion-body.matrix-selects{\n    grid-template-columns: 1fr 1fr;\n  }\n  .konfigurator-wrapper .design_option{\n    grid-column-end: span 2;\n  }\n}\n\n@media (max-width: 768px) {\n  .konfigurator-wrapper .vh-60{\n    min-height: 60vh;\n  }\n  .konfigurator-wrapper .accordion-body.matrix-selects{\n    grid-template-columns: 1fr;\n  }\n}\n\n.display-none{\n  display: none !important;\n}\n\n<\/style>\n\n<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/3.1.1\/model-viewer.min.js\"><\/script>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb\/j\/68SIy3Te4Bkz\" crossorigin=\"anonymous\"><\/script>\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.7.0.min.js\" integrity=\"sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07\/g=\" crossorigin=\"anonymous\"><\/script>\n\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM\" crossorigin=\"anonymous\">\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,600,0,0\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<div class=\"konfigurator-wrapper\">\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-12 col-md-7 col-xl-8 mb-4\" id=\"screenshot\">\n                <model-viewer environment-image=\"legacy\" shadow-intensity=\"0.8\" shadow-softness=\"1\" class=\"vh-60 h-md-100 col-10 offset-1 col-md-12 offset-md-0\" id=\"viewer\" loading=\"eager\" autoplay camera-controls auto-rotate src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/DoseV4.gltf\" shadow-intensity=\"0\" alt=\"Oecopac Dosendesigner\" auto-rotate field-of-view=\".25rad\" min-camera-orbit=\"auto 5deg auto\" max-camera-orbit=\"auto 175deg auto\"><\/model-viewer >\n\n                               <div class=\"w-100 text-center row dosenwinkel\">\n                    <div class=\"col\">\n                        <input id=\"roll\" type=\"range\" min=\"0\" max=\"90\" value=\"0\" class=\"number\"><br>\n                        <span id=\"rollValue\">0<\/span>\u00b0\n                    <\/div>\n                    <div class=\"col\">\n                        <button class=\"btn btn-primary\" onclick=\"resetOrientation();\">Ansicht optimieren<\/button>\n                    <\/div>\n                <\/div>\n\n                <p class=\"text-muted small extrasmall dosendisclaimer\"> *The 3D representation may differ from the actual can as it is scaled. <\/p>\n            <\/div>\n            <div class=\"col-12 col-md-5 col-xl-4 py-4 pe-md-4\">\n\n            <h3 class=\"mb-3\"> Box configurator <\/h3>\n\n            <div id=\"anfrageFormular\">\n\n                <div class=\"accordion\" id=\"accordionExample\">\n\n\n\n            <!--\n            ###########\n            Abmessung\n            ###########\n            -->\n\n\n            <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\">\n                    <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseAbmessung\" aria-expanded=\"true\" aria-controls=\"collapseAbmessung\">\n                        <h5 class=\"p-0 m-0 w-100\"> 1. Size <\/h5>\n                    <\/button>\n                <\/h2>\n                <div id=\"collapseAbmessung\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordionExample\">\n                    <div class=\"accordion-body\">\n\n                        <div class=\"btn-group w-100 mb-4\" role=\"group\" aria-label=\"Basic radio toggle button group\">\n                            <input type=\"radio\" class=\"btn-check\" name=\"berechnungnach\" id=\"volumenberechnen\" autocomplete=\"off\" checked>\n                            <label class=\"btn btn-outline-primary\" for=\"volumenberechnen\"> Calculate volume <\/label>\n\n                            <input type=\"radio\" class=\"btn-check\" name=\"berechnungnach\" id=\"hoeheberechnen\" autocomplete=\"off\">\n                            <label class=\"btn btn-outline-primary\" for=\"hoeheberechnen\"> Calculate height <\/label>\n\n                            <input type=\"radio\" class=\"btn-check\" name=\"berechnungnach\" id=\"durchmesserberechnen\" autocomplete=\"off\">\n                            <label class=\"btn btn-outline-primary\" for=\"durchmesserberechnen\"> Calculate diameter <\/label>\n                        <\/div>\n\n                        <form id=\"volumenrechner\">\n<!--\n                            <div class=\"mb-2 dosenvolumen\">\n                                <label class=\"form-label d-flex justify-content-between\"> volume <\/label>\n                                <input class=\"w-100 form-control\" type=\"number\" id=\"volumen\" onchange=\"BerechnedieWerte(this.form)\"><strong>ml<\/strong>\n                            <\/div>\n                            <div class=\"mb-2\">\n                                <label class=\"form-label d-flex justify-content-between\"> height  <strong><output class=\"hoehe_output\">40<\/output> mm<\/strong><\/label>\n                                <input class=\"w-100 form-range\" type=\"range\" min=\"20\" max=\"500\" id=\"hoehe\" oninput=\"BerechnedieWerte(this.form);\" value=\"20\">\n                            <\/div>\n                            <div class=\"mb-2\">\n                                <label class=\"form-label d-flex justify-content-between w-100\"> diameter  <strong><output class=\"durchmesser_output\">40<\/output> mm<\/strong><\/label>\n                                <input class=\"w-100 form-range\" type=\"range\" min=\"20\" max=\"300\" step=\"1\" id=\"durchmesser\" oninput=\"BerechnedieWerte(this.form)\" value=\"20\">\n                            <\/div>\n-->\n\n                             <div class=\"position-relative mb-2 dosenvolumen\">\n                                <label class=\"form-label\"> volume  <strong class=\"d-none\"><output id=\"volumen_output\" class=\"volumen_output\">70<\/output> ml<\/strong><\/label>\n                                <input class=\"form-control\" type=\"number\" id=\"volumen\" min=\"0\" max=\"1000\" onchange=\"werteAngleichen(this, 'volumen_range', 'volumen_output')\" value=\"70\">\n                               <span class=\"fw-bold\">ml<\/span>\n                                <input class=\"form-range\" type=\"range\" min=\"0\" max=\"1000\" id=\"volumen_range\" oninput=\"werteAngleichen(this, 'volumen', 'volumen_output')\" value=\"70\">\n                            <\/div>\n                            <div class=\"position-relative mb-2 dosenvolumen\">\n                                <label class=\"form-label\"> height  <strong class=\"d-none\"><output id=\"hoehe_output\" class=\"hoehe_output\">70<\/output> mm<\/strong><\/label>\n                                <input class=\"form-control\" type=\"number\" id=\"hoehe\" min=\"20\" max=\"500\" onchange=\"werteAngleichen(this, 'hoehe_range', 'hoehe_output')\" value=\"70\">\n                              <span class=\"fw-bold\">mm<\/span>  \n                              <input class=\"form-range\" type=\"range\" min=\"20\" max=\"500\" id=\"hoehe_range\" oninput=\"werteAngleichen(this, 'hoehe', 'hoehe_output')\" value=\"70\">\n                            <\/div>\n                            <div class=\"position-relative mb-2 dosenvolumen\">\n                                <label class=\"form-label\"> diameter  <strong class=\"d-none\"><output id=\"durchmesser_output\" class=\"durchmesser_output\">40<\/output> mm<\/strong><\/label>\n                                <input class=\"form-control\" type=\"number\" id=\"durchmesser\" min=\"20\" max=\"300\" step=\"1\" onchange=\"werteAngleichen(this, 'durchmesser_range', 'durchmesser_output')\" value=\"40\">\n                              <span class=\" fw-bold\">mm<\/span>\n                                <input class=\"form-range\" type=\"range\" min=\"20\" max=\"300\" step=\"1\" id=\"durchmesser_range\" oninput=\"werteAngleichen(this, 'durchmesser', 'durchmesser_output')\" value=\"40\">\n                            <\/div>\n\n                            <div class=\"accordion accordion-flush\" id=\"accordionFlushExample\">\n                                <div class=\"accordion-item\">\n                                    <h2 class=\"accordion-header\">\n                                        <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#flush-collapseOne\" aria-expanded=\"false\" aria-controls=\"flush-collapseOne\">\n                                             Losses through lid and base <span class=\"ms-2 material-symbols-outlined text-muted small m-0\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Bitte zu beachte, dass durch Einpresstiefen unterschiedlicher Verschl\u00fcsse ein gr\u00f6\u00dferes Volumen notwendig ist, als Dein Produkt ben\u00f6tigt!\">info<\/span>\n\n                                        <\/button>\n                                    <\/h2>\n                                    <div id=\"flush-collapseOne\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFlushExample\">\n                                        <div class=\"accordion-body\">\n\n\n\n                                            <div class=\"mb-2\">\n                                                <label class=\"form-label d-flex justify-content-between w-100\"> Lid height                                                     <strong><span id=\"deckelValue\">4<\/span> mm<\/strong>\n                                                <\/label>\n                                                <input class=\"w-100 form-range\" type=\"range\" id=\"deckel\" min=\"4\" max=\"25\" step=\"1\" oninput=\"BerechnedieWerte(this.form)\">\n                                            <\/div>\n                                            <div class=\"mb-2\">\n                                                <label class=\"form-label d-flex justify-content-between w-100\"> Air  <strong><span id=\"luftValue\">5<\/span> mm<\/strong><\/label>\n                                                <input class=\"w-100 form-range\" type=\"range\" id=\"luft\" min=\"5\" max=\"25\" step=\"1\" oninput=\"BerechnedieWerte(this.form)\">\n                                            <\/div>\n                                            <div class=\"mb-4\">\n                                                <label class=\"form-label d-flex justify-content-between w-100\"> Floor height  <strong><span id=\"bodenValue\">5<\/span> mm<\/strong><\/label>\n                                                <input class=\"w-100 form-range\" type=\"range\" id=\"boden\" min=\"5\" max=\"25\" step=\"1\" oninput=\"BerechnedieWerte(this.form)\">\n                                            <\/div>\n\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                        <\/form>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n\n            <!--\n             ###########\n             Deckel\n             ###########\n             -->\n\n\n            <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\">\n                    <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseDeckel\" aria-expanded=\"false\" aria-controls=\"collapseDeckel\" disabled>\n                        <h5 class=\"p-0 m-0 w-100\"> 2. Lid <\/h5>\n                    <\/button>\n                <\/h2>\n                <div id=\"collapseDeckel\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">\n                    <div class=\"accordion-body p-0 d-flex flex-wrap matrix-selects\">\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kunststoffeindruckdeckel_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"kunststoffeindruckdeckel\" value=\"kunststoffeindruckdeckel\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kunststoffeindruckdeckel\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> plastic <\/strong><br> Push-in cover <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Ideal f\u00fcr dichte Versiegelung\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kunststoffschnappdeckel_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"kunststoffschnappdeckel\" value=\"kunststoffschnappdeckel\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kunststoffschnappdeckel\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Schnappdeckel.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> plastic <\/strong><br> Snap lid <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Einfaches \u00d6ffnen und Schlie\u00dfen\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"karton_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"karton\" value=\"karton\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"karton\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Karton.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> cardboard disk <\/strong><\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Umweltfreundliche Verpackungsoption\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"metallgepragt_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"metallgepragt\" value=\"metallgepragt\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"metallgepragt\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Metallgepraegt.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> metal <\/strong><br> embossed <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Edles und strapazierf\u00e4higes Design\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"metallnichtgepragt_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"metallnichtgepragt\" value=\"metallnichtgepragt\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"metallnichtgepragt\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Metall.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> metal <\/strong><br> unembossed <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Robuste und stilvolle Abdeckung\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"streudeckelkunststoff_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"streudeckelkunststoff\" value=\"streudeckelkunststoff\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"streudeckelkunststoff\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Streudeckel.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> plastic <\/strong><br> Scatter lid <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Gleichm\u00e4\u00dfiges Streuen von Inhalten\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"streudeckelmetall_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"deckel\" id=\"streudeckelmetall\" value=\"streudeckelmetall\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"streudeckelmetall\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-MetallStreudeckel.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> metal <\/strong><br> Scatter lid <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Stilvolle Streuoption mit langer Haltbarkeit\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"col-12 m-2 mt-4 mb-4 deckelfarbe_option\">\n                            <label for=\"deckelfarbe\" class=\"form-label\">\n                                <span class=\"material-symbols-outlined float-start\">palette<\/span>\n                                <span> Select lid color <\/span>\n\n                            <\/label>\n                            <input type=\"color\" class=\"form-control form-control-color w-100\" id=\"deckelfarbe\" value=\"#CCCCCC\" title=\"Choose your color\">\n                        <\/div>\n\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n\n\n\n            <!--\n             ###########\n             Boden\n             ###########\n             -->\n\n\n            <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\">\n                    <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseBoden\" aria-expanded=\"false\" aria-controls=\"collapseBoden\" disabled>\n                        <h5 class=\"p-0 m-0 w-100\">3. Boden<\/h5>\n                    <\/button>\n                <\/h2>\n                <div id=\"collapseBoden\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">\n                    <div class=\"accordion-body p-0 d-flex flex-wrap matrix-selects\">\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kunststofffarbig_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"boden\" id=\"kunststofffarbig\" value=\"kunststofffarbig\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kunststofffarbig\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Boden-Kunststoff.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> plastic <\/strong><br> colored\/clear <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Farbiger Kunststoffboden f\u00fcr visuelle Unterscheidung\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kartonpappscheibe_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"boden\" id=\"kartonpappscheibe\" value=\"kartonpappscheibe\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kartonpappscheibe\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Boden-Kartongesiegelt.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> cardboard <\/strong><br> disk <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Boden aus Karton mit Pappscheibe\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kartonpappkumpel_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"boden\" id=\"kartonpappkumpel\" value=\"kartonpappkumpel\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kartonpappkumpel\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Boden-Pappgimbel.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> cardboard <\/strong><br> bullfinch <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Boden aus Karton mit Pappk\u00fcmpel\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kartongesiegelt_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"boden\" id=\"kartongesiegelt\" value=\"kartongesiegelt\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kartongesiegelt\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Boden-Pappscheibe.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> cardboard <\/strong><br> barrier <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Gesiegelter Kartonboden f\u00fcr zus\u00e4tzliche Stabilit\u00e4t\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <!--\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"kartonbedruckt_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"boden\" id=\"kartonbedruckt\" value=\"kartonbedruckt\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"kartonbedruckt\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Boden-Kartonbedruckt.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong>Karton<\/strong><br>bedruckt<\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Bedruckter Kartonboden f\u00fcr individuelles Design\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        -->\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"metallanrollboden_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"boden\" id=\"metallanrollboden\" value=\"metallanrollboden\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"metallanrollboden\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Boden-Metallanroll.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> metal <\/strong><br> Roll-on floor <\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Metallboden mit anrollbarer Kante\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"col-12 m-2 mt-4 mb-4 bodenfarbe_option\">\n                            <label for=\"bodenfarbe\" class=\"form-label\">\n                                <span class=\"material-symbols-outlined float-start\">palette<\/span>\n                                <span> Select floor color <\/span>\n                            <\/label>\n                            <input type=\"color\" class=\"form-control form-control-color w-100\" id=\"bodenfarbe\" value=\"#CCCCCC\" title=\"Choose your color\">\n                        <\/div>\n\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n\n\n            <!--\n             ###########\n             AussenRumpf\n             ###########\n             -->\n\n\n            <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\">\n                    <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseRumpfAussen\" aria-expanded=\"false\" aria-controls=\"collapseRumpfAussen\" disabled>\n                        <h5 class=\"p-0 m-0 w-100\">4. Design<\/h5>\n                    <\/button>\n                <\/h2>\n                <div id=\"collapseRumpfAussen\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">\n                    <div class=\"accordion-body p-0 d-flex flex-wrap matrix-selects\">\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"ohneettikett_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"rumpfaussen\" id=\"ohneettikett\" value=\"ohneettikett\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"ohneettikett\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Rumpf-Ohne.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> Without label <\/strong><\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Umweltfreundlicher Rumpf ohne Etikett\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"weissettikett_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"rumpfaussen\" id=\"weissettikett\" value=\"weissettikett\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"weissettikett\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Rumpf-Weiss.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> white label <\/strong><\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Umweltfreundlicher Rumpf ohne Etikett\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"p-0 form-check col-12 col-xl-6 position-relative mb-0\" id=\"bedruckt_option\">\n                            <input class=\"form-check-input d-none\" type=\"radio\" name=\"rumpfaussen\" id=\"bedruckt\" value=\"bedruckt\">\n                            <label class=\"form-check-label display-flex p-2 align-items-center\" for=\"bedruckt\">\n                                <img decoding=\"async\" src=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Rumpf-Bedruckt.png\" class=\"col-2 col-md-4 img-fluid me-2\" \/>\n                                <div class=\"col-10 col-md-8\">\n                                    <p class=\"m-0\"><strong> Printed label <\/strong><\/p>\n                                    <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Umweltfreundlicher Rumpf ohne Etikett\">info<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n                      \n                      \n                        <div class=\"col-12 light_option\">\n\n                            <div class=\"btn-group w-100 mt-3\" role=\"group\" aria-label=\"Basic radio toggle button group\">\n                                <input type=\"radio\" class=\"btn-check\" name=\"licht\" id=\"neutrallicht\" autocomplete=\"off\" checked>\n                                <label class=\"btn btn-outline-primary col-6\" for=\"neutrallicht\"> Frosted <\/label>\n\n                                <input type=\"radio\" class=\"btn-check\" name=\"licht\" id=\"hdrlicht\" autocomplete=\"off\">\n                                <label class=\"btn btn-outline-primary col-6\" for=\"hdrlicht\"> Glittering <\/label>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"col-12 m-2 mb-4 design_option\">\n\n                            <div class=\"col-12 position-relative mb-2\">\n                                <p class=\"pt-2\"> Upload design (min. 500 px height) <\/p>\n                                <span class=\"material-symbols-outlined position-absolute top-0 end-0 p-2 text-muted small\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Bildformate: JPG, JPEG, GIF, PNG, keine PDF, beachten Sie die Beschnittzugabe\">info<\/span>\n                            <\/div>\n\n                            <input class=\"form-control\" type=\"file\" id=\"imageInput\" accept=\"image\/*\">\n\n                            <div class=\"bg-light p-3 mt-3\">\n\n                                <p> Necessary design format <\/p>\n\n                                <div class=\"d-flex\">\n\n                                    <div class=\"col-6\">\n                                        <p class=\"durchmesser_dose m-0\"> Width:  <span class=\"fw-bold\"> Not defined <\/span><\/p>\n                                        <p class=\"hoehe_dose\"> Height:  <span class=\"fw-bold\"> Not defined <\/span><\/p>\n                                    <\/div>\n                                    <div class=\"col-6 display-none\">\n                                        <p class=\"breite_design m-0\"> Image Width:  <span class=\"fw-bold\"> No Image <\/span><\/p>\n                                        <p class=\"hoehe_design\"> Image Height:  <span class=\"fw-bold\"> No Image <\/span><\/p>\n                                    <\/div>\n\n                                <\/div>\n\n                                <p class=\"m-0\"> Does the format fit? <\/p>\n                                <span class=\"fw-bold\" id=\"verhaeltnis\"> Jet not defined <\/span>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n\n<!--\n            <button type=\"button\" class=\"btn btn-primary btn-lg w-100 mt-4\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\" id=\"alsanfrageversenden\">\n                Als Anfrage versenden\n            <\/button>\n            -->      \n            \n            <button type=\"button\" class=\"btn btn-primary btn-lg w-100 mt-4\" id=\"alsanfrageversenden\">\n                 Send as request             <\/button>\n\n\n\n\n                    <!--\n        ###########\n        Kontaktdaten\n        ###########\n\n\n                    <div class=\"accordion-item\">\n                        <h2 class=\"accordion-header\">\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseKontaktdaten\" aria-expanded=\"false\" aria-controls=\"collapseKontaktdaten\" disabled>\n                                <h5 class=\"p-0 m-0 w-100\">5. Kontaktdaten<\/h5>\n                            <\/button>\n                        <\/h2>\n                        <div id=\"collapseKontaktdaten\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">\n                            <div class=\"accordion-body\">\n\n                                <div class=\"form-floating mb-3\">\n                                    <input type=\"email\" class=\"form-control\" id=\"Kontakt_email\" required>\n                                    <label for=\"Kontakt_email\" class=\"form-label\">E-Mail (* Pflichtfeld)<\/label>\n                                <\/div>\n\n                                <div class=\"form-floating mb-3\">\n                                    <input type=\"tel\" class=\"form-control\" id=\"Kontakt_telefon\">\n                                    <label for=\"Kontakt_telefon\" class=\"form-label\">Telefon<\/label>\n                                <\/div>\n\n                                <div class=\"form-floating mb-3\">\n                                    <input type=\"text\" class=\"form-control\" id=\"Kontakt_name\">\n                                    <label for=\"Kontakt_name\" class=\"form-label\">Vor- und Nachname<\/label>\n                                <\/div>\n\n                                <div class=\"form-floating mb-3\">\n                                    <input type=\"text\" class=\"form-control\" id=\"Kontakt_nachricht\">\n                                    <label for=\"Kontakt_nachricht\" class=\"form-label\">Kurzmitteilung<\/label>\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n        -->\n\n\n\n                    <div class=\"modal popuop-form\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\" tabindex=\"-1\" id=\"exampleModal\">\n                        <div class=\"modal-dialog\">\n                            <div class=\"modal-content\">\n                                <div class=\"modal-header\">\n                                    <h5 class=\"modal-title\">M\u00f6chten Sie diese Konfiguration als Anfrage senden?<\/h5>\n                                    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n                                <\/div>\n                                <div class=\"modal-body\">\n\n                                    <div class=\"form-floating mb-3\">\n                                        <input type=\"email\" class=\"form-control\" id=\"Kontakt_email\" required>\n                                        <label for=\"Kontakt_email\" class=\"form-label\">E-Mail (* Pflichtfeld)<\/label>\n                                    <\/div>\n\n                                    <div class=\"form-floating mb-3\">\n                                        <input type=\"tel\" class=\"form-control\" id=\"Kontakt_telefon\">\n                                        <label for=\"Kontakt_telefon\" class=\"form-label\">Telefon<\/label>\n                                    <\/div>\n\n                                    <div class=\"form-floating mb-3\">\n                                        <input type=\"text\" class=\"form-control\" id=\"Kontakt_name\">\n                                        <label for=\"Kontakt_name\" class=\"form-label\">Vor- und Nachname<\/label>\n                                    <\/div>\n\n                                    <div class=\"form-floating mb-3\">\n                                        <input type=\"text\" class=\"form-control\" id=\"Kontakt_nachricht\">\n                                        <label for=\"Kontakt_nachricht\" class=\"form-label\">Kurzmitteilung<\/label>\n                                    <\/div>\n\n                                    <div class=\"form-check border-md-0 mt-4\">\n                                        <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"flexCheckDefault\">\n                                        <label class=\"form-check-label\" for=\"flexCheckDefault\">\n                                            Ich akzeptiere die Datenschutzerkl\u00e4rung.\n                                        <\/label>\n                                    <\/div>\n\n                                    <button id=\"anfrageAbsenden\" type=\"button\" class=\"btn btn-primary btn-lg mt-1 w-100 mb-3\">Daten absenden<\/button>\n\n\n                                    <div class=\"form-floating display-none\">\n                                        <textarea class=\"form-control\" id=\"anfrageAusgabe\"><\/textarea>\n                                        <label for=\"anfrageAusgabe\">Anfrage Ausgabe (sp\u00e4ter verstecktes Feld)<\/label>\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n                    <!-- Ende des Akkordion -->\n        <\/div>\n\n\n\n\n\n\n\n            <\/div>\n\n        <\/div>\n        <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end Dosenkonfigurator -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b48b13 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"4b48b13\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97cad12 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"97cad12\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.21.0 - 20-05-2024 *\/\n.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;font-size:13px;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:0;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{width:100%;position:relative;background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden}.e-form__indicators__indicator__progress__meter{width:var(--e-form-steps-indicator-progress-meter-width,0);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;border-radius:var(--e-form-steps-indicator-progress-border-radius);background-color:var(--e-form-steps-indicator-progress-color);color:var(--e-form-steps-indicator-progress-meter-color);text-align:right;transition:width .1s linear}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{color:var(--e-form-steps-indicator-active-primary-color,#39b54a);border-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a);background-color:initial}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);font-size:var(--e-form-steps-indicator-icon-size);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:10px}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{width:var(--e-form-steps-indicator-icon-size);height:auto}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{width:100%;height:var(--e-form-steps-divider-width);background-color:#babfc5}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) \/ 2 - var(--e-form-steps-divider-width, 1px) \/ 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-login .elementor-lost-password,.elementor-login .elementor-remember-me{font-size:.85em}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button>span{display:flex;justify-content:center;align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal;flex-grow:0}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-select-wrapper .select-caret-down-wrapper{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;pointer-events:none;font-size:11px}.elementor-select-wrapper .select-caret-down-wrapper svg{display:unset;width:1em;aspect-ratio:unset;fill:currentColor}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:\"\"!important}<\/style>\t\t<form class=\"elementor-form\" method=\"post\" id=\"konfiguratorform\" name=\"New form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6052\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"97cad12\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"oecopac Grunert GmbH\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button type=\"submit\" class=\"elementor-button elementor-size-sm\" id=\"konfiguratorformsubmit\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\" elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>0\u00b0 *Die 3D-Darstellung kann von der tats\u00e4chlichen Dose abweichen da diese skaliert wird. Dosenkonfigurator 1. Gr\u00f6\u00dfe Volumen berechnen H\u00f6he berechnen Durchmesser berechnen Volumen ml H\u00f6he 40 mm Durchmesser 40 mm Verluste durch Deckel und Bodeninfo Deckelh\u00f6he 4 mm Luft 5 mm Bodenh\u00f6he 5 mm 2. Deckel KunststoffEindr\u00fcckdeckel info KunststoffSchnappdeckel info Karton info Metallgepr\u00e4gt info Metallungepr\u00e4gt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":49,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Configurator - oecopac Grunert GmbH<\/title>\n<meta name=\"description\" content=\"Configure your box according to your taste and ideas. With our configurator, creating them is child&#039;s play.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oecopac.de\/en\/configurator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Configurator - oecopac Grunert GmbH\" \/>\n<meta property=\"og:description\" content=\"Configure your box according to your taste and ideas. With our configurator, creating them is child&#039;s play.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oecopac.de\/en\/configurator\/\" \/>\n<meta property=\"og:site_name\" content=\"oecopac Grunert GmbH\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T15:32:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/oecopac.de\/en\/configurator\/\",\"url\":\"https:\/\/oecopac.de\/en\/configurator\/\",\"name\":\"Configurator - oecopac Grunert GmbH\",\"isPartOf\":{\"@id\":\"https:\/\/oecopac.de\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/oecopac.de\/en\/configurator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/oecopac.de\/en\/configurator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png\",\"datePublished\":\"2023-07-03T12:45:32+00:00\",\"dateModified\":\"2024-03-26T15:32:39+00:00\",\"description\":\"Configure your box according to your taste and ideas. With our configurator, creating them is child's play.\",\"breadcrumb\":{\"@id\":\"https:\/\/oecopac.de\/en\/configurator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oecopac.de\/en\/configurator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/oecopac.de\/en\/configurator\/#primaryimage\",\"url\":\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png\",\"contentUrl\":\"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oecopac.de\/en\/configurator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/oecopac.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Configurator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/oecopac.de\/en\/#website\",\"url\":\"https:\/\/oecopac.de\/en\/\",\"name\":\"oecopac Rundverpackungen\",\"description\":\"Verpackungsl\u00f6sungen f\u00fcr die Industrie\",\"publisher\":{\"@id\":\"https:\/\/oecopac.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/oecopac.de\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/oecopac.de\/en\/#organization\",\"name\":\"oecopac Grunert GmbH\",\"url\":\"https:\/\/oecopac.de\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/oecopac.de\/en\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/2023.oecopac.de\/wp-content\/uploads\/2023\/07\/oecopac_logo.svg\",\"contentUrl\":\"http:\/\/2023.oecopac.de\/wp-content\/uploads\/2023\/07\/oecopac_logo.svg\",\"width\":270,\"height\":102,\"caption\":\"oecopac Grunert GmbH\"},\"image\":{\"@id\":\"https:\/\/oecopac.de\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Configurator - oecopac Grunert GmbH","description":"Configure your box according to your taste and ideas. With our configurator, creating them is child's play.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oecopac.de\/en\/configurator\/","og_locale":"en_US","og_type":"article","og_title":"Configurator - oecopac Grunert GmbH","og_description":"Configure your box according to your taste and ideas. With our configurator, creating them is child's play.","og_url":"https:\/\/oecopac.de\/en\/configurator\/","og_site_name":"oecopac Grunert GmbH","article_modified_time":"2024-03-26T15:32:39+00:00","og_image":[{"url":"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oecopac.de\/en\/configurator\/","url":"https:\/\/oecopac.de\/en\/configurator\/","name":"Configurator - oecopac Grunert GmbH","isPartOf":{"@id":"https:\/\/oecopac.de\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/oecopac.de\/en\/configurator\/#primaryimage"},"image":{"@id":"https:\/\/oecopac.de\/en\/configurator\/#primaryimage"},"thumbnailUrl":"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png","datePublished":"2023-07-03T12:45:32+00:00","dateModified":"2024-03-26T15:32:39+00:00","description":"Configure your box according to your taste and ideas. With our configurator, creating them is child's play.","breadcrumb":{"@id":"https:\/\/oecopac.de\/en\/configurator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oecopac.de\/en\/configurator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oecopac.de\/en\/configurator\/#primaryimage","url":"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png","contentUrl":"https:\/\/oecopac.de\/wp-content\/uploads\/ac_assets\/dosenkonfigurator\/Deckel-Eindrueckdeckel.png"},{"@type":"BreadcrumbList","@id":"https:\/\/oecopac.de\/en\/configurator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/oecopac.de\/en\/"},{"@type":"ListItem","position":2,"name":"Configurator"}]},{"@type":"WebSite","@id":"https:\/\/oecopac.de\/en\/#website","url":"https:\/\/oecopac.de\/en\/","name":"oecopac Rundverpackungen","description":"Verpackungsl\u00f6sungen f\u00fcr die Industrie","publisher":{"@id":"https:\/\/oecopac.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oecopac.de\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/oecopac.de\/en\/#organization","name":"oecopac Grunert GmbH","url":"https:\/\/oecopac.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oecopac.de\/en\/#\/schema\/logo\/image\/","url":"http:\/\/2023.oecopac.de\/wp-content\/uploads\/2023\/07\/oecopac_logo.svg","contentUrl":"http:\/\/2023.oecopac.de\/wp-content\/uploads\/2023\/07\/oecopac_logo.svg","width":270,"height":102,"caption":"oecopac Grunert GmbH"},"image":{"@id":"https:\/\/oecopac.de\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/pages\/6052"}],"collection":[{"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/comments?post=6052"}],"version-history":[{"count":2,"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/pages\/6052\/revisions"}],"predecessor-version":[{"id":6066,"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/pages\/6052\/revisions\/6066"}],"wp:attachment":[{"href":"https:\/\/oecopac.de\/en\/wp-json\/wp\/v2\/media?parent=6052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}