@charset "UTF-8";
/* ===========================================================================
   Ergänzungen für den Betrieb unter WordPress.
   Das Design steht in style.css – hier stehen nur Dinge, die es im
   statischen Entwurf nicht gab: Adminleiste, Menüausgabe, Klassen aus dem
   Medien- und Editorbereich.
   =========================================================================== */

/* --- Inhaltsbereich ------------------------------------------------------ */

/* Ohne Begrenzung und ohne Innenabstand: Der Inhalt aus dem Editor bringt
   seine Abschnitte (.band) und die Breitenbegrenzung (.hof) selbst mit. */
.inhalt {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* --- Adminleiste --------------------------------------------------------- */

/* Der Kopf klebt oben; angemeldet sitzt darüber die Leiste von WordPress. */
body.admin-bar .kopf { top: 32px; }

@media screen and (max-width: 782px) {
  body.admin-bar .kopf { top: 46px; }
}

@media screen and (max-width: 600px) {
  /* Unterhalb dieser Breite scrollt die Adminleiste mit. */
  body.admin-bar .kopf { top: 0; }
}

/* --- Menüs aus WordPress ------------------------------------------------- */

.navi__liste li,
.fuss__navi li { list-style: none; }

.navi__liste .current-menu-item > .navi__link,
.navi__liste .current-menu-ancestor > .navi__link { color: var(--rot); }

.klappnavi__liste .current-menu-item > a { color: var(--rot); }

.fuss__navi .current-menu-item > a { color: var(--weiss); }

/* --- Klassen aus dem Editor und der Mediathek ---------------------------- */

.alignleft {
  float: left;
  margin: 0 1.5em 1.2em 0;
}

.alignright {
  float: right;
  margin: 0 0 1.2em 1.5em;
}

.aligncenter {
  display: block;
  margin-inline: auto;
}

.alignnone { margin: 0 0 1.2em; }

.wp-caption { max-width: 100%; }
.wp-caption img { margin-bottom: .5em; }

.wp-caption-text,
figcaption {
  font-size: .86rem;
  color: var(--text-leise);
  margin-top: .5em;
}

.auf-dunkel .wp-caption-text,
.auf-dunkel figcaption { color: var(--stahl); }

.wp-block-image img,
.wp-caption img,
.entry-content img { height: auto; }

/* Von WordPress erwartete Klassen */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%);
  overflow: hidden; white-space: nowrap;
}

.screen-reader-text:focus {
  position: static;
  width: auto; height: auto;
  clip: auto; clip-path: none;
}

.sticky, .bypostauthor { /* von WordPress verlangt */ }

/* --- Bearbeitungslinks --------------------------------------------------- */

.post-edit-link {
  display: inline-block;
  font-family: var(--schrift-daten);
  font-size: .8rem;
}