{"id":87,"date":"2024-12-10T16:30:30","date_gmt":"2024-12-10T16:30:30","guid":{"rendered":"https:\/\/gebe.net\/?page_id=87"},"modified":"2026-08-26T14:37:35","modified_gmt":"2026-08-26T14:37:35","slug":"find-the-printing-system","status":"publish","type":"page","link":"https:\/\/gebe.net\/en\/drucksystem-finden\/","title":{"rendered":"Find your printing system"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"87\" class=\"elementor elementor-87\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-kfefb5c6ef elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"kfefb5c6ef\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-kcad6244ea\" data-id=\"kcad6244ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-kse7517032 elementor-widget elementor-widget-shortcode\" data-id=\"kse7517032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"gkf\" id=\"gebe-finder\">\n<style>\n.gkf {\n\t--gk-bg: #5D656F;\n\t--gk-text: var(--e-global-color-text, #DFDFDF);\n\t--gk-sub: var(--e-global-color-secondary, #B6B8BB);\n\t--gk-border: var(--e-global-color-2b6e4d9, rgba(186,186,186,0.24));\n\t--gk-border-strong: rgba(186,186,186,0.4);\n\t--gk-panel32: var(--e-global-color-9c0703e, rgba(93,101,111,0.32));\n\t--gk-panel55: rgba(93,101,111,0.55);\n\t--gk-panel63: rgba(93,101,111,0.63);\n\t--gk-tile-a: var(--e-global-color-eef0309, #5A626B);\n\t--gk-tile-b: var(--e-global-color-263a186, #565D66);\n\t--gk-deep: #494F57;\n\tposition: relative;\n\tmin-height: 100vh;\n\tfont-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;\n\tfont-weight: 300;\n\tcolor: var(--gk-text);\n\tline-height: 1.55;\n\tbackground: var(--gk-bg);\n\tbackground-image: radial-gradient(ellipse 100% 80% at 40% 40%, rgba(103,112,123,0.30) 0%, rgba(93,101,111,0.15) 45%, rgba(67,73,80,0.30) 85%, rgba(60,66,73,0.55) 100%);\n\toverflow-x: hidden;\n}\n.gkf *, .gkf *::before, .gkf *::after { box-sizing: border-box; }\n.gkf h1, .gkf h2, .gkf p { margin: 0; }\n.gkf input::placeholder, .gkf textarea::placeholder { color: rgba(223,223,223,0.5); opacity: 1; }\n.gkf input:focus, .gkf textarea:focus { outline: none; border-color:var(--e-global-color-secondary,#EEEEEE) !important; background: rgba(93,101,111,0.8) !important; }\n@keyframes gkUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes gkAbUp { from { opacity: 0; transform: translate(-50%, 22px); } to { opacity: 1; transform: translate(-50%, 0); } }\n@keyframes gkPanel { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes gkGlow { 0%, 100% { opacity: 0.85; } 50% { opacity: 1; } }\n@keyframes gkBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\n\n\/* Progress *\/\n.gkf-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,0.07); z-index: 65; transition: opacity 0.5s; }\n.gkf-progress-fill { height: 100%; width: 12%; background: linear-gradient(90deg, rgba(223,223,223,0.7), #ffffff); box-shadow: 0 0 12px rgba(255,255,255,0.35); transition: width 0.6s cubic-bezier(0.65,0,0.25,1); }\n\n\/* Intro overlay *\/\n.gkf-intro { position: absolute; inset: 0; z-index: 80; overflow: hidden; cursor: pointer; }\n.gkf-intro-bg { position: absolute; inset: 0; background: var(--gk-bg); background-image: radial-gradient(ellipse 100% 80% at 40% 40%, rgba(103,112,123,0.30) 0%, rgba(93,101,111,0.15) 45%, rgba(67,73,80,0.30) 85%, rgba(60,66,73,0.55) 100%); transition: opacity 0.7s ease; opacity: 1; }\n.gkf-intro.gkf-leaving { pointer-events: none; }\n.gkf-intro.gkf-leaving .gkf-intro-bg { opacity: 0; }\n.gkf-intro-text { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 24px; will-change: transform; transition: transform 0.85s cubic-bezier(0.6,0,0.2,1); transform: translateY(0); }\n.gkf-intro-text span.gkf-typed { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; letter-spacing: -0.015em; line-height: 1.04; color: var(--gk-text); white-space: pre; }\n.gkf-caret { display: inline-block; flex: none; width: 3px; height: clamp(1.9rem, 3.8vw, 3rem); margin-left: 7px; background: var(--gk-text); animation: gkBlink 0.85s step-end infinite; transition: opacity 0.25s; }\n.gkf-intro.gkf-leaving .gkf-caret { opacity: 0; }\n\n\/* Intro: Drucker-Spalten im Hintergrund (Analog \"Alle Drucker\" im Home-Carousel) *\/\n.gkf-intro-gal { position: absolute; inset: -14% 0; display: flex; gap: 22px; justify-content: center; align-items: flex-start; pointer-events: none; opacity: 0.52; transition: opacity 0.7s ease; }\n.gkf-intro-gal-col { display: flex; flex-direction: column; gap: 22px; flex: 0 0 auto; width: clamp(200px, 22vw, 380px); animation: gkfGalRun 20s linear infinite; will-change: transform; }\n.gkf-intro-gal-col:nth-child(2) { animation-duration: 27s; animation-direction: reverse; }\n.gkf-intro-gal-col:nth-child(3) { animation-duration: 22s; }\n.gkf-intro-gal-col:nth-child(4) { animation-duration: 30s; animation-direction: reverse; }\n.gkf-intro-gal-col:nth-child(5) { animation-duration: 24s; }\n.gkf-intro-gal-col:nth-child(6) { animation-duration: 33s; animation-direction: reverse; }\n.gkf-intro-gal-col:nth-child(7) { animation-duration: 21s; }\n.gkf-intro-gal-col:nth-child(8) { animation-duration: 29s; animation-direction: reverse; }\n.gkf-intro-gal-col:nth-child(9) { animation-duration: 25s; }\n.gkf-intro-gal-col:nth-child(10) { animation-duration: 31s; animation-direction: reverse; }\n.gkf-intro-gal img { display: block; width: 100%; height: auto; max-width: none; opacity: 0.9; }\n@keyframes gkfGalRun { from { transform: translateY(0); } to { transform: translateY(-50%); } }\n.gkf-intro-veil { position: absolute; inset: 0; pointer-events: none; transition: opacity 0.7s ease; background: linear-gradient(180deg, rgba(90,98,107,0.62) 0%, rgba(90,98,107,0.93) 34%, rgba(90,98,107,0.93) 66%, rgba(90,98,107,0.62) 100%); }\n.gkf-intro.gkf-leaving .gkf-intro-gal, .gkf-intro.gkf-leaving .gkf-intro-veil { opacity: 0; }\n@media (max-width: 680px) { .gkf-intro-gal { gap: 10px; } .gkf-intro-gal-col { gap: 10px; } }\n@media (prefers-reduced-motion: reduce) { .gkf-intro-gal-col { animation: none; } }\n\n\/* Fragen-Board (alle Fragen auf einem Screen) \\u2014 GEBE Design System *\/\n.gkf-qwrap .gkf-qhead { padding-top: 6px; }\n.gkf-qboard { width: min(1180px, 94vw); margin: 14px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: start; }\n.gkf-fixed .gkf-qboard { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: 4px; }\n.gkf-qblock { background: var(--gk-panel32); border: 1px solid var(--gk-border); border-radius: var(--gebe-r-card, 12px); padding: 14px 18px 16px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }\n.gkf-qnote { grid-column: 1 \/ -1; }\n.gkf-qb-head { display: flex; flex-direction: column; gap: 3px; margin-bottom: 11px; }\n.gkf-qb-q { font-size: 1.05rem; font-weight: 400; line-height: 1.25; color: var(--gk-text); }\n.gkf-qb-note { font-size: 0.78rem; line-height: 1.35; color: var(--gk-sub); }\n.gkf-chips { display: flex; flex-wrap: wrap; gap: 8px; }\n.gkf-qchip { display: block !important; text-align: left; box-sizing: border-box; min-width: 0 !important; padding: 9px 14px !important; background: var(--gk-panel32) !important; border: 1px solid var(--gk-border) !important; border-radius: var(--gebe-r-sm, 7px) !important; cursor: pointer; transition: background 0.2s, border-color 0.2s; }\n.gkf-qchip:hover { background: rgba(255,255,255,0.07) !important; border-color: rgba(186,186,186,0.35) !important; }\n.gkf-qchip-l { display: block; font-size: 0.9rem; line-height: 1.25; color: var(--gk-text); }\n.gkf-qchip-s { display: block; font-size: 0.71rem; line-height: 1.3; color: var(--gk-sub); margin-top: 2px; }\n.gkf-qchip-on { background: rgba(90,98,107,0.63) !important; border-color: #FFFFFF !important; }\n.gkf-qfree { display: none; margin-top: 10px; }\n.gkf-qfree-on { display: block; animation: gkUp 0.35s ease-out both; }\n.gkf-qfree-in, .gkf-qnote-in { width: 100%; box-sizing: border-box; padding: 10px 13px; font-family: inherit; font-size: 0.88rem; color: var(--gk-text); background: var(--gk-panel63) !important; border: 1px solid var(--gk-border) !important; border-radius: var(--gebe-r-sm, 7px) !important; }\n.gkf-qnote-in { resize: vertical; min-height: 54px; line-height: 1.4; }\n.gkf-qbar { display: flex; align-items: center; gap: 18px; align-self: center; width: max-content; max-width: 94vw; margin: 14px auto 0; padding: 11px 11px 11px 24px; background: rgba(86,93,102,0.88); border: 1px solid var(--gk-border-mid, rgba(186,186,186,0.35)); border-radius: var(--gebe-r-md, 9px); box-shadow: 0 18px 44px rgba(0,0,0,0.28); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); animation: gkUp 0.5s ease-out both; }\n.gkf-qbar-count { font-size: 0.88rem; color: var(--gk-sub); white-space: nowrap; }\n.gkf-qbar-count strong { color: var(--gk-text); font-weight: 400; font-size: 1.1rem; }\n@media (max-width: 900px) { .gkf-qboard { grid-template-columns: 1fr; } .gkf-qblock { padding: 14px 16px 16px; } .gkf-qbar { width: calc(100% - 32px); margin: 14px 16px 0; padding: 10px 10px 10px 16px; gap: 12px; justify-content: space-between; } .gkf-qbar-count { white-space: normal; font-size: 0.8rem; } }\n\n\/* Navigation V2: Aktionsleiste im Fluss, klarerer Fortschritt *\/\n.gkf-actionbar { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; align-self: center; width: max-content; max-width: 94vw; margin: 20px auto 0 !important; animation-name: gkUp !important; }\n.gkf-steps-wrap { padding-bottom: 30px; }\n.gkf-fixed .gkf-steps-wrap { padding-bottom: 34px; }\n.gkf-ab-btn:not(.gkf-ab-off) { background: var(--gk-text) !important; border-color: var(--gk-text) !important; color: #3C4249 !important; }\n.gkf-ab-btn:not(.gkf-ab-off):hover { background: #FFFFFF !important; border-color: #FFFFFF !important; color: #3C4249 !important; }\n.gkf-stepper { gap: 0; }\n.gkf-stepnode-wrap { position: relative; align-items: center; gap: 10px; padding-right: 30px; }\n.gkf-stepnode-wrap:last-child { padding-right: 0; }\n.gkf-stepnode-wrap::after { content: \"\"; position: absolute; right: 8px; top: 50%; width: 14px; height: 1px; background: rgba(255,255,255,0.22); }\n.gkf-stepnode-wrap:last-child::after { display: none; }\n.gkf-stepnode { transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }\n.gkf-stepnode-wrap:has(~ .gkf-current) .gkf-stepnode { background: var(--gk-text); border-color: var(--gk-text); color: #3C4249; }\n.gkf-stepnode-wrap:has(~ .gkf-current)::after { background: rgba(255,255,255,0.55); }\n.gkf-stepnode-wrap:has(~ .gkf-current) .gkf-steplabel { color: var(--gk-text); opacity: 0.8; }\n.gkf-stepnode-wrap:not(.gkf-current):not(:has(~ .gkf-current)) .gkf-stepnode { border-color:var(--e-global-color-secondary,#EEEEEE); background: transparent; color:var(--e-global-color-secondary,#EEEEEE); }\n.gkf-stepnode-wrap:not(.gkf-current):not(:has(~ .gkf-current)) .gkf-steplabel { opacity: 0.45; }\n.gkf-stepnode-wrap.gkf-current .gkf-stepnode { box-shadow: 0 0 0 4px rgba(255,255,255,0.10); }\n.gkf-stepnode-wrap.gkf-current .gkf-steplabel { color: var(--gk-text); opacity: 1; }\n@media (max-width: 700px) { .gkf-stepnode-wrap { padding-right: 18px; } .gkf-stepnode-wrap::after { right: 4px; width: 9px; } }\n\n\/* Start-Screen V2: ein empfohlener Weg + zwei Alternativen *\/\n.gkf-entry2 { display: flex !important; flex-direction: column; justify-content: center; gap: 14px; width: min(1080px, 92vw); margin: 26px auto 0; }\n.gkf-e2 { position: relative; display: block; width: 100%; text-align: left; box-sizing: border-box; background: var(--gk-panel32); border: 1px solid var(--gk-border); border-radius: var(--gebe-r-card, 14px); padding: 26px 30px; cursor: pointer; transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease; }\n.gkf-e2:hover, .gkf-e2:focus-visible { border-color: var(--gk-border-strong); background: var(--gk-panel55); transform: translateY(-2px); outline: none; }\n.gkf-e2-main { padding: 34px 36px; border-color: var(--gk-border-strong); background: linear-gradient(180deg, rgba(103,112,123,0.40) 0%, rgba(90,98,107,0.26) 100%); }\n.gkf-e2-badge { display: inline-block; font-size: 0.78rem; color: var(--gk-text); border: 1px solid var(--gk-border-strong); border-radius: 999px; padding: 4px 14px; margin-bottom: 16px; }\n.gkf-e2-kick { display: block; font-size: 0.8rem; color: var(--gk-sub); margin-bottom: 8px; }\n.gkf-e2-h { display: block; font-size: clamp(1.2rem, 1.9vw, 1.6rem); font-weight: 400; letter-spacing: -0.01em; line-height: 1.15; color: var(--gk-text); margin-bottom: 8px; }\n.gkf-e2-main .gkf-e2-h { font-size: clamp(1.6rem, 3vw, 2.3rem); }\n.gkf-e2-p { display: block; font-size: 0.94rem; line-height: 1.5; color: var(--gk-sub); max-width: 660px; }\n.gkf-e2-meta { display: block; font-size: 0.8rem; color: var(--gk-sub); opacity: 0.8; margin-top: 12px; }\n.gkf-e2-go { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 0.9rem; color: var(--gk-text); }\n.gkf-e2-go span { transition: transform 0.3s ease; }\n.gkf-e2:hover .gkf-e2-go span { transform: translateX(4px); }\n.gkf-e2-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n@media (max-width: 860px) { .gkf-entry2 { gap: 10px; margin-top: 18px; } .gkf-e2-row { grid-template-columns: 1fr; gap: 10px; } .gkf-e2 { padding: 18px 20px; } .gkf-e2-main { padding: 22px 20px; } .gkf-e2-go { margin-top: 14px; } }\n\n\/* Ergebnis-Carousel: Drucker groesser, Navigation als Punkte statt Miniaturbildern *\/\n.gkf-slide-img { width: 100%; height: 100%; }\n.gkf-thumbs { gap: 10px; margin-top: 12px; }\n.gkf-thumb.gkf-dot { width: 10px !important; height: 10px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; opacity: 1; transform: none; filter: none; background-color: rgba(223,223,223,0.32); border-radius: 999px !important; transition: background-color 0.3s ease, transform 0.3s ease; }\n.gkf-thumb.gkf-dot:hover { background-color: rgba(223,223,223,0.62); }\n.gkf-thumb.gkf-dot.gkf-active { opacity: 1; filter: none; background-color: var(--gk-text); transform: scale(1.3); }\n\n\n\/* Topbar \/ Stepper *\/\n.gkf-steps-wrap { min-height: 100vh; display: flex; flex-direction: column; padding-bottom: 40px; }\n.gkf-topbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 24px 32px 0; transition: opacity 0.5s; }\n.gkf-topbar.gkf-mobile-pad { padding: 20px 20px 0; }\n.gkf-topbar-slot { flex: 1; display: flex; justify-content: flex-start; min-width: 0; }\n.gkf-topbar-slot.gkf-slot-right { justify-content: flex-end; }\n.gkf-pillbtn { width: auto; }\n\n.gkf-pillbtn svg { width: 13px; height: 13px; }\n.gkf-skiplink { display: inline-block; width: auto; background: transparent; border: 0; padding: 7px 0; color: var(--gk-sub); font-family: inherit; font-size: 12px; letter-spacing: 0.5px; cursor: pointer; transition: color 0.25s; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(186,186,186,0.4); }\n.gkf-skiplink:hover { color: #ffffff; }\n.gkf-stepper { display: flex; align-items: center; gap: 22px; }\n.gkf-stepper.gkf-stepper-mobile { gap: 12px; order: 3; width: 100%; justify-content: center; margin-top: 2px; }\n.gkf-stepnode-wrap { display: flex; align-items: center; cursor: default; }\n.gkf-stepnode-wrap.gkf-done { cursor: pointer; }\n.gkf-stepnode { flex: none; width: 28px; height: 28px; border-radius:var(--gebe-r-circle); display: flex; align-items: center; justify-content: center; font-size: 12.5px; transition: background 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; background: transparent; color: rgba(223,223,223,0.45); border: 1px solid rgba(186,186,186,0.28); }\n.gkf-done .gkf-stepnode { background: #ffffff; color: var(--gk-deep); border-color: #ffffff; }\n.gkf-current .gkf-stepnode { background: rgba(255,255,255,0.07); color: #ffffff; border: 1px solid rgba(255,255,255,0.85); box-shadow: 0 0 0 4px rgba(255,255,255,0.07); }\n.gkf-steplabel { font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; margin-left: 8px; white-space: nowrap; transition: color 0.3s; color: rgba(223,223,223,0.4); }\n.gkf-done .gkf-steplabel { color: var(--gk-sub); }\n.gkf-current .gkf-steplabel { color: var(--gk-text); }\n.gkf-stepper-mobile .gkf-stepnode-wrap:not(.gkf-current) .gkf-steplabel { display: none; }\n\n\/* Step headings *\/\n.gkf-step-head { text-align: center; max-width: 760px; margin: 0 auto; padding: 44px 24px 0; animation: gkUp 0.5s ease-out both; }\n.gkf-step-head h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 400; letter-spacing: -0.015em; line-height: 1.04; color: var(--gk-text); margin: 0 0 14px; }\n.gkf-step-head.gkf-first h1 { font-size: clamp(2rem, 4vw, 3.2rem); }\n.gkf-step-head p { color: var(--gk-sub); font-size: 1rem; max-width: 560px; margin: 0 auto; }\n.gkf-intro-hidden h1 { opacity: 0; }\n.gkf-intro-hidden p { opacity: 0; transform: translateY(14px); }\n.gkf-step-head p { transition: opacity 0.6s 0.25s ease, transform 0.6s 0.25s ease; }\n\n\/* Tiles *\/\n.gkf-grid { width: min(1240px, 94vw); margin: 30px auto 0; display: grid; gap: 12px; }\n.gkf-grid.gkf-fadein { transition: opacity 0.65s 0.3s ease, transform 0.65s 0.3s ease; }\n.gkf-grid.gkf-pre-intro { opacity: 0; transform: translateY(16px); }\n.gkf-tile { position: relative; aspect-ratio: 4 \/ 3; border-radius:var(--gebe-r-card); overflow: hidden; cursor: pointer; background: linear-gradient(135deg, var(--gk-tile-a) 0%, var(--gk-tile-b) 100%); box-shadow: 0 6px 22px rgba(0,0,0,0.18); transition: border-color 0.3s; border: 1px solid var(--gk-border); }\n.gkf-tile:hover { border-color:var(--e-global-color-secondary,#EEEEEE); }\n.gkf-tile.gkf-sel { border-color:var(--e-global-color-text,#FFFFFF); }\n.gkf-tile-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(40,45,52,0) 35%, rgba(20,23,27,0.55) 100%); pointer-events: none; }\n.gkf-tile-shade.gkf-shade-full { background: linear-gradient(180deg, rgba(40,45,52,0.35) 0%, rgba(20,23,27,0.6) 100%); }\n.gkf-tile-label { position: absolute; left: 18px; bottom: 40px; color: var(--gk-text); font-size: 17px; font-weight: 400; letter-spacing: 0.2px; }\n.gkf-tile-sub { position: absolute; left: 18px; right: 18px; bottom: 18px; color: var(--gk-sub); font-size: 12px; line-height: 1.3; }\n.gkf-tile-big { position: absolute; top: 16px; left: 18px; color: var(--gk-text); font-size: 34px; font-weight: 700; line-height: 1; }\n.gkf-tile-big span { display: block; font-size: 10.5px; color: var(--gk-sub); text-transform: uppercase; letter-spacing: 2.5px; font-weight: 400; margin-top: 2px; }\n.gkf-check { position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; background: #ffffff; border-radius:var(--gebe-r-circle); display: flex; align-items: center; justify-content: center; transition: opacity 0.25s, transform 0.25s; opacity: 0; transform: scale(0.8); }\n.gkf-tile.gkf-sel .gkf-check { opacity: 1; transform: scale(1); }\n.gkf-check svg { width: 13px; height: 13px; }\n\n\/* Freitext panel *\/\n.gkf-ft { width: min(680px, 92vw); margin: 40px auto 0; padding: 32px; background: var(--gk-panel32); backdrop-filter: blur(14px); border: 1px solid var(--gk-border); border-radius:var(--gebe-r-md); text-align: center; animation: gkUp 0.4s ease-out both; }\n.gkf-ft h2 { font-size: 1.35rem; color: var(--gk-text); font-weight: 400; margin: 0 0 8px; }\n.gkf-ft p { color: var(--gk-sub); font-size: 0.95rem; margin: 0 0 22px; }\n.gkf-ft textarea { width: 100%; min-height: 110px; padding: 12px 14px; background: rgba(255,255,255,0.04); border: 1px solid var(--gk-border); border-radius:var(--gebe-r-md); color: var(--gk-text); font-family: inherit; font-size: 14px; resize: vertical; margin-bottom: 18px; line-height: 1.5; }\n.gkf-ft-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }\n\n\/* Buttons: Optik komplett aus Elementor Site Settings -> Buttons *\/\n      .gkf-btn { width: auto; display: inline-flex; align-items: center; gap: 10px; line-height: 1; }\n\n\n.gkf-btn.gkf-big { min-height: 48px; }\n\n.gkf-btn svg { width: 14px; height: 14px; }\n.gkf-under-grid { margin-top: auto; padding: 36px 24px 8px; text-align: center; }\n.gkf-under-grid .gkf-hint { color: var(--gk-sub); font-size: 13px; margin-bottom: 12px; letter-spacing: 0.3px; }\n\n\/* Action bar *\/\n.gkf-actionbar { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 70; display: flex; align-items: center; gap: 18px; padding: 12px 12px 12px 26px; background: rgba(73,79,87,0.88); backdrop-filter: blur(16px); border: 1px solid rgba(186,186,186,0.35); border-radius:var(--gebe-r-md); box-shadow: 0 18px 44px rgba(0,0,0,0.45); white-space: nowrap; animation: gkAbUp 0.45s ease-out both; }\n.gkf-actionbar .gkf-ab-hint { font-size: 13px; color: var(--gk-sub); letter-spacing: 0.4px; white-space: nowrap; }\n.gkf-actionbar .gkf-ab-sep { width: 1px; height: 20px; background: rgba(186,186,186,0.3); flex: none; }\n.gkf-ab-btn { width: auto; display: inline-flex; align-items: center; gap: 10px; line-height: 1; min-height: 48px; }\n\n.gkf-ab-btn.gkf-ab-off, .gkf-ab-btn:disabled { opacity: 0.45; cursor: not-allowed; box-shadow: none; }\n\n.gkf-ab-btn svg { width: 14px; height: 14px; }\n\n\/* Result *\/\n.gkf-result { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr); min-height: 100vh; }\n.gkf-result.gkf-narrow { display: block; }\n.gkf-left { padding: 30px 0 24px 56px; min-width: 0; display: flex; flex-direction: column; }\n.gkf-narrow .gkf-left { padding: 20px 0 8px 20px; }\n.gkf-left .gkf-pillbtn { align-self: flex-start; animation: gkUp 0.5s ease-out both; }\n.gkf-result-head { max-width: 620px; margin-top: 26px; animation: gkUp 0.6s 0.1s ease-out both; }\n.gkf-result-head h1 { font-size: clamp(1.9rem, 3.4vw, 2.9rem); font-weight: 400; letter-spacing: -0.015em; line-height: 1.04; color: var(--gk-text); margin: 0 0 12px; }\n.gkf-result-head p { color: var(--gk-sub); font-size: 0.98rem; max-width: 540px; }\n.gkf-car-wrap { margin-top: 14px; animation: gkUp 0.7s 0.22s ease-out both; }\n.gkf-car { overflow: hidden; padding: 6px 0 28px; -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 7%, black 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, black 7%, black 90%, transparent 100%); }\n.gkf-track { display: flex; align-items: center; width: 100%; height: 100%; transition: transform 0.75s cubic-bezier(0.65,0,0.25,1); }\n.gkf-slide { flex: 0 0 auto; margin-right: 12px; position: relative; display: flex; align-items: center; justify-content: center; transition: width 0.75s cubic-bezier(0.65,0,0.25,1), height 0.75s cubic-bezier(0.65,0,0.25,1), opacity 0.6s; cursor: pointer; opacity: 0.45; }\n.gkf-slide.gkf-active { opacity: 1; }\n.gkf-slide-glow { position: absolute; inset: 0; background: radial-gradient(ellipse 58% 52% at center 58%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.035) 45%, rgba(20,23,27,0) 76%); pointer-events: none; animation: gkGlow 7s ease-in-out infinite; }\n.gkf-slide-img { position: relative; width: 96%; height: 92%; background-size: contain; background-position: center; background-repeat: no-repeat; filter: drop-shadow(0 8px 16px rgba(0,0,0,0.25)); }\n.gkf-thumbs { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 6px; }\n.gkf-thumb { display: inline-block; flex: none; width: 34px; height: 34px; padding: 0; border: 0; background-color: transparent; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: opacity 0.3s, transform 0.3s, filter 0.3s; opacity: 0.35; transform: scale(1); }\n.gkf-thumb.gkf-active { opacity: 1; transform: scale(1.12); filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4)); }\n.gkf-info { margin-top: 12px; max-width: 620px; transition: opacity 0.24s ease, transform 0.24s ease; animation: gkUp 0.7s 0.3s ease-out both; opacity: 1; transform: translateY(0); }\n.gkf-narrow .gkf-info { padding-right: 20px; }\n.gkf-info.gkf-fading { opacity: 0; transform: translateY(6px); }\n.gkf-info h2 { font-size: clamp(1.3rem, 1.9vw, 1.7rem); font-weight: 400; letter-spacing: -0.01em; line-height: 1.08; color: var(--gk-text); margin: 0 0 10px; }\n.gkf-info p { color: var(--gk-sub); font-size: 0.92rem; line-height: 1.65; margin: 0 0 12px; max-width: 560px; }\n.gkf-specs { display: flex; flex-wrap: wrap; column-gap: 22px; row-gap: 4px; max-width: 560px; }\n.gkf-specs div { font-size: 12.5px; color: rgba(223,223,223,0.6); letter-spacing: 0.3px; }\n\n\/* Right column *\/\n.gkf-right { position: sticky; top: 0; height: 100vh; overflow-y: auto; display: flex; flex-direction: column; justify-content: center; padding: 40px 72px 40px 64px; animation: gkPanel 0.7s 0.3s ease-out both; }\n.gkf-narrow .gkf-right { position: static; height: auto; display: flex; flex-direction: column; justify-content: flex-start; padding: 36px 24px 90px; max-width: 560px; margin: 0 auto; animation: none; }\n.gkf-photo { align-self: center; flex: none; transform-origin: center bottom; will-change: transform; transition: transform 1.5s cubic-bezier(0.25,0.8,0.25,1); -webkit-mask-image: linear-gradient(180deg, black 60%, transparent 100%); mask-image: linear-gradient(180deg, black 60%, transparent 100%); }\n.gkf-photo img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; display: block; }\n@media (max-width: 767px) { .gkf-photo { display: none !important; } }\n.gkf-right h2 { font-size: clamp(1.3rem, 1.9vw, 1.65rem); font-weight: 400; letter-spacing: -0.01em; line-height: 1.15; color: var(--gk-text); margin: 18px 0 10px; text-align: center; }\n.gkf-right .gkf-form-lead { color: var(--gk-sub); font-size: 0.94rem; line-height: 1.65; margin: 0 0 22px; text-align: center; }\n.gkf-formwrap { display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(16px); pointer-events: none; transition: grid-template-rows 0.6s ease, opacity 0.35s ease, transform 0.35s ease; }\n.gkf-formwrap.gkf-revealed { grid-template-rows: 1fr; opacity: 1; transform: translateY(0); pointer-events: auto; transition: grid-template-rows 1.5s cubic-bezier(0.25,0.8,0.25,1), opacity 1.1s 0.35s ease, transform 1.1s 0.35s ease; }\n.gkf-formwrap > div { min-height: 0; overflow: hidden; }\n.gkf-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n.gkf-form input, .gkf-form textarea { background: var(--gk-panel63); border: 1px solid var(--gk-border); border-radius:var(--gebe-r-md); color: var(--gk-text); padding: 8px 16px; font-family: inherit; font-size: 15px; height: 44px; width: 100%; transition: border-color 0.25s, background 0.25s; }\n.gkf-form textarea { grid-column: 1 \/ -1; padding: 12px 16px; min-height: 100px; height: auto; resize: vertical; line-height: 1.5; }\n.gkf-form-foot { grid-column: 1 \/ -1; display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 4px; }\n.gkf-form-foot .gkf-legal { font-size: 10.5px; color: var(--gk-sub); max-width: 230px; }\n.gkf-form-note { font-size: 12px; color: rgba(223,223,223,0.55); margin-top: 18px; letter-spacing: 0.3px; text-align: center; }\n.gkf-thanks { border: 1px solid var(--gk-border); border-radius:var(--gebe-r-md); padding: 44px 32px; text-align: center; background: rgba(255,255,255,0.03); animation: gkUp 0.4s ease-out both; }\n.gkf-thanks .gkf-thanks-title { font-size: 1.35rem; font-weight: 400; color: var(--gk-text); margin-bottom: 8px; }\n.gkf-thanks p { color: var(--gk-sub); font-size: 0.94rem; margin: 0; }\n.gkf-error { grid-column: 1 \/ -1; color: #ffb3b3; font-size: 13px; display: none; }\n\n\/* Kontakt-FAB (schmal) *\/\n.gkf-fab { width: auto; position: fixed; bottom: 20px; right: 20px; z-index: 60; display: inline-flex; align-items: center; gap: 8px; background: rgba(40,45,52,0.75); backdrop-filter: blur(12px); border: 1px solid rgba(186,186,186,0.35); border-radius:var(--gebe-r-pill); color: var(--gk-text); padding: 12px 20px; font-family: inherit; font-size: 14px; letter-spacing: 0.4px; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,0.35); transition: border-color 0.25s, color 0.25s; }\n.gkf-fab:hover { border-color: #ffffff; color: #ffffff; }\n.gkf-fab svg { width: 14px; height: 14px; }\n\n\/* Entry-Kacheln (Start-Screen) *\/\n.gkf-entry-grid .gkf-tile { aspect-ratio: auto; min-height: 240px; }\n.gkf-entry-grid .gkf-tile-label { font-size: 21px; bottom: 64px; }\n.gkf-entry-grid .gkf-tile-sub { font-size: 13px; line-height: 1.45; bottom: 18px; }\n\n\/* Anwendungsbereich-Kacheln mit Bild *\/\n.gkf-tile-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.45s ease; }\n.gkf-tile:hover .gkf-tile-bg { transform: scale(1.045); }\n\n\/* Anwendungs-Landing *\/\n.gkf-app { padding-bottom: 70px; }\n.gkf-app-hero { position: relative; height: clamp(260px, 40vh, 480px); margin: 10px 0 0; width: 100%; border-radius: 0; overflow: hidden; background-size: cover; background-position: center; background-color: transparent; border: none; box-shadow: none; animation: gkUp 0.5s ease-out both; }\n.gkf-app-hero::before { content: \"\"; position: absolute; inset: -48px; background-image: inherit; background-size: cover; background-position: center; filter: blur(12px) brightness(0.95); }\n.gkf-app-hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(93,101,111,0.9) 0%, rgba(93,101,111,0.25) 22%, rgba(93,101,111,0.05) 45%, rgba(93,101,111,0.55) 70%, rgba(93,101,111,0.92) 88%, rgb(93,101,111) 100%); }\n.gkf-app-hero.gkf-app-hero-plain { background: linear-gradient(180deg, rgba(86,93,102,0.6) 0%, rgba(93,101,111,0) 100%); height: clamp(80px, 12vh, 130px); }\n.gkf-app-hero.gkf-app-hero-plain::before { display: none; }\n.gkf-app-hero-plain + .gkf-app-head { margin-top: 0; }\n.gkf-app-kicker { display: inline-block; margin-bottom: 16px; color: var(--gk-text); font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; background: rgba(40,45,52,0.45); backdrop-filter: blur(8px); border: 1px solid var(--gk-border); border-radius:var(--gebe-r-pill); padding: 7px 16px; }\n.gkf-app-head { position: relative; z-index: 2; text-align: center; max-width: 820px; margin: clamp(-170px, -22vh, -110px) auto 0; padding: 0 24px; animation: gkUp 0.55s 0.08s ease-out both; }\n.gkf-app-head h1 { font-size: clamp(1.7rem, 3vw, 2.5rem); font-weight: 400; letter-spacing: -0.015em; line-height: 1.08; color: var(--gk-text); margin: 0 0 14px; }\n.gkf-app-head .gkf-app-lead { color: var(--gk-text); font-size: 1.05rem; line-height: 1.6; margin: 0 auto 12px; max-width: 700px; }\n.gkf-app-head .gkf-app-text { color: var(--gk-sub); font-size: 0.95rem; line-height: 1.65; margin: 0 auto; max-width: 700px; }\n.gkf-app-prods-label { text-align: center; margin: 40px auto 0; color: var(--gk-sub); font-size: 12px; letter-spacing: 2.2px; text-transform: uppercase; animation: gkUp 0.55s 0.14s ease-out both; }\n.gkf-app-prods { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; width: min(1240px, 94vw); margin: 16px auto 0; animation: gkUp 0.55s 0.18s ease-out both; }\n.gkf-prodcard { width: 216px; padding: 12px 12px 14px; background: none; border: none; border-radius: 14px; cursor: pointer; text-align: center; transition: transform 0.3s; box-shadow: none; }\n.gkf-prodcard:hover { transform: translateY(-4px); }\n.gkf-prodcard:hover .gkf-prodcard-img { filter: drop-shadow(0 12px 20px rgba(0,0,0,0.38)); }\n.gkf-prodcard-img { height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; filter: drop-shadow(0 8px 14px rgba(0,0,0,0.28)); transition: filter 0.3s; }\n.gkf-prodcard-name { margin-top: 12px; color: var(--gk-text); font-size: 15.5px; font-weight: 400; line-height: 1.2; }\n.gkf-prodcard-sub { margin-top: 5px; color: var(--gk-sub); font-size: 12px; line-height: 1.35; }\n.gkf-prodcard-link { margin-top: 9px; color: rgba(223,223,223,0.55); font-size: 11px; letter-spacing: 0.8px; text-transform: uppercase; }\n.gkf-app-ctas { text-align: center; margin-top: 42px; animation: gkUp 0.55s 0.22s ease-out both; }\n.gkf-app-ctas .gkf-cta-hint { color: var(--gk-sub); font-size: 13px; margin-bottom: 12px; letter-spacing: 0.3px; }\n.gkf-app-refine { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--gk-border); width: min(680px, 92vw); margin-left: auto; margin-right: auto; }\n.gkf-app-formwrap { width: min(680px, 92vw); margin: 26px auto 0; display: none; }\n.gkf-app-formwrap.gkf-open { display: block; animation: gkUp 0.4s ease-out both; }\n.gkf-app-formpanel { padding: 30px 32px 26px; background: var(--gk-panel32); backdrop-filter: blur(14px); border: 1px solid var(--gk-border); border-radius:var(--gebe-r-md); }\n.gkf-app-formpanel h2 { font-size: 1.3rem; color: var(--gk-text); font-weight: 400; margin: 0 0 6px; text-align: center; }\n.gkf-app-formpanel .gkf-form-lead { color: var(--gk-sub); font-size: 0.93rem; margin: 0 0 20px; text-align: center; }\n\n@media (max-width: 999px) {\n\t.gkf-result { grid-template-columns: 1fr; }\n\t.gkf-entry-grid .gkf-tile { min-height: 180px; }\n\t.gkf-app-hero { height: clamp(190px, 30vh, 300px); }\n\t.gkf-app-head { margin-top: clamp(-120px, -16vh, -70px); }\n}\n\n\/* Fixed \/ No-Scroll-Modus (Desktop >=1000px): alles passt auf den Screen *\/\nhtml.gkf-noscroll, body.gkf-noscroll { overflow: hidden !important; }\n.gkf.gkf-fixed { overflow: hidden; min-height: 0; }\n.gkf-fixed .gkf-screen { height: 100%; }\n.gkf-fixed .gkf-steps-wrap { min-height: 0; height: 100%; padding-bottom: 10px; }\n.gkf-fixed .gkf-step-head { padding: 20px 24px 0; }\n.gkf-fixed .gkf-step-head h1 { margin-bottom: 8px; }\n.gkf-fixed .gkf-step-head.gkf-first h1 { font-size: clamp(1.8rem, 3.2vw, 2.7rem); }\n.gkf-fixed .gkf-grid { flex: 1 1 auto; min-height: 0; margin-top: 16px; }\n.gkf-fixed .gkf-tile { aspect-ratio: auto; min-height: 0; }\n.gkf-fixed .gkf-under-grid { padding: 14px 24px 4px; }\n.gkf-fixed .gkf-ft { margin-top: 24px; }\n.gkf-fixed .gkf-result { height: 100%; min-height: 0; overflow: hidden; }\n.gkf-fixed .gkf-left { overflow: hidden; padding-top: 16px; }\n.gkf-fixed .gkf-result-head { margin-top: 12px; }\n.gkf-fixed .gkf-result-head h1 { font-size: clamp(1.6rem, 2.6vw, 2.3rem); margin-bottom: 8px; }\n.gkf-fixed .gkf-car-wrap { margin-top: 8px; }\n.gkf-fixed .gkf-car { padding-bottom: 14px; }\n.gkf-fixed .gkf-info { margin-top: 8px; }\n.gkf-fixed .gkf-right { height: 100%; padding: 24px 56px 24px 48px; }\n.gkf-fixed .gkf-entry-grid .gkf-tile { min-height: 0; }\n.gkf-fixed .gkf-entry-grid .gkf-tile-label { bottom: 58px; }\n.gkf-fixed .gkf-apps-grid .gkf-tile-label { font-size: 15px; bottom: 36px; }\n.gkf-fixed .gkf-apps-grid .gkf-tile-sub { font-size: 11px; bottom: 14px; }\n\n\/* Ergebnis: Abstand zwischen Carousel-Spalte und Kontaktspalte *\/\n.gkf-left { padding-right: 44px; }\n.gkf-narrow .gkf-left { padding-right: 20px; }\n\n\/* Start-Screen: drei Wege nebeneinander, der empfohlene in der Mitte groesser *\/\n.gkf-entry2 { display: grid !important; grid-template-columns: 1fr 1.3fr 1fr; align-items: stretch; gap: 14px; width: min(1300px, 95vw); margin: auto; flex: 0 0 auto !important; }\n.gkf-e2 { display: flex; flex-direction: column; padding: 24px 26px 26px; }\n.gkf-e2-badge { align-self: flex-start; }\n.gkf-e2-side { opacity: 0.72; }\n.gkf-e2-side:hover, .gkf-e2-side:focus-visible { opacity: 1; }\n.gkf-e2-main { padding: 34px 34px 34px; }\n.gkf-e2-h { font-size: clamp(1.05rem, 1.45vw, 1.35rem); }\n.gkf-e2-main .gkf-e2-h { font-size: clamp(1.45rem, 2.3vw, 2.05rem); }\n.gkf-e2-p { max-width: none; }\n.gkf-e2-main .gkf-e2-p { font-size: 1rem; }\n.gkf-e2-go { margin-top: auto; padding-top: 18px; }\n@media (max-width: 1000px) { .gkf-entry2 { grid-template-columns: 1fr; } .gkf-e2-side { opacity: 1; } .gkf-e2-main { order: -1; } }\n\n\/* --- Feinschliff: kein Fortschrittsbalken, Aktionsleiste im Fragebogen, Kit-Buttons --- *\/\n.gkf-progress { display: none !important; }\n.gkf-qbar { grid-column: 1 \/ -1; width: auto !important; max-width: none; margin: 0 !important; justify-content: space-between; background: var(--gk-panel32); border-color: var(--gk-border); box-shadow: none; padding: 13px 14px 13px 20px; }\n.gkf-qwrap .gkf-step-head { padding-top: 8px; }\n.gkf-qwrap .gkf-qhead h1 { margin-bottom: 6px; }\n.gkf-qboard { margin-top: 12px; }\n.gkf-ab-btn:not(.gkf-ab-off) { background: var(--gk-panel55) !important; border-color: var(--gk-border-strong) !important; color: var(--gk-text) !important; }\n.gkf-ab-btn:not(.gkf-ab-off):hover { background: var(--gk-panel63) !important; border-color:var(--e-global-color-secondary,#EEEEEE) !important; color: var(--gk-text) !important; }\n.gkf-e2-go { display: inline-flex; align-items: center; align-self: flex-start; margin-top: 18px; padding: 12px 24px; font-size: 0.95rem; color: var(--gk-text); background: var(--gk-panel32); border: 1px solid var(--gk-border); border-radius: var(--gebe-r-md, 10px); transition: background 0.25s ease, border-color 0.25s ease; }\n.gkf-e2:hover .gkf-e2-go { background: var(--gk-panel55); border-color: var(--gk-border-strong); }\n.gkf::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0.05; background-image: url(data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC44NSIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWx0ZXI9InVybCgjbikiLz48L3N2Zz4=); background-size: 200px 200px; }\n.gkf-app { position: relative; }\n.gkf-app .gkf-topbar { position: relative; z-index: 3; }\n.gkf-app-hero { margin-top: -84px !important; height: clamp(340px, 48vh, 580px) !important; }\n.gkf-app-hero::before { filter: brightness(0.97) !important; inset: 0 !important; }\n.gkf-app-ctas, .gkf-app-refine { width: min(760px, 92vw); margin: 26px auto 0; padding: 22px 26px 24px; background: var(--gk-panel32); border: 1px solid var(--gk-border); border-radius: var(--gebe-r-card, 14px); text-align: center; }\n.gkf-app-refine { margin-bottom: 44px; }\n.gkf-app-ctas .gkf-cta-hint, .gkf-app-refine .gkf-cta-hint { font-size: 1rem; line-height: 1.45; color: var(--gk-text); margin-bottom: 16px; max-width: 620px; margin-left: auto; margin-right: auto; }\n.gkf-app-ctas .gkf-btn, .gkf-app-refine .gkf-btn { background: var(--gk-panel55) !important; border-color: var(--gk-border-strong) !important; color: var(--gk-text) !important; }\n.gkf-app-ctas .gkf-btn:hover, .gkf-app-refine .gkf-btn:hover { background: var(--gk-panel63) !important; border-color:var(--e-global-color-secondary,#EEEEEE) !important; }\n\n\/* --- Feinschliff 2: gleiche Karten, grauer Scrollbalken, Kontakt ueber den Druckern --- *\/\n.gkf { background-image: linear-gradient(180deg, var(--e-global-color-primary,#67707B) 0%, #5A626B 52%, #565D66 100%) !important; }\n.gkf::after { opacity: 0.085 !important; }\n.gkf-entry2 { grid-template-columns: 1fr 1fr 1fr !important; }\n.gkf-e2-main { padding: 24px 26px 26px !important; }\n.gkf-e2-main .gkf-e2-h { font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important; }\n.gkf-e2-main .gkf-e2-p { font-size: 0.94rem !important; }\n.gkf-e2-side { opacity: 0.84; }\n.gkf, .gkf * { scrollbar-width: thin; scrollbar-color: rgba(186,186,186,0.32) transparent; }\n.gkf ::-webkit-scrollbar { width: 10px; height: 10px; }\n.gkf ::-webkit-scrollbar-track { background: transparent; }\n.gkf ::-webkit-scrollbar-thumb { background-color: rgba(186,186,186,0.30); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }\n.gkf ::-webkit-scrollbar-thumb:hover { background-color: rgba(186,186,186,0.48); background-clip: padding-box; }\n.gkf-app-formwrap { width: min(760px, 92vw); margin: 0 auto 34px; }\n.gkf-app-ctas { margin-bottom: 0 !important; }\n.gkf-app-prods-label { margin-top: 10px; }\n\n\n\n\/* --- Feinschliff 3: Kopfzeile auf Hoehe des Zurueck-Buttons, Karten ohne Extra-Button --- *\/\n.gkf-fixed .gkf-steps-wrap { position: relative; }\n.gkf-fixed .gkf-steps-wrap > .gkf-topbar { position: absolute; top: 0; left: 0; right: 0; z-index: 5; }\n.gkf-fixed .gkf-steps-wrap > .gkf-step-head { padding-top: 26px !important; }\n@media (max-width: 1100px) { .gkf-fixed .gkf-steps-wrap > .gkf-topbar { position: static; } .gkf-fixed .gkf-steps-wrap > .gkf-step-head { padding-top: 14px !important; } }\n.gkf-entry2 { grid-template-columns: 1fr 1.2fr 1fr !important; align-items: center; }\n.gkf-e2-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; min-height: 26px; }\n.gkf-e2-kick, .gkf-e2-badge { margin-bottom: 0 !important; }\n.gkf-e2-side { padding: 20px 22px 22px !important; opacity: 0.84; }\n.gkf-e2-side .gkf-e2-h { font-size: clamp(1rem, 1.3vw, 1.2rem) !important; }\n.gkf-e2-side .gkf-e2-p { font-size: 0.88rem; }\n.gkf-e2-main { padding: 28px 30px 30px !important; }\n.gkf-e2-main .gkf-e2-h { font-size: clamp(1.2rem, 1.8vw, 1.62rem) !important; }\n.gkf-e2-main .gkf-e2-p { font-size: 0.95rem !important; }\n\n\/* Start-Screen vertikal zentrieren (nur der Einstieg, nicht der Fragebogen) *\/\n.gkf-fixed .gkf-steps-wrap > .gkf-step-head.gkf-first { margin-top: auto; }\n.gkf-fixed .gkf-entry2 { margin-top: 22px !important; margin-bottom: auto !important; }\n.gkf-fixed .gkf-steps-wrap > .gkf-under-grid { margin-top: 30px !important; }\n\n\/* Ausgewaehlte Antwort klar von Hover unterscheiden *\/\n#gebe-finder .gkf-qchip:hover { background: rgba(255,255,255,0.07) !important; border-color: rgba(186,186,186,0.35) !important; }\n#gebe-finder .gkf-qchip.gkf-qchip-on, #gebe-finder .gkf-qchip.gkf-qchip-on:hover { background: rgba(90,98,107,0.63) !important; border-color: #FFFFFF !important; }\n.gkf-qchip-on .gkf-qchip-l { color: #FFFFFF !important; }\n.gkf-qchip-on .gkf-qchip-s { color:var(--e-global-color-secondary,#EEEEEE) !important; }\n\n\/* Verfeinern-Block: zeigt, welche vier Angaben die Auswahl eingrenzen *\/\n.gkf-app-refine { background: linear-gradient(180deg, rgba(103,112,123,0.38) 0%, rgba(90,98,107,0.24) 100%) !important; border-color: var(--gk-border-strong) !important; }\n.gkf-refine-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 18px; }\n.gkf-refine-chip { display: inline-block; padding: 7px 15px; font-size: 0.82rem; line-height: 1.2; color: var(--gk-text); background: rgba(255,255,255,0.06); border: 1px solid var(--gk-border); border-radius: var(--gebe-r-pill, 999px); }\n.gkf-refine-chip:nth-child(2) { opacity: 0.88; }\n.gkf-refine-chip:nth-child(3) { opacity: 0.76; }\n.gkf-refine-chip:nth-child(4) { opacity: 0.64; }\n\n\/* --- Animierter Verlauf im Hintergrund (linear, drei Graus) --- *\/\n.gkf { background-image: linear-gradient(180deg, var(--e-global-color-primary,#67707B) 0%, #5A626B 30%, #565D66 50%, #5A626B 70%, var(--e-global-color-primary,#67707B) 100%) !important; background-size: 100% 320% !important; animation: gkfBgDrift 30s ease-in-out infinite; }\n@keyframes gkfBgDrift { 0%, 100% { background-position: 50% 0%; } 50% { background-position: 50% 100%; } }\n@media (prefers-reduced-motion: reduce) { .gkf { animation: none; } }\n\n\/* --- Start-Screen praesentierender --- *\/\n.gkf-fixed .gkf-steps-wrap > .gkf-step-head.gkf-first { max-width: 900px; }\n.gkf-fixed .gkf-step-head.gkf-first h1 { font-size: clamp(2.2rem, 4.4vw, 3.9rem) !important; margin-bottom: 16px !important; }\n.gkf-fixed .gkf-step-head.gkf-first p { font-size: 1.05rem !important; max-width: 760px !important; }\n.gkf-entry2 { width: min(1480px, 94vw) !important; gap: 18px !important; }\n.gkf-e2 { justify-content: center; }\n.gkf-e2-side { padding: 30px 32px 32px !important; min-height: 230px; }\n.gkf-e2-main { padding: 42px 42px 44px !important; min-height: 300px; }\n.gkf-e2-side .gkf-e2-h { font-size: clamp(1.15rem, 1.6vw, 1.5rem) !important; margin-bottom: 12px !important; }\n.gkf-e2-main .gkf-e2-h { font-size: clamp(1.6rem, 2.7vw, 2.4rem) !important; margin-bottom: 14px !important; }\n.gkf-e2-side .gkf-e2-p { font-size: 0.95rem !important; line-height: 1.55; }\n.gkf-e2-main .gkf-e2-p { font-size: 1.05rem !important; line-height: 1.55; }\n.gkf-e2-kick, .gkf-e2-badge { font-size: 0.85rem !important; }\n.gkf-e2-top { margin-bottom: 16px !important; }\n@media (max-width: 1000px) { .gkf-e2-side, .gkf-e2-main { min-height: 0; padding: 22px 22px 24px !important; } }\n\n\/* --- Mobil: Start-Screen und Board einspaltig --- *\/\n@media (max-width: 1000px) {\n  .gkf-entry2 { grid-template-columns: 1fr !important; width: min(560px, 92vw) !important; gap: 12px !important; }\n  .gkf-e2-main { order: -1; }\n  .gkf-e2-side, .gkf-e2-main { min-height: 0 !important; padding: 20px 20px 22px !important; }\n  .gkf-fixed .gkf-step-head.gkf-first { max-width: 92vw; }\n  .gkf-fixed .gkf-step-head.gkf-first h1 { font-size: clamp(1.7rem, 7vw, 2.4rem) !important; margin-bottom: 10px !important; }\n  .gkf-fixed .gkf-step-head.gkf-first p { font-size: 0.94rem !important; max-width: 92vw !important; }\n  .gkf-e2-main .gkf-e2-h { font-size: 1.35rem !important; margin-bottom: 10px !important; }\n  .gkf-e2-side .gkf-e2-h { font-size: 1.15rem !important; margin-bottom: 8px !important; }\n  .gkf-e2-main .gkf-e2-p, .gkf-e2-side .gkf-e2-p { font-size: 0.92rem !important; }\n  .gkf-e2-top { margin-bottom: 10px !important; }\n  .gkf-qboard { grid-template-columns: 1fr !important; width: 92vw !important; }\n  .gkf-qbar { padding: 12px 14px !important; }\n}\n@media (max-width: 900px) {\n  .gkf-app-hero { margin-top: -70px !important; height: clamp(240px, 40vh, 400px) !important; }\n  .gkf-app-ctas, .gkf-app-refine, .gkf-app-formwrap { width: 92vw !important; }\n}\n\n\/* --- Ergebnis-Buehne: Studio-Licht ueber das ganze Fenster --- *\/\n.gkf-car { position: relative; mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%); }\n.gkf-car-wrap { position: relative; }\n.gkf-track { position: relative; z-index: 1; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.gkf-slide { z-index: 1; opacity: 0; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.38s ease; }\n.gkf-slide.gkf-active { opacity: 1; }\n.gkf-slide-img { filter: none !important; image-rendering: auto; }\n.gkf-slide-glow { display: none !important; }\n.gkf-stage .gkf-screen { position: relative; z-index: 1; }\n.gkf-stage .gkf-studio { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; background-color: #494F57; }\n.gkf-stage .gkf-studio-cam { position: absolute; inset: 0; }\n.gkf-stage .gkf-studio-lamp { position: absolute; inset: 0; background-image: radial-gradient(var(--gk-spot-rx, 900px) var(--gk-spot-ry, 780px) at var(--gk-spot-x, 10%) var(--gk-spot-y, 50%), var(--e-global-color-primary,#67707B) 0%, var(--e-global-color-primary,#67707B) 13%, #5D656F 42%, #545C66 66%, rgba(73,79,87,0) 100%); }\n.gkf-nav { position: absolute; left: 0; right: 0; top: 0; height: var(--gk-car-h, 60%); display: flex; align-items: center; justify-content: space-between; pointer-events: none; z-index: 3; }\n.gkf-arrow { pointer-events: auto; -webkit-appearance: none; appearance: none; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; width: 54px; height: 54px; min-width: 0; display: flex; align-items: center; justify-content: center; color: var(--gk-text) !important; cursor: pointer; border-radius: 999px; opacity: 0.5; transition: opacity 0.3s, background-color 0.3s; }\n.gkf-arrow i { display: block; width: 15px; height: 15px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }\n.gkf-arrow-prev i { transform: rotate(45deg); margin-left: 6px; }\n.gkf-arrow-next i { transform: rotate(-135deg); margin-right: 6px; }\n.gkf-arrow-prev { animation: gkArrowPrev 3.2s ease-in-out infinite; }\n.gkf-arrow-next { animation: gkArrowNext 3.2s ease-in-out infinite; }\n.gkf-arrow:hover, .gkf-arrow:focus-visible { opacity: 1; background-color: rgba(223,223,223,0.10) !important; animation-play-state: paused; }\n@keyframes gkArrowPrev { 0%, 100% { transform: translateX(0); opacity: 0.42; } 50% { transform: translateX(-6px); opacity: 0.95; } }\n@keyframes gkArrowNext { 0%, 100% { transform: translateX(0); opacity: 0.42; } 50% { transform: translateX(6px); opacity: 0.95; } }\n.gkf-narrow .gkf-arrow { width: 44px; height: 44px; }\n@media (prefers-reduced-motion: reduce) { .gkf-arrow { animation: none; } }\n<\/style>\n<div class=\"gkf-progress\"><div class=\"gkf-progress-fill\"><\/div><\/div>\n<div class=\"gkf-intro\" id=\"gkf-intro-boot\"><div class=\"gkf-intro-bg\"><div style=\"position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70vw;height:60vh;background:radial-gradient(ellipse 50% 45% at center,rgba(255,255,255,0.09) 0%,rgba(255,255,255,0.03) 50%,rgba(20,23,27,0) 78%);pointer-events:none;animation:gkGlow 5s ease-in-out infinite;\"><\/div><\/div><div class=\"gkf-intro-gal\"><div class=\"gkf-intro-gal-col\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-scaled-300x300.webp\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-scaled-300x300.webp\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-scaled-300x300.webp\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-scaled-300x300.webp\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-scaled-300x300.webp\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-scaled-300x300.webp\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-300x300.png\"><\/div><div class=\"gkf-intro-gal-col\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-300x300.png\"><img loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-300x300.png\"><img fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" width=\"300\" height=\"300\" data-gv-off=\"1\" class=\"skip-lazy\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-300x300.png\"><\/div><\/div><div class=\"gkf-intro-veil\"><\/div><div class=\"gkf-intro-text\"><span class=\"gkf-typed\"><\/span><span class=\"gkf-caret\"><\/span><\/div><\/div>\n<script>(function(){try{if(window.localStorage.getItem(\"gk-intro-seen\")===\"1\"&&location.search.indexOf(\"gkf_intro\")<0){var b=document.getElementById(\"gkf-intro-boot\");if(b&&b.parentNode)b.parentNode.removeChild(b);}}catch(e){}})();<\/script>\n<div class=\"gkf-screen\"><\/div>\n<script>\n(function(){\n\"use strict\";\nvar CFG = { ajax: \"https:\/\/gebe.net\/wp-admin\/admin-ajax.php\", nonce: \"90c9baf6c7\" };\nvar ROOT = document.getElementById(\"gebe-finder\");\nif (!ROOT || ROOT.dataset.gkfInit) return; ROOT.dataset.gkfInit = \"1\";\nvar SCREEN = ROOT.querySelector(\".gkf-screen\");\nvar PROGRESS = ROOT.querySelector(\".gkf-progress\");\nvar PROGRESS_FILL = ROOT.querySelector(\".gkf-progress-fill\");\nvar UP = \"\/wp-content\/uploads\/\";\n\nvar MODELS = [\n\t{ id:\"compact_plus\", name:\"COMPACT Plus\", prints:[\"tickets\",\"iso_tickets\",\"receipts\",\"event_tickets\"], form:\"einbau\", widths:[\"2\",\"3\"], ifaces:[\"usb\",\"rs232\"], ifaces_opt:[\"ethernet\"], url:\"\/?page_id=895\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/Compact-Plus-mit-Schatten-scaled-scaled-1-1400x1400.png\",\n\t  highlight:\"Sein Edelstahl-Geh\u00e4use trotzt Temperaturen von \u221220 bis +70 \u00b0C und macht ihn zum Allrounder in Parkh\u00e4usern, Kiosks und Self-Service-Automaten \u2014 selbst bei rauen Au\u00dfenbedingungen.\",\n\t  specs:[\"Papierbreite 54\u201382,5 mm\",\"Edelstahl, \u201320 bis +70 \u00b0C\",\"Auto Paper Loading\"] },\n\t{ id:\"compact_plus_ll\", name:\"COMPACT Plus Linerless\", prints:[\"labels_linerless\"], form:\"einbau\", widths:[\"2\",\"3\"], ifaces:[\"usb\",\"rs232\"], ifaces_opt:[], url:\"\/?page_id=1943\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/Compact-Plus-Linerless-Presenter-Easyload-Tischgeraet-mit-Schatten-scaled-1-scaled-1400x1400.png\",\n\t  highlight:\"Eine klebstoffresistente Mechanik im Edelstahl-Geh\u00e4use erlaubt Linerless-Etikettendruck dort, wo sonst keine Hardware bestehen kann \u2014 bei laufendem Outdoor-Einsatz und kalten Temperaturen.\",\n\t  specs:[\"Linerless 42\u201382,5 mm, 200 mm\/s\",\"Klebstoffresistente Mechanik\",\"Outdoor \u201325 bis +70 \u00b0C\"] },\n\t{ id:\"vario_plus_ll\", name:\"VARIO Plus Linerless\", prints:[\"labels_linerless\"], form:\"einbau\", widths:[\"3\",\"4\",\"6\"], ifaces:[\"usb\",\"ethernet\"], ifaces_opt:[], url:\"\/?page_id=5527\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/VARIO-Plus-Linerless-mit-Schatten-scaled-1-scaled-1400x1400.png\",\n\t  highlight:\"Mit USB- und LAN-Anbindung sowie Druckgeschwindigkeit bis 250 mm\/s ist er auf vernetzte Industrie-Anlagen zugeschnitten \u2014 bis zu 6 Zoll Etikettenbreite ohne Tr\u00e4gerabfall.\",\n\t  specs:[\"Linerless 78\u2013152 mm, 250 mm\/s\",\"203 oder 300 dpi\",\"USB + LAN\"] },\n\t{ id:\"vario_box_ll\", name:\"VARIO Box Linerless\", prints:[\"labels_linerless\"], form:\"alleinstehend\", widths:[\"3\",\"4\",\"6\"], ifaces:[\"usb\",\"ethernet\"], ifaces_opt:[], url:\"\/?page_id=722\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/VARIO-Box-Linerless-mit-Schatten-scaled-scaled-scaled-scaled-1400x1400.png\",\n\t  highlight:\"Als kompakter Tisch-Drucker f\u00fcr 4- bis 6-Zoll-Linerless ist er die schnellste L\u00f6sung f\u00fcr Versand- und Palettenetiketten am Arbeitsplatz \u2014 robust durch Stahl-Geh\u00e4use.\",\n\t  specs:[\"Linerless 80\u2013152 mm, bis 250 mm\/s\",\"Stahl-\/Kunststoff-Tischgeh\u00e4use\",\"230 V Netzbetrieb\"] },\n\t{ id:\"mulde_medi_cut\", name:\"MULDE Medi Cut\", prints:[\"tickets\",\"receipts\",\"event_tickets\"], form:\"einbau\", widths:[\"2\",\"3\"], ifaces:[\"usb\",\"rs232\"], ifaces_opt:[\"ttl\"], url:\"\/?page_id=1930\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/Mulde-Medi-Cut-mit-Schatten-scaled-1-scaled-1400x1400.png\",\n\t  highlight:\"Mit nur 87 mm Einbautiefe und einem auf 1 Mio Schnitte ausgelegten Cutter z\u00e4hlt er zu den platzsparendsten Front-Einbaudruckern in seiner Klasse.\",\n\t  specs:[\"Papierbreite 45\u201386 mm, 250 mm\/s\",\"Cutter, 1 Mio Schnitte\",\"Einbautiefe nur 87 mm\"] },\n\t{ id:\"mulde_medi_box\", name:\"MULDE Medi Box\", prints:[\"tickets\",\"receipts\",\"event_tickets\"], form:\"alleinstehend\", widths:[\"2\",\"3\"], ifaces:[\"usb\",\"rs232\",\"ethernet\"], ifaces_opt:[], url:\"\/?page_id=5504\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/SchellPrinter-Tischgehaeuse-mit-Schatten-scaled-1-scaled-1400x1400.png\",\n\t  highlight:\"Einer der wenigen GeBE-Tisch-Drucker mit nativem Ethernet-Anschluss \u2014 ideal f\u00fcr vernetzte POS- und Vorverkaufs-Systeme. Die Sichtklappe gibt jederzeit Auskunft \u00fcber den Papiervorrat.\",\n\t  specs:[\"Papierbreite 45\u201386 mm\",\"Tischgeh\u00e4use mit Sichtklappe\",\"USB, RS232, Ethernet\"] },\n\t{ id:\"mulde_mini\", name:\"MULDE Mini\", prints:[\"protocols\",\"receipts\"], form:\"einbau\", widths:[\"2\"], ifaces:[\"usb\",\"rs232\",\"ttl\"], ifaces_opt:[], url:\"\/?page_id=1994\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/GPT-4352-Mulde-Mini-mit-Schatten-scaled-scaled-1-scaled-1400x1400.png?ver=1785339176\",\n\t  highlight:\"Sein DIN-konformer Front-Einbau und der weite Spannungsbereich (4,5\u201336 V) machen ihn zum bew\u00e4hrten Begleiter in Maschinen, Fahrzeugen und Schaltschr\u00e4nken.\",\n\t  specs:[\"Papierbreite 56,5 mm\",\"DIN-Front-Einbau, 11 m Papier\",\"Spannung 4,5\u201336 V\"] },\n\t{ id:\"mulde_mini_60\", name:\"MULDE Mini-60\", prints:[\"protocols\",\"receipts\"], form:\"einbau\", widths:[\"2\"], ifaces:[\"usb\",\"rs232\",\"ttl\"], ifaces_opt:[], url:\"\/?page_id=2004\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/GPT-4352-60-GeBE-MULDE-Mini-60-mit-Schatten-scaled-scaled-scaled-1-scaled-1400x1400.webp?ver=1785339200\",\n\t  highlight:\"Mit vierfachem Papiervorrat von 43 m l\u00e4uft er deutlich l\u00e4nger ohne Nachf\u00fcllen \u2014 entwickelt f\u00fcr Schaltschrank-Anwendungen, die wartungsarm im Hintergrund laufen sollen.\",\n\t  specs:[\"Papierbreite 56,5 mm, 43 m Vorrat\",\"Vierfacher Papiervorrat\",\"DIN-Front-Einbau\"] },\n\t{ id:\"mulde_maxi\", name:\"MULDE Maxi\", prints:[\"protocols\",\"receipts\"], form:\"einbau\", widths:[\"4\"], ifaces:[\"usb\",\"rs232\"], ifaces_opt:[], url:\"\/?page_id=2014\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/GPT-4454-GeBE-MULDE-Maxi-mit-Schatten-scaled-scaled-1400x1400.png\",\n\t  highlight:\"113 mm Druckbreite (DIN-A4-nah) bei nur 47 mm Einbautiefe \u2014 er passt dort, wo andere breite Drucker keinen Platz haben, und liefert ganzseitige Berichte in DIN-Norm.\",\n\t  specs:[\"Papierbreite 113,5 mm\",\"Einbautiefe nur 47 mm\",\"DIN-kompatibel\"] },\n\t{ id:\"kassette\", name:\"KASSETTE\", prints:[\"protocols\"], form:\"einbau\", widths:[\"3\"], ifaces:[\"usb\",\"rs232\"], ifaces_opt:[], url:\"\/?page_id=2031\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/GPT-4443-GeBE-KASSETTE-mit-Schatten-scaled-scaled-1400x1400.png\",\n\t  highlight:\"Der Papier-Aufwickler im verschlossenen Aluminium-Geh\u00e4use macht Protokolle manipulationssicher \u2014 die isolierte USB-Schnittstelle (5.000 V RMS) sichert auch den elektrischen Pfad.\",\n\t  specs:[\"Papierbreite 80 mm mit Aufwickler\",\"Aluminium-\/Stahlblech-Geh\u00e4use\",\"USB isoliert (5.000 V RMS)\"] },\n\t{ id:\"piano\", name:\"GeBE-PIANO\u00ae\", prints:[\"event_tickets\",\"tickets\",\"iso_tickets\"], form:\"alleinstehend\", widths:[\"2\",\"3\"], ifaces:[\"usb\"], ifaces_opt:[\"rs232\",\"ethernet\"], url:\"\/?page_id=1963\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/GPT-4633-Drucker-komplett-86mm-mit-Schatten-scaled-1-scaled-1400x1400.png\",\n\t  highlight:\"Mit Druckgeschwindigkeiten bis 250 mm\/s, Cutter f\u00fcr 2 Mio Schnitte und Papierdicken bis 220 \u00b5m ist er auf hochfrequenten Ticketdruck und kartenf\u00f6rmige Tickets optimiert.\",\n\t  specs:[\"Papierbreite 54\u201382,5 mm\",\"200\u2013250 mm\/s\",\"Cutter, 2 Mio Schnitte\"] },\n\t{ id:\"piano_box\", name:\"PIANO Box\", prints:[\"event_tickets\",\"tickets\",\"iso_tickets\"], form:\"alleinstehend\", widths:[\"2\",\"3\"], ifaces:[\"usb\",\"ethernet\"], ifaces_opt:[], url:\"\/?page_id=5556\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/Piano-Box-mit-Schlo-Vollausbau-mit-Schatten-scaled-1-scaled-1400x1400.png\",\n\t  highlight:\"Sein verschlossenes Geh\u00e4use mit integriertem Barcode-Scanner und der Guillotine-Cutter machen ihn zum bew\u00e4hrten Standard f\u00fcr f\u00e4lschungs- und manipulationssichere Eintrittskarten und Fahrscheine.\",\n\t  specs:[\"Papierbreite 45\u201386 mm\",\"Geschlossenes Geh\u00e4use, Barcodescanner\",\"Bis 250 mm\/s\"] },\n\t{ id:\"flash\", name:\"GeBE-FLASH\u00ae\", prints:[\"receipts\",\"protocols\"], form:\"batterie\", widths:[\"2\"], ifaces:[\"bluetooth\",\"usb\",\"rs232\",\"infrared\"], ifaces_opt:[], url:\"\/?page_id=5563\",\n\t  img: \"https:\/\/gebe.net\/wp-content\/uploads\/2026\/07\/GPT-4379-GeBE-FLASH-mit-Schatten-scaled-scaled-1400x1400.png\",\n\t  highlight:\"Mit nur 350 g Gewicht, NiMH-Akku und einer ungew\u00f6hnlich breiten Schnittstellen-Auswahl (Bluetooth, USB, RS232, IrDA) ist er der Drucker, der \u00fcberall hin mitgeht \u2014 vom Service-Einsatz bis zur Bonausgabe im Au\u00dfendienst.\",\n\t  specs:[\"Papierbreite 57,5 mm, NiMH-Akku\",\"Nur 350 g, 75 mm\/s\",\"Bluetooth, USB, IrDA\"] }\n];\n\nvar Q1_MAP = { tickets:[\"tickets\",\"iso_tickets\"], receipts:[\"receipts\"], labels_linerless:[\"labels_linerless\"], protocols:[\"protocols\"], event_tickets:[\"event_tickets\"] };\nvar STEP1 = [\n\t{ key:\"tickets\", label:\"Tickets | ISO-Tickets\", sub:\"Parkscheine, Wartemarken, ISO-Karten\" },\n\t{ key:\"receipts\", label:\"Quittungen | Belege\", sub:\"Bons, Pfandbons, Kassenquittungen\" },\n\t{ key:\"labels_linerless\", label:\"Etiketten Linerless\", sub:\"Selbstklebend, ohne Tr\u00e4gerpapier\" },\n\t{ key:\"protocols\", label:\"Protokolle\", sub:\"Mess- und Statusberichte aus Maschinen\" },\n\t{ key:\"event_tickets\", label:\"Eintrittskarten\", sub:\"Veranstaltungs-Tickets, Fahrkarten\" },\n\t{ key:\"unknown\", label:\"Wei\u00df ich nicht\", sub:\"Wir helfen Ihnen weiter\" }\n];\nvar STEP2 = [\n\t{ key:\"einbau\", label:\"Einbau\", sub:\"In Automat, Maschine oder Schaltschrank\" },\n\t{ key:\"alleinstehend\", label:\"Tischger\u00e4t\", sub:\"Tisch-\/Desktop-Drucker am Arbeitsplatz\" },\n\t{ key:\"batterie\", label:\"Mobil | Akku\", sub:\"Akkubetrieben, f\u00fcr den Einsatz unterwegs\" },\n\t{ key:\"unknown\", label:\"Wei\u00df ich nicht\", sub:\"Beschreiben wir es im Gespr\u00e4ch\" }\n];\nvar STEP3 = [\n\t{ key:\"2\", big:\"2\", bigSub:\"Zoll\", label:\"2 Zoll\", sub:\"ca. 50\u201358 mm\" },\n\t{ key:\"3\", big:\"3\", bigSub:\"Zoll\", label:\"3 Zoll\", sub:\"ca. 76\u201386 mm\" },\n\t{ key:\"4\", big:\"4\", bigSub:\"Zoll\", label:\"4 Zoll\", sub:\"ca. 100\u2013115 mm\" },\n\t{ key:\"6\", big:\"6\", bigSub:\"Zoll\", label:\"6 Zoll\", sub:\"ca. 150 mm \u2014 bis 152 mm\" },\n\t{ key:\"unknown\", big:\"?\", bigSub:\"\", label:\"Wei\u00df ich nicht\", sub:\"Kl\u00e4ren wir gemeinsam\" }\n];\nvar STEP4 = [\n\t{ key:\"usb\", label:\"USB\", sub:\"Bei allen Modellen an Bord\" },\n\t{ key:\"rs232\", label:\"RS232\", sub:\"Serielle Schnittstelle\" },\n\t{ key:\"ttl\", label:\"TTL\", sub:\"Serielle Logikpegel\" },\n\t{ key:\"ethernet\", label:\"Ethernet\", sub:\"LAN-Anschluss\" },\n\t{ key:\"bluetooth\", label:\"Bluetooth\", sub:\"Drahtlos\" },\n\t{ key:\"infrared\", label:\"Infrarot\", sub:\"IrDA | HPIr\" }\n];\nvar NAV = [ {n:1,label:\"Druckgut\"}, {n:2,label:\"Bauform\"}, {n:3,label:\"Papierbreite\"}, {n:4,label:\"Ansteuerung\"} ];\nvar INTRO_TEXT = \"Finden Sie Ihr Drucksystem.\";\nvar PARAM_URL = \"\/?page_id=1885\";\n\n\/* Drei Einstiege auf dem Start-Screen *\/\nvar ENTRY = [\n\t{ key:\"apps\", big:\"1\", bigSub:\"Frage\", label:\"\u00dcber Branchen\", sub:\"Branche w\u00e4hlen und sofort die Drucker sehen, die sich dort bew\u00e4hrt haben \u2014 der schnellste Einstieg.\" },\n\t{ key:\"guided\", big:\"4\", bigSub:\"Fragen\", label:\"\u00dcber Anforderungen\", sub:\"Gef\u00fchrt zur Empfehlung: Druckgut, Bauform, Papierbreite, Ansteuerung. Jede Frage ist \u00fcberspringbar.\" },\n\t{ key:\"params\", big:\"13\", bigSub:\"Modelle\", label:\"\u00dcber Parameter\", sub:\"Zur Produkt\u00fcbersicht mit Technik-Filter: alle Modelle nach technischen Daten eingrenzen.\" }\n];\n\n\/* Anwendungsbereiche (Quelle: Landingpage-Texte Vertrieb 02\/2026 + Anwendungs-Tabelle) *\/\nvar APPS = [\n\t{ id:\"parken\", name:\"Parken\", tileSub:\"Parkhaus, Schranke, Kassenautomat, On-Street\",\n\t  hero: UP+\"2026\/09\/gebe-konf-parken-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr Parken & Parkraummanagement\",\n\t  lead:\"Ticket-, Beleg- und Nachweisdruck in Ein- und Ausfahrten, Kassenautomaten und Servicepunkten \u2014 f\u00fcr schnelle Abl\u00e4ufe und klare Transaktionen.\",\n\t  body:\"Im Parkumfeld treffen hohe Nutzerfrequenz, Self-Service und kurze Transaktionen aufeinander. Ausdrucke sorgen f\u00fcr klare Informationen im Moment der Nutzung und unterst\u00fctzen Betreiberprozesse wie Abrechnung, Kontrolle und Service.\",\n\t  models:[\"compact_plus\",\"mulde_medi_cut\",\"piano\",\"piano_box\",\"mulde_medi_box\",\"flash\"] },\n\t{ id:\"kiosk\", name:\"Selbstbedienung & Kiosks\", tileSub:\"Self-Checkout, Bestellterminals, Automaten\",\n\t  hero: UP+\"2026\/09\/gebe-konf-kiosk-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr Selbstbedienung & Kiosks\",\n\t  lead:\"Beleg-, Ticket- und Nachweisdruck im Self-Service \u2014 f\u00fcr schnelle Nutzerf\u00fchrung, klare Transaktionen und reibungslose Abl\u00e4ufe an Automaten und Terminals.\",\n\t  body:\"Self-Service-Kiosks m\u00fcssen intuitiv, schnell und zuverl\u00e4ssig funktionieren \u2014 oft rund um die Uhr. Ausdrucke liefern Tickets, Quittungen oder Nachweise im richtigen Moment und unterst\u00fctzen Betreiberprozesse wie Abrechnung, Kontrolle und Service.\",\n\t  models:[\"compact_plus\",\"compact_plus_ll\",\"mulde_medi_cut\",\"mulde_medi_box\",\"piano_box\"] },\n\t{ id:\"oev\", name:\"\u00d6ffentlicher Verkehr\", tileSub:\"Ticketautomaten, Onboard, Servicepoints\",\n\t  hero: UP+\"2026\/09\/gebe-konf-oev-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr den \u00d6ffentlichen Verkehr\",\n\t  lead:\"Ticket-, Beleg- und Nachweisdruck in Fahrzeug, Station und Servicepunkt \u2014 f\u00fcr schnelle Fahrgastprozesse und zuverl\u00e4ssigen Betrieb im \u00d6PNV-Alltag.\",\n\t  body:\"Im \u00f6ffentlichen Verkehr sind Prozesse stark getaktet: hoher Fahrgastdurchsatz, viele Touchpoints, t\u00e4glicher Dauerbetrieb. Thermodruck eignet sich besonders, wenn die Ausgabe schnell, standardisiert und direkt am jeweiligen Kontaktpunkt erfolgen soll.\",\n\t  models:[\"compact_plus\",\"piano\",\"piano_box\",\"mulde_medi_cut\",\"mulde_medi_box\"] },\n\t{ id:\"automation\", name:\"Automatisierung, Maschinen & Anlagen\", tileSub:\"Schaltschrank, Pr\u00fcfprotokoll, Print & Apply\",\n\t  hero: UP+\"2026\/09\/gebe-konf-auto-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr Automatisierung, Maschinen- und Anlagenbau\",\n\t  lead:\"Zuverl\u00e4ssiger Protokoll-, Beleg- und Etikettendruck direkt an der Anlage \u2014 kompakt integrierbar, wartungsarm und f\u00fcr den industriellen Dauerbetrieb ausgelegt.\",\n\t  body:\"In der Automatisierung z\u00e4hlt Verf\u00fcgbarkeit: Chargen- und Prozessprotokolle, Pr\u00fcf- und Messberichte, Wartungsnachweise oder Ereignislogs entstehen direkt an der Maschine. GeBE Thermodrucker sind auf OEM-Integration ausgelegt \u2014 z. B. als Einbau- oder Panel-L\u00f6sung in HMI, Bedienpulte und Maschinenmodule.\",\n\t  models:[\"mulde_mini\",\"mulde_mini_60\",\"mulde_maxi\",\"kassette\",\"compact_plus\",\"vario_plus_ll\"] },\n\t{ id:\"logistik\", name:\"Logistik\", tileSub:\"Versand, Lager, Zustellung\",\n\t  hero: UP+\"2026\/09\/gebe-konf-logistik-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr Logistik\",\n\t  lead:\"Prozessnahe Kennzeichnung, Belege und Nachweise in Lager, Versand und Transport \u2014 f\u00fcr eindeutige Zuordnung vom Wareneingang bis zur Zustellung.\",\n\t  body:\"Logistik ist ein Spiel aus Tempo und Pr\u00e4zision: Jede Verwechslung kostet Zeit, jede Unterbrechung bremst den Materialfluss. Thermodruck eignet sich besonders, wenn Informationen prozessnah, schnell und nachvollziehbar ausgegeben werden sollen.\",\n\t  models:[\"vario_plus_ll\",\"vario_box_ll\",\"compact_plus_ll\",\"mulde_mini\",\"flash\"] },\n\t{ id:\"retail\", name:\"Einzelhandel & Gastgewerbe\", tileSub:\"POS, Kiosk, Theke, K\u00fcche, Abholung\",\n\t  hero: UP+\"2026\/09\/gebe-konf-gastro-v7.jpg\",\n\t  h1:\"GeBE Druckl\u00f6sungen f\u00fcr Retail & Gastgewerbe\",\n\t  lead:\"Von Linerless-Ausgabe bis Beleg- und Prozessdruck: schnelle Abl\u00e4ufe an POS, Kiosk, Theke, K\u00fcche und Abholung \u2014 mit weniger Abfall im Betrieb.\",\n\t  body:\"Abl\u00e4ufe im Handel und Gastgewerbe sind schnell, kundengetrieben und \u00fcber mehrere Punkte verteilt. Linerless-Ausgabe l\u00e4sst Kennzeichnungen und Nachweise direkt im Moment der Transaktion entstehen \u2014 und reduziert gleichzeitig Tr\u00e4germaterial im Betrieb.\",\n\t  models:[\"compact_plus_ll\",\"vario_box_ll\",\"flash\",\"compact_plus\"] },\n\t{ id:\"healthcare\", name:\"Gesundheitswesen\", tileSub:\"Klinik, Labor, Medizintechnik\",\n\t  hero: UP+\"2026\/09\/gebe-konf-health-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr Gesundheitswesen, Labor & Medizintechnik\",\n\t  lead:\"Ausdrucke f\u00fcr Kennzeichnung und Dokumentation \u2014 direkt im Workflow, in klinischen Systemen und integriert in Medizinger\u00e4te.\",\n\t  body:\"Im Gesundheitswesen m\u00fcssen Informationen schnell, eindeutig und nachvollziehbar verf\u00fcgbar sein \u2014 am Patientenbett, in der Diagnostik, im Labor und in der Medizintechnik. GeBE Thermodrucker unterst\u00fctzen \u00fcberall dort, wo digitale Daten als Ausdruck ben\u00f6tigt werden.\",\n\t  models:[\"mulde_mini\",\"mulde_maxi\",\"flash\"] },\n\t{ id:\"lotterie\", name:\"Lotterie & Wetten\", tileSub:\"Wettterminals, POS, Self-Service\",\n\t  hero: UP+\"2026\/09\/gebe-konf-lottery-v7.jpg\",\n\t  h1:\"GeBE Thermodrucker f\u00fcr Lotterie & Wetten\",\n\t  lead:\"Ticket- und Belegdruck direkt am Point of Sale und am Terminal \u2014 f\u00fcr schnelle Transaktionen, klare Nachweise und reibungslose Abl\u00e4ufe.\",\n\t  body:\"Im Lotterie- und Wettumfeld sind Transaktionen kurz, die Frequenz hoch und die Erwartung an klare Nachweise gro\u00df. Thermodruck l\u00e4sst Tickets und Belege direkt im Prozess entstehen \u2014 als Kundenbeleg und Grundlage f\u00fcr interne Dokumentation.\",\n\t  models:[\"compact_plus\",\"mulde_medi_cut\",\"mulde_mini\",\"piano\",\"piano_box\"] },\n\t{ id:\"banking\", name:\"Bankwesen & Finanzen\", tileSub:\"SB-Terminals, Kontoauszug, Belege\", direct:true,\n\t  hero:UP+\"2026\/09\/gebe-konf-banking-v7.jpg\",\n\t  h1:\"GeBE Druckl\u00f6sungen f\u00fcr Bankwesen & Finanzen\",\n\t  lead:\"F\u00fcr SB-Terminals, Kontoauszugsdrucker und Belegausgabe stellen wir die passende L\u00f6sung individuell zusammen.\",\n\t  body:\"Anforderungen im Finanzumfeld sind sehr spezifisch \u2014 von Sicherheit bis Systemintegration. Sprechen Sie direkt mit unserem Technik-Vertrieb: Wir kl\u00e4ren mit Ihnen, welches Drucksystem zu Ihrem Terminal- oder Filialkonzept passt.\",\n\t  models:[\"compact_plus\"] }\n];\nvar APP_BY_ID = {}; APPS.forEach(function(a){ APP_BY_ID[a.id] = a; });\n\/* Titel und Kurztext kommen von der Produktseite (Snippet 115 \"GeBE Produkt-Texte\"). *\/\nvar GKF_PTXT = (typeof window !== \"undefined\" && window.GEBE_PRODTXT) ? window.GEBE_PRODTXT : {};\nMODELS.forEach(function(m){\n  var k = (String(m.url || \"\").match(\/(\\d{2,6})\/) || [])[1];\n  var d = k ? GKF_PTXT[k] : null;\n  if (!d) return;\n  if (d.name) m.name = d.name;\n  if (d.kurz) { m.highlight = d.kurz; m.kurz = String(d.kurz).replace(\/\\s*Einsatzbereich\\b[\\s\\S]*$\/, \"\").trim(); }\n});\nvar MODEL_BY_ID = {}; MODELS.forEach(function(m){ MODEL_BY_ID[m.id] = m; });\nvar BEST_FOR = {\n\tcompact_plus:\"Outdoor-Einbau in Automaten und Kiosks\",\n\tcompact_plus_ll:\"Linerless-Etiketten in Outdoor-Automaten\",\n\tvario_plus_ll:\"Industrielle Print-&-Apply-Anlagen (4\u20136 Zoll)\",\n\tvario_box_ll:\"Tischdrucker f\u00fcr Versand- und Palettenetiketten\",\n\tmulde_medi_cut:\"Platzsparender Front-Einbau mit Cutter\",\n\tmulde_medi_box:\"Tisch-POS-Drucker mit Ethernet-Anbindung\",\n\tmulde_mini:\"Kompakter DIN-Einbau f\u00fcr Maschinen und Fahrzeuge\",\n\tmulde_mini_60:\"Lange unbeaufsichtigte Protokoll-Druckl\u00e4ufe\",\n\tmulde_maxi:\"Breiter Protokolldrucker auf engstem Raum\",\n\tkassette:\"Manipulationssichere Protokoll-Kassette\",\n\tpiano:\"Tisch-Drucker f\u00fcr Eintrittskarten und ISO-Tickets\",\n\tpiano_box:\"Manipulationssichere Tickets im \u00d6V und Stadion\",\n\tflash:\"Mobiler Akku-Drucker f\u00fcr Au\u00dfendienst und Service\"\n};\nvar Q1_LABEL = {}; STEP1.forEach(function(t){ Q1_LABEL[t.key]=t.label; });\nvar Q2_LABEL = {}; STEP2.forEach(function(t){ Q2_LABEL[t.key]=t.label; });\nvar Q4_LABEL = {}; STEP4.forEach(function(t){ Q4_LABEL[t.key]=t.label; });\n\nvar st = { step:\"entry\", skipped:false, app:null, cameFromApp:false, q1:null, q1Freitext:\"\", ft1Open:false, q2:null, q2Freitext:\"\", ft2Open:false,\n\tq3:[], q3Freitext:\"\", q3Unknown:false, ft3Open:false, q4:[], q4Freitext:\"\", ft4Open:false, note:\"\", index:0, submitted:false,\n\tuserInteracted:false, formRevealed:false };\nvar narrow=false, mobile=false, intro=false, introN=0, introLeaving=false, fading=false, sending=false;\nvar timers = {};\n\nfunction save(){\n\ttry { sessionStorage.setItem(\"gk-konfig-state\", JSON.stringify({ step:st.step, skipped:st.skipped,\n\t\tapp:st.app, cameFromApp:st.cameFromApp,\n\t\tq1:st.q1, q1Freitext:st.q1Freitext, q2:st.q2, q2Freitext:st.q2Freitext,\n\t\tq3:st.q3, q3Freitext:st.q3Freitext, q3Unknown:st.q3Unknown, q4:st.q4, q4Freitext:st.q4Freitext, ft1Open:st.ft1Open, ft2Open:st.ft2Open, ft4Open:st.ft4Open, note:st.note, index:st.index })); } catch(e){}\n}\nfunction loadSaved(){\n\t\/* V3.4: Restore nach Reload (F5) und Zurueck\/Vor-Navigation - sessionStorage;\n\t   nur bei neuer Navigation wird der Zustand vorher geloescht (siehe Init). *\/\n\ttry { localStorage.removeItem(\"gk-konfig-state\"); } catch(e){}\n\ttry {\n\t\tvar s = JSON.parse(sessionStorage.getItem(\"gk-konfig-state\") || \"null\");\n\t\tif (s && typeof s === \"object\") {\n\t\t\tvar ok = (s.step === \"result\" || s.step === \"entry\" || s.step === \"apps\" || s.step === \"app\" || (s.step >= 1 && s.step <= 4));\n\t\t\tst.step = ok ? s.step : \"entry\";\n\t\t\tst.app = (s.app && APP_BY_ID[s.app]) ? s.app : null;\n\t\t\tif (st.step === \"app\" && !st.app) st.step = \"apps\";\n\t\t\tst.cameFromApp = !!s.cameFromApp && !!st.app;\n\t\t\tst.skipped = !!s.skipped;\n\t\t\tst.q1 = s.q1 || null; st.q1Freitext = s.q1Freitext || \"\";\n\t\t\tst.q2 = s.q2 || null; st.q2Freitext = s.q2Freitext || \"\";\n\t\t\tst.q3 = Array.isArray(s.q3) ? s.q3 : []; st.q3Freitext = s.q3Freitext || \"\"; st.q3Unknown = !!s.q3Unknown;\n\t\t\tst.q4 = Array.isArray(s.q4) ? s.q4 : [];\n\t\t\tst.index = typeof s.index === \"number\" ? s.index : 0;\n\t\t\tst.userInteracted = true;\n\t\t\treturn !(s.step && s.step !== \"entry\");\n\t\t}\n\t} catch(e){}\n\treturn true;\n}\n\n\/* ---------- Matching (Port aus V1\/Prototyp) ---------- *\/\nfunction findMatches(){\n\tvar q1=st.q1, q2=st.q2, q3vals=st.q3, q4=st.q4;\n\tvar q3unknown = st.q3Unknown || q3vals.length === 0;\n\tfunction apply(incQ3, incQ2){\n\t\treturn MODELS.filter(function(p){\n\t\t\tif (q1 && q1 !== \"unknown\") {\n\t\t\t\tvar req = Q1_MAP[q1] || [];\n\t\t\t\tif (!req.some(function(r){ return p.prints.indexOf(r) >= 0; })) return false;\n\t\t\t}\n\t\t\tif (incQ2 && q2 && q2 !== \"unknown\" && p.form !== q2) return false;\n\t\t\tif (incQ3 && !q3unknown && q3vals.length > 0 && !q3vals.some(function(w){ return p.widths.indexOf(w) >= 0; })) return false;\n\t\t\treturn true;\n\t\t});\n\t}\n\tfunction score(list){\n\t\treturn list.map(function(p){\n\t\t\tvar opt = p.ifaces_opt || [];\n\t\t\tvar full = q4.filter(function(i){ return p.ifaces.indexOf(i) >= 0; }).length;\n\t\t\tvar half = q4.filter(function(i){ return p.ifaces.indexOf(i) < 0 && opt.indexOf(i) >= 0; }).length;\n\t\t\tvar matched = full + half * 0.5;\n\t\t\tvar s = q4.length === 0 ? 100 : (matched >= q4.length ? 100 : matched > 0 ? 60 + matched * 5 : 30);\n\t\t\treturn { p:p, s:s };\n\t\t}).sort(function(a,b){ return b.s - a.s; }).map(function(x){ return x.p; });\n\t}\n\tvar c = apply(true, true); if (c.length) return score(c);\n\tc = apply(false, true); if (c.length) return score(c);\n\tif (q2 && q2 !== \"unknown\") { var only2 = MODELS.filter(function(p){ return p.form === q2; }); if (only2.length) return score(only2); }\n\tc = apply(false, false); if (c.length) return score(c);\n\treturn MODELS.slice(0, 1);\n}\nfunction getResultModels(){\n\tif (st.skipped) return { list: MODELS, title: \"Unsere Drucker im \u00dcberblick.\",\n\t\tsub: \"Sie sind direkt zur Anfrage gesprungen \u2014 im Karussell sehen Sie unser Sortiment. Beschreiben Sie uns kurz Ihren Fall, unser Vertriebsteam schl\u00e4gt Ihnen passende Modelle vor.\" };\n\tvar list = findMatches().slice(0, 6);\n\tvar n = list.length;\n\treturn { list: list, title: \"Das k\u00f6nnte passen.\",\n\t\tsub: n === 1\n\t\t\t? \"Auf Basis Ihrer Angaben kommt 1 Modell in Frage. Ob es wirklich passt, kl\u00e4rt unser Vertriebsteam mit Ihnen \u2014 fast jeder GeBE-Drucker wird kundenspezifisch angepasst.\"\n\t\t\t: \"Auf Basis Ihrer Angaben kommen \" + n + \" Modelle in Frage. Welches wirklich passt, kl\u00e4rt unser Vertriebsteam mit Ihnen \u2014 fast jeder GeBE-Drucker wird kundenspezifisch angepasst.\" };\n}\n\n\/* ---------- Helpers ---------- *\/\nfunction el(html){ var t = document.createElement(\"template\"); t.innerHTML = html.trim(); return t.content.firstChild; }\nfunction esc(s){ return String(s).replace(\/&\/g,\"&amp;\").replace(\/<\/g,\"&lt;\").replace(\/>\/g,\"&gt;\").replace(\/\"\/g,\"&quot;\"); }\nvar ARROW = '';\nvar BACK_ARROW = '';\nvar CHECK = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#494F57\" stroke-width=\"3\"><path d=\"M5 12l5 5L20 7\"><\/path><\/svg>';\nfunction measure(){\n\tnarrow = window.innerWidth < 1000; mobile = window.innerWidth < 640;\n\tvar fixed = !narrow && st.step !== \"app\";\n\tdocument.documentElement.classList.toggle(\"gkf-noscroll\", fixed);\n\tdocument.body.classList.toggle(\"gkf-noscroll\", fixed);\n\tROOT.classList.toggle(\"gkf-fixed\", fixed);\n\tif (fixed) {\n\t\twindow.scrollTo({ top: 0, left: 0, behavior: \"instant\" });\n\t\tvar top = Math.max(0, Math.round(ROOT.getBoundingClientRect().top));\n\t\tROOT.style.height = Math.max(430, window.innerHeight - top) + \"px\";\n\t} else { ROOT.style.height = \"\"; }\n}\nfunction scrollTop(){ if (ROOT.classList.contains(\"gkf-fixed\")) return; var y = ROOT.getBoundingClientRect().top + window.pageYOffset - 90; window.scrollTo({ top: Math.max(0, y) }); }\n\n\/* ---------- Navigation ---------- *\/\nfunction showStep(n){\n\tst.step = n; save();\n\trender();\n\tif (n === \"result\") startReveal();\n\tscrollTop();\n}\nfunction goBack(){\n\tif (st.step === \"result\") { showStep(st.skipped ? \"entry\" : 4); return; }\n\tif (st.step === \"app\") { showStep(\"apps\"); return; }\n\tif (st.step === \"apps\") { showStep(\"entry\"); return; }\n\tif (st.step === 1) { showStep(st.cameFromApp && st.app ? \"app\" : \"entry\"); return; }\n\tif (typeof st.step === \"number\" && st.step > 1) showStep(st.step - 1);\n}\nfunction goToStep(n){ if (typeof st.step === \"number\" && n < st.step) showStep(n); }\nfunction skipToResult(){ st.skipped = true; st.index = 0; showStep(\"result\"); }\nfunction goToResult(){ st.skipped = false; st.index = 0; showStep(\"result\"); }\nfunction pickEntry(key){\n\tif (key === \"params\") { window.location.href = PARAM_URL; return; }\n\tif (key === \"apps\") { st.app = null; st.cameFromApp = false; save(); showStep(\"apps\"); return; }\n\tst.app = null; st.cameFromApp = false; save(); showStep(1);\n}\nfunction pickApp(id){ st.app = id; save(); showStep(\"app\"); }\nfunction refineFromApp(){ st.cameFromApp = true; st.skipped = false; save(); showStep(1); }\nfunction markSingle(tileEl){\n\tif (!tileEl || !tileEl.parentNode) return;\n\tArray.prototype.forEach.call(tileEl.parentNode.querySelectorAll(\".gkf-sel\"), function(x){ x.classList.remove(\"gkf-sel\"); });\n\ttileEl.classList.add(\"gkf-sel\");\n}\nfunction pick1(key, tileEl){\n\tif (key === \"unknown\") { st.ft1Open = true; st.q1 = \"unknown\"; st.q2 = null; st.q3 = []; st.q3Unknown = false; st.q4 = []; st.skipped = false; save(); render(); return; }\n\tif (st.q1 !== key) { st.q2 = null; st.q3 = []; st.q3Unknown = false; st.q4 = []; }\n\tst.q1 = key; st.q1Freitext = \"\"; st.skipped = false; save();\n\tmarkSingle(tileEl);\n\tupdateActionHint();\n}\nfunction pick2(key, tileEl){\n\tif (key === \"unknown\") { st.ft2Open = true; st.q2 = \"unknown\"; st.q3 = []; st.q3Unknown = false; st.q4 = []; st.skipped = false; save(); render(); return; }\n\tif (st.q2 !== key) { st.q3 = []; st.q3Unknown = false; st.q4 = []; }\n\tst.q2 = key; st.q2Freitext = \"\"; st.skipped = false; save();\n\tmarkSingle(tileEl);\n\tupdateActionHint();\n}\nfunction pick3(key, tileEl){\n\tif (key === \"unknown\") { st.ft3Open = true; st.q3 = []; st.q3Unknown = true; save(); render(); return; }\n\tvar i = st.q3.indexOf(key);\n\tif (i >= 0) st.q3.splice(i, 1); else st.q3.push(key);\n\tst.q3Unknown = false; save();\n\ttileEl.classList.toggle(\"gkf-sel\", st.q3.indexOf(key) >= 0);\n\tupdateActionHint();\n}\nfunction pick4(key, tileEl){\n\tvar i = st.q4.indexOf(key);\n\tif (i >= 0) st.q4.splice(i, 1); else st.q4.push(key);\n\tsave();\n\ttileEl.classList.toggle(\"gkf-sel\", st.q4.indexOf(key) >= 0);\n\tupdateActionHint();\n}\nfunction ftDone(n, withText){\n\tvar ta = SCREEN.querySelector(\".gkf-ft textarea\");\n\tvar txt = withText && ta ? (ta.value || \"\").trim() : \"\";\n\tif (n === 1) { st.ft1Open = false; st.q1Freitext = txt; }\n\tif (n === 2) { st.ft2Open = false; st.q2Freitext = txt; }\n\tif (n === 3) { st.ft3Open = false; st.q3Freitext = txt; }\n\tsave();\n\tshowStep(n + 1);\n}\n\n\/* ---------- Render: Steps ---------- *\/\nfunction render(){\n\tclearTimeout(timers.reveal); clearTimeout(timers.fade);\n\tmeasure();\n\tvar pct = 100;\n\tif (st.step === \"entry\") pct = 5;\n\telse if (st.step === \"apps\") pct = 9;\n\telse if (st.step === \"app\") pct = 14;\n\telse if (typeof st.step === \"number\") pct = (st.step - 1) \/ 4 * 100 + 12;\n\tPROGRESS_FILL.style.width = pct + \"%\";\n\tPROGRESS.style.opacity = intro ? \"0\" : \"1\";\n\tSCREEN.innerHTML = \"\";\n\tif (st.step !== \"result\") { ROOT.classList.remove(\"gkf-stage\"); var oldStage = ROOT.querySelector(\".gkf-studio\"); if (oldStage) oldStage.remove(); }\n\tremoveFab();\n\tif (st.step === \"result\") renderResult();\n\telse if (st.step === \"entry\") renderEntry();\n\telse if (st.step === \"apps\") renderApps();\n\telse if (st.step === \"app\") { renderApp(); gkfAppReorder(); }\n\telse renderAllQuestions();\n}\n\nfunction gkfAppReorder(){\n\ttry {\n\t\tvar ref = SCREEN.querySelector(\".gkf-app-refine\");\n\t\tif (!ref || ref.querySelector(\".gkf-refine-chips\")) return;\n\t\tvar cnt = SCREEN.querySelectorAll(\".gkf-prodcard\").length;\n\t\tvar hint = ref.querySelector(\".gkf-cta-hint\");\n\t\tvar chips = el('<div class=\"gkf-refine-chips\"><span class=\"gkf-refine-chip\">Druckgut<\/span><span class=\"gkf-refine-chip\">Bauform<\/span><span class=\"gkf-refine-chip\">Papierbreite<\/span><span class=\"gkf-refine-chip\">Ansteuerung<\/span><\/div>');\n\t\tif (hint) {\n\t\t\thint.textContent = cnt ? \"Vier kurze Angaben \\u2014 und aus den \" + cnt + \" Modellen dieses Bereichs wird eine gezielte Empfehlung.\" : \"Vier kurze Angaben f\\u00fchren zu einer gezielten Empfehlung.\";\n\t\t\thint.parentNode.insertBefore(chips, hint.nextSibling);\n\t\t} else { ref.insertBefore(chips, ref.firstChild); }\n\t} catch (e) {}\n}\nfunction renderAllQuestions(){\n\tvar wrap = el('<div class=\"gkf-steps-wrap gkf-qwrap\"><\/div>');\n\tvar tb = entryTopbar(true);\n\tvar bk = tb.querySelector(\".gkf-pillbtn\");\n\tif (bk && bk.parentNode) { var nb = bk.cloneNode(true); bk.parentNode.replaceChild(nb, bk); nb.addEventListener(\"click\", function(){ if (st.cameFromApp && st.app) { st.step = \"app\"; } else { st.step = \"entry\"; } save(); render(); }); }\n\twrap.appendChild(tb);\n\twrap.appendChild(el('<div class=\"gkf-step-head gkf-qhead\"><h1>Was muss der Drucker k\\u00f6nnen?<\/h1>' +\n\t\t'<p>Alle Angaben sind optional \\u2014 was Sie offen lassen, kl\\u00e4ren wir im Gespr\\u00e4ch.<\/p><\/div>'));\n\tvar clean = function(a){ var o = []; for (var i = 0; i < a.length; i++) { if (a[i].key !== \"unknown\") o.push(a[i]); } return o; };\n\tvar QDEF = [\n\t\t{ n:1, q:\"Was m\\u00f6chten Sie drucken?\", opts:clean(STEP1) },\n\t\t{ n:2, q:\"Wie soll das Ger\\u00e4t sein?\", opts:clean(STEP2) },\n\t\t{ n:3, q:\"Wie breit ist das Papier?\", opts:clean(STEP3), note:\"Mehrfachauswahl m\\u00f6glich\" },\n\t\t{ n:4, q:\"Wie wird der Drucker angesteuert?\", opts:clean(STEP4), note:\"Mehrfachauswahl m\\u00f6glich\" }\n\t];\n\tvar chipEls = [], freeEls = [];\n\tvar board = el('<div class=\"gkf-qboard\"><\/div>');\n\tQDEF.forEach(function(qd){\n\t\tvar blk = el('<div class=\"gkf-qblock\"><\/div>');\n\t\tblk.appendChild(el('<div class=\"gkf-qb-head\"><span class=\"gkf-qb-q\">' + qd.q + '<\/span>' +\n\t\t\t(qd.note ? '<span class=\"gkf-qb-note\">' + qd.note + '<\/span>' : '') + '<\/div>'));\n\t\tvar row = el('<div class=\"gkf-chips\"><\/div>');\n\t\tqd.opts.forEach(function(o){\n\t\t\tvar ch = el('<button type=\"button\" class=\"gkf-qchip\"><span class=\"gkf-qchip-l\">' + esc(o.label) + '<\/span>' + (o.sub ? '<span class=\"gkf-qchip-s\">' + esc(o.sub) + '<\/span>' : '') + '<\/button>');\n\t\t\tch.addEventListener(\"click\", function(){ toggleAns(qd.n, o.key); });\n\t\t\tchipEls.push({ n: qd.n, key: o.key, el: ch });\n\t\t\trow.appendChild(ch);\n\t\t});\n\t\tvar un = el('<button type=\"button\" class=\"gkf-qchip gkf-qchip-unknown\"><span class=\"gkf-qchip-l\">Wei\\u00df ich nicht<\/span><span class=\"gkf-qchip-s\">Kl\\u00e4ren wir gemeinsam<\/span><\/button>');\n\t\tun.addEventListener(\"click\", function(){ toggleAns(qd.n, \"unknown\"); });\n\t\tchipEls.push({ n: qd.n, key: \"unknown\", el: un });\n\t\trow.appendChild(un);\n\t\tblk.appendChild(row);\n\t\tvar fw = el('<div class=\"gkf-qfree\"><input type=\"text\" class=\"gkf-qfree-in\" placeholder=\"Was Sie dazu sagen k\\u00f6nnen (optional)\"><\/div>');\n\t\tvar inp = fw.querySelector(\"input\");\n\t\tinp.value = freeGet(qd.n);\n\t\tinp.addEventListener(\"input\", function(){ freeSet(qd.n, inp.value); save(); });\n\t\tblk.appendChild(fw);\n\t\tfreeEls.push({ n: qd.n, el: fw });\n\t\tboard.appendChild(blk);\n\t});\n\tvar noteBlk = el('<div class=\"gkf-qblock gkf-qnote\"><div class=\"gkf-qb-head\"><span class=\"gkf-qb-q\">Etwas, das wir wissen sollten?<\/span>' +\n\t\t'<span class=\"gkf-qb-note\">Geht mit Ihrer Anfrage an den Vertrieb, filtert die Modelle aber nicht<\/span><\/div>' +\n\t\t'<textarea class=\"gkf-qnote-in\" rows=\"2\" placeholder=\"St\\u00fcckzahl, Einsatzort, Termin, Sonderwunsch \\u2026\"><\/textarea><\/div>');\n\tvar nIn = noteBlk.querySelector(\"textarea\");\n\tnIn.value = st.note || \"\";\n\tnIn.addEventListener(\"input\", function(){ st.note = nIn.value; save(); });\n\tboard.appendChild(noteBlk);\n\twrap.appendChild(board);\n\tvar bar = el('<div class=\"gkf-qbar\"><div class=\"gkf-qbar-count\"><\/div>' +\n\t\t'<button type=\"button\" class=\"elementor-button gkf-ab-btn\">Empfehlung ansehen<\/button><\/div>');\n\tbar.querySelector(\"button\").addEventListener(\"click\", goToResult);\n\tboard.appendChild(bar);\n\tSCREEN.appendChild(wrap);\n\tfunction unknownOn(n){ return n === 1 ? !!st.ft1Open : n === 2 ? !!st.ft2Open : n === 3 ? !!st.q3Unknown : !!st.ft4Open; }\n\tfunction setUnknown(n, v){ if (n === 1) st.ft1Open = v; else if (n === 2) st.ft2Open = v; else if (n === 3) st.q3Unknown = v; else st.ft4Open = v; }\n\tfunction freeGet(n){ return (n === 1 ? st.q1Freitext : n === 2 ? st.q2Freitext : n === 3 ? st.q3Freitext : st.q4Freitext) || \"\"; }\n\tfunction freeSet(n, v){ if (n === 1) st.q1Freitext = v; else if (n === 2) st.q2Freitext = v; else if (n === 3) st.q3Freitext = v; else st.q4Freitext = v; }\n\tfunction isSel(n, key){\n\t\tif (key === \"unknown\") return unknownOn(n);\n\t\tif (n === 1) return st.q1 === key;\n\t\tif (n === 2) return st.q2 === key;\n\t\tif (n === 3) return st.q3.indexOf(key) > -1;\n\t\treturn st.q4.indexOf(key) > -1;\n\t}\n\tfunction toggleAns(n, key){\n\t\tif (key === \"unknown\") {\n\t\t\tvar on = !unknownOn(n);\n\t\t\tsetUnknown(n, on);\n\t\t\tif (on) { if (n === 1) st.q1 = null; else if (n === 2) st.q2 = null; else if (n === 3) st.q3 = []; else st.q4 = []; }\n\t\t} else if (n === 1) { st.q1 = (st.q1 === key) ? null : key; if (st.q1) st.ft1Open = false; }\n\t\telse if (n === 2) { st.q2 = (st.q2 === key) ? null : key; if (st.q2) st.ft2Open = false; }\n\t\telse if (n === 3) { var a = st.q3.indexOf(key); if (a > -1) st.q3.splice(a, 1); else { st.q3.push(key); st.q3Unknown = false; } }\n\t\telse { var b = st.q4.indexOf(key); if (b > -1) st.q4.splice(b, 1); else { st.q4.push(key); st.ft4Open = false; } }\n\t\tsave(); paint();\n\t}\n\tfunction paint(){\n\t\tfor (var i = 0; i < chipEls.length; i++) {\n\t\t\tvar ce = chipEls[i].el, on = isSel(chipEls[i].n, chipEls[i].key);\n\t\t\tce.classList.toggle(\"gkf-qchip-on\", on);\n\t\t\tif (on) { ce.style.setProperty(\"background\", \"rgba(90,98,107,0.63)\", \"important\"); ce.style.setProperty(\"border-color\", \"#FFFFFF\", \"important\"); }\n\t\t\telse { ce.style.removeProperty(\"background\"); ce.style.removeProperty(\"border-color\"); ce.style.removeProperty(\"box-shadow\"); }\n\t\t}\n\t\tfor (var k = 0; k < freeEls.length; k++) freeEls[k].el.classList.toggle(\"gkf-qfree-on\", unknownOn(freeEls[k].n));\n\t\tvar hits = findMatches().length;\n\t\tvar ans = (st.q1 ? 1 : 0) + (st.q2 ? 1 : 0) + (st.q3.length ? 1 : 0) + (st.q4.length ? 1 : 0);\n\t\tbar.querySelector(\".gkf-qbar-count\").innerHTML = '<strong>' + hits + '<\/strong> von ' + MODELS.length + ' Modellen passen' + (ans ? '' : ' \\u2014 w\\u00e4hlen Sie, was zutrifft');\n\t\tvar goBtn = bar.querySelector(\"button\"); if (goBtn) goBtn.classList.toggle(\"gkf-ab-off\", ans === 0);\n\t}\n\tpaint();\n}\n\n\nfunction entryTopbar(withBack){\n\tvar topbar = el('<div class=\"gkf-topbar' + (mobile ? ' gkf-mobile-pad' : '') + '\" style=\"' + (intro ? 'opacity:0;' : '') + '\"><\/div>');\n\tvar slotL = el('<div class=\"gkf-topbar-slot\"><\/div>');\n\tif (withBack) {\n\t\tvar back = el('<button type=\"button\" class=\"gebe-chip gkf-pillbtn\">' + BACK_ARROW + ' Zur\u00fcck<\/button>');\n\t\tback.addEventListener(\"click\", goBack);\n\t\tslotL.appendChild(back);\n\t}\n\tvar slotR = el('<div class=\"gkf-topbar-slot gkf-slot-right\"><\/div>');\n\tvar skip = el('<button type=\"button\" class=\"gkf-skiplink\">Direkt anfragen<\/button>');\n\tskip.addEventListener(\"click\", skipToResult);\n\ttopbar.appendChild(slotL); topbar.appendChild(slotR);\n\treturn topbar;\n}\n\nfunction renderEntry(){\n\tvar wrap = el('<div class=\"gkf-steps-wrap\"><\/div>');\n\tvar etb = entryTopbar(false);\n\tvar sk = etb.querySelector(\".gkf-skiplink\");\n\tif (sk && sk.parentNode) sk.parentNode.removeChild(sk);\n\twrap.appendChild(etb);\n\tvar head = el('<div class=\"gkf-step-head gkf-first' + (intro ? ' gkf-intro-hidden' : '') + '\">' +\n\t\t'<h1>Finden Sie Ihr Drucksystem.<\/h1>' +\n\t\t'<p>Drei Wege \\u2013 ein Ziel: Ihre optimale Drucker-L\\u00f6sung. Fast jeder unserer Drucker ist kundenspezifisch angepasst. Ihre Selektion bildet die Grundlage f\\u00fcr Ihr Gespr\\u00e4ch mit unserem Vertriebsteam.<\/p><\/div>');\n\twrap.appendChild(head);\n\tvar grid = el('<div class=\"gkf-grid gkf-entry2 gkf-fadein' + (intro ? ' gkf-pre-intro' : '') + '\"><\/div>');\n\tfunction e2(cfg){\n\t\tvar b = el('<div class=\"gkf-e2' + (cfg.main ? ' gkf-e2-main' : ' gkf-e2-side') + '\" role=\"button\" tabindex=\"0\">' +\n\t\t\t'<span class=\"gkf-e2-top\">' + (cfg.kick ? '<span class=\"gkf-e2-kick\">' + cfg.kick + '<\/span>' : '<span><\/span>') + (cfg.badge ? '<span class=\"gkf-e2-badge\">' + cfg.badge + '<\/span>' : '') + '<\/span>' +\n\t\t\t'<span class=\"gkf-e2-h\">' + cfg.h + '<\/span>' +\n\t\t\t'<span class=\"gkf-e2-p\">' + cfg.p + '<\/span>' +\n\t\t\t(cfg.meta ? '<span class=\"gkf-e2-meta\">' + cfg.meta + '<\/span>' : '') +\n\t\t\t'<\/div>');\n\t\tfunction fire(){ pickEntry(cfg.key); }\n\t\tb.addEventListener(\"click\", fire);\n\t\tb.addEventListener(\"keydown\", function(ev){ if (ev.key === \"Enter\" || ev.key === \" \") { ev.preventDefault(); fire(); } });\n\t\treturn b;\n\t}\n\tgrid.appendChild(e2({ key:\"apps\", kick:\"Am einfachsten\", h:\"\u00dcber Branchen\",\n\t\tp:\"Branche w\\u00e4hlen und sofort die Drucker sehen, die sich dort bew\\u00e4hrt haben \\u2013 ein schneller Einstieg und Gespr\\u00e4chsgrundlage f\\u00fcr Ihren Kontakt mit unserem Vertriebsteam.\", cta:\"Bereiche ansehen\" }));\n\tgrid.appendChild(e2({ key:\"guided\", main:true, kick:\"F\\u00fcr die meisten\", badge:\"Empfohlen\", h:\"\\u00dcber Anforderungen\",\n\t\tp:\"Mit nur vier Fragen zu einer Produkt-Vorauswahl. Die Details besprechen Sie dann mit unserem Vertriebsteam.\",\n\t\tcta:\"Finder starten\" }));\n\tgrid.appendChild(e2({ key:\"params\", kick:\"F\\u00fcr Technik\", h:\"\\u00dcber Parameter\",\n\t\tp:\"Mit detailliertem Technik-Filter zu technisch passenden Produkten. Das Gespr\\u00e4ch mit unserem Vertriebsteam ergibt, welches sich f\\u00fcr Ihren Bedarf am besten eignet.\", cta:\"Technik-\\u00dcbersicht\" }));\n\twrap.appendChild(grid);\n\twrap.appendChild(underGrid(\"Sie wissen schon genau, was Sie brauchen?\", \"Direkt anfragen\"));\n\tSCREEN.appendChild(wrap);\n}\n\nfunction renderApps(){\n\tvar wrap = el('<div class=\"gkf-steps-wrap\"><\/div>');\n\twrap.appendChild(entryTopbar(true));\n\tvar head = el('<div class=\"gkf-step-head\"><h1>In welchem Bereich soll gedruckt werden?<\/h1>' +\n\t\t'<p>W\u00e4hlen Sie Ihre Branche \u2014 Sie sehen sofort die Drucker, die sich dort bew\u00e4hrt haben.<\/p><\/div>');\n\twrap.appendChild(head);\n\tvar grid = mkGrid(narrow ? (mobile ? 1 : 2) : 3, 1240, \" gkf-apps-grid\", APPS.length);\n\tAPPS.forEach(function(a){\n\t\tvar tile = mkTile({ label:a.name, sub:a.tileSub }, false, false, true);\n\t\tif (a.hero) tile.insertBefore(el('<div class=\"gkf-tile-bg\" style=\"background-image:url(\\'' + a.hero + '\\')\"><\/div>'), tile.firstChild);\n\t\ttile.addEventListener(\"click\", function(){ pickApp(a.id); });\n\t\tgrid.appendChild(tile);\n\t});\n\twrap.appendChild(grid);\n\tSCREEN.appendChild(wrap);\n}\n\nfunction renderApp(){\n\tvar a = APP_BY_ID[st.app];\n\tif (!a) { showStep(\"apps\"); return; }\n\tvar wrap = el('<div class=\"gkf-steps-wrap gkf-app\"><\/div>');\n\twrap.appendChild(entryTopbar(true));\n\tvar hero = a.hero\n\t\t? el('<div class=\"gkf-app-hero\" style=\"background-image:url(\\'' + a.hero + '\\')\"><div class=\"gkf-app-hero-shade\"><\/div><\/div>')\n\t\t: el('<div class=\"gkf-app-hero gkf-app-hero-plain\"><\/div>');\n\twrap.appendChild(hero);\n\twrap.appendChild(el('<div class=\"gkf-app-head\"><h1>' + esc(a.h1) + '<\/h1>' +\n\t\t'<p class=\"gkf-app-lead\">' + esc(a.lead) + '<\/p>' +\n\t\t'<p class=\"gkf-app-text\">' + esc(a.body) + '<\/p><\/div>'));\n\tif (a.models.length) {\n\t\twrap.appendChild(el('<div class=\"gkf-app-prods-label\">Bew\u00e4hrt in diesem Bereich<\/div>'));\n\t\tvar prods = el('<div class=\"gkf-app-prods\"><\/div>');\n\t\ta.models.forEach(function(id){\n\t\t\tvar m = MODEL_BY_ID[id]; if (!m) return;\n\t\t\tvar card = el('<div class=\"gkf-prodcard\" title=\"Zur Produktseite: ' + esc(m.name) + '\">' +\n\t\t\t\t'<div class=\"gkf-prodcard-img\" role=\"img\" aria-label=\"' + esc(m.name) + '\" style=\"background-image:url(\\'' + m.img + '\\')\"><\/div>' +\n\t\t\t\t'<div class=\"gkf-prodcard-name\">' + esc(m.name) + '<\/div>' +\n\t\t\t\t'<div class=\"gkf-prodcard-sub\">' + esc(m.kurz || BEST_FOR[id] || (m.specs && m.specs[0]) || \"\") + '<\/div>' +\n\t\t\t\t'<\/div>');\n\t\t\tcard.addEventListener(\"click\", function(){ openProdukt(m); });\n\t\t\tprods.appendChild(card);\n\t\t});\n\t\twrap.appendChild(prods);\n\t}\n\tvar ctas = el('<div class=\"gkf-app-ctas\">' +\n\t\t'<div class=\"gkf-cta-hint\">' + (a.models.length ? 'Unser Vertriebsteam kl\u00e4rt mit Ihnen, welches Modell wirklich passt \u2014 fast jeder GeBE-Drucker wird kundenspezifisch angepasst.' : 'Wir stellen die passende L\u00f6sung individuell mit Ihnen zusammen \u2014 sprechen Sie direkt mit unserem Technik-Vertrieb.') + '<\/div>' +\n\t\t'<button type=\"button\" class=\"elementor-button gkf-btn gkf-big gkf-app-contact\">Kontakt aufnehmen ' + ARROW + '<\/button><\/div>');\n\tctas.querySelector(\".gkf-app-contact\").addEventListener(\"click\", function(){ toggleAppForm(); });\n\twrap.appendChild(ctas);\n\tvar fw = el('<div class=\"gkf-app-formwrap\"><div class=\"gkf-app-formpanel\">' +\n\t\t'<h2>Sie m\u00fcssen unsere Drucker nicht kennen. Das ist unser Job.<\/h2>' +\n\t\t'<p class=\"gkf-form-lead\">Schicken Sie uns Ihre Anfrage \u2014 wir erstellen konkrete Vorschl\u00e4ge f\u00fcr den Bereich ' + esc(a.name) + '.<\/p><\/div><\/div>');\n\tvar panel = fw.querySelector(\".gkf-app-formpanel\");\n\tif (st.submitted) panel.appendChild(thanksBox()); else panel.appendChild(buildForm());\n\twrap.appendChild(fw);\n\tif (a.models.length) {\n\t\tvar ref = el('<div class=\"gkf-app-refine\"><div class=\"gkf-cta-hint\">Sie m\u00f6chten die Auswahl weiter eingrenzen? Erg\u00e4nzen Sie jetzt Ihre Anforderungen \u2014 f\u00fcr eine gezieltere Empfehlung.<\/div>' +\n\t\t\t'<button type=\"button\" class=\"elementor-button gkf-btn gkf-ghost\">Auswahl mit Anforderungen verfeinern ' + ARROW + '<\/button><\/div>');\n\t\tref.querySelector(\"button\").addEventListener(\"click\", refineFromApp);\n\t\twrap.appendChild(ref);\n\t}\n\tSCREEN.appendChild(wrap);\n\tif (a.direct) toggleAppForm(true);\n}\n\nfunction toggleAppForm(force){\n\tvar fw = SCREEN.querySelector(\".gkf-app-formwrap\");\n\tif (!fw) return;\n\tvar open = force === true ? true : !fw.classList.contains(\"gkf-open\");\n\tfw.classList.toggle(\"gkf-open\", open);\n\tif (open && force !== true) {\n\t\tvar y = fw.getBoundingClientRect().top + window.pageYOffset - 90;\n\t\twindow.scrollTo({ top: Math.max(0, y), behavior: \"smooth\" });\n\t}\n}\n\nfunction renderSteps(){\n\tvar wrap = el('<div class=\"gkf-steps-wrap\"><\/div>');\n\t\/* Topbar *\/\n\tvar topbar = el('<div class=\"gkf-topbar' + (mobile ? ' gkf-mobile-pad' : '') + '\" style=\"' + (intro ? 'opacity:0;' : '') + '\"><\/div>');\n\tvar slotL = el('<div class=\"gkf-topbar-slot\"><\/div>');\n\tvar back = el('<button type=\"button\" class=\"gebe-chip gkf-pillbtn\">' + BACK_ARROW + ' Zur\u00fcck<\/button>');\n\tback.addEventListener(\"click\", goBack);\n\tslotL.appendChild(back);\n\tvar stepper = el('<div class=\"gkf-stepper' + (mobile ? ' gkf-stepper-mobile' : '') + '\"><\/div>');\n\tNAV.forEach(function(d){\n\t\tvar stepNum = typeof st.step === \"number\" ? st.step : 5;\n\t\tvar cls = stepNum > d.n ? \" gkf-done\" : (stepNum === d.n ? \" gkf-current\" : \"\");\n\t\tvar node = el('<div class=\"gkf-stepnode-wrap' + cls + '\" title=\"' + d.label + '\"><div class=\"gkf-stepnode\">' + d.n + '<\/div><div class=\"gkf-steplabel\">' + d.label + '<\/div><\/div>');\n\t\tnode.addEventListener(\"click\", function(){ goToStep(d.n); });\n\t\tstepper.appendChild(node);\n\t});\n\tvar slotR = el('<div class=\"gkf-topbar-slot gkf-slot-right\"><\/div>');\n\tvar skip = el('<button type=\"button\" class=\"gkf-skiplink\">Direkt anfragen<\/button>');\n\tskip.addEventListener(\"click\", skipToResult);\n\ttopbar.appendChild(slotL); topbar.appendChild(stepper); topbar.appendChild(slotR);\n\twrap.appendChild(topbar);\n\n\tvar s = st.step;\n\tif (s === 1) renderStep1(wrap);\n\tif (s === 2) renderStep2(wrap);\n\tif (s === 3) renderStep3(wrap);\n\tif (s === 4) renderStep4(wrap);\n\n\t\/* Action bar: einheitlich auf allen Steps (au&szlig;er wenn Freitext-Panel offen) *\/\n\tvar ftOpen = (s === 1 && st.ft1Open) || (s === 2 && st.ft2Open) || (s === 3 && st.ft3Open);\n\tif (!ftOpen) {\n\t\tvar ab = el('<div class=\"gkf-actionbar\"><div class=\"gkf-ab-hint\"><\/div><div class=\"gkf-ab-sep\"><\/div>' +\n\t\t\t'<button type=\"button\" class=\"elementor-button gkf-ab-btn\">' + (s === 4 ? \"Empfehlung anzeigen\" : \"Weiter\") + ' ' + ARROW + '<\/button><\/div>');\n\t\tab.querySelector(\".gkf-ab-btn\").addEventListener(\"click\", function(){\n\t\t\tif (st.step === 1) { if (!st.q1) return; showStep(2); }\n\t\t\telse if (st.step === 2) { if (!st.q2) return; showStep(3); }\n\t\t\telse if (st.step === 3) showStep(4);\n\t\t\telse goToResult();\n\t\t});\n\t\twrap.appendChild(ab);\n\t}\n\tSCREEN.appendChild(wrap);\n\tupdateActionHint();\n}\n\nfunction labelFor(arr, key){ for (var i = 0; i < arr.length; i++) { if (arr[i].key === key) return arr[i].label; } return \"\"; }\nfunction updateActionHint(){\n\tvar hint = SCREEN.querySelector(\".gkf-ab-hint\");\n\tif (!hint) return;\n\tvar btn = SCREEN.querySelector(\".gkf-ab-btn\");\n\tvar needPick = false;\n\tif (st.step === 1) {\n\t\tneedPick = !st.q1;\n\t\thint.textContent = st.q1 ? \"Ausgew\u00e4hlt: \" + labelFor(STEP1, st.q1) : \"Bitte eine Option w\u00e4hlen\";\n\t} else if (st.step === 2) {\n\t\tneedPick = !st.q2;\n\t\thint.textContent = st.q2 ? \"Ausgew\u00e4hlt: \" + labelFor(STEP2, st.q2) : \"Bitte eine Option w\u00e4hlen\";\n\t} else if (st.step === 3) {\n\t\thint.textContent = st.q3Unknown ? \"Kl\u00e4ren wir gemeinsam\" : (st.q3.length > 0 ? st.q3.length + \" ausgew\u00e4hlt\" : \"Auswahl optional\");\n\t} else {\n\t\thint.textContent = st.q4.length > 0 ? st.q4.length + \" ausgew\u00e4hlt\" : \"Auswahl optional\";\n\t}\n\tif (btn) { btn.disabled = needPick; btn.classList.toggle(\"gkf-ab-off\", needPick); }\n}\n\nfunction mkGrid(cols, maxw, extraCls, count){\n\tvar g = el('<div class=\"gkf-grid' + (extraCls || '') + '\"><\/div>');\n\tg.style.width = \"min(\" + maxw + \"px, 94vw)\";\n\tg.style.gridTemplateColumns = \"repeat(\" + cols + \", 1fr)\";\n\tif (count && ROOT.classList.contains(\"gkf-fixed\")) g.style.gridTemplateRows = \"repeat(\" + Math.ceil(count \/ cols) + \", minmax(0, 1fr))\";\n\treturn g;\n}\nfunction mkTile(t, selected, multi, shadeFull){\n\tvar big = t.big ? '<div class=\"gkf-tile-big\">' + t.big + '<span>' + t.bigSub + '<\/span><\/div>' : '';\n\tvar check = multi ? '<div class=\"gkf-check\">' + CHECK + '<\/div>' : '';\n\tvar tile = el('<div class=\"gkf-tile' + (selected ? ' gkf-sel' : '') + '\">' +\n\t\t'<div class=\"gkf-tile-shade' + (shadeFull ? ' gkf-shade-full' : '') + '\"><\/div>' + big + check +\n\t\t'<div class=\"gkf-tile-label\">' + t.label + '<\/div><div class=\"gkf-tile-sub\">' + t.sub + '<\/div><\/div>');\n\treturn tile;\n}\nfunction mkFt(h2, p, placeholder, n){\n\tvar ft = el('<div class=\"gkf-ft\"><h2>' + h2 + '<\/h2><p>' + p + '<\/p>' +\n\t\t'<textarea placeholder=\"' + placeholder + '\"><\/textarea>' +\n\t\t'<div class=\"gkf-ft-btns\"><button type=\"button\" class=\"elementor-button gkf-btn gkf-ft-go\">Weiter mit Beschreibung<\/button>' +\n\t\t'<button type=\"button\" class=\"elementor-button gkf-btn gkf-ghost gkf-ft-skip\">\u00dcberspringen<\/button><\/div><\/div>');\n\tft.querySelector(\".gkf-ft-go\").addEventListener(\"click\", function(){ ftDone(n, true); });\n\tft.querySelector(\".gkf-ft-skip\").addEventListener(\"click\", function(){ ftDone(n, false); });\n\treturn ft;\n}\nfunction underGrid(hintText, btnLabel){\n\tvar u = el('<div class=\"gkf-under-grid\"><div class=\"gkf-hint\">' + hintText + '<\/div>' +\n\t\t'<button type=\"button\" class=\"elementor-button gkf-btn gkf-ghost\">' + btnLabel + ' ' + ARROW + '<\/button><\/div>');\n\tu.querySelector(\"button\").addEventListener(\"click\", skipToResult);\n\treturn u;\n}\n\nfunction renderStep1(wrap){\n\tvar head = el('<div class=\"gkf-step-head\">' +\n\t\t'<h1>Was m\u00f6chten Sie drucken?<\/h1>' +\n\t\t'<p>In vier kurzen Fragen zu einer ersten Einsch\u00e4tzung. Da unsere Drucker fast immer kundenspezifisch angepasst werden, ist das Ergebnis ein Gespr\u00e4chs-Einstieg.<\/p><\/div>');\n\twrap.appendChild(head);\n\tif (st.ft1Open) {\n\t\twrap.appendChild(mkFt(\"Beschreiben Sie kurz Ihren Fall.\", \"Sie wissen nicht genau, was Sie drucken m\u00f6chten? Schreiben Sie uns kurz, worum es geht.\", \"z. B. \u201eIch m\u00f6chte etwas an der Maschine ausdrucken\u2026\u201c\", 1));\n\t\treturn;\n\t}\n\tvar grid = mkGrid(narrow ? 2 : 3, 1240, \"\", STEP1.length);\n\tgrid.style.marginBottom = ROOT.classList.contains(\"gkf-fixed\") ? \"88px\" : \"120px\";\n\tSTEP1.forEach(function(t){\n\t\tvar tile = mkTile(t, st.q1 === t.key, false);\n\t\ttile.addEventListener(\"click\", function(){ pick1(t.key, tile); });\n\t\tgrid.appendChild(tile);\n\t});\n\twrap.appendChild(grid);\n}\nfunction renderStep2(wrap){\n\tvar head = el('<div class=\"gkf-step-head\"><h1>Wie soll das Ger\u00e4t sein?<\/h1><p>Eingebaut, alleinstehend oder mobil mit Akku?<\/p><\/div>');\n\twrap.appendChild(head);\n\tif (st.ft2Open) {\n\t\twrap.appendChild(mkFt(\"Beschreiben Sie kurz den Einsatzort.\", \"Wo soll der Drucker stehen oder eingebaut werden?\", \"z. B. \u201eIn einer Industrie-Schaltschrank-T\u00fcr\u2026\u201c\", 2));\n\t\treturn;\n\t}\n\tvar grid = mkGrid(2, 880, \"\", STEP2.length);\n\tgrid.style.marginBottom = ROOT.classList.contains(\"gkf-fixed\") ? \"88px\" : \"120px\";\n\tSTEP2.forEach(function(t){\n\t\tvar tile = mkTile(t, st.q2 === t.key, false);\n\t\ttile.addEventListener(\"click\", function(){ pick2(t.key, tile); });\n\t\tgrid.appendChild(tile);\n\t});\n\twrap.appendChild(grid);\n}\nfunction renderStep3(wrap){\n\tvar head = el('<div class=\"gkf-step-head\"><h1>Welche Papierbreite?<\/h1><p>Mehrfach-Auswahl m\u00f6glich. Viele unserer Drucker decken einen variablen Bereich ab.<\/p><\/div>');\n\twrap.appendChild(head);\n\tif (st.ft3Open) {\n\t\twrap.appendChild(mkFt(\"Beschreiben Sie kurz Ihre Papier-Anforderung.\", \"Welche Breite oder welches Format soll der Ausdruck haben?\", \"z. B. \u201eEtiketten mit ca. 70 mm Breite\u2026\u201c\", 3));\n\t\treturn;\n\t}\n\tvar grid = mkGrid(narrow ? 2 : 3, 1100, \"\", STEP3.length);\n\tgrid.style.marginBottom = ROOT.classList.contains(\"gkf-fixed\") ? \"88px\" : \"120px\";\n\tSTEP3.forEach(function(t){\n\t\tvar tile = mkTile(t, st.q3.indexOf(t.key) >= 0, true);\n\t\ttile.addEventListener(\"click\", function(){ pick3(t.key, tile); });\n\t\tgrid.appendChild(tile);\n\t});\n\twrap.appendChild(grid);\n}\nfunction renderStep4(wrap){\n\tvar head = el('<div class=\"gkf-step-head\"><h1>Wie soll der Drucker angesteuert werden?<\/h1><p>Mehrfach-Auswahl m\u00f6glich.<\/p><\/div>');\n\twrap.appendChild(head);\n\tvar grid = mkGrid(2, 880, \"\", STEP4.length);\n\tgrid.style.marginBottom = ROOT.classList.contains(\"gkf-fixed\") ? \"88px\" : \"120px\";\n\tSTEP4.forEach(function(t){\n\t\tvar tile = mkTile(t, st.q4.indexOf(t.key) >= 0, true, true);\n\t\ttile.addEventListener(\"click\", function(){ pick4(t.key, tile); });\n\t\tgrid.appendChild(tile);\n\t});\n\twrap.appendChild(grid);\n}\n\n\/* ---------- Render: Result ---------- *\/\nvar car = { listLen: 0 };\nfunction renderResult(){\n\tvar R = getResultModels();\n\tif (st.index >= R.list.length) st.index = 0;\n\tcar.listLen = R.list.length;\n\tvar grid = el('<div class=\"gkf-result' + (narrow ? ' gkf-narrow' : '') + '\"><\/div>');\n\n\t\/* Linke Spalte *\/\n\tvar left = el('<div class=\"gkf-left\"><\/div>');\n\tvar back = el('<button type=\"button\" class=\"gebe-chip gkf-pillbtn\">' + BACK_ARROW + ' Zur\u00fcck<\/button>');\n\tback.addEventListener(\"click\", goBack);\n\tleft.appendChild(back);\n\tleft.appendChild(el('<div class=\"gkf-result-head\"><h1>' + R.title + '<\/h1><p>' + R.sub + '<\/p><\/div>'));\n\n\tvar carWrap = el('<div class=\"gkf-car-wrap\"><div class=\"gkf-car\"><div class=\"gkf-track\"><\/div><\/div><div class=\"gkf-nav\"><button type=\"button\" class=\"gkf-arrow gkf-arrow-prev\" aria-label=\"Vorheriges Modell\"><i><\/i><\/button><button type=\"button\" class=\"gkf-arrow gkf-arrow-next\" aria-label=\"N\u00e4chstes Modell\"><i><\/i><\/button><\/div><div class=\"gkf-thumbs\"><\/div><\/div>');\n\tvar track = carWrap.querySelector(\".gkf-track\");\n\tvar thumbs = carWrap.querySelector(\".gkf-thumbs\");\n\tcarWrap.querySelector(\".gkf-arrow-prev\").addEventListener(\"click\", function(){ go(st.index - 1, false); });\n\tcarWrap.querySelector(\".gkf-arrow-next\").addEventListener(\"click\", function(){ go(st.index + 1, false); });\n\tR.list.forEach(function(m, i){\n\t\tvar slide = el('<div class=\"gkf-slide\" title=\"' + esc(m.name) + '\"><div class=\"gkf-slide-glow\"><\/div>' +\n\t\t\t'<div class=\"gkf-slide-img\" role=\"img\" aria-label=\"' + esc(m.name) + '\"><\/div><\/div>');\n\t\tslide.addEventListener(\"click\", function(){ if (i === st.index) openProdukt(R.list[i]); else go(i, false); });\n\t\ttrack.appendChild(slide);\n\t\tvar th = el('<button type=\"button\" class=\"gkf-thumb gkf-dot\" title=\"' + esc(m.name) + '\" aria-label=\"' + esc(m.name) + '\"><\/button>');\n\t\tth.addEventListener(\"click\", function(){ go(i, false); });\n\t\tthumbs.appendChild(th);\n\t});\n\tleft.appendChild(carWrap);\n\tleft.appendChild(el('<div class=\"gkf-info\"><h2><\/h2><p><\/p><div class=\"gkf-specs\"><\/div><\/div>'));\n\tgrid.appendChild(left);\n\n\t\/* Rechte Spalte *\/\n\tvar right = el('<div class=\"gkf-right\"><\/div>');\n\tvar photoBase = narrow ? 300 : 360; \/* Vertriebsteam-Foto V3 fast quadratisch 588x600, 30.09.2026 *\/\n\tvar photo = el('<div class=\"gkf-photo\"><img decoding=\"async\" src=\"' + UP + '2026\/09\/vertirebv3-588x600.png\" srcset=\"' + UP + '2026\/09\/vertirebv3-294x300.png 294w, ' + UP + '2026\/09\/vertirebv3-392x400.png 392w, ' + UP + '2026\/09\/vertirebv3-588x600.png 588w, ' + UP + '2026\/09\/vertirebv3-882x900.png 882w\" sizes=\"450px\" alt=\"Ihr Vertriebsteam bei GeBE\"><\/div>');\n\tphoto.style.width = photoBase + \"px\"; photo.style.height = Math.round(photoBase * 600 \/ 588) + \"px\";\n\tphoto.style.transform = \"scale(1.25)\";\n\tright.appendChild(photo);\n\tright.appendChild(el('<h2>Sie m\u00fcssen unsere Drucker nicht kennen. Das ist unser Job.<\/h2>'));\n\tright.appendChild(el('<p class=\"gkf-form-lead\">Schicken Sie uns Ihre Anfrage \u2014 wir kl\u00e4ren mit Ihnen alle Einzelheiten und finden das Modell, das wirklich in Ihre Anwendung passt.<\/p>'));\n\n\tvar fw = el('<div class=\"gkf-formwrap\"><div><\/div><\/div>');\n\tvar fwInner = fw.firstChild;\n\tif (st.submitted) fwInner.appendChild(thanksBox());\n\telse {\n\t\tfwInner.appendChild(buildForm());\n\t}\n\tright.appendChild(fw);\n\tgrid.appendChild(right);\n\tSCREEN.appendChild(grid);\n\n\tif (narrow && !st.submitted) {\n\t\tvar fab = el('<button type=\"button\" class=\"gkf-fab\">Kontakt <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12l7 7 7-7\"><\/path><\/svg><\/button>');\n\t\tfab.addEventListener(\"click\", scrollToForm);\n\t\tdocument.body.appendChild(fab);\n\t}\n\tlayoutCarousel(true);\n\tapplyInfo();\n\tif (st.userInteracted && st.formRevealed !== false) { \/* restore: sofort zeigen *\/ }\n\tif (narrow) revealForm();\n}\nfunction thanksBox(){\n\treturn el('<div class=\"gkf-thanks\"><div class=\"gkf-thanks-title\">Danke f\u00fcr Ihre Anfrage.<\/div>' +\n\t\t'<p>Unser Vertriebsteam meldet sich bei Ihnen \u2014 mit konkreten Vorschl\u00e4gen und allen Details.<\/p><\/div>');\n}\nfunction buildForm(){\n\tvar form = el('<form class=\"gkf-form\" novalidate>' +\n\t\t'<input type=\"text\" name=\"gk_name\" required placeholder=\"Name*\" aria-label=\"Name\">' +\n\t\t'<input type=\"text\" name=\"gk_firma\" required placeholder=\"Firma*\" aria-label=\"Firma\">' +\n\t\t'<input type=\"email\" name=\"gk_email\" required placeholder=\"E-Mail*\" aria-label=\"E-Mail\">' +\n\t\t'<input type=\"tel\" name=\"gk_tel\" placeholder=\"Telefon\" aria-label=\"Telefon\">' +\n\t\t'<textarea name=\"gk_msg\" placeholder=\"Ihre Nachricht\" aria-label=\"Nachricht\">' + esc(st.note || \"\") + '<\/textarea>' +\n\t\t'<div class=\"gkf-error\"><\/div>' +\n\t\t'<div class=\"gkf-form-foot\"><div class=\"gkf-legal\">Unverbindlich. Mit Absenden stimmen Sie der Datenschutzerkl\u00e4rung zu.<\/div>' +\n\t\t'<button type=\"submit\" class=\"elementor-button gkf-btn gkf-big\">Anfrage senden ' + ARROW + '<\/button><\/div><\/form>');\n\tform.addEventListener(\"submit\", onSubmit);\n\treturn form;\n}\nfunction removeFab(){ var f = document.querySelector(\".gkf-fab\"); if (f) f.remove(); }\nfunction startReveal(){\n\tst.formRevealed = false;\n\tclearTimeout(timers.reveal);\n\ttimers.reveal = setTimeout(revealForm, 1600);\n}\nfunction revealForm(){\n\tst.formRevealed = true;\n\tvar fw = SCREEN.querySelector(\".gkf-formwrap\");\n\tvar photo = SCREEN.querySelector(\".gkf-photo\");\n\tif (fw) fw.classList.add(\"gkf-revealed\");\n\tif (photo) photo.style.transform = \"scale(1)\";\n}\nfunction scrollToForm(){\n\trevealForm();\n\tvar fw = SCREEN.querySelector(\".gkf-formwrap\");\n\tif (!fw) return;\n\twindow.scrollTo({ top: fw.getBoundingClientRect().top + window.pageYOffset - 12, behavior: \"smooth\" });\n}\nfunction layoutCarousel(instant){\n\tvar carEl = SCREEN.querySelector(\".gkf-car\");\n\tvar track = SCREEN.querySelector(\".gkf-track\");\n\tif (!carEl || !track) return;\n\tvar R = getResultModels();\n\tvar idx = Math.min(st.index, R.list.length - 1);\n\tvar fixed = ROOT.classList.contains(\"gkf-fixed\");\n\tvar vh = (fixed ? ROOT.clientHeight : window.innerHeight) || 800;\n\tvar cw = carEl.clientWidth || 900;\n\tvar slideH = Math.round(narrow ? Math.min(560, Math.max(280, 0.50 * vh)) : (fixed ? Math.min(640, Math.max(320, 0.60 * vh)) : Math.min(700, Math.max(340, 0.62 * vh))));\n\tvar activeW = Math.min(slideH, cw * 0.92);\n\tvar sideW = activeW;\n\tvar gap = Math.round(Math.max(cw, activeW) * 1.25) + 40;\n\tcarEl.style.height = Math.round(slideH) + \"px\";\n\tvar oldStudio = carEl.querySelector(\".gkf-studio\");\n\tif (oldStudio) oldStudio.remove();\n\tcarEl.style.setProperty(\"--gk-car-h\", Math.round(slideH) + \"px\");\n\tROOT.classList.add(\"gkf-stage\");\n\tvar studio = ROOT.querySelector(\".gkf-studio\");\n\tif (!studio) { studio = el('<div class=\"gkf-studio\"><div class=\"gkf-studio-cam\"><div class=\"gkf-studio-lamp\"><\/div><\/div><\/div>'); ROOT.insertBefore(studio, ROOT.firstChild); }\n\tvar rRoot = ROOT.getBoundingClientRect();\n\tvar rCar = carEl.getBoundingClientRect();\n\tvar spotX = Math.round(rCar.left - rRoot.left + rCar.width \/ 2);\n\tvar spotY = Math.round(rCar.top - rRoot.top + rCar.height \/ 2);\n\tstudio.style.setProperty(\"--gk-spot-x\", spotX + \"px\");\n\tstudio.style.setProperty(\"--gk-spot-y\", spotY + \"px\");\n\tstudio.style.setProperty(\"--gk-spot-rx\", Math.round(Math.max(620, rRoot.width * 0.56)) + \"px\");\n\tstudio.style.setProperty(\"--gk-spot-ry\", Math.round(Math.max(560, narrow ? slideH * 1.95 : rRoot.height * 0.78)) + \"px\");\n\tvar before = 0;\n\tvar slides = track.children;\n\tfor (var i = 0; i < slides.length; i++) {\n\t\tvar w = i === idx ? activeW : sideW;\n\t\tvar h = slideH;\n\t\tslides[i].style.width = Math.round(w) + \"px\";\n\t\tslides[i].style.height = Math.round(h) + \"px\";\n\t\tslides[i].style.marginRight = Math.round(gap) + \"px\";\n\t\tif (Math.abs(i - idx) <= 1 || (idx === 0 && i === slides.length - 1) || (idx === slides.length - 1 && i === 0)) {\n\t\t\tvar imEl = slides[i].querySelector(\".gkf-slide-img\");\n\t\t\tvar wantPx = (activeW * (window.devicePixelRatio || 1)) <= 1150 ? 1100 : 1400;\n\t\t\tvar wantUrl = R.list[i].img.replace(\/-\\d+x\\d+(?=\\.[a-z]+$)\/i, \"-\" + wantPx + \"x\" + wantPx);\n\t\t\tif (imEl && imEl.getAttribute(\"data-gkfsrc\") !== wantUrl) { imEl.setAttribute(\"data-gkfsrc\", wantUrl); imEl.style.backgroundImage = \"url('\" + wantUrl + \"')\"; }\n\t\t}\n\t\tslides[i].classList.toggle(\"gkf-active\", i === idx);\n\t\tslides[i].title = i === idx ? \"Zur Produktseite: \" + R.list[i].name : R.list[i].name;\n\t\tif (i < idx) before += w + gap;\n\t}\n\tif (instant) track.style.transition = \"none\";\n\ttrack.style.transform = \"translateX(\" + Math.round(cw \/ 2 - activeW \/ 2 - before) + \"px)\";\n\tif (instant) { void track.offsetWidth; track.style.transition = \"\"; }\n\tvar thumbs = SCREEN.querySelectorAll(\".gkf-thumb\");\n\tfor (var j = 0; j < thumbs.length; j++) thumbs[j].classList.toggle(\"gkf-active\", j === idx);\n}\nfunction applyInfo(){\n\tvar R = getResultModels();\n\tvar m = R.list[Math.min(st.index, R.list.length - 1)];\n\tvar info = SCREEN.querySelector(\".gkf-info\");\n\tif (!info || !m) return;\n\tinfo.querySelector(\"h2\").textContent = m.name;\n\tinfo.querySelector(\"p\").textContent = m.highlight;\n\tvar specs = info.querySelector(\".gkf-specs\");\n\tspecs.innerHTML = \"\";\n\tm.specs.forEach(function(s){ var d = document.createElement(\"div\"); d.textContent = s; specs.appendChild(d); });\n}\nfunction go(i, isAuto){\n\tvar n = car.listLen || 1;\n\tvar target = ((i % n) + n) % n;\n\tif (target === st.index) return;\n\tif (!isAuto) st.userInteracted = true;\n\tvar info = SCREEN.querySelector(\".gkf-info\");\n\tif (info) info.classList.add(\"gkf-fading\");\n\tclearTimeout(timers.fade);\n\ttimers.fade = setTimeout(function(){\n\t\tst.index = target; save();\n\t\tlayoutCarousel(false);\n\t\tapplyInfo();\n\t\tif (info) info.classList.remove(\"gkf-fading\");\n\t}, 130);\n}\nfunction openProdukt(m){\n\tst.userInteracted = true; save();\n\twindow.location.href = m.url;\n}\n\n\/* ---------- Formular (AJAX wp_mail) ---------- *\/\nfunction selectionSummary(){\n\tvar parts = [];\n\tvar app = st.app ? APP_BY_ID[st.app] : null;\n\tif (st.step === \"app\" && app) parts.push([\"Weg\", \"\u00dcber Branche (Anwendungsseite)\"]);\n\telse if (st.skipped) parts.push([\"Weg\", \"Direkt zur Anfrage gesprungen\"]);\n\tif (app) parts.push([\"Branche\", app.name]);\n\tif (st.q1) parts.push([\"Druckgut\", (Q1_LABEL[st.q1] || st.q1) + (st.q1Freitext ? \" \u2014 \u201e\" + st.q1Freitext + \"\u201c\" : \"\")]);\n\tif (st.q2) parts.push([\"Bauform\", (Q2_LABEL[st.q2] || st.q2) + (st.q2Freitext ? \" \u2014 \u201e\" + st.q2Freitext + \"\u201c\" : \"\")]);\n\tif (st.q3Unknown || st.q3Freitext) parts.push([\"Papierbreite\", \"Wei\u00df ich nicht\" + (st.q3Freitext ? \" \u2014 \u201e\" + st.q3Freitext + \"\u201c\" : \"\")]);\n\telse if (st.q3.length) parts.push([\"Papierbreite\", st.q3.map(function(k){ return k + \" Zoll\"; }).join(\", \")]);\n\tif (st.q4.length) parts.push([\"Ansteuerung\", st.q4.map(function(k){ return Q4_LABEL[k] || k; }).join(\", \")]);\n\tif (st.step === \"app\" && app) {\n\t\tif (app.models.length) parts.push([\"Gezeigte Drucker\", app.models.map(function(id){ return MODEL_BY_ID[id] ? MODEL_BY_ID[id].name : id; }).join(\", \")]);\n\t} else if (st.step === \"result\") {\n\t\tvar R = getResultModels();\n\t\tvar m = R.list[Math.min(st.index, R.list.length - 1)];\n\t\tif (m && !st.skipped) parts.push([\"Angezeigtes Modell\", m.name]);\n\t\tif (!st.skipped) parts.push([\"Treffer\", R.list.map(function(x){ return x.name; }).join(\", \")]);\n\t}\n\treturn parts.map(function(p){ return p[0] + \": \" + p[1]; }).join(\"\\n\");\n}\nfunction selectionData(){\n  var app = st.app ? APP_BY_ID[st.app] : null;\n  var d = {};\n  d.finder_path = (st.step === \"app\" && app) ? \"branche\" : (st.skipped ? \"direkt\" : \"anforderungen\");\n  if (app) d.industry = app.name;\n  if (st.q1) d.print_media = st.q1;\n  if (st.q2) d.form_factor = st.q2;\n  if (st.q3Unknown) d.paper_width = \"unknown\"; else if (st.q3.length) d.paper_width = st.q3.join(\",\");\n  if (st.q4.length) d.interfaces = st.q4.join(\",\");\n  var notes = [];\n  if (st.q1Freitext) notes.push(\"Druckgut: \" + st.q1Freitext);\n  if (st.q2Freitext) notes.push(\"Bauform: \" + st.q2Freitext);\n  if (st.q3Freitext) notes.push(\"Papierbreite: \" + st.q3Freitext);\n  if (st.q4Freitext) notes.push(\"Ansteuerung: \" + st.q4Freitext);\n  if (notes.length) d.finder_notes = notes.join(\"\\n\");\n  try {\n    if (st.step === \"app\" && app) {\n      if (app.models.length) d.matched_models = app.models.map(function(id){ return MODEL_BY_ID[id] ? MODEL_BY_ID[id].name : id; }).join(\", \");\n    } else if (st.step === \"result\" && !st.skipped) {\n      var R = getResultModels();\n      var m = R.list[Math.min(st.index, R.list.length - 1)];\n      if (m) d.shown_model = m.name;\n      d.matched_models = R.list.map(function(x){ return x.name; }).join(\", \");\n    }\n  } catch (e) {}\n  return d;\n}\nfunction onSubmit(e){\n\te.preventDefault();\n\tif (sending) return;\n\tvar form = e.target;\n\tvar err = form.querySelector(\".gkf-error\");\n\tvar name = form.gk_name.value.trim(), firma = form.gk_firma.value.trim(), email = form.gk_email.value.trim();\n\tif (!name || !firma || !email || email.indexOf(\"@\") < 1) {\n\t\terr.textContent = \"Bitte f\u00fcllen Sie Name, Firma und eine g\u00fcltige E-Mail-Adresse aus.\";\n\t\terr.style.display = \"block\";\n\t\treturn;\n\t}\n\terr.style.display = \"none\";\n\tsending = true;\n\tvar btn = form.querySelector('button[type=\"submit\"]');\n\tbtn.disabled = true; btn.style.opacity = \"0.6\";\n\tvar body = new URLSearchParams();\n\tbody.set(\"action\", \"gebe_finder_anfrage\");\n\tbody.set(\"nonce\", CFG.nonce);\n\tbody.set(\"name\", name);\n\tbody.set(\"firma\", firma);\n\tbody.set(\"email\", email);\n\tbody.set(\"tel\", form.gk_tel.value.trim());\n\tbody.set(\"msg\", form.gk_msg.value.trim());\n\tbody.set(\"auswahl\", selectionSummary());\nbody.set(\"finder\", JSON.stringify(selectionData()));\n\tfetch(CFG.ajax, { method: \"POST\", credentials: \"same-origin\", headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" }, body: body.toString() })\n\t.then(function(r){ return r.json(); })\n\t.then(function(j){\n\t\tsending = false;\n\t\tif (j && j.success) {\n\t\t\tst.submitted = true;\n\t\t\tvar host = form.parentNode;\n\t\t\tif (host) { host.innerHTML = \"\"; host.appendChild(thanksBox()); }\n\t\t\tremoveFab();\n\t\t} else {\n\t\t\tbtn.disabled = false; btn.style.opacity = \"\";\n\t\t\terr.textContent = (j && j.data && j.data.message) || \"Senden fehlgeschlagen. Bitte versuchen Sie es erneut oder schreiben Sie an sales@gebe.net.\";\n\t\t\terr.style.display = \"block\";\n\t\t}\n\t})\n\t.catch(function(){\n\t\tsending = false;\n\t\tbtn.disabled = false; btn.style.opacity = \"\";\n\t\terr.textContent = \"Senden fehlgeschlagen. Bitte versuchen Sie es erneut oder schreiben Sie an sales@gebe.net.\";\n\t\terr.style.display = \"block\";\n\t});\n}\n\n\/* ---------- Intro (Typewriter + FLIP) ---------- *\/\nfunction runIntro(){\n\tintro = true; introN = 0; introLeaving = false;\n\ttry { window.localStorage.setItem(\"gk-intro-seen\", \"1\"); } catch (e) {}\n\tvar ov = ROOT.querySelector(\"#gkf-intro-boot\") || el('<div class=\"gkf-intro\"><div class=\"gkf-intro-bg\">' +\n\t\t'<div style=\"position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70vw;height:60vh;background:radial-gradient(ellipse 50% 45% at center,rgba(255,255,255,0.09) 0%,rgba(255,255,255,0.03) 50%,rgba(20,23,27,0) 78%);pointer-events:none;animation:gkGlow 5s ease-in-out infinite;\"><\/div><\/div>' +\n\t\t'<div class=\"gkf-intro-text\"><span class=\"gkf-typed\"><\/span><span class=\"gkf-caret\"><\/span><\/div><\/div>');\n\tov.addEventListener(\"click\", endIntro);\n\tif (!ov.parentNode) ROOT.appendChild(ov);\n\trender();\n\tvar typed = ov.querySelector(\".gkf-typed\");\n\ttimers.typeStart = setTimeout(function(){\n\t\ttimers.type = setInterval(function(){\n\t\t\tif (!intro || introLeaving) { clearInterval(timers.type); return; }\n\t\t\tintroN++;\n\t\t\ttyped.textContent = INTRO_TEXT.slice(0, introN);\n\t\t\tif (introN >= INTRO_TEXT.length) {\n\t\t\t\tclearInterval(timers.type);\n\t\t\t\ttimers.introEnd = setTimeout(endIntro, 750);\n\t\t\t}\n\t\t}, 62);\n\t}, 420);\n\tfunction endIntro(){\n\t\tclearTimeout(timers.introEnd); clearInterval(timers.type);\n\t\tif (!intro || introLeaving) return;\n\t\tintroLeaving = true;\n\t\ttyped.textContent = INTRO_TEXT;\n\t\tvar shift = 0;\n\t\ttry {\n\t\t\tvar h = SCREEN.querySelector(\".gkf-step-head.gkf-first h1\");\n\t\t\tvar t = ov.querySelector(\".gkf-intro-text\");\n\t\t\tif (h && t) {\n\t\t\t\tvar hr = h.getBoundingClientRect(), tr = t.getBoundingClientRect();\n\t\t\t\tshift = (hr.top + hr.height \/ 2) - (tr.top + tr.height \/ 2);\n\t\t\t}\n\t\t} catch(e){}\n\t\tov.classList.add(\"gkf-leaving\");\n\t\tov.querySelector(\".gkf-intro-text\").style.transform = \"translateY(\" + Math.round(shift) + \"px)\";\n\t\ttimers.introLeave = setTimeout(function(){\n\t\t\tintro = false;\n\t\t\tov.remove();\n\t\t\tvar head = SCREEN.querySelector(\".gkf-step-head\");\n\t\t\tif (head) head.classList.remove(\"gkf-intro-hidden\");\n\t\t\tvar grid = SCREEN.querySelector(\".gkf-grid\");\n\t\t\tif (grid) grid.classList.remove(\"gkf-pre-intro\");\n\t\t\tvar topbar = SCREEN.querySelector(\".gkf-topbar\");\n\t\t\tif (topbar) topbar.style.opacity = \"1\";\n\t\t\tPROGRESS.style.opacity = \"1\";\n\t\t}, 850);\n\t}\n}\n\n\/* ---------- Auto-Rotate + Resize ---------- *\/\nsetInterval(function(){\n\tif (!st.userInteracted && !st.submitted && st.step === \"result\") go(st.index + 1, true);\n}, 6000);\nvar lastNarrow = null;\nwindow.addEventListener(\"resize\", function(){\n\tmeasure();\n\tif (st.step === \"result\") {\n\t\tif (lastNarrow !== narrow) { render(); startReveal(); }\n\t\telse layoutCarousel(true);\n\t} else if (lastNarrow !== narrow) { render(); }\n\tlastNarrow = narrow;\n});\n\n\/* ---------- Init ---------- *\/\nfunction remeasure(){ measure(); if (st.step === \"result\") layoutCarousel(true); }\nwindow.addEventListener(\"load\", remeasure);\nsetTimeout(remeasure, 300); setTimeout(remeasure, 900);\nmeasure(); lastNarrow = narrow;\n\/* V3.4: Reload (F5) UND Zurueck\/Vor (Back-Forward, inkl. bfcache) behalten den Zustand -\n   z. B. Produktseite besucht und mit Zurueck-Button wieder rein. Nur eine echte neue\n   Navigation (Menue-Link, direkte URL, neuer Tab) startet frisch beim Einstieg. *\/\nvar navType = \"navigate\";\ntry { var pnav = performance.getEntriesByType(\"navigation\"); if (pnav && pnav[0] && pnav[0].type) navType = pnav[0].type; } catch(e){}\nif (navType !== \"reload\" && navType !== \"back_forward\") { try { sessionStorage.removeItem(\"gk-konfig-state\"); } catch(e){} }\nvar fresh = loadSaved();\nvar __introSeen = false;\ntry { __introSeen = window.localStorage.getItem(\"gk-intro-seen\") === \"1\"; } catch (e) {}\nif (location.search.indexOf(\"gkf_intro\") > -1) { __introSeen = false; }\nif (fresh && st.step === \"entry\" && !__introSeen) { runIntro(); }\nelse {\nvar __bo = ROOT.querySelector(\"#gkf-intro-boot\"); if (__bo) __bo.remove();\n\trender();\n\tif (st.step === \"result\") { clearTimeout(timers.reveal); revealForm(); }\n}\n})();\n<\/script>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"product_video_url":"","product_video_button_label":"","gebe_tile_text":"","footnotes":""},"folder":[],"class_list":["post-87","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":10,"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":10613,"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/pages\/87\/revisions\/10613"}],"wp:attachment":[{"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/gebe.net\/en\/wp-json\/wp\/v2\/folder?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}