/* German-only additions; shared approved product design remains unchanged. */
.de-site { overflow-wrap: break-word; }
.de-site .dp-hero h1 { font-size: clamp(2.6rem, 4.5vw, 4rem); }
.de-example { margin: 0; min-width: 0; }
.de-example-pad { padding: 1rem 1.4rem 1.4rem; }
.de-example .dp-sheet { margin-top: .4rem; }
.de-example figcaption { max-width: 62ch; margin-inline: auto; }
.de-diagram { border: 2px solid var(--cf-ink); border-radius: 10px; padding: 1.8rem; background: var(--cf-surface); color: var(--cf-ink); box-shadow: 5px 5px 0 var(--cf-brass-soft); margin: 0; }
.de-diagram .dp-mini-heading { margin-bottom: 1.3rem; }
.de-node { padding: 1rem; text-align: center; border: 1px solid var(--cf-ink); border-radius: 5px; font-size: .8rem; font-weight: 650; background: var(--cf-page); }
.de-node-brass { background: var(--cf-brass-soft); }
.de-arrow { display: block; text-align: center; font-size: 1.5rem; padding: .3rem; }
.de-team { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.de-team span { padding: .5rem .75rem; border: 1px solid var(--cf-ink); border-radius: 5px; font-size: .75rem; }
.de-diagram figcaption { color: var(--cf-muted); }
.de-flow { margin-bottom: 0; }
.de-flow li:last-child { margin-bottom: 0; }
.de-card { border-top: 2px solid var(--cf-brass); padding-top: 1.5rem; }
.de-template-grid .de-example { margin-bottom: 1.8rem; }
.de-template-grid .de-example-pad { padding: .65rem; }
.de-template-grid .dp-sheet-row { padding: .65rem .5rem; gap: .4rem; }
.de-template-grid .dp-sheet-row strong { font-size: .65rem; }
.de-template-grid .dp-sheet-button { font-size: .5rem; }
.de-template-grid .dp-browser-note { font-size: .6rem; }
@media (max-width: 575px) {
 .de-site .dp-hero { padding-top: 2.8rem; }
 .de-diagram { padding: 1.25rem; }
 .de-example-pad { padding: .7rem; }
}