{"id":6243,"date":"2026-06-15T15:25:03","date_gmt":"2026-06-15T13:25:03","guid":{"rendered":"https:\/\/pwwl.de\/en\/?page_id=6243"},"modified":"2026-06-15T15:53:06","modified_gmt":"2026-06-15T13:53:06","slug":"your-career","status":"publish","type":"page","link":"https:\/\/pwwl.de\/en\/your-career\/","title":{"rendered":"Your Career"},"content":{"rendered":"\n<!--\n  PWWL Careers \u2014 Snippet 1 (Top)\n  =================================\n  Hero (dark with image) \u2192 Become Part of Our OneTeam (light)\n  \u2192 Current Jobs with filters incl. location (light).\n  lang=\"en\"\n-->\n\n<section class=\"pwwl-c\" id=\"pwwl-karriere\" lang=\"en\">\n\n  <!-- HERO -->\n  <header class=\"pwwl-c__hero\">\n    <figure class=\"pwwl-c__hero-visual\">\n      <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2019\/03\/PWWL_Slider_0004_PWWL-0915.jpg\" alt=\"PWWL Team\" loading=\"eager\" \/>\n      <div class=\"pwwl-c__hero-overlay\"><\/div>\n    <\/figure>\n    <div class=\"pwwl-c__hero-content\">\n      <span class=\"pwwl-c__kicker\"><span class=\"pwwl-c__kicker-line\"><\/span>Careers at PWWL<\/span>\n      <h1 class=\"pwwl-c__hero-title\">Your career.<br>Our OneTeam.<\/h1>\n      <p class=\"pwwl-c__hero-sub\">360&nbsp;degree employment law for national and international clients at six offices in Germany \u2013 on the Legal&nbsp;Team or as a Business&nbsp;Professional.<\/p>\n      <div class=\"pwwl-c__hero-cta\">\n        <a href=\"#pwwl-c-jobs\" class=\"pwwl-c__btn pwwl-c__btn--primary\">Open Positions<\/a>\n        <a href=\"#pwwl-c-paths\" class=\"pwwl-c__btn pwwl-c__btn--ghost-light\">Your Career Path<\/a>\n        <a href=\"#pwwl-t-team\" class=\"pwwl-c__btn pwwl-c__btn--ghost-light\">Our OneTeam<\/a>\n      <\/div>\n      <div class=\"pwwl-c__scroll-hint\" aria-hidden=\"true\"><span><\/span><\/div>\n    <\/div>\n  <\/header>\n\n  <!-- BECOME PART OF OUR ONETEAM (LIGHT) -->\n  <div class=\"pwwl-c__paths\" id=\"pwwl-c-paths\">\n    <div class=\"pwwl-c__container\">\n      <span class=\"pwwl-c__eyebrow\" data-animate style=\"--delay:0\">OneTeam<\/span>\n      <h2 class=\"pwwl-c__title\" data-animate style=\"--delay:80\">Become Part of Our OneTeam<\/h2>\n      <p class=\"pwwl-c__lead\" data-animate style=\"--delay:160\">At PWWL, you work on the Legal Team or as a Business Professional. Choose your path.<\/p>\n\n      <div class=\"pwwl-c__paths-grid\" data-animate-group>\n        <article class=\"pwwl-c__path\">\n          <div class=\"pwwl-c__path-img\">\n            <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2026\/05\/PWWL-Hamburg-Hartfill.jpg\" alt=\"Legal Team at PWWL\" loading=\"lazy\" \/>\n          <\/div>\n          <div class=\"pwwl-c__path-body\">\n            <h3>Legal Team<\/h3>\n            <p>Employment law advice for national and international clients. From transactions and restructurings to day-to-day advisory.<\/p>\n            <ul class=\"pwwl-c__path-list\">\n              <li>Student and Research Assistants<\/li>\n              <li>Legal Clerkship (Lawyer&#8217;s and Elective Station)<\/li>\n              <li>Associate &amp; Managing Associate<\/li>\n              <li>Associated Partner &amp; Partner Track<\/li>\n            <\/ul>\n            <a href=\"#pwwl-c-jobs\" data-prefilter=\"Legal Team\" class=\"pwwl-c__btn pwwl-c__btn--primary\">Legal Jobs<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pwwl-c__path\">\n          <div class=\"pwwl-c__path-img\">\n            <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2019\/03\/PWWL_Slider_0002_PWWL-1340.jpg\" alt=\"Business Professionals at PWWL\" loading=\"lazy\" \/>\n          <\/div>\n          <div class=\"pwwl-c__path-body\">\n            <h3>Business Professionals<\/h3>\n            <p>HR, Marketing, Finance, IT, Legal Tech, Office Management. The work that makes PWWL possible.<\/p>\n            <ul class=\"pwwl-c__path-list\">\n              <li>Lawyer&#8217;s Assistant \/ Office Management<\/li>\n              <li>HR, Recruiting &amp; People Development<\/li>\n              <li>Marketing &amp; Business Development<\/li>\n              <li>Finance, IT &amp; Legal Tech<\/li>\n            <\/ul>\n            <a href=\"#pwwl-c-jobs\" data-prefilter=\"Business Professionals\" class=\"pwwl-c__btn pwwl-c__btn--primary\">Business Jobs<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- KUNUNU TEASER -->\n  <div class=\"pwwl-c__kununu\">\n    <div class=\"pwwl-c__container\">\n      <div class=\"pwwl-c__kununu-row\" data-animate>\n        <div class=\"pwwl-c__kununu-text\">\n          <h2 class=\"pwwl-c__kununu-title\">What employees and applicants say.<\/h2>\n          <p class=\"pwwl-c__kununu-sub\">Genuine reviews from our team and the recruiting process.<\/p>\n          <a class=\"pwwl-c__btn pwwl-c__btn--primary pwwl-c__kununu-btn\" href=\"https:\/\/www.kununu.com\/de\/pusch-wahlig-workplace-law\" target=\"_blank\" rel=\"noopener\">Visit kununu<\/a>\n        <\/div>\n        <div class=\"pwwl-c__kununu-stack\">\n          <a class=\"pwwl-c__kununu-widget\" href=\"https:\/\/kununu.com\/de\/pusch-wahlig-workplace-law?rfr=affiliate_widget&#038;utm_content=widget_icon_score_logo_small&#038;utm_medium=affiliate&#038;utm_source=widget\" rel=\"nofollow noopener\" target=\"_blank\">\n            <img decoding=\"async\" alt=\"kununu rating PWWL\" src=\"https:\/\/widgets.kununu.com\/widget_icon_score_logo_small\/profiles\/b04cd30c-339c-45f6-9c86-962e2ee9d7b3\" \/>\n          <\/a>\n          <div class=\"pwwl-c__kununu-badge\" aria-label=\"94 percent response rate\">\n            <span class=\"pwwl-c__kununu-badge-num\">94&nbsp;%<\/span>\n            <span class=\"pwwl-c__kununu-badge-label\">Response rate<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CURRENT JOBS (LIGHT) -->\n  <div class=\"pwwl-c__jobs\" id=\"pwwl-c-jobs\">\n    <div class=\"pwwl-c__container\">\n      <span class=\"pwwl-c__eyebrow\" data-animate style=\"--delay:200\">Jobs<\/span>\n      <h2 class=\"pwwl-c__title\" data-animate style=\"--delay:280\">Current Openings<\/h2>\n      <p class=\"pwwl-c__lead\" data-animate style=\"--delay:360\">Updated daily. Filter by location, area, or model.<\/p>\n\n      <div class=\"pwwl-c__filter-bar\" data-animate style=\"--delay:200\">\n        <div class=\"pwwl-c__filter-grid\">\n          <div class=\"pwwl-c__filter-row\" data-filter=\"office\">\n            <span class=\"pwwl-c__filter-row-label\">Location<\/span>\n            <div class=\"pwwl-c__filter-row-pills\">\n              <button type=\"button\" class=\"pwwl-c__filter is-active\" data-value=\"all\">All<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"pwwl-c__filter-row\" data-filter=\"category\">\n            <span class=\"pwwl-c__filter-row-label\">Area<\/span>\n            <div class=\"pwwl-c__filter-row-pills\">\n              <button type=\"button\" class=\"pwwl-c__filter is-active\" data-value=\"all\">All<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"pwwl-c__filter-row\" data-filter=\"schedule\">\n            <span class=\"pwwl-c__filter-row-label\">Model<\/span>\n            <div class=\"pwwl-c__filter-row-pills\">\n              <button type=\"button\" class=\"pwwl-c__filter is-active\" data-value=\"all\">All<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"pwwl-c__filter-row\" data-filter=\"employmentType\">\n            <span class=\"pwwl-c__filter-row-label\">Type<\/span>\n            <div class=\"pwwl-c__filter-row-pills\">\n              <button type=\"button\" class=\"pwwl-c__filter is-active\" data-value=\"all\">All<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pwwl-c__list-header\">\n        <span class=\"pwwl-c__filter-count\" id=\"pwwl-c-job-count\">Loading job openings &hellip;<\/span>\n        <button type=\"button\" class=\"pwwl-c__reset\" id=\"pwwl-c-reset\" hidden>Reset filters<\/button>\n      <\/div>\n\n      <ul class=\"pwwl-c__job-list\" id=\"pwwl-c-job-list\" aria-live=\"polite\"><\/ul>\n\n      <div class=\"pwwl-c__job-fallback\" id=\"pwwl-c-job-fallback\" hidden>\n        <p>The job list cannot be loaded at the moment.<\/p>\n        <a href=\"https:\/\/puschwahlig-workplace-law.jobs.personio.de\/\" target=\"_blank\" rel=\"noopener\" class=\"pwwl-c__btn pwwl-c__btn--primary\">Go to careers portal<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\nbody .main-title {\n  display: none;\n}\n\n.pwwl-c {\n  --c-orange: #FF5127;\n  --c-orange-soft: rgba(255,81,39,0.08);\n  --c-purple: #6F4D64;\n  --c-dark: #111111;\n  --c-bg: #FAFAFA;\n  --c-card: #ffffff;\n  --c-soft: #F5F3EF;\n  --c-text: #1a1a1a;\n  --c-muted: #7a6e62;\n  --c-border: #e5dfd5;\n  --ease: cubic-bezier(0.25,0.46,0.45,0.94);\n  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);\n\n  position: relative;\n  background: var(--c-bg);\n  color: var(--c-text);\n  margin-bottom: 48px;\n}\n.pwwl-c *,\n.pwwl-c *::before,\n.pwwl-c *::after { box-sizing: border-box; }\n.pwwl-c,\n.pwwl-c :where(h1,h2,h3,p,a,span,blockquote,figcaption,button) {\n  hyphens: none;\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n.pwwl-c__container {\n  position: relative;\n  max-width: 1220px;\n  margin: 0 auto;\n  padding: 0 32px;\n  width: 100%;\n}\n\n\/* \u2500\u2500\u2500 ENTRANCE ANIMATIONS \u2500\u2500\u2500 *\/\n@keyframes pwwl-c-fade-up {\n  from { opacity: 0; transform: translateY(28px); }\n  to   { opacity: 1; transform: none; }\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0,0,0.3,1) calc(var(--delay,0) * 1ms),\n              transform 0.65s cubic-bezier(0,0,0.3,1) calc(var(--delay,0) * 1ms);\n}\n[data-animate].is-visible { opacity: 1; transform: none; }\n[data-animate-group] > * {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0,0,0.3,1),\n              transform 0.65s cubic-bezier(0,0,0.3,1);\n}\n[data-animate-group] > *:nth-child(1) { transition-delay: 0ms; }\n[data-animate-group] > *:nth-child(2) { transition-delay: 80ms; }\n[data-animate-group] > *:nth-child(3) { transition-delay: 160ms; }\n[data-animate-group] > *:nth-child(4) { transition-delay: 240ms; }\n[data-animate-group].is-visible > * { opacity: 1; transform: none; }\n\n\/* HERO \u2014 DARK *\/\n.pwwl-c__hero {\n  position: relative;\n  min-height: 80vh;\n  display: flex;\n  align-items: flex-end;\n  overflow: hidden;\n  background: var(--c-dark);\n  color: #fff;\n}\n.pwwl-c__hero-visual { position: absolute; inset: 0; margin: 0; }\n.pwwl-c__hero-visual img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  animation: pwwl-c-hero-float 12s ease-in-out infinite;\n}\n.pwwl-c__hero-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(to top, rgba(17,17,17,0.85) 0%, rgba(17,17,17,0.4) 40%, transparent 75%),\n    linear-gradient(135deg, rgba(72,32,62,0.5) 0%, transparent 50%);\n}\n.pwwl-c__hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 1220px;\n  margin: 0 auto;\n  padding: 0 32px 80px;\n  width: 100%;\n}\n\n\/* Hero \u2014 staggered CSS entrance animations *\/\n.pwwl-c__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: none;\n  color: rgba(255,255,255,0.85);\n  margin-bottom: 18px;\n  animation: pwwl-c-fade-up 0.7s ease-out 0.1s both;\n}\n.pwwl-c__kicker-line {\n  display: inline-block;\n  width: 40px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--c-orange), transparent);\n}\n.pwwl-c__hero-title {\n  margin: 0;\n  font-size: 84px;\n  font-weight: 900;\n  line-height: 1.02;\n  letter-spacing: 0;\n  color: #fff;\n  animation: pwwl-c-fade-up 0.7s ease-out 0.2s both;\n}\n.pwwl-c__hero-sub {\n  margin: 18px 0 0;\n  font-size: 18px;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.78);\n  max-width: 56ch;\n  animation: pwwl-c-fade-up 0.7s ease-out 0.35s both;\n}\n.pwwl-c__hero-cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 32px;\n  animation: pwwl-c-fade-up 0.7s ease-out 0.5s both;\n}\n.pwwl-c__scroll-hint {\n  margin-top: 36px;\n  width: 24px;\n  height: 40px;\n  border: 2px solid rgba(255,255,255,0.3);\n  border-radius: 12px;\n  display: flex;\n  justify-content: center;\n  padding-top: 8px;\n  animation: pwwl-c-fade-up 0.7s ease-out 0.65s both;\n}\n.pwwl-c__scroll-hint span {\n  display: block;\n  width: 3px;\n  height: 8px;\n  background: var(--c-orange);\n  border-radius: 2px;\n  animation: pwwl-c-scroll-bob 1.8s ease-in-out infinite;\n}\n\n\/* Shared *\/\n.pwwl-c__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 26px;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: none;\n  text-decoration: none;\n  border: 1px solid transparent;\n  cursor: pointer;\n  font-family: inherit;\n  transition: all 0.25s var(--ease);\n  white-space: nowrap;\n}\n.pwwl-c__btn--primary { background: var(--c-orange); color: #fff; }\n.pwwl-c__btn--primary:hover { background: #ff6b45; transform: translateY(-2px); box-shadow: 0 10px 30px -10px rgba(255,81,39,0.35); }\n.pwwl-c__btn--ghost { background: transparent; color: var(--c-text); border-color: var(--c-border); }\n.pwwl-c__btn--ghost:hover { border-color: var(--c-orange); color: var(--c-orange); }\n.pwwl-c__btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,0.35); }\n.pwwl-c__btn--ghost-light:hover { border-color: var(--c-orange); color: var(--c-orange); }\n\n.pwwl-c__eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: none;\n  color: var(--c-orange);\n  margin-bottom: 14px;\n}\n.pwwl-c__title {\n  margin: 0 0 18px;\n  font-size: 52px;\n  font-weight: 900;\n  line-height: 1.1;\n  letter-spacing: 0;\n  color: var(--c-text);\n}\n.pwwl-c__lead {\n  margin: 0 0 32px;\n  font-size: 17px;\n  line-height: 1.7;\n  color: var(--c-muted);\n  max-width: 72ch;\n}\n\n\/* PATHS \u2014 LIGHT *\/\n.pwwl-c__paths {\n  padding: 60px 0 30px;\n  background: var(--c-bg);\n}\n.pwwl-c__paths-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));\n  gap: 28px;\n  margin-top: 24px;\n}\n.pwwl-c__path {\n  position: relative;\n  background: var(--c-card);\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.4s var(--ease-spring), box-shadow 0.4s ease;\n}\n.pwwl-c__path:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 24px 70px -20px rgba(72,32,62,0.3);\n}\n.pwwl-c__path-img { position: relative; aspect-ratio: 16 \/ 10; overflow: hidden; }\n.pwwl-c__path-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 2s var(--ease-spring);\n}\n.pwwl-c__path:hover .pwwl-c__path-img img { transform: scale(1.05); }\n.pwwl-c__path-body {\n  padding: 36px 32px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n.pwwl-c__path-body h3 {\n  margin: 0 0 14px;\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--c-text);\n  letter-spacing: 0;\n}\n.pwwl-c__path-body p {\n  margin: 0 0 22px;\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--c-muted);\n}\n.pwwl-c__path-list {\n  list-style: none;\n  margin: 0 0 30px;\n  padding: 0;\n}\n.pwwl-c__path-list li {\n  position: relative;\n  padding: 10px 0 10px 22px;\n  font-size: 14px;\n  color: var(--c-text);\n  border-bottom: 1px solid var(--c-border);\n}\n.pwwl-c__path-list li:last-child { border-bottom: none; }\n.pwwl-c__path-list li::before {\n  content: \"\u203a\";\n  position: absolute;\n  left: 0;\n  top: 10px;\n  color: var(--c-orange);\n  font-weight: 700;\n}\n.pwwl-c__path-body .pwwl-c__btn { align-self: flex-start; margin-top: auto; }\n\n\/* KUNUNU \u2014 DARK & STRIKING *\/\n.pwwl-c__kununu {\n  padding: 10px 0 60px;\n  background: var(--c-bg);\n}\n.pwwl-c__kununu-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  padding: 40px 48px;\n  background:\n    linear-gradient(135deg, rgba(72,32,62,0.55) 0%, rgba(255,81,39,0.08) 50%, transparent 70%),\n    linear-gradient(315deg, rgba(72,32,62,0.35) 0%, transparent 40%),\n    radial-gradient(ellipse at 80% 10%, rgba(255,81,39,0.12) 0, transparent 50%),\n    #111111;\n  color: #fff;\n}\n.pwwl-c__kununu-text {\n  flex: 1 1 280px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.pwwl-c__kununu-title {\n  margin: 0 0 12px;\n  font-size: 28px;\n  font-weight: 800;\n  color: #fff;\n  letter-spacing: 0;\n}\n.pwwl-c__kununu-stack {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n}\n.pwwl-c__kununu-badge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 10px;\n  border-radius: 6px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  color: #ff5a1f;\n  line-height: 1.1;\n}\n.pwwl-c__kununu-badge-num {\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0;\n}\n.pwwl-c__kununu-badge-label {\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  border-left: 1px solid rgba(255,90,31,0.45);\n  padding-left: 8px;\n}\n.pwwl-c__kununu-sub {\n  margin: 0 0 20px;\n  font-size: 14px;\n  color: rgba(255,255,255,0.7);\n}\n.pwwl-c__kununu-btn { padding: 11px 22px; font-size: 12px; }\n.pwwl-c__kununu-widget {\n  display: inline-block;\n  padding: 10px 14px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 6px;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n.pwwl-c__kununu-widget:hover {\n  transform: translateY(-2px);\n  border-color: var(--c-orange);\n  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.3);\n}\n.pwwl-c__kununu-widget img { display: block; max-width: 100%; height: auto; }\n\n\/* JOBS \u2014 SOFT BACKGROUND *\/\n.pwwl-c__jobs {\n  padding: 50px 0 80px;\n  background: var(--c-soft);\n}\n\n.pwwl-c__filter-bar {\n  margin-bottom: 0;\n  background: var(--c-card);\n  border: 1px solid var(--c-border);\n}\n.pwwl-c__filter-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.pwwl-c__filter-row {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 11px 16px;\n  border-right: 1px solid var(--c-border);\n  border-bottom: 1px solid var(--c-border);\n}\n.pwwl-c__filter-row:nth-child(even) { border-right: 0; }\n.pwwl-c__filter-row:nth-child(3),\n.pwwl-c__filter-row:nth-child(4) { border-bottom: 0; }\n.pwwl-c__filter-row-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: none;\n  color: var(--c-muted);\n}\n.pwwl-c__filter-row-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n}\n.pwwl-c__list-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 12px 0;\n  margin-bottom: 6px;\n  border-bottom: 1px solid var(--c-border);\n}\n.pwwl-c__filter {\n  padding: 7px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n  background: transparent;\n  border: 1px solid var(--c-border);\n  color: var(--c-muted);\n  cursor: pointer;\n  font-family: inherit;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  border-radius: 0;\n}\n.pwwl-c__filter:hover { color: var(--c-text); border-color: var(--c-orange); }\n.pwwl-c__filter.is-active {\n  color: #fff;\n  background: var(--c-orange);\n  border-color: var(--c-orange);\n  box-shadow: 0 4px 12px rgba(255,81,39,0.25);\n}\n\n.pwwl-c__filter-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 18px;\n  font-size: 14px;\n}\n.pwwl-c__filter-count {\n  font-weight: 700;\n  color: var(--c-text);\n}\n.pwwl-c__reset {\n  appearance: none;\n  background: transparent;\n  border: 0;\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  color: var(--c-orange);\n  cursor: pointer;\n  padding: 4px 0;\n  text-decoration: underline;\n}\n.pwwl-c__reset:hover { color: var(--c-text); }\n.pwwl-c__job-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }\n.pwwl-c__job {\n  border: 1px solid var(--c-border);\n  border-left: 3px solid transparent;\n  background: var(--c-card);\n  transition: all 0.25s ease;\n}\n.pwwl-c__job:hover {\n  border-color: var(--c-orange);\n  border-left-color: var(--c-orange);\n  background: #fff;\n  transform: translateY(-2px);\n  box-shadow: 0 10px 30px -15px rgba(72,32,62,0.2);\n}\n.pwwl-c__job a {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: 24px;\n  padding: 22px 28px;\n  text-decoration: none;\n  color: inherit;\n}\n.pwwl-c__job-title { margin: 0 0 6px; font-size: 18px; font-weight: 800; color: var(--c-text); letter-spacing: 0; }\n.pwwl-c__job-meta { display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--c-muted); }\n.pwwl-c__job-meta .pwwl-c__job-loc { color: var(--c-orange); font-weight: 700; }\n.pwwl-c__job-arrow {\n  font-size: 22px;\n  color: var(--c-orange);\n  font-weight: 700;\n  transition: transform 0.25s ease;\n}\n.pwwl-c__job:hover .pwwl-c__job-arrow { transform: translateX(4px); }\n.pwwl-c__job-fallback {\n  margin-top: 24px;\n  padding: 28px;\n  border: 1px dashed var(--c-border);\n  text-align: center;\n  background: var(--c-card);\n}\n.pwwl-c__job-fallback p { margin: 0 0 18px; color: var(--c-muted); }\n\n@keyframes pwwl-c-hero-float {\n  0%, 100% { transform: scale(1) translateY(0); }\n  50% { transform: scale(1.03) translateY(-8px); }\n}\n@keyframes pwwl-c-scroll-bob {\n  0%, 100% { transform: translateY(0); opacity: 1; }\n  50% { transform: translateY(6px); opacity: 0.3; }\n}\n\n@media (max-width: 760px) {\n  .pwwl-c__hero { min-height: 70vh; }\n  .pwwl-c__hero-content { padding: 0 20px 50px; }\n  .pwwl-c__container { padding: 0 20px; }\n  .pwwl-c__hero-sub { font-size: 16px; }\n  .pwwl-c__paths { padding: 40px 0 20px; }\n  .pwwl-c__kununu { padding: 10px 0 40px; }\n  .pwwl-c__kununu-row { padding: 28px 24px; flex-direction: column; align-items: flex-start; gap: 18px; }\n  .pwwl-c__jobs { padding: 30px 0 60px; }\n  .pwwl-c__filter-grid { grid-template-columns: 1fr; }\n  .pwwl-c__filter-row { border-right: 0; padding: 9px 14px; }\n  .pwwl-c__filter-row:nth-child(3) { border-bottom: 1px solid var(--c-border); }\n  .pwwl-c__filter { padding: 5px 10px; font-size: 11px; }\n  .pwwl-c__hero-cta .pwwl-c__btn { flex: 1 1 auto; }\n  .pwwl-c__path-body { padding: 28px 24px; }\n  .pwwl-c__path-body h3 { font-size: 24px; }\n  .pwwl-c__job a { grid-template-columns: 1fr; padding: 18px 20px; gap: 8px; }\n  .pwwl-c__job-arrow { display: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pwwl-c__hero-visual img,\n  .pwwl-c__scroll-hint span,\n  .pwwl-c__path-img img { animation: none; transition: none; }\n  .pwwl-c__kicker,\n  .pwwl-c__hero-title,\n  .pwwl-c__hero-sub,\n  .pwwl-c__hero-cta,\n  .pwwl-c__scroll-hint { animation: none; opacity: 1; }\n  [data-animate],\n  [data-animate-group] > * { opacity: 1; transform: none; transition: none; }\n}\n\n\/* Design system refinement *\/\n.pwwl-c {\n  --c-orange: #FF5127;\n  --c-orange-hover: #ff6842;\n  --c-orange-soft: rgba(255,81,39,0.09);\n  --c-purple: #48203e;\n  --c-dark: #111111;\n  --c-bg: #FAFAFA;\n  --c-soft: #F5F3EF;\n  --c-card: #ffffff;\n  --c-text: #171717;\n  --c-muted: #766b62;\n  --c-border: #e4ded6;\n  --radius-sm: 0;\n  --radius-md: 0;\n  --shadow-card: 0 18px 46px -30px rgba(72,32,62,0.28);\n  --shadow-hover: 0 28px 68px -34px rgba(72,32,62,0.36);\n  --ease: cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);\n\n  margin-bottom: 48px;\n}\n.pwwl-c__container {\n  max-width: 1220px;\n  padding: 0 32px;\n}\n[data-animate] {\n  opacity: 0;\n  transform: translateY(22px);\n  transition:\n    opacity 0.72s var(--ease) calc(var(--delay,0) * 1ms),\n    transform 0.72s var(--ease) calc(var(--delay,0) * 1ms);\n}\n[data-animate-group] > * {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity 0.72s var(--ease), transform 0.72s var(--ease);\n}\n.pwwl-c__hero {\n  min-height: 80vh;\n  align-items: flex-end;\n}\n.pwwl-c__hero-visual img {\n  transform: scale(1.001);\n  animation: pwwl-c-hero-float 16s var(--ease-soft) infinite;\n}\n.pwwl-c__hero-overlay {\n  background:\n    linear-gradient(to top, rgba(17,17,17,0.92) 0%, rgba(17,17,17,0.58) 42%, rgba(17,17,17,0.14) 78%),\n    linear-gradient(115deg, rgba(72,32,62,0.62) 0%, rgba(72,32,62,0.28) 34%, rgba(17,17,17,0) 68%),\n    linear-gradient(to right, rgba(17,17,17,0.42), rgba(17,17,17,0));\n}\n.pwwl-c__hero-content {\n  padding: 0 32px 80px;\n}\n.pwwl-c__kicker {\n  gap: 14px;\n  margin-bottom: 18px;\n  letter-spacing: 2px;\n  animation: pwwl-c-fade-up 0.78s var(--ease) 0.08s both;\n}\n.pwwl-c__kicker-line {\n  width: 44px;\n  border-radius: 999px;\n}\n.pwwl-c__hero-title {\n  max-width: 920px;\n  font-size: 92px;\n  line-height: 0.98;\n  letter-spacing: 0;\n  text-wrap: balance;\n  animation: pwwl-c-fade-up 0.78s var(--ease) 0.18s both;\n}\n.pwwl-c__hero-sub {\n  max-width: 58ch;\n  margin-top: 22px;\n  font-size: 20px;\n  line-height: 1.65;\n  color: rgba(255,255,255,0.82);\n  text-wrap: pretty;\n  animation: pwwl-c-fade-up 0.78s var(--ease) 0.3s both;\n}\n.pwwl-c__hero-cta {\n  gap: 14px;\n  margin-top: 34px;\n  animation: pwwl-c-fade-up 0.78s var(--ease) 0.42s both;\n}\n.pwwl-c__scroll-hint {\n  margin-top: 42px;\n  border-color: rgba(255,255,255,0.36);\n  animation: pwwl-c-fade-up 0.78s var(--ease) 0.54s both;\n}\n.pwwl-c__btn {\n  min-height: 48px;\n  padding: 14px 24px;\n  border-radius: var(--radius-sm);\n  letter-spacing: 0.6px;\n  transition:\n    color 0.28s var(--ease),\n    background-color 0.28s var(--ease),\n    border-color 0.28s var(--ease),\n    transform 0.28s var(--ease),\n    box-shadow 0.28s var(--ease);\n}\n.pwwl-c__btn:hover,\n.pwwl-c__btn:focus-visible {\n  transform: translateY(-2px);\n  outline: 0;\n}\n.pwwl-c__btn--primary {\n  background: var(--c-orange);\n  box-shadow: 0 14px 30px -18px rgba(255,81,39,0.65);\n}\n.pwwl-c__btn--primary:hover,\n.pwwl-c__btn--primary:focus-visible {\n  background: var(--c-orange-hover);\n  box-shadow: 0 18px 34px -18px rgba(255,81,39,0.72);\n}\n.pwwl-c__btn--ghost-light {\n  color: #fff;\n  background: rgba(255,255,255,0.06);\n  border-color: rgba(255,255,255,0.28);\n}\n.pwwl-c__btn--ghost-light:hover,\n.pwwl-c__btn--ghost-light:focus-visible {\n  color: #fff;\n  border-color: rgba(255,81,39,0.8);\n  background: rgba(255,81,39,0.14);\n}\n.pwwl-c__eyebrow {\n  margin-bottom: 14px;\n  font-size: 11px;\n  letter-spacing: 1.8px;\n}\n.pwwl-c__title {\n  max-width: 860px;\n  margin: 0 0 18px;\n  font-size: 54px;\n  line-height: 1.05;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n.pwwl-c__lead {\n  max-width: 68ch;\n  margin: 0 0 28px;\n  font-size: 17px;\n  line-height: 1.7;\n  text-wrap: pretty;\n}\n.pwwl-c__paths {\n  padding: 56px 0 24px;\n}\n.pwwl-c__paths-grid {\n  gap: 28px;\n  margin-top: 24px;\n  align-items: stretch;\n}\n.pwwl-c__path {\n  border-color: rgba(228,222,214,0.9);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-card);\n  height: 100%;\n  transition:\n    transform 0.34s var(--ease),\n    box-shadow 0.34s var(--ease),\n    border-color 0.34s var(--ease);\n}\n.pwwl-c__path:hover,\n.pwwl-c__path:focus-within {\n  transform: translateY(-5px);\n  border-color: rgba(255,81,39,0.72);\n  box-shadow: var(--shadow-hover);\n}\n.pwwl-c__path-img {\n  aspect-ratio: 16 \/ 10;\n}\n.pwwl-c__path-img img {\n  transform: scale(1.001);\n  transition: transform 1.3s var(--ease), filter 1.3s var(--ease);\n}\n.pwwl-c__path:hover .pwwl-c__path-img img,\n.pwwl-c__path:focus-within .pwwl-c__path-img img {\n  transform: scale(1.045);\n  filter: saturate(1.04) contrast(1.02);\n}\n.pwwl-c__path-body {\n  padding: 34px 32px 32px;\n  height: 100%;\n}\n.pwwl-c__path-body h3 {\n  margin-bottom: 14px;\n  font-size: 30px;\n  line-height: 1.12;\n  letter-spacing: 0;\n}\n.pwwl-c__path-body p {\n  margin-bottom: 24px;\n  font-size: 15px;\n  line-height: 1.68;\n  min-height: 76px;\n}\n.pwwl-c__path-list {\n  margin-bottom: 30px;\n  min-height: 176px;\n}\n.pwwl-c__path-list li {\n  padding: 10px 0 10px 24px;\n  border-bottom-color: rgba(228,222,214,0.86);\n  line-height: 1.4;\n}\n.pwwl-c__path-list li::before {\n  top: 9px;\n  transition: transform 0.24s var(--ease);\n}\n.pwwl-c__path:hover .pwwl-c__path-list li::before {\n  transform: translateX(2px);\n}\n.pwwl-c__kununu {\n  padding: 14px 0 28px;\n  background: var(--c-bg);\n}\n.pwwl-c__kununu-row {\n  position: relative;\n  overflow: hidden;\n  padding: 36px 48px;\n  border-radius: var(--radius-md);\n  background:\n    linear-gradient(135deg, rgba(72,32,62,0.66) 0%, rgba(255,81,39,0.11) 52%, rgba(255,255,255,0) 72%),\n    linear-gradient(315deg, rgba(72,32,62,0.36) 0%, rgba(255,255,255,0) 42%),\n    #111111;\n  box-shadow: 0 28px 76px -48px rgba(17,17,17,0.72);\n}\n.pwwl-c__kununu-row::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: inherit;\n}\n.pwwl-c__kununu-text,\n.pwwl-c__kununu-widget {\n  position: relative;\n}\n.pwwl-c__kununu-title {\n  font-size: 32px;\n  line-height: 1.15;\n  letter-spacing: 0;\n}\n.pwwl-c__kununu-sub {\n  font-size: 14.5px;\n  line-height: 1.6;\n}\n.pwwl-c__kununu-widget {\n  border-radius: var(--radius-sm);\n  transition:\n    transform 0.28s var(--ease),\n    box-shadow 0.28s var(--ease),\n    border-color 0.28s var(--ease),\n    background-color 0.28s var(--ease);\n}\n.pwwl-c__kununu-widget:hover,\n.pwwl-c__kununu-widget:focus-visible {\n  transform: translateY(-3px);\n  border-color: rgba(255,81,39,0.8);\n  background: rgba(255,255,255,0.09);\n  outline: 0;\n}\n.pwwl-c__jobs {\n  padding: 48px 0 72px;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.54), rgba(255,255,255,0)),\n    var(--c-soft);\n}\n.pwwl-c__filter-bar {\n  overflow: hidden;\n  border-color: rgba(228,222,214,0.9);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-card);\n}\n.pwwl-c__filter-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.pwwl-c__filter-row {\n  min-height: 112px;\n  padding: 18px;\n  border-right-color: rgba(228,222,214,0.9);\n  border-bottom: 0;\n}\n.pwwl-c__filter-row:nth-child(even) {\n  border-right: 1px solid rgba(228,222,214,0.9);\n}\n.pwwl-c__filter-row:last-child {\n  border-right: 0;\n}\n.pwwl-c__filter-row-label {\n  letter-spacing: 1.4px;\n}\n.pwwl-c__filter-row-pills {\n  gap: 7px;\n}\n.pwwl-c__filter {\n  min-height: 34px;\n  padding: 7px 12px;\n  border-radius: 999px;\n  background: #fff;\n  transition:\n    color 0.22s var(--ease),\n    background-color 0.22s var(--ease),\n    border-color 0.22s var(--ease),\n    transform 0.22s var(--ease),\n    box-shadow 0.22s var(--ease);\n}\n.pwwl-c__filter:hover,\n.pwwl-c__filter:focus-visible {\n  color: var(--c-text);\n  border-color: rgba(255,81,39,0.72);\n  transform: translateY(-1px);\n  outline: 0;\n}\n.pwwl-c__filter.is-active {\n  box-shadow: 0 10px 22px -14px rgba(255,81,39,0.7);\n}\n.pwwl-c__list-header {\n  padding: 18px 0 14px;\n  margin-bottom: 12px;\n}\n.pwwl-c__filter-count {\n  font-size: 14px;\n}\n.pwwl-c__reset {\n  border-radius: var(--radius-sm);\n  text-decoration: none;\n  transition: color 0.22s var(--ease), transform 0.22s var(--ease);\n}\n.pwwl-c__reset:hover,\n.pwwl-c__reset:focus-visible {\n  transform: translateY(-1px);\n  outline: 0;\n}\n.pwwl-c__job-list {\n  gap: 12px;\n}\n.pwwl-c__job {\n  border-color: rgba(228,222,214,0.9);\n  border-left: 4px solid transparent;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-card);\n  overflow: hidden;\n  transition:\n    transform 0.3s var(--ease),\n    box-shadow 0.3s var(--ease),\n    border-color 0.3s var(--ease),\n    background-color 0.3s var(--ease);\n}\n.pwwl-c__job:hover,\n.pwwl-c__job:focus-within {\n  transform: translateY(-3px);\n  border-color: rgba(255,81,39,0.72);\n  border-left-color: var(--c-orange);\n  box-shadow: var(--shadow-hover);\n}\n.pwwl-c__job a {\n  padding: 24px 28px;\n}\n.pwwl-c__job a:focus-visible {\n  outline: 2px solid rgba(255,81,39,0.72);\n  outline-offset: -2px;\n}\n.pwwl-c__job-title {\n  margin-bottom: 8px;\n  font-size: 19px;\n  line-height: 1.25;\n  letter-spacing: 0;\n}\n.pwwl-c__job-meta {\n  gap: 10px 16px;\n  line-height: 1.45;\n}\n.pwwl-c__job-arrow {\n  width: auto;\n  height: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  background: transparent;\n  transition: transform 0.28s var(--ease), color 0.28s var(--ease);\n}\n.pwwl-c__job:hover .pwwl-c__job-arrow,\n.pwwl-c__job:focus-within .pwwl-c__job-arrow {\n  transform: translateX(5px);\n}\n.pwwl-c__job-fallback {\n  border-radius: var(--radius-md);\n  background: #fff;\n}\n\n@keyframes pwwl-c-fade-up {\n  from { opacity: 0; transform: translateY(22px); }\n  to { opacity: 1; transform: none; }\n}\n@keyframes pwwl-c-hero-float {\n  0%, 100% { transform: scale(1.001) translateY(0); }\n  50% { transform: scale(1.035) translateY(-10px); }\n}\n\n@media (max-width: 1080px) {\n  .pwwl-c__filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .pwwl-c__filter-row,\n  .pwwl-c__filter-row:nth-child(even) {\n    border-right: 1px solid rgba(228,222,214,0.9);\n    border-bottom: 1px solid rgba(228,222,214,0.9);\n  }\n  .pwwl-c__filter-row:nth-child(even) { border-right: 0; }\n  .pwwl-c__filter-row:nth-child(3),\n  .pwwl-c__filter-row:nth-child(4) { border-bottom: 0; }\n}\n@media (max-width: 760px) {\n  .pwwl-c__hero {\n    min-height: 68vh;\n  }\n  .pwwl-c__hero-content {\n    padding: 0 20px 44px;\n  }\n  .pwwl-c__container {\n    padding: 0 20px;\n  }\n  .pwwl-c__hero-title {\n    font-size: clamp(44px, 14vw, 54px);\n    line-height: 1.02;\n  }\n  .pwwl-c__hero-sub,\n  .pwwl-c__lead {\n    font-size: 16px;\n    line-height: 1.62;\n  }\n  .pwwl-c__title {\n    font-size: clamp(34px, 10vw, 38px);\n    line-height: 1.08;\n  }\n  .pwwl-c__hero-cta .pwwl-c__btn {\n    flex: 1 1 100%;\n  }\n  .pwwl-c__paths {\n    padding: 42px 0 18px;\n  }\n  .pwwl-c__paths-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n  .pwwl-c__path-img {\n    aspect-ratio: 16 \/ 9;\n  }\n  .pwwl-c__path-body {\n    padding: 26px 22px 24px;\n  }\n  .pwwl-c__path-body h3 {\n    font-size: 26px;\n  }\n  .pwwl-c__path-body p,\n  .pwwl-c__path-list {\n    min-height: 0;\n  }\n  .pwwl-c__path-list {\n    margin-bottom: 24px;\n  }\n  .pwwl-c__path-list li {\n    padding: 9px 0 9px 22px;\n    font-size: 14px;\n  }\n  .pwwl-c__path-body .pwwl-c__btn {\n    width: 100%;\n  }\n  .pwwl-c__kununu {\n    padding: 10px 0 24px;\n  }\n  .pwwl-c__kununu-row {\n    padding: 30px 24px;\n  }\n  .pwwl-c__kununu-btn {\n    width: 100%;\n  }\n  .pwwl-c__jobs {\n    padding: 40px 0 60px;\n  }\n  .pwwl-c__filter-grid {\n    grid-template-columns: 1fr;\n  }\n  .pwwl-c__filter-row,\n  .pwwl-c__filter-row:nth-child(even),\n  .pwwl-c__filter-row:nth-child(3),\n  .pwwl-c__filter-row:nth-child(4) {\n    min-height: 0;\n    padding: 16px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(228,222,214,0.9);\n  }\n  .pwwl-c__filter-row:last-child {\n    border-bottom: 0;\n  }\n  .pwwl-c__job a {\n    grid-template-columns: 1fr;\n    padding: 20px;\n    gap: 12px;\n  }\n  .pwwl-c__job-arrow {\n    display: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pwwl-c *,\n  .pwwl-c *::before,\n  .pwwl-c *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n.pwwl-c,\n.pwwl-c *,\n.pwwl-c *::before,\n.pwwl-c *::after {\n  border-radius: 0 !important;\n}\n\n.pwwl-c__btn,\n.pwwl-c__btn:hover,\n.pwwl-c__btn:focus-visible,\n.pwwl-c__filter,\n.pwwl-c__filter:hover,\n.pwwl-c__filter:focus-visible,\n.pwwl-c__filter.is-active,\n.pwwl-c__reset,\n.pwwl-c__reset:hover,\n.pwwl-c__reset:focus-visible {\n  box-shadow: none !important;\n}\n\n.pwwl-c__kicker,\n.pwwl-c__eyebrow,\n.pwwl-c__btn,\n.pwwl-c__filter-row-label,\n.pwwl-c__filter,\n.pwwl-c__filter-count,\n.pwwl-c__job-tag {\n  letter-spacing: 0 !important;\n  text-transform: none !important;\n}\n\n.pwwl-c__kicker {\n  font-size: 13px !important;\n}\n.pwwl-c__eyebrow {\n  font-size: 14px !important;\n  font-weight: 800 !important;\n}\n.pwwl-c__filter-row-label,\n.pwwl-c__job-tag {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n}\n.pwwl-c__btn {\n  font-size: 14px !important;\n}\n\n.pwwl-c__scroll-hint {\n  border-radius: 12px !important;\n}\n\n.pwwl-c__scroll-hint span {\n  border-radius: 2px !important;\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.getElementById('pwwl-karriere');\n  if (!section) return;\n\n  var jobList  = document.getElementById('pwwl-c-job-list');\n  var jobMeta  = document.getElementById('pwwl-c-job-count');\n  var fallback = document.getElementById('pwwl-c-job-fallback');\n  var resetBtn = document.getElementById('pwwl-c-reset');\n  var rowEls = section.querySelectorAll('.pwwl-c__filter-row');\n\n  var jobs = [];\n  var state = { office: 'all', category: 'all', schedule: 'all', employmentType: 'all' };\n\n  function deriveCategory(department) {\n    return (department || '').toLowerCase() === 'legal' ? 'Legal Team' : 'Business Professionals';\n  }\n\n  function text(node, tag) {\n    if (!node) return '';\n    var el = node.getElementsByTagName(tag)[0];\n    if (!el) return '';\n    return (el.textContent || el.innerText || '').trim();\n  }\n\n  function fetchJobs() {\n    return fetch('https:\/\/puschwahlig-workplace-law.jobs.personio.de\/xml')\n      .then(function (r) {\n        if (!r.ok) throw new Error('HTTP ' + r.status);\n        return r.text();\n      })\n      .then(function (xmlText) {\n        var doc = new DOMParser().parseFromString(xmlText, 'text\/xml');\n        if (doc.getElementsByTagName('parsererror').length) throw new Error('XML parse error');\n        var positions = doc.getElementsByTagName('position');\n        var out = [];\n        for (var i = 0; i < positions.length; i++) {\n          var p = positions[i];\n          var dep = text(p, 'department');\n          out.push({\n            id: text(p, 'id'),\n            name: text(p, 'name'),\n            office: text(p, 'office'),\n            department: dep,\n            category: deriveCategory(dep),\n            employmentType: text(p, 'employmentType'),\n            schedule: text(p, 'schedule'),\n            seniority: text(p, 'seniority')\n          });\n        }\n        return out;\n      });\n  }\n\n  function unique(arr) {\n    var seen = {};\n    var out = [];\n    arr.forEach(function (v) {\n      if (v) if (!seen[v]) { seen[v] = 1; out.push(v); }\n    });\n    return out.sort();\n  }\n\n  function humanize(v) {\n    if (!v) return '';\n    var map = {\n      'permanent': 'Permanent',\n      'intern': 'Internship',\n      'trainee': 'Trainee',\n      'temporary': 'Fixed-term',\n      'full-time': 'Full-time',\n      'part-time': 'Part-time',\n      'full-or-part-time': 'Full-\/Part-time'\n    };\n    var key = v.toLowerCase();\n    return map[key] || v;\n  }\n\n  function buildFilters() {\n    rowEls.forEach(function (row) {\n      var key = row.dataset.filter;\n      var pillsWrap = row.querySelector('.pwwl-c__filter-row-pills');\n      var values = unique(jobs.map(function (j) { return j[key]; }));\n\n      values.forEach(function (val) {\n        var b = document.createElement('button');\n        b.type = 'button';\n        b.className = 'pwwl-c__filter';\n        b.dataset.value = val;\n        b.textContent = humanize(val);\n        b.addEventListener('click', function () { setFilter(row, key, val); });\n        pillsWrap.appendChild(b);\n      });\n\n      var allBtn = pillsWrap.querySelector('[data-value=\"all\"]');\n      if (allBtn) allBtn.addEventListener('click', function () { setFilter(row, key, 'all'); });\n    });\n\n    if (resetBtn) {\n      resetBtn.addEventListener('click', function () {\n        rowEls.forEach(function (row) { setFilter(row, row.dataset.filter, 'all'); });\n      });\n    }\n  }\n\n  function setFilter(row, key, val) {\n    state[key] = val;\n    row.querySelectorAll('.pwwl-c__filter').forEach(function (x) {\n      x.classList.toggle('is-active', x.dataset.value === val);\n    });\n    updateResetVisibility();\n    render();\n  }\n\n  function updateResetVisibility() {\n    if (!resetBtn) return;\n    var anyActive = false;\n    Object.keys(state).forEach(function (k) {\n      if (state[k] !== 'all') anyActive = true;\n    });\n    resetBtn.hidden = !anyActive;\n  }\n\n  function matches(job) {\n    if (state.office !== 'all') if (job.office !== state.office) return false;\n    if (state.category !== 'all') if (job.category !== state.category) return false;\n    if (state.schedule !== 'all') if (job.schedule !== state.schedule) return false;\n    if (state.employmentType !== 'all') if (job.employmentType !== state.employmentType) return false;\n    return true;\n  }\n\n  function escapeHtml(s) {\n    return String(s || '').replace(\/[&#038;<>\"']\/g, function (c) {\n      return { '&':'&amp;', '<':'&lt;', '>':'&gt;', '\"':'&quot;', \"'\":'&#39;' }[c];\n    });\n  }\n\n  function el(tag, className, textContent) {\n    var node = document.createElement(tag);\n    if (className) node.className = className;\n    if (textContent != null && textContent !== '') node.textContent = textContent;\n    return node;\n  }\n\n  function render() {\n    var filtered = jobs.filter(matches).filter(function (j) { return \/^\\d+$\/.test(String(j.id)); });\n    jobList.innerHTML = '';\n    if (!filtered.length) {\n      jobMeta.textContent = 'No jobs match this filter. Try a different combination.';\n      return;\n    }\n    jobMeta.textContent = filtered.length + (filtered.length === 1 ? ' open position' : ' open positions');\n    filtered.forEach(function (j) {\n      var li = el('li', 'pwwl-c__job');\n      var a = document.createElement('a');\n      a.href = 'https:\/\/puschwahlig-workplace-law.jobs.personio.de\/job\/' + encodeURIComponent(j.id);\n      a.target = '_blank';\n      a.rel = 'noopener';\n\n      var inner = document.createElement('div');\n      inner.appendChild(el('h3', 'pwwl-c__job-title', j.name));\n\n      var meta = el('div', 'pwwl-c__job-meta');\n      if (j.office) meta.appendChild(el('span', 'pwwl-c__job-loc', j.office));\n      if (j.department) meta.appendChild(el('span', null, j.department));\n      if (j.schedule) meta.appendChild(el('span', null, humanize(j.schedule)));\n      if (j.employmentType) meta.appendChild(el('span', null, humanize(j.employmentType)));\n      inner.appendChild(meta);\n\n      var arrow = el('span', 'pwwl-c__job-arrow', '\u2192');\n      arrow.setAttribute('aria-hidden', 'true');\n\n      a.appendChild(inner);\n      a.appendChild(arrow);\n      li.appendChild(a);\n      jobList.appendChild(li);\n    });\n  }\n\n  function showFallback(err) {\n    if (err) console.error('[PWWL Careers]', err);\n    jobList.hidden = true;\n    jobMeta.hidden = true;\n    if (fallback) fallback.hidden = false;\n  }\n\n  function init(data) {\n    jobs = data || [];\n    if (!jobs.length) {\n      jobMeta.textContent = 'No positions are currently posted.';\n      return;\n    }\n    buildFilters();\n    render();\n  }\n\n  \/\/ Prefilter from CTA buttons (e.g. \"Legal Jobs\" \u2192 Area = Legal Team)\n  document.querySelectorAll('[data-prefilter]').forEach(function (link) {\n    link.addEventListener('click', function () {\n      var val = link.dataset.prefilter;\n      \/\/ Wait until filters are built, in case the click happens before the Personio fetch\n      var apply = function () {\n        var row = section.querySelector('.pwwl-c__filter-row[data-filter=\"category\"]');\n        if (!row) return;\n        var btn = row.querySelector('[data-value=\"' + val + '\"]');\n        if (btn) setFilter(row, 'category', val);\n      };\n      if (jobs.length) apply();\n      else setTimeout(apply, 400);\n    });\n  });\n\n  fetchJobs().then(init).catch(showFallback);\n})();\n<\/script>\n\n<script>\n(function(){\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n  if (reduce) {\n    document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ el.classList.add('is-visible'); });\n    return;\n  }\n  if (!('IntersectionObserver' in window)) {\n    document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ el.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); } });\n  }, { threshold: 0.08, rootMargin: '0px 0px -32px 0px' });\n  document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ io.observe(el); });\n})();\n<\/script>\n\n\n\n<!--\n  PWWL Careers \u2014 Snippet 2 (Middle)\n  ==================================\n  OneTeam \u2192 PWWL in Numbers \u2192 Videos (both groups) \u2192 Voices (dark).\n  lang=\"en\"\n-->\n\n<section class=\"pwwl-t\" id=\"pwwl-karriere-team\" lang=\"en\">\n\n  <!-- OUR ONETEAM (LIGHT) -->\n  <div class=\"pwwl-t__oneteam\">\n    <div class=\"pwwl-t__container\">\n      <span class=\"pwwl-t__eyebrow\" data-animate style=\"--delay:0\">OneTeam<\/span>\n      <h2 class=\"pwwl-t__title\" data-animate style=\"--delay:80\">Get to Know Our OneTeam<\/h2>\n      <p class=\"pwwl-t__lead\" data-animate style=\"--delay:160\">More than 150 employees, more than 80 lawyers, six offices. One team.<\/p>\n\n      <figure class=\"pwwl-t__oneteam-img\" data-animate style=\"--delay:240\">\n        <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2020\/07\/PWWL-Meeting-Cafe-1.jpg\" alt=\"OneTeam at PWWL\" loading=\"lazy\" \/>\n      <\/figure>\n    <\/div>\n  <\/div>\n\n  <!-- NUMBERS -->\n  <div class=\"pwwl-t__numbers\">\n    <div class=\"pwwl-t__container\">\n      <div class=\"pwwl-t__values\" data-stats data-animate-group>\n        <div class=\"pwwl-t__value\">\n          <div class=\"pwwl-t__value-num\" data-count=\"2006\" data-format=\"plain\">2006<\/div>\n          <h3>Founded<\/h3>\n          <p>Pusch Wahlig Workplace Law in Berlin.<\/p>\n        <\/div>\n        <div class=\"pwwl-t__value\">\n          <div class=\"pwwl-t__value-num\" data-count=\"150\" data-suffix=\"+\">150+<\/div>\n          <h3>in the OneTeam<\/h3>\n          <p>Lawyers and Business Professionals.<\/p>\n        <\/div>\n        <div class=\"pwwl-t__value\">\n          <div class=\"pwwl-t__value-num\" data-count=\"6\">6<\/div>\n          <h3>Offices<\/h3>\n          <p>Berlin, D\u00fcsseldorf, Frankfurt, Hamburg, Cologne, Munich.<\/p>\n        <\/div>\n        <div class=\"pwwl-t__value\">\n          <div class=\"pwwl-t__value-num\" data-count=\"1800\" data-suffix=\"+\">1,800+<\/div>\n          <h3>Employment lawyers worldwide<\/h3>\n          <p>Our international network via L&amp;E Global.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PEOPLE BEHIND PWWL \u2014 2 columns: Legal | Business Professionals -->\n  <div class=\"pwwl-t__videos\" id=\"pwwl-t-team\">\n    <div class=\"pwwl-t__container\">\n      <span class=\"pwwl-t__eyebrow\" data-animate style=\"--delay:0\">From the Team<\/span>\n      <h2 class=\"pwwl-t__title\" data-animate style=\"--delay:80\">The People Behind PWWL<\/h2>\n\n      <div class=\"pwwl-t__people-cols\">\n\n        <!-- Legal Team -->\n        <div class=\"pwwl-t__people-col\" data-animate style=\"--delay:0\">\n          <h3 class=\"pwwl-t__col-title\">Legal Team<\/h3>\n          <div class=\"pwwl-t__embed-stack\">\n            <figure class=\"pwwl-t__embed\">\n              <div class=\"pwwl-t__embed-frame\" data-youtube=\"Cccvjm7S9J0\" data-title=\"Meet your Lawyer\">\n                <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/Cccvjm7S9J0\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\" \/>\n                <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video\"><\/button>\n              <\/div>\n            <\/figure>\n            <figure class=\"pwwl-t__embed\">\n              <div class=\"pwwl-t__embed-frame\" data-youtube=\"2sPQLhjSMcY\" data-title=\"Meet your Lawyer\">\n                <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/2sPQLhjSMcY\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\" \/>\n                <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video\"><\/button>\n              <\/div>\n            <\/figure>\n          <\/div>\n        <\/div>\n\n        <!-- Business Professionals -->\n        <div class=\"pwwl-t__people-col\" data-animate style=\"--delay:120\">\n          <h3 class=\"pwwl-t__col-title\">Business Professionals<\/h3>\n          <div class=\"pwwl-t__embed-stack\">\n            <figure class=\"pwwl-t__embed\">\n              <div class=\"pwwl-t__embed-frame\" data-youtube=\"0GnQompZjN4\" data-title=\"Meet your Business Professional\">\n                <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/0GnQompZjN4\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\" \/>\n                <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video\"><\/button>\n              <\/div>\n            <\/figure>\n            <figure class=\"pwwl-t__embed\">\n              <div class=\"pwwl-t__embed-frame\" data-youtube=\"FwU4R97YQhw\" data-title=\"Meet your Business Professional\">\n                <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/FwU4R97YQhw\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\" \/>\n                <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video\"><\/button>\n              <\/div>\n            <\/figure>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- VOICES (DARK) -->\n  <div class=\"pwwl-t__voices\">\n    <div class=\"pwwl-t__container pwwl-t__container--narrow\">\n      <span class=\"pwwl-t__eyebrow pwwl-t__eyebrow--dark\">Voices from the Team<\/span>\n\n      <div class=\"pwwl-t__slider\" data-slider aria-live=\"polite\">\n        <figure class=\"pwwl-t__slide is-active\" data-slide>\n          <blockquote class=\"pwwl-t__quote\">&#8220;Every opinion counts here.&#8221;<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Denise Dahms &ndash; HR &amp; Recruiting<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide>\n          <blockquote class=\"pwwl-t__quote\">&#8220;OneTeam is contagious.&#8221;<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Walter Born &ndash; Partner, Frankfurt<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide>\n          <blockquote class=\"pwwl-t__quote\">&#8220;Trust and exchange as equals.&#8221;<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Denise Dahms &ndash; HR &amp; Recruiting<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide>\n          <blockquote class=\"pwwl-t__quote\">&#8220;Courage creates new things.&#8221;<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Tobias Pusch &ndash; Founding Partner<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide>\n          <blockquote class=\"pwwl-t__quote\">&#8220;Genuine helpfulness. Commitment. Creativity.&#8221;<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Alena Shenberg &ndash; Legal Tech Engineer<\/figcaption>\n        <\/figure>\n        <div class=\"pwwl-t__slider-dots\" role=\"tablist\" aria-label=\"Quotes\"><\/div>\n      <\/div>\n\n      <a href=\"https:\/\/pwwl.de\/unserjubilaum\/\" class=\"pwwl-t__btn pwwl-t__btn--ghost-light\">Read all stories<\/a>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n.pwwl-t {\n  --c-orange: #FF5127;\n  --c-dark: #111111;\n  --c-bg: #FAFAFA;\n  --c-soft: #F5F3EF;\n  --c-card: #ffffff;\n  --c-text: #1a1a1a;\n  --c-muted: #7a6e62;\n  --c-border: #e5dfd5;\n  --ease: cubic-bezier(0.25,0.46,0.45,0.94);\n  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);\n\n  position: relative;\n  background: var(--c-bg);\n  color: var(--c-text);\n  margin-bottom: 48px;\n}\n.pwwl-t *,\n.pwwl-t *::before,\n.pwwl-t *::after { box-sizing: border-box; }\n.pwwl-t,\n.pwwl-t :where(h1,h2,h3,p,a,span,blockquote,figcaption,button) {\n  hyphens: none;\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n.pwwl-t__container {\n  max-width: 1220px;\n  margin: 0 auto;\n  padding: 0 32px;\n  width: 100%;\n}\n.pwwl-t__container--narrow { max-width: 880px; text-align: center; }\n\n\/* \u2500\u2500\u2500 ENTRANCE ANIMATIONS \u2500\u2500\u2500 *\/\n[data-animate] {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0,0,0.3,1) calc(var(--delay,0) * 1ms),\n              transform 0.65s cubic-bezier(0,0,0.3,1) calc(var(--delay,0) * 1ms);\n}\n[data-animate].is-visible { opacity: 1; transform: none; }\n[data-animate-group] > * {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0,0,0.3,1),\n              transform 0.65s cubic-bezier(0,0,0.3,1);\n}\n[data-animate-group] > *:nth-child(1) { transition-delay: 0ms; }\n[data-animate-group] > *:nth-child(2) { transition-delay: 80ms; }\n[data-animate-group] > *:nth-child(3) { transition-delay: 160ms; }\n[data-animate-group] > *:nth-child(4) { transition-delay: 240ms; }\n[data-animate-group].is-visible > * { opacity: 1; transform: none; }\n\n.pwwl-t__eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: none;\n  color: var(--c-orange);\n  margin-bottom: 14px;\n}\n.pwwl-t__title {\n  margin: 0 0 18px;\n  font-size: 52px;\n  font-weight: 900;\n  line-height: 1.1;\n  letter-spacing: 0;\n  color: var(--c-text);\n}\n.pwwl-t__lead {\n  margin: 0 0 28px;\n  font-size: 17px;\n  line-height: 1.7;\n  max-width: 72ch;\n  color: var(--c-muted);\n}\n\n.pwwl-t__btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 14px 26px;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: none;\n  text-decoration: none;\n  border: 1px solid transparent;\n  cursor: pointer;\n  font-family: inherit;\n  transition: all 0.25s var(--ease);\n}\n.pwwl-t__btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,0.35); }\n.pwwl-t__btn--ghost-light:hover { border-color: var(--c-orange); color: var(--c-orange); }\n\n\/* OneTeam *\/\n.pwwl-t__oneteam { padding: 56px 0 32px; background: var(--c-bg); }\n\n.pwwl-t__oneteam-img {\n  margin: 28px 0 0;\n  overflow: hidden;\n}\n.pwwl-t__oneteam-img img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 460px;\n  object-fit: cover;\n  transition: transform 2s var(--ease-spring);\n}\n.pwwl-t__oneteam:hover .pwwl-t__oneteam-img img { transform: scale(1.02); }\n\n\/* Numbers *\/\n.pwwl-t__numbers { padding: 24px 0 60px; background: var(--c-bg); }\n.pwwl-t__values {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 20px;\n}\n.pwwl-t__value {\n  padding: 28px 24px 24px;\n  background: var(--c-card);\n  border: 1px solid var(--c-border);\n  transition: border-color 0.3s ease;\n}\n.pwwl-t__value:hover { border-color: var(--c-orange); }\n.pwwl-t__value-num {\n  font-size: 34px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: 0;\n  color: var(--c-orange);\n  margin-bottom: 14px;\n  font-variant-numeric: tabular-nums;\n  transition: transform 0.34s var(--ease), color 0.34s var(--ease);\n}\n.pwwl-t__value h3 { margin: 0 0 8px; font-size: 16px; font-weight: 800; color: var(--c-text); }\n.pwwl-t__value p { margin: 0; font-size: 13px; line-height: 1.65; color: var(--c-muted); }\n\n\/* Videos \u2014 2-column People Behind PWWL *\/\n.pwwl-t__videos { padding: 56px 0 64px; background: var(--c-soft); }\n\n.pwwl-t__people-cols {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 32px;\n  margin-top: 40px;\n}\n.pwwl-t__people-col { display: flex; flex-direction: column; }\n.pwwl-t__col-title {\n  margin: 0 0 20px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: none;\n  color: var(--c-text);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.pwwl-t__col-title::before {\n  content: \"\";\n  display: block;\n  width: 24px;\n  height: 2px;\n  background: var(--c-orange);\n  flex-shrink: 0;\n}\n.pwwl-t__embed-stack { display: flex; flex-direction: column; gap: 16px; }\n.pwwl-t__embed { margin: 0; }\n.pwwl-t__embed-frame {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  background: #000;\n  overflow: hidden;\n}\n.pwwl-t__embed-frame iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.pwwl-t__embed-thumb {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.5s var(--ease), filter 0.5s var(--ease);\n}\n.pwwl-t__embed-frame::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(17,17,17,0.08);\n  pointer-events: none;\n  transition: background-color 0.34s var(--ease);\n}\n.pwwl-t__play {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  z-index: 2;\n  width: 64px;\n  height: 64px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  transform: translate(-50%, -50%);\n  transition: transform 0.28s var(--ease);\n}\n.pwwl-t__play::before {\n  content: \"\";\n  position: absolute;\n  left: 23px;\n  top: 15px;\n  width: 0;\n  height: 0;\n  border-top: 17px solid transparent;\n  border-bottom: 17px solid transparent;\n  border-left: 27px solid var(--c-orange);\n}\n.pwwl-t__embed-frame:hover .pwwl-t__embed-thumb,\n.pwwl-t__embed-frame:focus-within .pwwl-t__embed-thumb {\n  transform: scale(1.035);\n  filter: saturate(1.03) contrast(1.02);\n}\n.pwwl-t__embed-frame:hover::after,\n.pwwl-t__embed-frame:focus-within::after {\n  background: rgba(17,17,17,0.16);\n}\n.pwwl-t__embed-frame:hover .pwwl-t__play,\n.pwwl-t__embed-frame:focus-within .pwwl-t__play {\n  transform: translate(-50%, -50%) scale(1.08);\n}\n.pwwl-t__embed-frame.is-loaded::after,\n.pwwl-t__embed-frame.is-loaded .pwwl-t__embed-thumb,\n.pwwl-t__embed-frame.is-loaded .pwwl-t__play {\n  display: none;\n}\n\n\/* Testimonial cards (violet gradient) *\/\n.pwwl-t__testimonial {\n  margin-top: 20px;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, rgba(72,32,62,0.10) 0%, rgba(111,77,100,0.04) 100%);\n  border-left: 3px solid rgba(111,77,100,0.32);\n}\n.pwwl-t__testimonial-quote {\n  margin: 0 0 10px;\n  font-size: 15px;\n  line-height: 1.65;\n  color: var(--c-text);\n  font-style: italic;\n}\n.pwwl-t__testimonial-source {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: none;\n  color: rgba(111,77,100,0.65);\n}\n\n@media (max-width: 760px) {\n  .pwwl-t__people-cols { grid-template-columns: 1fr; gap: 40px; }\n}\n\n\/* Voices \u2014 DARK *\/\n.pwwl-t__voices {\n  padding: 80px 0 72px;\n  background:\n    linear-gradient(135deg, rgba(72,32,62,0.55) 0%, rgba(255,81,39,0.08) 50%, transparent 70%),\n    linear-gradient(315deg, rgba(72,32,62,0.35) 0%, transparent 40%),\n    radial-gradient(ellipse at 80% 10%, rgba(255,81,39,0.12) 0, transparent 50%),\n    #111111;\n  color: #fff;\n  text-align: center;\n}\n.pwwl-t__voices .pwwl-t__eyebrow--dark { display: block; }\n.pwwl-t__quote {\n  margin: 0 auto 18px;\n  font-size: 34px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #fff;\n  font-style: italic;\n}\n.pwwl-t__quote::before {\n  content: none;\n}\n.pwwl-t__quote-source {\n  margin: 0 0 28px;\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: none;\n  color: var(--c-orange);\n  font-weight: 700;\n}\n\n.pwwl-t__slider {\n  position: relative;\n  min-height: 240px;\n  margin: 0 auto 8px;\n}\n.pwwl-t__slide {\n  margin: 0;\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(8px);\n  transition: opacity 1.1s var(--ease), transform 1.1s var(--ease), visibility 1.1s;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n}\n.pwwl-t__slide.is-active {\n  opacity: 1;\n  visibility: visible;\n  transform: none;\n  position: relative;\n  inset: auto;\n}\n.pwwl-t__slider-dots {\n  display: flex;\n  gap: 10px;\n  justify-content: center;\n  margin-top: 8px;\n}\n.pwwl-t__slider-dots button {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  border: 0;\n  background: rgba(255,255,255,0.22);\n  cursor: pointer;\n  padding: 0;\n  transition: background 0.4s ease, transform 0.4s ease, width 0.4s ease;\n}\n.pwwl-t__slider-dots button:hover { background: rgba(255,255,255,0.5); }\n.pwwl-t__slider-dots button.is-active {\n  background: var(--c-orange);\n  width: 22px;\n  border-radius: 4px;\n}\n\n@media (max-width: 760px) {\n  .pwwl-t__container { padding: 0 20px; }\n  .pwwl-t__oneteam { padding: 40px 0 20px; }\n  .pwwl-t__numbers { padding: 16px 0 40px; }\n  .pwwl-t__videos { padding: 40px 0 48px; }\n  .pwwl-t__voices { padding: 52px 0 48px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pwwl-t__value,\n  .pwwl-t__slide,\n  .pwwl-t__oneteam-img img { transition: none; }\n  [data-animate],\n  [data-animate-group] > * { opacity: 1; transform: none; transition: none; }\n}\n\n\/* Design system refinement *\/\n.pwwl-t {\n  --c-orange: #FF5127;\n  --c-orange-hover: #ff6842;\n  --c-purple: #48203e;\n  --c-dark: #111111;\n  --c-bg: #FAFAFA;\n  --c-soft: #F5F3EF;\n  --c-card: #ffffff;\n  --c-text: #171717;\n  --c-muted: #766b62;\n  --c-border: #e4ded6;\n  --radius-sm: 0;\n  --radius-md: 0;\n  --shadow-card: 0 18px 46px -30px rgba(72,32,62,0.28);\n  --shadow-hover: 0 28px 68px -34px rgba(72,32,62,0.36);\n  --ease: cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);\n\n  margin-bottom: 48px;\n}\n.pwwl-t__container {\n  max-width: 1220px;\n  padding: 0 32px;\n}\n.pwwl-t__container--narrow {\n  max-width: 900px;\n}\n[data-animate] {\n  opacity: 0;\n  transform: translateY(22px);\n  transition:\n    opacity 0.72s var(--ease) calc(var(--delay,0) * 1ms),\n    transform 0.72s var(--ease) calc(var(--delay,0) * 1ms);\n}\n[data-animate-group] > * {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity 0.72s var(--ease), transform 0.72s var(--ease);\n}\n.pwwl-t__eyebrow {\n  margin-bottom: 14px;\n  font-size: 11px;\n  letter-spacing: 1.8px;\n}\n.pwwl-t__title {\n  max-width: 860px;\n  margin: 0 0 18px;\n  font-size: 54px;\n  line-height: 1.05;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n.pwwl-t__lead {\n  max-width: 68ch;\n  margin: 0 0 28px;\n  font-size: 17px;\n  line-height: 1.7;\n  text-wrap: pretty;\n}\n.pwwl-t__btn {\n  min-height: 48px;\n  padding: 14px 24px;\n  border-radius: var(--radius-sm);\n  letter-spacing: 0.6px;\n  transition:\n    color 0.28s var(--ease),\n    background-color 0.28s var(--ease),\n    border-color 0.28s var(--ease),\n    transform 0.28s var(--ease),\n    box-shadow 0.28s var(--ease);\n}\n.pwwl-t__btn:hover,\n.pwwl-t__btn:focus-visible {\n  transform: translateY(-2px);\n  outline: 0;\n}\n.pwwl-t__oneteam {\n  padding: 56px 0 20px;\n}\n.pwwl-t__oneteam-img {\n  margin: 24px 0 0;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-card);\n}\n.pwwl-t__oneteam-img img {\n  min-height: 320px;\n  max-height: 500px;\n  border-radius: inherit;\n  transform: scale(1.001);\n  transition: transform 1.4s var(--ease), filter 1.4s var(--ease);\n}\n.pwwl-t__oneteam:hover .pwwl-t__oneteam-img img {\n  transform: scale(1.025);\n  filter: saturate(1.04) contrast(1.02);\n}\n.pwwl-t__numbers {\n  padding: 20px 0 28px;\n}\n.pwwl-t__values {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 24px;\n}\n.pwwl-t__value {\n  min-height: 190px;\n  padding: 30px 26px 26px;\n  border-color: rgba(228,222,214,0.9);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-card);\n  transition:\n    transform 0.34s var(--ease),\n    box-shadow 0.34s var(--ease),\n    border-color 0.34s var(--ease);\n}\n.pwwl-t__value:hover {\n  transform: translateY(-4px);\n  border-color: rgba(255,81,39,0.72);\n  box-shadow: var(--shadow-hover);\n}\n.pwwl-t__value-num {\n  margin-bottom: 14px;\n  font-size: 36px;\n  letter-spacing: 0;\n}\n.pwwl-t__value:hover .pwwl-t__value-num {\n  transform: translateY(-2px);\n}\n.pwwl-t__value h3 {\n  margin: 0 0 9px;\n  font-size: 16px;\n  line-height: 1.25;\n}\n.pwwl-t__value p {\n  font-size: 13.5px;\n  line-height: 1.62;\n}\n.pwwl-t__videos {\n  padding: 36px 0 60px;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0)),\n    var(--c-soft);\n}\n.pwwl-t__people-cols {\n  gap: 36px;\n  margin-top: 32px;\n}\n.pwwl-t__people-col {\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n.pwwl-t__col-title {\n  margin: 0 0 18px;\n  font-size: 12px;\n  letter-spacing: 1.8px;\n}\n.pwwl-t__embed-stack {\n  gap: 20px;\n}\n.pwwl-t__embed-frame {\n  border-radius: var(--radius-sm);\n  border: 1px solid rgba(228,222,214,0.9);\n  box-shadow: 0 18px 46px -34px rgba(17,17,17,0.72);\n  transition: transform 0.34s var(--ease), border-color 0.34s var(--ease), box-shadow 0.34s var(--ease);\n}\n.pwwl-t__embed-frame:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 24px 54px -38px rgba(17,17,17,0.82);\n}\n.pwwl-t__voices {\n  position: relative;\n  overflow: hidden;\n  padding: 72px 0 68px;\n  background:\n    linear-gradient(135deg, rgba(72,32,62,0.66) 0%, rgba(255,81,39,0.11) 52%, rgba(255,255,255,0) 72%),\n    linear-gradient(315deg, rgba(72,32,62,0.36) 0%, rgba(255,255,255,0) 42%),\n    #111111;\n}\n.pwwl-t__voices::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-top: 1px solid rgba(255,255,255,0.08);\n  pointer-events: none;\n}\n.pwwl-t__quote {\n  max-width: 820px;\n  margin: 0 auto 20px;\n  font-size: 35px;\n  line-height: 1.38;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n.pwwl-t__quote::before {\n  content: none;\n}\n.pwwl-t__quote-source {\n  margin: 0 0 26px;\n  letter-spacing: 1.8px;\n}\n.pwwl-t__slider {\n  min-height: 220px;\n}\n.pwwl-t__slide {\n  transform: translateY(10px);\n  transition:\n    opacity 1.35s var(--ease),\n    transform 1.35s var(--ease),\n    visibility 1.35s;\n}\n.pwwl-t__slider-dots {\n  gap: 9px;\n  margin-top: 10px;\n}\n.pwwl-t__slider-dots button {\n  width: 9px;\n  height: 9px;\n  transition:\n    background-color 0.34s var(--ease),\n    transform 0.34s var(--ease),\n    width 0.34s var(--ease);\n}\n.pwwl-t__slider-dots button:hover,\n.pwwl-t__slider-dots button:focus-visible {\n  transform: scale(1.15);\n  outline: 0;\n}\n.pwwl-t__slider-dots button.is-active {\n  width: 26px;\n  border-radius: 999px;\n}\n\n@media (max-width: 1080px) {\n  .pwwl-t__values { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 760px) {\n  .pwwl-t__container { padding: 0 20px; }\n  .pwwl-t__oneteam { padding: 40px 0 16px; }\n  .pwwl-t__numbers { padding: 16px 0 24px; }\n  .pwwl-t__videos { padding: 32px 0 48px; }\n  .pwwl-t__voices { padding: 56px 0 52px; }\n  .pwwl-t__title { font-size: clamp(34px, 10vw, 38px); line-height: 1.08; }\n  .pwwl-t__lead { font-size: 16px; line-height: 1.62; }\n  .pwwl-t__oneteam-img img { min-height: 220px; max-height: 320px; }\n  .pwwl-t__values { grid-template-columns: 1fr; gap: 18px; }\n  .pwwl-t__value { min-height: 0; padding: 24px 22px; }\n  .pwwl-t__people-cols { grid-template-columns: 1fr; gap: 20px; margin-top: 24px; }\n  .pwwl-t__people-col { padding: 18px; }\n  .pwwl-t__col-title { margin-bottom: 16px; }\n  .pwwl-t__embed-stack { gap: 14px; }\n  .pwwl-t__quote { font-size: 28px; line-height: 1.42; }\n  .pwwl-t__quote-source { margin-bottom: 22px; }\n  .pwwl-t__slider { min-height: 205px; }\n  .pwwl-t__btn { width: 100%; justify-content: center; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pwwl-t *,\n  .pwwl-t *::before,\n  .pwwl-t *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n.pwwl-t,\n.pwwl-t *,\n.pwwl-t *::before,\n.pwwl-t *::after {\n  border-radius: 0 !important;\n}\n\n.pwwl-t__btn,\n.pwwl-t__btn:hover,\n.pwwl-t__btn:focus-visible,\n.pwwl-t__slider-dots button,\n.pwwl-t__slider-dots button:hover,\n.pwwl-t__slider-dots button:focus-visible,\n.pwwl-t__slider-dots button.is-active {\n  box-shadow: none !important;\n}\n\n.pwwl-t__eyebrow,\n.pwwl-t__btn,\n.pwwl-t__col-title,\n.pwwl-t__testimonial-source,\n.pwwl-t__quote-source {\n  letter-spacing: 0 !important;\n  text-transform: none !important;\n}\n.pwwl-t__eyebrow {\n  font-size: 14px !important;\n  font-weight: 800 !important;\n}\n.pwwl-t__col-title,\n.pwwl-t__testimonial-source,\n.pwwl-t__quote-source {\n  font-size: 13px !important;\n  font-weight: 800 !important;\n}\n.pwwl-t__btn {\n  font-size: 14px !important;\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.getElementById('pwwl-karriere-team');\n  if (!section) return;\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* Count-up numbers *\/\n  var stats = section.querySelector('[data-stats]');\n  if (stats) {\n    var fired = false;\n    function fmt(n) { return n.toLocaleString('en-US'); }\n    function animateCount(el) {\n      var target = parseInt(el.dataset.count, 10) || 0;\n      var suffix = el.dataset.suffix || '';\n      var plain = el.dataset.format === 'plain';\n      function render(n) { return (plain ? String(n) : fmt(n)) + suffix; }\n      if (reduce) { el.textContent = render(target); return; }\n      var duration = 1600;\n      var start = performance.now();\n      function step(now) {\n        var p = Math.min(1, (now - start) \/ duration);\n        var eased = 1 - Math.pow(1 - p, 3);\n        el.textContent = render(Math.round(target * eased));\n        if (p < 1) requestAnimationFrame(step);\n        else el.textContent = render(target);\n      }\n      requestAnimationFrame(step);\n    }\n    function run() {\n      if (fired) return;\n      fired = true;\n      stats.querySelectorAll('.pwwl-t__value-num').forEach(animateCount);\n    }\n    if ('IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (e) { if (e.isIntersecting) { run(); io.disconnect(); } });\n      }, { threshold: 0.3 });\n      io.observe(stats);\n    } else {\n      run();\n    }\n  }\n\n  \/* YouTube Facades *\/\n  section.querySelectorAll('[data-youtube]').forEach(function (frame) {\n    var play = frame.querySelector('.pwwl-t__play');\n    if (!play) return;\n\n    play.addEventListener('click', function () {\n      if (frame.classList.contains('is-loaded')) return;\n      var id = frame.getAttribute('data-youtube');\n      var title = frame.getAttribute('data-title') || 'PWWL Video';\n      var iframe = document.createElement('iframe');\n\n      iframe.src = 'https:\/\/www.youtube-nocookie.com\/embed\/' + encodeURIComponent(id) + '?autoplay=1&#038;rel=0&#038;modestbranding=1&#038;playsinline=1';\n      iframe.title = title;\n      iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';\n      iframe.referrerPolicy = 'strict-origin-when-cross-origin';\n      iframe.allowFullscreen = true;\n\n      frame.classList.add('is-loaded');\n      frame.appendChild(iframe);\n    });\n  });\n\n  \/* Slider *\/\n  var slider = section.querySelector('[data-slider]');\n  if (slider) {\n    var slides = slider.querySelectorAll('[data-slide]');\n    var dotsWrap = slider.querySelector('.pwwl-t__slider-dots');\n    var idx = 0;\n    var timer = null;\n    var firstTimer = null;\n    var FIRST_INTERVAL = 3800;\n    var INTERVAL = 9000;\n\n    var dots = [];\n    slides.forEach(function (_, i) {\n      var b = document.createElement('button');\n      b.type = 'button';\n      b.setAttribute('aria-label', 'Quote ' + (i + 1));\n      if (i === 0) b.classList.add('is-active');\n      b.addEventListener('click', function () { go(i); restart(); });\n      dotsWrap.appendChild(b);\n      dots.push(b);\n    });\n\n    function go(n) {\n      idx = (n + slides.length) % slides.length;\n      slides.forEach(function (s, i) {\n        var active = i === idx;\n        s.classList.toggle('is-active', active);\n        s.setAttribute('aria-hidden', active ? 'false' : 'true');\n      });\n      dots.forEach(function (d, i) {\n        var active = i === idx;\n        d.classList.toggle('is-active', active);\n        d.setAttribute('aria-current', active ? 'true' : 'false');\n      });\n    }\n    function tick() { go(idx + 1); }\n    function start() {\n      if (reduce || slides.length <= 1) return;\n      stop();\n      firstTimer = setTimeout(function () {\n        tick();\n        timer = setInterval(tick, INTERVAL);\n      }, FIRST_INTERVAL);\n    }\n    function stop() {\n      if (firstTimer) { clearTimeout(firstTimer); firstTimer = null; }\n      if (timer) { clearInterval(timer); timer = null; }\n    }\n    function restart() { stop(); start(); }\n\n    go(0);\n    start();\n  }\n})();\n<\/script>\n\n<script>\n(function(){\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n  if (reduce) {\n    document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ el.classList.add('is-visible'); });\n    return;\n  }\n  if (!('IntersectionObserver' in window)) {\n    document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ el.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); } });\n  }, { threshold: 0.08, rootMargin: '0px 0px -32px 0px' });\n  document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ io.observe(el); });\n})();\n<\/script>\n\n\n\n<!--\n  PWWL Careers \u2014 Snippet 3 (Bottom)\n  ==================================\n  Contacts \u2014 compact card grid, light, without dividers.\n  lang=\"en\"\n-->\n\n<section class=\"pwwl-k\" id=\"pwwl-karriere-kontakt\" lang=\"en\">\n  <div class=\"pwwl-k__container\">\n\n    <header class=\"pwwl-k__intro\" data-animate style=\"--delay:0\">\n      <span class=\"pwwl-k__eyebrow\">Contact<\/span>\n      <h2 class=\"pwwl-k__title\">Questions? Get in touch!<\/h2>\n\n    <\/header>\n\n    <ul class=\"pwwl-k__grid\" data-animate-group>\n\n      <li>\n        <a class=\"pwwl-k__card\" href=\"mailto:alscher@pwwl.de\">\n          <figure class=\"pwwl-k__photo\">\n            <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2019\/08\/PWWL-3viertel-Portrait-Alscher.jpg\" alt=\"Britta Alscher\" loading=\"lazy\" \/>\n          <\/figure>\n          <div class=\"pwwl-k__body\">\n            <span class=\"pwwl-k__area\">Legal<\/span>\n            <h3 class=\"pwwl-k__name\">Britta Alscher<\/h3>\n            <p class=\"pwwl-k__role\">Partner<\/p>\n            <span class=\"pwwl-k__mail\">alscher@pwwl.de<\/span>\n          <\/div>\n        <\/a>\n      <\/li>\n\n      <li>\n        <a class=\"pwwl-k__card\" href=\"mailto:dahms@pwwl.de\">\n          <figure class=\"pwwl-k__photo\">\n            <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2024\/02\/PWWL-3viertel-Portrait-Kamensky.jpg\" alt=\"Denise Dahms\" loading=\"lazy\" \/>\n          <\/figure>\n          <div class=\"pwwl-k__body\">\n            <span class=\"pwwl-k__area\">Business Services<\/span>\n            <h3 class=\"pwwl-k__name\">Denise Dahms<\/h3>\n            <p class=\"pwwl-k__role\">HR Generalist &amp; Recruiting Specialist<\/p>\n            <span class=\"pwwl-k__mail\">dahms@pwwl.de<\/span>\n          <\/div>\n        <\/a>\n      <\/li>\n\n      <li>\n        <a class=\"pwwl-k__card\" href=\"mailto:zschaler@pwwl.de\">\n          <figure class=\"pwwl-k__photo\">\n            <img decoding=\"async\" src=\"https:\/\/pwwl.de\/wp-content\/uploads\/2024\/08\/PWWL-3viertel-Portrait-Zschaler.jpg\" alt=\"Ann-Christin Zschaler\" loading=\"lazy\" \/>\n          <\/figure>\n          <div class=\"pwwl-k__body\">\n            <span class=\"pwwl-k__area\">Business Services &amp; Legal<\/span>\n            <h3 class=\"pwwl-k__name\">Ann-Christin Zschaler<\/h3>\n            <p class=\"pwwl-k__role\">Head of HR<\/p>\n            <div class=\"pwwl-k__contact\">\n              <span class=\"pwwl-k__phone\">+49 151 28068999<\/span>\n              <span class=\"pwwl-k__mail\">zschaler@pwwl.de<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n      <\/li>\n\n      <li>\n        <a class=\"pwwl-k__card\" href=\"mailto:martins@pwwl.de\">\n          <figure class=\"pwwl-k__photo pwwl-k__photo--initials\" aria-hidden=\"true\">\n            <span>SM<\/span>\n          <\/figure>\n          <div class=\"pwwl-k__body\">\n            <span class=\"pwwl-k__area\">Legal<\/span>\n            <h3 class=\"pwwl-k__name\">Sophia Martins<\/h3>\n            <p class=\"pwwl-k__role\">Legal Recruiting Specialist<\/p>\n            <span class=\"pwwl-k__mail\">martins@pwwl.de<\/span>\n          <\/div>\n        <\/a>\n      <\/li>\n\n    <\/ul>\n\n    <div class=\"pwwl-k__cta\" data-animate>\n      <div class=\"pwwl-k__cta-left\">\n        <p class=\"pwwl-k__cta-q\">Couldn't find a suitable role?<\/p>\n        <p class=\"pwwl-k__cta-sub\">Send us a speculative application today.<\/p>\n        <a class=\"pwwl-k__cta-tel\" href=\"tel:+4930206295330\">+49 (0) 30 20 62 953-0<\/a>\n      <\/div>\n      <a class=\"pwwl-k__cta-btn\" href=\"mailto:karriere@pwwl.de\">karriere@pwwl.de<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.pwwl-k {\n  --c-orange: #FF5127;\n  --c-dark: #111111;\n  --c-bg: #FAFAFA;\n  --c-card: #ffffff;\n  --c-text: #1a1a1a;\n  --c-muted: #7a6e62;\n  --c-border: #e5dfd5;\n  --ease: cubic-bezier(0.25,0.46,0.45,0.94);\n  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);\n\n  background: var(--c-bg);\n  color: var(--c-text);\n  padding: 64px 0 88px;\n  margin-bottom: 48px;\n}\n.pwwl-k *,\n.pwwl-k *::before,\n.pwwl-k *::after { box-sizing: border-box; }\n.pwwl-k,\n.pwwl-k :where(h1,h2,h3,p,a,span,blockquote,figcaption,button) {\n  hyphens: none;\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n.pwwl-k__container {\n  max-width: 1220px;\n  margin: 0 auto;\n  padding: 0 32px;\n}\n\n\/* \u2500\u2500\u2500 ENTRANCE ANIMATIONS \u2500\u2500\u2500 *\/\n[data-animate] {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0,0,0.3,1) calc(var(--delay,0) * 1ms),\n              transform 0.65s cubic-bezier(0,0,0.3,1) calc(var(--delay,0) * 1ms);\n}\n[data-animate].is-visible { opacity: 1; transform: none; }\n[data-animate-group] > * {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0,0,0.3,1),\n              transform 0.65s cubic-bezier(0,0,0.3,1);\n}\n[data-animate-group] > *:nth-child(1) { transition-delay: 0ms; }\n[data-animate-group] > *:nth-child(2) { transition-delay: 80ms; }\n[data-animate-group] > *:nth-child(3) { transition-delay: 160ms; }\n[data-animate-group] > *:nth-child(4) { transition-delay: 240ms; }\n[data-animate-group].is-visible > * { opacity: 1; transform: none; }\n\n.pwwl-k__intro { margin: 0 0 40px; }\n\n.pwwl-k__eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: none;\n  color: var(--c-orange);\n  margin-bottom: 12px;\n}\n.pwwl-k__title {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 900;\n  line-height: 1.1;\n  letter-spacing: 0;\n  color: var(--c-text);\n}\n\n.pwwl-k__grid {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n.pwwl-k__grid li { display: flex; }\n\n.pwwl-k__card {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  background: var(--c-card);\n  border: 1px solid var(--c-border);\n  text-decoration: none;\n  color: inherit;\n  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s var(--ease);\n}\n.pwwl-k__card:hover {\n  transform: translateY(-3px);\n  border-color: var(--c-orange);\n  box-shadow: 0 20px 50px -25px rgba(72,32,62,0.25);\n}\n.pwwl-k__card:hover .pwwl-k__mail { color: var(--c-orange); }\n\n.pwwl-k__photo {\n  margin: 0;\n  background: #111;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 5;\n}\n.pwwl-k__photo img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s var(--ease-spring);\n}\n.pwwl-k__card:hover .pwwl-k__photo img { transform: scale(1.03); }\n\n.pwwl-k__photo--initials {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #2a2a2a 0%, #111 100%);\n  color: #fff;\n  font-size: 44px;\n  font-weight: 900;\n  letter-spacing: 1px;\n}\n.pwwl-k__photo--initials span { opacity: 0.85; }\n\n.pwwl-k__body {\n  padding: 20px 20px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.pwwl-k__area {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: none;\n  color: var(--c-orange);\n}\n\n.pwwl-k__name {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 800;\n  letter-spacing: 0;\n  color: var(--c-text);\n}\n\n.pwwl-k__role {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--c-muted);\n}\n\n.pwwl-k__mail {\n  margin-top: 4px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--c-text);\n  word-break: break-all;\n  transition: color 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.pwwl-k__mail::before {\n  content: \"\u2192\";\n  font-size: 12px;\n  color: var(--c-orange);\n  flex-shrink: 0;\n}\n\n.pwwl-k__phone {\n  font-size: 12px;\n  color: var(--c-muted);\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.pwwl-k__phone::before {\n  content: \"\u260e\";\n  font-size: 11px;\n  color: var(--c-orange);\n  flex-shrink: 0;\n}\n\n\/* CTA module *\/\n.pwwl-k__cta {\n  margin-top: 48px;\n  padding: 36px 48px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n  background:\n    linear-gradient(135deg, rgba(72,32,62,0.55) 0%, rgba(255,81,39,0.08) 50%, transparent 70%),\n    linear-gradient(315deg, rgba(72,32,62,0.35) 0%, transparent 40%),\n    radial-gradient(ellipse at 80% 10%, rgba(255,81,39,0.12) 0, transparent 50%),\n    #111111;\n}\n.pwwl-k__cta-q {\n  margin: 0;\n  font-size: 28px;\n  font-weight: 900;\n  color: #fff;\n  letter-spacing: 0;\n}\n.pwwl-k__cta-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 14px 28px;\n  background: var(--c-orange);\n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n  letter-spacing: 0.5px;\n  text-transform: none;\n  font-family: inherit;\n  transition: background 0.25s var(--ease), transform 0.25s var(--ease), box-shadow 0.25s var(--ease);\n}\n.pwwl-k__cta-btn:hover {\n  background: #ff6b45;\n  transform: translateY(-2px);\n  box-shadow: 0 12px 32px -10px rgba(255,81,39,0.4);\n}\n\n@media (max-width: 1080px) {\n  .pwwl-k__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\n}\n@media (max-width: 560px) {\n  .pwwl-k { padding: 40px 0 0; }\n  .pwwl-k__container { padding: 0 20px; }\n  .pwwl-k__grid { grid-template-columns: 1fr; gap: 20px; }\n  .pwwl-k__photo { aspect-ratio: 16 \/ 10; }\n  .pwwl-k__cta { padding: 28px 24px; flex-direction: column; align-items: flex-start; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pwwl-k__card,\n  .pwwl-k__photo img { transition: none; }\n  [data-animate],\n  [data-animate-group] > * { opacity: 1; transform: none; transition: none; }\n}\n\n\/* Design system refinement *\/\n.pwwl-k {\n  --c-orange: #FF5127;\n  --c-orange-hover: #ff6842;\n  --c-purple: #48203e;\n  --c-dark: #111111;\n  --c-bg: #FAFAFA;\n  --c-soft: #F5F3EF;\n  --c-card: #ffffff;\n  --c-text: #171717;\n  --c-muted: #766b62;\n  --c-border: #e4ded6;\n  --radius-sm: 0;\n  --radius-md: 0;\n  --shadow-card: 0 18px 46px -30px rgba(72,32,62,0.28);\n  --shadow-hover: 0 28px 68px -34px rgba(72,32,62,0.36);\n  --ease: cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);\n\n  padding: 64px 0 72px;\n  margin-bottom: 48px;\n}\n.pwwl-k__container {\n  max-width: 1220px;\n  padding: 0 32px;\n}\n.pwwl-k__intro {\n  max-width: 760px;\n  margin: 0 0 32px;\n}\n.pwwl-k__eyebrow {\n  margin-bottom: 14px;\n  font-size: 11px;\n  letter-spacing: 1.8px;\n}\n.pwwl-k__title {\n  max-width: 760px;\n  font-size: 54px;\n  line-height: 1.05;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n.pwwl-k__lead {\n  margin: 16px 0 0;\n  max-width: 62ch;\n  font-size: 17px;\n  line-height: 1.7;\n  color: var(--c-muted);\n  text-wrap: pretty;\n}\n[data-animate] {\n  opacity: 0;\n  transform: translateY(22px);\n  transition:\n    opacity 0.72s var(--ease) calc(var(--delay,0) * 1ms),\n    transform 0.72s var(--ease) calc(var(--delay,0) * 1ms);\n}\n[data-animate-group] > * {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity 0.72s var(--ease), transform 0.72s var(--ease);\n}\n.pwwl-k__grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 24px;\n}\n.pwwl-k__card {\n  border-color: rgba(228,222,214,0.9);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  box-shadow: var(--shadow-card);\n  transition:\n    transform 0.34s var(--ease),\n    box-shadow 0.34s var(--ease),\n    border-color 0.34s var(--ease),\n    background-color 0.34s var(--ease);\n}\n.pwwl-k__card:hover,\n.pwwl-k__card:focus-visible {\n  transform: translateY(-5px);\n  border-color: rgba(255,81,39,0.72);\n  box-shadow: var(--shadow-hover);\n  outline: 0;\n}\n.pwwl-k__photo {\n  aspect-ratio: 4 \/ 5;\n  background: linear-gradient(135deg, #262626, #111);\n}\n.pwwl-k__photo img {\n  transform: scale(1.001);\n  transition: transform 1.2s var(--ease), filter 1.2s var(--ease);\n}\n.pwwl-k__card:hover .pwwl-k__photo img,\n.pwwl-k__card:focus-visible .pwwl-k__photo img {\n  transform: scale(1.045);\n  filter: saturate(1.04) contrast(1.02);\n}\n.pwwl-k__photo--initials {\n  background:\n    linear-gradient(135deg, rgba(51,62,58,0.96) 0%, rgba(51,62,58,0.72) 45%, rgba(17,17,17,0.96) 100%),\n    #333E3A;\n}\n.pwwl-k__body {\n  flex: 1;\n  min-height: 172px;\n  padding: 22px 22px 24px;\n  gap: 7px;\n}\n.pwwl-k__area {\n  font-size: 10px;\n  letter-spacing: 1.4px;\n}\n.pwwl-k__name {\n  font-size: 20px;\n  line-height: 1.18;\n  letter-spacing: 0;\n}\n.pwwl-k__role {\n  font-size: 13.5px;\n  line-height: 1.55;\n}\n.pwwl-k__contact {\n  margin-top: auto;\n  padding-top: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.pwwl-k__contact .pwwl-k__mail {\n  margin-top: 0;\n  padding-top: 0;\n}\n.pwwl-k__mail {\n  margin-top: auto;\n  padding-top: 10px;\n  font-size: 13px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  word-break: normal;\n  transition: color 0.24s var(--ease), transform 0.24s var(--ease);\n}\n.pwwl-k__mail::before {\n  transition: transform 0.24s var(--ease);\n}\n.pwwl-k__card:hover .pwwl-k__mail::before,\n.pwwl-k__card:focus-visible .pwwl-k__mail::before {\n  transform: translateX(3px);\n}\n.pwwl-k__cta {\n  position: relative;\n  overflow: hidden;\n  margin-top: 36px;\n  padding: 36px 48px;\n  border-radius: var(--radius-md);\n  background:\n    linear-gradient(135deg, rgba(72,32,62,0.66) 0%, rgba(255,81,39,0.11) 52%, rgba(255,255,255,0) 72%),\n    linear-gradient(315deg, rgba(72,32,62,0.36) 0%, rgba(255,255,255,0) 42%),\n    #111111;\n  box-shadow: 0 28px 76px -48px rgba(17,17,17,0.72);\n}\n.pwwl-k__cta::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: inherit;\n}\n.pwwl-k__cta-left {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.pwwl-k__cta-q {\n  position: relative;\n  font-size: 32px;\n  line-height: 1.15;\n  letter-spacing: 0;\n}\n.pwwl-k__cta-sub {\n  margin: 0;\n  font-size: 16px;\n  color: rgba(255,255,255,0.72);\n  line-height: 1.5;\n}\n.pwwl-k__cta-tel {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.6);\n  text-decoration: none;\n  transition: color 0.24s var(--ease);\n}\n.pwwl-k__cta-tel:hover { color: #fff; }\n.pwwl-k__cta-btn {\n  position: relative;\n  min-height: 48px;\n  padding: 14px 24px;\n  border-radius: var(--radius-sm);\n  background: var(--c-orange);\n  letter-spacing: 0.6px;\n  box-shadow: 0 14px 30px -18px rgba(255,81,39,0.65);\n  transition:\n    background-color 0.28s var(--ease),\n    transform 0.28s var(--ease),\n    box-shadow 0.28s var(--ease);\n}\n.pwwl-k__cta-btn:hover,\n.pwwl-k__cta-btn:focus-visible {\n  background: var(--c-orange-hover);\n  transform: translateY(-2px);\n  box-shadow: 0 18px 34px -18px rgba(255,81,39,0.72);\n  outline: 0;\n}\n\n@media (max-width: 1080px) {\n  .pwwl-k { padding: 56px 0 64px; }\n  .pwwl-k__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .pwwl-k__photo { aspect-ratio: 16 \/ 11; }\n}\n@media (max-width: 560px) {\n  .pwwl-k { padding: 40px 0 52px; }\n  .pwwl-k__container { padding: 0 20px; }\n  .pwwl-k__intro { margin-bottom: 28px; }\n  .pwwl-k__title { font-size: clamp(34px, 10vw, 38px); line-height: 1.08; }\n  .pwwl-k__lead { font-size: 16px; line-height: 1.62; }\n  .pwwl-k__grid { gap: 18px; }\n  .pwwl-k__photo { aspect-ratio: 4 \/ 3; }\n  .pwwl-k__body { min-height: 0; padding: 20px; }\n  .pwwl-k__name { font-size: 19px; }\n  .pwwl-k__cta { margin-top: 32px; padding: 28px 24px; }\n  .pwwl-k__cta-q { font-size: 28px; }\n  .pwwl-k__cta-btn { width: 100%; justify-content: center; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pwwl-k *,\n  .pwwl-k *::before,\n  .pwwl-k *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n.pwwl-k,\n.pwwl-k *,\n.pwwl-k *::before,\n.pwwl-k *::after {\n  border-radius: 0 !important;\n}\n\n.pwwl-k__cta-btn,\n.pwwl-k__cta-btn:hover,\n.pwwl-k__cta-btn:focus-visible {\n  box-shadow: none !important;\n}\n\n.pwwl-k__eyebrow,\n.pwwl-k__area,\n.pwwl-k__cta-btn {\n  letter-spacing: 0 !important;\n  text-transform: none !important;\n}\n.pwwl-k__eyebrow,\n.pwwl-k__area {\n  font-weight: 800 !important;\n}\n.pwwl-k__eyebrow {\n  font-size: 14px !important;\n}\n.pwwl-k__area {\n  font-size: 13px !important;\n}\n.pwwl-k__cta-btn {\n  font-size: 14px !important;\n}\n<\/style>\n\n<script>\n(function(){\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n  if (reduce) {\n    document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ el.classList.add('is-visible'); });\n    return;\n  }\n  if (!('IntersectionObserver' in window)) {\n    document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ el.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); } });\n  }, { threshold: 0.08, rootMargin: '0px 0px -32px 0px' });\n  document.querySelectorAll('[data-animate],[data-animate-group]').forEach(function(el){ io.observe(el); });\n})();\n<\/script>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Careers at PWWL Your career.Our OneTeam. 360&nbsp;degree employment law for national and international clients at six offices in Germany \u2013 on the Legal&nbsp;Team or as a Business&nbsp;Professional. Open Positions Your Career Path Our OneTeam OneTeam Become Part of Our OneTeam At PWWL, you work on the Legal Team or as a Business Professional. Choose your [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1174,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Your Career at PWWL","_seopress_titles_desc":"Your career at PWWL: Employment law at 6 locations. Open positions in our Legal Team and for Business Professionals. Become part of our OneTeam.","_seopress_robots_index":"","footnotes":""},"knowledge_center_category":[],"class_list":["post-6243","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/pages\/6243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/comments?post=6243"}],"version-history":[{"count":3,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/pages\/6243\/revisions"}],"predecessor-version":[{"id":6248,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/pages\/6243\/revisions\/6248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/media\/1174"}],"wp:attachment":[{"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/media?parent=6243"}],"wp:term":[{"taxonomy":"knowledge_center_category","embeddable":true,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/knowledge_center_category?post=6243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}