/* ==========================================================================
   PharmaJobs – ptajobs.de / pkajobs.de
   Farben kommen per Inline-CSS aus dem PTA/PKA-Modus (--pj-primary etc.)
   Keine externen Fonts (DSGVO) – System-Schriften.
   ========================================================================== */

:root {
	--pj-primary: #0f766e;
	--pj-primary-dark: #115e59;
	--pj-accent: #f59e0b;
	--pj-tint: #ecfdf8;
	--pj-ink: #0f172a;
	--pj-ink-2: #334155;
	--pj-muted: #64748b;
	--pj-line: #e2e8f0;
	--pj-bg: #f8fafc;
	--pj-white: #fff;
	--pj-red: #dc2626;
	--pj-radius: 12px;
	--pj-radius-sm: 8px;
	--pj-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 4px 16px rgba(15, 23, 42, .06);
	--pj-shadow-lg: 0 10px 40px rgba(15, 23, 42, .12);
	--pj-font: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; font: 16px/1.6 var(--pj-font); color: var(--pj-ink); background: var(--pj-bg); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: var(--pj-primary); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--pj-primary-dark); }
h1, h2, h3, h4 { line-height: 1.2; letter-spacing: -.015em; margin: 0 0 .5em; color: var(--pj-ink); }
h1 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); }
h2 { font-size: 1.35rem; }
h3 { font-size: 1.1rem; }
small { font-size: .85em; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--pj-primary) 45%, transparent); outline-offset: 2px; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.pj-skip:focus { clip: auto; width: auto; height: auto; top: 8px; left: 8px; z-index: 999; background: #fff; padding: 8px 12px; }

.pj-container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.pj-container--wide { max-width: 1320px; }
.pj-muted { color: var(--pj-muted); }
.pj-small { font-size: .875rem; }
.pj-center { text-align: center; }
.pj-lead { max-width: 680px; margin: 0 auto 2rem; font-size: 1.1rem; color: var(--pj-ink-2); }
.pj-eyebrow { display: inline-block; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pj-primary); margin-bottom: .75rem; }

/* ---------- Buttons ---------- */
.pj-btn { display: inline-flex; align-items: center; justify-content: center; gap: .45em; padding: .65em 1.15em; border-radius: var(--pj-radius-sm); border: 1px solid var(--pj-line); background: var(--pj-white); color: var(--pj-ink); font: 600 .95rem/1.2 var(--pj-font); text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s, transform .05s, box-shadow .15s; white-space: nowrap; }
.pj-btn:hover { border-color: #cbd5e1; background: #f8fafc; color: var(--pj-ink); }
.pj-btn:active { transform: translateY(1px); }
.pj-btn--primary { background: var(--pj-primary); border-color: var(--pj-primary); color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 2px 6px color-mix(in srgb, var(--pj-primary) 30%, transparent); }
.pj-btn--primary:hover { background: var(--pj-primary-dark); border-color: var(--pj-primary-dark); color: #fff; }
.pj-btn--ghost { background: transparent; }
.pj-btn--sm { padding: .4em .75em; font-size: .85rem; }
.pj-btn--lg { padding: .85em 1.5em; font-size: 1.05rem; }
.pj-btn--block { display: flex; width: 100%; }
.pj-link { background: none; border: 0; padding: 0; color: var(--pj-primary); font: inherit; font-size: .875rem; cursor: pointer; text-decoration: underline; }
.pj-danger, .pj-danger:hover { color: var(--pj-red) !important; }

/* ---------- Badges & Notices ---------- */
.pj-badge { display: inline-block; padding: .15em .6em; border-radius: 999px; font-size: .75rem; font-weight: 600; line-height: 1.6; vertical-align: middle; background: #f1f5f9; color: var(--pj-ink-2); }
.pj-badge--green { background: #dcfce7; color: #166534; }
.pj-badge--amber { background: #fef3c7; color: #92400e; }
.pj-badge--red { background: #fee2e2; color: #991b1b; }
.pj-badge--blue { background: #dbeafe; color: #1e40af; }
.pj-badge--accent { background: color-mix(in srgb, var(--pj-accent) 18%, #fff); color: color-mix(in srgb, var(--pj-accent) 60%, #000); }
.pj-notice { padding: .85rem 1rem; border-radius: var(--pj-radius-sm); margin: 0 0 1rem; border: 1px solid; font-size: .95rem; }
.pj-notice--success { background: #f0fdf4; border-color: #bbf7d0; color: #14532d; }
.pj-notice--error { background: #fef2f2; border-color: #fecaca; color: #7f1d1d; }
.pj-notice--info { background: var(--pj-tint); border-color: color-mix(in srgb, var(--pj-primary) 25%, #fff); color: var(--pj-ink); }

/* ---------- Header ---------- */
.pj-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--pj-line); }
.admin-bar .pj-header { top: 32px; }
.pj-header__inner { display: flex; align-items: center; gap: 1.5rem; height: 68px; }
.pj-brand { display: flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--pj-ink); font-weight: 700; }
.pj-brand__img { max-height: 44px; width: auto; }
.pj-brand__mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--pj-primary); color: #fff; font-size: .8rem; letter-spacing: .02em; position: relative; }
.pj-brand__mark::after { content: ""; position: absolute; right: -3px; top: -3px; width: 10px; height: 10px; border-radius: 50%; background: var(--pj-accent); border: 2px solid #fff; }
.pj-brand__name { font-size: 1.2rem; letter-spacing: -.02em; }
.pj-brand__name b { color: var(--pj-primary); }
.pj-nav { display: flex; align-items: center; gap: 1.5rem; margin-left: auto; }
.pj-nav__list { display: flex; gap: 1.25rem; list-style: none; margin: 0; padding: 0; }
.pj-nav__list a { color: var(--pj-ink-2); text-decoration: none; font-weight: 500; }
.pj-nav__list a:hover, .pj-nav__list .current-menu-item a { color: var(--pj-primary); }
.pj-nav__cta { display: flex; gap: .5rem; }
.pj-burger { display: none; margin-left: auto; width: 44px; height: 44px; border: 0; background: none; cursor: pointer; position: relative; }
.pj-burger span, .pj-burger span::before, .pj-burger span::after { position: absolute; left: 11px; width: 22px; height: 2px; background: var(--pj-ink); content: ""; transition: transform .2s; }
.pj-burger span { top: 21px; }
.pj-burger span::before { left: 0; top: -7px; }
.pj-burger span::after { left: 0; top: 7px; }
.pj-burger[aria-expanded="true"] span { background: transparent; }
.pj-burger[aria-expanded="true"] span::before { transform: translateY(7px) rotate(45deg); }
.pj-burger[aria-expanded="true"] span::after { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 1180px) {
	.pj-burger { display: block; }
	.pj-nav { display: none; position: absolute; left: 0; right: 0; top: 68px; background: #fff; border-bottom: 1px solid var(--pj-line); padding: 1rem 20px 1.25rem; flex-direction: column; align-items: stretch; box-shadow: var(--pj-shadow-lg); }
	.pj-nav.is-open { display: flex; }
	.pj-nav__list { flex-direction: column; gap: .25rem; }
	.pj-nav__list a { display: block; padding: .5rem 0; }
	.pj-nav__cta { flex-direction: column; }
}

/* ---------- Hero ---------- */
.pj-hero { position: relative; padding: clamp(3rem, 8vw, 6rem) 0 clamp(3rem, 6vw, 4.5rem); background:
	radial-gradient(900px 400px at 85% -10%, color-mix(in srgb, var(--pj-primary) 18%, transparent), transparent 70%),
	radial-gradient(600px 300px at -5% 110%, color-mix(in srgb, var(--pj-accent) 14%, transparent), transparent 70%),
	linear-gradient(180deg, var(--pj-tint), var(--pj-bg)); overflow: hidden; }
.pj-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); max-width: 15ch; letter-spacing: -.03em; }
.pj-hero--small h1 { max-width: none; font-size: clamp(1.75rem, 4vw, 2.6rem); }
.pj-hero__lead { font-size: 1.15rem; color: var(--pj-ink-2); max-width: 46ch; margin: 0 0 2rem; }
.pj-hero--small .pj-hero__lead { margin-left: auto; margin-right: auto; }
.pj-hero--small .pj-search { margin: 0 auto; }
.pj-quicklinks { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.pj-quicklinks a { padding: .35em .9em; border-radius: 999px; background: rgba(255,255,255,.7); border: 1px solid var(--pj-line); color: var(--pj-ink-2); text-decoration: none; font-size: .875rem; }
.pj-quicklinks a:hover { border-color: var(--pj-primary); color: var(--pj-primary); }

/* ---------- Suche ---------- */
.pj-search { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: .5rem; max-width: 820px; padding: .5rem; background: #fff; border-radius: 14px; box-shadow: var(--pj-shadow-lg); border: 1px solid var(--pj-line); }
.pj-search__field { display: flex; align-items: center; gap: .5rem; padding: 0 .75rem; border-radius: var(--pj-radius-sm); color: var(--pj-muted); }
.pj-search__field + .pj-search__field { border-left: 1px solid var(--pj-line); }
.pj-search__field input { flex: 1; border: 0; outline: 0; font: inherit; padding: .7rem 0; background: transparent; color: var(--pj-ink); min-width: 0; }
.pj-search .pj-btn { padding: .8em 1.4em; }
.pj-search--compact { box-shadow: var(--pj-shadow); margin-top: 1rem; }
@media (max-width: 700px) {
	.pj-search { grid-template-columns: 1fr; }
	.pj-search__field + .pj-search__field { border-left: 0; border-top: 1px solid var(--pj-line); }
}

/* ---------- Sections ---------- */
.pj-section { padding: clamp(2.5rem, 6vw, 4.5rem) 0; }
.pj-section--tint { background: #fff; border-top: 1px solid var(--pj-line); border-bottom: 1px solid var(--pj-line); }
.pj-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.pj-section__head h2 { margin: 0; font-size: 1.6rem; }
.pj-pagehead { padding: 2.25rem 0 1.5rem; background: linear-gradient(180deg, var(--pj-tint), var(--pj-bg)); border-bottom: 1px solid var(--pj-line); }
.pj-pagehead h1 { margin-bottom: .25rem; }
.pj-page { padding-top: 2rem; padding-bottom: 4rem; }

/* ---------- Job-Karten ---------- */
.pj-joblist { display: grid; gap: .75rem; }
.pj-job { position: relative; display: grid; grid-template-columns: 56px 1fr auto; gap: 1rem; align-items: start; padding: 1.1rem 1.25rem; background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius); transition: border-color .15s, box-shadow .15s, transform .15s; }
.pj-job:hover { border-color: color-mix(in srgb, var(--pj-primary) 40%, var(--pj-line)); box-shadow: var(--pj-shadow); transform: translateY(-1px); }
.pj-job--featured { border-color: color-mix(in srgb, var(--pj-accent) 55%, #fff); background: linear-gradient(90deg, color-mix(in srgb, var(--pj-accent) 7%, #fff), #fff 40%); }
.pj-job--featured::before { content: ""; position: absolute; left: -1px; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--pj-accent); }
.pj-job__title { margin: 0 0 .15rem; font-size: 1.08rem; }
.pj-job__title a { color: var(--pj-ink); text-decoration: none; }
.pj-job__title a::after { content: ""; position: absolute; inset: 0; }
.pj-job__company { color: var(--pj-ink-2); font-weight: 500; font-size: .95rem; }
.pj-job__meta { display: flex; flex-wrap: wrap; gap: .35rem 1rem; list-style: none; padding: 0; margin: .5rem 0 0; color: var(--pj-muted); font-size: .9rem; }
.pj-job__meta li { display: inline-flex; align-items: center; gap: .35rem; }
.pj-job__side { display: flex; flex-direction: column; align-items: flex-end; gap: .4rem; font-size: .8rem; color: var(--pj-muted); white-space: nowrap; }
.pj-ico { flex: none; }
.pj-logo { width: 56px; height: 56px; border-radius: 10px; object-fit: contain; background: #fff; border: 1px solid var(--pj-line); display: block; }
.pj-logo--placeholder { display: grid; place-items: center; background: var(--pj-tint); color: var(--pj-primary); font-weight: 700; font-size: 1.3rem; border-color: transparent; }
.pj-logo--lg { width: 88px; height: 88px; font-size: 2rem; }
@media (max-width: 600px) {
	.pj-job { grid-template-columns: 44px 1fr; padding: 1rem; }
	.pj-job .pj-logo { width: 44px; height: 44px; }
	.pj-job__side { grid-column: 2; flex-direction: row; align-items: center; }
}

/* ---------- Regionen ---------- */
.pj-regions { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .5rem; }
.pj-regions a { display: flex; justify-content: space-between; align-items: center; padding: .7rem 1rem; border: 1px solid var(--pj-line); border-radius: var(--pj-radius-sm); background: var(--pj-bg); color: var(--pj-ink-2); text-decoration: none; font-weight: 500; }
.pj-regions a:hover { border-color: var(--pj-primary); color: var(--pj-primary); background: var(--pj-tint); }
.pj-regions em { font-style: normal; font-size: .8rem; color: var(--pj-muted); background: #fff; padding: 0 .5em; border-radius: 999px; border: 1px solid var(--pj-line); }

/* ---------- Arbeitgeber-CTA ---------- */
.pj-employer-cta { display: grid; grid-template-columns: 1.1fr 1fr; gap: 3rem; align-items: center; }
.pj-employer-cta h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
.pj-steps { list-style: none; counter-reset: s; padding: 0; margin: 1.5rem 0 2rem; display: grid; gap: 1rem; }
.pj-steps li { counter-increment: s; display: grid; grid-template-columns: 40px 1fr; column-gap: .9rem; }
.pj-steps li::before { content: counter(s); grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--pj-tint); color: var(--pj-primary); font-weight: 700; }
.pj-steps span { color: var(--pj-muted); font-size: .95rem; }
.pj-employer-cta__visual { position: relative; height: 320px; border-radius: 20px; background: linear-gradient(135deg, var(--pj-primary), var(--pj-primary-dark)); overflow: hidden; }
.pj-fake-card { position: absolute; left: 10%; top: 14%; width: 70%; padding: 18px; background: #fff; border-radius: 12px; box-shadow: var(--pj-shadow-lg); display: grid; grid-template-columns: 40px 1fr; gap: 6px 12px; }
.pj-fake-card span { grid-row: span 3; width: 40px; height: 40px; border-radius: 8px; background: var(--pj-tint); }
.pj-fake-card b { height: 12px; width: 70%; border-radius: 6px; background: #cbd5e1; }
.pj-fake-card i { height: 8px; width: 90%; border-radius: 6px; background: #e2e8f0; }
.pj-fake-card i + i { width: 55%; }
.pj-fake-card--2 { top: 50%; left: 22%; opacity: .95; }
.pj-fake-stat { position: absolute; right: 8%; bottom: 10%; padding: 12px 16px; background: #fff; border-radius: 12px; box-shadow: var(--pj-shadow-lg); }
.pj-fake-stat small { display: block; color: var(--pj-muted); font-size: .75rem; }
.pj-fake-stat strong { font-size: 1.6rem; color: var(--pj-primary); }
@media (max-width: 860px) { .pj-employer-cta { grid-template-columns: 1fr; } .pj-employer-cta__visual { height: 240px; } }

/* ---------- Listing ---------- */
.pj-listing { display: grid; grid-template-columns: 260px 1fr; gap: 2rem; padding-top: 2rem; padding-bottom: 4rem; align-items: start; }
.pj-filters { position: sticky; top: 90px; }
.pj-filters form { background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius); padding: 1.25rem; display: grid; gap: 1.25rem; }
.pj-filters fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: .35rem; }
.pj-filters legend { font-weight: 700; font-size: .9rem; margin-bottom: .4rem; }
.pj-filters em { font-style: normal; color: var(--pj-muted); font-size: .8rem; margin-left: auto; }
.pj-filters .pj-check { display: flex; align-items: center; gap: .5rem; font-size: .92rem; }
.pj-filters__toggle { display: none; }
@media (max-width: 900px) {
	.pj-listing { grid-template-columns: 1fr; gap: 1rem; }
	.pj-filters { position: static; }
	.pj-filters__toggle { display: inline-flex; }
	.pj-filters form { display: none; margin-top: .75rem; }
	.pj-filters.is-open form { display: grid; }
}

.pj-pagination, .pj-pagination .nav-links { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; margin-top: 2rem; }
.pj-pagination a, .pj-pagination span { min-width: 40px; height: 40px; padding: 0 .6rem; display: grid; place-items: center; border-radius: var(--pj-radius-sm); border: 1px solid var(--pj-line); background: #fff; text-decoration: none; color: var(--pj-ink-2); }
.pj-pagination .current, .pj-pagination .is-current { background: var(--pj-primary); border-color: var(--pj-primary); color: #fff; }
.pj-pagination h2 { display: none; }

/* ---------- Einzelstelle ---------- */
.pj-preview-bar { background: #fef3c7; color: #78350f; text-align: center; padding: .6rem 1rem; font-size: .9rem; }
.pj-jobhead { padding: 1.5rem 0 2rem; background: linear-gradient(180deg, var(--pj-tint), #fff); border-bottom: 1px solid var(--pj-line); }
.pj-crumbs { font-size: .85rem; color: var(--pj-muted); margin-bottom: 1.25rem; }
.pj-crumbs a { color: var(--pj-muted); text-decoration: none; }
.pj-jobhead__inner { display: grid; grid-template-columns: auto 1fr auto; gap: 1.5rem; align-items: center; }
.pj-jobhead__logo .pj-logo { width: 88px; height: 88px; font-size: 2rem; border-radius: 14px; }
.pj-jobhead h1 { margin-bottom: .25rem; font-size: clamp(1.5rem, 3vw, 2.2rem); }
.pj-jobhead__company { margin: 0; font-weight: 500; color: var(--pj-ink-2); }
@media (max-width: 760px) {
	.pj-jobhead__inner { grid-template-columns: 1fr; gap: 1rem; }
	.pj-jobhead__logo .pj-logo { width: 64px; height: 64px; }
	.pj-jobhead__cta { display: none; }
}
.pj-jobpage { display: grid; grid-template-columns: 1fr 380px; gap: 2.5rem; padding-top: 2rem; padding-bottom: 4rem; align-items: start; }
.pj-jobpage__side { position: sticky; top: 90px; display: grid; gap: 1rem; }
@media (max-width: 960px) { .pj-jobpage { grid-template-columns: 1fr; } .pj-jobpage__side { position: static; } }
.pj-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1px; background: var(--pj-line); border: 1px solid var(--pj-line); border-radius: var(--pj-radius); overflow: hidden; margin-bottom: 2rem; }
.pj-facts div { background: #fff; padding: .9rem 1rem; }
.pj-facts span { display: block; font-size: .78rem; color: var(--pj-muted); text-transform: uppercase; letter-spacing: .05em; }
.pj-facts strong { font-size: .98rem; }
.pj-prose { font-size: 1.04rem; color: var(--pj-ink-2); }
.pj-prose h2, .pj-prose h3 { color: var(--pj-ink); margin-top: 1.75em; }
.pj-prose ul { padding-left: 1.2em; }
.pj-prose li { margin: .3em 0; }
.pj-prose li::marker { color: var(--pj-primary); }
.pj-about { margin-top: 2.5rem; padding: 1.5rem; background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius); }
.pj-source-note { margin-top: 1.5rem; font-size: .875rem; color: var(--pj-muted); border-top: 1px solid var(--pj-line); padding-top: 1rem; }
.pj-applybox h2 { margin-bottom: .5rem; }
.pj-share { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; font-size: .875rem; color: var(--pj-muted); padding: 0 .25rem; }
.pj-mobile-apply { display: none; }
@media (max-width: 960px) {
	.pj-mobile-apply { display: block; position: sticky; bottom: 0; padding: .75rem 20px; background: rgba(255,255,255,.95); border-top: 1px solid var(--pj-line); z-index: 20; }
}

/* ---------- Karten & Formulare ---------- */
.pj-card { background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius); padding: 1.5rem; margin-bottom: 1.25rem; }
.pj-card--flush { padding: 0; overflow: hidden; }
.pj-card h2 { font-size: 1.15rem; }
.pj-card__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .75rem; }
.pj-card__head h2 { margin: 0; }
.pj-card__head a { font-size: .875rem; }
.pj-empty { color: var(--pj-muted); margin: 0; }
.pj-empty-state { text-align: center; padding: 3rem 1.5rem; }
.pj-empty-state p { color: var(--pj-muted); }

.pj-form { display: grid; gap: 1rem; }
.pj-form.pj-card { gap: 1rem; }
.pj-field { display: grid; gap: .35rem; font-weight: 600; font-size: .9rem; color: var(--pj-ink); border: 0; padding: 0; margin: 0; min-width: 0; }
.pj-field legend { padding: 0; margin-bottom: .5rem; }
.pj-field small { font-weight: 400; color: var(--pj-muted); }
.pj-field__label { display: flex; justify-content: space-between; align-items: center; }
.pj-field input, .pj-field select, .pj-field textarea, .pj-filters select, .pj-filterbar select,
.pj-dash-wrap #loginform input[type=text], .pj-dash-wrap #loginform input[type=password] {
	width: 100%; font: 400 1rem var(--pj-font); color: var(--pj-ink); padding: .65rem .8rem; border: 1px solid #cbd5e1; border-radius: var(--pj-radius-sm); background: #fff; transition: border-color .15s, box-shadow .15s;
}
.pj-field input:focus, .pj-field select:focus, .pj-field textarea:focus, .pj-dash-wrap #loginform input:focus { outline: 0; border-color: var(--pj-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pj-primary) 18%, transparent); }
.pj-field input[type=file] { padding: .5rem; background: var(--pj-bg); }
.pj-field--sm { max-width: 140px; }
.pj-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
.pj-check { display: flex; gap: .55rem; align-items: flex-start; font-size: .9rem; font-weight: 400; color: var(--pj-ink-2); }
.pj-check input { margin-top: .25rem; accent-color: var(--pj-primary); width: 16px; height: 16px; flex: none; }
.pj-hp { position: absolute !important; left: -9999px; }
.pj-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.pj-chips--stack { flex-direction: column; }
.pj-chip input { position: absolute; opacity: 0; }
.pj-chip span { display: inline-block; padding: .45em .95em; border: 1px solid #cbd5e1; border-radius: 999px; font-weight: 500; cursor: pointer; transition: all .15s; background: #fff; }
.pj-chips--stack .pj-chip span { display: block; border-radius: var(--pj-radius-sm); }
.pj-chip input:checked + span { background: var(--pj-tint); border-color: var(--pj-primary); color: var(--pj-primary-dark); box-shadow: inset 0 0 0 1px var(--pj-primary); }
.pj-chip input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--pj-primary) 40%, transparent); }
.pj-apply .pj-field { font-size: .85rem; }
.pj-apply { gap: .8rem; }

.wp-editor-wrap { border: 1px solid #cbd5e1; border-radius: var(--pj-radius-sm); overflow: hidden; font-weight: 400; }
.wp-editor-wrap .mce-panel { border: 0 !important; }


/* ---------- Mehrstufige Bewerbung ---------- */
.pj-progress { list-style: none; display: flex; gap: .25rem; margin: 0 0 .25rem; padding: 0; counter-reset: none; }
.pj-progress li { flex: 1; display: flex; flex-direction: column; gap: .35rem; font-size: .75rem; font-weight: 600; color: var(--pj-muted); }
.pj-progress li::before { content: ""; height: 4px; border-radius: 4px; background: var(--pj-line); transition: background .25s; }
.pj-progress li.is-active, .pj-progress li.is-done { color: var(--pj-ink); }
.pj-progress li.is-active::before, .pj-progress li.is-done::before { background: var(--pj-primary); }
.pj-progress span { display: none; }
.pj-step { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: .9rem; }
.pj-apply.is-stepped .pj-step:not(.is-active) { display: none; }
.pj-apply:not(.is-stepped) .pj-step__nav [data-next], .pj-apply:not(.is-stepped) .pj-step__nav [data-prev] { display: none; }
.pj-apply:not(.is-stepped) .pj-progress { display: none; }
.pj-step__intro { margin: 0; font-size: .9rem; color: var(--pj-muted); }
.pj-step__nav { display: flex; gap: .5rem; justify-content: space-between; }
.pj-step__nav .pj-btn--primary { flex: 1; }
.pj-q { border: 0; margin: 0; padding: 0; display: grid; gap: .5rem; min-width: 0; }
.pj-q legend { font-weight: 600; font-size: .92rem; padding: 0; margin-bottom: .45rem; color: var(--pj-ink); }
.pj-q .pj-chips { gap: .4rem; }
.pj-q .pj-chip span { padding: .5em .9em; font-size: .9rem; }
.pj-q__text { width: 100%; font: 400 1rem var(--pj-font); padding: .6rem .8rem; border: 1px solid #cbd5e1; border-radius: var(--pj-radius-sm); }
.pj-q.is-invalid legend { color: var(--pj-red); }
.pj-q.is-invalid .pj-chip span { border-color: #fca5a5; animation: pj-shake .3s; }
@keyframes pj-shake { 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }
.pj-qlist { margin: .25rem 0 1rem 1.6rem; padding: 0; font-size: .92rem; color: var(--pj-ink-2); }
.pj-answers { grid-template-columns: 1fr auto; }

/* ---------- Dashboard ---------- */
.pj-dash-wrap { padding: 2rem 0 4rem; }
.pj-dash { display: grid; grid-template-columns: 250px 1fr; gap: 2rem; align-items: start; }
.pj-dash__side { position: sticky; top: 90px; background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius); padding: 1rem; }
.pj-dash__who { display: flex; gap: .75rem; align-items: center; padding: .25rem .25rem 1rem; border-bottom: 1px solid var(--pj-line); margin-bottom: .5rem; }
.pj-dash__who .pj-logo { width: 44px; height: 44px; font-size: 1.1rem; }
.pj-dash__who strong { display: block; font-size: .95rem; line-height: 1.3; }
.pj-dash__who small { color: var(--pj-muted); }
.pj-dash__nav { display: grid; gap: 2px; }
.pj-dash__nav a { display: flex; align-items: center; gap: .65rem; padding: .6rem .75rem; border-radius: var(--pj-radius-sm); color: var(--pj-ink-2); text-decoration: none; font-weight: 500; font-size: .95rem; }
.pj-dash__nav a:hover { background: var(--pj-bg); color: var(--pj-ink); }
.pj-dash__nav a.is-active { background: var(--pj-tint); color: var(--pj-primary-dark); font-weight: 600; }
.pj-dash__nav a:last-child { margin-top: .5rem; border-top: 1px solid var(--pj-line); border-radius: 0; padding-top: .9rem; color: var(--pj-muted); }
.pj-count { margin-left: auto; font-style: normal; font-size: .75rem; font-weight: 700; background: var(--pj-accent); color: #fff; border-radius: 999px; padding: 0 .5em; line-height: 1.6; }
.pj-dash__main { min-width: 0; }
.pj-dash__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; }
.pj-dash__head h1 { font-size: 1.75rem; margin-bottom: .2rem; }
.pj-dash__head p { margin: 0; }
@media (max-width: 900px) {
	.pj-dash { grid-template-columns: 1fr; gap: 1rem; }
	.pj-dash__side { position: static; padding: .5rem; }
	.pj-dash__who { display: none; }
	.pj-dash__nav { display: flex; overflow-x: auto; gap: .25rem; scrollbar-width: none; }
	.pj-dash__nav a { white-space: nowrap; flex: none; }
	.pj-dash__nav a:last-child { margin: 0; border: 0; padding-top: .6rem; }
	.pj-dash__nav .pj-ico { display: none; }
	.pj-dash__head { flex-direction: column; }
}

.pj-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.25rem; }
.pj-stat { background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius); padding: 1.1rem 1.25rem; }
.pj-stat span { display: block; font-size: .85rem; color: var(--pj-muted); }
.pj-stat strong { display: block; font-size: 2rem; letter-spacing: -.03em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.pj-stat a { font-size: .85rem; }
@media (max-width: 1000px) { .pj-stats { grid-template-columns: repeat(2, 1fr); } }

.pj-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.pj-grid-2 > .pj-card { margin: 0; }
.pj-grid-2--wide { grid-template-columns: 1fr 320px; }
@media (max-width: 1000px) { .pj-grid-2, .pj-grid-2--wide { grid-template-columns: 1fr; } }

.pj-mini-list { list-style: none; margin: 0; padding: 0; }
.pj-mini-list li { padding: .7rem 0; border-top: 1px solid var(--pj-line); }
.pj-mini-list li:first-child { border-top: 0; padding-top: 0; }
.pj-mini-list a { font-weight: 600; text-decoration: none; color: var(--pj-ink); }
.pj-mini-list a:hover { color: var(--pj-primary); }
.pj-mini-list small { display: block; color: var(--pj-muted); }

.pj-table { width: 100%; border-collapse: collapse; font-size: .93rem; }
.pj-table th { text-align: left; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--pj-muted); font-weight: 600; padding: .75rem 1rem; background: var(--pj-bg); border-bottom: 1px solid var(--pj-line); }
.pj-table td { padding: .9rem 1rem; border-bottom: 1px solid var(--pj-line); vertical-align: middle; }
.pj-table tr:last-child td { border-bottom: 0; }
.pj-table td small { display: block; }
.pj-table .pj-num { text-align: right; font-variant-numeric: tabular-nums; }
.pj-table tr.is-new td:first-child { box-shadow: inset 3px 0 0 var(--pj-accent); }
.pj-table tr.is-new strong::after { content: " •"; color: var(--pj-accent); }
.pj-actions { text-align: right; width: 1%; }
@media (max-width: 760px) {
	.pj-table thead { display: none; }
	.pj-table, .pj-table tbody, .pj-table tr, .pj-table td { display: block; }
	.pj-table tr { padding: .75rem 1rem; border-bottom: 1px solid var(--pj-line); position: relative; }
	.pj-table td { border: 0; padding: .2rem 0; text-align: left !important; }
	.pj-table td[data-label]::before { content: attr(data-label) ": "; color: var(--pj-muted); font-size: .8rem; }
	.pj-table td:first-child::before { display: none; }
	.pj-actions { position: absolute; right: .75rem; top: .75rem; width: auto; }
}

.pj-menu { position: relative; display: inline-block; }
.pj-menu summary { list-style: none; letter-spacing: .1em; }
.pj-menu summary::-webkit-details-marker { display: none; }
.pj-menu > div { position: absolute; right: 0; top: calc(100% + 4px); z-index: 10; min-width: 230px; background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-radius-sm); box-shadow: var(--pj-shadow-lg); padding: .35rem; text-align: left; }
.pj-menu > div a { display: block; padding: .5rem .75rem; border-radius: 6px; color: var(--pj-ink); text-decoration: none; font-size: .9rem; }
.pj-menu > div a:hover { background: var(--pj-bg); }

.pj-filterbar { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.pj-filterbar select { width: auto; min-width: 200px; }
.pj-dl { display: grid; grid-template-columns: 140px 1fr; gap: .5rem 1rem; margin: 1.25rem 0; }
.pj-dl dt { color: var(--pj-muted); font-size: .9rem; }
.pj-dl dd { margin: 0; }
.pj-quote { background: var(--pj-bg); border-left: 3px solid var(--pj-primary); padding: 1rem 1.25rem; border-radius: 0 var(--pj-radius-sm) var(--pj-radius-sm) 0; margin-bottom: 1.25rem; color: var(--pj-ink-2); }
.pj-publishbar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; justify-content: space-between; position: sticky; bottom: 1rem; box-shadow: var(--pj-shadow-lg); }
.pj-publishbar .pj-field { flex: 1; min-width: 240px; }
.pj-publishbar p { margin: 0; flex: 1; }
.pj-publishbar__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.pj-logo-field { display: flex; gap: 1.25rem; align-items: center; }

/* ---------- Auth ---------- */
.pj-auth { display: grid; grid-template-columns: 1fr 440px; gap: 3rem; align-items: center; max-width: 1060px; margin: 0 auto; }
.pj-auth__intro h1 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
.pj-auth__box { padding: 2rem; box-shadow: var(--pj-shadow-lg); }
.pj-tabs { display: grid; grid-template-columns: 1fr 1fr; background: var(--pj-bg); padding: 4px; border-radius: 10px; margin-bottom: 1.5rem; }
.pj-tabs a { text-align: center; padding: .55rem; border-radius: 8px; text-decoration: none; color: var(--pj-muted); font-weight: 600; font-size: .95rem; }
.pj-tabs a.is-active { background: #fff; color: var(--pj-ink); box-shadow: var(--pj-shadow); }
.pj-dash-wrap #loginform p { margin: 0 0 1rem; }
.pj-dash-wrap #loginform label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: .35rem; }
.pj-dash-wrap #loginform .login-remember label { display: flex; gap: .5rem; align-items: center; font-weight: 400; }
.pj-dash-wrap #loginform #wp-submit { width: 100%; padding: .8rem; border: 0; border-radius: var(--pj-radius-sm); background: var(--pj-primary); color: #fff; font: 600 1rem var(--pj-font); cursor: pointer; }
.pj-dash-wrap #loginform #wp-submit:hover { background: var(--pj-primary-dark); }
@media (max-width: 900px) { .pj-auth { grid-template-columns: 1fr; gap: 1.5rem; } }

.pj-checklist { list-style: none; padding: 0; margin: 1rem 0; display: grid; gap: .55rem; }
.pj-checklist li { display: flex; gap: .55rem; align-items: center; }
.pj-checklist .pj-ico { color: var(--pj-primary); }

/* ---------- Preise ---------- */
.pj-pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; margin: 1rem 0; }
.pj-price { position: relative; display: flex; flex-direction: column; gap: .5rem; background: #fff; border: 1px solid var(--pj-line); border-radius: 16px; padding: 1.75rem 1.5rem 1.5rem; }
.pj-price--hl { border-color: var(--pj-primary); box-shadow: 0 0 0 1px var(--pj-primary), var(--pj-shadow-lg); }
.pj-price__flag { position: absolute; top: -12px; left: 1.5rem; background: var(--pj-primary); color: #fff; font-size: .75rem; font-weight: 700; padding: .2em .75em; border-radius: 999px; }
.pj-price h3 { margin: 0; font-size: 1.1rem; }
.pj-price__amount { font-size: 2.4rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.pj-price__amount small { font-size: .8rem; font-weight: 500; color: var(--pj-muted); letter-spacing: 0; margin-left: .35rem; }
.pj-price__per { margin: 0; color: var(--pj-primary); font-weight: 600; font-size: .9rem; }
.pj-price .pj-checklist { flex: 1; font-size: .94rem; }
.pj-buy { display: grid; gap: .6rem; }
.pj-bank code { font-size: 1rem; background: var(--pj-bg); padding: .1em .4em; border-radius: 4px; }

/* ---------- Footer ---------- */
.pj-footer { background: #0b1220; color: #94a3b8; padding: 3.5rem 0 0; font-size: .93rem; }
.pj-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2rem; }
.pj-footer h4 { color: #fff; font-size: .95rem; margin-bottom: .9rem; }
.pj-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.pj-footer a { color: #cbd5e1; text-decoration: none; }
.pj-footer a:hover { color: #fff; }
.pj-brand--footer { color: #fff; margin-bottom: .75rem; }
.pj-brand--footer .pj-brand__mark::after { border-color: #0b1220; }
.pj-brand--footer .pj-brand__name b { color: color-mix(in srgb, var(--pj-primary) 50%, #fff); }
.pj-footer__bottom { border-top: 1px solid #1e293b; margin-top: 2.5rem; padding-top: 1.25rem; padding-bottom: 1.5rem; font-size: .85rem; }
@media (max-width: 800px) { .pj-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 500px) { .pj-footer__grid { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }

/* ---------- WooCommerce ---------- */
.pj-price__amount--wc { font-size: 2rem; }
.pj-price__amount--wc .woocommerce-price-suffix, .pj-price__amount--wc small { display: block; font-size: .8rem; font-weight: 500; color: var(--pj-muted); letter-spacing: 0; }
.pj-price__amount--wc del { font-size: .55em; color: var(--pj-muted); font-weight: 500; }
.pj-price__amount--wc ins { text-decoration: none; }
.pj-subhead { margin-top: 2rem; }
.pj-wc-thanks { margin: 1.5rem 0; background: var(--pj-tint); border-color: color-mix(in srgb, var(--pj-primary) 30%, #fff); }
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button,
.woocommerce #respond input#submit, .wc-block-components-button:not(.is-link) { background: var(--pj-primary) !important; color: #fff !important; border-radius: var(--pj-radius-sm) !important; border: 0; font-weight: 600; }
.woocommerce .button:hover, .woocommerce button.button:hover, .wc-block-components-button:not(.is-link):hover { background: var(--pj-primary-dark) !important; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--pj-primary) !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--pj-primary) !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border: 1px solid #cbd5e1; border-radius: var(--pj-radius-sm); padding: .6rem .75rem; }

/* ==========================================================================
   Markenfarben aus den Logos (Verlauf je Portal, Werte kommen aus pj_brand())
   ========================================================================== */
:root {
	--pj-grad-from: #ed3b52; --pj-grad-to: #8f39d8;
	--pj-btn-from: #c42b55;  --pj-btn-to: #8f39d8;
	--pj-accent-ink: #fff;
	--pj-grad: linear-gradient(90deg, var(--pj-grad-from), var(--pj-grad-to));
	--pj-btn-grad: linear-gradient(90deg, var(--pj-btn-from), var(--pj-btn-to));
}
.pj-brand__img { display: block; height: 34px; width: auto; }
.pj-brand--footer .pj-brand__img { height: 30px; }
@media (max-width: 480px) { .pj-header .pj-brand__img { height: 28px; } }

.pj-btn--primary { background: var(--pj-btn-grad); border-color: transparent; box-shadow: 0 2px 10px color-mix(in srgb, var(--pj-btn-to) 30%, transparent); }
.pj-btn--primary:hover { background: var(--pj-btn-grad); filter: brightness(.9); color: #fff; }
.pj-dash-wrap #loginform #wp-submit { background: var(--pj-btn-grad); }
.pj-dash-wrap #loginform #wp-submit:hover { filter: brightness(.9); background: var(--pj-btn-grad); }

.pj-grad-text { background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-eyebrow { background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (forced-colors: active) { .pj-grad-text, .pj-eyebrow { color: CanvasText; background: none; } }

.pj-hero { background:
	radial-gradient(900px 420px at 88% -10%, color-mix(in srgb, var(--pj-grad-to) 20%, transparent), transparent 70%),
	radial-gradient(700px 320px at -5% 110%, color-mix(in srgb, var(--pj-grad-from) 16%, transparent), transparent 70%),
	linear-gradient(180deg, var(--pj-tint), var(--pj-bg)); }
.pj-header { border-bottom: 0; box-shadow: 0 1px 0 var(--pj-line); }
.pj-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--pj-grad); opacity: .85; }

.pj-count { background: var(--pj-accent); color: var(--pj-accent-ink); }
.pj-price__flag { background: var(--pj-grad); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); }
.pj-progress li.is-active::before, .pj-progress li.is-done::before { background: var(--pj-grad); }
.pj-job--featured { border-color: color-mix(in srgb, var(--pj-grad-to) 40%, #fff); background: linear-gradient(90deg, color-mix(in srgb, var(--pj-grad-from) 6%, #fff), #fff 45%); }
.pj-job--featured::before { background: linear-gradient(180deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-employer-cta__visual { background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-fake-stat strong { background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-steps li::before { background: var(--pj-tint); color: var(--pj-primary); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--pj-grad-to) 35%, transparent); }
.pj-footer::before { content: ""; display: block; height: 3px; background: var(--pj-grad); margin-top: -3.5rem; margin-bottom: 3.5rem; }
.pj-dash__nav a.is-active { box-shadow: inset 3px 0 0 var(--pj-primary); }

/* ==========================================================================
   Login & Registrierung (Split-Screen)
   ========================================================================== */
/* Checkbox-Labels: Text fließt normal, auch mit Links darin */
.pj-check { display: block; position: relative; padding-left: 1.75rem; line-height: 1.5; }
.pj-check input { position: absolute; left: 0; top: .1rem; margin: 0; width: 18px; height: 18px; }
.pj-filters .pj-check { display: flex; padding-left: 0; }
.pj-filters .pj-check input { position: static; width: 16px; height: 16px; }

.pj-dash-wrap:has(.pj-auth) { padding-block: clamp(1rem, 4vw, 3rem); }
.pj-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 0; max-width: 1080px; margin: 0 auto; background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 1px 2px rgba(15,23,42,.06), 0 24px 60px -12px rgba(15,23,42,.18); border: 1px solid var(--pj-line); }

.pj-auth__aside { position: relative; display: flex; flex-direction: column; gap: 2.25rem; padding: clamp(2rem, 4vw, 3.25rem); color: #fff; isolation: isolate;
	background: linear-gradient(150deg, var(--pj-btn-from), var(--pj-btn-to)); }
.pj-auth__aside::before { content: ""; position: absolute; inset: 0; z-index: -1;
	background: radial-gradient(420px 300px at 110% -10%, color-mix(in srgb, var(--pj-grad-to) 70%, transparent), transparent 70%),
	            radial-gradient(360px 260px at -20% 110%, color-mix(in srgb, var(--pj-grad-from) 55%, transparent), transparent 70%); }
.pj-auth__aside::after { content: ""; position: absolute; right: -80px; bottom: -80px; width: 260px; height: 260px; border-radius: 50%; border: 40px solid rgba(255,255,255,.08); z-index: -1; }
.pj-auth__logo { height: 30px; width: auto; align-self: flex-start; }
.pj-auth__pitch { margin-top: auto; }
.pj-auth__kicker { margin: 0 0 .6rem; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.pj-auth__aside h1 { color: #fff; font-size: clamp(1.6rem, 2.6vw, 2.15rem); letter-spacing: -.025em; line-height: 1.15; margin: 0 0 1.5rem; text-wrap: balance; }
.pj-auth__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.pj-auth__list li { display: grid; grid-template-columns: 26px 1fr; gap: .75rem; align-items: start; font-size: .97rem; color: rgba(255,255,255,.88); line-height: 1.45; }
.pj-auth__list .pj-ico { width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: rgba(255,255,255,.18); color: #fff; }
.pj-auth__list strong { color: #fff; font-weight: 600; }
.pj-auth__stats { display: flex; gap: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.2); }
.pj-auth__stats strong { display: block; font-size: 1.6rem; line-height: 1.1; color: #fff; font-variant-numeric: tabular-nums; }
.pj-auth__stats span { font-size: .85rem; color: rgba(255,255,255,.75); }

.pj-auth__main { padding: clamp(2rem, 4vw, 3.25rem); display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.pj-auth__head h2 { font-size: 1.6rem; letter-spacing: -.02em; margin: 0 0 .35rem; }
.pj-auth__head p { margin: 0; color: var(--pj-muted); font-size: .95rem; }

.pj-seg { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; background: #f1f4f8; border-radius: 12px; }
.pj-seg a { text-align: center; padding: .6rem; border-radius: 9px; text-decoration: none; font-weight: 600; font-size: .94rem; color: var(--pj-muted); transition: background .15s, color .15s; }
.pj-seg a:hover { color: var(--pj-ink); }
.pj-seg a.is-active { background: #fff; color: var(--pj-ink); box-shadow: 0 1px 3px rgba(15,23,42,.12); }

.pj-authform { display: grid; gap: 1.1rem; }
.pj-in { display: grid; gap: .4rem; min-width: 0; }
.pj-in label { font-size: .88rem; font-weight: 600; color: var(--pj-ink); }
.pj-in__row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.pj-in__row a { font-size: .85rem; text-decoration: none; }
.pj-in__row a:hover { text-decoration: underline; }
.pj-opt { font-weight: 400; color: var(--pj-muted); font-size: .8rem; margin-left: .25rem; }
.pj-in input[type=text], .pj-in input[type=email], .pj-in input[type=password] {
	box-sizing: border-box; width: 100%; height: 48px; padding: 0 .95rem; font: 400 1rem var(--pj-font); color: var(--pj-ink);
	background: #fff; border: 1px solid #d5dce5; border-radius: 10px; transition: border-color .15s, box-shadow .15s; margin: 0; }
.pj-in input::placeholder { color: #a3adba; }
.pj-in input:hover { border-color: #b8c2cf; }
.pj-in input:focus { outline: 0; border-color: var(--pj-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pj-primary) 15%, transparent); }
.pj-in__pw { position: relative; }
.pj-in__pw input { padding-right: 5.5rem !important; }
.pj-pwtoggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: none; padding: .45rem .6rem; border-radius: 7px; font: 600 .8rem var(--pj-font); color: var(--pj-muted); cursor: pointer; }
.pj-pwtoggle:hover { background: #f1f4f8; color: var(--pj-ink); }
.pj-in__hint { color: var(--pj-muted); font-size: .8rem; }
.pj-pwmeter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.pj-pwmeter i { height: 4px; border-radius: 4px; background: #e5e9ef; transition: background .2s; }
.pj-pwmeter[data-score="1"] i:nth-child(1) { background: #f59e0b; }
.pj-pwmeter[data-score="2"] i:nth-child(-n+2) { background: #84cc16; }
.pj-pwmeter[data-score="3"] i { background: #16a34a; }
.pj-authform .pj-check { font-size: .88rem; color: var(--pj-ink-2); }
.pj-authform .pj-check input { accent-color: var(--pj-primary); }
.pj-authform .pj-btn--lg { height: 50px; border-radius: 10px; margin-top: .25rem; }
.pj-auth__switch { margin: 0; text-align: center; font-size: .9rem; color: var(--pj-muted); }
.pj-auth__switch a { font-weight: 600; text-decoration: none; }
.pj-auth__perk { margin: -.25rem 0 0; display: flex; justify-content: center; align-items: center; gap: .4rem; font-size: .88rem; font-weight: 600; color: var(--pj-primary); }
.pj-auth__main .pj-notice { margin: 0; }

@media (max-width: 860px) {
	.pj-auth { grid-template-columns: 1fr; border-radius: 18px; }
	.pj-auth__aside { gap: 1.25rem; padding: 1.75rem 1.5rem; }
	.pj-auth__aside h1 { font-size: 1.4rem; margin-bottom: 1rem; }
	.pj-auth__list { gap: .55rem; }
	.pj-auth__list li { font-size: .9rem; }
	.pj-auth__list li:nth-child(n+3), .pj-auth__stats { display: none; }
	.pj-auth__main { padding: 1.75rem 1.5rem 2rem; }
}

/* Aktionsmenü in Tabellen: nicht von der Karte abschneiden lassen */
.pj-card--flush { overflow: visible; }
.pj-card--flush > .pj-table thead tr:first-child th:first-child { border-top-left-radius: var(--pj-radius); }
.pj-card--flush > .pj-table thead tr:first-child th:last-child { border-top-right-radius: var(--pj-radius); }
.pj-table tr:has(details[open]) { position: relative; z-index: 20; }
.pj-menu > div { z-index: 30; }
.pj-menu.is-up > div { top: auto; bottom: calc(100% + 4px); }

/* ==========================================================================
   Bewerbung als Pop-up
   ========================================================================== */
.pj-applybox h2 { font-size: 1.25rem; margin-bottom: .75rem; }
.pj-applyfacts { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .6rem; font-size: .92rem; color: var(--pj-ink-2); }
.pj-applyfacts li { display: flex; gap: .6rem; align-items: center; }
.pj-applyfacts .pj-ico { color: var(--pj-primary); flex: none; }
.pj-applybox__contact { margin: .9rem 0 0; font-size: .88rem; color: var(--pj-muted); text-align: center; }
.pj-applybox__ext { margin: .5rem 0 0; font-size: .82rem; text-align: center; }
.pj-applied { display: flex; gap: .75rem; align-items: center; padding: 1rem; border-radius: var(--pj-radius-sm); background: #f0fdf4; color: #14532d; }
.pj-applied .pj-ico { width: 32px; height: 32px; padding: 6px; border-radius: 50%; background: #16a34a; color: #fff; flex: none; }
.pj-applied span { display: block; font-size: .88rem; }

/* Infotabelle ohne leere graue Zellen */
.pj-facts { gap: 0; background: #fff; }
.pj-facts div { border-right: 1px solid var(--pj-line); border-bottom: 1px solid var(--pj-line); margin: 0 -1px -1px 0; }

/* Ohne JavaScript: normaler Abschnitt */
.pj-modal { max-width: 640px; margin: 0 auto 3rem; padding: 0 20px; }
.pj-modal__backdrop, .pj-modal__close { display: none; }
.pj-modal__panel { background: #fff; border: 1px solid var(--pj-line); border-radius: 20px; }

/* Mit JavaScript: echtes Pop-up */
.js .pj-modal { position: fixed; inset: 0; z-index: 1000; margin: 0; padding: 0; max-width: none; display: grid; place-items: center; visibility: hidden; pointer-events: none; }
.js .pj-modal.is-open { visibility: visible; pointer-events: auto; }
.js .pj-modal__backdrop { display: block; position: absolute; inset: 0; background: rgba(10, 16, 28, .55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .2s ease; }
.js .pj-modal.is-open .pj-modal__backdrop { opacity: 1; }
.js .pj-modal__panel { position: relative; width: min(560px, calc(100vw - 32px)); max-height: min(760px, calc(100dvh - 48px)); display: flex; flex-direction: column; border: 0; border-radius: 22px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.45); transform: translateY(16px) scale(.98); opacity: 0; transition: transform .22s ease, opacity .22s ease; overflow: hidden; }
.js .pj-modal.is-open .pj-modal__panel { transform: none; opacity: 1; }
.js .pj-modal__close { display: grid; }
body.pj-modal-open { overflow: hidden; }
body.pj-modal-open .pj-mobile-apply { display: none !important; }

.pj-modal__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1.25rem 1.25rem 1rem 1.5rem; border-bottom: 1px solid var(--pj-line); background: linear-gradient(180deg, var(--pj-tint), #fff); }
.pj-modal__job { display: flex; gap: .9rem; align-items: center; min-width: 0; }
.pj-modal__job .pj-logo { width: 48px; height: 48px; flex: none; }
.pj-modal__kicker { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pj-primary); }
.pj-modal__head h2 { font-size: 1.08rem; margin: .1rem 0 .1rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pj-modal__head p { margin: 0; font-size: .85rem; color: var(--pj-muted); }
.pj-modal__close { place-items: center; flex: none; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(15,23,42,.06); color: var(--pj-ink); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.pj-modal__close:hover { background: rgba(15,23,42,.12); }
.pj-modal__body { padding: 1.25rem 1.5rem 1.5rem; overflow-y: auto; overscroll-behavior: contain; }
.pj-modal__body > .pj-notice { margin-bottom: 1rem; }

/* Schritte im Pop-up */
.pj-modal .pj-apply { gap: 1.1rem; }
.pj-modal .pj-progress { margin-bottom: .25rem; }
.pj-modal .pj-progress li { font-size: .78rem; }
.pj-modal .pj-step { gap: 1.1rem; }
.pj-modal .pj-q legend { font-size: .98rem; }
.pj-modal .pj-q .pj-chip span { padding: .6em 1em; font-size: .92rem; }
.pj-modal .pj-field input, .pj-modal .pj-field textarea { border-radius: 10px; }
.pj-modal .pj-field input:not([type=file]) { height: 46px; }
.pj-modal .pj-step__nav { position: sticky; bottom: -1.5rem; margin: .25rem -1.5rem -1.5rem; padding: .9rem 1.5rem 1.25rem; background: linear-gradient(180deg, rgba(255,255,255,0), #fff 30%); }
.pj-modal .pj-step__nav .pj-btn { height: 48px; }

.pj-success { text-align: center; padding: 1rem 0 .5rem; }
.pj-success__icon { width: 64px; height: 64px; margin: 0 auto 1rem; border-radius: 50%; display: grid; place-items: center; background: var(--pj-btn-grad); color: #fff; box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--pj-btn-to) 60%, transparent); }
.pj-success__icon .pj-ico { width: 30px; height: 30px; stroke-width: 3; }
.pj-success h3 { font-size: 1.35rem; margin-bottom: .5rem; }
.pj-success p { color: var(--pj-ink-2); max-width: 40ch; margin: 0 auto 1.5rem; }
.pj-success__actions { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; }

/* Mobil: Bottom-Sheet */
@media (max-width: 640px) {
	.js .pj-modal { place-items: end stretch; }
	.js .pj-modal__panel { width: 100%; max-height: calc(100dvh - 24px); border-radius: 20px 20px 0 0; transform: translateY(40px); padding-bottom: env(safe-area-inset-bottom, 0px); }
	.pj-modal__head { padding: 1rem 1rem .9rem 1.1rem; }
	.pj-modal__job .pj-logo { width: 40px; height: 40px; }
	.pj-modal__body { padding: 1rem 1.1rem 1.25rem; }
	.pj-modal .pj-step__nav { margin: .25rem -1.1rem -1.25rem; padding: .8rem 1.1rem 1rem; bottom: -1.25rem; }
}

/* Mobiler Bewerben-Balken nur, wenn die Bewerbungsbox nicht sichtbar ist */
.pj-mobile-apply { transition: transform .2s ease, opacity .2s ease; }
.pj-mobile-apply.is-hidden { transform: translateY(110%); opacity: 0; pointer-events: none; }
@media (max-width: 960px) { .pj-mobile-apply { position: fixed; left: 0; right: 0; bottom: 0; padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -6px 20px rgba(15,23,42,.08); } }
@media (prefers-reduced-motion: reduce) { .js .pj-modal__panel, .js .pj-modal__backdrop, .pj-mobile-apply { transition: none; } }

/* Bewerbungsliste: ganze Zeile klickbar, Öffnen-Button */
.pj-table--click tbody tr[data-href] { cursor: pointer; transition: background .12s; }
.pj-table--click tbody tr[data-href]:hover { background: var(--pj-tint); }
.pj-table--click tbody tr[data-href]:hover .pj-open { background: var(--pj-btn-grad); color: #fff; border-color: transparent; }
.pj-open { gap: .35rem; white-space: nowrap; }
.pj-open .pj-ico { width: 16px; height: 16px; }
.pj-open .pj-ico:last-child { width: 14px; height: 14px; margin-left: -.1rem; opacity: .7; }
@media (max-width: 760px) { .pj-table--click .pj-actions { top: 50%; transform: translateY(-50%); } .pj-open span { display: none; } }
.pj-actions { white-space: nowrap; }
.pj-actions .pj-open + .pj-menu { margin-left: .35rem; }
.pj-bumpinfo { display: flex !important; align-items: center; gap: .3rem; color: var(--pj-primary); font-size: .78rem; margin-top: .15rem; }
.pj-bumpinfo .pj-ico { width: 13px; height: 13px; }

/* Paket-Spalte in „Meine Anzeigen“ */
.pj-pkg { display: inline-flex; align-items: center; gap: .35rem; font-weight: 600; font-size: .88rem; color: var(--pj-ink); white-space: nowrap; }
.pj-pkg .pj-ico { width: 14px; height: 14px; color: var(--pj-primary); }
.pj-pkg__extra { display: flex; gap: .3rem; margin-top: .3rem; flex-wrap: wrap; }
.pj-pkg__extra .pj-badge { display: inline-flex; align-items: center; gap: .2rem; }
.pj-pkg__extra .pj-ico { width: 11px; height: 11px; }

/* ==========================================================================
   Preis-Vergleichstabelle
   ========================================================================== */
.pj-cmp-wrap { background: #fff; border: 1px solid var(--pj-line); border-radius: 22px; box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 20px 50px -24px rgba(15,23,42,.18); overflow: hidden; margin: 1rem 0 2rem; }
.pj-cmp { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: .95rem; }
.pj-cmp th, .pj-cmp td { padding: .95rem 1.25rem; border-bottom: 1px solid var(--pj-line); vertical-align: middle; }
.pj-cmp tbody th { text-align: left; font-weight: 400; color: var(--pj-ink-2); width: 46%; }
.pj-cmp tbody th.is-strong { font-weight: 600; color: var(--pj-ink); }
.pj-cmp td { text-align: center; color: var(--pj-ink); font-variant-numeric: tabular-nums; }
.pj-cmp td small { display: block; font-size: .78rem; color: var(--pj-muted); margin-top: .1rem; }
.pj-cmp tbody tr:hover th, .pj-cmp tbody tr:hover td { background: #fafbfc; }
.pj-cmp tbody tr:hover td.is-hl { background: color-mix(in srgb, var(--pj-tint) 85%, #fff); }

/* Kopf */
.pj-cmp thead th { vertical-align: bottom; padding-top: 2rem; padding-bottom: 1.4rem; }
.pj-cmp__lead { text-align: left; }
.pj-cmp__lead h2 { font-size: 1.55rem; margin: .1rem 0 .4rem; letter-spacing: -.02em; }
.pj-cmp__lead p { margin: 0; color: var(--pj-muted); font-size: .9rem; font-weight: 400; }
.pj-cmp__pkg { position: relative; text-align: center; }
.pj-cmp__name { display: block; font-size: 1.15rem; font-weight: 700; color: var(--pj-ink); margin-bottom: .35rem; }
.pj-cmp__amount { display: block; font-size: 1.9rem; font-weight: 800; letter-spacing: -.03em; color: var(--pj-ink); line-height: 1.15; margin-bottom: 1rem; }
.pj-cmp__amount .woocommerce-Price-currencySymbol { font-size: .75em; }
.pj-cmp tfoot .pj-cmp__amount { font-size: 1.35rem; margin-bottom: .7rem; }
.pj-cmp__buy { margin: 0; }
.pj-cmp .pj-btn { font-size: .9rem; padding: .65em .8em; }
.pj-cmp__flag { position: absolute; top: .9rem; left: 50%; transform: translateX(-50%); background: var(--pj-grad); color: #fff; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .25em .8em; border-radius: 999px; white-space: nowrap; text-shadow: 0 1px 1px rgba(0,0,0,.15); }

/* Hervorgehobene Spalte */
.pj-cmp .is-hl { background: color-mix(in srgb, var(--pj-tint) 70%, #fff); border-left: 1px solid color-mix(in srgb, var(--pj-primary) 18%, var(--pj-line)); border-right: 1px solid color-mix(in srgb, var(--pj-primary) 18%, var(--pj-line)); }
.pj-cmp thead .is-hl { box-shadow: inset 0 4px 0 0 var(--pj-primary); background-image: linear-gradient(var(--pj-grad-from), var(--pj-grad-to)); background-size: 100% 4px; background-repeat: no-repeat; box-shadow: none; }

/* Haken & Striche */
.pj-cmp__yes { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--pj-primary) 12%, #fff); color: var(--pj-primary); }
.pj-cmp__yes .pj-ico { width: 16px; height: 16px; stroke-width: 3; }
.is-hl .pj-cmp__yes { background: var(--pj-btn-grad); color: #fff; }
.pj-cmp__no { color: #b6bfcb; font-weight: 600; }
.pj-gfj { white-space: nowrap; font-weight: 700; background: linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc05 50% 75%, #34a853 75%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Fuß */
.pj-cmp tfoot th, .pj-cmp tfoot td { border-bottom: 0; padding-top: 1.4rem; padding-bottom: 1.6rem; }
.pj-cmp tfoot th { text-align: left; vertical-align: bottom; }
.pj-cmp tfoot th small { color: var(--pj-muted); font-size: .8rem; font-weight: 400; }

/* Handy: Karten statt Tabelle */
.pj-pricing-mobile { display: none; }
@media (max-width: 820px) {
	.pj-cmp-wrap { display: none; }
	.pj-pricing-mobile { display: block; }
}
@media (min-width: 821px) {
	.pj-pricing-mobile + .pj-muted, .pj-cmp-wrap ~ .pj-pricing-mobile .pj-muted.pj-center { display: none; }
}
.pj-cmp thead th.pj-cmp__lead { width: 40%; }
.pj-cmp .pj-cmp__lead h2 { margin-top: 0; }
.pj-page .pj-cmp-wrap { margin-top: 0; }
.pj-cmp thead th { padding-top: 2.75rem; }
.pj-cmp__desc { display: block; margin: -.6rem 0 .9rem; font-size: .78rem; font-weight: 400; color: var(--pj-muted); line-height: 1.35; }

/* ---------- Startseiten-Hero v1.7 ---------- */
.pj-nowrap { white-space: nowrap; }
.pj-hero--home { padding: clamp(3rem, 7vw, 6.5rem) 0 clamp(3.5rem, 7vw, 6rem); }
.pj-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.pj-hero--home h1 { font-size: clamp(2.4rem, 5.6vw, 4.6rem); line-height: 1.04; letter-spacing: -.04em; max-width: 14ch; margin: 0 0 1.25rem; text-wrap: balance; }
.pj-hero--home .pj-hero__lead { font-size: clamp(1.1rem, 1.6vw, 1.3rem); line-height: 1.55; max-width: 40ch; margin: 0 0 2rem; text-wrap: pretty; }
.pj-hero__pill { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem 1rem .45rem .8rem; margin-bottom: 1.5rem; border-radius: 999px; background: rgba(255,255,255,.8); border: 1px solid color-mix(in srgb, var(--pj-primary) 22%, var(--pj-line)); box-shadow: 0 4px 14px -6px color-mix(in srgb, var(--pj-primary) 35%, transparent); font-size: .9rem; font-weight: 700; color: var(--pj-primary); backdrop-filter: blur(6px); }
.pj-hero__dot { width: .55rem; height: .55rem; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,.55); animation: pj-pulse 2s infinite; }
@keyframes pj-pulse { 70% { box-shadow: 0 0 0 .5rem rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
@media (prefers-reduced-motion: reduce) { .pj-hero__dot { animation: none; } }

.pj-hero--home .pj-search { max-width: 720px; padding: .6rem; border-radius: 18px; box-shadow: 0 24px 50px -20px color-mix(in srgb, var(--pj-grad-to) 45%, rgba(15,23,42,.35)), 0 2px 6px rgba(15,23,42,.06); }
.pj-hero--home .pj-search__field input { padding: 1rem 0; font-size: 1.05rem; }
.pj-hero--home .pj-search .pj-btn { padding: 1em 1.6em; font-size: 1.02rem; border-radius: 12px; white-space: nowrap; }
.pj-hero--home .pj-quicklinks { align-items: center; margin-top: 1.4rem; }
.pj-quicklinks__label { font-size: .875rem; font-weight: 600; color: var(--pj-muted); margin-right: .15rem; }
.pj-hero__trust { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: 0; margin: 1.75rem 0 0; color: var(--pj-ink-2); font-size: .95rem; font-weight: 500; }
.pj-hero__trust li { display: inline-flex; align-items: center; gap: .4rem; }
.pj-hero__trust svg { width: 18px; height: 18px; color: var(--pj-primary); flex: none; }

.pj-hero__visual { position: relative; min-height: 420px; display: flex; align-items: center; }
.pj-hero__blob { position: absolute; inset: 6% 2% 4% 10%; border-radius: 36px; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); transform: rotate(-4deg); box-shadow: 0 40px 80px -30px color-mix(in srgb, var(--pj-grad-to) 60%, transparent); }
.pj-hero__blob::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 20% 15%, rgba(255,255,255,.35), transparent 45%), radial-gradient(circle at 90% 90%, rgba(255,255,255,.18), transparent 40%); }
.pj-hero__stack { position: relative; z-index: 1; display: grid; gap: .9rem; width: 100%; padding: 2.5rem 0 2.5rem; }
.pj-hero-job { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: .9rem; align-items: center; padding: 1rem 1.1rem; background: #fff; border-radius: 16px; text-decoration: none; color: var(--pj-ink); box-shadow: 0 18px 40px -18px rgba(15,23,42,.35), 0 1px 2px rgba(15,23,42,.06); transition: transform .2s ease, box-shadow .2s ease; }
.pj-hero-job--1 { margin-right: 12%; }
.pj-hero-job--2 { margin-left: 10%; margin-right: 2%; }
.pj-hero-job--3 { margin-right: 6%; margin-left: 4%; }
.pj-hero-job:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -18px rgba(15,23,42,.45); color: var(--pj-ink); }
.pj-hero-job__logo { width: 48px; height: 48px; border-radius: 12px; overflow: hidden; display: grid; place-items: center; background: var(--pj-tint); }
.pj-hero-job__logo img, .pj-hero-job__logo > * { max-width: 100%; max-height: 100%; }
.pj-hero-job__body { min-width: 0; display: grid; gap: .1rem; }
.pj-hero-job__body strong { font-size: .98rem; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pj-hero-job__body small { color: var(--pj-muted); font-size: .85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pj-hero-job__meta { display: flex; flex-wrap: wrap; gap: .25rem .8rem; margin-top: .25rem; font-size: .78rem; color: var(--pj-ink-2); }
.pj-hero-job__meta span { display: inline-flex; align-items: center; gap: .25rem; }
.pj-hero-job__meta svg { width: 13px; height: 13px; }
.pj-hero-job__time { align-self: start; font-size: .75rem; font-weight: 600; color: var(--pj-primary); background: var(--pj-tint); padding: .2rem .55rem; border-radius: 999px; white-space: nowrap; }
.pj-hero__stat { position: absolute; z-index: 2; right: -4px; bottom: -6px; display: flex; align-items: center; gap: .7rem; padding: .85rem 1.15rem; background: #fff; border-radius: 16px; box-shadow: 0 18px 40px -16px rgba(15,23,42,.4); }
.pj-hero__stat strong { font-size: 1.9rem; line-height: 1; letter-spacing: -.03em; background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-hero__stat small { font-size: .78rem; line-height: 1.3; color: var(--pj-muted); font-weight: 600; }

@media (max-width: 1000px) {
	.pj-hero__grid { grid-template-columns: 1fr; }
	.pj-hero--home h1 { max-width: 16ch; }
	.pj-hero__visual { min-height: 0; max-width: 560px; }
}
@media (max-width: 700px) {
	.pj-hero--home h1 { font-size: clamp(2.2rem, 9.5vw, 2.8rem); }
	.pj-hero__visual { display: none; }
	.pj-hero__trust { gap: .4rem 1rem; font-size: .88rem; }
	.pj-hero--home .pj-search .pj-btn { width: 100%; }
}
.pj-search__field { min-width: 0; }
.pj-hero--home .pj-search { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) auto; }
.pj-hero--home .pj-hero__lead { max-width: 44ch; }
@media (max-width: 700px) { .pj-hero--home .pj-search { grid-template-columns: 1fr; } }
@media (max-width: 1100px) {
	.pj-hero__grid { grid-template-columns: 1fr; }
	.pj-hero__visual { min-height: 0; max-width: 560px; width: 100%; }
}
@media (max-width: 1100px) { .pj-hero__visual { display: none; } .pj-hero--home h1 { max-width: 16ch; } }

/* ---------- Footer v1.7.3 ---------- */
.pj-footer { padding-top: 0; background: #0b1220; position: relative; }
.pj-footer::before { margin: 0; }
.pj-footer__cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding: clamp(1.75rem, 4vw, 2.75rem); margin: 3.5rem 0 3.5rem; border-radius: 24px; background: linear-gradient(120deg, var(--pj-grad-from), var(--pj-grad-to)); color: #fff; position: relative; overflow: hidden; box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--pj-grad-to) 70%, transparent); }
.pj-footer__cta::after { content: ""; position: absolute; right: -80px; top: -120px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.22), transparent 70%); pointer-events: none; }
.pj-footer__cta-text { position: relative; z-index: 1; max-width: 640px; }
.pj-footer__cta-kicker { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .85; margin-bottom: .5rem; }
.pj-footer__cta h3 { color: #fff; font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 .6rem; text-wrap: balance; }
.pj-footer__cta p { margin: 0; color: rgba(255,255,255,.88); font-size: 1rem; }
.pj-footer__cta-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .75rem; }
.pj-footer .pj-footer__btn { display: inline-flex; align-items: center; gap: .5rem; padding: .95em 1.4em; border-radius: 12px; font-weight: 700; font-size: 1rem; text-decoration: none; white-space: nowrap; transition: transform .15s ease, background .15s ease; }
.pj-footer__btn svg { width: 18px; height: 18px; }
.pj-footer .pj-footer__btn--light { background: #fff; color: var(--pj-primary); box-shadow: 0 10px 24px -10px rgba(0,0,0,.45); }
.pj-footer .pj-footer__btn--light:hover { color: var(--pj-primary); transform: translateY(-2px); }
.pj-footer .pj-footer__btn--ghost { background: rgba(255,255,255,.14); color: #fff; border: 1.5px solid rgba(255,255,255,.55); backdrop-filter: blur(4px); }
.pj-footer .pj-footer__btn--ghost:hover { background: rgba(255,255,255,.24); color: #fff; transform: translateY(-2px); }

.pj-footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 2.5rem; }
.pj-footer__about p { margin: .9rem 0 1.1rem; max-width: 34ch; line-height: 1.6; }
.pj-footer .pj-footer__live { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .95rem .45rem .8rem; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid #1e293b; color: #e2e8f0; font-size: .85rem; font-weight: 600; }
.pj-footer .pj-footer__live:hover { border-color: #334155; color: #fff; }
.pj-footer h4 { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: #fff; margin-bottom: 1.1rem; }
.pj-footer ul { gap: .65rem; }
.pj-footer a { transition: color .15s ease; }

.pj-footer__regions { margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid #1e293b; }
.pj-footer__regions ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.pj-footer__regions a { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .6rem .85rem; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid #172033; font-size: .9rem; transition: background .15s ease, border-color .15s ease, color .15s ease; }
.pj-footer__regions a:hover { background: rgba(255,255,255,.07); border-color: color-mix(in srgb, var(--pj-grad-to) 55%, #172033); }
.pj-footer__regions span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pj-footer__regions em { font-style: normal; font-size: .75rem; font-weight: 700; color: #0b1220; background: color-mix(in srgb, var(--pj-grad-to) 75%, #fff); padding: .1rem .5rem; border-radius: 999px; flex: none; }

.pj-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 2rem; margin-top: 2.5rem; padding: 1.4rem 0 1.75rem; border-top: 1px solid #1e293b; font-size: .85rem; color: #64748b; }
.pj-footer__google { display: inline-flex; align-items: center; gap: .4rem; }
.pj-footer__google svg { width: 15px; height: 15px; color: var(--pj-grad-to); }

@media (max-width: 1000px) {
	.pj-footer__grid { grid-template-columns: 1fr 1fr 1fr; }
	.pj-footer__about { grid-column: 1 / -1; }
	.pj-footer__regions ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.pj-footer__cta { margin: 2.5rem 0; }
	.pj-footer__cta-actions, .pj-footer .pj-footer__btn { width: 100%; justify-content: center; }
	.pj-footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem 1.5rem; }
	.pj-footer__regions ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) { .pj-footer__regions span { white-space: normal; overflow: visible; font-size: .85rem; line-height: 1.3; } .pj-footer__regions a { padding: .55rem .7rem; } }
.pj-footer .pj-footer__google a { color: #cbd5e1; font-weight: 600; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--pj-grad-to) 70%, transparent); text-underline-offset: 3px; margin-left: .25em; }
.pj-footer .pj-footer__google a:hover { color: #fff; }

/* =========================================================
   Social Recruiting v1.8
   ========================================================= */
.pj-badge--social { display: inline-flex; align-items: center; gap: .25rem; margin: .3rem .3rem 0 0; background: color-mix(in srgb, var(--pj-grad-to) 14%, #fff); color: var(--pj-primary); }
.pj-badge--social svg { width: 12px; height: 12px; }

/* Zusatzoption auf der Preisseite */
.pj-addon { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(220px, 260px); gap: 1.75rem; align-items: center; margin: 2rem 0 1rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: 20px; background: linear-gradient(120deg, color-mix(in srgb, var(--pj-grad-from) 9%, #fff), color-mix(in srgb, var(--pj-grad-to) 12%, #fff)); border: 1px solid color-mix(in srgb, var(--pj-grad-to) 28%, var(--pj-line)); overflow: hidden; }
.pj-addon::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(180deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-addon__icon { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); box-shadow: 0 14px 28px -14px color-mix(in srgb, var(--pj-grad-to) 80%, transparent); }
.pj-addon__icon svg { width: 30px; height: 30px; }
.pj-addon__kicker { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--pj-primary); margin-bottom: .35rem; }
.pj-addon h3 { margin: 0 0 .4rem; font-size: clamp(1.15rem, 2vw, 1.4rem); letter-spacing: -.01em; }
.pj-addon p { margin: 0 0 .8rem; color: var(--pj-ink-2); }
.pj-addon__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .9rem; font-weight: 500; color: var(--pj-ink-2); }
.pj-addon__list li { display: inline-flex; align-items: center; gap: .35rem; }
.pj-addon__list svg { width: 16px; height: 16px; color: var(--pj-primary); }
.pj-addon__buy { display: grid; gap: .35rem; justify-items: center; text-align: center; padding: 1.1rem; border-radius: 16px; background: #fff; box-shadow: 0 16px 36px -22px rgba(15,23,42,.45); }
.pj-addon__plus { font-size: .85rem; font-weight: 700; color: var(--pj-muted); line-height: 1; }
.pj-addon__price { font-size: 2rem; line-height: 1; letter-spacing: -.03em; background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-addon__buy small { color: var(--pj-muted); font-size: .8rem; margin-bottom: .45rem; }
.pj-addon__more { font-size: .875rem; font-weight: 600; color: var(--pj-primary); text-decoration: none; }
.pj-addon__more:hover { text-decoration: underline; }
.pj-cmp__addon { font-weight: 700; color: var(--pj-primary); }
.pj-cmp td .pj-cmp__addon + small { display: block; color: var(--pj-muted); font-size: .75rem; }
@media (max-width: 900px) {
	.pj-addon { grid-template-columns: auto minmax(0, 1fr); }
	.pj-addon__buy { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.pj-addon { grid-template-columns: 1fr; gap: 1rem; }
	.pj-addon__icon { width: 52px; height: 52px; border-radius: 14px; }
}

/* Dashboard-Tab */
.pj-cprog { display: block; width: 120px; max-width: 100%; height: 5px; margin: .35rem 0 .2rem; border-radius: 99px; background: #e2e8f0; overflow: hidden; }
.pj-cprog span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-social-wait { display: flex; gap: 1rem; align-items: flex-start; margin-top: 1.25rem; }
.pj-social-wait h2 { margin: 0 0 .3rem; font-size: 1.1rem; }
.pj-social-wait p { margin: 0; }
.pj-social-wait__icon { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--pj-tint); color: var(--pj-primary); }
.pj-social-book { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2rem; align-items: start; margin-top: 1.5rem; padding: clamp(1.25rem, 3vw, 2.25rem); border-radius: 20px; background: linear-gradient(135deg, color-mix(in srgb, var(--pj-grad-from) 8%, #fff), color-mix(in srgb, var(--pj-grad-to) 12%, #fff)); border: 1px solid color-mix(in srgb, var(--pj-grad-to) 22%, var(--pj-line)); scroll-margin-top: 90px; }
.pj-social-book__pitch h2 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 .7rem; text-wrap: balance; }
.pj-social-book__pitch p { color: var(--pj-ink-2); margin: 0 0 1rem; }
.pj-social-book__pitch .pj-checklist { margin-bottom: 1rem; }
.pj-social-book__form { display: grid; gap: 1rem; margin: 0; box-shadow: 0 20px 44px -26px rgba(15,23,42,.45); }
.pj-social-book__price { display: flex; align-items: baseline; gap: .6rem; padding-bottom: .9rem; border-bottom: 1px solid var(--pj-line); }
.pj-social-book__price strong { font-size: 2rem; letter-spacing: -.03em; line-height: 1; background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-social-book__price small { color: var(--pj-muted); }
.pj-social-book__form .pj-btn--lg { white-space: normal; }
@media (max-width: 900px) { .pj-social-book { grid-template-columns: 1fr; } }

/* Meta-Kunden-Dashboard an die Markenfarben anpassen */
.pj-mkd { margin-top: 1.5rem; }
.pj-mkd .mkd-dashboard { max-width: none; font-family: inherit; }
.pj-mkd .mkd-label, .pj-mkd .mkd-stat span { color: var(--pj-primary) !important; }
.pj-mkd .mkd-refresh { background: var(--pj-btn-grad) !important; border-color: transparent !important; color: #fff !important; }
.pj-mkd .mkd-stat strong { background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.pj-mkd .mkd-chart-fill { background: linear-gradient(90deg, var(--pj-grad-from), var(--pj-grad-to)) !important; }

/* Landingpage */
.pj-sr-hero { position: relative; padding: clamp(3rem, 7vw, 6rem) 0 clamp(3rem, 6vw, 5rem); overflow: hidden; background:
	radial-gradient(900px 420px at 88% -10%, color-mix(in srgb, var(--pj-grad-to) 20%, transparent), transparent 70%),
	radial-gradient(700px 320px at -5% 110%, color-mix(in srgb, var(--pj-grad-from) 16%, transparent), transparent 70%),
	linear-gradient(180deg, var(--pj-tint), var(--pj-bg)); }
.pj-sr-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.pj-sr-hero .pj-hero__pill svg { width: 16px; height: 16px; }
.pj-sr-hero h1 { font-size: clamp(2.3rem, 5.2vw, 4.2rem); line-height: 1.05; letter-spacing: -.04em; margin: 0 0 1.25rem; max-width: 15ch; text-wrap: balance; }
.pj-sr-lead { font-size: clamp(1.08rem, 1.5vw, 1.25rem); line-height: 1.6; color: var(--pj-ink-2); max-width: 46ch; margin: 0 0 2rem; }
.pj-sr-cta { display: flex; flex-wrap: wrap; gap: .75rem; }
.pj-sr-visual { position: relative; min-height: 470px; display: grid; place-items: center; }
.pj-sr-blob { position: absolute; inset: 8% 6% 6% 6%; border-radius: 40px; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); transform: rotate(5deg); box-shadow: 0 40px 80px -30px color-mix(in srgb, var(--pj-grad-to) 60%, transparent); }
.pj-sr-phone { position: relative; z-index: 1; width: 270px; padding: 12px; border-radius: 34px; background: #0f172a; box-shadow: 0 30px 60px -20px rgba(15,23,42,.6); }
.pj-sr-post { border-radius: 24px; overflow: hidden; background: #fff; }
.pj-sr-post__head { display: flex; align-items: center; gap: .55rem; padding: .8rem .85rem; font-size: .82rem; }
.pj-sr-post__head span:last-child { display: grid; line-height: 1.25; }
.pj-sr-post__head small { color: var(--pj-muted); font-size: .7rem; }
.pj-sr-post__avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-sr-post__media { aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: flex-end; gap: .2rem; padding: 1.1rem; color: #fff; background: radial-gradient(circle at 75% 20%, rgba(255,255,255,.35), transparent 40%), linear-gradient(150deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-sr-post__media small { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .9; }
.pj-sr-post__media strong { font-size: 1.6rem; line-height: 1.1; letter-spacing: -.02em; }
.pj-sr-post__media span { font-size: .8rem; opacity: .92; }
.pj-sr-post__cta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem .85rem; background: #f1f5f9; font-size: .7rem; color: var(--pj-muted); }
.pj-sr-post__cta span { display: grid; }
.pj-sr-post__cta b { font-size: .82rem; color: var(--pj-ink); }
.pj-sr-post__cta i { font-style: normal; font-weight: 700; color: var(--pj-ink); background: #e2e8f0; padding: .4rem .65rem; border-radius: 8px; }
.pj-sr-post__lines { display: grid; gap: .4rem; padding: .8rem .85rem 1rem; }
.pj-sr-post__lines i { height: 7px; border-radius: 99px; background: #e2e8f0; }
.pj-sr-post__lines i:last-child { width: 60%; }
.pj-sr-chip { position: absolute; z-index: 2; display: grid; gap: .1rem; padding: .65rem .9rem; border-radius: 14px; background: #fff; box-shadow: 0 16px 34px -16px rgba(15,23,42,.45); font-size: .85rem; font-weight: 600; }
.pj-sr-chip small { font-size: .7rem; color: var(--pj-muted); font-weight: 600; }
.pj-sr-chip b { font-size: .85rem; color: #16a34a; display: inline-flex; align-items: center; gap: .3rem; }
.pj-sr-chip b::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: #22c55e; }
.pj-sr-chip--1 { left: 0; top: 22%; }
.pj-sr-chip--2 { right: -2%; top: 48%; }
.pj-sr-chip--3 { left: 6%; bottom: 10%; display: inline-flex; align-items: center; gap: .35rem; color: var(--pj-primary); }
.pj-sr-chip--3 svg { width: 16px; height: 16px; }

.pj-sr-head { max-width: 720px; margin: 0 auto 2.5rem; text-align: center; }
.pj-sr-head h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); letter-spacing: -.03em; line-height: 1.12; margin: 0 0 .75rem; text-wrap: balance; }
.pj-sr-head p { color: var(--pj-ink-2); font-size: 1.08rem; margin: 0; }
.pj-sr-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.pj-sr-features article { padding: 1.5rem; border-radius: 18px; background: #fff; border: 1px solid var(--pj-line); transition: transform .2s ease, box-shadow .2s ease; }
.pj-sr-features article:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -24px rgba(15,23,42,.35); }
.pj-sr-features h3 { font-size: 1.08rem; margin: 1rem 0 .4rem; }
.pj-sr-features p { margin: 0; color: var(--pj-ink-2); font-size: .95rem; }
.pj-sr-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-sr-ico svg { width: 22px; height: 22px; }
.pj-sr-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; counter-reset: none; }
.pj-sr-steps li { position: relative; padding: 1.5rem; border-radius: 18px; background: #fff; border: 1px solid var(--pj-line); }
.pj-sr-steps b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; font-size: 1rem; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-sr-steps h3 { font-size: 1.05rem; margin: .9rem 0 .35rem; }
.pj-sr-steps p { margin: 0; color: var(--pj-ink-2); font-size: .93rem; }
.pj-sr-offer { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.pj-sr-offer h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); letter-spacing: -.03em; margin: 0 0 1.25rem; }
.pj-sr-list { font-size: 1.05rem; gap: .7rem; }
.pj-sr-price { display: grid; gap: .45rem; justify-items: center; text-align: center; padding: 2rem; border-radius: 22px; background: #fff; border: 1px solid color-mix(in srgb, var(--pj-grad-to) 35%, var(--pj-line)); box-shadow: 0 30px 60px -32px color-mix(in srgb, var(--pj-grad-to) 60%, rgba(15,23,42,.5)); }
.pj-sr-price strong { font-size: 3.2rem; line-height: 1; letter-spacing: -.04em; background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-sr-price small { color: var(--pj-muted); }
.pj-sr-price p { color: var(--pj-ink-2); margin: .5rem 0 .75rem; font-size: .95rem; }
.pj-sr-kpi { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.pj-sr-kpi h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -.03em; margin: 0 0 .75rem; }
.pj-sr-kpi p { color: var(--pj-ink-2); margin: 0; }
.pj-sr-kpi__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; }
.pj-sr-kpi__grid div { padding: 1.25rem; border-radius: 16px; background: #fff; border: 1px solid var(--pj-line); }
.pj-sr-kpi__grid dt { font-weight: 700; font-size: 1.05rem; margin-bottom: .3rem; background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.pj-sr-kpi__grid dd { margin: 0; color: var(--pj-ink-2); font-size: .93rem; }
.pj-sr-faq { max-width: 820px; }
.pj-sr-faq details { border-bottom: 1px solid var(--pj-line); padding: 1.1rem 0; }
.pj-sr-faq summary { cursor: pointer; list-style: none; font-weight: 700; font-size: 1.05rem; display: flex; justify-content: space-between; gap: 1rem; }
.pj-sr-faq summary::-webkit-details-marker { display: none; }
.pj-sr-faq summary::after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--pj-tint); color: var(--pj-primary); font-weight: 700; transition: transform .2s ease; }
.pj-sr-faq details[open] summary::after { transform: rotate(45deg); }
.pj-sr-faq details p { margin: .75rem 0 0; color: var(--pj-ink-2); }
.pj-section--cta { padding-top: 0; }
.pj-sr-final { margin: 0; }
.pj-sr-final .pj-footer__btn { display: inline-flex; align-items: center; gap: .5rem; padding: .95em 1.4em; border-radius: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .15s ease, background .15s ease; }
.pj-sr-final .pj-footer__btn svg { width: 18px; height: 18px; }
.pj-sr-final .pj-footer__btn--light { background: #fff; color: var(--pj-primary); }
.pj-sr-final .pj-footer__btn--ghost { background: rgba(255,255,255,.14); color: #fff; border: 1.5px solid rgba(255,255,255,.55); }
.pj-sr-final .pj-footer__btn:hover { transform: translateY(-2px); }
@media (max-width: 1100px) {
	.pj-sr-features, .pj-sr-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.pj-sr-hero__grid, .pj-sr-offer, .pj-sr-kpi { grid-template-columns: 1fr; }
	.pj-sr-visual { min-height: 430px; }
}
@media (max-width: 600px) {
	.pj-sr-features, .pj-sr-steps, .pj-sr-kpi__grid { grid-template-columns: 1fr; }
	.pj-sr-visual { display: none; }
	.pj-sr-cta .pj-btn { width: 100%; justify-content: center; }
	.pj-sr-final .pj-footer__btn { width: 100%; justify-content: center; }
}
.pj-mkd .mkd-dashboard { background: #fff !important; border-color: var(--pj-line) !important; color: var(--pj-ink) !important; }
.pj-mkd .mkd-dashboard h2, .pj-mkd .mkd-campaign-name { color: var(--pj-ink) !important; }
.pj-mkd .mkd-note { background: var(--pj-tint) !important; color: var(--pj-ink-2) !important; }
.pj-mkd .mkd-stat, .pj-mkd .mkd-empty, .pj-mkd .mkd-campaign { border-color: var(--pj-line) !important; }
.pj-footer__spacer { height: 3.5rem; }
.pj-archive-intro { max-width: 760px; margin: .25rem 0 1.25rem; color: var(--pj-ink-2); line-height: 1.6; }

/* Double-Opt-in: Hinweis nach der Registrierung */
.pj-verify { text-align: center; padding: 1rem 0; }
.pj-verify__icon { width: 68px; height: 68px; margin: 0 auto 1.25rem; border-radius: 20px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); box-shadow: 0 16px 32px -14px color-mix(in srgb, var(--pj-grad-to) 70%, transparent); }
.pj-verify h2 { font-size: 1.5rem; letter-spacing: -.02em; margin: 0 0 .75rem; text-wrap: balance; }
.pj-verify > p { color: var(--pj-ink-2); margin: 0 auto 1rem; max-width: 40ch; }
.pj-verify .pj-notice { text-align: left; margin-bottom: 1rem; }
.pj-verify__steps { list-style: none; counter-reset: s; margin: 1.25rem auto; padding: 0; max-width: 320px; display: grid; gap: .55rem; text-align: left; }
.pj-verify__steps li { counter-increment: s; display: flex; align-items: center; gap: .7rem; padding: .65rem .85rem; border-radius: 12px; background: var(--pj-tint); font-size: .95rem; }
.pj-verify__steps li::before { content: counter(s); flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: .85rem; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-verify__actions { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; margin-top: 1.25rem; }

/* Laufzeit verlängern */
.pj-extend { margin-bottom: 1.25rem; border: 2px solid color-mix(in srgb, var(--pj-grad-to) 45%, var(--pj-line)); scroll-margin-top: 90px; }
.pj-extend__head { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.25rem; }
.pj-extend__head h2 { margin: 0 0 .2rem; font-size: 1.2rem; }
.pj-extend__head p { margin: 0; }
.pj-extend__icon { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); }
.pj-extend__icon svg { width: 22px; height: 22px; }
.pj-extend__options { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.pj-extend__opt { display: grid; gap: .6rem; align-content: start; padding: 1.1rem; border-radius: 14px; border: 1px solid var(--pj-line); background: #fff; }
.pj-extend__opt--hl { background: var(--pj-tint); border-color: color-mix(in srgb, var(--pj-grad-to) 35%, var(--pj-line)); }
.pj-extend__opt p { margin: 0; }
.pj-extend__opt select { width: 100%; font: inherit; padding: .6rem .7rem; border: 1px solid #cbd5e1; border-radius: var(--pj-radius-sm); background: #fff; }

/* ---------- Dropdown-Menüs ---------- */
.pj-nav__list > li { position: relative; display: flex; align-items: center; }
.pj-nav__list li.menu-item-has-children > a { padding-right: 0; }
.pj-subtoggle { display: inline-grid; place-items: center; width: 26px; height: 26px; margin-left: .1rem; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--pj-ink-2); cursor: pointer; transition: transform .2s ease, background .15s ease, color .15s ease; }
.pj-subtoggle:hover, .pj-subtoggle:focus-visible { background: var(--pj-tint); color: var(--pj-primary); }
.pj-nav__list .sub-menu { list-style: none; margin: 0; padding: .5rem; }
.pj-nav__list .sub-menu a { display: block; padding: .55rem .8rem; border-radius: 8px; color: var(--pj-ink-2); font-weight: 500; white-space: nowrap; }
.pj-nav__list .sub-menu a:hover, .pj-nav__list .sub-menu .current-menu-item > a { background: var(--pj-tint); color: var(--pj-primary); }
.pj-nav__list .sub-menu li { position: relative; }
@media (min-width: 1181px) {
	.pj-nav__list .sub-menu { position: absolute; top: calc(100% + 10px); left: -.75rem; z-index: 60; min-width: 220px; background: #fff; border: 1px solid var(--pj-line); border-radius: 14px; box-shadow: 0 18px 40px -16px rgba(15,23,42,.28); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
	/* Brücke, damit das Menü beim Überfahren nicht zuklappt */
	.pj-nav__list .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
	.pj-nav__list li.is-open > .sub-menu { opacity: 1; visibility: visible; transform: none; }
	.pj-nav__list li.is-open > .pj-subtoggle { transform: rotate(180deg); color: var(--pj-primary); }
	/* 3. Ebene seitlich */
	.pj-nav__list .sub-menu .sub-menu { top: -.5rem; left: 100%; }
	.pj-nav__list .sub-menu .menu-item-has-children { display: flex; align-items: center; }
	.pj-nav__list .sub-menu .menu-item-has-children > a { flex: 1; }
	.pj-nav__list .sub-menu .pj-subtoggle { transform: rotate(-90deg); }
}
@media (max-width: 1180px) {
	.pj-nav__list > li { flex-wrap: wrap; }
	.pj-nav__list > li > a { flex: 1; }
	.pj-subtoggle { width: 40px; height: 40px; }
	.pj-nav__list li.is-open > .pj-subtoggle { transform: rotate(180deg); color: var(--pj-primary); }
	.pj-nav__list .sub-menu { display: none; flex-basis: 100%; padding: .25rem 0 .5rem .75rem; margin-left: .25rem; border-left: 2px solid var(--pj-tint); }
	.pj-nav__list li.is-open > .sub-menu { display: block; }
	.pj-nav__list .sub-menu a { white-space: normal; padding: .5rem .6rem; }
}
.pj-auth { align-items: stretch; }
.pj-auth__aside { justify-content: flex-start; } .pj-auth__pitch { margin-top: 0 !important; margin-bottom: 0 !important; } .pj-auth__stats { margin-top: auto; }

/* ---------- Intro „Stellenanzeige aufgeben“ / „Preise“ ---------- */
.pj-intro { position: relative; margin: 0 0 2.5rem; padding: clamp(1.5rem, 4vw, 2.75rem); border-radius: 22px; background: linear-gradient(135deg, color-mix(in srgb, var(--pj-grad-from) 7%, #fff), color-mix(in srgb, var(--pj-grad-to) 11%, #fff)); border: 1px solid color-mix(in srgb, var(--pj-grad-to) 22%, var(--pj-line)); overflow: hidden; }
.pj-intro::after { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--pj-grad-to) 18%, transparent), transparent 70%); pointer-events: none; }
.pj-prose .pj-intro h2 { margin: .35rem 0 .75rem; font-size: clamp(1.6rem, 3.2vw, 2.3rem); line-height: 1.15; letter-spacing: -.03em; text-wrap: balance; }
.pj-intro__kicker { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: var(--pj-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pj-intro__lead { max-width: 62ch; margin: 0 0 1.5rem; font-size: 1.08rem; line-height: 1.65; color: var(--pj-ink-2); }

/* 3 Schritte */
.pj-prose .pj-steps3 { list-style: none; counter-reset: s3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0 0 1.5rem; padding: 0; }
.pj-step3 { counter-increment: s3; position: relative; margin: 0 !important; padding: 1.35rem 1.25rem 1.25rem; border-radius: 16px; background: #fff; border: 1px solid var(--pj-line); box-shadow: 0 10px 26px -20px rgba(15,23,42,.45); }
.pj-step3::marker { content: none; }
.pj-step3::before { content: ""; display: block; width: 46px; height: 46px; margin-bottom: .9rem; border-radius: 14px; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); box-shadow: 0 10px 20px -12px color-mix(in srgb, var(--pj-grad-to) 80%, transparent); }
.pj-step3::after { content: counter(s3); position: absolute; top: 1.1rem; right: 1.1rem; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: .85rem; font-weight: 700; color: var(--pj-primary); background: var(--pj-tint); }
/* Symbol auf dem Farbfeld */
.pj-step3 > h3::before { content: ""; position: absolute; top: calc(1.35rem + 11px); left: calc(1.25rem + 11px); width: 24px; height: 24px; background: #fff; -webkit-mask: var(--pj-ico) center / contain no-repeat; mask: var(--pj-ico) center / contain no-repeat; }
.pj-step3--account { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E"); }
.pj-step3--package { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Ccircle cx='7' cy='7' r='1.5'/%3E%3C/svg%3E"); }
.pj-step3--live { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E"); }
.pj-prose .pj-step3 h3 { margin: 0 0 .35rem; font-size: 1.08rem; color: var(--pj-ink); }
.pj-step3 p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--pj-ink-2); }

/* Vorteile */
.pj-prose .pj-perks { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem .6rem; margin: 0; padding: 0; }
.pj-prose .pj-perk { display: inline-flex; align-items: center; gap: .45rem; margin: 0; padding: .45rem .85rem .45rem .6rem; border-radius: 999px; background: rgba(255,255,255,.85); border: 1px solid var(--pj-line); font-size: .9rem; font-weight: 600; color: var(--pj-ink); }
.pj-perk::marker { content: none; }
.pj-perk::before { content: ""; flex: none; width: 18px; height: 18px; background: var(--pj-primary); -webkit-mask: var(--pj-ico) center / contain no-repeat; mask: var(--pj-ico) center / contain no-repeat; }
.pj-perk--clock { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.pj-perk--google { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E"); }
.pj-perk--mail { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.pj-perk--noabo { --pj-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); }
@media (max-width: 820px) { .pj-prose .pj-steps3 { grid-template-columns: 1fr; } }

/* Bestelldetails im Dashboard */
.pj-back { margin: 0 0 .75rem; } .pj-back a { color: var(--pj-muted); text-decoration: none; font-weight: 600; font-size: .9rem; } .pj-back a:hover { color: var(--pj-primary); }
.pj-order-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.pj-order-actions .pj-btn svg, .pj-actions .pj-btn svg { width: 16px; height: 16px; }
.pj-order { align-items: start; }
.pj-order .pj-table tfoot th { text-align: right; font-weight: 500; color: var(--pj-ink-2); background: transparent; text-transform: none; letter-spacing: 0; font-size: .92rem; }
.pj-order .pj-table tfoot td, .pj-order .pj-table tfoot th { border-top: 0; padding-top: .35rem; padding-bottom: .35rem; }
.pj-order .pj-table tfoot tr:first-child th, .pj-order .pj-table tfoot tr:first-child td { border-top: 1px solid var(--pj-line); padding-top: .9rem; }
.pj-order__tot.is-total th, .pj-order__tot.is-total td { font-weight: 800; color: var(--pj-ink); font-size: 1.05rem; padding-bottom: 1rem; }
.pj-order__tot small, .pj-order__tot .includes_tax { display: block; font-weight: 400; font-size: .8rem; color: var(--pj-muted); }
.pj-order__addr { font-style: normal; line-height: 1.6; color: var(--pj-ink-2); margin: 0 0 1rem; }
.pj-order .pj-card h2 { font-size: 1.05rem; margin: 0 0 .6rem; }
.pj-order .pj-dl { margin-bottom: 1.25rem; }

/* ---------- Kostenlose Testphase ---------- */
.pj-trial { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0 0 1.5rem; padding: 1rem 1.25rem; border-radius: 16px; background: linear-gradient(120deg, color-mix(in srgb, var(--pj-grad-from) 10%, #fff), color-mix(in srgb, var(--pj-grad-to) 14%, #fff)); border: 1px solid color-mix(in srgb, var(--pj-grad-to) 30%, var(--pj-line)); }
.pj-trial__icon { flex: none; width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pj-grad-from), var(--pj-grad-to)); box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--pj-grad-to) 80%, transparent); }
.pj-trial__icon svg { width: 22px; height: 22px; }
.pj-trial__text { flex: 1; min-width: 220px; display: grid; gap: .1rem; }
.pj-trial__text strong { font-size: 1.08rem; color: var(--pj-ink); }
.pj-trial__text span { font-size: .9rem; color: var(--pj-ink-2); }
.pj-trial form { margin: 0; }
.pj-trial--ended { background: #fff7ed; border-color: #fed7aa; }
.pj-trial--ended .pj-trial__icon { background: linear-gradient(135deg, #f59e0b, #ea580c); box-shadow: none; }
.pj-badge--trial { margin: .3rem .3rem 0 0; background: #fef3c7; color: #92400e; }

/* Testphase im Footer-CTA & auf der Startseite */
.pj-footer__perks, .pj-trial-perks { list-style: none; display: flex; flex-wrap: wrap; gap: .45rem 1.25rem; margin: 1rem 0 0; padding: 0; font-size: .95rem; font-weight: 600; }
.pj-footer__perks { color: rgba(255,255,255,.95); }
.pj-footer__perks li, .pj-trial-perks li { display: inline-flex; align-items: center; gap: .4rem; }
.pj-footer__perks svg { width: 17px; height: 17px; padding: 2px; border-radius: 50%; background: rgba(255,255,255,.22); }
.pj-trial-perks { margin: 0 0 1.25rem; color: var(--pj-ink-2); }
.pj-trial-perks svg { width: 18px; height: 18px; color: var(--pj-primary); }
.pj-employer-cta__btns { display: flex; flex-wrap: wrap; gap: .6rem; }
.pj-employer-cta__btns .pj-btn svg { width: 18px; height: 18px; }
.pj-footer ul.pj-footer__perks { display: flex; gap: .45rem 1.25rem; margin-top: 1rem; }

/* =====================================================================
 * Logo-Leiste (Endlos-Karussell) – Startseite unter dem Hero & Preisseite
 * ===================================================================== */
.pj-logos{padding:30px 0 34px;background:#fff;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.06)}
.pj-logos__title{margin:0 auto 18px;padding:0 16px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.pj-logos__viewport{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.pj-logos__track{display:flex;align-items:center;width:max-content;animation:pjLogoScroll var(--pj-logos-speed,70s) linear infinite}
.pj-logos__group{display:flex;align-items:center;gap:70px;padding:0 70px 0 0;margin:0;list-style:none;flex-shrink:0}
.pj-logos__item{flex:0 0 auto;width:150px;height:65px;display:flex;align-items:center;justify-content:center;margin:0}
.pj-logos__item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pj-logos__item img{display:block;max-width:135px;max-height:52px;width:auto;height:auto;object-fit:contain;transition:transform .25s ease}
.pj-logos__item:hover img{transform:scale(1.06)}
@keyframes pjLogoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Preisseite: als Vertrauensleiste zwischen Einleitung und Paketen */
.pj-logos--pricing{margin:8px 0 34px;padding:22px 0 24px;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
@media(max-width:950px){.pj-logos__group{gap:45px;padding-right:45px}.pj-logos__item{width:125px}}
@media(max-width:600px){.pj-logos{padding:24px 0 26px}.pj-logos__title{margin-bottom:14px;font-size:11px}.pj-logos__group{gap:35px;padding-right:35px}.pj-logos__item{width:105px;height:55px}.pj-logos__item img{max-width:105px;max-height:43px}.pj-logos--pricing{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.pj-logos__track{animation:none}.pj-logos__viewport{overflow-x:auto}}

/* Cookie-Einstellungen (Complianz) im Footer – sieht aus wie die übrigen Links */
.pj-footer .pj-footer__consent{background:none;border:0;padding:0;margin:0;color:#cbd5e1;cursor:pointer;font:inherit;text-align:left;transition:color .15s ease}
.pj-footer .pj-footer__consent:hover,.pj-footer .pj-footer__consent:focus-visible{color:#fff}

/* Seiten ohne Titel-Balken */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.pj-page__title{margin:0 0 1.25rem}

/* =====================================================================
 * Hauptmenü – luftiger & besser klickbar (2.3.5)
 * ===================================================================== */
.pj-header .pj-container.pj-header__inner{max-width:1320px;height:78px;gap:2rem}
.pj-brand{flex-shrink:0}
.pj-nav{flex:1;gap:1.25rem;justify-content:flex-end}
.pj-nav__list{gap:.25rem;margin-right:auto;margin-left:auto}
.pj-nav__list > li{border-radius:10px;transition:background .15s ease}
.pj-nav__list > li > a{display:inline-flex;align-items:center;padding:.6rem .75rem;font-size:1rem;font-weight:500;letter-spacing:-.005em;color:var(--pj-ink-2);transition:color .15s ease}
.pj-nav__list > li.current-menu-item > a,.pj-nav__list > li.current-menu-ancestor > a{color:var(--pj-primary)}
.pj-nav__list > li.menu-item-has-children > a{padding-right:.1rem}
.pj-nav__list > li.menu-item-has-children > .pj-subtoggle{width:30px;height:40px;margin:0 .2rem 0 0;background:none!important;color:inherit}
@media (min-width:1181px){
	.pj-nav__list > li:hover,.pj-nav__list > li.is-open{background:var(--pj-tint)}
	.pj-nav__list > li:hover > a,.pj-nav__list > li.is-open > a,.pj-nav__list > li:hover > .pj-subtoggle,.pj-nav__list > li.is-open > .pj-subtoggle{color:var(--pj-primary)}
	.pj-nav__list .sub-menu .current-menu-item > a{background:none;color:var(--pj-ink-2)}
	.pj-nav__list .sub-menu a:hover{background:var(--pj-tint)!important;color:var(--pj-primary)!important}
}
.pj-nav__cta{gap:.75rem;padding-left:1.25rem;border-left:1px solid var(--pj-line);flex-shrink:0}
.pj-nav__cta .pj-btn{padding:.75em 1.3em;font-size:.97rem;border-radius:12px}
@media (min-width:1181px){
	.pj-nav__list .sub-menu{min-width:260px;padding:.6rem;top:calc(100% + 12px);left:0;border-radius:16px}
	.pj-nav__list .sub-menu a{padding:.7rem .9rem;font-size:.97rem;border-radius:10px}
	.pj-nav__list > li.is-open > .pj-subtoggle{transform:none}
	.pj-nav__list > li.is-open > .pj-subtoggle svg{transform:rotate(180deg)}
	.pj-subtoggle svg{transition:transform .2s ease}
}
@media (max-width:1320px) and (min-width:1181px){
	.pj-header .pj-container.pj-header__inner{gap:1.25rem}
	.pj-nav__list > li > a{padding:.55rem .5rem;font-size:.96rem}
	.pj-nav__cta{padding-left:1rem;gap:.5rem}
	.pj-nav__cta .pj-btn{padding:.7em 1.05em}
}
/* Mobil/Tablet: Menü als ruhiges Panel mit großen Tippflächen */
@media (max-width:1180px){
	.pj-header .pj-container.pj-header__inner{height:68px}
	.pj-nav{top:68px;padding:.75rem 20px 1.25rem;gap:1rem;max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto}
	.admin-bar .pj-nav{max-height:calc(100dvh - 100px)}
	.pj-nav__list{gap:0;margin:0}
	.pj-nav__list > li{border-bottom:1px solid var(--pj-line)}
	.pj-nav__list > li > a{padding:.95rem .25rem;font-size:1.05rem;font-weight:600;border-radius:0;background:none!important}
	.pj-nav__list > li.menu-item-has-children > .pj-subtoggle{width:44px;height:44px;border-radius:10px}
	.pj-nav__list .sub-menu{margin:0 0 .75rem;padding:.25rem 0 .25rem .9rem}
	.pj-nav__list .sub-menu a{padding:.7rem .6rem;font-size:1rem}
	.pj-nav__cta{border-left:0;padding-left:0;gap:.6rem}
	.pj-nav__cta .pj-btn{width:100%;padding:.9em 1.2em;font-size:1rem}
}
.pj-page--flush{padding-top:0}
.pj-elementor{width:100%}
@media (max-width:1180px){.pj-nav__list > li{border-radius:0}.pj-nav__list > li.is-open > a{color:var(--pj-primary)}}

/* Startseiten-Suche: Jobtitel und Ort untereinander (wie mobil) */
.pj-hero--home .pj-search{grid-template-columns:1fr;max-width:560px;gap:0;padding:.5rem}
.pj-hero--home .pj-search__field + .pj-search__field{border-left:0;border-top:1px solid var(--pj-line)}
.pj-hero--home .pj-search__field{padding:0 1rem}
.pj-hero--home .pj-search .pj-btn{width:100%;margin-top:.5rem}

/* Premium-Badge (hervorgehobene Anzeigen) – auffällig grün mit Stern */
.pj-badge--premium{display:inline-flex;align-items:center;gap:.35em;padding:.38em .8em;border-radius:999px;background:linear-gradient(135deg,#16a34a,#059669);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 12px -4px rgba(5,150,105,.55),inset 0 1px 0 rgba(255,255,255,.25);white-space:nowrap}
.pj-badge--premium svg{width:13px;height:13px;fill:#fde047;stroke:#fde047;flex-shrink:0}
.pj-job--featured{border-color:#86efac;background:linear-gradient(90deg,#f0fdf4,#fff 45%)}
.pj-job--featured::before{background:linear-gradient(180deg,#16a34a,#059669)}

/* Eckdaten der Stelle: Felder füllen jede Zeile vollständig – keine leeren Kästchen mehr */
.pj-facts{display:flex;flex-wrap:wrap;gap:0;background:#fff}
.pj-facts > div{flex:1 1 170px;margin:0 -1px -1px 0;border-right:1px solid var(--pj-line);border-bottom:1px solid var(--pj-line)}

/* =====================================================================
 * Preisseite – modern (2.4.0)
 * ===================================================================== */
/* Einleitung ohne Box, zentriert */
.pj-page .pj-intro{background:none;border:0;border-radius:0;padding:clamp(1rem,3vw,2rem) 0 0;margin:0 auto 2rem;text-align:center;max-width:860px;overflow:visible}
.pj-page .pj-intro::after{display:none}
.pj-page .pj-intro .pj-intro__lead{margin-left:auto;margin-right:auto}
.pj-prose .pj-page .pj-intro h2,.pj-page .pj-intro h2{font-size:clamp(1.9rem,4vw,2.9rem)}
.pj-page .pj-intro .pj-perks{justify-content:center}
.pj-page .pj-intro .pj-perk{background:none;border:0;box-shadow:none;padding:.2rem .5rem}

/* Testphase als schlanke Zeile */
.pj-ptrial{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem 1rem;max-width:860px;margin:0 auto 2rem;padding:.75rem 1.1rem;border-radius:999px;background:color-mix(in srgb,#16a34a 8%,#fff);border:1px solid color-mix(in srgb,#16a34a 22%,#fff);font-size:.95rem}
.pj-ptrial p{margin:0;display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline;justify-content:center}
.pj-ptrial p span{color:var(--pj-muted)}
.pj-ptrial__dot{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px color-mix(in srgb,#16a34a 18%,transparent);flex-shrink:0}
.pj-ptrial form{margin:0}
.pj-ptrial__btn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#15803d;text-decoration:none;cursor:pointer;white-space:nowrap}
.pj-ptrial__btn:hover{color:#166534;text-decoration:underline}

/* Paketkarten */
.pj-plans{display:grid;gap:1.25rem;align-items:stretch;margin:0 auto;max-width:1080px}
.pj-plans--1{grid-template-columns:minmax(0,420px);justify-content:center}
.pj-plans--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.pj-plans--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pj-plans--4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px}
.pj-plan{position:relative;display:flex;flex-direction:column;gap:.9rem;padding:1.75rem 1.6rem 1.6rem;background:#fff;border:1px solid var(--pj-line);border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:box-shadow .2s ease,transform .2s ease}
.pj-plan:hover{box-shadow:0 18px 40px -22px rgba(15,23,42,.28);transform:translateY(-2px)}
.pj-plan--hl{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--pj-grad) border-box;box-shadow:0 24px 50px -28px color-mix(in srgb,var(--pj-grad-to) 70%,rgba(15,23,42,.4))}
.pj-plan__flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:.3rem .85rem;border-radius:999px;background:var(--pj-grad);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--pj-grad-to) 70%,transparent)}
.pj-plan__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:28px}
.pj-plan__name{margin:0;font-size:1.15rem;letter-spacing:-.01em}
.pj-plan__price{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.pj-plan__price .pj-cmp__amount,.pj-plan__price .woocommerce-Price-amount{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--pj-ink)}
.pj-plan__once{font-size:.9rem;color:var(--pj-muted)}
.pj-plan__per{margin:-.35rem 0 .2rem;color:var(--pj-muted);font-size:.92rem;min-height:1.4em}
.pj-plan .pj-btn{padding:.85em 1.2em;border-radius:12px;font-size:1rem}
.pj-plan .pj-btn--ghost{border-color:color-mix(in srgb,var(--pj-primary) 35%,var(--pj-line));color:var(--pj-primary)}
.pj-plan .pj-btn--ghost:hover{background:var(--pj-tint)}
.pj-plan form{margin:0}
.pj-plan__list{list-style:none;margin:.4rem 0 0;padding:1rem 0 0;border-top:1px solid var(--pj-line);display:grid;gap:.65rem}
.pj-plan__list li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;line-height:1.45;color:var(--pj-ink-2)}
.pj-plan__list li svg{flex-shrink:0;width:18px;height:18px;margin-top:1px;padding:3px;border-radius:50%;background:color-mix(in srgb,#16a34a 12%,#fff);color:#15803d;stroke-width:3}
.pj-plan__list li.is-plus{color:var(--pj-ink)}
.pj-plan__list li.is-plus svg{background:#16a34a;color:#fff}
.pj-plans__note{text-align:center;color:var(--pj-muted);font-size:.85rem;margin:1.25rem auto 0;max-width:760px}

/* In jedem Paket enthalten */
.pj-incl{max-width:1000px;margin:3rem auto 0;text-align:center}
.pj-incl h3{margin:0 0 1.1rem;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pj-muted)}
.pj-incl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1.5rem;text-align:left}
.pj-incl li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;color:var(--pj-ink-2);line-height:1.45}
.pj-incl li svg{flex-shrink:0;width:18px;height:18px;margin-top:1px;color:var(--pj-primary);stroke-width:2.6}

/* Vergleichstabelle zum Aufklappen */
.pj-cmp-toggle{max-width:1080px;margin:2rem auto 0}
.pj-cmp-toggle > summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0 auto;width:max-content;padding:.6rem 1.1rem;border-radius:999px;color:var(--pj-primary);font-weight:700;cursor:pointer;transition:background .15s}
.pj-cmp-toggle > summary::-webkit-details-marker{display:none}
.pj-cmp-toggle > summary:hover{background:var(--pj-tint)}
.pj-cmp-toggle > summary svg{transform:rotate(90deg);transition:transform .2s}
.pj-cmp-toggle[open] > summary svg{transform:rotate(-90deg)}
.pj-cmp-toggle .pj-cmp-wrap{margin-top:1rem}

/* Zusatzoption ruhiger */
.pj-plans-wrap .pj-addon{max-width:1080px;margin:3.5rem auto 0;border-radius:20px;border-left-width:1px}

/* Logos ohne Box */
.pj-plans-wrap .pj-logos--pricing{margin:3.5rem 0 0;border:0;box-shadow:none;background:none;padding:0}

/* FAQ */
.pj-pfaq{max-width:820px;margin:4rem auto 1rem}
.pj-pfaq h2{text-align:center;margin:0 0 1.25rem;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em}
.pj-pfaq__item{border-bottom:1px solid var(--pj-line)}
.pj-pfaq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem .25rem;font-weight:700;font-size:1.02rem;color:var(--pj-ink);cursor:pointer}
.pj-pfaq__item summary::-webkit-details-marker{display:none}
.pj-pfaq__item summary::after{content:"+";flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pj-tint);color:var(--pj-primary);font-weight:600;font-size:1.2rem;line-height:1;transition:transform .2s}
.pj-pfaq__item[open] summary::after{transform:rotate(45deg)}
.pj-pfaq__item p{margin:0 0 1.1rem;padding:0 .25rem;color:var(--pj-ink-2);line-height:1.65}

/* Dashboard-Variante: etwas kompakter */
.pj-plans-wrap--dash .pj-plans{max-width:none}
.pj-plans-wrap--dash .pj-incl{margin-top:2rem}

@media (max-width:1000px){
	.pj-plans--3,.pj-plans--4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pj-incl ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.pj-plans--2,.pj-plans--3,.pj-plans--4{grid-template-columns:1fr}
	.pj-plan--hl{order:-1}
	.pj-incl ul{grid-template-columns:1fr}
	.pj-ptrial{border-radius:16px;flex-direction:column;text-align:center}
	.pj-plan__price .pj-cmp__amount,.pj-plan__price .woocommerce-Price-amount{font-size:2.2rem}
}

.pj-ptrial{width:fit-content;max-width:100%}
.pj-plans-wrap .pj-addon{background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}

/* Preisseite: Logo-Leiste über die volle Fensterbreite, weiß, Ränder weich ausgeblendet */
.pj-main{overflow-x:clip}
.pj-logos--pricing{width:100vw;max-width:100vw;margin:3rem 0 0 calc(50% - 50vw)!important;padding:34px 0 36px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;border-top:1px solid rgba(15,23,42,.06)!important;border-bottom:1px solid rgba(15,23,42,.06)!important}
.pj-page .pj-addon{margin-top:3rem}
.pj-page .pj-ptrial{margin-bottom:1.75rem}

/* Dezente Arbeitgeber-Leiste am Ende der Unterseiten (ersetzt den großen Footer-Kasten) */
.pj-ecta{margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.75rem,4vw,2.5rem) 0;background:#fff;border-top:1px solid var(--pj-line)}
.pj-ecta__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap}
.pj-ecta__text{flex:1 1 480px;min-width:0}
.pj-ecta__kicker{display:block;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pj-primary);margin-bottom:.35rem}
.pj-ecta__title{margin:0 0 .35rem;font-size:clamp(1.3rem,2.4vw,1.65rem);letter-spacing:-.02em;line-height:1.2}
.pj-ecta__text p{margin:0 0 .75rem;color:var(--pj-ink-2);max-width:62ch}
.pj-ecta__perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}
.pj-ecta__perks li{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--pj-ink)}
.pj-ecta__perks svg{width:16px;height:16px;color:#16a34a;stroke-width:3}
.pj-ecta__actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.pj-ecta__actions .pj-btn{padding:.85em 1.4em;font-size:1rem;border-radius:12px}
.pj-ecta__link{font-weight:700;text-decoration:none;white-space:nowrap}
.pj-ecta__link:hover{text-decoration:underline}
.pj-ecta + .pj-footer,.pj-main:has(.pj-ecta) + .pj-footer{margin-top:0}
@media (max-width:640px){.pj-ecta__actions{width:100%}.pj-ecta__actions .pj-btn{flex:1}}

/* Arbeitgeber-Hinweis als runde, graue Box */
.pj-ecta{background:none;border-top:0;padding:0 0 clamp(2.5rem,5vw,3.5rem)}
.pj-ecta__inner{position:relative;overflow:hidden;padding:clamp(1.5rem,3.5vw,2.5rem) clamp(1.25rem,3.5vw,2.75rem);border-radius:24px;background:linear-gradient(135deg,#f1f5f9,#e9eef5);border:1px solid #e2e8f0;gap:1.25rem 2.5rem;flex-wrap:nowrap}
.pj-ecta__inner::after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pj-grad-to) 16%,transparent),transparent 70%);pointer-events:none}
.pj-ecta__icon{flex-shrink:0;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:var(--pj-primary);box-shadow:0 8px 20px -10px rgba(15,23,42,.25)}
.pj-ecta__icon svg{width:26px;height:26px}
.pj-ecta__actions{position:relative;z-index:1;flex-shrink:0}
.pj-ecta__perks li{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.3rem .75rem .3rem .55rem}
@media (max-width:900px){.pj-ecta__inner{flex-wrap:wrap}.pj-ecta__icon{width:48px;height:48px;border-radius:14px}}
.pj-ecta__text{flex:1 1 auto}
.pj-ecta__perks li{font-size:.85rem}

/* Keine Linie unter dem Menü */
.pj-header{border-bottom:0!important;box-shadow:none!important}
.pj-header::after{display:none!important}

/* Einleitung (Preise / Stelle aufgeben) – gilt auch auf Elementor-Seiten; Vorteile in einer Zeile */
.pj-intro{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:clamp(1rem,3vw,2rem) 0 0!important;margin:0 auto 2rem!important;text-align:center;max-width:1100px;overflow:visible}
.pj-intro::after{display:none!important}
.pj-intro h2{margin:.35rem auto .75rem;max-width:900px;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.pj-intro .pj-intro__lead{margin:0 auto 1.5rem;max-width:62ch}
.pj-perks,.pj-prose .pj-perks{list-style:none!important;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.5rem;margin:0 auto!important;padding:0!important}
.pj-perk,.pj-prose .pj-perk,.pj-page .pj-intro .pj-perk{display:inline-flex;align-items:center;gap:.45rem;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font-size:.95rem;font-weight:600;color:var(--pj-ink);white-space:nowrap;list-style:none}
@media (min-width:900px){.pj-perks,.pj-prose .pj-perks{flex-wrap:nowrap}}
.pj-steps3{list-style:none!important;counter-reset:s3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem!important;padding:0!important;text-align:left}
@media (max-width:820px){.pj-steps3{grid-template-columns:1fr}}

/* Preistabelle: Social-Kampagne als optional kennzeichnen */
.pj-cmp__opt{display:block;width:max-content;margin:0 auto .2rem;padding:.1rem .5rem;border-radius:999px;background:#f1f5f9;color:var(--pj-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* Arbeitgeber-Box innerhalb der Preisseite (statt Social-Box) */
.pj-ecta--inline{margin-top:3rem;padding-bottom:0}
.pj-ecta--inline > .pj-container{max-width:none;padding:0}

/* Bewerben-Button „Jobformular®“ mit Unterzeile */
.pj-jf{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1;padding-top:.7em;padding-bottom:.7em;text-align:center}
.pj-jf b{font-size:1.08em;font-weight:800;letter-spacing:-.01em}
.pj-jf b sup{font-size:.55em;font-weight:700;margin-left:1px;vertical-align:super;line-height:0}
.pj-jf small{font-size:.72em;font-weight:600;opacity:.9;letter-spacing:.01em}

/* Bewerbungs-Kasten beim Scrollen mittig im Fenster halten (nicht unter dem Menü) */
@media (min-width: 961px) {
	.pj-jobpage__side { top: max(110px, calc(50vh - 190px)); }
	.admin-bar .pj-jobpage__side { top: max(142px, calc(50vh - 174px)); }
}

/* Startseite: drei Vorteile als weiße Badges nebeneinander */
.pj-hero__trust{display:flex!important;flex-wrap:wrap;gap:.5rem!important;list-style:none!important;margin:1.25rem 0 0!important;padding:0!important}
.pj-hero__trust li{display:inline-flex!important;align-items:center;gap:.4rem;margin:0!important;padding:.45rem .85rem!important;background:#fff;color:#0f172a!important;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px rgba(15,23,42,.05);font-size:.88rem;font-weight:600;white-space:nowrap}
.pj-hero__trust li svg{width:15px;height:15px;color:#16a34a;stroke-width:3;flex-shrink:0}
.pj-hero__trust{gap:.4rem!important;max-width:none}
.pj-hero__trust li{padding:.38rem .7rem!important;font-size:.82rem;gap:.35rem}
.pj-hero__trust li svg{width:13px;height:13px}
@media (min-width:1100px){.pj-hero__trust{flex-wrap:nowrap}}
@media (max-width:480px){.pj-hero__trust li{font-size:.78rem;padding:.34rem .6rem!important}}

.pj-footer__about-text{font-size:.88rem;line-height:1.65;max-width:42ch}

/* Verlaufsschrift: Unterlängen (g, p) nicht abschneiden */
.pj-sr-price strong{line-height:1.12;padding-bottom:.12em;display:inline-block}
.pj-sr-price p strong{display:block}

/* Arbeitgeber-Bereich „Meine Anzeigen“: Tabelle passt immer in die Box */
.pj-pkg{white-space:normal;line-height:1.35}
.pj-table .pj-actions{white-space:nowrap;text-align:right;width:1%}
.pj-table .pj-badge--premium{font-size:.65rem;padding:.25em .6em}
@media (max-width:1400px) and (min-width:901px){
	.pj-table th,.pj-table td{padding-left:.65rem;padding-right:.65rem}
	.pj-table .pj-open span{display:none}
	.pj-table .pj-open{padding-left:.6em;padding-right:.6em}
}

/* Logos nie abschneiden: ganzes Logo im Kästchen, mit etwas Innenabstand */
img.pj-logo{object-fit:contain!important;padding:4px;box-sizing:border-box;background:#fff}
.pj-hero-job__logo img.pj-logo{width:100%;height:100%}

/* Platzhalter-Logo (Portal-Icon) bei Stellen ohne eigenes Logo */
img.pj-logo--brand{padding:9px;background:#fff}
.pj-hero-job__logo img.pj-logo--brand{padding:7px}

/* ===== 2.9: Buchungsstrecke (Paketwahl im Formular), Garantie, AGB-Hinweis ===== */
.pj-pkgpick{border:0;margin:0 0 .75rem;padding:0;display:grid;gap:.6rem}
.pj-pkgpick legend{font-weight:700;margin-bottom:.6rem;padding:0}
.pj-pkgpick__opt{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1.5px solid var(--pj-line);border-radius:var(--pj-radius-sm,10px);background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pj-pkgpick__opt:hover{border-color:color-mix(in srgb,var(--pj-primary) 45%,#fff)}
.pj-pkgpick__opt:has(input:checked){border-color:var(--pj-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--pj-primary) 14%,transparent);background:color-mix(in srgb,var(--pj-primary) 4%,#fff)}
.pj-pkgpick__opt input{accent-color:var(--pj-primary);width:18px;height:18px;flex-shrink:0;margin:0}
.pj-pkgpick__body{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.pj-pkgpick__body small{color:var(--pj-muted)}
.pj-pkgpick__flag{font-style:normal;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--pj-primary);border-radius:999px;padding:.12rem .5rem;margin-left:.35rem;vertical-align:middle}
.pj-pkgpick__price{font-weight:800;white-space:nowrap;font-size:1.05rem}
.pj-pkgpick__price .pj-cmp__amount{font-size:inherit}
.pj-pkgpick__guar{display:flex;align-items:flex-start;gap:.45rem;margin:.25rem 0 1rem;padding:.65rem .85rem;border-radius:10px;background:color-mix(in srgb,#16a34a 8%,#fff);color:#14532d;font-size:.92rem}
.pj-pkgpick__guar svg{color:#16a34a;flex-shrink:0;margin-top:.15rem}
@media (max-width:560px){.pj-pkgpick__opt{flex-wrap:wrap}.pj-pkgpick__price{margin-left:calc(18px + .85rem)}}
.pj-await{display:flex;gap:.6rem;align-items:flex-start}
.pj-await svg{flex-shrink:0;margin-top:.15rem}
.pj-publishbar:has(.pj-pkgpick){position:static;display:block}
.pj-publishbar .pj-pkgpick__guar{flex:none}
.pj-publishbar:has(.pj-pkgpick) .pj-publishbar__actions{justify-content:flex-end}

/* ===== 2.10: Startseite – Arbeitgeber-Leiste, Job-Alarm, Bewerber-FAQ ===== */
.pj-estrip{background:var(--pj-tint,#eef3fa);border-bottom:1px solid var(--pj-line)}
.pj-estrip__in{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap;padding-top:.85rem;padding-bottom:.85rem}
.pj-estrip p{margin:0;display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:baseline}
.pj-estrip p span{color:var(--pj-muted)}
.pj-estrip__act{display:flex;align-items:center;gap:1rem}
.pj-estrip__link{font-weight:700;text-decoration:none;color:var(--pj-primary);white-space:nowrap}
.pj-estrip__link:hover{text-decoration:underline}
.pj-alarm-wrap{padding-bottom:3.5rem}
.pj-alarm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1.25rem 2.5rem;align-items:center;padding:2rem 2.25rem;border-radius:20px;background:#fff;border:1px solid var(--pj-line);box-shadow:var(--pj-shadow)}
.pj-alarm__text h2{margin:.6rem 0 .4rem;font-size:1.45rem;line-height:1.25}
.pj-alarm__text p{margin:0;color:var(--pj-muted)}
.pj-alarm__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--pj-primary) 10%,#fff);color:var(--pj-primary)}
.pj-alarm .pj-notice{grid-column:2;margin:0}
.pj-alarm__form{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.pj-alarm__f input,.pj-alarm__f select{width:100%;height:48px;padding:0 .9rem;border:1.5px solid var(--pj-line);border-radius:10px;font:inherit;background:#fff}
.pj-alarm__f input:focus,.pj-alarm__f select:focus{outline:none;border-color:var(--pj-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--pj-primary) 15%,transparent)}
.pj-alarm__f--mail{grid-column:1/-1}
.pj-alarm__form .pj-btn{height:48px}
.pj-alarm__ok{grid-column:1/-1;display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:var(--pj-muted)}
.pj-alarm__ok input{margin-top:.2rem;accent-color:var(--pj-primary)}
.pj-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.pj-hfaq{max-width:860px}
.pj-hfaq h2{margin-bottom:1.25rem}
@media (max-width:860px){.pj-alarm{grid-template-columns:1fr;padding:1.5rem}.pj-alarm .pj-notice{grid-column:1}}
@media (max-width:520px){.pj-alarm__form{grid-template-columns:1fr}.pj-estrip__in{flex-direction:column;align-items:flex-start}}
.pj-section--hfaq{border-top:1px solid var(--pj-line)}
.pj-hfaq .pj-pfaq__item p a{font-weight:700;white-space:nowrap}
.pj-alarm--list{grid-template-columns:1fr;margin-top:2rem;padding:1.5rem}
.pj-alarm--list .pj-notice{grid-column:1}
.pj-alarm--list .pj-alarm__text h2{font-size:1.2rem}

/* ===== 2.11: Preiskarten (modern) ===== */
.pj-plans2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch;max-width:1080px;margin:0 auto}
.pj-plans2:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.pj-plan2{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:1.9rem 1.6rem 1.7rem;border-radius:20px;background:#fff;border:1px solid var(--pj-line);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pj-plan2.is-hl{border:2px solid var(--pj-primary);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--pj-primary) 45%,transparent);transform:translateY(-6px)}
.pj-plan2__flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:.3rem .8rem;border-radius:999px;background:var(--pj-btn-grad,var(--pj-primary));background-color:var(--pj-primary);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pj-plan2 h3{margin:0;font-size:1.2rem}
.pj-plan2__sub{margin:.25rem 0 0;color:var(--pj-muted);font-size:.92rem;min-height:2.6em}
.pj-plan2__price strong{display:block;font-size:2.6rem;line-height:1;letter-spacing:-.03em;color:var(--pj-ink)}
.pj-plan2__price span{display:block;margin-top:.4rem;color:var(--pj-muted);font-size:.88rem}
.pj-plan2__save{margin:-.4rem 0 0;align-self:flex-start;padding:.2rem .6rem;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,#fff);color:#15803d;font-size:.8rem;font-weight:700}
.pj-plan2__list{list-style:none;margin:.2rem 0 0;padding:1.1rem 0 0;border-top:1px solid var(--pj-line);display:grid;gap:.65rem}
.pj-plan2__list li{display:flex;gap:.55rem;align-items:flex-start;font-size:.93rem;line-height:1.45}
.pj-plan2__list svg,.pj-incl svg{flex-shrink:0;width:18px;height:18px;margin-top:.1rem;color:var(--pj-primary)}
.pj-plans2__tax{text-align:center;color:var(--pj-muted);font-size:.85rem;margin:1.25rem 0 0}
.pj-incl{max-width:1080px;margin:2.5rem auto 0;padding:1.75rem 2rem;border-radius:20px;background:var(--pj-tint,#eef3fa)}
.pj-incl h3{margin:0 0 1rem;font-size:1.05rem}
.pj-incl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1.5rem}
.pj-incl li{display:flex;gap:.5rem;align-items:flex-start;font-size:.93rem}
.pj-incl li.is-key{font-weight:700;color:#14532d}
.pj-incl li.is-key svg{color:#16a34a}
.pj-incl__addon{margin:1.25rem 0 0;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--pj-primary) 12%,transparent);font-size:.9rem;color:var(--pj-muted)}
.pj-incl__addon .pj-cmp__opt{margin-right:.35rem}
.pj-cmp-more{max-width:1080px;margin:1.5rem auto 0}
.pj-cmp-more>summary{list-style:none;cursor:pointer;text-align:center;font-weight:700;color:var(--pj-primary);padding:.6rem}
.pj-cmp-more>summary::-webkit-details-marker{display:none}
.pj-cmp-more>summary::after{content:" ▾"}
.pj-cmp-more[open]>summary::after{content:" ▴"}
.pj-cmp-more .pj-cmp-wrap{margin-top:1rem}
@media (max-width:960px){.pj-plans2,.pj-plans2:has(> :nth-child(2):last-child){grid-template-columns:1fr;max-width:460px}.pj-plan2.is-hl{transform:none;order:-1}.pj-plan2__sub{min-height:0}.pj-incl ul{grid-template-columns:1fr 1fr}.pj-cmp-more{display:none}}
@media (max-width:560px){.pj-incl{padding:1.4rem}.pj-incl ul{grid-template-columns:1fr}}
.pj-plan2__list,.pj-incl ul{padding-left:0!important;margin-left:0!important}
.pj-plan2__list li,.pj-incl li{padding-left:0!important;margin-left:0!important}
.pj-plan2__list li::before,.pj-incl li::before{content:none!important}
.pj-incl h3{text-transform:none;letter-spacing:0;color:var(--pj-ink)}
.pj-incl__addon .pj-cmp__opt{display:inline-block;vertical-align:middle;margin:0 .4rem 0 0}
.pj-plan2__list{gap:.55rem}
.pj-plan2__list li.is-off{color:#94a3b8}
.pj-plan2__x{flex-shrink:0;width:18px;text-align:center;color:#cbd5e1;font-weight:700}
.pj-plan2__list li.is-key{font-weight:700;color:#14532d}
.pj-plan2__list li.is-key svg{color:#16a34a}
.pj-incl__addon{max-width:1080px;margin:1.5rem auto 0;padding:1rem 1.25rem;border:0;border-radius:14px;background:var(--pj-tint,#eef3fa);text-align:center}
.pj-hero__emp{margin:1.1rem 0 0;font-size:.95rem;color:var(--pj-muted)}
.pj-hero__emp a{font-weight:700;color:var(--pj-primary);text-decoration:none;white-space:nowrap}
.pj-hero__emp a:hover{text-decoration:underline}

/* ===== 2.11.2: Mobiles Menü bildschirmfüllend ===== */
@media (max-width:1180px){
	.pj-nav.is-open{position:fixed;left:0;right:0;bottom:0;top:68px;z-index:90;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-bottom:0;box-shadow:none;padding:1rem 20px calc(1.5rem + env(safe-area-inset-bottom));gap:1.25rem}
	.pj-nav.is-open .pj-nav__cta{margin-top:auto;padding-top:1rem}
	html.pj-menu-open,html.pj-menu-open body{overflow:hidden}
}
.pj-hero__xb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin:-.25rem 0 1.5rem;color:var(--pj-ink-2);font-size:1rem}
.pj-xbadge{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .8rem .38rem .65rem;border-radius:999px;background:linear-gradient(90deg,var(--pj-btn-from,#0b4fd8),var(--pj-btn-to,#0e76c9));color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.01em;box-shadow:0 6px 16px -8px var(--pj-primary)}
.pj-xbadge svg{color:#fde047}
.pj-hero__lead:has(+ .pj-hero__xb){margin-bottom:1rem}
@media (max-width:1180px){
	/* backdrop-filter am Header würde das fixierte Menü auf Headerhöhe beschränken */
	html.pj-menu-open .pj-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;filter:none!important;background:#fff!important}
	.pj-nav.is-open{max-height:none}
}
.pj-hero__xb{margin-bottom:1.9rem}

/* ===== 2.12: Foto im Startseiten-Kopf ===== */
.pj-hero__visual--img{min-height:460px;justify-content:flex-end}
.pj-hero__visual--img .pj-hero__blob{inset:8% 4% 2% 8%}
.pj-hero__photo{position:relative;z-index:1;margin:0;width:94%;aspect-ratio:5/4;border-radius:28px;overflow:hidden;border:6px solid #fff;background:#e2e8f0;box-shadow:0 30px 60px -28px rgba(15,23,42,.45)}
.pj-hero__photo img{display:block;width:100%;height:100%;object-fit:cover}
.pj-hero__visual--img{min-height:0;justify-content:center;padding:1.5rem 0}
.pj-hero__visual--img .pj-hero__blob{inset:1.5rem 3%}
.pj-hero__photo{width:90%;aspect-ratio:1/1.02;max-height:520px;transform:rotate(1.5deg)}
.pj-plan2__list li.is-key{font-weight:700;color:var(--pj-ink)}
.pj-plan2__list li.is-key svg{color:var(--pj-primary)}

/* ===== 2.12.5: Startseiten-Kopf ohne Bild (Tablet/Handy) mittig ===== */
@media (max-width:1100px){
	.pj-hero--home .pj-hero__grid{justify-items:center}
	.pj-hero--home .pj-hero__content{text-align:center;max-width:640px;margin:0 auto}
	.pj-hero--home h1{max-width:none;margin-left:auto;margin-right:auto}
	.pj-hero--home .pj-hero__lead{margin-left:auto;margin-right:auto}
	.pj-hero--home .pj-search{margin-left:auto;margin-right:auto;text-align:left}
	.pj-hero--home .pj-hero__trust{justify-content:center}
}
/* Info-Tooltip in den Preis-Karten */
.pj-tip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:.4rem;border-radius:50%;background:color-mix(in srgb,var(--pj-primary) 12%,#fff);color:var(--pj-primary);font:700 11px/1 Georgia,serif;font-style:italic;cursor:help;vertical-align:1px;outline:none}
.pj-tip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pj-primary) 30%,transparent)}
.pj-tip__box{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);width:250px;padding:.75rem .9rem;border-radius:12px;background:#0f172a;color:#fff;font:400 .85rem/1.45 var(--pj-font,inherit);font-style:normal;text-align:left;box-shadow:0 14px 30px -12px rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;z-index:20;pointer-events:none}
.pj-tip__box::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#0f172a}
.pj-tip:hover .pj-tip__box,.pj-tip:focus .pj-tip__box{opacity:1;visibility:visible;transform:translateX(-50%)}
@media (max-width:560px){.pj-tip__box{left:auto;right:-10px;transform:translateY(4px)}.pj-tip:hover .pj-tip__box,.pj-tip:focus .pj-tip__box{transform:none}.pj-tip__box::after{left:auto;right:12px}}
.pj-plan2:has(.pj-tip:hover),.pj-plan2:has(.pj-tip:focus){z-index:5}

/* ===== 2.12.9: Startseiten-Kopf ohne Bild – mittig auf allen Bildschirmen ===== */
.pj-hero--center .pj-hero__grid{grid-template-columns:1fr;justify-items:center}
.pj-hero--center .pj-hero__content{text-align:center;max-width:760px;margin:0 auto}
.pj-hero--center h1{max-width:none;margin-left:auto;margin-right:auto}
.pj-hero--center .pj-hero__lead{margin-left:auto;margin-right:auto;max-width:52ch}
.pj-hero--center .pj-search{margin-left:auto;margin-right:auto;text-align:left}
.pj-hero--center .pj-hero__trust{justify-content:center}
.pj-plan2__list .pj-badge--premium{margin-left:.35rem;vertical-align:1px;font-size:.7rem;padding:.2rem .55rem}

/* ===== 2.14: Karriere-Netzwerk (KarriereDental / KarriereMedizin) ===== */
.pj-brand__img--dental,.pj-brand__img--medizin{height:24px!important;max-height:none}
.pj-brand--footer .pj-brand__img--dental,.pj-brand--footer .pj-brand__img--medizin{height:22px!important}
@media (max-width:480px){.pj-header .pj-brand__img--dental,.pj-header .pj-brand__img--medizin{height:20px!important}}
.pj-job__meta li.pj-job__beruf{padding:.1rem .55rem;border-radius:999px;background:var(--pj-tint);color:var(--pj-primary);font-weight:700;font-size:.8rem}
.pj-berufe{padding-top:3rem;padding-bottom:1rem}
.pj-berufe__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.pj-berufe__item{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.15rem;border-radius:16px;background:#fff;border:1px solid var(--pj-line);text-decoration:none;color:var(--pj-ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.pj-berufe__item:hover{border-color:color-mix(in srgb,var(--pj-primary) 45%,#fff);box-shadow:0 12px 28px -18px color-mix(in srgb,var(--pj-primary) 60%,transparent);transform:translateY(-2px)}
.pj-berufe__abbr{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 .5rem;border-radius:12px;background:var(--pj-tint);color:var(--pj-primary);font-weight:800;font-size:.95rem;align-self:flex-start}
.pj-berufe__txt{display:flex;flex-direction:column;gap:.15rem}
.pj-berufe__txt small{color:var(--pj-muted);font-size:.82rem;line-height:1.35}
.pj-berufe__item em{font-style:normal;font-weight:700;font-size:.85rem;color:var(--pj-primary);margin-top:auto}
@media (max-width:960px){.pj-berufe__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.pj-berufe__grid{grid-template-columns:1fr}}
.pj-beruf{padding:3rem 0 2rem;border-top:1px solid var(--pj-line);background:#fff;margin-top:2rem}
.pj-beruf__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem;align-items:start}
.pj-beruf h2{font-size:1.6rem;margin:0 0 1rem}
.pj-beruf h3{font-size:1.15rem;margin:1.75rem 0 .6rem}
.pj-beruf p{line-height:1.7;color:var(--pj-ink-2)}
.pj-beruf__list{list-style:none;margin:0;padding:0!important;display:grid;gap:.55rem}
.pj-beruf__list li{display:flex;gap:.55rem;align-items:flex-start}
.pj-beruf__list svg{flex-shrink:0;width:18px;height:18px;margin-top:.2rem;color:var(--pj-primary)}
.pj-beruf__side{position:sticky;top:100px}
.pj-beruf__card{display:flex;flex-direction:column;gap:.75rem;padding:1.4rem;border-radius:18px;background:var(--pj-tint);border:1px solid color-mix(in srgb,var(--pj-primary) 14%,#fff)}
.pj-beruf__abbr{display:inline-grid;place-items:center;align-self:flex-start;min-width:52px;height:52px;padding:0 .6rem;border-radius:14px;background:var(--pj-primary);color:#fff;font-weight:800;font-size:1.1rem}
.pj-beruf__card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem}
.pj-beruf__card dt{color:var(--pj-muted);font-size:.85rem}
.pj-beruf__card dd{margin:0;font-weight:700;text-align:right}
.pj-beruf__card a{font-weight:700;color:var(--pj-primary);text-decoration:none;font-size:.92rem}
.pj-beruf__faq{max-width:none;margin:3rem 0 0}
.pj-beruf__faq h2{text-align:left}
.pj-beruf__more{margin-top:2.5rem}
.pj-beruf__more h2{font-size:1.15rem;margin:0 0 .75rem}
.pj-beruf__more div{display:flex;flex-wrap:wrap;gap:.5rem}
.pj-beruf__more a{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--pj-line);background:#fff;text-decoration:none;color:var(--pj-ink);font-weight:600;font-size:.9rem}
.pj-beruf__more a:hover{border-color:var(--pj-primary);color:var(--pj-primary)}
.pj-sources{margin:.5rem 0 0;font-size:.85rem;color:var(--pj-muted)}
.pj-sources summary{cursor:pointer;font-weight:600}
.pj-sources ul{margin:.5rem 0 0;padding-left:1.1rem}
.pj-sources a{color:var(--pj-muted)}
@media (max-width:900px){.pj-beruf__grid{grid-template-columns:1fr}.pj-beruf__side{position:static}}
.pj-guide{max-width:860px}
.pj-guide__lead{font-size:1.12rem;line-height:1.7}
.pj-guide__table{overflow-x:auto;margin:1.5rem 0 .75rem}
.pj-guide__table table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--pj-line)}
.pj-guide__table th,.pj-guide__table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--pj-line)}
.pj-guide__table th{background:var(--pj-tint);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--pj-muted)}
.pj-guide__table td:last-child{font-weight:700;white-space:nowrap}
.pj-guide__step{padding:1.25rem 0;border-bottom:1px solid var(--pj-line)}
.pj-guide__step h2{font-size:1.2rem;margin:0 0 .5rem}
.pj-guide .pj-beruf__more{margin-top:2.5rem}
.pj-beruf__card dl{grid-template-columns:1fr;gap:.1rem}
.pj-beruf__card dd{text-align:left;margin-bottom:.5rem}

/* ===== Netzwerk 2.15: Berufsseiten & Ratgeber ===== */
.pj-beruf__toc{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2rem;padding:.75rem;border:1px solid var(--pj-line);border-radius:14px;background:#fff}
.pj-beruf__toc a{padding:.4rem .8rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--pj-ink-2);text-decoration:none;background:var(--pj-tint)}
.pj-beruf__toc a:hover{color:var(--pj-primary)}
.pj-guide .pj-guide__toc{margin:1.25rem 0 1.5rem}
.pj-beruf__intro{font-size:1.08rem;line-height:1.7}
.pj-beruf__main h3{margin-top:2rem;scroll-margin-top:100px}
.pj-beruf__main h3 + p{margin-top:.5rem}
.pj-beruf__chips{display:flex;flex-wrap:wrap;gap:.45rem}
.pj-beruf__chips span{padding:.45rem .85rem;border-radius:10px;background:var(--pj-tint);font-size:.92rem;font-weight:500}
.pj-beruf__links{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 1rem}
.pj-beruf__links a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--pj-line);background:#fff;color:var(--pj-ink);text-decoration:none;font-size:.88rem;font-weight:600}
.pj-beruf__links a:hover{border-color:var(--pj-primary);color:var(--pj-primary)}
.pj-beruf__links em{font-style:normal;font-size:.75rem;padding:.05rem .45rem;border-radius:999px;background:var(--pj-primary);color:#fff}
.pj-beruf__side{display:flex;flex-direction:column;gap:1rem}
.pj-beruf__card .pj-btn{color:#fff;justify-content:center}
.pj-beruf__card--links{gap:.55rem;background:#fff;border-color:var(--pj-line)}
.pj-beruf__card--links strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pj-muted)}
#pj-b-faq,#pj-beruf-h{scroll-margin-top:100px}
.pj-guide h2{scroll-margin-top:100px}
.pj-guidecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1rem 0 2rem}
.pj-guidecard{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.25rem;border:1px solid var(--pj-line);border-radius:16px;background:#fff;text-decoration:none;color:var(--pj-ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.pj-guidecard:hover{border-color:var(--pj-primary);transform:translateY(-2px);box-shadow:0 12px 28px -18px rgba(15,23,42,.35)}
.pj-guidecard strong{font-size:1.02rem;line-height:1.35}
.pj-guidecard span{color:var(--pj-muted);font-size:.92rem;line-height:1.5}
.pj-guidecard em{margin-top:auto;font-style:normal;font-weight:700;color:var(--pj-primary);font-size:.9rem}
.pj-guide__cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0;padding:1.25rem 1.4rem;border-radius:16px;background:var(--pj-tint);border:1px solid color-mix(in srgb,var(--pj-primary) 14%,#fff)}
.pj-guide__cta div{display:flex;flex-direction:column;gap:.2rem}
.pj-guide__cta span{color:var(--pj-muted);font-size:.93rem}
.pj-guide__cta .pj-btn{color:#fff}
.pj-guide__quote{margin:1rem 0;padding:1rem 1.25rem;border-left:4px solid var(--pj-primary);background:#fff;border-radius:0 12px 12px 0;font-style:italic;line-height:1.7;color:var(--pj-ink-2)}
.pj-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1.5rem 0}
.pj-paths div{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;border-radius:14px;background:var(--pj-tint)}
.pj-paths strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pj-muted)}
.pj-paths span{font-weight:700;color:var(--pj-primary)}
.pj-glossar{margin:1.5rem 0;display:grid;gap:0;border:1px solid var(--pj-line);border-radius:14px;overflow:hidden;background:#fff}
.pj-glossar div{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--pj-line)}
.pj-glossar div:last-child{border-bottom:0}
.pj-glossar dt{font-weight:800;color:var(--pj-primary)}
.pj-glossar dd{margin:0;line-height:1.6}
@media (max-width:600px){.pj-glossar div{grid-template-columns:1fr;gap:.2rem}}
.pj-guide-page .pj-guide{max-width:980px}

/* ===== 2.16: Berufsfelder (Mega-Menü, Startseite, Filter) ===== */
@media (min-width:1181px){
	.pj-nav__list > li.pj-mega > .sub-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem 1.25rem;width:min(1000px,94vw);left:50%;transform:translate(-50%,6px);padding:1.1rem 1.2rem}
	.pj-nav__list > li.pj-mega.is-open > .sub-menu{transform:translate(-50%,0)}
	.pj-nav__list .pj-mega > .sub-menu > li{display:block}
	.pj-nav__list .pj-mega > .sub-menu > li > a{font-weight:700;color:var(--pj-ink);padding:.45rem .7rem;font-size:.95rem}
	.pj-nav__list .pj-mega > .sub-menu > li > .pj-subtoggle{display:none}
	.pj-nav__list .pj-mega .sub-menu .sub-menu{position:static;opacity:1;visibility:inherit;transform:none;box-shadow:none;border:0;min-width:0;padding:0 0 .5rem;background:none;border-radius:0}
	.pj-nav__list .pj-mega .sub-menu .sub-menu::before{display:none}
	.pj-nav__list .pj-mega .sub-menu .sub-menu a{padding:.32rem .7rem;font-size:.9rem;font-weight:500;color:var(--pj-ink-2)}
}
@media (max-width:1180px){
	.pj-nav__list .pj-mega > .sub-menu > li > .pj-subtoggle{display:none}
	.pj-nav__list .pj-mega > .sub-menu > li > a{font-weight:700;color:var(--pj-ink)}
	.pj-nav__list .pj-mega .sub-menu .sub-menu{display:block;border-left:0;margin:0 0 .4rem;padding:0 0 0 .6rem}
	.pj-nav__list .pj-mega .sub-menu .sub-menu a{padding:.45rem .6rem;font-size:.95rem}
}
.pj-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.pj-field-card{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;border:1px solid var(--pj-line);border-radius:16px;background:#fff}
.pj-field-card__head{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:var(--pj-ink)}
.pj-field-card__head span:last-child{display:flex;flex-direction:column}
.pj-field-card__head small{color:var(--pj-muted);font-weight:500}
.pj-field-card__head:hover strong{color:var(--pj-primary)}
.pj-field-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.pj-field-card li a{display:inline-block;padding:.3rem .65rem;border-radius:999px;background:var(--pj-tint);font-size:.85rem;font-weight:600;color:var(--pj-ink-2);text-decoration:none}
.pj-field-card li a:hover{color:var(--pj-primary)}
.pj-field-card__more{background:none!important;color:var(--pj-primary)!important}
.pj-filtergroup{border-bottom:1px solid var(--pj-line);padding:.35rem 0}
.pj-filtergroup summary{cursor:pointer;font-weight:600;font-size:.92rem;padding:.3rem 0;display:flex;justify-content:space-between;gap:.5rem}
.pj-filtergroup summary em{font-style:normal;color:var(--pj-muted);font-weight:500}
.pj-filtergroup .pj-check{padding-left:.5rem}
.pj-guide--wide{max-width:none}
.pj-guide__table tr.pj-guide__group th{background:#fff;color:var(--pj-primary);font-size:.8rem;padding-top:1.1rem}
.pj-guide__grouphead{margin-top:2.5rem;padding-top:1rem;border-top:3px solid var(--pj-tint);color:var(--pj-primary)}
.pj-guide h3 a{color:var(--pj-ink);text-decoration:none}
.pj-guide h3 a:hover{color:var(--pj-primary)}

/* Geschlossene Untermenüs sind nie klickbar (auch keine verschachtelten Ebenen) */
@media (min-width:1181px){
	.pj-nav__list > li:not(.is-open) > .sub-menu{visibility:hidden;pointer-events:none}
	.pj-nav__list > li.is-open > .sub-menu,.pj-nav__list > li.is-open > .sub-menu *{pointer-events:auto}
	.pj-nav__list .pj-mega .sub-menu .sub-menu{visibility:inherit}
}

/* Sicherheitsabfrage */
.pj-confirm{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.55)}
.pj-confirm__panel{width:min(520px,100%);background:#fff;border-radius:20px;padding:1.6rem 1.6rem 1.3rem;box-shadow:0 30px 60px -20px rgba(15,23,42,.45);max-height:calc(100dvh - 40px);overflow:auto}
.pj-confirm__icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#b91c1c;font-weight:800;font-size:1.3rem;margin-bottom:.8rem}
.pj-confirm h2{font-size:1.2rem;margin:0 0 .8rem;line-height:1.35}
.pj-confirm ul{margin:0 0 1rem;padding-left:1.1rem;display:grid;gap:.45rem;color:var(--pj-ink-2);font-size:.95rem;line-height:1.5}
.pj-confirm__check{display:flex;gap:.55rem;align-items:flex-start;padding:.75rem .85rem;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;font-size:.92rem;font-weight:600;cursor:pointer}
.pj-confirm__check input{margin-top:.2rem;accent-color:#b91c1c;width:16px;height:16px;flex:none}
.pj-confirm__btns{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap}
.pj-btn--danger{background:#b91c1c;color:#fff;border-color:#b91c1c}
.pj-btn--danger:hover{background:#991b1b}
.pj-btn--danger:disabled{opacity:.45;cursor:not-allowed}

/* Footer: Netzwerk-Leiste */
.pj-netbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.5rem;padding:1.4rem 0 0;border-top:1px solid #1e293b}
.pj-netbar__label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.pj-netbar__list{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2.25rem}
.pj-netbar__item{display:inline-flex;align-items:center;transition:transform .15s ease}
.pj-netbar__item:hover,.pj-netbar__item:focus-visible{transform:translateY(-2px)}
.pj-netbar__item img{height:22px;width:auto;display:block}
.pj-netbar__item--medizin img,.pj-netbar__item--dental img{height:19px}
.pj-netbar__item--pka img{height:18px}
.pj-netbar + .pj-footer__bottom{margin-top:1.4rem}
@media (max-width:600px){.pj-netbar{gap:.8rem}.pj-netbar__list{gap:1rem 1.5rem}.pj-netbar__item img{height:18px}.pj-netbar__item--medizin img,.pj-netbar__item--dental img{height:16px}}