{"id":1463,"date":"2025-10-29T11:25:35","date_gmt":"2025-10-29T10:25:35","guid":{"rendered":"https:\/\/www.logistictronic.com\/?page_id=1463"},"modified":"2026-04-27T18:55:59","modified_gmt":"2026-04-27T16:55:59","slug":"home","status":"publish","type":"page","link":"https:\/\/www.logistictronic.com\/en\/","title":{"rendered":"PCB Manufacturer for HDI, Flex &#038; Metal Core PCBs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1463\" class=\"elementor elementor-1463\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2f802d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e2f802d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.logistictronic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/6754824-uhd_3840_2160_25fps.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-af7766b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"af7766b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5080853 elementor-widget elementor-widget-html\" data-id=\"5080853\" 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<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<style>\r\n    \/* --- 1. \u5de6\u4fa7\u5185\u5bb9\u5bb9\u5668 (\u5f3a\u5236\u6700\u9ad8\u5c42\u7ea7) --- *\/\r\n    .left-hero-container {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n        color: #ffffff;\r\n        max-width: 650px;\r\n        padding: 30px 0;\r\n        position: relative;\r\n        z-index: 999 !important;\r\n    }\r\n\r\n    \/* --- \u6d6e\u73b0\u52a8\u753b --- *\/\r\n    @keyframes heroFadeUp {\r\n        0% { opacity: 0; transform: translateY(30px); filter: blur(4px); }\r\n        100% { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n    }\r\n\r\n    \/* --- \u526f\u6807\u9898 --- *\/\r\n    .hero-sub-title {\r\n        font-size: 15px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin-bottom: 20px;\r\n        opacity: 0;\r\n        animation: heroFadeUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    \/* --- \u4e3b\u6807\u9898 (\u660e\u4eae\u6e10\u53d8) --- *\/\r\n    .hero-main-title {\r\n        font-size: 58px;\r\n        line-height: 1.1;\r\n        font-weight: 800;\r\n        margin-bottom: 45px;\r\n        background: linear-gradient(90deg, #63a4ff 0%, #d762e6 45%, #ff9a44 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        opacity: 0; \r\n        animation: heroFadeUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    \/* --- \u9996\u9875 CTA \u6309\u94ae (\u5f3a\u529b\u4fee\u590d\u70b9\u51fb) --- *\/\r\n    .hero-cta-btn {\r\n        display: inline-block;\r\n        background: linear-gradient(90deg, #0056b3 0%, #00d2ff 100%);\r\n        color: white;\r\n        border: none;\r\n        padding: 18px 38px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        letter-spacing: 1px;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 10px 25px rgba(0, 123, 255, 0.4);\r\n        position: relative;\r\n        opacity: 0;\r\n        animation: heroFadeUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n        animation-delay: 0.7s;\r\n        \/* \u786e\u4fdd\u65e0\u8bba\u5982\u4f55\u90fd\u5728\u6700\u4e0a\u5c42\u53ef\u70b9\u51fb *\/\r\n        z-index: 1000;\r\n        pointer-events: auto !important; \r\n    }\r\n\r\n    .hero-cta-btn:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 35px rgba(0, 210, 255, 0.5);\r\n        background: linear-gradient(90deg, #007bff 0%, #33eaff 100%);\r\n    }\r\n\r\n    \/* =========================================\r\n       \u2605 2. \u82f9\u679c\u98ce\u9ad8\u7ea7\u5f39\u7a97 (\u8986\u76d6\u4e00\u5207\u5c42\u7ea7) \u2605\r\n       ========================================= *\/\r\n    .hero-modal-overlay {\r\n        position: fixed !important;\r\n        top: 0 !important; \r\n        left: 0 !important;\r\n        width: 100vw !important; \r\n        height: 100vh !important;\r\n        background: rgba(15, 23, 42, 0.6) !important; \r\n        backdrop-filter: blur(10px) !important; \/* \u78e8\u7802\u73bb\u7483\u6548\u679c *\/\r\n        -webkit-backdrop-filter: blur(10px) !important;\r\n        z-index: 2147483647 !important; \/* \u7edd\u5bf9\u6700\u9ad8\u5c42\u7ea7\uff0c\u9632\u6b62\u4efb\u4f55\u906e\u6321 *\/\r\n        display: none !important; \/* \u9ed8\u8ba4\u9690\u85cf\uff0c\u901a\u8fc7 JS \u5207\u6362 flex *\/\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .hero-modal-overlay.active {\r\n        display: flex !important;\r\n        opacity: 1;\r\n    }\r\n\r\n    .hero-modal-box {\r\n        background: #ffffff;\r\n        width: 90%; \r\n        max-width: 450px;\r\n        padding: 45px 40px;\r\n        border-radius: 30px; \r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\r\n        transform: scale(0.95) translateY(20px);\r\n        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        position: relative;\r\n        text-align: left;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .hero-modal-overlay.active .hero-modal-box {\r\n        transform: scale(1) translateY(0);\r\n    }\r\n\r\n    \/* \u5f39\u7a97\u5173\u95ed\u6309\u94ae *\/\r\n    .hero-modal-close {\r\n        position: absolute; top: 15px; right: 20px;\r\n        background: none; border: none;\r\n        width: 36px; height: 36px;\r\n        color: #94a3b8; font-size: 28px; line-height: 1;\r\n        cursor: pointer; transition: all 0.2s;\r\n        display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .hero-modal-close:hover { color: #1d1d1f; transform: rotate(90deg); }\r\n\r\n    \/* \u5f39\u7a97\u6b22\u8fce\u8bed *\/\r\n    .form-welcome-text {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #1d1d1f;\r\n        margin-bottom: 25px;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n    }\r\n    .form-welcome-text span {\r\n        display: block;\r\n        font-size: 15px;\r\n        font-weight: 400;\r\n        color: #64748b;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    \/* --- \u82f9\u679c\u98ce\u8f93\u5165\u6846 --- *\/\r\n    .form-group { margin-bottom: 15px; }\r\n\r\n    .apple-input, .apple-textarea {\r\n        width: 100%;\r\n        background: #f8fafc;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 16px;\r\n        border-radius: 12px; \r\n        color: #1d1d1f;\r\n        font-size: 15px;\r\n        font-family: inherit;\r\n        outline: none;\r\n        transition: all 0.3s ease;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .apple-input:focus, .apple-textarea:focus {\r\n        background: #ffffff;\r\n        border-color: #0071e3;\r\n        box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1);\r\n    }\r\n\r\n    \/* --- \u82f9\u679c\u98ce\u6587\u4ef6\u4e0a\u4f20 --- *\/\r\n    .file-upload-wrapper {\r\n        position: relative;\r\n        margin-bottom: 25px;\r\n    }\r\n    .file-upload-input {\r\n        position: absolute; left: 0; top: 0; width: 100%; height: 100%;\r\n        opacity: 0; cursor: pointer; z-index: 2;\r\n    }\r\n    .file-upload-label {\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n        border: 2px dashed #cbd5e1; border-radius: 16px; padding: 25px;\r\n        background: #f8fafc; transition: all 0.3s; text-align: center;\r\n    }\r\n    .file-upload-wrapper:hover .file-upload-label {\r\n        border-color: #0071e3; background: #f0f7ff;\r\n    }\r\n    .upload-icon-svg { width: 32px; height: 32px; color: #0071e3; margin-bottom: 8px; stroke: currentColor; stroke-width: 2; fill: none;}\r\n    .upload-text { font-size: 14px; color: #64748b; font-weight: 500;}\r\n    .file-name-display { font-size: 14px; color: #0071e3; margin-top: 8px; font-weight: 600; display: none;}\r\n\r\n    \/* --- \u82f9\u679c\u98ce\u63d0\u4ea4\u6309\u94ae --- *\/\r\n    .apple-submit-btn {\r\n        width: 100%;\r\n        background: #0071e3;\r\n        color: white;\r\n        border: none;\r\n        padding: 16px;\r\n        border-radius: 12px;\r\n        font-weight: 600;\r\n        font-size: 16px;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        box-shadow: 0 4px 15px rgba(0, 113, 227, 0.3);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    .apple-submit-btn:hover { background: #005bb5; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 113, 227, 0.4); }\r\n    .apple-submit-btn:disabled { background: #94a3b8; cursor: not-allowed; transform: none; box-shadow: none;}\r\n\r\n    \/* \u8f6c\u5708\u52a8\u753b *\/\r\n    .hero-spinner { border: 3px solid rgba(255,255,255,0.3); border-top: 3px solid #fff; border-radius: 50%; width: 18px; height: 18px; animation: heroSpin 1s linear infinite; display: none; }\r\n    @keyframes heroSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n    \/* \u6210\u529f\u611f\u8c22\u4fe1\u606f *\/\r\n    .hero-success-msg {\r\n        display: none;\r\n        text-align: center;\r\n        padding: 20px 0;\r\n    }\r\n    .success-icon {\r\n        width: 60px; height: 60px; border-radius: 50%; background: #dcfce7; color: #10b981;\r\n        display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .hero-main-title { font-size: 40px; }\r\n        .left-hero-container { padding: 40px 20px; text-align: center; margin: 0 auto; }\r\n        .hero-cta-btn { width: 100%; }\r\n        .hero-modal-box { padding: 35px 25px; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"left-hero-container\">\r\n    <div class=\"hero-sub-title\">Ihr Partner f\u00fcr hochwertige Leiterplatten<\/div>\r\n    <h1 class=\"hero-main-title\">Gemeinsam wachsen,<br>gemeinsam Zukunft gestalten<\/h1>\r\n    <button type=\"button\" class=\"hero-cta-btn\" id=\"openHeroModalBtn\">KONTAKTIEREN SIE UNS<\/button>\r\n<\/div>\r\n\r\n<div class=\"hero-modal-overlay\" id=\"heroModalOverlay\">\r\n    <div class=\"hero-modal-box\">\r\n        <button class=\"hero-modal-close\" id=\"closeHeroModalBtn\">&times;<\/button>\r\n        \r\n        <div id=\"heroFormContainer\">\r\n            <div class=\"form-welcome-text\">\r\n                Projektanfrage\r\n                <span>F\u00fcllen Sie das Formular aus, wir melden uns umgehend.<\/span>\r\n            <\/div>\r\n\r\n            <form id=\"heroAjaxForm\" enctype=\"multipart\/form-data\">\r\n                \r\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n                <input type=\"hidden\" name=\"_subject\" value=\"Neue Anfrage von Webseite (Hero Section)\">\r\n                <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n                <input type=\"text\" name=\"_honey\" style=\"display:none\"> <div class=\"form-group\">\r\n                    <input type=\"text\" name=\"Name\" class=\"apple-input\" placeholder=\"Ihr Name\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <input type=\"email\" name=\"Email\" class=\"apple-input\" placeholder=\"Ihre E-Mail-Adresse\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <textarea name=\"Details\" class=\"apple-textarea\" rows=\"3\" placeholder=\"Detaillierte Beschreibung...\"><\/textarea>\r\n                <\/div>\r\n\r\n                <div class=\"file-upload-wrapper\">\r\n                    <input type=\"file\" name=\"Gerber_Datei\" class=\"file-upload-input\" id=\"heroFileInput\" accept=\".zip,.rar,.7z,.pdf,.brd,.gbr\">\r\n                    <div class=\"file-upload-label\">\r\n                        <svg class=\"upload-icon-svg\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n                            <polyline points=\"17 8 12 3 7 8\"><\/polyline>\r\n                            <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\r\n                        <\/svg>\r\n                        <span class=\"upload-text\" id=\"heroUploadText\">Datei hochladen (Gerber)<\/span>\r\n                        <div id=\"heroFileName\" class=\"file-name-display\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"apple-submit-btn\" id=\"heroSubmitBtn\">\r\n                    <span id=\"heroBtnText\">Angebot anfordern<\/span>\r\n                    <div class=\"hero-spinner\" id=\"heroSpinner\"><\/div>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"hero-success-msg\" id=\"heroSuccessMsg\">\r\n            <div class=\"success-icon\">\r\n                <svg width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <h3 style=\"font-size: 22px; color: #1d1d1f; margin-bottom: 10px;\">Vielen Dank!<\/h3>\r\n            <p style=\"color: #64748b; font-size: 15px; margin: 0;\">Ihre Anfrage wurde erfolgreich \u00fcbermittelt. Wir bearbeiten sie schnellstm\u00f6glich.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const modal = document.getElementById('heroModalOverlay');\r\n    const openBtn = document.getElementById('openHeroModalBtn');\r\n    const closeBtn = document.getElementById('closeHeroModalBtn');\r\n    \r\n    const formContainer = document.getElementById('heroFormContainer');\r\n    const successMsg = document.getElementById('heroSuccessMsg');\r\n    const form = document.getElementById('heroAjaxForm');\r\n    \r\n    const fileInput = document.getElementById('heroFileInput');\r\n    const uploadText = document.getElementById('heroUploadText');\r\n    const fileNameDisplay = document.getElementById('heroFileName');\r\n\r\n    \/\/ 1. \u786e\u4fdd\u6309\u94ae\u70b9\u51fb 100% \u89e6\u53d1\u5f39\u7a97\r\n    if(openBtn) {\r\n        openBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            \/\/ \u6bcf\u6b21\u6253\u5f00\u91cd\u7f6e\u72b6\u6001\r\n            formContainer.style.display = 'block';\r\n            successMsg.style.display = 'none';\r\n            form.reset();\r\n            fileNameDisplay.style.display = 'none';\r\n            uploadText.style.display = 'block';\r\n            \r\n            modal.style.display = 'flex';\r\n            setTimeout(() => modal.classList.add('active'), 10);\r\n        });\r\n    }\r\n\r\n    \/\/ 2. \u5173\u95ed\u5f39\u7a97\u903b\u8f91\r\n    function closeModal() {\r\n        modal.classList.remove('active');\r\n        setTimeout(() => modal.style.display = 'none', 300);\r\n    }\r\n    \r\n    if(closeBtn) closeBtn.addEventListener('click', closeModal);\r\n    if(modal) {\r\n        modal.addEventListener('click', function(e) {\r\n            if (e.target === modal) closeModal();\r\n        });\r\n    }\r\n\r\n    \/\/ 3. \u6587\u4ef6\u4e0a\u4f20\u540d\u79f0\u663e\u793a\r\n    if(fileInput) {\r\n        fileInput.addEventListener('change', function() {\r\n            if (this.files && this.files.length > 0) {\r\n                fileNameDisplay.textContent = \"Ausgew\u00e4hlt: \" + this.files[0].name;\r\n                fileNameDisplay.style.display = 'block';\r\n                uploadText.style.display = 'none';\r\n            } else {\r\n                fileNameDisplay.textContent = \"\";\r\n                fileNameDisplay.style.display = 'none';\r\n                uploadText.style.display = 'block';\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 4. \u6781\u81f4\u65e0\u7f1d\u7684 AJAX \u8868\u5355\u63d0\u4ea4 (\u4e0d\u8df3 Formsubmit \u5e7f\u544a)\r\n    if(form) {\r\n        form.addEventListener('submit', function(event) {\r\n            event.preventDefault(); \/\/ \u963b\u65ad\u9ed8\u8ba4\u8df3\u8f6c\r\n            \r\n            const submitBtn = document.getElementById(\"heroSubmitBtn\");\r\n            const btnText = document.getElementById(\"heroBtnText\");\r\n            const spinner = document.getElementById(\"heroSpinner\");\r\n\r\n            \/\/ \u9501\u5b9a\u6309\u94ae\uff0c\u663e\u793a\u8f6c\u5708\r\n            submitBtn.disabled = true;\r\n            btnText.innerText = \"Wird gesendet...\";\r\n            spinner.style.display = \"block\";\r\n\r\n            \/\/ \u52a8\u6001\u6784\u5efa\u53d1\u9001\u5730\u5740\uff0c\u9632\u6b62\u90ae\u7bb1\u88ab\u722c\u866b\u6293\u53d6\r\n            const user = \"office\";\r\n            const domain = \"logistictronic.com\";\r\n            \/\/ Formsubmit AJAX \u8bf7\u6c42\u5730\u5740\r\n            const targetUrl = \"https:\/\/formsubmit.co\/ajax\/\" + user + \"@\" + domain;\r\n\r\n            fetch(targetUrl, {\r\n                method: \"POST\",\r\n                body: new FormData(form),\r\n                headers: {\r\n                    'Accept': 'application\/json' \/\/ \u5f3a\u5236\u8981\u6c42\u8fd4\u56de JSON\uff0c\u62d2\u7edd\u8df3\u8f6c\r\n                }\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success || data.ok || (data.message && data.message.includes('success'))) {\r\n                    \/\/ \u6210\u529f\uff1a\u9690\u85cf\u8868\u5355\uff0c\u663e\u793a\u7eff\u8272\u5bf9\u52fe\u611f\u8c22\u4fe1\r\n                    formContainer.style.display = 'none';\r\n                    successMsg.style.display = 'block';\r\n                    \r\n                    \/\/ 3\u79d2\u540e\u81ea\u52a8\u5173\u95ed\u5f39\u7a97\r\n                    setTimeout(() => { closeModal(); }, 3000);\r\n                } else {\r\n                    alert(\"Fehler beim Senden. Bitte versuchen Sie es sp\u00e4ter erneut.\");\r\n                }\r\n            })\r\n            .catch(error => {\r\n                alert(\"Netzwerkfehler. Bitte \u00fcberpr\u00fcfen Sie Ihre Internetverbindung.\");\r\n            })\r\n            .finally(() => {\r\n                \/\/ \u6062\u590d\u6309\u94ae\u521d\u59cb\u72b6\u6001\r\n                submitBtn.disabled = false;\r\n                btnText.innerText = \"Angebot anfordern\";\r\n                spinner.style.display = \"none\";\r\n            });\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37bccba e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"37bccba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d493816 elementor-widget elementor-widget-html\" data-id=\"d493816\" 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<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<style>\r\n    \/* --- \u5c40\u90e8\u6837\u5f0f\u9694\u79bb --- *\/\r\n    .glass-accordion-wrapper {\r\n        \/* \u5b9a\u4e49\u989c\u8272\u53d8\u91cf *\/\r\n        --text-main: #ffffff;\r\n        --text-muted: #e0e6ed; \/* \u7a0d\u5fae\u8c03\u4eae\u4e00\u70b9\uff0c\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u66f4\u6e05\u6670 *\/\r\n        --primary-cyan: #00d2ff; \/* \u4eae\u9752\u8272 *\/\r\n        --primary-blue: #0056b3; \/* \u6df1\u84dd\u8272 *\/\r\n        \r\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n        width: 100%;\r\n        max-width: 700px; \/*\u7a0d\u5fae\u52a0\u5bbd\u4e00\u70b9*\/\r\n        margin: 0 auto;\r\n        perspective: 1000px;\r\n    }\r\n\r\n    \/* \u4e3b\u6807\u9898\u6e10\u53d8 - \u5df2\u589e\u5f3a\u5bf9\u6bd4\u5ea6 *\/\r\n    .glass-main-title {\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        margin-bottom: 35px;\r\n        \/* \u4fee\u6539\u8fd9\u91cc\uff1a\u8d77\u59cb\u8272\u66f4\u4eae(\u63a5\u8fd1\u767d)\uff0c\u7ed3\u675f\u8272\u66f4\u6df1\uff0c\u5bf9\u6bd4\u5ea6\u66f4\u5f3a *\/\r\n        background: linear-gradient(135deg, #CFF4FF 0%, #0056b3 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: 0.5px;\r\n        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); \/* \u7a0d\u5fae\u52a0\u5f3a\u4e00\u70b9\u9634\u5f71 *\/\r\n    }\r\n\r\n    \/* --- \u6838\u5fc3\uff1a\u6781\u81f4\u900f\u660e\u73bb\u7483\u8d28\u611f --- *\/\r\n    .glass-item {\r\n        \/* \u80cc\u666f\uff1a\u6781\u4f4e\u4e0d\u900f\u660e\u5ea6\u7684\u767d\u8272\uff0c\u8425\u9020\u901a\u900f\u611f *\/\r\n        background: rgba(255, 255, 255, 0.03);\r\n        \/* \u6a21\u7cca\uff1a\u9ad8\u5f3a\u5ea6\u78e8\u7802\u6548\u679c *\/\r\n        backdrop-filter: blur(25px);\r\n        -webkit-backdrop-filter: blur(25px);\r\n        \/* \u8fb9\u6846\uff1a\u6781\u7ec6\u7684\u534a\u900f\u660e\u767d\u8fb9 *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n        \/* \u9634\u5f71\uff1a\u67d4\u548c\u7684\u5916\u90e8\u9634\u5f71 + \u5fae\u5999\u7684\u5185\u90e8\u9ad8\u5149 *\/\r\n        box-shadow: \r\n            0 8px 32px 0 rgba(0, 0, 0, 0.25),\r\n            inset 0 0 30px rgba(255, 255, 255, 0.02);\r\n        \r\n        border-radius: 16px;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        transition: all 0.4s ease;\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u9f20\u6807\u60ac\u505c\u72b6\u6001 *\/\r\n    .glass-item:hover {\r\n        background: rgba(255, 255, 255, 0.06); \/* \u7a0d\u5fae\u53d8\u4eae *\/\r\n        border-color: rgba(0, 210, 255, 0.3); \/* \u8fb9\u6846\u6cdb\u84dd\u5149 *\/\r\n        transform: translateY(-3px);\r\n        box-shadow: \r\n            0 12px 40px 0 rgba(0, 0, 0, 0.3),\r\n            inset 0 0 30px rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    \/* \u6fc0\u6d3b\uff08\u5c55\u5f00\uff09\u72b6\u6001 *\/\r\n    .glass-item.active {\r\n        \/* \u5c55\u5f00\u65f6\u7a0d\u5fae\u52a0\u6df1\u4e00\u70b9\u80cc\u666f\uff0c\u7a81\u51fa\u6587\u5b57\uff0c\u4f46\u4f9d\u7136\u4fdd\u6301\u900f\u660e *\/\r\n        background: rgba(10, 20, 40, 0.4);\r\n        border-color: var(--primary-cyan);\r\n        \/* \u589e\u52a0\u84dd\u8272\u5916\u53d1\u5149 *\/\r\n        box-shadow: \r\n            0 12px 40px 0 rgba(0, 0, 0, 0.3),\r\n            0 0 20px rgba(0, 210, 255, 0.15),\r\n            inset 0 0 30px rgba(255, 255, 255, 0.02);\r\n    }\r\n\r\n    \/* --- \u5934\u90e8\u533a\u57df --- *\/\r\n    .glass-header {\r\n        padding: 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* --- 3D \u7acb\u4f53\u56fe\u6807\u5bb9\u5668 --- *\/\r\n    .icon-3d-container {\r\n        width: 42px;\r\n        height: 42px;\r\n        margin-right: 20px;\r\n        position: relative;\r\n        transform-style: preserve-3d;\r\n        transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n    \r\n    \/* \u56fe\u6807\u6fc0\u6d3b\u65f6\u7684\u65cb\u8f6c\u7279\u6548 *\/\r\n    .glass-item.active .icon-3d-container {\r\n        transform: rotateY(180deg) scale(1.1);\r\n    }\r\n\r\n    \/* SVG \u56fe\u6807\u6837\u5f0f *\/\r\n    .icon-svg-content {\r\n        width: 100%;\r\n        height: 100%;\r\n        fill: var(--text-main);\r\n        \/* \u4f7f\u7528 filter \u521b\u5efa\u5f3a\u70c8\u7acb\u4f53\u6295\u5f71 *\/\r\n        filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.7));\r\n        transition: fill 0.3s;\r\n    }\r\n    .glass-item.active .icon-svg-content {\r\n        fill: var(--primary-cyan); \/* \u6fc0\u6d3b\u65f6\u53d8\u8272 *\/\r\n    }\r\n\r\n    \/* \u6807\u9898\u6587\u5b57 *\/\r\n    .header-text {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--text-main);\r\n        flex: 1;\r\n        transition: color 0.3s;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.4); \/* \u589e\u52a0\u6587\u5b57\u7acb\u4f53\u611f *\/\r\n    }\r\n    .glass-item.active .header-text {\r\n        color: var(--primary-cyan);\r\n    }\r\n\r\n    \/* --- \u5185\u5bb9\u533a\u57df\u52a8\u753b\u6838\u5fc3 --- *\/\r\n    .glass-content-wrapper {\r\n        max-height: 0;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        \/* \u4e1d\u6ed1\u7684\u8d1d\u585e\u5c14\u66f2\u7ebf *\/\r\n        transition: max-height 0.7s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.7s ease;\r\n    }\r\n    .glass-item.active .glass-content-wrapper {\r\n        opacity: 1;\r\n        \/* max-height \u7531JS\u52a8\u6001\u8bbe\u7f6e *\/\r\n    }\r\n\r\n    .content-inner {\r\n        padding: 0 30px 30px 87px; \/* \u5de6\u4fa7\u5bf9\u9f50\u56fe\u6807 *\/\r\n        color: var(--text-muted);\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        transform: translateY(20px);\r\n        transition: transform 0.7s ease-out;\r\n    }\r\n    .glass-item.active .content-inner {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* \u63d0\u793a\u6846\u6837\u5f0f *\/\r\n    .glass-note {\r\n        margin-top: 25px;\r\n        padding: 15px 20px;\r\n        \/* \u63d0\u793a\u6846\u4e5f\u91c7\u7528\u900f\u660e\u73bb\u7483\u98ce\u683c *\/\r\n        background: rgba(0, 210, 255, 0.08);\r\n        border-left: 3px solid var(--primary-cyan);\r\n        border-radius: 4px;\r\n        font-size: 14px;\r\n        color: #ffffff;\r\n    }\r\n    .glass-note strong { color: var(--primary-cyan); letter-spacing: 1px; }\r\n\r\n    \/* \u8fd4\u56de\u6309\u94ae *\/\r\n    .glass-close-btn {\r\n        margin-top: 25px;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        color: white;\r\n        padding: 8px 20px;\r\n        border-radius: 30px;\r\n        cursor: pointer;\r\n        font-size: 13px;\r\n        transition: all 0.3s ease;\r\n        display: inline-flex; align-items: center; gap: 8px;\r\n        backdrop-filter: blur(5px);\r\n    }\r\n    .glass-close-btn:hover {\r\n        background: var(--primary-cyan);\r\n        border-color: var(--primary-cyan);\r\n        color: #000;\r\n        box-shadow: 0 0 15px rgba(0, 210, 255, 0.6);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .content-inner { padding: 0 20px 30px 20px; }\r\n        .header-text { font-size: 16px; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"glass-accordion-wrapper\">\r\n    <h2 class=\"glass-main-title\">Wie l\u00e4uft die Leiterplattenherstellung ab?<\/h2>\r\n\r\n    <div class=\"glass-item\" id=\"item-1\">\r\n        <div class=\"glass-header\" onclick=\"toggleGlassStep('item-1')\">\r\n            <div class=\"icon-3d-container\">\r\n                <svg class=\"icon-svg-content\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6v-2zm0 4h2v2H6v-2zm4-4h2v2h-2v-2zm0 4h2v2h-2v-2zm4-4h2v2h-2v-2zm0 4h2v2h-2v-2z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"header-text\">Schritte 1: Bitte senden Sie uns Ihre ersten Spezifikationen.<\/div>\r\n        <\/div>\r\n        <div class=\"glass-content-wrapper\">\r\n            <div class=\"content-inner\">\r\n                <p>Der erste Schritt besteht darin, uns eine grobe Spezifikation Ihrer Leiterplatte mitzuteilen. Unser technisches Team pr\u00fcft die Angaben und erstellt f\u00fcr Sie ein unverbindliches Angebot mit Preis und Lieferzeit.<\/p>\r\n                \r\n                <div class=\"glass-note\">\r\n                    <strong>HINWEIS:<\/strong><br>\r\n                    Wenn Ihre Anforderungen noch nicht final definiert sind, unterst\u00fctzen wir Sie gerne bei der Materialwahl, Lagenaufbau und technischen Parametern.<br>\r\n                    Kontaktieren Sie uns einfach \u2013 wir beraten Sie individuell und unverbindlich.\r\n                <\/div>\r\n\r\n                <button class=\"glass-close-btn\" onclick=\"toggleGlassStep('item-1')\">\r\n                    <span>\u2715<\/span> Zuklappen\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"glass-item\" id=\"item-2\">\r\n        <div class=\"glass-header\" onclick=\"toggleGlassStep('item-2')\">\r\n             <div class=\"icon-3d-container\">\r\n                <svg class=\"icon-svg-content\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6v-2zm0 4h2v2H6v-2zm4-4h2v2h-2v-2zm0 4h2v2h-2v-2zm4-4h2v2h-2v-2zm0 4h2v2h-2v-2z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"header-text\">Schritte 2: Nach Bestellung: Senden Sie uns Ihre Design-Daten (Gerber-Dateien)<\/div>\r\n        <\/div>\r\n        <div class=\"glass-content-wrapper\">\r\n            <div class=\"content-inner\">\r\n                <p>Basierend auf Ihren Gerber-Daten \u00fcberpr\u00fcfen unsere Ingenieure das Layout gem\u00e4\u00df unseren Designrichtlinien und schlagen \u2013 falls erforderlich \u2013 Optimierungen vor, um eine stabile Produktion zu gew\u00e4hrleisten.<\/p>\r\n                \r\n                <div class=\"glass-note\">\r\n                    <strong>HINWEIS:<\/strong><br>\r\n                    Falls Sie das Layout-Design durch uns realisieren lassen m\u00f6chten, unterst\u00fctzen wir Sie dabei sehr gerne.<br>\r\n                    Sprechen Sie uns einfach an.\r\n                <\/div>\r\n\r\n                <button class=\"glass-close-btn\" onclick=\"toggleGlassStep('item-2')\">\r\n                    <span>\u2715<\/span> Zuklappen\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"glass-item\" id=\"item-3\">\r\n        <div class=\"glass-header\" onclick=\"toggleGlassStep('item-3')\">\r\n             <div class=\"icon-3d-container\">\r\n                <svg class=\"icon-svg-content\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6v-2zm0 4h2v2H6v-2zm4-4h2v2h-2v-2zm0 4h2v2h-2v-2zm4-4h2v2h-2v-2zm0 4h2v2h-2v-2z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"header-text\">Schritte 3: Nach Ihrer Freigabe beginnen wir mit der Fertigung<\/div>\r\n        <\/div>\r\n        <div class=\"glass-content-wrapper\">\r\n            <div class=\"content-inner\">\r\n                <p>Nach der Datenfreigabe starten wir die Produktion. W\u00e4hrend des gesamten Prozesses f\u00fchren wir regelm\u00e4\u00dfige Qualit\u00e4tskontrollen durch \u2013 einschlie\u00dflich elektrischer Tests, Sichtpr\u00fcfungen und Prozess\u00fcberwachungen \u2013 um die h\u00f6chste Zuverl\u00e4ssigkeit sicherzustellen.<\/p>\r\n                \r\n                <div class=\"glass-note\">\r\n                    <strong>HINWEIS:<\/strong><br>\r\n                    Prototypen werden auf denselben Anlagen wie Serienproduktionen gefertigt, damit alle Verbesserungen direkt in die Serienprodukte einflie\u00dfen k\u00f6nnen.\r\n                <\/div>\r\n\r\n                <button class=\"glass-close-btn\" onclick=\"toggleGlassStep('item-3')\">\r\n                    <span>\u2715<\/span> Zuklappen\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u4fdd\u6301\u4e0d\u53d8\u7684\u4e1d\u6ed1JS\u903b\u8f91\r\n    function toggleGlassStep(id) {\r\n        const clickedItem = document.getElementById(id);\r\n        const clickedContent = clickedItem.querySelector('.glass-content-wrapper');\r\n        const allItems = document.querySelectorAll('.glass-item');\r\n        const isOpen = clickedItem.classList.contains('active');\r\n\r\n        \/\/ \u5173\u95ed\u6240\u6709\u9879\r\n        allItems.forEach(item => {\r\n            item.classList.remove('active');\r\n            item.querySelector('.glass-content-wrapper').style.maxHeight = null;\r\n        });\r\n\r\n        \/\/ \u5982\u679c\u521a\u624d\u6ca1\u6253\u5f00\uff0c\u5219\u6253\u5f00\u5f53\u524d\u9879\r\n        if (!isOpen) {\r\n            clickedItem.classList.add('active');\r\n            \/\/ \u4f7f\u7528 scrollHeight \u83b7\u53d6\u7cbe\u786e\u9ad8\u5ea6\uff0c\u786e\u4fdd\u52a8\u753b\u4e1d\u6ed1\r\n            clickedContent.style.maxHeight = clickedContent.scrollHeight + \"px\";\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4ad713 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a4ad713\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5604a22 elementor-widget elementor-widget-html\" data-id=\"5604a22\" 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<style>\r\n    \/* --- \u5168\u5c40\u914d\u7f6e --- *\/\r\n    .monet-wrapper-container {\r\n        -webkit-font-smoothing: antialiased;\r\n        background-color: #EDF2F7; \r\n        padding: 40px 20px; \r\n        min-height: 100vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    :root {\r\n        --bg-gradient-start: #DDE7F0;\r\n        --bg-gradient-end: #C8D9E8;   \r\n        --text-default: #3A4C5D;\r\n        --text-active: #FFFFFF;  \r\n        --color-main: #2C5E7A;\r\n        --color-accent: #68B2D0;  \r\n        --shadow-main: 0 40px 100px rgba(44, 94, 122, 0.2); \r\n        --shadow-img-3d: -30px 50px 90px rgba(10, 25, 40, 0.5); \r\n    }\r\n\r\n    \/* 1. \u4e3b\u5bb9\u5668 *\/\r\n    .monet-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1700px;\r\n        min-height: 780px; \r\n        margin: 0 auto;\r\n        border-radius: 45px; \r\n        background: linear-gradient(145deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%); \r\n        box-shadow: var(--shadow-main);\r\n        display: flex;\r\n        transform-style: preserve-3d;\r\n        z-index: 1;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* \u80cc\u666f\u5149\u6591 *\/\r\n    .monet-wrapper::before,\r\n    .monet-wrapper::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 800px;\r\n        height: 800px;\r\n        border-radius: 50%;\r\n        filter: blur(100px);\r\n        z-index: 0;\r\n        opacity: 0.4;\r\n        animation: floatOrb 18s infinite alternate ease-in-out;\r\n    }\r\n\r\n    .monet-wrapper::before { background: #E0F7FF; top: -20%; left: -10%; }\r\n    .monet-wrapper::after { background: #CFE8F9; bottom: -20%; right: -10%; animation-delay: -9s; }\r\n\r\n    \/* --- 2. \u5de6\u4fa7\u83dc\u5355 --- *\/\r\n    .col-left {\r\n        flex: 0 0 22%;\r\n        padding: 60px 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        background: rgba(255, 255, 255, 0.85);\r\n        backdrop-filter: blur(10px);\r\n        z-index: 10;\r\n        border-radius: 45px 0 0 45px;\r\n        position: relative;\r\n        overflow-y: auto;\r\n        max-height: 780px;\r\n    }\r\n\r\n    .col-left::-webkit-scrollbar { display: none; }\r\n\r\n    .nav-item {\r\n        padding: 18px 30px;\r\n        margin-bottom: 10px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: var(--text-default);\r\n        cursor: pointer;\r\n        border-radius: 100px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        background: transparent;\r\n        border: none;\r\n        line-height: 1.4;\r\n        white-space: normal;\r\n        word-wrap: break-word;\r\n        text-align: left;\r\n    }\r\n\r\n    .nav-item:hover { color: var(--color-main); background: #F0F4F8; transform: translateX(5px); }\r\n    .nav-item.active {\r\n        background: var(--color-main);\r\n        color: var(--text-active);\r\n        box-shadow: 0 8px 25px rgba(44, 94, 122, 0.25);\r\n        padding-left: 45px;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .nav-item.active::before {\r\n        content: ''; position: absolute; top: 50%; transform: translateY(-50%);\r\n        left: 20px; width: 6px; height: 6px; background: var(--color-accent); border-radius: 50%;\r\n        box-shadow: 0 0 8px var(--color-accent);\r\n    }\r\n\r\n    \/* --- 3. \u4e2d\u95f4\u56fe\u7247 --- *\/\r\n    .col-center {\r\n        flex: 1.8;\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        perspective: 1200px;\r\n        z-index: 5;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .image-container {\r\n        width: 100%; height: 100%;\r\n        display: flex; justify-content: center; align-items: center;\r\n        animation: floatImage 8s ease-in-out infinite;\r\n        transform-style: preserve-3d;\r\n    }\r\n\r\n    .display-img {\r\n        width: 100%; max-width: 100%; height: auto; max-height: 620px;\r\n        display: block; object-fit: contain; border-radius: 20px;\r\n        opacity: 0; transform: rotateY(10deg) scale(0.8);\r\n        transition: opacity 0.6s ease-out, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.8s ease;\r\n        will-change: transform, opacity;\r\n        backface-visibility: hidden;\r\n    }\r\n\r\n    \/* \u2605 \u6838\u5fc3\uff1a\u8ba9 IC \u7167\u7247\u663e\u8457\u7f29\u5c0f\u7684\u7c7b \u2605 *\/\r\n    .display-img.ic-scaling {\r\n        max-width: 45% !important; \/* \u4ece 75% \u964d\u5230 45% *\/\r\n        max-height: 400px !important;\r\n    }\r\n\r\n    .display-img.view-active {\r\n        opacity: 1;\r\n        transform: rotateY(-25deg) rotateX(8deg) scale(1.12);\r\n        box-shadow: var(--shadow-img-3d);\r\n    }\r\n\r\n    \/* IC \u6fc0\u6d3b\u72b6\u6001\u4e0b\u7684\u7f29\u653e\uff1a\u964d\u5230 0.9\uff0c\u4e0d\u518d\u51b2\u5230\u6700\u524d\u9762 *\/\r\n    .display-img.ic-scaling.view-active {\r\n        transform: rotateY(-25deg) rotateX(8deg) scale(0.9) !important;\r\n    }\r\n\r\n    .display-img.hidden { opacity: 0; transform: scale(0.96) rotateY(0deg); transition: all 0.2s ease; }\r\n\r\n    \/* --- 4. \u53f3\u4fa7\u8868\u683c --- *\/\r\n    .col-right {\r\n        flex: 0 0 30%; min-width: 420px; padding: 50px;\r\n        display: flex; align-items: center; z-index: 10;\r\n        border-radius: 0 45px 45px 0; position: relative;\r\n    }\r\n\r\n    .glass-form {\r\n        width: 100%; padding: 40px; background: #FFFFFF; border-radius: 35px;\r\n        box-shadow: 0 20px 50px rgba(30, 60, 80, 0.12); border: 1px solid #E5E9EE;\r\n        transition: all 0.3s ease; position: relative; overflow: hidden;\r\n    }\r\n\r\n    .glass-form:hover { transform: translateY(-5px); box-shadow: 0 30px 70px rgba(30, 60, 80, 0.18); }\r\n\r\n    .form-header h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #8899A6; margin: 0; }\r\n    .form-header h2 {\r\n        font-size: 24px; color: var(--text-default); margin: 8px 0 25px 0;\r\n        line-height: 1.3; min-height: 60px; display: flex; align-items: center; word-break: break-word;\r\n    }\r\n\r\n    .input-box {\r\n        width: 100%; padding: 16px 20px; margin-bottom: 15px; font-size: 15px;\r\n        border: 2px solid #F0F4F8; background: #F9FAFC; border-radius: 12px;\r\n        color: var(--text-default); outline: none; transition: border-color 0.3s; box-sizing: border-box;\r\n    }\r\n\r\n    .input-box:focus { border-color: var(--color-accent); background: #FFF; }\r\n    .input-box.error-border { border-color: #ff4d4f; background: #fff1f0; }\r\n\r\n    .file-upload {\r\n        display: block; padding: 16px; margin-bottom: 20px; border: 2px dashed #CFD9E0;\r\n        border-radius: 12px; font-size: 14px; color: #667788; text-align: center; cursor: pointer; transition: all 0.3s;\r\n    }\r\n\r\n    .file-upload:hover { background: #F0F4F8; border-color: var(--color-accent); color: var(--color-main); }\r\n\r\n    .submit-btn {\r\n        width: 100%; padding: 18px; font-size: 16px; font-weight: 600; color: #FFF;\r\n        background: var(--color-main); border: none; border-radius: 12px; cursor: pointer;\r\n        box-shadow: 0 10px 20px rgba(44, 94, 122, 0.2); transition: all 0.3s;\r\n        display: flex; justify-content: center; align-items: center; gap: 10px;\r\n    }\r\n\r\n    .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(44, 94, 122, 0.3); background: #356B8A; }\r\n\r\n    .submit-btn:disabled { background: #ccc; cursor: not-allowed; transform: none; box-shadow: none; }\r\n\r\n    .form-message {\r\n        display: none; text-align: center; padding: 15px; border-radius: 12px;\r\n        margin-top: 15px; font-weight: 600; font-size: 14px; animation: fadeIn 0.5s;\r\n    }\r\n\r\n    .form-message.success { background: #E8F5E9; color: #2E7D32; border: 1px solid #C8E6C9; display: block; }\r\n    .form-message.error { background: #FFEBEE; color: #C62828; border: 1px solid #FFCDD2; display: block; }\r\n\r\n    #translation-strings { display: none; }\r\n\r\n    @keyframes floatImage { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }\r\n    @keyframes floatOrb { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(60px, -60px); } }\r\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n    .spinner {\r\n        border: 3px solid rgba(255,255,255,0.3); border-top: 3px solid #fff; border-radius: 50%;\r\n        width: 20px; height: 20px; animation: spin 1s linear infinite; display: none;\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        .monet-wrapper { flex-direction: column; min-height: auto; padding-bottom: 30px; border-radius: 30px; max-width: 95%; overflow: hidden; }\r\n        .col-left { flex-direction: row; overflow-x: auto; padding: 20px; border-radius: 30px 30px 0 0; width: 100%; flex: none; z-index: 2; max-height: none; }\r\n        .nav-item { margin: 0 8px; white-space: normal; padding: 12px 18px; font-size: 14px; text-align: center; }\r\n        .col-center { min-height: 350px; padding: 20px; flex: none; z-index: 1; }\r\n        .display-img.view-active { transform: none !important; opacity: 1 !important; width: 100%; max-width: 400px; scale: 1; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }\r\n        .col-right { padding: 20px; width: 100%; min-width: auto; border-radius: 0 0 30px 30px; flex: none; z-index: 2; }\r\n        .glass-form { padding: 25px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"translation-strings\">\r\n    <span id=\"trans-file-default\">\ud83d\udcc2 Datei hochladen (Gerber)<\/span>\r\n    <span id=\"trans-file-success\">\u2705 Datei ausgew\u00e4hlt: <\/span>\r\n    <span id=\"trans-btn-default\">Angebot anfordern<\/span>\r\n    <span id=\"trans-btn-sending\">Senden...<\/span>\r\n    <span id=\"trans-msg-success\">\u2705 Vielen Dank! Wir haben Ihre Anfrage erhalten.<\/span>\r\n    <span id=\"trans-msg-error\">\u274c Bitte f\u00fcllen Sie alle Pflichtfelder aus.<\/span> \r\n    <span id=\"trans-msg-network\">\u274c Netzwerkfehler. Bitte \u00fcberpr\u00fcfen Sie Ihre Verbindung.<\/span>\r\n<\/div>\r\n\r\n<div class=\"monet-wrapper-container\">\r\n<div class=\"monet-wrapper\">\r\n    <div class=\"col-left\">\r\n        <div class=\"nav-item active\" onclick=\"updateContent(this, 'Standard & Multilayer', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png')\">Standard & Multilayer<\/div>\r\n        <div class=\"nav-item\" onclick=\"updateContent(this, 'HDI Leiterplatten', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/HDI.png')\">HDI Leiterplatten<\/div>\r\n        <div class=\"nav-item\" onclick=\"updateContent(this, 'Hochfrequenz-Leiterplatten', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/hochfrequanz-scaled-e1773689308464.png')\">Hochfrequenz-Leiterplatten<\/div>\r\n        <div class=\"nav-item\" onclick=\"updateContent(this, 'Metallkern-Leiterplatten (IMS)', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/IMS-scaled-e1773689375506.png')\">Metallkern-Leiterplatten (IMS)<\/div>\r\n        <div class=\"nav-item\" onclick=\"updateContent(this, 'Flex- & Starrflex-Leiterplatten', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/Flex.png')\">Flex- & Starrflex-Leiterplatten<\/div>\r\n        <div class=\"nav-item\" onclick=\"updateContent(this, 'IC-Substrat', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/ic.png')\">IC-Substrat<\/div>\r\n        <div class=\"nav-item\" onclick=\"updateContent(this, 'Prototypen & Kleinserien', 'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/prototye.png')\">Prototypen & Kleinserien<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"col-center\">\r\n        <div class=\"image-container\">\r\n            <img id=\"productImg\" src=\"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png\" class=\"display-img\" alt=\"PCB Board\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" title=\"PCB Manufacturer for HDI, Flex &amp; Metal Core PCBs\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"col-right\">\r\n        <div class=\"glass-form\">\r\n            <div class=\"form-header\">\r\n                <h3>Anfrage f\u00fcr<\/h3>\r\n                <h2 id=\"productTitle\">Standard & Multilayer<\/h2>\r\n            <\/div>\r\n            \r\n            <form id=\"contactForm\" action=\"https:\/\/formsubmit.co\/office@logistictronic.com\" method=\"POST\" enctype=\"multipart\/form-data\" novalidate>\r\n                <input type=\"hidden\" id=\"hiddenInput\" name=\"Product\" value=\"Standard & Multilayer\">\r\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\"><input type=\"hidden\" name=\"_template\" value=\"table\">\r\n                <input type=\"hidden\" name=\"_subject\" value=\"Neue Anfrage von Webseite (Monet Showcase)\">\r\n                <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n                <input type=\"text\" name=\"Name\" class=\"input-box\" placeholder=\"Ihr Name\" required>\r\n                <input type=\"email\" name=\"Email\" class=\"input-box\" placeholder=\"Ihre E-mail-adresse\" required>\r\n                <textarea name=\"Details\" class=\"input-box\" rows=\"3\" placeholder=\"Detaillierte Beschreibung...\"><\/textarea>\r\n                <label class=\"file-upload\">\r\n                    <span id=\"fileName\">\ud83d\udcc2 Datei hochladen (Gerber)<\/span>\r\n                    <input type=\"file\" name=\"attachment\" style=\"display:none\" onchange=\"updateFile(this)\">\r\n                <\/label>\r\n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n                    <span class=\"btn-text\">Angebot anfordern<\/span><div class=\"spinner\"><\/div>\r\n                <\/button>\r\n            <\/form>\r\n            <div id=\"formStatus\" class=\"form-message\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction getTrans(id) { return document.getElementById(id).innerText; }\r\n\r\nconst imageCache = {};\r\nconst preloadUrls = [\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png',\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/HDI.png',\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/hochfrequanz-scaled-e1773689308464.png',\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/IMS-scaled-e1773689375506.png',\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/Flex.png',\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/ic.png',\r\n    'https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/prototye.png'\r\n];\r\n\r\nfunction preloadImage(url) {\r\n    if (imageCache[url]) return Promise.resolve(imageCache[url]);\r\n    return new Promise((resolve, reject) => {\r\n        const img = new Image(); img.src = url;\r\n        img.onload = () => { imageCache[url] = img; resolve(img); };\r\n        img.onerror = reject;\r\n    });\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const img = document.getElementById('productImg');\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                setTimeout(() => { img.classList.add('view-active'); }, 100);\r\n                observer.unobserve(img);\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n    observer.observe(img);\r\n    preloadUrls.forEach(url => { preloadImage(url).catch(() => {}); });\r\n});\r\n\r\nfunction updateContent(el, title, imgUrl) {\r\n    document.querySelectorAll('.nav-item').forEach(item => item.classList.remove('active'));\r\n    el.classList.add('active');\r\n\r\n    const img = document.getElementById('productImg');\r\n    const titleEl = document.getElementById('productTitle');\r\n    const inputEl = document.getElementById('hiddenInput');\r\n\r\n    img.classList.add('hidden');\r\n    img.classList.remove('view-active');\r\n    \r\n    \/\/ \u4e13\u95e8\u9488\u5bf9 IC-Substrat \u7684\u7f29\u5c0f\u5224\u65ad\r\n    if (title === 'IC-Substrat') { img.classList.add('ic-scaling'); } \r\n    else { img.classList.remove('ic-scaling'); }\r\n\r\n    titleEl.style.opacity = 0;\r\n\r\n    const applyImage = () => {\r\n        img.src = imgUrl;\r\n        img.decode?.().catch(() => {}).finally(() => {\r\n            img.classList.remove('hidden');\r\n            void img.offsetWidth;\r\n            img.classList.add('view-active');\r\n        });\r\n    };\r\n\r\n    setTimeout(() => {\r\n        if (imageCache[imgUrl]) { applyImage(); } \r\n        else { preloadImage(imgUrl).then(() => applyImage()).catch(() => applyImage()); }\r\n        titleEl.innerText = title;\r\n        inputEl.value = title;\r\n        setTimeout(() => { titleEl.style.opacity = 1; titleEl.style.transition = 'opacity 0.35s ease'; }, 50);\r\n    }, 120);\r\n}\r\n\r\nfunction updateFile(input) {\r\n    const span = document.getElementById('fileName');\r\n    if (input.files && input.files.length > 0) {\r\n        span.innerText = getTrans('trans-file-success') + input.files[0].name;\r\n        span.style.color = \"#2C5E7A\"; span.style.fontWeight = \"bold\";\r\n    } else {\r\n        span.innerText = getTrans('trans-file-default'); span.style.color = \"#667788\";\r\n    }\r\n}\r\n\r\nvar form = document.getElementById(\"contactForm\");\r\nvar statusDiv = document.getElementById(\"formStatus\");\r\nvar btn = document.getElementById(\"submitBtn\");\r\nvar btnText = btn.querySelector(\".btn-text\");\r\nvar spinner = btn.querySelector(\".spinner\");\r\n\r\nasync function handleSubmit(event) {\r\n    event.preventDefault();\r\n    let isValid = true;\r\n    const inputs = form.querySelectorAll('input[required]');\r\n    inputs.forEach(input => {\r\n        input.classList.remove('error-border');\r\n        if (!input.value.trim()) { isValid = false; input.classList.add('error-border'); }\r\n    });\r\n    if (!isValid) {\r\n        statusDiv.innerHTML = getTrans('trans-msg-error');\r\n        statusDiv.className = \"form-message error\"; statusDiv.style.display = \"block\";\r\n        return;\r\n    }\r\n    var data = new FormData(event.target);\r\n    btn.disabled = true; btnText.innerText = getTrans('trans-btn-sending');\r\n    spinner.style.display = \"block\"; statusDiv.style.display = \"none\";\r\n    fetch(form.action, {\r\n        method: \"POST\", body: data, headers: { 'Accept': 'application\/json' }\r\n    }).then(response => {\r\n        if (response.ok) {\r\n            statusDiv.innerHTML = getTrans('trans-msg-success');\r\n            statusDiv.className = \"form-message success\"; form.reset();\r\n            document.getElementById('fileName').innerText = getTrans('trans-file-default');\r\n        } else {\r\n            statusDiv.innerHTML = \"Fehler beim Senden.\"; statusDiv.className = \"form-message error\";\r\n        }\r\n        statusDiv.style.display = \"block\";\r\n    }).catch(error => {\r\n        statusDiv.innerHTML = getTrans('trans-msg-network');\r\n        statusDiv.className = \"form-message error\"; statusDiv.style.display = \"block\";\r\n    }).finally(() => {\r\n        btn.disabled = false; btnText.innerText = getTrans('trans-btn-default'); spinner.style.display = \"none\";\r\n    });\r\n}\r\nform.addEventListener(\"submit\", handleSubmit);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e611f8d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e611f8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7038d3 elementor-widget elementor-widget-html\" data-id=\"b7038d3\" 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<style>\r\n\/* --- 0. \u5168\u5c40\u914d\u7f6e\u4e0e\u80cc\u666f --- *\/\r\n:root {\r\n    --apple-content-max: 1400px;\r\n    --apple-blue: #0071e3;\r\n    --text-main: #1d1d1f;\r\n    --text-sec: #0066cc; \r\n    --bg-page: #EDF2F7; \r\n}\r\n\r\n.apple-full-screen-wrapper {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    overflow: visible;\r\n    padding: 80px 0;\r\n    background: var(--bg-page);\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.showcase-header {\r\n    max-width: var(--apple-content-max);\r\n    margin: 0 auto 60px auto;\r\n    padding: 0 20px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.showcase-header h2 {\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    color: var(--text-main);\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n.showcase-header h2 span {\r\n    background: linear-gradient(90deg, #0071e3, #9b51e0, #ff2d55);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.showcase-header p {\r\n    font-size: 20px;\r\n    color: #64748b;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    line-height: 1.5;\r\n}\r\n\r\n.split-content {\r\n    max-width: var(--apple-content-max);\r\n    margin: 0 auto;\r\n    display: flex;\r\n    gap: 60px;\r\n    padding: 0 20px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.scroll-viewport {\r\n    flex: 1.3;\r\n    height: 750px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);\r\n    z-index: 5;\r\n}\r\n\r\n.list-track {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    padding: 20px 10px;\r\n    animation: smooth-scroll-up 50s linear infinite;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.scroll-viewport:hover .list-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n@keyframes smooth-scroll-up {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-50%); }\r\n}\r\n\r\n.quote-card {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 0;\r\n    border: none;\r\n    background: transparent;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    position: relative;\r\n    border-radius: 24px;\r\n    z-index: 9999;\r\n    pointer-events: auto !important;\r\n    appearance: none;\r\n}\r\n\r\n.quote-card * {\r\n    pointer-events: none;\r\n}\r\n\r\n.card-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 85%;\r\n    height: 85%;\r\n    border-radius: 30px;\r\n    filter: blur(35px);\r\n    opacity: 0.35;\r\n    z-index: 0;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.quote-card:hover .card-glow {\r\n    opacity: 0.7;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.glow-std { background: #0071e3; }\r\n.glow-hdi { background: #34C759; }\r\n.glow-hf { background: #AF52DE; }\r\n.glow-ims { background: #FF9500; }\r\n.glow-smart { background: #5AC8FA; }\r\n.glow-ceramic { background: #FF3B30; }\r\n\r\n.vertical-card {\r\n    position: relative;\r\n    z-index: 1;\r\n    background: radial-gradient(circle at right center, rgba(238, 246, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 80%);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,0.9);\r\n    border-radius: 24px;\r\n    padding: 25px 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 25px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.quote-card:hover .vertical-card {\r\n    transform: translateX(12px) scale(1.02);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n.item-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    flex-shrink: 0;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--text-main);\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.quote-card:hover .item-icon {\r\n    background: var(--apple-blue);\r\n    color: #fff;\r\n}\r\n\r\n.item-info {\r\n    flex: 1;\r\n}\r\n\r\n.item-info h3 {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0 0 4px 0;\r\n    background: linear-gradient(135deg, #1d1d1f 0%, #434343 50%, #1d1d1f 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.item-info p {\r\n    font-size: 13.5px;\r\n    margin: 0;\r\n    color: var(--text-sec);\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n}\r\n\r\n.card-action-btn-visual {\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--apple-blue);\r\n    background: #ffffff;\r\n    border: 1.5px solid #d1e4ff;\r\n    padding: 10px 18px;\r\n    border-radius: 100px;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    box-shadow: 0 2px 8px rgba(0,113,227,0.1);\r\n}\r\n\r\n.quote-card:hover .card-action-btn-visual {\r\n    background: var(--apple-blue);\r\n    color: #fff;\r\n    border-color: var(--apple-blue);\r\n    box-shadow: 0 6px 16px rgba(0,113,227,0.4);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.sticky-column {\r\n    flex: 1;\r\n    position: sticky;\r\n    top: 60px;\r\n    height: fit-content;\r\n    z-index: 2;\r\n}\r\n\r\n.sample-hero-container {\r\n    width: 100%;\r\n    position: relative;\r\n    mix-blend-mode: darken;\r\n}\r\n\r\n.sample-hero-container img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    transform: perspective(1000px) rotateY(-5deg);\r\n}\r\n\r\n.sample-note {\r\n    margin-top: 25px;\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    text-align: center;\r\n    font-style: italic;\r\n}\r\n\r\n.modal-overlay {\r\n    position: fixed !important;\r\n    inset: 0 !important;\r\n    background: rgba(15,23,42,0.6) !important;\r\n    backdrop-filter: blur(8px);\r\n    z-index: 2147483647 !important;\r\n    display: none !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n    transition: opacity 0.3s ease !important;\r\n}\r\n\r\n.modal-overlay.active {\r\n    display: flex !important;\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n}\r\n\r\n.modal-box {\r\n    background: #fff;\r\n    width: 90%;\r\n    max-width: 500px;\r\n    border-radius: 30px;\r\n    padding: 40px;\r\n    position: relative;\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.2);\r\n    transform: scale(0.95);\r\n    transition: transform 0.3s ease;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n}\r\n\r\n.modal-overlay.active .modal-box {\r\n    transform: scale(1);\r\n}\r\n\r\n.close-modal {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n    color: #94A3B8;\r\n    transition: 0.3s;\r\n    border: none;\r\n    background: none;\r\n}\r\n\r\n.close-modal:hover {\r\n    color: #1d1d1f;\r\n}\r\n\r\n.form-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    margin-bottom: 25px;\r\n    color: #1d1d1f;\r\n}\r\n\r\n.form-input {\r\n    width: 100%;\r\n    padding: 15px;\r\n    margin-bottom: 15px;\r\n    border-radius: 12px;\r\n    border: 1px solid #e2e8f0;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    color: #1d1d1f;\r\n    background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.form-input:focus {\r\n    border-color: var(--apple-blue);\r\n    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);\r\n    box-shadow: 0 0 0 4px rgba(0,113,227,0.1);\r\n}\r\n\r\nselect.form-input {\r\n    cursor: pointer;\r\n    appearance: none;\r\n    background-image: url('data:image\/svg+xml;utf8,<svg fill=\"%2364748b\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>');\r\n    background-repeat: no-repeat;\r\n    background-position-x: 95%;\r\n    background-position-y: center;\r\n}\r\n\r\ninput[type=\"file\"].form-input {\r\n    padding: 12px 15px;\r\n    cursor: pointer;\r\n    background: #fff;\r\n}\r\n\r\n.form-submit {\r\n    width: 100%;\r\n    padding: 18px;\r\n    background: var(--apple-blue);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.form-submit:hover {\r\n    background: #005bb5;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 15px rgba(0,113,227,0.25);\r\n}\r\n\r\n.form-submit:disabled {\r\n    background: #94A3B8;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.form-status-msg {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 30px 0 10px 0;\r\n}\r\n\r\n.status-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    background: #DCFCE7;\r\n    color: #16A34A;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 15px auto;\r\n}\r\n\r\n.spinner {\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-top: 3px solid #fff;\r\n    border-radius: 50%;\r\n    width: 18px;\r\n    height: 18px;\r\n    animation: spin 1s linear infinite;\r\n    display: none;\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .split-content {\r\n        flex-direction: column-reverse;\r\n    }\r\n\r\n    .scroll-viewport {\r\n        height: auto;\r\n        mask-image: none;\r\n        -webkit-mask-image: none;\r\n        overflow: visible;\r\n    }\r\n\r\n    .list-track {\r\n        animation: none;\r\n        transform: none !important;\r\n    }\r\n\r\n    .sticky-column {\r\n        position: static;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"apple-full-screen-wrapper\">\r\n    <div class=\"showcase-header\">\r\n        <h2>Umfangreiches <span>Projekt-Portfolio.<\/span><\/h2>\r\n        <p>Erfolgreiche Realisierungen f\u00fcr globale Technologief\u00fchrer. Jedes Muster steht f\u00fcr unsere Fertigungskompetenz und unser tiefgreifendes Engineering-Know-how.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"split-content\">\r\n        <div class=\"scroll-viewport\">\r\n            <div class=\"list-track\">\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Mehrlagen & Standard\">\r\n                    <div class=\"card-glow glow-std\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Mehrlagen & Standard<\/h3>\r\n                            <p>Ein-\/doppelseitige & FR-4 Multilayer. Kosteneffizient f\u00fcr allgemeine, universelle Industrie-Anwendungen.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"HDI Technologie\">\r\n                    <div class=\"card-glow glow-hdi\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 20v-4M11 20v-4M15 20v-4\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>HDI Leiterplatten (Kern)<\/h3>\r\n                            <p>Hochdichte Verbindungen, Blind- & Buried-Vias, Fine-Line-Routing f\u00fcr maximale Integrationsdichte.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Speichermodul-PCB\">\r\n                    <div class=\"card-glow glow-smart\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\/><path d=\"M6 17v.01M10 17v.01M14 17v.01M18 17v.01\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Speichermodul-PCB<\/h3>\r\n                            <p>8-, 10- und 12-lagige durchkontaktierte Leiterplatten mit ENIG-Oberfl\u00e4che und Goldfingern.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Switch-Produkt\">\r\n                    <div class=\"card-glow glow-std\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"14\" width=\"8\" height=\"8\" rx=\"2\"\/><rect x=\"14\" y=\"14\" width=\"8\" height=\"8\" rx=\"2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"8\" rx=\"2\"\/><path d=\"M6 14L12 10M18 14L12 10\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Switch-Produkt<\/h3>\r\n                            <p>FR4 TG170 Industriematerial mit ENIG-Oberfl\u00e4che und zus\u00e4tzlicher, robuster Hartvergoldung.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"BGA Flashspeicher\">\r\n                    <div class=\"card-glow glow-ims\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8\" cy=\"8\" r=\"1\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"16\" cy=\"16\" r=\"1\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>BGA Tr\u00e4gerboards<\/h3>\r\n                            <p>Zweilagiges Tr\u00e4gerboard f\u00fcr BGA-Flashspeicher, optimiert f\u00fcr schnellen und sicheren Datentransfer.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Spezialleiterplatten\">\r\n                    <div class=\"card-glow glow-hf\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v18M7 5v14M17 5v14\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Spezial (HF, Kupfer, IMS)<\/h3>\r\n                            <p>Hochfrequenz- & High-Speed-Designs, Heavy Copper und Metallkern-Platinen (IMS) f\u00fcr Power-Ger\u00e4te.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Prototypen Express\">\r\n                    <div class=\"card-glow glow-ceramic\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l-8 4v12l8 4 8-4V6l-8-4z\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Prototypen Express<\/h3>\r\n                            <p>Schnelle und zuverl\u00e4ssige Prototypenfertigung ab 48 Stunden f\u00fcr Ihre kritischen Entwicklungsprojekte.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Mehrlagen & Standard\">\r\n                    <div class=\"card-glow glow-std\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Mehrlagen & Standard<\/h3>\r\n                            <p>Ein-\/doppelseitige & FR-4 Multilayer. Kosteneffizient f\u00fcr allgemeine, universelle Industrie-Anwendungen.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"HDI Technologie\">\r\n                    <div class=\"card-glow glow-hdi\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 20v-4M11 20v-4M15 20v-4\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>HDI Leiterplatten (Kern)<\/h3>\r\n                            <p>Hochdichte Verbindungen, Blind- & Buried-Vias, Fine-Line-Routing f\u00fcr maximale Integrationsdichte.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Speichermodul-PCB\">\r\n                    <div class=\"card-glow glow-smart\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\/><path d=\"M6 17v.01M10 17v.01M14 17v.01M18 17v.01\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Speichermodul-PCB<\/h3>\r\n                            <p>8-, 10- und 12-lagige durchkontaktierte Leiterplatten mit ENIG-Oberfl\u00e4che und Goldfingern.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Switch-Produkt\">\r\n                    <div class=\"card-glow glow-std\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"14\" width=\"8\" height=\"8\" rx=\"2\"\/><rect x=\"14\" y=\"14\" width=\"8\" height=\"8\" rx=\"2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"8\" rx=\"2\"\/><path d=\"M6 14L12 10M18 14L12 10\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Switch-Produkt<\/h3>\r\n                            <p>FR4 TG170 Industriematerial mit ENIG-Oberfl\u00e4che und zus\u00e4tzlicher, robuster Hartvergoldung.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"BGA Flashspeicher\">\r\n                    <div class=\"card-glow glow-ims\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8\" cy=\"8\" r=\"1\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"16\" cy=\"16\" r=\"1\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>BGA Tr\u00e4gerboards<\/h3>\r\n                            <p>Zweilagiges Tr\u00e4gerboard f\u00fcr BGA-Flashspeicher, optimiert f\u00fcr schnellen und sicheren Datentransfer.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Spezialleiterplatten\">\r\n                    <div class=\"card-glow glow-hf\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v18M7 5v14M17 5v14\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Spezial (HF, Kupfer, IMS)<\/h3>\r\n                            <p>Hochfrequenz- & High-Speed-Designs, Heavy Copper und Metallkern-Platinen (IMS) f\u00fcr Power-Ger\u00e4te.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"quote-card\" type=\"button\" data-product=\"Prototypen Express\">\r\n                    <div class=\"card-glow glow-ceramic\"><\/div>\r\n                    <div class=\"vertical-card\">\r\n                        <div class=\"item-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l-8 4v12l8 4 8-4V6l-8-4z\"\/><\/svg><\/div>\r\n                        <div class=\"item-info\">\r\n                            <h3>Prototypen Express<\/h3>\r\n                            <p>Schnelle und zuverl\u00e4ssige Prototypenfertigung ab 48 Stunden f\u00fcr Ihre kritischen Entwicklungsprojekte.<\/p>\r\n                        <\/div>\r\n                        <div class=\"card-action-btn-visual\">\u00c4hnliche Produkte anfragen<\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sticky-column\">\r\n            <div class=\"sample-hero-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/Simple1.png\" alt=\"PCB Engineering Sample\" title=\"PCB Manufacturer for HDI, Flex &amp; Metal Core PCBs\">\r\n                <p class=\"sample-note\">Hinweis: Abbildung dient zur Veranschaulichung technischer Merkmale.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"modal-overlay\" id=\"quoteModal\">\r\n    <div class=\"modal-box\">\r\n        <button class=\"close-modal\" type=\"button\" id=\"closeQuoteModalBtn\">&times;<\/button>\r\n\r\n        <div id=\"formBody\">\r\n            <h3 class=\"form-title\" id=\"modalTitle\">Projektanfrage<\/h3>\r\n            <form id=\"ajaxForm\" action=\"https:\/\/formsubmit.co\/office@logistictronic.com\" method=\"POST\" enctype=\"multipart\/form-data\">\r\n                <input type=\"hidden\" name=\"Betreff\" id=\"hiddenSubject\">\r\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n                <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n                <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n\r\n                <input type=\"text\" name=\"Name\" class=\"form-input\" placeholder=\"Ihr Name\" required>\r\n                <input type=\"email\" name=\"Email\" class=\"form-input\" placeholder=\"Ihre E-Mail-Adresse\" required>\r\n\r\n                <select name=\"Gerber_Status\" class=\"form-input\" required>\r\n                    <option value=\"\" disabled selected>Gerber-Daten Status w\u00e4hlen...<\/option>\r\n                    <option value=\"Vorhanden\">Gerber-Daten vorhanden (Bitte unten hochladen)<\/option>\r\n                    <option value=\"Nicht vorhanden\">Noch keine Gerber-Daten \/ In Entwicklung<\/option>\r\n                <\/select>\r\n\r\n                <input type=\"file\" name=\"Gerber_Datei\" class=\"form-input\" accept=\".zip,.rar,.7z,.pdf,.brd,.gbr\" title=\"Gerber-Daten hochladen\">\r\n\r\n                <textarea name=\"Nachricht\" class=\"form-input\" rows=\"4\" placeholder=\"Technische Details zum Projekt...\" required><\/textarea>\r\n\r\n                <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">\r\n                    <span id=\"btnText\">Anfrage absenden<\/span>\r\n                    <div class=\"spinner\" id=\"spinner\"><\/div>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"form-status-msg\" id=\"successMsg\">\r\n            <div class=\"status-icon\">\r\n                <svg width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <h3 style=\"font-size: 22px; color: #1d1d1f; margin-bottom: 10px;\">Vielen Dank!<\/h3>\r\n            <p style=\"color: #64748b; font-size: 15px; margin: 0;\">Ihre Anfrage wurde erfolgreich \u00fcbermittelt. Wir melden uns umgehend bei Ihnen.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    if (window.ltQuoteModalBound) return;\r\n    window.ltQuoteModalBound = true;\r\n\r\n    function initModal() {\r\n        var modal = document.getElementById(\"quoteModal\");\r\n        var modalTitle = document.getElementById(\"modalTitle\");\r\n        var hiddenSubject = document.getElementById(\"hiddenSubject\");\r\n        var closeBtn = document.getElementById(\"closeQuoteModalBtn\");\r\n        var cards = document.querySelectorAll(\".quote-card\");\r\n        var form = document.getElementById(\"ajaxForm\");\r\n        var formBody = document.getElementById(\"formBody\");\r\n        var successMsg = document.getElementById(\"successMsg\");\r\n        var btn = document.getElementById(\"submitBtn\");\r\n        var btnText = document.getElementById(\"btnText\");\r\n        var spinner = document.getElementById(\"spinner\");\r\n\r\n        if (!modal || !modalTitle || !hiddenSubject || !cards.length) return;\r\n\r\n        function openModal(productName) {\r\n            modalTitle.textContent = \"Anfrage: \" + productName;\r\n            hiddenSubject.value = \"Inquiry for similar \" + productName;\r\n\r\n            if (form) form.reset();\r\n            if (formBody) formBody.style.display = \"block\";\r\n            if (successMsg) successMsg.style.display = \"none\";\r\n\r\n            modal.style.display = \"flex\";\r\n            modal.style.opacity = \"1\";\r\n            modal.style.visibility = \"visible\";\r\n            modal.classList.add(\"active\");\r\n        }\r\n\r\n        function closeModal() {\r\n            modal.classList.remove(\"active\");\r\n            modal.style.opacity = \"0\";\r\n            modal.style.visibility = \"hidden\";\r\n            setTimeout(function() {\r\n                modal.style.display = \"none\";\r\n            }, 250);\r\n        }\r\n\r\n        cards.forEach(function(card) {\r\n            if (card.dataset.boundClick === \"true\") return;\r\n            card.dataset.boundClick = \"true\";\r\n\r\n            card.addEventListener(\"click\", function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                var productName = card.getAttribute(\"data-product\") || \"Projekt\";\r\n                openModal(productName);\r\n            });\r\n        });\r\n\r\n        if (closeBtn && closeBtn.dataset.boundClick !== \"true\") {\r\n            closeBtn.dataset.boundClick = \"true\";\r\n            closeBtn.addEventListener(\"click\", function(e) {\r\n                e.preventDefault();\r\n                closeModal();\r\n            });\r\n        }\r\n\r\n        if (modal.dataset.boundOverlay !== \"true\") {\r\n            modal.dataset.boundOverlay = \"true\";\r\n            modal.addEventListener(\"click\", function(e) {\r\n                if (e.target === modal) {\r\n                    closeModal();\r\n                }\r\n            });\r\n        }\r\n\r\n        if (document.body.dataset.boundEsc !== \"true\") {\r\n            document.body.dataset.boundEsc = \"true\";\r\n            document.addEventListener(\"keydown\", function(e) {\r\n                if (e.key === \"Escape\" && modal.classList.contains(\"active\")) {\r\n                    closeModal();\r\n                }\r\n            });\r\n        }\r\n\r\n        if (form && form.dataset.boundSubmit !== \"true\") {\r\n            form.dataset.boundSubmit = \"true\";\r\n\r\n            form.addEventListener(\"submit\", function(event) {\r\n                event.preventDefault();\r\n\r\n                if (btn) btn.disabled = true;\r\n                if (btnText) btnText.textContent = \"Wird gesendet...\";\r\n                if (spinner) spinner.style.display = \"block\";\r\n\r\n                fetch(form.action, {\r\n                    method: \"POST\",\r\n                    body: new FormData(form),\r\n                    headers: { \"Accept\": \"application\/json\" }\r\n                })\r\n                .then(function(response) {\r\n                    if (response.ok) {\r\n                        if (formBody) formBody.style.display = \"none\";\r\n                        if (successMsg) successMsg.style.display = \"block\";\r\n\r\n                        setTimeout(function() {\r\n                            closeModal();\r\n                        }, 3000);\r\n                    } else {\r\n                        alert(\"Fehler beim Senden. Bitte versuchen Sie es sp\u00e4ter.\");\r\n                    }\r\n                })\r\n                .catch(function() {\r\n                    alert(\"Netzwerkfehler. Bitte \u00fcberpr\u00fcfen Sie Ihre Verbindung.\");\r\n                })\r\n                .finally(function() {\r\n                    if (btn) btn.disabled = false;\r\n                    if (btnText) btnText.textContent = \"Anfrage absenden\";\r\n                    if (spinner) spinner.style.display = \"none\";\r\n                });\r\n            });\r\n        }\r\n    }\r\n\r\n    initModal();\r\n    setTimeout(initModal, 300);\r\n    setTimeout(initModal, 1000);\r\n    setTimeout(initModal, 2000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eac08ce e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"eac08ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a1f39c elementor-widget elementor-widget-html\" data-id=\"2a1f39c\" 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<style>\r\n    \/* \u5916\u90e8\u5bb9\u5668\uff1a\u8854\u63a5\u6d45\u7070\u84dd\u5e95\u8272 *\/\r\n    .industry-showcase-wrapper {\r\n        background-color: #EDF2F7;\r\n        padding: 80px 20px;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    \/* \u9876\u90e8\u5f15\u8a00\u533a\u57df *\/\r\n    .industry-header {\r\n        text-align: center;\r\n        max-width: 900px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    .industry-title {\r\n        font-size: 38px;\r\n        font-weight: 700;\r\n        color: #0F172A;\r\n        margin-bottom: 16px;\r\n        letter-spacing: -0.5px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .industry-title span {\r\n        color: #2563EB;\r\n    }\r\n\r\n    .industry-subtitle {\r\n        font-size: 16px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    .accordion-container {\r\n        display: flex;\r\n        width: 100%;\r\n        max-width: 1440px;\r\n        height: 550px;\r\n        margin: 0 auto;\r\n        gap: 10px;\r\n    }\r\n\r\n    .accordion-panel {\r\n        position: relative;\r\n        flex: 1;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        transition: flex 0.7s cubic-bezier(0.25, 1, 0.3, 1);\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        background-color: #0f172a;\r\n    }\r\n\r\n    .accordion-panel:hover {\r\n        flex: 8;\r\n    }\r\n\r\n    .panel-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background: linear-gradient(to top, rgba(15, 23, 42, 0.88) 0%, rgba(15, 23, 42, 0.10) 100%);\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    .accordion-panel:hover .panel-overlay {\r\n        background: linear-gradient(to top, rgba(15, 23, 42, 0.92) 0%, rgba(37, 99, 235, 0.22) 100%);\r\n    }\r\n\r\n    .panel-content {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        padding: 40px 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        z-index: 2;\r\n    }\r\n\r\n    .panel-title {\r\n        color: #ffffff;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        margin: 0;\r\n        white-space: nowrap;\r\n        transition: all 0.4s ease;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .panel-description {\r\n        color: #F1F5F9;\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        margin-top: 18px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);\r\n        max-width: 500px;\r\n        display: none;\r\n    }\r\n\r\n    .panel-description strong {\r\n        color: #93C5FD;\r\n    }\r\n\r\n    .accordion-panel:hover .panel-title {\r\n        color: #60A5FA;\r\n        transform: scale(1.05);\r\n        transform-origin: left;\r\n    }\r\n\r\n    .accordion-panel:hover .panel-description {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        display: block;\r\n        transition-delay: 0.15s;\r\n    }\r\n\r\n    \/* Automotive \u5185\u7f6e\u80cc\u666f\u5c42 *\/\r\n    .automotive-panel::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        background-image:\r\n            linear-gradient(180deg, rgba(191, 219, 254, 0.95) 0%, rgba(96, 165, 250, 0.40) 38%, rgba(15, 23, 42, 0.25) 100%),\r\n            url(\"data:image\/svg+xml;utf8,\\\r\n<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1600 900'>\\\r\n<defs>\\\r\n<linearGradient id='bg' x1='0' y1='0' x2='0' y2='1'>\\\r\n<stop offset='0%' stop-color='%23dbeafe'\/>\\\r\n<stop offset='48%' stop-color='%239ca3af'\/>\\\r\n<stop offset='100%' stop-color='%231e293b'\/>\\\r\n<\/linearGradient>\\\r\n<linearGradient id='glass' x1='0' y1='0' x2='0' y2='1'>\\\r\n<stop offset='0%' stop-color='%23c7d2fe' stop-opacity='0.45'\/>\\\r\n<stop offset='100%' stop-color='%2360a5fa' stop-opacity='0.08'\/>\\\r\n<\/linearGradient>\\\r\n<\/defs>\\\r\n<rect width='1600' height='900' fill='url(%23bg)'\/>\\\r\n<rect x='0' y='0' width='1600' height='180' fill='%23cbd5e1' opacity='0.55'\/>\\\r\n<rect x='0' y='180' width='1600' height='8' fill='%2394a3b8' opacity='0.65'\/>\\\r\n<rect x='90' y='70' width='50' height='520' fill='%2364748b' opacity='0.75'\/>\\\r\n<rect x='320' y='70' width='50' height='520' fill='%2364748b' opacity='0.75'\/>\\\r\n<rect x='560' y='70' width='50' height='520' fill='%2364748b' opacity='0.75'\/>\\\r\n<rect x='800' y='70' width='50' height='520' fill='%2364748b' opacity='0.75'\/>\\\r\n<rect x='1040' y='70' width='50' height='520' fill='%2364748b' opacity='0.75'\/>\\\r\n<rect x='1280' y='70' width='50' height='520' fill='%2364748b' opacity='0.75'\/>\\\r\n<rect x='0' y='585' width='1600' height='18' fill='%23334155' opacity='0.9'\/>\\\r\n<rect x='0' y='603' width='1600' height='125' fill='%231f2937' opacity='0.92'\/>\\\r\n<rect x='0' y='728' width='1600' height='172' fill='%230f172a' opacity='0.98'\/>\\\r\n<rect x='160' y='620' width='1280' height='16' rx='8' fill='%23475569'\/>\\\r\n<rect x='130' y='638' width='1340' height='9' rx='4.5' fill='%2394a3b8' opacity='0.45'\/>\\\r\n<g opacity='0.95'>\\\r\n<rect x='250' y='315' width='140' height='18' rx='9' fill='%2360a5fa'\/>\\\r\n<rect x='370' y='250' width='36' height='88' rx='12' fill='%2394a3b8'\/>\\\r\n<circle cx='388' cy='248' r='28' fill='%23bfdbfe' opacity='0.65'\/>\\\r\n<rect x='405' y='275' width='92' height='18' rx='9' transform='rotate(24 405 275)' fill='%2394a3b8'\/>\\\r\n<rect x='470' y='332' width='84' height='16' rx='8' transform='rotate(-25 470 332)' fill='%2394a3b8'\/>\\\r\n<circle cx='555' cy='315' r='17' fill='%2360a5fa' opacity='0.7'\/>\\\r\n<\/g>\\\r\n<g opacity='0.88'>\\\r\n<rect x='1145' y='300' width='125' height='18' rx='9' fill='%2360a5fa'\/>\\\r\n<rect x='1118' y='240' width='34' height='80' rx='12' fill='%2394a3b8'\/>\\\r\n<circle cx='1135' cy='237' r='24' fill='%23bfdbfe' opacity='0.58'\/>\\\r\n<rect x='1035' y='265' width='95' height='17' rx='8.5' transform='rotate(-20 1035 265)' fill='%2394a3b8'\/>\\\r\n<rect x='988' y='332' width='78' height='16' rx='8' transform='rotate(28 988 332)' fill='%2394a3b8'\/>\\\r\n<circle cx='978' cy='350' r='16' fill='%2360a5fa' opacity='0.68'\/>\\\r\n<\/g>\\\r\n<g opacity='0.92'>\\\r\n<path d='M575 515 L620 468 L950 468 L1005 510 L1068 520 L1115 585 L1115 625 L505 625 L505 560 Z' fill='%239ca3af'\/>\\\r\n<path d='M630 475 L716 475 L774 525 L665 525 Z' fill='url(%23glass)'\/>\\\r\n<path d='M790 475 L920 475 L970 525 L846 525 Z' fill='url(%23glass)'\/>\\\r\n<rect x='570' y='525' width='478' height='74' rx='20' fill='%2364748b' opacity='0.28'\/>\\\r\n<circle cx='665' cy='625' r='46' fill='%231e293b'\/>\\\r\n<circle cx='665' cy='625' r='22' fill='%2394a3b8'\/>\\\r\n<circle cx='970' cy='625' r='46' fill='%231e293b'\/>\\\r\n<circle cx='970' cy='625' r='22' fill='%2394a3b8'\/>\\\r\n<\/g>\\\r\n<rect x='230' y='130' width='120' height='30' rx='6' fill='%23ffffff' opacity='0.30'\/>\\\r\n<rect x='475' y='130' width='120' height='30' rx='6' fill='%23ffffff' opacity='0.25'\/>\\\r\n<rect x='720' y='130' width='120' height='30' rx='6' fill='%23ffffff' opacity='0.23'\/>\\\r\n<rect x='965' y='130' width='120' height='30' rx='6' fill='%23ffffff' opacity='0.25'\/>\\\r\n<rect x='1210' y='130' width='120' height='30' rx='6' fill='%23ffffff' opacity='0.30'\/>\\\r\n<\/svg>\");\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .accordion-container {\r\n            flex-direction: column;\r\n            height: 1000px;\r\n        }\r\n\r\n        .accordion-panel:hover {\r\n            flex: 4;\r\n        }\r\n\r\n        .panel-description {\r\n            font-size: 14px;\r\n            max-width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"industry-showcase-wrapper\">\r\n\r\n    <div class=\"industry-header\">\r\n        <h2 class=\"industry-title\">Branchenspezifische L\u00f6sungen.<br><span>Pr\u00e4zision f\u00fcr jeden Sektor.<\/span><\/h2>\r\n        <p class=\"industry-subtitle\">\r\n            Unterschiedliche Industrien erfordern radikal unterschiedliche Spezifikationen. Unsere Fertigungsprozesse sind auf die physikalischen, thermischen und elektrischen Extreme der jeweiligen Endanwendung kalibriert.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"accordion-container\">\r\n\r\n        <div class=\"accordion-panel automotive-panel\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">Automotive & EV<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> Heavy Copper, IMS (Metallkern), Starrflex.<br>\r\n                    <strong>Standards:<\/strong> IATF 16949, AEC-Q200, IPC Class 3.<br><br>\r\n                    Ausgelegt auf extreme Belastungen. Wir fertigen hochstromf\u00e4hige Platinen f\u00fcr Batterie-Management-Systeme (BMS) und robuste Steuerungseinheiten f\u00fcr den modernen Fahrzeugbau.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"accordion-panel\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1516549655169-df83a0774514?auto=format&fit=crop&w=1000&q=80');\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">Medizintechnik<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> Any-Layer HDI, Flex-PCBs, IC-Substrate.<br>\r\n                    <strong>Standards:<\/strong> ISO 13485, FDA-Compliance, IPC Class 3.<br><br>\r\n                    Lebensrettende Pr\u00e4zision. Wir erm\u00f6glichen maximale Miniaturisierung durch feinstleiter-flexible Schaltungen f\u00fcr bildgebende Systeme und tragbare \u00dcberwachungsger\u00e4te.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"accordion-panel\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1000&q=80');\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">Industrie 4.0<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> High-TG Multilayer, Impedanzkontrolle, Dickkupfer.<br>\r\n                    <strong>Standards:<\/strong> ISO 9001, UL 94V-0.<br><br>\r\n                    Das R\u00fcckgrat der Automatisierung. Hochrobuste FR4-Aufbauten (Tg170+) f\u00fcr SPS-Steuerungen und smarte Sensorik in vibrationsintensiven Produktionsumgebungen.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"accordion-panel\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1000&q=80');\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">Telekom & 5G<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> HF-Materialien (PTFE\/Rogers), Low-Loss, Microvias.<br>\r\n                    <strong>Standards:<\/strong> TL 9000, IPC-6012 Class 3.<br><br>\r\n                    Bereit f\u00fcr das GHz-Zeitalter. Pr\u00e4zises Dk\/Df-Materialmanagement f\u00fcr Signalintegrit\u00e4t in Server-Backplanes und Hochfrequenz-Antennensystemen.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"accordion-panel\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1446776811953-b23d57bd21aa?auto=format&fit=crop&w=1000&q=80');\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">Aerospace<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> Polyimid-Starrflex, ENIG\/EPIG, Vakuum-Lamination.<br>\r\n                    <strong>Standards:<\/strong> AS9100D, NADCAP.<br><br>\r\n                    Entwickelt f\u00fcr Schwerelosigkeit und Vakuum. Absolute Schockresistenz und dauerhafte Stabilit\u00e4t unter extremen thermischen und physikalischen Belastungen.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"accordion-panel\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1466611653911-95081537e5b7?auto=format&fit=crop&w=1000&q=80');\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">Green Energy<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> Heavy Copper (bis 6oz), Kupferkern-Platinen.<br>\r\n                    <strong>Standards:<\/strong> ISO 14001, UL \/ CTI >600V.<br><br>\r\n                    Leistungselektronik f\u00fcr die Energiewende. Isolationssicheres Thermomanagement f\u00fcr Solarwechselrichter und Smart-Grid-Ladestationen.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"accordion-panel\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1000&q=80');\">\r\n            <div class=\"panel-overlay\"><\/div>\r\n            <div class=\"panel-content\">\r\n                <h3 class=\"panel-title\">IoT & Devices<\/h3>\r\n                <p class=\"panel-description\">\r\n                    <strong>Technologie:<\/strong> Ultra-HDI, mSAP, IC-Substrate, Laser-Vias.<br>\r\n                    <strong>Standards:<\/strong> ISO 9001, RoHS, REACH.<br><br>\r\n                    Maximale Rechenleistung auf minimalem Raum. Wir realisieren Feinstleiter-Architekturen f\u00fcr hochkompakte Consumer-Elektronik und vernetzte Smart-Home-Knoten.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85cb739 elementor-widget elementor-widget-html\" data-id=\"85cb739\" 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<style>\r\n\/* --- 0. \u5168\u5c40\u53d8\u91cf\u4e0e\u5bb9\u5668 --- *\/\r\n.why-us-container {\r\n    font-family: \"Inter\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    background-color: #EDF2F7; \r\n    padding: 80px 20px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n:root {\r\n    --wu-blue-dark: #0F4C81;   \/* \u7ecf\u5178\u6df1\u84dd *\/\r\n    --wu-blue-light: #3B82F6;  \/* \u79d1\u6280\u4eae\u84dd *\/\r\n    --wu-text-main: #111827;   \/* \u6df1\u9ed1\u5b57 *\/\r\n    --wu-text-sub: #4B5563;    \/* \u7070\u5b57 *\/\r\n    --wu-card-bg: #FFFFFF;\r\n    --wu-shadow: 0 10px 30px rgba(15, 76, 129, 0.06);\r\n    --wu-shadow-hover: 0 25px 60px rgba(15, 76, 129, 0.12);\r\n}\r\n\r\n\/* --- 1. \u5934\u90e8\u6807\u9898 --- *\/\r\n.wu-header {\r\n    text-align: center;\r\n    max-width: 900px;\r\n    margin-bottom: 50px;\r\n    animation: fadeInDown 1s ease-out;\r\n}\r\n\r\n.wu-title {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    margin: 0 0 10px 0;\r\n    color: var(--wu-text-main);\r\n    line-height: 1.2;\r\n}\r\n.wu-title span {\r\n    background: linear-gradient(135deg, #0F4C81 0%, #3B82F6 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.wu-subtitle {\r\n    font-size: 18px;\r\n    color: var(--wu-text-sub);\r\n    font-weight: 500;\r\n}\r\n\r\n\/* --- 2. \u75db\u70b9\u89e3\u51b3\u65b9\u6848\u5361\u7247 (4\u5217) --- *\/\r\n.wu-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.wu-card {\r\n    background: var(--wu-card-bg);\r\n    border-radius: 20px;\r\n    padding: 35px 25px;\r\n    box-shadow: var(--wu-shadow);\r\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,0.8);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    cursor: default;\r\n}\r\n\r\n.wu-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: var(--wu-shadow-hover);\r\n    border-color: var(--wu-blue-light);\r\n}\r\n\r\n.wu-icon-box {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: #F0F9FF;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    color: var(--wu-blue-dark);\r\n    transition: 0.4s;\r\n}\r\n.wu-card:hover .wu-icon-box {\r\n    background: var(--wu-blue-dark);\r\n    color: #fff;\r\n    transform: scale(1.1) rotate(-5deg);\r\n}\r\n.wu-icon-box svg { width: 28px; height: 28px; }\r\n\r\n.wu-card-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--wu-text-main);\r\n    margin-bottom: 12px;\r\n    line-height: 1.3;\r\n    min-height: 46px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.wu-card-desc {\r\n    font-size: 14px;\r\n    color: var(--wu-text-sub);\r\n    line-height: 1.6;\r\n    text-align: left;\r\n}\r\n\/* \u5f3a\u8c03\u6587\u5b57\u989c\u8272 *\/\r\n.wu-card-desc strong {\r\n    color: var(--wu-text-main);\r\n    font-weight: 700;\r\n}\r\n\r\n\/* --- 3. \u4e2d\u95f4\u8fc7\u6e21\u91d1\u53e5 --- *\/\r\n.wu-transition-text {\r\n    max-width: 900px;\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: var(--wu-blue-dark);\r\n    margin-bottom: 50px;\r\n    line-height: 1.5;\r\n    padding: 0 20px;\r\n    opacity: 0.9;\r\n}\r\n\r\n\/* --- 4. \u5e95\u90e8\u4f18\u52bf\u6761 --- *\/\r\n.wu-benefits-bar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    padding: 35px 50px;\r\n    background: rgba(255, 255, 255, 0.7);\r\n    backdrop-filter: blur(15px);\r\n    border-radius: 100px;\r\n    box-shadow: 0 10px 40px rgba(15, 76, 129, 0.05);\r\n    border: 1px solid rgba(255,255,255,0.9);\r\n}\r\n\r\n.benefit-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex: 1;\r\n    justify-content: center;\r\n    cursor: default;\r\n}\r\n\r\n\/* \u56fe\u6807\u5bb9\u5668\u53ca\u52a8\u753b *\/\r\n.benefit-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n\/* \u9f20\u6807\u60ac\u505c\u56fe\u6807\u653e\u5927\u52a8\u753b (\u4fee\u6539\u4e3a\u6b63\u5411\u653e\u5927) *\/\r\n.benefit-item:hover .benefit-icon {\r\n    transform: scale(1.25); \/* \u4ec5\u653e\u5927\uff0c\u4e0d\u65cb\u8f6c *\/\r\n}\r\n\r\n\/* SVG \u901a\u7528\u6837\u5f0f *\/\r\n.benefit-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\r\n}\r\n\r\n\/* \u56fe\u7247\u901a\u7528\u6837\u5f0f (\u4e3a\u6b27\u76df\u65d7\u5e1c\u51c6\u5907) *\/\r\n.benefit-icon img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 4px; \/* \u7a0d\u5fae\u7ed9\u65d7\u5e1c\u4e00\u70b9\u5706\u89d2\uff0c\u66f4\u67d4\u548c *\/\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.benefit-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.benefit-title {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: var(--wu-text-main);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.benefit-sub {\r\n    font-size: 13px;\r\n    color: var(--wu-text-sub);\r\n    line-height: 1.2;\r\n}\r\n\r\n@keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n@media (max-width: 1024px) {\r\n    .wu-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .wu-benefits-bar { border-radius: 24px; flex-direction: column; gap: 30px; align-items: flex-start; width: 90%; padding: 30px; }\r\n    .benefit-item { justify-content: flex-start; width: 100%; }\r\n}\r\n@media (max-width: 768px) {\r\n    .wu-title { font-size: 28px; }\r\n    .wu-grid { grid-template-columns: 1fr; }\r\n    .wu-transition-text { font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"why-us-container\">\r\n    \r\n    <div class=\"wu-header\">\r\n        <h2 class=\"wu-title\">Warum <span>Logistictronic<\/span> w\u00e4hlen?<\/h2>\r\n        <p class=\"wu-subtitle\">Stehen Sie vor folgenden Herausforderungen?<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"wu-grid\">\r\n        \r\n        <div class=\"wu-card\">\r\n            <div class=\"wu-icon-box\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <h3 class=\"wu-card-title\">Ben\u00f6tigen Sie einen erfahrenen Partner?<\/h3>\r\n            <p class=\"wu-card-desc\">Wir sind in \u00d6sterreich. Unser Team verf\u00fcgt \u00fcber <strong>25 Jahre Erfahrung<\/strong> in der Leiterplattenbranche. Wir l\u00f6sen komplexe technische Probleme effizient. Dank unserer starken taiwanesischen Unternehmensgruppe bieten wir Ihnen Produktionskapazit\u00e4ten auf Weltniveau.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wu-card\">\r\n            <div class=\"wu-icon-box\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n            <\/div>\r\n            <h3 class=\"wu-card-title\">Sorgen wegen internationaler Abwicklung?<\/h3>\r\n            <p class=\"wu-card-desc\">Wir bieten einen <strong>risikofreien One-Stop-Service<\/strong>. Sie nennen uns einfach Ihre Anforderungen \u2013 wir k\u00fcmmern uns um die gesamte Abwicklung, Zoll und Logistik. Sie k\u00f6nnen einfach und sicher direkt in Euro bezahlen.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wu-card\">\r\n            <div class=\"wu-icon-box\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\r\n            <\/div>\r\n            <h3 class=\"wu-card-title\">Kleinmengen oder Eilbedarf?<\/h3>\r\n            <p class=\"wu-card-desc\"><strong>Kein Mindestbestellwert (No MOQ).<\/strong> Sie profitieren von direkten Werkspreisen. Eilauftr\u00e4ge priorisieren wir in der Fertigung und versenden blitzschnell per DHL Express direkt zu Ihnen.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wu-card\">\r\n            <div class=\"wu-icon-box\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <h3 class=\"wu-card-title\">Zweifel an der Qualit\u00e4t?<\/h3>\r\n            <p class=\"wu-card-desc\">Wir liefern alle erforderlichen <strong>Zertifikate (UL, ISO 9001, IATF 16949)<\/strong>. Gerne fertigen wir vorab Prototypen zur Freigabe, damit Sie sich zu 100% von unserer Qualit\u00e4t \u00fcberzeugen k\u00f6nnen.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"wu-transition-text\">\r\n        \"Wir begleiten Sie ganzheitlich: Mit unserer langj\u00e4hrigen Erfahrung verwirklichen wir Ihre Visionen, st\u00e4rken Ihren Markterfolg und wachsen gemeinsam.\"\r\n    <\/div>\r\n\r\n    <div class=\"wu-benefits-bar\">\r\n        \r\n        <div class=\"benefit-item\">\r\n            <div class=\"benefit-icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b7\/Flag_of_Europe.svg\" alt=\"EU Flag\" title=\"PCB Manufacturer for HDI, Flex &amp; Metal Core PCBs\">\r\n            <\/div>\r\n            <div class=\"benefit-text\">\r\n                <span class=\"benefit-title\">Lokaler Service<\/span>\r\n                <span class=\"benefit-sub\">Europ\u00e4ische Standards<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"benefit-item\">\r\n            <div class=\"benefit-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F4C81\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"benefit-text\">\r\n                <span class=\"benefit-title\">Technische Beratung<\/span>\r\n                <span class=\"benefit-sub\">Experten-Support<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"benefit-item\">\r\n            <div class=\"benefit-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F4C81\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M21 21l-6-6\"><\/path>\r\n                    <circle cx=\"10\" cy=\"10\" r=\"7\"><\/circle>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"benefit-text\">\r\n                <span class=\"benefit-title\">Qualit\u00e4tskontrolle<\/span>\r\n                <span class=\"benefit-sub\">Streng gepr\u00fcft<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"benefit-item\">\r\n            <div class=\"benefit-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F4C81\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <div class=\"benefit-text\">\r\n                <span class=\"benefit-title\">Vielfalt<\/span>\r\n                <span class=\"benefit-sub\">Umfangreiches Portfolio<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ce1998 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"4ce1998\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-461e244 elementor-widget elementor-widget-html\" data-id=\"461e244\" 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<style>\r\n\/* --- 1. \u5168\u5c40\u5e03\u5c40\u8bbe\u7f6e --- *\/\r\n.faq-contact-section {\r\n    font-family: \"Inter\", \"Segoe UI\", Roboto, sans-serif;\r\n    background: linear-gradient(180deg, #F9FAFB 0%, #EFF6FF 100%);\r\n    padding: 80px 20px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u80cc\u666f\u5149\u6655 *\/\r\n.bg-glow {\r\n    position: absolute; width: 700px; height: 700px;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.06) 0%, rgba(0,0,0,0) 70%);\r\n    top: -10%; left: -10%; border-radius: 50%; pointer-events: none; z-index: 0;\r\n}\r\n\r\n.faq-wrapper {\r\n    width: 100%; max-width: 1100px;\r\n    display: flex; gap: 60px;\r\n    align-items: flex-start;\r\n    position: relative; z-index: 1;\r\n}\r\n\r\n\/* --- 2. \u5de6\u4fa7\u65e0\u9650\u6eda\u52a8 --- *\/\r\n.faq-column {\r\n    flex: 1; min-width: 300px;\r\n    height: 650px;\r\n    display: flex; flex-direction: column;\r\n}\r\n\r\n.faq-header { flex-shrink: 0; }\r\n.faq-title { font-size: 32px; font-weight: 800; color: #111827; margin: 0 0 20px 0; }\r\n.faq-desc {\r\n    font-size: 15px; color: #4B5563; margin: 0 0 35px 0;\r\n    line-height: 1.8; max-width: 95%;\r\n}\r\n\r\n\/* \u89c6\u53e3\uff1a\u906e\u7f69\u548c\u88c1\u5207 *\/\r\n.faq-viewport {\r\n    flex: 1;\r\n    overflow: hidden; \/* \u7edd\u5bf9\u9690\u85cf\u539f\u751f\u6eda\u52a8\u6761 *\/\r\n    position: relative;\r\n    mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 92%, transparent 100%);\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 92%, transparent 100%);\r\n    padding: 20px 25px;\r\n    margin: -20px -25px;\r\n}\r\n\r\n\/* \u3010\u5173\u952e\u5c42\u3011Shifter\uff1a\u53ea\u8d1f\u8d23\u70b9\u51fb\u65f6\u7684\u4e0a\u4e0b\u4f4d\u79fb\uff0c\u4e0d\u53c2\u4e0e\u5faa\u73af *\/\r\n.faq-shifter {\r\n    width: 100%;\r\n    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); \/* \u4e1d\u6ed1\u7684\u7f13\u52a8\u6548\u679c *\/\r\n    will-change: transform;\r\n}\r\n\r\n\/* \u3010\u5173\u952e\u5c42\u3011Track\uff1a\u53ea\u8d1f\u8d23\u65e0\u9650\u5faa\u73af *\/\r\n.faq-track {\r\n    animation: scroll-loop 60s linear infinite;\r\n    will-change: transform;\r\n}\r\n\r\n\/* \u6682\u505c\u63a7\u5236\uff1a\u9f20\u6807\u60ac\u505c\u6216\u6fc0\u6d3b\u65f6\u6682\u505c *\/\r\n.faq-viewport:hover .faq-track { animation-play-state: paused; }\r\n.faq-track.paused { animation-play-state: paused !important; }\r\n\r\n@keyframes scroll-loop {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-50%); }\r\n}\r\n\r\n\/* \u5217\u8868\u7ec4 *\/\r\n.faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-bottom: 24px;\r\n    gap: 24px;\r\n}\r\n\r\n\/* --- 3. FAQ \u5361\u7247\u6837\u5f0f --- *\/\r\n.faq-item {\r\n    background: #FFFFFF;\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.02), 0 10px 15px rgba(0,0,0,0.03);\r\n    border: 1px solid rgba(255,255,255,0.8);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n.faq-item:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 30px rgba(59, 130, 246, 0.12);\r\n    border-color: #BFDBFE;\r\n}\r\n.faq-item.active {\r\n    border-color: #3B82F6;\r\n    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.15);\r\n    background: #fff;\r\n    z-index: 10;\r\n}\r\n\r\n.faq-question {\r\n    padding: 22px 28px;\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    background: #fff; position: relative; z-index: 2;\r\n}\r\n.faq-question h3 {\r\n    font-size: 16px; font-weight: 700; color: #1F2937; margin: 0; line-height: 1.5;\r\n}\r\n\r\n.faq-icon {\r\n    width: 32px; height: 32px; flex-shrink: 0; margin-left: 15px;\r\n    background: #F3F4F6; border-radius: 50%; color: #111827;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 20px; transition: 0.3s;\r\n}\r\n.faq-item:hover .faq-icon { background: #EFF6FF; color: #3B82F6; }\r\n.faq-item.active .faq-icon { background: #3B82F6; color: #fff; transform: rotate(45deg); }\r\n\r\n.faq-answer {\r\n    max-height: 0; opacity: 0; overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    background: #fff; position: relative; z-index: 1;\r\n}\r\n.faq-answer-content {\r\n    padding: 0 28px 28px 28px;\r\n    font-size: 15px; color: #4B5563; line-height: 1.6;\r\n}\r\n.faq-answer-content p { margin-bottom: 12px; margin-top: 0; }\r\n.faq-answer-content p:last-child { margin-bottom: 0; }\r\n.faq-link { color: #3B82F6; text-decoration: none; font-weight: 600; }\r\n.faq-link:hover { text-decoration: underline; }\r\n.faq-item.active .faq-answer { opacity: 1; }\r\n\r\n\/* --- 4. \u53f3\u4fa7\u8868\u5355 --- *\/\r\n.form-column {\r\n    width: 400px; flex-shrink: 0;\r\n    position: sticky; top: 20px; z-index: 20;\r\n}\r\n.contact-card {\r\n    background: #fff; border-radius: 24px; padding: 35px;\r\n    box-shadow: 0 25px 60px rgba(0,0,0,0.06);\r\n    border: 1px solid #F3F4F6;\r\n    min-height: 480px; \/* \u4fdd\u6301\u9ad8\u5ea6\u4e00\u81f4\uff0c\u9632\u6b62\u9690\u85cf\u8868\u5355\u65f6\u8df3\u52a8 *\/\r\n    display: flex; flex-direction: column; justify-content: center;\r\n}\r\n.badge-blue {\r\n    display: inline-block; font-size: 12px; font-weight: 800;\r\n    color: #3B82F6; background: #EFF6FF; padding: 6px 12px;\r\n    border-radius: 8px; margin-bottom: 16px; letter-spacing: 0.5px;\r\n}\r\n.form-title { font-size: 22px; font-weight: 800; color: #111827; margin: 0 0 20px 0; }\r\n.fc-input {\r\n    width: 100%; padding: 14px 18px; margin-bottom: 14px;\r\n    border: 1px solid #E5E7EB; border-radius: 12px; background: #F9FAFB;\r\n    font-size: 14px; outline: none; transition: 0.2s; box-sizing: border-box;\r\n}\r\n.fc-input:focus { border-color: #3B82F6; background: #fff; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }\r\n.file-drop {\r\n    border: 2px dashed #D1D5DB; border-radius: 12px; padding: 18px; text-align: center;\r\n    cursor: pointer; margin-bottom: 20px; transition: 0.2s; background: #F9FAFB;\r\n    display: flex; flex-direction: column; align-items: center;\r\n}\r\n.file-drop:hover { border-color: #3B82F6; background: #EFF6FF; }\r\n.file-name { font-size: 12px; color: #3B82F6; font-weight: 700; margin-top: 5px; display: none; }\r\n.file-label { font-size: 13px; color: #6B7280; }\r\n.btn-submit {\r\n    width: 100%; padding: 16px; border: none; border-radius: 12px;\r\n    background: #1E40AF; color: white; font-weight: 700; font-size: 15px;\r\n    cursor: pointer; transition: 0.3s; box-shadow: 0 4px 12px rgba(30, 64, 175, 0.2);\r\n}\r\n.btn-submit:hover { background: #1D4ED8; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(30, 64, 175, 0.3); }\r\n\r\n\/* \u6210\u529f\u6d88\u606f\u6837\u5f0f (\u65b0\u589e) *\/\r\n.faq-success-message {\r\n    display: none; text-align: center; padding: 20px; animation: fadeIn 0.5s;\r\n}\r\n.faq-success-icon {\r\n    font-size: 48px; color: #059669; margin-bottom: 15px;\r\n}\r\n.faq-success-title {\r\n    font-size: 24px; font-weight: 700; color: #111827; margin-bottom: 10px;\r\n}\r\n.faq-success-text {\r\n    font-size: 15px; color: #4B5563; line-height: 1.6;\r\n}\r\n@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n@media (max-width: 950px) {\r\n    .faq-wrapper { flex-direction: column; align-items: center; }\r\n    .form-column { width: 100%; max-width: 450px; }\r\n    .faq-column { height: auto; width: 100%; }\r\n    .faq-viewport { mask-image: none; padding: 10px; margin: 0; }\r\n    .faq-track { animation: none; }\r\n    .faq-list.clone { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"faq-contact-section\">\r\n    <div class=\"bg-glow\"><\/div>\r\n\r\n    <div class=\"faq-wrapper\">\r\n        \r\n        <div class=\"faq-column\">\r\n            <div class=\"faq-header\">\r\n                <h2 class=\"faq-title\">H\u00e4ufig gestellte Fragen<\/h2>\r\n                <p class=\"faq-desc\">Wir haben eine Liste h\u00e4ufiger Fragen und Themen zusammengestellt, die Ihnen hoffentlich weiterhilft. Wenn Sie die ben\u00f6tigten Informationen dennoch nicht finden, k\u00f6nnen Sie Ihre Fragen gerne direkt hier stellen!<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-viewport\">\r\n                <div class=\"faq-shifter\" id=\"faqShifter\">\r\n                    <div class=\"faq-track\" id=\"faqTrack\">\r\n                        \r\n                        <div class=\"faq-list\">\r\n                            <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                                <div class=\"faq-question\">\r\n                                    <h3>Bieten Sie auch After-Sales-Service an?<\/h3>\r\n                                    <div class=\"faq-icon\">+<\/div>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <div class=\"faq-answer-content\">\r\n                                        <p>Ja. Unser Leistungsversprechen endet nicht mit der Auslieferung Ihrer Bestellung.<\/p>\r\n                                        <p>Sollten w\u00e4hrend der Produktion oder nach dem Erhalt der Ware Probleme auftreten, unterst\u00fctzen wir Sie umgehend bei der Analyse der Ursachen und bieten geeignete L\u00f6sungen an \u2013 einschlie\u00dflich Nachbearbeitung oder Neuproduktion.<\/p>\r\n                                        <p>F\u00fcr schnelle Unterst\u00fctzung erreichen Sie unser Service-Team jederzeit unter:<br>\r\n                                        <a href=\"mailto:office@logistictronic.com\" class=\"faq-link\">office@logistictronic.com<\/a><\/p>\r\n                                        <p>Wir freuen uns darauf, Sie zuverl\u00e4ssig und langfristig zu begleiten.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                                <div class=\"faq-question\">\r\n                                    <h3>Bieten Sie Geheimhaltungsvereinbarungen (NDA) f\u00fcr Projekte an?<\/h3>\r\n                                    <div class=\"faq-icon\">+<\/div>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <div class=\"faq-answer-content\">\r\n                                        <p>Der Schutz Ihrer Entwicklungsdaten und Ihres geistigen Eigentums hat f\u00fcr uns h\u00f6chste Priorit\u00e4t.<\/p>\r\n                                        <p>Auf Wunsch schlie\u00dfen wir selbstverst\u00e4ndlich eine gegenseitige Geheimhaltungsvereinbarung (NDA) ab. Damit stellen wir sicher, dass alle von Ihnen bereitgestellten Informationen w\u00e4hrend des gesamten Prozesses \u2013 von der Datenpr\u00fcfung bis zur Fertigung \u2013 vertraulich behandelt werden.<\/p>\r\n                                        <p>So k\u00f6nnen Sie sich ganz auf Ihre Produktentwicklung konzentrieren, w\u00e4hrend Ihre sensiblen Daten bei uns sicher sind.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                                <div class=\"faq-question\">\r\n                                    <h3>Gibt es eine Mindestbestellmenge (MOQ) f\u00fcr Leiterplatten oder Baugruppen?<\/h3>\r\n                                    <div class=\"faq-icon\">+<\/div>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <div class=\"faq-answer-content\">\r\n                                        <p>Wir legen gro\u00dfen Wert auf maximale Flexibilit\u00e4t f\u00fcr unsere Kunden.<\/p>\r\n                                        <p>Daher gibt es bei uns keine feste Mindestbestellmenge \u2013 Sie k\u00f6nnen die St\u00fcckzahl frei nach Ihrem Bedarf bestimmen. Auch wenn wir keinen MOQ-Zwang haben, lassen sich gr\u00f6\u00dfere Bestellmengen oft deutlich kosteneffizienter realisieren.<\/p>\r\n                                        <p>Gerne beraten wir Sie individuell zu Ihrem Projekt und finden gemeinsam die wirtschaftlich sinnvollste L\u00f6sung.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                                <div class=\"faq-question\">\r\n                                    <h3>Entsprechen die Komponenten den RoHS-Normen?<\/h3>\r\n                                    <div class=\"faq-icon\">+<\/div>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <div class=\"faq-answer-content\">\r\n                                        <p>Ja, wir bieten standardm\u00e4\u00dfig RoHS-konforme bleifreie Montageleistungen an. Auf Anfrage unterst\u00fctzen wir auch bleihaltige Prozesse.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                                <div class=\"faq-question\">\r\n                                    <h3>K\u00f6nnen Sie bei der PCB-Herstellung Seriennummern oder Beschriftungen hinzuf\u00fcgen?<\/h3>\r\n                                    <div class=\"faq-icon\">+<\/div>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <div class=\"faq-answer-content\">\r\n                                        <p>Ja, wir k\u00f6nnen eindeutige Seriennummern, Textbeschriftungen oder auch QR-Codes nach Ihren Anforderungen hinzuf\u00fcgen.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                                <div class=\"faq-question\">\r\n                                    <h3>Bieten Sie Panelisierung (Nutzenerstellung) an?<\/h3>\r\n                                    <div class=\"faq-icon\">+<\/div>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <div class=\"faq-answer-content\">\r\n                                        <p>Ja, wir bieten professionelle Panelisierung an.<\/p>\r\n                                        <p>Wenn Sie uns bereits panelisierte Gerber-Daten zur Verf\u00fcgung stellen, fallen keine zus\u00e4tzlichen Engineering-Kosten an.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq-list clone\">\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-column\">\r\n            <div class=\"contact-card\">\r\n                \r\n                <div id=\"faq-success-msg\" class=\"faq-success-message\">\r\n                    <div class=\"faq-success-icon\">\u2705<\/div>\r\n                    <h3 class=\"faq-success-title\">Vielen Dank!<\/h3>\r\n                    <p class=\"faq-success-text\">Wir haben Ihre Nachricht erhalten und werden uns schnellstm\u00f6glich bei Ihnen melden.<\/p>\r\n                <\/div>\r\n\r\n                <div id=\"faq-form-container\">\r\n                    <div class=\"badge-blue\">NOCH FRAGEN?<\/div>\r\n                    <h3 class=\"form-title\">Kontaktieren Sie uns<\/h3>\r\n                    \r\n                    <form id=\"form_faq_contact\" action=\"https:\/\/formsubmit.co\/office@logistictronic.com\" method=\"POST\" enctype=\"multipart\/form-data\">\r\n                        \r\n                        <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n                        <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n                        <input type=\"hidden\" name=\"_subject\" value=\"Neue Anfrage von Webseite (FAQ Section)\">\r\n                        <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n\r\n                        <input type=\"text\" name=\"name\" class=\"fc-input\" placeholder=\"Ihr Name\" required>\r\n                        <input type=\"email\" name=\"email\" class=\"fc-input\" placeholder=\"Ihre E-Mail-Adresse\" required>\r\n                        <textarea name=\"message\" class=\"fc-input\" rows=\"3\" placeholder=\"Wie k\u00f6nnen wir Ihnen helfen?\"><\/textarea>\r\n                        \r\n                        <label class=\"file-drop\">\r\n                            <input type=\"file\" name=\"attachment\" style=\"display:none\" onchange=\"handleFile(this)\">\r\n                            <div style=\"font-size:24px; margin-bottom:5px;\">\ud83d\udcc2<\/div>\r\n                            <div class=\"file-label\">Datei hier ablegen oder klicken (Gerber)<\/div>\r\n                            <div class=\"file-name\" id=\"fileNameDisplay\"><\/div>\r\n                        <\/label>\r\n                        \r\n                        <button type=\"submit\" class=\"btn-submit\" id=\"btn_submit\">Nachricht senden<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ --- 1. \u65e0\u7f1d\u5faa\u73af\u521d\u59cb\u5316 ---\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const list = document.querySelector('.faq-list');\r\n    const cloneContainer = document.querySelector('.faq-list.clone');\r\n    if(list && cloneContainer) {\r\n        cloneContainer.innerHTML = list.innerHTML;\r\n    }\r\n});\r\n\r\n\/\/ --- 2. \u624b\u98ce\u7434\u903b\u8f91 ---\r\nfunction toggleFaq(element) {\r\n    const answer = element.querySelector('.faq-answer');\r\n    const track = document.getElementById('faqTrack');\r\n    const shifter = document.getElementById('faqShifter');\r\n    const isOpen = element.classList.contains('active');\r\n\r\n    document.querySelectorAll('.faq-item').forEach(item => {\r\n        if(item !== element) {\r\n            item.classList.remove('active');\r\n            item.querySelector('.faq-answer').style.maxHeight = null;\r\n        }\r\n    });\r\n\r\n    if (!isOpen) {\r\n        element.classList.add('active');\r\n        answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n        track.classList.add('paused');\r\n        setTimeout(() => {\r\n            const viewport = document.querySelector('.faq-viewport');\r\n            const itemRect = element.getBoundingClientRect();\r\n            const viewRect = viewport.getBoundingClientRect();\r\n            const topOffset = itemRect.top - viewRect.top;\r\n            if (topOffset > 20) {\r\n                const moveUpAmount = topOffset - 20;\r\n                shifter.style.transform = `translateY(-${moveUpAmount}px)`;\r\n            }\r\n        }, 50);\r\n    } else {\r\n        element.classList.remove('active');\r\n        answer.style.maxHeight = null;\r\n        track.classList.remove('paused');\r\n        shifter.style.transform = `translateY(0)`;\r\n    }\r\n}\r\n\r\n\/\/ --- 3. \u6587\u4ef6\u540d\u663e\u793a ---\r\nfunction handleFile(input) {\r\n    const display = document.getElementById('fileNameDisplay');\r\n    const label = document.querySelector('.file-label');\r\n    if (input.files && input.files.length > 0) {\r\n        display.innerText = \"\ud83d\udcc4 \" + input.files[0].name;\r\n        display.style.display = 'block';\r\n        label.style.display = 'none';\r\n    }\r\n}\r\n\r\n\/\/ --- 4. AJAX \u63d0\u4ea4\u903b\u8f91 (\u8868\u5355\u9690\u85cf + \u663e\u793a\u611f\u8c22\u8bed) ---\r\nvar form = document.getElementById(\"form_faq_contact\");\r\nvar formContainer = document.getElementById(\"faq-form-container\");\r\nvar successMsg = document.getElementById(\"faq-success-msg\");\r\nvar btn = document.getElementById(\"btn_submit\");\r\n\r\nif(form) {\r\n    form.addEventListener(\"submit\", function(e) {\r\n        e.preventDefault(); \/\/ \u963b\u6b62\u8df3\u8f6c\r\n        \r\n        var data = new FormData(form);\r\n        \r\n        btn.disabled = true;\r\n        btn.innerText = \"Wird gesendet...\";\r\n\r\n        fetch(form.action, {\r\n            method: form.method,\r\n            body: data,\r\n            headers: { 'Accept': 'application\/json' }\r\n        }).then(response => {\r\n            if (response.ok) {\r\n                \/\/ \u53d1\u9001\u6210\u529f\uff1a\u9690\u85cf\u8868\u5355\uff0c\u663e\u793a\u611f\u8c22\r\n                formContainer.style.display = \"none\";\r\n                successMsg.style.display = \"block\";\r\n                form.reset();\r\n            } else {\r\n                alert(\"Fehler beim Senden. Bitte versuchen Sie es erneut.\");\r\n                btn.disabled = false;\r\n                btn.innerText = \"Nachricht senden\";\r\n            }\r\n        }).catch(error => {\r\n            alert(\"Verbindungsfehler. Bitte \u00fcberpr\u00fcfen Sie Ihre Internetverbindung.\");\r\n            btn.disabled = false;\r\n            btn.innerText = \"Nachricht senden\";\r\n        });\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ihr Partner f\u00fcr hochwertige Leiterplatten Gemeinsam wachsen,gemeinsam Zukunft gestalten KONTAKTIEREN SIE UNS &times; Projektanfrage F\u00fcllen Sie das Formular aus, wir melden uns umgehend. Datei hochladen (Gerber) Angebot anfordern Vielen Dank! Ihre Anfrage wurde erfolgreich \u00fcbermittelt. Wir bearbeiten sie schnellstm\u00f6glich. Wie l\u00e4uft die Leiterplattenherstellung ab? Schritte 1: Bitte senden Sie uns Ihre ersten Spezifikationen. Der erste Schritt besteht darin, uns eine grobe Spezifikation Ihrer Leiterplatte mitzuteilen. Unser technisches Team pr\u00fcft die Angaben und erstellt f\u00fcr Sie ein unverbindliches Angebot mit Preis und Lieferzeit. HINWEIS: Wenn Ihre Anforderungen noch nicht final definiert sind, unterst\u00fctzen wir Sie gerne bei der Materialwahl, Lagenaufbau und technischen Parametern. Kontaktieren Sie uns einfach \u2013 wir beraten Sie individuell und unverbindlich. \u2715 Zuklappen Schritte 2: Nach Bestellung: Senden Sie uns Ihre Design-Daten (Gerber-Dateien) Basierend auf Ihren Gerber-Daten \u00fcberpr\u00fcfen unsere Ingenieure das Layout gem\u00e4\u00df unseren Designrichtlinien und schlagen \u2013 falls erforderlich \u2013 Optimierungen vor, um eine stabile Produktion zu gew\u00e4hrleisten. HINWEIS: Falls Sie das Layout-Design durch uns realisieren lassen m\u00f6chten, unterst\u00fctzen wir Sie dabei sehr gerne. Sprechen Sie uns einfach an. \u2715 Zuklappen Schritte 3: Nach Ihrer Freigabe beginnen wir mit der Fertigung Nach der Datenfreigabe starten wir die Produktion. W\u00e4hrend des gesamten Prozesses f\u00fchren wir regelm\u00e4\u00dfige Qualit\u00e4tskontrollen durch \u2013 einschlie\u00dflich elektrischer Tests, Sichtpr\u00fcfungen und Prozess\u00fcberwachungen \u2013 um die h\u00f6chste Zuverl\u00e4ssigkeit sicherzustellen. HINWEIS: Prototypen werden auf denselben Anlagen wie Serienproduktionen gefertigt, damit alle Verbesserungen direkt in die Serienprodukte einflie\u00dfen k\u00f6nnen. \u2715 Zuklappen \ud83d\udcc2 Datei hochladen (Gerber) \u2705 Datei ausgew\u00e4hlt: Angebot anfordern Senden&#8230; \u2705 Vielen Dank! Wir haben Ihre Anfrage erhalten. \u274c Bitte f\u00fcllen Sie alle Pflichtfelder aus. \u274c Netzwerkfehler. Bitte \u00fcberpr\u00fcfen Sie Ihre Verbindung. Standard &#038; Multilayer HDI Leiterplatten Hochfrequenz-Leiterplatten Metallkern-Leiterplatten (IMS) Flex- &#038; Starrflex-Leiterplatten IC-Substrat Prototypen &#038; Kleinserien Anfrage f\u00fcr Standard &#038; Multilayer \ud83d\udcc2 Datei hochladen (Gerber) Angebot anfordern Umfangreiches Projekt-Portfolio. Erfolgreiche Realisierungen f\u00fcr globale Technologief\u00fchrer. Jedes Muster steht f\u00fcr unsere Fertigungskompetenz und unser tiefgreifendes Engineering-Know-how. Mehrlagen &#038; Standard Ein-\/doppelseitige &#038; FR-4 Multilayer. Kosteneffizient f\u00fcr allgemeine, universelle Industrie-Anwendungen. \u00c4hnliche Produkte anfragen HDI Leiterplatten (Kern) Hochdichte Verbindungen, Blind- &#038; Buried-Vias, Fine-Line-Routing f\u00fcr maximale Integrationsdichte. \u00c4hnliche Produkte anfragen Speichermodul-PCB 8-, 10- und 12-lagige durchkontaktierte Leiterplatten mit ENIG-Oberfl\u00e4che und Goldfingern. \u00c4hnliche Produkte anfragen Switch-Produkt FR4 TG170 Industriematerial mit ENIG-Oberfl\u00e4che und zus\u00e4tzlicher, robuster Hartvergoldung. \u00c4hnliche Produkte anfragen BGA Tr\u00e4gerboards Zweilagiges Tr\u00e4gerboard f\u00fcr BGA-Flashspeicher, optimiert f\u00fcr schnellen und sicheren Datentransfer. \u00c4hnliche Produkte anfragen Spezial (HF, Kupfer, IMS) Hochfrequenz- &#038; High-Speed-Designs, Heavy Copper und Metallkern-Platinen (IMS) f\u00fcr Power-Ger\u00e4te. \u00c4hnliche Produkte anfragen Prototypen Express Schnelle und zuverl\u00e4ssige Prototypenfertigung ab 48 Stunden f\u00fcr Ihre kritischen Entwicklungsprojekte. \u00c4hnliche Produkte anfragen Mehrlagen &#038; Standard Ein-\/doppelseitige &#038; FR-4 Multilayer. Kosteneffizient f\u00fcr allgemeine, universelle Industrie-Anwendungen. \u00c4hnliche Produkte anfragen HDI Leiterplatten (Kern) Hochdichte Verbindungen, Blind- &#038; Buried-Vias, Fine-Line-Routing f\u00fcr maximale Integrationsdichte. \u00c4hnliche Produkte anfragen Speichermodul-PCB 8-, 10- und 12-lagige durchkontaktierte Leiterplatten mit ENIG-Oberfl\u00e4che und Goldfingern. \u00c4hnliche Produkte anfragen Switch-Produkt FR4 TG170 Industriematerial mit ENIG-Oberfl\u00e4che und zus\u00e4tzlicher, robuster Hartvergoldung. \u00c4hnliche Produkte anfragen BGA Tr\u00e4gerboards Zweilagiges Tr\u00e4gerboard f\u00fcr BGA-Flashspeicher, optimiert f\u00fcr schnellen und sicheren Datentransfer. \u00c4hnliche Produkte anfragen Spezial (HF, Kupfer, IMS) Hochfrequenz- &#038; High-Speed-Designs, Heavy Copper und Metallkern-Platinen (IMS) f\u00fcr Power-Ger\u00e4te. \u00c4hnliche Produkte anfragen Prototypen Express Schnelle und zuverl\u00e4ssige Prototypenfertigung ab 48 Stunden f\u00fcr Ihre kritischen Entwicklungsprojekte. \u00c4hnliche Produkte anfragen Hinweis: Abbildung dient zur Veranschaulichung technischer Merkmale. &times; Projektanfrage Gerber-Daten Status w\u00e4hlen&#8230;Gerber-Daten vorhanden (Bitte unten hochladen)Noch keine Gerber-Daten \/ In Entwicklung Anfrage absenden Vielen Dank! Ihre Anfrage wurde erfolgreich \u00fcbermittelt. Wir melden uns umgehend bei Ihnen. Branchenspezifische L\u00f6sungen.Pr\u00e4zision f\u00fcr jeden Sektor. Unterschiedliche Industrien erfordern radikal unterschiedliche Spezifikationen. Unsere Fertigungsprozesse sind auf die physikalischen, thermischen und elektrischen Extreme der jeweiligen Endanwendung kalibriert. Automotive &#038; EV Technologie: Heavy Copper, IMS (Metallkern), Starrflex. Standards: IATF 16949, AEC-Q200, IPC Class 3. Ausgelegt auf extreme Belastungen. Wir fertigen hochstromf\u00e4hige Platinen f\u00fcr Batterie-Management-Systeme (BMS) und robuste Steuerungseinheiten f\u00fcr den modernen Fahrzeugbau. Medizintechnik Technologie: Any-Layer HDI, Flex-PCBs, IC-Substrate. Standards: ISO 13485, FDA-Compliance, IPC Class 3. Lebensrettende Pr\u00e4zision. Wir erm\u00f6glichen maximale Miniaturisierung durch feinstleiter-flexible Schaltungen f\u00fcr bildgebende Systeme und tragbare \u00dcberwachungsger\u00e4te. Industrie 4.0 Technologie: High-TG Multilayer, Impedanzkontrolle, Dickkupfer. Standards: ISO 9001, UL 94V-0. Das R\u00fcckgrat der Automatisierung. Hochrobuste FR4-Aufbauten (Tg170+) f\u00fcr SPS-Steuerungen und smarte Sensorik in vibrationsintensiven Produktionsumgebungen. Telekom &#038; 5G Technologie: HF-Materialien (PTFE\/Rogers), Low-Loss, Microvias. Standards: TL 9000, IPC-6012 Class 3. Bereit f\u00fcr das GHz-Zeitalter. Pr\u00e4zises Dk\/Df-Materialmanagement f\u00fcr Signalintegrit\u00e4t in Server-Backplanes und Hochfrequenz-Antennensystemen. Aerospace Technologie: Polyimid-Starrflex, ENIG\/EPIG, Vakuum-Lamination. Standards: AS9100D, NADCAP. Entwickelt f\u00fcr Schwerelosigkeit und Vakuum. Absolute Schockresistenz und dauerhafte Stabilit\u00e4t unter extremen thermischen und physikalischen Belastungen. Green Energy Technologie: Heavy Copper (bis 6oz), Kupferkern-Platinen. Standards: ISO 14001, UL \/ CTI >600V. Leistungselektronik f\u00fcr die Energiewende. Isolationssicheres Thermomanagement f\u00fcr Solarwechselrichter und Smart-Grid-Ladestationen. IoT &#038; Devices Technologie: Ultra-HDI, mSAP, IC-Substrate, Laser-Vias. Standards: ISO 9001, RoHS, REACH. Maximale Rechenleistung auf minimalem Raum. Wir realisieren Feinstleiter-Architekturen f\u00fcr hochkompakte Consumer-Elektronik und vernetzte Smart-Home-Knoten. Warum Logistictronic w\u00e4hlen? Stehen Sie vor folgenden Herausforderungen? Ben\u00f6tigen Sie einen erfahrenen Partner? Wir sind in \u00d6sterreich. Unser Team verf\u00fcgt \u00fcber 25 Jahre Erfahrung in der Leiterplattenbranche. Wir l\u00f6sen komplexe technische Probleme effizient. Dank unserer starken taiwanesischen Unternehmensgruppe bieten wir Ihnen Produktionskapazit\u00e4ten auf Weltniveau. Sorgen wegen internationaler Abwicklung? Wir bieten einen risikofreien One-Stop-Service. Sie nennen uns einfach Ihre Anforderungen \u2013 wir k\u00fcmmern uns um die gesamte Abwicklung, Zoll und Logistik. Sie k\u00f6nnen einfach und sicher direkt in Euro bezahlen. Kleinmengen oder Eilbedarf? Kein Mindestbestellwert (No MOQ). Sie profitieren von direkten Werkspreisen. Eilauftr\u00e4ge priorisieren wir in der Fertigung und versenden blitzschnell per DHL Express direkt zu Ihnen. Zweifel an der Qualit\u00e4t? Wir liefern alle erforderlichen Zertifikate (UL, ISO 9001, IATF 16949). Gerne fertigen wir vorab Prototypen zur Freigabe, damit Sie sich zu 100% von unserer Qualit\u00e4t \u00fcberzeugen k\u00f6nnen. &#8222;Wir begleiten Sie ganzheitlich: Mit unserer langj\u00e4hrigen Erfahrung verwirklichen wir Ihre Visionen, st\u00e4rken Ihren Markterfolg und wachsen gemeinsam.&#8220; Lokaler Service Europ\u00e4ische Standards Technische Beratung Experten-Support Qualit\u00e4tskontrolle Streng gepr\u00fcft Vielfalt Umfangreiches Portfolio H\u00e4ufig gestellte Fragen Wir haben eine Liste h\u00e4ufiger Fragen und Themen zusammengestellt, die Ihnen hoffentlich weiterhilft. Wenn Sie die ben\u00f6tigten Informationen dennoch nicht finden, k\u00f6nnen Sie Ihre Fragen gerne direkt hier stellen! Bieten Sie auch After-Sales-Service an? + Ja. Unser Leistungsversprechen endet nicht mit der Auslieferung Ihrer Bestellung. Sollten w\u00e4hrend der Produktion oder nach dem Erhalt der Ware Probleme auftreten, unterst\u00fctzen<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1463","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PCB Manufacturer for HDI, Flex &amp; Metal Core PCBs | LogisticTronic<\/title>\n<meta name=\"description\" content=\"Custom PCB manufacturing for prototypes and series production: HDI, flex, rigid-flex, metal core, high-frequency and multilayer PCBs.\" \/>\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.logistictronic.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PCB Manufacturer for HDI, Flex &amp; Metal Core PCBs | LogisticTronic\" \/>\n<meta property=\"og:description\" content=\"Custom PCB manufacturing for prototypes and series production: HDI, flex, rigid-flex, metal core, high-frequency and multilayer PCBs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.logistictronic.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Logistictronic | One-Stop PCB Solution\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T16:55:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/\",\"url\":\"https:\\\/\\\/www.logistictronic.com\\\/\",\"name\":\"PCB Manufacturer for HDI, Flex & Metal Core PCBs | LogisticTronic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.logistictronic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/einseitig.png\",\"datePublished\":\"2025-10-29T10:25:35+00:00\",\"dateModified\":\"2026-04-27T16:55:59+00:00\",\"description\":\"Custom PCB manufacturing for prototypes and series production: HDI, flex, rigid-flex, metal core, high-frequency and multilayer PCBs.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.logistictronic.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.logistictronic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/einseitig.png\",\"contentUrl\":\"https:\\\/\\\/www.logistictronic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/einseitig.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.logistictronic.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PCB Manufacturer for HDI, Flex &#038; Metal Core PCBs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#website\",\"url\":\"https:\\\/\\\/www.logistictronic.com\\\/\",\"name\":\"Logistictronic | One-Stop PCB Solution\",\"description\":\"From Design to Delivery\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.logistictronic.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#organization\",\"name\":\"Logistictronic | One-Stop PCB Solution\",\"url\":\"https:\\\/\\\/www.logistictronic.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.logistictronic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/cropped-logoloukong-2.png\",\"contentUrl\":\"https:\\\/\\\/www.logistictronic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/cropped-logoloukong-2.png\",\"width\":1536,\"height\":512,\"caption\":\"Logistictronic | One-Stop PCB Solution\"},\"image\":{\"@id\":\"https:\\\/\\\/www.logistictronic.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PCB Manufacturer for HDI, Flex & Metal Core PCBs | LogisticTronic","description":"Custom PCB manufacturing for prototypes and series production: HDI, flex, rigid-flex, metal core, high-frequency and multilayer PCBs.","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.logistictronic.com\/en\/","og_locale":"en_GB","og_type":"article","og_title":"PCB Manufacturer for HDI, Flex & Metal Core PCBs | LogisticTronic","og_description":"Custom PCB manufacturing for prototypes and series production: HDI, flex, rigid-flex, metal core, high-frequency and multilayer PCBs.","og_url":"https:\/\/www.logistictronic.com\/en\/","og_site_name":"Logistictronic | One-Stop PCB Solution","article_modified_time":"2026-04-27T16:55:59+00:00","og_image":[{"url":"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.logistictronic.com\/","url":"https:\/\/www.logistictronic.com\/","name":"PCB Manufacturer for HDI, Flex & Metal Core PCBs | LogisticTronic","isPartOf":{"@id":"https:\/\/www.logistictronic.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.logistictronic.com\/#primaryimage"},"image":{"@id":"https:\/\/www.logistictronic.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png","datePublished":"2025-10-29T10:25:35+00:00","dateModified":"2026-04-27T16:55:59+00:00","description":"Custom PCB manufacturing for prototypes and series production: HDI, flex, rigid-flex, metal core, high-frequency and multilayer PCBs.","breadcrumb":{"@id":"https:\/\/www.logistictronic.com\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.logistictronic.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.logistictronic.com\/#primaryimage","url":"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png","contentUrl":"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2026\/03\/einseitig.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.logistictronic.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.logistictronic.com\/"},{"@type":"ListItem","position":2,"name":"PCB Manufacturer for HDI, Flex &#038; Metal Core PCBs"}]},{"@type":"WebSite","@id":"https:\/\/www.logistictronic.com\/#website","url":"https:\/\/www.logistictronic.com\/","name":"Logistictronic | One-Stop PCB Solution","description":"From Design to Delivery","publisher":{"@id":"https:\/\/www.logistictronic.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.logistictronic.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.logistictronic.com\/#organization","name":"Logistictronic | One-Stop PCB Solution","url":"https:\/\/www.logistictronic.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.logistictronic.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2025\/10\/cropped-logoloukong-2.png","contentUrl":"https:\/\/www.logistictronic.com\/wp-content\/uploads\/2025\/10\/cropped-logoloukong-2.png","width":1536,"height":512,"caption":"Logistictronic | One-Stop PCB Solution"},"image":{"@id":"https:\/\/www.logistictronic.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"wordpressadmin","author_link":"https:\/\/www.logistictronic.com\/en\/author\/wordpressadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Ihr Partner f\u00fcr hochwertige Leiterplatten Gemeinsam wachsen,gemeinsam Zukunft gestalten KONTAKTIEREN SIE UNS &times; Projektanfrage F\u00fcllen Sie das Formular aus, wir melden uns umgehend. Datei hochladen (Gerber) Angebot anfordern Vielen Dank! Ihre Anfrage wurde erfolgreich \u00fcbermittelt. Wir bearbeiten sie schnellstm\u00f6glich. Wie l\u00e4uft die Leiterplattenherstellung ab? Schritte 1: Bitte senden Sie uns Ihre ersten Spezifikationen. Der erste&hellip;","_links":{"self":[{"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/pages\/1463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/comments?post=1463"}],"version-history":[{"count":467,"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/pages\/1463\/revisions"}],"predecessor-version":[{"id":3740,"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/pages\/1463\/revisions\/3740"}],"wp:attachment":[{"href":"https:\/\/www.logistictronic.com\/en\/wp-json\/wp\/v2\/media?parent=1463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}