/* Impressum und Datenschutz - ergaenzt stil.css */
.blatt{max-width:780px;margin:0 auto}
.blatt section{padding:22px 26px;margin-top:12px}
.blatt h2{font-size:16px;margin:0 0 8px;color:var(--gold);font-weight:600}
.blatt p{margin:0 0 10px;color:#d6cdbf}
.blatt p:last-child{margin-bottom:0}
.blatt code{font:13px ui-monospace,Consolas,monospace;background:rgba(0,0,0,.3);padding:1px 6px;border-radius:5px;color:var(--gold2)}

/* Lange Rechtstitel bleiben vollstaendig sichtbar, auch auf kleinen Bildschirmen. */
.blatt .seitenkopf h1{font-size:clamp(30px,5vw,56px);line-height:1.2;hyphens:auto;overflow-wrap:anywhere}

/* Datenschutz nach Themen: Ueberblick mit Inhaltsverzeichnis, aufklappbare Abschnitte */
.ds-blick p{font-size:14.5px}
.ds-inhalt{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;margin:16px 0 4px;padding-top:16px;border-top:1px solid var(--rand)}
.ds-inhalt b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--matt);margin-bottom:6px}
.ds-inhalt ul{list-style:none;margin:0;padding:0}
.ds-inhalt li{margin:3px 0;font-size:14px}
.ds-inhalt a{color:#d6cdbf;text-decoration:none}
.ds-inhalt a:hover{color:var(--gold2)}
.ds-knoepfe{margin:14px 0 0}
.blatt h2.ds-gruppe{font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--matt);margin:34px 0 0;padding:0 2px}
.blatt details.ds-teil{display:block;padding:0;margin-top:8px}
.ds-teil summary{list-style:none;cursor:pointer;padding:15px 48px 15px 22px;position:relative}
.ds-teil summary::-webkit-details-marker{display:none}
.ds-teil summary::after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;margin-top:-6px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.ds-teil[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.ds-teil summary h3{font-size:15.5px;margin:0;color:var(--gold);font-weight:600}
.ds-teil summary span{display:block;font-size:13.5px;color:var(--matt);margin-top:2px}
.ds-teil summary:hover h3{color:var(--gold2)}
.ds-teil summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.ds-text{padding:2px 22px 20px;border-top:1px solid var(--rand);padding-top:14px;margin:0 22px 0;padding-left:0;padding-right:0}
.ds-teil{scroll-margin-top:90px}
@media print{.ds-knoepfe{display:none}.ds-teil summary::after{display:none}}

/* Datenschutz-Klappbalken: gleiche sichtbare Typografie mit und ohne Edit-Mode-Textwrapper. */
body[data-bbk-seite="datenschutz"] .ds-teil>summary>h3{font-size:13.5px;line-height:1.15;font-weight:600;color:var(--matt);margin:2px 0 0}
body[data-bbk-seite="datenschutz"] .ds-teil>summary>h3 [data-site-text],body[data-bbk-seite="datenschutz"] .ds-teil>summary>span [data-site-text]{display:inline;font:inherit;color:inherit;margin:0}