/* Approved Dineso presentation: shared by frontend and WordPress editor. */
:is(.dn-site, .editor-styles-wrapper) .dn-s-997b7a4631 {
  color: var(--dn-muted);
}
:is(.dn-site, .editor-styles-wrapper) .dn-timeline-before {
  color: var(--dn-on-ink);
  background: #495966;
}
:is(.dn-site, .editor-styles-wrapper) .dn-s-ada1061324,
:is(.dn-site, .editor-styles-wrapper) .dn-timeline-before,
:is(.dn-site, .editor-styles-wrapper) .dn-timeline-after,
:is(.dn-site, .editor-styles-wrapper) .dn-timeline-ready,
:is(.dn-site, .editor-styles-wrapper) .dn-s-4304fbbb1b {
  font-size: 12px;
}
.dn-other-industries {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid var(--dn-line-strong);
}
.dn-other-industries h3 {
  margin: 0 0 8px;
  font-size: 23px;
  font-weight: 600;
  color: var(--dn-ink);
}
.dn-other-industries p {
  margin: 0;
  max-width: 60ch;
  color: var(--dn-muted);
}
.dn-other-industries .dn-btn { flex-shrink: 0; }
@media (max-width: 700px) {
  .dn-other-industries { flex-direction: column; align-items: flex-start; }
  .dn-other-industries .dn-btn { white-space: normal; }
}
@media (max-width: 600px) {
  :is(.dn-site, .editor-styles-wrapper) .dn-s-dc8e4d247e {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}

/* Information groups: clear columns and separators instead of stacked boxes. */
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso .dn-s-dec5c56dc7,
:is(.dn-site, .editor-styles-wrapper) #plattform .dn-s-dec5c56dc7 {
  column-gap: 32px;
  row-gap: 36px;
}
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso .dn-s-dec5c56dc7 > div,
:is(.dn-site, .editor-styles-wrapper) #plattform .dn-s-dec5c56dc7 > div,
:is(.dn-site, .editor-styles-wrapper) #referenzen figure {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--dn-line-strong);
  border-radius: 0;
  box-shadow: none;
  padding: 24px 0 0;
}
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso .dn-s-a2b327b129 {
  color: var(--dn-ink);
}
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso :is(.dn-s-a37c88f7f5, .dn-s-7a996e1eda) {
  color: var(--dn-muted);
}
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso .dn-s-ec5d490be3 {
  color: var(--dn-petrol);
}
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso .dn-s-ec9e73ba3c {
  gap: 6px 16px;
}
:is(.dn-site, .editor-styles-wrapper) #so-arbeitet-dineso :is(.dn-s-8ed2bf57f1, .dn-s-c5d82ea71b) {
  border: 0;
  border-radius: 0;
  padding: 0;
  font-family: var(--dn-sans);
  font-size: 14px;
  color: var(--dn-ink);
}
:is(.dn-site, .editor-styles-wrapper) #plattform .dn-s-dc06b4cbdd {
  margin-top: 14px;
}
:is(.dn-site, .editor-styles-wrapper) #plattform .dn-s-b284c51a2c {
  border-top-style: dashed;
  border-top-color: var(--dn-petrol);
}
/* A fifth illustrated report for questions beyond the four specializations. */
:is(.dn-site, .editor-styles-wrapper) .dn-custom-report-intro {
  padding: 20px 24px;
  border-bottom: 1px solid var(--dn-line);
}
:is(.dn-site, .editor-styles-wrapper) .dn-custom-report-intro h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}
:is(.dn-site, .editor-styles-wrapper) .dn-custom-report-intro p {
  margin: 8px 0 0;
  max-width: 72ch;
  font-size: 15px;
  line-height: 1.6;
  color: var(--dn-muted);
}
:is(.dn-site, .editor-styles-wrapper) .dn-report-custom [data-bar] {
  background: var(--dn-petrol);
  border: 0;
}
:is(.dn-site, .editor-styles-wrapper) .dn-report-variance { color: var(--dn-petrol); }
:is(.dn-site, .editor-styles-wrapper) .dn-custom-plan-line {
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 0;
  border-top: 2px dashed rgba(15, 27, 45, .35);
}
:is(.dn-site, .editor-styles-wrapper) .dn-custom-report-row {
  grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 1fr)) minmax(0, 1.4fr);
}
:is(.dn-site, .editor-styles-wrapper) .dn-custom-report-row > :not(:first-child) { white-space: nowrap; }
:is(.dn-site, .editor-styles-wrapper) .dn-report-custom .dn-s-074d26baf0 { background: var(--dn-row-highlight); }
@media (max-width: 400px) {
  :is(.dn-site, .editor-styles-wrapper) .dn-custom-report-row {
    padding-inline: 12px;
    gap: 6px;
    font-size: 12px;
    letter-spacing: 0;
  }
}
:is(.dn-site, .editor-styles-wrapper) .dn-source-label {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--dn-line-strong);
  color: var(--dn-petrol);
  font-size: 16px;
  font-weight: 500;
}
:is(.dn-site, .editor-styles-wrapper) .dn-timeline-note {
  margin: 24px 0 0;
  max-width: 76ch;
  font-size: 13px;
  line-height: 1.6;
  color: var(--dn-on-ink-2);
}

/* Explicitly unfinished references: red hatching, with readable labels. */
:is(.dn-site, .editor-styles-wrapper) .dn-s-c6387f05b6 {
  background: repeating-linear-gradient(135deg, #b42332 0 5px, #fff8f7 5px 12px);
  border-color: #b42332;
}
:is(.dn-site, .editor-styles-wrapper) .dn-image-placeholder {
  background: repeating-linear-gradient(135deg, #fff8f7 0 12px, #b42332 12px 15px);
  border-color: #b42332;
}
:is(.dn-site, .editor-styles-wrapper) .dn-image-placeholder span {
  background: #fff8f7;
  color: #8f1c28;
  padding: 4px 8px;
}

/* Shared rules for reviewed information groups on every local preview page. */
:is(.dn-site, .editor-styles-wrapper) {
  --dn-info-ink: var(--dn-ink);
  --dn-info-muted: var(--dn-muted);
  --dn-info-accent: var(--dn-petrol);
  --dn-info-line: var(--dn-line-strong);
}
:is(.dn-site, .editor-styles-wrapper) .dn-dark-surface {
  --dn-info-ink: var(--dn-on-ink);
  --dn-info-muted: var(--dn-on-ink-2);
  --dn-info-accent: var(--dn-petrol-on-dark);
  --dn-info-line: var(--dn-line-ink-2);
}
:is(.dn-site, .editor-styles-wrapper) .dn-section-root .dn-info-card,
:is(.dn-site, .editor-styles-wrapper) .dn-section-root .dn-info-card:hover {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--dn-info-line);
  border-radius: 0;
  box-shadow: none;
  padding: 24px 0 0;
  color: var(--dn-info-ink);
  min-width: 0;
}
:is(.dn-site, .editor-styles-wrapper) .dn-section-root a.dn-info-card:hover {
  border-top-color: var(--dn-info-accent);
}
:is(.dn-site, .editor-styles-wrapper) .dn-info-card .dn-info-copy { color: var(--dn-info-ink); }
:is(.dn-site, .editor-styles-wrapper) .dn-info-card .dn-info-muted { color: var(--dn-info-muted); }
:is(.dn-site, .editor-styles-wrapper) .dn-info-card .dn-info-accent { color: var(--dn-info-accent); }
:is(.dn-site, .editor-styles-wrapper) .dn-section-root :has(> .dn-info-card) {
  column-gap: 32px;
  row-gap: 32px;
}
:is(.dn-site, .editor-styles-wrapper) .dn-info-card .dn-s-dc06b4cbdd { margin-top: 14px; }
:is(.dn-site, .editor-styles-wrapper) .dn-info-card .dn-s-ec9e73ba3c { gap: 6px 16px; }
:is(.dn-site, .editor-styles-wrapper) .dn-info-card :is(.dn-s-8ed2bf57f1, .dn-s-c5d82ea71b) {
  border: 0;
  border-radius: 0;
  padding: 0;
  font-family: var(--dn-sans);
  font-size: 14px;
  color: var(--dn-info-ink);
}
:is(.dn-site, .editor-styles-wrapper) .dn-section-root :is(h1, h2) {
  hyphens: auto;
  overflow-wrap: anywhere;
}
/* Full module names wrap in the breadcrumb on narrow viewports. */
:is(.dn-site, .editor-styles-wrapper) .dn-module-hero :is(.dn-s-50ee91c2e0, .dn-s-151b59c895) {
  flex-wrap: wrap;
  row-gap: 6px;
}
/* All module audiences share a heading and concise role descriptions. */
:is(.dn-site, .editor-styles-wrapper) .dn-module-name {
  max-width: 100%;
  overflow-wrap: anywhere;
}
:is(.dn-site, .editor-styles-wrapper) .dn-care-reality .dn-s-0287993bac,
:is(.dn-site, .editor-styles-wrapper) .dn-section-root .dn-topic-emphasis {
  color: var(--dn-petrol);
}
:is(.dn-site, .editor-styles-wrapper) .dn-module-audience .dn-role-name {
  color: var(--dn-petrol);
}
:is(.dn-site, .editor-styles-wrapper) .dn-module-audience .dn-s-621f16f39e {
  max-width: 1000px;
}
:is(.dn-site, .editor-styles-wrapper) .dn-module-audience-copy {
  max-width: 72ch;
  margin-top: 32px;
  color: var(--dn-muted);
  font-size: clamp(17px, 1.5vw, 19px);
  line-height: 1.65;
}
:is(.dn-site, .editor-styles-wrapper) .dn-module-audience-copy p {
  margin: 0 0 20px;
}
:is(.dn-site, .editor-styles-wrapper) .dn-module-audience-copy p:last-child {
  margin-bottom: 0;
}
/* Small hero labels need contrast against the retained petrol glow. */
:is(.dn-site, .editor-styles-wrapper) .dn-s-522d5e5385 .dn-s-eedbb1dfee {
  color: #4a5563;
}
/* Preserve the full consultation image, including its example-data footer. */
:is(.dn-site, .editor-styles-wrapper) .dn-service-hero-media {
  min-height: 0;
  max-height: none;
}
:is(.dn-site, .editor-styles-wrapper) .dn-service-hero-media > .dn-content-image {
  height: auto;
}
/* Keep each service phase and its outcome readable on narrow screens. */
@media (max-width: 700px) {
  :is(.dn-site, .editor-styles-wrapper) #phasen .dn-s-36961e9b5b > div {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 16px;
  }
  :is(.dn-site, .editor-styles-wrapper) #phasen .dn-s-0332843e5c {
    grid-column: 2;
  }
}
.dn-kickstart-link { display:block; flex-basis:100%; width:fit-content; color:var(--dn-petrol); font-size:14px; text-decoration:none; text-underline-offset:5px; padding:8px 0; }
.dn-kickstart-link:hover { text-decoration:underline; }

/* About Dineso: generous image/text rows in place of portrait placeholders. */
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-header {
  max-width: 920px;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-list {
  display: grid;
  gap: clamp(56px, 7vw, 96px);
  margin-top: 48px;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "media copy";
  align-items: center;
  gap: clamp(32px, 5vw, 72px);
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-row--reverse {
  grid-template-areas: "copy media";
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-media {
  grid-area: media;
  min-width: 0;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-media > .dn-content-image {
  height: auto;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-copy {
  grid-area: copy;
  min-width: 0;
  max-width: 58ch;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-copy h3 {
  margin: 0 0 20px;
  color: var(--dn-ink);
  font-size: clamp(26px, 2.6vw, 34px);
  line-height: 1.15;
  letter-spacing: -.02em;
  font-weight: 600;
  hyphens: auto;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-copy p {
  margin: 0 0 16px;
  color: var(--dn-muted);
  font-size: 17px;
  line-height: 1.65;
}
:is(.dn-site, .editor-styles-wrapper) .dn-about-story-copy p:last-child {
  margin-bottom: 0;
}
@media (max-width: 850px) {
  :is(.dn-site, .editor-styles-wrapper) .dn-about-story-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "media" "copy";
    gap: 28px;
  }
  :is(.dn-site, .editor-styles-wrapper) .dn-about-story-list {
    margin-top: 36px;
  }
}