/* 📱 Mobile Fixes für SpiralOS.de */

/* Logo im Hero auf Mobile nicht überlaufen lassen */
@media (max-width: 768px) {
  .wp-block-cover .wp-block-image img {
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
  }
  
  /* Hero-Höhe auf Mobile reduzieren */
  .wp-block-cover {
    min-height: 60vh !important;
  }
  
  /* Buttons auf Mobile ganzbreitig */
  .wp-block-button__width-25 {
    width: 100% !important;
  }
  
  /* Whitepaper-Button Text umbrechen */
  .wp-block-button .wp-block-button__link {
    white-space: normal !important;
    word-break: break-word !important;
  }
  
  /* Abstände auf Mobile reduzieren */
  .wp-block-cover__inner-container {
    padding: 1rem !important;
  }
}