/**
 * Feinschliff aller Seiten aus dem Canvas „DiConsus – WP-Stand“ (V49, D-118, O-15).
 * Erzeugt mit docs/design/wp-stand/_build/port_polish.py aus _build/site-polish.css – nicht von Hand ändern,
 * sondern die Quelle ändern und neu erzeugen. Regeln und Begründung: docs/design/wp-stand/feinschliff-regeln.md.
 * Abstände aus theme.json (settings.custom.section), Farben nur als Tokens.
 */

/* ===== Feinschliff aller Seiten (Canvas, Vorbild Tannengrün). Nur Abstände und Anordnung, keine Farben. ===== */
:root {
	--dc-pad: clamp(20px, calc(20px + (100vw - 390px) * .0351), 40px);
	--dc-outer: var(--wp--custom--section--outer, 150px);
	--dc-inner: var(--wp--custom--section--inner, 70px);
	--dc-width: min(1200px, calc(100% - 2 * var(--dc-pad)));
	--dc-narrow: min(900px, calc(100% - 2 * var(--dc-pad)));
	--dc-line: 1px solid var(--wp--custom--section--line, var(--wp--preset--color--line-soft)); /* Trennlinie zwischen weißen und grauen Flächen, Wert aus der ersten Fassung (YOOtheme) */
}

/* Eine Inhaltskante für alle Abschnitte */
body .diconsus-hero__inner,
body .diconsus-navigator__inner,
body .diconsus-card-grid__inner,
body .diconsus-highlight-band__box,
body .diconsus-steps__inner,
body .diconsus-story-slider__inner,
body .diconsus-cta-person__inner,
body .diconsus-teaser-cards__inner,
body .diconsus-icon-cards__inner,
body .diconsus-media-text__inner,
body .diconsus-fact-sheet__inner,
body .diconsus-footer__top,
body .diconsus-footer__sitemap,
body .diconsus-footer__bottom {
	margin-inline: auto;
	max-width: none;
	width: var(--dc-width);
}

/* Reine Text-Abschnitte bleiben schmal, stehen aber mittig auf derselben Achse */
body .diconsus-statement__inner,
body .diconsus-faq__inner,
body .diconsus-checklist__inner,
html body .diconsus-highlight-band.is-style-subtle .diconsus-highlight-band__box {
	margin-inline: auto;
	max-width: none;
	width: var(--dc-narrow);
}
/* Rechtstexte liegen in der gepolsterten Inhaltsfläche, deshalb an der Fensterbreite messen */
html body .entry-content > .diconsus-legal { margin-inline: auto !important; max-width: none; padding-inline: 0; width: min(900px, calc(100vw - 2 * var(--dc-pad))); }

/* Seiten ohne Hero: Titel auf derselben Achse wie der Inhalt */
html body main > .wp-block-post-title { margin-inline: auto; max-width: none; padding-inline: 0; width: min(900px, calc(100vw - 2 * var(--dc-pad))); }
html body .entry-content > p { margin-inline: auto !important; max-width: none; width: min(900px, calc(100vw - 2 * var(--dc-pad))); }

/* Ein Rhythmus für alle Abschnitte: außen 150 px zwischen den Abschnitten, innen 70 px in farbigen Flächen */
html body .entry-content > :not(.diconsus-hero):not(p) { margin-block: 0 var(--dc-outer); padding-block: 0; }
html body .entry-content > .diconsus-navigator:not(.diconsus-hero),
html body .entry-content > .diconsus-highlight-band:not(.diconsus-hero),
html body .entry-content > .diconsus-cta-person:not(.diconsus-hero),
html body .entry-content > .is-style-muted:not(.diconsus-hero) { padding-block: var(--dc-inner); }

/* Direkt unter dem Hero: weiße Abschnitte brauchen den Außenabstand nach oben, farbige schließen an */
html body .entry-content > .diconsus-hero + :not(.diconsus-navigator):not(.diconsus-highlight-band):not(.diconsus-cta-person):not(.is-style-muted):not(.diconsus-fact-sheet) { margin-top: var(--dc-outer); }

/* Letzter Abschnitt: farbige Flächen schließen direkt an den Footer an */
html body .entry-content > .diconsus-highlight-band:not(.diconsus-hero):last-child,
html body .entry-content > .diconsus-cta-person:not(.diconsus-hero):last-child,
html body .entry-content > .is-style-muted:not(.diconsus-hero):last-child { margin-bottom: 0; }

/* Flächen wie im Original: folgen farbige Abschnitte aufeinander, liegen sie direkt aneinander (kein weißer Streifen dazwischen) */
html body .entry-content > :is(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted):not(.diconsus-hero):has(+ :is(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) { margin-bottom: 0; }

/* Keine einzelnen schmalen grauen Balken: eine graue Kernaussage zwischen weißen Abschnitten bleibt weiß (gehört zum Abschnitt darüber),
   dafür beginnt mit dem nächsten Abschnitt die graue Fläche */
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-statement.is-style-muted:has(+ :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) { background: transparent; padding-block: 0; }
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-statement.is-style-muted + :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) { background: var(--wp--preset--color--surface-muted); padding-block: var(--dc-inner); }
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-statement.is-style-muted + :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted):is(:last-child, :has(+ :is(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted))) { margin-bottom: 0; }

/* Blauer Trenner:ein helles Band mitten zwischen weißen Abschnitten bringt Farbe in die Seite (Bänder am Seitenende bleiben grau) */
html body .entry-content > :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-highlight-band.is-style-subtle:has(+ :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) {
	--wp--custom--highlight-band--section-background: var(--wp--preset--color--navy);
	--wp--custom--highlight-band--text-color: var(--wp--preset--color--white);
	--wp--custom--highlight-band--eyebrow-color: var(--wp--preset--color--on-dark-muted);
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
}
html body .entry-content > :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-highlight-band.is-style-subtle:has(+ :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) :is(.diconsus-highlight-band__heading, .diconsus-highlight-band__text, .diconsus-highlight-band__note) { color: var(--wp--preset--color--white); }
html body .entry-content > :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-highlight-band.is-style-subtle:has(+ :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) .wp-block-button__link {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--navy);
}

/* Schmale Linie, wo Weiß und Grau aneinanderstoßen (wie in der ersten Fassung); nicht zwischen zwei grauen Flächen, am Hero, am Footer
   und an dunklen Bändern */
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + :is(.is-style-muted, .diconsus-cta-person, .diconsus-highlight-band.is-style-subtle) { border-top: var(--dc-line); }
html body .entry-content > :is(.is-style-muted, .diconsus-cta-person, .diconsus-highlight-band.is-style-subtle):has(+ :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) { border-bottom: var(--dc-line); }
html body .entry-content > :is(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + :is(.is-style-muted, .diconsus-cta-person, .diconsus-highlight-band.is-style-subtle) { border-top: 0; }
/* … nicht an Kernaussagen, die weiß bleiben, und nicht an blauen Trennern */
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + :is(.diconsus-statement.is-style-muted, .diconsus-highlight-band.is-style-subtle):has(+ :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) { border-block: 0; }
/* … dafür am Abschnitt, der nach einer weißen Kernaussage grau wird */
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-statement.is-style-muted + :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) { border-top: var(--dc-line); }
html body .entry-content > :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-statement.is-style-muted + :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted):has(+ :not(.diconsus-hero, .diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) { border-bottom: var(--dc-line); }

/* Erfolgsstorys: Kapitel gehören zusammen und stehen enger */
html body .entry-content > .diconsus-media-text--heading + .diconsus-media-text--heading { margin-top: calc(var(--dc-inner) - var(--dc-outer)); }

/* Steckbrief ragt auf dem Desktop in den Hero */
@media (min-width: 961px) {
	html body .entry-content > .diconsus-hero + .diconsus-fact-sheet:not(.is-style-muted) { margin-top: -100px; }
}
@media (max-width: 960px) {
	html body .entry-content > .diconsus-hero + .diconsus-fact-sheet:not(.is-style-muted) { margin-top: var(--dc-inner); }
}

body .diconsus-story-slider { display: flow-root; }

/* Band „Platform Architecture Team as a Service“ */
body .diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__box {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: space-between;
	padding: 0;
}
body .diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__content { flex: 1 1 520px; max-width: 62ch; min-width: 0; }
.diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__eyebrow { letter-spacing: .14em; margin: 0 0 16px; }
body .diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__heading { font-size: clamp(30px, 3.4vw, 40px); line-height: 1.25; margin: 0 0 24px; }
.diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__text,
.diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__note { font-size: 17px; line-height: 1.6; }
.diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__text { margin: 0 0 20px; }
.diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__note { margin: 0; }
.diconsus-highlight-band__button { flex: none; }
/* Logo in „Text mit Bild“ (KMU NOW): die Datei hat viel leeren Rand, deshalb auf den Schriftzug zuschneiden und klein halten.
   Erkannt am Alt-Text „Logo …“; im Theme besser als Block-Einstellung */
html body .diconsus-media-text .diconsus-media-text__media img[alt^="Logo"] { aspect-ratio: 2 / 1; height: auto; margin-inline: auto; max-height: none; object-fit: cover; width: min(100%, 360px); }
html body .diconsus-media-text__media:has(img[alt^="Logo"]) { align-self: center; }

/* Links auf dunklem Band hell, sonst kaum lesbar (Blau auf Navy) */
html body .diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__content a,
html body .entry-content > :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted) + .diconsus-highlight-band.is-style-subtle:has(+ :not(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted)) .diconsus-highlight-band__content a { color: var(--wp--preset--color--white); text-decoration: underline; text-underline-offset: 3px; }

/* Überschriften nicht automatisch trennen */
html body .entry-content h1,
html body .entry-content h2 { -webkit-hyphens: manual; hyphens: manual; }

/* Kontakt-Block überall so ruhig wie auf der Startseite: keine fetten Hervorhebungen */
body .diconsus-cta-person__heading strong,
body .diconsus-cta-person__text strong { font-weight: inherit; }
body .diconsus-cta-person__list { margin-top: 16px; }
body .diconsus-cta-person__list li + li { margin-top: 6px; }

/* Schritt-Bilder gleich hoch, damit die Titel auf einer Linie stehen */
.diconsus-steps.is-layout-columns .diconsus-step__image { height: 150px; object-fit: contain; width: auto; }

/* Button unter den Schritten näher an den Inhalt */
body .diconsus-steps__items { margin-bottom: 0; }
body .diconsus-steps__actions { margin-top: clamp(32px, 4vw, 48px); }

/* Bis Tablet: Text über der Auswahl, Auswahl in zwei Spalten */
@media (max-width: 960px) {
	body .diconsus-navigator__inner { gap: 32px; grid-template-columns: 1fr; }
	body .diconsus-navigator__intro { position: static; }
	body .diconsus-navigator__heading br { display: none; }
	.diconsus-navigator__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.diconsus-navigator__choice { height: 100%; }
	.diconsus-navigator__choice:last-child:nth-child(odd) { grid-column: 1 / -1; }

	/* Hero: Vorteile in zwei Spalten, passt zur mittigen Überschrift */
	.diconsus-hero__list { display: grid; gap: 12px 32px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body .diconsus-hero__item { align-items: flex-start; }
	.diconsus-hero__item + .diconsus-hero__item { margin-top: 0; }
	.diconsus-hero__item:before { align-self: flex-start; margin-top: 1px; }

	/* Kontakt: Porträt neben dem Textblock statt darüber */
	body .diconsus-cta-person__inner {
		align-items: center;
		column-gap: 32px;
		display: grid;
		grid-template-columns: 170px minmax(0, 1fr);
		text-align: left;
	}
	body .diconsus-cta-person__content { grid-column: 2; grid-row: 1; min-width: 0; }
	.diconsus-cta-person__media { grid-column: 1; grid-row: 1; margin: 0; order: 0; }
	.diconsus-cta-person__media img { height: auto; width: 170px; }
	body .diconsus-cta-person__heading { margin-top: 0; }

	/* Schritte: Button und Checklisten-Button mittig */
	body .diconsus-checklist__button { display: flex; justify-content: center; }
}

/* Kreislauf: Grafik und drei Schritte als 2x2-Raster */
@media (max-width: 960px) {
	body .diconsus-steps.is-layout-around .diconsus-steps__items {
		align-items: start;
		display: grid;
		gap: 32px 24px;
		grid-template-areas: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
	}
	body .diconsus-steps.is-layout-around .diconsus-steps__items > * { grid-area: auto; grid-column: auto; grid-row: auto; margin: 0; max-width: none; }
	body .diconsus-steps.is-layout-around .diconsus-steps__image { align-self: center; order: -1; }
	body .diconsus-steps.is-layout-around .diconsus-steps__image img { display: block; height: auto; width: 100%; }
	body .diconsus-steps.is-layout-around .diconsus-step { text-align: left; }
	body .diconsus-steps.is-layout-around .diconsus-step__title,
	body .diconsus-steps.is-layout-around .diconsus-step__text { text-align: left; }
}

/* Tablet: Leistungen und Querverweise in zwei Spalten */
@media (min-width: 561px) and (max-width: 960px) {
	body .diconsus-icon-cards--columns .diconsus-icon-cards__cards,
	body .diconsus-icon-cards--list .diconsus-icon-cards__cards,
	body .diconsus-icon-cards--intro .diconsus-icon-cards__cards { gap: 32px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body .diconsus-checklist__list { display: grid; gap: 12px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
	body .diconsus-checklist__item + .diconsus-checklist__item { margin-top: 0; }
	body .diconsus-card-grid__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body .diconsus-teaser-cards__cards { gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body .diconsus-teaser-card { flex-direction: column; }
	body .diconsus-teaser-card__media { flex: none; height: 96px; padding: 24px 24px 0; }
	body .diconsus-teaser-card__media img { height: 100%; object-fit: contain; object-position: left center; width: 100%; }
	body .diconsus-teaser-card__body { justify-content: flex-start; padding: 24px; }
	body .diconsus-teaser-card__arrow { margin-top: auto; }
}

/* Handy */
@media (max-width: 640px) {
	/* Abstände: rund 60 % der Desktop-Werte */
	:root { --dc-outer: var(--wp--custom--section--outer-mobile, 88px); --dc-inner: var(--wp--custom--section--inner-mobile, 48px); }

	html body .diconsus-hero__heading { -webkit-hyphens: none; hyphens: none; }

	/* Hero: Vorteile kleiner, damit zwei Spalten passen */
	.diconsus-hero__list { gap: 12px 16px; margin-top: 28px; }
	.diconsus-hero__item { font-size: 14px; gap: 8px; line-height: 1.35; }

	/* Auswahl: kompakte Kacheln */
	body .diconsus-navigator__app { min-height: 0; padding: 20px 16px; }
	.diconsus-navigator__progress { margin-bottom: 20px; }
	body .diconsus-navigator__question { margin-bottom: 16px; }
	.diconsus-navigator__choices { gap: 8px; }
	body .diconsus-navigator__choice { font-size: 14px; line-height: 1.35; padding: 12px; }

	/* Leistungen: lange Wörter passen nicht in zwei Spalten, also eine kompakte Spalte */
	body .diconsus-card-grid__cards { gap: 12px; }
	body .diconsus-link-card { padding: 20px; }
	body .diconsus-link-card__title { font-size: 19px; line-height: 1.3; margin-bottom: 8px; }
	body .diconsus-link-card__text { font-size: 15px; line-height: 1.55; margin-bottom: 12px; }

	body .diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__box { gap: 28px; }

	.diconsus-steps__items { gap: 40px; }

	/* Kreislauf: kleinere Schrift, damit zwei Spalten passen */
	body .diconsus-steps.is-layout-around .diconsus-steps__items { gap: 24px 16px; }
	body .diconsus-steps.is-layout-around .diconsus-step__title { font-size: 15px; line-height: 1.3; }
	body .diconsus-steps.is-layout-around .diconsus-step__text { font-size: 14px; line-height: 1.45; }
	body .diconsus-steps.is-layout-around .diconsus-step__content { margin-top: 8px; }

	/* Story: kleinere Schrift, weniger Leerraum */
	.diconsus-story-slide__body { padding: 20px; }
	body .diconsus-story-slide__text { font-size: 16px; line-height: 1.5; }

	/* Kontakt: Porträt klein neben der Überschrift, alles andere darunter über die volle Breite */
	body .diconsus-cta-person__inner { align-items: center; column-gap: 16px; grid-template-columns: 88px minmax(0, 1fr); row-gap: 16px; }
	body .diconsus-cta-person__content { display: contents; }
	body .diconsus-cta-person__content > * { grid-column: 1 / -1; margin-block: 0; }
	body .diconsus-cta-person__content > .diconsus-cta-person__heading { font-size: 22px; grid-column: 2; grid-row: 1; line-height: 1.25; }
	.diconsus-cta-person__media img { width: 88px; }
	body .diconsus-cta-person__list { padding-left: 1.2em; }

	/* Schritte untereinander: alles auf einer Mittelachse, Listen ohne Aufzählungspunkte und eng gesetzt */
	.diconsus-steps.is-layout-columns .diconsus-step { display: block; text-align: center; }
	.diconsus-steps.is-layout-columns .diconsus-step__image { display: block; height: 96px; margin: 0 auto 12px; max-width: none; width: auto; }
	.diconsus-steps.is-layout-columns .diconsus-step__title { font-size: 20px; margin: 0; text-align: center; }
	.diconsus-steps.is-layout-columns .diconsus-step__content { margin: 10px auto 0; max-width: 32em; text-align: center; width: auto; }
	html body .diconsus-steps.is-layout-columns .diconsus-step__list { list-style: none; margin: 8px 0 0; padding: 0; }
	html body .diconsus-steps.is-layout-columns .diconsus-step__list li { line-height: 1.5; margin: 0; padding: 0; }
	html body .diconsus-steps.is-layout-columns .diconsus-step__list li + li { margin-top: 4px; }

	/* Querverweise: kompakt, Logo neben dem Text */
	body .diconsus-teaser-cards__cards { gap: 12px; }
	html body .diconsus-teaser-card .diconsus-teaser-card__media { align-self: center; flex: 0 0 88px; padding: 16px 0 16px 16px; }
	html body .diconsus-teaser-card__media img { height: auto; max-height: 72px; object-fit: contain; width: 100%; }
	body .diconsus-teaser-card__body { padding: 20px; }

	/* Bild in „Text mit Bild“ (Porträt, Logo) nicht bildschirmhoch: höchstens 260 px, mittig */
	html body .diconsus-media-text--image .diconsus-media-text__media img { margin-inline: auto; max-height: 260px; max-width: 100%; object-fit: contain; width: auto; }
	html body .diconsus-media-text--image .diconsus-media-text__caption { text-align: center; }
	body .diconsus-teaser-card__title { font-size: 19px; line-height: 1.3; }
	body .diconsus-teaser-card__subtitle { font-size: 15px; line-height: 1.55; }

	/* Hero: lange Überzeilen umbrechen */
	body .diconsus-hero__eyebrow { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
	body .diconsus-hero__eyebrow strong { white-space: normal; }

	/* Kurze Kacheln und Fakten in zwei Spalten */
	body .diconsus-icon-cards--grid .diconsus-icon-cards__cards,
	body .diconsus-icon-cards--columns .diconsus-icon-cards__cards:has(> .diconsus-icon-card:nth-child(4)):not(:has(> .diconsus-icon-card:nth-child(5))) { gap: 24px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body .diconsus-icon-cards--grid .diconsus-icon-card__title { font-size: 15px; line-height: 1.35; }

	/* Listen und Kacheln: weniger Abstand */
	body .diconsus-icon-cards__cards { gap: 24px; }
	body .diconsus-icon-card__icon img { width: 48px; }

	/* Kernaussagen: kleiner, sonst sehr lang */
	body .diconsus-statement__text { font-size: 20px; line-height: 1.45; }

	/* Text mit Bild: Überschrift näher am Text */
	body .diconsus-media-text--heading .diconsus-media-text__columns { gap: 16px; }
	body .diconsus-media-text__columns { gap: 24px; }

	/* Footer: Seitenübersicht in zwei Spalten */
	body .diconsus-footer__sitemap { column-gap: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Sehr schmal: Kacheln mit langen Wörtern einspaltig, Symbol neben dem Titel */
@media (max-width: 479px) {
	body .diconsus-icon-cards--grid .diconsus-icon-cards__cards,
	body .diconsus-icon-cards--columns .diconsus-icon-cards__cards:has(> .diconsus-icon-card:nth-child(4)):not(:has(> .diconsus-icon-card:nth-child(5))) { grid-template-columns: minmax(0, 1fr); }
	body .diconsus-icon-cards--grid .diconsus-icon-card { align-items: center; display: flex; gap: 16px; text-align: left; }
	body .diconsus-icon-cards--grid .diconsus-icon-card__icon { flex: none; margin: 0; }
}

/* Buttons: sobald der Inhalt untereinander steht, stehen alle Buttons eines Abschnitts mittig */
@media (max-width: 960px) {
	html body .entry-content .wp-block-button:not(.diconsus-cta-person__button):not(.diconsus-story-slide *):not(.diconsus-teaser-card *):not(.diconsus-link-card *) {
		display: flex;
		justify-content: center;
		margin-inline: auto;
		width: 100%;
	}
	html body .diconsus-highlight-band:not(.is-style-subtle) .diconsus-highlight-band__button { flex: 1 1 100%; }
}
/* Kontakt-Block: auf dem Tablet steht der Text neben dem Porträt, dort bleibt der Button bündig; auf dem Handy mittig */
@media (max-width: 640px) {
	html body .entry-content .diconsus-cta-person__button { display: flex; justify-content: center; }
}

/* Buttons auch auf dem Desktop mittig in Abschnitten, deren Inhalt in einer Spalte steht oder die einen eigenen Button-Bereich haben.
   Bewusst bündig mit dem Text bleiben: Hero, dunkles Band (Button rechts neben dem Text) und Kontakt-Block (Text neben dem Porträt). */
html body .entry-content :is(.diconsus-checklist, .diconsus-icon-cards, .diconsus-fact-sheet, .diconsus-media-text, .diconsus-steps, .diconsus-faq, .diconsus-statement, .diconsus-highlight-band.is-style-subtle) .wp-block-button {
	display: flex;
	justify-content: center;
	margin-inline: auto;
	max-width: none;
	width: 100%;
}
html body .entry-content .diconsus-checklist__inner > .diconsus-checklist__button { grid-column: 1 / -1; }
/* Checkliste: Liste über die volle Breite in zwei Spalten, Button mit Abstand darunter */
@media (min-width: 561px) {
	html body .entry-content .diconsus-checklist__inner > .diconsus-checklist__list { display: grid; gap: 14px 40px; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
	html body .entry-content .diconsus-checklist__item + .diconsus-checklist__item { margin-top: 0; }
}
html body .entry-content .diconsus-checklist__inner > .diconsus-checklist__button { margin-top: 40px; }

/* ===== Hero der Unterseiten wie auf der KI-Seite (Wunsch Malte, Canvas V32). Inhalte bleiben, nur Aufbau und Gestaltung:
   Überzeile klein in Großbuchstaben, große Überschrift, Einleitung 20 px, blauer Button, Vorteile als graue Zeile mit Punkten,
   alles linksbündig und oben ausgerichtet; Abstände 180/70 px (bis 900 px: 135/50 px). Seit V49 auch Startseite. ===== */
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero.diconsus-hero { align-items: flex-start; min-height: 0; padding-block: 180px 70px; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero.diconsus-hero:has(+ .diconsus-fact-sheet:not(.is-style-muted)) { padding-bottom: 170px; } /* Steckbrief ragt 100 px hinein */
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__inner.diconsus-hero__inner { align-items: flex-start; display: flex; flex-direction: column; margin-block: 0; min-height: 0; padding-inline: 0; text-align: left; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__eyebrow.diconsus-hero__eyebrow { color: var(--wp--preset--color--eyebrow-on-dark); font-size: 12px; font-weight: 600; letter-spacing: .1em; line-height: 1.5; margin: 0 0 40px; max-width: none; text-align: left; text-transform: uppercase; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__eyebrow.diconsus-hero__eyebrow::before,
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__eyebrow.diconsus-hero__eyebrow::after { display: none; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__heading.diconsus-hero__heading { font-size: clamp(36px, 4.4vw, 64px); line-height: 1.15; margin: 0; max-width: 1000px; text-align: left; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__intro.diconsus-hero__intro { font-size: 20px; line-height: 1.65; margin: 20px 0 0; max-width: 760px; text-align: left; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__button.diconsus-hero__button { display: block; margin: 28px 0 0; order: 2; text-align: left; width: auto; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__button .wp-block-button__link { background: var(--wp--preset--gradient--primary); color: var(--wp--preset--color--white); }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__list.diconsus-hero__list { display: block; font-size: 14px; line-height: 1.5; list-style: none; margin: 30px 0 0; max-width: none; order: 3; padding: 0; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__item.diconsus-hero__item { color: var(--wp--preset--color--eyebrow-on-dark); display: inline; font-size: 14px; margin: 0; padding: 0; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__item.diconsus-hero__item::before { display: none; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__item.diconsus-hero__item:not(:last-child)::after { content: "\00a0·\00a0"; }
@media (max-width: 900px) {
	body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero.diconsus-hero { padding-block: 135px 50px; }
	body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__heading br { display: none; }
}
@media (max-width: 960px) {
	body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero.diconsus-hero:has(+ .diconsus-fact-sheet:not(.is-style-muted)) { padding-bottom: 50px; }
}
@media (max-width: 640px) {
	/* Lange Wörter („Plattformarchitekturen“, „Datenschutzerklärung“) passen bei 36 px nicht in 350 px */
	body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__heading.diconsus-hero__heading { font-size: clamp(28px, 7.7vw, 36px); }
}

/* Mindestens ein dunkelblauer Trenner auf jeder Seite der ServiceNow® Beratung (Wunsch Malte, V33):
   Leistungsseiten ohne eigenen Trenner (CMDB, Upgrade): Kernaussage nach den Schritten; Festpreis: „Einblick in unsere Arbeit“;
   KI: „In Ihre Architektur eingebettet.“ Architektur und Platform Management haben schon einen. */
html body .entry-content:not(:has(> .diconsus-highlight-band.is-style-subtle:not(:last-child))) > .diconsus-steps + .diconsus-statement.diconsus-statement:not(.is-style-muted),
html body .entry-content > .diconsus-fact-sheet.is-style-muted + .diconsus-media-text.diconsus-media-text--heading {
	background: var(--wp--preset--color--navy);
	border-block: 0;
	padding-block: var(--dc-inner);
}
html body .entry-content:not(:has(> .diconsus-highlight-band.is-style-subtle:not(:last-child))) > .diconsus-steps + .diconsus-statement.diconsus-statement:not(.is-style-muted) :is(p, strong, a, span),
html body .entry-content > .diconsus-fact-sheet.is-style-muted + .diconsus-media-text.diconsus-media-text--heading :is(h2, h3, p, li, strong, a, span) { color: var(--wp--preset--color--white); }
html body .entry-content > .diconsus-fact-sheet.is-style-muted + .diconsus-media-text.diconsus-media-text--heading .diconsus-media-text__eyebrow { color: var(--wp--preset--color--eyebrow-on-dark); }
/* Nachbarn: graue Flächen stoßen an den Trenner, ohne Linie */
html body .entry-content:not(:has(> .diconsus-highlight-band.is-style-subtle:not(:last-child))) > .diconsus-steps + .diconsus-statement.diconsus-statement:not(.is-style-muted):has(+ :is(.is-style-muted, .diconsus-cta-person, .diconsus-highlight-band)) { margin-bottom: 0; }
html body .entry-content:not(:has(> .diconsus-highlight-band.is-style-subtle:not(:last-child))) > .diconsus-steps + .diconsus-statement:not(.is-style-muted) + :is(.is-style-muted, .diconsus-cta-person, .diconsus-highlight-band) { border-top: 0; }
html body .entry-content > .diconsus-fact-sheet.is-style-muted.is-style-muted:has(+ .diconsus-media-text--heading) { border-bottom: 0; margin-bottom: 0; }

/* Checkliste: Haken an der ersten Textzeile, nicht mittig in einer hohen Rasterzeile (Wunsch Malte, V34) */
html body .diconsus-checklist__item.diconsus-checklist__item { align-items: flex-start; }
html body .diconsus-checklist__item.diconsus-checklist__item::before { margin-top: 0; top: 2px; transform: none; } /* parity.css setzt top: 50 % */

/* Dropdowns im Desktop-Menü öffnen beim Hovern und schließen beim Verlassen (Wunsch Malte, V35). Ab 1301 px, nur mit Maus;
   Tastatur über :focus-visible. Ein per Klick geöffnetes Dropdown schließt ebenfalls, sobald die Maus es verlässt. */
@media (min-width: 1301px) and (hover: hover) {
	.diconsus-header__dropdown:is(:hover, :has(:focus-visible))::details-content { content-visibility: visible; }
	.diconsus-header__dropdown:not(:hover):not(:has(:focus-visible)) > .diconsus-header__panel { display: none; }
	.diconsus-header__dropdown:hover > summary::after { transform: scaleX(1); }
}

/* Schriftglättung wie im Original (YOOtheme setzt sie auf html): auf dem Mac dünner und eleganter (Wunsch Malte, V37) */
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* Einleitung mit Textkarten ohne Symbole (Architektur „Team as a Service“): Karten untereinander statt nebeneinander (Wunsch Malte, V38) */
html body .diconsus-icon-cards--intro:not(:has(.diconsus-icon-card img, .diconsus-icon-card svg)) .diconsus-icon-cards__cards { gap: 48px; grid-template-columns: minmax(0, 1fr); }

/* Checkliste ab 961 px wie im Original (Wunsch Malte, V39): Überschrift oben, Vorteile einspaltig links, Button rechts mittig zur Liste;
   volle Inhaltsbreite statt schmal. Darunter bleibt alles untereinander mit mittigem Button. */
@media (min-width: 961px) {
	html body .entry-content .diconsus-checklist .diconsus-checklist__inner { align-items: center; column-gap: 80px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: var(--dc-width); }
	html body .entry-content .diconsus-checklist .diconsus-checklist__inner > .diconsus-checklist__heading { grid-column: 1 / -1; margin: 0 0 40px; max-width: none; width: auto; }
	html body .entry-content .diconsus-checklist .diconsus-checklist__inner > .diconsus-checklist__list { grid-column: 1; grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
	html body .entry-content .diconsus-checklist .diconsus-checklist__inner > .diconsus-checklist__button { grid-column: 2; grid-row: 2; justify-content: center; margin-top: 0; }
}

/* Leistungslisten mit Symbolen ab 961 px wie im Original (Wunsch Malte, V40): Symbol 80 px, mittig zum Text, mehr Abstand und Luft */
@media (min-width: 961px) {
	html body .diconsus-icon-cards--list .diconsus-icon-cards__cards { column-gap: 64px; row-gap: 72px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card:has(.diconsus-icon-card__icon) { align-items: center; column-gap: 48px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card__icon { flex: 0 0 80px; height: 80px; width: 80px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card__icon img { height: 80px; object-fit: contain; width: 80px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card__title { font-size: 18px; line-height: 1.4; margin-bottom: 12px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card__text { font-size: 17px; line-height: 1.65; }
}

/* Bild in „Text mit Bild“ auf allen Breiten begrenzt (Über uns: Porträt war bildschirmhoch; Wunsch Malte, V47) */
html body .diconsus-media-text--image .diconsus-media-text__media img:not([alt^="Logo"]) { display: block; height: auto; margin-inline: auto; max-height: 380px; max-width: 100%; object-fit: contain; width: auto; }
html body .diconsus-media-text--image .diconsus-media-text__media:has(img:not([alt^="Logo"])) { align-self: center; }
html body .diconsus-media-text--image .diconsus-media-text__caption { margin-inline: auto; max-width: 420px; text-align: center; }
@media (max-width: 640px) { html body .diconsus-media-text--image .diconsus-media-text__media img:not([alt^="Logo"]) { max-height: 260px; } }

/* Startseite Erfolgsstorys wie auf kmunow.com (V48): Karte eingerückt mit Pfeilen außen, Logo kleiner, Text größer, Punkte darunter.
   Im Canvas statisch (Pfeile und Punkte ohne Funktion, Punkte als Zeichen) */
@media (min-width: 1200px) {
	html body .diconsus-story-slider__carousel { margin-inline: auto; max-width: 1000px; position: relative; }
}
html body .diconsus-story-slide__media { flex: 0 0 48%; padding: 40px 60px; }
html body .diconsus-story-slide__media img { max-height: 120px; max-width: 320px; }
html body .diconsus-story-slide__body { padding: 70px 70px 70px 20px; }
html body .diconsus-story-slide__text { font-size: 22px; line-height: 1.65; }
@media (max-width: 960px) {
	html body .diconsus-story-slide__media { flex-basis: auto; padding: 40px 30px 0; }
	html body .diconsus-story-slide__body { padding: 30px; }
	html body .diconsus-story-slide__text { font-size: 18px; }
}

/* ===== Nur Theme (D-119): Varianten im Festpreis-Stil gegen die allgemeinen Regeln oben absichern ===== */
/* Hero mit Textlink: Button vor dem Link in einer Zeile (die Hero-Regel oben setzt order: 2 und 28 px Abstand) */
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__actions { margin: 28px 0 0; }
body.wp-theme-diconsus.wp-theme-diconsus .diconsus-hero .diconsus-hero__actions .diconsus-hero__button.diconsus-hero__button { margin: 0; order: 0; }
/* Dunkles Band mit Karte: Raster statt der Flex-Zeile des Bands „Team as a Service“ */
body .diconsus-highlight-band.has-card .diconsus-highlight-band__box { display: grid; gap: 0 90px; }
body .diconsus-highlight-band.has-card .diconsus-highlight-band__content { max-width: none; }
@media (max-width: 960px) {
	body .diconsus-highlight-band.has-card .diconsus-highlight-band__box { gap: 28px; }
}
/* ===== D-122 (Entscheidung Malte 03.11.2026): wie das aktuelle Original im Canvas, ersetzt Teile von 6d ===== */
@media (min-width: 961px) {
	/* Leistungslisten mit Symbolen: Symbol 50 px, Reihenfolge spaltenweise (1, 2 links / 3, 4 rechts) */
	html body .diconsus-icon-cards--list .diconsus-icon-cards__cards { column-count: 2; column-gap: 64px; display: block; }
	html body .diconsus-icon-cards--list .diconsus-icon-card { break-inside: avoid; margin: 0 0 72px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card:last-child { margin-bottom: 0; }
	html body .diconsus-icon-cards--list .diconsus-icon-card:has(.diconsus-icon-card__icon) { column-gap: 32px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card__icon { flex: 0 0 50px; height: 50px; width: 50px; }
	html body .diconsus-icon-cards--list .diconsus-icon-card__icon img { height: 50px; width: 50px; }
	/* Checkliste: Button breit (450 px) mit Pfeil */
	html body .entry-content .diconsus-checklist .diconsus-checklist__inner > .diconsus-checklist__button .wp-block-button__link { box-sizing: border-box; max-width: 100%; text-align: center; width: 450px; }
}
html body .diconsus-checklist__button .wp-block-button__link::after { content: "\00a0\00a0→"; }
/* Kontakt-Aufruf „Weiß, betont“ (Assessment der Leistungsseiten): weiße Fläche, Hervorhebungen fett, Button blau mit Pfeil */
html body .entry-content > .diconsus-cta-person.is-style-plain { background: var(--wp--preset--color--white); border-top: 0; }
html body .entry-content > .diconsus-cta-person.is-style-plain + :is(.is-style-muted, .diconsus-highlight-band.is-style-subtle) { border-top: var(--dc-line); }
html body .diconsus-cta-person.is-style-plain :is(.diconsus-cta-person__heading, .diconsus-cta-person__text) strong { font-weight: 600; }
html body .diconsus-cta-person.is-style-plain .diconsus-cta-person__list li + li { margin-top: 20px; }
html body .diconsus-cta-person.is-style-plain .wp-block-button__link { background: var(--wp--preset--gradient--primary); color: var(--wp--preset--color--white); }
html body .diconsus-cta-person.is-style-plain .wp-block-button__link::after { content: "\00a0\00a0→"; }
/* D-123: „Text mit Bild“ als dunkelblauer Trenner (Stil „Fläche dunkel“), Nachbarn ohne Linie, Text und Links hell */
html body .entry-content > .diconsus-media-text.is-style-dark { background: var(--wp--preset--color--navy); border-block: 0; margin-bottom: var(--dc-outer); padding-block: var(--dc-inner); }
html body .entry-content > .diconsus-media-text.is-style-dark:is(:last-child, :has(+ :is(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person:not(.is-style-plain), .is-style-muted, .is-style-dark))) { margin-bottom: 0; }
html body .entry-content > .diconsus-media-text.is-style-dark + * { border-top: 0; }
html body .entry-content > :is(.diconsus-navigator, .diconsus-highlight-band, .diconsus-cta-person, .is-style-muted):has(+ .diconsus-media-text.is-style-dark) { border-bottom: 0; margin-bottom: 0; }
html body .diconsus-media-text.is-style-dark :is(h2, h3, p, li, strong, a, span) { color: var(--wp--preset--color--white); }
html body .diconsus-media-text.is-style-dark .diconsus-media-text__eyebrow { color: var(--wp--preset--color--eyebrow-on-dark); }
html body .diconsus-media-text.is-style-dark a { text-decoration: underline; text-underline-offset: 3px; }
/* D-124: „Text mit Bild“ mit Karte rechts: Kopf linksbündig auf der Textkante, Button in der Karte linksbündig */
html body .diconsus-media-text.has-card .diconsus-media-text__header { margin: 0 0 24px; max-width: none; padding: 0; text-align: left; width: auto; }
html body .diconsus-media-text.has-card .diconsus-media-text__header > * { margin-inline: 0; text-align: left; }
html body .entry-content .diconsus-media-text.has-card .diconsus-media-text__card .wp-block-button.diconsus-media-text__card-button { display: block; justify-content: flex-start; margin: 0; text-align: left; }
/* D-127: Kontakt wie im Canvas: Ansprechpartner links, Formular rechts in einer weißen Karte; bis 1100 px untereinander */
html body .entry-content > .diconsus-contact-grid { align-items: start; box-sizing: border-box; display: grid; gap: 80px; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); margin-inline: auto; max-width: none; width: var(--dc-width); }
html body .diconsus-contact-grid > .diconsus-cta-person { background: none; border: 0; margin: 0; padding: 0; }
html body .diconsus-contact-grid .diconsus-cta-person__inner { align-items: start; display: grid; gap: 4px 24px; grid-template-columns: 80px minmax(0, 1fr); margin: 0; max-width: none; padding: 0; width: auto; }
html body .diconsus-contact-grid .diconsus-cta-person__media { grid-column: 1; grid-row: 1; margin: 0; order: 0; width: 80px; }
html body .diconsus-contact-grid .diconsus-cta-person__media img { border-radius: 40px; height: 120px; object-fit: cover; width: 80px; }
html body .diconsus-contact-grid .diconsus-cta-person__content { grid-column: 2; grid-row: 1; text-align: left; }
html body .diconsus-contact-grid .diconsus-cta-person__heading { font-size: 1.5rem; margin: 0 0 8px; text-align: left; }
html body .diconsus-contact-grid .diconsus-cta-person__text { font-size: 15px; text-align: left; }
html body .diconsus-contact-grid .diconsus-cta-person__button { justify-content: flex-start; text-align: left; }
/* Forminator setzt eigene Werte mit hoher Spezifität und teils !important, deshalb hier ebenso */
html body .entry-content .diconsus-contact-grid > .forminator-ui.forminator-custom-form { background: var(--wp--preset--color--white) !important; border: 1px solid var(--wp--preset--color--border) !important; box-shadow: 0 10px 35px rgb(19 37 75 / 6%); box-sizing: border-box; margin: 0 !important; padding: 32px !important; }
/* Hinweis zum Datenschutz steht im Formular in <pre><code>: normal setzen (Inhalt in Forminator ändern, Hinweis an Malte) */
html body .diconsus-contact-grid .forminator-field-html :is(pre, code) { background: none; border: 0; font: inherit; margin: 0; padding: 0; white-space: normal; }
html body .diconsus-contact-grid form a { color: var(--wp--preset--color--primary); }
html body .entry-content .diconsus-contact-grid form .forminator-button.forminator-button-submit { background: var(--wp--preset--gradient--primary) !important; border: 0 !important; border-radius: var(--wp--custom--radius--pill) !important; color: var(--wp--preset--color--white) !important; font-size: var(--wp--preset--font-size--small); padding: 11px 30px !important; }
/* D-129: Architektur „Team as a Service“ (icon-cards split): Button im blauen Kasten bündig wie im dunklen Band (bis 960 px mittig wie alle) */
html body .entry-content .diconsus-icon-cards--split .diconsus-icon-cards__footer .wp-block-button { justify-content: flex-start; margin-inline: 0; }
/* D-129: Ansprechpartner scrollt neben dem Formular mit, wie der Text im Navigator der Startseite */
@media (min-width: 1101px) {
	html body .diconsus-contact-grid > .diconsus-cta-person { align-self: start; position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 40px); }
}
@media (max-width: 1100px) {
	html body .entry-content > .diconsus-contact-grid { gap: 40px; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
	html body .entry-content .diconsus-contact-grid > .forminator-ui.forminator-custom-form { padding: 20px !important; }
}
/* D-126: Icon-Karten „Zwei Spalten mit Linie“: Kopf auf der linken Kante */
html body .diconsus-icon-cards--lined .diconsus-icon-cards__header > * { margin-inline: 0; max-width: none; text-align: left; }
html body .diconsus-icon-cards--lined .diconsus-icon-cards__intro { max-width: 760px; }
/* D-123: FAQ als Produkt-Liste in voller Inhaltsbreite (Klasse is-wide) */
html body .diconsus-faq.is-wide .diconsus-faq__inner { width: var(--dc-width); }
/* Band „Laufende ServiceNow®-Entwicklung neu aufstellen?“ (Vorlage, Klasse is-wide): volle Inhaltsbreite */
html body .diconsus-highlight-band.is-style-subtle.is-wide .diconsus-highlight-band__box { width: var(--dc-width); }
html body .diconsus-highlight-band.is-style-subtle.is-wide :is(.diconsus-highlight-band__content, .diconsus-highlight-band__heading, .diconsus-highlight-band__text) { max-width: none; }