.page-id-ddg { font-size: 17px; }
.page-id-ddg .ddg-preview-notice { padding: .65rem 1rem; margin: .5rem 15px 1.3rem; background: #f0f5f3; border-left: 4px solid #4ab35b; flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); font-size: .88rem; color: #34403a; }
.page-id-ddg .ddg-main { min-width: 0; }
.page-id-ddg .ddg-main .textbox { overflow-wrap: anywhere; }
.page-id-ddg .ddg-main h1 { font-size: 28px; line-height: 1.2; margin-bottom: 1.3rem; }
.page-id-ddg .ddg-main h2.ddg-law-label { font-size: 21px; font-style: italic; font-weight: 500 !important; margin: 0 0 10px !important; }
.page-id-ddg .ddg-breadcrumb { font-size: .9rem; color: #5f6663; margin: -.5rem 0 1.5rem; }
.page-id-ddg .ddg-legal-text { line-height: 1.65; }
.page-id-ddg .ddg-paragraph { margin-bottom: 1rem; scroll-margin-top: 1rem; }
.page-id-ddg .ddg-legal-text dl { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .35rem .5rem; margin: .65rem 0; }
.page-id-ddg .ddg-legal-text dt { grid-column: 1; font-weight: 400; }
.page-id-ddg .ddg-legal-text dd { grid-column: 2; min-width: 0; margin: 0; }
.page-id-ddg .ddg-legal-text dl dl { grid-template-columns: 2rem minmax(0, 1fr); }
.page-id-ddg .ddg-nowrap { white-space: nowrap; }
.page-id-ddg .ddg-table-scroll { overflow-x: auto; margin: 1rem 0; }
.page-id-ddg .ddg-table-scroll table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: .95rem; }
.page-id-ddg .ddg-table-scroll th, .page-id-ddg .ddg-table-scroll td { border: 1px solid #aeb8b2; padding: .5rem .35rem; vertical-align: top; overflow-wrap: anywhere; hyphens: auto; }
.page-id-ddg .ddg-table-scroll th { background: #edf3ef; text-align: left; }
.page-id-ddg .ddg-table-scroll td:first-child { white-space: nowrap; }
.page-id-ddg .ddg-table-scroll th:nth-child(1) { width: 4.25rem; }
.page-id-ddg .ddg-table-scroll th:nth-child(2) { width: 22%; }
.page-id-ddg .ddg-table-scroll th:nth-child(3) { width: 24%; }
.page-id-ddg .ddg-notes, .page-id-ddg .ddg-source { font-size: .85rem; line-height: 1.5; border-top: 1px solid #d4dcd7; margin-top: 1.6rem; padding-top: 1rem; }
.page-id-ddg .ddg-source h2, .page-id-ddg .ddg-notes h2 { font-size: 1.1rem; margin: 0 0 .75rem; }
.page-id-ddg .ddg-source p { margin: 0 0 .65rem; }
.page-id-ddg .ddg-footnotes { white-space: pre-wrap; font-family: inherit; color: inherit; font-size: inherit; }

.page-id-ddg .ddg-preview-pages { display: grid; gap: .75rem; }
.page-id-ddg .ddg-index-heading { font-size: 1.15rem; margin: 1.5rem 0 .75rem; }
.page-id-ddg .ddg-preview-pages a { display: flex; gap: 1rem; padding: .85rem 0; border: 0; }
.page-id-ddg .ddg-preview-pages strong { min-width: 4.5rem; }
.page-id-ddg .ddg-navigation .list-group span { font-size: 16px; }
/* BDSG/TDDDG: 59px Nummernspalte, 21px Innenabstand, Titel bei 79px ab Kartenrand. */
.page-id-ddg .ddg-navigation .td-artikel { min-width: 59px; padding-right: 21px; text-align: center; white-space: nowrap; }
.page-id-ddg .ddg-navigation .card-header a { text-align: left; }
.page-id-ddg .ddg-navigation .trenner { background: #353535; text-align: left; }
.page-id-ddg .ddg-unavailable { color: #6c736f; }
.page-id-ddg a:focus-visible, .page-id-ddg button:focus-visible, .page-id-ddg .ddg-table-scroll:focus-visible { outline: 2px solid #228038; outline-offset: 2px; }
@media (min-width: 768px) and (max-width: 991px) {
 .page-id-ddg .ddg-navigation .list-group span { font-size: 15px; }
}
/* Portal styles set flex:none on text columns outside the existing law classes. */
@media (min-width: 768px) {
 body.page-id-ddg .ddg-main { flex: 0 0 58.333333% !important; max-width: 58.333333% !important; padding-left: 20px; }
}
@media (min-width: 992px) {
 body.page-id-ddg .ddg-main { flex: 0 0 66.666667% !important; max-width: 66.666667% !important; }
}
@media (max-width: 767px) {
 .page-id-ddg { font-size: 16px; }
 .page-id-ddg .ddg-main h1 { font-size: 24px; }
 .page-id-ddg .ddg-main .textbox { padding: 24px; }
 .page-id-ddg .ddg-preview-pages a { flex-direction: column; gap: .25rem; }
}

.page-id-ddg .ddg-direct-norms .card-body { background: white; }

.page-id-ddg .ddg-pagination { display: flow-root; }

.page-id-ddg .ddg-table-scroll th:first-child { padding-left: .2rem; padding-right: .2rem; white-space: nowrap; }

@media (min-width: 768px) {
 .page-id-ddg .ddg-preview-pages a[href^='ddg_paragraph_'] { gap: .5rem; }
 .page-id-ddg .ddg-preview-pages a[href^='ddg_paragraph_'] strong { min-width: 2.75rem; }
}

.page-id-ddg .ddg-preview-pages:has(> a[href^="ddg_paragraph_"]) { gap: .25rem; }
.page-id-ddg .ddg-preview-pages a[href^="ddg_paragraph_"] { padding-top: .35rem; padding-bottom: .35rem; }

.page-id-ddg .ddg-section-heading { background: #2e8b57 !important; }
.page-id-ddg .ddg-section-heading span { display: block; font-family: "Roboto Condensed"; font-weight: 400; padding-right: 12px; }
@media (min-width: 768px) { .page-id-ddg .ddg-preview-pages a[href^="ddg_paragraph_"] strong { min-width: 2.75rem; } }

/* DSGVO-Referenz: gleiche Größen und Schriftgewichte der Navigation. */
.page-id-ddg .ddg-navigation .card-header a { font-size:17px; font-weight:500; }
.page-id-ddg .ddg-navigation .nav-utitle { font-size:16px; font-weight:400; }
@media(min-width:768px) and (max-width:991px) {
 .page-id-ddg .ddg-navigation .card-header a { font-size:15px; }
 .page-id-ddg .ddg-navigation .nav-utitle { font-size:15.4px; }
}
/* Gesetzestext und Pfeilbeschriftung wie DSGVO: 18 / 17 / 16px. */
.page-id-ddg .ddg-legal-text,
.page-id-ddg .ddg-pagination p { font-size:18px; line-height:1.5; }
@media(min-width:768px) and (max-width:991px) {
 .page-id-ddg .ddg-legal-text,
 .page-id-ddg .ddg-pagination p { font-size:17px; }
}
@media(max-width:767px) {
 .page-id-ddg .ddg-legal-text,
 .page-id-ddg .ddg-pagination p { font-size:16px; }
}
/* Auch Übersichtstexte und Inhaltsverzeichnis in der DSGVO-Textgröße. */
.page-id-ddg .ddg-main .textbox:has(.ddg-preview-pages) { font-size:18px; line-height:1.5; }
@media(min-width:768px) and (max-width:991px) {
 .page-id-ddg .ddg-main .textbox:has(.ddg-preview-pages) { font-size:17px; }
}
@media(max-width:767px) {
 .page-id-ddg .ddg-main .textbox:has(.ddg-preview-pages) { font-size:16px; }
}
/* Feste Teilüberschriften ohne Icons; Größen wie der aktuelle Portalstand. */
.page-id-ddg .ddg-navigation .firstcard { border-radius:10px 10px 0 0; }
.page-id-ddg .ddg-main h1 strong { font-weight:700; }
.page-id-ddg .ddg-pagination .floatleft,
.page-id-ddg .ddg-pagination .floatright { text-align:center; }
.page-id-ddg .pagi-navi { width:70px; height:auto; }
@media(max-width:767px) { .page-id-ddg .pagi-navi { width:64px; } }
/* Das letzte Dropdown-Element muss ebenfalls linksbündig bleiben. */
.page-id-ddg #cssmenu #legalTexts + ul > li { float:none!important; text-align:left; }
.page-id-ddg #cssmenu #legalTexts + ul > li > a { text-align:left; }
@media(min-width:768px) {
 .page-id-ddg #cssmenu #legalTexts + ul { width:max-content; min-width:280px; }
 .page-id-ddg #cssmenu #legalTexts + ul > li > a { width:auto; white-space:nowrap; }
}
/* Iconbreite in ddg_icons.php; Position hier ohne erzwungene Breite. */
.page-id-ddg .ddg-section-icon { height:auto; position:relative; left:0; top:0; }
.page-id-ddg .ddg-legal-text .ddg-paragraph-number,
.page-id-ddg .ddg-legal-text .ddg-list-number { font-weight:700; }
.page-id-ddg .ddg-legal-text dt { font-weight:400; }
/* Redaktionelle Satznummern wie DSGVO/TDDDG; nur bei mehreren Sätzen. */
.page-id-ddg .ddg-legal-text .ddg-sentence-number { font-weight:700; }
