.px-hero--artikel .sx-hero__title { max-width: 16ch; }
.px-hero--artikel .factbar__value,
.px-hero--bericht .factbar__value { font-size: clamp(1.125rem, 0.9rem + 0.75vw, 1.625rem); white-space: normal; line-height: 1.15; }
.px-hero--bericht .factbar__value { font-size: clamp(1.375rem, 1rem + 1vw, 2rem); }
.px-hero .sx-hero__chips { gap: 0.375rem; }
.px-hero .sx-hero__chips .chip--mono { text-transform: none; letter-spacing: 0.02em; }
@media (min-width: 1024px) {
  .px-hero .sx-hero__media--photo { aspect-ratio: 5 / 4; }
}
.px-hero--kleinbild .sx-hero__media--photo { width: 100%; max-width: 34rem; }
@media (min-width: 1024px) {
  .px-hero--kleinbild .sx-hero__media--photo { aspect-ratio: 4 / 3; justify-self: end; align-self: center; }
}
.px-artikel { padding-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.px-artikel__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8) var(--gap-lg);
  align-items: start;
}
.px-artikel__text { min-width: 0; }
.px-artikel__aside { min-width: 0; align-self: stretch; }
@media (min-width: 1024px) {
  .px-artikel__grid { grid-template-columns: minmax(0, 46rem) minmax(15rem, 20rem); justify-content: space-between; }
  .px-artikel__sticky {
    position: sticky;
    top: calc(var(--header-top) * 0.66 + var(--header-h-condensed) + 1.5rem);
    max-height: calc(100vh - var(--header-h-condensed) - 3rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-bottom: var(--space-2);
  }
}
@media (max-width: 1023.98px) {
  .px-artikel__aside { order: -1; }
  .px-artikel__sticky { display: grid; gap: var(--space-3); }
  .px-artikel__sticky > * + * { margin-top: 0; }
  .px-artikel:not(.px-artikel--bericht) .px-aside__box { display: none; }
  .px-artikel--ohne-inhalt .px-artikel__aside { display: none; }
  .px-artikel--bericht .px-artikel__aside { order: 1; }
  .px-artikel--bericht .px-aside__box:has(.px-aside__chips) { display: none; }
}
@media (min-width: 600px) and (max-width: 1023.98px) {
  .px-artikel--bericht .px-artikel__sticky { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
.px-quelle {
  margin: var(--space-10) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-divider);
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.px-aside__box {
  padding: var(--space-5) var(--space-5) var(--space-5);
  border: 1px solid var(--color-border-hair);
  border-radius: var(--radius-xl);
  background: var(--color-bg-raised);
}
.px-aside__box + .px-aside__box, .px-toc + .px-aside__box { margin-top: var(--space-4); }
.px-aside__title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.px-aside__title::before { content: ""; width: 1rem; height: 1px; background: var(--red-500); }
.px-toc {
  padding: var(--space-5);
  border: 1px solid var(--color-border-hair);
  border-radius: var(--radius-xl);
  background: var(--color-bg-raised);
}
.px-toc__details > summary { margin: 0; cursor: pointer; list-style: none; }
.px-toc__details > summary::-webkit-details-marker { display: none; }
.px-toc__details > summary::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-left: auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-0.125rem) rotate(45deg);
  transition: transform var(--dur-base) var(--ease-out);
}
.px-toc__details[open] > summary::after { transform: translateY(0.125rem) rotate(-135deg); }
.px-toc__details > summary:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; border-radius: var(--radius-xs); }
.px-toc__n {
  display: inline-grid;
  place-items: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.3125rem;
  border-radius: var(--radius-pill);
  background: var(--color-surface-3);
  color: var(--color-text-muted);
  font-size: 0.6875rem;
  letter-spacing: 0;
}
.px-toc__list { margin: var(--space-3) 0 0; padding: 0; list-style: none; counter-reset: toc; }
.px-toc__list li { counter-increment: toc; }
.px-toc__list a {
  position: relative;
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: 0.25rem;
  padding: 0.5rem 0.25rem 0.5rem 0;
  border-top: 1px solid var(--color-border-hair);
  color: var(--color-text-muted);
  font-size: 0.875rem;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--dur-fast);
}
.px-toc__list li:first-child a { border-top: 0; }
.px-toc__list a::before {
  content: counter(toc, decimal-leading-zero);
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  line-height: 1.9;
}
.px-toc__list a:hover { color: var(--color-text); }
.px-toc__list a[aria-current="true"] { color: var(--color-text); font-weight: var(--fw-medium); }
.px-toc__list a[aria-current="true"]::after {
  content: "";
  position: absolute;
  left: -0.8125rem;
  top: 50%;
  width: 0.375rem;
  height: 0.375rem;
  margin-top: -0.1875rem;
  border-radius: 50%;
  background: var(--red-500);
  box-shadow: 0 0 6px rgba(255, 51, 71, .7);
}
@media (max-width: 1023.98px) { .px-toc__list a[aria-current="true"]::after { display: none; } }
.px-aside__list { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.px-aside__link, .px-link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--color-border-hair);
  border-radius: var(--radius-md);
  background: var(--color-bg);
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.3;
  text-decoration: none;
  transition: border-color var(--dur-fast), background-color var(--dur-fast);
}
.px-aside__link .icon, .px-link .icon { width: 1.125rem; height: 1.125rem; color: var(--color-text-muted); }
.px-aside__link small, .px-link small {
  display: block;
  margin-top: 0.125rem;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-regular);
  letter-spacing: 0.04em;
}
.px-aside__link:hover, .px-link:hover { border-color: var(--color-text); background: var(--color-bg-raised); }
.px-aside__link:hover .icon, .px-link:hover .icon { color: var(--color-accent-text); }
.px-aside__chips { gap: 0.375rem; }
.px-spec .spec-list__row { padding-block: 0.625rem; }
.px-spec .spec-list__value { font-size: 1.0625rem; }
.px-prose { max-width: 46rem; }
.px-prose > p:first-child { font-size: var(--fs-lead); line-height: 1.55; color: var(--color-text); }
.px-prose h2 { scroll-margin-top: calc(var(--header-offset) + 1.5rem); }
.px-prose .sx-figure { margin: 2.25em 0; }
.px-prose .sx-figure img { width: 100%; max-width: 100%; max-height: none; height: auto; border-radius: var(--radius-xl); background: var(--color-surface-3); }
.px-prose .sx-figure figcaption {
  max-width: 60ch;
  margin-top: 0.75rem;
  padding-left: 0.875rem;
  border-left: 1px solid var(--color-border-strong);
  color: var(--color-text-muted);
  font-family: var(--font-body);
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5;
}
.px-prose .px-figure--klein img { width: auto; max-width: min(100%, 22rem); }
.px-prose .px-figure--hoch img { width: auto; max-width: min(100%, 24rem); }
.px-prose .px-figure--pano img { border-radius: var(--radius-lg); }
.px-gallery { display: grid; gap: var(--space-5) var(--space-4); margin: 2.25em 0; }
.px-gallery .sx-figure { margin: 0; min-width: 0; }
.px-gallery .sx-figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.px-gallery .px-figure--pano { grid-column: 1 / -1; }
.px-gallery .px-figure--pano img { aspect-ratio: auto; object-fit: contain; }
.px-gallery .px-figure--hoch img { width: 100%; max-width: none; aspect-ratio: 3 / 4; }
.px-gallery .px-figure--klein img { width: 100%; max-width: none; }
@media (min-width: 600px) {
  .px-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .px-gallery--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .px-gallery--3 .sx-figure figcaption { font-size: 0.8125rem; }
}
.px-gallery:has(.px-figure--pano) .sx-figure:not(.px-figure--pano) img { aspect-ratio: 2 / 1; }
.px-prose .px-quote, .px-quote--lead { margin: 2.5em 0; max-width: 40rem; }
.px-prose .px-quote .sx-quote__text { margin: 0; padding: var(--space-5) 0 0; border-left: 0; font-size: inherit; }
.px-prose .px-quote .sx-quote__text::before { content: none; }
.px-quote .sx-quote__text p { font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.75rem); }
.px-quote--lead { margin: 0 0 var(--space-9); }
.px-quote--lead .sx-quote__text p { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem); }
.px-quote--klein { margin: 0 0 var(--space-5); }
.px-quote--klein .sx-quote__text { padding-top: var(--space-4); }
.px-quote--klein .sx-quote__text p { font-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem); color: var(--color-text); }
.px-prose .px-dl { margin: 1.75em 0; }
.px-prose .px-dl .sx-dl__title { font-size: 0.9375rem; }
.px-artikel--checkliste .px-prose h3 {
  position: relative;
  margin-top: 1.6em;
  padding-left: 2.25rem;
  font-size: 1.125rem;
}
.px-artikel--checkliste .px-prose h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.05em;
  width: 1.375rem;
  height: 1.375rem;
  border: 1.5px solid var(--color-border-strong);
  border-radius: var(--radius-xs);
  background: var(--color-bg-raised);
}
.px-artikel--checkliste .px-prose h3::after {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 0.32em;
  width: 0.45rem;
  height: 0.75rem;
  border-right: 2px solid var(--red-500);
  border-bottom: 2px solid var(--red-500);
  transform: rotate(40deg);
}
.px-artikel--checkliste .px-prose h3 + p { padding-left: 2.25rem; }
.px-post { display: grid; gap: var(--space-5) var(--space-8); margin: 2.75em 0; padding-top: 2.75em; border-top: 1px solid var(--color-divider); }
.px-post:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.px-post > .sx-figure { margin: 0; }
.px-post > .sx-figure img { width: 100%; max-width: 20rem; border-radius: var(--radius-lg); }
.px-post__text > :first-child { margin-top: 0; }
.px-post__text > * + * { margin-top: 1.1em; }
.px-post__text h2 { margin-top: 0; font-size: clamp(1.375rem, 1.15rem + 0.8vw, 1.875rem); }
@media (min-width: 768px) {
  .px-post { grid-template-columns: 12.5rem minmax(0, 1fr); align-items: start; }
  .px-post > .sx-figure { position: sticky; top: calc(var(--header-top) * 0.66 + var(--header-h-condensed) + 1.5rem); }
}
.px-reel .sx-video__media { aspect-ratio: 9 / 16; }
.px-reel .sx-video__media > .px-reel__bg, .px-reel .sx-video__media > :where(picture) > .px-reel__bg { position: absolute; inset: 0; filter: blur(16px) saturate(1.15) brightness(.72); transform: scale(1.25); }
.px-reel.sx-video:hover .sx-video__media > .px-reel__bg, .px-reel.sx-video:hover .sx-video__media > :where(picture) > .px-reel__bg { transform: scale(1.3); }
.px-reel--quer .sx-video__media > img:not(.px-reel__bg), .px-reel--quer .sx-video__media > :where(picture) > img:not(.px-reel__bg) { position: relative; object-fit: contain; }
.px-reel .sx-video__body { gap: 0.375rem; padding: 0.875rem 1rem 1rem; }
.px-reel .sx-video__title { font-size: 1rem; line-height: 1.3; hyphens: manual; overflow-wrap: break-word; }
.px-reel .sx-video__note { padding-top: 0.5rem; font-size: 0.75rem; }
.sx-grid.px-reelgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) var(--space-3); }
@media (min-width: 600px) {
  .sx-grid.px-reelgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6) var(--space-4); }
  .sx-grid.px-reelgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) { .sx-grid.px-reelgrid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sx-grid.px-reelgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .sx-grid.px-reelgrid:not(.px-reelgrid--4) { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 599.98px) {
  .px-reelgrid .px-reel .sx-video__body { padding: 0.75rem 0.75rem 0.875rem; }
  .px-reelgrid .px-reel .sx-video__title { font-size: 0.9375rem; }
  .px-reelgrid .px-reel .sx-video__note { display: none; }
}
.px-videos {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: 2em 0;
  padding: 0;
  list-style: none;
}
.px-videos > li { display: flex; min-width: 0; margin: 0; padding: 0; }
.px-videos > li > * { flex: 1; min-width: 0; }
.px-prose .px-videos > li, .px-prose .sx-downloads > li { padding-left: 0; margin: 0; }
.px-prose .px-videos > li::before, .px-prose .sx-downloads > li::before { content: none; display: none; }
@media (min-width: 768px) and (max-width: 1023.98px), (min-width: 1280px) { .px-videos--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); } }
.px-videos .px-reel, .px-videoliste .px-reel { flex-direction: row; align-items: stretch; }
.px-videos .px-reel .sx-video__media, .px-videoliste .px-reel .sx-video__media { flex: 0 0 6.5rem; align-self: flex-start; margin: 0.5rem; }
.px-videos--1 .px-reel .sx-video__media { flex-basis: 8rem; }
.px-videos .px-reel .sx-video__body, .px-videoliste .px-reel .sx-video__body { min-width: 0; justify-content: center; padding: 0.875rem 1rem 0.875rem 0.375rem; }
.px-videos .px-reel .sx-video__badge, .px-videoliste .px-reel .sx-video__badge { display: none; }
.px-videos .px-reel .sx-video__play, .px-videoliste .px-reel .sx-video__play { transform: translate(-50%, -50%) scale(0.8); }
.px-videos .px-reel.sx-video:hover .sx-video__play, .px-videoliste .px-reel.sx-video:hover .sx-video__play { transform: translate(-50%, -50%) scale(0.88); }
.px-videos .px-reel .sx-video__note, .px-videoliste .px-reel .sx-video__note { margin-top: 0.25rem; padding-top: 0; }
.px-prose .sx-video__title { margin: 0; font-family: var(--font-display); font-size: 1.0625rem; line-height: 1.3; hyphens: manual; overflow-wrap: break-word; }
.px-prose .sx-video__title a { text-decoration: none; }
.px-prose .sx-video__meta, .px-prose .sx-video__note { margin: 0; }
.px-videoliste .px-reel .sx-video__title { font-size: 1.0625rem; }
.px-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 1.25em 0 2.5em; }
.px-links .px-link { flex: 1 1 13rem; }
.px-links--video .px-link { flex-basis: 17rem; }
.px-links--video .px-link .icon { color: var(--color-text); }
.px-webinare { display: grid; gap: var(--space-3); margin-top: clamp(2rem, 1.5rem + 1.5vw, 3rem); padding-top: var(--space-6); border-top: 1px solid var(--color-divider); }
.px-webinare__label { margin: 0; color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--fs-micro); font-weight: var(--fw-medium); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.px-webinare .px-links { margin: 0; }
@media (min-width: 768px) { .px-webinare .px-link { flex: 0 1 24rem; } }
.px-themecard { min-height: 0; }
.px-themecard .sx-card__top { margin-bottom: var(--space-1); }
.px-themecard .sx-card__text { max-width: 34ch; }
.px-themecard .sx-card__icon { color: var(--color-text); }
.px-themecard:hover .sx-card__icon { border-color: var(--color-text); }
.px-famcard { background: var(--surface-metal); }
@media (min-width: 600px) {
  .px-technik .px-famcard { min-height: 0; gap: var(--space-2); }
  .px-technik .px-famcard .sx-card__top { margin-bottom: var(--space-1); }
  .px-technik .px-famcard .sx-card__foot { padding-top: var(--space-2); }
  .px-technik--1 > :first-child { grid-row: 1 / span 2; grid-column: 1; }
  .px-technik--1 > :not(:first-child) { grid-column: 2; }
}
@media (min-width: 1024px) {
  .px-technik--1 > :not(:first-child) { grid-column: 2 / span 2; }
  .px-technik--1 .sx-card__text { max-width: 52ch; }
  .px-technik--2 > :nth-child(-n + 2) { grid-row: 1 / span 2; }
  .px-technik--2 > :nth-child(n + 3) { grid-column: 3; }
}
.px-story--freisteller .sx-story__media { background: var(--surface-metal); }
.px-story--freisteller .sx-story__media > img, .px-story--freisteller .sx-story__media > :where(picture) > img { object-fit: contain; padding: 1.75rem 1rem 1rem; filter: drop-shadow(0 14px 12px rgba(21, 23, 26, .16)); }
.px-saison {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 600px) { .px-saison { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .px-saison { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.px-saison__col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--card-pad);
  border: 1px solid var(--color-border-hair);
  border-radius: var(--radius-2xl);
  background: var(--color-bg-raised);
}
.px-saison__titel {
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
  margin: 0 0 var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-divider);
  font-size: var(--fs-h4);
  line-height: 1.1;
}
.px-saison__nr { color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--fs-micro); font-weight: var(--fw-medium); letter-spacing: var(--tracking-label); }
.px-saison__n {
  margin-left: auto;
  color: var(--color-text-ghost);
  font-size: 2rem;
  font-weight: var(--fw-thin);
  letter-spacing: var(--tracking-num);
  font-variant-numeric: tabular-nums;
}
.px-saison__list { display: grid; gap: 0.125rem; margin: 0; padding: 0; list-style: none; }
.px-saison__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  padding: 0.625rem 0.5rem 0.625rem 0;
  border-radius: var(--radius-sm);
  color: var(--color-text);
  font-size: 0.9375rem;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--dur-fast), padding var(--dur-base) var(--ease-out);
}
.px-saison__link .icon { width: 1rem; height: 1rem; color: var(--color-text-subtle); transition: transform var(--dur-base) var(--ease-out), color var(--dur-fast); }
.px-saison__link:hover { color: var(--color-accent-text); }
.px-saison__link:hover .icon { color: var(--color-accent-text); transform: translateX(3px); }
html:not(.js) .px-filterbox .sx-filter { display: none; }
.px-filterbox [hidden] { display: none !important; }
.px-more { display: grid; justify-items: center; gap: var(--space-3); margin-top: var(--space-8); }
.px-more[hidden] { display: none; }
.px-more__count { margin: 0; color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.px-video--gross .sx-video__media { aspect-ratio: 16 / 9; }
.px-video--gross .sx-video__title { font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.625rem); }
.px-bericht { scroll-margin-top: calc(var(--header-offset) + var(--subnav-h) + 1.5rem); }
.px-bericht + .px-bericht { margin-top: clamp(3rem, 2rem + 4vw, 6rem); padding-top: clamp(3rem, 2rem + 4vw, 6rem); border-top: 1px solid var(--color-divider); }
.px-bericht .sx-split__title { font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2.25rem); line-height: 1.1; letter-spacing: var(--tracking-h2); }
.px-bericht .sx-split__body { color: var(--color-text-muted); }
.px-bericht__lead { margin: 0; font-size: 0.9375rem; line-height: 1.55; }
.px-bericht .chips { margin-top: var(--space-4); }
.px-bericht:target .sx-split__title { text-decoration: underline; text-decoration-color: var(--red-500); text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
.px-artikel--bericht .px-prose > p:first-child { font-size: var(--fs-body); line-height: inherit; color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .px-saison__link, .px-saison__link .icon, .px-toc__details > summary::after { transition: none; }
  .px-reel.sx-video:hover .sx-video__media > .px-reel__bg, .px-reel.sx-video:hover .sx-video__media > :where(picture) > .px-reel__bg { transform: scale(1.25); }
  .px-saison__link:hover .icon { transform: none; }
}
@media (forced-colors: active) {
  .px-aside__title::before, .px-toc__list a[aria-current="true"]::after { background: CanvasText; box-shadow: none; }
  .px-artikel--checkliste .px-prose h3::after { border-color: CanvasText; }
}
@media print {
  .px-artikel__aside, .px-filterbox .sx-filter, .px-more, .px-videos { display: none !important; }
  .px-artikel__grid { display: block; }
  .px-prose { max-width: none; }
}