/**
 * Text & Bild Component
 * Text-Paragraph mit optionaler Überschrift und optionalem Bild (3/4 Text, 1/4 Bild)
 */

.headline-text-paragraph {
  margin: 0 auto calc(var(--space-3xl) / 2);
}

.headline-text-title {
  font-size: var(--font-size-2xl);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0 0 var(--space-sm);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

/* Layout Container - Text flows around image */
.headline-text-layout {
  position: relative;
}

/* Clear floats after layout */
.headline-text-layout::after {
  content: "";
  display: table;
  clear: both;
}

.headline-text-content {
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

.headline-text-content p {
  margin: 0 0 var(--space-md);
}

.headline-text-content p:last-child {
  margin-bottom: 0;
}

/* Image - 40% width, floats right with text wrapping around it */
.headline-text-image {
  float: right;
  width: 40%;
  margin: 0 0 var(--space-lg) var(--space-xl);
}

/* Alternate: image left */
.headline-text-layout.image-left .headline-text-image {
  float: left;
  margin: 0 var(--space-xl) var(--space-lg) 0;
}

.headline-text-image img {
  width: 100%;
  height: auto;
  border-radius: 2px;
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

/* Responsive */
@media (max-width: 992px) {
  /* Keep 40% width on medium screens */
  .headline-text-image {
    width: 40%;
  }
}

@media (max-width: 768px) {
  .headline-text-paragraph {
    margin-bottom: var(--space-2xl);
  }
  
  .headline-text-title {
    font-size: var(--font-size-xl);
  }
  
  /* No float on tablets - stack vertically */
  .headline-text-image {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 auto var(--space-lg);
    display: block;
  }
}

@media (max-width: 480px) {
  .headline-text-title {
    font-size: var(--font-size-lg);
  }
  
  .headline-text-content {
    font-size: var(--font-size-sm);
  }
  
  .headline-text-image {
    max-width: 100%;
  }
}