{"id":2858,"date":"2026-01-07T09:31:33","date_gmt":"2026-01-07T09:31:33","guid":{"rendered":"https:\/\/aktionen.teal-consulting.de\/?page_id=2858"},"modified":"2026-06-02T16:23:26","modified_gmt":"2026-06-02T16:23:26","slug":"teal-expertise-community","status":"publish","type":"page","link":"https:\/\/aktionen.teal-consulting.de\/en\/teal-expertise-community\/","title":{"rendered":"TEAL Expertise Community"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid\" style='background-image:url(https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/01\/hintegrund-neu-scaled.jpg); text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner  grid_section\" style=' text-align:left;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"teal-modern-wrapper\">\n<div class=\"teal-modern-glass-card\">\n<h1 class=\"teal-modern-gradient-title\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3023 aligncenter\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/EC-LOGO.png\" alt=\"\" width=\"269\" height=\"183\" srcset=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/EC-LOGO.png 960w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/EC-LOGO-300x204.png 300w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/EC-LOGO-768x522.png 768w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/EC-LOGO-18x12.png 18w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/EC-LOGO-700x475.png 700w\" sizes=\"auto, (max-width: 269px) 100vw, 269px\" \/><br \/>\nSicherheit ist kein Tool.<br \/>\nSicherheit ist Expertise und Kontinuit\u00e4t.<\/h1>\n<p class=\"teal-modern-text\">Du brauchst Zeit, Wissen und klare Priorit\u00e4ten, kein weiteres Tool.<br \/>\nNutze die Tools, die du hast, und verst\u00e4rke dein Team mit der TEAL Expertise Community.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .modern-nav-wrapper {\n        background: linear-gradient(90deg, rgba(0, 154, 164, 0.05) 0%, rgba(4, 45, 47, 0.05) 100%);\n        padding: 15px 0;\n        border-radius: 20px;\n        margin: 20px auto;\n        max-width: 800px;\n        border: 1px solid rgba(0, 154, 164, 0.1);\n        backdrop-filter: blur(5px);\n    }\n\n    .modern-nav {\n        display: flex;\n        justify-content: center;\n        gap: 30px;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n    }\n\n    .modern-nav a {\n        text-decoration: none;\n        color: #042d2f;\n        font-weight: 800;\n        font-size: 15px;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        padding: 8px 16px;\n        border-radius: 20px;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .modern-nav a:hover {\n        background: #009aa4;\n        color: #ffffff;\n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(0, 154, 164, 0.3);\n    }\n\n    \/* NEU: Mobile Anpassung f\u00fcr untereinander *\/\n    @media (max-width: 650px) {\n        .modern-nav-wrapper {\n            border-radius: 0px;\n            padding: 20px 0;\n        }\n        .modern-nav {\n            flex-direction: column; \/* Links untereinander *\/\n            align-items: center;    \/* Zentriert *\/\n            gap: 15px;              \/* Abstand zwischen den Zeilen *\/\n        }\n        .modern-nav a {\n            font-size: 14px;\n            padding: 10px 20px;\n        }\n    }\n<\/style>\n\n<div class=\"modern-nav-wrapper\">\n    <nav class=\"modern-nav\">\n        <a href=\"#problem\">Problem<\/a>\n        <a href=\"#kunden\">Kundenstimmen<\/a>\n        <a href=\"#loesung\">L\u00f6sung<\/a>\n        <a href=\"#preise\">Pakete & Preise<\/a>\n        <a href=\"#kontakt\">Kontakt<\/a>\n    <\/nav>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid  grid_section\" style=' text-align:center;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 50px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n  .sec-headline {\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    font-size: clamp(1.8rem, 5vw, 3rem); \/* Responsiv: passt sich der Bildschirmgr\u00f6\u00dfe an *\/\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: -0.02em;\n    \n    \/* Der Farbverlauf *\/\n    background: linear-gradient(135deg, #00a0b6 0%, #002c33 100%);\n    \n    \/* Text-Clip Effekt *\/\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    \n    \/* Ein dezenter Schatten f\u00fcr Tiefe *\/\n    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n    \n    margin: 0;\n    padding: 20px 0;\n    line-height: 1.2;\n  }\n<\/style>\n\n<h2 class=\"sec-headline\">Was ist die Expertise Community?<\/h2>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space  space-3\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\">Wir bei TEAL wissen:<br \/>\nMachen ist wie wollen, nur besser!<\/h2>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space  space-3\"  style=\"height: 50px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space  space-3\"  style=\"height: 20px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\" style=\"text-align: left;\"><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"font-size: 20px;\">IT Sicherheit scheitert selten am fehlenden Tool, sondern am fehlenden Wissen, an Zeit und an klarer Priorisierung. Die <strong>TEAL Expertise Community<\/strong> schlie\u00dft genau dort die L\u00fccke: Sie bringt kontinuierliche Security Expertise in dein Unternehmen, reduziert Komplexit\u00e4t und hilft dir, technische Schulden strukturiert abzubauen.<\/span><\/p>\n<p class=\"cvGsUA direction-ltr align-center para-style-body\" style=\"text-align: left;\"><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"font-size: 20px;\"><br \/>\nWir machen deine bestehende Landschaft wirksam, durch Expertise, Austausch mit der Community und eine Arbeitsweise, die nachhaltige Sicherheit erm\u00f6glicht.<br \/>\n<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space  space-3\"  style=\"height: 20px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2988\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten.png\" alt=\"\" width=\"221\" height=\"251\" srcset=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten.png 960w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten-265x300.png 265w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten-904x1024.png 904w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten-768x870.png 768w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten-11x12.png 11w, https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten-700x793.png 700w\" sizes=\"auto, (max-width: 221px) 100vw, 221px\" \/><\/p>\n\n\t\t<\/div>\n\t<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"problem\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style='background-color:#EDEDED; text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 100px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner  grid_section\" style=' text-align:center;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n  .sec-headline {\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    font-size: clamp(1.8rem, 5vw, 3rem); \/* Responsiv: passt sich der Bildschirmgr\u00f6\u00dfe an *\/\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: -0.02em;\n    \n    \/* Der Farbverlauf *\/\n    background: linear-gradient(135deg, #00a0b6 0%, #002c33 100%);\n    \n    \/* Text-Clip Effekt *\/\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    \n    \/* Ein dezenter Schatten f\u00fcr Tiefe *\/\n    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n    \n    margin: 0;\n    padding: 20px 0;\n    line-height: 1.2;\n  }\n<\/style>\n\n<h2 class=\"sec-headline\">Sicherheit l\u00e4sst sich nicht kaufen, sie muss erarbeitet werden<\/h2>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space  space-3\"  style=\"height: 50px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\" style=\"text-align: center;\"><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"font-size: 20px;\">Mehr Systeme, mehr Regulierung, mehr Angriffe. Die spontane Reaktion ist der Kauf neuer Tools. Doch das l\u00f6st nicht das eigentliche Problem:<strong> fehlende Zeit, fehlende Expertise, fehlende Priorisierung.<\/strong><br \/>\n<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 20px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n\n<style>\n    :root {\n        --primary-start: #009aa4; \n        --primary-end: #042d2f;   \n        --accent: #ff2070;        \n        --white: #ffffff;\n        --glass-bg: rgba(255, 255, 255, 0.85);\n        --glass-border: rgba(255, 255, 255, 0.5);\n    }\n\n    .problem-section {\n        font-family: 'Segoe UI', Roboto Condensed, sans-serif;\n        padding: 100px 20px;\n        background: #ededed; \n        overflow: hidden;\n    }\n\n    .problem-container {\n        max-width: 1300px;\n        margin: 0 auto;\n    }\n\n    \/* --- Problem Grid --- *\/\n    .problem-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        align-items: stretch;\n    }\n\n    \/* --- Wei\u00dfe Kacheln --- *\/\n    .pain-points {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\n\n    \/* Die erste Kachel soll \u00fcber zwei Spalten gehen *\/\n    .pain-points .pain-card:first-child {\n        grid-column: span 2;\n    }\n\n    .pain-card {\n        background: var(--glass-bg);\n        border: 1px solid var(--glass-border);\n        padding: 40px 30px;\n        border-radius: 20px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n        transition: transform 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        text-align: left; \n    }\n\n    .pain-card:hover {\n        transform: translateY(-5px);\n    }\n\n    .pain-card i {\n        color: var(--accent);\n        font-size: 32px;\n        margin-bottom: 25px; \n        display: block;\n    }\n\n    .pain-card h4 {\n        color: var(--primary-end);\n        margin-bottom: 20px; \n        font-size: 20px;\n        font-weight: 700;\n    }\n\n    .pain-card p {\n        font-size: 18px;\n        color: #444;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* --- Schwarze Kachel (Solution Highlight) --- *\/\n    .solution-highlight {\n        padding: 60px 45px;\n        background: var(--primary-end);\n        border-radius: 30px;\n        color: var(--white);\n        position: relative;\n        box-shadow: 0 20px 40px rgba(4, 45, 47, 0.2);\n        text-align: left;\n    }\n\n    .solution-highlight::before {\n        content: \"DER TEAL-WEG\"; \n        position: absolute;\n        top: -15px;\n        left: 45px;\n        background: var(--accent);\n        padding: 6px 18px;\n        border-radius: 50px;\n        font-size: 12px;\n        font-weight: 900;\n        letter-spacing: 1px;\n        color: white;\n    }\n\n    .solution-highlight h3 {\n        font-size: 34px;\n        font-weight: 800;\n        margin-bottom: 30px;\n        color: var(--white);\n    }\n\n    .solution-highlight p.sol-intro {\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 35px;\n        color: var(--white);\n    }\n\n    .solution-highlight ul {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 40px 0;\n    }\n\n    .solution-highlight li {\n        display: flex;\n        align-items: flex-start;\n        gap: 15px;\n        margin-bottom: 22px;\n        font-size: 18px;\n        line-height: 1.4;\n        color: var(--white);\n    }\n\n    .solution-highlight li i {\n        color: var(--white) !important; \n        font-size: 20px;\n        margin-top: 3px;\n        display: inline-block;\n        visibility: visible;\n        opacity: 1;\n    }\n\n    .solution-cta {\n        display: inline-block;\n        padding: 18px 38px;\n        background: var(--primary-start);\n        color: white;\n        text-decoration: none;\n        border-radius: 12px;\n        font-weight: 700;\n        font-size: 18px;\n        transition: all 0.3s ease;\n    }\n\n    .solution-cta:hover {\n        background: var(--white);\n        color: var(--primary-end);\n        transform: translateY(-3px);\n    }\n\n    \/* --- Mobile Ansicht --- *\/\n    @media (max-width: 992px) {\n        .problem-grid { \n            grid-template-columns: 1fr; \n        }\n        \/* Ge\u00e4ndert: Pain Points kommen mobil nun zuerst (Order 1) *\/\n        .pain-points { \n            order: 1; \n        }\n        .solution-highlight { \n            order: 2; \n            margin-top: 40px; \n        }\n    }\n\n    @media (max-width: 600px) {\n        .pain-points { grid-template-columns: 1fr; }\n        .pain-points .pain-card:first-child { grid-column: span 1; }\n        .pain-card { padding: 30px 20px; }\n    }\n<\/style>\n\n<div class=\"problem-section\">\n    <div class=\"problem-container\">\n        <div class=\"problem-grid\">\n            \n            <div class=\"pain-points\">\n                <div class=\"pain-card\">\n                    <i class=\"fa-solid fa-user-slash\"><\/i>\n                    <h4>Ressourcenmangel<\/h4>\n                    <p>Zu wenig Kapazit\u00e4t, zu wenig Spezialwissen, zu viele operative Aufgaben.<\/p>\n                <\/div>\n\n                <div class=\"pain-card\">\n                    <i class=\"fa-solid fa-file-shield\"><\/i>\n                    <h4>Zunehmende Regulierung<\/h4>\n                    <p>BSI-IT\u2011Grundschutz \/ KRITIS\u2011VO, ISO 27001, DORA, NIS2, TISAX & weitere Vorgaben erh\u00f6hen die Anforderungen schneller, als IT-Teams sie umsetzen k\u00f6nnen.<\/p>\n                <\/div>\n                <div class=\"pain-card\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\n                    <h4>Offene Findings<\/h4>\n                    <p>Audit-Ergebnisse bleiben liegen, weil Ressourcen, Zeit und Priorit\u00e4ten fehlen.<\/p>\n                <\/div>\n                <div class=\"pain-card\">\n                    <i class=\"fa-solid fa-boxes-stacked\"><\/i>\n                    <h4>Tool-Wildwuchs<\/h4>\n                    <p>Neue Security-L\u00f6sungen kommen hinzu, doch Transparenz und Wirksamkeit nehmen ab.<\/p>\n                <\/div>\n                <div class=\"pain-card\">\n                    <i class=\"fa-solid fa-play\"><\/i>\n                    <h4>Fehlende Kontinuit\u00e4t<\/h4>\n                    <p>Sicherheit findet nur in Projekten statt, nicht im Alltag. L\u00fccken bleiben bestehen.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"solution-highlight\">\n                <h3>SICHERHEIT IST EXPERTISE und Kontinuit\u00e4t.<\/h3>\n                <p class=\"sol-intro\">Bei TEAL wissen wir: Sicherheit entsteht durch Wissen, Priorisierung und konsequente Umsetzung. Die TEAL Expertise Community bringt genau das in dein Unternehmen. Kontinuierlich, planbar und umsetzungsstark.<\/p>\n                \n                <ul>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Kontinuierliche Optimierung:<\/strong> Wir helfen dir, technische Schulden abzubauen und Risiken Schritt f\u00fcr Schritt zu reduzieren.<\/span><\/li>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Wissenstransfer statt Tool-Overload:<\/strong> Wir machen deine bestehenden Tools durch klare Empfehlungen und praxisnahe Expertise wirksam.<\/span><\/li>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Schnellere Reaktionsf\u00e4higkeit:<\/strong> Direkter Zugriff auf erfahrene Security-Spezialisten, wenn neue Bedrohungen auftauchen.<\/span><\/li>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Regulatorische Sicherheit:<\/strong> Ob NIS2, DORA, TISAX, ISO 27001 oder KRITIS-Anforderungen: Wir sorgen daf\u00fcr, dass du wei\u00dft, was, wann und wie umgesetzt werden muss. Ohne Chaos, ohne \u00dcberforderung.<\/span><\/li>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Planbare Sicherheit:<\/strong> Monatliche Expertise zum festen Preis, ohne \u00dcberraschungen.<\/span><\/li>\n                <\/ul>\n\n                <a href=\"#kontakt\" class=\"solution-cta\">Jetzt Intro-Call buchen<\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"kunden\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\">Was IT-Entscheider \u00fcber die Expertise Community sagen<\/h2>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space  space-3\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* Scope-Klasse, um Theme-Konflikte zu vermeiden *\/\n    .teal-review-section {\n        --teal-accent: #008080;\n        --teal-light: rgba(0, 128, 128, 0.1);\n        --glass-bg: rgba(255, 255, 255, 0.85);\n        --text-main: #1a1c1e;\n        position: relative;\n        width: 100%;\n        margin: 40px 0;\n        overflow: hidden;\n        background: transparent;\n    }\n\n    .teal-slider-viewport {\n        width: 100%;\n        overflow: hidden;\n        position: relative;\n        padding: 15px 0 30px 0; \/* Dezente Abst\u00e4nde f\u00fcr Schatten *\/\n    }\n\n    \/* Weiche Ausl\u00e4ufe *\/\n    .teal-slider-viewport::before, .teal-slider-viewport::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        width: 60px;\n        height: 100%;\n        z-index: 2;\n        pointer-events: none;\n    }\n    .teal-slider-viewport::before { left: 0; background: linear-gradient(to right, rgba(240,242,245,1), transparent); }\n    .teal-slider-viewport::after { right: 0; background: linear-gradient(to left, rgba(240,242,245,1), transparent); }\n\n    .teal-track {\n        display: flex;\n        gap: 20px;\n        width: max-content;\n        will-change: transform;\n        animation: teal-infinite-scroll 250s linear infinite;\n    }\n\n    .teal-review-section:hover .teal-track {\n        animation-play-state: paused;\n    }\n\n    \/* Schlankes Kachel-Design (Min-Height entfernt) *\/\n    .teal-card {\n        width: 260px; \/* Mobile Breite *\/\n        background: var(--glass-bg);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border-radius: 20px;\n        padding: 20px 25px; \/* Optimierte Innenabst\u00e4nde *\/\n        box-shadow: 0 8px 25px rgba(0,0,0,0.05);\n        border: 1px solid rgba(255,255,255,0.6);\n        display: flex;\n        flex-direction: column;\n        gap: 10px; \/* Kleinere L\u00fccken *\/\n        flex-shrink: 0;\n        position: relative;\n    }\n\n    \/* Desktop Anpassung *\/\n    @media (min-width: 1024px) {\n        .teal-card { \n            width: 450px; \n            padding: 30px 40px; \n            border-radius: 24px; \n            gap: 15px; \n        }\n        .teal-track { gap: 50px; }\n        .teal-slider-viewport::before, .teal-slider-viewport::after { width: 120px; }\n    }\n\n    \/* Dezenter Z\u00e4hler *\/\n    .teal-counter {\n        position: absolute;\n        top: 15px;\n        right: 20px;\n        font-size: 10px;\n        font-weight: 600;\n        color: #bbb;\n        letter-spacing: 0.5px;\n    }\n\n    .teal-user { display: flex; align-items: center; gap: 12px; }\n    .teal-pic { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; border: 2px solid var(--teal-accent); }\n    \n    @media (min-width: 1024px) {\n        .teal-pic { width: 55px; height: 55px; }\n    }\n\n    .teal-meta { display: flex; flex-direction: column; gap: 2px; }\n    .teal-name { font-weight: 600; font-size: 15px; color: var(--text-main); line-height: 1.2; }\n    @media (min-width: 1024px) { .teal-name { font-size: 17px; } }\n\n    .teal-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        background: var(--teal-light);\n        color: var(--teal-accent);\n        font-size: 9px;\n        font-weight: 600;\n        padding: 2px 8px;\n        border-radius: 50px;\n        text-transform: uppercase;\n        letter-spacing: 0.3px;\n    }\n\n    .teal-text { font-size: 13px; line-height: 1.5; color: #333; margin: 0; font-style: italic; }\n    @media (min-width: 1024px) { .teal-text { font-size: 15px; line-height: 1.6; } }\n\n    .teal-hl { color: var(--teal-accent); font-weight: 600; }\n\n    \/* Pfeil-Navigation (Screenshot-Look) *\/\n    .teal-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 35px;\n        height: 35px;\n        background: white;\n        border: 2px solid var(--teal-accent);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        z-index: 10;\n        color: var(--teal-accent);\n        font-weight: bold;\n        transition: all 0.3s ease;\n        padding: 0;\n    }\n    @media (min-width: 1024px) { .teal-nav { width: 45px; height: 45px; } }\n\n    .teal-nav:hover { background: var(--teal-accent); color: white; }\n    .nav-left { left: 10px; }\n    .nav-right { right: 10px; }\n\n    @keyframes teal-infinite-scroll {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); } \n    }\n<\/style>\n\n<div class=\"teal-review-section\">\n    <button class=\"teal-nav nav-left\" onclick=\"shiftSliderManual(-1)\">&#10094;<\/button>\n    <button class=\"teal-nav nav-right\" onclick=\"shiftSliderManual(1)\">&#10095;<\/button>\n\n    <div class=\"teal-slider-viewport\">\n        <div class=\"teal-track\" id=\"teal-track\">\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">1\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/Sebastian-Testimonial.png\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Sebastian<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Die Zusammenarbeit mit der TEAL ist <span class=\"teal-hl\">durchweg positiv<\/span>. Das Team zeigt sich stets hilfsbereit, \u00e4u\u00dferst kompetent und l\u00f6sungsorientiert.\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">2\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181686\/pexels-photo-1181686.jpeg?auto=compress&cs=tinysrgb&w=150\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Sabine<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Sicherheit l\u00e4sst sich nicht einfach kaufen. TEAL hat uns geholfen, den <span class=\"teal-hl\">Berg an technischen Schulden<\/span> nachhaltig abzutragen.\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">3\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/Horst-Testimonial.jpg\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Horst<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Sehr <span class=\"teal-hl\">kurzfristige Antworten<\/span> und Hilfe bei Sicherheitsfragen sind essentiell f\u00fcr unsere Firmensicherheit.\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">4\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/2182970\/pexels-photo-2182970.jpeg?auto=compress&cs=tinysrgb&w=150\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Andreas<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Die <span class=\"teal-hl\">kontinuierliche Optimierung<\/span> gibt uns die n\u00f6tige Ruhe f\u00fcr das Tagesgesch\u00e4ft. Machen ist besser als wollen!\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">5\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/Patrick-Testimonial.png\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Patrick<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Teal ist unser <span class=\"teal-hl\">verl\u00e4sslicher Partner<\/span>, der Dinge effizient vorantreibt und unsere Umgebung sp\u00fcrbar sicherer macht.\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">6\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/834863\/pexels-photo-834863.jpeg?auto=compress&cs=tinysrgb&w=150\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Michael<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Endlich Transparenz statt Tool-Chaos. Das Team baut durch den <span class=\"teal-hl\">Wissenstransfer<\/span> echtes Know-how auf.\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">7\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/Jochen-Testimonial.png\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Jochen<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Schnell, zuverl\u00e4ssig, kompetent. TEAL l\u00f6st selbst <span class=\"teal-hl\">komplexe Security-Probleme<\/span> unkompliziert f\u00fcr uns.\"<\/p>\n            <\/div>\n            <div class=\"teal-card\">\n                <span class=\"teal-counter\">8\/8<\/span>\n                <div class=\"teal-user\">\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1139743\/pexels-photo-1139743.jpeg?auto=compress&cs=tinysrgb&w=150\" class=\"teal-pic\">\n                    <div class=\"teal-meta\">\n                        <div class=\"teal-name\">Markus<\/div>\n                        <div class=\"teal-badge\">\u2713 Expertise best\u00e4tigt<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"teal-text\">\"Sicherheit als <span class=\"teal-hl\">fortlaufende Optimierung<\/span> gedacht. Das ist genau die Kontinuit\u00e4t, die uns gefehlt hat.\"<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        const track = document.getElementById('teal-track');\n        if(!track) return;\n        const originalCards = track.innerHTML;\n        \n        \/\/ 10-fache Kopie f\u00fcr extreme Sicherheit gegen leere Fl\u00e4chen\n        let bigSet = \"\";\n        for(let i=0; i<10; i++) { bigSet += originalCards; }\n        track.innerHTML = bigSet;\n\n        let currentX = 0;\n        let isMoving = false;\n\n        window.shiftSliderManual = function(direction) {\n            if(isMoving) return;\n            isMoving = true;\n            const style = window.getComputedStyle(track);\n            const matrix = new WebKitCSSMatrix(style.transform);\n            track.style.animation = 'none'; \/\/ Auto-Scroll bei Interaktion stoppen\n            \n            const card = track.querySelector('.teal-card');\n            const gap = window.innerWidth >= 1024 ? 50 : 20;\n            const step = card.offsetWidth + gap;\n            \n            currentX = matrix.m41 - (direction * step);\n            track.style.transition = 'transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1)';\n            track.style.transform = `translateX(${currentX}px)`;\n            \n            setTimeout(() => { isMoving = false; }, 600);\n        };\n    })();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"loesung\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style='background-color:#EDEDED; text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner  grid_section\" style=' text-align:center;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n  .sec-headline {\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    font-size: clamp(1.8rem, 5vw, 3rem); \/* Responsiv: passt sich der Bildschirmgr\u00f6\u00dfe an *\/\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: -0.02em;\n    \n    \/* Der Farbverlauf *\/\n    background: linear-gradient(135deg, #00a0b6 0%, #002c33 100%);\n    \n    \/* Text-Clip Effekt *\/\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    \n    \/* Ein dezenter Schatten f\u00fcr Tiefe *\/\n    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n    \n    margin: 0;\n    padding: 20px 0;\n    line-height: 1.2;\n  }\n<\/style>\n\n<h2 class=\"sec-headline\">Leistungen im Detail<\/h2>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\">Der TEAL-Weg: Kontinuierliche Security, die wirkt<\/h2>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\" style=\"text-align: center;\"><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"font-size: 20px;\"><strong>Sicherheit ist kein einmaliges Projekt, sondern Kontinuit\u00e4t und Wissen.<\/strong><br \/>\nDie <strong>TEAL Expertise Community<\/strong> verbindet das Wissen eures Teams mit der Expertise unserer Spezialisten und der Community. Kontinuierlich, planbar und wirksam.<\/span><\/p>\n<p>&nbsp;<\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n\n<style>\n    :root {\n        --primary-start: #009aa4; \n        --primary-end: #042d2f;   \n        --accent: #ff2070;        \n        --white: #ffffff;\n    }\n\n    .solution-section-part {\n        font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n        padding: 20px;\n    }\n\n    .solution-container {\n        max-width: 1300px;\n        margin: 0 auto;\n    }\n\n    \/* --- Collaboration Flow --- *\/\n    .collab-wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 30px;\n        margin-bottom: 60px;\n    }\n\n    .side-box {\n        flex: 1;\n        background: var(--white);\n        padding: 40px 30px;\n        border-radius: 24px;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.04);\n        text-align: center;\n        border: 1px solid rgba(0, 154, 164, 0.1);\n    }\n\n    .side-box i {\n        font-size: 40px;\n        color: var(--primary-start);\n        margin-bottom: 20px;\n    }\n\n    .side-box h4 {\n        color: var(--primary-end);\n        font-size: 22px;\n        margin-bottom: 15px;\n        font-weight: 800;\n        text-transform: uppercase;\n    }\n\n    .center-flow {\n        flex: 1.2;\n        text-align: center;\n    }\n\n    .flow-card {\n        background: var(--primary-end);\n        color: var(--white);\n        padding: 35px;\n        border-radius: 24px;\n        box-shadow: 0 20px 50px rgba(4, 45, 47, 0.2);\n    }\n\n    .flow-card h3 {\n        font-size: 20px;\n        margin-bottom: 25px;\n        color: var(--primary-start);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .flow-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        text-align: left;\n    }\n\n    .flow-list li {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        font-size: 16px;\n        margin-bottom: 15px;\n        padding-bottom: 10px;\n        border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .flow-list li:last-child { border: none; }\n\n    \/* --- Features Grid --- *\/\n    .sol-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n\n    .sol-card {\n        padding: 25px;\n        background: white;\n        border-radius: 15px;\n        border-left: 4px solid var(--accent);\n        box-shadow: 0 5px 15px rgba(0,0,0,0.02);\n    }\n\n    .sol-card h5 {\n        font-size: 19px;\n        color: var(--primary-end);\n        margin-bottom: 12px;\n        font-weight: 700;\n    }\n\n    .sol-card p {\n        font-size: 16px;\n        color: #555;\n        line-height: 1.5;\n    }\n\n    \/* --- Community Block Styles --- *\/\n    .community-grid-clean {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n    }\n\n    .community-col-title {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        color: var(--primary-end);\n        font-size: 22px;\n        font-weight: 800;\n        text-transform: uppercase;\n        border-bottom: 3px solid var(--primary-start);\n        padding-bottom: 15px;\n        margin-bottom: 30px;\n    }\n\n    .feature-row {\n        display: grid;\n        grid-template-columns: 200px 1fr;\n        gap: 20px;\n        margin-bottom: 25px;\n        align-items: start;\n    }\n\n    .feature-label {\n        font-weight: 800;\n        color: var(--primary-end);\n        font-size: 16px;\n        line-height: 1.3;\n    }\n\n    .feature-desc {\n        color: #666;\n        font-size: 16px;\n        line-height: 1.4;\n    }\n\n    .full-width-col {\n        grid-column: 1 \/ -1;\n        margin-top: 20px;\n    }\n\n    @media (max-width: 992px) {\n        .collab-wrapper { flex-direction: column; }\n        .sol-grid, .community-grid-clean { grid-template-columns: 1fr; }\n        .feature-row { grid-template-columns: 1fr; gap: 5px; }\n    }\n<\/style>\n\n<div class=\"solution-section-part\">\n    <div class=\"solution-container\">\n        <div class=\"collab-wrapper\">\n            <div class=\"side-box\">\n                <i class=\"fa-solid fa-users-gear\"><\/i>\n                <h4>DEIN TEAM<\/h4>\n                <p style=\"font-size: 16px; color: #666;\">Interne Prozesse, Infrastrukturwissen & Kontext<\/p>\n                <p style=\"font-weight: bold; color: var(--primary-start); margin-top: 10px;\">\u2192 Wir schaffen Klarheit, Priorit\u00e4t & Umsetzungskraft.<\/p>\n            <\/div>\n\n            <div class=\"center-flow\">\n                <div class=\"flow-card\">\n                    <h3>EXPERTISE COMMUNITY<\/h3>\n                    <p style=\"font-size: 14px; margin-bottom: 20px; color: var(--white); opacity: 1;\">Dein Unternehmen bekommt kontinuierliche Security-Exzellenz. Operativ, strategisch und im t\u00e4glichen Doing.<\/p>\n                    <ul class=\"flow-list\">\n                        <li><i class=\"fa-solid fa-rotate\"><\/i> <span>Kontinuierliche Optimierung<\/span><\/li>\n                        <li><i class=\"fa-solid fa-headset\"><\/i> <span>Regelm\u00e4\u00dfige Experten-Sessions<\/span><\/li>\n                        <li><i class=\"fa-solid fa-brain\"><\/i> <span>Nachhaltiger Know-how-Transfer<\/span><\/li>\n                        <li><i class=\"fa-solid fa-bolt\"><\/i> <span>Ad-hoc Hilfe bei Bedrohungen<\/span><\/li>\n                        <li><i class=\"fa-solid fa-compass\"><\/i> <span>Regulatorische Orientierung<\/span><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"side-box\">\n                <i class=\"fa-solid fa-user-shield\"><\/i>\n                <h4>TEAL EXPERTEN & Community<\/h4>\n                <p style=\"font-size: 16px; color: #666;\">Spezialisiertes Security-Know-how<\/p>\n                <p style=\"font-weight: bold; color: var(--primary-start); margin-top: 10px;\">\u2192 Wir bringen Tiefe, Erfahrung & Handlungssicherheit.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"sol-grid\">\n            <div class=\"sol-card\">\n                <h5>Gemeinsam umsetzen<\/h5>\n                <p>Wir begleiten nicht nur konzeptionell, sondern gehen die Umsetzung aktiv mit euch an.<\/p>\n            <\/div>\n            <div class=\"sol-card\">\n                <h5>Wissen verankern<\/h5>\n                <p>Regelm\u00e4\u00dfige Live-Sessions, Q&A Calls und klare Dokumentation sorgen daf\u00fcr, dass jede Ma\u00dfnahme verstanden wird.<\/p>\n            <\/div>\n            <div class=\"sol-card\">\n                <h5>Zukunft sichern<\/h5>\n                <p>Regulatorik, Bedrohungslage, Technik, wir behalten alles im Blick und geben euch Orientierung f\u00fcr die n\u00e4chsten Schritte.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\">Was du in der TEAL Expertise Community bekommst<\/h2>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\" style=\"text-align: center;\"><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"font-size: 20px;\">Die Community vereint kontinuierliche Security-Begleitung, Wissenstransfer und priorisierte Umsetzung.<br \/>\n<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"solution-section-part\">\n    <div class=\"solution-container\">\n        <div class=\"community-grid-clean\">\n            \n            <div class=\"community-col\" style=\"background: var(--white); padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.02); margin: 0;\">\n                <div class=\"community-col-title\">\ud83d\udd27 Operative Security<\/div>\n                <p style=\"font-size: 17px; color: #555; margin-bottom: 20px; font-style: italic;\">Damit Sicherheit nicht nur geplant, sondern auch umgesetzt wird.<\/p>\n                \n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Kontinuierliche Optimierung<\/div>\n                    <div class=\"feature-desc\">Wir priorisieren, verbessern und reduzieren technische Schulden laufend.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">4\u00d7 j\u00e4hrliche Security Health Checks<\/div>\n                    <div class=\"feature-desc\">Klarer \u00dcberblick \u00fcber Risiken, Fortschritt & notwendige Ma\u00dfnahmen.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Monatliche Threat Insights<\/div>\n                    <div class=\"feature-desc\">Relevante Bedrohungen, Trends und Handlungsempfehlungen.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Ad-hoc Unterst\u00fctzung<\/div>\n                    <div class=\"feature-desc\">Schnelle Hilfe bei Vorf\u00e4llen, wenn es darauf ankommt.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Umsetzungsunterst\u00fctzung<\/div>\n                    <div class=\"feature-desc\">Wir begleiten Ma\u00dfnahmen konkret und hands-on im Alltag.<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"community-col\" style=\"background: var(--white); padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.02); margin: 0;\">\n                <div class=\"community-col-title\">\ud83d\udcda Wissen, Orientierung & Weiterentwicklung<\/div>\n                <p style=\"font-size: 17px; color: #555; margin-bottom: 20px; font-style: italic;\">Damit dein Team versteht, entscheidet und selbst sicherer handeln kann.<\/p>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Regelm\u00e4\u00dfige Experten-Q&A Calls<\/div>\n                    <div class=\"feature-desc\">Stetig neue Impulse und Platz f\u00fcr alle Fragen aus dem Alltag.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Nachhaltiger Know-how-Transfer<\/div>\n                    <div class=\"feature-desc\">Wir erkl\u00e4ren jede Ma\u00dfnahme, kein Blackbox-Security.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Tealcademy: Security Operations Bootcamp<\/div>\n                    <div class=\"feature-desc\">Strukturiertes Training f\u00fcr modernes Security-Operations-Know-how.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Tealcademy: Trend Kompass<\/div>\n                    <div class=\"feature-desc\">Ausblick zu neuen Anforderungen, Technologien und Best Practices.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Vor Ort Strategieworkshop & Roadmapentwicklung<\/div>\n                    <div class=\"feature-desc\">Klare Ausrichtung, Priorit\u00e4ten und Umsetzungspfad f\u00fcr die n\u00e4chsten 12 Monate.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Regulatorik-Beratung<\/div>\n                    <div class=\"feature-desc\">Beratung und pragmatische Umsetzungsunterst\u00fctzung bei Regulatorik (NIS2, KRITIS, ISO, DORA, TISAX).<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"community-col full-width-col\" style=\"background: var(--white); padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.02); margin: 0; margin-top: 20px;\">\n                <div class=\"community-col-title\">\ud83e\udd1d Zugang, Support & Community-Vorteile<\/div>\n                <p style=\"font-size: 17px; color: #555; margin-bottom: 20px; font-style: italic;\">Damit du jederzeit auf das richtige Wissen zugreifen kannst.<\/p>\n                \n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Direkter Ansprechpartner<\/div>\n                    <div class=\"feature-desc\">Eine feste Person bei TEAL, die dein Umfeld kennt.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">TEAL-Expertennetzwerk<\/div>\n                    <div class=\"feature-desc\">Zugriff auf das gesamte TEAL-Expertennetzwerk, Spezialwissen jederzeit verf\u00fcgbar.<\/div>\n                <\/div>\n\n                <div class=\"feature-row\">\n                    <div class=\"feature-label\">Bevorzugter Experten-Support<\/div>\n                    <div class=\"feature-desc\">Priorisierte Reaktionszeiten f\u00fcr dringliche Themen.<\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n  .dot-divider {\n    border: none;\n    border-top: 5px dotted #ededed;\n    color: #fff;\n    background-color: #fff;\n    height: 1px;\n    width: 30%;\n    margin: 40px auto;\n  }\n<\/style>\n\n<hr class=\"dot-divider\">\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"preise\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid  preise\" style=' text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 50px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"preise-headline\" style=\"text-align: center;\">Preise und Pakete<\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n\n<style>\n    :root {\n        --primary-start: #009aa4; \n        --primary-end: #042d2f;   \n        --accent: #ff2070;        \n        --white: #ffffff;\n        --glass-bg: rgba(255, 255, 255, 0.85);\n        --glass-border: rgba(255, 255, 255, 0.5);\n    }\n\n    .pricing-section {\n        font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n        padding: 80px 20px;\n        \n    }\n\n    .pricing-header {\n        max-width: 1300px;\n        margin: 0 auto 50px;\n        text-align: left;\n    }\n\n    .pricing-header h2 {\n        color: var(--primary-end);\n        font-size: 38px;\n        font-weight: 800;\n        margin-bottom: 25px;\n        letter-spacing: -0.5px;\n    }\n\n    .modern-tag-container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-top: 20px;\n    }\n\n    .modern-tag {\n        background: var(--white);\n        border: 1px solid rgba(0, 154, 164, 0.3);\n        color: var(--primary-end);\n        padding: 8px 18px;\n        border-radius: 50px;\n        font-size: 14px;\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .modern-tag i { color: var(--accent); font-size: 12px; }\n\n    .pricing-wrapper {\n        max-width: 1300px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 30px;\n        align-items: stretch;\n    }\n\n    .price-card {\n        background: var(--glass-bg);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border: 1px solid var(--glass-border);\n        border-radius: 20px;\n        padding: 50px 35px;\n        display: flex;\n        flex-direction: column;\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n        position: relative;\n        overflow: visible; \/* Wichtig f\u00fcr den 3D-Effekt des Badges *\/\n    }\n\n    .price-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 30px 60px rgba(0,0,0,0.1);\n        background: var(--white);\n    }\n\n    .price-card.featured {\n        border: 2px solid var(--primary-start);\n        box-shadow: 0 20px 50px rgba(0, 154, 164, 0.15);\n        transform: scale(1.03);\n        z-index: 2;\n    }\n\n    \/* --- 3D Badge Styling --- *\/\n    .badge-3d {\n        position: absolute;\n        top: 20px;\n        right: -12px;\n        background: var(--accent);\n        color: white;\n        padding: 8px 20px;\n        font-size: 12px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: -2px 2px 5px rgba(0,0,0,0.15);\n        z-index: 10;\n    }\n\n    .badge-3d::after {\n        content: \"\";\n        position: absolute;\n        top: 100%;\n        right: 0;\n        border-left: 12px solid #b3104a; \/* Dunklere Akzentfarbe f\u00fcr den Schatten *\/\n        border-bottom: 12px solid transparent;\n    }\n\n    .plan-icon {\n        font-size: 30px;\n        color: var(--primary-start);\n        margin-bottom: 15px;\n        opacity: 0.8;\n    }\n\n    .price-card h3 {\n        color: var(--primary-end);\n        font-size: 34px;\n        font-weight: 800;\n        margin: 0 0 5px 0;\n        line-height: 1.1;\n    }\n\n    .duration-info {\n        color: #7f8c8d;\n        font-size: 14px;\n        font-weight: 600;\n        margin-bottom: 15px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .target-audience {\n        font-size: 16px;\n        color: #555;\n        line-height: 1.5;\n        margin-bottom: 20px;\n        min-height: 65px;\n    }\n\n    .target-audience strong { color: var(--primary-end); }\n\n    .price-display { margin-bottom: 10px; }\n\n    .old-price {\n        text-decoration: line-through;\n        color: #b0b0b0;\n        font-size: 19px;\n        font-weight: 500;\n        margin-bottom: 8px;\n        display: block;\n        min-height: 20px;\n    }\n\n    .current-price {\n        font-size: 58px;\n        font-weight: 800;\n        color: var(--primary-end);\n        line-height: 1;\n    }\n\n    .current-price span { font-size: 18px; font-weight: 400; color: #7f8c8d; }\n\n    .saving-tag {\n        display: inline-block;\n        background: rgba(0, 154, 164, 0.08);\n        color: var(--primary-start);\n        padding: 8px 14px;\n        border-radius: 6px;\n        font-weight: 700;\n        font-size: 13px;\n        margin-bottom: 25px;\n    }\n\n    .featured .saving-tag { background: var(--accent); color: white; }\n\n    .feature-divider {\n        display: flex;\n        align-items: center;\n        margin: 20px 0;\n        color: #eee;\n    }\n    .feature-divider::after { content: \"\"; flex: 1; height: 1px; background: #eee; margin-left: 10px; }\n\n    .price-features { flex-grow: 1; margin-bottom: 25px; }\n\n    .feature-item {\n        display: flex;\n        gap: 12px;\n        margin-bottom: 12px;\n        font-size: 16px; \n        color: #444;\n        line-height: 1.4;\n    }\n\n    .feature-item i { color: var(--primary-start); font-size: 14px; margin-top: 4px; }\n\n    .special-box {\n        background: rgba(0, 154, 164, 0.04);\n        border-radius: 12px;\n        padding: 20px;\n        margin-top: auto;\n    }\n\n    .special-box h4 {\n        margin: 0 0 10px 0;\n        font-size: 14px;\n        color: var(--primary-end);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .special-item {\n        display: flex;\n        gap: 10px;\n        font-size: 14px;\n        color: #555;\n        margin-bottom: 8px;\n    }\n\n    .special-item i { color: var(--accent); font-size: 12px; margin-top: 3px; }\n\n    .total-footer {\n        margin-top: 20px;\n        font-weight: 700;\n        color: var(--primary-end);\n        font-size: 13px;\n        text-align: center;\n        opacity: 0.7;\n    }\n\n    .vat-notice {\n        max-width: 1300px;\n        margin: 15px auto 0;\n        text-align: right;\n        font-size: 12px;\n        color: #696969;\n        font-style: italic;\n    }\n\n    @media (max-width: 992px) {\n        .price-card.featured { transform: scale(1); margin: 20px auto; }\n        .pricing-header h2 { text-align: center; font-size: 30px; }\n    }\n<\/style>\n\n<div class=\"pricing-section\">\n    \n    <div class=\"pricing-header\">\n        <h2>Expertise Community Preisstaffelung<\/h2>\n        <div class=\"modern-tag-container\">\n            <div class=\"modern-tag\"><i class=\"fa-solid fa-shield-halved\"><\/i> Ganzheitliche Begleitung Ihrer IT-Sicherheit<\/div>\n            <div class=\"modern-tag\"><i class=\"fa-solid fa-chart-line\"><\/i> Messbare Steigerung des H\u00e4rtungsgrades<\/div>\n            <div class=\"modern-tag\"><i class=\"fa-solid fa-users-gear\"><\/i> Direkter Austausch auf Experten-Level<\/div>\n            <div class=\"modern-tag\"><i class=\"fa-solid fa-clock-rotate-left\"><\/i> Langfristige Stabilit\u00e4t statt punktueller Fixes<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"pricing-wrapper\">\n        \n        <div class=\"price-card\">\n            <div class=\"plan-icon\"><i class=\"fa-solid fa-bolt-lightning\"><\/i><\/div>\n            <h3>START<\/h3>\n            <p style=\"color: #7f8c8d; font-size: 15px; margin-bottom: 10px;\">Maximale Freiheit<\/p>\n            \n            <div class=\"price-display\">\n                <span class=\"old-price\"><\/span>\n                <div class=\"current-price\">5.999\u20ac<span> \/ Mo.<\/span><\/div>\n            <\/div>\n            <p class=\"duration-info\">Monatlich k\u00fcndbar<\/p>\n\n            <div class=\"target-audience\">\n                <strong>F\u00fcr wen?<\/strong> Unternehmen, die starten wollen und volle Flexibilit\u00e4t ben\u00f6tigen.\n            <\/div>\n\n            <div class=\"saving-tag\">Basis-Konditionen<\/div>\n\n            <div class=\"feature-divider\"><i class=\"fa-solid fa-list-ul\" style=\"font-size: 10px;\"><\/i><\/div>\n\n            <div class=\"price-features\">\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> W\u00f6chentliche Q&A Sessions<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Monatliche Threat Insights<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Direkter Ansprechpartner<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Zugriff auf Expertennetzwerk<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Kontinuierliches Reporting<\/div>\n            <\/div>\n\n            <div class=\"special-box\">\n                <h4>Was dieses Paket besonders macht:<\/h4>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> H\u00f6chste Flexibilit\u00e4t<\/div>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Ideal zum Einstieg und f\u00fcr punktuelle Themen<\/div>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Keine Bindung, jederzeit ver\u00e4nderbar<\/div>\n            <\/div>\n            \n            <p class=\"total-footer\">Abrechnung: Monatlich<\/p>\n        <\/div>\n\n        <div class=\"price-card\">\n            <div class=\"plan-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\n            <h3>ADVANCE<\/h3>\n            <p style=\"color: #7f8c8d; font-size: 15px; margin-bottom: 10px;\">Gezielte Optimierung<\/p>\n            \n            <div class=\"price-display\">\n                <span class=\"old-price\">5.999\u20ac<\/span>\n                <div class=\"current-price\">5.499\u20ac<span> \/ Mo.<\/span><\/div>\n            <\/div>\n            <p class=\"duration-info\">Laufzeit: 6 Monate<\/p>\n\n            <div class=\"target-audience\">\n                <strong>F\u00fcr wen?<\/strong> Unternehmen, die Security-Schulden abbauen wollen, mit verl\u00e4sslichem Rahmen, aber ohne Jahresbindung.\n            <\/div>\n\n            <div class=\"saving-tag\">Ersparnis: 3.000\u20ac (8,3%)<\/div>\n\n            <div class=\"feature-divider\"><i class=\"fa-solid fa-plus\" style=\"font-size: 10px;\"><\/i><\/div>\n\n            <div class=\"price-features\">\n                <div class=\"feature-item\"><strong>Zus\u00e4tzlich zu START:<\/strong><\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> 2\u00d7 Health Check<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Strategieworkshop & Roadmapentwicklung<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Priorisierte Themenplanung<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Tealcademy Zugang (Bootcamp + Kompass)<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Standard-Reaktionszeiten<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Gemeinsame Umsetzung mit Meilensteinen<\/div>\n            <\/div>\n\n            <div class=\"special-box\">\n                <h4>Was dieses Paket besonders macht:<\/h4>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Strukturierte Halbjahresbegleitung<\/div>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Fokus auf konkrete Verbesserungen<\/div>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Ideal f\u00fcr Regulierung (NIS2, KRITIS, ISO)<\/div>\n            <\/div>\n            \n            <p class=\"total-footer\">Gesamtinvestition: 32.994\u20ac<\/p>\n        <\/div>\n\n        <div class=\"price-card featured\">\n            <div class=\"badge-3d\">Top-Wahl<\/div>\n            <div class=\"plan-icon\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\n            <h3>COMPLETE<\/h3>\n            <p style=\"color: #7f8c8d; font-size: 15px; margin-bottom: 10px;\">Vollst\u00e4ndige Absicherung<\/p>\n            \n            <div class=\"price-display\">\n                <span class=\"old-price\">5.999\u20ac<\/span>\n                <div class=\"current-price\">5.000\u20ac<span> \/ Mo.<\/span><\/div>\n            <\/div>\n            <p class=\"duration-info\">Laufzeit: 12 Monate<\/p>\n\n            <div class=\"target-audience\" style=\"color: #444;\">\n                <strong>F\u00fcr wen?<\/strong> Unternehmen, die Security nicht nur verbessern, sondern professionalisieren und dauerhaft stabilisieren wollen.\n            <\/div>\n\n            <div class=\"saving-tag\">Vorteil: 11.988\u20ac (16,6%)<\/div>\n\n            <div class=\"feature-divider\"><i class=\"fa-solid fa-star\" style=\"font-size: 10px;\"><\/i><\/div>\n\n            <div class=\"price-features\">\n                <div class=\"feature-item\"><strong>Zus\u00e4tzlich zu ADVANCE:<\/strong><\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> 4\u00d7 Health Check<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Bevorzugte Reaktionszeiten (Fast Lane)<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Garantierte monatliche Experten-Slots<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Aktives Nachsteuern (Steering & Retro)<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Laufendes Ma\u00dfnahmen-Tracking<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> Vertiefte Umsetzungsbegleitung (Hands-on)<\/div>\n                <div class=\"feature-item\"><i class=\"fa-solid fa-check\"><\/i> G\u00fcnstigster Monatspreis<\/div>\n            <\/div>\n\n            <div class=\"special-box\" style=\"background: rgba(255, 32, 112, 0.05);\">\n                <h4 style=\"color: var(--accent);\">Was dieses Paket besonders macht:<\/h4>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> TEAL \u00fcbernimmt die Steuerung<\/div>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Maximale Planbarkeit & Stabilit\u00e4t<\/div>\n                <div class=\"special-item\"><i class=\"fa-solid fa-star\"><\/i> Erreichen echter Security-Reife<\/div>\n            <\/div>\n            \n            <p class=\"total-footer\">Gesamtinvestition: 60.000\u20ac<\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"vat-notice\">\n        Alle Preise verstehen sich rein netto zzgl. der gesetzlich geltenden Mehrwertsteuer.\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner  grid_section\" style=' text-align:center;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 80px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n  .sec-headline {\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    font-size: clamp(1.8rem, 5vw, 3rem); \/* Responsiv: passt sich der Bildschirmgr\u00f6\u00dfe an *\/\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: -0.02em;\n    \n    \/* Der Farbverlauf *\/\n    background: linear-gradient(135deg, #00a0b6 0%, #002c33 100%);\n    \n    \/* Text-Clip Effekt *\/\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    \n    \/* Ein dezenter Schatten f\u00fcr Tiefe *\/\n    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n    \n    margin: 0;\n    padding: 20px 0;\n    line-height: 1.2;\n  }\n<\/style>\n\n<h2 class=\"sec-headline\">So starten wir<\/h2>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\">Ein klarer Fahrplan in die kontinuierliche Security-Verbesserung.<\/h2>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\" style=\"text-align: center;\"><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"font-size: 20px;\">Die <strong>TEAL Expertise Community<\/strong> ist darauf ausgelegt, dir den Einstieg m\u00f6glichst einfach zu machen. Kein langes Onboarding, keine komplizierten Prozesse, nur klare Schritte, damit wir schnell Wirkung erzeugen k\u00f6nnen.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid vc_inner\" style=' text-align:center;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Roboto+Condensed:wght@700&display=swap');\n\n    #teal-manual-roadmap {\n        --tr-teal: #009aa4;\n        --tr-dark: #042d2f;\n        --tr-pink: #ff2070;\n        --tr-glass: rgba(255, 255, 255, 0.95);\n        --tr-border: rgba(255, 255, 255, 0.6);\n        \n        position: relative;\n        width: 100%;\n        padding: 60px 0;\n        overflow: hidden;\n        font-family: 'Poppins', sans-serif;\n    }\n\n    .tr-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .tr-header h2 {\n        font-family: 'Roboto Condensed', sans-serif !important;\n        font-size: 38px !important;\n        font-weight: 700 !important;\n        color: var(--tr-dark);\n        text-transform: uppercase;\n        margin: 0;\n    }\n\n    .tr-header .tr-line {\n        width: 60px;\n        height: 4px;\n        background: var(--tr-pink);\n        margin: 15px auto 0;\n        border-radius: 2px;\n    }\n\n    .tr-viewport {\n        width: 100%;\n        overflow: hidden;\n        position: relative;\n        padding: 30px 0;\n    }\n\n    .tr-track {\n        display: flex;\n        gap: 25px;\n        width: max-content;\n        transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);\n        will-change: transform;\n        align-items: center;\n    }\n\n    \/* Kachel-Design *\/\n    .tr-card {\n        width: 340px; \n        background: var(--tr-glass);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border-radius: 20px;\n        padding: 40px 30px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border: 1px solid var(--tr-border);\n        display: flex;\n        flex-direction: column;\n        flex-shrink: 0;\n        position: relative;\n        transition: all 0.3s ease;\n    }\n\n    .tr-card:hover {\n        transform: translateY(-5px);\n        border-color: var(--tr-teal);\n    }\n\n    \/* Zahl oben rechts - Jetzt etwas dunkler *\/\n    .tr-step-num {\n        position: absolute;\n        top: 15px;\n        right: 25px;\n        font-family: 'Roboto Condensed', sans-serif;\n        font-size: 60px;\n        font-weight: 700;\n        color: rgba(0, 154, 164, 0.18); \/* Dunkler als zuvor (0.07 -> 0.18) *\/\n        line-height: 1;\n    }\n\n    .tr-card h3 {\n        font-size: 22px !important;\n        font-weight: 700 !important;\n        color: var(--tr-dark);\n        margin: 0 0 15px 0 !important;\n        padding-right: 40px;\n        line-height: 1.3 !important;\n    }\n\n    .tr-card p {\n        font-size: 16px;\n        line-height: 1.6;\n        color: #444;\n        margin-bottom: 25px;\n        flex-grow: 1;\n    }\n\n    .tr-res-box {\n        background: rgba(0, 154, 164, 0.05);\n        border-left: 4px solid var(--tr-teal);\n        padding: 15px;\n        border-radius: 4px 12px 12px 4px;\n        display: flex;\n        gap: 12px;\n        align-items: flex-start;\n    }\n\n    .tr-res-box i {\n        color: var(--tr-pink);\n        font-size: 16px;\n        margin-top: 3px;\n    }\n\n    .tr-res-box span {\n        font-size: 14px;\n        font-weight: 600;\n        color: var(--tr-dark);\n    }\n\n    \/* Der Trenner zwischen den Zyklen *\/\n    .tr-cycle-divider {\n        width: 2px;\n        height: 150px;\n        background: linear-gradient(to bottom, transparent, var(--tr-teal), transparent);\n        margin: 0 20px;\n        flex-shrink: 0;\n        position: relative;\n        opacity: 0.6;\n    }\n\n    .tr-cycle-divider::after {\n        content: \" \";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%) rotate(-90deg);\n        background: #f9fbfb;\n        color: var(--tr-teal);\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 2px;\n        padding: 5px 10px;\n    }\n\n    \/* Pfeile *\/\n    .tr-nav {\n        position: absolute;\n        top: 55%;\n        transform: translateY(-50%);\n        width: 48px;\n        height: 48px;\n        background: white;\n        border: 2px solid var(--tr-teal);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        z-index: 10;\n        color: var(--tr-teal);\n        font-size: 18px;\n        transition: all 0.3s ease;\n    }\n\n    .tr-nav:hover { background: var(--tr-teal); color: white; }\n    .tr-nav-l { left: 15px; }\n    .tr-nav-r { right: 15px; }\n\n    \/* Mobil Ansicht *\/\n    @media (max-width: 768px) {\n        .tr-nav, .tr-cycle-divider { display: none; }\n        .tr-track {\n            flex-direction: column;\n            width: 100% !important;\n            transform: none !important;\n            padding: 0 20px;\n            box-sizing: border-box;\n            gap: 30px;\n        }\n        .tr-card { width: 100%; }\n    }\n<\/style>\n\n<div id=\"teal-manual-roadmap\">\n\n    <button class=\"tr-nav tr-nav-l\" onclick=\"moveRoadmap(-1)\">&#10094;<\/button>\n    <button class=\"tr-nav tr-nav-r\" onclick=\"moveRoadmap(1)\">&#10095;<\/button>\n\n    <div class=\"tr-viewport\">\n        <div class=\"tr-track\" id=\"tr-track-manual\">\n            \n            <div class=\"tr-card\">\n                <span class=\"tr-step-num\">1<\/span>\n                <h3>Intro-Call & Zielbild<\/h3>\n                <p>Wir starten mit einem kurzen Gespr\u00e4ch: Wo stehst du heute? Wo willst du hin? Welche regulatorischen, technischen oder organisatorischen Themen dr\u00fccken gerade am meisten?<\/p>\n                <div class=\"tr-res-box\">\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\n                    <span>Ergebnis: Ein gemeinsames Bild deiner aktuellen Lage und deiner wichtigsten Priorit\u00e4ten.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"tr-card\">\n                <span class=\"tr-step-num\">2<\/span>\n                <h3>Zugang & Setup<\/h3>\n                <p>Du erh\u00e4ltst Zugang zur Expertise Community, deinem direkten Ansprechpartner und allen Informationskan\u00e4len (Q&A, Threat Insights, Tealcademy usw.). Keine schwere Vorbereitung n\u00f6tig, wir starten schlank.<\/p>\n                <div class=\"tr-res-box\">\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\n                    <span>Ergebnis: Sofortige Ansprechbarkeit und Transparenz.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"tr-card\">\n                <span class=\"tr-step-num\">3<\/span>\n                <h3>Start-Workshop & Priorisierung<\/h3>\n                <p>Gemeinsam priorisieren wir die wichtigsten Ma\u00dfnahmen: technische Schulden, Risiken, NIS2\/DORA-Themen, Identit\u00e4tsarchitekturen, PAW\/Tiering oder laufende Baustellen.<\/p>\n                <div class=\"tr-res-box\">\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\n                    <span>Ergebnis: Eine klare, umsetzbare Roadmap f\u00fcr die ersten Wochen.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"tr-card\">\n                <span class=\"tr-step-num\">4<\/span>\n                <h3>Monatliche Security-Sprints<\/h3>\n                <p>Jeden Monat arbeiten wir an konkret priorisierten Themen: Optimieren, h\u00e4rten, ordnen, modernisieren, dokumentieren. Je nachdem, was gerade am meisten Wirkung bringt.<\/p>\n                <div class=\"tr-res-box\">\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\n                    <span>Ergebnis: Sichtbare Fortschritte, Monat f\u00fcr Monat.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"tr-card\">\n                <span class=\"tr-step-num\">5<\/span>\n                <h3>Fortschrittsreporting & Steering<\/h3>\n                <p>Wir halten dich \u00fcber alles auf dem Laufenden: Risiken, Verbesserungen, offene Punkte, regulatorische Anforderungen, technische Schulden, Trends. Bei Transformation \u00fcbernehmen wir das aktive Steering.<\/p>\n                <div class=\"tr-res-box\">\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\n                    <span>Ergebnis: Sicherheit mit System statt Projekt-Feuerwehr.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"tr-cycle-divider\"><\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        const track = document.getElementById('tr-track-manual');\n        if(!track) return;\n\n        const originalHTML = track.innerHTML;\n        \/\/ 10-fache Kopie f\u00fcr ewig weites Klicken\n        let bigContent = \"\";\n        for(let i=0; i<10; i++) { bigContent += originalHTML; }\n        track.innerHTML = bigContent;\n\n        let currentOffset = 0;\n        let isMoving = false;\n\n        window.moveRoadmap = function(direction) {\n            if(isMoving || window.innerWidth <= 768) return;\n            isMoving = true;\n\n            const card = track.querySelector('.tr-card');\n            const divider = track.querySelector('.tr-cycle-divider');\n            const gap = 25;\n            \n            \/\/ Berechnung der Breite: Karte + Gap ODER Divider + Gaps\n            \/\/ Da wir einfach nur fl\u00fcssig scrollen, nehmen wir einen Durchschnittswert\n            \/\/ Ein Schritt entspricht hier einer Kachel + Gap\n            const stepWidth = card.offsetWidth + gap;\n\n            currentOffset -= (direction * stepWidth);\n            \n            track.style.transform = `translateX(${currentOffset}px)`;\n\n            setTimeout(() => { isMoving = false; }, 600);\n        };\n    })();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 30px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"kontakt\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid  grid_section\" style='background-color:#EDEDED; text-align:center;'><div class=\"section_inner clearfix\"><div class='section_inner_margin clearfix'><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 100px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_text_column wpb_content_element\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\">Sicherheit entsteht nicht durch Tools.<br \/>\nSicherheit entsteht durch den ersten Schritt.<\/h2>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Starte heute und mach deine IT-Security planbar, wirksam und kontinuierlich besser. Buche dir direkt einen Intro-Call oder sende uns via Kontaktformular eine kurze Nachricht.<\/p>\n\n\t\t<\/div>\n\t<\/div><div class=\"vc_empty_space\"  style=\"height: 40px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<a href=\"https:\/\/outlook.office365.com\/book\/Beratungsgesprch@teal-consulting.de\/\" class=\"teal-booking-tile\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <div class=\"tile-content\">\n        <h3 class=\"tile-title\">Oder einfach direkt mit einem Experten von TEAL austauschen und ein Beratungsgespr\u00e4ch buchen<\/h3>\n        <span class=\"fake-button\">INTRO-CALL BUCHEN<\/span>\n    <\/div>\n<\/a>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 40px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"pipedriveWebForms\" data-pd-webforms=\"https:\/\/webforms.pipedrive.com\/f\/c55bY2DnDJ8uTAFULtn7vgk3jhmvF4NyajIemqwm9m1xJKpp6Sh4dxD8a4Kr3aSf7R\"><script src=\"https:\/\/webforms.pipedrive.com\/f\/loader\"><\/script><\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 100px\" >\n\t<span class=\"vc_empty_space_inner\">\n\t\t<span class=\"empty_space_image\"  ><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* Der Container, der alles h\u00e4lt *\/\n.teal-tavi-wrapper {\n    position: fixed;\n    bottom: 100px;\n    right: -450px; \/* Startposition weit rechts au\u00dferhalb *\/\n    display: flex;\n    align-items: flex-end;\n    gap: 15px;\n    z-index: 9999;\n    transition: right 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n\/* Sichtbar-Klasse *\/\n.teal-tavi-wrapper.is-visible {\n    right: 50px;\n}\n\n\/* Die Sprechblase selbst *\/\n.tavi-bubble {\n    background: #009aa4;\n    color: white;\n    padding: 20px;\n    border-radius: 15px 15px 0 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    font-family: 'Segoe UI', sans-serif;\n    max-width: 300px;\n}\n\n\/* Tavi Bild-Anpassung *\/\n.tavi-avatar {\n    width: 80px; \n    height: auto;\n}\n<\/style>\n\n<div id=\"tavi-toast\" class=\"teal-tavi-wrapper\">\n    <div class=\"tavi-bubble\">\n        <strong>Tipp:<\/strong> Hast du Fragen zu deiner IT-Sicherheit? Kontaktiere uns unten auf der Seite!\n    <\/div>\n    <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/TAVI-EC-schatten.png\" class=\"tavi-avatar\" alt=\"Tavi Maskottchen\">\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const taviContainer = document.getElementById('tavi-toast');\n    \n    \/\/ Nach 12 Sekunden reinfliegen\n    setTimeout(() => {\n        taviContainer.classList.add('is-visible');\n        \n        \/\/ Nach weiteren 15 Sekunden wieder ausblenden\n        setTimeout(() => {\n            taviContainer.classList.remove('is-visible');\n        }, 15000);\n        \n    }, 12000);\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div      class=\"vc_row wpb_row section vc_row-fluid\" style=' text-align:left;'><div class=\"full_section_inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    :root {\n        --accent: #ff2070;\n        --primary-end: #013c3d;\n        --teal-grad: linear-gradient(135deg, #00a0b6 0%, #002c33 100%);\n        --panel-width: 800px;\n    }\n\n    \/* Puls-Effekt f\u00fcr den Griff *\/\n    @keyframes pulse-red {\n        0% { box-shadow: 0 0 0 0 rgba(255, 32, 112, 0.6); }\n        70% { box-shadow: 0 0 0 12px rgba(255, 32, 112, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(255, 32, 112, 0); }\n    }\n\n    #trust-badge-container {\n        position: fixed;\n        right: calc(var(--panel-width) * -1); \n        top: 0; \/* Container startet jetzt ganz oben *\/\n        height: 100vh; \/* Volle Bildschirmh\u00f6he *\/\n        width: var(--panel-width);\n        background: #ffffff;\n        box-shadow: -10px 0 30px rgba(0,0,0,0.15);\n        z-index: 9999;\n        transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n        display: flex;\n        flex-direction: column;\n        font-family: 'Segoe UI', sans-serif;\n    }\n\n    \/* Der Griff: Bleibt unten positioniert, obwohl der Container oben startet *\/\n    #trust-badge-handle {\n        position: absolute;\n        left: -240px; \n        bottom: 30px; \/* Hier steuerst du die H\u00f6he des Griffs *\/\n        width: 240px;\n        height: 55px;\n        background: var(--primary-end);\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        padding: 0 20px;\n        border-radius: 30px 0 0 30px;\n        cursor: pointer;\n        box-shadow: -5px 5px 15px rgba(0,0,0,0.2);\n        animation: pulse-red 2s infinite;\n    }\n\n    #trust-badge-handle span {\n        font-weight: 800;\n        font-size: 0.85rem;\n        letter-spacing: 0.5px;\n        white-space: nowrap;\n    }\n\n    \/* Hover-Effekt *\/\n    #trust-badge-container:hover {\n        right: 0;\n    }\n\n    \/* Inhalt-Styling: Startet oben im Panel *\/\n    .badge-panel-content {\n        width: 100%;\n        padding: 60px 40px; \/* Mehr Platz nach oben *\/\n        box-sizing: border-box;\n        overflow-y: auto; \/* Scrollbar, falls der Inhalt h\u00f6her als der Screen ist *\/\n    }\n\n    .sec-headline {\n        font-size: clamp(1.8rem, 5vw, 2.5rem);\n        font-weight: 800;\n        text-transform: uppercase;\n        background: var(--teal-grad);\n        -webkit-background-clip: text;\n        background-clip: text;\n        color: transparent;\n        text-align: center;\n        margin-bottom: 20px;\n        line-height: 1.2;\n        padding-top: 50px;\n    }\n\n    .why-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin-top: 30px;\n    }\n\n    .why-item {\n        background: #f9f9f9;\n        padding: 10px;\n        border-radius: 12px;\n        border-left: 4px solid var(--accent);\n        display: flex;\n        gap: 15px;\n        transition: transform 0.3s ease;\n    }\n    \n    .why-item:hover { transform: translateY(-3px); }\n\n    .icon-box { color: var(--accent); font-size: 1.5rem; flex-shrink: 0; width: 30px; text-align: center; }\n    .text-content h3 { color: var(--primary-end); margin: 0 0 5px 0; font-size: 1.1rem; text-transform: uppercase; }\n    .text-content p { margin: 0; color: #555; font-size: 0.9rem; line-height: 1.4; }\n\n    .expert-card { align-items: center; background: #f0f4f4 !important; }\n    .expert-img { width: 60px; height: 60px; border-radius: 50%; border: 2px solid var(--accent); object-fit: cover; }\n\n    \/* Mobil-Optimierung *\/\n    @media (max-width: 1024px) {\n        #trust-badge-container { width: 90%; right: -90%; }\n        .why-grid { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 768px) {\n        #trust-badge-container { display: none !important; }\n    }\n<\/style>\n\n<div id=\"trust-badge-container\">\n    <div id=\"trust-badge-handle\">\n        <i class=\"fa-solid fa-shield-halved\" style=\"color: var(--accent); font-size: 1.3rem;\"><\/i>\n        <span>WARUM TEAL? DARUM!<\/span>\n    <\/div>\n\n    <div class=\"badge-panel-content\">\n        <h2 class=\"sec-headline\">Warum TEAL?<\/h2>\n        \n        <p style=\"text-align: center; color: #444; font-size: 16px; line-height: 1.3; margin-bottom: 15px;\">\n            IT-Sicherheit ist heute komplexer denn je: mehr Systeme, mehr Regulierung, mehr Abh\u00e4ngigkeiten und immer weniger Zeit, all das zu beherrschen. Genau hier entsteht der Unterschied zwischen Beratung und echtem Trusted Advisor.<br><br>\n            <strong>TEAL steht f\u00fcr Tiefe, Klarheit und eine Zusammenarbeit, die nicht nur Ergebnisse liefert, sondern Sicherheit im Alltag sp\u00fcrbar macht.<\/strong>\n        <\/p>\n\n        <div class=\"why-grid\">\n            <div class=\"why-column\">\n                <div class=\"why-item\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-brain\"><\/i><\/div>\n                    <div class=\"text-content\">\n                        <h3>Tiefe Expertise<\/h3>\n                        <p>Spezialisiert auf Tiering, PAW, Identity, AD- und Cloud-Security & Systemh\u00e4rtung.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"why-item\" style=\"margin-top:20px;\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-heart\"><\/i><\/div>\n                    <div class=\"text-content\">\n                        <h3>Partnerschaftlich<\/h3>\n                        <p>Wir \u201enehmen die DNA des Kunden an\u201c und arbeiten als Teil deines Teams.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"why-item\" style=\"margin-top:20px;\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                    <div class=\"text-content\">\n                        <h3>Proaktiv<\/h3>\n                        <p>Wir steuern, l\u00f6sen Probleme fr\u00fchzeitig und behalten Technik im Blick.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"why-column\">\n                <div class=\"why-item\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n                    <div class=\"text-content\">\n                        <h3>Wissen statt Abh\u00e4ngigkeit<\/h3>\n                        <p>Keine Blackbox: Wir verankern Know-how im Team und machen Tools wirksam.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"why-item\" style=\"margin-top:20px;\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\n                    <div class=\"text-content\">\n                        <h3>Vertrauen<\/h3>\n                        <p>Viele Kunden kommen \u00fcber Empfehlungen durch enge Zusammenarbeit & Verl\u00e4sslichkeit.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"why-item expert-card\" style=\"margin-top:20px;\">\n                    <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/03\/Robin-Nowak-EC-1.png\" alt=\"Robin Nowak\" class=\"expert-img\">\n                    <div class=\"text-content\">\n                        <h3>Team Teal Experten<\/h3>\n                        <p>Robin Nowak - Dein Experte f\u00fcr die Expertise Community.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Sicherheit ist kein Tool. Sicherheit ist Expertise und Kontinuit\u00e4t. Du brauchst Zeit, Wissen und klare Priorit\u00e4ten, kein weiteres Tool. Nutze die Tools, die du hast, und verst\u00e4rke dein Team mit der TEAL Expertise Community. Problem Kundenstimmen L\u00f6sung Pakete & Preise Kontakt Was ist die Expertise...","protected":false},"author":7,"featured_media":3035,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full_width.php","meta":{"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-2858","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages\/2858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/comments?post=2858"}],"version-history":[{"count":145,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages\/2858\/revisions"}],"predecessor-version":[{"id":3040,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages\/2858\/revisions\/3040"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/media\/3035"}],"wp:attachment":[{"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/media?parent=2858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}