/**
 * widgets-headlines.css - Professionelle Headline-Styles
 * Minimale Effekte gemäß Regel 004 in 011-ui-widget-headlines.mdc
 */

.widget-headline-h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 28px;
  letter-spacing: -0.5px;
  line-height: 1.2;
  text-align: left;
  
  /* Minimale Effekte: Nur einfache Farbe, keine komplexen Animationen */
  transition: color 0.2s ease;
}

/* Minimale Hover-Effekt: Nur leichte Farbänderung */
.widget-headline-h1:hover {
  color: var(--color-accent-blue);
}

.widget-headline-h2 {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 20px;
  letter-spacing: -0.5px;
  text-align: center;
}

.widget-headline-h3 {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent-blue);
  margin-bottom: 16px;
  letter-spacing: -0.2px;
  line-height: 1.3;
}