/* DROPPY – AGB, Datenschutz, Cookies
   Wird nur auf diesen Seiten zusätzlich zu main.css geladen. */

/*  4.6 Unterblock mit tuerkisem Strich  */

.sub-block,
.section-story blockquote.sub-block {
    margin: var(--space-3) 0;
    padding: 0 0 0 var(--space-3);
    border: 0;
    border-left: 3px solid var(--c-teal);
    font-family: inherit;
    font-style: normal;
    font-size: var(--fs-md);
    font-weight: 300;
    color: var(--c-text);
}

.sub-block > :last-child { margin-bottom: 0; }

/*  4.12 Hilfsklassen (ersetzen Inline-Styles)  */

.text-break { overflow-wrap: anywhere; word-break: break-word; }

/*  Inhaltsuebersicht 3-spaltig (AGB, Datenschutz)  */

@media (min-width: 768px) {
    .faq-index--3 { grid-template-columns: repeat(3, 1fr); }
}

/*  Rechtstexte: ohne tuerkisen Strich links  */

body.agb-page .section-story blockquote.sub-block,
body.datenschutz-page .section-story blockquote.sub-block:not(.sub-block--third),
body.cookies-page .section-story blockquote.sub-block { padding-left: 0; border-left: 0; }

/*  Tabellen mobil: Zellen duerfen umbrechen (Bootstrap setzt nowrap)  */

@media (max-width: 767px) {
    .cookies-page .table > tbody > tr > td:nth-child(-n+3) { min-width: 100px; }
    .cookies-page .table > tbody > tr > td:nth-child(4) { min-width: 220px; }
}

/*  Cookies-Tabelle: feste Spaltenbreiten (Beschreibung nicht zu breit)  */

@media (min-width: 768px) {
    .cookies-page .table { table-layout: fixed; }
    .cookies-page .table > thead > tr > th:nth-child(1) { width: 25%; }
    .cookies-page .table > thead > tr > th:nth-child(2) { width: 20%; }
    .cookies-page .table > thead > tr > th:nth-child(3) { width: 15%; }
    .cookies-page .table > thead > tr > th:nth-child(4) { width: 40%; }
    .cookies-page .table > tbody > tr > td { overflow-wrap: anywhere; }
}