{"id":5838,"date":"2024-08-19T12:59:41","date_gmt":"2024-08-19T12:59:41","guid":{"rendered":"https:\/\/wp.42berlin.de\/?page_id=5838"},"modified":"2026-04-16T23:30:56","modified_gmt":"2026-04-16T21:30:56","slug":"free-programming-school","status":"publish","type":"page","link":"https:\/\/wp.42berlin.de\/de\/","title":{"rendered":"Schule f\u00fcr Softwaretechnik"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5838\" class=\"elementor elementor-5838\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3ad861 e-flex e-con-boxed e-con e-parent\" data-id=\"b3ad861\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-855a2d4 elementor-widget elementor-widget-html\" data-id=\"855a2d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- UNIFIED WRAPPER --- *\/\n    .mai-involve-wrapper {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        margin-top: -5px;      \n        margin-bottom: -20px; \n        padding: 100px 0 100px 0; \n        background-color: #150030; \n        color: #ffffff;\n        font-family: \"Figtree\", sans-serif;\n        overflow: hidden;\n    }\n\n    \/* --- PERFORMANCE OPTIMIZED BACKGROUND --- *\/\n    .blob-container {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n        overflow: hidden;\n        opacity: 1; \/* Pushed back to full opacity *\/\n    }\n\n    .blob {\n        position: absolute;\n        border-radius: 50%;\n        animation: drift 15s infinite alternate ease-in-out;\n        will-change: transform;\n        transform: translateZ(0); \n    }\n\n    \/* Increased density and spread of the radial gradients to make them brighter *\/\n    .blob-purple { \n        width: 70vw; height: 70vw; \/* Increased size slightly *\/\n        background: radial-gradient(circle, rgba(124, 26, 222, 0.9) 10%, rgba(90, 24, 154, 0) 75%); \/* Made the base purple brighter *\/\n        top: -15%; left: -15%; \n        animation-duration: 22s; \n    }\n    \n    .blob-lilac { \n        width: 40vw; height: 40vw; \n        background: radial-gradient(circle, rgba(237, 53, 146, 0.8) 15%, rgba(237, 53, 146, 0) 75%);\n        bottom: -15%; right: -5%; \n        animation-delay: -5s; \n        animation-duration: 8s;\n    }\n    \n    .blob-accent { \n        width: 50vw; height: 50vw; \n        background: radial-gradient(circle, rgba(199, 125, 255, 0.8) 10%, rgba(199, 125, 255, 0) 75%);\n        top: 20%; left: 25%; \n        animation-delay: -9s; \n        animation-duration: 14s;\n    }\n\n    @keyframes drift {\n        0%   { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }\n        33%  { transform: translate3d(6vw, -5vh, 0) scale(1.1) rotate(15deg); }\n        66%  { transform: translate3d(-5vw, 5vh, 0) scale(0.9) rotate(-10deg); }\n        100% { transform: translate3d(5vw, 6vh, 0) scale(1.15) rotate(20deg); }\n    }\n\n    \/* --- THE BREAKOUT FIX --- *\/\n    .mai-hero-outer {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        margin-top: -12px; \/* Kept fixed margins *\/\n        margin-bottom: -10px;\n        height: 90vh; \n        min-height: 700px; \n        \/* Slightly lighter base dark purple so it doesn't feel like a black hole *\/\n        background-color: #0a0026; \n        display: flex;\n        align-items: center; \n        justify-content: center;\n        font-family: 'Figtree', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* --- CONTENT GRID --- *\/\n    .mai-hero-inner {\n        max-width: 1250px;\n        width: 100%;\n        padding: 10px 40px; \n        display: grid;\n        grid-template-columns: 1.15fr 0.85fr;\n        gap: 80px;\n        align-items: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* --- TEXT SIDE --- *\/\n    .hero-text-side h1 {\n        font-family: \"mikrobe-variable\", \"Figtree\", sans-serif !important; \n        font-size: clamp(2.5rem, 4.5vw, 4.50rem);\n        line-height: 0.95;\n        text-transform: uppercase;\n        margin: 0 0 30px 0;\n        background: linear-gradient(180deg, #ffffff 40%, #c77dff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .hero-text-side p {\n        font-family: 'Figtree', sans-serif;\n        font-weight: 400;\n        font-size: 1.15rem;\n        line-height: 1.6;\n        color: #ffffff;\n        margin-bottom: 40px;\n        max-width: 560px;\n    }\n\n    \/* --- BULLETPROOF CTA BUTTON --- *\/\n    .apply-btn {\n        display: inline-block;\n        background: #E0AAFF !important; \n        color: #150030 !important; \n        padding: 20px 55px;\n        border-radius: 50px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        text-decoration: none;\n        transition: transform 0.3s ease, box-shadow 0.3s ease; \n        box-shadow: 0 15px 35px rgba(224, 170, 255, 0.2) !important;\n        z-index: 2;\n    }\n    \n    .apply-btn:hover {\n        background: #ED3592 !important; \n        transform: translateY(-6px) scale(1.05); \n    }\n\n    \/* --- SLEEK DASHBOARD-STYLE GLASS CARD (REDESIGNED) --- *\/\n    .glass-card {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);\n        backdrop-filter: blur(24px); \n        -webkit-backdrop-filter: blur(24px);\n        \/* Premium 3D glass edge effect *\/\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-top: 1px solid rgba(255, 255, 255, 0.2);\n        border-left: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: 32px;\n        padding: 40px; \n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.02); \n    }\n\n    .card-label {\n        font-family: 'Figtree', sans-serif !important; \n        font-size: 0.75rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #e0aaff;\n        background: rgba(199, 125, 255, 0.15);\n        padding: 6px 14px;\n        border-radius: 20px;\n        border: 1px solid rgba(199, 125, 255, 0.25);\n        margin-bottom: 25px;\n        display: inline-block;\n    }\n\n    .event-group { margin-bottom: 25px; }\n    .event-group:last-child { margin-bottom: 0; }\n\n    .event-group h3 {\n        font-family: 'Figtree', sans-serif !important; \n        font-weight: 700;\n        font-size: 1.05rem;\n        text-transform: uppercase;\n        margin-bottom: 12px;\n        letter-spacing: 0.5px;\n        color: #ffffff;\n        opacity: 0.95;\n        padding-left: 5px;\n    }\n\n    .row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 15px;\n        margin: 0 -10px; \/* Pulls hover state to the edge for a cleaner look *\/\n        border-radius: 12px;\n        transition: background 0.3s ease;\n    }\n\n    .row:hover { \n        background: rgba(255, 255, 255, 0.06); \n    }\n\n    .row span { \n        font-family: 'Figtree', sans-serif;\n        font-size: 0.95rem; \n        color: rgba(255, 255, 255, 0.85); \n        font-weight: 500; \n    }\n    \n    .row-btn {\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        color: #050014;\n        text-decoration: none;\n        background: #ffffff;\n        padding: 8px 20px;\n        border-radius: 30px;\n        transition: transform 0.2s ease, background 0.3s ease, box-shadow 0.3s ease;\n        letter-spacing: 1px;\n    }\n\n    .row-btn:hover { \n        background: #e0aaff; \n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(224, 170, 255, 0.3);\n    }\n\n    \/* --- RESPONSIVE OPTIMIZATION --- *\/\n    @media (max-width: 1100px) {\n        \/* Brighter base color for mobile so gaps between blobs aren't pure black *\/\n        .mai-hero-outer { height: auto; padding: 80px 0; background-color: #18043d; }\n        .mai-hero-inner { grid-template-columns: 1fr; text-align: center; justify-items: center; gap: 50px; }\n        .hero-text-side p { margin-left: auto; margin-right: auto; }\n        .hero-text-side h1 { font-size: clamp(3rem, 10vw, 4rem); }\n        .glass-card { \n            width: 100%; max-width: 550px; padding: 35px 25px; \n            backdrop-filter: blur(12px); \n            -webkit-backdrop-filter: blur(12px);\n        }\n\n        \/* Scaled up the blobs even more for mobile to flood the background with color *\/\n        .blob-purple { width: 160vw; height: 160vw; top: -20%; left: -30vw; }\n        .blob-lilac { width: 90vw; height: 90vw; bottom: -10%; right: -20vw; } \n        .blob-accent { width: 100vw; height: 100vw; top: 30%; left: 0vw; }\n    }\n<\/style>\n\n<div class=\"mai-hero-outer\">\n    <div class=\"blob-container\">\n        <div class=\"blob blob-purple\"><\/div>\n        <div class=\"blob blob-lilac\"><\/div>\n        <div class=\"blob blob-accent\"><\/div>\n    <\/div>\n\n    <div class=\"mai-hero-inner\">\n        <div class=\"hero-text-side\">\n            <h1>Are You<br>Born 2 Code?<\/h1>\n            <p>\n                Ein praxisnahes Vollzeit-Studium f\u00fcr Softwareentwicklung, das ohne Lehrkr\u00e4fte auskommt. Hier steht Peer-to-Peer Lernen im Fokus und alle lernen mit- und voneinander. Werde Teil einer globalen Tech-Community mit \u00fcber 50 Standorten weltweit.\n            <\/p>\n            <a href=\"https:\/\/apply.42berlin.de\/users\/sign_up\" class=\"apply-btn\">Jetzt bewerben<\/a>\n        <\/div>\n\n        <div class=\"glass-card\" id=\"tilt-card\">\n            <span class=\"card-label\">Als N\u00e4chstes<\/span>\n            \n            <div class=\"event-group\">\n                <h3>Introduction Meetings<\/h3>\n\n                <div class=\"row\">\n                    <span>19. Mai, 17:00 (Online)<\/span>\n                    <a href=\"https:\/\/apply.42berlin.de\/users\/sign_up\" class=\"row-btn\">RSVP<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"event-group\">\n                <h3>Kommende Piscines<\/h3>\n                <div class=\"row\">\n                    <span>5. Oktober - 30. Oktober 2026<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"event-group\">\n                <h3>Andere Events<\/h3>\n                <div class=\"row\">\n                    <span>MAI IST F\u00dcR AI\n <\/span>\n                    <a href=\"https:\/\/wp.42berlin.de\/mai-ist-fuer-ai-2026\/\" target=\"_blank\" class=\"row-btn\">Mehr erfahren<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"event-group\">\n                <h3>Campus Events<\/h3>\n                <div class=\"row\">\n                    <span>Brettspiel-Abend<\/span>\n                    <span style=\"opacity: 0.9; font-weight: 600; font-size: 0.95rem;\">Jeden Mi um 18:00 Uhr<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08c3411 e-con-full e-flex e-con e-parent\" data-id=\"08c3411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30358ea elementor-widget elementor-widget-image\" data-id=\"30358ea\" data-element_type=\"widget\" data-e-type=\"widget\" fetchpriority=\"high\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2025\/11\/62_7030-Verbessert-RR.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f41032a elementor-widget elementor-widget-html\" data-id=\"f41032a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- EDITORIAL PRESS SECTION (OPTIMIZED) --- *\/\n    .press-outer-wrap {\n        background-color: #ffffff; \n        padding: 100px 0;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        margin-top: 0;\n        margin-bottom: 0;\n        border-top: 1px solid rgba(0, 0, 0, 0.05);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n    }\n\n    .press-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 40px;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 60px;\n        align-items: stretch; \n    }\n\n    .press-card {\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* Elegant Quote Mark *\/\n    .press-icon {\n        font-family: 'Figtree', sans-serif;\n        font-size: 5rem;\n        line-height: 0.5; \n        color: #E0AAFF; \n        margin-bottom: 15px;\n        font-weight: 900;\n    }\n\n    .press-quote {\n        font-family: 'Figtree', sans-serif;\n        font-weight: 500; \n        font-size: 1.25rem;\n        color: #000; \n        line-height: 1.6; \n        margin-bottom: 30px;\n        max-width: 320px;\n        flex-grow: 1; \n    }\n\n    \/* LOGO CONTAINER *\/\n    .press-logo-box {\n        height: 40px; \n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .press-logo-box img {\n        object-fit: contain;\n    }\n\n    \/* --- SPECIFIC OPTICAL SIZING FOR MEDIA LOGOS --- *\/\n    .logo-nyt {\n        max-height: 45px; \/* You might need to increase this number if the logo looks too small *\/\n        width: auto;\n    }\n\n    .logo-welt {\n        max-height: 28px;\n        width: auto;\n    }\n\n    .logo-bi {\n        max-height: 35px; \n        width: auto;\n        filter: brightness(0); \n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n        .press-outer-wrap {\n            padding: 80px 0;\n        }\n        .press-container {\n            grid-template-columns: 1fr;\n            gap: 60px; \n        }\n        .press-quote {\n            max-width: 100%;\n            font-size: 1.15rem;\n        }\n    }\n<\/style>\n\n<div class=\"press-outer-wrap\">\n    <div class=\"press-container\">\n        \n        <div class=\"press-card\">\n            <div class=\"press-icon\">\u201c<\/div>\n            <p class=\"press-quote\">Eine Computer-Akademie, die der konventionellen Weisheit trotzt.<\/p>\n            <div class=\"press-logo-box\">\n                <img decoding=\"async\" class=\"logo-nyt\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/500px-The_New_York_Times_logo.webp\" alt=\"Die New York Times\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"press-card\">\n            <div class=\"press-icon\">\u201c<\/div>\n            <p class=\"press-quote\">42 Berlin ist ein wichtiger Beitrag, um dem Fachkr\u00e4ftemangel entgegenzuwirken.<\/p>\n            <div class=\"press-logo-box\">\n                <img decoding=\"async\" class=\"logo-welt\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2025\/07\/die_welt-e1773820194720.webp\" alt=\"Die Welt\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"press-card\">\n            <div class=\"press-icon\">\u201c<\/div>\n            <p class=\"press-quote\">F\u00fcr die Tech-Leader von morgen.<\/p>\n            <div class=\"press-logo-box\">\n                <img decoding=\"async\" class=\"logo-bi\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2024\/06\/Business_Insider_Logo-e1773820158794.png\" alt=\"Business Insider\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0154247 e-flex e-con-boxed e-con e-parent\" data-id=\"0154247\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa4687a elementor-widget elementor-widget-html\" data-id=\"aa4687a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n    \n\n    \/* --- UNIFIED VIBRANT WRAPPER --- *\/\n    .system-section-wrap {\n        background: linear-gradient(135deg, #150030 0%, #3c096c 50%, #150030 100%);\n        padding: 120px 0;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* --- PERFORMANCE OPTIMIZED BACKGROUND BLOBS --- *\/\n    .usp-bg-blobs {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n        \/* PERFORMANCE FIX: Removed filter: blur(80px) *\/\n        opacity: 0.65;\n    }\n\n    .usp-blob {\n        position: absolute;\n        border-radius: 50%;\n        animation: uspDrift 20s infinite alternate ease-in-out;\n        \/* PERFORMANCE FIX: Hardware Acceleration *\/\n        will-change: transform;\n        transform: translateZ(0);\n    }\n    \n    \/* PERFORMANCE FIX: Using radial-gradients to fake a blur with ZERO computational cost *\/\n    .usp-blob-1 { \n        width: 60vw; height: 60vw; \/* Increased size to compensate for gradient fade *\/\n        background: radial-gradient(circle, rgba(157, 78, 221, 0.7) 0%, rgba(157, 78, 221, 0) 70%); \n        top: -10%; left: -10%; \n    }\n    .usp-blob-2 { \n        width: 50vw; height: 50vw; \/* Increased size *\/\n        background: radial-gradient(circle, rgba(224, 170, 255, 0.5) 0%, rgba(224, 170, 255, 0) 70%); \n        bottom: 5%; right: 0%; \n        animation-delay: -5s; \n    }\n\n    @keyframes uspDrift {\n        0% { transform: translate3d(0, 0, 0) scale(1); }\n        100% { transform: translate3d(5vw, 5vh, 0) scale(1.1); }\n    }\n\n    \/* --- NEW HEADING STYLE --- *\/\n    .system-heading {\n        font-family: 'mikrobe-variable', \"Figtree\", sans-serif !important;\n        font-weight: 400 !important; \/* Prevents mobile browser faux-bolding *\/\n        font-size: clamp(2.5rem, 4.5vw, 4.5rem);\n        text-align: center;\n        text-transform: uppercase;\n        line-height: 1;\n        margin-bottom: 80px;\n        z-index: 2;\n        max-width: 900px;\n        padding: 0 20px;\n        background: linear-gradient(180deg, #ffffff 40%, #e0aaff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        letter-spacing: -0.02em;\n    }\n\n    \/* --- GRID & CARDS --- *\/\n    .usp-section {\n        max-width: 1250px;\n        width: 100%;\n        margin: 0 auto;\n        padding: 0 50px;\n        font-family: 'Figtree', sans-serif !important;\n        position: relative;\n        z-index: 2;\n    }\n\n    .usp-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n        gap: 30px;\n        margin-bottom: 80px; \n    }\n\n    .usp-card {\n        background: rgba(255, 255, 255, 0.06); \n        backdrop-filter: blur(30px);\n        -webkit-backdrop-filter: blur(30px);\n        border-radius: 32px;\n        padding: 50px 40px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease; \/* Specific transitions are faster than 'all' *\/\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        height: 100%;\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    }\n\n    .usp-card:hover {\n        transform: translateY(-8px);\n        background: rgba(255, 255, 255, 0.1);\n        border-color: #E0AAFF;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\n    }\n\n    .usp-icon {\n        width: 64px; height: 64px;\n        border-radius: 18px;\n        display: flex; align-items: center; justify-content: center;\n        margin-bottom: 30px;\n        background: rgba(255, 255, 255, 0.1);\n        color: #E0AAFF; \n        transition: 0.4s ease;\n    }\n\n    .usp-icon svg { width: 30px; height: 30px; fill: currentColor; }\n\n    .usp-title {\n        font-family: 'Figtree', sans-serif !important;\n        font-weight: 800; \n        font-size: 1.5rem;\n        color: #ffffff;\n        margin-bottom: 18px;\n        line-height: 1.2;\n    }\n\n    .usp-desc {\n        font-family: 'Figtree', sans-serif !important;\n        font-weight: 400; \n        font-size: 1.1rem;\n        line-height: 1.5;\n        color: #f8fafc;\n        margin: 0;\n    }\n\n    \/* --- CTA BUTTON --- *\/\n    .apply-btn {\n        display: inline-block;\n        background: #E0AAFF !important; \n        color: #150030 !important;\n        padding: 20px 60px;\n        border-radius: 50px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        text-decoration: none;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 15px 35px rgba(224, 170, 255, 0.3);\n        z-index: 2;\n    }\n\n    .apply-btn:hover {\n        transform: translateY(-6px) scale(1.05);\n        background: #ffffff !important;\n        box-shadow: 0 25px 50px rgba(224, 170, 255, 0.5);\n    }\n\n    \/* --- MOBILE PERFORMANCE OVERRIDES --- *\/\n    @media (max-width: 900px) {\n        .system-heading { margin-bottom: 50px; }\n        .usp-grid { grid-template-columns: 1fr; gap: 20px; }\n        .usp-card { \n            padding: 40px 30px; \n            \/* Lower blur on mobile saves massive battery\/CPU *\/\n            backdrop-filter: blur(12px); \n            -webkit-backdrop-filter: blur(12px);\n        }\n        \n        \/* Make blobs massive so they fill the tall column layout *\/\n        .usp-blob-1 { width: 140vw; height: 140vw; top: 0; left: -20vw; }\n        .usp-blob-2 { width: 120vw; height: 120vw; bottom: 0; right: -10vw; }\n    }\n<\/style>\n\n<div class=\"system-section-wrap\">\n    <div class=\"usp-bg-blobs\">\n        <div class=\"usp-blob usp-blob-1\"><\/div>\n        <div class=\"usp-blob usp-blob-2\"><\/div>\n    <\/div>\n\n    <h2 class=\"system-heading\">Es gab einen Bug im System und wir haben ihn behoben<\/h2>\n\n    <div class=\"usp-section\">\n        <div class=\"usp-grid\">\n\n            <div class=\"usp-card\">\n                <div class=\"usp-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"\/><\/svg><\/div>\n                <h3 class=\"usp-title\">Projektbasiertes Lernen<\/h3>\n                <p class=\"usp-desc\">Die Studierenden \u00fcbernehmen die Verantwortung f\u00fcr ihren Lernfortschritt. Nur durch st\u00e4ndige Kommunikation mit anderen und Lernen in Gruppen wird Fortschritt erreicht.<\/p>\n            <\/div>\n\n            <div class=\"usp-card\">\n                <div class=\"usp-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 9H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V15z\"\/><\/svg><\/div>\n                <h3 class=\"usp-title\">Gamified-Lehrplan<\/h3>\n                <p class=\"usp-desc\">Unser Programm ist aufgebaut wie ein Skill-Tree in Videospielen. Wenn du Projekte meisterst, werden neue Aufgaben freigeschaltet, so dass die Reise f\u00fcr jeden einzigartig wird.<\/p>\n            <\/div>\n\n            <div class=\"usp-card\">\n                <div class=\"usp-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"\/><\/svg><\/div>\n                <h3 class=\"usp-title\">Wir feiern das Scheitern<\/h3>\n                <p class=\"usp-desc\">F\u00fcr fehlerhafte Projekte und nicht bestandene Examen gibt es keine Strafen. Wir sehen das Scheitern als eine notwendige Voraussetzung, um sich weiterzuentwickeln und um die eigenen F\u00e4higkeiten wirklich zu verbessern.<\/p>\n            <\/div>\n            \n            <div class=\"usp-card\">\n                <div class=\"usp-icon\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"usp-title\">Peer-to-Peer-P\u00e4dagogik<\/h3>\n                <p class=\"usp-desc\">Bei uns findet Lernen durch Zusammenarbeit statt. Wir stellen die Umgebung und die Tools zur Verf\u00fcgung; die Community bietet die notwendige Unterst\u00fctzung, um Herausforderungen gemeinsam zu l\u00f6sen.<\/p>\n            <\/div>\n\n            <div class=\"usp-card\">\n                <div class=\"usp-icon\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"usp-title\">Campus 24\/7 ge\u00f6ffnet<\/h3>\n                <p class=\"usp-desc\">Jeder lernt in seinem eigenen Tempo. Unser Campus ist immer ge\u00f6ffnet und verf\u00fcgt \u00fcber Yoga-R\u00e4ume, Nap-Rooms, Duschen und hundefreundliche R\u00e4ume.<\/p>\n            <\/div>\n\n            <div class=\"usp-card\">\n                <div class=\"usp-icon\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"usp-title\">Keine Studiengeb\u00fchren<\/h3>\n                <p class=\"usp-desc\">Tech-Education sollte f\u00fcr alle zug\u00e4nglich sein. 42 Berlin ist 100% kostenlos und wird durch Spenden von Partnern finanziert, um eine Ausbildung auf Weltklasseniveau zu erm\u00f6glichen.<\/p>\n            <\/div>\n        <\/div>\n\n        <div style=\"display: flex; justify-content: center; width: 100%;\">\n            <a href=\"https:\/\/apply.42berlin.de\/users\/sign_up\" class=\"apply-btn\">Jetzt bewerben<\/a>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0416c0f e-flex e-con-boxed e-con e-parent\" data-id=\"0416c0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-662c616 elementor-widget elementor-widget-html\" data-id=\"662c616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n    \n    \/* --- PARTNERS SECTION --- *\/\n    .partners-outer-wrap {\n        background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\n        padding: 120px 0;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;        \n        overflow: hidden;\n        z-index: 5;\n        border-top: 1px solid rgba(0,0,0,0.03);\n        border-bottom: 1px solid rgba(0,0,0,0.03);\n    }\n\n    .partners-glow {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(237, 53, 146, 0.03) 0%, transparent 60%);\n        transform: translate(-50%, -50%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .partners-container {\n        max-width: 1200px; \n        margin: 0 auto;\n        padding: 0 40px;\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* --- TEXT --- *\/\n    .partners-heading {\n        font-family: \"mikrobe-variable\", \"Figtree\", sans-serif !important;\n        font-weight: 400 !important;\n        font-size: clamp(2.5rem, 5vw, 4.2rem);\n        text-transform: uppercase;\n        margin-bottom: 25px;\n        background: linear-gradient(180deg, #1a0033 0%, #5a189a 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        line-height: 0.95;\n        letter-spacing: -0.02em;\n    }\n\n    .partners-desc {\n        font-family: 'Figtree', sans-serif;\n        font-size: 1.15rem;\n        line-height: 1.6;\n        color: #475569;\n        margin-bottom: 70px;\n        font-weight: 400;\n        max-width: 800px;\n    }\n\n    \/* --- LOGO GRID --- *\/\n    .partners-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        align-items: center;\n        gap: 30px; \n        width: 100%;\n        margin-bottom: 70px;\n    }\n\n    .partner-logo-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 130px; \n        width: 260px; \n        background: #ffffff;\n        border-radius: 20px;\n        border: 1px solid rgba(0, 0, 0, 0.04);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);\n        padding: 20px; \n        \/* PERFORMANCE FIX: Targeting specific properties instead of 'all' *\/\n        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease, border-color 0.4s ease;\n        text-decoration: none;\n    }\n\n    .partner-logo-box img {\n        object-fit: contain;\n        opacity: 0.85; \n        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease;\n    }\n\n    \/* --- EXACT OPTICAL ALIGNMENT --- *\/\n    .logo-vw { max-height: 145px; width: auto; }\n    .logo-sap { max-height: 48px; width: auto; } \n    .logo-capgemini { max-width: 155px; height: auto; }\n    .logo-microsoft { max-height: 152px; width: auto; }\n    .logo-tsystems { max-width: 145px; height: auto; }\n    .logo-cariad { max-width: 165px; height: auto; } \n    .logo-bayer { max-height: 158px; width: auto; }\n\n    \/* Hover Interaction *\/\n    .partner-logo-box:hover {\n        transform: translateY(-8px);\n        background: #ffffff;\n        border-color: rgba(199, 125, 255, 0.4); \n        box-shadow: 0 20px 40px rgba(90, 24, 154, 0.1); \n    }\n\n    .partner-logo-box:hover img {\n        opacity: 1; \n        transform: scale(1.08);\n    }\n\n    \/* --- CTA BUTTON --- *\/\n    .partners-btn {\n        display: inline-block;\n        background: #ED3592; \n        color: #ffffff;\n        padding: 18px 50px;\n        border-radius: 50px;\n        font-family: 'Figtree', sans-serif;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        text-decoration: none;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 10px 25px rgba(237, 53, 146, 0.3);\n    }\n\n    .partners-btn:hover {\n        box-shadow: 0 15px 35px rgba(90, 24, 154, 0.4);\n        transform: translateY(-4px);\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 900px) {\n        .partners-outer-wrap { padding: 80px 0; }\n        .partners-grid { gap: 20px; }\n        .partner-logo-box { height: 110px; width: 220px; padding: 15px; }\n        .partners-desc { font-size: 1.05rem; margin-bottom: 50px; }\n        \n        \/* Optical Alignment for Tablet *\/\n        .logo-vw { max-height: 120px; }\n        .logo-sap { max-height: 40px; }\n        .logo-capgemini { max-width: 130px; }\n        .logo-microsoft { max-height: 125px; }\n        .logo-tsystems { max-width: 120px; }\n        .logo-cariad { max-width: 140px; }\n        .logo-bayer { max-height: 130px; }\n    } \/* Fixed missing closing brace *\/\n\n    @media (max-width: 500px) {\n        .partners-container { padding: 0 20px; }\n        .partners-grid { gap: 15px; }\n        .partner-logo-box { height: 95px; width: 170px; padding: 12px; border-radius: 16px; }\n        \n        \/* Optical Alignment for Mobile *\/\n        .logo-vw { max-height: 100px; }\n        .logo-sap { max-height: 30px; }\n        .logo-capgemini { max-width: 110px; }\n        .logo-microsoft { max-height: 100px; }\n        .logo-tsystems { max-width: 100px; }\n        .logo-cariad { max-width: 120px; }\n        .logo-bayer { max-height: 110px; }\n    }\n<\/style>\n\n<div class=\"partners-outer-wrap\">\n    <div class=\"partners-glow\"><\/div>\n    \n    <div class=\"partners-container\">\n        \n        <h2 class=\"partners-heading\">Unsere Partner<\/h2>\n        <p class=\"partners-desc\">\n            Wir sind stolz darauf, einige der gr\u00f6\u00dften deutschen Tech-Unternehmen an unserer Seite zu haben. Dank ihrer Spenden und Unterst\u00fctzung ist unsere Ausbildung f\u00fcr alle angehenden Programmierer*innen zug\u00e4nglich.\n        <\/p>\n        \n<div class=\"partners-grid\">\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/1.png\" alt=\"Volkswagen Logo\" class=\"logo-vw\" loading=\"lazy\">\n            <\/a>\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/SAP_logo-768x391.png\" alt=\"SAP-Logo\" class=\"logo-sap\" loading=\"lazy\">\n            <\/a>\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/3.png\" alt=\"Capgemini-Logo\" class=\"logo-capgemini\" loading=\"lazy\">\n            <\/a>\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/2.png\" alt=\"Microsoft-Logo\" class=\"logo-microsoft\" loading=\"lazy\">\n            <\/a>\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/Untitled-design-16.png\" alt=\"T-Systems Logo\" class=\"logo-tsystems\" loading=\"lazy\">\n            <\/a>\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/Untitled-design-17.png\" alt=\"CARIAD-Logo\" class=\"logo-cariad\" loading=\"lazy\">\n            <\/a>\n            <a href=\"#\" class=\"partner-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/Untitled-design-19.png\" alt=\"Bayer-Logo\" class=\"logo-bayer\" loading=\"lazy\">\n            <\/a>\n        <\/div>\n\n        <a href=\"\/partners\" class=\"partners-btn\">Unsere Partner<\/a>\n\n    <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c6e2e0 e-flex e-con-boxed e-con e-parent\" data-id=\"3c6e2e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61122f6 elementor-widget elementor-widget-html\" data-id=\"61122f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* --- VIBRANT OUTER WRAPPER --- *\/\n.apply-outer-wrapper {\n    background-color: #050014; \n    padding: 120px 0;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    margin-top: -16px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 5;\n}\n\n\/* --- PERFORMANCE OPTIMIZED BRAND BLOBS --- *\/\n.apply-bg-blobs {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 0;\n    opacity: 0.85; \n    pointer-events: none;\n}\n\n.apply-blob {\n    position: absolute;\n    border-radius: 50%;\n    animation: applyDrift 15s infinite alternate ease-in-out;\n    will-change: transform;\n    transform: translateZ(0);\n}\n\n.apply-blob-1 { \n    width: 65vw; height: 65vw; \n    background: radial-gradient(circle, rgba(90, 24, 154, 0.8) 0%, rgba(90, 24, 154, 0) 70%); \n    top: -10%; left: -10%; \n    animation-duration: 22s; \n}\n.apply-blob-2 { \n    width: 55vw; height: 55vw; \n    background: radial-gradient(circle, rgba(237, 53, 146, 0.8) 0%, rgba(237, 53, 146, 0) 70%); \n    bottom: -10%; right: -5%; \n    animation-delay: -5s; \n    animation-duration: 18s; \n}\n.apply-blob-3 { \n    width: 45vw; height: 45vw; \n    background: radial-gradient(circle, rgba(199, 125, 255, 0.8) 0%, rgba(199, 125, 255, 0) 70%); \n    top: 25%; left: 30%; \n    animation-delay: -9s; \n    animation-duration: 14s; \n}\n\n@keyframes applyDrift {\n    0%   { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }\n    33%  { transform: translate3d(6vw, -5vh, 0) scale(1.1) rotate(15deg); }\n    66%  { transform: translate3d(-5vw, 5vh, 0) scale(0.9) rotate(-10deg); }\n    100% { transform: translate3d(5vw, 6vh, 0) scale(1.15) rotate(20deg); }\n}\n\n\/* --- 42 APPLICATION SECTION (GLASSMORPHISM) --- *\/\n.apply-section {\n    max-width: 1250px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 40px;\n    font-family: 'Figtree', sans-serif !important;\n    position: relative;\n    z-index: 10;\n}\n\n\/* HEADER *\/\n.apply-header {\n    text-align: center;\n    margin-bottom: 80px;\n}\n\n.apply-title {\n    font-family: \"mikrobe-variable\", \"Figtree\", sans-serif !important;\n    font-weight: 400 !important; \n    text-transform: uppercase;\n    font-size: clamp(2rem, 4.5vw, 3.5rem);\n    line-height: 0.9;\n    background: linear-gradient(180deg, #ffffff 40%, #c77dff 100%); \n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    margin-bottom: 20px;\n    letter-spacing: -0.02em;\n}\n\n\/* --- STEPS CONTAINER --- *\/\n.steps-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    position: relative;\n}\n\n\/* Connector Line *\/\n.steps-container::before {\n    content: \"\";\n    position: absolute;\n    top: 50%; left: 10%; right: 10%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(224, 170, 255, 0.3), transparent);\n    z-index: 0;\n}\n\n\/* --- SLEEK GLASS CARD --- *\/\n.step-card {\n    background: rgba(255, 255, 255, 0.03);\n    backdrop-filter: blur(20px); \n    -webkit-backdrop-filter: blur(20px);\n    border-radius: 40px;\n    padding: 60px 40px;\n    position: relative;\n    z-index: 1;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3); \n    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    height: 100%;\n}\n\n.step-card:hover {\n    transform: translateY(-15px);\n    background: rgba(255, 255, 255, 0.06);\n    border-color: rgba(224, 170, 255, 0.4);\n    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);\n}\n\n\/* Accent Glow Top *\/\n.step-card::after {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 50%;\n    transform: translateX(-50%);\n    width: 60px; height: 4px;\n    border-radius: 0 0 10px 10px;\n    transition: width 0.3s ease;\n}\n\n.card-1::after { background: #c77dff; box-shadow: 0 0 15px #c77dff; } \n.card-2::after { background: #ED3592; box-shadow: 0 0 25px #ED3592; } \n.card-3::after { background: #9d4edd; box-shadow: 0 0 15px #9d4edd; } \n\n.step-card:hover::after { width: 120px; }\n\n\/* STEP NUMBER *\/\n.step-index {\n    font-family: 'Figtree', sans-serif !important;\n    font-weight: 900 !important;\n    font-size: 6rem;\n    line-height: 1;\n    margin-bottom: 10px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.15) 100%, transparent 90%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    transition: transform 0.4s ease, background 0.4s ease;\n}\n\n.step-card:hover .step-index {\n    transform: scale(1.1);\n    background: linear-gradient(180deg, rgba(224, 170, 255, 0.4) 0%, transparent 100%);\n    -webkit-background-clip: text;\n}\n\n\/* CONTENT *\/\n.step-content {\n    position: relative;\n    z-index: 3;\n}\n\n.step-heading {\n    font-family: 'Figtree', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 1.8rem;\n    color: #ffffff;\n    margin-bottom: 18px;\n    letter-spacing: -0.01em;\n}\n\n.step-text {\n    font-family: 'Figtree', sans-serif !important;\n    font-weight: 600;\n    font-size: 1.1rem;\n    line-height: 1.6;\n    color: #ffffff; \n}\n\n\/* --- BOTTOM CTA --- *\/\n.apply-footer {\n    margin-top: 70px;\n    text-align: center;\n    position: relative;\n    z-index: 10;\n}\n\n.apply-cta-btn {\n    display: inline-block;\n    background: #E0AAFF; \n    color: #150030;\n    padding: 20px 60px;\n    border-radius: 50px;\n    font-family: 'Figtree', sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-decoration: none;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\n    box-shadow: 0 15px 35px rgba(224, 170, 255, 0.3);\n}\n\n.apply-cta-btn:hover {\n    transform: translateY(-6px) scale(1.05);\n    background: #ffffff;\n    box-shadow: 0 25px 50px rgba(224, 170, 255, 0.5);\n}\n\n\/* --- RESPONSIVE & MOBILE OPTIMIZATIONS --- *\/\n@media (max-width: 950px) {\n    .apply-outer-wrapper { padding: 80px 0; background-color: #0f0226; } \n    .steps-container { grid-template-columns: 1fr; gap: 40px; }\n    .steps-container::before { display: none; }\n    \n    .step-card { \n        padding: 50px 30px; \n        backdrop-filter: blur(12px); \n        -webkit-backdrop-filter: blur(12px);\n    }\n    \n    .step-index { font-size: 5rem; }\n    \n    .apply-footer { margin-top: 50px; }\n    \n    .apply-blob-1 { width: 180vw; height: 180vw; top: -10vw; left: -30vw; }\n    .apply-blob-2 { width: 140vw; height: 140vw; bottom: -10vw; right: -40vw; } \n    .apply-blob-3 { width: 150vw; height: 150vw; top: 40%; left: -50vw; }\n}\n<\/style>\n\n<div class=\"apply-outer-wrapper\">\n    \n    <div class=\"apply-bg-blobs\">\n        <div class=\"apply-blob apply-blob-1\"><\/div>\n        <div class=\"apply-blob apply-blob-2\"><\/div>\n        <div class=\"apply-blob apply-blob-3\"><\/div>\n    <\/div>\n\n    <div class=\"apply-section\">\n        \n        <div class=\"apply-header\">\n            <h2 class=\"apply-title\">So bewirbt man sich<\/h2>\n        <\/div>\n\n        <div class=\"steps-container\">\n            \n            <div class=\"step-card card-1\">\n                <div class=\"step-index\">01<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-heading\">Registrierung<\/h3>\n                    <p class=\"step-text\">\n                        Erstelle ein Profil auf unserer Bewerberplattform. Es dauert weniger als 2 Minuten, um den Prozess zu beginnen.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"step-card card-2\">\n                <div class=\"step-index\">02<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-heading\">Introduction<\/h3>\n                    <p class=\"step-text\">\n                        Nimm an einer Einf\u00fchrungsveranstaltung teil (online oder auf dem Campus). Lerne das Team kennen, erkunde das Geb\u00e4ude und erhalte einen Einblick in unsere Peer-to-Peer-Methode.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"step-card card-3\">\n                <div class=\"step-index\">03<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-heading\">Das Piscine<\/h3>\n                    <p class=\"step-text\">\n                        Der finale Test. Eine 26-t\u00e4gige, intensiver Coding-Challenge. Hier kannst du beweisen, dass du zur n\u00e4chsten Generation von Tech-Talenten geh\u00f6rst.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"apply-footer\">\n            <a href=\"https:\/\/apply.42berlin.de\/users\/sign_up\" class=\"apply-cta-btn\">Jetzt bewerben<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d8f0f5d e-flex e-con-boxed e-con e-parent\" data-id=\"6d8f0f5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f310c4f elementor-arrows-position-inside elementor-widget elementor-widget-image-carousel\" data-id=\"f310c4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;arrows&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;none&quot;,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Bilderkarussell\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/220112-42-Berlin-Opening-Event-166-scaled-1-768x512.webp\" alt=\"220112-42-Berlin-Opening-Event-166-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Lexmouth-20240207-3T0A2791-2-min-scaled-1-768x512.webp\" alt=\"Lexmouth-20240207-3T0A2791-2-min-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/220112-42-Berlin-Opening-Event-163-1-scaled-1-768x512.webp\" alt=\"220112-42-Berlin-Opening-Event-163-1-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Lexmouth-20240207-3T0A1700-min-scaled-1-768x512.webp\" alt=\"Lexmouth-20240207-3T0A1700-min-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/220112-42-Berlin-Opening-Event-316-2-scaled-1-768x512.webp\" alt=\"220112-42-Berlin-Opening-Event-316-2-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Lexmouth-20240207-3T0A2616-min-scaled-1-768x512.webp\" alt=\"Lexmouth-20240207-3T0A2616-min-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Website-pics-4-768x512.webp\" alt=\"Website-Bilder-4.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Lexmouth-20240207-3T0A1541-scaled-1-768x512.webp\" alt=\"Lexmouth-20240207-3T0A1541-scaled.jpg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Screenshot-2023-08-17-at-11.31.00-768x515.webp\" alt=\"Screenshot-2023-08-17-at-11.31.00.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 von 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2026\/03\/Screenshot-2023-08-17-at-11.31.05-1-768x510.webp\" alt=\"Screenshot-2023-08-17-at-11.31.05.png\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6226eb2 e-flex e-con-boxed e-con e-parent\" data-id=\"6226eb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b17cc2 elementor-widget elementor-widget-spacer\" data-id=\"5b17cc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a19530d elementor-widget elementor-widget-html\" data-id=\"a19530d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* --- 42 CURRICULUM WIDGET (CLEAN & HIGHER UP) --- *\/\n:root {\n    --bg-main: #ffffff;\n    --text-primary: #1a1a1a;\n    --text-secondary: #555555;\n    --text-light: #888888;\n    --accent-purple: #7a25d9;\n    --glow-gradient: linear-gradient(135deg, #7a25d9 0%, #ED3491 50%, #04809f 100%);\n}\n\n.roadmap-section {\n    max-width: 1100px;\n    margin: 40px auto 40px auto; \n    font-family: 'Figtree', sans-serif !important;\n    padding: 0 20px;\n    color: var(--text-primary);\n}\n\n\/* --- SECTION HEADING --- *\/\n.curriculum-main-title {\n    font-family: \"mikrobe-variable\", \"Figtree\", sans-serif !important;\n    font-weight: 400 !important;\n    font-size: clamp(2.5rem, 5vw, 4.2rem);\n    text-transform: uppercase;\n    text-align: center;\n    margin-bottom: 40px;\n    background: linear-gradient(180deg, #1a0033 0%, #5a189a 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    line-height: 0.95;\n    letter-spacing: -0.02em;\n}\n\n\/* --- NAVIGATION --- *\/\n.nav-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 30px;\n    width: 100%;\n}\n\n.timeline-nav {\n    display: inline-flex;\n    background: #ffffff;\n    padding: 6px;\n    border-radius: 100px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03); \n    border: 1px solid #f0f0f0;\n    max-width: 100%;\n    \n    \/* Mobile Scroll Logic *\/\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n}\n.timeline-nav::-webkit-scrollbar { display: none; }\n\n.nav-item {\n    cursor: pointer;\n    padding: 12px 24px;\n    border-radius: 100px;\n    font-size: 0.85rem;\n    font-weight: 800;\n    color: var(--text-light);\n    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; \n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    flex-shrink: 0; \n    border: 1px solid transparent;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.nav-item:hover { color: var(--text-primary); }\n\n.nav-item.active {\n    color: #fff;\n    background: #1a1a1a;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1); \n}\n\n\/* --- WRAPPER & CARD --- *\/\n.glow-wrapper {\n    position: relative;\n    border-radius: 32px;\n    margin-top: 20px;\n    z-index: 1;\n}\n\n\/* Desktop Glow *\/\n@media (min-width: 901px) {\n    .glow-wrapper::before {\n        content: \"\";\n        position: absolute;\n        inset: -3px; \n        background: var(--glow-gradient);\n        border-radius: 34px; \n        z-index: -1;\n        filter: blur(12px); \n        opacity: 0.5; \n    }\n}\n\n.stage-container {\n    background: var(--bg-main);\n    border-radius: 30px; \n    min-height: 520px; \n    position: relative;\n    overflow: hidden; \n    box-shadow: 0 8px 30px rgba(0,0,0,0.05); \n    display: flex; \n    flex-direction: column;\n}\n\n\/* --- CONTENT DISPLAY LOGIC --- *\/\n.stage-content {\n    display: none;\n    width: 100%;\n    height: 100%;\n    flex: 1; \/* <--- ADD THIS to force the content to stretch to the bottom *\/\n}\n\n\/* Desktop Animation *\/\n.stage-content.active {\n    display: flex; \n    flex-direction: row;\n    animation: fadeEffect 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n    will-change: transform, opacity;\n}\n\n@keyframes fadeEffect {\n    0% { opacity: 0; transform: translateY(10px); }\n    100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* LEFT SIDE *\/\n.stage-text-area {\n    flex: 1.6; \n    padding: 60px;\n    display: flex;\n    flex-direction: column;\n}\n\n.stage-badge {\n    display: inline-block;\n    padding: 8px 14px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n    width: fit-content;\n    letter-spacing: 1.5px;\n    background: #f4f4f6;\n    color: #888;\n}\n\n.stage-heading {\n    font-family: 'Figtree', sans-serif !important;\n    font-size: 2.8rem;\n    font-weight: 900;\n    color: var(--text-primary);\n    margin-bottom: 25px;\n    line-height: 1.1;\n    letter-spacing: -1px;\n}\n\n.stage-description {\n    font-weight: 400;\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: var(--text-secondary);\n    margin-bottom: 40px;\n    max-width: 620px;\n}\n\n\/* SKILLS *\/\n.skills-container {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px 30px;\n    margin-top: auto;\n}\n\n.skill-item {\n    display: flex;\n    align-items: center;\n    font-size: 0.95rem;\n    color: #444;\n    font-weight: 600;\n}\n\n.check-icon {\n    margin-right: 12px;\n    width: 18px;\n    height: 18px;\n    min-width: 18px;\n}\n.check-icon svg { width: 100%; height: 100%; fill: #1a1a1a; } \n\n\/* RIGHT SIDE (DATA) *\/\n.stage-sidebar {\n    flex: 1; \n    padding: 60px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background: #fafafa;\n    border-left: 1px solid rgba(0,0,0,0.05);\n}\n\n.data-group { margin-bottom: 45px; }\n.data-group:last-child { margin-bottom: 0; }\n\n.data-label {\n    display: block;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    color: #aaa;\n    margin-bottom: 10px;\n    font-weight: 800;\n    letter-spacing: 2px;\n}\n\n.data-value {\n    display: block;\n    font-family: 'Figtree', sans-serif !important;\n    font-weight: 900;\n    font-size: 2.5rem;\n    line-height: 1.1; \/* Adjusted line height to ensure text stacks neatly *\/\n    color: var(--accent-purple);\n    margin-bottom: 5px;\n    \/* REMOVED: word-break: break-word; to fix awkward splitting *\/\n}\n\n.data-sub {\n    font-size: 1rem;\n    font-weight: 500;\n    color: #666;\n    display: block;\n}\n\n.tracks-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}\n\n.track-card {\n    background: #fff;\n    padding: 16px;\n    border-radius: 12px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: var(--text-primary);\n    border: 1px solid #e0e0e0;\n    text-align: center;\n}\n\n\/* --- MOBILE OPTIMIZATION --- *\/\n@media (max-width: 900px) {\n    \/* Fix Navigation *\/\n    .curriculum-main-title { margin-bottom: 30px; }\n    .nav-wrapper { justify-content: flex-start; overflow: hidden; margin-bottom: 20px; }\n    .timeline-nav { \n        width: 100%; \n        padding: 4px; \n        border: none; \n        box-shadow: none; \n        gap: 8px; \n    }\n    .nav-item { \n        border: 1px solid #eee; \n        font-size: 0.75rem; \n        padding: 10px 16px; \n    }\n\n    \/* Performance Fix: Simplified container styling *\/\n    .stage-container { \n        min-height: auto; \n        height: auto; \n        box-shadow: 0 4px 20px rgba(122, 37, 217, 0.15); \n        border: 1px solid rgba(122, 37, 217, 0.1);\n    }\n    \n    .stage-content { animation: none !important; opacity: 1 !important; transform: none !important; }\n    .stage-content.active { \n        display: flex !important; \n        flex-direction: column; \n    }\n    \n    \/* Layout Adjustments *\/\n    .stage-text-area { padding: 35px 20px; flex: none; }\n    .stage-heading { font-size: 2rem; margin-bottom: 15px; }\n    .stage-description { margin-bottom: 25px; font-size: 1rem; }\n    \n    \/* Sidebar Fixes *\/\n    .stage-sidebar { \n        padding: 25px 20px; \/* Reduced vertical padding *\/\n        flex: none; \n        border-left: none; \n        border-top: 1px solid #eee;\n        background: #fdfdfd;\n        \n        \/* Grid for Stats *\/\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 25px 15px; \/* Added more vertical gap, tighter horizontal gap *\/\n        align-items: start;\n    }\n    \n    \/* Text Size Reduction for Mobile *\/\n    .data-group { margin-bottom: 0; min-width: 0; } \n    .data-value { \n        \/* Fluid scaling prevents overflow while keeping text readable *\/\n        font-size: clamp(1.3rem, 5vw, 1.75rem); \n    } \n    .data-label { letter-spacing: 1px; font-size: 0.7rem; margin-bottom: 5px; }\n    .data-sub { font-size: 0.85rem; line-height: 1.3; } \/* Added sub scaling *\/\n    \n    \/* Grid Adjustments *\/\n    .skills-container { grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }\n    .tracks-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"roadmap-section\">\n    \n    <h2 class=\"curriculum-main-title\">Das Curriculum<\/h2>\n    \n    <div class=\"nav-wrapper\">\n        <div class=\"timeline-nav\">\n            <div class=\"nav-item active\" onclick=\"switchTab(event, 'tab-piscine')\">Piscine<\/div>\n            <div class=\"nav-item\" onclick=\"switchTab(event, 'tab-core')\">KERNCURRICULUM<\/div>\n            <div class=\"nav-item\" onclick=\"switchTab(event, 'tab-work')\">BERUFSERFAHRUNG<\/div>\n            <div class=\"nav-item\" onclick=\"switchTab(event, 'tab-specs')\">SPEZIALISIERUNG<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"glow-wrapper\">\n        <div class=\"stage-container\">\n            \n            <div class=\"stage-content active\" id=\"tab-piscine\">\n                <div class=\"stage-text-area\">\n                    <span class=\"stage-badge\">Auswahlphase<\/span>\n                    <h3 class=\"stage-heading\">Das Piscine<\/h3>\n                    <p class=\"stage-description\">\n                        Deine Reise beginnt mit einem 4-w\u00f6chigen Deep Dive. Dieser intensive Auswahlprozess pr\u00fcft dein Potenzial, nicht deine bisherigen Noten. Du wirst Programmieraufgaben in <strong>C und Shell l\u00f6sen<\/strong>. Du lernst, mit anderen Menschen in einem hochintensiven Umfeld zusammenzuarbeiten.\n                    <\/p>\n                    <div class=\"skills-container\">\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Grundlagen der Sprache C<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Shell-Skripting und Git<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Peer-Learning<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Zeitmanagement<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"stage-sidebar\">\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Dauer<\/span>\n                        <span class=\"data-value\">26 Tage<\/span>\n                    <\/div>\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Format<\/span>\n                        <span class=\"data-value\">Interaktiv<\/span>\n                        <span class=\"data-sub\">100% Auf dem Campus<\/span>\n                    <\/div>\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Voraussetzung<\/span>\n                        <span class=\"data-value\">Keine<\/span>\n                        <span class=\"data-sub\">Keine Vorerfahrung notwendig<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"stage-content\" id=\"tab-core\">\n                <div class=\"stage-text-area\">\n                    <span class=\"stage-badge\">Die Stiftung<\/span>\n                    <h3 class=\"stage-heading\">Kerncurriculum<\/h3>\n                    <p class=\"stage-description\">\n                        Die Grundlagen. Du wirst deine eigenen C-Bibliotheken von Grund auf aufbauen, bevor du dich mit <strong>Python, Docker und KI<\/strong>besch\u00e4ftigst. Der Lehrplan umfasst 7 thematische Module und 27 Projekte.\n                    <\/p>\n                    <div class=\"skills-container\">\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>C, Python und Shell<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Docker und Virtualisierung<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>AI &amp; Prompt Engineering<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Full-Stack Web<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"stage-sidebar\">\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Dauer<\/span>\n                        <span class=\"data-value\">12-18 Mo<\/span>\n                        <span class=\"data-sub\">Durchschnittliche Dauer<\/span>\n                    <\/div>\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Umfang<\/span>\n                        <span class=\"data-value\">27 Projekte<\/span>\n                        <span class=\"data-sub\">Praktische Anwendung<\/span>\n                    <\/div>\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Tech Stack<\/span>\n                        <span class=\"data-value\">C &amp; Python<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"stage-content\" id=\"tab-work\">\n                <div class=\"stage-text-area\">\n                    <span class=\"stage-badge\">Professionelle Phase<\/span>\n                    <h3 class=\"stage-heading\">Berufserfahrung<\/h3>\n                    <p class=\"stage-description\">\n                        Wenden deine F\u00e4higkeiten in der realen Welt an. Nach dem Core Curriculum absolvierst du ein <strong>4-6 Monate bezahltes Praktikum<\/strong>. Diese Erfahrung validiert deine F\u00e4higkeiten, in echten Teams mitzuarbeiten.\n                    <\/p>\n                    <div class=\"skills-container\">\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Production Code<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Agil &amp; Scrum<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Code Review<\/div>\n                        <div class=\"skill-item\"><span class=\"check-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/span>Soft Skills<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"stage-sidebar\">\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Dauer<\/span>\n                        <span class=\"data-value\">6 Mo<\/span>\n                        <span class=\"data-sub\">Maximum<\/span>\n                    <\/div>\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Status<\/span>\n                        <span class=\"data-value\">Bezahlt<\/span>\n                        <span class=\"data-sub\">Echte Tech-Rollen<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"stage-content\" id=\"tab-specs\">\n                <div class=\"stage-text-area\">\n                    <span class=\"stage-badge\">Master_level<\/span>\n                    <h3 class=\"stage-heading\">Spezialisierung<\/h3>\n                    <p class=\"stage-description\">\n                        Das Advanced Curriculum ab Level 10. Du gestaltet deinen eigenen Weg und spezialisiert dich auf stark nachgefragte Bereiche. Diese Phase kommt in der Tiefe einem Master-Abschluss gleich.\n                    <\/p>\n                    <div class=\"tracks-grid\">\n                        <div class=\"track-card\">Erweiterte KI<\/div>\n                        <div class=\"track-card\">Videospiele<\/div>\n                        <div class=\"track-card\">Web-Entwicklung<\/div>\n                        <div class=\"track-card\">Automobilindustrie<\/div>\n                        <div class=\"track-card\">Cybersecurity<\/div>\n                        <div class=\"track-card\">Netzwerk-Administrator<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"stage-sidebar\">\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Ziel<\/span>\n                        <span class=\"data-value\">Stufe 21<\/span>\n                        <span class=\"data-sub\">Architect<\/span>\n                    <\/div>\n                    <div class=\"data-group\">\n                        <span class=\"data-label\">Tiefe<\/span>\n                        <span class=\"data-value\">Master-Level<\/span>\n                        <span class=\"data-sub\">\u00c4quivalent<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction switchTab(evt, tabId) {\n    \/\/ 1. Hide all Content\n    const contents = document.querySelectorAll('.stage-content');\n    contents.forEach(content => {\n        content.classList.remove('active');\n    });\n\n    \/\/ 2. Remove Active State from Nav\n    const navItems = document.querySelectorAll('.nav-item');\n    navItems.forEach(item => {\n        item.classList.remove('active');\n    });\n\n    \/\/ 3. Activate Clicked Nav Item\n    evt.currentTarget.classList.add('active');\n\n    \/\/ 4. Show Target Content\n    const target = document.getElementById(tabId);\n    if (target) {\n        target.classList.add('active');\n    }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba2e7f7 e-flex e-con-boxed e-con e-parent\" data-id=\"ba2e7f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cee19ad elementor-widget elementor-widget-spacer\" data-id=\"cee19ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38b0a44 e-flex e-con-boxed e-con e-parent\" data-id=\"38b0a44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3990e36 elementor-widget elementor-widget-html\" data-id=\"3990e36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- VIBRANT SOFT LILAC SECTION --- *\/\n    .dates-outer-wrapper {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        padding: 100px 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        z-index: 5;\n        background: linear-gradient(135deg, #f8f4ff 0%, #ebe3f5 30%, #f8f4ff 100%);\n    }\n\n    \/* Ambient background glows *\/\n    .dates-outer-wrapper::before {\n        content: \"\";\n        position: absolute;\n        top: -10%;\n        right: -10%;\n        width: 50vw;\n        height: 50vw;\n        background: radial-gradient(circle, rgba(168, 150, 190, 0.15) 0%, transparent 70%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .dates-heading {\n        font-family: 'mikrobe-variable', \"Figtree\", sans-serif !important;\n        font-weight: 400 !important; \n        font-size: clamp(2.2rem, 5vw, 3.8rem); \n        text-align: center;\n        text-transform: uppercase;\n        margin-bottom: 60px; \n        z-index: 10;\n      background: linear-gradient(180deg, #150030 30%, #761899 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        letter-spacing: -0.02em;\n    }\n\n    \/* --- SLEEK EVENT LIST CONTAINER --- *\/\n    .events-panel {\n        max-width: 900px;\n        width: 100%;\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.4) 100%);\n        backdrop-filter: blur(25px);\n        -webkit-backdrop-filter: blur(25px);\n        border: 1px solid rgba(255, 255, 255, 0.9);\n        border-radius: 32px; \n        box-shadow: 0 25px 50px rgba(168, 150, 190, 0.12);\n        z-index: 10;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* --- EVENT ROW --- *\/\n    .event-row {\n        display: grid;\n        grid-template-columns: 100px 1fr auto;\n        align-items: center;\n        gap: 30px; \n        padding: 25px 40px; \n        border-bottom: 1px solid rgba(0, 0, 0, 0.04);\n        transition: all 0.3s ease;\n        text-decoration: none; \n    }\n\n    .event-row:last-child { border-bottom: none; }\n\n    .event-row:hover {\n        background: rgba(255, 255, 255, 0.8);\n    }\n\n    \/* --- DATE BADGE --- *\/\n    .event-date {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n        padding-right: 30px; \n    }\n\n    .date-month {\n        font-family: 'Figtree', sans-serif;\n        font-weight: 800;\n        font-size: 0.8rem; \n        color: #A896BE;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        line-height: 1;\n        margin-bottom: 4px;\n    }\n\n    .date-day {\n        font-family: 'Figtree', sans-serif;\n        font-weight: 900; \n        font-size: 2rem; \n        color: #150030;\n        line-height: 1;\n    }\n\n    \/* --- EVENT INFO --- *\/\n    .event-info {\n        display: flex;\n        flex-direction: column;\n        text-align: left;\n    }\n\n    .event-tag {\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.65rem; \n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        color: #8753D3;\n        background: rgba(135, 83, 211, 0.08); \n        border: 1px solid rgba(135, 83, 211, 0.2);\n        padding: 4px 10px; \n        border-radius: 50px;\n        margin-bottom: 10px;\n        align-self: flex-start;\n    }\n\n    .event-title {\n        font-family: 'Figtree', sans-serif !important;\n        font-size: 1.25rem; \n        font-weight: 800; \n        color: #150030;\n        margin: 0 0 8px 0;\n        line-height: 1.2;\n    }\n\n    .event-meta {\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.9rem; \n        font-weight: 500;\n        color: #64748b;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .event-meta svg {\n        width: 14px;\n        height: 14px;\n        fill: #A896BE;\n    }\n\n    \/* --- ACTION BUTTON --- *\/\n    .event-btn {\n        display: inline-block;\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.8rem; \n        font-weight: 800; \n        text-transform: uppercase;\n        color: #ffffff; \n        background: #8753D3;\n        padding: 12px 28px; \n        border-radius: 50px;\n        text-decoration: none;\n        letter-spacing: 1.5px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(135, 83, 211, 0.2);\n        white-space: nowrap;\n    }\n\n    .event-btn:hover {\n        background: #150030;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(21, 0, 48, 0.2); \n    }\n\n    \/* --- TABLET VIEW (Optimized) --- *\/\n    @media (max-width: 950px) {\n        .event-row {\n            grid-template-columns: 80px 1fr auto;\n            gap: 20px;\n            padding: 25px;\n        }\n        .event-date { padding-right: 20px; }\n        .date-day { font-size: 1.6rem; }\n    }\n\n    \/* --- MOBILE VIEW (Fixed Wide Button) --- *\/\n    @media (max-width: 650px) {\n        .dates-outer-wrapper { padding: 60px 20px; }\n        \n        .event-row {\n            grid-template-columns: 1fr; \/* Stack columns *\/\n            text-align: center;\n            gap: 15px;\n            padding: 30px 20px;\n        }\n\n        .event-date {\n            border-right: none;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n            padding-right: 0;\n            padding-bottom: 15px;\n            flex-direction: row;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .event-info { align-items: center; }\n        .event-tag { align-self: center; }\n\n        .event-btn {\n            width: auto; \/* Fixed: Not 100% anymore *\/\n            min-width: 160px; \/* Gives it a nice solid feel without being huge *\/\n            align-self: center;\n            margin-top: 5px;\n        }\n        \n        .event-title { font-size: 1.15rem; }\n    }\n<\/style>\n\n<div class=\"dates-outer-wrapper\">\n    <h2 class=\"dates-heading\">Anstehende Veranstaltungen<\/h2>\n\n    <div class=\"events-panel\">\n        \n        <div class=\"event-row\">\n            <div class=\"event-date\">\n                <span class=\"date-month\">MAI<\/span>\n                <span class=\"date-day\">19<\/span>\n            <\/div>\n            <div class=\"event-info\">\n                <span class=\"event-tag\">Infoveranstaltung<\/span>\n                <h3 class=\"event-title\">Einf\u00fchrungstreffen (Online)<\/h3>\n                <div class=\"event-meta\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\n                    17:00 CET - Online Veranstaltung\n                <\/div>\n            <\/div>\n            <a href=\"https:\/\/apply.42berlin.de\/users\/sign_up\" class=\"event-btn\">Beitreten<\/a>\n        <\/div>\n\n     \n\n        <div class=\"event-row\">\n            <div class=\"event-date\">\n                <span class=\"date-month\">APR<\/span>\n                <span class=\"date-day\">27<\/span>\n            <\/div>\n            <div class=\"event-info\">\n                <span class=\"event-tag\">Meilenstein<\/span>\n                <h3 class=\"event-title\">Curriculum Kick-Off<\/h3>\n                <div class=\"event-meta\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z\"\/><\/svg>\n                    Offizielles Startdatum\n                <\/div>\n            <\/div>\n            <a href=\"https:\/\/apply.42berlin.de\/users\/sign_in\" class=\"event-btn\">Platz sichern<\/a>\n        <\/div>\n\n        <div class=\"event-row\">\n            <div class=\"event-date\">\n                <span class=\"date-month\">MAI<\/span>\n                <span class=\"date-day\">ALLE<\/span>\n            <\/div>\n            <div class=\"event-info\">\n                <span class=\"event-tag\">Serie<\/span>\n                <h3 class=\"event-title\">Mai ist f\u00fcr AI<\/h3>\n                <div class=\"event-meta\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14.5v-9l6 4.5-6 4.5z\"\/><\/svg>\n                    Workshops &amp; Speaker\n                <\/div>\n            <\/div>\n            <a href=\"https:\/\/wp.42berlin.de\/mai-ist-fuer-ai-2026\/\" class=\"event-btn\">Mehr erfahren<\/a>\n        <\/div>\n\n        <div class=\"event-row\">\n            <div class=\"event-date\">\n                <span class=\"date-month\">JAHR<\/span>\n                <span class=\"date-day\">26<\/span>\n            <\/div>\n            <div class=\"event-info\">\n                <span class=\"event-tag\">Workshop<\/span>\n                <h3 class=\"event-title\">Expressive Arts Workshop<\/h3>\n                <div class=\"event-meta\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n                    Kreativ-Sessions\n                <\/div>\n            <\/div>\n            <a href=\"https:\/\/www.eventbrite.com\/cc\/expressive-arts-42-berlin-4678843\" target=\"_blank\" class=\"event-btn\">Register<\/a>\n        <\/div>\n\n        <div class=\"event-row\">\n            <div class=\"event-date\">\n                <span class=\"date-month\">OCT<\/span>\n                <span class=\"date-day\">05<\/span>\n            <\/div>\n            <div class=\"event-info\">\n                <span class=\"event-tag\">Auswahl<\/span>\n                <h3 class=\"event-title\">Das Herbst Piscine<\/h3>\n                <div class=\"event-meta\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z\"\/><\/svg>\n                    5. Okt. \u2013 30. Okt.\n                <\/div>\n            <\/div>\n            <a href=\"https:\/\/apply.42berlin.de\/users\/sign_up\" class=\"event-btn\">Jetzt bewerben<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdf823c e-flex e-con-boxed e-con e-parent\" data-id=\"bdf823c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8413cbd elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"8413cbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tag der Offenen T\u00fcr &amp; Introduction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-359b6332 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"359b6332\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"572\" data-end=\"761\">Erleben 42 Berlin selbst: Erlebe den Campus in Aktion, lerne unser Team kennen und sprich mit Studierenden, die das Programmieren auf eine v\u00f6llig neue Art und Weise lernen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e50acf7 e-flex e-con-boxed e-con e-parent\" data-id=\"e50acf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6bb644 elementor-widget__width-initial eventbrite-custom elementor-widget elementor-widget-wp-widget-block\" data-id=\"a6bb644\" data-element_type=\"widget\" data-e-type=\"widget\" intros=\"\" data-widget_type=\"wp-widget-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"root-blocks-for-eventbrite\" class=\"blocks-for-eventbrite blocks-for-eventbrite-css-wrapper\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cdd15f e-flex e-con-boxed e-con e-parent\" data-id=\"1cdd15f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c6ba48 elementor-widget elementor-widget-spacer\" data-id=\"8c6ba48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fcb4b4 e-flex e-con-boxed e-con e-parent\" data-id=\"3fcb4b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e2d7fc elementor-widget elementor-widget-html\" data-id=\"2e2d7fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- YOUTUBE FEED SECTION (VIBRANT-SOFT EDIT) --- *\/\n    .video-feed-wrap {\n        \/* This uses your original colors but lightened\/softened by mixing with white *\/\n        background: linear-gradient(135deg, #e0dfff 0%, #f4e8f9 50%, #ffffff 100%);\n        padding: 100px 20px;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        margin-top: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        z-index: 5;\n    }\n\n    \/* Ambient \"Hint\" Blobs - Adding back the actual colors as soft glows *\/\n    .video-feed-wrap::before {\n        content: \"\";\n        position: absolute;\n        top: -10%; left: -10%;\n        width: 40vw; height: 40vw;\n        background: radial-gradient(circle, rgba(143, 131, 255, 0.15) 0%, transparent 70%);\n        pointer-events: none;\n    }\n\n    .video-feed-wrap::after {\n        content: \"\";\n        position: absolute;\n        bottom: -10%; right: -10%;\n        width: 40vw; height: 40vw;\n        background: radial-gradient(circle, rgba(118, 24, 153, 0.1) 0%, transparent 70%);\n        pointer-events: none;\n    }\n\n    .video-heading {\n        font-family: 'mikrobe-variable', 'Figtree', sans-serif !important;\n        font-weight: 400 !important;\n        font-size: clamp(2.2rem, 5vw, 3.8rem);\n        text-align: center;\n        text-transform: uppercase;\n        margin-bottom: 60px;\n        z-index: 10;\n        \/* Reverted to a high-contrast dark gradient to cut through the soft colors *\/\n        background: linear-gradient(180deg, #150030 30%, #761899 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        letter-spacing: -0.02em;\n    }\n\n    .video-grid {\n        max-width: 1250px;\n        width: 100%;\n        padding: 0 40px;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n        gap: 30px;\n        z-index: 10;\n    }\n\n    .video-card {\n        position: relative;\n        background: rgba(255, 255, 255, 0.8);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-radius: 28px;\n        border: 1px solid #ffffff;\n        overflow: hidden;\n        text-decoration: none;\n        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        display: block;\n        box-shadow: 0 15px 35px rgba(21, 0, 48, 0.05);\n    }\n\n    .video-card:hover {\n        transform: translateY(-10px);\n        border-color: #8F83FF;\n        box-shadow: 0 25px 50px rgba(118, 24, 153, 0.15);\n    }\n\n    .thumb-container {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n        overflow: hidden;\n        background-color: #150030;\n    }\n\n    .thumb-container img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .play-overlay {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(21, 0, 48, 0.1);\n    }\n\n    .play-circle {\n        width: 55px;\n        height: 55px;\n        background: rgba(255, 255, 255, 0.2);\n        border: 2px solid #ffffff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        backdrop-filter: blur(8px);\n        transition: all 0.3s ease;\n    }\n\n    .play-circle svg {\n        width: 22px; height: 22px;\n        fill: #ffffff;\n        margin-left: 3px;\n    }\n\n    .video-card:hover .play-circle {\n        background: #8F83FF;\n        border-color: #8F83FF;\n        transform: scale(1.1);\n    }\n\n    .video-info {\n        padding: 28px;\n    }\n\n    .video-tag {\n        display: inline-block;\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        color: #761899;\n        background: rgba(118, 24, 153, 0.08);\n        padding: 4px 10px;\n        border-radius: 50px;\n        margin-bottom: 12px;\n        letter-spacing: 1px;\n    }\n\n    .video-info h3 {\n        font-family: 'Figtree', sans-serif !important;\n        font-size: 1.25rem;\n        font-weight: 800;\n        color: #150030;\n        line-height: 1.3;\n        margin: 0;\n    }\n\n    .channel-link-wrap { margin-top: 60px; z-index: 10; }\n    \n    .channel-btn {\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.95rem;\n        color: #150030;\n        text-decoration: none;\n        text-transform: uppercase;\n        font-weight: 800;\n        letter-spacing: 2px;\n        border-bottom: 3px solid #8F83FF;\n        padding-bottom: 5px;\n        transition: all 0.3s ease;\n    }\n    \n    .channel-btn:hover { color: #761899; border-color: #761899; letter-spacing: 3px; }\n\n    @media (max-width: 900px) {\n        .video-grid { grid-template-columns: 1fr; padding: 0 25px; }\n        .video-card { border-radius: 20px; }\n    }\n<\/style>\n\n<div class=\"video-feed-wrap\">\n    <h2 class=\"video-heading\">Inside 42 Berlin<\/h2>\n\n    <div class=\"video-grid\">\n        <a href=\"https:\/\/youtu.be\/L1Jz7PRUrzs\" target=\"_blank\" class=\"video-card\">\n            <div class=\"thumb-container\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/L1Jz7PRUrzs\/hqdefault.jpg\" alt=\"Video 1\">\n                <div class=\"play-overlay\"><div class=\"play-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div><\/div>\n            <\/div>\n            <div class=\"video-info\">\n                <span class=\"video-tag\">Methodik<\/span>\n                <h3>Warum 42 Berlin f\u00fcr Tech-Karrieren besser ist als traditionelle Universit\u00e4ten<\/h3>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/youtu.be\/VSOOUjhk5P8\" target=\"_blank\" class=\"video-card\">\n            <div class=\"thumb-container\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/VSOOUjhk5P8\/hqdefault.jpg\" alt=\"Video 2\">\n                <div class=\"play-overlay\"><div class=\"play-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div><\/div>\n            <\/div>\n            <div class=\"video-info\">\n                <span class=\"video-tag\">Mission<\/span>\n                <h3>Die Zukunft der kostenlosen Coding-Ausbildung in Berlin<\/h3>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/youtu.be\/PT7Wnf8DvV8\" target=\"_blank\" class=\"video-card\">\n            <div class=\"thumb-container\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/PT7Wnf8DvV8\/hqdefault.jpg\" alt=\"Video 3\">\n                <div class=\"play-overlay\"><div class=\"play-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div><\/div>\n            <\/div>\n            <div class=\"video-info\">\n                <span class=\"video-tag\">Studentisches Leben<\/span>\n                <h3>Ein Tag im Leben: Coding ohne Lehrer<\/h3>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <div class=\"channel-link-wrap\">\n        <a href=\"https:\/\/www.youtube.com\/@42berlin\" target=\"_blank\" class=\"channel-btn\">Mehr auf YouTube ansehen<\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a80c787 e-flex e-con-boxed e-con e-parent\" data-id=\"a80c787\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39083f2 elementor-widget elementor-widget-html\" data-id=\"39083f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n    \n    \/* --- THE 42 NETWORK SECTION (LIGHT & ALIVE) --- *\/\n    .network-outer-wrap {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f4ff 100%); \n        padding: 120px 0;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        \/* PERFORMANCE FIX: Removed negative margin-top to stop white line rendering bug *\/\n        margin-top: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        z-index: 5;\n    }\n\n    \/* --- PERFORMANCE OPTIMIZED PASTEL BLOBS --- *\/\n    .network-bg-blobs {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n        \/* PERFORMANCE FIX: Removed filter: blur(90px) *\/\n        opacity: 0.8; \/* Slightly boosted since radial gradients are softer *\/\n        pointer-events: none;\n    }\n\n    .net-blob {\n        position: absolute;\n        border-radius: 50%;\n        animation: netDrift 20s infinite alternate ease-in-out;\n        \/* PERFORMANCE FIX: Hardware Acceleration *\/\n        will-change: transform;\n        transform: translateZ(0);\n    }\n\n    \/* PERFORMANCE FIX: Using radial-gradients to fake a blur with ZERO computational cost *\/\n    .net-blob-1 { \n        width: 65vw; height: 65vw; \/* Increased size to account for gradient fade *\/\n        background: radial-gradient(circle, rgba(224, 170, 255, 0.6) 0%, rgba(224, 170, 255, 0) 70%); \n        top: -10%; left: -10%; \n        animation-duration: 25s; \n    }\n    .net-blob-2 { \n        width: 55vw; height: 55vw; \n        background: radial-gradient(circle, rgba(251, 207, 232, 0.6) 0%, rgba(251, 207, 232, 0) 70%); \n        bottom: -10%; right: -5%; \n        animation-duration: 18s; \n    }\n\n    @keyframes netDrift {\n        0% { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }\n        100% { transform: translate3d(3vw, 4vh, 0) scale(1.05) rotate(10deg); }\n    }\n\n    .network-container {\n        max-width: 1250px;\n        margin: 0 auto;\n        padding: 0 40px;\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 80px;\n        align-items: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* --- TEXT & CONTENT --- *\/\n    .network-text-side h2 {\n        font-family: 'mikrobe-variable', 'Figtree', sans-serif !important;\n        font-weight: 400 !important; \/* Prevent faux-bolding on mobile *\/\n        font-size: clamp(2rem, 4.5vw, 3.5rem);\n        text-transform: uppercase;\n        margin-bottom: 30px;\n        background: linear-gradient(180deg, #000 0%, #7C1ADE 110%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        line-height: 0.95;\n        letter-spacing: -0.02em;\n    }\n\n    .network-text-side p {\n        font-family: 'Figtree', sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.5; \/* Increased line-height for better readability *\/\n        color: #000; \n        margin-bottom: 25px;\n        font-weight: 500;\n    }\n\n    \/* --- DATA DASHBOARD --- *\/\n    .network-stats-grid {\n        display: flex;\n        gap: 40px;\n        margin: 40px 0;\n        padding-top: 30px;\n        border-top: 1px solid rgba(0, 0, 0, 0.08); \n    }\n\n    .stat-block {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .stat-number {\n        font-family: 'mikrobe-variable', sans-serif !important;\n        font-size: 3rem;\n        color: #7C1ADE; \n        line-height: 1;\n        margin-bottom: 8px;\n    }\n\n    .stat-label {\n        font-family: 'Figtree', sans-serif;\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #5a189a; \n        font-weight: 800;\n    }\n\n    \/* --- SLEEK BUTTON --- *\/\n    .network-btn {\n        display: inline-block;\n        background: transparent;\n        border: 2px solid #7C1ADE; \n        color: #7C1ADE;\n        padding: 16px 45px;\n        border-radius: 50px;\n        font-family: 'Figtree', sans-serif;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        text-decoration: none;\n        transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease; \/* Targeted transitions *\/\n        margin-top: 10px;\n    }\n\n    .network-btn:hover {\n        background: #7C1ADE;\n        color: #ffffff;\n        box-shadow: 0 15px 30px rgba(124, 26, 222, 0.25);\n        transform: translateY(-3px);\n    }\n\n    \/* --- MAP VISUAL --- *\/\n    .network-map-side {\n        position: relative;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .network-map-side img {\n        width: 100%;\n        height: auto;\n        \/* Replaced drop-shadow with a simpler approach if possible, but drop-shadow is often needed for transparent PNGs *\/\n        filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.08));\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), filter 0.6s ease;\n        z-index: 2;\n    }\n\n    .network-map-side:hover img {\n        transform: scale(1.05) translateY(-10px);\n        filter: drop-shadow(0 30px 40px rgba(237, 53, 146, 0.15));\n    }\n\n    \/* --- RESPONSIVE OPTIMIZATION --- *\/\n    @media (max-width: 1000px) {\n        .network-outer-wrap { padding: 80px 0; }\n        .network-container { grid-template-columns: 1fr; gap: 60px; text-align: center; }\n        .network-stats-grid { justify-content: center; flex-wrap: wrap; }\n        .network-map-side { order: -1; padding: 0 20px; }\n        \n        \/* Make mobile blobs large enough to fill the column layout *\/\n        .net-blob-1 { width: 140vw; height: 140vw; top: -10vw; left: -20vw; }\n        .net-blob-2 { width: 120vw; height: 120vw; bottom: -10vw; right: -20vw; }\n    }\n<\/style>\n\n<div class=\"network-outer-wrap\">\n    \n    <div class=\"network-bg-blobs\">\n        <div class=\"net-blob net-blob-1\"><\/div>\n        <div class=\"net-blob net-blob-2\"><\/div>\n    <\/div>\n    \n    <div class=\"network-container\">\n        \n        <div class=\"network-text-side\">\n            <h2>\u00dcber das<br>42 Netzwerk<\/h2>\n            \n            <p>\n                Wir sind Teil des 42 Networks. Die erste 42-Schule wurde 2013 in Paris er\u00f6ffnet. Heute sind wir ein globales Ph\u00e4nomen.\n            <\/p>\n            <p>\n                Alle 42 Schulen nutzen unsere charakteristische Peer-to-Peer-Methode und sind komplett geb\u00fchrenfrei. Wir sind eine Marke, die von Top-Arbeitgebern auf der ganzen Welt als eines der strengsten und effektivsten Ausbildungsmodelle in der Tech-Branche anerkannt wird.\n            <\/p>\n\n            <div class=\"network-stats-grid\">\n                <div class=\"stat-block\">\n                    <span class=\"stat-number\">50+<\/span>\n                    <span class=\"stat-label\">Einrichtungen weltweit<\/span>\n                <\/div>\n                <div class=\"stat-block\">\n                    <span class=\"stat-number\">20k+<\/span>\n                    <span class=\"stat-label\">Aktive Studenten<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/www.42network.org\/\" target=\"_blank\" class=\"network-btn\">Lerne das Network kennen<\/a>\n        <\/div>\n\n        <div class=\"network-map-side\">\n            <img decoding=\"async\" src=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2025\/05\/f480f87e-7e5c-4e0f-884f-e7ceba46e4b0-768x446.png\" alt=\"42 Globale Netzwerkkarte\" loading=\"lazy\">\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-523a7c7 e-flex e-con-boxed e-con e-parent\" data-id=\"523a7c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5685db5 elementor-widget elementor-widget-html\" data-id=\"5685db5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* --- FAQ SECTION (OPTIMIZED) --- *\/\n.faq-outer-wrap {\n    \/* PERFORMANCE FIX: Combined the linear gradient and the radial glow into one background property *\/\n    background: \n        radial-gradient(circle at 85% 50%, rgba(224, 170, 255, 0.15) 0%, transparent 65%),\n        linear-gradient(135deg, #1e0044 0%, #4a0e78 50%, #1e0044 100%); \n    padding: 140px 0; \n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    \n    \/* PERFORMANCE FIX: Removed negative margins to stop white line rendering bug *\/\n    margin-top: 0;\n    margin-bottom: -10px;\n    \n    z-index: 15; \n    box-shadow: 0 -20px 50px rgba(0,0,0,0.2), 0 20px 50px rgba(0,0,0,0.2); \/* Creates a natural overlap without negative margins *\/\n    overflow: hidden;\n}\n\n.faq-container {\n    max-width: 1250px;\n    margin: 0 auto;\n    padding: 0 40px;\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: 80px;\n    align-items: start;\n    position: relative;\n    z-index: 2;\n}\n\n\/* --- LEFT SIDE: TEXT & CTA --- *\/\n.faq-text-side {\n    position: sticky;\n    top: 120px; \n}\n\n.faq-heading {\n    font-family: \"mikrobe-variable\", \"Figtree\", sans-serif !important;\n    font-weight: 400 !important; \/* Prevents faux-bolding on mobile *\/\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    text-transform: uppercase;\n    margin-bottom: 25px;\n    background: linear-gradient(180deg, #ffffff 40%, #e0aaff 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    line-height: 0.95;\n    letter-spacing: -0.02em;\n}\n\n.faq-desc {\n    font-family: 'Figtree', sans-serif;\n    font-size: 1.15rem;\n    line-height: 1.6;\n    color: #ffffff; \n    margin-bottom: 40px;\n    font-weight: 400; \n}\n\n\/* Sleek Ghost Button *\/\n.faq-btn {\n    display: inline-block;\n    background: rgba(224, 170, 255, 0.1);\n    border: 1px solid rgba(224, 170, 255, 0.6);\n    color: #ffffff;\n    padding: 16px 45px;\n    border-radius: 50px;\n    font-family: 'Figtree', sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-decoration: none;\n    \/* PERFORMANCE FIX: Targeted transitions *\/\n    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.faq-btn:hover {\n    background: #e0aaff;\n    color: #050014;\n    border-color: #e0aaff;\n    box-shadow: 0 10px 30px rgba(224, 170, 255, 0.4);\n    transform: translateY(-3px);\n}\n\n\/* --- RIGHT SIDE: ACCORDION --- *\/\n.faq-accordion {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.faq-item {\n    background: rgba(255, 255, 255, 0.08); \n    backdrop-filter: blur(25px);\n    -webkit-backdrop-filter: blur(25px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 24px;\n    overflow: hidden;\n    \/* PERFORMANCE FIX: Targeted transitions *\/\n    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.faq-item:hover {\n    background: rgba(255, 255, 255, 0.12);\n    border-color: rgba(224, 170, 255, 0.5);\n}\n\n\/* Question Header *\/\n.faq-question {\n    padding: 25px 35px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-family: 'Figtree', sans-serif;\n    font-weight: 800; \n    font-size: 1.2rem;\n    color: #ffffff;\n    transition: color 0.3s ease;\n    user-select: none;\n    \/* PERFORMANCE FIX: Prevent blue tap highlight on mobile *\/\n    -webkit-tap-highlight-color: transparent;\n}\n\n.faq-item:hover .faq-question {\n    color: #e0aaff;\n}\n\n\/* Animated Plus\/Minus Icon *\/\n.faq-icon {\n    width: 20px;\n    height: 20px;\n    position: relative;\n    flex-shrink: 0;\n    margin-left: 20px;\n}\n\n.faq-icon::before, .faq-icon::after {\n    content: '';\n    position: absolute;\n    background: #ffffff; \n    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s ease;\n    border-radius: 2px;\n}\n\n.faq-icon::before { top: 9px; left: 0; width: 100%; height: 2px; }\n.faq-icon::after { top: 0; left: 9px; width: 2px; height: 100%; }\n\n.faq-item:hover .faq-icon::before, \n.faq-item:hover .faq-icon::after {\n    background: #e0aaff;\n}\n\n\/* Answer Wrapper *\/\n.faq-answer-wrapper {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s cubic-bezier(0.23, 1, 0.32, 1); \/* Slightly faster for snappier feel *\/\n}\n\n.faq-answer {\n    padding: 0 35px 30px 35px;\n    font-family: 'Figtree', sans-serif;\n    font-size: 1.1rem;\n    line-height: 1.6;\n    color: #ffffff; \n    font-weight: 400; \n}\n\n.faq-answer p { margin: 0 0 15px 0; }\n.faq-answer p:last-child { margin: 0; }\n\n\/* --- ACTIVE STATE (OPEN) --- *\/\n.faq-item.active {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: #e0aaff;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n}\n\n.faq-item.active .faq-icon::after {\n    transform: rotate(90deg);\n    opacity: 0; \n}\n\n.faq-item.active .faq-icon::before {\n    transform: rotate(180deg);\n    background: #ED3592; \n}\n\n\/* --- MOBILE OPTIMIZATIONS --- *\/\n@media (max-width: 950px) {\n    .faq-outer-wrap { padding: 80px 0; } \/* Reduce padding on mobile *\/\n    .faq-container { grid-template-columns: 1fr; gap: 50px; }\n    .faq-text-side { position: relative; top: 0; text-align: center; }\n    .faq-desc { margin-left: auto; margin-right: auto; max-width: 600px; }\n    .faq-question { padding: 25px; font-size: 1.1rem; }\n    .faq-answer { padding: 0 25px 25px 25px; }\n    \n    .faq-item {\n        \/* PERFORMANCE FIX: Reduce expensive backdrop blur on mobile *\/\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n    }\n}\n<\/style>\n\n<div class=\"faq-outer-wrap\">\n    <div class=\"faq-container\">\n        \n        <div class=\"faq-text-side\">\n            <h2 class=\"faq-heading\">H\u00e4ufig<br>gestellte<br>Fragen<\/h2>\n            <p class=\"faq-desc\">\n                Einige der am h\u00e4ufigsten gestellten Fragen, die vielleicht auch dir im Kopf herumschwirren. Du findest eine umfassendere Liste auf unserer FAQ Seite\n            <\/p>\n            <a href=\"\/faq\" class=\"faq-btn\">Alle FAQs anzeigen<\/a>\n        <\/div>\n\n        <div class=\"faq-accordion\">\n            \n            <div class=\"faq-item\">\n                <div class=\"faq-question\">\n                    Wie kann ich mich anmelden?\n                    <div class=\"faq-icon\"><\/div>\n                <\/div>\n                <div class=\"faq-answer-wrapper\">\n                    <div class=\"faq-answer\">\n                        <p>Nach der Registrierung musst du einen zweist\u00fcndigen Online-Test bestehen, der aus kognitiven Spielen besteht.<\/p>\n                        <p>Wenn du erfolgreich bist, musst du die letzte H\u00fcrde nehmen, die 'Piscine', unser einmonatiges Auswahlverfahren. W\u00e4hrend dieses intensiven Monats wirst du mit unserer Lernmethode vertraut gemacht und unser p\u00e4dagogisches Personal bewertet deine Leistungen. Der erfolgreiche Abschluss der Piscine berechtigt dich zur Teilnahme an unserem Curriculum.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <div class=\"faq-question\">\n                    Muss ich Programmieren k\u00f6nnen, um teilnehmen zu k\u00f6nnen?\n                    <div class=\"faq-icon\"><\/div>\n                <\/div>\n                <div class=\"faq-answer-wrapper\">\n                    <div class=\"faq-answer\">\n                        <p>Keineswegs! Du brauchst keine Erfahrung im Programmieren, keinen Abschluss und keine bestimmten Noten, um bei uns mitzumachen. Unser Lehrplan ist so gestaltet, dass du vom absoluten Anf\u00e4nger zum Software-Ingenieur werden kannst.  Motivation und das Engagement vorausgesetzt.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <div class=\"faq-question\">\n                    Kann ich teilnehmen, wenn ich nicht vor Ort bin?\n                    <div class=\"faq-icon\"><\/div>\n                <\/div>\n                <div class=\"faq-answer-wrapper\">\n                    <div class=\"faq-answer\">\n                        <p>42 Berlin ist auf Peer-to-Peer-Lernen ausgerichtet, was bedeutet, dass die Zusammenarbeit auf dem Campus unerl\u00e4sslich ist. W\u00e4hrend du f\u00fcr deinen eigenen Zeitplan verantwortlich bist, ist die physische Anwesenheit auf dem Campus erforderlich, um Projekte abzuschlie\u00dfen, Code mit Kollegen zu \u00fcberpr\u00fcfen und sich an der Community zu beteiligen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <div class=\"faq-question\">\n                    Bietet 42 Berlin auch \u00dcbernachtungsm\u00f6glichkeiten an?\n                    <div class=\"faq-icon\"><\/div>\n                <\/div>\n                <div class=\"faq-answer-wrapper\">\n                    <div class=\"faq-answer\">\n                        <p>Derzeit bieten wir keine Unterk\u00fcnfte f\u00fcr Studierende an. Unser Geb\u00e4ude ist jedoch rund um die Uhr ge\u00f6ffnet und bietet zu jeder Tages- und Nachtzeit einen komfortablen Campus zum Lernen, Ausruhen, Duschen und Zusammenarbeiten.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <div class=\"faq-question\">\n                    Werde ich einen Bachelor- oder Master-Abschluss erhalten?\n                    <div class=\"faq-icon\"><\/div>\n                <\/div>\n                <div class=\"faq-answer-wrapper\">\n                    <div class=\"faq-answer\">\n                        <p>42 vergibt keine herk\u00f6mmlichen, staatlich anerkannten Abschl\u00fcsse. Stattdessen erwerben Sie ein Zertifikat des 42 Network, das in der Tech-Branche weltweit hoch angesehen ist. Unsere Absolventen werden aufgrund ihrer F\u00e4higkeiten und ihres Portfolios, das sie hier aufbauen, immer wieder von Top-Tech-Unternehmen eingestellt.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const faqItems = document.querySelectorAll('.faq-item');\n        \n        faqItems.forEach(item => {\n            const question = item.querySelector('.faq-question');\n            \n            question.addEventListener('click', () => {\n                const isActive = item.classList.contains('active');\n                \n                faqItems.forEach(otherItem => {\n                    otherItem.classList.remove('active');\n                    otherItem.querySelector('.faq-answer-wrapper').style.maxHeight = null;\n                });\n                \n                if (!isActive) {\n                    item.classList.add('active');\n                    const wrapper = item.querySelector('.faq-answer-wrapper');\n                    wrapper.style.maxHeight = wrapper.scrollHeight + \"px\";\n                }\n            });\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kostenlose, fortgeschrittene Coding-Schule in Berlin. Sie ist Teil des 42 International Network of Schools und bietet fortgeschrittene Coding-Ausbildung mit Peer2Peer und spielerischem Lernen. <\/p>","protected":false},"author":6,"featured_media":5806,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5838","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Software Engineering School - 42 Berlin<\/title>\n<meta name=\"description\" content=\"Explore 42 Berlin, a tuition-free coding school that offers an innovative and peer-to-peer learning environment. Discover a new approach to software development education with hands-on projects, real-world challenges, and a vibrant community in the heart of Berlin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp.42berlin.de\/de\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software Engineering School - 42 Berlin\" \/>\n<meta property=\"og:description\" content=\"Explore 42 Berlin, a tuition-free coding school that offers an innovative and peer-to-peer learning environment. Discover a new approach to software development education with hands-on projects, real-world challenges, and a vibrant community in the heart of Berlin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp.42berlin.de\/de\/\" \/>\n<meta property=\"og:site_name\" content=\"42 Berlin\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/42BLN\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T21:30:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2024\/06\/L62_6782-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@42_berlin\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"34\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/\",\"url\":\"https:\\\/\\\/wp.42berlin.de\\\/\",\"name\":\"Software Engineering School - 42 Berlin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.42berlin.de\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/220112-42-Berlin-Opening-Event-381-scaled.webp\",\"datePublished\":\"2024-08-19T12:59:41+00:00\",\"dateModified\":\"2026-04-16T21:30:56+00:00\",\"description\":\"Explore 42 Berlin, a tuition-free coding school that offers an innovative and peer-to-peer learning environment. Discover a new approach to software development education with hands-on projects, real-world challenges, and a vibrant community in the heart of Berlin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.42berlin.de\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.42berlin.de\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/220112-42-Berlin-Opening-Event-381-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/wp.42berlin.de\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/220112-42-Berlin-Opening-Event-381-scaled.webp\",\"width\":1920,\"height\":1281,\"caption\":\"42 Berlin Coding School Opening\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.42berlin.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Software Engineering School\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#website\",\"url\":\"https:\\\/\\\/wp.42berlin.de\\\/\",\"name\":\"42 Berlin - Free Software Engineering School in Berlin\",\"description\":\"Free non-profit coding school in Neuk\u00f6lln, Berlin\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.42berlin.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#organization\",\"name\":\"42 Berlin\",\"alternateName\":\"42 Berlin\",\"url\":\"https:\\\/\\\/wp.42berlin.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wp.42berlin.de\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-new-2-pink-logo-for-site.png\",\"contentUrl\":\"https:\\\/\\\/wp.42berlin.de\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-new-2-pink-logo-for-site.png\",\"width\":512,\"height\":512,\"caption\":\"42 Berlin\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.42berlin.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/42BLN\\\/\",\"https:\\\/\\\/x.com\\\/42_berlin\",\"https:\\\/\\\/www.instagram.com\\\/42berlin_\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/77000438\\\/admin\\\/dashboard\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Schule f\u00fcr Softwaretechnik - 42 Berlin","description":"Entdecken Sie 42 Berlin, eine geb\u00fchrenfreie Coding-Schule, die ein innovatives und kollegiales Lernumfeld bietet. Entdecken Sie einen neuen Ansatz f\u00fcr die Ausbildung in der Softwareentwicklung mit praktischen Projekten, realen Herausforderungen und einer lebendigen Gemeinschaft im Herzen Berlins.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp.42berlin.de\/de\/","og_locale":"de_DE","og_type":"article","og_title":"Software Engineering School - 42 Berlin","og_description":"Explore 42 Berlin, a tuition-free coding school that offers an innovative and peer-to-peer learning environment. Discover a new approach to software development education with hands-on projects, real-world challenges, and a vibrant community in the heart of Berlin.","og_url":"https:\/\/wp.42berlin.de\/de\/","og_site_name":"42 Berlin","article_publisher":"https:\/\/www.facebook.com\/42BLN\/","article_modified_time":"2026-04-16T21:30:56+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2024\/06\/L62_6782-scaled.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@42_berlin","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"34\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wp.42berlin.de\/","url":"https:\/\/wp.42berlin.de\/","name":"Schule f\u00fcr Softwaretechnik - 42 Berlin","isPartOf":{"@id":"https:\/\/wp.42berlin.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp.42berlin.de\/#primaryimage"},"image":{"@id":"https:\/\/wp.42berlin.de\/#primaryimage"},"thumbnailUrl":"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2024\/08\/220112-42-Berlin-Opening-Event-381-scaled.webp","datePublished":"2024-08-19T12:59:41+00:00","dateModified":"2026-04-16T21:30:56+00:00","description":"Entdecken Sie 42 Berlin, eine geb\u00fchrenfreie Coding-Schule, die ein innovatives und kollegiales Lernumfeld bietet. Entdecken Sie einen neuen Ansatz f\u00fcr die Ausbildung in der Softwareentwicklung mit praktischen Projekten, realen Herausforderungen und einer lebendigen Gemeinschaft im Herzen Berlins.","breadcrumb":{"@id":"https:\/\/wp.42berlin.de\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp.42berlin.de\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wp.42berlin.de\/#primaryimage","url":"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2024\/08\/220112-42-Berlin-Opening-Event-381-scaled.webp","contentUrl":"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2024\/08\/220112-42-Berlin-Opening-Event-381-scaled.webp","width":1920,"height":1281,"caption":"42 Berlin Coding School Opening"},{"@type":"BreadcrumbList","@id":"https:\/\/wp.42berlin.de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp.42berlin.de\/"},{"@type":"ListItem","position":2,"name":"Software Engineering School"}]},{"@type":"WebSite","@id":"https:\/\/wp.42berlin.de\/#website","url":"https:\/\/wp.42berlin.de\/","name":"42 Berlin - Freie Softwareentwicklungsschule in Berlin","description":"Kostenlose gemeinn\u00fctzige Programmierschule in Neuk\u00f6lln, Berlin","publisher":{"@id":"https:\/\/wp.42berlin.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp.42berlin.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/wp.42berlin.de\/#organization","name":"42 Berlin","alternateName":"42 Berlin","url":"https:\/\/wp.42berlin.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wp.42berlin.de\/#\/schema\/logo\/image\/","url":"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/cropped-new-2-pink-logo-for-site.png","contentUrl":"https:\/\/wp.42berlin.de\/wp-content\/uploads\/2023\/07\/cropped-new-2-pink-logo-for-site.png","width":512,"height":512,"caption":"42 Berlin"},"image":{"@id":"https:\/\/wp.42berlin.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/42BLN\/","https:\/\/x.com\/42_berlin","https:\/\/www.instagram.com\/42berlin_\/","https:\/\/www.linkedin.com\/school\/77000438\/admin\/dashboard\/"]}]}},"_links":{"self":[{"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/pages\/5838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/comments?post=5838"}],"version-history":[{"count":10,"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/pages\/5838\/revisions"}],"predecessor-version":[{"id":12728,"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/pages\/5838\/revisions\/12728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/media\/5806"}],"wp:attachment":[{"href":"https:\/\/wp.42berlin.de\/de\/wp-json\/wp\/v2\/media?parent=5838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}