/* Seltene globale Regeln: Schraffuren, Fokus und dezente Bewegung */
.hatch {
  background-image: repeating-linear-gradient(135deg, rgba(176, 82, 58, .18) 0, rgba(176, 82, 58, .18) 2px, transparent 2px, transparent 9px);
}

.hatch-blue {
  background-image: repeating-linear-gradient(45deg, rgba(62, 101, 116, .14) 0, rgba(62, 101, 116, .14) 1px, transparent 1px, transparent 8px);
}

.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .55s ease, transform .55s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

summary::-webkit-details-marker {
  display: none;
}

:focus-visible {
  outline: 3px solid #b0523a;
  outline-offset: 3px;
}

@media (max-width: 768px) {

  h1,
  h2 {
    font-size: 28px !important;
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}