{"id":2831,"date":"2026-05-13T12:59:32","date_gmt":"2026-05-13T10:59:32","guid":{"rendered":"https:\/\/www.chromacon.com\/articles\/teil-i-was-ist-chromatographie-die-universelle-einfuehrung-fuer-neue-wissenschaftler\/"},"modified":"2026-06-08T16:50:07","modified_gmt":"2026-06-08T14:50:07","slug":"teil-i-was-ist-chromatographie-die-universelle-einfuehrung-fuer-neue-wissenschaftler","status":"publish","type":"articles","link":"https:\/\/www.chromacon.com\/de\/artikel\/teil-i-was-ist-chromatographie-die-universelle-einfuehrung-fuer-neue-wissenschaftler\/","title":{"rendered":"Teil I \u2013 Was ist Chromatographie? Eine Einf\u00fchrung in die Grundlagen"},"content":{"rendered":"\n<!-- Part I \u2014 What Is Chromatography \u2014 v3.0 (textbook register) -->\n<style>\n        \/* ==========================================\n           CSS VARIABLES - Customize your fonts\/colors here\n           ========================================== *\/\n        :root {\n            \/* Colors - modify these to match your WordPress theme *\/\n            --color-primary: #1a365d;\n            --color-primary-light: #2c5282;\n            --color-accent: #3182ce;\n            --color-accent-light: #63b3ed;\n            --color-text: #2d3748;\n            --color-text-light: #718096;\n            --color-bg: #ffffff;\n            --color-bg-alt: #f7fafc;\n            --color-bg-card: #edf2f7;\n            --color-border: #e2e8f0;\n            \n            \/* Fonts - modify these to match your WordPress theme *\/\n            --font-heading: inherit;\n            --font-body: inherit;\n            \n            \/* Spacing *\/\n            --space-xs: 0.5rem;\n            --space-sm: 1rem;\n            --space-md: 1.5rem;\n            --space-lg: 2rem;\n            --space-xl: 3rem;\n            --space-2xl: 4rem;\n            \n            \/* Layout *\/\n            --max-width: 900px;\n            --sidebar-width: 260px;\n        }\n\n        \/* ==========================================\n           BASE STYLES\n           ========================================== *\/\n        *, *::before, *::after {\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: var(--font-body);\n            color: var(--color-text);\n            background: var(--color-bg);\n            line-height: 1.7;\n            font-size: 17px;\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* ==========================================\n           LAYOUT\n           ========================================== *\/\n        .article-wrapper {\n            display: flex;\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .article-main {\n            flex: 1;\n            max-width: var(--max-width);\n            margin: 0 auto;\n            padding: var(--space-lg);\n        }\n\n        \/* Sidebar \/ Table of Contents *\/\n        .article-sidebar {\n            width: var(--sidebar-width);\n            flex-shrink: 0;\n            padding: var(--space-lg);\n            display: none;\n        }\n\n        @media (min-width: 1200px) {\n            .article-sidebar {\n                display: block;\n            }\n            \n            .article-wrapper {\n                padding-left: var(--space-lg);\n            }\n        }\n\n        .toc {\n            position: sticky;\n            top: var(--space-lg);\n        }\n\n        .toc-title {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--color-text-light);\n            margin-bottom: var(--space-sm);\n            font-weight: 600;\n        }\n\n        .toc-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .toc-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        .toc-list a {\n            color: var(--color-text-light);\n            text-decoration: none;\n            font-size: 0.875rem;\n            display: block;\n            padding: var(--space-xs) 0;\n            border-left: 2px solid transparent;\n            padding-left: var(--space-sm);\n            transition: all 0.2s ease;\n        }\n\n        .toc-list a:hover,\n        .toc-list a.active {\n            color: var(--color-accent);\n            border-left-color: var(--color-accent);\n        }\n\n        \/* ==========================================\n           HERO SECTION\n           ========================================== *\/\n        .article-hero {\n            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);\n            color: white;\n            padding: var(--space-2xl) var(--space-lg);\n            margin: calc(-1 * var(--space-lg));\n            margin-bottom: var(--space-xl);\n            border-radius: 0 0 2rem 2rem;\n        }\n\n        .article-hero h2 {\n            font-family: var(--font-heading);\n            font-size: clamp(2rem, 5vw, 2.75rem);\n            margin: 0 0 var(--space-md);\n            line-height: 1.2;\n            font-weight: 700;\n            color: white;\n        }\n\n        .article-hero .lead {\n            font-size: 1.2rem;\n            color: white;\n            max-width: 700px;\n            margin: 0;\n        }\n\n        \/* ==========================================\n           TYPOGRAPHY\n           ========================================== *\/\n        h2 {\n            font-family: var(--font-heading);\n            font-size: 1.75rem;\n            color: var(--color-primary);\n            margin: var(--space-2xl) 0 var(--space-md);\n            padding-bottom: var(--space-sm);\n            border-bottom: 2px solid var(--color-border);\n            scroll-margin-top: var(--space-lg);\n        }\n\n        h3 {\n            font-family: var(--font-heading);\n            font-size: 1.35rem;\n            color: var(--color-accent);\n            margin: var(--space-xl) 0 var(--space-sm);\n        }\n\n        h4 {\n            font-family: var(--font-heading);\n            font-size: 1.15rem;\n            color: var(--color-text);\n            margin: var(--space-lg) 0 var(--space-xs);\n        }\n\n        p {\n            margin: 0 0 var(--space-md);\n        }\n\n        strong {\n            color: var(--color-primary);\n        }\n\n        \/* ==========================================\n           KEY CONCEPT CALLOUT\n           ========================================== *\/\n        .callout {\n            background: var(--color-bg-alt);\n            border-left: 4px solid var(--color-accent);\n            padding: var(--space-md) var(--space-lg);\n            margin: var(--space-lg) 0;\n            border-radius: 0 0.5rem 0.5rem 0;\n        }\n\n        .callout p {\n            margin: 0;\n            font-size: 1.15rem;\n        }\n\n        .callout strong {\n            color: var(--color-accent);\n        }\n\n        \/* ==========================================\n           LISTS - Card Style\n           ========================================== *\/\n        .card-list {\n            list-style: none;\n            padding: 0;\n            margin: var(--space-lg) 0;\n            display: grid;\n            gap: var(--space-sm);\n        }\n\n        .card-list li {\n            background: var(--color-bg);\n            padding: var(--space-md);\n            border-radius: 0.75rem;\n            border: 1px solid var(--color-border);\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n            font-size: 16px;\n        }\n\n        .card-list li:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n\n        .card-list li strong {\n            display: block;\n            margin-bottom: var(--space-xs);\n            font-size: 1.1rem;\n            color: var(--color-accent);\n        }\n\n        \/* Simple inline lists *\/\n        .simple-list {\n            padding-left: var(--space-lg);\n            margin: var(--space-md) 0;\n        }\n\n        .simple-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        \/* Nested lists *\/\n        .nested-list {\n            padding-left: var(--space-lg);\n            margin: var(--space-sm) 0;\n        }\n\n        .nested-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        \/* ==========================================\n           TWO-COLUMN GRID\n           ========================================== *\/\n        .two-col-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--space-md);\n            margin: var(--space-lg) 0;\n        }\n\n        @media (min-width: 640px) {\n            .two-col-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        .grid-card {\n            background: var(--color-bg);\n            padding: var(--space-md);\n            border-radius: 0.75rem;\n            border: 1px solid var(--color-border);\n            font-size: 16px;\n        }\n\n        .grid-card h4 {\n            margin-top: 0;\n            color: var(--color-accent);\n        }\n\n        .grid-card p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* ==========================================\n           IMAGES\n           ========================================== *\/\n        .article-image {\n            margin: var(--space-xl) 0;\n            border-radius: 1rem;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        }\n\n        .article-image img {\n            width: 100%;\n        }\n\n        .article-image figcaption {\n            background: var(--color-bg-alt);\n            padding: var(--space-sm) var(--space-md);\n            font-size: 0.875rem;\n            color: var(--color-text-light);\n            text-align: center;\n        }\n\n        \/* ==========================================\n           ANALOGY BOX\n           ========================================== *\/\n        .analogy-box {\n            background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-alt) 100%);\n            border-radius: 1rem;\n            padding: var(--space-lg);\n            margin: var(--space-xl) 0;\n            border: 1px solid var(--color-border);\n        }\n\n        .analogy-box h4 {\n            margin-top: 0;\n            display: flex;\n            align-items: center;\n            gap: var(--space-xs);\n        }\n\n        .analogy-box h4::before {\n            content: \"\ud83d\udca1\";\n        }\n\n        \/* ==========================================\n           COMPONENT GRID\n           ========================================== *\/\n        .component-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--space-md);\n            margin: var(--space-lg) 0;\n        }\n\n        @media (min-width: 640px) {\n            .component-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (min-width: 900px) {\n            .component-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        .component-card {\n            background: var(--color-bg);\n            border: 1px solid var(--color-border);\n            border-radius: 0.75rem;\n            padding: var(--space-md);\n            transition: all 0.2s ease;\n        }\n\n        .component-card:hover {\n            border-color: var(--color-accent);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n\n        .component-card strong {\n            display: block;\n            font-size: 1.05rem;\n            margin-bottom: var(--space-xs);\n            color: var(--color-accent);\n        }\n\n        .component-card p {\n            font-size: 0.95rem;\n            color: var(--color-text-light);\n            margin: 0;\n        }\n\n        \/* ==========================================\n           CHROMATOGRAM FEATURES\n           ========================================== *\/\n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: var(--space-lg) 0;\n        }\n\n        .feature-list li {\n            display: flex;\n            gap: var(--space-md);\n            padding: var(--space-md) 0;\n            border-bottom: 1px solid var(--color-border);\n        }\n\n        .feature-list li:last-child {\n            border-bottom: none;\n        }\n\n        .feature-label {\n            flex-shrink: 0;\n            width: 140px;\n            font-weight: 600;\n            color: var(--color-primary);\n        }\n\n        @media (max-width: 480px) {\n            .feature-list li {\n                flex-direction: column;\n                gap: var(--space-xs);\n            }\n            \n            .feature-label {\n                width: auto;\n            }\n        }\n\n        \/* ==========================================\n           COMPARISON SECTION\n           ========================================== *\/\n        .comparison-section {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--space-lg);\n            margin: var(--space-xl) 0;\n        }\n\n        @media (min-width: 768px) {\n            .comparison-section {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        .comparison-card {\n            background: var(--color-bg);\n            border: 2px solid var(--color-border);\n            border-radius: 1rem;\n            overflow: hidden;\n        }\n\n        .comparison-card.analytical {\n            border-color: var(--color-accent-light);\n        }\n\n        .comparison-card.preparative {\n            border-color: var(--color-primary);\n        }\n\n        .comparison-header {\n            padding: var(--space-sm) var(--space-md);\n            font-weight: 700;\n            font-size: 1rem;\n        }\n\n        .comparison-card.analytical .comparison-header {\n            background: var(--color-accent-light);\n            color: var(--color-primary);\n        }\n\n        .comparison-card.preparative .comparison-header {\n            background: var(--color-primary);\n            color: white;\n        }\n\n        .comparison-content {\n            padding: var(--space-sm) var(--space-md);\n            font-size: 0.875rem;\n        }\n\n        .comparison-content ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .comparison-content li {\n            padding: 0.35rem 0;\n            border-bottom: 1px solid var(--color-border);\n            display: flex;\n            gap: var(--space-xs);\n        }\n\n        .comparison-content li:last-child {\n            border-bottom: none;\n        }\n\n        .comparison-content li strong {\n            flex-shrink: 0;\n            width: 75px;\n            color: var(--color-text-light);\n            font-weight: 600;\n            font-size: 0.8rem;\n        }\n\n        \/* ==========================================\n           TABLE - Glossary\n           ========================================== *\/\n        .glossary-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: var(--space-lg) 0;\n            font-size: 0.95rem;\n        }\n\n        .glossary-table thead {\n            background: var(--color-primary);\n            color: white;\n        }\n\n        .glossary-table th {\n            padding: var(--space-md);\n            text-align: left;\n            font-weight: 600;\n            color: white !important;\n        }\n\n        .glossary-table td {\n            padding: var(--space-md);\n            border-bottom: 1px solid var(--color-border);\n            vertical-align: top;\n        }\n\n        .glossary-table tr:hover td {\n            background: var(--color-bg-alt);\n        }\n\n        .glossary-table td:first-child {\n            font-weight: 600;\n            color: var(--color-primary);\n            white-space: nowrap;\n            width: 220px;\n        }\n\n        @media (max-width: 640px) {\n            .glossary-table {\n                display: block;\n            }\n            \n            .glossary-table thead {\n                display: none;\n            }\n            \n            .glossary-table tbody {\n                display: block;\n            }\n            \n            .glossary-table tr {\n                display: block;\n                margin-bottom: var(--space-md);\n                background: var(--color-bg-alt);\n                border-radius: 0.5rem;\n                overflow: hidden;\n            }\n            \n            .glossary-table td {\n                display: block;\n                border-bottom: none;\n            }\n            \n            .glossary-table td:first-child {\n                width: auto;\n                white-space: normal;\n                background: var(--color-primary);\n                color: white;\n                padding: var(--space-sm) var(--space-md);\n            }\n        }\n\n        \/* ==========================================\n           FAQ ACCORDION\n           ========================================== *\/\n        .faq-section {\n            margin: var(--space-xl) 0;\n        }\n\n        .faq-item {\n            border: 1px solid var(--color-border);\n            border-radius: 0.75rem;\n            margin-bottom: var(--space-sm);\n            overflow: hidden;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .faq-item:hover {\n            box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n        }\n\n        .faq-question {\n            width: 100%;\n            background: var(--color-bg);\n            border: none;\n            padding: var(--space-md) var(--space-lg);\n            text-align: left;\n            cursor: pointer;\n            font-size: 1.05rem;\n            font-weight: 600;\n            color: var(--color-primary);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: var(--space-md);\n            font-family: inherit;\n        }\n\n        .faq-question::after {\n            content: \"+\";\n            font-size: 1.5rem;\n            font-weight: 300;\n            color: var(--color-accent);\n            transition: transform 0.2s ease;\n        }\n\n        .faq-item.open .faq-question::after {\n            transform: rotate(45deg);\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n\n        .faq-item.open .faq-answer {\n            max-height: 1000px;\n        }\n\n        .faq-answer-inner {\n            padding: 0 var(--space-lg) var(--space-lg);\n            border-top: 1px solid var(--color-border);\n            padding-top: var(--space-md);\n        }\n\n        .faq-answer-inner p:last-child,\n        .faq-answer-inner ul:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* ==========================================\n           MOBILE TABLE OF CONTENTS\n           ========================================== *\/\n        .mobile-toc {\n            display: block;\n            background: var(--color-bg-alt);\n            border-radius: 0.75rem;\n            padding: var(--space-md);\n            margin-bottom: var(--space-xl);\n        }\n\n        @media (min-width: 1200px) {\n            .mobile-toc {\n                display: none;\n            }\n        }\n\n        .mobile-toc-toggle {\n            width: 100%;\n            background: none;\n            border: none;\n            font-family: inherit;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--color-primary);\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0;\n        }\n\n        .mobile-toc-toggle::after {\n            content: \"\u25bc\";\n            font-size: 0.75rem;\n            transition: transform 0.2s ease;\n        }\n\n        .mobile-toc.open .mobile-toc-toggle::after {\n            transform: rotate(180deg);\n        }\n\n        .mobile-toc-list {\n            display: none;\n        }\n\n        .mobile-toc.open .mobile-toc-list {\n            display: block;\n        }\n\n        .mobile-toc-list ul {\n            list-style: none;\n            padding: 0;\n            margin: var(--space-sm) 0 0;\n        }\n\n        .mobile-toc-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        .mobile-toc-list a {\n            color: var(--color-text-light);\n            text-decoration: none;\n            font-size: 0.875rem;\n            display: block;\n            padding: var(--space-xs) 0;\n        }\n\n        .mobile-toc-list a:hover {\n            color: var(--color-accent);\n        }\n\n        \/* ==========================================\n           UTILITY CLASSES\n           ========================================== *\/\n        .visually-hidden {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n    <\/style>\n\n<div class=\"article-wrapper\">\n        <!-- Sidebar TOC (desktop only) -->\n        <aside class=\"article-sidebar\">\n            <nav class=\"toc\">\n                <p class=\"toc-title\">In diesem Artikel<\/p>\n                <ul class=\"toc-list\">\n                    <li><a href=\"#why-matters\">1. Warum Chromatographie wichtig ist<\/a><\/li>\n                    <li><a href=\"#what-is\">2. Was ist Chromatographie?<\/a><\/li>\n                    <li><a href=\"#how-works\">3. Wie sie funktioniert<\/a><\/li>\n                    <li><a href=\"#components\">4. Kernkomponenten<\/a><\/li>\n                    <li><a href=\"#chromatogram\">5. Lesen eines Chromatogramms<\/a><\/li>\n                    <li><a href=\"#types\">6. Arten der Chromatographie<\/a><\/li>\n                    <li><a href=\"#analytical-vs-prep\">7. Analytische vs. pr\u00e4parative Chromatographie<\/a><\/li>\n                    <li><a href=\"#glossary\">8. Schl\u00fcsselbegriffe<\/a><\/li>\n                    <li><a href=\"#faq\">9. FAQs<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/aside>\n\n        <!-- Main Content -->\n        <article class=\"article-main\">\n            <!-- Hero Section -->\n            <header class=\"article-hero\">\n                <h2>Chromatographie verstehen<\/h2>\n                <p class=\"lead\">Die Chromatographie geh\u00f6rt zu den wichtigsten Trenntechniken in der modernen Wissenschaft und bildet die Grundlage f\u00fcr die pharmazeutische Herstellung, die biopharmazeutische Reinigung, die Pr\u00fcfung der Lebensmittelsicherheit, die Umweltanalyse und die klinische Diagnostik.<\/p>\n            <\/header>\n\n            <!-- Mobile TOC -->\n            <nav class=\"mobile-toc\" id=\"mobileToc\">\n                <button class=\"mobile-toc-toggle\" aria-expanded=\"false\" aria-controls=\"mobileTocList\">\n Inhaltsverzeichnis\n                <\/button>\n                <div class=\"mobile-toc-list\" id=\"mobileTocList\">\n                    <ul>\n                        <li><a href=\"#why-matters\">1. Warum Chromatographie wichtig ist<\/a><\/li>\n                        <li><a href=\"#what-is\">2. Was ist Chromatographie?<\/a><\/li>\n                        <li><a href=\"#how-works\">3. Wie sie funktioniert<\/a><\/li>\n                        <li><a href=\"#components\">4. Kernkomponenten<\/a><\/li>\n                        <li><a href=\"#chromatogram\">5. Lesen eines Chromatogramms<\/a><\/li>\n                        <li><a href=\"#types\">6. Arten der Chromatographie<\/a><\/li>\n                        <li><a href=\"#analytical-vs-prep\">7. Analytische vs. pr\u00e4parative Chromatographie<\/a><\/li>\n                        <li><a href=\"#glossary\">8. Schl\u00fcsselbegriffe<\/a><\/li>\n                        <li><a href=\"#faq\">9. FAQs<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/nav>\n\n            <p>Die Chromatographie erscheint zun\u00e4chst als ein Buchstabensalat aus Akronymen \u2013 HPLC, UHPLC, FPLC, GC, SEC, IEX, TLC, HIC \u2013 und als eine Sammlung scheinbar nicht zusammenh\u00e4ngender Methoden, von denen jede ihre eigenen Regeln und Ger\u00e4te hat.<\/p>\n\n            <div class=\"callout\">\n                <p>In Wirklichkeit ist die <strong>Chromatographie ein einziges, vereinheitlichendes Konzept<\/strong>: Ein Gemisch flie\u00dft durch ein Medium, seine Komponenten bewegen sich mit unterschiedlichen Geschwindigkeiten und trennen sich dadurch auf. Die Instrumentierung, die Software, die Harzchemie und die Methodennamen sind lediglich verschiedene Wege, dieses eine Prinzip umzusetzen. <\/p>\n            <\/div>\n\n            <p>Dieser Artikel bietet eine praktische Einf\u00fchrung in dieses Prinzip: was Chromatographie ist, wie sie funktioniert, ihre Haupttypen und warum sie wichtig ist. Er bildet die Grundlage f\u00fcr den Rest dieser Reihe, die von hier aus auf die pr\u00e4parative Reinigung und die Techniken zu ihrer Skalierung aufbaut. <\/p>\n\n            <!-- Section 1 -->\n            <h2 id=\"why-matters\">1. Warum Chromatographie wichtig ist: Auswirkungen auf die reale Welt<\/h2>\n\n            <p>Die Chromatographie ist tief in das moderne Leben eingebettet und tr\u00e4gt dazu bei, dass Medikamente sicher, Wasser sauber, Lebensmittel konsistent und Forschungsdaten zuverl\u00e4ssig sind.<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_22-1024x765.jpg\" alt=\"Chromatographie in realen Anwendungen\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Pharmazeutische Entwicklung und Herstellung<\/strong>\n Reinigt niedermolekulare Wirkstoffe, Biologika (Antik\u00f6rper, Proteine), Impfstoffe, Peptide und Oligonukleotide; Qualit\u00e4tskontrolllabore nutzen die analytische HPLC und verwandte Techniken, um Wirkstoffe zu pr\u00fcfen und Reinheit, Verunreinigungen sowie Abbauprodukte zu \u00fcberwachen.\n                <\/li>\n                <li>\n                    <strong>Umweltanalyse<\/strong>\n LC und GC weisen Schadstoffe \u2013 Pestizide, Industriechemikalien und andere Kontaminanten \u2013 in Luft, Wasser und Boden nach, oft im Bereich von Parts-per-Billion (ppb) oder Parts-per-Trillion (ppt).\n                <\/li>\n                <li>\n                    <strong>Lebensmittel- und Getr\u00e4nkepr\u00fcfung<\/strong>\n Gew\u00e4hrleistet Sicherheit und Qualit\u00e4t durch die Messung von Vitaminen, Aromastoffen, Zusatzstoffen sowie R\u00fcckst\u00e4nden von Pestiziden, Mykotoxinen und Tierarzneimitteln.\n                <\/li>\n                <li>\n                    <strong>Biotechnologie und Forschung<\/strong>\n Von zentraler Bedeutung f\u00fcr die Reinigung und Charakterisierung von Biomolek\u00fclen in Proteomik-, Metabolomik- und Genomik-Workflows.\n                <\/li>\n                <li>\n                    <strong>Forensische und klinische Anwendungen<\/strong>\n GC\u2013MS und LC\u2013MS identifizieren Drogen, Toxine und unbekannte Verbindungen in forensischen Laboren; klinische Labore messen Analyten wie Aminos\u00e4uren, Vitamine und therapeutische Wirkstoffspiegel in Patientenproben.\n                <\/li>\n            <\/ul>\n\n            <!-- Section 2 -->\n            <h2 id=\"what-is\">2. Was ist Chromatographie? (Definition) <\/h2>\n\n            <div class=\"callout\">\n                <p><strong>Die Chromatographie trennt die Komponenten eines Gemisches aufgrund ihrer unterschiedlichen Wechselwirkungen mit einer station\u00e4ren Phase und einer mobilen Phase.<\/strong><\/p>\n            <\/div>\n\n            <p>Die Chromatographie wird verwendet, um einzelne Komponenten eines komplexen Gemisches zu <strong>isolieren, zu identifizieren und manchmal zu gewinnen<\/strong> \u2013 sowohl um Informationen zu gewinnen (analytische Chromatographie) als auch um gereinigtes Material zu erhalten (pr\u00e4parative Chromatographie).<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_4ivf5h4ivf5h4ivf-1024x565.jpg\" alt=\"Konzeptuelle Darstellung der Chromatographie\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <h3>Die zwei Phasen: Station\u00e4r und mobil<\/h3>\n\n            <p>Jede chromatographische Methode umfasst zwei verschiedene Phasen:<\/p>\n\n            <div class=\"two-col-grid\">\n                <div class=\"grid-card\">\n                    <h4>Station\u00e4re Phase<\/h4>\n                    <p>Ein Material, das fest an seinem Platz bleibt und mit den Probenkomponenten interagiert \u2013 por\u00f6se K\u00fcgelchen, die in eine S\u00e4ule gepackt sind, eine d\u00fcnne Schicht auf einer Platte (DC) oder eine Membran.<\/p>\n                <\/div>\n                <div class=\"grid-card\">\n                    <h4>Mobile Phase<\/h4>\n                    <p>Ein Fluid \u2013 fl\u00fcssig oder gasf\u00f6rmig \u2013, das durch die station\u00e4re Phase flie\u00dft und die Probe mit sich f\u00fchrt.<\/p>\n                <\/div>\n            <\/div>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_19-1-1024x559.jpg\" alt=\"Diagramm der station\u00e4ren und mobilen Phasen\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <h3>Wie die chromatographische Trennung erfolgt<\/h3>\n\n            <p>Wenn sich die mobile Phase durch die station\u00e4re Phase bewegt, verbringt jedes Molek\u00fcl einen unterschiedlichen Anteil seiner Zeit in jeder Phase:<\/p>\n\n            <ul class=\"simple-list\">\n                <li>Molek\u00fcle, die stark mit der station\u00e4ren Phase interagieren, bewegen sich langsamer.<\/li>\n                <li>Molek\u00fcle, die es vorziehen, in der mobilen Phase zu verbleiben, bewegen sich schneller.<\/li>\n            <\/ul>\n\n            <p>Diese unterschiedlichen Wanderungsgeschwindigkeiten trennen das Gemisch allm\u00e4hlich auf: schneller wandernde Spezies eluieren (verlassen die S\u00e4ule) zuerst, langsamer wandernde sp\u00e4ter. Die Zeit, die ein Molek\u00fcl f\u00fcr den Durchgang ben\u00f6tigt, ist seine <strong>Retentionszeit<\/strong> \u2013 und wie der n\u00e4chste Abschnitt zeigt, ist jeder Chromatographiemodus lediglich ein anderer Weg, um das Zielmolek\u00fcl anders zu retardieren als alles um es herum. <\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part-1_11-1024x559.jpg\" alt=\"Visualisierung des Trennprozesses\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <div class=\"analogy-box\">\n                <h4>Eine einfache Analogie<\/h4>\n                <p>Stellen Sie sich eine Laufbahn mit klebrigen Stellen vor:<\/p>\n                <ul class=\"simple-list\">\n                    <li>Jeder L\u00e4ufer repr\u00e4sentiert ein anderes Molek\u00fcl.<\/li>\n                    <li>Die Strecke ist die station\u00e4re Phase.<\/li>\n                    <li>Luft, die die L\u00e4ufer vorw\u00e4rts schiebt, ist die mobile Phase.<\/li>\n                <\/ul>\n                <p>L\u00e4ufer, die \u00f6fter h\u00e4ngen bleiben (hohe Affinit\u00e4t zur station\u00e4ren Phase), kommen sp\u00e4ter ins Ziel; diejenigen, die selten h\u00e4ngen bleiben, kommen fr\u00fcher an. An der Ziellinie sind sie verteilt \u2013 und in der Chromatographie ist diese Verteilung die Trennung. <\/p>\n            <\/div>\n\n            <!-- Section 3 -->\n            <h2 id=\"how-works\">3. Wie die Chromatographie funktioniert: Wichtige Trennmechanismen<\/h2>\n\n            <p>Wenn die Trennung darauf hinausl\u00e4uft, Molek\u00fcle unterschiedlich zu retardieren, stellt sich die praktische Frage, <em>welche Eigenschaft<\/em> man sich zunutze macht. W\u00e4hlen Sie eine Eigenschaft, in der sich das Zielmolek\u00fcl von seinen Verunreinigungen unterscheidet, und verwenden Sie dann einen Mechanismus der station\u00e4ren Phase, der darauf reagiert. Die unten aufgef\u00fchrten Mechanismen nutzen die n\u00fctzlichsten molekularen Eigenschaften: Polarit\u00e4t, Ladung, Gr\u00f6\u00dfe, spezifische Bindung und Fl\u00fcchtigkeit.  <\/p>\n\n            <h3>Polarit\u00e4t: Adsorptions- und Verteilungschromatographie<\/h3>\n\n            <p>Die Trennung basiert hier darauf, wie polar oder unpolar ein Molek\u00fcl ist, was bestimmt, wie es sich zwischen den beiden Phasen verteilt. Dieser Mechanismus bildet das R\u00fcckgrat mehrerer wichtiger LC-Modi: <\/p>\n\n            <div class=\"two-col-grid\">\n                <div class=\"grid-card\">\n                    <h4>Normalphasen-Chromatographie &#038; HILIC<\/h4>\n                    <p>Verwendet eine <strong>polare station\u00e4re Phase<\/strong> (wie reines Kieselgel) und eine unpolare mobile Phase; polare Verbindungen werden l\u00e4nger zur\u00fcckgehalten und eluieren sp\u00e4ter. Die <em>Hydrophile Interaktions-Fl\u00fcssigkeitschromatographie (HILIC)<\/em> ist eine spezialisierte Variante zur Trennung stark polarer Verbindungen unter Verwendung w\u00e4ssrig-organischer mobiler Phasen.<\/p>\n                <\/div>\n                <div class=\"grid-card\">\n                    <h4>Umkehrphasen-Chromatographie (RPC) &#038; HIC<\/h4>\n                    <p>Als gebr\u00e4uchlichster HPLC-Modus verwendet RPC eine <strong>unpolare station\u00e4re Phase<\/strong> (hydrophob) und eine polare mobile Phase; unpolare Verbindungen eluieren sp\u00e4ter. Die <em>Hydrophobe Interaktionschromatographie (HIC)<\/em> nutzt ebenfalls die Hydrophobizit\u00e4t, verwendet jedoch hochsalzhaltige w\u00e4ssrige Puffer, um empfindliche Biomolek\u00fcle wie Proteine schonend zu trennen.<\/p>\n                <\/div>\n            <\/div>\n\n            <h3>Ladung: Ionenaustauschchromatographie (IEX)<\/h3>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_pqal08pqal08pqal-1024x547.jpg\" alt=\"Illustration der Ionenaustauschchromatographie\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <p>Wenn die Eigenschaft eher die Ladung als die Polarit\u00e4t ist, handelt es sich um den Ionenaustausch-Modus. Er trennt Molek\u00fcle nach ihrer elektrischen Ladung unter Verwendung eines Harzes, das mit geladenen Gruppen funktionalisiert ist: <\/p>\n\n            <ul class=\"simple-list\">\n                <li><strong>Anionenaustauscher<\/strong> tragen positive Ladungen und binden negativ geladene Molek\u00fcle.<\/li>\n                <li><strong>Kationenaustauscher<\/strong> tragen negative Ladungen und binden positiv geladene Molek\u00fcle.<\/li>\n            <\/ul>\n\n            <p>Gebundene Molek\u00fcle werden sp\u00e4ter durch \u00c4nderung des pH-Werts oder der Salzkonzentration eluiert. Der Ionenaustausch wird h\u00e4ufig zur Reinigung von Proteinen, Peptiden und Aminos\u00e4uren eingesetzt. <\/p>\n\n            <h3>Gr\u00f6\u00dfe: Gr\u00f6\u00dfenausschlusschromatographie (SEC)<\/h3>\n\n            <p>Einige Trennungen nutzen \u00fcberhaupt keine chemische Wechselwirkung, sondern nur die Gr\u00f6\u00dfe. Die Gr\u00f6\u00dfenausschlusschromatographie, auch <strong>Gelfiltration<\/strong> genannt, verwendet eine por\u00f6se station\u00e4re Phase als Molekularsieb: <\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_17-1024x559.jpg\" alt=\"Diagramm der Gr\u00f6\u00dfenausschlusschromatographie\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <ul class=\"simple-list\">\n                <li><strong>Kleine Molek\u00fcle<\/strong> k\u00f6nnen in die Poren eindringen und einen l\u00e4ngeren, gewundenen Weg nehmen.<\/li>\n                <li><strong>Gro\u00dfe Molek\u00fcle<\/strong> k\u00f6nnen nicht in die Poren eindringen und bewegen sich um sie herum, wodurch sie einen k\u00fcrzeren Weg nehmen.<\/li>\n            <\/ul>\n\n            <p>Gro\u00dfe Molek\u00fcle eluieren daher zuerst, kleinere Molek\u00fcle sp\u00e4ter. Die SEC wird h\u00e4ufig zur Charakterisierung von Polymeren, zur Entsalzung von Proben und zur Trennung von Zielproteinen von unerw\u00fcnschten hochmolekularen Aggregaten eingesetzt. <\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_16-1024x559.jpg\" alt=\"Visualisierung der SEC-Ergebnisse\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <h3>Spezifische Bindung: Affinit\u00e4tschromatographie (AC)<\/h3>\n\n            <p>Die selektivste Eigenschaft von allen ist die spezifische Form oder Bindungsstelle eines Molek\u00fcls. Die Affinit\u00e4tschromatographie nutzt dies durch eine Schl\u00fcssel-Schloss-Interaktion zwischen einem an der station\u00e4ren Phase immobilisierten <strong>Liganden<\/strong> und einem spezifischen <strong>Zielmolek\u00fcl<\/strong> in der Probe. <\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_14-1024x559.jpg\" alt=\"Diagramm der Affinit\u00e4tschromatographie\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <ul class=\"simple-list\">\n                <li>Das Zielmolek\u00fcl bindet stark und wird zur\u00fcckgehalten.<\/li>\n                <li>Nicht bindende Komponenten werden durchgewaschen und entfernt.<\/li>\n                <li>Das Zielmolek\u00fcl wird dann durch \u00c4nderung der Bedingungen (z. B. \u00c4nderung des pH-Werts, Erh\u00f6hung des Salzgehalts oder Einf\u00fchrung eines kompetitiven Liganden) eluiert, um die Schl\u00fcssel-Schloss-Interaktion sicher zu l\u00f6sen.<\/li>\n            <\/ul>\n\n            <p>Da die Wechselwirkung so spezifisch ist, kann die Affinit\u00e4tschromatographie eine sehr hohe Reinheit in einem einzigen Schritt liefern. Sie ist ein Eckpfeiler der Antik\u00f6rper- und Proteinreinigung in der biopharmazeutischen Herstellung. <\/p>\n\n            <h3>Fl\u00fcchtigkeit: Gaschromatographie (GC)<\/h3>\n\n            <p>Die oben genannten Eigenschaften wirken alle in einer fl\u00fcssigen mobilen Phase, aber die Trennung kann auch durch Fl\u00fcchtigkeit angetrieben werden. Die Gaschromatographie trennt Verbindungen danach, wie leicht sie verdampfen und wie sie mit einer beschichteten station\u00e4ren Phase in einer engen Kapillars\u00e4ule interagieren; die mobile Phase ist ein inertes Gas wie Helium oder Stickstoff. GC eignet sich f\u00fcr kleine, fl\u00fcchtige organische Verbindungen \u2013 L\u00f6sungsmittel, Duftstoffe und Umweltgifte.  <\/p>\n\n            <!-- Section 4 -->\n            <h2 id=\"components\">4. Kernkomponenten eines Chromatographiesystems<\/h2>\n\n            <p>Obwohl sich chromatographische Systeme in Komplexit\u00e4t und Umfang stark unterscheiden, haben sie eine gemeinsame Architektur. Diese Bausteine bilden das Grundvokabular der Chromatographie. <\/p>\n\n            <div class=\"component-grid\">\n                <div class=\"component-card\">\n                    <strong>Probe (Gemisch)<\/strong>\n                    <p>Das zu trennende Material \u2013 eine Blutprobe, Fermentationsbr\u00fche, ein Pflanzenextrakt oder ein Reaktionsgemisch.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Mobile Phase (Eluent)<\/strong>\n                    <p>Das sich bewegende Fluid (Fl\u00fcssigkeit oder Gas), das die Probe durch das System transportiert \u2013 ein L\u00f6sungsmittel oder L\u00f6sungsmittelgemisch in der LC, ein inertes Gas in der GC.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Pumpe oder Durchflusssystem<\/strong>\n                    <p>Treibt die mobile Phase mit einer definierten Durchflussrate und einem definierten Druck durch das System; die HPLC verwendet Hochdruckpumpen, um das L\u00f6sungsmittel durch dicht gepackte S\u00e4ulen zu dr\u00fccken.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>S\u00e4ule (station\u00e4re Phase)<\/strong>\n                    <p>Hier findet die Trennung statt. Die station\u00e4re Phase (in der LC oft als Harz bezeichnet) ist in die S\u00e4ule gepackt; ihre Chemie und ihre physikalischen Eigenschaften bestimmen, wie die Komponenten getrennt werden. <\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Detektor<\/strong>\n                    <p>Ein Ger\u00e4t am S\u00e4ulenausgang, das Verbindungen beim Eluieren erkennt. Zu den g\u00e4ngigen Typen geh\u00f6ren UV-Vis-Absorptionsdetektoren (LC), Flammenionisationsdetektoren (GC) und Massenspektrometer (LC-MS, GC-MS). <\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Chromatogramm<\/strong>\n                    <p>Das Ausgangssignal des Detektors, das zeigt, wie sich das Signal im Verlauf eines Laufs ver\u00e4ndert.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Abfall-\/Fraktionssammler<\/strong>\n                    <p>Nach der Detektion werden die getrennten Komponenten entweder als Abfall entsorgt oder in separaten Beh\u00e4ltern zur weiteren Verwendung oder Analyse gesammelt.<\/p>\n                <\/div>\n            <\/div>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_msnu90msnu90msnu-1024x541.jpg\" alt=\"Komponenten eines Chromatographiesystems\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <!-- Section 5 -->\n            <h2 id=\"chromatogram\">5. Wie man ein Chromatogramm liest<\/h2>\n\n            <p>Ein <strong>Chromatogramm<\/strong> ist die visuelle Darstellung eines chromatographischen Laufs \u2013 typischerweise ein Diagramm des <strong>Detektorsignals (Y-Achse)<\/strong> gegen die <strong>Zeit (X-Achse)<\/strong>.<\/p>\n\n            <h3>Hauptmerkmale eines Chromatogramms<\/h3>\n\n            <ul class=\"feature-list\">\n                <li>\n                    <span class=\"feature-label\">Grundlinie<\/span>\n <span>Das flache Signal, wenn nur die mobile Phase durch den Detektor str\u00f6mt und keine Analyten eluieren.<\/span>\n                <\/li>\n                <li>\n                    <span class=\"feature-label\">Peaks<\/span>\n <span>Wenn eine getrennte Verbindung eluiert, steigt und f\u00e4llt das Signal und bildet einen Peak; idealerweise entspricht jeder Peak einer einzelnen Komponente (Analyt).<\/span>\n                <\/li>\n                <li>\n                    <span class=\"feature-label\">Retentionszeit (RT)<\/span>\n <span>Die Zeit von der Injektion bis zum Maximum eines Peaks. Unter festen Bedingungen hat jede Verbindung eine charakteristische Retentionszeit, die zur Identifizierung genutzt werden kann.<\/span>\n                <\/li>\n                <li>\n                    <span class=\"feature-label\">Peakh\u00f6he &#038; -fl\u00e4che<\/span>\n <span>Die Peakgr\u00f6\u00dfe korreliert mit der Menge des Analyten. Da Peaks nat\u00fcrlicherweise breiter werden, je l\u00e4nger sie in der S\u00e4ule verbleiben, st\u00fctzt sich die Quantifizierung auf die <strong>Peakfl\u00e4che<\/strong>, die ein viel robusteres und genaueres Ma\u00df f\u00fcr die Gesamtmasse liefert als die Peakh\u00f6he.<\/span>\n                <\/li>\n            <\/ul>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part-1_2-1024x559.jpg\" alt=\"Diagramm der Chromatogramm-Merkmale\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <h3>Beurteilung der Trennqualit\u00e4t<\/h3>\n\n            <p>Zwei wichtige Indikatoren f\u00fcr die Trennqualit\u00e4t sind <strong>Aufl\u00f6sung<\/strong> und <strong>Peakform<\/strong>.<\/p>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Aufl\u00f6sung<\/strong>\n Wie gut zwei Peaks voneinander getrennt sind. Eine gute Aufl\u00f6sung zeigt deutliche, bis zur Grundlinie getrennte Peaks; eine schlechte Aufl\u00f6sung \u00e4u\u00dfert sich in \u00fcberlappenden oder verschmolzenen Peaks (Koelution). \n                <\/li>\n                <li>\n                    <strong>Peakform<\/strong>\n                    <ul class=\"nested-list\">\n                        <li><strong>Symmetrische, schmale Peaks<\/strong> deuten auf eine effiziente, ideale Trennung hin, bei der die Probenkonzentration niedrig genug ist, um einer linearen Adsorptionsisotherme zu entsprechen.<\/li>\n                        <li><strong>Tailing<\/strong> zeichnet sich durch eine steile, scharf ansteigende Vorderflanke gefolgt von einer langen, ausgezogenen R\u00fcckflanke aus. In analytischen L\u00e4ufen deutet dies meist auf sekund\u00e4re chemische Wechselwirkungen hin (z. B. basische Analyten, die an verbleibenden sauren Silanolen haften). In der pr\u00e4parativen Chromatographie ist es jedoch das klassische Anzeichen f\u00fcr eine <strong>Massen\u00fcberladung unter einer Langmuir-Isotherme<\/strong>. Da hohe Probenkonzentrationen die station\u00e4re Phase s\u00e4ttigen, wandern \u00fcbersch\u00fcssige Zielmolek\u00fcle schneller und h\u00e4ufen sich an der Vorderseite der Bande an, was ein ausgepr\u00e4gtes \u201eHaifischflossen\u201c- oder \u201eSegelboot\u201c-Profil erzeugt.   <\/li>\n                        <li><strong>Fronting<\/strong> ist das Spiegelbild des Tailings und zeigt eine flache Vorderflanke, die in einem scharfen Abfall endet (ein Anti-Langmuir-Profil). Es ist in der Standard-Fl\u00fcssigkeitschromatographie weitaus seltener und resultiert typischerweise aus ungew\u00f6hnlicher Adsorptionschemie oder daraus, dass die Probe in einem L\u00f6sungsmittel gel\u00f6st wurde, das deutlich st\u00e4rker als die mobile Phase ist. <\/li>\n                        <li><strong>Breite Peaks<\/strong> deuten auf eine langsame Elution oder eine \u00fcberm\u00e4\u00dfige S\u00e4ulendispersion hin, was die Aufl\u00f6sung drastisch verringert.<\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part-1_1-1024x559.jpg\" alt=\"Beispiele f\u00fcr Peakformen\" loading=\"lazy\"\/>\n            <\/figure>\n\n            <!-- Section 6 -->\n            <h2 id=\"types\">6. Arten der Chromatographie: Der praktische Werkzeugkasten<\/h2>\n\n            <p>W\u00e4hrend Abschnitt 3 die Chromatographie nach der genutzten molekularen <em>Eigenschaft<\/em> kategorisierte, gruppieren Praktiker diese Techniken auch nach ihrer <strong>physikalischen Phase<\/strong> und Ausr\u00fcstung. Das Verst\u00e4ndnis beider Klassifizierungen erm\u00f6glicht es Ihnen, Konzepte zu kombinieren \u2013 wie etwa die Kopplung einer fl\u00fcssigen mobilen Phase (LC) mit einem ladungsbasierten Mechanismus (IEX) \u2013, um eine vollst\u00e4ndige Reinigungsstrategie zu entwerfen. <\/p>\n\n            <h3>Nach physikalischer Phase<\/h3>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Fl\u00fcssigkeitschromatographie (LC)<\/strong>\n Die mobile Phase ist eine Fl\u00fcssigkeit. \u00c4u\u00dferst vielseitig, geeignet f\u00fcr kleine Molek\u00fcle, Peptide, Proteine und Oligonukleotide. \n                <\/li>\n                <li>\n                    <strong>Hochleistungsfl\u00fcssigkeitschromatographie (HPLC)<\/strong>\n Eine hochaufl\u00f6sende Hochdruckform der LC, die dicht gepackte S\u00e4ulen und kleine Partikel f\u00fcr schnelle, effiziente Trennungen verwendet.\n                <\/li>\n                <li>\n                    <strong>Gaschromatographie (GC)<\/strong>\n Die mobile Phase ist ein Gas; Analyten m\u00fcssen fl\u00fcchtig und thermisch stabil sein. GC eignet sich hervorragend f\u00fcr fl\u00fcchtige organische Verbindungen \u2013 L\u00f6sungsmittel, Aromen und Schadstoffe. \n                <\/li>\n                <li>\n                    <strong>Planarchromatographie (z. B. DC)<\/strong>\n Die station\u00e4re Phase ist auf eine flache Platte aufgetragen, und die mobile Phase steigt durch Kapillarwirkung auf. Die D\u00fcnnschichtchromatographie (DC) ist einfach, kosteng\u00fcnstig und ideal f\u00fcr schnelle qualitative Kontrollen. \n                <\/li>\n            <\/ul>\n\n            <h3>Nach Trennmechanismus<\/h3>\n\n            <p>Nach der dominanten Wechselwirkung \u2013 den Eigenschaften aus Abschnitt 3 \u2013 gruppiert, sind die g\u00e4ngigen Methoden:<\/p>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Polarit\u00e4tsbasiert<\/strong>\n Normalphase, Umkehrphase und hydrophile Interaktionschromatographie (HILIC).\n                <\/li>\n                <li>\n                    <strong>Ionenaustausch (IEX)<\/strong>\n Trennt geladene Analyten durch elektrostatische Wechselwirkungen.\n                <\/li>\n                <li>\n                    <strong>Gr\u00f6\u00dfenausschluss (SEC)<\/strong>\n Trennt Molek\u00fcle nach Gr\u00f6\u00dfe unter Verwendung por\u00f6ser K\u00fcgelchen.\n                <\/li>\n                <li>\n                    <strong>Affinit\u00e4tschromatographie (AC)<\/strong>\n Verwendet spezifische biologische oder chemische Bindung, um das Ziel zu erfassen.\n                <\/li>\n                <li>\n                    <strong>Hydrophobe Interaktionschromatographie (HIC)<\/strong>\n Trennt Biomolek\u00fcle nach ihrer Hydrophobizit\u00e4t unter Hochsalzbedingungen.\n                <\/li>\n            <\/ul>\n\n            <!-- Section 7 -->\n            <h2 id=\"analytical-vs-prep\">7. Analytische vs. pr\u00e4parative Chromatographie<\/h2>\n\n            <p>Die Chromatographie kann auch nach ihrem prim\u00e4ren Ziel kategorisiert werden \u2013 <strong>Information<\/strong> versus <strong>Reinigung<\/strong>.<\/p>\n\n            <div class=\"comparison-section\">\n                <div class=\"comparison-card analytical\">\n                    <div class=\"comparison-header\">Analytische Chromatographie<\/div>\n                    <figure class=\"article-image\" style=\"margin: 0; border-radius: 0;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_6-1024x559.jpg\" alt=\"Analytische Chromatographie\" loading=\"lazy\"\/>\n                    <\/figure>\n                    <div class=\"comparison-content\">\n                        <ul>\n                            <li><strong>Ziel<\/strong> Identifizieren, was in einer Probe enthalten ist und wie viel davon (qualitative und quantitative Analyse)<\/li>\n                            <li><strong>Ma\u00dfstab<\/strong> Sehr kleine Proben (Mikroliter, Mikrogramm)<\/li>\n                            <li><strong>Fokus<\/strong> Hohe Aufl\u00f6sung, Empfindlichkeit und Reproduzierbarkeit; idealerweise ist jede Komponente f\u00fcr eine genaue Quantifizierung bis zur Grundlinie getrennt<\/li>\n                            <li><strong>Ausr\u00fcstung<\/strong> Englumige S\u00e4ulen, die mit feinen Partikeln gepackt sind, und hochempfindliche Detektoren (HPLC, UHPLC, LC\u2013MS, GC\u2013MS)<\/li>\n                            <li><strong>Ergebnis<\/strong> Ein Chromatogramm und numerische Daten; getrennte Komponenten werden nach der Detektion in der Regel verworfen<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"comparison-card preparative\">\n                    <div class=\"comparison-header\">Pr\u00e4parative Chromatographie<\/div>\n                    <figure class=\"article-image\" style=\"margin: 0; border-radius: 0;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_7-1024x559.jpg\" alt=\"Pr\u00e4parative Chromatographie\" loading=\"lazy\"\/>\n                    <\/figure>\n                    <div class=\"comparison-content\">\n                        <ul>\n                            <li><strong>Ziel<\/strong> Material reinigen und gewinnen \u2013 einen Wirkstoff, ein Zwischenprodukt oder ein Zielprotein<\/li>\n                            <li><strong>Ma\u00dfstab<\/strong> Gr\u00f6\u00dfere Probenmengen (Milligramm in der Forschung, Gramm bis Kilogramm in der Herstellung)<\/li>\n                            <li><strong>Fokus<\/strong> Reinheit, Ausbeute (R\u00fcckgewinnung) und Durchsatz; eine vollst\u00e4ndige Aufl\u00f6sung ist w\u00fcnschenswert, kann aber zugunsten von Geschwindigkeit und Kapazit\u00e4t abgewogen werden<\/li>\n                            <li><strong>Ausr\u00fcstung<\/strong> Gr\u00f6\u00dfere S\u00e4ulen und h\u00f6here Durchflussraten, oft mit automatisierter Fraktionssammlung<\/li>\n                            <li><strong>Ergebnis<\/strong> Isolierte Fraktionen, die die Zielkomponente f\u00fcr die nachgeschaltete Verwendung enthalten<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <p>Ein typischer Workflow f\u00fchrt zuerst eine <strong>analytische HPLC-Methode<\/strong> durch, um das Gemisch zu verstehen, und skaliert die optimierte Methode dann auf ein <strong>pr\u00e4paratives<\/strong> Setup, um Gramm oder Kilogramm einer bestimmten Komponente zu gewinnen.<\/p>\n\n            <div class=\"callout\">\n                <p>Diese Unterscheidung \u2013 Information versus Material \u2013 ist das Thema des n\u00e4chsten Teils der Reihe. <strong>Teil II, <em>Was ist pr\u00e4parative Chromatographie?<\/em><\/strong>, behandelt die pr\u00e4parative Seite und zeigt, wie das einzige Ziel der Materialgewinnung das gesamte System neu gestaltet, von der S\u00e4ulengr\u00f6\u00dfe bis zum Detektordesign.<\/p>\n            <\/div>\n\n            <!-- Section 8 -->\n            <h2 id=\"glossary\">8. Wichtige Begriffe der Chromatographie (Glossar)<\/h2>\n\n            <table class=\"glossary-table\">\n                <thead>\n                    <tr>\n                        <th>Begriff<\/th>\n                        <th>Definition<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>Affinit\u00e4tschromatographie (AC)<\/td>\n                        <td>Eine Chromatographie-Methode, bei der die station\u00e4re Phase Liganden enth\u00e4lt, die selektiv an ein bestimmtes Zielmolek\u00fcl binden.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Analyt<\/td>\n                        <td>Die Substanz oder das Molek\u00fcl, das in einem Chromatographielauf detektiert, gemessen oder gereinigt wird.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Analytische Chromatographie<\/td>\n                        <td>Chromatographie zur Identifizierung und Quantifizierung von Komponenten in einer Probe, typischerweise im kleinen Ma\u00dfstab.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Chromatogramm<\/td>\n                        <td>Eine Auftragung des Detektorsignals \u00fcber die Zeit, die die Analyt-Trennung w\u00e4hrend eines Laufs visualisiert.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>S\u00e4ule<\/td>\n                        <td>Ein mit station\u00e4rer Phase gef\u00fclltes Rohr, in dem der Trennungsprozess stattfindet.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Detektor<\/td>\n                        <td>Ein Instrument, das Verbindungen misst, wenn sie aus der S\u00e4ule eluiert werden, und das Signal in Daten umwandelt.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Elution<\/td>\n                        <td>Der Prozess des Auswaschens von Analyten aus einer Chromatographies\u00e4ule mit der mobilen Phase.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>FPLC (Fast Protein Liquid Chromatography)<\/td>\n <td>Niederdruck-Fl\u00fcssigkeitschromatographie unter Verwendung biokompatibler Materialien, entwickelt f\u00fcr die schonende Reinigung gro\u00dfer Biomolek\u00fcle.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Gaschromatographie (GC)<\/td>\n                        <td>Eine Chromatographie-Technik, die ein Gas als mobile Phase verwendet, ideal f\u00fcr fl\u00fcchtige Verbindungen.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>HIC (Hydrophobic Interaction Chromatography)<\/td>\n <td>Ein f\u00fcr empfindliche Biomolek\u00fcle optimierter Trennmodus, der die Oberfl\u00e4chenhydrophobizit\u00e4t unter Verwendung von Hochsalzpuffern nutzt.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Hochleistungsfl\u00fcssigkeitschromatographie (HPLC)<\/td>\n                        <td>Eine fortschrittliche Form der LC, die hohen Druck und feine Partikel f\u00fcr verbesserte Aufl\u00f6sung und Geschwindigkeit verwendet.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>HILIC (Hydrophilic Interaction Liquid Chromatography)<\/td>\n <td>Eine Variante der Normalphasen-Chromatographie zur Trennung stark polarer Verbindungen unter Verwendung w\u00e4ssrig-organischer mobiler Phasen.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Ionenaustauschchromatographie (IEX)<\/td>\n                        <td>Eine Trennmethode, die geladene station\u00e4re Phasen verwendet, um Analyten nach Ladung zu trennen.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Fl\u00fcssigkeitschromatographie (LC)<\/td>\n                        <td>Chromatographie unter Verwendung einer fl\u00fcssigen mobilen Phase; weit verbreitet f\u00fcr kleine und gro\u00dfe Molek\u00fcle.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Mobile Phase<\/td>\n                        <td>Die Fl\u00fcssigkeit oder das Gas, das durch das chromatographische System flie\u00dft und die Probe transportiert.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Pr\u00e4parative Chromatographie<\/td>\n                        <td>Chromatographie zur Reinigung und Sammlung gr\u00f6\u00dferer Materialmengen, wobei der Schwerpunkt auf Reinheit und Ausbeute liegt.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Harz<\/td>\n                        <td>Das station\u00e4re Phasenmaterial (oft por\u00f6se K\u00fcgelchen), das in Fl\u00fcssigkeitschromatographies\u00e4ulen verwendet wird.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Aufl\u00f6sung<\/td>\n                        <td>Ein Ma\u00df daf\u00fcr, wie gut zwei Analyt-Peaks voneinander getrennt sind.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Retentionszeit (RT)<\/td>\n                        <td>Die Zeit zwischen der Probeninjektion und dem Scheitelpunkt eines chromatographischen Peaks.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Gr\u00f6\u00dfenausschlusschromatographie (SEC)<\/td>\n                        <td>Eine Chromatographie-Methode, die Molek\u00fcle nach Gr\u00f6\u00dfe unter Verwendung por\u00f6ser Medien trennt.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Station\u00e4re Phase<\/td>\n                        <td>Die feste Phase, die mit Analyten interagiert und ihre Bewegung verlangsamt, wodurch die Trennung erm\u00f6glicht wird.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>D\u00fcnnschichtchromatographie (TLC)<\/td>\n                        <td>Eine planare Chromatographie-Methode, bei der die station\u00e4re Phase auf eine flache Platte aufgetragen wird und die Trennung durch Kapillarwirkung erfolgt.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>UHPLC (Ultra-High-Performance LC)<\/td>\n <td>Eine Weiterentwicklung der HPLC, die extrem kleine Partikel (unter 2 \u00b5m) und sehr hohe Dr\u00fccke (bis zu 1000+ bar) f\u00fcr maximale analytische Aufl\u00f6sung nutzt.<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n\n            <!-- Section 9 - FAQ -->\n            <h2 id=\"faq\">9. H\u00e4ufig gestellte Fragen zur Chromatographie<\/h2>\n\n            <div class=\"faq-section\">\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Warum hei\u00dft es \u201eChromatographie\u201c? M\u00fcssen die Substanzen daf\u00fcr farbig sein? \n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Der Name leitet sich aus dem Griechischen ab und bedeutet \u201eFarbschreiben\u201c: In der fr\u00fchen Chromatographie wurden Pflanzenpigmente in farbigen Banden auf einer S\u00e4ule getrennt. Heute wird sie auf viele f\u00fcr das Auge unsichtbare Substanzen angewendet, wobei moderne Detektoren (UV oder Massenspektrometer) farblose Verbindungen w\u00e4hrend der Trennung sichtbar machen. <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Was ist der Unterschied zwischen einem Harz, einer S\u00e4ule und der station\u00e4ren Phase?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Diese drei Begriffe werden oft ungenau verwendet, was eine h\u00e4ufige Quelle f\u00fcr Verwirrung ist. Sie beschreiben ineinander verschachtelte Dinge: <\/p>\n                            <ul class=\"simple-list\">\n                                <li>Die <strong>station\u00e4re Phase<\/strong> ist das Material, das mit der Probe interagiert und die Trennung durchf\u00fchrt.<\/li>\n                                <li>In der Fl\u00fcssigkeitschromatographie ist dieses Material normalerweise ein <strong>Harz<\/strong> \u2013 por\u00f6se K\u00fcgelchen, die die aktive Chemie tragen.<\/li>\n                                <li>Die <strong>S\u00e4ule<\/strong> ist das Rohr, das das gepackte Harz an Ort und Stelle h\u00e4lt.<\/li>\n                            <\/ul>\n                            <p>Die S\u00e4ule enth\u00e4lt also das Harz, und das Harz ist die station\u00e4re Phase. (In der GC oder DC nimmt die station\u00e4re Phase eine andere Form an \u2013 eine Beschichtung an einer Kapillarwand oder eine flache Platte \u2013, aber ihre Rolle ist dieselbe.) <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Was ist der Hauptunterschied zwischen Gaschromatographie (GC) und Fl\u00fcssigchromatographie (LC)?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Der Hauptunterschied ist die <strong>mobile Phase<\/strong>:<\/p>\n                            <ul class=\"simple-list\">\n                                <li><strong>GC<\/strong> verwendet ein Gas als mobile Phase und ben\u00f6tigt Analyten, die verdampft werden k\u00f6nnen, ohne sich zu zersetzen. Sie ist ideal f\u00fcr kleine, fl\u00fcchtige Verbindungen. <\/li>\n                                <li><strong>LC<\/strong> verwendet eine fl\u00fcssige mobile Phase und kann ein viel breiteres Spektrum an Analyten verarbeiten, einschlie\u00dflich gro\u00dfer und thermisch empfindlicher Molek\u00fcle wie Proteine, Peptide und Polymere.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Was genau ist HPLC, und wie unterscheidet sie sich von der traditionellen Fl\u00fcssigchromatographie?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p><strong>Hochleistungsfl\u00fcssigkeitschromatographie (HPLC)<\/strong> ist eine fortschrittliche Form der Fl\u00fcssigkeitschromatographie, die Folgendes verwendet:<\/p>\n                            <ul class=\"simple-list\">\n                                <li>Hochdruckpumpen, um L\u00f6sungsmittel durch das System zu treiben.<\/li>\n                                <li>S\u00e4ulen, die mit sehr kleinen Partikeln gepackt sind, um die Oberfl\u00e4che und die Aufl\u00f6sung zu erh\u00f6hen.<\/li>\n                                <li>Hochempfindliche Detektoren und automatisierte Datenanalyse.<\/li>\n                            <\/ul>\n                            <p>Im Vergleich zu \u00e4lteren, schwerkraftbetriebenen Methoden liefert die HPLC schnellere, effizientere und reproduzierbarere Trennungen und ist der Standard f\u00fcr die moderne analytische Chromatographie.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Kann die Chromatographie gro\u00dfe Molek\u00fcle wie Proteine und DNA reinigen?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Ja. Die Chromatographie ist eine Schl\u00fcsseltechnologie in der Protein- und Nukleins\u00e4urereinigung. Zu den g\u00e4ngigen Strategien geh\u00f6ren: <\/p>\n                            <ul class=\"simple-list\">\n                                <li><strong>Affinit\u00e4tschromatographie<\/strong>, um selektiv bestimmte Proteine einzufangen (z. B. Antik\u00f6rper, die an Protein-A-Liganden binden).<\/li>\n                                <li><strong>Ionenaustauschchromatographie<\/strong>, um Proteine nach ihrer Ladung zu trennen.<\/li>\n                                <li><strong>Gr\u00f6\u00dfenausschlusschromatographie<\/strong>, um nach Gr\u00f6\u00dfe zu trennen und Aggregate zu entfernen.<\/li>\n                            <\/ul>\n                            <p>F\u00fcr DNA, RNA und Oligonukleotide werden h\u00e4ufig spezielle Ionenaustausch- und Umkehrphasenmethoden sowohl im analytischen als auch im pr\u00e4parativen Ma\u00dfstab eingesetzt.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Was ist, wenn zwei Substanzen sehr \u00e4hnlich sind? Kann die Chromatographie sie dennoch trennen? \n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Oft ja, obwohl dies eine Methodenoptimierung oder spezialisierte S\u00e4ulen erfordern kann. Verbindungen mit sehr \u00e4hnlichen Eigenschaften k\u00f6nnen zun\u00e4chst koeluieren; um die Aufl\u00f6sung zu verbessern: <\/p>\n                            <ul class=\"simple-list\">\n                                <li>Passen Sie die Zusammensetzung der mobilen Phase, den Gradienten, den pH-Wert oder die Temperatur an.<\/li>\n                                <li>W\u00e4hlen Sie eine andere station\u00e4re Phasen-Chemie.<\/li>\n                                <li>Verwenden Sie einen selektiveren Modus (z. B. chirale Chromatographie f\u00fcr Enantiomere).<\/li>\n                                <li>Kombinieren Sie Techniken in der <strong>zweidimensionalen Chromatographie<\/strong>, indem Sie zwei verschiedene S\u00e4ulen nacheinander verwenden.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Wie empfindlich ist die Chromatographie?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Die Empfindlichkeit h\u00e4ngt vom Detektor ab. In Kopplung mit der Massenspektrometrie (LC-MS oder GC-MS) kann die Chromatographie Analyten bis in den Picogramm- oder Femtogrammbereich nachweisen, was f\u00fcr Spurenverunreinigungen in Arzneimitteln oder Schadstoffe in sehr niedrigen Konzentrationen in Umweltproben geeignet ist. <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n Analytische oder pr\u00e4parative Chromatographie \u2013 welche brauche ich?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Es h\u00e4ngt davon ab, was Sie nach dem Lauf ben\u00f6tigen. F\u00fcr <strong>Informationen<\/strong> \u2013 was in einer Probe enthalten ist und wie viel davon \u2013 verwenden Sie die analytische Chromatographie; die Probe wird bei der Messung verbraucht. F\u00fcr <strong>Material<\/strong> \u2013 eine gereinigte Komponente, die in verwendbarer Menge gewonnen wird \u2013 verwenden Sie die pr\u00e4parative Chromatographie. Viele Projekte nutzen beides: zuerst eine analytische Methode, um das Gemisch zu verstehen, dann eine pr\u00e4parative Methode, um das Ziel zu gewinnen. Teil II, <strong>Was ist pr\u00e4parative Chromatographie?<\/strong>, behandelt die pr\u00e4parative Seite im Detail.    <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/article>\n    <\/div>\n\n<script>\/\/ FAQ Accordion functionality\n        document.querySelectorAll('.faq-question').forEach(button => {\n            button.addEventListener('click', () => {\n                const faqItem = button.parentElement;\n                const isOpen = faqItem.classList.contains('open');\n                \n                \/\/ Close all other items\n                document.querySelectorAll('.faq-item').forEach(item => {\n                    item.classList.remove('open');\n                    item.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n                });\n                \n                \/\/ Toggle current item\n                if (!isOpen) {\n                    faqItem.classList.add('open');\n                    button.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n\n        \/\/ Mobile TOC toggle\n        const mobileToc = document.getElementById('mobileToc');\n        const mobileTocToggle = mobileToc.querySelector('.mobile-toc-toggle');\n        \n        mobileTocToggle.addEventListener('click', () => {\n            const isOpen = mobileToc.classList.contains('open');\n            mobileToc.classList.toggle('open');\n            mobileTocToggle.setAttribute('aria-expanded', !isOpen);\n        });\n\n        \/\/ Close mobile TOC when clicking a link\n        document.querySelectorAll('.mobile-toc-list a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileToc.classList.remove('open');\n                mobileTocToggle.setAttribute('aria-expanded', 'false');\n            });\n        });\n\n        \/\/ Highlight active TOC item on scroll (desktop)\n        const observerOptions = {\n            rootMargin: '-100px 0px -70% 0px',\n            threshold: 0\n        };\n\n        const observer = new IntersectionObserver(entries => {\n            entries.forEach(entry => {\n                const id = entry.target.getAttribute('id');\n                const tocLink = document.querySelector(`.toc-list a[href=\"#${id}\"]`);\n                \n                if (tocLink) {\n                    if (entry.isIntersecting) {\n                        document.querySelectorAll('.toc-list a').forEach(link => {\n                            link.classList.remove('active');\n                        });\n                        tocLink.classList.add('active');\n                    }\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('h2[id]').forEach(section => {\n            observer.observe(section);\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Eine praxisorientierte Einf\u00fchrung in die Chromatographie: was sie ist, wie sie funktioniert und warum sie wichtig ist. Erfahren Sie mehr \u00fcber die wichtigsten Trennmechanismen, einschlie\u00dflich Umkehrphasen-, Ionenaustausch-, Gr\u00f6\u00dfenausschluss- und Affinit\u00e4tschromatographie, sowie \u00fcber das Lesen von Chromatogrammen und den Unterschied zwischen analytischen und pr\u00e4parativen Methoden. <\/p>\n","protected":false},"featured_media":2832,"comment_status":"closed","ping_status":"closed","template":"","article_category":[198],"class_list":["post-2831","articles","type-articles","status-publish","has-post-thumbnail","","article_category-fundamentals-of-preparative-chromatography"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/articles\/2831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/types\/articles"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/comments?post=2831"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/media\/2832"}],"wp:attachment":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/media?parent=2831"}],"wp:term":[{"taxonomy":"article_category","embeddable":true,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/article_category?post=2831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}