/*
 * Gewollte Abweichungen vom Original. Steht bewusst zuletzt.
 * Die Original-CSS-Dateien bleiben unverändert; ausschliesslich hier wird korrigiert.
 * Jede Regel nennt ihre Entscheidung aus 00-decisions.md.
 */

/* F10 b, F13: Pagination war mit #222 auf Schwarz fast unsichtbar. */
.navigation-page a {
  color: #999;
}
.navigation-page a:hover {
  color: #F3F3F3;
}

/* F14: Kein Ein- und Ausblenden der Seite. Das Original blendet body per JavaScript ein
   (style.css: body {display:none}). Der dunkle Hintergrund auf html verhindert die weisse
   Browserfläche beim Seitenwechsel. Ohne JavaScript bleibt alles sichtbar (F10 d). */
html {
  background-color: #000;
}
body {
  display: block;
}

/* F15: Klickbereich des Hamburger-Icons.
   Unter 768 px steht das Icon unter dem Logo. .full-width ist positioniert, folgt im HTML später
   und lag mit seinem leeren oberen Innenabstand über der unteren Hälfte des Icons; klickbar war
   nur rund ein Drittel. .full-width selbst nimmt deshalb keine Klicks mehr an, sein Inhalt schon
   (pointer-events wird vererbt). Ein z-index wäre einfacher, ändert aber die Kantenglättung der
   Überschrift „Manifest“ (Pixelvergleich).
   Die unsichtbare Fläche vergrössert das Ziel von 35 x 39 auf 59 x 59 px, ohne Logo oder
   Menüpunkte zu überdecken. */
.full-width {
  pointer-events: none;
}
.full-width > * {
  pointer-events: auto;
}
.mobile-menu::after {
  content: '';
  position: absolute;
  top: -10px;
  right: -12px;
  bottom: -10px;
  left: -12px;
}

/* F10 a: Lange Zeilen ohne Leerzeichen (z. B. Sternchenzeilen) umbrechen, statt die Seite seitlich
   zu verbreitern. Der Text bleibt unverändert (D7). */
.wpb_text_column {
  overflow-wrap: break-word;
}

/* F11: Zwischen 768 und 991 px steckt im Inhalt ein zweiter .container mit fester Breite 750 px,
   eingerückt um den Innenabstand der Spalte. Er ragte 21 px (Beiträge) bzw. 6 px (25-september-2020)
   über den Rand. Hier nimmt er die Breite seines Elternelements an. */
@media (min-width: 768px) and (max-width: 991px) {
  .container .container {
    width: auto;
  }
}

/* F11: In Visuelles sind die Kacheln bei 992 bis 1001 px und 768 bis 779 px bis zu 6 px breiter als
   das Fenster (zwei Spalten à 50 % einer Zeile mit -15 px Rand). Abgeschnitten wird nur, was bei
   Scrollposition 0 ohnehin ausserhalb des Fensters liegt; so bleibt die Darstellung gleich und das
   seitliche Scrollen entfällt. Gilt auch für den Flyer der Instagram-Portfolios (F12), der dieselbe
   Breite hat. .full-width und .detailed-page sind immer so breit wie das Fenster. */
.full-width,
.detailed-page {
  overflow-x: clip;
}

/* F10 d: Galerien ohne JavaScript. Das Plugin zeigt Kacheln erst nach dem Laden per Skript an;
   ohne Skript stehen sie hier als einfaches Raster. html.js setzt das Inline-Skript in head.html. */
html.no-js .final-tiles-gallery .tile {
  display: inline-block;
  float: none;
  vertical-align: top;
  opacity: 1;
  width: 25%;
  padding: 5px;
}
@media (max-width: 767px) {
  html.no-js .final-tiles-gallery .tile {
    width: 50%;
  }
}

/* Tastaturbedienung: sichtbarer Fokus nur bei Tastatur (:focus-visible), Maus und Touch unverändert. */
a:focus-visible,
.mobile-menu:focus-visible,
.close-menu:focus-visible,
.lb-close:focus-visible,
.lb-prev:focus-visible,
.lb-next:focus-visible {
  outline: 2px solid #F3F3F3;
  outline-offset: 2px;
}
.linklayer:focus-visible {
  opacity: 1;
  transform: scale(1);
  outline-offset: -2px;
}

/* F17: Auf dem Manifest führt auch das Bild auf den Beitrag. Live ist der Link .linklayer leer
   und nicht klickbar; hier umschliesst er das Bild. Darstellung unverändert. */
.home3-img > .linklayer { display: block; }

/* F20: Konnex zeigt statt der eingebetteten Google-Karte ein lokales OpenStreetMap-Bild.
   Rahmen wie die bisherige Karte: höchstens 600 px breit, immer 450 px hoch, Ausschnitt mittig. */
.konnex-karte {
  display: block;
  width: 600px;
  max-width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: center;
}

/* F22: Link zur Datenschutzerklärung in der Fusszeile. */
.coryrigth a { color: inherit; }