/* „Tagebuch“ oben neben der Wortmarke (Max, 11.10.2026, 16:03): Der Verweis im Fuß unten rechts ging unter.
   Gelesen wird erst HOCHZEITSNEST, dann rechts daneben Tagebuch. Führt zu /log/.
   Auf der Startseite steht in Handybreite rechts schon „Mittelhessen“, dort rückt der Verweis unter die
   Wortmarke, ohne die Kopfzeile höher zu machen (Regel in entwuerfe/index.html). */
/* Die Wortmarke darf wie bisher schmaler werden, wenn rechts daneben etwas steht (Startseite in Handybreite) */
.kopf-links{position:relative;display:flex;align-items:center;gap:16px;min-width:0}
.kopf-links>:first-child{flex:0 1 auto;min-width:0}
.kopf-links .tagebuch-oben{flex:none}
/* Wird es eng (/wir/ zwischen 900 und 1010 px, Handys unter 340 px), wird die Wortmarke schmaler, statt unter
   den Verweis zu laufen */
.kopf-links .wortmarke{max-width:100%}
.kopfzeile .tagebuch-oben{
  position:relative;top:-1px;z-index:6;display:inline-block;
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
  /* Schrift so hell wie die Wortmarke: Salbei ging über hellen Fotos unter (gemessen auf /tickets/ und
     /aussteller/interesse/). Den Verweis zeigt die Linie in Salbei. */
  color:#f3ebe6;text-decoration:underline;text-decoration-color:#a9b99c;
  text-decoration-thickness:1.5px;text-underline-offset:6px;
  text-shadow:0 1px 3px rgba(26,20,23,.85);
}
.kopfzeile .tagebuch-oben:hover{color:#a9b99c;text-decoration-color:currentColor}
.kopfzeile .tagebuch-oben:focus-visible{outline:3px solid #f3ebe6;outline-offset:8px}
/* Trefferfläche mindestens 44 px, ohne das Bild zu verändern */
.kopfzeile .tagebuch-oben::after{content:"";position:absolute;inset:-16px -10px}
/* Auf dem Tagebuch selbst: dieselbe Stelle, als Standort statt als Verweis */
.kopfzeile .tagebuch-oben[aria-current]{text-decoration-color:#d39ba4}
@media (min-width:900px){
  .kopf-links{gap:24px}
  .kopfzeile .tagebuch-oben{font-size:13px}
}
/* Seiten ohne eigene Kopfzeile (die drei Ausstellerprofile): Wortmarke und Tagebuch stehen oben links über
   dem Inhalt, der Inhalt selbst bleibt, wo er war. */
/* rechts begrenzt: unter 340 px wird die Wortmarke schmaler, sonst ragte die Trefferfläche des Verweises über
   den Rand (Zweitprüfung 11.10.2026: 327 statt 320 px) */
.kopf-fest{position:absolute;top:22px;left:22px;right:22px;--serif:"Instrument Serif",Georgia,"Times New Roman",serif}
.kopf-fest a{color:#f3ebe6}
.kopf-fest .wortmarke{display:block;width:min(228px,62vw);height:auto}
@media (min-width:900px){
  .kopf-fest{top:36px;left:56px;right:56px}
  .kopf-fest .wortmarke{width:280px}
}