.seite.dk-seite [id] { scroll-margin-top: calc(0.75rem - var(--subnav-h)); }
.dk-hero { padding-bottom: clamp(2.5rem, 1.75rem + 3vw, 4.5rem); }
.dk-hero__text { max-width: 46rem; margin-top: clamp(1rem, 0.5rem + 2vw, 2.5rem); }
.dk-hero .sx-hero__eyebrow { margin-bottom: var(--space-4); }
.dk-hero__title {
  max-width: 20ch;
  font-size: clamp(1.875rem, 1.2rem + 3vw, 3.75rem);
  line-height: 1.04;
  hyphens: manual;
}
.dk-hero__lead { margin-top: var(--space-4); font-size: clamp(1rem, 0.95rem + 0.3vw, 1.1875rem); }
.dk-sprachen { margin-top: clamp(1.5rem, 1rem + 2vw, 2.5rem); }
.dk-sprachen__titel {
  margin: 0 0 var(--space-3);
  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);
  text-transform: uppercase;
}
.dk-sprachen__liste {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 640px)  { .dk-sprachen__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); } }
@media (min-width: 1100px) { .dk-sprachen__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dk-sprache {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  height: 100%;
  min-height: 4rem;
  padding: 0.625rem 0.75rem 0.625rem 0.625rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: 0 1px 2px rgba(21, 23, 26, .06), 0 4px 12px -6px rgba(21, 23, 26, .12);
  color: var(--color-text);
  text-decoration: none;
  transition: box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base);
  -webkit-tap-highlight-color: transparent;
}
.dk-sprache:hover { border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.dk-sprache:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.dk-sprache[aria-current="true"] { border-color: var(--graphite-900); box-shadow: 0 1px 2px rgba(21, 23, 26, .08), 0 6px 16px -8px rgba(21, 23, 26, .2); }
.dk-sprache[aria-current="true"] .dk-sprache__pfeil { background: var(--graphite-900); color: #fff; }
.dk-flagge {
  position: relative;
  display: block;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.dk-flagge svg { display: block; width: 100%; height: 100%; }
.dk-flagge::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(21, 23, 26, .14);
}
.dk-sprache__text { display: grid; gap: 0.125rem; min-width: 0; }
.dk-sprache__name {
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.dk-sprache__inhalt { color: var(--color-text-muted); font-size: 0.8125rem; line-height: 1.35; }
.dk-sprache__pfeil {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--steel-100);
  color: var(--graphite-900);
  transition: background var(--dur-base), color var(--dur-base);
}
.dk-sprache__pfeil .icon { width: 1rem; height: 1rem; }
.seite > .dk-hero + .dk-wege { padding-block: clamp(1.25rem, 0.75rem + 2vw, 2.5rem) 0; }
.dk-wege { background: #fff; }
.dk-wege__liste {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) { .dk-wege__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); } }
.dk-weg {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  height: 100%;
  min-height: 5rem;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: 0 1px 2px rgba(21, 23, 26, .06), 0 6px 16px -8px rgba(21, 23, 26, .16);
  color: var(--color-text);
  text-decoration: none;
  transition: box-shadow var(--dur-slow) var(--ease-out), border-color var(--dur-slow);
  -webkit-tap-highlight-color: transparent;
}
.dk-weg:hover { box-shadow: var(--shadow-md); border-color: var(--color-border); }
.dk-weg:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.dk-weg__icon {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-md);
  background: var(--graphite-900);
  color: #fff;
}
.dk-weg__icon .icon { width: 1.375rem; height: 1.375rem; }
.dk-weg--uebergabe .dk-weg__icon { background: var(--red-500); }
.dk-weg__text { display: grid; gap: 0.25rem; min-width: 0; }
.dk-weg__titel {
  font-family: var(--font-display);
  font-size: 1.125rem;
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.dk-weg__info { color: var(--color-text-muted); font-size: 0.875rem; line-height: 1.4; }
.dk-sec .section-head { margin-bottom: var(--space-6); }
.dk-uebergabe {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4);
  border: 1px solid rgba(217, 0, 26, .2);
  border-radius: var(--radius-md);
  background: var(--red-tint);
  font-size: 0.9375rem;
  line-height: 1.45;
}
.dk-uebergabe__icon { flex: none; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; color: var(--color-accent); }
.dk-uebergabe__icon .icon { width: 1.25rem; height: 1.25rem; }
.dk-uebergabe a { color: var(--color-accent-text); font-weight: var(--fw-semibold); text-underline-offset: 0.18em; }
.dk-uebergabe a:hover { color: var(--color-accent-active); }
.dk-suche { max-width: none; }
.dk-gruppen {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-2);
  margin: var(--space-4) calc(var(--gutter) * -1) 0;
  padding: 0 var(--gutter) var(--space-1);
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.dk-gruppen::-webkit-scrollbar { display: none; }
@media (min-width: 768px) { .dk-gruppen { flex-wrap: wrap; margin-inline: 0; padding-inline: 0; overflow: visible; } }
.dk-gruppen__link { min-height: 2.25rem; padding-inline: 0.875rem; background: var(--color-bg-raised); color: var(--color-text); font-size: 0.8125rem; }
.dk-gruppen__link:hover { border-color: var(--graphite-900); }
.dk-gruppen__link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.dk-gruppe { margin-top: clamp(1.75rem, 1.25rem + 2vw, 2.75rem); }
.dk-gruppe__titel {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  font-size: var(--fs-h4);
  line-height: 1.2;
  letter-spacing: var(--tracking-h3);
}
.dk-fuss { margin: var(--space-8) 0 0; }