{"id":781,"date":"2026-02-07T05:07:20","date_gmt":"2026-02-07T05:07:20","guid":{"rendered":"https:\/\/zeeyielec.com\/?page_id=781"},"modified":"2026-03-16T09:02:00","modified_gmt":"2026-03-16T09:02:00","slug":"transformer-accessories","status":"publish","type":"page","link":"https:\/\/zeeyielec.com\/de\/transformer-accessories\/","title":{"rendered":"Zubeh\u00f6r f\u00fcr Transformatoren"},"content":{"rendered":"<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c876dea\" data-block-id=\"c876dea\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c876dea-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6403391\" data-v=\"4\" data-block-id=\"6403391\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6403391-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6403391-inner-blocks\">\n<!-- =========================================================================\n     ZeeyiElec - Transformer Accessories Pillar Page - SEC1 Hero\n     \u57fa\u4e8e\u4f60\u63d0\u4f9b\u7684 Hero \u7ed3\u6784\u6539\u5199\uff08\u4fdd\u6301\u540c\u98ce\u683c\u3001\u540c\u4ea4\u4e92\uff09\n     \u590d\u5236\u5230 WordPress Gutenberg \"Custom HTML\" \u533a\u5757\u5373\u53ef\n     ========================================================================= -->\n\n<style>\n    \/* --- 1. \u57fa\u7840\u53d8\u91cf\u4e0e\u91cd\u7f6e --- *\/\n    .hero-wrapper {\n        --hero-bg-dark: #102136;\n        --hero-bg-gradient-end: #0d1b2a;\n        --hero-cyan: #78d3ca;\n        --hero-cyan-hover: #5bbdb4;\n        --hero-text-white: #ffffff;\n        --hero-text-gray: #d1d5db; \/* gray-300 *\/\n        --hero-text-gray-dim: #9ca3af; \/* gray-400 *\/\n        \n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.5;\n        color: var(--hero-text-white);\n        box-sizing: border-box;\n    }\n    \n    .hero-wrapper *, .hero-wrapper *::before, .hero-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    \/* \u951a\u70b9\u5b9a\u4f4d\u504f\u79fb *\/\n    html {\n        scroll-padding-top: 120px; \n    }\n\n    \/* --- 2. \u5e03\u5c40\u7ec4\u4ef6 --- *\/\n    .hero-section {\n        position: relative;\n        width: 100%;\n        min-height: 72vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        background-color: var(--hero-bg-dark);\n        background: linear-gradient(to bottom, var(--hero-bg-dark), var(--hero-bg-gradient-end));\n        overflow: hidden;\n    }\n\n    .hero-container {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        \/* \u79fb\u52a8\u7aef\u95f4\u8ddd *\/\n        padding-top: 8rem; \n        padding-bottom: 4rem;\n        \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        height: 100%;\n        flex-grow: 1; \/* \u8ba9\u5185\u5bb9\u6491\u5f00\u4ee5\u63a8\u5230\u5e95\u90e8\u680f *\/\n    }\n\n    .hero-text-col {\n        width: 100%;\n        max-width: 760px;\n    }\n\n    \/* --- 3. \u6392\u7248\u6837\u5f0f --- *\/\n    .hero-eyebrow {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.05em;\n        color: var(--hero-cyan);\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n        border-left: 2px solid var(--hero-cyan);\n        padding-left: 0.75rem;\n    }\n\n    .hero-title {\n        font-size: 32px;\n        line-height: 1.15;\n        font-weight: 700;\n        color: var(--hero-text-white);\n        margin-bottom: 1.5rem;\n        letter-spacing: -0.025em;\n        margin-top: 0;\n        text-wrap: balance;\n    }\n\n    .hero-subtitle {\n        font-size: 16px;\n        color: var(--hero-text-gray);\n        margin-bottom: 1rem;\n        line-height: 1.625;\n        font-weight: 300;\n        margin-top: 0;\n    }\n\n    \/* --- 4. \u652f\u6301\u4fe1\u606f\u884c (Support Line) --- *\/\n    .hero-support {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 1rem 0.5rem; \/* row-gap col-gap *\/\n        font-size: 0.875rem;\n        color: var(--hero-text-gray-dim);\n        margin-bottom: 2.5rem;\n        font-weight: 500;\n    }\n\n    .hero-support-item {\n        display: flex;\n        align-items: center;\n    }\n\n    .hero-dot {\n        width: 6px;\n        height: 6px;\n        border-radius: 50%;\n        background-color: var(--hero-cyan);\n        margin-right: 0.5rem;\n        display: inline-block;\n    }\n\n    .hero-separator {\n        display: none;\n        margin: 0 0.5rem;\n        color: #4b5563;\n    }\n\n    \/* --- 5. \u6309\u94ae\u6837\u5f0f --- *\/\n    .hero-cta-group {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        width: 100%;\n    }\n\n    .hero-btn {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        padding: 1rem 2rem;\n        font-size: 15px;\n        font-weight: 700;\n        border-radius: 4px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    .hero-btn:focus-visible {\n        outline: 2px solid var(--hero-cyan);\n        outline-offset: 2px;\n    }\n\n    \/* \u4e3b\u6309\u94ae *\/\n    .hero-btn-primary {\n        background-color: var(--hero-cyan);\n        color: var(--hero-bg-dark);\n        box-shadow: 0 0 15px rgba(120, 211, 202, 0.3);\n    }\n\n    .hero-btn-primary:hover {\n        background-color: var(--hero-cyan-hover);\n        color: white;\n        box-shadow: 0 0 20px rgba(120, 211, 202, 0.5);\n        transform: translateY(-2px);\n    }\n\n    \/* \u6b21\u6309\u94ae *\/\n    .hero-btn-secondary {\n        border: 1px solid #6b7280;\n        color: #f3f4f6;\n        background: transparent;\n        backdrop-filter: blur(4px);\n    }\n\n    .hero-btn-secondary:hover {\n        border-color: white;\n        background-color: rgba(255, 255, 255, 0.1);\n        color: white;\n    }\n\n    \/* --- 6. \u5e95\u90e8\u4fe1\u606f\u6761 --- *\/\n    .hero-bottom-bar {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        background-color: rgba(0, 0, 0, 0.2);\n        backdrop-filter: blur(4px);\n        margin-top: auto;\n    }\n\n    .hero-bar-content {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 1.5rem 1rem;\n    }\n\n    .hero-stats-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        font-size: 0.875rem;\n    }\n\n    .hero-stat-item {\n        display: flex;\n        flex-direction: column;\n        border-left: 2px solid var(--hero-cyan);\n        padding-left: 1rem;\n    }\n    \n    .hero-stat-label {\n        color: var(--hero-text-gray-dim);\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        margin-bottom: 0.25rem;\n        display: block;\n    }\n\n    .hero-stat-value {\n        color: white;\n        font-weight: 600;\n        font-size: 1.125rem;\n        display: block;\n    }\n\n    \/* --- 7. \u54cd\u5e94\u5f0f\u5a92\u4f53\u67e5\u8be2 (Desktop) --- *\/\n    @media (min-width: 640px) {\n        .hero-cta-group {\n            flex-direction: row;\n            width: auto;\n        }\n        .hero-separator {\n            display: inline;\n        }\n        \/* \u5728\u5e73\u677f\u4ee5\u4e0a\u9690\u85cf\u9664\u4e86\u7b2c\u4e00\u4e2a\u4ee5\u5916\u7684\u5706\u70b9 *\/\n        .hero-support-item:not(:first-child) .hero-dot {\n            display: none;\n        }\n        .hero-stats-grid {\n            grid-template-columns: repeat(3, 1fr);\n            gap: 3rem;\n        }\n        .hero-stat-item.bordered-desktop {\n            border-left: 1px solid rgba(255,255,255,0.1);\n            padding-left: 2rem;\n        }\n        .hero-stat-item.first-item {\n            border-left: 2px solid var(--hero-cyan); \/* \u4fdd\u6301\u9752\u8272\u8fb9\u6846 *\/\n            padding-left: 1rem; \/* \u91cd\u7f6e\u5185\u8fb9\u8ddd *\/\n        }\n    }\n\n    @media (min-width:690px) {\n        .hero-eyebrow { font-size: 14px; }\n        .hero-title { font-size: 42px; }\n        .hero-subtitle { font-size: 18px; }\n        .hero-container { padding-left: 1.5rem; padding-right: 1.5rem; }\n    }\n\n    @media (min-width:1000px) {\n        .hero-container { \n            padding-top: 12rem; \/* lg:pt-48 approx *\/\n            padding-bottom: 6rem; \n        }\n        .hero-title { font-size: 52px; }\n    }\n<\/style>\n\n<div class=\"hero-wrapper\">\n\n    <!-- SEC1 HERO MODULE -->\n    <section class=\"hero-section\">\n        \n        <!-- \u5185\u5bb9\u5bb9\u5668 -->\n        <div class=\"hero-container\">\n            \n            <!-- \u5de6\u4fa7\u5185\u5bb9\u533a -->\n            <div class=\"hero-text-col\">\n                \n                <!-- Eyebrow (\u5c0f\u6807\u9898) -->\n                <span class=\"hero-eyebrow\">\n                    Zubeh\u00f6r f\u00fcr Transformatoren\n                <\/span>\n                \n                <!-- H1 (\u4e3b\u6807\u9898) -->\n                <h1 class=\"hero-title\">\n                    Transformatorenzubeh\u00f6r f\u00fcr Stromverteilungssysteme\n                <\/h1>\n                \n                <!-- Subheadline (\u526f\u6807\u9898) -->\n                <p class=\"hero-subtitle\">\n                    Beziehen Sie Mittelspannungs- und Niederspannungstransformatorenzubeh\u00f6r von einem technisch orientierten Lieferanten, einschlie\u00dflich Durchf\u00fchrungen, Durchf\u00fchrungsschachteins\u00e4tze, Bay-o-Net-Sicherungsbaugruppen, strombegrenzende Sicherungen, Lasttrennschalter und Stufenschalter.\n                <\/p>\n\n                <!-- Support Line (\u652f\u6301\u4fe1\u606f) -->\n                <div class=\"hero-support\">\n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>7 Abdeckung von Produktserien\n                    <\/span>\n                    <span class=\"hero-separator\">\u2022<\/span>\n                    \n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>Schnelle technische Reaktion\n                    <\/span>\n                    <span class=\"hero-separator\">\u2022<\/span>\n                    \n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>Unterst\u00fctzung bei der Exportdokumentation\n                    <\/span>\n                <\/div>\n                \n                <!-- CTA Buttons (\u6309\u94ae\u7ec4) -->\n                <div class=\"hero-cta-group\">\n                    <!-- \u4e3b\u6309\u94ae -->\n                    <a href=\"#ct-popup-862\" class=\"hero-btn hero-btn-primary\">\n                        Angebot anfordern\n                    <\/a>\n                    \n                    <!-- \u6b21\u6309\u94ae -->\n                    <a href=\"#sec-series\" class=\"hero-btn hero-btn-secondary\">\n                        Produktserien durchsuchen\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u5e95\u90e8\u4fe1\u606f\u6761 -->\n        <div class=\"hero-bottom-bar\">\n            <div class=\"hero-bar-content\">\n                <div class=\"hero-stats-grid\">\n                    <!-- Item 1 -->\n                    <div class=\"hero-stat-item first-item\">\n                        <span class=\"hero-stat-label\">Spannungsumfang<\/span>\n                        <span class=\"hero-stat-value\">LV- und MV-Anwendungen<\/span>\n                    <\/div>\n                    <!-- Item 2 -->\n                    <div class=\"hero-stat-item bordered-desktop\">\n                        <span class=\"hero-stat-label\">Produkt-Familien<\/span>\n                        <span class=\"hero-stat-value\">Buchsen, Sicherung, Schalter, Stufenschalter<\/span>\n                    <\/div>\n                    <!-- Item 3 -->\n                    <div class=\"hero-stat-item bordered-desktop\">\n                        <span class=\"hero-stat-label\">Anmeldung<\/span>\n                        <span class=\"hero-stat-value\">Verteilungstransformatoren<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-fef016b\" data-block-id=\"fef016b\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fef016b-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f783e47\" data-v=\"4\" data-block-id=\"f783e47\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f783e47-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f783e47-inner-blocks\">\n<!-- =========================================================================\n     SEC2: What Are Transformer Accessories? (Redesigned V2 - Copy Refined)\n     \u98ce\u683c\uff1aTech-Industrial \/ \u7cbe\u5bc6\u5de5\u7a0b\u611f\n     \u8bf4\u660e\uff1a\u6cbf\u7528\u4f60\u63d0\u4f9b\u7684\u6837\u5f0f\uff0c\u4ec5\u4f18\u5316\u6587\u6848\u4e0e\u672f\u8bed\u8868\u8fbe\uff08\u53bb\u6389\u201cSEC 2.0 \/ Context\u201d\u8fd9\u7c7b\u8868\u8fbe\uff09\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC2 Scoped CSS (V2) ===== *\/\n  .tf2-wrap {\n    --tf2-bg: #f5f8fc;\n    --tf2-card-bg: #ffffff;\n    --tf2-ink: #0f172a;\n    --tf2-body: #475569;\n    --tf2-muted: #94a3b8;\n    --tf2-line: #e2e8f0;\n    --tf2-accent: var(--theme-palette-color-2, #78d3ca); \/* \u4e3b\u8272\u8c03 *\/\n    --tf2-accent-dim: rgba(120, 211, 202, 0.15);\n    --tf2-dark: #1e293b;\n    --tf2-shadow: 0 20px 40px -6px rgba(15, 23, 42, 0.08);\n    --tf2-radius: 12px;\n\n    position: relative;\n    background: var(--tf2-bg);\n    padding: 100px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--tf2-body);\n    overflow: hidden;\n    isolation: isolate;\n  }\n  .tf2-wrap * { box-sizing: border-box; }\n\n  \/* Technical Grid Background *\/\n  .tf2-wrap::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image: \n      linear-gradient(var(--tf2-line) 1px, transparent 1px),\n      linear-gradient(90deg, var(--tf2-line) 1px, transparent 1px);\n    background-size: 40px 40px;\n    opacity: 0.4;\n    mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  \/* Decorative glowing orb (Subtle) *\/\n  .tf2-wrap::after {\n    content: \"\";\n    position: absolute;\n    top: -10%; right: -5%;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, var(--tf2-accent-dim) 0%, transparent 70%);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .tf2-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  \/* ===== Header Section ===== *\/\n  .tf2-head {\n    max-width: 860px;\n    margin-bottom: 40px;\n  }\n  \n  .tf2-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--tf2-muted);\n    background: #fff;\n    padding: 6px 12px;\n    border: 1px solid var(--tf2-line);\n    border-radius: 100px;\n    margin-bottom: 16px;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n  }\n  .tf2-kicker::before {\n    content: \"\";\n    display: block;\n    width: 8px; height: 8px;\n    background: var(--tf2-accent);\n    border-radius: 50%;\n  }\n\n  .tf2-title {\n    margin: 0 0 16px;\n    font-size: clamp(32px, 4.5vw, 46px);\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    color: var(--tf2-ink);\n    font-weight: 800;\n  }\n  \n  .tf2-intro {\n    font-size: 18px;\n    line-height: 1.7;\n    color: var(--tf2-body);\n    max-width: 760px;\n    margin: 0;\n  }\n\n  \/* ===== Main Layout Grid ===== *\/\n  .tf2-grid {\n    display: grid;\n    grid-template-columns: 1.4fr 0.9fr;\n    gap: 30px;\n    align-items: start;\n  }\n\n  \/* --- LEFT: Main Content Card --- *\/\n  .tf2-main {\n    background: var(--tf2-card-bg);\n    border-radius: var(--tf2-radius);\n    padding: 40px;\n    box-shadow: var(--tf2-shadow);\n    border: 1px solid rgba(255,255,255,0.6);\n    position: relative;\n  }\n  \/* Decorative corner accent *\/\n  .tf2-main::before {\n    content: \"\";\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 4px;\n    background: linear-gradient(90deg, var(--tf2-accent) 0%, transparent 100%);\n    opacity: 0.8;\n  }\n\n  .tf2-main p {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n  }\n  .tf2-main p:last-of-type { margin-bottom: 0; }\n\n  \/* Technical Note Box *\/\n  .tf2-tech-note {\n    margin-top: 30px;\n    padding: 20px;\n    background: linear-gradient(to right, #f1fcfb, #f8fafc);\n    border-left: 3px solid var(--tf2-accent);\n    border-radius: 4px;\n    position: relative;\n  }\n  .tf2-tech-note strong {\n    display: block;\n    color: #0f766e;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 6px;\n  }\n  .tf2-tech-note span {\n    display: block;\n    font-size: 15px;\n    color: #334155;\n    line-height: 1.6;\n  }\n\n  \/* Action Button *\/\n  .tf2-cta {\n    display: inline-flex;\n    align-items: center;\n    margin-top: 32px;\n    padding: 12px 24px;\n    background: var(--tf2-ink);\n    color: #fff;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 14px;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n    gap: 8px;\n  }\n  .tf2-cta:hover {\n    background: var(--tf2-accent);\n    color: #0f2238;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 20px -5px rgba(120, 211, 202, 0.4);\n  }\n  .tf2-cta svg { width: 16px; height: 16px; transition: transform 0.3s; }\n  .tf2-cta:hover svg { transform: translateX(3px); }\n\n  \/* --- RIGHT: Functional Map (The Circuit) --- *\/\n  .tf2-side {\n    position: relative;\n    padding-top: 10px;\n  }\n  \n  .tf2-side-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 24px;\n    border-bottom: 2px solid var(--tf2-line);\n    padding-bottom: 10px;\n  }\n  .tf2-side-head h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--tf2-ink);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n  .tf2-side-head span {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--tf2-muted);\n  }\n\n  \/* Circuit List Styling *\/\n  .tf2-circuit {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    position: relative;\n  }\n  \/* The vertical connecting line *\/\n  .tf2-circuit::before {\n    content: \"\";\n    position: absolute;\n    top: 10px; bottom: 30px; left: 7px;\n    width: 2px;\n    background: var(--tf2-line);\n    z-index: 0;\n  }\n\n  .tf2-circuit li {\n    position: relative;\n    padding-left: 32px;\n    margin-bottom: 24px;\n    z-index: 1;\n  }\n  .tf2-circuit li:last-child { margin-bottom: 0; }\n\n  \/* The Nodes (Dots) *\/\n  .tf2-circuit li::after {\n    content: \"\";\n    position: absolute;\n    left: 0; top: 6px;\n    width: 16px; height: 16px;\n    background: #fff;\n    border: 3px solid var(--tf2-accent);\n    border-radius: 50%;\n    box-shadow: 0 0 0 4px var(--tf2-bg); \/* Mask the line behind *\/\n    transition: transform 0.3s ease;\n  }\n  .tf2-circuit li:hover::after {\n    transform: scale(1.2);\n    background: var(--tf2-accent);\n  }\n\n  .tf2-item-title {\n    display: block;\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--tf2-ink);\n    margin-bottom: 4px;\n  }\n  .tf2-item-desc {\n    display: block;\n    font-size: 14px;\n    color: var(--tf2-body);\n    line-height: 1.4;\n  }\n\n  \/* --- BOTTOM: Info Strip (Dashboard Style) --- *\/\n  .tf2-strip {\n    margin-top: 40px;\n    background: #fff;\n    border: 1px solid var(--tf2-line);\n    border-radius: var(--tf2-radius);\n    padding: 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 20px;\n  }\n  \n  .tf2-data-group {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .tf2-data-label {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--tf2-muted);\n    text-transform: uppercase;\n  }\n  .tf2-data-value {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--tf2-ink);\n  }\n  \n  .tf2-tag {\n    background: #f1f5f9;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--tf2-body);\n    border: 1px solid var(--tf2-line);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .tf2-grid { grid-template-columns: 1fr; gap: 50px; }\n    .tf2-main { padding: 30px 24px; }\n    .tf2-wrap { padding: 60px 20px; }\n    .tf2-side-head { border-bottom-width: 1px; }\n  }\n<\/style>\n\n<section class=\"tf2-wrap\" id=\"sec-definition\" aria-labelledby=\"tf2-title\">\n  <div class=\"tf2-container\">\n\n    <!-- Header -->\n    <header class=\"tf2-head\">\n      <div class=\"tf2-kicker\">Technischer \u00dcberblick<\/div>\n      <h2 id=\"tf2-title\" class=\"tf2-title\">Was ist Zubeh\u00f6r f\u00fcr Transformatoren?<\/h2>\n      <p class=\"tf2-intro\">\n        Transformatorenzubeh\u00f6r ist eine wichtige Schnittstellenkomponente, die den isolierten Anschluss, den Fehlerschutz,\n        Schaltvorg\u00e4nge und die Spannungsanpassung in Verteilertransformatorensystemen unterst\u00fctzen.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf2-grid\">\n      \n      <!-- Main Content: Engineering Context -->\n      <article class=\"tf2-main\">\n        <p>\n          Das Transformatorenzubeh\u00f6r bildet die Funktionsschicht um den Transformatorenk\u00f6rper. In realen Projekten sollten sie ausgew\u00e4hlt werden\n          als <strong>koordiniertes System<\/strong> als unabh\u00e4ngige Teile, so dass die elektrische Kompatibilit\u00e4t, die Isolationsleistung\n          und die Betriebssicherheit w\u00e4hrend des gesamten Lebenszyklus erhalten bleiben.\n        <\/p>\n        <p>\n          Zu den typischen Produktfamilien geh\u00f6ren Durchf\u00fchrungen und Eins\u00e4tze f\u00fcr Verbindungsschnittstellen, Bay-o-Net-Sicherungsbaugruppen und strombegrenzende Sicherungen\n          f\u00fcr die Schutzkoordination, Lasttrennschalter f\u00fcr die Betriebskontrolle und Stufenschalter f\u00fcr die Einstellung des \u00dcbersetzungsverh\u00e4ltnisses.\n        <\/p>\n        <p>\n          F\u00fcr die Beschaffungsteams verringert die Auswahl auf Systemebene das Risiko von Fehlanpassungen, verk\u00fcrzt die technischen Best\u00e4tigungszyklen und verbessert die Effizienz von der Anfrage bis zur Auslieferung.\n        <\/p>\n        \n        <div class=\"tf2-tech-note\">\n          <strong>Technische Einblicke<\/strong>\n          <span>\n            Beginnen Sie mit der Spannungsklasse und den Abmessungen der Schnittstellen, und best\u00e4tigen Sie dann die Schutz- und Betriebskomponenten.\n            Die meisten Probleme vor Ort treten an den Anschlussschnittstellen auf, nicht im Inneren des Transformatorentanks.\n          <\/span>\n        <\/div>\n\n        <a href=\"#sec-series\" class=\"tf2-cta\">\n          Produktreihen erkunden\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Side Content: Functional Map (Circuit Style) -->\n      <aside class=\"tf2-side\" aria-label=\"Karte der funktionalen Architektur\">\n        <div class=\"tf2-side-head\">\n          <h3>Funktionale Architektur<\/h3>\n          <span>SYS_MAP_01<\/span>\n        <\/div>\n\n        <ul class=\"tf2-circuit\">\n          <li>\n            <span class=\"tf2-item-title\">Anschluss Schnittstelle<\/span>\n            <span class=\"tf2-item-desc\">MV\/LV-Durchf\u00fchrungen und Eins\u00e4tze f\u00fcr die isolierte Energie\u00fcbertragung.<\/span>\n          <\/li>\n          <li>\n            <span class=\"tf2-item-title\">St\u00f6rungsschutz<\/span>\n            <span class=\"tf2-item-desc\">Bay-o-net-Sicherung plus Koordinierungslogik f\u00fcr strombegrenzende Sicherungen.<\/span>\n          <\/li>\n          <li>\n            <span class=\"tf2-item-title\">Operative Kontrolle<\/span>\n            <span class=\"tf2-item-desc\">Lasttrennschalterkomponenten f\u00fcr den sicheren Betrieb der Sektionen.<\/span>\n          <\/li>\n          <li>\n            <span class=\"tf2-item-title\">Spannungsanpassung<\/span>\n            <span class=\"tf2-item-desc\">Stufenschalter au\u00dferhalb des Stromkreises f\u00fcr lokales Spannungsmanagement.<\/span>\n          <\/li>\n        <\/ul>\n      <\/aside>\n\n    <\/div>\n\n    <!-- Bottom Strip: Data readout style -->\n    <div class=\"tf2-strip\" role=\"group\" aria-label=\"Datenpunkte f\u00fcr Transformatorenzubeh\u00f6r\">\n      <div class=\"tf2-data-group\">\n        <span class=\"tf2-data-label\">System-Rolle<\/span>\n        <span class=\"tf2-data-value\">Verbindung, Schutz und Kontrolle<\/span>\n      <\/div>\n      <div class=\"tf2-data-group\">\n        <span class=\"tf2-data-label\">Prim\u00e4re Anwendung<\/span>\n        <span class=\"tf2-data-value\">Projekte f\u00fcr Verteilertransformatoren<\/span>\n      <\/div>\n      <div class=\"tf2-data-group\" style=\"margin-left:auto;\">\n        <span class=\"tf2-tag\">IEC 60076<\/span>\n        <span class=\"tf2-tag\">IEEE C57.12.00<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d3397cb\" data-block-id=\"d3397cb\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d3397cb-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-071ecd0\" data-v=\"4\" data-block-id=\"071ecd0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-071ecd0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-071ecd0-inner-blocks\">\n<!-- =========================================================================\n     SEC3: Transformer Accessories Navigator (Clean Version)\n     \u9002\u7528\uff1aWordPress Gutenberg \"Custom HTML\" Block\n     \u8bf4\u660e\uff1a\u5df2\u79fb\u9664 html\/body \u6807\u7b7e\uff0c\u6837\u5f0f\u5df2\u9694\u79bb\uff0c\u4e0d\u4f1a\u5f71\u54cd\u5168\u7ad9\u4e3b\u9898\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC3 Scoped Styles ===== *\/\n  .tf3-wrap {\n    \/* Color Palette *\/\n    --tf3-bg: #ffffff;\n    --tf3-ink: #0f172a;          \/* Dark Navy Text *\/\n    --tf3-body: #475569;         \/* Slate Grey Text *\/\n    --tf3-muted: #94a3b8;\n    --tf3-line: #e2e8f0;         \/* Light Borders *\/\n    --tf3-accent: #0f766e;       \/* Teal-700 *\/\n    --tf3-accent-hover: #115e59;\n    --tf3-card-bg: #ffffff;\n    --tf3-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --tf3-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);\n    \n    --tf3-radius: 12px;\n\n    position: relative;\n    background: var(--tf3-bg);\n    padding: 80px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--tf3-body);\n    \/* Prevent WP theme override *\/\n    box-sizing: border-box;\n    margin: 0;\n  }\n  \n  \/* Reset box-sizing for this component *\/\n  .tf3-wrap *, .tf3-wrap *::before, .tf3-wrap *::after {\n    box-sizing: border-box;\n  }\n\n  .tf3-container {\n    max-width: 1240px;\n    margin: 0 auto;\n  }\n\n  \/* ===== HEADER ===== *\/\n  .tf3-head {\n    max-width: 800px;\n    margin: 0 0 40px;\n  }\n  \n  .tf3-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--tf3-accent);\n    background: #f0fdfa; \n    border: 1px solid #ccfbf1;\n    border-radius: 100px;\n    padding: 6px 12px;\n    margin-bottom: 16px;\n    line-height: 1;\n  }\n  \n  .tf3-title {\n    margin: 0 0 16px;\n    color: var(--tf3-ink);\n    font-size: clamp(28px, 4vw, 40px);\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n  }\n  \n  .tf3-intro {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--tf3-body);\n    max-width: 720px;\n    margin: 0;\n  }\n\n  \/* ===== GRID ===== *\/\n  .tf3-grid {\n    display: grid; \n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  \/* ===== CARD STYLE ===== *\/\n  .tf3-card {\n    background: var(--tf3-card-bg);\n    border: 1px solid var(--tf3-line);\n    border-radius: var(--tf3-radius);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.3s ease;\n    height: 100%;\n    margin: 0; \/* Reset WP margins *\/\n  }\n  \n  .tf3-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tf3-shadow-hover);\n    border-color: #cbd5e1;\n  }\n\n  \/* Image Area (Square) *\/\n  .tf3-media {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background: #f8fafc;\n    position: relative; \n    overflow: hidden;\n    border-bottom: 1px solid var(--tf3-line);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .tf3-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    padding: 16px;\n    transition: transform 0.5s ease;\n    display: block;\n    margin: 0;\n  }\n  .tf3-card:hover .tf3-media img {\n    transform: scale(1.08);\n  }\n\n  \/* Content Area *\/\n  .tf3-body {\n    padding: 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .tf3-tag {\n    align-self: flex-start;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #64748b;\n    background: #f1f5f9;\n    padding: 4px 8px;\n    border-radius: 4px;\n    margin-bottom: 12px;\n    line-height: 1;\n  }\n\n  .tf3-name {\n    margin: 0 0 8px;\n    font-size: 18px;\n    font-weight: 700;\n    color: var(--tf3-ink);\n    line-height: 1.3;\n  }\n  .tf3-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--tf3-body);\n    margin: 0 0 20px;\n  }\n\n  \/* Footer Action *\/\n  .tf3-foot {\n    padding: 0 20px 20px;\n    margin-top: auto;\n  }\n  \n  .tf3-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    padding: 12px;\n    background: #fff;\n    color: var(--tf3-ink);\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 600;\n    border-radius: 8px;\n    border: 1px solid var(--tf3-line);\n    transition: all 0.2s ease;\n    cursor: pointer;\n  }\n  .tf3-btn:hover {\n    background: var(--tf3-ink);\n    color: #fff;\n    border-color: var(--tf3-ink);\n  }\n  .tf3-btn svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n  }\n\n  \/* Responsive *\/\n  @media (max-width:1000px) {\n    .tf3-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  @media (max-width:690px) {\n    .tf3-wrap {\n      padding: 60px 16px;\n    }\n    .tf3-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  }\n<\/style>\n\n<section class=\"tf3-wrap\" id=\"sec-series\">\n  <div class=\"tf3-container\">\n    \n    <!-- HEADER -->\n    <header class=\"tf3-head\">\n      <div class=\"tf3-kicker\">Produktreihe<\/div>\n      <h2 class=\"tf3-title\">Transformator-Zubeh\u00f6r Navigator<\/h2>\n      <p class=\"tf3-intro\">\n        Durchsuchen Sie unser komplettes Sortiment an Verteilertransformatorenkomponenten, die auf Kompatibilit\u00e4t und Zuverl\u00e4ssigkeit ausgelegt sind.\n      <\/p>\n    <\/header>\n\n    <!-- PRODUCT GRID -->\n    <div class=\"tf3-grid\">\n\n      <!-- Card 1: Bushing Well -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electric-200A-15-25-35kV-class-epoxy-resin-bushing-well.webp\" alt=\"Buchse Well-Eins\u00e4tze\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Verbindung<\/span>\n          <h3 class=\"tf3-name\">Buchse Well-Eins\u00e4tze<\/h3>\n          <p class=\"tf3-desc\">200A isolierte Schnittstellenkomponenten f\u00fcr einen zuverl\u00e4ssigen transformatorseitigen Kabelanschluss.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/bushing-well-inserts\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 2: MV Bushings -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-medium-voltage-transformer-epoxy-bushing-200A-15KV.webp\" alt=\"MV-Epoxidbuchsen\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Schnittstelle<\/span>\n          <h3 class=\"tf3-name\">MV-Epoxidbuchsen<\/h3>\n          <p class=\"tf3-desc\">Externe Isolierung und stromf\u00fchrende Schnittstellen f\u00fcr MV-Verteilungstransformatorensysteme.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/medium-voltage-bushings\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 3: LV Bushings -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electric-HTN-molded-Tri-clamp-low-voltage-bushing.webp\" alt=\"LV-Buchsen\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Ausgabe<\/span>\n          <h3 class=\"tf3-name\">Niederspannungsdurchf\u00fchrungen<\/h3>\n          <p class=\"tf3-desc\">NS-seitige Klemmenschnittstellen f\u00fcr stabile Strom\u00fcbertragung und Montagekompatibilit\u00e4t.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/low-voltage-bushings\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 4: Bay-O-Net -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electric-15-25kV-class-bayonet-fuse-assembly-1.webp\" alt=\"Bay-O-Net-Sicherung\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Schutz<\/span>\n          <h3 class=\"tf3-name\">Bay-O-Net Montage<\/h3>\n          <p class=\"tf3-desc\">Wartungsf\u00e4hige Prim\u00e4rschutzbaugruppen f\u00fcr \u00f6lgef\u00fcllte Verteiltransformatoren.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/bay-o-net-fuse-assemblies\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 5: Current Limiting -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electrical-ELSP-Current-Limiting-Backup-Fuse.webp\" alt=\"ELSP-Sicherung\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Sicherheit<\/span>\n          <h3 class=\"tf3-name\">Strombegrenzende Sicherungen<\/h3>\n          <p class=\"tf3-desc\">Mit der Schutzlogik von bay-o-net koordinierte L\u00f6sungen zur Begrenzung des Fehlerstroms.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/current-limiting-fuses\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 6: Loadbreak -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electrical-Two-position-loadbreak-LBOR-switch.webp\" alt=\"Lasttrennschalter\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Kontrolle<\/span>\n          <h3 class=\"tf3-name\">Lasttrennschalter<\/h3>\n          <p class=\"tf3-desc\">Funktionsf\u00e4hige Schaltkomponenten f\u00fcr eine sichere Aufteilung und einen kontrollierten Netzbetrieb.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/loadbreak-switch\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 7: Tap Changer -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-off-load-tap-changer-Rotary-type.webp\" alt=\"Stufenschalter\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Verordnung<\/span>\n          <h3 class=\"tf3-name\">Ausgeschalteter Stufenschalter<\/h3>\n          <p class=\"tf3-desc\">Mechanismen zur stromlosen Anzapfung f\u00fcr die Optimierung der Transformatorspannung.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/de\/transformer-accessories\/off-circuit-tap-changer\/\" class=\"tf3-btn\">\n            Serie ansehen\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2835972\" data-block-id=\"2835972\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2835972-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-73e8fcf\" data-v=\"4\" data-block-id=\"73e8fcf\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-73e8fcf-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-73e8fcf-inner-blocks\">\n<!-- =========================================================================\n     SEC4: Selection Guide V3.1 (Center Axis Layout - Zeeyi Palette Fixed)\n     \u5e03\u5c40\uff1a\u4e2d\u8f74\u65f6\u95f4\u8f74 + \u5e95\u90e8\u529f\u80fd\u5361\u7247\n     \u4fee\u6b63\uff1a\u7edf\u4e00\u54c1\u724c\u8272 #78d3ca\uff1b\u8bed\u4e49\u4e0e\u53ef\u8bfb\u6027\u4f18\u5316\uff1b\u4fdd\u6301\u9ad8\u5bc6\u5ea6\u7ed3\u6784\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC4 Scoped CSS V3.1 ===== *\/\n  .tf4-wrap {\n    --tf4-bg: #f8fafc;\n    --tf4-card: #ffffff;\n    --tf4-ink: #1e293b;\n    --tf4-body: #475569;\n    --tf4-border: #e2e8f0;\n    --tf4-accent: var(--theme-palette-color-2, #78d3ca); \/* FIXED *\/\n    --tf4-accent-ink: #0f2238;\n    --tf4-radius: 10px;\n    --tf4-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n    --tf4-shadow-hover: 0 12px 20px -5px rgba(0, 0, 0, 0.06);\n\n    position: relative;\n    background: var(--tf4-bg);\n    padding: 80px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--tf4-body);\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .tf4-wrap * { box-sizing: border-box; }\n\n  \/* Grid Texture Background *\/\n  .tf4-wrap::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(var(--tf4-border) 1px, transparent 1px),\n      linear-gradient(90deg, var(--tf4-border) 1px, transparent 1px);\n    background-size: 40px 40px;\n    opacity: 0.4;\n    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .tf4-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* ===== HEADER ===== *\/\n  .tf4-head {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 50px;\n  }\n  .tf4-kicker {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--tf4-accent-ink);\n    background: #fff;\n    padding: 6px 14px;\n    border-radius: 100px;\n    border: 1px solid var(--tf4-border);\n    margin-bottom: 12px;\n  }\n  .tf4-title {\n    margin: 0 0 12px;\n    color: var(--tf4-ink);\n    font-size: clamp(28px, 4vw, 38px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n  }\n  .tf4-intro {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.65;\n    color: var(--tf4-body);\n  }\n\n  \/* ===== CENTER TIMELINE ===== *\/\n  .tf4-timeline {\n    position: relative;\n    padding: 10px 0;\n    margin-bottom: 50px;\n  }\n\n  .tf4-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 0; bottom: 0; left: 50%;\n    width: 2px;\n    background: var(--tf4-border);\n    transform: translateX(-1px);\n  }\n\n  .tf4-step {\n    position: relative;\n    width: 50%;\n    padding: 0 30px;\n    margin-bottom: 30px;\n    clear: both;\n  }\n  .tf4-step:nth-child(odd) { float: left; text-align: right; }\n  .tf4-step:nth-child(even) { float: right; text-align: left; margin-top: 30px; }\n\n  .tf4-timeline::after { content: \"\"; display: table; clear: both; }\n\n  .tf4-step-marker {\n    position: absolute;\n    top: 0;\n    width: 14px; height: 14px;\n    background: #fff;\n    border: 3px solid var(--tf4-accent);\n    border-radius: 50%;\n    z-index: 2;\n    box-shadow: 0 0 0 4px var(--tf4-bg);\n  }\n  .tf4-step:nth-child(odd) .tf4-step-marker { right: -7px; }\n  .tf4-step:nth-child(even) .tf4-step-marker { left: -7px; }\n\n  .tf4-card {\n    background: #fff;\n    padding: 20px;\n    border-radius: var(--tf4-radius);\n    border: 1px solid var(--tf4-border);\n    box-shadow: var(--tf4-shadow);\n    position: relative;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color .3s ease;\n  }\n  .tf4-card:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--tf4-shadow-hover);\n    border-color: #cbd5e1;\n  }\n\n  .tf4-card::before {\n    content: \"\";\n    position: absolute; top: 16px;\n    width: 30px; height: 1px;\n    background: var(--tf4-border);\n  }\n  .tf4-step:nth-child(odd) .tf4-card::before { right: -30px; }\n  .tf4-step:nth-child(even) .tf4-card::before { left: -30px; }\n\n  .tf4-step-no {\n    display: block;\n    font-size: 42px;\n    line-height: 1;\n    font-weight: 900;\n    color: #f1f5f9;\n    position: absolute;\n    top: 8px;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .tf4-step:nth-child(odd) .tf4-step-no { right: 16px; }\n  .tf4-step:nth-child(even) .tf4-step-no { left: 16px; }\n\n  .tf4-step-content { position: relative; z-index: 1; }\n\n  .tf4-step-title {\n    margin: 0 0 6px;\n    font-size: 17px;\n    font-weight: 700;\n    color: var(--tf4-ink);\n  }\n  .tf4-step-desc {\n    margin: 0 0 12px;\n    font-size: 14px;\n    line-height: 1.58;\n    color: var(--tf4-body);\n  }\n\n  .tf4-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n  .tf4-step:nth-child(odd) .tf4-tags { justify-content: flex-end; }\n\n  .tf4-tag {\n    font-size: 10px;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    color: #64748b;\n    background: #f8fafc;\n    border: 1px solid var(--tf4-border);\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n  }\n\n  \/* ===== BOTTOM INFO GRID ===== *\/\n  .tf4-bottom {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    border-top: 1px dashed var(--tf4-border);\n    padding-top: 40px;\n  }\n\n  .tf4-info-card {\n    background: #fff;\n    padding: 20px;\n    border-radius: var(--tf4-radius);\n    border: 1px solid var(--tf4-border);\n  }\n\n  .tf4-info-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 12px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--tf4-ink);\n  }\n\n  .tf4-info-card.is-warning {\n    background: #fffbeb;\n    border-color: #fcd34d;\n  }\n  .tf4-info-card.is-warning .tf4-info-head { color: #b45309; }\n\n  .tf4-list { margin: 0; padding: 0; list-style: none; }\n  .tf4-list li {\n    position: relative;\n    padding-left: 14px;\n    margin-bottom: 4px;\n    font-size: 13px;\n    line-height: 1.5;\n    color: var(--tf4-body);\n  }\n  .tf4-list li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    color: var(--tf4-accent);\n    font-weight: bold;\n  }\n  .tf4-info-card.is-warning .tf4-list li::before { color: #d97706; }\n\n  .tf4-info-text {\n    font-size: 13px;\n    line-height: 1.6;\n    color: var(--tf4-body);\n    margin: 0;\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width:690px) {\n    .tf4-wrap { padding: 64px 16px; }\n\n    .tf4-timeline::before { left: 16px; }\n\n    .tf4-step {\n      width: 100%;\n      float: none;\n      padding: 0 0 0 40px;\n      margin-bottom: 24px;\n      margin-top: 0 !important;\n      text-align: left !important;\n    }\n\n    .tf4-step-marker { left: 9px !important; right: auto !important; }\n\n    .tf4-card::before {\n      width: 16px;\n      left: -16px !important;\n      right: auto !important;\n    }\n\n    .tf4-tags { justify-content: flex-start !important; }\n    .tf4-step-no { right: 20px !important; left: auto !important; }\n\n    .tf4-bottom { grid-template-columns: 1fr; gap: 12px; }\n  }\n<\/style>\n\n<section class=\"tf4-wrap\" id=\"sec-selection-guide\">\n  <div class=\"tf4-container\">\n\n    <header class=\"tf4-head\">\n      <span class=\"tf4-kicker\">Technischer Arbeitsablauf<\/span>\n      <h2 class=\"tf4-title\">Auswahl von Transformatorenzubeh\u00f6r<\/h2>\n      <p class=\"tf4-intro\">\n        Folgen Sie dieser 5-Schritte-Sequenz, um Schnittstellenfehlanpassungen zu reduzieren, die Schutzkoordination zu verbessern,\n        und die Best\u00e4tigung von Ausschreibungen f\u00fcr Transformatorenzubeh\u00f6rprojekte zu beschleunigen.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf4-timeline\">\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">01<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Elektrische Umh\u00fcllung definieren<\/h3>\n            <p class=\"tf4-step-desc\">Best\u00e4tigen Sie zun\u00e4chst Spannungsklasse, Isolationsanforderungen und Strompfad, um in Frage kommende Zubeh\u00f6rfamilien herauszufiltern.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Spannungsklasse<\/span>\n              <span class=\"tf4-tag\">BIL<\/span>\n              <span class=\"tf4-tag\">Aktuelle Bewertung<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">02<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Schlossschnittstelle Fit<\/h3>\n            <p class=\"tf4-step-desc\">\u00dcberpr\u00fcfen Sie die Passgeometrie und die Einbauma\u00dfe zwischen Durchf\u00fchrungen, Eins\u00e4tzen und transformatorseitigen Schnittstellen.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Montageloch<\/span>\n              <span class=\"tf4-tag\">Schnittstelle Dims<\/span>\n              <span class=\"tf4-tag\">Material \u00dcbereinstimmung<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">03<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Validierung der Schutzkoordination<\/h3>\n            <p class=\"tf4-step-desc\">Koordinieren Sie Bay-O-Net und strombegrenzende Sicherungen als aufeinander abgestimmten Schutzsatz, nicht als isolierte Elemente.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Prim\u00e4re Sicherung<\/span>\n              <span class=\"tf4-tag\">Backup-Sicherung<\/span>\n              <span class=\"tf4-tag\">TCC-Kurven<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">04<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Best\u00e4tigen Sie den Betriebsbedarf<\/h3>\n            <p class=\"tf4-step-desc\">Definieren Sie die Schalt- und Spannungsanpassungsanforderungen f\u00fcr die Auswahl von Lasttrennschaltern und Stufenschaltern.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Umstellungsplan<\/span>\n              <span class=\"tf4-tag\">Gewindebohrer Bereich<\/span>\n              <span class=\"tf4-tag\">Logik der Wartung<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">05<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">RFQ-Paket fertigstellen<\/h3>\n            <p class=\"tf4-step-desc\">\u00dcbermitteln Sie vollst\u00e4ndige technische Angaben, Mengenangaben und Lieferfristen, um \u00dcberarbeitungszyklen zu reduzieren und die Vorlaufzeit f\u00fcr Angebote zu verk\u00fcrzen.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Datenblatt<\/span>\n              <span class=\"tf4-tag\">Zeichnungen<\/span>\n              <span class=\"tf4-tag\">Anzahl und Zeitplan<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"tf4-bottom\">\n\n      <div class=\"tf4-info-card is-warning\">\n        <div class=\"tf4-info-head\">\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n          H\u00e4ufige Fallstricke\n        <\/div>\n        <ul class=\"tf4-list\">\n          <li>Auswahl nach Preis vor Schnittstellenbest\u00e4tigung<\/li>\n          <li>Trennen von Sicherungsposten ohne Koordinierungslogik<\/li>\n          <li>Vernachl\u00e4ssigung der Beschr\u00e4nkungen f\u00fcr die Befestigung am Tank<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"tf4-info-card\">\n        <div class=\"tf4-info-head\">\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n          RFQ Essentials\n        <\/div>\n        <ul class=\"tf4-list\">\n          <li>Anwendungsumgebung und Transformatorentyp<\/li>\n          <li>Zielzubeh\u00f6rfamilien und Bewertungen<\/li>\n          <li>Erforderliche Normen oder Erf\u00fcllungsumfang<\/li>\n          <li>Menge und voraussichtliches Lieferfenster<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"tf4-info-card\">\n        <div class=\"tf4-info-head\" style=\"color:var(--tf4-accent-ink)\">\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          Erwartetes Ergebnis\n        <\/div>\n        <p class=\"tf4-info-text\">\n          Dieser Arbeitsablauf schafft einen klareren Pfad f\u00fcr die Spezifikation von Transformatorenzubeh\u00f6r, senkt das Risiko von Nacharbeiten bei der Konstruktion\n          und beschleunigt die Durchf\u00fchrung der Beschaffung.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-6101d30\" data-block-id=\"6101d30\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6101d30-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-82b6a2c\" data-v=\"4\" data-block-id=\"82b6a2c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-82b6a2c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-82b6a2c-inner-blocks\">\n<!-- =========================================================================\n     SEC5: Why Partner with ZeeyiElec V2 (Dark Future Industrial)\n     \u98ce\u683c\uff1a\u6df1\u8272\u78e8\u7802\u73bb\u7483\u3001\u9713\u8679\u5149\u611f\u3001\u63a7\u5236\u53f0\u5f0fCTA\n     \u6539\u8fdb\uff1a\u589e\u5f3a\u5361\u7247\u7acb\u4f53\u611f\uff0c\u6574\u5408\u5e95\u90e8\u884c\u52a8\u680f\uff0c\u56fe\u6807\u53d1\u5149\u6548\u679c\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC5 Scoped CSS V2 ===== *\/\n  .tf5-wrap {\n    \/* Dark Theme Palette *\/\n    --tf5-bg-deep: #0b1120;      \/* Darker base *\/\n    --tf5-bg-surface: #151e32;   \/* Card surface *\/\n    --tf5-ink: #f8fafc;          \/* White text *\/\n    --tf5-body: #94a3b8;         \/* Slate text *\/\n    --tf5-border: rgba(255, 255, 255, 0.08);\n    --tf5-accent: #2dd4bf;       \/* Teal-400 *\/\n    --tf5-accent-glow: rgba(45, 212, 191, 0.25);\n    --tf5-radius: 12px;\n\n    position: relative;\n    padding: 100px 20px;\n    background: radial-gradient(circle at 50% 0%, #1e293b 0%, var(--tf5-bg-deep) 80%);\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--tf5-body);\n    overflow: hidden;\n    isolation: isolate;\n    box-sizing: border-box;\n  }\n  .tf5-wrap * { box-sizing: border-box; }\n\n  \/* Circuit Grid Texture *\/\n  .tf5-wrap::before {\n    content: \"\"; position: absolute; inset: 0;\n    background-image: \n      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n    background-size: 50px 50px;\n    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n    pointer-events: none; z-index: -1;\n  }\n\n  \/* Top Accent Light *\/\n  .tf5-wrap::after {\n    content: \"\"; position: absolute; top: -150px; left: 50%; transform: translateX(-50%);\n    width: 60%; height: 300px;\n    background: radial-gradient(ellipse at center, var(--tf5-accent-glow) 0%, transparent 70%);\n    filter: blur(60px); opacity: 0.6; pointer-events: none; z-index: -1;\n  }\n\n  .tf5-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  \/* ===== HEADER ===== *\/\n  .tf5-head {\n    max-width: 800px;\n    margin-bottom: 50px;\n  }\n\n  .tf5-kicker {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em;\n    color: var(--tf5-accent); border: 1px solid rgba(45, 212, 191, 0.3);\n    background: rgba(45, 212, 191, 0.05);\n    padding: 6px 12px; border-radius: 100px;\n    margin-bottom: 20px;\n    box-shadow: 0 0 15px -5px var(--tf5-accent-glow);\n  }\n\n  .tf5-title {\n    margin: 0 0 16px; color: var(--tf5-ink);\n    font-size: clamp(32px, 4.5vw, 46px); line-height: 1.1; font-weight: 800;\n  }\n\n  .tf5-intro {\n    font-size: 18px; line-height: 1.6; color: var(--tf5-body); max-width: 720px;\n  }\n\n  \/* ===== GRID ===== *\/\n  .tf5-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n  }\n\n  .tf5-card {\n    background: rgba(21, 30, 50, 0.6); \/* Semi-transparent *\/\n    backdrop-filter: blur(12px);\n    border: 1px solid var(--tf5-border);\n    border-radius: var(--tf5-radius);\n    padding: 24px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  \/* Top Highlight Line for 3D effect *\/\n  .tf5-card::before {\n    content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n  }\n\n  .tf5-card:hover {\n    transform: translateY(-5px);\n    background: rgba(30, 41, 59, 0.8);\n    border-color: rgba(45, 212, 191, 0.4);\n    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);\n  }\n\n  \/* Icon Style: Glowing, No Box *\/\n  .tf5-icon {\n    display: inline-block;\n    color: var(--tf5-accent);\n    margin-bottom: 16px;\n    filter: drop-shadow(0 0 8px var(--tf5-accent-glow));\n    transition: transform 0.3s ease;\n  }\n  .tf5-card:hover .tf5-icon { transform: scale(1.1); color: #fff; }\n  .tf5-icon svg { width: 32px; height: 32px; stroke-width: 1.5; }\n\n  .tf5-card h3 {\n    margin: 0 0 10px; font-size: 17px; font-weight: 700; color: var(--tf5-ink);\n    line-height: 1.3;\n  }\n\n  .tf5-card p {\n    margin: 0; font-size: 14px; line-height: 1.6; color: var(--tf5-body);\n  }\n\n  \/* ===== BOTTOM ACTION BAR (Console Style) ===== *\/\n  .tf5-action-bar {\n    background: linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.06));\n    border: 1px solid var(--tf5-border);\n    border-radius: 16px;\n    padding: 12px 12px 12px 30px;\n    display: flex; align-items: center; justify-content: space-between;\n    gap: 20px;\n    backdrop-filter: blur(10px);\n  }\n\n  .tf5-fit-info {\n    display: flex; flex-direction: column; gap: 4px;\n  }\n  .tf5-fit-label {\n    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;\n    color: var(--tf5-accent);\n  }\n  .tf5-fit-text {\n    font-size: 14px; color: #cbd5e1; margin: 0;\n  }\n\n  .tf5-btn {\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n    background: var(--tf5-accent); color: #0f172a;\n    padding: 14px 28px; border-radius: 8px;\n    font-size: 15px; font-weight: 800; text-decoration: none;\n    transition: all 0.3s ease;\n    white-space: nowrap;\n    box-shadow: 0 0 20px -5px var(--tf5-accent-glow);\n  }\n  .tf5-btn:hover {\n    background: #fff; transform: translateY(-2px);\n    box-shadow: 0 0 30px -5px var(--tf5-accent-glow);\n  }\n  .tf5-btn svg { width: 18px; height: 18px; }\n\n  \/* Responsive *\/\n  @media (max-width:1000px) {\n    .tf5-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width:690px) {\n    .tf5-wrap { padding: 60px 16px; }\n    .tf5-grid { grid-template-columns: 1fr; gap: 16px; }\n    \n    .tf5-action-bar {\n      flex-direction: column; align-items: stretch; padding: 20px; text-align: center;\n    }\n    .tf5-btn { width: 100%; }\n  }\n<\/style>\n\n<section class=\"tf5-wrap\" id=\"sec-why-zeeyi\">\n  <div class=\"tf5-container\">\n\n    <header class=\"tf5-head\">\n      <span class=\"tf5-kicker\">F\u00e4higkeitsschicht<\/span>\n      <h2 class=\"tf5-title\">Warum globale Eink\u00e4ufer ZeeyiElec w\u00e4hlen<\/h2>\n      <p class=\"tf5-intro\">\n        Wir unterst\u00fctzen Zubeh\u00f6rprojekte mit kompatibilit\u00e4tsorientiertem Engineering, abgestimmter Schutzlogik und exportf\u00e4higer Ausf\u00fchrung.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf5-grid\">\n\n      <!-- Card 1 -->\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><circle cx=\"18\" cy=\"17\" r=\"3\"\/><\/svg>\n        <\/span>\n        <h3>Abgleich auf Serienebene<\/h3>\n        <p>Wir richten Durchf\u00fchrungen, Eins\u00e4tze und Schutzvorrichtungen als ein System aus und verringern so das Risiko einer Fehlanpassung der Schnittstellen w\u00e4hrend der Installation.<\/p>\n      <\/article>\n\n      <!-- Card 2 -->\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/span>\n        <h3>Schutz Koordinierung<\/h3>\n        <p>Bay-O-Net und ELSP-Sicherungen werden als koordinierte Strategie gepr\u00fcft, um fragmentierte Schutzentscheidungen zu vermeiden.<\/p>\n      <\/article>\n\n      <!-- Card 3 -->\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 8h10M7 12h6\"\/><path d=\"M8 21h8\"\/><\/svg>\n        <\/span>\n        <h3>Dokumentation Fachbereich<\/h3>\n        <p>Klare RFQ-Struktur und exportfertige Dokumentationsfl\u00fcsse unterst\u00fctzen die internationale Spezifikationspr\u00fcfung.<\/p>\n      <\/article>\n\n      <!-- Card 4 -->\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n        <\/span>\n        <h3>Verantwortungsvolle Technik<\/h3>\n        <p>Die schnelle Kl\u00e4rung von Bewertungen und Konfigurationsgrenzen beschleunigt den Konsens und verk\u00fcrzt die Beschaffungszyklen.<\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Action Bar -->\n    <div class=\"tf5-action-bar\">\n      <div class=\"tf5-fit-info\">\n        <span class=\"tf5-fit-label\">Projekt Fit<\/span>\n        <p class=\"tf5-fit-text\">Ideal f\u00fcr Transformatorenprojekte in der Energieversorgung und Industrie, die eine hohe Kompatibilit\u00e4t erfordern.<\/p>\n      <\/div>\n      \n      <a href=\"#ct-popup-862\" class=\"tf5-btn\">\n        RFQ-Diskussion starten\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-461292a\" data-block-id=\"461292a\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-461292a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9851d48\" data-v=\"4\" data-block-id=\"9851d48\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9851d48-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9851d48-inner-blocks\">\n<!-- =========================================================================\n     SEC6: Application Scenarios V5 (Final Optimized)\n     \u57fa\u4e8e\u4f60\u63d0\u4f9b\u7684\u6700\u7ec8\u6837\u5f0f\u505a\u7684\u4f18\u5316\uff1a\n     1) \u7edf\u4e00\u4e3a Transformer Accessories \u8bed\u4e49\u4e0e\u5185\u94fe\u903b\u8f91\n     2) \u4fee\u590d\u5361\u7247\u53ef\u70b9\u51fb\u533a\u57df\u7684\u53ef\u8bbf\u95ee\u6027\uff08focus-visible\uff09\n     3) \u51cf\u5c11 CLS\uff1a\u8865\u5145 width\/height + decoding\n     4) \u79fb\u52a8\u7aef\u53ef\u8bfb\u6027\u5fae\u8c03\uff08\u6807\u9898\/\u6b63\u6587\/\u6807\u7b7e\uff09\n     5) \u4ec5\u4fdd\u7559\u4f60\u5f53\u524d\u89c6\u89c9\u4f53\u7cfb\uff0c\u4e0d\u6539\u98ce\u683c\u65b9\u5411\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC6 Scoped CSS (Grand Tech-Module) ===== *\/\n  .tf6-wrap {\n    width: 100%;\n    background-color: #f8fafc; \/* \u6d45\u7070\u5e95\u8272 *\/\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    padding: 120px 20px; \/* \u589e\u52a0\u4e0a\u4e0b\u7559\u767d *\/\n    box-sizing: border-box;\n    color: #334155;\n    overflow: hidden;\n  }\n  .tf6-wrap * { box-sizing: border-box; }\n\n  .tf6-container {\n    max-width: 1320px; \/* \u52a0\u5bbd\u5bb9\u5668 *\/\n    margin: 0 auto;\n  }\n\n  \/* --- Header --- *\/\n  .tf6-header {\n    margin-bottom: 60px;\n    max-width: 860px;\n  }\n\n  .tf6-eyebrow {\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #0f766e;\n    background: #ccfbf1;\n    padding: 8px 12px;\n    display: inline-block;\n    margin-bottom: 20px;\n    border: 1px solid #99f6e4;\n  }\n\n  .tf6-title {\n    font-size: clamp(32px, 4vw, 44px); \/* \u52a0\u5927\u6807\u9898 *\/\n    font-weight: 800;\n    line-height: 1.1;\n    margin: 0 0 20px 0;\n    color: #0f172a;\n    letter-spacing: -0.02em;\n  }\n\n  .tf6-intro {\n    font-size: 18px; \/* \u52a0\u5927\u6b63\u6587 *\/\n    line-height: 1.65;\n    color: #64748b;\n    max-width: 700px;\n    margin: 0;\n  }\n\n  \/* --- Grid --- *\/\n  .tf6-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px; \/* \u589e\u52a0\u95f4\u8ddd *\/\n  }\n\n  \/* --- Tech Module Card --- *\/\n  .tf6-card {\n    display: flex;\n    background: #FFFFFF;\n    border: 1px solid #cbd5e1;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    position: relative;\n    min-height: 280px; \/* \u589e\u52a0\u6700\u5c0f\u9ad8\u5ea6 *\/\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    color: inherit;\n    overflow: hidden;\n  }\n\n  \/* \u952e\u76d8\u53ef\u8bbf\u95ee *\/\n  .tf6-card:focus-visible {\n    outline: 2px solid #0f766e;\n    outline-offset: 2px;\n  }\n\n  \/* \u5e95\u90e8\u80fd\u91cf\u6761 (Hover\u663e\u793a) *\/\n  .tf6-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 4px;\n    background: #0f766e;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n  }\n\n  .tf6-card:hover {\n    border-color: #94a3b8;\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px -12px rgba(15, 23, 42, 0.15);\n  }\n\n  .tf6-card:hover::after,\n  .tf6-card:focus-visible::after {\n    transform: scaleX(1);\n  }\n\n  \/* Number Index *\/\n  .tf6-num {\n    position: absolute;\n    top: 0; left: 0;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    font-size: 14px;\n    font-weight: 800;\n    color: #fff;\n    background: #0f172a;\n    padding: 6px 12px;\n    z-index: 2;\n  }\n\n  \/* Image Section (Left) - \u52a0\u5bbd *\/\n  .tf6-img-col {\n    width: 260px; \/* \u4ece200px\u589e\u52a0\u5230260px *\/\n    flex-shrink: 0;\n    border-right: 1px solid #e2e8f0;\n    position: relative;\n    overflow: hidden;\n    background: #f1f5f9;\n  }\n\n  .tf6-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n    filter: grayscale(10%);\n    display: block;\n  }\n\n  .tf6-card:hover .tf6-img,\n  .tf6-card:focus-visible .tf6-img {\n    transform: scale(1.08);\n    filter: grayscale(0%);\n  }\n\n  \/* Content Section (Right) - \u589e\u52a0\u547c\u5438\u611f *\/\n  .tf6-content-col {\n    flex: 1;\n    padding: 32px; \/* \u4ece24px\u589e\u52a0\u523032px *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .tf6-card-title {\n    font-size: 22px; \/* \u52a0\u5927 *\/\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 12px 0;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n  }\n\n  .tf6-text {\n    font-size: 15px;\n    line-height: 1.65;\n    color: #475569;\n    margin: 0 0 24px 0;\n  }\n\n  \/* Tech Specs Bar *\/\n  .tf6-specs {\n    display: flex;\n    gap: 12px;\n    border-top: 1px solid #f1f5f9;\n    padding-top: 16px;\n    margin-top: auto;\n    flex-wrap: wrap;\n  }\n\n  .tf6-spec {\n    font-size: 11px;\n    font-weight: 700;\n    color: #0d9488; \/* Teal-600 *\/\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: #f0fdfa;\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid #ccfbf1;\n    white-space: nowrap;\n  }\n\n  \/* Corner Accent (Triangle) *\/\n  .tf6-corner {\n    position: absolute;\n    top: 0; right: 0;\n    width: 0; height: 0;\n    border-style: solid;\n    border-width: 0 24px 24px 0;\n    border-color: transparent #0f766e transparent transparent;\n    opacity: 0;\n    transition: opacity 0.3s;\n    z-index: 1;\n  }\n  .tf6-card:hover .tf6-corner,\n  .tf6-card:focus-visible .tf6-corner { opacity: 1; }\n\n  \/* Responsive *\/\n  @media (max-width:1000px) {\n    .tf6-grid { gap: 20px; }\n    .tf6-img-col { width: 220px; }\n    .tf6-content-col { padding: 26px; }\n  }\n\n  @media (max-width: 900px) {\n    .tf6-grid { grid-template-columns: 1fr; }\n    .tf6-card { min-height: auto; }\n    .tf6-img-col { width: 280px; } \/* \u5728\u5355\u5217\u6a21\u5f0f\u4e0b\u56fe\u7247\u66f4\u5bbd *\/\n  }\n\n  @media (max-width: 600px) {\n    .tf6-wrap { padding: 60px 16px; }\n    .tf6-header { margin-bottom: 38px; }\n    .tf6-title { margin-bottom: 14px; }\n    .tf6-intro { font-size: 16px; }\n    .tf6-card { flex-direction: column; }\n    .tf6-img-col {\n      width: 100%;\n      height: 220px;\n      border-right: none;\n      border-bottom: 1px solid #e2e8f0;\n    }\n    .tf6-content-col { padding: 22px; }\n    .tf6-card-title { font-size: 20px; }\n    .tf6-text { margin-bottom: 16px; }\n  }\n<\/style>\n\n<section class=\"tf6-wrap\" id=\"sec-applications\">\n  <div class=\"tf6-container\">\n\n    <header class=\"tf6-header\">\n      <span class=\"tf6-eyebrow\">Projekt-Szenarien<\/span>\n      <h2 class=\"tf6-title\">Angewandter technischer Kontext f\u00fcr Transformatorenzubeh\u00f6r<\/h2>\n      <p class=\"tf6-intro\">\n        Die Konfiguration von Transformatorenzubeh\u00f6r sollte der Betriebsumgebung und der Wartungslogik folgen.\n        Wir bilden Zubeh\u00f6rkombinationen f\u00fcr reale Projektszenarien ab, um das Risiko von Fehlanpassungen zu verringern und die Ausf\u00fchrungsgeschwindigkeit zu erh\u00f6hen.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf6-grid\">\n\n      <!-- Card 01 -->\n      <a href=\"\/de\/transformer-accessories\/\" class=\"tf6-card\" aria-label=\"Utility Distribution Szenario f\u00fcr Transformatorenzubeh\u00f6r\">\n        <span class=\"tf6-num\">01<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyi-sec4-utility-distribution-upgrade.webp\"\n            alt=\"Anwendungsszenario f\u00fcr Zubeh\u00f6r f\u00fcr Verteilertransformatoren von Versorgungsunternehmen\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">Verteilung von Versorgungsleistungen<\/h3>\n          <p class=\"tf6-text\">\n            Standardisierte Schnittstellen f\u00fcr Transformatorenzubeh\u00f6r f\u00fcr die Zuverl\u00e4ssigkeit der Einspeisung,\n            Bevorzugung von Dead-Front-Sicherheit und koordinierter Fehlerreaktion im langzyklischen Netzbetrieb.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">Netzstabilit\u00e4t<\/span>\n            <span class=\"tf6-spec\">Standard-Passform<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 02 -->\n      <a href=\"\/de\/transformer-accessories\/off-circuit-tap-changer\/\" class=\"tf6-card\" aria-label=\"Szenario Industrieanlagen f\u00fcr Transformatorenzubeh\u00f6r\">\n        <span class=\"tf6-num\">02<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyi-sec4-industrial-power-distribution.webp\"\n            alt=\"Anwendungsszenario f\u00fcr industrielles Transformatorenzubeh\u00f6r\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">Industrielle Einrichtungen<\/h3>\n          <p class=\"tf6-text\">\n            Konzipiert f\u00fcr variable Lastprofile, mit Stufenschalter-basierter Spannungsabstimmung und\n            Betriebskomponenten, die auf die Anforderungen an eine sichere Wartungsisolierung abgestimmt sind.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">Lastkontrolle<\/span>\n            <span class=\"tf6-spec\">Sichere Isolierung<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 03 -->\n      <a href=\"\/de\/transformer-accessories\/bay-o-net-fuse-assemblies\/\" class=\"tf6-card\" aria-label=\"EPC- und OEM-Integrationsszenario\">\n        <span class=\"tf6-num\">03<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyi-sec4-epc-contractor-projects.webp\"\n            alt=\"EPC und OEM Transformatorenzubeh\u00f6r Integrationsszenario\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">EPC- und OEM-Integration<\/h3>\n          <p class=\"tf6-text\">\n            Optimiert f\u00fcr die Projektabwicklung mit verriegelter Montagegeometrie und einheitlicher Zubeh\u00f6rdokumentation,\n            erm\u00f6glicht eine schnellere Montage und eine saubere St\u00fccklistenintegration.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">St\u00fccklisten-Logik<\/span>\n            <span class=\"tf6-spec\">Schnelle Montage<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 04 -->\n      <a href=\"\/de\/transformer-accessories\/loadbreak-switch\/\" class=\"tf6-card\" aria-label=\"Szenario Nachr\u00fcstung und Ersatz\">\n        <span class=\"tf6-num\">04<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-loadbreak-switch-lbor-lbs-test-center.webp\"\n            alt=\"Validierung der Kompatibilit\u00e4t von Nachr\u00fcst- und Ersatztransformatorenzubeh\u00f6r\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">Nachr\u00fcstung &amp; Ersatz<\/h3>\n          <p class=\"tf6-text\">\n            Entscheidend f\u00fcr die Aufr\u00fcstung von Industriebrachen: Validierung der alten Abmessungen, Schnittstellengrenzen\n            und Schutzkoordination vor dem Austausch, um Verz\u00f6gerungen bei der Inbetriebnahme zu vermeiden.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">Legacy Fit<\/span>\n            <span class=\"tf6-spec\">Upgrade Sicherheit<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9359f63\" data-block-id=\"9359f63\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9359f63-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8f07ae2\" data-v=\"4\" data-block-id=\"8f07ae2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8f07ae2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8f07ae2-inner-blocks\">\n<!-- =========================================================================\n     SEC7: Engineering Support & Documentation V2\n     \u98ce\u683c\uff1a\u6280\u672f\u6863\u6848\u5361\u7247 (Tech-File Cards)\n     \u6539\u8fdb\uff1a\u589e\u5f3a\u6587\u6863\u5c5e\u6027\u89c6\u89c9\u6697\u793a\u3001\u4f18\u5316\u4fe1\u606f\u5206\u5c42\u3001\u589e\u52a0\u6e05\u5355\u533a\u5757\u611f\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC7 Scoped CSS V2 ===== *\/\n  .tf7-wrap {\n    --tf7-bg: #ffffff;\n    --tf7-card-bg: #ffffff;\n    --tf7-ink: #0f172a;\n    --tf7-body: #475569;\n    --tf7-muted: #94a3b8;\n    --tf7-border: #e2e8f0;\n    --tf7-accent: #0f766e;       \/* Teal-700 *\/\n    --tf7-accent-light: #f0fdfa;\n    --tf7-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);\n    --tf7-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08);\n    --tf7-radius: 10px;\n\n    position: relative;\n    background: var(--tf7-bg);\n    padding: 100px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--tf7-body);\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .tf7-wrap * { box-sizing: border-box; }\n\n  \/* Grid Pattern Background *\/\n  .tf7-wrap::before {\n    content: \"\"; position: absolute; inset: 0;\n    background-image: \n      linear-gradient(var(--tf7-border) 1px, transparent 1px),\n      linear-gradient(90deg, var(--tf7-border) 1px, transparent 1px);\n    background-size: 60px 60px;\n    opacity: 0.4;\n    mask-image: radial-gradient(circle at top, black 30%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .tf7-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* --- Header --- *\/\n  .tf7-head {\n    max-width: 800px;\n    margin: 0 auto 60px;\n    text-align: center;\n  }\n\n  .tf7-eyebrow {\n    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\n    color: var(--tf7-accent); background: var(--tf7-accent-light);\n    border: 1px solid #ccfbf1; border-radius: 100px;\n    padding: 6px 12px; display: inline-block; margin-bottom: 16px;\n  }\n\n  .tf7-title {\n    font-size: clamp(30px, 4vw, 42px); font-weight: 800; line-height: 1.15;\n    margin: 0 0 16px 0; color: var(--tf7-ink);\n  }\n\n  .tf7-intro {\n    font-size: 17px; line-height: 1.6; color: var(--tf7-body);\n    max-width: 680px; margin: 0 auto;\n  }\n\n  \/* --- Grid --- *\/\n  .tf7-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 40px;\n  }\n\n  \/* --- Card Style --- *\/\n  .tf7-card {\n    background: var(--tf7-card-bg);\n    border: 1px solid var(--tf7-border);\n    border-radius: var(--tf7-radius);\n    display: flex; flex-direction: column;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Top Accent Bar *\/\n  .tf7-card::before {\n    content: \"\"; position: absolute; top: 0; left: 0; right: 0;\n    height: 4px; background: var(--tf7-accent);\n    opacity: 0; transition: opacity 0.3s ease;\n  }\n\n  .tf7-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tf7-shadow-hover);\n    border-color: #cbd5e1;\n  }\n  .tf7-card:hover::before { opacity: 1; }\n\n  \/* Card Header *\/\n  .tf7-card-head {\n    padding: 24px 24px 16px;\n    display: flex; justify-content: space-between; align-items: flex-start;\n  }\n\n  .tf7-icon {\n    width: 40px; height: 40px;\n    background: #f1f5f9; color: var(--tf7-ink);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    transition: all 0.3s ease;\n  }\n  .tf7-card:hover .tf7-icon {\n    background: var(--tf7-accent); color: #fff;\n  }\n  .tf7-icon svg { width: 20px; height: 20px; }\n\n  .tf7-code {\n    font-family: monospace; font-size: 11px; font-weight: 700;\n    color: var(--tf7-muted); background: #f8fafc;\n    padding: 4px 8px; border-radius: 4px; border: 1px solid var(--tf7-border);\n  }\n\n  \/* Card Body *\/\n  .tf7-card-body {\n    padding: 0 24px 20px;\n    flex: 1;\n  }\n\n  .tf7-card h3 {\n    font-size: 18px; font-weight: 700; color: var(--tf7-ink);\n    margin: 0 0 10px 0; line-height: 1.3;\n  }\n\n  .tf7-card p {\n    font-size: 14px; line-height: 1.6; color: var(--tf7-body); margin: 0;\n  }\n\n  \/* Card Footer (List) *\/\n  .tf7-card-foot {\n    background: #f8fafc;\n    border-top: 1px solid var(--tf7-border);\n    padding: 16px 24px;\n    margin-top: auto;\n  }\n\n  .tf7-list {\n    margin: 0; padding: 0; list-style: none;\n    display: grid; gap: 8px;\n  }\n\n  .tf7-list li {\n    font-size: 13px; color: #64748b; line-height: 1.4;\n    display: flex; align-items: flex-start; gap: 8px;\n  }\n  \n  .tf7-list li::before {\n    content: \"\u2022\"; color: var(--tf7-accent); font-weight: bold;\n    line-height: 1.4;\n  }\n\n  \/* --- Bottom Strip --- *\/\n  .tf7-strip {\n    background: #fff;\n    border: 1px solid var(--tf7-border);\n    border-radius: 12px;\n    padding: 24px;\n    display: flex; justify-content: space-between; align-items: center;\n    box-shadow: var(--tf7-shadow);\n  }\n\n  .tf7-strip-item {\n    display: flex; flex-direction: column; gap: 4px;\n    flex: 1;\n    padding-left: 24px;\n    border-left: 1px solid var(--tf7-border);\n  }\n  .tf7-strip-item:first-child { padding-left: 0; border-left: none; }\n\n  .tf7-label {\n    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tf7-muted);\n  }\n  .tf7-val {\n    font-size: 15px; font-weight: 700; color: var(--tf7-ink);\n  }\n\n  \/* --- Responsive --- *\/\n  @media (max-width:1000px) {\n    .tf7-grid { grid-template-columns: repeat(2, 1fr); }\n    .tf7-strip { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }\n    .tf7-strip-item { border-left: none; padding-left: 0; border-top: 1px solid var(--tf7-border); padding-top: 16px; }\n    .tf7-strip-item:nth-child(1), .tf7-strip-item:nth-child(2) { border-top: none; padding-top: 0; }\n  }\n\n  @media (max-width: 640px) {\n    .tf7-wrap { padding: 60px 16px; }\n    .tf7-grid { grid-template-columns: 1fr; gap: 16px; }\n    .tf7-strip { grid-template-columns: 1fr; gap: 16px; }\n    .tf7-strip-item { border-top: 1px solid var(--tf7-border); padding-top: 16px; }\n    .tf7-strip-item:first-child { border-top: none; padding-top: 0; }\n  }\n<\/style>\n\n<section class=\"tf7-wrap\" id=\"sec-engineering-support\">\n  <div class=\"tf7-container\">\n\n    <header class=\"tf7-head\">\n      <span class=\"tf7-eyebrow\">Projektlieferung<\/span>\n      <h2 class=\"tf7-title\">Technische Unterst\u00fctzung und Dokumentation<\/h2>\n      <p class=\"tf7-intro\">\n        Unser Support-Workflow ist f\u00fcr EPC\/OEM-Beschaffungs- und Versorgungsprojekte strukturiert und deckt alles von der Schnittstellenbest\u00e4tigung bis zum Abgleich der Exportdokumente ab.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf7-grid\">\n\n      <!-- Card 01 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">DOC-01<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Datenbl\u00e4tter &amp; Zeichnungen<\/h3>\n          <p>Standardisiertes Dokumentationspaket zur Unterst\u00fctzung der Zubeh\u00f6rauswahl und des Angebotsvergleichs.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Ma\u00dfzeichnungen von Schnittstellen<\/li>\n            <li>\u00dcbersichtsbl\u00e4tter f\u00fcr elektrische Klassen<\/li>\n            <li>Modellabbildung f\u00fcr RFQ-\u00dcbersichtlichkeit<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 02 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"7.5 4.21 12 6.81 16.5 4.21\"\/><polyline points=\"7.5 19.79 7.5 14.6 3 12\"\/><polyline points=\"21 12 16.5 14.6 16.5 19.79\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">ENG-02<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Schnittstellenanpassung<\/h3>\n          <p>Vorbestellungsvalidierung f\u00fcr die Anschlussgeometrie, um Installationskonflikte bei der Inbetriebnahme zu reduzieren.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Kontrolle der Buchsen-\/Einsatzmontage<\/li>\n            <li>\u00dcberpr\u00fcfung der Zubeh\u00f6rkombination<\/li>\n            <li>Best\u00e4tigung der alten Einschr\u00e4nkung<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 03 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">PRT-03<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Schutz Eing\u00e4nge<\/h3>\n          <p>Strukturierte Daten f\u00fcr den Teamabgleich von Bay-O-Net und Sicherungslogik in Schutzpl\u00e4nen.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>TCC-Kurven-Referenzen<\/li>\n            <li>Hinweise zum Koordinationsworkflow<\/li>\n            <li>Parametereingaben f\u00fcr Ingenieure<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 04 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">QMS-04<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Qualit\u00e4t und Inspektion<\/h3>\n          <p>R\u00fcckverfolgbare Qualit\u00e4tsdateien f\u00fcr das Projektarchiv und die Abnahme der Lieferung.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Aufzeichnungen \u00fcber Routinekontrollen<\/li>\n            <li>R\u00fcckverfolgbarkeit auf Losebene<\/li>\n            <li>Stapelweise ausgerichtete Dokumentens\u00e4tze<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 05 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">EXP-05<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Ausfuhrdokumente<\/h3>\n          <p>Umfassende Unterst\u00fctzung bei den Handels- und Versanddokumenten f\u00fcr die internationale Beschaffung.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Handelsrechnung &amp; PL<\/li>\n            <li>Unterst\u00fctzung der HS-Code-Erkl\u00e4rung<\/li>\n            <li>Benutzerdefinierte Konsistenz<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 06 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">COM-06<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Kommunikationsfluss<\/h3>\n          <p>Klare \u00dcbergabeformate zwischen Technik und Beschaffung zur Verbesserung der Angebotsgeschwindigkeit.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>RFQ-Checkliste nach Familie<\/li>\n            <li>\u00dcberpr\u00fcfen \u2192 Best\u00e4tigen \u2192 Angebotszyklus<\/li>\n            <li>Team\u00fcbergreifende Vorlagen<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Strip -->\n    <div class=\"tf7-strip\">\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Umfang der Unterst\u00fctzung<\/span>\n        <span class=\"tf7-val\">Technisch + Kommerziell + Docs<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Prim\u00e4rer Anwendungsfall<\/span>\n        <span class=\"tf7-val\">EPC\/OEM RFQ &amp; Beschaffung von Versorgungsleistungen<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Nutzen Sie<\/span>\n        <span class=\"tf7-val\">Weniger Revisionen, schnellere Anpassung<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Verf\u00fcgbarkeit<\/span>\n        <span class=\"tf7-val\">Im Projekt RFQ enthalten<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-06b66b8\" data-block-id=\"06b66b8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-06b66b8-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-672a230\" data-v=\"4\" data-block-id=\"672a230\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-672a230-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-672a230-inner-blocks\">\n<!-- =========================================================================\n     SEC9: FAQ & Resources (Transformer Accessories Pillar)\n     \u98ce\u683c\uff1a\u53c2\u8003\u4f60\u63d0\u4f9b\u7684\u6837\u5f0f\uff0c\u5ef6\u7eed\u6d45\u7070\u6536\u53e3\u5c42 + \u53cc\u5217 FAQ + \u9876\u90e8\u8d44\u6e90\u680f\n     \u89c4\u5219\uff1a\n     - \u4ec5\u4fdd\u75592\u4e2a\u8d44\u6e90\u94fe\u63a5\uff081\u5185\u94fe + 1\u5916\u94fe\uff09\n     - \u5916\u94fe\u4f7f\u7528 target=\"_blank\" + rel=\"noopener\"\n     - FAQ\u8bed\u4e49\u805a\u7126 Transformer Accessories\uff08\u907f\u514d\u8fc7\u5ea6\u504f\u67d0\u5355\u4e00Series\uff09\n     ========================================================================= -->\n\n<style>\n    \/* --- SEC9 \u72ec\u7acb\u6837\u5f0f\u4f5c\u7528\u57df --- *\/\n    .sec9-wrapper {\n        --faq-bg: #f9fafb;\n        --faq-card-bg: #ffffff;\n        --faq-text-dark: #0f172a;\n        --faq-text-body: #334155;\n        --faq-text-light: #64748b;\n        --faq-border: #e2e8f0;\n        --faq-cyan: var(--theme-palette-color-2, #78d3ca);\n        --faq-link: #2563eb;\n\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        color: var(--faq-text-body);\n        box-sizing: border-box;\n    }\n\n    .sec9-wrapper *, .sec9-wrapper *::before, .sec9-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    \/* --- \u5e03\u5c40\u5bb9\u5668 --- *\/\n    .faq-section {\n        background-color: var(--faq-bg);\n        width: 100%;\n        padding-top: 5rem;\n        padding-bottom: 6rem;\n        border-top: 1px solid var(--faq-border);\n    }\n\n    .faq-container {\n        width: 100%;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding-left: 1.5rem;\n        padding-right: 1.5rem;\n    }\n\n    \/* --- \u6807\u9898\u533a --- *\/\n    .faq-header {\n        max-width: 860px;\n        margin-bottom: 2.25rem;\n    }\n\n    .faq-eyebrow {\n        display: inline-block;\n        font-size: 0.875rem;\n        font-weight: 700;\n        letter-spacing: 0.05em;\n        color: #0f766e;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    .faq-title {\n        font-size: clamp(1.8rem, 3vw, 2.2rem);\n        font-weight: 800;\n        color: var(--faq-text-dark);\n        margin: 0 0 0.9rem 0;\n        line-height: 1.2;\n        letter-spacing: -0.01em;\n    }\n\n    .faq-intro {\n        font-size: 1.06rem;\n        color: var(--faq-text-body);\n        margin: 0;\n        max-width: 68ch;\n    }\n\n    \/* --- \u8d44\u6e90\u94fe\u63a5\u680f --- *\/\n    .resources-bar {\n        background-color: #fff;\n        border: 1px solid var(--faq-border);\n        border-radius: 10px;\n        padding: 1.25rem 1.5rem;\n        margin-bottom: 2.75rem;\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        align-items: flex-start;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n    }\n\n    .res-title {\n        font-size: 1rem;\n        font-weight: 800;\n        color: var(--faq-text-dark);\n        margin: 0;\n        white-space: nowrap;\n    }\n\n    .res-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.95rem;\n        width: 100%;\n    }\n\n    .res-item {\n        display: flex;\n        align-items: baseline;\n        gap: 0.7rem;\n        flex-wrap: wrap;\n    }\n\n    .res-label {\n        font-size: 0.72rem;\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n        color: var(--faq-text-light);\n        flex-shrink: 0;\n        min-width: 132px;\n        font-weight: 700;\n    }\n\n    .res-link {\n        color: var(--faq-link);\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.95rem;\n        line-height: 1.4;\n        transition: color 0.2s;\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .res-link:hover {\n        color: #1d4ed8;\n        text-decoration: underline;\n    }\n\n    .res-link:focus-visible {\n        outline: 2px solid var(--faq-cyan);\n        outline-offset: 2px;\n        border-radius: 2px;\n    }\n\n    .res-icon-ext {\n        font-size: 0.8em;\n        margin-left: 4px;\n        opacity: 0.7;\n    }\n\n    \/* --- FAQ \u5217\u8868\u533a\u57df --- *\/\n    .faq-list-col {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.15rem;\n        align-content: start;\n    }\n\n    .faq-item {\n        background-color: var(--faq-card-bg);\n        border: 1px solid var(--faq-border);\n        border-radius: 10px;\n        overflow: hidden;\n        transition: border-color 0.2s, box-shadow 0.2s;\n    }\n\n    .faq-item:hover {\n        border-color: #cbd5e1;\n    }\n\n    .faq-item.active {\n        border-color: var(--faq-cyan);\n        box-shadow: 0 8px 24px -18px rgba(15, 23, 42, 0.25);\n    }\n\n    .faq-question {\n        width: 100%;\n        text-align: left;\n        padding: 1.15rem 1.25rem;\n        background: none;\n        border: none;\n        font-size: 0.985rem;\n        font-weight: 700;\n        color: var(--faq-text-dark);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        line-height: 1.45;\n    }\n\n    .faq-question:hover { color: #000; }\n\n    .faq-question:focus-visible {\n        outline: 2px solid var(--faq-cyan);\n        outline-offset: -2px;\n    }\n\n    .faq-icon {\n        width: 18px;\n        height: 18px;\n        position: relative;\n        flex-shrink: 0;\n        margin-left: 0.9rem;\n        transition: transform 0.25s ease;\n    }\n\n    .faq-icon::before, .faq-icon::after {\n        content: '';\n        position: absolute;\n        background-color: var(--faq-text-light);\n        transition: background-color 0.2s;\n    }\n\n    .faq-icon::before { top: 8px; left: 0; width: 18px; height: 2px; }\n    .faq-icon::after  { top: 0; left: 8px; width: 2px; height: 18px; }\n\n    .faq-item.active .faq-icon { transform: rotate(45deg); }\n    .faq-item.active .faq-icon::before,\n    .faq-item.active .faq-icon::after { background-color: #0f766e; }\n\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1);\n        padding: 0 1.25rem;\n    }\n\n    .faq-answer-inner {\n        padding-bottom: 1.2rem;\n        font-size: 0.94rem;\n        color: var(--faq-text-body);\n        border-top: 1px solid #f1f5f9;\n        padding-top: 0.95rem;\n    }\n\n    \/* --- \u54cd\u5e94\u5f0f\u8bbe\u8ba1 --- *\/\n    @media (min-width:690px) {\n        .resources-bar {\n            flex-direction: row;\n            align-items: center;\n            gap: 2rem;\n        }\n\n        .res-list {\n            flex-direction: row;\n            gap: 2rem;\n            width: auto;\n        }\n\n        .res-item {\n            flex-direction: row;\n            align-items: center;\n            flex-wrap: nowrap;\n        }\n\n        .res-label {\n            margin-right: 0.25rem;\n            min-width: auto;\n        }\n\n        .res-item:not(:last-child)::after {\n            content: '';\n            display: block;\n            width: 1px;\n            height: 16px;\n            background-color: #e2e8f0;\n            margin-left: 1.7rem;\n        }\n    }\n\n    @media (min-width:1000px) {\n        .faq-list-col {\n            grid-template-columns: 1fr 1fr;\n            gap: 1.25rem 1.5rem;\n        }\n    }\n<\/style>\n\n<div class=\"sec9-wrapper\">\n    <section class=\"faq-section\" id=\"sec-faq-resources\">\n        <div class=\"faq-container\">\n\n            <!-- Header -->\n            <div class=\"faq-header\">\n                <span class=\"faq-eyebrow\">FAQ &amp; Ressourcen<\/span>\n                <h2 class=\"faq-title\">Transformatorenzubeh\u00f6r FAQ &amp; Technische Referenzen<\/h2>\n                <p class=\"faq-intro\">\n                    Schnelle Antworten auf Fragen zur Auswahllogik, Schnittstellenkompatibilit\u00e4t, Schutzkoordination und Vorbereitung von Ausschreibungen f\u00fcr Transformatorenzubeh\u00f6rprojekte.\n                <\/p>\n            <\/div>\n\n            <!-- Resources Bar -->\n            <div class=\"resources-bar\">\n                <h3 class=\"res-title\">Verwandte Ressourcen<\/h3>\n                <ul class=\"res-list\">\n                    <li class=\"res-item\">\n                        <span class=\"res-label\">Interne Kategorie:<\/span>\n                        <a href=\"\/de\/transformer-accessories\/\" class=\"res-link\">\n                            Transformator-Zubeh\u00f6r-Serie\n                        <\/a>\n                    <\/li>\n                    <li class=\"res-item\">\n                        <span class=\"res-label\">Externer Standard:<\/span>\n                        <a href=\"https:\/\/www.nfpa.org\/codes-and-standards\/nfpa-70-standard-development\/70\" target=\"_blank\" rel=\"noopener\" class=\"res-link\">\n                            NFPA 70 (NEC) \u00dcberblick <span class=\"res-icon-ext\">\u2197<\/span>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- FAQ List -->\n            <div class=\"faq-list-col\">\n\n                <!-- Q1 -->\n                <div class=\"faq-item active\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"true\">\n                        Was ist das Zubeh\u00f6r f\u00fcr Transformatoren bei einem Verteilungsprojekt?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\" style=\"max-height: 260px;\">\n                        <div class=\"faq-answer-inner\">\n                            Transformatorenzubeh\u00f6r sind die funktionellen Komponenten rund um den Transformatorenk\u00f6rper zum Anschlie\u00dfen, Schalten, Sch\u00fctzen und Einstellen -\n                            wie z. B. Durchf\u00fchrungen, Eins\u00e4tze, Bay-O-Net-Sicherungsbaugruppen, strombegrenzende Sicherungen, Lasttrennschalter und Stufenschalter au\u00dferhalb des Stromkreises.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q2 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Wie sollten wir das Zubeh\u00f6r ausw\u00e4hlen: nur nach Spannungsklasse?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Nein. Die Spannungsklasse ist nur der erste Filter. Bei der endg\u00fcltigen Auswahl sollten die Abmessungen der Schnittstelle, das Gewinde-\/Klemmenformat, der Strompfad, die Installationsgrenzen und die Anforderungen der Projektnorm ber\u00fccksichtigt werden.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q3 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Wie arbeiten Bay-O-Net und strombegrenzende Sicherungen zusammen?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            In vielen Schutzsystemen sorgt Bay-O-Net f\u00fcr ein thermisches\/\u00fcberlastorientiertes Ansprechen, w\u00e4hrend die strombegrenzende Sicherung f\u00fcr hohe Fehlerstr\u00f6me sorgt.\n                            Sie sollten als ein koordiniertes Paar betrachtet werden, nicht als unabh\u00e4ngige Anschaffungen.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q4 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Was ist der Unterschied zwischen Lasttrennschalter und Stufenschalter?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Ein Lasttrennschalter dient zum Schalten\/Isolieren unter definierten Betriebsbedingungen, w\u00e4hrend ein stromloser Stufenschalter zur Anpassung des Spannungsverh\u00e4ltnisses im spannungslosen Zustand dient.\n                            Ihre Aufgaben sind unterschiedlich und erg\u00e4nzen sich.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q5 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Ist das Zubeh\u00f6r f\u00fcr Transformatoren marken\u00fcbergreifend austauschbar?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Nicht immer. Selbst bei \u00e4hnlichen Nennwerten k\u00f6nnen sich die mechanischen Grenzen und Schnittstellenstandards unterscheiden.\n                            Ein marken\u00fcbergreifender Austausch sollte vor der Auftragsbest\u00e4tigung anhand von Zeichnungen und Schl\u00fcsselma\u00dfen \u00fcberpr\u00fcft werden.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q6 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Kann dieses Zubeh\u00f6r bei Nachr\u00fcstungsprojekten verwendet werden?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Ja, Nachr\u00fcstungen sind \u00fcblich. Sie sollten jedoch die Kompatibilit\u00e4t der tankseitigen Begrenzung, der Verbindungsstelle, der Dichtungsstruktur und der Schutzlogik \u00fcberpr\u00fcfen, um Nacharbeiten vor Ort zu vermeiden.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q7 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Welche Dokumente sollten in einer Ausschreibung enthalten sein?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Geben Sie den Anwendungstyp, die Spannungsklasse, die Menge, die gew\u00fcnschten Zubeh\u00f6rmodelle\/-serien, die Schnittstellenanforderungen und alle verf\u00fcgbaren Zeichnungen oder St\u00fccklistenreferenzen an.\n                            Klare RFQ-Eingaben beschleunigen in der Regel die technische Best\u00e4tigung und das Angebot.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q8 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Welche Projekttypen ben\u00f6tigen in der Regel ein vollst\u00e4ndiges Zubeh\u00f6rpaket?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Die Modernisierung von Versorgungsnetzen, industriellen Verteilungssystemen, die Lieferung von EPC\/OEM-Paket-Transformatoren und die Erneuerung von Industriebrachen erfordern h\u00e4ufig eine kombinierte Planung von Zubeh\u00f6r.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q9 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Wie l\u00e4sst sich das Inkongruenzrisiko vor der Ausstellung eines PO verringern?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            F\u00fchren Sie eine Vorbestellungspr\u00fcfung mit Schnittstellen-\/Ma\u00dfkontrolle, Schutzrollenbest\u00e4tigung und Zuordnung von Zubeh\u00f6rfamilien durch.\n                            Dies ist in der Regel effektiver als die Korrektur von Unstimmigkeiten w\u00e4hrend der Installation.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q10 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Gibt es Standardreferenzen f\u00fcr die Installation und den Sicherheitskontext?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Ja. F\u00fcr den allgemeinen Rahmen der Elektroinstallation und die Einhaltung der Vorschriften wird h\u00e4ufig auf NEC\/NFPA-Ressourcen verwiesen.\n                            Die projektspezifische Umsetzung sollte dennoch den \u00f6rtlichen Vorschriften und technischen Spezifikationen folgen.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        function toggleFaq(button) {\n            const item = button.parentElement;\n            const answer = item.querySelector('.faq-answer');\n            const isActive = item.classList.contains('active');\n\n            document.querySelectorAll('.sec9-wrapper .faq-item').forEach(otherItem => {\n                const otherBtn = otherItem.querySelector('.faq-question');\n                const otherAnswer = otherItem.querySelector('.faq-answer');\n                if (otherItem !== item) {\n                    otherItem.classList.remove('active');\n                    otherBtn.setAttribute('aria-expanded', 'false');\n                    otherAnswer.style.maxHeight = null;\n                }\n            });\n\n            if (isActive) {\n                item.classList.remove('active');\n                button.setAttribute('aria-expanded', 'false');\n                answer.style.maxHeight = null;\n            } else {\n                item.classList.add('active');\n                button.setAttribute('aria-expanded', 'true');\n                answer.style.maxHeight = answer.scrollHeight + \"px\";\n            }\n        }\n\n        \/\/ \u53ef\u9009\uff1a\u7a97\u53e3\u53d8\u5316\u65f6\u4fee\u6b63\u5c55\u5f00\u9879\u9ad8\u5ea6\uff0c\u907f\u514d\u6362\u884c\u5bfc\u81f4\u622a\u65ad\n        window.addEventListener('resize', function () {\n            document.querySelectorAll('.sec9-wrapper .faq-item.active .faq-answer').forEach(function (ans) {\n                ans.style.maxHeight = ans.scrollHeight + \"px\";\n            });\n        });\n    <\/script>\n<\/div>\n\n<\/div><\/div><\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Transformer Accessories Transformer Accessories for Distribution Power Systems Source medium-voltage and low-voltage transformer accessories from one engineering-oriented supplier, including bushings, bushing well inserts, bay-o-net fuse assemblies, current limiting fuses, loadbreak switches, and off circuit tap changers. 7 Product Series Coverage \u2022 Fast Technical Response \u2022 Export Documentation Support Request Quote Browse Product Series Voltage Scope [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-781","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"bottom","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/pages\/781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/comments?post=781"}],"version-history":[{"count":9,"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/pages\/781\/revisions"}],"predecessor-version":[{"id":1168,"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/pages\/781\/revisions\/1168"}],"wp:attachment":[{"href":"https:\/\/zeeyielec.com\/de\/wp-json\/wp\/v2\/media?parent=781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}