/*
 * Fusszeile: Kontakt | Impressum | Datenschutz auf einer Linie
 * cosmeticmanuela.ch, 08.11.2026
 * HTML (Element c197, unverändert): <p><a>Kontakt</a><br><a>Impressum</a><br><a>Datenschutz</a></p>
 * Zeilenumbrüche ausgeblendet, Links nebeneinander mit feinem Trennstrich.
 * Desktop/Tablet (ab 768 px): rechtsbündig, endet an der Linie wie die Fusszeilen-Linie.
 * Handy: linksbündig unter dem Copyright.
 * Farben/Abstände: unverändert (Theme bzw. schriftfarbe.css / abstaende.css).
 */
html .ce-col > p:has(> a[href="/impressum"]):has(> a[href="/datenschutz"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  row-gap: .25em;
}
html .ce-col > p:has(> a[href="/impressum"]):has(> a[href="/datenschutz"]) > br {
  display: none;
}
html .ce-col > p:has(> a[href="/impressum"]):has(> a[href="/datenschutz"]) > a {
  white-space: nowrap;
}
html .ce-col > p:has(> a[href="/impressum"]):has(> a[href="/datenschutz"]) > a:not(:first-of-type)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: .9em;
  margin: 0 .75em;
  background: currentColor;
  opacity: .45;
  vertical-align: -.1em;
}
@media (min-width: 768px) {
  html .ce-col > p:has(> a[href="/impressum"]):has(> a[href="/datenschutz"]) {
    justify-content: flex-end;
  }
}
@media (max-width: 359.98px) {
  html .ce-col > p:has(> a[href="/impressum"]):has(> a[href="/datenschutz"]) > a:not(:first-of-type)::before {
    margin: 0 .5em;
  }
}