{"id":3152,"date":"2026-09-28T07:46:15","date_gmt":"2026-09-28T07:46:15","guid":{"rendered":"https:\/\/aktionen.teal-consulting.de\/?page_id=3152"},"modified":"2026-10-01T08:39:23","modified_gmt":"2026-10-01T08:39:23","slug":"security-roundtable","status":"publish","type":"page","link":"https:\/\/aktionen.teal-consulting.de\/en\/security-roundtable\/","title":{"rendered":"Security Roundtable"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Security Insights Roundtable @ TRILUX | Wenn Security real wird<\/title>\r\n \r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Google Fonts: Roboto Condensed -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:ital,wght@0,300..900;1,300..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Roboto Condensed\"', 'sans-serif'],\r\n heading: ['\"Roboto Condensed\"', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n dark: '#002829', \/\/ Dark Cinematic Teal\r\n teal: '#008081', \/\/ Primary TEAL\r\n tealHover: '#006666',\r\n pink: '#ff2070', \/\/ Highlight PINK\r\n pinkHover: '#cc1a5a',\r\n lightBg: '#F4F5F6', \/\/ Clean light gray\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n :root {\r\n --hero-max-width: 64rem;\r\n }\r\n\r\n html, body {\r\n scroll-behavior: smooth;\r\n overflow-x: hidden; \/* Verhindert horizontales Scrollen auf Smartphones *\/\r\n }\r\n\r\n .hero-bg {\r\n background-image: linear-gradient(to bottom, rgba(0, 40, 41, 0.85), rgba(0, 15, 15, 0.98)), \r\n url('https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/01\/hintegrund-neu-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n .hero-tile-width {\r\n max-width: 1600px;\r\n }\r\n\r\n \/* Tech Grid & Scanline *\/\r\n .tech-grid {\r\n background-image: \r\n linear-gradient(rgba(0, 128, 129, 0.15) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0, 128, 129, 0.15) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n z-index: 1;\r\n opacity: 0.6;\r\n }\r\n\r\n .scanline {\r\n width: 100%;\r\n height: 3px;\r\n background: #ff2070;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n animation: scan 6s linear infinite;\r\n box-shadow: 0 0 20px 3px rgba(255, 32, 112, 0.6);\r\n z-index: 2;\r\n opacity: 0.7;\r\n }\r\n\r\n @keyframes scan {\r\n 0% { top: -5%; }\r\n 100% { top: 105%; }\r\n }\r\n\r\n .glass-card {\r\n background: linear-gradient(145deg, rgba(0, 40, 41, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(0, 128, 129, 0.3);\r\n box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n .glass-pill {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .pulse-glow {\r\n box-shadow: 0 0 15px rgba(255, 32, 112, 0.6);\r\n animation: pulseAnimation 2s infinite alternate;\r\n }\r\n\r\n @keyframes pulseAnimation {\r\n 0% { box-shadow: 0 0 10px rgba(255, 32, 112, 0.4); }\r\n 100% { box-shadow: 0 0 25px rgba(255, 32, 112, 0.9); }\r\n }\r\n\r\n .card-hover-effect {\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .card-hover-effect:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 25px 40px -15px rgba(0, 128, 129, 0.25);\r\n }\r\n\r\n \/* ==========================================================================\r\n MOBILE & TABLET RESPONSIVE OPTIMIZATIONS\r\n ========================================================================== *\/\r\n \r\n \/* Smartphone (unter 640px) *\/\r\n @media (max-width: 639px) {\r\n .hero-tile-width {\r\n padding: 1.5rem 1rem !important;\r\n margin-top: 4rem !important;\r\n }\r\n\r\n .hero-bg h1 {\r\n font-size: 2.25rem !important;\r\n line-height: 1.15 !important;\r\n }\r\n\r\n .glass-pill {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 0.75rem !important;\r\n padding: 1.25rem 1rem !important;\r\n width: 100% !important;\r\n }\r\n\r\n .glass-pill > div {\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n\r\n nav .flex {\r\n gap: 1rem !important;\r\n padding: 0.5rem 1.25rem !important;\r\n }\r\n\r\n nav img {\r\n height: 1.5rem !important;\r\n }\r\n\r\n \/* Timeline Anpassungen f\u00fcr Mobile *\/\r\n .agenda-timeline {\r\n padding-left: 1.25rem !important;\r\n }\r\n\r\n .agenda-timeline::before {\r\n left: 11px !important;\r\n }\r\n\r\n .agenda-dot {\r\n left: -1.25rem !important;\r\n }\r\n\r\n \/* CTA Button volle Breite auf Mobile *\/\r\n .mobile-full-btn {\r\n width: 100% !important;\r\n text-align: center !important;\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n }\r\n }\r\n\r\n \/* Tablet (640px bis 1023px) *\/\r\n @media (min-width: 640px) and (max-width: 1023px) {\r\n .hero-tile-width {\r\n padding: 2.5rem 2rem !important;\r\n }\r\n\r\n .hero-bg h1 {\r\n font-size: 3.5rem !important;\r\n }\r\n\r\n .glass-pill {\r\n gap: 1.25rem !important;\r\n padding: 1rem 1.5rem !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-slate-700 bg-brand-lightBg antialiased selection:bg-brand-pink selection:text-white\">\r\n\r\n <!-- HERO SECTION -->\r\n <header class=\"hero-bg min-h-screen relative flex items-center justify-center py-16 sm:py-20 px-3 sm:px-6 lg:px-8 overflow-hidden\">\r\n \r\n <!-- Security Elements Background -->\r\n <div class=\"tech-grid\"><\/div>\r\n <div class=\"scanline\"><\/div>\r\n\r\n <!-- Sticky Logo Navigation -->\r\n <nav class=\"absolute top-0 left-0 w-full z-50 p-4 sm:p-6 flex justify-center\">\r\n <div class=\"flex items-center gap-4 sm:gap-14 px-5 sm:px-10 py-2.5 sm:py-4 rounded-full bg-white\/95 backdrop-blur-md shadow-[0_0_40px_rgba(0,128,129,0.2)] border border-slate-100\">\r\n <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2020\/10\/teal-consulting_logo-dark.png\" alt=\"TEAL Logo\" class=\"h-6 sm:h-12 object-contain\">\r\n <div class=\"w-px h-8 sm:h-14 bg-slate-300\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/09\/01_TRILUX_Logo_Sonne_pos_RGB_2025.png\" alt=\"TRILUX Logo\" class=\"h-5 sm:h-10 object-contain\">\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"max-w-7xl w-full mx-auto text-center z-10 mt-12 sm:mt-16\">\r\n \r\n <!-- Hero Tile -->\r\n <div class=\"glass-card rounded-2xl sm:rounded-[2rem] p-5 sm:p-14 md:p-20 text-center hero-tile-width mx-auto my-4 sm:my-8 relative overflow-hidden transition-all duration-300\">\r\n \r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-3\/4 h-32 bg-brand-teal\/20 blur-[80px] rounded-full pointer-events-none\"><\/div>\r\n \r\n <!-- Live Badge -->\r\n <div class=\"inline-flex items-center gap-2.5 sm:gap-3 bg-brand-pink\/10 border border-brand-pink\/30 rounded-full px-4 sm:px-8 py-2 sm:py-3 mb-6 sm:mb-10 shadow-lg shadow-brand-pink\/20 relative z-10\">\r\n <span class=\"w-2.5 h-2.5 sm:w-3 sm:h-3 rounded-full bg-brand-pink pulse-glow shrink-0\"><\/span>\r\n <span class=\"text-white font-heading font-black text-xs sm:text-lg tracking-wider sm:tracking-widest uppercase\">\r\n Security Insights Roundtable @ TRILUX\r\n <\/span>\r\n <\/div>\r\n\r\n <!-- Main Headline -->\r\n <h1 class=\"font-heading text-white text-3xl sm:text-7xl lg:text-[5.5rem] font-black tracking-tighter leading-[1.1] sm:leading-[1.05] uppercase mb-6 sm:mb-8 relative z-10 break-words\">\r\n Wenn Security <br\/>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-teal via-[#00e5e5] to-brand-teal drop-shadow-[0_0_30px_rgba(0,128,129,0.7)]\">real wird<\/span>\r\n <\/h1>\r\n\r\n <!-- Subtitle -->\r\n <p class=\"text-slate-300 text-base sm:text-xl lg:text-2xl font-light leading-relaxed max-w-4xl mx-auto mb-8 sm:mb-12 tracking-wide relative z-10\">\r\n Der exklusive Praxis-Roundtable f\u00fcr CIOs, CISOs & IT-Entscheider. Keine Verkaufs-Show \u2013 sondern echte Blicke hinter die Kulissen, kontroverse Diskussionen & konkrete Ans\u00e4tze.\r\n <\/p>\r\n\r\n <!-- Event Info Badge Box -->\r\n <div class=\"glass-pill inline-flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-10 px-6 sm:px-10 py-4 sm:py-5 rounded-2xl mb-8 sm:mb-12 text-sm sm:text-base font-bold tracking-wide relative z-10 w-full sm:w-auto\">\r\n <div class=\"flex items-center gap-3 text-white\">\r\n <svg class=\"w-5 h-5 sm:w-6 sm:h-6 text-brand-teal shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>16. NOV 2026<\/span>\r\n <\/div>\r\n <span class=\"hidden sm:inline text-white\/20\">|<\/span>\r\n <div class=\"flex items-center gap-3 text-white\">\r\n <svg class=\"w-5 h-5 sm:w-6 sm:h-6 text-brand-teal shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span>10:00 \u2013 16:00 UHR<\/span>\r\n <\/div>\r\n <span class=\"hidden sm:inline text-white\/20\">|<\/span>\r\n <div class=\"flex items-center gap-3 text-brand-teal\">\r\n <svg class=\"w-5 h-5 sm:w-6 sm:h-6 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n <span>TRILUX Arnsberg<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA Button -->\r\n <div class=\"relative z-10\">\r\n <a href=\"#anfrage\" class=\"mobile-full-btn inline-block bg-brand-pink hover:bg-brand-pinkHover text-white font-heading font-black text-base sm:text-xl px-8 sm:px-12 py-4 sm:py-5 rounded-xl transition-all duration-300 shadow-[0_0_30px_rgba(255,32,112,0.4)] hover:shadow-[0_0_50px_rgba(255,32,112,0.6)] hover:-translate-y-1 uppercase tracking-widest border border-brand-pink\/50\">\r\n Teilnahme anfragen\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- INTRO SECTION (WITH TAVI) -->\r\n <section id=\"intro\" class=\"py-16 sm:py-32 bg-white px-4 sm:px-6 lg:px-8 border-b border-slate-200 overflow-hidden relative\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n \r\n <!-- Headline -->\r\n <div class=\"text-center max-w-4xl mx-auto mb-12 sm:mb-16\">\r\n <div class=\"inline-flex items-center gap-2 bg-brand-teal\/10 border border-brand-teal\/30 rounded-full px-4 sm:px-5 py-2 mb-4 sm:mb-6\">\r\n <span class=\"w-2 h-2 rounded-full bg-brand-teal\"><\/span>\r\n <span class=\"text-brand-dark font-heading font-black text-xs uppercase tracking-widest\">Klartext statt Theorie<\/span>\r\n <\/div>\r\n <h2 class=\"font-heading text-brand-dark text-2xl sm:text-5xl lg:text-6xl font-black uppercase leading-[1.1] sm:leading-[1.08] tracking-tight\">\r\n Security-Fragen lassen sich nicht allein in Pr\u00e4sentationen l\u00f6sen\r\n <\/h2>\r\n <\/div>\r\n\r\n <!-- Modern Split Content Card with Tavi -->\r\n <div class=\"relative bg-gradient-to-br from-brand-lightBg via-slate-50 to-teal-50\/40 rounded-2xl sm:rounded-[2.5rem] p-6 sm:p-12 lg:p-16 border border-slate-200\/80 shadow-2xl shadow-slate-200\/60\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n \r\n <!-- Text Side (7 cols) -->\r\n <div class=\"lg:col-span-7 space-y-6 sm:space-y-8 text-slate-700 text-base sm:text-lg leading-relaxed\">\r\n \r\n <!-- Question Callout Box -->\r\n <div class=\"bg-white p-5 sm:p-8 rounded-2xl border-l-4 border-brand-pink shadow-md shadow-slate-200\/50\">\r\n <p class=\"font-medium text-slate-800 text-base sm:text-xl leading-snug\">\r\n <strong class=\"text-brand-dark font-black\">Wie gehen andere Unternehmen mit aktuellen Security-Herausforderungen um?<\/strong><br>\r\n <span class=\"text-slate-600 text-sm sm:text-lg mt-2 block\">Welche Ma\u00dfnahmen funktionieren in der Praxis und woran scheitert die Umsetzung trotz bekannter L\u00f6sungen?<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Main Paragraph -->\r\n <p class=\"text-sm sm:text-lg\">\r\n Beim <strong class=\"text-brand-dark font-bold\">Security Insights Roundtable<\/strong> bringen TRILUX und TEAL IT- und Security-Verantwortliche sowie Entscheider aus Unternehmen zusammen. Im Mittelpunkt stehen ein offener Praxisbericht, kontroverse Security-Fragestellungen und der pers\u00f6nliche Erfahrungsaustausch in einer kleinen Runde.\r\n <\/p>\r\n\r\n <!-- Feature Tag -->\r\n <div class=\"inline-flex items-center gap-3 pt-2\">\r\n <div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-brand-teal\/10 border border-brand-teal\/30 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-teal\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-black text-brand-dark text-xs sm:text-base uppercase tracking-wider\">\r\n Real World Insights & Focus auf Praxis\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tavi Mascot Side (5 cols) -->\r\n <div class=\"lg:col-span-5 relative flex justify-center mt-4 lg:mt-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-brand-teal\/20 via-brand-pink\/20 to-transparent blur-3xl rounded-full scale-90 pointer-events-none\"><\/div>\r\n\r\n <div class=\"relative group max-w-xs sm:max-w-sm w-full\">\r\n <div class=\"bg-white\/90 backdrop-blur-md p-4 sm:p-6 rounded-2xl sm:rounded-3xl border border-white shadow-xl shadow-slate-300\/50 transition-all duration-300 group-hover:-translate-y-2 group-hover:shadow-2xl\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/aktionen.teal-consulting.de\/wp-content\/uploads\/2026\/09\/Tavi-teal-trilux-roundtable.png\" alt=\"Tavi Maskottchen\" class=\"w-full h-auto object-contain rounded-xl sm:rounded-2xl drop-shadow-xl\">\r\n \r\n <div class=\"mt-4 bg-brand-dark text-white p-3 sm:p-3.5 rounded-xl sm:rounded-2xl flex items-center justify-between border border-brand-teal\/30 shadow-md\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-brand-pink pulse-glow shrink-0\"><\/span>\r\n <span class=\"font-heading font-black text-xs sm:text-sm uppercase tracking-widest text-slate-100\">Hi, ich bin Tavi Teal!<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VORTEILE \/ DAS ERWARTET DICH -->\r\n <section class=\"py-16 sm:py-32 bg-brand-dark relative overflow-hidden px-4 sm:px-6 lg:px-8 border-y border-brand-teal\/20\">\r\n \r\n <div class=\"tech-grid opacity-30\"><\/div>\r\n <div class=\"absolute top-1\/2 left-1\/4 -translate-y-1\/2 w-96 h-96 bg-brand-teal\/20 blur-[120px] rounded-full pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-10 right-1\/4 w-96 h-96 bg-brand-pink\/15 blur-[120px] rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto relative z-10\">\r\n \r\n <!-- Location & Vibe Header -->\r\n <div class=\"text-center max-w-3xl mx-auto mb-12 sm:mb-20\">\r\n <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur-md border border-brand-teal\/40 rounded-full px-4 sm:px-6 py-2 sm:py-2.5 mb-6 shadow-xl\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-400 pulse-glow shrink-0\"><\/span>\r\n <svg class=\"w-4 h-4 text-brand-teal shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n <span class=\"text-white font-heading font-black text-xs sm:text-sm uppercase tracking-wider sm:tracking-widest\">Live Experience @ TRILUX Campus<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"font-heading text-white text-3xl sm:text-6xl font-black uppercase tracking-tight leading-none mb-4\">\r\n Das erwartet dich <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-teal via-[#00e5e5] to-brand-teal\">vor Ort<\/span>\r\n <\/h2>\r\n <p class=\"text-slate-300 text-sm sm:text-lg font-light\">\r\n Kein trockenes Webinar. Ein echtes Headquarter-Event mit Blick hinter die Kulissen der Industrie.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Event Cards Grid -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8\">\r\n \r\n <!-- Card 01 -->\r\n <div class=\"relative bg-gradient-to-b from-slate-900\/90 to-brand-dark\/95 backdrop-blur-xl p-6 sm:p-8 rounded-2xl sm:rounded-3xl border border-white\/10 hover:border-brand-teal\/60 transition-all duration-300 flex flex-col justify-between h-full group card-hover-effect shadow-2xl\">\r\n <div class=\"absolute top-4 right-6 text-5xl sm:text-6xl font-black text-white\/5 group-hover:text-brand-teal\/20 transition-colors select-none\">01<\/div>\r\n \r\n <div>\r\n <div class=\"flex items-center justify-between mb-6 sm:mb-8\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-2xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center group-hover:scale-110 transition-transform shadow-lg shadow-brand-teal\/20\">\r\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7 text-brand-teal\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5m0 0h4m-4 0V11m0 0V5m0 6h4m-4 0H7m4 0V5m-4 6H3m0 0V5a2 2 0 012-2h2m0 0h4\"\/><\/svg>\r\n <\/div>\r\n <span class=\"text-[10px] sm:text-[11px] font-black uppercase tracking-widest text-brand-teal bg-brand-teal\/10 px-2.5 sm:px-3 py-1 rounded-full border border-brand-teal\/30\">Live Case<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-heading font-black text-white text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide group-hover:text-brand-teal transition-colors\">\r\n Einblicke aus der Praxis\r\n <\/h3>\r\n <p class=\"text-slate-300 text-xs sm:text-sm leading-relaxed mb-6 font-light\">\r\n Erfahre direkt im Industrie-Setting, wie Security-Herausforderungen im echten Betrieb aussehen und bew\u00e4ltigt werden.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl flex items-start gap-3 mt-auto\">\r\n <svg class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-pink shrink-0 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <p class=\"text-xs font-bold text-slate-200\">Echte Insights von Industrie-Kollegen.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 02 -->\r\n <div class=\"relative bg-gradient-to-b from-slate-900\/90 to-brand-dark\/95 backdrop-blur-xl p-6 sm:p-8 rounded-2xl sm:rounded-3xl border border-white\/10 hover:border-brand-pink\/60 transition-all duration-300 flex flex-col justify-between h-full group card-hover-effect shadow-2xl\">\r\n <div class=\"absolute top-4 right-6 text-5xl sm:text-6xl font-black text-white\/5 group-hover:text-brand-pink\/20 transition-colors select-none\">02<\/div>\r\n \r\n <div>\r\n <div class=\"flex items-center justify-between mb-6 sm:mb-8\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-2xl bg-brand-pink\/20 border border-brand-pink\/40 flex items-center justify-center group-hover:scale-110 transition-transform shadow-lg shadow-brand-pink\/20\">\r\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7 text-brand-pink\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"text-[10px] sm:text-[11px] font-black uppercase tracking-widest text-brand-pink bg-brand-pink\/10 px-2.5 sm:px-3 py-1 rounded-full border border-brand-pink\/30\">Exklusiv<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-heading font-black text-white text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide group-hover:text-brand-pink transition-colors\">\r\n Austausch auf Augenh\u00f6he\r\n <\/h3>\r\n <p class=\"text-slate-300 text-xs sm:text-sm leading-relaxed mb-6 font-light\">\r\n Diskutiere vertraulich im ausgew\u00e4hlten Kreis mit CIOs, CISOs und IT-Leitungen ohne Verkaufsdruck.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl flex items-start gap-3 mt-auto\">\r\n <svg class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-pink shrink-0 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <p class=\"text-xs font-bold text-slate-200\">Wertvolles Peer-Netzwerk aufbauen.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 03 -->\r\n <div class=\"relative bg-gradient-to-b from-slate-900\/90 to-brand-dark\/95 backdrop-blur-xl p-6 sm:p-8 rounded-2xl sm:rounded-3xl border border-white\/10 hover:border-brand-teal\/60 transition-all duration-300 flex flex-col justify-between h-full group card-hover-effect shadow-2xl\">\r\n <div class=\"absolute top-4 right-6 text-5xl sm:text-6xl font-black text-white\/5 group-hover:text-brand-teal\/20 transition-colors select-none\">03<\/div>\r\n \r\n <div>\r\n <div class=\"flex items-center justify-between mb-6 sm:mb-8\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-2xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center group-hover:scale-110 transition-transform shadow-lg shadow-brand-teal\/20\">\r\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7 text-brand-teal\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\"\/><\/svg>\r\n <\/div>\r\n <span class=\"text-[10px] sm:text-[11px] font-black uppercase tracking-widest text-brand-teal bg-brand-teal\/10 px-2.5 sm:px-3 py-1 rounded-full border border-brand-teal\/30\">Workshop<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-heading font-black text-white text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide group-hover:text-brand-teal transition-colors\">\r\n Konkrete Ans\u00e4tze\r\n <\/h3>\r\n <p class=\"text-slate-300 text-xs sm:text-sm leading-relaxed mb-6 font-light\">\r\n Keine abstrakte Theorie \u2013 du nimmst pragmatische, heute umsetzbare L\u00f6sungsans\u00e4tze mit in dein Unternehmen.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl flex items-start gap-3 mt-auto\">\r\n <svg class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-pink shrink-0 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <p class=\"text-xs font-bold text-slate-200\">Sofort nutzbare Key Takeaways.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 04 -->\r\n <div class=\"relative bg-gradient-to-b from-slate-900\/90 to-brand-dark\/95 backdrop-blur-xl p-6 sm:p-8 rounded-2xl sm:rounded-3xl border border-white\/10 hover:border-brand-pink\/60 transition-all duration-300 flex flex-col justify-between h-full group card-hover-effect shadow-2xl\">\r\n <div class=\"absolute top-4 right-6 text-5xl sm:text-6xl font-black text-white\/5 group-hover:text-brand-pink\/20 transition-colors select-none\">04<\/div>\r\n \r\n <div>\r\n <div class=\"flex items-center justify-between mb-6 sm:mb-8\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-2xl bg-brand-pink\/20 border border-brand-pink\/40 flex items-center justify-center group-hover:scale-110 transition-transform shadow-lg shadow-brand-pink\/20\">\r\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7 text-brand-pink\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"text-[10px] sm:text-[11px] font-black uppercase tracking-widest text-brand-pink bg-brand-pink\/10 px-2.5 sm:px-3 py-1 rounded-full border border-brand-pink\/30\">Werksf\u00fchrung<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-heading font-black text-white text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide group-hover:text-brand-pink transition-colors\">\r\n Blick hinter die Kulissen\r\n <\/h3>\r\n <p class=\"text-slate-300 text-xs sm:text-sm leading-relaxed mb-6 font-light\">\r\n Exklusive F\u00fchrung durch die TRILUX Fertigung und Entwicklung \u2013 Erlebe Innovation und IT-Sicherheit direkt am Standort.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl flex items-start gap-3 mt-auto\">\r\n <svg class=\"w-4 h-4 sm:w-5 sm:h-5 text-brand-pink shrink-0 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <p class=\"text-xs font-bold text-slate-200\">Exklusiver VIP-Campus-Zugang.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- WARUM TEAL CONSULTING KACHEL -->\r\n <div class=\"mt-8 sm:mt-12 bg-gradient-to-br from-slate-900\/90 to-brand-dark\/95 backdrop-blur-xl p-6 sm:p-12 rounded-2xl sm:rounded-3xl border border-brand-teal\/40 shadow-2xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-80 h-80 bg-brand-teal\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n <div class=\"relative z-10 max-w-4xl mx-auto text-left\">\r\n <div class=\"inline-flex items-center gap-2 bg-brand-teal\/10 border border-brand-teal\/30 rounded-full px-4 sm:px-5 py-1.5 sm:py-2 mb-4 sm:mb-6\">\r\n <span class=\"w-2 h-2 rounded-full bg-brand-teal\"><\/span>\r\n <span class=\"text-brand-teal font-heading font-black text-xs uppercase tracking-widest\">\u00dcber Uns<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-heading text-white text-2xl sm:text-3xl lg:text-4xl font-black uppercase tracking-tight mb-3\"><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-teal via-[#00e5e5] to-brand-teal\">TEAL Technology Consulting GmbH<\/span>\r\n <\/h3>\r\n\r\n <p class=\"text-slate-300 text-sm sm:text-lg leading-relaxed font-light mb-6 sm:mb-8\">\r\n Als langj\u00e4hriger Partner von TRILUX und Spezialist f\u00fcr Cyber Security & IT-Architektur verbindet TEAL tiefes technisches Know-how mit strategischem Weitblick. Wir begleiten Unternehmen nicht nur von der Konzeptphase bis zur krisenfesten Umsetzung, sondern setzen auf nachhaltigen Wissensaufbau und den pers\u00f6nlichen Austausch auf Augenh\u00f6he. TRILUX ist seit vielen Jahren ein gesch\u00e4tzter Teil der TEAL-Community und wir freuen uns darauf, die Erfolgsgeschichte gemeinsam weiterzuschreiben.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4\">\r\n <div class=\"bg-white\/5 border border-white\/10 p-3.5 sm:p-5 rounded-xl sm:rounded-2xl flex items-center gap-3 backdrop-blur-sm\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 rounded-lg sm:rounded-xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 text-brand-teal\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-bold text-white text-sm sm:text-base tracking-wide\">Herstellerunabh\u00e4ngige Security-Beratung<\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 border border-white\/10 p-3.5 sm:p-5 rounded-xl sm:rounded-2xl flex items-center gap-3 backdrop-blur-sm\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 rounded-lg sm:rounded-xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 text-brand-teal\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-bold text-white text-sm sm:text-base tracking-wide\">Erfahrung aus zahlreichen Enterprise-Projekten<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- AGENDA & ZIELGRUPPE SECTION -->\r\n <section class=\"py-16 sm:py-32 bg-brand-lightBg px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-12 sm:mb-16\">\r\n <div class=\"inline-flex items-center gap-2 bg-brand-teal\/10 border border-brand-teal\/30 rounded-full px-4 sm:px-5 py-2 mb-4\">\r\n <span class=\"w-2 h-2 rounded-full bg-brand-teal\"><\/span>\r\n <span class=\"text-brand-dark font-heading font-black text-xs uppercase tracking-widest\">Exklusiver Ablauf & Zielgruppe<\/span>\r\n <\/div>\r\n <h2 class=\"font-heading text-brand-dark text-2xl sm:text-5xl font-black uppercase tracking-tight\">\r\n Fokus auf Relevanz & Dialog\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-10 items-start\">\r\n \r\n <!-- AGENDA -->\r\n <div class=\"lg:col-span-7 bg-white p-6 sm:p-12 rounded-2xl sm:rounded-[2.5rem] shadow-2xl shadow-slate-200\/70 border border-slate-100 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-48 h-48 bg-brand-teal\/5 rounded-bl-full pointer-events-none\"><\/div>\r\n \r\n <div class=\"flex flex-col sm:flex-row sm:items-center justify-between mb-8 sm:mb-10 pb-6 border-b border-slate-100 gap-3\">\r\n <div>\r\n <h3 class=\"font-heading font-black text-brand-dark text-xl sm:text-3xl uppercase tracking-tight\">\r\n Geplanter Ablauf\r\n <\/h3>\r\n <p class=\"text-slate-500 text-xs sm:text-sm mt-1\">Strukturierter Praxis-Austausch am TRILUX Campus<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-pink text-white text-[11px] sm:text-xs font-black uppercase px-3.5 py-1.5 rounded-full tracking-wider shadow-md shadow-brand-pink\/30 self-start sm:self-auto\">16. Nov 2026<\/span>\r\n <\/div>\r\n \r\n <div class=\"agenda-timeline relative pl-4 sm:pl-6 space-y-6 sm:space-y-8 before:absolute before:left-[19px] sm:before:left-[23px] before:top-3 before:bottom-3 before:w-1 before:bg-gradient-to-b before:from-brand-teal before:via-brand-teal\/50 before:to-slate-200\">\r\n \r\n <!-- Agenda Item 1 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Ankommen, Fr\u00fchst\u00fcck und Networking<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Entspanntes Get-together im exklusiven Teilnehmerkreis<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">10:00 \u2013 10:30 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 2 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Begr\u00fc\u00dfung durch TRILUX und TEAL<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Kurze Einordnung des Tages und Vorstellung des Formats<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">10:30 \u2013 10:45 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 3 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Praxisimpuls TRILUX<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Echte Einblicke und Erfahrungen aus der Industrie-Praxis<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">10:45 \u2013 11:30 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 4 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Impulsvortrag TEAL: \u201eDie drei gr\u00f6\u00dften Security-Mythen\u201c<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Klartext und Denkanst\u00f6\u00dfe f\u00fcr moderne Security-Strategien<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">11:30 \u2013 12:00 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 5 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Mittagessen und Networking<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Gemeinsames Essen und pers\u00f6nlicher Austausch<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">12:00 \u2013 12:45 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 6 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Werksf\u00fchrung TRILUX<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Blick hinter die Kulissen eines erfolgreichen Industrieunternehmens<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">12:45 \u2013 13:45 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 7 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Parallele Arbeitsgruppen<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Interaktive Workshops & Vertiefung spezifischer Themen<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">14:00 \u2013 15:00 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 8 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Vorstellung der Ergebnisse<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Pr\u00e4sentation und Diskussion der Arbeitsgruppenergebnisse<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">15:00 \u2013 15:45 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 9 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-brand-teal group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg group-hover:bg-brand-teal\/5 transition-colors duration-200 p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-brand-dark font-heading font-black text-base sm:text-lg\">Ergebnisse & Abschlussrunde<\/span>\r\n <p class=\"text-slate-500 text-xs sm:text-sm\">Zusammenfassung und Key Takeaways des Tages<\/p>\r\n <\/div>\r\n <span class=\"bg-brand-teal text-white font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto shadow-sm whitespace-nowrap\">15:50 \u2013 16:00 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agenda Item 10 -->\r\n <div class=\"relative flex items-start gap-4 sm:gap-6 group\">\r\n <div class=\"agenda-dot absolute -left-4 sm:-left-6 top-1.5 w-3.5 h-3.5 rounded-full bg-white border-4 border-slate-400 group-hover:scale-125 transition-transform duration-200\"><\/div>\r\n <div class=\"bg-brand-lightBg p-4 sm:p-5 rounded-xl sm:rounded-2xl border border-slate-100 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-slate-600 font-heading font-black text-base sm:text-lg\">Ausklang & Networking<\/span>\r\n <p class=\"text-slate-400 text-xs sm:text-sm\">Offenes Ende (bis ca. 17:00 Uhr)<\/p>\r\n <\/div>\r\n <span class=\"bg-slate-300 text-slate-700 font-heading font-black text-xs sm:text-sm px-3.5 sm:px-4 py-1.5 rounded-lg sm:rounded-xl self-start sm:self-auto whitespace-nowrap\">ab 16:00 UHR<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ZIELGRUPPE -->\r\n <div class=\"lg:col-span-5 bg-brand-dark p-6 sm:p-12 rounded-2xl sm:rounded-[2.5rem] shadow-2xl text-white relative overflow-hidden flex flex-col justify-between\">\r\n <div class=\"absolute bottom-0 right-0 w-64 h-64 bg-brand-pink\/10 rounded-full blur-[60px] pointer-events-none\"><\/div>\r\n\r\n <div>\r\n <div class=\"inline-flex items-center gap-2 bg-brand-pink\/20 border border-brand-pink\/40 rounded-full px-4 py-1.5 mb-6 sm:mb-8\">\r\n <span class=\"w-2 h-2 rounded-full bg-brand-pink\"><\/span>\r\n <span class=\"text-brand-pink font-heading font-black text-xs uppercase tracking-widest\">Streng Limitierter Kreis<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-heading font-black text-white text-xl sm:text-3xl uppercase mb-4 sm:mb-6 tracking-tight\">\r\n F\u00fcr wen ist das gedacht?\r\n <\/h3>\r\n <p class=\"text-slate-300 text-sm sm:text-base mb-8 sm:mb-10 leading-relaxed font-light\">\r\n Damit ein echter, vertraulicher und fachlich relevanter Dialog stattfindet, ist der Teilnehmerkreis bewusst exklusiv gehalten.\r\n <\/p>\r\n\r\n <ul class=\"space-y-3 sm:space-y-4 mb-8 sm:mb-10\">\r\n <li class=\"flex items-center gap-3 sm:gap-4 bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl backdrop-blur-sm\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 rounded-lg sm:rounded-xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 text-brand-teal\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-bold text-white text-base sm:text-lg tracking-wide\">CIOs und IT-Entscheider<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3 sm:gap-4 bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl backdrop-blur-sm\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 rounded-lg sm:rounded-xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 text-brand-teal\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-bold text-white text-base sm:text-lg tracking-wide\">CISOs & InfoSec-Beauftragte<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3 sm:gap-4 bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl backdrop-blur-sm\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 rounded-lg sm:rounded-xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 text-brand-teal\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-bold text-white text-base sm:text-lg tracking-wide\">IT-Leiterinnen & Leiter<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3 sm:gap-4 bg-white\/5 border border-white\/10 p-3.5 sm:p-4 rounded-xl sm:rounded-2xl backdrop-blur-sm\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 rounded-lg sm:rounded-xl bg-brand-teal\/20 border border-brand-teal\/40 flex items-center justify-center shrink-0\">\r\n <svg class=\"w-4 h-4 text-brand-teal\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n <\/div>\r\n <span class=\"font-heading font-bold text-white text-base sm:text-lg tracking-wide\">Governance & Krisenmanagement<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-[#003B3D] border border-brand-teal\/40 p-5 sm:p-6 rounded-xl sm:rounded-2xl relative z-10 shadow-lg\">\r\n <div class=\"flex items-center gap-3 mb-2\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-brand-pink animate-ping shrink-0\"><\/span>\r\n <h4 class=\"font-heading font-black text-white text-sm sm:text-base uppercase tracking-wider\">Pers\u00f6nliche Einladung<\/h4>\r\n <\/div>\r\n <p class=\"text-slate-300 text-xs sm:text-sm leading-relaxed\">\r\n Pl\u00e4tze werden individuell und nach manueller Pr\u00fcfung vergeben, um einen fachlich starken und relevanten Austausch f\u00fcr alle zu garantieren.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- FRAGEN \/ THEMEN GRID -->\r\n <section class=\"py-16 sm:py-32 bg-white px-4 sm:px-6 lg:px-8 border-y border-slate-200\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <h2 class=\"font-heading text-brand-dark text-2xl sm:text-5xl font-black uppercase text-center mb-12 sm:mb-20 tracking-tight\">\r\n Leistungen im Detail <br><span class=\"text-brand-teal text-lg sm:text-3xl mt-2 block\">\u00dcber diese Fragen sprechen wir<\/span>\r\n <\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 sm:gap-8\">\r\n <!-- Topic 1 -->\r\n <div class=\"bg-white p-6 sm:p-10 rounded-2xl sm:rounded-3xl border-l-8 border-brand-pink shadow-xl shadow-slate-200\/60 card-hover-effect\">\r\n <h3 class=\"font-heading font-black text-brand-dark text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide\">Wenn Security pl\u00f6tzlich real wird<\/h3>\r\n <p class=\"text-slate-600 text-sm sm:text-lg leading-relaxed\">\r\n Was ver\u00e4ndert sich, wenn aus einem theoretischen Risiko eine konkrete Situation wird? TRILUX gibt Einblicke in Erfahrungen aus der Praxis und spricht \u00fcber Herausforderungen sowie organisatorische und strategische Ma\u00dfnahmen.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Topic 2 -->\r\n <div class=\"bg-white p-6 sm:p-10 rounded-2xl sm:rounded-3xl border-l-8 border-brand-pink shadow-xl shadow-slate-200\/60 card-hover-effect\">\r\n <h3 class=\"font-heading font-black text-brand-dark text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide\">Warum bekannte Ma\u00dfnahmen scheitern<\/h3>\r\n <p class=\"text-slate-600 text-sm sm:text-lg leading-relaxed\">\r\n Tiering, Systemh\u00e4rtung, PAM, MFA ... l\u00e4ngst bekannte Themen. Wir diskutieren, wo Vorhaben in der Praxis ins Stocken geraten und wie technische, organisatorische und wirtschaftliche H\u00fcrden \u00fcberwunden werden k\u00f6nnen.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Topic 3 -->\r\n <div class=\"bg-brand-dark p-6 sm:p-10 rounded-2xl sm:rounded-3xl shadow-xl shadow-brand-dark\/30 card-hover-effect\">\r\n <h3 class=\"font-heading font-black text-white text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide\">KI sicher & pragmatisch einsetzen<\/h3>\r\n <p class=\"text-brand-lightBg text-sm sm:text-lg leading-relaxed font-medium\">\r\n Wie gelingt der Schritt von einzelnen Experimenten zum kontrollierten Einsatz von KI im Unternehmen? Im Fokus stehen Governance, Verantwortlichkeiten, Datenschutz, Compliance und praktikable Leitlinien.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Topic 4 -->\r\n <div class=\"bg-white p-6 sm:p-10 rounded-2xl sm:rounded-3xl border-l-8 border-brand-pink shadow-xl shadow-slate-200\/60 card-hover-effect\">\r\n <h3 class=\"font-heading font-black text-brand-dark text-xl sm:text-2xl uppercase mb-3 sm:mb-4 tracking-wide\">Im Ernstfall handlungsf\u00e4hig bleiben<\/h3>\r\n <p class=\"text-slate-600 text-sm sm:text-lg leading-relaxed\">\r\n Welche Entscheidungen m\u00fcssen in den ersten Stunden eines Security Incidents getroffen werden? Welche Rollen und Kommunikationswege sollten vorab gekl\u00e4rt sein, um den Schaden zu minimieren?\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<!-- FORMULAR BEREICH -->\r\n<section id=\"anfrage\" class=\"py-16 sm:py-32 bg-white px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n\r\n <div class=\"text-center mb-12 sm:mb-16\">\r\n <h2 class=\"font-heading text-brand-dark text-2xl sm:text-5xl font-black uppercase mb-4 sm:mb-6 tracking-tight\">\r\n Interesse geweckt?\r\n <\/h2>\r\n\r\n <p class=\"text-slate-600 text-sm sm:text-lg max-w-3xl mx-auto leading-relaxed\">\r\n Da der Roundtable vom pers\u00f6nlichen Austausch lebt, ist die Anzahl der Pl\u00e4tze streng begrenzt.\r\n Mit dem Absenden des Formulars meldest du dein Interesse an. Wir pr\u00fcfen alle Anfragen und\r\n informieren dich pers\u00f6nlich.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"default\" data-borlabs-cookie-content=\"PGlmcmFtZQ0KICAgICAgICAgICAgc3JjPSJodHRwczovL3dlYmZvcm1zLnBpcGVkcml2ZS5jb20vZi82R1NGcVB2MlhsUWZyRE5rUVd3UVJ6V1BYZkNnMzA0UFdBWkF5emROTjN1RmhqYVFrQXBOcTdCMmdGZGtpNEY1bGgiDQogICAgICAgICAgICB3aWR0aD0iMTAwJSINCiAgICAgICAgICAgIGhlaWdodD0iOTUwIg0KICAgICAgICAgICAgZnJhbWVib3JkZXI9IjAiDQogICAgICAgICAgICBzdHlsZT0iYm9yZGVyOm5vbmU7Ig0KICAgICAgICAgICAgbG9hZGluZz0ibGF6eSI+DQogICAgICAgIDwvaWZyYW1lPg==\"><div class=\"brlbs-cmpnt-cb-preset-a\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>Default<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: none\">Accept required service and unblock content<\/a> <\/div> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div><\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Security Insights Roundtable @ TRILUX | Wenn Security real wird Security Insights Roundtable @ TRILUX Wenn Security real wird Der exklusive Praxis-Roundtable f\u00fcr CIOs, CISOs & IT-Entscheider. Keine Verkaufs-Show \u2013 sondern echte Blicke hinter die Kulissen, kontroverse Diskussionen & konkrete Ans\u00e4tze. 16. NOV 2026 |...","protected":false},"author":7,"featured_media":3217,"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-3152","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages\/3152","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=3152"}],"version-history":[{"count":56,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages\/3152\/revisions"}],"predecessor-version":[{"id":3232,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/pages\/3152\/revisions\/3232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/media\/3217"}],"wp:attachment":[{"href":"https:\/\/aktionen.teal-consulting.de\/en\/wp-json\/wp\/v2\/media?parent=3152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}