/* Inhaltsverzeichnis für Beiträge (ab 2.17.0). Farben aus farben.css. --cki-kopf = Höhe einer mitlaufenden Kopfzeile, setzt inhalt.js. */
.cki{--cki-acc:var(--ck-acc);--cki-line:var(--ck-line);--cki-soft:color-mix(in srgb,var(--ck-acc) 8%,transparent);font-size:16px;line-height:1.35}
/* Mit #secondary und .entry-content, damit die Listen- und Linkregeln des Themes nicht durchschlagen (Abstände, Unterstreichung). */
.cki ul,#secondary .cki ul,.entry-content .cki ul{list-style:none;margin:0;padding:0}
.cki li,#secondary .cki li,.entry-content .cki li{margin:0;padding:0;line-height:1.35}
.cki a,#secondary .cki a,.entry-content .cki a{display:block;padding:7px 12px;border-left:3px solid transparent;color:var(--ck-ink);text-decoration:none}
.cki a:hover,.cki a:focus-visible,#secondary .cki a:hover,.entry-content .cki a:hover{color:var(--cki-acc);background:var(--cki-soft)}
.cki ul ul a,#secondary .cki ul ul a{padding-left:28px;font-size:15px}
.cki a.cki-an,#secondary .cki a.cki-an{border-left-color:var(--ck-acc2);color:var(--cki-acc);font-weight:700;background:var(--cki-soft)}

/* Seitenleiste (Computer) */
.cki-seite{border:1px solid var(--cki-line);border-radius:0 10px 10px 10px;padding:20px 14px 16px;background:var(--ck-surface)}
.cki .cki-titel{margin:0 0 10px;padding:0 12px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cki-acc)}
.cki-da #secondary .widget:empty,.cki-da #secondary .widget_block:has(>.wp-block-group:only-child:empty){display:none}

/* Kasten im Beitrag (Smartphone und Tablet) */
.cki-mobil{margin:0 0 1.5em;border:1px solid var(--cki-line);border-radius:0 10px 10px 10px;background:var(--ck-surface)}
.cki-mobil summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;box-sizing:border-box;padding:12px 16px;font-weight:700;color:var(--cki-acc);cursor:pointer;list-style:none}
.cki-mobil summary::-webkit-details-marker{display:none}
.cki-mobil summary::after{content:"";flex:none;width:9px;height:9px;margin:-5px 4px 0 12px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg)}
.cki-mobil details[open] summary::after{margin-top:5px;transform:rotate(-135deg)}
.entry-content .cki-mobil .cki-liste{padding:0 12px 6px}
.entry-content .cki-mobil a{padding:11px 4px;border-left:0;border-top:1px solid var(--cki-line);font-size:17px}
.entry-content .cki-mobil ul ul a{padding-left:22px;font-size:16px}

/* Sprungziel nicht unter einer mitlaufenden Kopfzeile verstecken */
.cki-da .entry-content :is(h2,h3)[id]{scroll-margin-top:calc(var(--cki-kopf,0px) + 20px)}
.cki-da .entry-content :is(h2,h3)[tabindex="-1"]:focus{outline:none}
@media (prefers-reduced-motion:no-preference){html:has(body.cki-da){scroll-behavior:smooth}}

@media (min-width:922px){
.cki-mobil{display:none}
/* Ab 2.17.1: Der Kasten beginnt auf Höhe des Beitragstextes. --cki-start setzt inhalt.js. */
.cki-da #secondary{padding-top:var(--cki-start,0px)}
.cki-da #secondary .sidebar-main{position:sticky;top:calc(var(--cki-kopf,0px) + 24px);max-height:calc(100vh - var(--cki-kopf,0px) - 48px);overflow-y:auto}
.admin-bar.cki-da #secondary .sidebar-main{top:calc(var(--cki-kopf,0px) + 56px);max-height:calc(100vh - var(--cki-kopf,0px) - 80px)}
}
@media (max-width:921.98px){
.cki-da #secondary{display:none}
}
@media print{.cki{display:none}}
