{"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-08-11T13:11:46","modified_gmt":"2026-08-11T11:11:46","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>Your career. Our OneTeam.<\/span>\n      <h1 class=\"pwwl-c__hero-title\">Careers at PWWL:<br><span class=\"pwwl-c__hero-title-line2\">Jobs for Legal, Lawyer&#8217;s Assistants and Business Professionals<\/span><\/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-paths\" class=\"pwwl-c__btn pwwl-c__btn--primary\">Open Positions<\/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<\/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&amp;utm_content=widget_icon_score_logo_small&amp;utm_medium=affiliate&amp;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 Jobs at PWWL<\/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>\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 \u2026<\/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\/* Second line of the H1 \u2014 carries the keywords without breaking the hero look. *\/\n.pwwl-c__hero-title-line2 {\n  display: block;\n  margin-top: 0.2em;\n  font-size: 0.4em;\n  font-weight: 800;\n  line-height: 1.15;\n  color: rgba(255,255,255,0.92);\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' };\n\n  var LOCATION_FILTERS = [\n    { value: 'all', label: 'All' },\n    { value: 'Deutschland', label: 'Germany' },\n    { value: 'Berlin', label: 'Berlin' },\n    { value: 'Hamburg', label: 'Hamburg' },\n    { value: 'Frankfurt am Main', label: 'Frankfurt am Main' },\n    { value: 'D\u00fcsseldorf', label: 'D\u00fcsseldorf' },\n    { value: 'K\u00f6ln', label: 'Cologne' },\n    { value: 'M\u00fcnchen', label: 'Munich' },\n    { value: 'Landshut', label: 'Landshut' }\n  ];\n\n  var LOCATION_ALIASES = {\n    'deutschland': 'Deutschland',\n    'germany': 'Deutschland',\n    'berlin': 'Berlin',\n    'hamburg': 'Hamburg',\n    'frankfurt': 'Frankfurt am Main',\n    'frankfurt am main': 'Frankfurt am Main',\n    'd\u00fcsseldorf': 'D\u00fcsseldorf',\n    'duesseldorf': 'D\u00fcsseldorf',\n    'dusseldorf': 'D\u00fcsseldorf',\n    'k\u00f6ln': 'K\u00f6ln',\n    'koeln': 'K\u00f6ln',\n    'koln': 'K\u00f6ln',\n    'cologne': 'K\u00f6ln',\n    'm\u00fcnchen': 'M\u00fcnchen',\n    'muenchen': 'M\u00fcnchen',\n    'munich': 'M\u00fcnchen',\n    'munchen': 'M\u00fcnchen',\n    'landshut': 'Landshut'\n  };\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 normalizeLocationToken(value) {\n    var key = String(value || '').trim().toLowerCase();\n    return LOCATION_ALIASES[key] || '';\n  }\n\n  function pushUnique(arr, value) {\n    if (value && arr.indexOf(value) === -1) arr.push(value);\n  }\n\n  function locationTokens(value) {\n    var out = [];\n    String(value || '').split(',').forEach(function (part) {\n      pushUnique(out, normalizeLocationToken(part));\n    });\n    return out;\n  }\n\n  function jobLocations(job) {\n    var out = [];\n    locationTokens(job.office).forEach(function (location) { pushUnique(out, location); });\n    locationTokens(job.keywords).forEach(function (location) { pushUnique(out, location); });\n    return out;\n  }\n\n  function matchesLocation(job) {\n    return jobLocations(job).indexOf(state.office) !== -1;\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            keywords: text(p, 'keywords'),\n            department: dep,\n            category: deriveCategory(dep),\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      '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 filterOptions(key) {\n    if (key === 'office') return LOCATION_FILTERS;\n    return [{ value: 'all', label: 'All' }].concat(unique(jobs.map(function (j) { return j[key]; })).map(function (val) {\n      return { value: val, label: humanize(val) };\n    }));\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 options = filterOptions(key);\n\n      pillsWrap.innerHTML = '';\n      options.forEach(function (option) {\n        var b = document.createElement('button');\n        b.type = 'button';\n        b.className = 'pwwl-c__filter';\n        b.dataset.value = option.value;\n        b.textContent = option.label;\n        if (option.value === state[key]) b.classList.add('is-active');\n        b.addEventListener('click', function () { setFilter(row, key, option.value); });\n        pillsWrap.appendChild(b);\n      });\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 (!matchesLocation(job)) 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    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      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<script>\n\/*\n  Heading structure (HR requirement)\n  =================================\n  Exactly one H1 per page: the WordPress page title (\"Your Career\") is demoted to\n  a neutral <div>. Nothing changes visually \u2014 afterwards the hero is the only H1.\n  The title is already hidden by the `body .main-title { display:none }` rule in\n  this snippet's CSS, but display:none does not remove it from the heading outline.\n\n  Heads-up: that CSS rule is NOT scoped to a page id (the DE snippet uses\n  `body.page-id-17709 .main-title`). If this CSS is ever moved into a site-wide\n  snippet, it would hide the page title on every page. Scope it before doing that.\n\n  The \"KI ver\u00e4ndert das Arbeitsrecht\" teaser that pollutes the DE outline does not\n  appear on the EN careers page; DEMOTE_BY_TEXT is therefore empty.\n\n  This is a front-end safeguard. The cleaner fix is in WordPress itself\n  (suppress the page title for this page).\n*\/\n(function () {\n  var scope = document.getElementById('pwwl-karriere');\n  if (!scope) return;\n\n  \/\/ Headings to take out of the outline (matched on the start of their text, case-insensitive).\n  var DEMOTE_BY_TEXT = [];\n\n  function demote(node) {\n    var el = document.createElement('div');\n    for (var i = 0; i < node.attributes.length; i++) {\n      el.setAttribute(node.attributes[i].name, node.attributes[i].value);\n    }\n    el.setAttribute('data-was-heading', node.tagName.toLowerCase());\n    while (node.firstChild) el.appendChild(node.firstChild);\n    node.parentNode.replaceChild(el, node);\n  }\n\n  function run() {\n    var headings = document.querySelectorAll('h1, h2, h3');\n    Array.prototype.forEach.call(headings, function (h) {\n      if (scope.contains(h)) return;                 \/\/ leave our own headings alone\n      if (!h.parentNode) return;\n\n      if (h.tagName === 'H1') { demote(h); return; } \/\/ drop the second H1\n\n      var txt = (h.textContent || '').replace(\/\\s+\/g, ' ').trim().toLowerCase();\n      for (var i = 0; i < DEMOTE_BY_TEXT.length; i++) {\n        if (txt.indexOf(DEMOTE_BY_TEXT[i].toLowerCase()) === 0) { demote(h); return; }\n      }\n    });\n  }\n\n  run();\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', run);\n  }\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\">PWWL in Numbers<\/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      <div class=\"pwwl-t__videos-head\" data-animate=\"\" style=\"--delay:0\">\n        <div>\n          <span class=\"pwwl-t__eyebrow\">From the Team<\/span>\n          <h2 class=\"pwwl-t__title\">The People Behind PWWL<\/h2>\n        <\/div>\n        <div class=\"pwwl-t__scroller-nav\" aria-hidden=\"true\">\n          <button class=\"pwwl-t__scroller-arrow\" type=\"button\" data-scroll-prev=\"\" aria-label=\"Previous videos\" disabled=\"\">\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg>\n          <\/button>\n          <button class=\"pwwl-t__scroller-arrow\" type=\"button\" data-scroll-next=\"\" aria-label=\"More videos\">\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"pwwl-t__scroller-wrap\" data-animate=\"\" style=\"--delay:120\">\n        <ul class=\"pwwl-t__scroller\" data-scroller=\"\" tabindex=\"0\" role=\"list\" aria-label=\"Team videos, scroll horizontally\">\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"m7Did58MkPw\" data-title=\"Meet your Lawyer \u2013 Julian Hartfill\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/m7Did58MkPw\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Lawyer \u2013 Julian Hartfill\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Julian Hartfill<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"0GnQompZjN4\" data-title=\"Meet your Business Professional \u2013 Franziska Fischer\">\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: Meet your Business Professional \u2013 Franziska Fischer\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Business Professionals<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Business Professional \u2013 Franziska Fischer<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"2sPQLhjSMcY\" data-title=\"Meet your Lawyer \u2013 Britta Alscher\">\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: Meet your Lawyer \u2013 Britta Alscher\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Britta Alscher<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"FwU4R97YQhw\" data-title=\"Meet your Business Professional \u2013 Thomas Koch\">\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: Meet your Business Professional \u2013 Thomas Koch\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Business Professionals<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Business Professional \u2013 Thomas Koch<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"YAnaq8f5hoI\" data-title=\"Meet your Lawyer \u2013 Sabine Jantzen\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/YAnaq8f5hoI\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Lawyer \u2013 Sabine Jantzen\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Sabine Jantzen<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"lJ3F3aHWkFk\" data-title=\"Meet your Business Professional \u2013 Erik Gottschall\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/lJ3F3aHWkFk\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Business Professional \u2013 Erik Gottschall\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Business Professionals<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Business Professional \u2013 Erik Gottschall<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"DdLoaLhKrE4\" data-title=\"Meet your Business Professional \u2013 Jill Prei\u00df\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/DdLoaLhKrE4\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Business Professional \u2013 Jill Prei\u00df\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Business Professionals<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Business Professional \u2013 Jill Prei\u00df<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"Cccvjm7S9J0\" data-title=\"Meet your Lawyer \u2013 Dr. Jochen Keilich\">\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: Meet your Lawyer \u2013 Dr. Jochen Keilich\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Dr. Jochen Keilich<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"Eg-7HAznfWM\" data-title=\"Meet your Lawyer \u2013 Dr. Holger Thomas\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/Eg-7HAznfWM\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Lawyer \u2013 Dr. Holger Thomas\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Dr. Holger Thomas<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"eM-VRPs6KVg\" data-title=\"Meet your Business Professional \u2013 Anita Wenkel\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/eM-VRPs6KVg\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Business Professional \u2013 Anita Wenkel\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Business Professionals<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Business Professional \u2013 Anita Wenkel<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"GjvSv5tOilA\" data-title=\"Meet your Lawyer \u2013 Jacqueline Volmari\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/GjvSv5tOilA\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Lawyer \u2013 Jacqueline Volmari\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Jacqueline Volmari<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"QQeOvz_WG-s\" data-title=\"Meet your Lawyer \u2013 Thomas Wahlig\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/QQeOvz_WG-s\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Lawyer \u2013 Thomas Wahlig\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Thomas Wahlig<\/h3>\n            <\/div>\n          <\/li>\n\n          <li class=\"pwwl-t__vid-card\" role=\"listitem\">\n            <div class=\"pwwl-t__embed-frame\" data-youtube=\"yJ1JdK-yoAg\" data-title=\"Meet your Lawyer \u2013 Tom Stiebert\">\n              <img decoding=\"async\" class=\"pwwl-t__embed-thumb\" src=\"https:\/\/i.ytimg.com\/vi\/yJ1JdK-yoAg\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n              <button class=\"pwwl-t__play\" type=\"button\" aria-label=\"Play video: Meet your Lawyer \u2013 Tom Stiebert\"><\/button>\n            <\/div>\n            <div class=\"pwwl-t__vid-meta\">\n              <span class=\"pwwl-t__vid-tag\">Legal Team<\/span>\n              <h3 class=\"pwwl-t__vid-name\">Meet your Lawyer \u2013 Tom Stiebert<\/h3>\n            <\/div>\n          <\/li>\n\n        <\/ul>\n\n        <div class=\"pwwl-t__scroller-progress\" aria-hidden=\"true\">\n          <span class=\"pwwl-t__scroller-progress-bar\" data-scroll-progress=\"\"><\/span>\n        <\/div>\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\">\"Every opinion counts here.\"<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Denise Dahms \u2013 HR &amp; Recruiting<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide=\"\">\n          <blockquote class=\"pwwl-t__quote\">\"OneTeam is contagious.\"<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Walter Born \u2013 Partner, Frankfurt<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide=\"\">\n          <blockquote class=\"pwwl-t__quote\">\"Trust and exchange as equals.\"<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Denise Dahms \u2013 HR &amp; Recruiting<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide=\"\">\n          <blockquote class=\"pwwl-t__quote\">\"Courage creates new things.\"<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Tobias Pusch \u2013 Founding Partner<\/figcaption>\n        <\/figure>\n        <figure class=\"pwwl-t__slide\" data-slide=\"\">\n          <blockquote class=\"pwwl-t__quote\">\"Genuine helpfulness. Commitment. Creativity.\"<\/blockquote>\n          <figcaption class=\"pwwl-t__quote-source\">Alena Shenberg \u2013 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 Horizontal carousel\/scroller \"People Behind PWWL\" *\/\n.pwwl-t__videos { padding: 56px 0 64px; background: var(--c-soft); }\n\n.pwwl-t__videos-head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 32px;\n}\n.pwwl-t__videos-head .pwwl-t__title { margin-bottom: 0; }\n\n.pwwl-t__scroller-nav {\n  display: flex;\n  gap: 12px;\n  flex-shrink: 0;\n}\n.pwwl-t__scroller-arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  padding: 0;\n  border: 1px solid var(--c-border);\n  background: var(--c-card);\n  color: var(--c-text);\n  cursor: pointer;\n  transition: transform 0.28s var(--ease), background-color 0.28s var(--ease),\n    color 0.28s var(--ease), border-color 0.28s var(--ease), opacity 0.28s var(--ease);\n}\n.pwwl-t__scroller-arrow:hover:not(:disabled) {\n  background: var(--c-orange);\n  border-color: var(--c-orange);\n  color: #fff;\n  transform: translateY(-2px);\n}\n.pwwl-t__scroller-arrow:focus-visible {\n  outline: 2px solid var(--c-orange);\n  outline-offset: 2px;\n}\n.pwwl-t__scroller-arrow:disabled {\n  opacity: 0.32;\n  cursor: default;\n}\n.pwwl-t__scroller-arrow svg { display: block; }\n\n\/* Scroller *\/\n.pwwl-t__scroller-wrap { position: relative; }\n.pwwl-t__scroller {\n  display: flex;\n  gap: 24px;\n  margin: 0;\n  padding: 4px 0 6px;\n  list-style: none;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  -webkit-overflow-scrolling: touch;\n}\n.pwwl-t__scroller::-webkit-scrollbar { display: none; }\n.pwwl-t__scroller:focus-visible {\n  outline: 2px solid var(--c-orange);\n  outline-offset: 4px;\n}\n.pwwl-t__scroller.is-dragging {\n  scroll-snap-type: none;\n  scroll-behavior: auto;\n  cursor: grabbing;\n}\n.pwwl-t__scroller.is-dragging .pwwl-t__embed-frame { pointer-events: none; }\n\n.pwwl-t__vid-card {\n  flex: 0 0 auto;\n  width: clamp(280px, 40vw, 480px);\n  scroll-snap-align: start;\n}\n.pwwl-t__vid-meta {\n  padding: 14px 2px 0;\n}\n.pwwl-t__vid-tag {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  color: var(--c-orange);\n  margin-bottom: 6px;\n}\n.pwwl-t__vid-name {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.3;\n  color: var(--c-text);\n}\n\n\/* Progress indicator *\/\n.pwwl-t__scroller-progress {\n  position: relative;\n  height: 3px;\n  margin-top: 22px;\n  background: rgba(17,17,17,0.10);\n  overflow: hidden;\n}\n.pwwl-t__scroller-progress-bar {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 30%;\n  background: var(--c-orange);\n  transition: left 0.12s linear, width 0.2s var(--ease);\n  will-change: left;\n}\n\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\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__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__videos-head { margin-bottom: 22px; }\n  .pwwl-t__scroller-nav { display: none; }\n  .pwwl-t__scroller { gap: 16px; }\n  .pwwl-t__vid-card { width: min(82vw, 360px); }\n  .pwwl-t__vid-name { font-size: 15px; }\n  .pwwl-t__scroller-progress { margin-top: 18px; }\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__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__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  \/* Video scroller \/ carousel *\/\n  var scroller = section.querySelector('[data-scroller]');\n  if (scroller) {\n    var prevBtn = section.querySelector('[data-scroll-prev]');\n    var nextBtn = section.querySelector('[data-scroll-next]');\n    var progressBar = section.querySelector('[data-scroll-progress]');\n    var firstCard = scroller.querySelector('.pwwl-t__vid-card');\n\n    function cardStep() {\n      if (!firstCard) return scroller.clientWidth * 0.8;\n      var style = window.getComputedStyle(scroller);\n      var gap = parseFloat(style.columnGap || style.gap) || 24;\n      var w = firstCard.getBoundingClientRect().width + gap;\n      var perView = Math.max(1, Math.floor(scroller.clientWidth \/ w));\n      return w * perView;\n    }\n\n    function maxScroll() {\n      return scroller.scrollWidth - scroller.clientWidth;\n    }\n\n    function update() {\n      var max = maxScroll();\n      var left = scroller.scrollLeft;\n      if (prevBtn) prevBtn.disabled = left <= 1;\n      if (nextBtn) nextBtn.disabled = left >= max - 1;\n      if (progressBar && max > 0) {\n        var widthPct = Math.max(12, (scroller.clientWidth \/ scroller.scrollWidth) * 100);\n        progressBar.style.width = widthPct + '%';\n        progressBar.style.left = ((left \/ max) * (100 - widthPct)) + '%';\n      }\n    }\n\n    function scrollByStep(dir) {\n      var behavior = reduce ? 'auto' : 'smooth';\n      scroller.scrollBy({ left: dir * cardStep(), behavior: behavior });\n    }\n\n    if (prevBtn) prevBtn.addEventListener('click', function () { scrollByStep(-1); });\n    if (nextBtn) nextBtn.addEventListener('click', function () { scrollByStep(1); });\n\n    var ticking = false;\n    scroller.addEventListener('scroll', function () {\n      if (ticking) return;\n      ticking = true;\n      requestAnimationFrame(function () { update(); ticking = false; });\n    }, { passive: true });\n\n    if ('ResizeObserver' in window) {\n      new ResizeObserver(update).observe(scroller);\n    } else {\n      window.addEventListener('resize', update);\n    }\n\n    scroller.addEventListener('keydown', function (e) {\n      if (e.key === 'ArrowRight') { e.preventDefault(); scrollByStep(1); }\n      else if (e.key === 'ArrowLeft') { e.preventDefault(); scrollByStep(-1); }\n    });\n\n    \/* Drag \/ swipe via Pointer Events *\/\n    var isDown = false, moved = false, startX = 0, startScroll = 0, pointerId = null;\n    var DRAG_THRESHOLD = 6;\n\n    scroller.addEventListener('pointerdown', function (e) {\n      if (e.pointerType === 'mouse' && e.button !== 0) return;\n      isDown = true;\n      moved = false;\n      startX = e.clientX;\n      startScroll = scroller.scrollLeft;\n      pointerId = e.pointerId;\n    });\n\n    scroller.addEventListener('pointermove', function (e) {\n      if (!isDown) return;\n      var dx = e.clientX - startX;\n      if (!moved && Math.abs(dx) < DRAG_THRESHOLD) return;\n      if (!moved) {\n        moved = true;\n        scroller.classList.add('is-dragging');\n        try { scroller.setPointerCapture(pointerId); } catch (err) {}\n      }\n      scroller.scrollLeft = startScroll - dx;\n    });\n\n    function endDrag() {\n      if (!isDown) return;\n      isDown = false;\n      if (moved) {\n        scroller.classList.remove('is-dragging');\n        try { scroller.releasePointerCapture(pointerId); } catch (err) {}\n        scroller.addEventListener('click', function suppress(ev) {\n          ev.stopPropagation();\n          ev.preventDefault();\n          scroller.removeEventListener('click', suppress, true);\n        }, true);\n      }\n    }\n    scroller.addEventListener('pointerup', endDrag);\n    scroller.addEventListener('pointercancel', endDrag);\n    scroller.addEventListener('pointerleave', endDrag);\n\n    update();\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\n              <span class=\"pwwl-k__role\">Partner \u2013 contact for Legal Recruiting<\/span><\/h3>\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\n              <span class=\"pwwl-k__role\">HR Generalist &amp; Recruiting Specialist<\/span><\/h3>\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\n              <span class=\"pwwl-k__role\">Head of HR<\/span><\/h3>\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\n              <span class=\"pwwl-k__role\">Legal Recruiting Specialist<\/span><\/h3>\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: \"&#x260e;\";\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\n\/* Role now sits inside the H3 (HR requirement) \u2014 appearance is unchanged. *\/\n.pwwl-k__name .pwwl-k__role {\n  display: block;\n  margin-top: 7px;\n  font-size: 13.5px;\n  font-weight: 400;\n  line-height: 1.55;\n  letter-spacing: 0;\n  color: var(--c-muted);\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>Your career. Our OneTeam. Careers at PWWL:Jobs for Legal, Lawyer&#8217;s Assistants and Business Professionals 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 Our OneTeam OneTeam Become Part of Our OneTeam At PWWL, you work on the Legal Team or as [&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_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":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","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":33,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/pages\/6243\/revisions"}],"predecessor-version":[{"id":6361,"href":"https:\/\/pwwl.de\/en\/wp-json\/wp\/v2\/pages\/6243\/revisions\/6361"}],"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}]}}