/*
 * Privacy policy page ("Datenschutzinformation").
 *
 * The document nests three heading levels (main section / subsection / sub-subsection).
 * The theme does not provide a usable scale for this: unify-core.css sizes h2 at
 * 1.714286rem and h3 at 1.428571rem but defines no h4, so h4 falls back to Bootstrap's
 * 1.5rem — larger than the h3 above it. A sub-subsection therefore looked like a
 * standalone section. The sizes below restore a strictly descending scale, all of them
 * above the body size of 1.142857rem, and indent sub-subsections so they stay visually
 * attached to the section they belong to.
 *
 * Scoped to .datenschutz-content so no other page is affected.
 */

/* Main section — largest, underlined (matches the existing look of the page) */
.datenschutz-content h2 {
    font-size: 1.714286rem;
    font-weight: 600;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

/* Subsection — clearly smaller, no underline, marked with a GTÜ red rule */
.datenschutz-content h3 {
    font-size: 1.428571rem;
    font-weight: 600;
    margin-top: 2.25rem;
    margin-bottom: 0.75rem;
    padding-left: 0.75rem;
    border-left: 3px solid #DA1F3D;
    text-decoration: none;
}

/* Sub-subsection — smallest heading, still above body size, never underlined */
.datenschutz-content h4 {
    font-size: 1.214286rem;
    font-weight: 700;
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    text-decoration: none;
}

/*
 * Wrapper for sub-subsections (e.g. "Hinweis zu Datentransfers in die USA" below
 * Google Analytics 4). The indent plus the light rule make it unmistakable that the
 * block belongs to the section above it.
 */
.datenschutz-content .ds-subsection {
    margin: 1.5rem 0 1.5rem 0.75rem;
    padding-left: 1.25rem;
    border-left: 2px solid #e3e3e3;
}

.datenschutz-content .ds-subsection h4:first-child {
    margin-top: 0;
}

/* Cookie table — scrolls horizontally on narrow screens instead of breaking the layout */
.datenschutz-content .ds-table-wrap {
    overflow-x: auto;
    margin: 1rem 0 2rem;
}

.datenschutz-content .ds-cookie-table {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
}

.datenschutz-content .ds-cookie-table th,
.datenschutz-content .ds-cookie-table td {
    border: 1px solid #c2c4c6;
    padding: 0.6rem 0.75rem;
    text-align: left;
    vertical-align: top;
    font-size: 0.9rem;
}

.datenschutz-content .ds-cookie-table th {
    font-weight: 600;
    background-color: #f5f5f5;
}