/* Gazappa-Logo: Schriftzug kursiv in Versalien (Barlow Condensed 900), darunter zwei schräge Striche.
   Der lange Strich ist auf Rosa weiß; auf hellem und dunklem Papier ein zartes Rosa, damit er sichtbar bleibt. */
:root { --logo-strich: #efb3be; }
:root[data-ui="rosa"] { --logo-strich: #ffffff; }
:root[data-ui="dunkel"], :root[data-theme="dark"]:not([data-ui="hell"]):not([data-ui="rosa"]) { --logo-strich: #f6d9dc; }

.logo { display: inline-flex; flex-direction: column; align-items: flex-start; gap: .1em; }
.logo-wort {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-weight: 900; font-style: italic;
  text-transform: uppercase; letter-spacing: -0.01em; line-height: .9;
}
.logo-strich { display: flex; gap: .06em; padding-left: .05em; }
.logo-strich i { display: block; height: .09em; transform: skewX(-18deg); }
.logo-strich i:first-child { width: 1.95em; background: var(--logo-strich); }
.logo-strich i:last-child { width: .34em; background: var(--color-ink); }

/* Zeitungskopf */
.masthead-title.logo { font-size: clamp(3rem, 15vw, 4.1rem); letter-spacing: 0; }
@media (min-width: 768px) { .masthead .logo { align-items: center; } .masthead .logo-strich { padding-left: 0; } }

/* Teletext (Seite 100): bleibt beim Videotext-Look */
:root[data-ui="teletext"] .logo-wort { font-family: var(--font-display); font-style: normal; font-weight: 700; color: #ffff00; }
:root[data-ui="teletext"] .logo-strich { display: none; }