/* Kleine Ergänzungen für die PHP-Vorschau. Die Gestaltung stammt aus dem gewählten Entwurf. */
/* Der feste Bildhintergrund braucht eine transparente Fläche hinter dem ersten Bildschirm. */
body.seite-haupt:not(.seite-innen) { background: transparent; }
.text-rechts { display: grid; gap: 1rem; }
.text-rechts h3 { margin-top: 1rem; }
.entwurf-info { min-height: 70vh; padding-top: calc(var(--kopf-h) + 4rem); display: grid; align-content: start; gap: 1.5rem; }
.entwurf-info h1 { max-width: 16ch; font-size: clamp(2rem, 7vw, 5rem); line-height: 1.05; }
.entwurf-info p { max-width: 60ch; }
.ansichten { display: grid; gap: 1.5rem; }
.ansichten a { font-size: 1.3rem; font-weight: 700; text-underline-offset: .2em; }
.ansichten p { margin-top: .4rem; }
.seite-innen .kopf { background: var(--beton-hell); }
@media (min-width: 80.0625rem) {
  /* Die Desktop-Menüleiste hat weiße Schrift und braucht auch innen den dunklen Grund. */
  .seite-innen.seite-leiste .kopf { background: var(--ink); }
}
/* Konfigurierbarer Rand/Schimmer bleibt innerhalb der Kachel und ändert keine Maße. */
.galerie .galerie__link::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  border: var(--galerie-rand, 1px) solid var(--galerie-rand-farbe, rgba(255,255,255,.14));
  box-shadow: var(--galerie-schimmer-normal, none);
  transition: box-shadow .2s ease;
}
.galerie .galerie__link:hover::after, .galerie .galerie__link:focus-visible::after {
  box-shadow: var(--galerie-schimmer-aktiv, none);
}