/* A11y: unsichtbare Überschrift für Screenreader */
  .visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
  }

  /* Sanfte Drehung und Schatten */
  :root {
    --angled-rotation: -1.5deg; /* sehr leicht geneigt */
    --angled-width: 125vw;
    --angled-offset: -12.5vw;
    --angled-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
  }

  .angled-image-section {
    position: relative;
    width: 100vw;
    margin-top: 4rem;
    margin-bottom: -4rem; /* leicht in den Footer ziehen */
    background: transparent;
    z-index: 1;
  }

  .angled-image-wrapper {
    width: var(--angled-width);
    margin-left: var(--angled-offset);
    transform: rotate(var(--angled-rotation));
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: var(--angled-shadow);
    transition: transform 0.6s ease-out, filter 0.3s ease-out;
  }

  /* Kein Overlay oder Farbe mehr */
  .angled-image-wrapper::after {
    content: none; /* entfernt das Pseudo-Element */
  }

  .angled-image-wrapper picture,
  .angled-image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }

  /* Dezente Hover-Reaktion */
  .angled-image-section:hover .angled-image-wrapper {
    transform: rotate(calc(var(--angled-rotation) + 0.4deg)) scale(1.01);
  }

  /* Bewegungsreduktion respektieren */
  @media (prefers-reduced-motion: reduce) {
    .angled-image-wrapper { transition: none; }
    .angled-image-section:hover .angled-image-wrapper {
      transform: rotate(var(--angled-rotation)) scale(1);
    }
  }

  /* Tablet */
  @media (max-width: 1200px) {
    :root {
      --angled-rotation: -1deg;
      --angled-width: 120vw;
      --angled-offset: -10vw;
    }
    .angled-image-section {
      margin-top: 3.5rem;
      margin-bottom: -3.5rem;
    }
  }

  /* Mobile */
  @media (max-width: 768px) {
    :root {
      --angled-rotation: -0.6deg;
      --angled-width: 110vw;
      --angled-offset: -5vw;
    }
    .angled-image-section {
      margin-top: 3rem;
      margin-bottom: -3rem;
    }
    .angled-image-wrapper { border-radius: 10px; }
  }

  /* Footer bleibt darüber */
  .footer-clean {
    position: relative;
    margin-top: 0;
    z-index: 2;
  }