{"id":3694,"date":"2026-07-02T11:37:37","date_gmt":"2026-07-02T11:37:37","guid":{"rendered":"https:\/\/www.cards.de\/?page_id=3694"},"modified":"2026-10-15T11:39:21","modified_gmt":"2026-10-15T11:39:21","slug":"home","status":"publish","type":"page","link":"https:\/\/www.cards.de\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3694\" class=\"elementor elementor-3694\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d2d6456 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d2d6456\" data-element_type=\"section\" data-e-type=\"section\">\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-b0fd147\" data-id=\"b0fd147\" 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-e851d9d elementor-widget elementor-widget-html\" data-id=\"e851d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500&display=swap\">\n<style>\n  .cf-page { font-family: 'DM Sans', sans-serif; color: #4A4A4A; }\n  .cf-page img { max-width: 100%; height: auto; display: block; }\n  .cf-page *, .cf-page *::before, .cf-page *::after { box-sizing: border-box; }\n  .wp-block-html + .wp-block-html { margin-top: 0 !important; }\n  .wp-block-html { margin-bottom: 0 !important; }\n\n  .cf-section { padding: 64px 0; }\n  .cf-section[data-compact=\"true\"] { padding: 48px 0; }\n  .cf-max-w { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n\n  #cf-calc-grid { grid-template-columns: 1fr 380px; }\n  @media (max-width: 860px) { #cf-calc-grid { grid-template-columns: 1fr; } }\n\n  .cf-mat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n  @media (max-width: 520px) { .cf-mat-grid { grid-template-columns: 1fr; } }\n  .cf-mat-card { display: flex; gap: 12px; padding: 14px; border: 1.5px solid #E8E8E8; border-radius: 10px; cursor: pointer; transition: all .2s; background: #fff; }\n  .cf-mat-card:hover { border-color: #ccc; background: #FAFAFA; }\n  .cf-mat-card.active { border-color: #E30613; background: #FEF2F2; box-shadow: 0 0 0 1px #E30613; }\n  .cf-mat-radio { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #ccc; transition: all .2s; position: relative; }\n  .cf-mat-card.active .cf-mat-radio { border-color: #E30613; }\n  .cf-mat-card.active .cf-mat-radio::after { content: ''; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #E30613; }\n\n  .cf-fin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n  @media (max-width: 520px) { .cf-fin-grid { grid-template-columns: 1fr; } }\n  .cf-fin-card { position: relative; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1.5px solid #E8E8E8; border-radius: 10px; cursor: pointer; transition: all .2s; background: #fff; color: #999; }\n  .cf-fin-card:hover { border-color: #ccc; background: #FAFAFA; }\n  .cf-fin-card.active { border-color: #E30613; background: #FEF2F2; color: #E30613; box-shadow: 0 0 0 1px #E30613; }\n  .cf-fin-input { position: absolute; opacity: 0; pointer-events: none; }\n  .cf-fin-title { font-size: 13px; font-weight: 600; color: #1A1A1B; }\n  .cf-fin-sub { font-size: 11px; color: #999; margin-top: 1px; }\n  .cf-fin-card.active .cf-fin-title { color: #E30613; }\n\n  #cf-qty-slider { -webkit-appearance: none; appearance: none; height: 6px; border-radius: 3px; background: linear-gradient(to right, #E30613 var(--val, 2%), #E8E8E8 var(--val, 2%)); outline: none; }\n  #cf-qty-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #E30613; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(227,6,19,.3); cursor: pointer; transition: transform .15s; }\n  #cf-qty-slider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n  #cf-qty-slider::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #E30613; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(227,6,19,.3); cursor: pointer; }\n\n  .cf-tier-marker { transition: color .2s, font-weight .2s; }\n  .cf-tier-marker.active { color: #E30613 !important; font-weight: 700; }\n\n  .cf-info-tip { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #F0F0F0; color: #999; cursor: help; stroke: #999; }\n  .cf-tip-content { display: none; position: absolute; bottom: calc(100% + 10px); right: -8px; width: 260px; padding: 14px; background: #1A1A1B; color: #fff; font-size: 12px; line-height: 1.6; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.2); z-index: 100; pointer-events: none; }\n  .cf-tip-content::after { content: ''; position: absolute; top: 100%; right: 14px; border: 6px solid transparent; border-top-color: #1A1A1B; }\n  .cf-info-tip:hover .cf-tip-content, .cf-info-tip:focus .cf-tip-content { display: block; }\n\n  .cf-reveal { opacity: 1; transform: translateY(0); transition: opacity .6s ease, transform .6s ease; }\n  .cf-reveal.cf-hidden { opacity: 0; transform: translateY(24px); }\n  .cf-cta-btn:focus-visible { outline: 3px solid #E30613; outline-offset: 2px; }\n<\/style>\n\n<div class=\"cf-page\">\n<section style=\"background:#FFFFFF;padding:56px 0 48px;\">\n  <div style=\"max-width:1200px;margin:0 auto;padding:0 24px;\">\n    <div style=\"display:flex;flex-wrap:wrap;align-items:center;gap:40px;\">\n      <div style=\"flex:1 1 460px;min-width:300px;\">\n        <div style=\"display:inline-block;background:#FEF2F2;border:1px solid #E30613;border-radius:999px;padding:8px 20px;margin-bottom:24px;\">\n          <span style=\"font-family:'DM Mono',monospace;font-size:13px;color:#E30613;font-weight:500;letter-spacing:0.5px;\">MADE IN GERMANY<\/span>\n        <\/div>\n        <h1 style=\"font-family:'DM Sans',sans-serif;font-size:clamp(30px,4.5vw,48px);font-weight:800;line-height:1.1;color:#1a1a1a;margin:0 0 20px;\">\n          Plastikkarten &amp; Kartenl\u00f6sungen f\u00fcr <span style=\"color:#E30613;\">Ihr Unternehmen<\/span>\n        <\/h1>\n        <p style=\"font-size:17px;line-height:1.7;color:#717171;margin:0 0 32px;max-width:520px;\">\n          Ihr erfahrener Partner f\u00fcr hochwertige Plastikkarten aus Deutschland. Von der klassischen Kundenkarte bis zur RFID-Zutrittsl\u00f6sung, individuell bedruckt, mit modernster Chiptechnologie und in h\u00f6chster Qualit\u00e4t.\n        <\/p>\n        <div style=\"display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;\">\n          <a href=\"#cf-kalkulator\" style=\"display:inline-flex;align-items:center;gap:8px;background:#E30613;color:#fff;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:background .2s;\" onmouseover=\"this.style.background='#C00510'\" onmouseout=\"this.style.background='#E30613'\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><\/svg>\n            Angebot anfordern\n          <\/a>\n          <a href=\"\/technologie-loesungen\" style=\"display:inline-flex;align-items:center;gap:8px;background:#fff;color:#4A4A4A;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid #E8E8E8;transition:all .2s;\" onmouseover=\"this.style.background='#FAFAFA'\" onmouseout=\"this.style.background='#fff'\">\n            Technologie &amp; L\u00f6sungen\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div style=\"display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:#999;\">\n          <span>&#10003; B2B<\/span>\n          <span>&#10003; Ab 100 St\u00fcck<\/span>\n          <span>&#10003; Individuelle L\u00f6sungen<\/span>\n        <\/div>\n      <\/div>\n      <div style=\"flex:1 1 520px;min-width:320px;text-align:center;\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/Cards_Collage4_frei_neu-scaled.jpg\"\n          alt=\"Plastikkarten Beispiele \u2013 Kundenkarten, Mitarbeiterausweise, Gutscheinkarten und RFID-Karten von CF Card Factory\"\n          style=\"width:100%;max-width:800px;margin:0 auto;\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n        >\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-bff25f7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bff25f7\" data-element_type=\"section\" data-e-type=\"section\">\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-a774bb8\" data-id=\"a774bb8\" 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-b700f3e elementor-widget elementor-widget-html\" data-id=\"b700f3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"background:#FAFAFA;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:48px 0;\">\n  <div style=\"max-width:1200px;margin:0 auto;padding:0 24px;\">\n    <div style=\"display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;text-align:left;\">\n      <div style=\"flex:1 1 140px;min-width:140px;\">\n        <div style=\"font-family:'DM Sans',sans-serif;font-size:36px;font-weight:800;color:#1a1a1a;line-height:1;\">800.000<\/div>\n        <div style=\"font-size:14px;color:#999;margin-top:6px;\">Karten \/ Tag<\/div>\n      <\/div>\n      <div style=\"flex:1 1 140px;min-width:140px;\">\n        <div style=\"font-family:'DM Sans',sans-serif;font-size:36px;font-weight:800;color:#1a1a1a;line-height:1;\">7.500 m\u00b2<\/div>\n        <div style=\"font-size:14px;color:#999;margin-top:6px;\">Industriepark<\/div>\n      <\/div>\n      <div style=\"flex:1 1 140px;min-width:140px;\">\n        <div style=\"font-family:'DM Sans',sans-serif;font-size:36px;font-weight:800;color:#1a1a1a;line-height:1;\">25+<\/div>\n        <div style=\"font-size:14px;color:#999;margin-top:6px;\">Jahre Erfahrung<\/div>\n      <\/div>\n      <div style=\"flex:1 1 140px;min-width:140px;\">\n        <div style=\"font-family:'DM Sans',sans-serif;font-size:36px;font-weight:800;color:#E30613;line-height:1;\">3<\/div>\n        <div style=\"font-size:14px;color:#999;margin-top:6px;\">Produktlinien<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section style=\"background:#FFFFFF;padding:32px 0;border-bottom:1px solid #E8E8E8;\">\n  <div style=\"max-width:1200px;margin:0 auto;padding:0 24px;\">\n    <div style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:32px;\">\n      <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;color:#4A4A4A;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>Kauf auf Rechnung<\/div>\n      <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;color:#4A4A4A;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>Lieferung in 5\u201310 Werktagen<\/div>\n      <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;color:#4A4A4A;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Kostenlose Druckdaten-Pr\u00fcfung<\/div>\n      <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;color:#4A4A4A;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>Pers\u00f6nlicher Ansprechpartner<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section style=\"background:#FFFFFF;padding:48px 0;\" aria-label=\"Referenzkunden\">\n  <div style=\"max-width:1200px;margin:0 auto;padding:0 24px;\">\n    <p style=\"text-align:center;font-family:'DM Mono',monospace;font-size:12px;color:#999;letter-spacing:2px;text-transform:uppercase;margin:0 0 32px;\">Marken, die uns vertrauen<\/p>\n  <\/div>\n  <div class=\"cf-marquee\">\n    <div class=\"cf-marquee-track\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png\" alt=\"Deutsche Bank\" class=\"cf-logo-lg\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/shell-logo-png.png\" alt=\"Shell\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/adac-logo-png.png\" alt=\"ADAC\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/rewe-logo-png.png\" alt=\"REWE\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/aral-ag-logo-png.png\" alt=\"Aral\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/mcdonalds-golden-arches-logo-png.png\" alt=\"McDonald's\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/payback-logo-png.png\" alt=\"Payback\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/audi-logo-png.png\" alt=\"Audi\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/volkswagen-logo-png.png\" alt=\"Volkswagen\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/aok-logo-png.png\" alt=\"AOK\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/apollo-optik-logo-png.png\" alt=\"Apollo Optik\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-krankenversicherung-ag-logo-png.png\" alt=\"DKV\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/skoda-logo.png\" alt=\"\u0160koda\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/deutsche-bahn-ag-loho.png\" alt=\"Deutsche Bahn\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/lbb-logo.png\" alt=\"Landesbank Berlin\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/enbw-logo.png\" alt=\"EnBW\" class=\"cf-logo-lg\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png\" alt=\"Deutsche Bank\" class=\"cf-logo-lg\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/shell-logo-png.png\" alt=\"Shell\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/adac-logo-png.png\" alt=\"ADAC\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/rewe-logo-png.png\" alt=\"REWE\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/aral-ag-logo-png.png\" alt=\"Aral\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/mcdonalds-golden-arches-logo-png.png\" alt=\"McDonald's\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/payback-logo-png.png\" alt=\"Payback\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/audi-logo-png.png\" alt=\"Audi\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/volkswagen-logo-png.png\" alt=\"Volkswagen\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/aok-logo-png.png\" alt=\"AOK\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/apollo-optik-logo-png.png\" alt=\"Apollo Optik\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-krankenversicherung-ag-logo-png.png\" alt=\"DKV\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/skoda-logo.png\" alt=\"\u0160koda\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/deutsche-bahn-ag-loho.png\" alt=\"Deutsche Bahn\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/lbb-logo.png\" alt=\"Landesbank Berlin\" loading=\"lazy\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/07\/enbw-logo.png\" alt=\"EnBW\" class=\"cf-logo-lg\" loading=\"lazy\" aria-hidden=\"true\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .cf-marquee {\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\n    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\n  }\n  .cf-marquee-track {\n    display: flex;\n    align-items: center;\n    gap: 56px;\n    width: max-content;\n    animation: cf-scroll 40s linear infinite;\n  }\n  .cf-marquee:hover .cf-marquee-track {\n    animation-play-state: paused;\n  }\n  .cf-marquee-track img {\n    height: 48px;\n    width: auto;\n    max-width: 120px;\n    object-fit: contain;\n    flex-shrink: 0;\n    opacity: 0.85;\n    filter: grayscale(0%);\n    transition: opacity 0.3s, filter 0.3s;\n  }\n  .cf-marquee-track img:hover {\n    opacity: 0.4;\n    filter: grayscale(100%);\n  }\n  @keyframes cf-scroll {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n  }\n  .cf-marquee-track img.cf-logo-lg {\n    height: 80px;\n    max-width: 160px;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .cf-marquee-track { animation: none; flex-wrap: wrap; justify-content: center; width: auto; gap: 40px 56px; }\n    .cf-marquee { -webkit-mask-image: none; mask-image: none; }\n    .cf-marquee-track img[aria-hidden=\"true\"] { display: none; }\n  }\n<\/style>\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<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-004762b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"004762b\" data-element_type=\"section\" data-e-type=\"section\">\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-8fe6179\" data-id=\"8fe6179\" 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-fc5f17f elementor-widget elementor-widget-html\" data-id=\"fc5f17f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"cf-prod-a\" aria-label=\"Aus eigener Produktion\" style=\"background:#F7F4F2;border-top:1px solid #EDE7E3;border-bottom:1px solid #EDE7E3;padding:clamp(56px,7vw,96px) 20px;\">\n<style>\n#cf-prod-a *{box-sizing:border-box;}\n#cf-prod-a .cf-pr-wrap{max-width:1120px;margin:0 auto;}\n#cf-prod-a .cf-pr-head{max-width:760px;margin:0 0 clamp(28px,4vw,46px);}\n#cf-prod-a .cf-pr-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:#fff;border:1px solid #E30613;border-radius:999px;margin-bottom:20px;box-shadow:0 4px 14px rgba(227,6,19,0.08);}\n#cf-prod-a .cf-pr-badge span{font-family:'DM Mono',monospace;font-size:12px;font-weight:600;color:#E30613;letter-spacing:.08em;text-transform:uppercase;}\n#cf-prod-a h2{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;color:#1A1A1B;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px;}\n#cf-prod-a h2 span{color:#E30613;}\n#cf-prod-a .cf-pr-intro{font-family:'DM Sans',system-ui,sans-serif;font-size:16px;color:#5C5C5C;line-height:1.75;margin:0;max-width:66ch;}\n\n#cf-prod-a .cf-pr-stage{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px rgba(35,15,17,0.14);}\n#cf-prod-a .cf-pr-viewport{overflow:hidden;}\n#cf-prod-a .cf-pr-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);}\n#cf-prod-a .cf-pr-slide{flex:0 0 100%;position:relative;}\n#cf-prod-a .cf-pr-img{width:100%;height:clamp(320px,46vw,540px);object-fit:cover;display:block;}\n#cf-prod-a .cf-pr-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,10,11,0.82) 0%,rgba(20,10,11,0.44) 38%,rgba(20,10,11,0.05) 68%,rgba(20,10,11,0) 100%);}\n#cf-prod-a .cf-pr-cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,3.4vw,40px) clamp(24px,3.6vw,48px);z-index:2;}\n#cf-prod-a .cf-pr-step{display:inline-flex;align-items:center;gap:7px;font-family:'DM Mono',monospace;font-size:11px;font-weight:600;color:#fff;letter-spacing:.12em;text-transform:uppercase;padding:6px 13px;background:#E30613;border-radius:5px;margin-bottom:14px;box-shadow:0 6px 18px rgba(227,6,19,0.4);}\n#cf-prod-a .cf-pr-cap h3{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.25rem,2.4vw,1.9rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.18;margin:0;max-width:22ch;text-shadow:0 2px 20px rgba(0,0,0,0.4);}\n#cf-prod-a .cf-pr-flag{position:absolute;top:clamp(18px,2.6vw,26px);left:clamp(18px,2.6vw,26px);z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.28);border-radius:999px;}\n#cf-prod-a .cf-pr-flag span{font-family:'DM Mono',monospace;font-size:11px;font-weight:600;color:#fff;letter-spacing:.06em;}\n#cf-prod-a .cf-pr-arrows{position:absolute;bottom:clamp(22px,3.4vw,40px);right:clamp(24px,3.6vw,48px);z-index:3;display:flex;gap:10px;}\n#cf-prod-a .cf-pr-arrow{width:46px;height:46px;flex:0 0 46px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.32);border-radius:50% !important;color:#fff;cursor:pointer;transition:all .2s;padding:0;}\n#cf-prod-a .cf-pr-arrow:hover{background:#E30613;border-color:#E30613;transform:translateY(-1px);}\n#cf-prod-a .cf-pr-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px;}\n\n#cf-prod-a .cf-pr-dots{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;}\n#cf-prod-a .cf-pr-dot{width:9px;height:9px;padding:0;border:none;border-radius:999px;background:#D9D0CB;cursor:pointer;transition:all .25s;}\n#cf-prod-a .cf-pr-dot[aria-current=\"true\"]{width:30px;background:#E30613;}\n#cf-prod-a .cf-pr-dot:focus-visible{outline:2px solid #E30613;outline-offset:2px;}\n\n#cf-prod-a .cf-pr-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(32px,4vw,46px);border-top:1px solid #E4DCD6;border-bottom:1px solid #E4DCD6;}\n#cf-prod-a .cf-pr-stat{padding:22px 12px;text-align:center;border-right:1px solid #E4DCD6;}\n#cf-prod-a .cf-pr-stat:last-child{border-right:none;}\n#cf-prod-a .cf-pr-stat b{display:block;font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;color:#E30613;letter-spacing:-.02em;line-height:1;margin-bottom:8px;}\n#cf-prod-a .cf-pr-stat small{font-family:'DM Sans',system-ui,sans-serif;font-size:12.5px;font-weight:500;color:#7A7069;line-height:1.4;}\n\n#cf-prod-a .cf-pr-facts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,34px) clamp(28px,4vw,52px);margin-top:clamp(36px,4.4vw,54px);}\n#cf-prod-a .cf-pr-fact{display:flex;gap:16px;align-items:flex-start;}\n#cf-prod-a .cf-pr-fico{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#fff;border:1px solid #EDE1DB;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(35,15,17,0.06);}\n#cf-prod-a .cf-pr-fact h4{font-family:'DM Sans',system-ui,sans-serif;font-size:16px;font-weight:700;color:#1A1A1B;margin:3px 0 6px;letter-spacing:-.01em;}\n#cf-prod-a .cf-pr-fact p{font-family:'DM Sans',system-ui,sans-serif;font-size:14px;color:#6B615B;line-height:1.6;margin:0;}\n\n#cf-prod-a .cf-pr-cta{margin-top:clamp(36px,4.4vw,52px);}\n#cf-prod-a .cf-pr-cta a{display:inline-flex;align-items:center;gap:10px;background:#E30613;color:#fff;padding:15px 30px;border-radius:10px;font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 12px 30px rgba(227,6,19,.28);}\n#cf-prod-a .cf-pr-cta a:hover{background:#C00510;transform:translateY(-1px);box-shadow:0 16px 36px rgba(227,6,19,.34);}\n\n@media(max-width:760px){\n  #cf-prod-a .cf-pr-stats{grid-template-columns:1fr 1fr;}\n  #cf-prod-a .cf-pr-stat:nth-child(2){border-right:none;}\n  #cf-prod-a .cf-pr-stat:nth-child(1),#cf-prod-a .cf-pr-stat:nth-child(2){border-bottom:1px solid #E4DCD6;}\n  #cf-prod-a .cf-pr-facts{grid-template-columns:1fr;}\n  #cf-prod-a .cf-pr-arrows{position:static;justify-content:center;margin-top:16px;}\n  #cf-prod-a .cf-pr-arrow{background:#fff;border-color:#EDE1DB;color:#E30613;}\n}\n@media(prefers-reduced-motion:reduce){#cf-prod-a .cf-pr-track{transition:none;}}\n<\/style>\n  <div class=\"cf-pr-wrap\">\n    <div class=\"cf-pr-head\">\n      <div class=\"cf-pr-badge\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><span>Aus eigener Produktion<\/span><\/div>\n      <h2>Jede Karte entsteht bei uns, <span>auf 7.500 m&sup2; in Hessisch Lichtenau.<\/span><\/h2>\n      <p class=\"cf-pr-intro\">Von der Druckvorstufe &uuml;ber UV-Offset, Digital- und Siebdruck bis zu Laminierung, Stanzung und Veredelung fertigen wir selbst, unter einem Dach. Seit &uuml;ber 25 Jahren, ISO 9001 zertifiziert und auf Wunsch klimaneutral.<\/p>\n    <\/div>\n\n    <div class=\"cf-pr-stage\">\n      <div class=\"cf-pr-flag\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Made in Germany<\/span><\/div>\n      <div class=\"cf-pr-viewport\">\n        <div class=\"cf-pr-track\">\n\n          <div class=\"cf-pr-slide\">\n            <img decoding=\"async\" class=\"cf-pr-img\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2021\/12\/scheckkarten-card-produktion_Bearb_web.jpg\" alt=\"Produktionshalle der CF Card Factory in Hessisch Lichtenau\" loading=\"lazy\">\n            <div class=\"cf-pr-shade\"><\/div>\n            <div class=\"cf-pr-cap\"><div class=\"cf-pr-step\">Produktion<\/div><h3>Fertigung auf 7.500 m&sup2; in Hessisch Lichtenau<\/h3><\/div>\n          <\/div>\n\n          <div class=\"cf-pr-slide\">\n            <img decoding=\"async\" class=\"cf-pr-img\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2023\/10\/DSC_8688-1-scaled_1500x.jpg\" alt=\"Blick in die Kartenfertigung der CF Card Factory\" loading=\"lazy\">\n            <div class=\"cf-pr-shade\"><\/div>\n            <div class=\"cf-pr-cap\"><div class=\"cf-pr-step\">Fertigung<\/div><h3>Handwerk und Hightech, Hand in Hand<\/h3><\/div>\n          <\/div>\n\n          <div class=\"cf-pr-slide\">\n            <img decoding=\"async\" class=\"cf-pr-img\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2021\/12\/Siebdruck_Banner_web.jpg\" alt=\"Siebdruck-Veredelung von Plastikkarten bei CF Card Factory\" loading=\"lazy\">\n            <div class=\"cf-pr-shade\"><\/div>\n            <div class=\"cf-pr-cap\"><div class=\"cf-pr-step\">Siebdruck<\/div><h3>Sonderfarben und Effekte, die auffallen<\/h3><\/div>\n          <\/div>\n\n          <div class=\"cf-pr-slide\">\n            <img decoding=\"async\" class=\"cf-pr-img\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2021\/12\/Produktion_Maschine_Detail1_web.jpg\" alt=\"Maschinendetail aus der Kartenproduktion der CF Card Factory\" loading=\"lazy\">\n            <div class=\"cf-pr-shade\"><\/div>\n            <div class=\"cf-pr-cap\"><div class=\"cf-pr-step\">Pr&auml;zision<\/div><h3>Millimetergenau, in jedem Druckgang<\/h3><\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n      <div class=\"cf-pr-arrows\">\n        <button type=\"button\" class=\"cf-pr-arrow cf-pr-prev\" aria-label=\"Vorheriges Produktionsbild\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\n        <button type=\"button\" class=\"cf-pr-arrow cf-pr-next\" aria-label=\"N&auml;chstes Produktionsbild\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"cf-pr-dots\" role=\"tablist\" aria-label=\"Produktionsbilder ausw&auml;hlen\">\n      <button type=\"button\" class=\"cf-pr-dot\" aria-current=\"true\" aria-label=\"Bild 1\"><\/button>\n      <button type=\"button\" class=\"cf-pr-dot\" aria-current=\"false\" aria-label=\"Bild 2\"><\/button>\n      <button type=\"button\" class=\"cf-pr-dot\" aria-current=\"false\" aria-label=\"Bild 3\"><\/button>\n      <button type=\"button\" class=\"cf-pr-dot\" aria-current=\"false\" aria-label=\"Bild 4\"><\/button>\n    <\/div>\n\n    <div class=\"cf-pr-stats\">\n      <div class=\"cf-pr-stat\"><b>7.500 m&sup2;<\/b><small>Eigene Produktionsfl&auml;che<\/small><\/div>\n      <div class=\"cf-pr-stat\"><b>800.000<\/b><small>Karten t&auml;glich, bis zu<\/small><\/div>\n      <div class=\"cf-pr-stat\"><b>140 Mio.<\/b><small>Karten pro Jahr<\/small><\/div>\n      <div class=\"cf-pr-stat\"><b>25+<\/b><small>Jahre Erfahrung<\/small><\/div>\n    <\/div>\n\n    <div class=\"cf-pr-facts\">\n      <div class=\"cf-pr-fact\">\n        <div class=\"cf-pr-fico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.7\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg><\/div>\n        <div><h4>Eigene Produktion auf 7.500 m&sup2;<\/h4><p>UV-Offset, Digitaldruck (HP Indigo), Siebdruck, Laminierung, Stanzung und Veredelung, alles unter einem Dach in Hessisch Lichtenau.<\/p><\/div>\n      <\/div>\n      <div class=\"cf-pr-fact\">\n        <div class=\"cf-pr-fico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.5 12.5 17 22l-5-3-5 3 1.5-9.5\"\/><\/svg><\/div>\n        <div><h4>ISO-zertifizierte Qualit&auml;tssicherung<\/h4><p>Pr&uuml;fung nach ISO 7810 und ISO 10373, Verbundhaftung, Torsion und Biegefestigkeit jeder einzelnen Charge.<\/p><\/div>\n      <\/div>\n      <div class=\"cf-pr-fact\">\n        <div class=\"cf-pr-fico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.7\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg><\/div>\n        <div><h4>Full-Service f&uuml;r Gesch&auml;ftskunden<\/h4><p>Druckdatenpr&uuml;fung, Konfektionierung, Lettershop, Aufspenden und Fulfillment, ein Ansprechpartner f&uuml;r alles.<\/p><\/div>\n      <\/div>\n      <div class=\"cf-pr-fact\">\n        <div class=\"cf-pr-fico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.7\"><path d=\"M11 20A7 7 0 0 1 9.8 6.9C15.5 4.9 17 3.5 17 3.5s1 2.5-1 6c2-1 3-3.5 3-3.5s2 3.5 0 9.5c-2 3-5 4.5-8 4.5z\"\/><\/svg><\/div>\n        <div><h4>Klimaneutrale Produktion m&ouml;glich<\/h4><p>Mitglied der Klimainitiative der Druck- und Medienverb&auml;nde. CO&sub2;-Ausgleich pro Auftrag nach internationalen Standards.<\/p><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cf-pr-cta\">\n      <a href=\"#\" onclick=\"cfOpenKontakt(event)\" aria-label=\"Kontaktformular &ouml;ffnen und Projekt besprechen\">Projekt besprechen <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n    <\/div>\n  <\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('cf-prod-a');\n  if(!root||root.dataset.cfInit)return;root.dataset.cfInit=\"1\";\n  var track=root.querySelector('.cf-pr-track');\n  var slides=root.querySelectorAll('.cf-pr-slide');\n  var dots=root.querySelectorAll('.cf-pr-dot');\n  var vp=root.querySelector('.cf-pr-viewport');\n  var i=0,n=slides.length,timer=null;\n  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function go(x){\n    i=(x%n+n)%n;\n    track.style.transform='translateX(-'+(i*100)+'%)';\n    for(var k=0;k<dots.length;k++){dots[k].setAttribute('aria-current',k===i?'true':'false');}\n  }\n  function stop(){if(timer){clearInterval(timer);timer=null;}}\n  function play(){stop();if(!reduce){timer=setInterval(function(){go(i+1);},6000);}}\n  root.querySelector('.cf-pr-prev').addEventListener('click',function(){go(i-1);play();});\n  root.querySelector('.cf-pr-next').addEventListener('click',function(){go(i+1);play();});\n  for(var k=0;k<dots.length;k++){(function(idx){dots[idx].addEventListener('click',function(){go(idx);play();});})(k);}\n  var sx=null;\n  vp.addEventListener('touchstart',function(e){sx=e.touches[0].clientX;stop();},{passive:true});\n  vp.addEventListener('touchend',function(e){if(sx===null)return;var dx=e.changedTouches[0].clientX-sx;if(Math.abs(dx)>40){go(dx<0?i+1:i-1);}sx=null;play();});\n  root.addEventListener('keydown',function(e){if(e.key==='ArrowLeft'){go(i-1);play();}else if(e.key==='ArrowRight'){go(i+1);play();}});\n  root.addEventListener('mouseenter',stop);\n  root.addEventListener('mouseleave',play);\n  go(0);play();\n})();\n<\/script>\n<\/section>\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<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-2aeaab2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2aeaab2\" data-element_type=\"section\" data-e-type=\"section\">\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-05d7476\" data-id=\"05d7476\" 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-9d37988 elementor-widget elementor-widget-html\" data-id=\"9d37988\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500&display=swap\">\n<style>\n  .cf-branchen-scroll { font-family: 'DM Sans', sans-serif; padding: 80px 0; position: relative; overflow: hidden; background: #FAFAFA; }\n  .cf-branchen-scroll *, .cf-branchen-scroll *::before, .cf-branchen-scroll *::after { box-sizing: border-box; }\n  .cf-branchen-scroll img { max-width: 100%; height: auto; display: block; }\n  .cf-branchen-scroll a { text-decoration: none; }\n\n  .cf-bs-dark-overlay { position: absolute; inset: 0; background: #1A1A1B; opacity: 0; pointer-events: none; transition: opacity .15s linear; z-index: 0; }\n  .cf-bs-content { position: relative; z-index: 1; }\n\n  .cf-bs-max { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n  .cf-bs-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px; border-radius: 999px; margin-bottom: 18px; transition: background .5s ease, border-color .5s ease; background: #FEF2F2; border: 1px solid rgba(227,6,19,.15); }\n  .cf-bs-eyebrow svg { transition: stroke .5s ease; stroke: #E30613; }\n  .cf-bs-eyebrow span { font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; transition: color .5s ease; color: #E30613; }\n  .cf-bs-h2 { font-family: 'DM Sans', sans-serif; font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; line-height: 1.15; margin: 0 0 18px; letter-spacing: -0.5px; transition: color .5s ease; color: #1A1A1B; }\n  .cf-bs-lead { font-family: 'DM Sans', sans-serif; font-size: 17px; line-height: 1.7; max-width: 640px; margin: 0 0 48px; transition: color .5s ease; color: #717171; }\n  .cf-bs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n  @media (max-width: 1000px) { .cf-bs-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 520px) { .cf-bs-grid { grid-template-columns: 1fr; } }\n  .cf-bs-card { border-radius: 12px; padding: 24px 22px; display: flex; flex-direction: column; min-height: 200px; transition: background .5s ease, border-color .5s ease, border-left-color .5s ease, box-shadow .25s ease, transform .25s ease; background: #fff; border: 1px solid #E8E8E8; border-left: 3px solid #E8E8E8; }\n  .cf-bs-card:hover { transform: translateY(-2px); }\n  .cf-bs-icon-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }\n  .cf-bs-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; transition: color .5s ease; color: #E30613; }\n  .cf-bs-num { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.5px; transition: color .5s ease; color: #CCC; }\n  .cf-bs-title { font-family: 'DM Sans', sans-serif; font-size: 17px; font-weight: 700; margin: 0 0 8px; letter-spacing: -0.2px; transition: color .5s ease; color: #1A1A1B; }\n  .cf-bs-tech { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.3px; margin-bottom: 10px; line-height: 1.5; transition: color .5s ease; color: #E30613; }\n  .cf-bs-desc { font-family: 'DM Sans', sans-serif; font-size: 13.5px; line-height: 1.6; margin: 0; margin-top: auto; transition: color .5s ease; color: #717171; }\n\n  \/* === Dark state === *\/\n  .cf-dark-active .cf-bs-eyebrow { background: rgba(227,6,19,.12); border-color: rgba(227,6,19,.25); }\n  .cf-dark-active .cf-bs-eyebrow svg { stroke: #FF6B6B; }\n  .cf-dark-active .cf-bs-eyebrow span { color: #FF6B6B; }\n  .cf-dark-active .cf-bs-h2 { color: #FFFFFF; }\n  .cf-dark-active .cf-bs-lead { color: #999999; }\n  .cf-dark-active .cf-bs-card { background: #242425; border-color: #2E2E2F; border-left-color: #E30613; }\n  .cf-dark-active .cf-bs-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.3); }\n  .cf-dark-active .cf-bs-icon { color: #D4A574; }\n  .cf-dark-active .cf-bs-num { color: #FFFFFF; }\n  .cf-dark-active .cf-bs-title { color: #FFFFFF; }\n  .cf-dark-active .cf-bs-tech { color: #D4A574; }\n  .cf-dark-active .cf-bs-desc { color: #FFFFFF; }\n<\/style>\n\n<section class=\"cf-branchen-scroll\" id=\"cf-branchen-scroll\" aria-label=\"Branchen-L\u00f6sungen\">\n  <div class=\"cf-bs-dark-overlay\" id=\"cf-bs-overlay\"><\/div>\n  <div class=\"cf-bs-content\">\n    <div class=\"cf-bs-max\">\n      <div style=\"max-width:720px;margin-bottom:48px;\">\n        <div class=\"cf-bs-eyebrow\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><span>Branchen-L\u00f6sungen<\/span><\/div>\n        <h2 class=\"cf-bs-h2\">Eine L\u00f6sung f\u00fcr jede Branche<\/h2>\n        <p class=\"cf-bs-lead\">Wir kennen die Anforderungen Ihrer Branche und liefern die passende Karte mit der richtigen Technologie. Vom Hotel-Schlie\u00dfsystem bis zur Lades\u00e4ulen-Karte.<\/p>\n      <\/div>\n      <div class=\"cf-bs-grid\">\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div><span class=\"cf-bs-num\">01<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Zutritt &amp; Sicherheit<\/h3>\n          <div class=\"cf-bs-tech\">DESFire EV3 \u00b7 Mifare \u00b7 LEGIC<\/div>\n          <p class=\"cf-bs-desc\">Mitarbeiterausweise, Besucherkarten und Zutrittsmedien f\u00fcr B\u00fcrokomplexe, Werke und Hochsicherheitsbereiche.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><span class=\"cf-bs-num\">02<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Zeiterfassung &amp; HR<\/h3>\n          <div class=\"cf-bs-tech\">Mifare Classic \u00b7 RFID<\/div>\n          <p class=\"cf-bs-desc\">Kommen-\/Gehen-Buchungen, Schichtplanung und Personalausweise mit zentraler Datenverwaltung.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg><\/div><span class=\"cf-bs-num\">03<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Cashless Payment<\/h3>\n          <div class=\"cf-bs-tech\">DESFire \u00b7 Tap2Pay \u00b7 NFC<\/div>\n          <p class=\"cf-bs-desc\">Werks- und Betriebskantinen, Schulmensen, Festivals und geschlossene Zahlsysteme mit Aufwertstationen.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><span class=\"cf-bs-num\">04<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Loyalty &amp; Bonus<\/h3>\n          <div class=\"cf-bs-tech\">Magnetstreifen \u00b7 QR \u00b7 NFC<\/div>\n          <p class=\"cf-bs-desc\">Bonusprogramme, Kundenbindung und Punktekarten f\u00fcr Handel, Gastronomie und Filialnetze.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/div><span class=\"cf-bs-num\">05<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Tourismus &amp; Hotellerie<\/h3>\n          <div class=\"cf-bs-tech\">Mifare \u00b7 SALTO \u00b7 HID<\/div>\n          <p class=\"cf-bs-desc\">Hotelschl\u00fcsselkarten, G\u00e4stekarten f\u00fcr Regionen, Skip\u00e4sse und Resort-L\u00f6sungen mit Wallet-Funktion.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><span class=\"cf-bs-num\">06<\/span><\/div>\n          <h3 class=\"cf-bs-title\">E-Mobility &amp; Lades\u00e4ulen<\/h3>\n          <div class=\"cf-bs-tech\">RFID \u00b7 ISO 15693<\/div>\n          <p class=\"cf-bs-desc\">Ladekarten f\u00fcr \u00f6ffentliche und Firmenflotten, kompatibel mit allen g\u00e4ngigen Ladenetz-Anbietern.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><span class=\"cf-bs-num\">07<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Healthcare &amp; Apotheken<\/h3>\n          <div class=\"cf-bs-tech\">Antimikrobiell \u00b7 Chip<\/div>\n          <p class=\"cf-bs-desc\">Kundenkarten f\u00fcr Apotheken, Patientenausweise und antimikrobiell beschichtete Karten f\u00fcr sensible Bereiche.<\/p>\n        <\/div>\n        <div class=\"cf-bs-card\">\n          <div class=\"cf-bs-icon-row\"><div class=\"cf-bs-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg><\/div><span class=\"cf-bs-num\">08<\/span><\/div>\n          <h3 class=\"cf-bs-title\">Fitness &amp; Vereine<\/h3>\n          <div class=\"cf-bs-tech\">Mifare \u00b7 Magnetstreifen<\/div>\n          <p class=\"cf-bs-desc\">Mitgliedsausweise mit Foto-Druck, Studio-Zugang via RFID und Bonussysteme f\u00fcr Trainingsangebote.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var section = document.getElementById('cf-branchen-scroll');\n  var overlay = document.getElementById('cf-bs-overlay');\n  if (!section || !overlay) return;\n\n  var ticking = false;\n\n  function onScroll() {\n    if (!ticking) {\n      requestAnimationFrame(update);\n      ticking = true;\n    }\n  }\n\n  function update() {\n    ticking = false;\n    var rect = section.getBoundingClientRect();\n    var vh = window.innerHeight;\n    var enterStart = vh;\n    var enterEnd = vh * 0.35;\n    var exitStart = -rect.height * 0.55;\n    var exitEnd = -rect.height * 0.85;\n    var progress = 0;\n\n    if (rect.top >= enterStart) {\n      progress = 0;\n    } else if (rect.top <= enterEnd && rect.top > exitStart) {\n      progress = 1;\n    } else if (rect.top > enterEnd) {\n      progress = 1 - (rect.top - enterEnd) \/ (enterStart - enterEnd);\n    } else if (rect.top <= exitStart) {\n      progress = Math.max(0, 1 - (exitStart - rect.top) \/ (exitStart - exitEnd));\n    }\n\n    progress = progress * progress * (3 - 2 * progress);\n\n    overlay.style.opacity = progress;\n\n    if (progress > 0.45 && !section.classList.contains('cf-dark-active')) {\n      section.classList.add('cf-dark-active');\n    } else if (progress <= 0.45 && section.classList.contains('cf-dark-active')) {\n      section.classList.remove('cf-dark-active');\n    }\n  }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onScroll, { passive: true });\n  onScroll();\n})();\n<\/script>\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<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-7e95926 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7e95926\" data-element_type=\"section\" data-e-type=\"section\">\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-4ce403a\" data-id=\"4ce403a\" 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-f9e4a6f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f9e4a6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"cf-kalkulator\" class=\"cf-section\" data-compact=\"true\" lang=\"de\">\n  <div class=\"cf-max-w\">\n    <div class=\"cf-box cf-reveal\">\n\n      <div class=\"cf-box-header\">\n        <div class=\"cf-hd-left\">\n          <div class=\"cf-eyebrow\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M15 2v2M15 20v2M2 15h2M20 15h2M9 2v2M9 20v2M2 9h2M20 9h2\"\/><\/svg><span>Kartenkonfigurator<\/span><\/div>\n          <h2 class=\"cf-h2\">Ihre Karte. <span>Ganz nach Ma\u00df.<\/span><\/h2>\n          <p class=\"cf-hd-sub\">Material, Veredelung und St\u00fcckzahl, in wenigen Schritten zur Wunschkarte. Vorder- und R\u00fcckseite live in der Vorschau.<\/p>\n        <\/div>\n        <div class=\"cf-hd-live\">\n          <div class=\"cf-live-chip\"><span class=\"l\">Auflage<\/span><span class=\"v\"><span id=\"cf-qty-live\">10.000<\/span> Stk.<\/span><\/div>\n          <div class=\"cf-live-chip\"><span class=\"l\">Lieferzeit<\/span><span class=\"v\"><span id=\"cf-delivery-time\">10\u201315<\/span> Tage<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"cf-box-body\">\n\n        <div class=\"cf-box-col cf-col-config\">\n          <div class=\"cf-group\">\n            <div class=\"cf-sub-h\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M16 16v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3\"\/><rect x=\"8\" y=\"2\" width=\"14\" height=\"14\" rx=\"1\"\/><\/svg><span>St\u00fcckzahl<\/span><\/div>\n            <div class=\"cf-qty-wrap\" id=\"cf-qty-wrap\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#999\" stroke-width=\"1.5\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\n              <input type=\"text\" id=\"cf-qty-input\" value=\"10.000\" inputmode=\"numeric\" onfocus=\"this.select();document.getElementById('cf-qty-wrap').classList.add('focus')\" onblur=\"cfParseQty(this);document.getElementById('cf-qty-wrap').classList.remove('focus')\" onkeydown=\"if(event.key==='Enter'){cfParseQty(this);this.blur();}\">\n              <span class=\"cf-qty-unit\">St\u00fcck<\/span>\n            <\/div>\n            <div class=\"cf-tier-row\">\n              <span id=\"cf-tier1\" class=\"cf-tier-marker\">Kleinserie<\/span><span id=\"cf-tier2\" class=\"cf-tier-marker\">Standard<\/span><span id=\"cf-tier3\" class=\"cf-tier-marker\">Gro\u00dfauflage<\/span><span id=\"cf-tier4\" class=\"cf-tier-marker\">Industrie<\/span>\n            <\/div>\n            <input type=\"range\" id=\"cf-qty-slider\" min=\"0\" max=\"1000\" value=\"278\" step=\"1\" aria-label=\"St\u00fcckzahl\">\n            <div class=\"cf-scale\"><span>100<\/span><span>5K<\/span><span>50K<\/span><span>250K<\/span><span>1M+<\/span><\/div>\n          <\/div>\n\n          <div class=\"cf-group cf-group-div\">\n            <div class=\"cf-sub-h\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg><span>Ausstattung<\/span><span class=\"cf-multi\">Mehrfachauswahl<\/span><\/div>\n            <div class=\"cf-aus-grid\">\n              <label class=\"cf-fin-card cf-has-tip\" data-fin=\"magnetstreifen\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"magnetstreifen\" onchange=\"cfToggleFin(this)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 9h20\"\/><\/svg><div class=\"cf-fin-title\">Magnet&shy;streifen<\/div><span class=\"cf-info\" tabindex=\"0\" role=\"button\" aria-label=\"Details zum Magnetstreifen\" onclick=\"cfTipToggle(event,this)\" onkeydown=\"if(event.key==='Enter'||event.key===' '){cfTipToggle(event,this);}\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg><\/span><span class=\"cf-tip\" role=\"tooltip\"><strong>HiCo, High Coercivity<\/strong><br>2.750 bis 4.000 Oe, Breite 12,7 mm<\/span><\/label>\n              <label class=\"cf-fin-card\" data-fin=\"rfid\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"rfid\" onchange=\"cfToggleFin(this)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><circle cx=\"12\" cy=\"20\" r=\"1\"\/><\/svg><div class=\"cf-fin-title\">RFID \/ NFC<\/div><\/label>\n              <label class=\"cf-fin-card\" data-fin=\"speicherchip\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"speicherchip\" onchange=\"cfToggleFin(this)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M15 2v2M9 2v2M15 20v2M9 20v2M2 15h2M2 9h2M20 15h2M20 9h2\"\/><\/svg><div class=\"cf-fin-title\">Speicherchips<\/div><\/label>\n              <label class=\"cf-fin-card\" data-fin=\"unterschrift\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"unterschrift\" onchange=\"cfToggleFin(this)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><div class=\"cf-fin-title\">Unterschriften&shy;feld<\/div><\/label>\n              <label class=\"cf-fin-card\" data-fin=\"lochung\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"lochung\" onchange=\"cfToggleFin(this)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><ellipse cx=\"12\" cy=\"7\" rx=\"3\" ry=\"1.6\"\/><\/svg><div class=\"cf-fin-title\">Lochung \/ Stanzloch<\/div><\/label>\n              <label class=\"cf-fin-card\" data-fin=\"hologramme\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"hologramme\" onchange=\"cfToggleFin(this)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><div class=\"cf-fin-title\">Hologramme<\/div><\/label>\n            <\/div>\n            <div class=\"cf-sub-panel\" id=\"cf-rfid-panel\" hidden>\n              <div class=\"cf-sub-panel-h\"><span>Chip-Technologie<\/span><span class=\"cf-multi\">Bitte eine w\u00e4hlen<\/span><\/div>\n              <div class=\"cf-chip-grid\" role=\"radiogroup\" aria-label=\"Chip-Technologie\">\n                <label class=\"cf-chip-opt cf-chip-opt-reco\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"nfc_empfehlung\" onchange=\"cfSelectRfid(this)\"><span>Smartphone-lesbar (NFC), Chip nach Empfehlung<\/span><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"ntag\" onchange=\"cfSelectRfid(this)\"><span>NTAG<\/span><em class=\"cf-nfc-badge\">NFC<\/em><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"mifare_ultralight\" onchange=\"cfSelectRfid(this)\"><span>MIFARE Ultralight<\/span><em class=\"cf-nfc-badge\">NFC<\/em><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"mifare_desfire\" onchange=\"cfSelectRfid(this)\"><span>MIFARE DESFire<\/span><em class=\"cf-nfc-badge\">NFC<\/em><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"mifare_classic\" onchange=\"cfSelectRfid(this)\"><span>MIFARE Classic<\/span><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"mifare_plus\" onchange=\"cfSelectRfid(this)\"><span>MIFARE Plus<\/span><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"icode_slix\" onchange=\"cfSelectRfid(this)\"><span>I-Code SLIX, ISO 15693<\/span><em class=\"cf-nfc-badge\">NFC<\/em><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"legic_advant\" onchange=\"cfSelectRfid(this)\"><span>LEGIC advant<\/span><\/label>\n                <label class=\"cf-chip-opt\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"legic_prime\" onchange=\"cfSelectRfid(this)\"><span>LEGIC prime<\/span><\/label>\n                <label class=\"cf-chip-opt cf-chip-opt-help\"><input type=\"radio\" name=\"cf-rfid-chip\" value=\"beratung\" onchange=\"cfSelectRfid(this)\"><span>Noch unklar \/ Anderes System<\/span><\/label>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"cf-group cf-group-div\">\n            <div class=\"cf-sub-h\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><span>Veredelungen<\/span><span class=\"cf-multi\">Mehrfachauswahl<\/span><\/div>\n            <div class=\"cf-ver-grid\">\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"folienpraegung\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"folienpraegung\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Folienpr\u00e4gungen<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"glitzer\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"glitzer\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Glitzer-\/Metalliclack<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"goldsilber\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"goldsilber\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Gold-\/Silberfolie<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"inkjet\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"inkjet\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Inkjet-Druck<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"lack\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"lack\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Lack-Effekte<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"lenticular\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"lenticular\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Lenticular-Effekte<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"rubbelfeld\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"rubbelfeld\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Rubbelfeld<\/div><\/label>\n              <label class=\"cf-fin-card cf-fin-compact\" data-fin=\"sonderfarben\"><input type=\"checkbox\" class=\"cf-fin-input\" value=\"sonderfarben\" onchange=\"cfToggleFin(this)\"><div class=\"cf-fin-title\">Sonderfarben<\/div><\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cf-box-col cf-col-preview\">\n          <div class=\"cf-sub-h cf-preview-h\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><span>Live-Vorschau<\/span><span class=\"cf-side-label\" id=\"cf-side-label\">Vorderseite<\/span><\/div>\n\n          <div class=\"cf-stage\">\n            <div class=\"cf-scene\">\n              <div class=\"cf-card3d\" id=\"cf-card3d\" role=\"button\" tabindex=\"0\" aria-label=\"Karte drehen, Vorder- und R\u00fcckseite ansehen\" onclick=\"cfToggleSide()\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();cfToggleSide();}\">\n                <div class=\"cf-face cf-front\" id=\"cf-front\">\n                  <div class=\"cf-front-bg\" id=\"cf-front-bg\"><\/div>\n                  <div class=\"cf-front-upload\" id=\"cf-front-upload\"><\/div>\n                  <div class=\"cf-sheen\" id=\"cf-sheen\"><\/div>\n                  <div class=\"cf-punch\" id=\"cf-punch-front\"><\/div>\n                  <div class=\"cf-front-content\">\n                    <div class=\"cf-front-head\">\n                      <div class=\"cf-front-eyebrow\" id=\"cf-prev-mat-label\">PVC<\/div>\n                      <div class=\"cf-front-title\" id=\"cf-prev-title\">Ihre Karte<\/div>\n                    <\/div>\n                    <div class=\"cf-rfid\" id=\"cf-rfid-front\"><\/div>\n                    <div class=\"cf-chip\" id=\"cf-chip\">\n                      <svg viewBox=\"0 0 50 40\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"none\">\n                        <defs><linearGradient id=\"cfChipGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#f7ecc0\"\/><stop offset=\"0.45\" stop-color=\"#d9b84a\"\/><stop offset=\"1\" stop-color=\"#a9821f\"\/><\/linearGradient><\/defs>\n                        <rect x=\"1\" y=\"1\" width=\"48\" height=\"38\" rx=\"6\" fill=\"url(#cfChipGrad)\" stroke=\"#8f6d12\" stroke-width=\"0.6\"\/>\n                        <g stroke=\"#8a6a15\" stroke-width=\"1\" opacity=\"0.55\" fill=\"none\"><line x1=\"0\" y1=\"14\" x2=\"50\" y2=\"14\"\/><line x1=\"0\" y1=\"26\" x2=\"50\" y2=\"26\"\/><line x1=\"18\" y1=\"0\" x2=\"18\" y2=\"14\"\/><line x1=\"32\" y1=\"0\" x2=\"32\" y2=\"14\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"40\"\/><line x1=\"32\" y1=\"26\" x2=\"32\" y2=\"40\"\/><rect x=\"18\" y=\"14\" width=\"14\" height=\"12\"\/><\/g>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"cf-holo\" id=\"cf-holo-front\"><\/div>\n                    <div class=\"cf-front-foot\"><span id=\"cf-front-code\">Muster<\/span><\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"cf-face cf-back\" id=\"cf-back\">\n                  <div class=\"cf-back-bg\" id=\"cf-back-bg\"><\/div>\n                  <div class=\"cf-magstripe cf-magstripe--off\" id=\"cf-magstripe\"><\/div>\n                  <div class=\"cf-sig cf-sig--off\" id=\"cf-sig\">\n                    <div class=\"cf-sig-lines\"><\/div>\n                    <span class=\"cf-sig-tag\" id=\"cf-sig-tag\">Unterschriftenfeld<\/span>\n                  <\/div>\n                  <div class=\"cf-back-fine\"><span><\/span><span><\/span><span><\/span><\/div>\n                  <div class=\"cf-holo cf-holo-sm\" id=\"cf-holo-back\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"cf-side-toggle\" role=\"group\" aria-label=\"Kartenseite w\u00e4hlen\">\n              <button type=\"button\" class=\"cf-side-btn active\" id=\"cf-side-front\" onclick=\"cfSetSide('front')\" aria-pressed=\"true\">Vorderseite<\/button>\n              <button type=\"button\" class=\"cf-side-btn\" id=\"cf-side-back\" onclick=\"cfSetSide('back')\" aria-pressed=\"false\">R\u00fcckseite<\/button>\n              <button type=\"button\" class=\"cf-flip-btn\" onclick=\"cfToggleSide()\" aria-label=\"Karte drehen\" title=\"Karte drehen\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg><\/button>\n            <\/div>\n\n            <div id=\"cf-upload-zone\" role=\"button\" tabindex=\"0\" aria-label=\"Design hochladen\" onclick=\"document.getElementById('cf-file-input').click()\" onkeydown=\"if(event.key==='Enter')document.getElementById('cf-file-input').click()\" ondragover=\"event.preventDefault();this.classList.add('drag')\" ondragleave=\"this.classList.remove('drag')\" ondrop=\"cfHandleDrop(event)\">\n              <input type=\"file\" id=\"cf-file-input\" accept=\"image\/*,.pdf,.ai,.eps\" onchange=\"cfHandleFile(this.files[0])\">\n              <div id=\"cf-upload-content\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#999\" stroke-width=\"1.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg><span class=\"cf-upload-main\">Design hochladen<\/span><span class=\"cf-upload-hint\">PNG, JPG, PDF oder AI, bis 20 MB<\/span><\/div>\n              <div id=\"cf-upload-success\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2D6A4F\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><span class=\"cf-upload-ok\">Design hinterlegt<\/span><span id=\"cf-upload-filename\"><\/span><button type=\"button\" onclick=\"event.stopPropagation();cfRemoveFile()\" class=\"cf-upload-remove\">Entfernen<\/button><\/div>\n            <\/div>\n\n            <div class=\"cf-summary\">\n              <div class=\"cf-cardspec-head cf-summary-head\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg><span>Laminierte Plastikkarte, ISO 7810<\/span><\/div>\n              <div class=\"cf-sum-rows\">\n                <div class=\"cf-sum-row\"><span class=\"cf-sum-k\">Format<\/span><span class=\"cf-sum-v\">85,6 \u00d7 54 \u00d7 0,76 mm<\/span><\/div>\n                <div class=\"cf-sum-row\"><span class=\"cf-sum-k\">Material<\/span><span class=\"cf-sum-v\">PVC, wei\u00df<\/span><\/div>\n                <div class=\"cf-sum-row\"><span class=\"cf-sum-k\">Druck<\/span><span class=\"cf-sum-v\">4-farbig, beidseitig<\/span><\/div>\n                <div class=\"cf-sum-row\"><span class=\"cf-sum-k\">Veredelung<\/span><span class=\"cf-sum-v\">beidseitig hochgl\u00e4nzend laminiert<\/span><\/div>\n                <div class=\"cf-sum-row cf-sum-row-hl\"><span class=\"cf-sum-k\">Auflage<\/span><span class=\"cf-sum-v\"><span id=\"cf-sum-qty\">10.000<\/span> St\u00fcck<\/span><\/div>\n              <\/div>\n              <div class=\"cf-pills\" id=\"cf-config-pills\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cf-box-col cf-col-offer\">\n          <div class=\"cf-sub-h\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg><span>Angebot anfordern<\/span><span class=\"cf-unverb\">Unverbindlich<\/span><\/div>\n          <p class=\"cf-form-note\">F\u00fcr ein rechtsverbindliches Angebot ben\u00f6tigen wir Ihre vollst\u00e4ndige Firmenanschrift. Wir melden uns mit Ihrem pers\u00f6nlichen Angebot.<\/p>\n          <div class=\"cf-form-grid\">\n            <div class=\"cf-row-2\">\n              <input type=\"text\" id=\"cf-lead-company\" placeholder=\"Firma *\" autocomplete=\"organization\" required>\n              <input type=\"text\" id=\"cf-lead-name\" placeholder=\"Ansprechpartner *\" autocomplete=\"name\" required>\n            <\/div>\n            <input type=\"text\" id=\"cf-lead-street\" placeholder=\"Stra\u00dfe &amp; Hausnummer *\" autocomplete=\"street-address\" required>\n            <div class=\"cf-row-plz\">\n              <input type=\"text\" id=\"cf-lead-zip\" placeholder=\"PLZ *\" inputmode=\"numeric\" autocomplete=\"postal-code\" required>\n              <input type=\"text\" id=\"cf-lead-city\" placeholder=\"Ort *\" autocomplete=\"address-level2\" required>\n            <\/div>\n            <select id=\"cf-lead-country\" aria-label=\"Land\" autocomplete=\"country-name\">\n              <option value=\"Deutschland\" selected>Deutschland<\/option>\n              <option value=\"\u00d6sterreich\">\u00d6sterreich<\/option>\n              <option value=\"Schweiz\">Schweiz<\/option>\n              <option value=\"Andere\">Anderes Land<\/option>\n            <\/select>\n            <div class=\"cf-row-2\">\n              <input type=\"email\" id=\"cf-lead-email\" placeholder=\"E-Mail *\" autocomplete=\"email\" required>\n              <input type=\"tel\" id=\"cf-lead-phone\" placeholder=\"Telefon (optional)\" autocomplete=\"tel\">\n            <\/div>\n            <textarea id=\"cf-lead-msg\" rows=\"3\" placeholder=\"Besondere Anforderungen, Liefertermin, Fragen \u2026\"><\/textarea>\n            <label class=\"cf-consent\"><input type=\"checkbox\" id=\"cf-lead-consent\"><span>Ich stimme der Verarbeitung meiner Daten zur Angebotserstellung zu.<\/span><\/label>\n            <button type=\"button\" onclick=\"cfSubmitLead()\" class=\"cf-cta-btn\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>Angebot anfordern<\/button>\n          <\/div>\n          <div class=\"cf-secure\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#bbb\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>Verschl\u00fcsselt, keine Weitergabe an Dritte<\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cf-box-footer\">\n        <span class=\"cf-foot-hint\">Ihre Konfiguration wird mit der Anfrage \u00fcbermittelt.<\/span>\n        <button type=\"button\" onclick=\"cfDownloadPDF()\" class=\"cf-foot-dl\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>Konfiguration speichern<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var WEBHOOK_URL = 'https:\/\/vogt.zauberware.dev\/webhook\/Kontakt';\n  var SCHEMA = 'cf-konfigurator-v10';\n  var DELIVERY = '10\u201315';\n  var state = { qty: 10000, material: 'pvc', ausstattung: [], veredelung: [], rfidChip: '', file: null, fileName: '', fileType: '', fileSize: 0, side: 'front' };\n\n  var TIERS = [\n    { min: 100, max: 5000, round: 50 },\n    { min: 5000, max: 50000, round: 500 },\n    { min: 50000, max: 250000, round: 1000 },\n    { min: 250000, max: 1000000, round: 5000 }\n  ];\n  function sliderToQty(v){ var pct=v\/10; var seg=Math.min(Math.floor(pct\/25),3); var local=(pct-seg*25)\/25; var t=TIERS[seg]; return Math.round((t.min+local*(t.max-t.min))\/t.round)*t.round; }\n  function qtyToSlider(qty){ for(var i=0;i<TIERS.length;i++){ var t=TIERS[i]; if(qty<=t.max||i===3){ var local=(qty-t.min)\/(t.max-t.min); return Math.round((i*25+local*25)*10); } } return 1000; }\n\n  var matData = {\n    'pvc':{ label:'PVC', bg:'linear-gradient(135deg,#1a1a2e,#16213e)', transp:false },\n    'duennplastik':{ label:'D\u00fcnnplastikkarten', bg:'linear-gradient(135deg,#2c2c3e,#1a1a2e)', transp:false },\n    'ps':{ label:'PS (Polystyrol)', bg:'linear-gradient(135deg,#3a3a4e,#1a1a2e)', transp:false },\n    'pet':{ label:'PET \/ PET-G', bg:'linear-gradient(135deg,#1e3a5f,#162a3e)', transp:false },\n    'papier':{ label:'Papier \/ Karton', bg:'linear-gradient(135deg,#8B7355,#6B5B45)', transp:false },\n    'holz':{ label:'Holz (FSC)', bg:'repeating-linear-gradient(100deg,#6a4a2a,#6a4a2a 3px,#5e4126 3px,#5e4126 6px),linear-gradient(135deg,#7a5636,#4d371f)', transp:false },\n    'recycling':{ label:'Recyclingmaterial', bg:'linear-gradient(135deg,#2D6A4F,#234E3B)', transp:false },\n    'transparent':{ label:'(Teil-)Transparent', bg:'linear-gradient(135deg,rgba(74,111,165,.42),rgba(42,74,122,.42))', transp:true }\n  };\n  var finLabels = { magnetstreifen:'Magnetstreifen', lochung:'Lochung \/ Stanzloch', hologramme:'Hologramme', rfid:'RFID \/ NFC', speicherchip:'Speicherchips', unterschrift:'Unterschriftenfeld', folienpraegung:'Folienpr\u00e4gungen', glitzer:'Glitzer-\/Metalliclack', goldsilber:'Gold-\/Silberfolie', inkjet:'Inkjet-Druck', lack:'Lack-Effekte', lenticular:'Lenticular-Effekte', rubbelfeld:'Rubbelfeld', sonderfarben:'Sonderfarben' };\n  var RFID_CHIPS = { nfc_empfehlung:'Smartphone-lesbar (NFC), Chip nach Empfehlung', ntag:'NTAG', mifare_ultralight:'MIFARE Ultralight', mifare_desfire:'MIFARE DESFire', mifare_classic:'MIFARE Classic', mifare_plus:'MIFARE Plus', icode_slix:'I-Code SLIX (ISO 15693)', legic_advant:'LEGIC advant', legic_prime:'LEGIC prime', beratung:'Noch unklar \/ Anderes System' };\n  function ausLabel(f){ if(f==='rfid'){ return 'RFID \/ NFC' + (state.rfidChip ? ' (' + (RFID_CHIPS[state.rfidChip]||state.rfidChip) + ')' : ''); } return finLabels[f]||f; }\n\n  var slider = document.getElementById('cf-qty-slider');\n  var qtyInput = document.getElementById('cf-qty-input');\n  function fmtDE(n){ return n.toLocaleString('de-DE'); }\n  function setText(id,val){ var el=document.getElementById(id); if(el) el.textContent=val; }\n\n  function updateSlider(){\n    var qty = sliderToQty(parseInt(slider.value));\n    state.qty = qty;\n    var label;\n    if(parseInt(slider.value) >= 1000){ state.qty=1000000; label='> 1.000.000'; qtyInput.value='> 1.000.000'; setText('cf-qty-live','> 1 Mio.'); }\n    else { label=fmtDE(qty); qtyInput.value=label; setText('cf-qty-live',label); }\n    setText('cf-sum-qty', label);\n    var pct = parseInt(slider.value)\/10;\n    slider.style.background = 'linear-gradient(to right,#E30613 '+pct+'%,#E8E8E8 '+pct+'%)';\n    var defs=[{id:'cf-tier1',min:0,max:249},{id:'cf-tier2',min:250,max:499},{id:'cf-tier3',min:500,max:749},{id:'cf-tier4',min:750,max:1000}];\n    var sv=parseInt(slider.value);\n    defs.forEach(function(t){ var el=document.getElementById(t.id); if(el){ if(sv>=t.min&&sv<=t.max) el.classList.add('active'); else el.classList.remove('active'); } });\n  }\n  window.cfParseQty = function(el){ var raw=el.value.replace(\/[^0-9]\/g,''); var n=parseInt(raw)||100; n=Math.max(100,Math.min(1000000,n)); slider.value=qtyToSlider(n); updateSlider(); };\n  if(slider){ slider.addEventListener('input',updateSlider); updateSlider(); }\n\n  window.cfSelectMat = function(val){\n    state.material = val;\n    var info = matData[val] || matData['pvc'];\n    setText('cf-prev-mat-label', info.label);\n    setText('cf-sum-material', info.label);\n    var fbg=document.getElementById('cf-front-bg'), bbg=document.getElementById('cf-back-bg'), card=document.getElementById('cf-card3d');\n    if(fbg) fbg.style.background = info.bg;\n    if(bbg) bbg.style.background = info.bg;\n    if(card){ if(info.transp) card.classList.add('cf-transp'); else card.classList.remove('cf-transp'); }\n    cfRefreshPreview();\n  };\n\n  window.cfToggleFin = function(input){\n    var card = input.closest('.cf-fin-card'), val = input.value;\n    var list = ['magnetstreifen','lochung','hologramme','rfid','speicherchip','unterschrift'].indexOf(val) > -1 ? 'ausstattung' : 'veredelung';\n    if(input.checked){ card.classList.add('active'); if(state[list].indexOf(val)===-1) state[list].push(val);\n      if(val==='unterschrift'||val==='magnetstreifen') cfSetSide('back');\n      else if(['speicherchip','rfid','hologramme','goldsilber','lochung'].indexOf(val)>-1) cfSetSide('front');\n    } else { card.classList.remove('active'); state[list]=state[list].filter(function(f){return f!==val;}); }\n    if(val==='rfid'){\n      var panel=document.getElementById('cf-rfid-panel');\n      if(input.checked){ if(panel) panel.hidden=false; }\n      else {\n        if(panel) panel.hidden=true;\n        state.rfidChip='';\n        document.querySelectorAll('#cf-rfid-panel input[type=radio]').forEach(function(r){ r.checked=false; });\n        document.querySelectorAll('#cf-rfid-panel .cf-chip-opt').forEach(function(o){ o.classList.remove('active'); });\n      }\n    }\n    cfRefreshPreview();\n  };\n\n  window.cfSelectRfid = function(input){\n    state.rfidChip = input.value;\n    document.querySelectorAll('#cf-rfid-panel .cf-chip-opt').forEach(function(o){ o.classList.remove('active'); });\n    var opt=input.closest('.cf-chip-opt'); if(opt) opt.classList.add('active');\n    cfRefreshPreview();\n  };\n\n  \/\/ Freischwebender Hinweis: haengt direkt am <body>, wird daher nie von der Karte abgeschnitten\n  var tipEl = null, tipAnchor = null, tipPinned = false;\n  function tipFloat(){\n    if(!tipEl){ tipEl = document.createElement('div'); tipEl.id = 'cf-tip-float'; tipEl.setAttribute('role','tooltip'); document.body.appendChild(tipEl); }\n    return tipEl;\n  }\n  function tipShow(icon){\n    var src = icon.parentNode.querySelector('.cf-tip'); if(!src) return;\n    var t = tipFloat(); tipAnchor = icon;\n    t.innerHTML = src.innerHTML;\n    t.style.left = '0px'; t.style.top = '0px';\n    var r = icon.getBoundingClientRect(), w = t.offsetWidth, h = t.offsetHeight, pad = 8, gap = 10;\n    var cx = r.left + r.width\/2;\n    var left = Math.max(pad, Math.min(cx - w\/2, window.innerWidth - w - pad));\n    var top = r.top - h - gap, pos = 'top';\n    if(top < pad){ top = r.bottom + gap; pos = 'bottom'; }\n    t.style.left = Math.round(left) + 'px'; t.style.top = Math.round(top) + 'px';\n    t.setAttribute('data-pos', pos);\n    t.style.setProperty('--cf-ax', Math.max(12, Math.min(cx - left, w - 12)) + 'px');\n    t.classList.add('cf-tf-show');\n  }\n  function tipHide(){ if(tipEl) tipEl.classList.remove('cf-tf-show'); tipAnchor = null; tipPinned = false; }\n  window.cfTipToggle = function(e, el){\n    e.preventDefault(); e.stopPropagation();\n    if(tipPinned && tipAnchor === el){ tipHide(); return; }\n    tipShow(el); tipPinned = true;\n  };\n  document.querySelectorAll('#cf-kalkulator .cf-info').forEach(function(icon){\n    icon.addEventListener('mouseenter', function(){ if(!tipPinned) tipShow(icon); });\n    icon.addEventListener('mouseleave', function(){ if(!tipPinned) tipHide(); });\n    icon.addEventListener('focus', function(){ tipShow(icon); });\n    icon.addEventListener('blur', function(){ tipHide(); });\n  });\n  document.addEventListener('click', function(){ if(tipPinned) tipHide(); });\n  window.addEventListener('scroll', function(){ if(tipAnchor) tipShow(tipAnchor); }, true);\n  window.addEventListener('resize', function(){ if(tipAnchor) tipShow(tipAnchor); });\n\n  function has(v){ return state.ausstattung.concat(state.veredelung).indexOf(v) > -1; }\n  function cfRefreshPreview(){\n    var chip=document.getElementById('cf-chip'), rfid=document.getElementById('cf-rfid-front'), holoF=document.getElementById('cf-holo-front'), holoB=document.getElementById('cf-holo-back');\n    var title=document.getElementById('cf-prev-title'), sheen=document.getElementById('cf-sheen'), sig=document.getElementById('cf-sig'), mag=document.getElementById('cf-magstripe'), punch=document.getElementById('cf-punch-front');\n    if(chip) chip.style.display = has('speicherchip') ? 'block' : 'none';\n    if(rfid) rfid.style.display = has('rfid') ? 'block' : 'none';\n    if(holoF) holoF.style.display = has('hologramme') ? 'block' : 'none';\n    if(holoB) holoB.style.display = has('hologramme') ? 'block' : 'none';\n    if(title){ if(has('goldsilber')) title.classList.add('cf-title-foil'); else title.classList.remove('cf-title-foil'); }\n    if(sheen) sheen.style.opacity = (has('glitzer')||has('lack')||has('folienpraegung')) ? '1' : '0';\n    if(sig){ if(has('unterschrift')) sig.classList.remove('cf-sig--off'); else sig.classList.add('cf-sig--off'); }\n    if(mag){ if(has('magnetstreifen')) mag.classList.remove('cf-magstripe--off'); else mag.classList.add('cf-magstripe--off'); }\n    if(punch) punch.style.display = has('lochung') ? 'block' : 'none';\n    buildPills();\n  }\n\n  function buildPills(){\n    var box=document.getElementById('cf-config-pills'); if(!box) return;\n    var items=[];\n    state.ausstattung.forEach(function(f){ items.push({t:ausLabel(f), k:'aus'}); });\n    state.veredelung.forEach(function(f){ items.push({t:finLabels[f]||f, k:'ver'}); });\n    if(items.length===0){ box.innerHTML='<span class=\"cf-pill cf-pill-empty\">Noch keine Ausstattung oder Veredelung gew\u00e4hlt<\/span>'; return; }\n    box.innerHTML = items.map(function(i){ return '<span class=\"cf-pill cf-pill-'+i.k+'\">'+i.t+'<\/span>'; }).join('');\n  }\n\n  window.cfSetSide = function(side){\n    state.side = side;\n    var card=document.getElementById('cf-card3d'), lbl=document.getElementById('cf-side-label');\n    var bf=document.getElementById('cf-side-front'), bb=document.getElementById('cf-side-back');\n    if(side==='back') card.classList.add('flipped'); else card.classList.remove('flipped');\n    if(lbl) lbl.textContent = side==='back' ? 'R\u00fcckseite' : 'Vorderseite';\n    if(bf){ bf.classList.toggle('active', side==='front'); bf.setAttribute('aria-pressed', side==='front'); }\n    if(bb){ bb.classList.toggle('active', side==='back'); bb.setAttribute('aria-pressed', side==='back'); }\n  };\n  window.cfToggleSide = function(){ cfSetSide(state.side==='back' ? 'front' : 'back'); };\n\n  window.cfHandleFile = function(file){\n    if(!file) return; if(file.size > 20*1024*1024){ alert('Maximal 20 MB.'); return; }\n    state.fileName = file.name; state.fileType = file.type || ''; state.fileSize = file.size;\n    var c=document.getElementById('cf-upload-content'), s=document.getElementById('cf-upload-success'), n=document.getElementById('cf-upload-filename');\n    if(c) c.style.display='none'; if(s) s.style.display='flex'; if(n) n.textContent=file.name;\n    var r=new FileReader(); r.onload=function(e){ state.file=e.target.result; if(state.fileType.indexOf('image\/')===0){ var l=document.getElementById('cf-front-upload'); if(l){ l.style.backgroundImage='url('+e.target.result+')'; l.style.opacity='1'; } } }; r.readAsDataURL(file);\n  };\n  window.cfHandleDrop = function(e){ e.preventDefault(); var z=document.getElementById('cf-upload-zone'); if(z) z.classList.remove('drag'); if(e.dataTransfer&&e.dataTransfer.files[0]) cfHandleFile(e.dataTransfer.files[0]); };\n  window.cfRemoveFile = function(){ state.file=null; state.fileName=''; state.fileType=''; state.fileSize=0; var c=document.getElementById('cf-upload-content'),s=document.getElementById('cf-upload-success'),l=document.getElementById('cf-front-upload'),i=document.getElementById('cf-file-input'); if(c) c.style.display='flex'; if(s) s.style.display='none'; if(l){ l.style.opacity='0'; l.style.backgroundImage=''; } if(i) i.value=''; };\n\n  function collectConfig(){\n    var qtyLabel = state.qty>=1000000 ? '> 1.000.000' : fmtDE(state.qty);\n    return {\n      stueckzahl: qtyLabel,\n      stueckzahl_zahl: state.qty,\n      material: (matData[state.material]||{}).label || state.material,\n      material_key: state.material,\n      format: 'Standard, 85,6 x 54 x 0,76 mm',\n      ausstattung: state.ausstattung.map(ausLabel),\n      ausstattung_keys: state.ausstattung.slice(),\n      rfid_chip: state.ausstattung.indexOf('rfid')>-1 ? (RFID_CHIPS[state.rfidChip]||'') : '',\n      rfid_chip_key: state.ausstattung.indexOf('rfid')>-1 ? state.rfidChip : '',\n      veredelung: state.veredelung.map(function(f){ return finLabels[f]||f; }),\n      veredelung_keys: state.veredelung.slice(),\n      lieferzeit: DELIVERY + ' Werktage',\n      design: state.fileName || 'Kein Upload'\n    };\n  }\n\n  window.cfSubmitLead = function(){\n    var co=document.getElementById('cf-lead-company'), na=document.getElementById('cf-lead-name'), st=document.getElementById('cf-lead-street'), zip=document.getElementById('cf-lead-zip'), city=document.getElementById('cf-lead-city'), country=document.getElementById('cf-lead-country'), em=document.getElementById('cf-lead-email'), ph=document.getElementById('cf-lead-phone'), ms=document.getElementById('cf-lead-msg'), cons=document.getElementById('cf-lead-consent');\n    if(!co.value.trim()){ hl(co); return; }\n    if(!na.value.trim()){ hl(na); return; }\n    if(!st.value.trim()){ hl(st); return; }\n    if(!zip.value.trim()){ hl(zip); return; }\n    if(!city.value.trim()){ hl(city); return; }\n    if(!em.value.trim()||!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value.trim())){ hl(em); return; }\n    if(!cons.checked){ var lbl=cons.closest('.cf-consent'); if(lbl){ lbl.classList.add('cf-consent-err'); setTimeout(function(){ lbl.classList.remove('cf-consent-err'); },2000); } return; }\n\n    var btn=document.querySelector('.cf-col-offer .cf-cta-btn');\n    if(btn){ btn.disabled=true; btn.classList.add('sending'); btn.innerHTML='<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"animation:cf-spin 1s linear infinite\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-dasharray=\"30 60\"\/><\/svg> Wird gesendet \u2026'; }\n\n    var anschrift = { strasse: st.value.trim(), plz: zip.value.trim(), ort: city.value.trim(), land: country.value };\n    var anschriftFmt = anschrift.strasse + ', ' + anschrift.plz + ' ' + anschrift.ort + ', ' + anschrift.land;\n\n    var MAX_EMBED = 10 * 1024 * 1024;\n    var designDatei = null;\n    if(state.fileName){\n      if(state.file && state.file.indexOf('data:')===0 && state.fileSize && state.fileSize<=MAX_EMBED){\n        designDatei = { name: state.fileName, typ: state.fileType||'', groesse: state.fileSize, data: state.file.split(',')[1], zu_gross: false };\n      } else {\n        designDatei = { name: state.fileName, typ: state.fileType||'', groesse: state.fileSize||0, data: null, zu_gross: !!(state.fileSize && state.fileSize>MAX_EMBED) };\n      }\n    }\n\n    fetch(WEBHOOK_URL, { method:'POST', headers:{'Content-Type':'application\/json'}, body: JSON.stringify({\n      schema: SCHEMA,\n      firma: co.value.trim(),\n      ansprechpartner: na.value.trim(),\n      email: em.value.trim(),\n      telefon: ph ? ph.value.trim() : '',\n      anschrift: anschrift,\n      anschrift_formatiert: anschriftFmt,\n      nachricht: ms ? ms.value.trim() : '',\n      einwilligung: true,\n      design_datei: designDatei,\n      konfiguration: collectConfig(),\n      timestamp: new Date().toISOString(),\n      quelle: window.location.href\n    }) }).then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); showSuccess(); }).catch(function(err){ console.warn('CF Konfigurator Webhook:', err); showSuccess(); });\n  };\n  function hl(el){ if(!el) return; el.classList.add('cf-err'); el.focus(); setTimeout(function(){ el.classList.remove('cf-err'); },2000); }\n  function showSuccess(){ var f=document.querySelector('.cf-col-offer'); if(f){ f.innerHTML='<div class=\"cf-success\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2D6A4F\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><div class=\"cf-success-t\">Anfrage gesendet<\/div><div class=\"cf-success-s\">Wir melden uns mit Ihrem pers\u00f6nlichen Angebot.<br>Pr\u00fcfen Sie auch Ihren Spam-Ordner.<\/div><\/div>'; } }\n\n  window.cfDownloadPDF = function(){\n    var c=collectConfig();\n    var co=document.getElementById('cf-lead-company'), st=document.getElementById('cf-lead-street'), zip=document.getElementById('cf-lead-zip'), city=document.getElementById('cf-lead-city'), country=document.getElementById('cf-lead-country');\n    var addr = (st&&st.value.trim()) ? (st.value.trim()+', '+ (zip?zip.value.trim():'') +' '+ (city?city.value.trim():'') +', '+ (country?country.value:'')) : 'Noch nicht angegeben';\n    var t='CF CARD FACTORY, KONFIGURATION\\n==============================\\n'\n      + 'Firma: ' + (co&&co.value.trim() ? co.value.trim() : 'Noch nicht angegeben') + '\\n'\n      + 'Anschrift: ' + addr + '\\n\\n'\n      + 'St\u00fcckzahl: ' + c.stueckzahl + '\\n'\n      + 'Material: ' + c.material + '\\n'\n      + 'Format: ' + c.format + '\\n'\n      + 'Ausstattung: ' + (c.ausstattung.join(', ')||'Keine') + '\\n'\n      + 'Veredelung: ' + (c.veredelung.join(', ')||'Keine') + '\\n'\n      + 'Lieferzeit: ' + c.lieferzeit + '\\n'\n      + 'Design: ' + c.design + '\\n'\n      + 'Datum: ' + new Date().toLocaleDateString('de-DE');\n    var b=new Blob([t],{type:'text\/plain;charset=utf-8'}); var a=document.createElement('a'); a.href=URL.createObjectURL(b); a.download='Konfiguration_CF.txt'; a.click(); URL.revokeObjectURL(a.href);\n  };\n\n  setText('cf-delivery-time', DELIVERY);\n  cfRefreshPreview();\n\n  if('IntersectionObserver' in window){ var rv=document.querySelectorAll('#cf-kalkulator .cf-reveal'); if(rv.length){ rv.forEach(function(el){ el.classList.add('cf-hidden'); }); var obs=new IntersectionObserver(function(en){ en.forEach(function(e){ if(e.isIntersecting){ e.target.classList.remove('cf-hidden'); obs.unobserve(e.target); } }); },{threshold:0.05}); rv.forEach(function(el){ obs.observe(el); }); } }\n})();\n<\/script>\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');\n  @keyframes cf-spin { to { transform: rotate(360deg); } }\n  #cf-kalkulator, #cf-kalkulator *, #cf-kalkulator *::before, #cf-kalkulator *::after{ box-sizing:border-box; }\n  #cf-kalkulator input, #cf-kalkulator select, #cf-kalkulator textarea{ min-width:0; max-width:100%; }\n\n  #cf-kalkulator{ font-family:'DM Sans',system-ui,sans-serif; background:#FAFAFA; border-bottom:1px solid #E8E8E8; padding:52px 0; color:#1A1A1B; -webkit-font-smoothing:antialiased; }\n  #cf-kalkulator .cf-max-w{ max-width:1200px; margin:0 auto; padding:0 20px; }\n  #cf-kalkulator .cf-reveal{ transition:opacity .6s ease, transform .6s ease; }\n  #cf-kalkulator .cf-hidden{ opacity:0; transform:translateY(20px); }\n\n  #cf-kalkulator .cf-box{ width:100%; background:#fff; border:1px solid #E8E8E8; border-radius:24px; box-shadow:0 24px 60px rgba(0,0,0,.08); overflow:hidden; }\n\n  #cf-kalkulator .cf-box-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:22px; padding:28px 32px; border-bottom:1px solid #E8E8E8; flex-wrap:wrap; }\n  #cf-kalkulator .cf-eyebrow{ display:inline-flex; align-items:center; gap:7px; padding:5px 13px; background:#FEF2F2; border-radius:999px; margin-bottom:12px; }\n  #cf-kalkulator .cf-eyebrow span{ font-size:10.5px; font-weight:700; color:#E30613; letter-spacing:.08em; text-transform:uppercase; }\n  #cf-kalkulator .cf-h2{ font-size:clamp(1.5rem,2.6vw,2.1rem); font-weight:800; letter-spacing:-.02em; margin:0 0 8px; line-height:1.08; }\n  #cf-kalkulator .cf-h2 span{ color:#E30613; }\n  #cf-kalkulator .cf-hd-sub{ color:#717171; font-size:13.5px; margin:0; line-height:1.55; max-width:520px; }\n  #cf-kalkulator .cf-hd-live{ display:flex; gap:10px; flex-shrink:0; }\n  #cf-kalkulator .cf-live-chip{ display:flex; flex-direction:column; align-items:flex-end; background:#FAFAFA; border:1px solid #E8E8E8; border-radius:12px; padding:10px 15px; min-width:104px; }\n  #cf-kalkulator .cf-live-chip .l{ font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#999; }\n  #cf-kalkulator .cf-live-chip .v{ font-size:15px; font-weight:700; color:#1A1A1B; font-family:'DM Mono',monospace; margin-top:3px; }\n\n  #cf-kalkulator .cf-box-body{ display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; }\n  @media(min-width:1000px){ #cf-kalkulator .cf-box-body{ grid-template-columns:minmax(0,1.02fr) minmax(0,1.06fr) minmax(0,1.02fr); } }\n  #cf-kalkulator .cf-box-col{ padding:26px 28px; min-width:0; }\n  @media(min-width:1000px){ #cf-kalkulator .cf-box-col + .cf-box-col{ border-left:1px solid #E8E8E8; } }\n  @media(max-width:999px){ #cf-kalkulator .cf-box-col + .cf-box-col{ border-top:1px solid #E8E8E8; } }\n  #cf-kalkulator .cf-col-preview{ display:flex; flex-direction:column; }\n  #cf-kalkulator .cf-col-offer{ background:#FEFAFB; display:flex; flex-direction:column; }\n\n  #cf-kalkulator .cf-sub-h{ display:flex; align-items:center; gap:9px; font-size:14px; font-weight:700; color:#1A1A1B; margin-bottom:16px; }\n  #cf-kalkulator .cf-multi,#cf-kalkulator .cf-side-label,#cf-kalkulator .cf-unverb{ margin-left:auto; font-size:10.5px; color:#999; font-weight:500; }\n  #cf-kalkulator .cf-group-div{ margin-top:24px; padding-top:24px; border-top:1px solid #EFEFEF; }\n\n  #cf-kalkulator .cf-qty-wrap{ display:flex; align-items:center; gap:11px; margin-bottom:14px; padding:11px 16px; background:#FAFAFA; border:1.5px solid #E8E8E8; border-radius:9px; transition:border-color .2s; }\n  #cf-kalkulator .cf-qty-wrap.focus{ border-color:#E30613; }\n  #cf-kalkulator #cf-qty-input{ font-family:'DM Mono',monospace; font-size:24px; font-weight:700; color:#1A1A1B; border:none; background:transparent; flex:1 1 auto; width:auto; min-width:0; outline:none; padding:0; }\n  #cf-kalkulator .cf-qty-unit{ flex-shrink:0; }\n  #cf-kalkulator .cf-qty-unit{ font-size:13px; color:#999; white-space:nowrap; }\n  #cf-kalkulator .cf-tier-row{ display:flex; justify-content:space-between; font-size:10.5px; margin-bottom:7px; padding:0 2px; }\n  #cf-kalkulator .cf-tier-marker{ color:#999; transition:color .2s; }\n  #cf-kalkulator .cf-tier-marker.active{ color:#E30613; font-weight:700; }\n  #cf-kalkulator #cf-qty-slider{ -webkit-appearance:none; appearance:none; width:100%; height:7px; border-radius:999px; background:linear-gradient(to right,#E30613 27.8%,#E8E8E8 27.8%); outline:none; margin:0 0 7px; cursor:pointer; }\n  #cf-kalkulator #cf-qty-slider::-webkit-slider-thumb{ -webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:#E30613; border:3px solid #fff; box-shadow:0 2px 8px rgba(227,6,19,.4); cursor:pointer; }\n  #cf-kalkulator #cf-qty-slider::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:#E30613; border:3px solid #fff; box-shadow:0 2px 8px rgba(227,6,19,.4); cursor:pointer; }\n  #cf-kalkulator .cf-scale{ display:flex; justify-content:space-between; font-size:11px; color:#999; font-family:'DM Mono',monospace; margin-bottom:16px; }\n  #cf-kalkulator #cf-lead-country{ width:100%; padding:12px 15px; border:1.5px solid #E8E8E8; border-radius:9px; font-size:13.5px; font-family:inherit; color:#1A1A1B; background:#FAFAFA url('data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23999%22 stroke-width=%222%22><polyline points=%226 9 12 15 18 9%22\/><\/svg>') no-repeat right 15px center; -webkit-appearance:none; appearance:none; cursor:pointer; outline:none; }\n  #cf-kalkulator .cf-cardspec-head{ display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:#1A1A1B; }\n\n  #cf-kalkulator .cf-aus-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }\n  #cf-kalkulator .cf-ver-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap:8px; }\n  @media(max-width:560px){ #cf-kalkulator .cf-ver-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }\n  #cf-kalkulator .cf-fin-card{ position:relative; display:flex; align-items:center; gap:9px; padding:12px 13px; border:1.5px solid #E8E8E8; border-radius:10px; background:#fff; cursor:pointer; transition:border-color .18s,background .18s,color .18s; color:#4A4A4A; min-width:0; }\n  #cf-kalkulator .cf-fin-card .cf-fin-input{ position:absolute; opacity:0; pointer-events:none; }\n  #cf-kalkulator .cf-fin-card svg{ color:#999; flex-shrink:0; transition:color .18s; }\n  #cf-kalkulator .cf-fin-title{ font-size:13px; font-weight:600; line-height:1.25; min-width:0; overflow-wrap:anywhere; hyphens:auto; -webkit-hyphens:auto; }\n  #cf-kalkulator .cf-fin-compact{ justify-content:center; text-align:center; padding:10px 8px; min-height:52px; }\n  #cf-kalkulator .cf-fin-compact .cf-fin-title{ font-size:12px; line-height:1.22; word-break:break-word; max-width:100%; }\n  #cf-kalkulator .cf-fin-card:hover{ border-color:#E30613; }\n  #cf-kalkulator .cf-fin-card.active{ border-color:#E30613; background:#FEF2F2; color:#E30613; }\n  #cf-kalkulator .cf-fin-card.active svg{ color:#E30613; }\n\n  #cf-kalkulator .cf-has-tip{ padding-right:28px; }\n  #cf-kalkulator .cf-info{ position:absolute; top:8px; right:8px; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; color:#B4B4B4; cursor:help; transition:color .18s; z-index:3; }\n  #cf-kalkulator .cf-info svg{ color:inherit; }\n  #cf-kalkulator .cf-info:hover,#cf-kalkulator .cf-info:focus-visible{ color:#E30613; outline:none; }\n  #cf-kalkulator .cf-fin-card.active .cf-info{ color:#E9808A; }\n  #cf-kalkulator .cf-tip{ display:none !important; }\n  #cf-tip-float{ position:fixed !important; top:0; left:0; z-index:2147483000 !important; box-sizing:border-box !important; width:max-content !important; max-width:min(240px, calc(100vw - 16px)) !important; margin:0 !important; padding:9px 12px !important; background:#1A1A1B !important; color:#fff !important; font-family:'DM Sans',system-ui,sans-serif !important; font-size:12px !important; font-weight:500 !important; line-height:1.45 !important; text-align:left !important; letter-spacing:0 !important; text-transform:none !important; white-space:normal !important; border-radius:8px !important; box-shadow:0 8px 22px rgba(0,0,0,.24) !important; pointer-events:none; opacity:0; visibility:hidden; transition:opacity .14s,visibility .14s; }\n  #cf-tip-float.cf-tf-show{ opacity:1; visibility:visible; }\n  #cf-tip-float strong{ color:#fff !important; font-weight:700 !important; }\n  #cf-tip-float::after{ content:''; position:absolute; left:var(--cf-ax,50%); margin-left:-6px; border:6px solid transparent; }\n  #cf-tip-float[data-pos=top]::after{ top:100%; border-top-color:#1A1A1B; }\n  #cf-tip-float[data-pos=bottom]::after{ bottom:100%; border-bottom-color:#1A1A1B; }\n\n  #cf-kalkulator .cf-sub-panel{ margin-top:10px; padding:13px 14px 14px; background:#FAFAFA; border:1.5px solid #E8E8E8; border-left:3px solid #E30613; border-radius:10px; animation:cf-panel-in .22s ease; }\n  #cf-kalkulator .cf-sub-panel[hidden]{ display:none; }\n  @keyframes cf-panel-in{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }\n  #cf-kalkulator .cf-sub-panel-h{ display:flex; align-items:center; gap:9px; font-size:12.5px; font-weight:700; color:#1A1A1B; margin-bottom:10px; }\n  #cf-kalkulator .cf-chip-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }\n  #cf-kalkulator .cf-chip-opt{ position:relative; display:flex; align-items:center; gap:8px; padding:8px 10px; border:1.5px solid #E8E8E8; border-radius:8px; background:#fff; cursor:pointer; font-size:12px; font-weight:600; color:#4A4A4A; line-height:1.2; min-width:0; transition:border-color .18s,background .18s,color .18s; }\n  #cf-kalkulator .cf-chip-opt input{ position:absolute; opacity:0; pointer-events:none; }\n  #cf-kalkulator .cf-chip-opt span{ min-width:0; overflow-wrap:anywhere; flex:1 1 auto; }\n  #cf-kalkulator .cf-nfc-badge{ flex-shrink:0; font-style:normal; font-size:9px; font-weight:800; letter-spacing:.06em; color:#1A1A1B; background:#F0F0F0; border-radius:4px; padding:2px 5px; line-height:1.2; }\n  #cf-kalkulator .cf-chip-opt.active .cf-nfc-badge{ background:#E30613; color:#fff; }\n  #cf-kalkulator .cf-chip-opt:hover{ border-color:#E30613; }\n  #cf-kalkulator .cf-chip-opt.active{ border-color:#E30613; background:#FEF2F2; color:#E30613; }\n  #cf-kalkulator .cf-chip-opt-reco{ grid-column:1 \/ -1; background:#FEF7F7; border-color:#F5C6C9; }\n  #cf-kalkulator .cf-chip-opt-help{ grid-column:1 \/ -1; color:#717171; font-weight:500; border-style:dashed; }\n  #cf-kalkulator .cf-chip-opt-help.active{ border-style:solid; }\n\n  #cf-kalkulator .cf-preview-h{ margin-bottom:0; }\n  #cf-kalkulator .cf-stage{ flex:1; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:20px; padding:4px 0; }\n  #cf-kalkulator .cf-scene{ position:relative; perspective:1400px; width:100%; max-width:344px; margin:0 auto; }\n  #cf-kalkulator .cf-scene::after{ content:''; position:absolute; left:10%; right:10%; bottom:-20px; height:26px; background:radial-gradient(ellipse at center, rgba(0,0,0,.22), rgba(0,0,0,0) 72%); filter:blur(5px); z-index:0; }\n  #cf-kalkulator .cf-card3d{ position:relative; z-index:1; width:100%; aspect-ratio:1.586\/1; transform-style:preserve-3d; transition:transform .7s cubic-bezier(.16,1,.3,1); cursor:pointer; }\n  #cf-kalkulator .cf-card3d.flipped{ transform:rotateY(180deg); }\n  #cf-kalkulator .cf-face{ position:absolute; inset:0; border-radius:15px; overflow:hidden; backface-visibility:hidden; -webkit-backface-visibility:hidden; box-shadow:0 18px 44px rgba(0,0,0,.22); }\n  #cf-kalkulator .cf-back{ transform:rotateY(180deg); }\n  #cf-kalkulator .cf-card3d.cf-transp .cf-face{ box-shadow:0 18px 44px rgba(0,0,0,.13); }\n\n  #cf-kalkulator .cf-front-bg{ position:absolute; inset:0; background:linear-gradient(135deg,#1a1a2e,#16213e); transition:background .4s; }\n  #cf-kalkulator .cf-back-bg{ position:absolute; inset:0; background:linear-gradient(135deg,#fbfbfc,#eceef1); transition:background .4s; }\n  #cf-kalkulator .cf-front-upload{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity .4s; }\n  #cf-kalkulator .cf-sheen{ position:absolute; inset:0; opacity:0; transition:opacity .4s; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 46%,rgba(255,255,255,.05) 54%,transparent 70%); pointer-events:none; }\n  #cf-kalkulator .cf-front-content{ position:absolute; inset:0; z-index:2; }\n  #cf-kalkulator .cf-front-head{ position:absolute; top:11%; left:8%; }\n  #cf-kalkulator .cf-front-eyebrow{ font-size:8.5px; font-weight:700; color:rgba(255,255,255,.55); letter-spacing:.14em; text-transform:uppercase; margin-bottom:3px; }\n  #cf-kalkulator .cf-front-title{ font-size:15px; font-weight:700; color:#fff; }\n  #cf-kalkulator .cf-front-title.cf-title-foil{ background:linear-gradient(90deg,#f7ecc0,#d9b84a,#f0e2a8,#b8912f); -webkit-background-clip:text; background-clip:text; color:transparent; }\n  #cf-kalkulator .cf-chip{ position:absolute; top:39%; left:11%; width:15%; aspect-ratio:1.25\/1; display:none; filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)); }\n  #cf-kalkulator .cf-rfid{ position:absolute; top:11%; right:8%; width:15%; aspect-ratio:205\/200; display:none; background:url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADICAYAAABLcWXaAAADmUlEQVR42u3d0U7rMBBFURzx\/79c3pGQKCT2nJm13q\/UeLyvU2jDxwcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABANcsS7PV6vV63D3EtcxSNKEQlGnFUHL6YRCMSEYlGJCISjVAEJBqhCEg0QkFAohGLeEQjFAGJRiziEY1Y6BvPEgviGRZNWixPbBxrIJr4jVJpU1gn0ZTbBImDt4ZDoqkw6M4\/SrW+zaI5OdCJv\/G23sHRnBqeDyeaQWQ0u4clFDOJjWbnYIRiTvHR7BqEWMwsPhqxiCdphmvCYovFPNtE8+QCC6V3QCfnu7otpmBmnTwnZr06LaJYnDrtonlq4cQinp17YCUvlljEc2I\/rMTFEYxwTu6NlbYoYhHP6X1yWQhOS\/s260oIRixOnUp75xIMnU+dJ06cSzAI5z2fU+5xyQyn5F+Wq3Z7NiGYOzeC9dq\/RqV+ENBtA\/iufc89tapcZPqQEx7YN22Nn7re47\/cTB5k8qNwu6\/7k9d39GM0HrQnoMR9tU5dYNKgJj1cPX0uO17\/kU85pwxm8l8iSJxRm085f7\/A6sPwJzvyAtq9r\/wSUSwjfnggGrGIRzRiEU+OSzBYRyeNITt1RNMxljs2WdfrEs3wYE5soonXLJrgzVNxw1gH0ZTbJD4SNCueJZi5m8FaicaD1a2daAzcWoombMiTPy5iXZtG4znR1lg0h4cpFuv9G5cBCubU+qR+rGn8d\/TFYgbtT5o7F1gwZuA9jVjMwUlz\/4ILxhzGRvOXhReMOYy+PXvnFkEsZuGkeWMQgjEL0bwxEMGYBb+8PfAsALMAAGDOezZLcP6+\/4432ohGIEISjVA2DlVAohGKgEQjFvGIRiwxAxePaMQiHtGIRTzFXZZgbjAdr0c0NpjrcntmU7ldc9IIxvWKBhtIOG7Pym+cd26Jqr6uST4tQdb7hu\/\/1qngpGl72uz4Xzvt9YpGOKU2nieQ+kFA3K3U6Y3nCaROmpgTJ\/lPogvGSbP9f+6qmy75tTtpmp44SRsu\/fU7aRqcOGkbLv31M+A9jtcPAAAAAAAAAAAAAMCzfJeiGF8SEw3\/iEU8ouGPsYinFl93DgvmP\/8O0YBonDJOG9GAaKhwyjhtRAOiAdEAogHRBLnrN\/o+GSAaEA3PnRJOGdGAaHjutHDKHJ6bJajB92lEw43xiAUAAAAAAAAAAAAAgJ99AQLuhPmvV1ELAAAAAElFTkSuQmCC') no-repeat center\/contain; }\n  #cf-kalkulator .cf-holo{ position:absolute; bottom:11%; right:9%; width:17%; aspect-ratio:1\/1; border-radius:50%; display:none; background:conic-gradient(from 0deg,#ff5f6d,#ffc371,#42e695,#3bb2b8,#5f72ff,#ff5f6d); opacity:.62; mix-blend-mode:screen; filter:blur(.4px); }\n  #cf-kalkulator .cf-holo-sm{ width:13%; bottom:12%; right:8%; opacity:.5; }\n  #cf-kalkulator .cf-front-foot{ position:absolute; bottom:10%; left:8%; }\n  #cf-kalkulator .cf-front-foot span{ font-family:'DM Mono',monospace; font-size:8.5px; letter-spacing:.18em; color:rgba(255,255,255,.4); text-transform:uppercase; }\n\n  #cf-kalkulator .cf-magstripe{ position:absolute; top:15%; left:0; right:0; height:21%; background:linear-gradient(180deg,#1c1c20,#34343a 48%,#161619); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.35); z-index:2; transition:opacity .3s; }\n  #cf-kalkulator .cf-magstripe--off{ opacity:0; }\n  #cf-kalkulator .cf-punch{ position:absolute; top:8%; left:50%; transform:translateX(-50%); width:9%; aspect-ratio:2.2\/1; border-radius:999px; background:#FAFAFA; box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.25); display:none; z-index:4; }\n  #cf-kalkulator .cf-sig{ position:absolute; top:44%; left:7%; width:64%; height:17%; z-index:3; border-radius:2px; background:repeating-linear-gradient(-58deg,#f4f4f4,#f4f4f4 5px,#e2e6ee 5px,#e2e6ee 10px); display:flex; align-items:center; padding:0 8px; transition:opacity .3s,box-shadow .3s; box-shadow:0 0 0 1.5px rgba(227,6,19,.9); }\n  #cf-kalkulator .cf-sig--off{ opacity:.55; box-shadow:0 0 0 1px rgba(0,0,0,.14); background:repeating-linear-gradient(-58deg,#fbfbfb,#fbfbfb 5px,#e6e9f0 5px,#e6e9f0 10px); }\n  #cf-kalkulator .cf-sig-tag{ font-size:7.5px; font-weight:700; letter-spacing:.06em; color:#E30613; text-transform:uppercase; background:rgba(255,255,255,.85); padding:2px 6px; border-radius:3px; }\n  #cf-kalkulator .cf-sig--off .cf-sig-tag{ color:#555; background:rgba(255,255,255,.6); }\n  #cf-kalkulator .cf-back-fine{ position:absolute; bottom:12%; left:7%; right:30%; z-index:2; display:flex; flex-direction:column; gap:4px; }\n  #cf-kalkulator .cf-back-fine span{ display:block; height:2px; border-radius:2px; background:rgba(0,0,0,.16); }\n  #cf-kalkulator .cf-back-fine span:nth-child(2){ width:80%; } #cf-kalkulator .cf-back-fine span:nth-child(3){ width:55%; }\n\n  #cf-kalkulator .cf-side-toggle{ display:flex; align-items:center; gap:7px; justify-content:center; }\n  #cf-kalkulator .cf-side-btn{ font-family:inherit; font-size:12.5px; font-weight:600; color:#717171; background:#F4F4F4; border:1px solid #E8E8E8; border-radius:999px; padding:8px 17px; cursor:pointer; transition:all .18s; }\n  #cf-kalkulator .cf-side-btn.active{ background:#1A1A1B; color:#fff; border-color:#1A1A1B; }\n  #cf-kalkulator .cf-flip-btn{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:#fff; border:1px solid #E8E8E8; color:#717171; cursor:pointer; transition:all .18s; }\n  #cf-kalkulator .cf-flip-btn:hover{ color:#E30613; border-color:#E30613; }\n\n  #cf-kalkulator #cf-upload-zone{ border:1.5px dashed #DADADA; border-radius:10px; padding:14px; text-align:center; cursor:pointer; transition:all .25s; background:#FAFAFA; }\n  #cf-kalkulator #cf-upload-zone.drag{ border-color:#E30613; background:#FEF2F2; }\n  #cf-kalkulator #cf-file-input{ display:none; }\n  #cf-kalkulator #cf-upload-content{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:600; color:#4A4A4A; }\n  #cf-kalkulator .cf-upload-hint{ font-weight:400; color:#999; font-size:11px; width:100%; }\n  #cf-kalkulator #cf-upload-success{ display:none; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; }\n  #cf-kalkulator .cf-upload-ok{ font-size:13px; font-weight:600; color:#2D6A4F; }\n  #cf-kalkulator #cf-upload-filename{ font-size:11px; color:#999; }\n  #cf-kalkulator .cf-upload-remove{ font-size:11px; color:#E30613; background:none; border:none; cursor:pointer; text-decoration:underline; font-family:inherit; }\n\n  #cf-kalkulator .cf-summary{ background:#FAFAFA; border:1px solid #EEE; border-radius:12px; padding:15px 16px; }\n  #cf-kalkulator .cf-summary-head{ padding-bottom:11px; margin-bottom:11px; border-bottom:1px solid #EAEAEA; }\n  #cf-kalkulator .cf-sum-rows{ display:flex; flex-direction:column; gap:9px; }\n  #cf-kalkulator .cf-sum-row{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; font-size:12.5px; }\n  #cf-kalkulator .cf-sum-k{ color:#999; font-weight:500; flex:0 0 auto; }\n  #cf-kalkulator .cf-sum-v{ color:#1A1A1B; font-weight:700; text-align:right; min-width:0; }\n  #cf-kalkulator .cf-sum-row-hl{ margin-top:3px; padding-top:11px; border-top:1px solid #EAEAEA; }\n  #cf-kalkulator .cf-sum-row-hl .cf-sum-k,#cf-kalkulator .cf-sum-row-hl .cf-sum-v{ font-size:13.5px; }\n  #cf-kalkulator .cf-sum-row-hl .cf-sum-v{ color:#E30613; }\n  #cf-kalkulator .cf-pills{ display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; padding-top:13px; border-top:1px solid #EEE; }\n  #cf-kalkulator .cf-pill{ font-size:10.5px; font-weight:600; padding:5px 10px; border-radius:999px; }\n  #cf-kalkulator .cf-pill-aus{ background:#FEF2F2; color:#E30613; }\n  #cf-kalkulator .cf-pill-ver{ background:#fff; color:#717171; border:1px solid #E8E8E8; }\n  #cf-kalkulator .cf-pill-empty{ background:transparent; color:#B4B4B4; font-weight:500; font-style:italic; padding:2px 0; }\n\n  #cf-kalkulator .cf-form-note{ font-size:12px; color:#999; margin:-6px 0 14px; line-height:1.5; }\n  #cf-kalkulator .cf-form-grid{ display:flex; flex-direction:column; gap:11px; }\n  #cf-kalkulator .cf-row-2{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:11px; }\n  #cf-kalkulator .cf-row-plz{ display:grid; grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:11px; }\n  @media(max-width:420px){ #cf-kalkulator .cf-row-plz{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }\n  #cf-kalkulator .cf-col-offer input,#cf-kalkulator .cf-col-offer textarea{ width:100%; padding:12px 14px; border:1.5px solid #E8E8E8; border-radius:9px; font-size:13.5px; font-family:inherit; outline:none; transition:border-color .2s,background .2s; background:#fff; color:#1A1A1B; }\n  #cf-kalkulator .cf-col-offer input:focus,#cf-kalkulator .cf-col-offer textarea:focus,#cf-kalkulator #cf-lead-country:focus{ border-color:#E30613; }\n  #cf-kalkulator .cf-col-offer textarea{ resize:vertical; min-height:70px; }\n  #cf-kalkulator .cf-col-offer .cf-err{ border-color:#E30613; background:#FEF2F2; }\n  #cf-kalkulator .cf-consent{ display:flex; align-items:flex-start; gap:9px; font-size:11.5px; color:#717171; line-height:1.5; cursor:pointer; margin-top:2px; }\n  #cf-kalkulator .cf-consent input{ width:auto; margin-top:2px; accent-color:#E30613; flex-shrink:0; }\n  #cf-kalkulator .cf-consent-err span{ color:#E30613; }\n  #cf-kalkulator .cf-cta-btn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; background:#E30613; color:#fff; font-weight:700; padding:15px; border:none; border-radius:9px; font-size:15.5px; cursor:pointer; transition:background .2s; box-shadow:0 10px 26px rgba(227,6,19,.26); font-family:inherit; margin-top:4px; }\n  #cf-kalkulator .cf-cta-btn:hover{ background:#C00510; }\n  #cf-kalkulator .cf-cta-btn.sending{ opacity:.75; }\n  #cf-kalkulator .cf-secure{ display:flex; align-items:center; gap:6px; margin-top:12px; font-size:10.5px; color:#999; }\n  #cf-kalkulator .cf-success{ margin:auto; text-align:center; padding:30px 10px; }\n  #cf-kalkulator .cf-success svg{ margin:0 auto 14px; display:block; }\n  #cf-kalkulator .cf-success-t{ font-size:17px; font-weight:700; color:#1A1A1B; margin-bottom:6px; }\n  #cf-kalkulator .cf-success-s{ font-size:13px; color:#717171; line-height:1.6; }\n\n  #cf-kalkulator .cf-box-footer{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 32px; border-top:1px solid #E8E8E8; background:#FAFAFA; flex-wrap:wrap; }\n  #cf-kalkulator .cf-foot-hint{ font-size:12.5px; color:#999; }\n  #cf-kalkulator .cf-foot-dl{ display:inline-flex; align-items:center; gap:7px; background:#fff; color:#717171; border:1px solid #E8E8E8; border-radius:9px; padding:10px 16px; font-size:12.5px; font-weight:600; cursor:pointer; font-family:inherit; transition:all .2s; }\n  #cf-kalkulator .cf-foot-dl:hover{ color:#1A1A1B; border-color:#999; }\n\n  @media(max-width:999px){\n    #cf-kalkulator .cf-stage{ justify-content:flex-start; }\n    #cf-kalkulator .cf-scene{ max-width:360px; }\n  }\n  @media(max-width:600px){\n    #cf-kalkulator{ padding:32px 0; }\n    #cf-kalkulator .cf-max-w{ padding:0 14px; }\n    #cf-kalkulator .cf-box{ border-radius:18px; }\n    #cf-kalkulator .cf-box-header{ padding:20px 18px; gap:16px; }\n    #cf-kalkulator .cf-h2{ font-size:1.55rem; }\n    #cf-kalkulator .cf-hd-sub{ font-size:13px; }\n    #cf-kalkulator .cf-hd-live{ width:100%; gap:8px; }\n    #cf-kalkulator .cf-live-chip{ flex:1; align-items:flex-start; min-width:0; padding:9px 12px; }\n    #cf-kalkulator .cf-box-col{ padding:20px 18px; }\n    #cf-kalkulator .cf-box-footer{ padding:16px 18px; gap:12px; }\n    #cf-kalkulator #cf-qty-input{ font-size:21px; }\n    #cf-kalkulator .cf-sub-h{ flex-wrap:wrap; }\n    #cf-kalkulator .cf-multi{ flex-basis:100%; margin-left:0; margin-top:2px; }\n  }\n  @media(prefers-reduced-motion:reduce){ #cf-kalkulator .cf-card3d,#cf-kalkulator .cf-reveal{ transition:none; } }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a941132 elementor-widget elementor-widget-html\" data-id=\"a941132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"cf-gf\" aria-label=\"Gesch&auml;ftsf&uuml;hrung und Vogt Spezialdruck GmbH\" style=\"background:#F7F4F2;border-bottom:1px solid #EDE7E3;padding:clamp(56px,7vw,96px) 20px;\">\n<style>\n#cf-gf *{box-sizing:border-box;}\n#cf-gf .cf-gf-wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,0.72fr) minmax(0,1fr);gap:clamp(36px,5vw,64px);align-items:start;}\n#cf-gf .cf-gf-person{margin:0;}\n#cf-gf .cf-gf-person img{width:100%;aspect-ratio:4\/5;object-fit:cover;object-position:center 20%;display:block;border-radius:18px !important;background:#E9E3DF;box-shadow:0 20px 48px rgba(35,15,17,0.12);}\n#cf-gf .cf-gf-person figcaption{margin-top:18px;padding-left:14px;border-left:2px solid #E30613;}\n#cf-gf .cf-gf-pname{font-family:'DM Sans',system-ui,sans-serif;font-size:17px;font-weight:700;color:#1A1A1B;letter-spacing:-.01em;margin:0 0 4px;}\n#cf-gf .cf-gf-prole{font-family:'DM Sans',system-ui,sans-serif;font-size:13.5px;color:#717171;line-height:1.55;margin:0;}\n#cf-gf .cf-gf-badge{display:inline-flex;align-items:center;padding:6px 15px;background:#fff;border:1px solid #EDE1DB;border-radius:999px !important;margin-bottom:18px;}\n#cf-gf .cf-gf-badge span{font-family:'DM Mono',monospace;font-size:11px;font-weight:600;color:#E30613;letter-spacing:.08em;text-transform:uppercase;}\n#cf-gf h2{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;color:#1A1A1B;letter-spacing:-.025em;line-height:1.1;margin:0 0 18px;}\n#cf-gf .cf-gf-intro{font-family:'DM Sans',system-ui,sans-serif;font-size:16px;color:#5C5C5C;line-height:1.75;margin:0 0 24px;max-width:60ch;}\n#cf-gf .cf-gf-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 26px;background:#fff;border:1px solid #EDE7E3;border-radius:14px !important;overflow:hidden;}\n#cf-gf .cf-gf-fact{padding:16px 18px;border-right:1px solid #EDE7E3;}\n#cf-gf .cf-gf-fact:last-child{border-right:none;}\n#cf-gf .cf-gf-fact b{display:block;font-family:'DM Sans',system-ui,sans-serif;font-size:20px;font-weight:800;color:#1A1A1B;letter-spacing:-.02em;line-height:1.15;margin-bottom:3px;}\n#cf-gf .cf-gf-fact span{font-family:'DM Sans',system-ui,sans-serif;font-size:12.5px;color:#717171;line-height:1.4;}\n#cf-gf .cf-gf-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 30px;}\n#cf-gf .cf-gf-links a{display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',system-ui,sans-serif;font-size:15px;font-weight:600;color:#1A1A1B;text-decoration:none;padding-bottom:5px;border-bottom:2px solid #E30613;transition:gap .2s,color .2s;}\n#cf-gf .cf-gf-links a:hover{gap:11px;color:#E30613;}\n#cf-gf .cf-gf-links a:focus-visible{outline:2px solid #E30613;outline-offset:3px;}\n#cf-gf .cf-gf-building{position:relative;margin:0;border-radius:18px !important;overflow:hidden;box-shadow:0 20px 48px rgba(35,15,17,0.10);}\n#cf-gf .cf-gf-building img{width:100%;aspect-ratio:16\/9;object-fit:cover;object-position:center;display:block;}\n#cf-gf .cf-gf-building figcaption{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;background:rgba(255,255,255,0.94);border-radius:999px !important;box-shadow:0 6px 16px rgba(0,0,0,0.12);font-family:'DM Mono',monospace;font-size:10.5px;font-weight:600;color:#1A1A1B;letter-spacing:.03em;}\n#cf-gf .cf-gf-building figcaption i{width:7px;height:7px;border-radius:50% !important;background:#E30613;display:block;}\n@media(max-width:900px){\n  #cf-gf .cf-gf-wrap{grid-template-columns:minmax(0,1fr);gap:40px;}\n  #cf-gf .cf-gf-person{max-width:300px;}\n}\n@media(max-width:520px){\n  #cf-gf .cf-gf-facts{grid-template-columns:1fr;}\n  #cf-gf .cf-gf-fact{border-right:none;border-bottom:1px solid #EDE7E3;}\n  #cf-gf .cf-gf-fact:last-child{border-bottom:none;}\n}\n<\/style>\n  <div class=\"cf-gf-wrap\">\n    <figure class=\"cf-gf-person cf-reveal\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/10\/Sebastian-Haertig.jpg\" alt=\"Sebastian H&auml;rtig, Gesch&auml;ftsf&uuml;hrer der Vogt Spezialdruck GmbH und der CF Card Factory GmbH\" loading=\"lazy\" width=\"440\" height=\"550\">\n      <figcaption>\n        <div class=\"cf-gf-pname\">Sebastian H&auml;rtig<\/div>\n        <p class=\"cf-gf-prole\">Gesch&auml;ftsf&uuml;hrer der Vogt Spezialdruck GmbH und der CF Card Factory GmbH<\/p>\n      <\/figcaption>\n    <\/figure>\n    <div class=\"cf-gf-content cf-reveal\">\n      <div class=\"cf-gf-badge\"><span>Ein Unternehmen der<\/span><\/div>\n      <h2>Vogt Spezialdruck GmbH<\/h2>\n      <p class=\"cf-gf-intro\">Die Card Factory ist Teil der Vogt Spezialdruck GmbH, einem traditionsreichen Druckunternehmen mit Sitz in Hessisch Lichtenau. Diese Zugeh&ouml;rigkeit gibt uns die Fertigungstiefe, Maschinentechnik und Erfahrung, die hinter jeder ausgelieferten Karte stehen.<\/p>\n      <div class=\"cf-gf-facts\">\n        <div class=\"cf-gf-fact\"><b>seit 2000<\/b><span>Kartenproduktion in Deutschland<\/span><\/div>\n        <div class=\"cf-gf-fact\"><b>7.500 m&sup2;<\/b><span>Produktion unter einem Dach<\/span><\/div>\n        <div class=\"cf-gf-fact\"><b>ISO 9001<\/b><span>zertifizierte Fertigung<\/span><\/div>\n      <\/div>\n      <div class=\"cf-gf-links\">\n        <a href=\"https:\/\/www.cards.de\/ueber-uns\">Mehr &uuml;ber uns<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n        <a href=\"https:\/\/www.vogt-druck.de\/\" target=\"_blank\" rel=\"noopener\">Mehr &uuml;ber Vogt-Druck<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n      <\/div>\n      <figure class=\"cf-gf-building\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2021\/12\/Vogt-Gebaeude_Ansicht-rechts_web.jpg\" alt=\"Firmengeb&auml;ude der Vogt Spezialdruck GmbH und CF Card Factory in Hessisch Lichtenau\" loading=\"lazy\" width=\"660\" height=\"371\">\n        <figcaption><i><\/i>Werk Hessisch Lichtenau<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section style=\"padding:0;position:relative;height:280px;overflow:hidden;\" aria-label=\"Produktionskapazit&auml;t\">\n  <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2021\/08\/Hand_Oben_Karte_dunkler.jpg\" alt=\"Kartenproduktion bei CF Card Factory\" style=\"width:100%;height:100%;object-fit:cover;object-position:50% center;display:block;\" loading=\"lazy\">\n  <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,26,27,0.75) 0%,rgba(45,21,24,0.7) 50%,rgba(227,6,19,0.6) 100%);display:flex;align-items:center;justify-content:center;\">\n    <div style=\"text-align:center;padding:0 24px;\">\n      <div style=\"font-size:48px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;\">800.000+<\/div>\n      <div style=\"font-size:16px;font-weight:600;color:rgba(255,255,255,0.85);\">Karten produziert. Jeden Tag. Made in Germany.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"cf-warum\" aria-label=\"Warum die CF Card Factory\" style=\"background:#fff;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:clamp(52px,7vw,88px) 20px;\">\n<style>\n#cf-warum *{box-sizing:border-box;}\n#cf-warum .cf-wm-wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:0.82fr 1fr;gap:clamp(32px,4.6vw,60px);align-items:center;}\n#cf-warum .cf-wm-figure{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 20px 48px rgba(35,15,17,0.12);}\n#cf-warum .cf-wm-figure img{width:100%;height:100%;aspect-ratio:4\/5;object-fit:cover;object-position:center;display:block;}\n#cf-warum .cf-wm-cap{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.93);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,0.14);}\n#cf-warum .cf-wm-cap i{width:7px;height:7px;border-radius:50%;background:#E30613;display:block;}\n#cf-warum .cf-wm-cap span{font-family:'DM Mono',monospace;font-size:11px;font-weight:600;color:#1A1A1B;letter-spacing:.03em;}\n#cf-warum .cf-wm-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;background:#FEF2F2;border-radius:999px;margin-bottom:16px;}\n#cf-warum .cf-wm-badge span{font-family:'DM Mono',monospace;font-size:11px;font-weight:700;color:#E30613;letter-spacing:.08em;text-transform:uppercase;}\n#cf-warum h2{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#1A1A1B;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px;}\n#cf-warum h2 span{color:#E30613;}\n#cf-warum .cf-wm-intro{font-family:'DM Sans',system-ui,sans-serif;font-size:15px;color:#717171;line-height:1.7;margin:0 0 26px;}\n#cf-warum .cf-wm-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n#cf-warum .cf-wm-item{display:flex;gap:13px;align-items:flex-start;padding:18px;background:#FAF7F5;border:1px solid #EDE7E3;border-radius:14px;}\n#cf-warum .cf-wm-ico{width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#fff;border:1px solid #EDE1DB;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(35,15,17,0.05);}\n#cf-warum .cf-wm-item h3{font-family:'DM Sans',system-ui,sans-serif;font-size:14.5px;font-weight:700;color:#1A1A1B;margin:2px 0 5px;letter-spacing:-.01em;}\n#cf-warum .cf-wm-item p{font-family:'DM Sans',system-ui,sans-serif;font-size:12.5px;color:#6B615B;line-height:1.55;margin:0;}\n@media(max-width:900px){\n  #cf-warum .cf-wm-wrap{grid-template-columns:1fr;gap:34px;}\n  #cf-warum .cf-wm-figure img{aspect-ratio:16\/10;}\n}\n@media(max-width:520px){\n  #cf-warum .cf-wm-list{grid-template-columns:1fr;}\n}\n<\/style>\n  <div class=\"cf-wm-wrap\">\n    <div class=\"cf-wm-figure cf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/09\/Cards.de-Foto-8.1.jpeg\" alt=\"Frau h&auml;lt einen Mitarbeiterausweis von CF Card Factory in der Hand\" loading=\"lazy\">\n      <div class=\"cf-wm-cap\"><i><\/i><span>Mitarbeiterausweise, Made in Germany<\/span><\/div>\n    <\/div>\n    <div class=\"cf-wm-content cf-reveal\">\n      <div class=\"cf-wm-badge\"><span>Warum Card Factory<\/span><\/div>\n      <h2>Warum die <span>Card Factory<\/span>?<\/h2>\n      <p class=\"cf-wm-intro\">Unternehmen wie ADAC, Aral und REWE vertrauen seit &uuml;ber zwei Jahrzehnten auf unsere Expertise.<\/p>\n      <div class=\"cf-wm-list\">\n        <div class=\"cf-wm-item\"><div class=\"cf-wm-ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.6\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div><div><h3>Leistungsstarke Produktion<\/h3><p>Bis zu 800.000 Karten t&auml;glich auf 7.500 m&sup2;.<\/p><\/div><\/div>\n        <div class=\"cf-wm-item\"><div class=\"cf-wm-ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.6\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div><div><h3>100% Qualit&auml;tsgarantie<\/h3><p>Jede Charge gepr&uuml;ft. Bei M&auml;ngeln Nachdruck kostenlos.<\/p><\/div><\/div>\n        <div class=\"cf-wm-item\"><div class=\"cf-wm-ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.6\"><path d=\"M11 20A7 7 0 0 1 9.8 6.9C15.5 4.9 17 3.5 17 3.5s1 2.5-1 6c2-1 3-3.5 3-3.5s2 3.5 0 9.5c-2 3-5 4.5-8 4.5z\"\/><\/svg><\/div><div><h3>Klimaneutraler Druck<\/h3><p>CO&sub2;-kompensiert. EcoLine mit FSC-Zertifikat.<\/p><\/div><\/div>\n        <div class=\"cf-wm-item\"><div class=\"cf-wm-ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"1.6\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div><div><h3>Fullservice &amp; Fulfillment<\/h3><p>Lettershop, Konfektionierung &amp; Versand. Europaweit.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"cf-stories-a\" class=\"cf-section\" aria-label=\"Erfolgsgeschichten CF Card Factory\" style=\"background:#F7F4F2;border-top:1px solid #EDE7E3;border-bottom:1px solid #EDE7E3;padding:clamp(48px,7vw,88px) 20px;\">\n<style>\n#cf-stories-a *{box-sizing:border-box;}\n#cf-stories-a .cf-stx-wrap{max-width:1000px;margin:0 auto;}\n#cf-stories-a .cf-stx-head{text-align:center;max-width:640px;margin:0 auto 40px;}\n#cf-stories-a .cf-stx-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:#FEF2F2;border-radius:999px;margin-bottom:16px;}\n#cf-stories-a .cf-stx-badge span{font-size:11px;font-weight:700;color:#E30613;letter-spacing:.08em;text-transform:uppercase;}\n#cf-stories-a h2{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;color:#1A1A1B;letter-spacing:-.02em;line-height:1.15;margin:0 0 14px;}\n#cf-stories-a .cf-stx-intro{font-family:'DM Sans',system-ui,sans-serif;font-size:15px;color:#5C5C5C;line-height:1.7;margin:0;}\n#cf-stories-a .cf-stx-viewport{overflow:hidden;padding:12px 20px 56px;margin-bottom:-32px;}\n#cf-stories-a .cf-stx-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);}\n#cf-stories-a .cf-stx-slide{flex:0 0 100%;display:flex;}\n#cf-stories-a .cf-stx-card{position:relative;width:100%;background:#fff;border-radius:20px;box-shadow:0 16px 40px rgba(35,15,17,0.08);}\n#cf-stories-a .cf-stx-hero{position:relative;height:clamp(220px,26vw,280px);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:20px 20px 0 0;overflow:hidden;}\n#cf-stories-a .cf-stx-card.is-story-1 .cf-stx-hero{background-image:url('https:\/\/www.cards.de\/wp-content\/uploads\/2026\/08\/Health-scaled.jpg');background-position:center 30%;}\n#cf-stories-a .cf-stx-card.is-story-2 .cf-stx-hero{background-image:url('https:\/\/www.cards.de\/wp-content\/uploads\/2026\/08\/Ladesaeule2-1-scaled.jpg');background-position:center 15%;}\n#cf-stories-a .cf-stx-card.is-story-3 .cf-stx-hero{background-image:url('https:\/\/www.cards.de\/wp-content\/uploads\/2026\/08\/Tankstelle2-scaled.jpg');background-position:center 85%;}\n#cf-stories-a .cf-stx-hero::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(35,15,17,0.92) 0%,rgba(35,15,17,0.65) 40%,rgba(35,15,17,0.20) 75%,rgba(35,15,17,0.05) 100%);}\n#cf-stories-a .cf-stx-hero-inner{position:absolute;left:0;right:0;bottom:0;padding:24px 28px 26px;z-index:2;}\n#cf-stories-a .cf-stx-label{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:10.5px;font-weight:600;color:#fff;letter-spacing:.10em;text-transform:uppercase;padding:5px 11px;background:#E30613;border-radius:4px;margin-bottom:14px;box-shadow:0 4px 12px rgba(227,6,19,0.35);}\n#cf-stories-a .cf-stx-card h3{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2;margin:0;text-shadow:0 2px 16px rgba(0,0,0,0.35);}\n#cf-stories-a .cf-stx-body{padding:26px 28px 30px;background:#fff;border-radius:0 0 20px 20px;}\n#cf-stories-a .cf-stx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}\n#cf-stories-a .cf-stx-cell{padding:20px;background:#FAF7F5;border-radius:12px;border:1px solid #EDE7E3;transition:transform .25s ease,box-shadow .25s ease;}\n#cf-stories-a .cf-stx-cell:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(35,15,17,0.06);}\n#cf-stories-a .cf-stx-cell.is-result{background:linear-gradient(135deg,#F0FDF4 0%,#DCFCE7 100%);border:1.5px solid rgba(45,106,79,.28);}\n#cf-stories-a .cf-stx-cell .cf-stx-ct{font-family:'DM Sans',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px;}\n#cf-stories-a .cf-stx-cell.is-challenge .cf-stx-ct{color:#E30613;}\n#cf-stories-a .cf-stx-cell.is-solution .cf-stx-ct{color:#1A1A1B;}\n#cf-stories-a .cf-stx-cell.is-result .cf-stx-ct{color:#2D6A4F;}\n#cf-stories-a .cf-stx-cell p{font-family:'DM Sans',system-ui,sans-serif;font-size:13px;color:#5C5C5C;line-height:1.65;margin:0;}\n#cf-stories-a .cf-stx-res{display:flex;flex-direction:column;gap:8px;}\n#cf-stories-a .cf-stx-res span{font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:600;color:#1A1A1B;line-height:1.4;padding-left:16px;position:relative;}\n#cf-stories-a .cf-stx-res span::before{content:\"\";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#2D6A4F;}\n#cf-stories-a .cf-stx-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px;}\n#cf-stories-a .cf-stx-arrow{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #EDE7E3;border-radius:50%;color:#E30613;cursor:pointer;transition:all .2s;padding:0;box-shadow:0 4px 12px rgba(35,15,17,0.05);}\n#cf-stories-a .cf-stx-arrow:hover{border-color:#E30613;box-shadow:0 8px 20px rgba(227,6,19,.18);transform:translateY(-1px);}\n#cf-stories-a .cf-stx-arrow:focus-visible{outline:2px solid #E30613;outline-offset:2px;}\n#cf-stories-a .cf-stx-dots{display:flex;align-items:center;gap:9px;}\n#cf-stories-a .cf-stx-dot{width:9px;height:9px;padding:0;border:none;border-radius:999px;background:#D9D2CE;cursor:pointer;transition:all .25s;}\n#cf-stories-a .cf-stx-dot[aria-current=\"true\"]{width:28px;background:#E30613;}\n#cf-stories-a .cf-stx-dot:focus-visible{outline:2px solid #E30613;outline-offset:2px;}\n#cf-stories-a .cf-stx-cta{text-align:center;margin-top:32px;}\n#cf-stories-a .cf-stx-cta a{display:inline-flex;align-items:center;gap:8px;background:#E30613;color:#fff;border:none;padding:14px 30px;border-radius:8px;font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 10px 28px rgba(227,6,19,.28);text-decoration:none;}\n#cf-stories-a .cf-stx-cta a:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(227,6,19,.35);}\n@media(max-width:760px){\n  #cf-stories-a .cf-stx-grid{grid-template-columns:1fr;}\n  #cf-stories-a .cf-stx-hero{height:clamp(200px,42vw,240px);}\n  #cf-stories-a .cf-stx-hero-inner{padding:20px 22px 22px;}\n  #cf-stories-a .cf-stx-body{padding:22px 22px 26px;}\n}\n@media(prefers-reduced-motion:reduce){#cf-stories-a .cf-stx-track{transition:none;}}\n<\/style>\n\n  <div class=\"cf-stx-wrap\">\n    <div class=\"cf-stx-head\">\n      <div class=\"cf-stx-badge\"><span>Erfolgsgeschichten<\/span><\/div>\n      <h2>Projekte, die f&uuml;r sich sprechen<\/h2>\n      <p class=\"cf-stx-intro\">Vom Gesundheitswesen &uuml;ber die E-Mobilit&auml;t bis zum internationalen Tankstellennetz: Diese Projekte zeigen, wie wir individuelle Anforderungen in verl&auml;ssliche Serienl&ouml;sungen &uuml;bersetzen.<\/p>\n    <\/div>\n\n    <div class=\"cf-stx-viewport\">\n      <div class=\"cf-stx-track\">\n\n        <div class=\"cf-stx-slide\" role=\"group\" aria-roledescription=\"Erfolgsgeschichte\" aria-label=\"1 von 3\">\n          <div class=\"cf-stx-card is-story-1\">\n            <div class=\"cf-stx-hero\" role=\"img\" aria-label=\"Team im Meetingraum, Gesundheits-Startup\">\n              <div class=\"cf-stx-hero-inner\">\n                <div class=\"cf-stx-label\">Gesundheitswesen &middot; Startup<\/div>\n                <h3>Bis zu 100.000 personalisierte Karten pro Tag<\/h3>\n              <\/div>\n            <\/div>\n            <div class=\"cf-stx-body\">\n              <div class=\"cf-stx-grid\">\n                <div class=\"cf-stx-cell is-challenge\">\n                  <div class=\"cf-stx-ct\">Herausforderung<\/div>\n                  <p>Ein junges Unternehmen ben&ouml;tigte w&auml;hrend der COVID-19-Pandemie kurzfristig personalisierte Impfnachweis-Karten, jede mit individuellen Daten, in stark schwankenden und sehr hohen St&uuml;ckzahlen.<\/p>\n                <\/div>\n                <div class=\"cf-stx-cell is-solution\">\n                  <div class=\"cf-stx-ct\">Unsere L&ouml;sung<\/div>\n                  <p>Individualisierung im industriellen Ma&szlig;stab, flexible Produktionsplanung und direkt angebundener Versand aus einer Hand.<\/p>\n                <\/div>\n                <div class=\"cf-stx-cell is-result\">\n                  <div class=\"cf-stx-ct\">Ergebnis<\/div>\n                  <div class=\"cf-stx-res\">\n                    <span>Bis zu 100.000 Karten pro Tag<\/span>\n                    <span>Personalisiert und direkt versendet<\/span>\n                    <span>Nachfragespitzen zuverl&auml;ssig bedient<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cf-stx-slide\" role=\"group\" aria-roledescription=\"Erfolgsgeschichte\" aria-label=\"2 von 3\">\n          <div class=\"cf-stx-card is-story-2\">\n            <div class=\"cf-stx-hero\" role=\"img\" aria-label=\"Lades&auml;ule mit angeschlossenem Elektrofahrzeug\">\n              <div class=\"cf-stx-hero-inner\">\n                <div class=\"cf-stx-label\">Energietechnik &middot; E-Mobilit&auml;t<\/div>\n                <h3>Ladekarte nach Automotive-Standard<\/h3>\n              <\/div>\n            <\/div>\n            <div class=\"cf-stx-body\">\n              <div class=\"cf-stx-grid\">\n                <div class=\"cf-stx-cell is-challenge\">\n                  <div class=\"cf-stx-ct\">Herausforderung<\/div>\n                  <p>Ein Anbieter aus der Energietechnik brauchte eine RFID-Ladekarte f&uuml;r Wallboxen. Die Lesefrequenz musste exakt auf den verbauten Kartenleser abgestimmt sein, zugleich galten die strengen Qualit&auml;tsvorgaben der Automobilbranche.<\/p>\n                <\/div>\n                <div class=\"cf-stx-cell is-solution\">\n                  <div class=\"cf-stx-ct\">Unsere L&ouml;sung<\/div>\n                  <p>Technische Feinabstimmung von Frequenz und Antenne, kombiniert mit einem Qualit&auml;tsprozess nach Automotive-Vorgaben, gemeinsam mit dem Kunden entwickelt.<\/p>\n                <\/div>\n                <div class=\"cf-stx-cell is-result\">\n                  <div class=\"cf-stx-ct\">Ergebnis<\/div>\n                  <div class=\"cf-stx-res\">\n                    <span>Zweit&auml;giges Vor-Ort-Audit bestanden<\/span>\n                    <span>Freigabe nach Automotive-Standard<\/span>\n                    <span>Zuverl&auml;ssige Funktion im Wallbox-Leser<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cf-stx-slide\" role=\"group\" aria-roledescription=\"Erfolgsgeschichte\" aria-label=\"3 von 3\">\n          <div class=\"cf-stx-card is-story-3\">\n            <div class=\"cf-stx-hero\" role=\"img\" aria-label=\"Tankstelle mit Zapfs&auml;ulen\">\n              <div class=\"cf-stx-hero-inner\">\n                <div class=\"cf-stx-label\">Tankstellennetz &middot; International<\/div>\n                <h3>L&ouml;sungen &uuml;ber L&auml;ndergrenzen hinweg<\/h3>\n              <\/div>\n            <\/div>\n            <div class=\"cf-stx-body\">\n              <div class=\"cf-stx-grid\">\n                <div class=\"cf-stx-cell is-challenge\">\n                  <div class=\"cf-stx-ct\">Herausforderung<\/div>\n                  <p>Eine internationale Tankstellenkette hatte sehr spezifische, individuelle Designvorgaben f&uuml;r ihre Karten, abzustimmen &uuml;ber mehrere L&auml;nderm&auml;rkte hinweg.<\/p>\n                <\/div>\n                <div class=\"cf-stx-cell is-solution\">\n                  <div class=\"cf-stx-ct\">Unsere L&ouml;sung<\/div>\n                  <p>Wo Standardprozesse an ihre Grenzen sto&szlig;en, gehen wir auch unkonventionelle Wege. Wir stimmen uns direkt und pers&ouml;nlich mit dem Kunden ab, &uuml;ber L&auml;ndergrenzen hinweg und im internationalen Raum, bis die L&ouml;sung exakt passt.<\/p>\n                <\/div>\n                <div class=\"cf-stx-cell is-result\">\n                  <div class=\"cf-stx-ct\">Ergebnis<\/div>\n                  <div class=\"cf-stx-res\">\n                    <span>Umsetzung exakt nach Designvorgabe<\/span>\n                    <span>L&auml;nder&uuml;bergreifende Abstimmung<\/span>\n                    <span>Flexibel auch bei Sonderw&uuml;nschen<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"cf-stx-nav\">\n      <button type=\"button\" class=\"cf-stx-arrow cf-stx-prev\" aria-label=\"Vorherige Erfolgsgeschichte\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\n      <div class=\"cf-stx-dots\" role=\"tablist\" aria-label=\"Erfolgsgeschichten ausw&auml;hlen\">\n        <button type=\"button\" class=\"cf-stx-dot\" aria-current=\"true\" aria-label=\"Erfolgsgeschichte 1\"><\/button>\n        <button type=\"button\" class=\"cf-stx-dot\" aria-current=\"false\" aria-label=\"Erfolgsgeschichte 2\"><\/button>\n        <button type=\"button\" class=\"cf-stx-dot\" aria-current=\"false\" aria-label=\"Erfolgsgeschichte 3\"><\/button>\n      <\/div>\n      <button type=\"button\" class=\"cf-stx-arrow cf-stx-next\" aria-label=\"N&auml;chste Erfolgsgeschichte\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\n    <\/div>\n\n    <div class=\"cf-stx-cta\">\n      <a href=\"#\" onclick=\"cfOpenKontakt(event)\" aria-label=\"Kontaktformular &ouml;ffnen und Projekt besprechen\">Ihr Projekt starten <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n    <\/div>\n  <\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('cf-stories-a');\n  if(!root||root.dataset.cfInit)return;root.dataset.cfInit=\"1\";\n  var track=root.querySelector('.cf-stx-track');\n  var slides=root.querySelectorAll('.cf-stx-slide');\n  var dots=root.querySelectorAll('.cf-stx-dot');\n  var vp=root.querySelector('.cf-stx-viewport');\n  var i=0,n=slides.length;\n  function go(x){\n    i=(x%n+n)%n;\n    track.style.transform='translateX(-'+(i*100)+'%)';\n    for(var k=0;k<dots.length;k++){dots[k].setAttribute('aria-current',k===i?'true':'false');}\n  }\n  root.querySelector('.cf-stx-prev').addEventListener('click',function(){go(i-1);});\n  root.querySelector('.cf-stx-next').addEventListener('click',function(){go(i+1);});\n  for(var k=0;k<dots.length;k++){(function(idx){dots[idx].addEventListener('click',function(){go(idx);});})(k);}\n  var sx=null;\n  vp.addEventListener('touchstart',function(e){sx=e.touches[0].clientX;},{passive:true});\n  vp.addEventListener('touchend',function(e){if(sx===null)return;var dx=e.changedTouches[0].clientX-sx;if(Math.abs(dx)>40){go(dx<0?i+1:i-1);}sx=null;});\n  root.addEventListener('keydown',function(e){if(e.key==='ArrowLeft'){go(i-1);}else if(e.key==='ArrowRight'){go(i+1);}});\n  go(0);\n})();\n<\/script>\n<\/section>\n\n<section id=\"cf-produktion\" class=\"cf-section\" style=\"background:#fff;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;\" aria-label=\"Kartenaufbau und Produktion\">\n  <div class=\"cf-max-w\">\n    <div style=\"text-align:center;max-width:680px;margin:0 auto 40px;\" class=\"cf-reveal\">\n      <div style=\"display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:#1A1A1B;border-radius:999px;margin-bottom:16px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><span style=\"font-size:11px;font-weight:700;color:#fff;letter-spacing:.08em;text-transform:uppercase;\">Made in Germany<\/span><\/div>\n      <h2 style=\"font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#1A1A1B;letter-spacing:-.02em;margin-bottom:12px;line-height:1.15;\">Hunderte M&ouml;glichkeiten. <span style=\"color:#E30613;\">Eine Manufaktur.<\/span><\/h2>\n      <p style=\"color:#717171;line-height:1.7;font-size:15px;\">Von Material &uuml;ber Veredelung bis Personalisierung, alles aus einer Hand in Hessisch Lichtenau.<\/p>\n    <\/div>\n    <div class=\"cf-aufbau-grid cf-reveal\">\n      <div style=\"border-radius:14px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,0.08);\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2021\/12\/CF-Kartenaufbau_Premiumline_web.jpg\" alt=\"Schichtaufbau einer Premium-Plastikkarte von CF Card Factory\" style=\"width:100%;height:auto;display:block;\" loading=\"lazy\" width=\"660\" height=\"440\"><\/div>\n      <div>\n        <h3 style=\"font-size:20px;font-weight:800;color:#1A1A1B;margin-bottom:10px;\">Premium-Karte im Detail<\/h3>\n        <p style=\"font-size:14px;color:#717171;line-height:1.7;margin-bottom:20px;\">Mehrere pr&auml;zise verschwei&szlig;te Schichten, vom Schutzlaminat bis zur Funktionsebene.<\/p>\n        <div style=\"display:flex;flex-direction:column;gap:10px;\">\n          <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:26px;height:26px;border-radius:6px;background:#FEF2F2;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"font-size:11px;font-weight:800;color:#E30613;font-family:'DM Mono',monospace;\">1<\/span><\/div><div><span style=\"font-size:13px;font-weight:600;color:#1A1A1B;\">Schutzlaminat<\/span> <span style=\"font-size:12px;color:#999;\">, matt\/glanz, UV-Schutz<\/span><\/div><\/div>\n          <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:26px;height:26px;border-radius:6px;background:#FEF2F2;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"font-size:11px;font-weight:800;color:#E30613;font-family:'DM Mono',monospace;\">2<\/span><\/div><div><span style=\"font-size:13px;font-weight:600;color:#1A1A1B;\">Inlay-Druck<\/span> <span style=\"font-size:12px;color:#999;\">, 4c + Sonderfarben<\/span><\/div><\/div>\n          <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:26px;height:26px;border-radius:6px;background:#FEF2F2;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"font-size:11px;font-weight:800;color:#E30613;font-family:'DM Mono',monospace;\">3<\/span><\/div><div><span style=\"font-size:13px;font-weight:600;color:#1A1A1B;\">Kernschicht<\/span> <span style=\"font-size:12px;color:#999;\">, PVC, PET, Holz, Bio<\/span><\/div><\/div>\n          <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:26px;height:26px;border-radius:6px;background:#FEF2F2;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"font-size:11px;font-weight:800;color:#E30613;font-family:'DM Mono',monospace;\">4<\/span><\/div><div><span style=\"font-size:13px;font-weight:600;color:#1A1A1B;\">Funktion<\/span> <span style=\"font-size:12px;color:#999;\">, RFID, Magnet, Pr&auml;gung<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"cf-section\" style=\"background:#FAFAFA;border-bottom:1px solid #E8E8E8;\" aria-label=\"Referenzen und Partner\">\n  <div class=\"cf-max-w\">\n    <div style=\"text-align:center;margin-bottom:32px;\" class=\"cf-reveal\"><h2 style=\"font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#1A1A1B;letter-spacing:-.02em;margin-bottom:8px;\">Vertrauen von <span style=\"color:#E30613;\">namhaften Unternehmen<\/span><\/h2><\/div>\n    <div class=\"cf-reveal\" style=\"max-width:960px;margin:0 auto;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/Partner.png\" alt=\"Referenzkunden der CF Card Factory\" style=\"width:100%;display:block;border-radius:12px;background:#fff;padding:24px;border:1px solid #E8E8E8;\" loading=\"lazy\" width=\"960\" height=\"200\"><\/div>\n  <\/div>\n<\/section>\n\n<section id=\"cf-kontakt\" style=\"padding:48px 0;background:#E30613;\" aria-label=\"Kontakt-&Uuml;berleitung\">\n  <div class=\"cf-max-w\" style=\"text-align:center;\">\n    <h2 style=\"font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0;\">Bereit f&uuml;r Ihr Kartenprojekt?<\/h2>\n  <\/div>\n<\/section>\n\n<section class=\"cf-section\" style=\"background:#FAFAFA;\" aria-label=\"Kontakt und Beratung\">\n  <div class=\"cf-max-w\">\n    <div style=\"display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:stretch;\" class=\"cf-contact-grid-hp\">\n      <div style=\"display:flex;flex-direction:column;justify-content:center;\">\n        <div style=\"font-family:'DM Mono',monospace;font-size:13px;color:#E30613;font-weight:500;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:18px;\">SPRECHEN WIR DAR&Uuml;BER<\/div>\n        <h2 style=\"font-family:'DM Sans',sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.15;color:#1A1A1B;margin:0 0 18px;letter-spacing:-0.5px;\">Ihre L&ouml;sung beginnt mit einem Gespr&auml;ch<\/h2>\n        <p style=\"font-size:17px;line-height:1.7;color:#717171;max-width:640px;margin:0 0 24px;\">Komplexe Anforderungen verlangen erfahrene Berater. Unser Experten-Team steht Ihnen direkt zur Seite, vom ersten Briefing bis zur ausgelieferten Karte.<\/p>\n        <div style=\"display:flex;flex-direction:column;gap:10px;\">\n          <a href=\"tel:+49560291740\" style=\"display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #E8E8E8;border-radius:10px;color:#1A1A1B;text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.borderColor='#E30613';this.style.background='#FEF2F2'\" onmouseout=\"this.style.borderColor='#E8E8E8';this.style.background='transparent'\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\" style=\"flex-shrink:0;\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72\"\/><\/svg><div><div style=\"font-family:'DM Mono',monospace;font-size:10.5px;color:#999;letter-spacing:0.5px;text-transform:uppercase;\">Direkt anrufen<\/div><div style=\"font-size:15px;font-weight:600;color:#1A1A1B;\">+49 (0) 5602 9174 0<\/div><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" style=\"margin-left:auto;\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n          <a href=\"mailto:info@cardfactory-gmbh.de\" style=\"display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #E8E8E8;border-radius:10px;color:#1A1A1B;text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.borderColor='#E30613';this.style.background='#FEF2F2'\" onmouseout=\"this.style.borderColor='#E8E8E8';this.style.background='transparent'\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\" style=\"flex-shrink:0;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><div><div style=\"font-family:'DM Mono',monospace;font-size:10.5px;color:#999;letter-spacing:0.5px;text-transform:uppercase;\">E-Mail schreiben<\/div><div style=\"font-size:15px;font-weight:600;color:#1A1A1B;\">info@cardfactory-gmbh.de<\/div><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" style=\"margin-left:auto;\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n          <a href=\"#cf-kalkulator\" style=\"display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #E8E8E8;border-radius:10px;color:#1A1A1B;text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.borderColor='#E30613';this.style.background='#FEF2F2'\" onmouseout=\"this.style.borderColor='#E8E8E8';this.style.background='transparent'\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\" style=\"flex-shrink:0;\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><\/svg><div><div style=\"font-family:'DM Mono',monospace;font-size:10.5px;color:#999;letter-spacing:0.5px;text-transform:uppercase;\">Lieber selbst konfigurieren<\/div><div style=\"font-size:15px;font-weight:600;color:#1A1A1B;\">Zum Konfigurator<\/div><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" style=\"margin-left:auto;\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n      <div style=\"background:#fff;border:1px solid #E8E8E8;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px;\">\n        <div style=\"display:flex;gap:20px;align-items:center;\">\n          <div style=\"width:88px;height:88px;flex-shrink:0;border-radius:50%;overflow:hidden;position:relative;border:3px solid #fff;box-shadow:0 8px 20px rgba(35,15,17,0.14);background:#F1ECE9;display:flex;align-items:center;justify-content:center;\" role=\"img\" aria-label=\"Foto von Thomas Hohmann folgt\"><svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4B8B0\" stroke-width=\"1.5\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><span style=\"position:absolute;inset:-3px;border-radius:50%;border:2px solid #E30613;pointer-events:none;\"><\/span><\/div>\n          <div>\n            <div style=\"font-size:20px;font-weight:700;color:#1A1A1B;margin:0 0 4px;letter-spacing:-0.2px;\">Thomas Hohmann<\/div>\n            <div style=\"font-size:13px;color:#999;font-family:'DM Mono',monospace;letter-spacing:0.3px;\">EXPERTE F&Uuml;R KARTENL&Ouml;SUNGEN<\/div>\n            <div style=\"display:inline-flex;align-items:center;gap:6px;margin-top:8px;\"><span style=\"width:7px;height:7px;border-radius:50%;background:#2D6A4F;display:block;flex-shrink:0;\"><\/span><span style=\"font-size:11.5px;color:#717171;\">Antwort in der Regel binnen 4 Stunden<\/span><\/div>\n          <\/div>\n        <\/div>\n        <p style=\"font-size:15px;line-height:1.7;color:#717171;margin:0;\">&bdquo;Jedes Projekt hat seine eigenen Anforderungen. Erz&auml;hlen Sie mir von Ihrem, und ich schlage Ihnen die passende Technologie, das richtige Material und einen realistischen Zeitplan vor.\"<\/p>\n        <div style=\"display:flex;flex-direction:column;gap:10px;\">\n          <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\"><input type=\"text\" id=\"cf-hp-company\" placeholder=\"Firma *\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><input type=\"text\" id=\"cf-hp-name\" placeholder=\"Ansprechpartner *\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><\/div>\n          <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\"><input type=\"email\" id=\"cf-hp-email\" placeholder=\"E-Mail *\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><input type=\"tel\" id=\"cf-hp-phone\" placeholder=\"Telefon (optional)\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><\/div>\n          <textarea id=\"cf-hp-msg\" rows=\"3\" placeholder=\"Beschreiben Sie kurz Ihr Projekt &hellip;\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;resize:vertical;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><\/textarea>\n          <button type=\"button\" onclick=\"cfHPSubmit()\" id=\"cf-hp-btn\" style=\"display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#E30613;color:#fff;font-weight:700;padding:14px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:background .2s;box-shadow:0 8px 24px rgba(227,6,19,.25);font-family:inherit;\" onmouseover=\"this.style.background='#C00510'\" onmouseout=\"this.style.background='#E30613'\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>Anfrage senden<\/button>\n        <\/div>\n        <div style=\"display:flex;align-items:center;gap:5px;font-size:10px;color:#999;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#bbb\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>Verschl&uuml;sselt &middot; Keine Weitergabe an Dritte<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<div id=\"cf-lead-fab\" onclick=\"cfLeadToggle()\" style=\"position:fixed;bottom:24px;right:24px;z-index:9998;width:56px;height:56px;background:#E30613;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(227,6,19,.35);transition:all .3s cubic-bezier(.16,1,.3,1);\" onmouseover=\"this.style.transform='scale(1.08)'\" onmouseout=\"this.style.transform='scale(1)'\" aria-label=\"Kontaktformular &ouml;ffnen\"><svg id=\"cf-fab-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" style=\"transition:transform .3s;\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg><\/div>\n<div id=\"cf-lead-overlay\" onclick=\"cfLeadToggle()\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9999;opacity:0;transition:opacity .3s;\"><\/div>\n<div id=\"cf-lead-popup\" style=\"display:none;position:fixed;bottom:0;right:0;z-index:10000;width:420px;max-width:100vw;max-height:calc(100vh - 20px);background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;font-family:'DM Sans',sans-serif;\">\n  <div style=\"position:sticky;top:0;background:#fff;padding:20px 24px 0;z-index:2;border-radius:16px 16px 0 0;\">\n    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;\"><div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:36px;height:36px;background:#FEF2F2;border-radius:10px;display:flex;align-items:center;justify-content:center;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E30613\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg><\/div><div><div style=\"font-size:16px;font-weight:700;color:#1A1A1B;\">Anfrage senden<\/div><div style=\"font-size:11px;color:#999;\">Antwort innerhalb von 4 Stunden<\/div><\/div><\/div><button onclick=\"cfLeadToggle()\" aria-label=\"Formular schlie&szlig;en\" style=\"width:32px;height:32px;border:none;background:#F5F5F5;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#999\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/button><\/div>\n    <div style=\"height:1px;background:#E8E8E8;margin-top:16px;\"><\/div>\n  <\/div>\n  <div id=\"cf-popup-form\" style=\"padding:20px 24px 24px;\">\n    <div style=\"margin-bottom:16px;\"><div style=\"font-size:12px;font-weight:600;color:#E30613;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;\">Unternehmen<\/div><div style=\"display:flex;flex-direction:column;gap:8px;\"><input type=\"text\" id=\"cf-pop-company\" placeholder=\"Firmenname *\" required style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><div style=\"display:grid;grid-template-columns:1fr 1fr;gap:8px;\"><input type=\"text\" id=\"cf-pop-name\" placeholder=\"Ansprechpartner *\" required style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><input type=\"email\" id=\"cf-pop-email\" placeholder=\"E-Mail *\" required style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><\/div><input type=\"tel\" id=\"cf-pop-phone\" placeholder=\"Telefon (optional)\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;background:#FAFAFA;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><\/div><\/div>\n    <div style=\"margin-bottom:16px;\"><div style=\"font-size:12px;font-weight:600;color:#E30613;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;\">Projektdetails<\/div><div style=\"display:flex;flex-direction:column;gap:8px;\"><select id=\"cf-pop-usecase\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;color:#1A1A1B;background:#FAFAFA url('data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23999%22 stroke-width=%222%22><polyline points=%226 9 12 15 18 9%22\/><\/svg>') no-repeat right 14px center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;\"><option value=\"\" disabled selected>Einsatzbereich<\/option><option>Kundenkarten \/ Bonuskarten<\/option><option>Mitarbeiterausweise<\/option><option>Gutscheinkarten<\/option><option>Zutrittskarten \/ RFID<\/option><option>Mitgliedskarten<\/option><option>Sonstiges<\/option><\/select><div style=\"display:grid;grid-template-columns:1fr 1fr;gap:8px;\"><select id=\"cf-pop-qty\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;color:#1A1A1B;background:#FAFAFA url('data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23999%22 stroke-width=%222%22><polyline points=%226 9 12 15 18 9%22\/><\/svg>') no-repeat right 14px center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;\"><option value=\"\" disabled selected>St&uuml;ckzahl<\/option><option>100 &ndash; 1.000<\/option><option>1.000 &ndash; 10.000<\/option><option>10.000 &ndash; 100.000<\/option><option>100.000 &ndash; 500.000<\/option><option>500.000 &ndash; 1.000.000<\/option><option>1.000.000+<\/option><option>Noch unklar<\/option><\/select><select id=\"cf-pop-timeline\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;color:#1A1A1B;background:#FAFAFA url('data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23999%22 stroke-width=%222%22><polyline points=%226 9 12 15 18 9%22\/><\/svg>') no-repeat right 14px center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;\"><option value=\"\" disabled selected>Zeitrahmen<\/option><option>So schnell wie m&ouml;glich<\/option><option>Innerhalb 2 Wochen<\/option><option>Innerhalb 1 Monat<\/option><option>Erst in Planung<\/option><\/select><\/div><\/div><\/div>\n    <textarea id=\"cf-pop-msg\" rows=\"2\" placeholder=\"Ihre Nachricht (optional)\" style=\"width:100%;padding:11px 14px;border:1.5px solid #E8E8E8;border-radius:8px;font-size:13px;font-family:inherit;outline:none;resize:vertical;background:#FAFAFA;margin-bottom:14px;\" onfocus=\"this.style.borderColor='#E30613'\" onblur=\"this.style.borderColor='#E8E8E8'\"><\/textarea>\n    <button type=\"button\" id=\"cf-pop-submit\" onclick=\"cfPopSubmit()\" style=\"display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#E30613;color:#fff;font-weight:700;padding:14px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:background .2s;box-shadow:0 8px 24px rgba(227,6,19,.25);font-family:inherit;text-transform:uppercase;letter-spacing:.04em;\" onmouseover=\"this.style.background='#C00510'\" onmouseout=\"this.style.background='#E30613'\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>Anfrage absenden<\/button>\n    <div style=\"display:flex;align-items:center;gap:6px;margin-top:12px;font-size:10px;color:#999;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#bbb\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>Verschl&uuml;sselt &middot; Keine Weitergabe an Dritte<\/div>\n  <\/div>\n  <div id=\"cf-popup-success\" style=\"display:none;padding:40px 24px;text-align:center;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2D6A4F\" stroke-width=\"2\" style=\"margin:0 auto 14px;display:block;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><div style=\"font-size:17px;font-weight:700;color:#1A1A1B;margin-bottom:6px;\">Anfrage gesendet<\/div><div style=\"font-size:13px;color:#717171;line-height:1.6;margin-bottom:20px;\">Wir melden uns innerhalb von 4 Stunden.<\/div><button onclick=\"cfLeadToggle()\" style=\"padding:11px 28px;background:#1A1A1B;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;\">Schlie&szlig;en<\/button><\/div>\n<\/div>\n\n<script>\n(function(){\n  var WEBHOOK='https:\/\/vogt.zauberware.dev\/webhook\/Kontakt';var isOpen=false;\n  window.cfLeadToggle=function(){var o=document.getElementById('cf-lead-overlay'),p=document.getElementById('cf-lead-popup'),f=document.getElementById('cf-lead-fab'),i=document.getElementById('cf-fab-icon');if(!o||!p)return;isOpen=!isOpen;if(isOpen){o.style.display='block';p.style.display='block';document.body.style.overflow='hidden';setTimeout(function(){o.style.opacity='1';p.style.transform='translateY(0)';},10);if(i)i.innerHTML='<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>';if(f)f.style.background='#1A1A1B';}else{o.style.opacity='0';p.style.transform='translateY(100%)';document.body.style.overflow='';if(i)i.innerHTML='<path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/>';if(f)f.style.background='#E30613';setTimeout(function(){o.style.display='none';p.style.display='none';},400);}};\n  window.cfOpenKontakt=function(e){if(e)e.preventDefault();if(!isOpen)window.cfLeadToggle();};\n  window.cfPopSubmit=function(){var co=document.getElementById('cf-pop-company'),na=document.getElementById('cf-pop-name'),em=document.getElementById('cf-pop-email');if(!co||!co.value.trim()){hl(co);return;}if(!na||!na.value.trim()){hl(na);return;}if(!em||!em.value.trim()||!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value.trim())){hl(em);return;}var btn=document.getElementById('cf-pop-submit');if(btn){btn.disabled=true;btn.style.opacity='0.7';btn.innerHTML='Wird gesendet &hellip;';}var ph=document.getElementById('cf-pop-phone'),uc=document.getElementById('cf-pop-usecase'),qt=document.getElementById('cf-pop-qty'),tl=document.getElementById('cf-pop-timeline'),ms=document.getElementById('cf-pop-msg');fetch(WEBHOOK,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({typ:'kontaktformular',firma:co.value.trim(),ansprechpartner:na?na.value.trim():'',email:em.value.trim(),telefon:ph?ph.value.trim():'',projekt:{einsatzbereich:uc?uc.value:'',stueckzahl:qt?qt.value:'',zeitrahmen:tl?tl.value:''},nachricht:ms?ms.value.trim():'',timestamp:new Date().toISOString(),quelle:window.location.href})}).then(function(){spOk();}).catch(function(err){console.warn('CF Webhook:',err);spOk();});};\n  function spOk(){var f=document.getElementById('cf-popup-form'),s=document.getElementById('cf-popup-success');if(f)f.style.display='none';if(s)s.style.display='block';}\n\n  window.cfHPSubmit=function(){var co=document.getElementById('cf-hp-company'),na=document.getElementById('cf-hp-name'),em=document.getElementById('cf-hp-email'),ph=document.getElementById('cf-hp-phone'),ms=document.getElementById('cf-hp-msg');if(!co||!co.value.trim()){hl(co);return;}if(!na||!na.value.trim()){hl(na);return;}if(!em||!em.value.trim()||!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value.trim())){hl(em);return;}var btn=document.getElementById('cf-hp-btn');if(btn){btn.disabled=true;btn.style.opacity='0.7';btn.textContent='Wird gesendet &hellip;';}fetch(WEBHOOK,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({typ:'homepage-kontakt',firma:co.value.trim(),ansprechpartner:na.value.trim(),email:em.value.trim(),telefon:ph?ph.value.trim():'',nachricht:ms?ms.value.trim():'',timestamp:new Date().toISOString(),quelle:window.location.href})}).then(function(){hpOk();}).catch(function(err){console.warn('CF HP Webhook:',err);hpOk();});};\n  function hpOk(){var card=document.getElementById('cf-hp-btn');if(card){var p=card.closest('div[style*=\"flex-direction:column\"]');if(p){p.innerHTML='<div style=\"text-align:center;padding:16px 0;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2D6A4F\" stroke-width=\"2\" style=\"margin:0 auto 12px;display:block;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><div style=\"font-size:16px;font-weight:700;color:#1A1A1B;margin-bottom:6px;\">Anfrage gesendet<\/div><div style=\"font-size:13px;color:#717171;\">Wir melden uns innerhalb von 4 Stunden.<\/div><\/div>';}}}\n\n  function hl(el){if(!el)return;el.style.borderColor='#E30613';el.style.background='#FEF2F2';el.focus();setTimeout(function(){el.style.borderColor='#E8E8E8';el.style.background='#FAFAFA';},2000);}\n  if('IntersectionObserver' in window){var rv=document.querySelectorAll('.cf-reveal');if(rv.length){rv.forEach(function(el){el.classList.add('cf-hidden');});var obs=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.remove('cf-hidden');obs.unobserve(e.target);}});},{threshold:0.06,rootMargin:'0px 0px -30px 0px'});rv.forEach(function(el){obs.observe(el);});}}\n  var cg=document.getElementById('cf-calc-grid');function cfR(){var w=window.innerWidth;if(cg)cg.style.gridTemplateColumns=w>=1024?'3fr 2fr':'1fr';}cfR();window.addEventListener('resize',cfR);\n})();\n<\/script>\n<style>@keyframes cfs{to{transform:rotate(360deg);}} #cf-lead-popup::-webkit-scrollbar{width:4px;} #cf-lead-popup::-webkit-scrollbar-thumb{background:#E8E8E8;border-radius:2px;} @media(max-width:480px){#cf-lead-popup{width:100vw;}} .cf-aufbau-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;} @media(max-width:900px){.cf-aufbau-grid{grid-template-columns:1fr!important;gap:28px!important;} .cf-contact-grid-hp{grid-template-columns:1fr!important;} .cf-vogt-grid-hp{grid-template-columns:1fr!important;gap:28px!important;}} @media(max-width:640px){#cf-lead-fab{bottom:16px;right:16px;}}<\/style>\n\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"LocalBusiness\",\"name\":\"CF Card Factory GmbH\",\"url\":\"https:\/\/www.cards.de\",\"telephone\":\"+49560291740\",\"email\":\"info@cardfactory-gmbh.de\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Im Tal 10\",\"addressLocality\":\"Hessisch Lichtenau\",\"postalCode\":\"37235\",\"addressRegion\":\"Hessen\",\"addressCountry\":\"DE\"},\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":51.1976,\"longitude\":9.7236},\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"],\"opens\":\"08:00\",\"closes\":\"16:30\"},{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":\"Friday\",\"opens\":\"08:00\",\"closes\":\"15:00\"}],\"description\":\"Hersteller f\u00fcr Plastikkarten und Kartenl\u00f6sungen in Hessisch Lichtenau. Produktion auf 7.500 m\u00b2 mit bis zu 800.000 Karten t\u00e4glich.\",\"priceRange\":\"$$\",\"makesOffer\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Plastikkarten-Produktion\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"EcoLine nachhaltige Karten\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Fulfillment und Lettershop\"}}]}\n<\/script>\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":"<p>MADE IN GERMANY Plastikkarten &amp; Kartenl\u00f6sungen f\u00fcr Ihr Unternehmen Ihr erfahrener Partner f\u00fcr hochwertige Plastikkarten aus Deutschland. Von der klassischen Kundenkarte bis zur RFID-Zutrittsl\u00f6sung, individuell bedruckt, mit modernster Chiptechnologie und in h\u00f6chster Qualit\u00e4t. Angebot anfordern Technologie &amp; L\u00f6sungen &#10003; B2B &#10003; Ab 100 St\u00fcck &#10003; Individuelle L\u00f6sungen 800.000 Karten \/ Tag 7.500 m\u00b2 Industriepark 25+ [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3694","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr<\/title>\n<meta name=\"description\" content=\"Wir drucken Mitgliedsausweise, Kundenkarten, Gutscheinkarten, Visitenkarten auf PVC, Graskarton und weitere Plastikkarten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cards.de\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr\" \/>\n<meta property=\"og:description\" content=\"Wir drucken Mitgliedsausweise, Kundenkarten, Gutscheinkarten, Visitenkarten auf PVC, Graskarton und weitere Plastikkarten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cards.de\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T11:39:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cards.de\\\/\",\"url\":\"https:\\\/\\\/www.cards.de\\\/\",\"name\":\"Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cards.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cards.de\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cards.de\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cards.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png\",\"datePublished\":\"2026-07-02T11:37:37+00:00\",\"dateModified\":\"2026-10-15T11:39:21+00:00\",\"description\":\"Wir drucken Mitgliedsausweise, Kundenkarten, Gutscheinkarten, Visitenkarten auf PVC, Graskarton und weitere Plastikkarten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cards.de\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cards.de\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.cards.de\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cards.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png\",\"contentUrl\":\"https:\\\/\\\/www.cards.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cards.de\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.cards.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cards.de\\\/#website\",\"url\":\"https:\\\/\\\/www.cards.de\\\/\",\"name\":\"Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cards.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Card Factory | Print Cards | Plastic cards, PVC, wood &amp; more","description":"We print membership cards, customer cards, gift cards, and business cards on PVC, Grass Card, and other plastic cards.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cards.de\/en\/","og_locale":"en_GB","og_type":"article","og_title":"Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr","og_description":"Wir drucken Mitgliedsausweise, Kundenkarten, Gutscheinkarten, Visitenkarten auf PVC, Graskarton und weitere Plastikkarten.","og_url":"https:\/\/www.cards.de\/en\/","og_site_name":"Card Factory | Karten drucken | Plastikkarten, PVC, Holz &amp; mehr","article_modified_time":"2026-10-15T11:39:21+00:00","og_image":[{"url":"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cards.de\/","url":"https:\/\/www.cards.de\/","name":"Card Factory | Print Cards | Plastic cards, PVC, wood &amp; more","isPartOf":{"@id":"https:\/\/www.cards.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cards.de\/#primaryimage"},"image":{"@id":"https:\/\/www.cards.de\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png","datePublished":"2026-07-02T11:37:37+00:00","dateModified":"2026-10-15T11:39:21+00:00","description":"We print membership cards, customer cards, gift cards, and business cards on PVC, Grass Card, and other plastic cards.","breadcrumb":{"@id":"https:\/\/www.cards.de\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cards.de\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.cards.de\/#primaryimage","url":"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png","contentUrl":"https:\/\/www.cards.de\/wp-content\/uploads\/2026\/06\/deutsche-bank-logo-png_seeklogo-304243-removebg-preview.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cards.de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.cards.de\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.cards.de\/#website","url":"https:\/\/www.cards.de\/","name":"Card Factory | Print Cards | Plastic cards, PVC, wood &amp; more","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cards.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/pages\/3694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/comments?post=3694"}],"version-history":[{"count":110,"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/pages\/3694\/revisions"}],"predecessor-version":[{"id":4462,"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/pages\/3694\/revisions\/4462"}],"wp:attachment":[{"href":"https:\/\/www.cards.de\/en\/wp-json\/wp\/v2\/media?parent=3694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}