/*
 * Consent -- Tabelle und Liste der eingesetzten Dienste.
 *
 * ANDERS ALS DAS BANNER erbt das hier bewusst die Schrift der Seite.
 * Das Banner ist ein Fremdkoerper, der auf 39 Themes gleich aussehen
 * muss und deshalb festgenagelt ist. Diese Tabelle steht mitten in einem
 * Rechtstext -- sie soll sich einfuegen und nicht dagegen anlaufen.
 *
 * Festgelegt ist nur, was sonst kaputtgeht: Rahmen, Abstaende und das
 * Umbruchverhalten. Eine sechsspaltige Tabelle sprengt auf dem Handy
 * jedes Layout, deshalb scrollt sie in ihrem eigenen Rahmen statt die
 * ganze Seite breitzuziehen.
 */

.rb-consent-docs {
    overflow-x: auto;
}

.rb-consent-docs__tabelle {
    width: 100%;
    border-collapse: collapse;
    min-width: 40em;
}

.rb-consent-docs__tabelle th,
.rb-consent-docs__tabelle td {
    padding: 0.5em 0.6em;
    border: 1px solid currentColor;
    text-align: start;
    vertical-align: top;
}

.rb-consent-docs__tabelle th {
    font-weight: 700;
}

.rb-consent-docs__host {
    opacity: 0.8;
    word-break: break-all;
}

.rb-consent-docs__kategorie {
    margin-block: 1em 0.3em;
}

.rb-consent-docs__vorbehalt {
    margin-block-start: 0.8em;
    font-style: italic;
}

/* Der Verwaltungs-Link ist ein Button, soll aber wie ein Link aussehen --
   er steht in einem Fliesstext, nicht in einer Bedienleiste. */
.rb-consent-docs__link {
    font: inherit;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}