@import url('../fonts/_fontface.css');

:root {

  --farbe-creme:        #FEF5E0;
  --farbe-creme-dunkel: #F0E6C5;
  --farbe-braun:        #7B562E;
  --farbe-orange:       #E99B2F;
  --farbe-orange-matt:  #D7A052;
  --farbe-text:         #111111;
  --farbe-text-grau:    #4A4A4A;
  --farbe-text-leise:   #7A7A7A;
  --farbe-weiss:        #FFFFFF;
  --farbe-icon:         #69727D;
  --farbe-gruen-basis:  #9FC011;

  --schrift-text:    'Inter', system-ui, -apple-system, sans-serif;
  --schrift-display: 'IBM Plex Serif', Georgia, serif;
  --schrift-knopf:   'Manrope', 'Inter', system-ui, sans-serif;
  --schrift-liste:   'Roboto', 'Inter', system-ui, sans-serif;

  --fs-h1:      42px;
  --lh-h1:      70px;
  --fs-h2:      48px;
  --lh-h2:    52.8px;
  --fs-h2-band: 60px;
  --fs-h3:      40px;
  --lh-h3:      56px;
  --fs-h4:      25px;
  --lh-h4:      35px;
  --fs-karte:   32px;
  --lh-karte: 44.8px;
  --fs-body:    18px;
  --lh-body:  30.6px;
  --fs-knopf:   20px;
  --fs-pille:   25px;
  --fs-klein:   15px;

  --breite-inhalt: 1216px;
  --breite-schmal: 1200px;
  --rand-seite:      40px;
  --kopf-hoehe:     135px;

  --r-knopf:  30px;
  --r-pille:  50px;
  --r-karte:  20px;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote) { margin: 0; }
:where(ul, ol) { padding-left: 0; list-style: none; }
:where(img, picture, svg, video) { display: block; max-width: 100%; height: auto; }
:where(a) { color: inherit; text-decoration: none; }
:where(button, input, select, textarea) { font: inherit; color: inherit; }
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body.seite--unter .kopf__nav a { color: var(--farbe-text-grau); }
body {
  margin: 0;
  font-family: var(--schrift-text);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: 400;
  color: var(--farbe-text-grau);
  background: var(--farbe-creme);
}
.sprungmarke {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  padding: 12px 20px; background: var(--farbe-braun);
  color: var(--farbe-creme);
  box-shadow: 0 0 0 2px var(--farbe-orange);
}
.sprungmarke:focus { left: 0; }
.nur-vorlesen {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}

h1, .h1 { font-family: var(--schrift-display); font-size: var(--fs-h1); line-height: var(--lh-h1); font-weight: 400; color: var(--farbe-weiss); }
h2, .h2 { font-family: var(--schrift-display); font-size: var(--fs-h2); line-height: var(--lh-h2); font-weight: 600; color: var(--farbe-text); }
h3, .h3 { font-family: var(--schrift-display); font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 600; color: var(--farbe-text); }
h4, .h4 { font-family: var(--schrift-display); font-size: var(--fs-h4); line-height: var(--lh-h4); font-weight: 600; color: var(--farbe-text); }

h2 .akzent { color: var(--farbe-orange); font-weight: 700; }
strong, b { font-weight: 700; }

.knopf {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 42px;
  padding: 11px 24px;
  border: 0; border-radius: var(--r-knopf);
  background: var(--farbe-orange);
  color: var(--farbe-text);
  font-family: var(--schrift-knopf);
  font-size: var(--fs-knopf); line-height: 20px; font-weight: 600;
  text-align: center; cursor: pointer;
  transition: filter .18s ease, transform .18s ease;
}
.knopf:hover  { filter: brightness(1.06); }
.knopf:active { transform: translateY(1px); }
.knopf:focus-visible { outline: 3px solid var(--farbe-braun); outline-offset: 3px; }

.kopf {
  position: relative; z-index: 20;
  display: flex; align-items: center; gap: 24px;
  min-height: var(--kopf-hoehe);
  padding-inline: 40px;
  background: url('/assets/img/seite/physiomed-header-bg.webp') left top / cover no-repeat,
              var(--farbe-creme);
}
.kopf__inhalt {
  display: flex; align-items: center; gap: 24px;
  width: 100%; max-width: 1360px; margin-inline: auto;
}
.kopf__logo img { width: 211px; height: 41px; object-fit: contain; }
.kopf__nav { margin-left: auto; }
.kopf__nav a {
  display: block; padding-block: 15px;
  font-size: 18px; line-height: 20px; font-weight: 300;
  color: var(--farbe-braun);
}
.kopf__nav a:hover { text-decoration: underline; }

.nach-oben {
  position: fixed; right: 30px; bottom: 30px; z-index: 30;
  display: grid; place-items: center;
  width: 32px; height: 32px; padding: 0; border: 0; border-radius: 2px;
  background: var(--farbe-braun); color: var(--farbe-weiss); cursor: pointer;
}
.nach-oben[hidden] { display: none; }
.nach-oben:focus-visible { outline: 3px solid var(--farbe-orange); outline-offset: 2px; }

.fuss {
  padding: 35px var(--rand-seite);
  background: var(--farbe-braun);
  color: var(--farbe-creme);
}
.fuss__inhalt {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 40px; max-width: 1280px; margin-inline: auto;
}
.fuss__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h4); line-height: var(--lh-h4); font-weight: 600;
  letter-spacing: 2px;
  color: var(--farbe-creme-dunkel);
}
.fuss ul { margin-top: 10px; }
.fuss li + li { margin-top: 0; }
.fuss a:hover { text-decoration: underline; }
.fuss__sozial { display: flex; flex-direction: column; gap: 0; }
.fuss__sozial a { display: grid; place-items: center; width: 36px; height: 36px; color: var(--farbe-icon); }
.fuss__sozial svg { width: 20px; height: 20px; fill: currentColor; }

.hero {
  position: relative;
  margin-top: -50px;
  padding: 142px var(--rand-seite) 172px;
  background: url('/assets/img/seite/20241127-ak-04616-enhanced-nr-scaled.webp') center / cover no-repeat;
  isolation: isolate;
  overflow: hidden;
  text-align: center;
}
.hero__video {
  position: absolute; inset: 0; z-index: -1;
  width: 100%; height: 100%; object-fit: cover;
}
@media (prefers-reduced-motion: reduce) { .hero__video { display: none; } }
.hero__inhalt { position: relative; z-index: 1; max-width: 960px; margin-inline: auto; }
.hero__unter {
  margin-top: 44px;
  font-size: 18px; line-height: 18px;
  color: var(--farbe-weiss);
}
.hero__video-karte {
  position: relative; display: block;
  width: 396px; max-width: 100%;
  aspect-ratio: 396 / 223;
  margin: 49px auto 0;
  padding: 0; border: 0; border-radius: 12px; overflow: hidden;
  cursor: pointer; background: none;
}
.hero__video-karte img { width: 100%; height: 100%; object-fit: cover; }
.hero__video-karte:focus-visible { outline: 3px solid var(--farbe-orange); outline-offset: 3px; }
.hero__play {
  position: absolute; inset: 0; margin: auto;
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--farbe-orange); color: var(--farbe-text);
  display: grid; place-items: center; transition: transform .18s ease;
}
.hero__video-karte:hover .hero__play { transform: scale(1.08); }
.hero__play svg { width: 22px; height: 22px; fill: currentColor; margin-left: 3px; }
.hero__iframe-halter { width: 396px; max-width: 100%; aspect-ratio: 396/223; margin: 49px auto 0; border-radius: 12px; overflow: hidden; }
.hero__iframe-halter iframe { width: 100%; height: 100%; border: 0; }
.hero__knopf { margin-top: 70px; }

.stellen {
  position: relative;
  padding: 70px var(--rand-seite) 108px;
  background: url('/assets/img/seite/stack-of-hands-stock.webp') center / cover no-repeat,
              var(--farbe-gruen-basis);
  isolation: isolate;
  text-align: center;
}
.stellen::before {
  content: ''; position: absolute; inset: 0;
  background: #000000; opacity: .55; z-index: -1;
}
.stellen h2 { color: var(--farbe-weiss); }
.stellen h3 { margin-top: 27px; color: var(--farbe-weiss); }
.stellen__liste {
  display: flex; flex-direction: column; align-items: center; gap: 30px;
  margin-top: 60px;
}

.stellen__liste li:nth-child(1) .stellen__pille { min-width: 391px; }
.stellen__liste li:nth-child(2) .stellen__pille { min-width: 600px; }
.stellen__liste li:nth-child(3) .stellen__pille { min-width: 592px; }
.stellen__liste li:nth-child(4) .stellen__pille { min-width: 312px; }
.stellen__pille {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 57px;
  padding: 16px 25px;
  border-radius: var(--r-pille);
  background: var(--farbe-creme);
  font-family: var(--schrift-knopf);
  font-size: var(--fs-pille); line-height: 25px; font-weight: 500;
  color: var(--farbe-braun);
}
a.stellen__pille { transition: filter .18s ease; }
a.stellen__pille:hover { filter: brightness(.96); }

.bwb { padding: 62px var(--rand-seite) 91px; }
.bwb__titel {
  font-family: var(--schrift-display);
  font-size: 40px; line-height: 56px; font-weight: 700;
  color: var(--farbe-text-leise);
  text-align: center;
}
.bwb__hinweis { margin-top: 32px; line-height: 18px; text-align: center; color: #000000; }
.bwb__meldung {
  max-width: var(--breite-inhalt); margin: 24px auto 0;
  padding: 16px 20px; border-radius: 4px; background: var(--farbe-creme);
  text-align: center;
}
.bwb__form { max-width: 1140px; margin: 57px auto 0; padding: 0; }
.bwb__falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bwb__punkte {
  display: flex; justify-content: space-between;
  margin: 0 0 62px; padding: 0; list-style: none;
}
.bwb__punkt {
  display: grid; place-items: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--farbe-weiss);
  border: 1px solid var(--farbe-orange-matt);
  color: var(--farbe-text); font-size: 14px;
}
.bwb__punkt--aktiv { background: var(--farbe-orange-matt); color: var(--farbe-weiss); }
.bwb__stufe { margin: 0; padding: 0; border: 0; }
.bwb__feld  { margin-top: 11px; }
.bwb__feld:first-of-type { margin-top: 0; }
.bwb__label {
  display: block;
  font-size: 20px; line-height: 30.6px; font-weight: 600;
  color: #666666;
}
.bwb__eingabe {
  display: block; width: 100%; min-height: 40px;
  margin-top: 10px; padding: 8px 14px;
  border: 1px solid #D5D8DC; border-radius: 4px;
  background: var(--farbe-weiss); font-size: var(--fs-body);
}
.bwb__eingabe:focus-visible { outline: 3px solid var(--farbe-orange); outline-offset: 2px; }
.bwb__fehler { display: block; margin-top: 6px; color: #B00020; font-size: 14px; }
.bwb__zustimmung { display: flex; gap: 12px; align-items: flex-start; }
.bwb__zustimmung a { text-decoration: underline; }
.bwb__knopfzeile { display: flex; gap: 16px; margin-top: 20px; justify-content: center; }
.bwb__weiter {
  display: block; flex: none; min-height: 40px;
  padding: 0 25px; border: 0; border-radius: var(--r-knopf);
  background: var(--farbe-orange-matt); color: var(--farbe-text);
  font-family: var(--schrift-knopf);
  font-size: 19px; line-height: 19px; font-weight: 600;
  cursor: pointer;
}
.bwb__weiter:hover { filter: brightness(1.05); }
.bwb__weiter[hidden] { display: none; }
.bwb__zurueck {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--farbe-orange-matt);
}

.wechsel { padding: 60px var(--rand-seite) 40px; }
.wechsel--getauscht { padding-bottom: 28px; }
.wechsel__inhalt {
  display: grid;
  grid-template-columns: minmax(0, 648px) minmax(0, 448px);
  justify-content: space-between; align-items: center;
  gap: 60px;
  max-width: var(--breite-inhalt); margin-inline: auto;
}
.wechsel--getauscht .wechsel__inhalt { grid-template-columns: minmax(0, 448px) minmax(0, 648px); }
.wechsel--getauscht .wechsel__foto { order: 2; }
.wechsel--getauscht .wechsel__text { order: 1; }
.wechsel__foto { width: 100%; height: auto; aspect-ratio: 648 / 433; object-fit: cover; border-radius: 12px; }
.wechsel__text p { margin-top: 25px; color: var(--farbe-text-leise); }
.wechsel__text .wechsel__knopf { margin-top: 84px; }
.wechsel--getauscht .wechsel__text .wechsel__knopf { margin-top: 60px; }

.ziel {
  position: relative;
  padding: 328px var(--rand-seite) 329px;
  background: var(--farbe-creme);
  isolation: isolate;
  text-align: center;
}
.ziel::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: #000000 url('/assets/img/seite/20241127-ak-04616-enhanced-nr-scaled.webp') center / cover no-repeat;
}
.ziel h2 { font-size: var(--fs-h2-band); line-height: 60px; font-weight: 400; color: var(--farbe-weiss); }
.ziel__unter { margin-top: 40px; font-size: 20px; color: var(--farbe-weiss); }
.ziel__knopf { margin-top: 70px; }

.vorteile { padding: 60px var(--rand-seite) 0; text-align: center; }
.vorteile__knopfband { padding: 41px var(--rand-seite) 49px; background: var(--farbe-weiss); text-align: center; }
.vorteile__unter { margin-top: 30px; font-size: 22px; font-weight: 300; color: var(--farbe-text-leise); }
.vorteile__karten {
  display: grid; grid-template-columns: repeat(3, minmax(0, 357px));
  justify-content: center; gap: 139px 40px;
  max-width: var(--breite-inhalt); margin: 100px auto 0;
}
.vorteile__karte {
  position: relative;
  min-height: 367px;
  padding: 30px;
  border-radius: var(--r-karte);
  background: var(--farbe-creme);
}
.vorteile__titel {
  display: block;
  font-family: var(--schrift-display);
  font-size: var(--fs-karte); line-height: var(--lh-karte); font-weight: 600;
  color: var(--farbe-text);
}
.vorteile__text { margin-top: 24px; }
.vorteile__knopf { margin-top: 0; }

.aufgaben {
  position: relative;
  padding: 60px var(--rand-seite) 78px;
  background: var(--farbe-weiss);
  isolation: isolate;
}
.aufgaben::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: rgba(206,24,24,0) url('/assets/img/seite/20241127-ak-04866-enhanced-nr-scaled.webp') center / cover no-repeat;
}
.aufgaben__block {
  display: grid;
  grid-template-columns: minmax(0, 313px) minmax(0, 763px);
  justify-content: space-between;
  gap: 60px;
  max-width: var(--breite-inhalt); margin-inline: auto;
}
.aufgaben__block + .aufgaben__block { margin-top: 118px; }
.aufgaben__block h2 { color: var(--farbe-weiss); }
.aufgaben__liste { font-family: var(--schrift-liste); color: var(--farbe-weiss); }
.aufgaben__liste li { position: relative; padding-left: 30px; }
.aufgaben__liste li + li { margin-top: 18px; }
.aufgaben__liste img.emoji {
  position: absolute; left: 0; top: 6px;
  width: 18px; height: 18px;
}
.aufgaben__liste strong { font-weight: 700; }

.arbeitsplatz {
  padding: 60px 0 91px;
  background: var(--farbe-creme);
  text-align: center;
  overflow: hidden;
}
.arbeitsplatz h2 { font-size: var(--fs-h2-band); line-height: 60px; font-weight: 400; }
.arbeitsplatz__band {
  display: flex; gap: 0;
  width: max-content;
  margin-top: 40px;
  animation: arbeitsplatz-lauf 60s linear infinite;
}
.arbeitsplatz__band:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .arbeitsplatz__band { animation: none; } }
.arbeitsplatz__band img { width: 480px; height: 321px; object-fit: cover; flex: none; }
@keyframes arbeitsplatz-lauf {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.arbeitsplatz__knopf { margin-top: 89px; }

.fragen { padding: 60px var(--rand-seite) 86px; }
.fragen__inhalt {
  display: grid;
  grid-template-columns: minmax(0, 648px) minmax(0, 389px);
  justify-content: space-between;
  gap: 60px;
  max-width: var(--breite-inhalt); margin-inline: auto;
}
.fragen__text { padding-top: 94px; }
.fragen__text > p { margin-top: 30px; }
.fragen__kontakt { margin-top: 32px; }
.fragen__kontakt li {
  font-family: var(--schrift-display);
  font-size: 26px; line-height: 36.4px;
  color: var(--farbe-text);
}
.fragen__kontakt li + li { margin-top: 50px; }
.fragen__kontakt a:hover { text-decoration: underline; }
.fragen__text > .fragen__knopf { margin-top: 80px; }
.fragen__foto { width: 389px; max-width: 100%; height: auto; aspect-ratio: 389 / 582; object-fit: cover; border-radius: 12px; }

.prozess {
  position: relative;
  padding: 60px var(--rand-seite) 183px;
  isolation: isolate;
}
.prozess::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),
              url('/assets/img/seite/20241127-ak-03591-enhanced-nr-scaled.webp') center / cover no-repeat;
}
.prozess h2 { font-size: 45px; line-height: 49.5px; font-weight: 600; color: var(--farbe-weiss); text-align: center; }
.prozess__liste { max-width: 1152px; margin: 72px auto 0; }
.prozess__liste li + li { margin-top: 25px; }
.prozess__liste .prozess__text { display: block; flex: 1; padding: 15px; }
.prozess__kreis {
  flex: none; width: 25px; height: 25px; border-radius: 50%;
  background: var(--farbe-orange);
}
.prozess__liste a {
  display: flex; align-items: center;
  font-family: var(--schrift-text);
  font-size: 29px; line-height: 29px; font-weight: 600;
  color: var(--farbe-weiss);
}
.prozess__liste a:hover { text-decoration: underline; }

.faq { padding: 120px var(--rand-seite) 110px; background: var(--farbe-creme); }
.faq h2 { text-align: center; }
.faq__liste { max-width: var(--breite-schmal); margin: 60px auto 0; }
.faq__eintrag { background: var(--farbe-weiss); }
.faq__eintrag + .faq__eintrag { margin-top: 20px; }
.faq__eintrag summary {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 25px 30px;
  cursor: pointer; list-style: none;
}
.faq__eintrag summary::-webkit-details-marker { display: none; }
.faq__eintrag summary h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); }
.faq__eintrag summary::after {
  content: '+'; flex: none;
  font-family: var(--schrift-display); font-size: 28px; color: var(--farbe-orange);
}
.faq__eintrag[open] summary::after { content: '–'; }
.faq__antwort { padding: 0 30px 25px; }

.dnk { padding: 130px var(--rand-seite) 134px; text-align: center; }
.dnk__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2); line-height: var(--lh-h2); font-weight: 600;
  color: var(--farbe-text);
}
.dnk__titel--zwei { margin-top: 20px; }
.dnk__text { max-width: 800px; margin: 40px auto 0; }
.dnk__knopf { margin-top: 40px; }

.recht { padding: 60px var(--rand-seite) 78px; background: var(--farbe-weiss); }
.recht__inhalt { max-width: var(--breite-schmal); margin-inline: auto; overflow-wrap: break-word; }
.recht__inhalt > * + * { margin-top: 18px; }
.recht__inhalt ul { padding-left: 20px; list-style: disc; }
.recht__inhalt h2 { font-size: 48px; line-height: 52.8px; }
.recht__inhalt > h2 { margin-top: 22px; }

.recht__inhalt a { color: var(--farbe-braun); text-decoration: underline; }
.recht__titel {
  font-family: var(--schrift-display);
  font-size: 64px; line-height: 70.4px; font-weight: 600;
  color: var(--farbe-text);
}

@media (max-width: 1240px) {
  .kopf__inhalt, .fuss__inhalt { max-width: 100%; }
  .wechsel__inhalt,
  .wechsel--getauscht .wechsel__inhalt { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .aufgaben__block { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .fragen__inhalt { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
  .vorteile__karten { grid-template-columns: repeat(2, minmax(0, 357px)); gap: 60px 40px; }
}

@media (max-width: 900px) {
  :root {
    --fs-h1:      31px;
    --lh-h1:      31px;
    --fs-h2:      32px;
    --lh-h2:    35.2px;
    --fs-h2-band: 40px;
    --fs-h3:      28px;
    --lh-h3:    39.2px;
    --fs-body:    17px;
    --lh-body:  28.9px;
    --rand-seite: 20px;
    --kopf-hoehe: 100px;
  }
  .hero { margin-top: -50px; padding: 150px var(--rand-seite) 60px; }
  .hero__knopf { margin-top: 60px; }
  .stellen__pille {
    min-height: 49px;
    padding: 12px 30px;
    font-size: 20px; line-height: 20px;
  }
  .wechsel__inhalt,
  .wechsel--getauscht .wechsel__inhalt { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .wechsel--getauscht .wechsel__foto { order: 0; }
  .wechsel--getauscht .wechsel__text { order: 1; }
  .ziel { padding: 200px var(--rand-seite) 60px; }
  .vorteile__karten { grid-template-columns: minmax(0, 1fr); gap: 80px; margin-top: 80px; }
  .vorteile__karte { min-height: 0; }
  .aufgaben__block { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .aufgaben__block + .aufgaben__block { margin-top: 60px; }
  .arbeitsplatz__band img { width: 300px; height: 200px; }
  .fragen__inhalt { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .fragen__kontakt li { font-size: 22px; line-height: 30.8px; }
  .fragen__kontakt li + li { margin-top: 30px; }
  .fragen__knopf { margin-top: 40px; }
  .prozess__liste a { font-size: 24px; line-height: 24px; }
  .faq__liste { margin-top: 50px; }
  .faq__eintrag summary h4 { font-size: 17px; line-height: 23.8px; }
  .bwb__knopfzeile { flex-direction: column; align-items: center; }
  .bwb__weiter { flex: none; width: 100%; max-width: 320px; }

  .fuss { text-align: center; }
  .fuss__inhalt { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .fuss__sozial { flex-direction: row; justify-content: center; }
}

@media (max-width: 360px) {
  .kopf__logo img { width: 170px; height: auto; }
  .hero__video-karte, .hero__iframe-halter { width: 100%; }
}

.seitenkopf {
  position: relative;
  margin-top: -50px;
  padding: 220px var(--rand-seite) 240px;
  isolation: isolate;
  text-align: center;
}
.seitenkopf {
  background: url('/assets/img/seite/190223-physiomed-sued-215-scaled.webp') center / cover no-repeat;
}
.seitenkopf::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: #141004; opacity: .8;
}
.seitenkopf h1 {
  font-size: 64px; line-height: 70.4px; font-weight: 600;
  color: var(--farbe-weiss);
}

.vorfuss {
  position: relative;
  padding: 100px var(--rand-seite) 90px;
  isolation: isolate;
  text-align: center;
  color: var(--farbe-weiss);
  background: url('/assets/img/seite/190223-physiomed-sued-497-scaled.webp') center / cover no-repeat;
}
.vorfuss::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: #141004; opacity: .8;
}
.vorfuss__inhalt { max-width: 700px; margin-inline: auto; }
.vorfuss h2 { color: var(--farbe-weiss); }
.vorfuss p { margin-top: 30px; font-size: 15px; line-height: 26px; }
.vorfuss__knopf { margin-top: 40px !important; }
.vorfuss .knopf {
  min-height: 40px;
  padding: 10px 25px;
  min-width: 160px;
  background: var(--farbe-orange-matt);
  color: var(--farbe-weiss);
  font-size: 20px; line-height: 20px;
}

.dnk__adresse { font-size: 20px; font-weight: 500; color: var(--farbe-text); }
.dnk__titel { font-size: 50px; color: var(--farbe-braun); margin-top: 49px; }
.dnk__zeile { margin-top: 30px; font-size: 27px; line-height: 27px; color: var(--farbe-braun); }
.dnk__bild {
  width: 420px; max-width: 100%; height: auto;
  margin: 44px auto 0; border-radius: 12px;
  aspect-ratio: 3 / 4; object-fit: cover;
}
.dnk__name { margin-top: 24px; font-size: 18px; font-weight: 400; color: var(--farbe-braun); }

.factorial {
  max-width: 900px; margin: 50px auto 0;
  padding: 40px; border-radius: 12px;
  background: var(--farbe-creme);
  color: var(--farbe-text-grau);
}
.factorial p + p { margin-top: 24px; }
.factorial__iframe { width: 100%; min-height: 1400px; border: 0; background: var(--farbe-weiss); border-radius: 12px; }

@media (max-width: 900px) {
  .seitenkopf { padding: 80px var(--rand-seite) 40px; }
  .seitenkopf h1 { font-size: 40px; }
}

@media (max-width: 900px) {
  .seitenkopf { padding: 150px var(--rand-seite) 54px; }
  .seitenkopf h1 { font-size: 36px; line-height: 39.6px; }
  .recht__titel { font-size: 36px; line-height: 39.6px; }
  .recht__inhalt h2 { font-size: 32px; line-height: 35.2px; }
  .dnk { padding: 90px var(--rand-seite) 111px; }
  .dnk__adresse { font-size: 17px; }
  .dnk__titel { font-size: 33px; }
  .dnk__zeile { font-size: 21px; line-height: 21px; }
  .dnk__name { font-size: 17px; }
  .vorfuss { padding: 87px 24px 31px; }
  .vorfuss p { font-size: 14px; line-height: 23px; }
  .vorfuss__knopf { margin-top: 40px !important; }
  .vorfuss .knopf { padding: 10px 20px; min-width: 150px; }
  .fuss { padding-block: 60px; }
  .recht { padding-bottom: 29px; }
  .fuss__inhalt { gap: 44px; }
  .factorial { padding: 24px; }
}

@media (max-width: 900px) {
  .hero__unter { font-size: 17px; }
  .stellen__pille { font-size: 17px; line-height: 17px; }
  .stellen__liste li .stellen__pille { min-width: 0; }
  .bwb__titel { font-size: 28px; line-height: 39.2px; }
  .bwb__label { font-size: 15px; }
  .ziel h2 { line-height: 40px; }
  .vorteile__unter { font-size: 17px; line-height: 25.5px; }
  .vorteile__titel { font-size: 24px; line-height: 33.6px; }
  .aufgaben__liste { font-size: 19px; }
  .arbeitsplatz h2 { line-height: 40px; }
  .fragen__kontakt li { font-size: 20px; line-height: 28px; }
  .prozess h2 { font-size: 26px; line-height: 28.6px; }
  .prozess__liste a .prozess__text,
  .prozess__liste a { font-size: 20px; line-height: 20px; }
  .hero__knopf { margin-top: 37px; }
  .hero { padding-bottom: 167px; }
  .stellen { padding-bottom: 20px; }
  .bwb__punkte { margin-bottom: 76px; }
  .bwb { padding-bottom: 21px; }
  .wechsel { padding-bottom: 20px; }
  .wechsel--getauscht { padding-bottom: 72px; }
  .ziel { padding-bottom: 262px; }
  .vorteile__karten { margin-top: 187px; gap: 191px; }
  .vorteile__knopfband { padding: 100px var(--rand-seite) 100px; }

  .aufgaben { padding: 84px 26px 52px; }
  .aufgaben__liste { margin-top: 0; }
  .aufgaben__liste li { padding-left: 40px; padding-right: 45px; }
  .aufgaben__liste li + li { margin-top: 18px; }
  .aufgaben__block + .aufgaben__block { margin-top: 49px; }
  .stellen__liste .stellen__pille { padding: 16px 25px; }
  .stellen__liste li:nth-child(1) .stellen__pille { min-width: 286px; }
  .stellen__liste li:nth-child(2) .stellen__pille { min-width: 370px; max-width: 100%; }
  .stellen__liste li:nth-child(3) .stellen__pille { min-width: 370px; max-width: 100%; }
  .stellen__liste li:nth-child(4) .stellen__pille { min-width: 232px; }
  .bwb__weiter { width: auto; max-width: none; padding: 0 25px; }
  .wechsel { padding-bottom: 1px; }
  .wechsel--getauscht { padding-bottom: 20px; }
  .arbeitsplatz { padding: 54px 0 48px; }
  .arbeitsplatz__knopf { margin-top: 104px; }
  .fragen { padding-top: 84px; }
  .fragen__text { padding-top: 0; }
  .fragen__kontakt { margin-top: 87px; }
  .fragen__kontakt li + li { margin-top: 99px; }
  .prozess__liste { margin-top: 40px; }
  .prozess { padding-bottom: 234px; }
  .faq { padding-bottom: 20px; }
  .stellen { padding-bottom: 18px; }
  .ziel { padding-top: 252px; padding-bottom: 262px; }
  .ziel__unter { margin-top: 30px; }
  .vorteile__karten { margin-top: 152px; gap: 120px; }
  .vorteile__karte { padding: 65px 30px; }
  .vorteile__knopfband { padding: 65px var(--rand-seite); }
}

@media (max-width: 360px) {
  .stellen__liste li .stellen__pille,
  .stellen__liste li:nth-child(n) .stellen__pille { min-width: 0; max-width: 100%; }
}