@media (max-width: 600px) {
  .case-modal {
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }
  .case-modal .case-content {
    padding: 64px 24px 48px !important;
  }
  .case-content > div {
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }
  .case-content h1 { overflow-wrap: anywhere; }
}

@media (max-width: 600px) {
  .case-content span[style*="fit-content"] { max-width: 100%; }
  .case-content span[style*="fit-content"] > span { white-space: normal !important; line-height: 1.4; }
  .case-stages > div { flex-direction: column; align-items: stretch !important; gap: 12px !important; }
  .case-stages > div > div > div:first-child { flex-direction: row !important; gap: 10px; }
  .case-stages > div > div > div:first-child > span { margin-top: 0 !important; white-space: normal !important; }
  .case-stages > div > div > div + div { display: none; }
}

@media (max-width: 768px) {
  #druckbild .bft-scale-grid {
    grid-template-columns: repeat(10, 136px) !important;
    gap: 12px !important;
    padding: 8px 4px 16px !important;
  }
  #druckbild .bft-tile {
    height: 184px;
    aspect-ratio: auto !important;
    transform: none !important;
    scroll-snap-align: start !important;
  }
  #druckbild .bft-tile > svg { display: none; }
  #druckbild .bft-tile::before {
    content: "";
    position: absolute;
    inset: 0 10px;
    transform: skewX(-6deg);
    border: 1.5px solid var(--accent);
    background: var(--bg-card);
  }
  #druckbild .bft-tile[aria-pressed="true"]::before { background: var(--accent); }
  #druckbild .bft-tile > div { padding: 20px 12px 18px !important; }
  #druckbild .bft-tile > div > span { font-size: 36px !important; }
  #druckbild .bft-tile > div > div:first-of-type { height: 32px !important; }
  #druckbild .bft-tile > div > div:last-child {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    min-height: 38px !important;
    justify-content: center !important;
  }
  #druckbild .bft-detail { clip-path: none !important; -webkit-clip-path: none !important; margin-bottom: 32px !important; }
  #druckbild .bft-detail > div { padding: 28px 24px !important; }
  #druckbild .bft-detail > [aria-hidden="true"] { visibility: hidden; }
  #druckbild .bft-detail span[style*="fit-content"] { max-width: 100%; }
  #druckbild .bft-detail span[style*="fit-content"] > span { white-space: normal !important; line-height: 1.4; }
}