{"id":27924,"date":"2024-11-21T08:48:05","date_gmt":"2024-11-21T08:48:05","guid":{"rendered":"https:\/\/darksn.de\/?page_id=27924"},"modified":"2026-07-10T08:30:50","modified_gmt":"2026-07-10T08:30:50","slug":"karriere","status":"publish","type":"page","link":"https:\/\/darksn.de\/karriere\/","title":{"rendered":"Career"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27924\" class=\"elementor elementor-27924\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-929abd9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"929abd9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-481cd2a elementor-widget elementor-widget-html\" data-id=\"481cd2a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .header-banner {\n            background-color: #1a1a1a;\n            padding-top:200px;\n            height: 500px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n            font-family: 'Arial', sans-serif;\n        }\n\n        .header-title {\n            color: white!important;\n            font-size: 56px;\n            font-weight: 600;\n            letter-spacing: 4px;\n            position: relative;\n            z-index: 2;\n            text-align: center;\n        }\n\n        \/* Red line accents *\/\n       \n\n        \/* Subtle background pattern *\/\n        .bg-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(45deg, #1a1a1a 25%, transparent 25%),\n                        linear-gradient(-45deg, #1a1a1a 25%, transparent 25%),\n                        linear-gradient(45deg, transparent 75%, #1a1a1a 75%),\n                        linear-gradient(-45deg, transparent 75%, #1a1a1a 75%);\n            background-size: 20px 20px;\n            background-color: #1c1c1c;\n            opacity: 0.3;\n        }\n\n        @media (max-width: 768px) {\n            .header-banner {\n                margin-top:0px;\n                height: 200px;\n                padding-top:0px;\n            }\n\n            .header-title {\n                font-size: 40px;\n               \n                letter-spacing: 3px;\n            }\n\n            .header-title::before,\n            .header-title::after {\n                width: 30px;\n            }\n\n            .header-title::before {\n                right: -45px;\n            }\n\n            .header-title::after {\n                left: -45px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <header class=\"header-banner\">\n        <div class=\"bg-pattern\"><\/div>\n        <h1 class=\"header-title\">CAREERS<\/h1>\n    <\/header>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2f28e7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f2f28e7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c44b23c elementor-widget elementor-widget-html\" data-id=\"c44b23c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<section class=\"dsn-jobs-page dsn-jobs-section\" aria-label=\"Job Listings\">\r\n    <div class=\"dsn-jobs-filter-card dsn-jobs-reveal\">\r\n        <h3>Filter by<\/h3>\r\n        <div class=\"dsn-jobs-filter-row\">\r\n            <div class=\"dsn-jobs-select-wrap\">\r\n                <i class=\"fa-solid fa-briefcase dsn-jobs-select-icon\" aria-hidden=\"true\"><\/i>\r\n                <select class=\"dsn-jobs-select\" id=\"dsn-jobs-type\">\r\n                    <option value=\"all\">All Job Type<\/option>\r\n                    <option value=\"full-time\">Full Time<\/option>\r\n                <\/select>\r\n                <i class=\"fa-solid fa-chevron-down dsn-jobs-select-caret\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n            <div class=\"dsn-jobs-select-wrap\">\r\n                <i class=\"fa-solid fa-location-dot dsn-jobs-select-icon\" aria-hidden=\"true\"><\/i>\r\n                <select class=\"dsn-jobs-select\" id=\"dsn-jobs-location\">\r\n                    <option value=\"all\">All Job Location<\/option>\r\n                    <option value=\"remote\">Remote<\/option>\r\n                <\/select>\r\n                <i class=\"fa-solid fa-chevron-down dsn-jobs-select-caret\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dsn-jobs-list\">\r\n        <a href=\"https:\/\/darksn.de\/jobs\/full-stack-developer-angular-net-core-advanced-css-remote\/\"\r\n            class=\"dsn-jobs-card dsn-jobs-reveal\" data-type=\"full-time\" data-location=\"remote\">\r\n            <div class=\"dsn-jobs-card-main\">\r\n                <h4>Full Stack Developer (Angular &amp; .NET Core) + Advanced CSS \u2013 Remote<\/h4>\r\n                <div class=\"dsn-jobs-card-meta\">\r\n                    <span class=\"dsn-jobs-tag\"><i class=\"fa-solid fa-house-laptop\" aria-hidden=\"true\"><\/i> Remote<\/span>\r\n                    <span class=\"dsn-jobs-tag dsn-jobs-tag-muted\"><i class=\"fa-solid fa-clock\" aria-hidden=\"true\"><\/i> Full Time<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <span class=\"dsn-jobs-more\">More Details <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <p class=\"dsn-jobs-empty\" id=\"dsn-jobs-empty\" hidden>No open positions match these filters right now.<\/p>\r\n<\/section>\r\n\r\n<style>\r\n    .dsn-jobs-page {\r\n        --dsn-primary: #ff3850;\r\n        --dsn-primary-dark: #e62e44;\r\n        --dsn-ink: #18181b;\r\n        --dsn-muted: #52525b;\r\n        box-sizing: border-box;\r\n        font-family: 'Outfit', sans-serif;\r\n    }\r\n\r\n    .dsn-jobs-page *,\r\n    .dsn-jobs-page *::before,\r\n    .dsn-jobs-page *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .dsn-jobs-section {\r\n        padding: 80px 40px;\r\n        background: #fafafa;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ===== FILTER CARD ===== *\/\r\n    .dsn-jobs-filter-card {\r\n        background: #fff;\r\n        border: 1px solid #e4e4e7;\r\n        border-radius: 18px;\r\n        padding: 32px;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .dsn-jobs-filter-card h3 {\r\n        color: var(--dsn-ink);\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin: 0 0 20px;\r\n    }\r\n\r\n    .dsn-jobs-filter-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .dsn-jobs-select-wrap {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .dsn-jobs-select-icon {\r\n        position: absolute;\r\n        left: 18px;\r\n        color: var(--dsn-primary);\r\n        font-size: 14px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dsn-jobs-select-caret {\r\n        position: absolute;\r\n        right: 18px;\r\n        color: var(--dsn-muted);\r\n        font-size: 12px;\r\n        pointer-events: none;\r\n        transition: transform .2s ease;\r\n    }\r\n\r\n    .dsn-jobs-select {\r\n        width: 100%;\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        background: #fafafa;\r\n        border: 1.5px solid #e4e4e7;\r\n        border-radius: 12px;\r\n        padding: 14px 40px 14px 44px;\r\n        font-family: inherit;\r\n        font-size: 14.5px;\r\n        font-weight: 500;\r\n        color: var(--dsn-ink);\r\n        cursor: pointer;\r\n        transition: border-color .2s ease, background .2s ease;\r\n    }\r\n\r\n    .dsn-jobs-select:hover {\r\n        border-color: rgba(255, 56, 80, 0.4);\r\n    }\r\n\r\n    .dsn-jobs-select:focus {\r\n        outline: none;\r\n        border-color: var(--dsn-primary);\r\n        background: #fff;\r\n    }\r\n\r\n    \/* ===== JOB CARDS ===== *\/\r\n    .dsn-jobs-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n\r\n    .dsn-jobs-card {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        background: #fff;\r\n        border: 1px solid #e4e4e7;\r\n        border-radius: 16px;\r\n        padding: 28px 30px;\r\n        text-decoration: none;\r\n        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n    }\r\n\r\n    .dsn-jobs-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n        border-color: rgba(255, 56, 80, 0.35);\r\n    }\r\n\r\n    .dsn-jobs-card-main h4 {\r\n        color: var(--dsn-ink);\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        line-height: 1.4;\r\n        margin: 0 0 12px;\r\n    }\r\n\r\n    .dsn-jobs-card-meta {\r\n        display: flex;\r\n        gap: 10px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .dsn-jobs-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 12.5px;\r\n        font-weight: 600;\r\n        color: var(--dsn-primary);\r\n        background: rgba(255, 56, 80, 0.08);\r\n        padding: 6px 12px;\r\n        border-radius: 999px;\r\n    }\r\n\r\n    .dsn-jobs-tag-muted {\r\n        color: var(--dsn-muted);\r\n        background: #f4f4f6;\r\n    }\r\n\r\n    .dsn-jobs-more {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: var(--dsn-primary);\r\n        font-size: 13.5px;\r\n        font-weight: 700;\r\n        white-space: nowrap;\r\n        transition: gap .25s ease;\r\n    }\r\n\r\n    .dsn-jobs-card:hover .dsn-jobs-more {\r\n        gap: 12px;\r\n    }\r\n\r\n    .dsn-jobs-empty {\r\n        text-align: center;\r\n        color: var(--dsn-muted);\r\n        font-size: 14.5px;\r\n        padding: 30px 0;\r\n    }\r\n\r\n    \/* ===== REVEAL ===== *\/\r\n    .dsn-jobs-reveal {\r\n        opacity: 0;\r\n        transform: translateY(24px);\r\n        transition: opacity .7s ease, transform .7s ease;\r\n    }\r\n\r\n    .dsn-jobs-in-view {\r\n        opacity: 1 !important;\r\n        transform: translate(0, 0) !important;\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n        .dsn-jobs-reveal {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n    }\r\n\r\n    \/* ===== RESPONSIVE ===== *\/\r\n    @media (max-width:640px) {\r\n        .dsn-jobs-section {\r\n            padding: 50px 20px;\r\n        }\r\n\r\n        .dsn-jobs-filter-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .dsn-jobs-card {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function () {\r\n        var els = document.querySelectorAll('.dsn-jobs-reveal');\r\n        if (!('IntersectionObserver' in window)) {\r\n            els.forEach(function (el) { el.classList.add('dsn-jobs-in-view'); });\r\n        } else {\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('dsn-jobs-in-view');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n            els.forEach(function (el) { observer.observe(el); });\r\n        }\r\n\r\n        var typeSelect = document.getElementById('dsn-jobs-type');\r\n        var locationSelect = document.getElementById('dsn-jobs-location');\r\n        var cards = document.querySelectorAll('.dsn-jobs-card');\r\n        var emptyMsg = document.getElementById('dsn-jobs-empty');\r\n\r\n        function applyFilters() {\r\n            var type = typeSelect.value;\r\n            var location = locationSelect.value;\r\n            var visibleCount = 0;\r\n\r\n            cards.forEach(function (card) {\r\n                var matchesType = type === 'all' || card.getAttribute('data-type') === type;\r\n                var matchesLocation = location === 'all' || card.getAttribute('data-location') === location;\r\n                var visible = matchesType && matchesLocation;\r\n                card.style.display = visible ? '' : 'none';\r\n                if (visible) visibleCount++;\r\n            });\r\n\r\n            emptyMsg.hidden = visibleCount !== 0;\r\n        }\r\n\r\n        typeSelect.addEventListener('change', applyFilters);\r\n        locationSelect.addEventListener('change', applyFilters);\r\n    })();\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CAREERS Filter by All Job TypeFull Time All Job LocationRemote Full Stack Developer (Angular &amp; .NET Core) + Advanced CSS \u2013 Remote Remote Full Time More Details No open positions match these filters right now.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"coauthors":[],"class_list":["post-27924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/27924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/comments?post=27924"}],"version-history":[{"count":43,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/27924\/revisions"}],"predecessor-version":[{"id":34198,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/27924\/revisions\/34198"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/media?parent=27924"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/coauthors?post=27924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}