.seni-pflegehilfsmittel {
  margin-top: -30px !important;

  img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* Page Container */
  .page-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Hero Section */
  .hero-section {
    background-color: #ede7e7;
    width: 100%;
    height: auto;
    position: relative;
  }

  .hero-container {
    width: 100%;
    height: auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .hero-content {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
  }

  .hero-image-container {
    position: relative;
    width: 100%;
    max-width: 810px;
    height: 540px;
  }

  .hero-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-text {
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'Quicksand', sans-serif;
    padding-right:20px;
  }

  .hero-title {
    width: 100%;
    color: #302861;
    font-size: 36px;
    line-height: normal;
    text-align: left;

    .title-main {
      display: block;
      font-size: 36px;
      margin-bottom: 0;
    }

    .title-accent {
      display: block;
      margin: 0;
      font-size: 36px;
      color: #f36f21;
    }

  }

  .hero-description {
    width: 100%;
    color: #333;
    font-size: 16px;
    text-align: left;
  }

  .hero-description p {
    display: block;
    line-height: 24px;
  }

  /* Info Section */
  .info-section {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .info-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 128px;
    background: linear-gradient(to right, #ede7e7 0%, #ede7e7 100%);
    clip-path: polygon(0 128px, 100% 0, 100% 128px, 0 128px);
    transform: scaleY(-1);
  }

  .info-container {
    width: 100%;
    height: 485px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 64px 0;
  }

  .info-background-shape {
    position: absolute;
    width: 336px;
    height: 100%;
    right: 0;
    top: 0;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .info-content {
    background: white;
    box-shadow: 0px 8px 32px 0px rgba(48, 40, 97, 0.15);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 40px;
    position: relative;
  }

  .info-text {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
  }

  .info-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .info-list-title {
    font-family: 'Quicksand', sans-serif;
    color: #333;
    font-size: 16px;
    text-align: left;
  }

  .info-list-title p {
    display: block;
    line-height: 24px;
  }

  .info-list-item {
    display: flex;
    gap: 8px;
  }

  .checkmark-icon {
    width: 20px;
    height: 20px;
    margin-top: 2.5px;
  }

  .info-item-text {
    font-family: 'Quicksand', sans-serif;
    color: #333;
    font-size: 16px;
    text-align: left;
  }

  .info-item-text p {
    display: block;
    line-height: 24px;
  }

  .cta-button {
    background-color: #25295b;
    border: none;
    border-radius: 28px;
    padding: 16px 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
  }

  .info-image {
    flex-shrink: 0;
    width: 100%;
    max-width: 442px;
    position: relative;
  }

  .info-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  /* Products Section */
  .products-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 20px;
  }

  .products-container {
    width:100%;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
    justify-content: flex-start;
  }

  .products-intro {
    font-family: 'Quicksand', sans-serif;
    color: #333;
    font-size: 24px;
    text-align: center;
    width:100%;
    max-width: 1078px;
  }

  .products-intro p {
    display: block;
    line-height: normal;
  }

  .products-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 40px;
    width: 100%;
  }

  .product-card {
    width:100%;
    max-width: 700px;
    position: relative;
    overflow: hidden;
  }

  .product-card-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
    height: 100%;
    background: white;
  }

  .product-card-background::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 185px;
    height: 100%;
    background: #ecebf3;
    clip-path: polygon(0 0, 185px 100%, 0 100%);
  }

  .product-content {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 0;
    width: 100%;
    max-width: 700px;
    position: relative;
    z-index: 1;
  }

  .product-image {
    width: 240px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

  .product-image img {
    width: 176px;
    height: 176px;
    object-fit: cover;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .product-info {
    width: 410px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .product-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .product-title {
    font-family: 'Quicksand', sans-serif;
    color: #25295b;
    font-size: 24px;
    line-height: normal;
    width: fit-content;
    min-width: max-content;
  }

  .product-subtitle {
    font-family: 'Quicksand', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    width: fit-content;
    min-width: max-content;
  }

  .product-pzn {
    background-color: #f0f0f6;
    border-radius: 8px;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-pzn p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    color: #333;
    font-size: 16px;
    text-align: left;
    line-height: 24px;
  }

  .product-description {
    font-family: 'Quicksand', sans-serif;
    color: #333;
    font-size: 16px;
    text-align: left;
    width: 100%;
  }

  .product-description p {
    display: block;
    line-height: 24px;
  }

  /* Large Product Card */
  .product-card-large {
    width: 100%;
    max-width: 840px;
    position: relative;
    overflow: hidden;
  }

  .product-card-background-large {
    position: absolute;
    top: 0;
    left: 0;
    width: 840px;
    height: 370px;
    background: white;
  }

  .product-card-background-large::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 222px;
    height: 370px;
    background: #ecebf3;
    clip-path: polygon(0 0, 222px 370px, 0 370px);
  }

  .product-content-large {
    display: flex;
    gap: 10px;
    height: auto;
    align-items: center;
    justify-content: flex-start;
    padding: 26px 0;
    width: 100%;
    max-width: 840px;
    position: relative;
    z-index: 1;
  }

  .product-info-large {
    width: 560px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .cta-button-secondary {
    background-color: #302861;
    color: #fff;
    border: none;
    border-radius: 28px;
    padding: 16px 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
  }

  /* Logistics Section */
  .logistics-section {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 64px 0 40px 0;
  }

  .logistics-content {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 1044px;
    position: relative;
  }

  .logistics-image {
    width: 100%;
    max-width: 442px;
    height: auto;
    flex-shrink: 0;
  }

  .logistics-image img {
    width: 100%;
    height: auto;
  }

  .logistics-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'Quicksand', sans-serif;
    text-align: left;
  }

  .logistics-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #302861;
    font-size: 36px;
  }

  .logistics-title p {
    display: block;
    line-height: normal;
  }

  .logistics-description {
    color: #333;
    font-size: 16px;
    width: fit-content;
  }

  .logistics-description p {
    display: block;
    line-height: 24px;
  }

  .bottom-triangles {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }

  @media (max-width: 768px) {
    .hero-content {
      flex-direction: column;
      gap: 32px;
    }

    .hero-image-container {
      width: 100%;
      height: auto;
    }

    .hero-text {
      width: 100%;
    }

    .title-main,
    .title-accent,
    .hero-title {
      font-size: 24px !important;
    }

    .info-content {
      flex-direction: column;
      gap: 32px;
      width: 100%;
      padding: 20px;
    }

    .product-card {
      height: auto;
    }

    .product-content,
    .product-content-large {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .product-info,
    .product-info-large {
      width: 100%;
      padding:0 20px 20px 20px;
    }

    .logistics-content {
      flex-direction: column;
      gap: 32px;
    }

    .logistics-image {
      width: 100%;
      max-width: 300px;
    }

    .logistics-title {
      font-size: 28px;
      text-align: left;
    }

    .info-background-shape {
      display: none;
    }

    .hero-text {
      padding: 0 20px 20px 20px;
    }

    .info-image {
      height: auto;
      width: 100%;
      max-width: 100%;
      padding: 0 20px;
      order: 1;
    }

    .info-section::before {
      display: none;
    }

    .info-text {
      order: 2;
      width: 100%;
    }

    .info-list {
      width: 100%;
    }

    .hero-section {
      padding-bottom: 20px;
    }

    .hero-container {
      height: auto;
    }

    .info-container {
      height: auto;
    }

    .products-container {
      width: 100%;
    }

    .products-grid {
      display: flex;
      flex-direction: column;
    }
    .product-subtitle,
    .product-title {
      min-width: 0;
      width: 100%;
      text-align: left;
    }
    .logistics-section {
      padding-left:20px;
      padding-right:20px;
    }
    .product-card-large {
      background: white;
    }
    .product-card-background::after,
    .product-card-background-large {
      display:none;
    }
  }

}