Nachhaltige Jobs mit Sinn finden

<!doctype html> <html lang="de"> <head> <script type="text/javascript" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/2f072d50f2a38.js" data-cmp-host="c.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="0"></script> <link rel="apple-touch-icon" sizes="180x180" href="https://goodjobs.eu/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://goodjobs.eu/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://goodjobs.eu/favicon-16x16.png"> <link rel="manifest" href="https://goodjobs.eu/site.webmanifest"> <script src="https://cdn.captchafox.com/api.js?render=explicit&lang=de"></script> <link rel="canonical" href="https://goodjobs.eu" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <meta name="csrf-token" content="KKV3snLg5iYdnkvG1mvfvuqHBBcuZNseKM9m58dr"> <title> Nachhaltige Jobs mit Sinn finden | GoodJobs </title> <meta name="description" content="GoodJobs ist Deutschlands größte Plattform für soziale und nachhaltige Jobs. Finde jetzt deinen Job mit Sinn!"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "http://www.goodjobs.eu", "logo": "http://www.goodjobs.eu/img/goodjobs-logo.svg" } </script>  <link rel="preload" as="style" href="https://goodjobs.eu/build/assets/app-BnDoyO7u.css" /><link rel="modulepreload" href="https://goodjobs.eu/build/assets/app-2scNkR48.js" /><link rel="stylesheet" href="https://goodjobs.eu/build/assets/app-BnDoyO7u.css" data-navigate-track="reload" /><script type="module" src="https://goodjobs.eu/build/assets/app-2scNkR48.js" data-navigate-track="reload"></script>  <meta property="og:title" content="GoodJobs - Nachhaltige & Sinnstiftende Jobs"> <meta property="og:description" content="Finde nachhaltige und sozial verantwortungsvolle Jobs, die einen positiven Beitrag leisten. Entdecke bei GoodJobs eine sinnvolle Karriere in Bereichen wie Nachhaltigkeit, NGOs und sozialen Unternehmen."> <meta property="og:image" content="https://goodjobs.eu/img/goodjobs-logo-sharing.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:url" content="https://goodjobs.eu"> <style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <meta name="google-site-verification" content="ckGxodumn8GsxeM0Gti3PZ0PkWlfUcCQhMATLhI2RHw" /> <meta name="robots" content="max-image-preview:large">  <script> window.dataLayer = [{ 'user': { 'sessionId': 'GCrJIyUku48Z8CafIxEwPRZvMr56YzQFUCr2Vnc6', 'userId': '', 'userRole': 'visitor', }, }]; </script> <script data-cmp-ab="1"> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://measure.goodjobs.eu/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TCFPB8W'); </script>   </head> <body class="bg-white-100 lg:overflow-visible flex flex-col min-h-[100vh]" x-data="{body_extra_class: ''}" :class="body_extra_class || ''">  <noscript> <iframe src="https://measure.goodjobs.eu/ns.html?id=GTM-TCFPB8W" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript>   <header id="header"> <div class="container flex items-center gap-x-1.5 md:gap-x-2.5 justify-end py-2.5"> <span class="text-[12px] md:text-[13px] text-style-meta">Ein Unternehmen der</span> <img class="h-6 md:h-[30px]" height="30" src="/img/logos/ZEIT-Verlagsgruppe_Schwarze_Schrift.png" alt=""> </div> <hr class="border-b border-t-0 m-0 border-sand-100"> <div x-data="{showMenu: true, showAccountArea: true}" x-effect="body_extra_class = (!showMenu || !showAccountArea) ? 'overflow-hidden' : ''"> <nav class="border-b-2 border-queen-100"> <div class="container flex items-center justify-between lg:py-5 py-[14.5px]"> <a href="https://goodjobs.eu" aria-label="GoodJobs Home"> <img class="h-5" src="/img/goodjobs-logo.svg" alt="GoodJobs Logo"/> </a> <div> <menu class="hidden lg:flex lg:gap-x-11"> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/jobs"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Jobs </p> </div> </a> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/companies"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Companies </p> </div> </a> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/blog"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Magazin </p> </div> </a> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/podcast"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Podcasts </p> </div> </a> </menu> <div class="block lg:hidden"> <div id="menu" class="fixed top-[110px] right-0 -mr-[310px] lg:mr-0 w-[310px] bg-white-100 lg:bg-transparent z-[120] h-[94vh] px-7 pt-10 pb-24 transition-all duration-500 lg:hidden flex flex-col justify-between"> <menu class="flex flex-col gap-1.5"> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/jobs"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Jobs </p> </div> </a> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/companies"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Companies </p> </div> </a> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/blog"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Magazin </p> </div> </a> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/podcast"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-headline" > Podcasts </p> </div> </a> </menu> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/arbeitgeberin"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-body" > Für Arbeitgebende </p> </div> </a> </div> </div> </div> <div class="flex gap-x-4 items-center"> <div id="account-area" class="flex gap-x-4"> <div class="hidden lg:block"> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/arbeitgeberin"> <div > <p class="label-text py-1.5 text-queen-100 text-responsive-s text-style-body" > Für Arbeitgebende </p> </div> </a> </div> <div class="flex gap-x-4 items-center"> <div class="block lg:hidden"> <a href="https://goodjobs.eu/login"> <svg class="w-8 h-8 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59626)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM7.013 18.256C8.42855 19.3877 10.1877 20.0029 12 20C13.97 20 15.773 19.288 17.167 18.108C16.5157 17.4397 15.7371 16.9089 14.877 16.5468C14.017 16.1847 13.0931 15.9988 12.16 16C11.1926 15.9989 10.2355 16.1989 9.34947 16.5872C8.46343 16.9756 7.66778 17.5439 7.013 18.256ZM5.616 16.82C6.45645 15.9281 7.47067 15.2177 8.59614 14.7327C9.72161 14.2477 10.9345 13.9984 12.16 14C13.3417 13.9985 14.512 14.2304 15.6037 14.6824C16.6955 15.1344 17.6873 15.7976 18.522 16.634C19.3781 15.4291 19.8836 14.0106 19.9826 12.5359C20.0815 11.0612 19.77 9.58789 19.0825 8.27946C18.395 6.97102 17.3585 5.87862 16.088 5.12345C14.8174 4.36827 13.3625 3.97984 11.8846 4.00125C10.4067 4.02267 8.96366 4.45308 7.71552 5.24476C6.46738 6.03643 5.46296 7.1584 4.81369 8.4862C4.16442 9.814 3.89569 11.2957 4.03732 12.7669C4.17894 14.2382 4.72537 15.6414 5.616 16.821V16.82ZM12 13C10.9391 13 9.92172 12.5786 9.17157 11.8284C8.42143 11.0783 8 10.0609 8 9C8 7.93913 8.42143 6.92172 9.17157 6.17157C9.92172 5.42143 10.9391 5 12 5C13.0609 5 14.0783 5.42143 14.8284 6.17157C15.5786 6.92172 16 7.93913 16 9C16 10.0609 15.5786 11.0783 14.8284 11.8284C14.0783 12.5786 13.0609 13 12 13ZM12 11C12.5304 11 13.0391 10.7893 13.4142 10.4142C13.7893 10.0391 14 9.53043 14 9C14 8.46957 13.7893 7.96086 13.4142 7.58579C13.0391 7.21071 12.5304 7 12 7C11.4696 7 10.9609 7.21071 10.5858 7.58579C10.2107 7.96086 10 8.46957 10 9C10 9.53043 10.2107 10.0391 10.5858 10.4142C10.9609 10.7893 11.4696 11 12 11Z" /> </g> <defs> <clipPath id="clip0_1428_59626"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> </div> <div class="hidden lg:block pl-4 border-l-2 h-full"> <a class="inline-block border-b-2 border-transparent cursor-pointer focus-visible:outline-none focus-visible:shadow-focus h-full hover:border-niagara-100 py-2 w-fit" href="https://goodjobs.eu/login"> <div class="flex gap-x-2 h-full items-center" > <svg class="-top-0.5 fill-niagara-100 h-8 relative shrink-0 w-8" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59626)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM7.013 18.256C8.42855 19.3877 10.1877 20.0029 12 20C13.97 20 15.773 19.288 17.167 18.108C16.5157 17.4397 15.7371 16.9089 14.877 16.5468C14.017 16.1847 13.0931 15.9988 12.16 16C11.1926 15.9989 10.2355 16.1989 9.34947 16.5872C8.46343 16.9756 7.66778 17.5439 7.013 18.256ZM5.616 16.82C6.45645 15.9281 7.47067 15.2177 8.59614 14.7327C9.72161 14.2477 10.9345 13.9984 12.16 14C13.3417 13.9985 14.512 14.2304 15.6037 14.6824C16.6955 15.1344 17.6873 15.7976 18.522 16.634C19.3781 15.4291 19.8836 14.0106 19.9826 12.5359C20.0815 11.0612 19.77 9.58789 19.0825 8.27946C18.395 6.97102 17.3585 5.87862 16.088 5.12345C14.8174 4.36827 13.3625 3.97984 11.8846 4.00125C10.4067 4.02267 8.96366 4.45308 7.71552 5.24476C6.46738 6.03643 5.46296 7.1584 4.81369 8.4862C4.16442 9.814 3.89569 11.2957 4.03732 12.7669C4.17894 14.2382 4.72537 15.6414 5.616 16.821V16.82ZM12 13C10.9391 13 9.92172 12.5786 9.17157 11.8284C8.42143 11.0783 8 10.0609 8 9C8 7.93913 8.42143 6.92172 9.17157 6.17157C9.92172 5.42143 10.9391 5 12 5C13.0609 5 14.0783 5.42143 14.8284 6.17157C15.5786 6.92172 16 7.93913 16 9C16 10.0609 15.5786 11.0783 14.8284 11.8284C14.0783 12.5786 13.0609 13 12 13ZM12 11C12.5304 11 13.0391 10.7893 13.4142 10.4142C13.7893 10.0391 14 9.53043 14 9C14 8.46957 13.7893 7.96086 13.4142 7.58579C13.0391 7.21071 12.5304 7 12 7C11.4696 7 10.9609 7.21071 10.5858 7.58579C10.2107 7.96086 10 8.46957 10 9C10 9.53043 10.2107 10.0391 10.5858 10.4142C10.9609 10.7893 11.4696 11 12 11Z" /> </g> <defs> <clipPath id="clip0_1428_59626"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-niagara-100 text-responsive-s text-style-body" > Anmelden </p> </div> </a> </div> </div> </div> <div class="lg:hidden" @click="showMenu = !showMenu, showAccountArea = true" data-toggle-class='{ "#menu": "-mr-[310px]", "#overlay": "overlay-transition-open" }' data-add-class='{ "#user-area": "-mr-[310px]" }' data-remove-class='{ "#overlayAccountArea": "overlay-transition-open" }' > <div x-show="showMenu" class="cursor-pointer"> <svg class="w-[34px] h-[34px] shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59909)"> <path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" /> </g> <defs> <clipPath id="clip0_1428_59909"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <div x-cloak x-show="!showMenu" class="cursor-pointer"> <svg class="w-[34px] h-[34px] shrink-0 fill-niagara-100" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60877)"> <path d="M12.0007 10.5857L16.9507 5.63574L18.3647 7.04974L13.4147 11.9997L18.3647 16.9497L16.9507 18.3637L12.0007 13.4137L7.05072 18.3637L5.63672 16.9497L10.5867 11.9997L5.63672 7.04974L7.05072 5.63574L12.0007 10.5857Z" /> </g> <defs> <clipPath id="clip0_1428_60877"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> </div> </div> </div> </nav> <hr x-cloak x-show="!showMenu || !showAccountArea" class="border border-queen-100 m-0 z-[70] fixed left-0 top-[110px] right-0 bottom-0 lg:hidden"> <div @click="showMenu = !showMenu" id="overlay" class="overlay-transition bg-queen-100 fixed left-0 top-[110px] right-0 bottom-0 z-[115] lg:hidden" data-toggle-class='{ "#menu": "-mr-[310px]", "#overlay": "overlay-transition-open" }'></div> <div @click="showAccountArea = !showAccountArea" id="overlayAccountArea" class="overlay-transition bg-queen-100 fixed left-0 top-[110px] right-0 bottom-0 z-[115] lg:hidden" data-toggle-class='{ "#user-area": "-mr-[310px]", "#overlayAccountArea": "overlay-transition-open" }'></div> </div> </header>  <main id="content" class="grow flex flex-col " x-data="{main_extra_class: ''}" :class="main_extra_class || ''"> <div wire:snapshot="{"data":{"toastMessage":null},"memo":{"id":"FDrAZSyCZdm6roh1GQW4","name":"notification.toast","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"2770624592fc68f9a1f49cebc9c76a27b69806e98f180ec76bf573e1ff42fc8e"}" wire:effects="{"listeners":["toastMessageCheck"]}" wire:id="FDrAZSyCZdm6roh1GQW4"> </div> <section class="header relative"> <img fetchpriority="high" class="absolute w-full h-full z-1 object-cover" src="/img/illustration/hero.png" srcset="/img/illustration/hero-tiny.png 300w, /img/illustration/hero-small.png 1040w, /img/illustration/hero.png 1440w, /img/illustration/hero-big.png 1770w, /img/illustration/hero-huge.png 2047w" sizes="100vw" alt="" /> <div class="container relative pt-10 pb-4 md:pt-24 md:pb-12 lg:pt-28 lg:pb-4 z-10"> <div class="mb-5 md:mb-9 lg:mb-28"> <div class="mb-10 lg:mb-14"> <div class="gap-x-4 grid grid-cols-2 lg:gap-x-4 lg:grid-cols-12 md:gap-x-3 md:grid-cols-6" > <div class="col-span-full md:col-start-2 md:col-end-6 lg:col-start-2 lg:col-end-11"> <div > <h1 class="italic lg:mb-2 mb-3 text-queen-100 text-responsive-xxl text-style-hero uppercase"> Finde einen Job mit Sinn </h1> <h2 class="text-queen-100 text-responsive-m text-style-headline">Deine Plattform für Jobs, die die Welt ein Stückchen besser machen.</h2> </div> </div> </div> </div> <form action="https://goodjobs.eu/jobs" method="GET"> <input type="hidden" name="_token" value="KKV3snLg5iYdnkvG1mvfvuqHBBcuZNseKM9m58dr" autocomplete="off"> <div class="gap-x-4 gap-y-6 grid grid-cols-2 lg:gap-x-4 lg:grid-cols-12 md:gap-x-3 md:grid-cols-6" > <div class="col-span-full md:col-start-2 md:col-end-6 lg:col-start-2 lg:col-end-5 z-40"> <div wire:snapshot="{"data":{"name":"search","label":"Jobtitel oder Company","type_name":"search_type","type":null,"value":null,"open":false,"error":null,"noMargin":true},"memo":{"id":"O8VvLD4zFDBfzIcCInlN","name":"inputs.jobs-autocomplete","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"10f209e25336f308ef72a16d669053d7e3574f49645792d5976127e404f7d01a"}" wire:effects="[]" wire:id="O8VvLD4zFDBfzIcCInlN" x-data="{ open: $wire.entangle('open') }" class="relative z-40" @click.outside="open ? $wire.close() : null" > <div x-data="singleLine()" class="flex flex-col relative"> <input id=search name=search data-livewire=true value="" x-on:focus="onFocus('')" x-on:blur="onBlur()" x-ref="inputElement" type="text" placeholder=" " class="singleline peer appearance-none bg-transparent block caret-niagara-100 focus:outline-none grow leading-6 pb-[7px] peer pt-7 px-3 read-only:pointer-events-none rounded text-responsive-xs text-style-body w-full" wire:model.live="value" /> <label for=search class="-translate-y-4 absolute flex font-medium gap-x-2 left-3 origin-[0] peer-[:not(.error)]:peer-placeholder-shown:peer-read-only:text-grey-100 peer-[:not(.error)]:peer-placeholder-shown:text-queen-100 peer-autofill:-translate-y-4 peer-autofill:font-normal peer-autofill:scale-75 peer-focus:-translate-y-4 peer-focus:font-normal peer-focus:left-3 peer-focus:peer-[:not(.error)]:peer-placeholder-shown:text-niagara-100 peer-focus:scale-75 peer-focus:text-niagara-100 peer-placeholder-shown:font-medium peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-3 peer-read-only:pointer-events-none scale-75 text-grey-110 text-responsive-xs text-style-body top-4 transform z-10" x-ref="labelElement"> <svg class="h-5 w-5 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1458_51597)"> <path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" /> </g> <defs> <clipPath id="clip0_1458_51597"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p x-ref="labelTextElement"> Jobtitel oder Company </p> </label> <div class="bg-niagara-100 h-0.5 peer-[:not(.error)]:peer-placeholder-shown:bg-queen-100 peer-[:not(.error)]:peer-placeholder-shown:peer-read-only:bg-grey-100 peer-[:not(:placeholder-shown)]:peer-read-only:hidden peer-focus:bg-niagara-100 peer-focus:peer-[:not(.error)]:peer-placeholder-shown:bg-niagara-100 peer-read-only:pointer-events-none rounded"></div> </div> <input type="text" class="hidden" name="search_type" wire:model="type"> </div> </div> <div class="col-span-full md:col-start-2 md:col-end-6 lg:col-start-5 lg:col-end-8 z-30"> <div wire:snapshot="{"data":{"name":"places","type_name":"places_type","label":"Ort, Bundesland","value":"","type":null,"countrycode":null,"country_codes":[["DE","AT","CH"],{"s":"arr"}],"state":null,"latlng":null,"distance":null,"open":false,"error":null,"selectValue":null,"noMargin":true,"lang":"de","bounding_box":"5.7,45.7,17.3,55.2"},"memo":{"id":"WQPzEi3NkbrOPhqmLR7m","name":"inputs.places-autocomplete","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"17447f71f36a1f07426da4bb4f5b870b21faa438ff47b5331cf999f7a944f37f"}" wire:effects="{"listeners":["laravelReload"]}" wire:id="WQPzEi3NkbrOPhqmLR7m" class="relative z-40" @click.outside="open ? $wire.close() : null" x-data="{ show_distance: false, open: $wire.entangle('open'), }" x-init=" if ('' == 'city' || '' == 'town') { show_distance=true; } else { show_distance=false; } " > <div class="relative"> <div class="flex"> <div class="w-full" :class="{ 'w-3/4': show_distance }"> <div x-data="singleLine()" class="flex flex-col relative"> <input id=places name=places data-error-name=places data-livewire=true value="" x-on:focus="onFocus('')" x-on:blur="onBlur()" x-ref="inputElement" type="text" placeholder=" " class="singleline peer appearance-none bg-transparent block caret-niagara-100 focus:outline-none grow leading-6 pb-[7px] peer pt-7 px-3 read-only:pointer-events-none rounded text-responsive-xs text-style-body w-full" wire:model.live="value" /> <label for=places class="-translate-y-4 absolute flex font-medium gap-x-2 left-3 origin-[0] peer-[:not(.error)]:peer-placeholder-shown:peer-read-only:text-grey-100 peer-[:not(.error)]:peer-placeholder-shown:text-queen-100 peer-autofill:-translate-y-4 peer-autofill:font-normal peer-autofill:scale-75 peer-focus:-translate-y-4 peer-focus:font-normal peer-focus:left-3 peer-focus:peer-[:not(.error)]:peer-placeholder-shown:text-niagara-100 peer-focus:scale-75 peer-focus:text-niagara-100 peer-placeholder-shown:font-medium peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-3 peer-read-only:pointer-events-none scale-75 text-grey-110 text-responsive-xs text-style-body top-4 transform z-10" x-ref="labelElement"> <svg class="h-5 w-5 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1458_51597)"> <path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" /> </g> <defs> <clipPath id="clip0_1458_51597"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p x-ref="labelTextElement"> Ort, Bundesland </p> </label> <div class="bg-niagara-100 h-0.5 peer-[:not(.error)]:peer-placeholder-shown:bg-queen-100 peer-[:not(.error)]:peer-placeholder-shown:peer-read-only:bg-grey-100 peer-[:not(:placeholder-shown)]:peer-read-only:hidden peer-focus:bg-niagara-100 peer-focus:peer-[:not(.error)]:peer-placeholder-shown:bg-niagara-100 peer-read-only:pointer-events-none rounded"></div> </div> </div> <div x-cloak class="w-1/4 self-end" x-show="show_distance" x-data="{ open: false, selectedText: '0', selectedValue: '0' }"> <div class="has-[:disabled]:pointer-events-none relative select"> <div x-data="singleSelect()" wire:ignore> <select id=distance class="appearance-none block caret-niagara-100 font-medium leading-4 pb-1.5 peer pt-5 px-3 rounded single-select text-new-xxs tom-select w-full" x-ref="inputElement" type="select" placeholder=" " name=distance value=""0"" wire:model.live="distance" > <option selected value="0" > 0 </option> <option value="10" > 10 </option> <option value="25" > 25 </option> <option value="50" > 50 </option> <option value="100" > 100 </option> <option value="250" > 250 </option> </select> <label for=distance class="absolute flex font-medium font-medium gap-x-2 group-[.error]:text-fire-100 left-3 origin-left peer-[.disabled]:pointer-events-none peer-[.dropdown-active]:-translate-y-4 peer-[.dropdown-active]:font-normal peer-[.dropdown-active]:left-3 peer-[.dropdown-active]:scale-75 peer-[.dropdown-active]:text-grey-110 peer-[.filled]:-translate-y-4 peer-[.filled]:font-normal peer-[.filled]:left-3 peer-[.filled]:scale-75 peer-[.filled]:text-grey-110 peer-[.focus]:-translate-y-4 peer-[.focus]:font-normal peer-[.focus]:left-3 peer-[.focus]:scale-75 peer-[.focus]:text-grey-110 peer-[.has-items]:-translate-y-4 peer-[.has-items]:font-normal peer-[.has-items]:left-3 peer-[.has-items]:scale-75 peer-[.has-items]:text-grey-110 scale-100 text-grey-110 text-queen-100 text-responsive-xs text-style-body top-4 transform translate-y-3 z-10" > <p> km </p> </label> <div class="bg-niagara-100 bg-queen-100 group-[.error]:bg-fire-100 h-0.5 peer-[.disabled]:bg-grey-100 peer-[.disabled]:peer-[.filled]:hidden peer-[.disabled]:pointer-events-none peer-[.filled]:bg-niagara-100 peer-[.has-items]:bg-niagara-100 peer-focus:bg-niagara-100 rounded"></div> </div> <div class="button-prototype hidden"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-disabled:bg-inherit rounded-md w-fit" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-disabled:border-grey-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] p-2 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 h-4 relative shrink-0 w-4" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60877)"> <path d="M12.0007 10.5857L16.9507 5.63574L18.3647 7.04974L13.4147 11.9997L18.3647 16.9497L16.9507 18.3637L12.0007 13.4137L7.05072 18.3637L5.63672 16.9497L10.5867 11.9997L5.63672 7.04974L7.05072 5.63574L12.0007 10.5857Z" /> </g> <defs> <clipPath id="clip0_1428_60877"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> </div> </div> </button> </div> </div> </div> </div> </div> <input type="hidden" name="places_type" wire:model="type" value=""> <input type="hidden" name="countrycode" wire:model="countrycode" value=""> <input type="hidden" name="state" wire:model="state" value=""> <input type="hidden" name="latlng" wire:model="latlng" value=""> </div> </div> <div class="col-span-full md:col-start-2 md:col-end-6 lg:col-start-8 lg:col-end-11"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-disabled:bg-inherit rounded-md w-full" type="submit" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-disabled:border-grey-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="justify-center" > <p class="first-letter:uppercase group-disabled:text-grey-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Job finden </p> </div> </div> </div> </button> </div> </div> </form> </div> <div class="gap-x-4 grid grid-cols-2 lg:gap-x-4 lg:grid-cols-12 md:gap-x-3 md:grid-cols-6" > <div class="col-span-full justify-self-center"> <a href="#fresh-out-of-the-box" aria-label="Scroll down"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-auto" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="flex gap-x-2 group items-center p-1 rounded-md"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-s text-style-body"> </p> </div> <div class="bg-white-100 border border-queen-100 duration-300 group-active:shadow-none group-active:translate-x-[2px] group-active:translate-y-[2px] group-disabled:border-grey-100 group-disabled:shadow-none group-disabled:translate-x-0 group-disabled:translate-y-0 group-hover:-translate-x-[2px] group-hover:-translate-y-[2px] group-hover:shadow-m p-1 p-1 rounded-full shadow-s transform transition"> <svg class="fill-queen-100 group-disabled:fill-grey-100 h-[26px] w-[26px]" width="45" height="45" viewBox="0 0 45 45" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_3007_92024)"> <path d="M22.0008 33.4035C21.8167 33.4038 21.6344 33.3676 21.4644 33.2971C21.2943 33.2267 21.1399 33.1233 21.0099 32.9929L7.4099 19.3929C7.14905 19.1297 7.00308 18.7739 7.00391 18.4034C7.00474 18.0328 7.15232 17.6777 7.41435 17.4156C7.67637 17.1536 8.03152 17.006 8.40208 17.0052C8.77264 17.0044 9.12845 17.1503 9.39165 17.4112L22.0008 30.0203L34.6104 17.4112C34.8735 17.1498 35.2295 17.0033 35.6004 17.0039C35.9712 17.0045 36.3268 17.1521 36.589 17.4144C36.8513 17.6766 36.9989 18.0321 36.9994 18.403C37 18.7739 36.8536 19.1299 36.5922 19.393L22.9917 32.993C22.8617 33.1233 22.7073 33.2267 22.5372 33.2971C22.3672 33.3676 22.1849 33.4038 22.0008 33.4035Z" /> </g> <defs> <clipPath id="clip0_3007_92024"> <rect width="30" height="16.4028" fill="white" transform="translate(7 17)"/> </clipPath> </defs> </svg> </div> </div> </button> </a> </div> </div> </div> </section> <section id="fresh-out-of-the-box" class="py-10 md:py-24"> <div class="container mb-12"> <h2 class="text-style-headline text-responsive-xl mb-1">Fresh out of the Box!</h2> <p class="text-style-body text-responsive-xs">Unsere aktuellen Jobs – bewirb dich jetzt!</p> </div> <div class="overflow-x-hidden!"> <div class="swiper container overflow-visible! pt-6!" x-ref="swiper" x-data="swiper({ slidesPerViewMobile: 1, slidesPerViewTablet: 2, slidesPerViewDesktop: 3, slidesPerGroupMobile: 1, slidesPerGroupTablet: 1, slidesPerGroupDesktop: 1, slidesOffsetBeforeMobile: 1, slidesOffsetAfterMobile: 1, slidesOffsetBeforeTablet: null, slidesOffsetAfterTablet: null, slidesOffsetBeforeDesktop: null, slidesOffsetAfterDesktop: null, spaceBetween: 20, paginationStyle: 'bullets', reInitFlag: null, } )" @init-swiper.window="reInit($event.detail.reInitFlag, $event.detail.newSlideCount)" > <div class="swiper-wrapper mb-4 md:mb-10" > <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/referentin-online-marketing-mit-themenschwerpunkt-kinder-und-diabetes-vollzeit-oder-teilzeit-mind-30-hwoche-diabetesde-deutsche-diabetes-hilfe-ev"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/referentin-online-marketing-mit-themenschwerpunkt-kinder-und-diabetes-vollzeit-oder-teilzeit-mind-30-hwoche-diabetesde-deutsche-diabetes-hilfe-ev" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-d8e5c3f8-1d24-4401-be55-4d5cd9b30f48"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-d8e5c3f8-1d24-4401-be55-4d5cd9b30f48', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Referent*in Online-Marketing mit Themenschwerpunkt Kinder und Diabetes</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Berlin </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Nur vor Ort </span> <span id="remote-work-tooltip-9e926695-8df2-461e-b43d-70ee99df1951"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e926695-8df2-461e-b43d-70ee99df1951', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | Nur vor Ort</p><p class="text-style-body text-responsive-xxs">bedeutet, dass es einen festen Standort für die Tätigkeit gibt.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 4 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Flexibel </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 0 - 60 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Befristetes Arbeitsverhältnis </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/UlvJA1AKojYmkyLmOpWewG-w6xX937OrpMD2cDjtDcU/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzL2Q4ZTVjM2Y4LTFkMjQtNDQwMS1iZTU1LTRkNWNkOWIzMGY0OC9kaWFiZXRlc0RFLUxvZ28ucG5n.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > diabetesDE - Deutsche Diabetes-Hilfe e.V. </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e926695-8df2-461e-b43d-70ee99df1951","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"sRHGBKnXXtZSDfaqWjRI","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"e8139ffc591b910a8460e7b6789e9b16ba9535e56e49400f796255c385c92f49"}" wire:effects="[]" wire:id="sRHGBKnXXtZSDfaqWjRI"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('sRHGBKnXXtZSDfaqWjRI').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e926695-8df2-461e-b43d-70ee99df1951","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"rDrajRuusZXeCvdh4dbK","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"994e6840f60e36df7e39fba4a4d17ce74cde5ad39daa7f61832bae8b255251fa"}" wire:effects="[]" wire:id="rDrajRuusZXeCvdh4dbK"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('rDrajRuusZXeCvdh4dbK') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('rDrajRuusZXeCvdh4dbK').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('rDrajRuusZXeCvdh4dbK').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e926695-8df2-461e-b43d-70ee99df1951'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="flex flex-col bg-gradient-to-r from-yellow-100 from-0% to-peach-100 to-100% border-2 border-queen-100 h-auto lg:w-1/3 md:w-1/2 overflow-hidden rounded-md shrink-0 slide transition-transform w-4/5" id=""> <div class="flex flex-col grow h-auto w-full"> <div class="grow pb-5 pt-8 px-6"> <h3 class="text-style-hero text-[18px] md:text-[28px] uppercase mb-4"> Wir finden deinen Traumjob 🎉<br>jetzt registrieren! </h3> <p class="text-style-body text-new-xxs md:text-new-s mb-4"> Erstelle dein <span class="font-bold">kostenloses Konto</span> und wir finden deinen perfekten Job. </p> <div class="flex flex-col gap-2 md:pt-2"> <div class="flex gap-x-2.5 items-center" > <svg class="-top-0.5 fill-none h-10 relative shrink-0 w-10" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M14.9702 30.51C15.2902 30.44 22.1702 28.96 23.6302 28.65C25.3402 28.29 25.6202 27.52 25.5802 26.94C25.5202 26.18 25.0002 25.6 23.2102 25.8C21.9102 25.94 21.0902 26.07 19.3702 26.03C17.7502 25.99 15.9202 25.12 13.4402 25.43C10.0202 25.86 8.96023 28.39 8.60023 29.31C8.24023 30.23 6.24023 36.05 6.24023 36.05H13.3702C13.3702 36.05 13.9102 34.17 16.6202 33.8C19.3302 33.43 22.2202 33.56 22.9302 32.98C23.6402 32.4 23.8202 31.87 24.8602 31.33C25.9002 30.79 32.6802 26.95 33.3202 26.43C33.8002 26.04 33.9102 25.2 33.5402 24.57C33.1702 23.94 32.3902 23.7 31.3402 24.2C30.2902 24.7 25.6002 27.08 25.6002 27.08" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27.7293 7.38989H11.7793V21.2399H27.7293V7.38989Z" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1797 16.45H27.3397" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.1895 7.31996V3.95996H23.3295V7.38996" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.3109 13.4199H19.2109V14.0199H20.3109V13.4199Z" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Personalisierte Jobempfehlungen </p> </div> <div class="flex gap-x-2.5 items-center" > <svg class="-top-0.5 fill-none h-10 relative shrink-0 w-10" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M32.8995 17.7299H32.5395V13.9599C32.5395 11.0499 30.1495 8.68994 27.2095 8.68994C24.2695 8.68994 21.8795 11.0499 21.8795 13.9599V17.7299H21.5195C21.1095 17.7299 20.7695 18.0699 20.7695 18.4799C20.7695 18.8899 21.1095 19.2299 21.5195 19.2299H25.7495C25.7495 20.0099 26.3895 20.6499 27.1695 20.6499C27.9495 20.6499 28.5895 20.0199 28.5895 19.2299H32.8995C33.3095 19.2299 33.6495 18.8899 33.6495 18.4799C33.6495 18.0699 33.3095 17.7299 32.8995 17.7299ZM31.0495 17.7299H23.3895V13.9599C23.3895 11.8799 25.1095 10.1899 27.2195 10.1899C29.3295 10.1899 31.0495 11.8799 31.0495 13.9599V17.7299Z" fill="#00A9A9"/> <path d="M27.1793 22.6499C26.9393 22.6499 26.7093 22.6099 26.4893 22.5699C26.4893 22.5999 26.4693 22.6199 26.4693 22.6499V28.4799H7.7793V16.8899L16.6293 23.5199C16.7593 23.6199 16.9193 23.6699 17.0793 23.6699C17.2393 23.6699 17.3893 23.6199 17.5293 23.5199L20.7693 21.1199C20.2393 20.9699 19.7793 20.6599 19.4293 20.2399L17.0793 21.9799L9.2693 16.1299H19.8793V14.6299H7.0293C6.6193 14.6299 6.2793 14.9699 6.2793 15.3799V29.2299C6.2793 29.6399 6.6193 29.9799 7.0293 29.9799H27.2193C27.6293 29.9799 27.9693 29.6399 27.9693 29.2299V22.6499C27.9693 22.6499 27.9593 22.5899 27.9493 22.5599C27.6993 22.6199 27.4393 22.6499 27.1793 22.6499Z" fill="#00A9A9"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Job-Alerts per Mail </p> </div> <div class="flex gap-x-2.5 items-center" > <svg class="-top-0.5 fill-none h-10 relative shrink-0 w-10" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M8.46092 25.9C8.19092 23.75 9.26092 22.68 9.80092 21.34C10.3409 20 10.6009 18.66 10.3409 16.78C10.0709 14.9 9.47092 12.7 9.80092 12.2C10.3409 11.4 11.6309 11.66 12.4409 12.2C13.2409 12.74 14.0509 14.1 14.6309 15.44C15.1709 16.7 15.1709 17.85 15.1709 18.66V20L28.0409 13.83C29.6109 13 30.6809 13.27 31.2609 14.1C32.0909 15.28 31.2609 16.51 30.1909 17.05C29.3309 17.48 23.7109 20.27 21.5709 21.34C22.9109 20.78 25.5909 18.9 26.6609 20.51C27.7309 22.12 25.8609 23.19 23.4409 24.26C24.4009 23.82 26.6609 22.65 27.4609 23.99C28.2609 25.33 27.1909 26.14 25.3109 27.23C26.1109 26.78 27.5609 26.19 28.2609 27.23C29.0609 28.42 28.2609 29.62 26.1109 30.96C24.8909 31.72 21.0209 33.4 19.4109 33.94C17.8009 34.48 14.4709 34.23 12.4409 32.6C11.1009 31.53 8.83092 28.85 8.46092 25.89V25.9Z" stroke="#00A9A9" stroke-width="1.5" stroke-linejoin="round"/> <path d="M14.3105 8.47998L16.0405 10.42" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M26.23 8.47998L24.5 10.42" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M20.2109 5.79004V8.39004" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Einfache Verwaltung deiner Jobs </p> </div> <div class="flex gap-x-2.5 items-center" > <svg class="-top-0.5 fill-none h-10 relative shrink-0 w-10" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M13.0508 11.4399H24.4408" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.0605 4.58005V2.05005H21.4305V4.63005" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.3301 8.90991H19.1501H18.3301Z" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M30.1502 15.23L28.4902 14.46" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M28.4902 4.84007L30.1502 4.07007" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M7.16992 14.8399L9.00992 14.1499" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M9.00016 4.46002L7.16016 3.77002" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M31.7202 9.34004L28.9902 9.29004" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M5.06055 9.30005L7.79055 9.32005" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round"/> <path d="M19.8601 37.6101C17.9601 37.0101 16.7801 36.0401 15.8601 35.0801C14.9401 34.1201 13.8301 30.9001 13.7401 29.1501C13.6201 26.9501 12.3901 23.8301 14.2601 23.5501C15.5601 23.3601 17.2101 24.6401 17.4601 28.1001C17.5101 28.7301 17.4101 21.6101 17.3201 20.1901C17.2301 18.7701 17.2501 16.5901 17.2501 16.5901C17.1601 14.9601 17.7901 14.1701 18.7101 14.0001C20.0201 13.7601 20.7301 14.9201 20.7701 16.0301C20.8001 16.9101 20.9801 22.6901 21.0601 24.8901C21.1001 23.5501 20.5601 20.5901 22.3201 20.3101C24.0801 20.0301 24.2601 22.0101 24.2301 24.4401C24.2301 23.4601 24.1201 21.1301 25.5501 20.9701C26.9801 20.8101 27.2401 22.0201 27.4401 24.0101C27.3701 23.1701 27.4401 21.7301 28.5701 21.5401C29.8701 21.3201 30.5701 22.4601 30.8701 24.7601C31.0401 26.0701 30.9601 29.9601 30.8001 31.5101C30.6301 33.0601 29.1501 35.7501 27.0101 36.8301C25.6001 37.5401 22.4901 38.4201 19.8701 37.5901L19.8601 37.6101Z" stroke="#00A9A9" stroke-width="1.5" stroke-linejoin="round"/> <path d="M18.7102 14.0099C19.6102 13.8499 20.2302 14.3499 20.5302 15.0499H24.7402V4.62988H12.7402V15.0399H17.4602C17.7102 14.4399 18.1602 14.1099 18.7102 13.9999V14.0099Z" stroke="#00A9A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Handverlesene Jobs mit Sinn </p> </div> </div> </div> <div class="border-queen-100 border-t p-6 pt-[22px]"> <div class="hidden md:block"> <a href="https://goodjobs.eu/register?variant=reasons"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="border border-queen-100 cursor-pointer disabled:border-0 disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-queen-100 duration-300 group-disabled:bg-grey-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="text-responsive-xs text-style-headline text-white-100"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 h-[26px] relative shrink-0 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59626)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM7.013 18.256C8.42855 19.3877 10.1877 20.0029 12 20C13.97 20 15.773 19.288 17.167 18.108C16.5157 17.4397 15.7371 16.9089 14.877 16.5468C14.017 16.1847 13.0931 15.9988 12.16 16C11.1926 15.9989 10.2355 16.1989 9.34947 16.5872C8.46343 16.9756 7.66778 17.5439 7.013 18.256ZM5.616 16.82C6.45645 15.9281 7.47067 15.2177 8.59614 14.7327C9.72161 14.2477 10.9345 13.9984 12.16 14C13.3417 13.9985 14.512 14.2304 15.6037 14.6824C16.6955 15.1344 17.6873 15.7976 18.522 16.634C19.3781 15.4291 19.8836 14.0106 19.9826 12.5359C20.0815 11.0612 19.77 9.58789 19.0825 8.27946C18.395 6.97102 17.3585 5.87862 16.088 5.12345C14.8174 4.36827 13.3625 3.97984 11.8846 4.00125C10.4067 4.02267 8.96366 4.45308 7.71552 5.24476C6.46738 6.03643 5.46296 7.1584 4.81369 8.4862C4.16442 9.814 3.89569 11.2957 4.03732 12.7669C4.17894 14.2382 4.72537 15.6414 5.616 16.821V16.82ZM12 13C10.9391 13 9.92172 12.5786 9.17157 11.8284C8.42143 11.0783 8 10.0609 8 9C8 7.93913 8.42143 6.92172 9.17157 6.17157C9.92172 5.42143 10.9391 5 12 5C13.0609 5 14.0783 5.42143 14.8284 6.17157C15.5786 6.92172 16 7.93913 16 9C16 10.0609 15.5786 11.0783 14.8284 11.8284C14.0783 12.5786 13.0609 13 12 13ZM12 11C12.5304 11 13.0391 10.7893 13.4142 10.4142C13.7893 10.0391 14 9.53043 14 9C14 8.46957 13.7893 7.96086 13.4142 7.58579C13.0391 7.21071 12.5304 7 12 7C11.4696 7 10.9609 7.21071 10.5858 7.58579C10.2107 7.96086 10 8.46957 10 9C10 9.53043 10.2107 10.0391 10.5858 10.4142C10.9609 10.7893 11.4696 11 12 11Z" /> </g> <defs> <clipPath id="clip0_1428_59626"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase label-text text-responsive-xs text-style-headline text-white-100" > Konto erstellen </p> </div> </div> </div> </button> </a> </div> <div class="md:hidden"> <a href="https://goodjobs.eu/register?variant=reasons"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="border border-queen-100 cursor-pointer disabled:border-0 disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-queen-100 duration-300 group-disabled:bg-grey-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="text-responsive-xs text-style-headline text-white-100"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 h-[26px] relative shrink-0 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59626)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM7.013 18.256C8.42855 19.3877 10.1877 20.0029 12 20C13.97 20 15.773 19.288 17.167 18.108C16.5157 17.4397 15.7371 16.9089 14.877 16.5468C14.017 16.1847 13.0931 15.9988 12.16 16C11.1926 15.9989 10.2355 16.1989 9.34947 16.5872C8.46343 16.9756 7.66778 17.5439 7.013 18.256ZM5.616 16.82C6.45645 15.9281 7.47067 15.2177 8.59614 14.7327C9.72161 14.2477 10.9345 13.9984 12.16 14C13.3417 13.9985 14.512 14.2304 15.6037 14.6824C16.6955 15.1344 17.6873 15.7976 18.522 16.634C19.3781 15.4291 19.8836 14.0106 19.9826 12.5359C20.0815 11.0612 19.77 9.58789 19.0825 8.27946C18.395 6.97102 17.3585 5.87862 16.088 5.12345C14.8174 4.36827 13.3625 3.97984 11.8846 4.00125C10.4067 4.02267 8.96366 4.45308 7.71552 5.24476C6.46738 6.03643 5.46296 7.1584 4.81369 8.4862C4.16442 9.814 3.89569 11.2957 4.03732 12.7669C4.17894 14.2382 4.72537 15.6414 5.616 16.821V16.82ZM12 13C10.9391 13 9.92172 12.5786 9.17157 11.8284C8.42143 11.0783 8 10.0609 8 9C8 7.93913 8.42143 6.92172 9.17157 6.17157C9.92172 5.42143 10.9391 5 12 5C13.0609 5 14.0783 5.42143 14.8284 6.17157C15.5786 6.92172 16 7.93913 16 9C16 10.0609 15.5786 11.0783 14.8284 11.8284C14.0783 12.5786 13.0609 13 12 13ZM12 11C12.5304 11 13.0391 10.7893 13.4142 10.4142C13.7893 10.0391 14 9.53043 14 9C14 8.46957 13.7893 7.96086 13.4142 7.58579C13.0391 7.21071 12.5304 7 12 7C11.4696 7 10.9609 7.21071 10.5858 7.58579C10.2107 7.96086 10 8.46957 10 9C10 9.53043 10.2107 10.0391 10.5858 10.4142C10.9609 10.7893 11.4696 11 12 11Z" /> </g> <defs> <clipPath id="clip0_1428_59626"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase label-text text-responsive-xs text-style-headline text-white-100" > Konto erstellen </p> </div> </div> </div> </button> </a> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/werkstudentin-studentische-aushilfe-gn-crm-marketing-zeitverlag-zeit-verlagsgruppe"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/werkstudentin-studentische-aushilfe-gn-crm-marketing-zeitverlag-zeit-verlagsgruppe" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-9877019c-0957-4582-8eec-a9b8c6126d8b"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-9877019c-0957-4582-8eec-a9b8c6126d8b', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Werkstudent*in / studentische Aushilfe (gn) CRM Marketing Zeitverlag</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Hamburg </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9e97e603-7d62-4610-bb0a-e8b3c0e2ac2a"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e97e603-7d62-4610-bb0a-e8b3c0e2ac2a', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Teilzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Werkstudent*in, Befristetes Arbeitsverhältnis </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/0_WDrcKyaVFhp466t9wrxS7KG_ns0ivTGum1E0nZwV4/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk4NzcwMTljLTA5NTctNDU4Mi04ZWVjLWE5YjhjNjEyNmQ4Yi9kZXNHemNFUHJ6czJtdTVTbzByemRHd29lbThSY2VpTTlDOEJZdFZFLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > ZEIT Verlagsgruppe </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e97e603-7d62-4610-bb0a-e8b3c0e2ac2a","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"zz8VIsLZfqJVq3lzmPae","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"7c47b9c845f38793052689b10fe674ff07bdb1c3402fb99850f5d0d8cc21beba"}" wire:effects="[]" wire:id="zz8VIsLZfqJVq3lzmPae"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('zz8VIsLZfqJVq3lzmPae').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e97e603-7d62-4610-bb0a-e8b3c0e2ac2a","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"qCdu4sVCWq6W0XgUlHcw","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"dd40256dfa3401f0e6810860a5fd987aa3414ecba6cd8eef1fc8ba54b314dc00"}" wire:effects="[]" wire:id="qCdu4sVCWq6W0XgUlHcw"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('qCdu4sVCWq6W0XgUlHcw') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('qCdu4sVCWq6W0XgUlHcw').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('qCdu4sVCWq6W0XgUlHcw').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e97e603-7d62-4610-bb0a-e8b3c0e2ac2a'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/geschaftsfuhrung-gn-familienpflege-esslingen-cpukrop-ggmbh"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/geschaftsfuhrung-gn-familienpflege-esslingen-cpukrop-ggmbh" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-9e920d9b-1524-49b6-955e-de568272a361"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-9e920d9b-1524-49b6-955e-de568272a361', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Geschäftsführung (gn) </h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Esslingen am Neckar </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Nur vor Ort </span> <span id="remote-work-tooltip-9e9233f8-7d7d-434f-85f2-a5e7216d7a66"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e9233f8-7d7d-434f-85f2-a5e7216d7a66', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | Nur vor Ort</p><p class="text-style-body text-responsive-xxs">bedeutet, dass es einen festen Standort für die Tätigkeit gibt.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 5 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/oCk977T8vvJn8UWwEnn1Yf-j3TynHXR05FBM0FyWmtA/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzllOTIwZDliLTE1MjQtNDliNi05NTVlLWRlNTY4MjcyYTM2MS9uNVh3cUdOdmZVSzQzTjdVZjAzQThMalNtV3ZkZnIxbHBRcEdaWFp0LnBuZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Familienpflege Esslingen C.Pukrop gGmbH </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e9233f8-7d7d-434f-85f2-a5e7216d7a66","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"NVOhXZ1dJAatPGvOzaMr","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"d3d86fb288caa9103a0b2b920588a5d96cfc5dd4b8d7da30dbf9e3b27fbe657b"}" wire:effects="[]" wire:id="NVOhXZ1dJAatPGvOzaMr"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('NVOhXZ1dJAatPGvOzaMr').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e9233f8-7d7d-434f-85f2-a5e7216d7a66","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"oCvfX6CAaM409ry768bp","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"3a30819ef4944e77b9bc34885b5c125011a305f6653ecd2b51ad5f125fc4cd61"}" wire:effects="[]" wire:id="oCvfX6CAaM409ry768bp"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('oCvfX6CAaM409ry768bp') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('oCvfX6CAaM409ry768bp').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('oCvfX6CAaM409ry768bp').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e9233f8-7d7d-434f-85f2-a5e7216d7a66'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/projektentwicklerin-projektmanagerin-photovoltaik-green-planet-energy-eg"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/projektentwicklerin-projektmanagerin-photovoltaik-green-planet-energy-eg" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-5e6329a4-9019-4679-99de-a8be52193578"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-5e6329a4-9019-4679-99de-a8be52193578', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Projektentwickler:in / Projektmanager:in Photovoltaik</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Hamburg </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9d1c3682-79a0-4951-8ee7-8f7b851024f2"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9d1c3682-79a0-4951-8ee7-8f7b851024f2', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/4qMvEXm7Oxu1mV2a1bcz3aVEaNjTc8iOS8ytys3O5Us/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzVlNjMyOWE0LTkwMTktNDY3OS05OWRlLWE4YmU1MjE5MzU3OC9lU2xqVktzeUlOZ2V4QkpXaHRTMm9CcWk0dWxSakJtUGtvbHVSUlBQLnBuZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Green Planet Energy e.G. </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9d1c3682-79a0-4951-8ee7-8f7b851024f2","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.articles.category","company.articles.user","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"LMTipiXxDUwGQsX5Ao0z","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"7975c90b46d7c00f04a1391c684f2fa1fe0cf0fcdeae87e90206cdce1fb07b2c"}" wire:effects="[]" wire:id="LMTipiXxDUwGQsX5Ao0z"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('LMTipiXxDUwGQsX5Ao0z').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9d1c3682-79a0-4951-8ee7-8f7b851024f2","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.articles.category","company.articles.user","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"yBQRuBLOjUtli6FWZRsa","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"9b8f5b12aed9a4f6b961a1d2fb7ea161d66a347c0bf12efb2cb75990e3130e8b"}" wire:effects="[]" wire:id="yBQRuBLOjUtli6FWZRsa"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('yBQRuBLOjUtli6FWZRsa') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('yBQRuBLOjUtli6FWZRsa').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('yBQRuBLOjUtli6FWZRsa').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9d1c3682-79a0-4951-8ee7-8f7b851024f2'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/studentischer-praktikantin-veranstaltungen-zeit-verlagsgruppe"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/studentischer-praktikantin-veranstaltungen-zeit-verlagsgruppe" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-9877019c-0957-4582-8eec-a9b8c6126d8b"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-9877019c-0957-4582-8eec-a9b8c6126d8b', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Studentische*r Praktikant*in Veranstaltungen</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Hamburg </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9e984637-c441-4b6d-a5a7-7bd51e7beb02"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e984637-c441-4b6d-a5a7-7bd51e7beb02', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Praktikum, Befristetes Arbeitsverhältnis </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/0_WDrcKyaVFhp466t9wrxS7KG_ns0ivTGum1E0nZwV4/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk4NzcwMTljLTA5NTctNDU4Mi04ZWVjLWE5YjhjNjEyNmQ4Yi9kZXNHemNFUHJ6czJtdTVTbzByemRHd29lbThSY2VpTTlDOEJZdFZFLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > ZEIT Verlagsgruppe </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e984637-c441-4b6d-a5a7-7bd51e7beb02","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"OnVoJpVAN7Uycs9kUsyL","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"0b27789b16633238f76415003158d98c5d0601c5d5edc7e59605caef1d8d6683"}" wire:effects="[]" wire:id="OnVoJpVAN7Uycs9kUsyL"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('OnVoJpVAN7Uycs9kUsyL').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e984637-c441-4b6d-a5a7-7bd51e7beb02","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"mVha6k48BN35uSd0peeW","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"60f9b93678f6a364e95d136e1db19a98aec3e12e68685f14ed630c1a231afbf2"}" wire:effects="[]" wire:id="mVha6k48BN35uSd0peeW"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('mVha6k48BN35uSd0peeW') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('mVha6k48BN35uSd0peeW').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('mVha6k48BN35uSd0peeW').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e984637-c441-4b6d-a5a7-7bd51e7beb02'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/vertriebsmitarbeiterin-im-aussendienst-laselva-toskana-feinkost-vertriebs-gmbh-1"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/vertriebsmitarbeiterin-im-aussendienst-laselva-toskana-feinkost-vertriebs-gmbh-1" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-953c8d7e-a97a-4134-bbd3-2e688d57d441"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-953c8d7e-a97a-4134-bbd3-2e688d57d441', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Vertriebsmitarbeiter*in im Außendienst</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Gräfelfing </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9d0a11d9-6239-4e1d-b38d-789370a3ad55"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9d0a11d9-6239-4e1d-b38d-789370a3ad55', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/-Z3V5KGCMYECb4f9OybnCUH88lCXPlpDLZRwtZvzp4s/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk1M2M4ZDdlLWE5N2EtNDEzNC1iYmQzLTJlNjg4ZDU3ZDQ0MS9wMnhlVkxPRjJYS3lPRlprekJFQ2gzWnF0T3hWbVZxRk9uYjYzOHpsLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > LaSelva Toskana Feinkost Vertriebs GmbH </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9d0a11d9-6239-4e1d-b38d-789370a3ad55","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"ge5cX5ueHNbsi2KsluWD","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"8f30c02465f872beb2b9fbd63f89e69ac57becdf672c9ed640880e16d59de94c"}" wire:effects="[]" wire:id="ge5cX5ueHNbsi2KsluWD"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('ge5cX5ueHNbsi2KsluWD').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9d0a11d9-6239-4e1d-b38d-789370a3ad55","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"jArrO6GRIrHKc99VUYaV","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"d1b7841b1cbe43d9db0cc11de37e838d6fd6a32660fc88248cde0e4ee6419938"}" wire:effects="[]" wire:id="jArrO6GRIrHKc99VUYaV"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('jArrO6GRIrHKc99VUYaV') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('jArrO6GRIrHKc99VUYaV').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('jArrO6GRIrHKc99VUYaV').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9d0a11d9-6239-4e1d-b38d-789370a3ad55'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/digital-marketing-managerin-schwerpunkt-e-mail-marketing-female-leadership-academy"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/digital-marketing-managerin-schwerpunkt-e-mail-marketing-female-leadership-academy" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-96aaacce-143d-42f2-829d-d895ae371341"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-96aaacce-143d-42f2-829d-d895ae371341', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Digital Marketing Manager*in Schwerpunkt E-Mail Marketing</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Hamburg </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9e927970-7b31-4065-b7c0-3fa8217c6c15"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e927970-7b31-4065-b7c0-3fa8217c6c15', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 4 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Flexibel </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 30 - 40 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/SBJfGyHO_TtjQ5onKp8CzC7J-R93T1kcjRE6GSSmCdg/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk2YWFhY2NlLTE0M2QtNDJmMi04MjlkLWQ4OTVhZTM3MTM0MS9iZ20zSGZzc2VoVUZ1QkN0dzRFUEtLdERLcU9rY2VvZEZsUU5YcEt6LmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Female Leadership Academy </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e927970-7b31-4065-b7c0-3fa8217c6c15","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"PYso7qKnB2fTyRTCdL8y","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"e832273c6b3a85df072c8d897b9d910cde7b55d1476efae2f1f20564168eeb7f"}" wire:effects="[]" wire:id="PYso7qKnB2fTyRTCdL8y"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('PYso7qKnB2fTyRTCdL8y').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e927970-7b31-4065-b7c0-3fa8217c6c15","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"RcglhJmp1YaCp3RWGnCK","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"94442ae7d4b1b4ae51dc3958ea94d04c0480ae75acb4c5a454ce860d9208683c"}" wire:effects="[]" wire:id="RcglhJmp1YaCp3RWGnCK"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('RcglhJmp1YaCp3RWGnCK') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('RcglhJmp1YaCp3RWGnCK').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('RcglhJmp1YaCp3RWGnCK').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e927970-7b31-4065-b7c0-3fa8217c6c15'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/leiterin-der-verwaltung-am-goethe-institut-beirut-goethe-institut-ev"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/leiterin-der-verwaltung-am-goethe-institut-beirut-goethe-institut-ev" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-c0f7c433-8dff-48e7-9ab6-81310453c2e1"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-c0f7c433-8dff-48e7-9ab6-81310453c2e1', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline"> Leiter*in der Verwaltung am Goethe-Institut Beirut</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Beirut </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9d34593d-77fc-4616-a76f-fbf47a93abb2"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9d34593d-77fc-4616-a76f-fbf47a93abb2', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 5 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 39 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Befristetes Arbeitsverhältnis </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/REskm9I9iof0yDS69TDCkrl0dp7L4iw7t0PM2w4v4k8/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzL2MwZjdjNDMzLThkZmYtNDhlNy05YWI2LTgxMzEwNDUzYzJlMS9GYWNlYm9vay1Ud2l0dGVyLVlvdVR1YmVfMjAxNy5qcGc=.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Goethe-Institut e.V. </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9d34593d-77fc-4616-a76f-fbf47a93abb2","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"rotm12mC23KBoroqUbjW","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"ee4a6b2a515b60295dc0e5a0deea6b8b43475bb9602bc98ab07aa6da5c30665c"}" wire:effects="[]" wire:id="rotm12mC23KBoroqUbjW"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('rotm12mC23KBoroqUbjW').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9d34593d-77fc-4616-a76f-fbf47a93abb2","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"tiV66D7gu1yRnfMm25LA","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"1b1bb35698c5ebaf47761129cb141475acdd30ab1ea09f67e4d35aff9ac88c7e"}" wire:effects="[]" wire:id="tiV66D7gu1yRnfMm25LA"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('tiV66D7gu1yRnfMm25LA') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('tiV66D7gu1yRnfMm25LA').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('tiV66D7gu1yRnfMm25LA').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9d34593d-77fc-4616-a76f-fbf47a93abb2'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/mitarbeiterin-im-rechnungswesen-forum-berufsbildung-ev"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/mitarbeiterin-im-rechnungswesen-forum-berufsbildung-ev" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-780ba24c-9dc7-4dc9-9928-7b1d42dd4b33"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-780ba24c-9dc7-4dc9-9928-7b1d42dd4b33', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Mitarbeiter*in im Rechnungswesen</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Berlin </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Nur vor Ort </span> <span id="remote-work-tooltip-9e5e1641-f572-4c84-9ce5-3b937c28928e"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e5e1641-f572-4c84-9ce5-3b937c28928e', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | Nur vor Ort</p><p class="text-style-body text-responsive-xxs">bedeutet, dass es einen festen Standort für die Tätigkeit gibt.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Flexibel </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/F7jKqwdgwh1IJ7wYRZZ5f7Imfuk0kxp9fWcby3IIYlA/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzc4MGJhMjRjLTlkYzctNGRjOS05OTI4LTdiMWQ0MmRkNGIzMy9mb3J1bV9sb2dvLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > FORUM Berufsbildung e.V. </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e5e1641-f572-4c84-9ce5-3b937c28928e","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"yT25AwTNnMQ9nMOWDzT4","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"910d216e4d8117b16a9c4c7b257d2820a3f7625a6c1f0fdb4b81d1f014aaa1e2"}" wire:effects="[]" wire:id="yT25AwTNnMQ9nMOWDzT4"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('yT25AwTNnMQ9nMOWDzT4').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e5e1641-f572-4c84-9ce5-3b937c28928e","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"7E4oTnUWJQg0LCKHQ0OG","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"df3e6ce2374e431ac1423e7b6ef1b921f5d3eecaa55e3419da1f58e887510499"}" wire:effects="[]" wire:id="7E4oTnUWJQg0LCKHQ0OG"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('7E4oTnUWJQg0LCKHQ0OG') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('7E4oTnUWJQg0LCKHQ0OG').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('7E4oTnUWJQg0LCKHQ0OG').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e5e1641-f572-4c84-9ce5-3b937c28928e'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/personalreferentin-schwerpunkt-recruiting-gls-gemeinschaftsbank-eg"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/personalreferentin-schwerpunkt-recruiting-gls-gemeinschaftsbank-eg" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-ed620e4f-06b1-472d-bb4c-03bae4a98e7d"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-ed620e4f-06b1-472d-bb4c-03bae4a98e7d', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Personalreferent*in – Schwerpunkt Recruiting</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Bochum </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9dc0d26b-aaa0-438c-894a-588a94c9e1c2"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9dc0d26b-aaa0-438c-894a-588a94c9e1c2', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 4 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/EVmVqs-SrtnpN75jmSW6_T2KY5IF3ihAgFEMlDvHDVs/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzL2VkNjIwZTRmLTA2YjEtNDcyZC1iYjRjLTAzYmFlNGE5OGU3ZC8yWkx6Y2dmc29TbE8xTHNmRWhHQmh1d1lXaEpVNlM4ZTduOGt0WDVPLnBuZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > GLS Gemeinschaftsbank e.G. </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> <div class="bg-sand-100 leading-none px-3 py-2 rounded-[56px] w-fit"> <div class="flex gap-x-2 items-center" > <svg class="-top-0.5 h-4 relative shrink-0 w-4" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_58768)"> <path d="M16.394 11.9993L10 7.73634V16.2623L16.394 11.9993ZM19.376 12.4153L8.777 19.4813C8.70171 19.5314 8.61423 19.5602 8.52389 19.5645C8.43355 19.5688 8.34373 19.5486 8.264 19.5059C8.18427 19.4632 8.1176 19.3997 8.07111 19.3221C8.02462 19.2445 8.00005 19.1558 8 19.0653V4.93334C8.00005 4.84289 8.02462 4.75416 8.07111 4.67658C8.1176 4.599 8.18427 4.53548 8.264 4.49279C8.34373 4.45011 8.43355 4.42984 8.52389 4.43416C8.61423 4.43849 8.70171 4.46723 8.777 4.51734L19.376 11.5833C19.4445 11.629 19.5006 11.6909 19.5395 11.7634C19.5783 11.836 19.5986 11.917 19.5986 11.9993C19.5986 12.0816 19.5783 12.1627 19.5395 12.2352C19.5006 12.3078 19.4445 12.3697 19.376 12.4153Z" /> </g> <defs> <clipPath id="clip0_1428_58768"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > Company Video </p> </div> </div> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9dc0d26b-aaa0-438c-894a-588a94c9e1c2","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.articles.category","company.articles.user","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"TDcy1PJliW01hwEzsQLc","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"a8e4a33b8469ecc0c9e334a86b06aac96b20a0c6aa5b794dd86b2ab56239facb"}" wire:effects="[]" wire:id="TDcy1PJliW01hwEzsQLc"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('TDcy1PJliW01hwEzsQLc').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9dc0d26b-aaa0-438c-894a-588a94c9e1c2","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.articles.category","company.articles.user","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"aMFxw7KtGfXyPrzmwCEX","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"9990c793baba824c211c964d567408af49a125269de16781651459bef27e6c07"}" wire:effects="[]" wire:id="aMFxw7KtGfXyPrzmwCEX"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('aMFxw7KtGfXyPrzmwCEX') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('aMFxw7KtGfXyPrzmwCEX').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('aMFxw7KtGfXyPrzmwCEX').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9dc0d26b-aaa0-438c-894a-588a94c9e1c2'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/mitarbeiterin-strategisches-stoffstrom-und-anlagenmanagement-berliner-stadtreinigungsbetriebe-bsr"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/mitarbeiterin-strategisches-stoffstrom-und-anlagenmanagement-berliner-stadtreinigungsbetriebe-bsr" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-95d0f859-7236-492a-8df4-68989f2ac56c"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-95d0f859-7236-492a-8df4-68989f2ac56c', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Mitarbeiter*in strategisches Stoffstrom- und Anlagenmanagement</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Berlin </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9e8a4635-aad4-4a4c-ae08-417ba610ad62"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e8a4635-aad4-4a4c-ae08-417ba610ad62', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 6 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 39 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/9Tv9-GsjwX5PbCgSj4hQ1IdevYU-MA_kzZrrTkxxG0w/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk1ZDBmODU5LTcyMzYtNDkyYS04ZGY0LTY4OTg5ZjJhYzU2Yy9razJPM0Y0QlpqUVJFS3hhRHBrNGtqY25oT1FwTWhiRVdkNjFqSE16LnBuZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Berliner Stadtreinigungsbetriebe (BSR) </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e8a4635-aad4-4a4c-ae08-417ba610ad62","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"O7QFYQJAEmBm1roFpMZx","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"f4010fd97144ae74adfd8953e8f4c7498b79a71a8801ba7a52162a3be9fbc878"}" wire:effects="[]" wire:id="O7QFYQJAEmBm1roFpMZx"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('O7QFYQJAEmBm1roFpMZx').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e8a4635-aad4-4a4c-ae08-417ba610ad62","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"86u6HYi0CECEZQMikzSB","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"3a59209ba4888f45cf00abaae9f43b7cff4fc99a66901559bc9eaf475c70ebe4"}" wire:effects="[]" wire:id="86u6HYi0CECEZQMikzSB"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('86u6HYi0CECEZQMikzSB') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('86u6HYi0CECEZQMikzSB').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('86u6HYi0CECEZQMikzSB').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e8a4635-aad4-4a4c-ae08-417ba610ad62'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/buroassistenz-im-geschaftszimmer-der-abteilungsleitung-mwd-in-der-abteilung-einsatz-der-thw-leitung-in-bonn-bundesanstalt-technisches-hilfswerk"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/buroassistenz-im-geschaftszimmer-der-abteilungsleitung-mwd-in-der-abteilung-einsatz-der-thw-leitung-in-bonn-bundesanstalt-technisches-hilfswerk" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-96721953-2037-4bcd-ac36-647b7e2f3a62"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-96721953-2037-4bcd-ac36-647b7e2f3a62', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Büroassistenz im Geschäftszimmer der Abteilungsleitung (m/w/d) in der Abteilung Einsatz der THW-Leitung in Bonn</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Bonn </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9bd047e5-c743-4bcb-8d6c-b1695b7ee604"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9bd047e5-c743-4bcb-8d6c-b1695b7ee604', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 3 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Teilzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 19 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/cKU1IKyZpPYaO5Pu_BuTE4_0svv3jFLSCZr4r8mPiVs/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk2NzIxOTUzLTIwMzctNGJjZC1hYzM2LTY0N2I3ZTJmM2E2Mi8wRnVJbDBkdUZQRHA1UVlaVE9pelExNWdlcTEwV2dPbHZWMUU0RDZGLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Bundesanstalt Technisches Hilfswerk </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9bd047e5-c743-4bcb-8d6c-b1695b7ee604","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"EBzcyByRJBBvEkrXCYET","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"1c87245392848f9510b2594016f463936bcece49d5baa7eb9614bcf77ccc4833"}" wire:effects="[]" wire:id="EBzcyByRJBBvEkrXCYET"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('EBzcyByRJBBvEkrXCYET').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9bd047e5-c743-4bcb-8d6c-b1695b7ee604","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"YHO7jW542oTuQCrTYW8x","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"532903b89aa9a398fd34ed6e6d52299d48812b1c5cacf2191f33250c35641242"}" wire:effects="[]" wire:id="YHO7jW542oTuQCrTYW8x"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('YHO7jW542oTuQCrTYW8x') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('YHO7jW542oTuQCrTYW8x').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('YHO7jW542oTuQCrTYW8x').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9bd047e5-c743-4bcb-8d6c-b1695b7ee604'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/team-und-projektassistenz-gn-endura-kommunal"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/team-und-projektassistenz-gn-endura-kommunal" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-aecb4c34-8eb7-4f73-94ca-ed87af7e4803"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-aecb4c34-8eb7-4f73-94ca-ed87af7e4803', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Team- und Projektassistenz (gn)</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Wunsiedel </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Nur vor Ort </span> <span id="remote-work-tooltip-9e949431-9496-4878-bad8-a6a87fc8788e"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e949431-9496-4878-bad8-a6a87fc8788e', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | Nur vor Ort</p><p class="text-style-body text-responsive-xxs">bedeutet, dass es einen festen Standort für die Tätigkeit gibt.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 3 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 24 - 40 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/WL1n8CyQGL4zll0fSnng3QFfgl4Wrf2UoReED_JrFjU/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzL2FlY2I0YzM0LThlYjctNGY3My05NGNhLWVkODdhZjdlNDgwMy9FbmR1cmEtS29tbXVuYWwtTG9nby5qcGc=.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > endura kommunal </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e949431-9496-4878-bad8-a6a87fc8788e","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"TpkMRcyFRaeLzanEWtEr","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"c4feef8a6dd044c6b187cb47ee1437e7629773578f41ec2fefe88da4180da45a"}" wire:effects="[]" wire:id="TpkMRcyFRaeLzanEWtEr"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('TpkMRcyFRaeLzanEWtEr').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e949431-9496-4878-bad8-a6a87fc8788e","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"4pZALLcpKJnqpYo7SqtW","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"2a38f7d4a3436ef5111aa8b760715740b78008f543f5d18eec8a01426059e88b"}" wire:effects="[]" wire:id="4pZALLcpKJnqpYo7SqtW"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('4pZALLcpKJnqpYo7SqtW') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('4pZALLcpKJnqpYo7SqtW').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('4pZALLcpKJnqpYo7SqtW').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e949431-9496-4878-bad8-a6a87fc8788e'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/webentwicklerin-frontend-abgeordnetenwatchde"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/webentwicklerin-frontend-abgeordnetenwatchde" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-2c93548d-11d9-406b-9ff9-8f7b075a9735"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-2c93548d-11d9-406b-9ff9-8f7b075a9735', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Webentwickler*in Frontend</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Hamburg, </span> <span class="text-style-body text-responsive-xxs mr-1"> Berlin </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | 100% Remote </span> <span id="remote-work-tooltip-9e8ff6d1-d6a7-4a14-bde8-7bf9825f9f09"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e8ff6d1-d6a7-4a14-bde8-7bf9825f9f09', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | 100% Remote</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job sowohl an einem festen Standort als auch ortsunabhängig ausgeführt werden kann.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Teilzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 25 - 30 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/3UYw_--C-Kqr2dAIgDcTI5NoBLYeDI41QNU7pS7o0kU/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzJjOTM1NDhkLTExZDktNDA2Yi05ZmY5LThmN2IwNzVhOTczNS9kbFJVZHU5ZXpQNjdoc2tDMnNLU0lRMVJuWnZFa0FaZHZJWjdxNGp2LmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > abgeordnetenwatch.de </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e8ff6d1-d6a7-4a14-bde8-7bf9825f9f09","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"g4KRlopOsQ7WDcH0IunW","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"6b8989d12c376acd1eb4e30845ee932a17bc57ec454f6dcccaa909c831541bef"}" wire:effects="[]" wire:id="g4KRlopOsQ7WDcH0IunW"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('g4KRlopOsQ7WDcH0IunW').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e8ff6d1-d6a7-4a14-bde8-7bf9825f9f09","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"UCDjQ2WRBTjZGTCiZUb0","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"5626129d4ff24215747ff51490a55a1d7d4e3c08d9916d1323709bd5bdff4e0d"}" wire:effects="[]" wire:id="UCDjQ2WRBTjZGTCiZUb0"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('UCDjQ2WRBTjZGTCiZUb0') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('UCDjQ2WRBTjZGTCiZUb0').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('UCDjQ2WRBTjZGTCiZUb0').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e8ff6d1-d6a7-4a14-bde8-7bf9825f9f09'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/leiterin-im-hort-ausserschulischen-betreuungsbereich-freie-waldorfschule-kaltenkirchen"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/leiterin-im-hort-ausserschulischen-betreuungsbereich-freie-waldorfschule-kaltenkirchen" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-9e7a5ed7-030c-4cea-80f7-1b1830c15cc4"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-9e7a5ed7-030c-4cea-80f7-1b1830c15cc4', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Leiter*in im Hort / außerschulischen Betreuungsbereich</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Kaltenkirchen </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Nur vor Ort </span> <span id="remote-work-tooltip-9e7a643a-6639-4329-8942-7bb0a213c411"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e7a643a-6639-4329-8942-7bb0a213c411', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | Nur vor Ort</p><p class="text-style-body text-responsive-xxs">bedeutet, dass es einen festen Standort für die Tätigkeit gibt.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 2 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 35 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/otbri7H4UJM1vZzYO53y7wEFJfs3VBb5Q9SEXQYGmXo/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzllN2E1ZWQ3LTAzMGMtNGNlYS04MGY3LTFiMTgzMGMxNWNjNC9IZzN6MHFMcEtUYkthU0k0dXJ4UGRVQmZyaGU1aEppSTY4R1N0aEZWLnBuZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Freie Waldorfschule Kaltenkirchen </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e7a643a-6639-4329-8942-7bb0a213c411","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"K3K9vJey0e6dtVRmKiaK","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"5ab9a22c53e897d43a3716cf88846bcc01373a8a4310202713c228567c03b37b"}" wire:effects="[]" wire:id="K3K9vJey0e6dtVRmKiaK"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('K3K9vJey0e6dtVRmKiaK').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e7a643a-6639-4329-8942-7bb0a213c411","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"MZvOu3lXeOQd6ennzWBg","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"59496cd5a68c2975408b107075467ba4aa64ddf4d9ce088ec92d711fc515921f"}" wire:effects="[]" wire:id="MZvOu3lXeOQd6ennzWBg"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('MZvOu3lXeOQd6ennzWBg') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('MZvOu3lXeOQd6ennzWBg').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('MZvOu3lXeOQd6ennzWBg').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e7a643a-6639-4329-8942-7bb0a213c411'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/projektleiterin-nachhaltige-energien-endura-kommunal"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/projektleiterin-nachhaltige-energien-endura-kommunal" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-aecb4c34-8eb7-4f73-94ca-ed87af7e4803"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-aecb4c34-8eb7-4f73-94ca-ed87af7e4803', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Projektleiter*in nachhaltige Energien</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Wunsiedel </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Nur vor Ort </span> <span id="remote-work-tooltip-9e949431-3346-47ba-8a3d-4b9b12b42daa"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e949431-3346-47ba-8a3d-4b9b12b42daa', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xxs mb-1">Ort | Nur vor Ort</p><p class="text-style-body text-responsive-xxs">bedeutet, dass es einen festen Standort für die Tätigkeit gibt.</p> </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 3 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 30 - 40 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/WL1n8CyQGL4zll0fSnng3QFfgl4Wrf2UoReED_JrFjU/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzL2FlY2I0YzM0LThlYjctNGY3My05NGNhLWVkODdhZjdlNDgwMy9FbmR1cmEtS29tbXVuYWwtTG9nby5qcGc=.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > endura kommunal </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e949431-3346-47ba-8a3d-4b9b12b42daa","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"vhaCfvZ7Fkgx3zhL0CNF","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"932fdaed4f15f9bb450d3f7d2895b1aeebf2e55071ba75ed668cad828da8c4a4"}" wire:effects="[]" wire:id="vhaCfvZ7Fkgx3zhL0CNF"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('vhaCfvZ7Fkgx3zhL0CNF').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e949431-3346-47ba-8a3d-4b9b12b42daa","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"hw1HVNw4pjKPdCarTNlD","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"289399a146848ea9d53c362c28ba3b2b544d30a11fe2b6c693e883d3ac7fc05f"}" wire:effects="[]" wire:id="hw1HVNw4pjKPdCarTNlD"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('hw1HVNw4pjKPdCarTNlD') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('hw1HVNw4pjKPdCarTNlD').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('hw1HVNw4pjKPdCarTNlD').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e949431-3346-47ba-8a3d-4b9b12b42daa'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/sachbearbeitung-mwd-internationales-informations-und-kommunikationstechnologie-bundesanstalt-technisches-hilfswerk"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/sachbearbeitung-mwd-internationales-informations-und-kommunikationstechnologie-bundesanstalt-technisches-hilfswerk" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-96721953-2037-4bcd-ac36-647b7e2f3a62"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-96721953-2037-4bcd-ac36-647b7e2f3a62', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Sachbearbeitung (m/w/d) Internationales (Informations- und Kommunikationstechnologie)</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Bonn </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9bd047e5-fa32-4993-8b82-0a0c6242befb"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9bd047e5-fa32-4993-8b82-0a0c6242befb', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 3 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Teilzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Befristetes Arbeitsverhältnis </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/cKU1IKyZpPYaO5Pu_BuTE4_0svv3jFLSCZr4r8mPiVs/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk2NzIxOTUzLTIwMzctNGJjZC1hYzM2LTY0N2I3ZTJmM2E2Mi8wRnVJbDBkdUZQRHA1UVlaVE9pelExNWdlcTEwV2dPbHZWMUU0RDZGLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Bundesanstalt Technisches Hilfswerk </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9bd047e5-fa32-4993-8b82-0a0c6242befb","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"RPBj4WG8ppclQofZwvab","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"f1a2599eaee19c8976b186de1a9d5740f49acf176aae1d734cff14998b172abe"}" wire:effects="[]" wire:id="RPBj4WG8ppclQofZwvab"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('RPBj4WG8ppclQofZwvab').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9bd047e5-fa32-4993-8b82-0a0c6242befb","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"mNxAhW6AwtzqntDEldlG","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"e579c5f515a515f5ac5cdd866491a11f7b35f8ae9ac6b62246cda19d193a2108"}" wire:effects="[]" wire:id="mNxAhW6AwtzqntDEldlG"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('mNxAhW6AwtzqntDEldlG') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('mNxAhW6AwtzqntDEldlG').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('mNxAhW6AwtzqntDEldlG').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9bd047e5-fa32-4993-8b82-0a0c6242befb'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/online-fundraiserin-correctiv-recherchen-fur-die-gesellschaft-ggmbh-1"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/online-fundraiserin-correctiv-recherchen-fur-die-gesellschaft-ggmbh-1" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-95aaeaf9-10d0-469c-8f57-227d5fa2b8ad"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-95aaeaf9-10d0-469c-8f57-227d5fa2b8ad', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">(Online) Fundraiser*in</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Berlin </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9cc55eca-c04c-494b-954c-b4b552676477"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9cc55eca-c04c-494b-954c-b4b552676477', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 4 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Befristetes Arbeitsverhältnis </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/SdQqAQ8opqnOyq3F527fXJwxK2tiFgqe8_1ypOcVlEo/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk1YWFlYWY5LTEwZDAtNDY5Yy04ZjU3LTIyN2Q1ZmEyYjhhZC9vTkpZdXZlNlZsU21IZlR3QmsydDc4ZUx3Y3RLeDZQQUc3dlpmS203LnBuZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > CORRECTIV - Recherchen für die Gesellschaft gGmbH </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9cc55eca-c04c-494b-954c-b4b552676477","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.articles.category","company.articles.user","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"lsaHMtcBH7KR26YD7skU","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"dcdf800d1bff4f536449a7a29d74a540907d81ff81fa10a5e74965611bd69f0d"}" wire:effects="[]" wire:id="lsaHMtcBH7KR26YD7skU"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('lsaHMtcBH7KR26YD7skU').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9cc55eca-c04c-494b-954c-b4b552676477","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.articles.category","company.articles.user","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"2dyHFM1qSH6g6acF9xf4","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"70cba9d37fef80bbac37b5fc42a48e7cfee5bab3ff04ffcae77b683178a070e5"}" wire:effects="[]" wire:id="2dyHFM1qSH6g6acF9xf4"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('2dyHFM1qSH6g6acF9xf4') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('2dyHFM1qSH6g6acF9xf4').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('2dyHFM1qSH6g6acF9xf4').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9cc55eca-c04c-494b-954c-b4b552676477'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/finance-managerin-mit-perspektive-auf-head-of-finance-traceless-materials-gmbh"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/finance-managerin-mit-perspektive-auf-head-of-finance-traceless-materials-gmbh" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-99c72405-747e-4c49-a0e0-5332dee399c9"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-99c72405-747e-4c49-a0e0-5332dee399c9', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Finance Manager*in mit Perspektive auf Head of Finance</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Hamburg </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9e7c3a9e-49cd-4034-9a81-e8d541562ae8"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e7c3a9e-49cd-4034-9a81-e8d541562ae8', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 5 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Vollzeit </p> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/SmNVYETqspjwFoDpfavWHJ3BWQxqAMEWrAqk4MLO17A/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzk5YzcyNDA1LTc0N2UtNGM0OS1hMGUwLTUzMzJkZWUzOTljOS9McUpHNXRnZUQxM1c3eXl0OTJYNk9IazdYYnppU0FmS3l2UGpPRFFxLmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > traceless materials GmbH </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e7c3a9e-49cd-4034-9a81-e8d541562ae8","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"DykK20O6Q9Plpr3NQKlh","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"a1412fb4097c9a783c2798261539dda2f7ef96d0449ee170d171d2e1883ba054"}" wire:effects="[]" wire:id="DykK20O6Q9Plpr3NQKlh"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('DykK20O6Q9Plpr3NQKlh').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e7c3a9e-49cd-4034-9a81-e8d541562ae8","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"68JTroVRwEXoNm92hQys","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"48c96d25ba522689ceb79fa77f8e7048674d26fa87a51c651ac59cc5bf0139d5"}" wire:effects="[]" wire:id="68JTroVRwEXoNm92hQys"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('68JTroVRwEXoNm92hQys') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('68JTroVRwEXoNm92hQys').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('68JTroVRwEXoNm92hQys').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e7c3a9e-49cd-4034-9a81-e8d541562ae8'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> <div class="shrink-0 slide"> <div class="flex flex-col active:shadow-none active:translate-x-[4px] active:translate-y-[4px] bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/jobs/nachwuchs-geschaftsfuhrung-finanzen-entwicklung-zur-leitungsverantwortung-cambio-rheinland-stattauto-koln-gesellschaft-fur-carsharing-mbh"> <a class="flex flex-col grow jobcard" target="_blank" href="https://goodjobs.eu/jobs/nachwuchs-geschaftsfuhrung-finanzen-entwicklung-zur-leitungsverantwortung-cambio-rheinland-stattauto-koln-gesellschaft-fur-carsharing-mbh" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class=" absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-9b2b9af1-1411-4126-8785-bae1b37577dc"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-9b2b9af1-1411-4126-8785-bae1b37577dc', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <h3 class="hyphens-auto mb-4 md:text-new-m mt-4 text-new-s text-style-headline">Nachwuchs-Geschäftsführung Finanzen (Entwicklung zur Leitungsverantwortung)</h3> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-start"> <svg class="w-6 h-6 shrink-0 relative -top-1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <div class="flex flex-wrap"> <span class="text-style-body text-responsive-xxs mr-1"> Köln </span> <p class="flex flex-wrap items-center text-style-body text-responsive-xxs"> <span class="mr-2"> | Hybrid </span> <span id="remote-work-tooltip-9e945d77-4149-4dd9-8e2a-8cb754dce394"> <svg class="w-4 h-4 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </p> <div x-data="tooltip('remote-work-tooltip-9e945d77-4149-4dd9-8e2a-8cb754dce394', '', 300)"> <div x-ref="tooltipContent" class="hidden"> <p class="text-style-headline text-responsive-xs mb-1">Ort | Hybrid</p><p class="text-style-body text-responsive-xxs">bedeutet, dass der Job teils an einem festen Standort und teils remote ausgeführt werden kann. </div> </div> </div> </div> <div class="flex gap-x-1 items-start" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52928)"> <path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" /> </g> <defs> <clipPath id="clip0_1428_52928"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body whitespace-nowrap" > vor 3 Tagen </p> </div> <div class="flex flex-row gap-x-1 items-center"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z"/> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Flexibel </p> </div> <div class="relative -top-0.5"> <div class="bg-grey-90 leading-none pb-1 pt-[5px] px-1.5 rounded-md w-fit"> <div > <p class="align-middle inline-block label-text text-queen-100 text-responsive-xxs text-style-body" > 30 - 40 h/Woche </p> </div> </div> </div> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52700)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM9.71 19.667C8.72341 17.5743 8.15187 15.3102 8.027 13H4.062C4.25659 14.5389 4.89392 15.9882 5.89657 17.1717C6.89922 18.3552 8.22401 19.2221 9.71 19.667ZM10.03 13C10.181 15.439 10.878 17.73 12 19.752C13.1523 17.6766 13.8254 15.3695 13.97 13H10.03ZM19.938 13H15.973C15.8481 15.3102 15.2766 17.5743 14.29 19.667C15.776 19.2221 17.1008 18.3552 18.1034 17.1717C19.1061 15.9882 19.7434 14.5389 19.938 13ZM4.062 11H8.027C8.15187 8.68979 8.72341 6.42569 9.71 4.333C8.22401 4.77788 6.89922 5.64475 5.89657 6.8283C4.89392 8.01184 4.25659 9.4611 4.062 11ZM10.031 11H13.969C13.8248 8.6306 13.152 6.32353 12 4.248C10.8477 6.32345 10.1746 8.63052 10.03 11H10.031ZM14.29 4.333C15.2766 6.42569 15.8481 8.68979 15.973 11H19.938C19.7434 9.4611 19.1061 8.01184 18.1034 6.8283C17.1008 5.64475 15.776 4.77788 14.29 4.333Z" /> </g> <defs> <clipPath id="clip0_1428_52700"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Deutsch </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-1 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52956)"> <path d="M7 5V2C7 1.73478 7.10536 1.48043 7.29289 1.29289C7.48043 1.10536 7.73478 1 8 1H16C16.2652 1 16.5196 1.10536 16.7071 1.29289C16.8946 1.48043 17 1.73478 17 2V5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7ZM4 16V19H20V16H4ZM4 14H20V7H4V14ZM9 3V5H15V3H9ZM11 11H13V13H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_52956"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Anstellungsart: Festanstellung </p> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex flex-col gap-1"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/NAuiR3r34CoRPwi_LFv-Q8zS_2cIL_otPL9iaIHqGz0/rs:fit:100:50/bG9jYWw6Ly8vY29tcGFuaWVzLzliMmI5YWYxLTE0MTEtNDEyNi04Nzg1LWJhZTFiMzc1NzdkYy9IWGI1enUwMFR6OE1DN21sdTdOZGNPdVAwQ2puUk1OY2RDNmdjTFF5LmpwZw==.webp" alt="" /> </div> <div class=""> <div class="mb-2"> <div > <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > cambio Rheinland STATTAUTO Köln Gesellschaft für CarSharing mbH </p> </div> </div> </div> <div class="flex flex-col md:flex-row md:items-center gap-5"> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e945d77-4149-4dd9-8e2a-8cb754dce394","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"i4VpL8dfv7Qtg8ZHVGoZ","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"bf11351ef425b4d4c778583f2e58b96e4fdd2e581d9285069de65cebb24255aa"}" wire:effects="[]" wire:id="i4VpL8dfv7Qtg8ZHVGoZ"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('i4VpL8dfv7Qtg8ZHVGoZ').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e945d77-4149-4dd9-8e2a-8cb754dce394","class":"App\\Models\\Job","relations":["user","company","company.user","company.articles","company.benefits","company.commitments","company.contactPersons","company.employeeQuotes","company.industries","company.invitations","company.organizationalForms","company.screenings","refreshes","socialMediaAdvanceds","socialMediaBoosts","socialMediaCampaigns","marketingUpgrades","newsletterSlots","jobOfTheDays","featuredPositions","greenjobsCampaign","languages","employmentTypes","professionalFields","tags","workingTimes"],"s":"elmdl"}]},"memo":{"id":"4bMSC1ls7vn5rT1piuJO","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"074f8936bb54abd01e0e289f7184f2535117baa90fcb397105071b8e1e6fd0a9"}" wire:effects="[]" wire:id="4bMSC1ls7vn5rT1piuJO"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('4bMSC1ls7vn5rT1piuJO') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('4bMSC1ls7vn5rT1piuJO').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('4bMSC1ls7vn5rT1piuJO').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> <div class="p-6 border-t"> <div class="group h-full" onclick="Livewire.dispatch('openModal', { component: 'jobs.like.onsite-marketing', arguments: {jobId: '9e945d77-4149-4dd9-8e2a-8cb754dce394'} })" > <button aria-label="Job favorisieren" wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="bg-queen-100 cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group group-[.liked]:bg-niagara-100 rounded-md w-full" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-white-100 border border-queen-100 duration-300 group-[.liked]:border-niagara-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-xs text-style-headline"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="flex gap-x-2 items-center justify-center" > <svg class="-top-0.5 fill-white-100 fill-white-100 group-[.liked]:fill-niagara-100 group-[.liked]:fill-niagara-100 group-[.liked]:stroke-niagara-100 group-[.liked]:stroke-niagara-100 group-hover:fill-queen-100 group-hover:fill-queen-100 h-[26px] relative shrink-0 stroke-2 stroke-2 stroke-queen-100 stroke-queen-100 w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56775)"> <path d="M12.001 4.52898C14.35 2.41998 17.98 2.48998 20.243 4.75698C22.505 7.02498 22.583 10.637 20.479 12.993L11.999 21.485L3.52101 12.993C1.41701 10.637 1.49601 7.01898 3.75701 4.75698C6.02201 2.49298 9.64501 2.41698 12.001 4.52898Z" /> </g> <defs> <clipPath id="clip0_1428_56775"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="first-letter:uppercase group-[.liked]:text-niagara-100 label-text text-queen-100 text-responsive-xs text-style-headline" > Favorisieren </p> </div> </div> </div> </button> </div> </div> </div> </div> </div> <div x-cloak x-show="showPagination" class="flex gap-1 items-center justify-center"> <div class="button-prev"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return 1 }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-auto" type="submit" x-bind:disabled="forceDisabled || showSpinner" > <div class="flex flex-row-reverse gap-x-2 group items-center p-1 rounded-md"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-s text-style-body"> </p> </div> <div class="bg-white-100 border border-queen-100 duration-300 group-active:shadow-none group-active:translate-x-[2px] group-active:translate-y-[2px] group-disabled:border-grey-100 group-disabled:shadow-none group-disabled:translate-x-0 group-disabled:translate-y-0 group-hover:-translate-x-[2px] group-hover:-translate-y-[2px] group-hover:shadow-m p-1 p-1 rounded-full shadow-s transform transition"> <svg class="fill-queen-100 group-disabled:fill-grey-100 h-[26px] w-[26px]" width="26" height="26" viewBox="0 0 26 26" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_3033_83299)"> <path d="M11.7304 12.9997L17.0929 18.3622L15.5611 19.894L8.66675 12.9997L15.5611 6.10535L17.0929 7.63718L11.7304 12.9997Z" /> </g> <defs> <clipPath id="clip0_3033_83299"> <rect width="26" height="26" fill="white"/> </clipPath> </defs> </svg> </div> </div> </button> </div> <div class="swiper-pagination !w-fit"></div> <div class="button-next"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-auto" type="submit" x-bind:disabled="forceDisabled || showSpinner" > <div class="flex gap-x-2 group items-center p-1 rounded-md"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-s text-style-body"> </p> </div> <div class="bg-white-100 border border-queen-100 duration-300 group-active:shadow-none group-active:translate-x-[2px] group-active:translate-y-[2px] group-disabled:border-grey-100 group-disabled:shadow-none group-disabled:translate-x-0 group-disabled:translate-y-0 group-hover:-translate-x-[2px] group-hover:-translate-y-[2px] group-hover:shadow-m p-1 p-1 rounded-full shadow-s transform transition"> <svg class="fill-queen-100 group-disabled:fill-grey-100 h-[26px] w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59969)"> <path d="M13.1727 11.9997L8.22266 7.04974L9.63666 5.63574L16.0007 11.9997L9.63666 18.3637L8.22266 16.9497L13.1727 11.9997Z" /> </g> <defs> <clipPath id="clip0_1428_59969"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> </div> </button> </div> </div> </div> </div> </section> <section class="gradient-peach-100"> <div class="container py-10 md:py-24"> <div class="mb-12"> <h2 class="text-style-headline text-responsive-xl mb-1">Companies</h2> <p class="text-style-body text-responsive-xs">Wir feiern diese Organisationen, denn sie verfolgen nachhaltige oder soziale Ziele.</p> </div> <div class="mb-6"> <div class="gap-x-4 gap-y-14 grid grid-cols-2 lg:gap-x-4 lg:grid-cols-12 md:gap-x-3 md:gap-y-5 md:grid-cols-6" > <div class="col-span-full md:col-span-3 lg:col-span-4"> <div class="flex flex-col active:shadow-none active:translate-x-1 active:translate-y-1 bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/company/auf-kurs-jugendhilfe-ggmbh"> <a class="flex flex-col grow " target="_self" href="https://goodjobs.eu/company/auf-kurs-jugendhilfe-ggmbh" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class="flex flex-col gap-5 pt-9"> <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-9e883b08-160b-469c-9278-48ee4999293a"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-9e883b08-160b-469c-9278-48ee4999293a', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <div class="flex items-start justify-between"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/H-jJfL9mm2lYiQd41J3O0SJI1kmNdJb45N2DFdf_HZE/rs:fit:160:80/bG9jYWw6Ly8vY29tcGFuaWVzLzllODgzYjA4LTE2MGItNDY5Yy05Mjc4LTQ4ZWU0OTk5MjkzYS9GOEVOdHJmZFlaR0NqZzZ4dkdiNFFjV0JKS3U0MmNyNjFROG1nd3pNLnBuZw==.webp" alt="" /> </div> </div> <div > <h3 class="break-word hyphens-auto label-text md:text-new-m text-new-s text-queen-100 text-style-headline" > Auf Kurs – Jugendhilfe gGmbH </h3> </div> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Hamburg </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_57961)"> <path d="M15 3C15.552 3 16 3.448 16 4V6H21C21.552 6 22 6.448 22 7V20C22 20.552 21.552 21 21 21H3C2.448 21 2 20.552 2 20V7C2 6.448 2.448 6 3 6H8V4C8 3.448 8.448 3 9 3H15ZM16 8H8V19H16V8ZM4 8V19H6V8H4ZM14 5H10V6H14V5ZM18 8V19H20V8H18Z" /> </g> <defs> <clipPath id="clip0_1428_57961"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Bildung & Pädagogik </p> </div> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex items-center justify-between"> <div class=""> <div > <p class="label-text text-fire-100 text-responsive-xs text-style-body" > 0 offene Stellen </p> </div> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e883b08-160b-469c-9278-48ee4999293a","class":"App\\Models\\Company","relations":["user","articles","benefits","commitments","contactPersons","employeeQuotes","industries","invitations","organizationalForms","screenings"],"s":"elmdl"}]},"memo":{"id":"XsHvRIw8CasFiOPye5Wa","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"9d1b83cab0e199f8ebb63e0d4ff560db6cdfebda975098ac2e1edb0909623e09"}" wire:effects="[]" wire:id="XsHvRIw8CasFiOPye5Wa"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('XsHvRIw8CasFiOPye5Wa').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e883b08-160b-469c-9278-48ee4999293a","class":"App\\Models\\Company","relations":["user","articles","benefits","commitments","contactPersons","employeeQuotes","industries","invitations","organizationalForms","screenings"],"s":"elmdl"}]},"memo":{"id":"90luHmO5z7pdWnRnod7X","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"d89c4c1fe8c6e2b3dcfb7125f506cd625ccd03fd066fd3a41bed5158376ae26a"}" wire:effects="[]" wire:id="90luHmO5z7pdWnRnod7X"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('90luHmO5z7pdWnRnod7X') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('90luHmO5z7pdWnRnod7X').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('90luHmO5z7pdWnRnod7X').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> </div> </div> <div class="col-span-full md:col-span-3 lg:col-span-4"> <div class="flex flex-col active:shadow-none active:translate-x-1 active:translate-y-1 bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/company/abgeordnetenwatch-de"> <a class="flex flex-col grow " target="_self" href="https://goodjobs.eu/company/abgeordnetenwatch-de" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class="flex flex-col gap-5 pt-9"> <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-2c93548d-11d9-406b-9ff9-8f7b075a9735"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-2c93548d-11d9-406b-9ff9-8f7b075a9735', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <div class="flex items-start justify-between"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/hBLJB_QLuD35_DuWW3oFg_9MdjDKGqh6OK4kgFD2iV4/rs:fit:160:80/bG9jYWw6Ly8vY29tcGFuaWVzLzJjOTM1NDhkLTExZDktNDA2Yi05ZmY5LThmN2IwNzVhOTczNS9kbFJVZHU5ZXpQNjdoc2tDMnNLU0lRMVJuWnZFa0FaZHZJWjdxNGp2LmpwZw==.webp" alt="" /> </div> </div> <div > <h3 class="break-word hyphens-auto label-text md:text-new-m text-new-s text-queen-100 text-style-headline" > abgeordnetenwatch.de </h3> </div> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Hamburg </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_57961)"> <path d="M15 3C15.552 3 16 3.448 16 4V6H21C21.552 6 22 6.448 22 7V20C22 20.552 21.552 21 21 21H3C2.448 21 2 20.552 2 20V7C2 6.448 2.448 6 3 6H8V4C8 3.448 8.448 3 9 3H15ZM16 8H8V19H16V8ZM4 8V19H6V8H4ZM14 5H10V6H14V5ZM18 8V19H20V8H18Z" /> </g> <defs> <clipPath id="clip0_1428_57961"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > IT & Technik </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_57961)"> <path d="M15 3C15.552 3 16 3.448 16 4V6H21C21.552 6 22 6.448 22 7V20C22 20.552 21.552 21 21 21H3C2.448 21 2 20.552 2 20V7C2 6.448 2.448 6 3 6H8V4C8 3.448 8.448 3 9 3H15ZM16 8H8V19H16V8ZM4 8V19H6V8H4ZM14 5H10V6H14V5ZM18 8V19H20V8H18Z" /> </g> <defs> <clipPath id="clip0_1428_57961"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Politik </p> </div> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex items-center justify-between"> <div class=""> <div > <p class="label-text text-queen-100 text-responsive-xs text-style-body" > 1 offene Stelle </p> </div> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"2c93548d-11d9-406b-9ff9-8f7b075a9735","class":"App\\Models\\Company","relations":["user","articles","benefits","commitments","contactPersons","employeeQuotes","industries","invitations","organizationalForms","screenings"],"s":"elmdl"}]},"memo":{"id":"oZVtm6nhAtZmdZJflExz","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"68a7646b2e2cc6c83a213548dc2a5aefbbeb06456601fed44353cbaf0e05afdd"}" wire:effects="[]" wire:id="oZVtm6nhAtZmdZJflExz"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('oZVtm6nhAtZmdZJflExz').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"2c93548d-11d9-406b-9ff9-8f7b075a9735","class":"App\\Models\\Company","relations":["user","articles","benefits","commitments","contactPersons","employeeQuotes","industries","invitations","organizationalForms","screenings"],"s":"elmdl"}]},"memo":{"id":"gLCWa48t2FH5wDhJmsGD","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"89bf7a1031651e50499294532dd249891ea718fd6657af3da6c4513f048d5193"}" wire:effects="[]" wire:id="gLCWa48t2FH5wDhJmsGD"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('gLCWa48t2FH5wDhJmsGD') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('gLCWa48t2FH5wDhJmsGD').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('gLCWa48t2FH5wDhJmsGD').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> </div> </div> <div class="col-span-full md:col-span-3 lg:col-span-4"> <div class="flex flex-col active:shadow-none active:translate-x-1 active:translate-y-1 bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl rounded-md shadow-l transform transition" id="https://goodjobs.eu/company/enersis-europe-gmbh"> <a class="flex flex-col grow " target="_self" href="https://goodjobs.eu/company/enersis-europe-gmbh" > <div class="flex flex-col grow h-auto w-full"> <div class="grow p-5"> <div class="flex flex-col gap-5 pt-9"> <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="bg-white-100 border-2 border-queen-100 flex gap-2 items-center lg:px-5 pb-2 pt-3 px-3 rounded-[56px] w-fit whitespace-nowrap"> <div class="-top-0.5 bg-niagara-100 border-2 border-queen-100 h-5 lg:-top-1 lg:border-3 lg:h-6 lg:w-6 relative rounded-full shrink-0 w-5"></div> <div > <p class="label-text lg:text-responsive-s text-queen-100 text-responsive-xs text-style-headline" > GoodCompany </p> </div> <span id="company-explanation-tooltip-cc1c2637-9e53-48c6-85bc-dc2532312587"> <svg class="w-5 h-5 lg:w-6 lg:h-6 shrink-0 fill-grey-110 relative -top-0.5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_60645)"> <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" /> </g> <defs> <clipPath id="clip0_1428_60645"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <div class="hidden"> <div x-data="tooltip('company-explanation-tooltip-cc1c2637-9e53-48c6-85bc-dc2532312587', '', 300)"> <div x-ref="tooltipContent" class="hidden"> GoodCompanies sind Unternehmen, die mindestens ein Nachhaltigkeitsziel in ihrem Kerngeschäft verfolgen und gegen kein Ausschlusskriterium verstoßen. Erfahre mehr über unseren <span class="cursor-pointer text-niagara-100" onclick="location.href=`https://goodjobs.eu/criteria`;">Auswahlprozess</span> </div> </div> </div> </div> </div> <div class="flex items-start justify-between"> <div class="h-full"> <img loading="lazy" class="object-cover" src="https://goodjobs.eu/imgproxy/sBxuVAA5fHwOjVO2ls1ub1A35C2GeqOrG9y3vX20qbM/rs:fit:160:80/bG9jYWw6Ly8vY29tcGFuaWVzL2NjMWMyNjM3LTllNTMtNDhjNi04NWJjLWRjMjUzMjMxMjU4Ny9BaGoxdUR6Y2JGUFg2YktQNHpEc283V21HM3NLR2Z0a3dCb2lCZHVhLnBuZw==.webp" alt="" /> </div> </div> <div > <h3 class="break-word hyphens-auto label-text md:text-new-m text-new-s text-queen-100 text-style-headline" > enersis </h3> </div> <div class="flex flex-col gap-y-2"> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1364_60115)"> <path d="M12 20.8999L16.95 15.9499C17.9289 14.9709 18.5955 13.7236 18.8656 12.3658C19.1356 11.0079 18.9969 9.60052 18.4671 8.32148C17.9373 7.04244 17.04 5.94923 15.8889 5.18009C14.7378 4.41095 13.3844 4.00043 12 4.00043C10.6156 4.00043 9.26222 4.41095 8.11109 5.18009C6.95996 5.94923 6.06275 7.04244 5.53292 8.32148C5.00308 9.60052 4.86442 11.0079 5.13445 12.3658C5.40449 13.7236 6.07111 14.9709 7.05 15.9499L12 20.8999ZM12 23.7279L5.636 17.3639C4.37734 16.1052 3.52019 14.5016 3.17293 12.7558C2.82567 11.0099 3.00391 9.20035 3.6851 7.55582C4.36629 5.91129 5.51984 4.50569 6.99988 3.51677C8.47992 2.52784 10.22 2 12 2C13.78 2 15.5201 2.52784 17.0001 3.51677C18.4802 4.50569 19.6337 5.91129 20.3149 7.55582C20.9961 9.20035 21.1743 11.0099 20.8271 12.7558C20.4798 14.5016 19.6227 16.1052 18.364 17.3639L12 23.7279ZM12 12.9999C12.5304 12.9999 13.0391 12.7892 13.4142 12.4141C13.7893 12.0391 14 11.5304 14 10.9999C14 10.4695 13.7893 9.96078 13.4142 9.58571C13.0391 9.21064 12.5304 8.99992 12 8.99992C11.4696 8.99992 10.9609 9.21064 10.5858 9.58571C10.2107 9.96078 10 10.4695 10 10.9999C10 11.5304 10.2107 12.0391 10.5858 12.4141C10.9609 12.7892 11.4696 12.9999 12 12.9999ZM12 14.9999C10.9391 14.9999 9.92172 14.5785 9.17158 13.8283C8.42143 13.0782 8 12.0608 8 10.9999C8 9.93906 8.42143 8.92164 9.17158 8.17149C9.92172 7.42135 10.9391 6.99992 12 6.99992C13.0609 6.99992 14.0783 7.42135 14.8284 8.17149C15.5786 8.92164 16 9.93906 16 10.9999C16 12.0608 15.5786 13.0782 14.8284 13.8283C14.0783 14.5785 13.0609 14.9999 12 14.9999Z" /> </g> <defs> <clipPath id="clip0_1364_60115"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Berlin </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_57961)"> <path d="M15 3C15.552 3 16 3.448 16 4V6H21C21.552 6 22 6.448 22 7V20C22 20.552 21.552 21 21 21H3C2.448 21 2 20.552 2 20V7C2 6.448 2.448 6 3 6H8V4C8 3.448 8.448 3 9 3H15ZM16 8H8V19H16V8ZM4 8V19H6V8H4ZM14 5H10V6H14V5ZM18 8V19H20V8H18Z" /> </g> <defs> <clipPath id="clip0_1428_57961"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > Energie </p> </div> <div class="flex gap-x-1 items-center" > <svg class="-top-0.5 h-6 relative shrink-0 w-6" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_57961)"> <path d="M15 3C15.552 3 16 3.448 16 4V6H21C21.552 6 22 6.448 22 7V20C22 20.552 21.552 21 21 21H3C2.448 21 2 20.552 2 20V7C2 6.448 2.448 6 3 6H8V4C8 3.448 8.448 3 9 3H15ZM16 8H8V19H16V8ZM4 8V19H6V8H4ZM14 5H10V6H14V5ZM18 8V19H20V8H18Z" /> </g> <defs> <clipPath id="clip0_1428_57961"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p class="label-text text-queen-100 text-responsive-xxs text-style-body" > IT & Technik </p> </div> </div> </div> </div> <div class="border-queen-100 border-t p-5"> <div class="flex items-center justify-between"> <div class=""> <div > <p class="label-text text-queen-100 text-responsive-xs text-style-body" > 1 offene Stelle </p> </div> </div> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"cc1c2637-9e53-48c6-85bc-dc2532312587","class":"App\\Models\\Company","relations":["user","articles","benefits","commitments","contactPersons","employeeQuotes","industries","invitations","organizationalForms","screenings"],"s":"elmdl"}]},"memo":{"id":"DUNQDnckGShsrKuDHSgh","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"1ad2c90bf16be178b9ba10b22dbe42a8b7266e60b459123b0f936faf7b271b59"}" wire:effects="[]" wire:id="DUNQDnckGShsrKuDHSgh"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('DUNQDnckGShsrKuDHSgh').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"cc1c2637-9e53-48c6-85bc-dc2532312587","class":"App\\Models\\Company","relations":["user","articles","benefits","commitments","contactPersons","employeeQuotes","industries","invitations","organizationalForms","screenings"],"s":"elmdl"}]},"memo":{"id":"D27hvCV440DanWfyMn8x","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"893db9040174ecdb0c366cd008a09d48b25175e0d4879da7115e33b5e8e5b34a"}" wire:effects="[]" wire:id="D27hvCV440DanWfyMn8x"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('D27hvCV440DanWfyMn8x') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('D27hvCV440DanWfyMn8x').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('D27hvCV440DanWfyMn8x').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> </div> </div> </div> </div> <div class="flex justify-end"> <a class="hover:underline" href="https://goodjobs.eu/companies"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-auto" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="flex gap-x-2 group items-center p-1 rounded-md"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-s text-style-body"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <span class="text-style-headline text-responsive-xs">Alle Companies</span> </div> <div class="bg-white-100 border border-queen-100 duration-300 group-active:shadow-none group-active:translate-x-[2px] group-active:translate-y-[2px] group-disabled:border-grey-100 group-disabled:shadow-none group-disabled:translate-x-0 group-disabled:translate-y-0 group-hover:-translate-x-[2px] group-hover:-translate-y-[2px] group-hover:shadow-m p-1 p-1 rounded-full shadow-s transform transition"> <svg class="fill-queen-100 group-disabled:fill-grey-100 h-[26px] w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59969)"> <path d="M13.1727 11.9997L8.22266 7.04974L9.63666 5.63574L16.0007 11.9997L9.63666 18.3637L8.22266 16.9497L13.1727 11.9997Z" /> </g> <defs> <clipPath id="clip0_1428_59969"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> </div> </button> </a> </div> </div> </section> <section class="pt-12 pb-24 lg:pt-24 desktob:pb-[120px]"> <div class="container"> <div class="flex flex-col lg:flex-row lg:items-center gap-10 lg:gap-16"> <div class="flex flex-col gap-3"> <div class="flex gap-x-6 items-start"> <span role="img" aria-label="Liebesbrief" class="text-style-headline text-new-xxl">💌</span> <h2 class="text-style-headline text-responsive-xl mb-2"> Unser „Geil, Montag“ Newsletter rund um Jobs mit Sinn. </h2> </div> <p class="text-style-body text-responsive-s mb-3"> Starte wie über 40.000 andere Menschen nachhaltig informiert in die Woche. Das erwartet dich: </p> <div class="text-style-body text-responsive-xs checkmark-list"> <ul> <li> die GoodJobs der Woche </li> <li> Arbeitgeber*innen, die die Welt ein bisschen besser machen </li> <li> nützliche Tipps für Jobsuche, Bewerbung oder Berufsleben sowie </li> <li> aktuelle News aus der (Good) Work Bubble. </li> </ul> </div> </div> <div class="lg:w-1/2 rounded-md border-2 border-queen-100 p-5 lg:px-10 lg:py-8 flex flex-col gap-6"> <form wire:snapshot="{"data":{"email":null,"showSuccessMessage":false,"buttonWidth":null},"memo":{"id":"DEDzTD6dtzwW5WRxb295","name":"newsletter.register","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"da1887a33ab4e2c5bdafdf1012276319675c39d73e37410ecfa0693e25a8a81a"}" wire:effects="[]" wire:id="DEDzTD6dtzwW5WRxb295" wire:submit="store"> <input type="hidden" name="_token" value="KKV3snLg5iYdnkvG1mvfvuqHBBcuZNseKM9m58dr" autocomplete="off"> <div class="mb-6"> <div x-data="singleLine()" class="flex flex-col relative"> <input id=email name=email data-livewire=true value="" x-on:focus="onFocus('bei.spiel@domain.de')" x-on:blur="onBlur()" x-ref="inputElement" type="email" placeholder=" " class="singleline peer appearance-none block caret-niagara-100 focus:outline-none grow leading-6 pb-[7px] peer pt-7 px-3 read-only:pointer-events-none rounded text-responsive-xs text-style-body w-full" wire:model="email" /> <label for=email class="-translate-y-4 absolute flex font-medium gap-x-2 left-3 origin-[0] peer-[:not(.error)]:peer-placeholder-shown:peer-read-only:text-grey-100 peer-[:not(.error)]:peer-placeholder-shown:text-queen-100 peer-autofill:-translate-y-4 peer-autofill:font-normal peer-autofill:scale-75 peer-focus:-translate-y-4 peer-focus:font-normal peer-focus:left-3 peer-focus:peer-[:not(.error)]:peer-placeholder-shown:text-niagara-100 peer-focus:scale-75 peer-focus:text-niagara-100 peer-placeholder-shown:font-medium peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-3 peer-read-only:pointer-events-none scale-75 text-grey-110 text-responsive-xs text-style-body top-4 transform z-10" x-ref="labelElement"> <svg class="h-5 w-5 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52940)"> <path d="M3 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3ZM20 7.238L12.072 14.338L4 7.216V19H20V7.238ZM4.511 5L12.061 11.662L19.502 5H4.511Z" /> </g> <defs> <clipPath id="clip0_1428_52940"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <p x-ref="labelTextElement"> E Mail Adresse </p> </label> <div class="bg-niagara-100 h-0.5 peer-[:not(.error)]:peer-placeholder-shown:bg-queen-100 peer-[:not(.error)]:peer-placeholder-shown:peer-read-only:bg-grey-100 peer-[:not(:placeholder-shown)]:peer-read-only:hidden peer-focus:bg-niagara-100 peer-focus:peer-[:not(.error)]:peer-placeholder-shown:bg-niagara-100 peer-read-only:pointer-events-none rounded"></div> </div> </div> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="border border-queen-100 cursor-pointer disabled:border-0 disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group md:w-auto rounded-md w-full" type="submit" x-bind:disabled="forceDisabled || showSpinner" > <div class="active:translate-x-[0px] active:translate-y-[0px] bg-queen-100 duration-300 group-disabled:bg-grey-100 group-disabled:translate-x-0 group-disabled:translate-y-0 hover:translate-x-[-6px] hover:translate-y-[-6px] md:px-10 md:py-5 px-2 py-3.5 rounded-md transition translate-x-[-4px] translate-y-[-4px]"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="text-responsive-xs text-style-headline text-white-100"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <div class="justify-center" > <p class="first-letter:uppercase label-text text-responsive-xs text-style-headline text-white-100" > Abonnieren </p> </div> </div> </div> </button> </form> <p class="text-style-headline text-responsive-s">Wir lesen uns am Montag 🙌</p> </div> </div> </div> </section> <section class="top"> <div class="container py-10 md:py-24 "> <div class="mb-12"> <h2 class="text-style-headline text-responsive-xl mb-1">Magazin</h2> <p class="text-style-body text-responsive-xs">Aktuelle Geschichten aus der nachhaltigen und sozialen Arbeitswelt, New Work Hacks sowie Tipps für Bewerbungen und Recruiting.</p> </div> <div class="mb-6"> <div class="gap-x-4 gap-y-5 grid grid-cols-2 lg:gap-x-4 lg:grid-cols-12 md:gap-x-3 md:grid-cols-6" > <div class="col-span-full md:col-span-3 lg:col-span-4"> <div class="flex flex-col active:shadow-none active:translate-x-1 active:translate-y-1 bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl overflow-hidden rounded-md shadow-l transform transition" id="https://goodjobs.eu/blog/article/staerken-schwaechen-bewerbung"> <a class="flex flex-col grow " target="_self" href="https://goodjobs.eu/blog/article/staerken-schwaechen-bewerbung" > <div class=""> <div class=""> <div class="h-full relative"> <img loading="lazy" class="h-full lg:h-full md:h-64 object-cover w-full" src="https://goodjobs.eu/imgproxy/zcxRte8fBg9PfFQemXnwaCUZEXHnUBaqUMR1stz1KPQ/gravity:nowe:0:219/crop:4912:2326/rs:fit:800/bG9jYWw6Ly8vYXJ0aWNsZXMvOWNhNWJjNTYtOTVkYi00ZjE4LWE4ZjctNTM1ZWU3M2ZhNWZiLzlheG9uVVJyMU9FSEtlYk1DY1hxb1ZieU5JM0ZCZ3RQRmk1MXZCbTYuanBn.webp" alt="" /> </div> </div> <div class="p-5"> <div > <div class="mb-4"> <p class="mb-1 text-niagara-100 text-responsive-xs text-style-body">Karriere</p> <h3 class="text-queen-100 text-responsive-m text-style-headline">Bewerbungsgespräch meistern: Stärken und Schwächen überzeugend präsentieren</h3> </div> <p class="text-queen-100 text-responsive-xs text-style-body">Das Vorstellungsgespräch naht und du willst deine Stärken und Schwächen überzeugend präsentieren? Erfahre hier, wie du authentisch und gut vorbereitet punktest. Bereite dich optimal vor und steigere deine Chancen auf den Traumjob!</p> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9ca5bc56-95db-4f18-a8f7-535ee73fa5fb","class":"App\\Models\\Article","relations":["category","user"],"s":"elmdl"}]},"memo":{"id":"oLJtcsBQQdT1oxBsw0QB","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"de17346c5cbe00244fca841ec2575600e736dcbd019dd611b794e7d6e57ce81a"}" wire:effects="[]" wire:id="oLJtcsBQQdT1oxBsw0QB"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('oLJtcsBQQdT1oxBsw0QB').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9ca5bc56-95db-4f18-a8f7-535ee73fa5fb","class":"App\\Models\\Article","relations":["category","user"],"s":"elmdl"}]},"memo":{"id":"lXZlaac1nWn9qL1bNL4y","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"1f293c34ece1a5aa3d6850382b9376707b81ca979186a691a5cbd795ad24df88"}" wire:effects="[]" wire:id="lXZlaac1nWn9qL1bNL4y"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('lXZlaac1nWn9qL1bNL4y') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('lXZlaac1nWn9qL1bNL4y').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('lXZlaac1nWn9qL1bNL4y').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> </div> </div> <div class="col-span-full md:col-span-3 lg:col-span-4"> <div class="flex flex-col active:shadow-none active:translate-x-1 active:translate-y-1 bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl overflow-hidden rounded-md shadow-l transform transition" id="https://goodjobs.eu/blog/article/arbeitslos-arbeitssuchend-arbeitslosengeld"> <a class="flex flex-col grow " target="_self" href="https://goodjobs.eu/blog/article/arbeitslos-arbeitssuchend-arbeitslosengeld" > <div class=""> <div class=""> <div class="h-full relative"> <img loading="lazy" class="h-full lg:h-full md:h-64 object-cover w-full" src="https://goodjobs.eu/imgproxy/o1EkUGSz948fequNJTDxUmsp6cpWjyqrL82lO9ZAsps/gravity:nowe:0:0/crop:1080:511/rs:fit:800/bG9jYWw6Ly8vYXJ0aWNsZXMvZWFlOWFmOTgtZmNmMS00MjU2LWI4ZDQtZDU4NjMwNzdmMGI4L1JNOWN6SDExTld0NzRVVXU3OENFNVFpZmRVYkZTUDJTVG1SSEdiaEIucG5n.webp" alt="" /> </div> </div> <div class="p-5"> <div > <div class="mb-4"> <p class="mb-1 text-niagara-100 text-responsive-xs text-style-body">Karriere</p> <h3 class="text-queen-100 text-responsive-m text-style-headline">Arbeitslos und was nun? Alles, was du wissen musst</h3> </div> <p class="text-queen-100 text-responsive-xs text-style-body">Du bist arbeitsuchend oder demnächst arbeitslos? In unserem Guide erfährst du, welche Schritte du als nächstes angehen solltest, wie du Arbeitslosengeld erhältst und wie du dich für deine berufliche Zukunft vorbereiten kannst – Jetzt lesen!</p> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"eae9af98-fcf1-4256-b8d4-d5863077f0b8","class":"App\\Models\\Article","relations":["category","user"],"s":"elmdl"}]},"memo":{"id":"0Kjyn4TsUIAoklTJuGsg","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"5eedc786739cee10388e355a6ae8cae7d9376c06838082402753ccb3619d0aac"}" wire:effects="[]" wire:id="0Kjyn4TsUIAoklTJuGsg"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('0Kjyn4TsUIAoklTJuGsg').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"eae9af98-fcf1-4256-b8d4-d5863077f0b8","class":"App\\Models\\Article","relations":["category","user"],"s":"elmdl"}]},"memo":{"id":"KgbMhAdsOfaC19yAB7fa","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"f3d198f5be33ec61d2c63237a15c5e5ccaf89b6095af01200de9c4a80bfbb346"}" wire:effects="[]" wire:id="KgbMhAdsOfaC19yAB7fa"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('KgbMhAdsOfaC19yAB7fa') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('KgbMhAdsOfaC19yAB7fa').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('KgbMhAdsOfaC19yAB7fa').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> </div> </div> <div class="col-span-full md:col-span-3 lg:col-span-4"> <div class="flex flex-col active:shadow-none active:translate-x-1 active:translate-y-1 bg-white-100 border-2 border-queen-100 duration-300 h-full h-full hover:-translate-x-[2px] hover:-translate-y-[2px] hover:shadow-xl overflow-hidden rounded-md shadow-l transform transition" id="https://goodjobs.eu/blog/article/mitarbeiterangebote-corporate-benefits"> <a class="flex flex-col grow " target="_self" href="https://goodjobs.eu/blog/article/mitarbeiterangebote-corporate-benefits" > <div class=""> <div class=""> <div class="h-full relative"> <img loading="lazy" class="h-full lg:h-full md:h-64 object-cover w-full" src="https://goodjobs.eu/imgproxy/mDtJzNtA-HQ-eceMtYeoKrbGuofKBLzN5Rn0TGPoCTc/gravity:nowe:0:189/crop:2048:970/rs:fit:800/bG9jYWw6Ly8vYXJ0aWNsZXMvOWUzM2QxZDktZTBmMC00NTJjLTkwOTMtOGI4ODFjNzE1ZjIzL3lsRUVGVjY2RHFQMmljTUZTbVg2WThZaXdhb1gzT1dEY2JtYjRlVEsuanBn.webp" alt="" /> </div> </div> <div class="p-5"> <div > <div class="mb-4"> <p class="mb-1 text-niagara-100 text-responsive-xs text-style-body">Nachhaltigkeit</p> <h3 class="text-queen-100 text-responsive-m text-style-headline">Mitarbeiterangebote zur CO2-Reduktion: 10 Maßnahmen, die euch, eurem Unternehmen und der Umwelt guttun</h3> </div> <p class="text-queen-100 text-responsive-xs text-style-body">Entdecke, wie nachhaltige Mitarbeiterangebote nicht nur dem Planeten, sondern auch dir zugutekommen können. Hier findest du 10 Ideen, die deinen Arbeitsalltag und das Unternehmen grüner machen!</p> </div> </div> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e33d1d9-e0f0-452c-9093-8b881c715f23","class":"App\\Models\\Article","relations":["category","user"],"s":"elmdl"}]},"memo":{"id":"FfmTx1riUiaS0oPz2gxD","name":"trackers.click","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"13a81b1e767b9a79fdf4646ee866018ed7ff295cc3da78e1ffcb8951841585ff"}" wire:effects="[]" wire:id="FfmTx1riUiaS0oPz2gxD"> <script> var el = document.currentScript.closest('a'); var clickHandler = function (el) { el?.addEventListener('click', function (e) { window.Livewire.find('FfmTx1riUiaS0oPz2gxD').track(); }); }; document.addEventListener('livewire:initialized', clickHandler(el)) </script> </div> <div wire:snapshot="{"data":{"entity":[[],{"key":"9e33d1d9-e0f0-452c-9093-8b881c715f23","class":"App\\Models\\Article","relations":["category","user"],"s":"elmdl"}]},"memo":{"id":"h4CwbrvledHvscdIZ7eh","name":"trackers.impression","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"f4b0ac338cdba4dedad4ceb92128de7ea41ced95b0e9906d6adf4cd1067627a2"}" wire:effects="[]" wire:id="h4CwbrvledHvscdIZ7eh"> <script> // server-side and google tag manager tracking // // see track.js for the connection of elements and observers // store the elements to track/observe in a global array if (typeof trackImpressionElements === 'undefined') { var trackImpressionElements = []; } // we need the closest a element to the current script tag to be checked for visibility trackImpressionElements.push(document.currentScript.closest('a')); // store the observers for checking the visibility of elements in a global array if (typeof trackImpressionObservers === 'undefined') { var trackImpressionObservers = []; } // we create and store the observes in the livewire:initialized event // to make the window.Livewire.find('h4CwbrvledHvscdIZ7eh') component available to the observer callback document.addEventListener('livewire:initialized', function(e) { // element must be fully visible var visibleThreshold = 1.0; // what to do when the element is visible var visibleCallback = function (entries, observer) { entries.forEach(function (entry) { if (entry.intersectionRatio >= visibleThreshold) { // this is a livewire call to the Impression component // to get the dataLayer array for google tag manager // which is then passed to the global dataLayer array window.Livewire.find('h4CwbrvledHvscdIZ7eh').getGtmDataLayer().then(function (data) { if (data == '') { return; } window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); }); // call a track method in the livewire component window.Livewire.find('h4CwbrvledHvscdIZ7eh').track(); // observer is disconnected after the first impression // as it is not needed anymore observer.disconnect(); } }); }; // options for the IntersectionObserver var options = { root: null, threshold: visibleThreshold, }; // save the observer in the global array trackImpressionObservers.push( new IntersectionObserver(visibleCallback, options) ); }); </script> </div> </a> </div> </div> </div> </div> <div class="flex justify-end"> <a class="hover:underline" href="https://goodjobs.eu/blog"> <button wire:ignore x-data="{ buttonName: 'null', showSpinner: false, withSpinner: false, toggleSpinner() {this.showSpinner = !this.showSpinner;}, forceDisabled: false, get forceDisabled() { return false }, }" @toggle-spinner.window="buttonName == $event.detail.buttonName && toggleSpinner" @click="withSpinner && toggleSpinner" class="cursor-pointer disabled:cursor-default focus-visible:outline-none focus-visible:shadow-focus group rounded-md w-auto" type="button" x-bind:disabled="forceDisabled || showSpinner" > <div class="flex gap-x-2 group items-center p-1 rounded-md"> <div x-cloak x-show="showSpinner" class="flex gap-x-2 justify-center"> <div class="gj-spinner"></div> <p class="group-disabled:text-grey-100 text-queen-100 text-responsive-s text-style-body"> </p> </div> <div class="h-fit my-auto" x-show="!showSpinner"> <span class="text-style-headline text-responsive-xs">Zum Magazin</span> </div> <div class="bg-white-100 border border-queen-100 duration-300 group-active:shadow-none group-active:translate-x-[2px] group-active:translate-y-[2px] group-disabled:border-grey-100 group-disabled:shadow-none group-disabled:translate-x-0 group-disabled:translate-y-0 group-hover:-translate-x-[2px] group-hover:-translate-y-[2px] group-hover:shadow-m p-1 p-1 rounded-full shadow-s transform transition"> <svg class="fill-queen-100 group-disabled:fill-grey-100 h-[26px] w-[26px]" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_59969)"> <path d="M13.1727 11.9997L8.22266 7.04974L9.63666 5.63574L16.0007 11.9997L9.63666 18.3637L8.22266 16.9497L13.1727 11.9997Z" /> </g> <defs> <clipPath id="clip0_1428_59969"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> </div> </button> </a> </div> </div> </section> </main>  <div id="overlay"></div>    <footer id="footer"> <footer class="bg-sand-100 pt-28 pb-5"> <div class="container"> <div class="gap-x-4 gap-y-14 grid grid-cols-2 lg:gap-x-4 lg:grid-cols-12 md:gap-x-3 md:grid-cols-6" > <div class="flex flex-col gap-y-4 col-span-full md:col-span-3 lg:col-start-1 lg:col-end-5"> <h4 class="text-style-headline text-responsive-s"> Für Jobsuchende </h4> <a href="https://goodjobs.eu/jobs"> <p class="text-style-meta text-responsive-xs"> Job finden </p> </a> <a href="https://goodjobs.eu/companies"> <p class="text-style-meta text-responsive-xs"> GoodCompanies </p> </a> <a href="https://goodjobs.eu/blog"> <p class="text-style-meta text-responsive-xs"> Magazin </p> </a> <a href="https://goodjobs.eu/podcast"> <p class="text-style-meta text-responsive-xs"> Podcast </p> </a> <a href="https://goodjobs.eu/newsletter"> <p class="text-style-meta text-responsive-xs"> Newsletter </p> </a> </div> <div class="flex flex-col gap-y-4 col-span-full md:col-span-3 lg:col-start-5 lg:col-end-9"> <h4 class="text-style-headline text-responsive-s"> Für Arbeitgebende </h4> <a href="https://goodjobs.eu/shop/packages" target="_self"> <p class="text-style-meta text-responsive-xs"> Recruiting Lösungen </p> </a> <a href="https://goodjobs.eu/targetgroup" target="_self"> <p class="text-style-meta text-responsive-xs"> Unsere Nutzer*innen </p> </a> <a href="/downloads/mediadaten/GoodJobs_Mediadaten.pdf" target="_blank"> <p class="text-style-meta text-responsive-xs"> Unsere Mediadaten </p> </a> </div> <div class="flex flex-col gap-y-4 col-span-full md:col-span-3 lg:col-start-9 lg:col-end-13"> <h4 class="text-style-headline text-responsive-s"> Über GoodJobs </h4> <a href="https://goodjobs.eu/company/goodjobs-gmbh"> <p class="text-style-meta text-responsive-xs hyphens-auto"> Über uns </p> </a> <a href="https://goodjobs.eu/criteria"> <p class="text-style-meta text-responsive-xs hyphens-auto"> Ziele & Kriterien </p> </a> <a href="https://goodjobs.eu/netiquette"> <p class="text-style-meta text-responsive-xs hyphens-auto"> Netiquette </p> </a> </div> <div class="col-span-full md:col-start-1 md:col-end-3 lg:col-start-1 lg:col-end-auto flex justify-between lg:justify-normal gap-x-3 lg:gap-x-5"> <a href="tel:+4930959981850" target="_blank" aria-label="Telefonnummer"> <svg class="h-6 w-6 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_54046)"> <path d="M9.366 10.682C10.3043 12.3305 11.6695 13.6957 13.318 14.634L14.202 13.396C14.3442 13.1969 14.5543 13.0569 14.7928 13.0023C15.0313 12.9478 15.2814 12.9825 15.496 13.1C16.9103 13.8729 18.4722 14.3378 20.079 14.464C20.3298 14.4839 20.5638 14.5975 20.7345 14.7823C20.9052 14.9671 21 15.2094 21 15.461V19.923C21.0001 20.1706 20.9083 20.4094 20.7424 20.5932C20.5765 20.777 20.3483 20.8927 20.102 20.918C19.572 20.973 19.038 21 18.5 21C9.94 21 3 14.06 3 5.5C3 4.962 3.027 4.428 3.082 3.898C3.10725 3.6517 3.22298 3.42352 3.40679 3.25763C3.5906 3.09175 3.82941 2.99995 4.077 3H8.539C8.79056 2.99997 9.0329 3.09475 9.21768 3.26545C9.40247 3.43615 9.51613 3.67022 9.536 3.921C9.66222 5.52779 10.1271 7.08968 10.9 8.504C11.0175 8.71856 11.0522 8.96874 10.9977 9.2072C10.9431 9.44565 10.8031 9.65584 10.604 9.798L9.366 10.682ZM6.844 10.025L8.744 8.668C8.20478 7.50409 7.83535 6.26884 7.647 5H5.01C5.004 5.166 5.001 5.333 5.001 5.5C5 12.956 11.044 19 18.5 19C18.667 19 18.834 18.997 19 18.99V16.353C17.7312 16.1646 16.4959 15.7952 15.332 15.256L13.975 17.156C13.4287 16.9437 12.898 16.6931 12.387 16.406L12.329 16.373C10.3676 15.2567 8.74328 13.6324 7.627 11.671L7.594 11.613C7.30691 11.102 7.05628 10.5713 6.844 10.025Z" /> </g> <defs> <clipPath id="clip0_1428_54046"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> <a href="mailto:support@goodjobs.eu" target="_blank" aria-label="E-Mail"> <svg class="h-6 w-6 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_52940)"> <path d="M3 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3ZM20 7.238L12.072 14.338L4 7.216V19H20V7.238ZM4.511 5L12.061 11.662L19.502 5H4.511Z" /> </g> <defs> <clipPath id="clip0_1428_52940"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> <a href="https://www.instagram.com/goodjobs_eu/" target="_blank" aria-label="Instagram"> <svg class="h-6 w-6 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_57234)"> <path d="M12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75ZM12 4C9.526 4 9.122 4.007 7.971 4.058C7.187 4.095 6.661 4.2 6.173 4.39C5.739 4.558 5.426 4.759 5.093 5.093C4.78001 5.3954 4.53935 5.76458 4.389 6.173C4.199 6.663 4.094 7.188 4.058 7.971C4.006 9.075 4 9.461 4 12C4 14.474 4.007 14.878 4.058 16.029C4.095 16.812 4.2 17.339 4.389 17.826C4.559 18.261 4.759 18.574 5.091 18.906C5.428 19.242 5.741 19.443 6.171 19.609C6.665 19.8 7.191 19.906 7.971 19.942C9.075 19.994 9.461 20 12 20C14.474 20 14.878 19.993 16.029 19.942C16.811 19.905 17.338 19.8 17.826 19.611C18.259 19.442 18.574 19.241 18.906 18.909C19.243 18.572 19.444 18.259 19.61 17.829C19.8 17.336 19.906 16.809 19.942 16.029C19.994 14.925 20 14.539 20 12C20 9.526 19.993 9.122 19.942 7.971C19.905 7.189 19.8 6.661 19.61 6.173C19.4593 5.765 19.2191 5.39596 18.907 5.093C18.6047 4.77985 18.2355 4.53917 17.827 4.389C17.337 4.199 16.811 4.094 16.029 4.058C14.925 4.006 14.539 4 12 4ZM12 2C14.717 2 15.056 2.01 16.122 2.06C17.187 2.11 17.912 2.277 18.55 2.525C19.21 2.779 19.766 3.123 20.322 3.678C20.8305 4.1779 21.224 4.78259 21.475 5.45C21.722 6.087 21.89 6.813 21.94 7.878C21.987 8.944 22 9.283 22 12C22 14.717 21.99 15.056 21.94 16.122C21.89 17.187 21.722 17.912 21.475 18.55C21.2247 19.2178 20.8311 19.8226 20.322 20.322C19.822 20.8303 19.2173 21.2238 18.55 21.475C17.913 21.722 17.187 21.89 16.122 21.94C15.056 21.987 14.717 22 12 22C9.283 22 8.944 21.99 7.878 21.94C6.813 21.89 6.088 21.722 5.45 21.475C4.78233 21.2245 4.17753 20.8309 3.678 20.322C3.16941 19.8222 2.77593 19.2175 2.525 18.55C2.277 17.913 2.11 17.187 2.06 16.122C2.013 15.056 2 14.717 2 12C2 9.283 2.01 8.944 2.06 7.878C2.11 6.812 2.277 6.088 2.525 5.45C2.77524 4.78218 3.1688 4.17732 3.678 3.678C4.17767 3.16923 4.78243 2.77573 5.45 2.525C6.088 2.277 6.812 2.11 7.878 2.06C8.944 2.013 9.283 2 12 2Z" /> </g> <defs> <clipPath id="clip0_1428_57234"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> <a href="https://www.linkedin.com/company/goodjobs/" target="_blank" aria-label="LinkedIn"> <svg class="h-6 w-6 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1428_56990)"> <path d="M6.94141 4.99905C6.94114 5.52948 6.73017 6.03808 6.35491 6.41297C5.97965 6.78785 5.47084 6.99831 4.94041 6.99805C4.40997 6.99778 3.90137 6.78681 3.52649 6.41155C3.1516 6.03629 2.94114 5.52748 2.94141 4.99705C2.94167 4.46661 3.15264 3.95801 3.5279 3.58313C3.90316 3.20824 4.41197 2.99778 4.94241 2.99805C5.47284 2.99831 5.98144 3.20928 6.35633 3.58454C6.73121 3.9598 6.94167 4.46861 6.94141 4.99905ZM7.00141 8.47905H3.00141V20.999H7.00141V8.47905ZM13.3214 8.47905H9.34141V20.999H13.2814V14.429C13.2814 10.769 18.0514 10.429 18.0514 14.429V20.999H22.0014V13.069C22.0014 6.89905 14.9414 7.12905 13.2814 10.159L13.3214 8.47905Z" /> </g> <defs> <clipPath id="clip0_1428_56990"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> <a href="https://www.tiktok.com/@goodjobs_eu" target="_blank" aria-label="TikTok"> <svg class="h-6 w-6 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M19.5888 6.686C18.5902 6.47238 17.6858 5.94535 17.0077 5.18175C16.3295 4.41816 15.913 3.45791 15.8188 2.441V2H12.3738V15.672C12.3717 16.2773 12.18 16.8667 11.8256 17.3574C11.4712 17.8481 10.972 18.2154 10.3981 18.4077C9.82418 18.6 9.20443 18.6077 8.62593 18.4297C8.04743 18.2516 7.53927 17.8968 7.17284 17.415C6.80072 16.9252 6.5943 16.3296 6.5835 15.7145C6.57271 15.0995 6.7581 14.497 7.11281 13.9944C7.46751 13.4918 7.97307 13.1153 8.55619 12.9194C9.13931 12.7235 9.76966 12.7185 10.3558 12.905V9.405C9.04869 9.2243 7.71775 9.45669 6.54919 10.0697C5.38062 10.6826 4.43288 11.6455 3.83852 12.8237C3.24416 14.0018 3.03291 15.3363 3.23432 16.6404C3.43573 17.9445 4.03973 19.1531 4.96184 20.097C5.8412 20.9968 6.96872 21.6141 8.20049 21.8701C9.43226 22.1262 10.7124 22.0094 11.8775 21.5346C13.0426 21.0599 14.0398 20.2487 14.7418 19.2047C15.4438 18.1606 15.8188 16.9311 15.8188 15.673V8.687C17.2111 9.68234 18.8804 10.216 20.5918 10.213V6.79C20.2548 6.79042 19.9186 6.75556 19.5888 6.686Z" /> </svg> </a> </div> <div class="col-span-full lg:col-start-1"> <div class="flex flex-col md:flex-row gap-y-4 md:gap-x-3 lg:gap-x-12 mb-3 md:mb-2 lg:mb-3.5"> <a href="https://goodjobs.eu/imprint"> <p class="text-style-meta text-responsive-xs"> Impressum </p> </a> <a href="https://goodjobs.eu/agb"> <p class="text-style-meta text-responsive-xs"> AGB </p> </a> <a href="https://goodjobs.eu/terms-of-use"> <p class="text-style-meta text-responsive-xs"> Nutzungsbedingungen </p> </a> <a href="https://goodjobs.eu/privacy"> <p class="text-style-meta text-responsive-xs"> Datenschutz </p> </a> <p class="text-style-meta text-responsive-xs"> © 2025 GoodJobs GmbH </p> </div> </div> </div> </div> </footer> </footer> <script src="/livewire/livewire.min.js?id=951e6947" data-csrf="KKV3snLg5iYdnkvG1mvfvuqHBBcuZNseKM9m58dr" data-update-uri="/livewire/update" data-navigate-once="true"></script> <div wire:snapshot="{"data":{"activeComponent":null,"components":[[],{"s":"arr"}]},"memo":{"id":"A8Ul6VVBe2HNap4a4Jfa","name":"livewire-ui-modal","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"d22e1a5b4a6bde924f1295a8c1e09a997f620142245bc3cddce7ce7841d63bee"}" wire:effects="{"listeners":["openModal","destroyComponent"]}" wire:id="A8Ul6VVBe2HNap4a4Jfa">  <script>(()=>{var t,e={331:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(!t)return;if("string"==typeof t)return e(t,o);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,o)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden'], textarea, select, details, [tabindex]:not([tabindex='-1']))")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},754:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={387:0,109:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[109],(()=>n(331)));var i=n.O(void 0,[109],(()=>n(754)));i=n.O(i)})();</script>   <div x-data="LivewireUIModal()" x-init="init()" x-on:close.stop="setShowPropertyTo(false)" x-on:keydown.escape.window="closeModalOnEscape()" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 z-[150] overflow-y-auto" style="display: none;" >   </div> </div>  </body> </html>

CINXE.COM

Nachhaltige Jobs mit Sinn finden | GoodJobs