/*
 * Reversibler Typografie-Test für /DATANORM-writer-Web3.
 * Die Seite bindet diese Datei nach dem regulären Stylesheet ein.
 * Zum vollständigen Zurücksetzen genügt es, den Link in der Razor-Seite zu entfernen.
 */

.dcm-open-trust-page {
    --writer3-font-small: 14px;
    --writer3-font-label: 15px;
    --writer3-font-body: 16px;
    --writer3-font-lead: 18px;
    --writer3-font-card-title: 20px;
    --writer3-font-section-compact: clamp(26px, 2.5vw, 34px);
    --writer3-font-section: clamp(32px, 3vw, 40px);
}

/* Kleinste Textstufe: keine inhaltlichen Texte unter 14 px. */
.dcm-open-trust-page .wa-section-label,
.dcm-open-trust-page .wa-badge,
.dcm-open-trust-page .wa-breadcrumb,
.dcm-open-trust-page .writer3-solution-step__stage,
.dcm-open-trust-page .wa-tour-number,
.dcm-open-trust-page #produkt-tour .wa-tour-step strong,
.dcm-open-trust-page #produkt-tour .wa-tour-step span span,
.dcm-open-trust-page .tour-zoom-hint,
.dcm-open-trust-page .writer3-edition-label,
.dcm-open-trust-page .writer3-edition-price span,
.dcm-open-trust-page #vergleich .wa-compare-offer small,
.dcm-open-trust-page #vergleich .wa-compare-offer .wa-btn,
.dcm-open-trust-page .writer3-web-compare__table td::before,
.dcm-open-trust-page .writer3-security-trust__item p,
.dcm-open-trust-page .dcm-trust-open__principles span,
.dcm-open-trust-page .dcm-reference-rail__logos figcaption,
.dcm-open-trust-page .dcm-coord-label,
.dcm-open-trust-page .dcm-coord-keywords li,
.dcm-open-trust-page .dcm-coord-credential__proof > span,
.dcm-open-trust-page .dcm-coord-credential__person span,
.dcm-open-trust-page .dcm-coord-credential__person small,
.dcm-open-trust-page .dcm-coord-credential__contribution,
.dcm-open-trust-page small {
    font-size: var(--writer3-font-small);
}

/* Produktprofil wie die regulären Zeilen des Funktionsvergleichs behandeln. */
.dcm-open-trust-page .dcm-product-profile__row dt,
.dcm-open-trust-page .dcm-product-profile__row dd {
    font-size: var(--writer3-font-body);
}

/* Prägnante Kicker und Tabellenbezeichnungen bewusst etwas größer. */
.dcm-open-trust-page .writer3-kicker {
    font-size: var(--writer3-font-label);
}

.dcm-open-trust-page .writer3-eyebrow {
    font-size: 18px;
}

/* Der Hero steht im Markup vor dem gescopten Hauptinhalt. */
.writer3-hero .writer3-eyebrow {
    font-size: 18px;
}

/* Die ID-spezifischen Vergleichsregeln des Basisdesigns gezielt überschreiben. */
.dcm-open-trust-page #vergleich .wa-badge,
.dcm-open-trust-page #vergleich .wa-compare-recommended__badge {
    font-size: var(--writer3-font-small);
}

/* Bestseller-Badge oberhalb des durchgehenden Profi-Rahmens platzieren. */
.dcm-open-trust-page #vergleich .wa-compare-table-frame {
    padding-top: 44px;
}

.dcm-open-trust-page #vergleich .wa-compare-table {
    table-layout: fixed;
}

.dcm-open-trust-page #vergleich .wa-compare-offer {
    align-items: center;
    text-align: center;
}

.dcm-open-trust-page #vergleich .wa-compare-offer small {
    width: 100%;
    white-space: normal;
}

.dcm-open-trust-page #vergleich .wa-compare-offer .wa-btn {
    max-width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

.dcm-open-trust-page #vergleich .wa-compare-table tfoot td {
    padding-right: 10px;
    padding-left: 10px;
}

.dcm-open-trust-page #vergleich .wa-compare-table-frame::after {
    top: 40px;
    left: 62%;
    width: 19%;
}

.dcm-open-trust-page #vergleich .wa-compare-table-frame > .wa-compare-recommended__badge {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 71.5%;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    margin: 0;
    padding: 7px 12px;
    transform: translateX(-50%);
    background: var(--wa-green-soft);
    color: var(--wa-green-dark);
    font-weight: 600;
    line-height: 1.65;
    white-space: nowrap;
}

/* Einleitungstexte erhalten eine gemeinsame, gut lesbare Stufe. */
.dcm-open-trust-page .writer3-solution__intro,
.dcm-open-trust-page .writer3-web-compare__head p {
    font-size: var(--writer3-font-lead);
}

/* Kacheln und untergeordnete Inhaltsüberschriften. */
.dcm-open-trust-page .writer3-solution-step h3,
.dcm-open-trust-page .writer3-edition-summary h3,
.dcm-open-trust-page .writer3-security-trust__item h4,
.dcm-open-trust-page .writer3-license-compact__products h3,
.dcm-open-trust-page .dcm-related-product h3 {
    font-size: var(--writer3-font-card-title);
}

/* Kompakte Bereichsüberschriften in Karten und Abschlussmodulen. */
.dcm-open-trust-page .wa-card > h2,
.dcm-open-trust-page .writer3-demo h2,
.dcm-open-trust-page .writer3-compare-detail-heading,
.dcm-open-trust-page .dcm-related-stage__head h2,
.dcm-open-trust-page .wa-final-cta h2,
.dcm-open-trust-page .wa-final-cta h3 {
    font-size: var(--writer3-font-section-compact);
}

/* Hauptüberschriften der Inhaltsbereiche. */
.dcm-open-trust-page .writer3-proof-section h2,
.dcm-open-trust-page #datanorm-kompetenz h2,
.dcm-open-trust-page .wa-product-references h2,
.dcm-open-trust-page .writer3-reviews h2,
.dcm-open-trust-page .writer3-coordinator-section h2,
.dcm-open-trust-page .writer3-web-compare__head h2 {
    font-size: var(--writer3-font-section) !important;
}

/* Die längeren Writer-Hinweise benötigen mobil eine inhaltsabhängige Höhe. */
@media (max-width: 760px) {
    .dcm-open-trust-page #datanorm-kompetenz
    .dcm-expertise-final .dcm-trust-open__principles > li {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        justify-content: flex-start;
        gap: 8px;
        padding: 26px 0 !important;
    }
}