/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.\!tw-container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.tw-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 475px) {
  .\!tw-container {
    max-width: 475px !important;
  }

  .tw-container {
    max-width: 475px;
  }
}

@media (min-width: 576px) {
  .\!tw-container {
    max-width: 576px !important;
  }

  .tw-container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .\!tw-container {
    max-width: 768px !important;
  }

  .tw-container {
    max-width: 768px;
  }
}

@media (min-width: 991px) {
  .\!tw-container {
    max-width: 991px !important;
  }

  .tw-container {
    max-width: 991px;
  }
}

@media (min-width: 1199px) {
  .\!tw-container {
    max-width: 1199px !important;
  }

  .tw-container {
    max-width: 1199px;
  }
}

@media (min-width: 1320px) {
  .\!tw-container {
    max-width: 1320px !important;
  }

  .tw-container {
    max-width: 1320px;
  }
}

.tw-absolute {
  position: absolute;
}

.\!tw-relative {
  position: relative !important;
}

.tw-relative {
  position: relative;
}

.\!tw-left-0 {
  left: 0px !important;
}

.tw-right-\[10px\] {
  right: 10px;
}

.tw-top-0 {
  top: 0px;
}

.tw-z-10 {
  z-index: 10;
}

.tw-order-1 {
  order: 1;
}

.tw-order-2 {
  order: 2;
}

.\!tw-order-2 {
  order: 2 !important;
}

.tw-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tw-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.\!tw-mb-0 {
  margin-bottom: 0px !important;
}

.\!tw-mb-16 {
  margin-bottom: 4rem !important;
}

.\!tw-mb-2 {
  margin-bottom: 0.5rem !important;
}

.\!tw-mt-12 {
  margin-top: 3rem !important;
}

.\!tw-mt-6 {
  margin-top: 1.5rem !important;
}

.\!tw-mt-8 {
  margin-top: 2rem !important;
}

.-tw-mt-1 {
  margin-top: -0.25rem;
}

.tw-mb-0 {
  margin-bottom: 0px;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

.tw-mb-6 {
  margin-bottom: 1.5rem;
}

.tw-mb-8 {
  margin-bottom: 2rem;
}

.tw-ml-0 {
  margin-left: 0px;
}

.tw-ml-1 {
  margin-left: 0.25rem;
}

.tw-ml-2 {
  margin-left: 0.5rem;
}

.tw-ml-4 {
  margin-left: 1rem;
}

.tw-mr-4 {
  margin-right: 1rem;
}

.tw-mt-2 {
  margin-top: 0.5rem;
}

.tw-mt-4 {
  margin-top: 1rem;
}

.tw-mt-6 {
  margin-top: 1.5rem;
}

.tw-mt-8 {
  margin-top: 2rem;
}

.tw-mt-\[4px\] {
  margin-top: 4px;
}

.tw-mt-\[60px\] {
  margin-top: 60px;
}

.tw-block {
  display: block;
}

.\!tw-flex {
  display: flex !important;
}

.tw-flex {
  display: flex;
}

.tw-grid {
  display: grid;
}

.tw-hidden {
  display: none;
}

.tw-aspect-video {
  aspect-ratio: 16 / 9;
}

.tw-h-\[100px\] {
  height: 100px;
}

.tw-h-\[200\%\] {
  height: 200%;
}

.tw-h-\[200px\] {
  height: 200px;
}

.tw-h-\[50px\] {
  height: 50px;
}

.tw-h-full {
  height: 100%;
}

.tw-max-h-\[52px\] {
  max-height: 52px;
}

.tw-min-h-\[450px\] {
  min-height: 450px;
}

.\!tw-w-4\/12 {
  width: 33.333333% !important;
}

.\!tw-w-8\/12 {
  width: 66.666667% !important;
}

.\!tw-w-full {
  width: 100% !important;
}

.tw-w-\[140px\] {
  width: 140px;
}

.tw-w-\[50px\] {
  width: 50px;
}

.tw-w-full {
  width: 100%;
}

.\!tw-max-w-full {
  max-width: 100% !important;
}

.tw-max-w-none {
  max-width: none;
}

.tw-cursor-pointer {
  cursor: pointer;
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tw-items-start {
  align-items: flex-start;
}

.tw-items-center {
  align-items: center;
}

.\!tw-justify-start {
  justify-content: flex-start !important;
}

.tw-justify-end {
  justify-content: flex-end;
}

.\!tw-justify-end {
  justify-content: flex-end !important;
}

.tw-justify-center {
  justify-content: center;
}

.tw-justify-between {
  justify-content: space-between;
}

.tw-gap-4 {
  gap: 1rem;
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-rounded-2xl {
  border-radius: 1rem;
}

.tw-rounded-3xl {
  border-radius: 1.5rem;
}

.tw-rounded-\[6px\] {
  border-radius: 6px;
}

.tw-rounded-lg {
  border-radius: 0.5rem;
}

.tw-border {
  border-width: 1px;
}

.tw-border-\[\#EDEAF6\] {
  --tw-border-opacity: 1;
  border-color: rgb(237 234 246 / var(--tw-border-opacity));
}

.tw-bg-\[\#f6f8fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 252 / var(--tw-bg-opacity));
}

.tw-bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.tw-bg-j2 {
  --tw-bg-opacity: 1;
  background-color: rgb(68 75 221 / var(--tw-bg-opacity));
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.tw-from-j2 {
  --tw-gradient-from: #444bdd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(68 75 221 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-bg-contain {
  background-size: contain;
}

.tw-bg-cover {
  background-size: cover;
}

.tw-bg-center {
  background-position: center;
}

.tw-bg-no-repeat {
  background-repeat: no-repeat;
}

.tw-object-center {
  -o-object-position: center;
     object-position: center;
}

.tw-p-16 {
  padding: 4rem;
}

.tw-p-4 {
  padding: 1rem;
}

.tw-p-8 {
  padding: 2rem;
}

.\!tw-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!tw-px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!tw-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!tw-py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}

.tw-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tw-py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}

.tw-pb-8 {
  padding-bottom: 2rem;
}

.tw-pb-\[15px\] {
  padding-bottom: 15px;
}

.tw-pb-\[60px\] {
  padding-bottom: 60px;
}

.tw-pl-\[20px\] {
  padding-left: 20px;
}

.tw-pl-\[42px\] {
  padding-left: 42px;
}

.tw-pt-2 {
  padding-top: 0.5rem;
}

.tw-pt-\[60px\] {
  padding-top: 60px;
}

.\!tw-pt-12 {
  padding-top: 3rem !important;
}

.tw-pr-0 {
  padding-right: 0px;
}

.tw-text-center {
  text-align: center;
}

.\!tw-text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.tw-text-\[14px\] {
  font-size: 14px;
}

.tw-text-\[16px\] {
  font-size: 16px;
}

.tw-text-\[32px\] {
  font-size: 32px;
}

.tw-text-\[42px\] {
  font-size: 42px;
}

.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\!tw-text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

.\!tw-text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}

.\!tw-font-bold {
  font-weight: 700 !important;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-font-semibold {
  font-weight: 600;
}

.\!tw-text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.tw-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.tw-text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.tw-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.tw-text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.tw-text-j10 {
  --tw-text-opacity: 1;
  color: rgb(109 123 144 / var(--tw-text-opacity));
}

.tw-text-j2 {
  --tw-text-opacity: 1;
  color: rgb(68 75 221 / var(--tw-text-opacity));
}

.tw-text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-underline {
  text-decoration-line: underline;
}

.tw-opacity-80 {
  opacity: 0.8;
}

.\!tw-shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.tw-grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-duration-300 {
  transition-duration: 300ms;
}

.tw-duration-700 {
  transition-duration: 700ms;
}

.meta-item_tw.job_type_tw .minijob {
  color: #e46b00;
}

.meta-item_tw.job_type_tw .ausbildung {
  color: #f0c721;
}

.meta-item_tw.job_type_tw .part-time {
  color: #d23b68;
}

.meta-item_tw.job_type_tw .freelance {
  color: #573bd2;
}

.meta-item_tw.job_type_tw .internship {
  color: #3b93d2;
}

.meta-item_tw.job_type_tw .temporary {
  color: #eab308;
}

.meta-item_tw.job_type_tw .full-time {
  color: #00d084;
}

#ast-scroll-top{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Chrome, Safari, Edge, Opera remove number field arrows */

.my-plz input::-webkit-outer-spin-button,
.my-plz input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox remove number field arrows */

.my-plz input[type=number] {
  -moz-appearance: textfield;
}

.fill-company .input-wrap.company-phone input {
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5.5C3 14.0604 9.93959 21 18.5 21C18.8862 21 19.2691 20.9859 19.6483 20.9581C20.0834 20.9262 20.3009 20.9103 20.499 20.7963C20.663 20.7019 20.8185 20.5345 20.9007 20.364C21 20.1582 21 19.9181 21 19.438V16.6207C21 16.2169 21 16.015 20.9335 15.842C20.8749 15.6891 20.7795 15.553 20.6559 15.4456C20.516 15.324 20.3262 15.255 19.9468 15.117L16.74 13.9509C16.2985 13.7904 16.0777 13.7101 15.8683 13.7237C15.6836 13.7357 15.5059 13.7988 15.3549 13.9058C15.1837 14.0271 15.0629 14.2285 14.8212 14.6314L14 16C11.3501 14.7999 9.2019 12.6489 8 10L9.36863 9.17882C9.77145 8.93713 9.97286 8.81628 10.0942 8.64506C10.2012 8.49408 10.2643 8.31637 10.2763 8.1317C10.2899 7.92227 10.2096 7.70153 10.0491 7.26005L8.88299 4.05321C8.745 3.67376 8.67601 3.48403 8.55442 3.3441C8.44701 3.22049 8.31089 3.12515 8.15802 3.06645C7.98496 3 7.78308 3 7.37932 3H4.56201C4.08188 3 3.84181 3 3.63598 3.09925C3.4655 3.18146 3.29814 3.33701 3.2037 3.50103C3.08968 3.69907 3.07375 3.91662 3.04189 4.35173C3.01413 4.73086 3 5.11378 3 5.5Z' stroke='%23C1C2CE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fill-company .input-wrap.company-plz input {
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.36328 12.0523C4.01081 11.5711 3.33457 11.3304 3.13309 10.9655C2.95849 10.6492 2.95032 10.2673 3.11124 9.94388C3.29694 9.57063 3.96228 9.30132 5.29295 8.76272L17.8356 3.68594C19.1461 3.15547 19.8014 2.89024 20.2154 3.02623C20.5747 3.14427 20.8565 3.42608 20.9746 3.7854C21.1106 4.19937 20.8453 4.85465 20.3149 6.16521L15.2381 18.7078C14.6995 20.0385 14.4302 20.7039 14.0569 20.8896C13.7335 21.0505 13.3516 21.0423 13.0353 20.8677C12.6704 20.6662 12.4297 19.99 11.9485 18.6375L10.4751 14.4967C10.3815 14.2336 10.3347 14.102 10.2582 13.9922C10.1905 13.8948 10.106 13.8103 10.0086 13.7426C9.89876 13.6661 9.76719 13.6193 9.50407 13.5257L5.36328 12.0523Z' stroke='%23C1C2CE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fill-company .input-wrap.company-ucity input {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0208 12.6859C12.5486 12.6859 13.0036 12.4948 13.3858 12.1125C13.7675 11.7309 13.9584 11.2762 13.9584 10.7484C13.9584 10.2206 13.7675 9.76587 13.3858 9.38421C13.0036 9.00198 12.5486 8.81087 12.0208 8.81087C11.4931 8.81087 11.0383 9.00198 10.6567 9.38421C10.2745 9.76587 10.0833 10.2206 10.0833 10.7484C10.0833 11.2762 10.2745 11.7309 10.6567 12.1125C11.0383 12.4948 11.4931 12.6859 12.0208 12.6859ZM12.0208 20.7275C11.8542 20.7275 11.6911 20.6998 11.5317 20.6442C11.3717 20.5886 11.2292 20.5053 11.1042 20.3942C9.06251 18.5609 7.53473 16.8595 6.52084 15.29C5.50695 13.7206 5 12.2623 5 10.915C5 8.72059 5.705 6.97393 7.115 5.67504C8.52445 4.37671 10.1597 3.72754 12.0208 3.72754C13.8681 3.72754 15.5 4.37671 16.9167 5.67504C18.3334 6.97393 19.0417 8.72059 19.0417 10.915C19.0417 12.2623 18.5347 13.7206 17.5209 15.29C16.507 16.8595 14.9792 18.5609 12.9375 20.3942C12.8125 20.5053 12.6703 20.5886 12.5108 20.6442C12.3508 20.6998 12.1875 20.7275 12.0208 20.7275Z' fill='%23C1C2CE'/%3E%3C/svg%3E%0A");
}

.fill-company .input-wrap.company-package input {
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13H14M19 13V20H5V9M5 9H19C19.5523 9 20 8.55228 20 8V5C20 4.44772 19.5523 4 19 4H12M5 9C4.44772 9 4 8.55228 4 8V5C4 4.44772 4.44772 4 5 4H7' stroke='%23C1C2CE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fill-company .company-package .select2 .select2-selection--single {
  border-radius: 4px !important;
  border: 1px solid #d2d3e4;
  background: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #707080;
  height: auto;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13H14M19 13V20H5V9M5 9H19C19.5523 9 20 8.55228 20 8V5C20 4.44772 19.5523 4 19 4H12M5 9C4.44772 9 4 8.55228 4 8V5C4 4.44772 4.44772 4 5 4H7' stroke='%23C1C2CE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fill-company .input-wrap.company-package.filled label {
  z-index: 999;
}

.tw-title h2, .tw-title h1{
  margin-bottom: 0;
}

.wp-editor-gray{
  background-color: #dcdcdc !important;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  .location__single-search form{
    overflow-y: scroll !important;
    height: 100vh !important;
  }

  .location__single-search form::-webkit-scrollbar {
    display: none;
  }

  .location__single-search form {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
}

.processing-btn{
  max-width: -moz-max-content;
  max-width: max-content;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  background: #444bdd;
  border: 1px solid #444bdd;
  cursor: pointer;
  position: relative;
  margin: auto;
  margin-right: auto;
  margin-left: 0;
  border-radius: 10px;
  padding: 2px 30px;
}

.processing-btn p{
  margin-bottom: 0;
}

.btn-pw {
  display: flex;
  max-width: -moz-max-content;
  max-width: max-content;
  justify-content: center;
  align-items: center;
  color: #444bdd;
  font-size: 18px;
  padding: 5px 25px;
  border: 1px solid #444bdd;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

.btn-pw.btn-blue {
  background-color: #444bdd;
  color: #ffffff;
  font-weight: 700;
}

.tw-glossar h2{
  font-size: 25px;
  line-height: 40px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 25px;
}

.tw-glossar .addtoany_list.a2a_kit_size_32 a{
  font-size: 18px!important;
}

.last\:tw-mb-0:last-child {
  margin-bottom: 0px;
}

.last\:tw-hidden:last-child {
  display: none;
}

.hover\:tw-bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:tw-text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.hover\:tw-text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:tw-text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.hover\:tw-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:tw-shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .md\:tw-order-2 {
    order: 2;
  }

  .md\:tw-order-1 {
    order: 1;
  }

  .md\:\!tw-order-1 {
    order: 1 !important;
  }

  .md\:\!tw-order-2 {
    order: 2 !important;
  }

  .md\:tw-mt-0 {
    margin-top: 0px;
  }

  .md\:tw-block {
    display: block;
  }

  .md\:\!tw-block {
    display: block !important;
  }

  .md\:tw-flex {
    display: flex;
  }

  .md\:\!tw-hidden {
    display: none !important;
  }

  .md\:tw-h-\[450px\] {
    height: 450px;
  }

  .md\:tw-w-10\/12 {
    width: 83.333333%;
  }

  .md\:tw-w-2\/12 {
    width: 16.666667%;
  }

  .md\:tw-w-6\/12 {
    width: 50%;
  }

  .md\:\!tw-w-4\/12 {
    width: 33.333333% !important;
  }

  .md\:\!tw-w-8\/12 {
    width: 66.666667% !important;
  }

  .md\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:tw-p-16 {
    padding: 4rem;
  }

  .md\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:tw-pl-8 {
    padding-left: 2rem;
  }

  .md\:tw-pr-8 {
    padding-right: 2rem;
  }
}

@media (min-width: 991px) {
  .lg\:tw-ml-3 {
    margin-left: 0.75rem;
  }

  .lg\:tw-block {
    display: block;
  }

  .lg\:tw-flex {
    display: flex;
  }

  .lg\:tw-hidden {
    display: none;
  }

  .lg\:tw-w-4\/12 {
    width: 33.333333%;
  }

  .lg\:tw-w-5\/12 {
    width: 41.666667%;
  }

  .lg\:tw-w-7\/12 {
    width: 58.333333%;
  }

  .lg\:tw-w-8\/12 {
    width: 66.666667%;
  }

  .lg\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:tw-justify-end {
    justify-content: flex-end;
  }

  .lg\:tw-bg-transparent {
    background-color: transparent;
  }

  .lg\:tw-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }

  .lg\:tw-from-45\% {
    --tw-gradient-from-position: 45%;
  }

  .lg\:tw-from-55\% {
    --tw-gradient-from-position: 55%;
  }

  .lg\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:tw-pr-12 {
    padding-right: 3rem;
  }

  .lg\:tw-pr-24 {
    padding-right: 6rem;
  }

  .lg\:tw-opacity-100 {
    opacity: 1;
  }
}