.ai-output {
  max-width: 860px;
  padding: 36px 42px;
  background: #ffffff;
  border: 1px solid #e3e8f0;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  font-size: 16px;
  line-height: 1.55;
  color: #172033;
  white-space: normal;
}

.ai-output h1,
.ai-output h2,
.ai-output h3 {
  color: #10213f !important;
  opacity: 1 !important;
  line-height: 1.22;
  margin-top: 20px;
  margin-bottom: 8px;
  font-weight: 800;
}

/* Wenn Headline erste Zeile */
.ai-output h1:first-child,
.ai-output h2:first-child,
.ai-output h3:first-child {
  margin-top: 0;
}

/* Größen einzeln definieren */

.ai-output h1 {
  font-size: 26px;
}

.ai-output h2 {
  font-size: 23px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5eaf2;
}

.ai-output h3 {
  font-size: 20px;
}

.ai-output p {
  margin: 0 0 10px;
}

/* Nummerierte Listen */
.ai-output ol {
  margin: 8px 0 14px;
  padding-left: 22px;
}

/* Bullet Listen */
.ai-output ul {
  margin: 8px 0 12px;
  padding-left: 24px;
}

/* Listenpunkte */
.ai-output li {
  margin-bottom: 4px;
  padding-left: 0;
  line-height: 1.5;
}

/* Abstand nur zwischen mehreren Punkten */
.ai-output li + li {
  margin-top: 2px;
}

/* Zwischen Nummer + Text schöner */
.ai-output li p {
  margin: 0;
}

/* Fett */
.ai-output strong {
  font-weight: 800;
  color: #0f223f;
}

/* Trennlinien */
.ai-output hr {
  margin: 18px 0;
  border: none;
  border-top: 1px solid #dde3ea;
}

@media (max-width: 768px) {
  .ai-output {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 16px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 14px;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .ai-output h1 {
    font-size: 22px;
  }

  .ai-output h2 {
    font-size: 20px;
  }

  .ai-output h3 {
    font-size: 18px;
  }

  .ai-output ul,
  .ai-output ol {
    padding-left: 18px;
  }

  .ai-output li {
    line-height: 1.55;
  }
}

@media (max-width: 480px) {
  .ai-output {
    padding: 16px 14px;
    font-size: 14.5px;
  }

  .ai-output h1 {
    font-size: 20px;
  }

  .ai-output h2 {
    font-size: 19px;
  }

  .ai-output h3 {
    font-size: 17px;
  }
}