/* Event Description Content Styles - Isoliert für WYSIWYG Editor */

.event-description-content {
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  max-width: 100%;
  word-wrap: break-word;
}

.event-description-content h2 {
  color: #2e7d32;
  font-size: 1.5em;
  margin: 20px 0 10px 0;
  border-bottom: 2px solid #e8f5e8;
  padding-bottom: 5px;
  font-weight: 600;
}

.event-description-content h3 {
  color: #1b5e20;
  font-size: 1.3em;
  margin: 15px 0 8px 0;
  font-weight: 600;
}

.event-description-content p {
  margin: 10px 0;
}

.event-description-content strong {
  font-weight: 600;
  color: #1b5e20;
}

.event-description-content em {
  font-style: italic;
  color: #555;
}

.event-description-content ul,
.event-description-content ol {
  margin: 10px 0;
  padding-left: 25px;
}

.event-description-content li {
  margin: 5px 0;
}

.event-description-content blockquote {
  border-left: 4px solid #2e7d32;
  margin: 15px 0;
  padding: 10px 15px;
  background-color: #f8f9fa;
  font-style: italic;
  color: #666;
}

.event-description-content a {
  color: #2e7d32;
  text-decoration: underline;
}

.event-description-content a:hover {
  color: #1b5e20;
}

/* Quill-spezifische Klassen */
.event-description-content .ql-align-center {
  text-align: center;
}

.event-description-content .ql-align-right {
  text-align: right;
}

.event-description-content .ql-align-justify {
  text-align: justify;
}

.event-description-content .ql-indent-1 {
  padding-left: 3em;
}

.event-description-content .ql-indent-2 {
  padding-left: 6em;
}

.event-description-content .ql-indent-3 {
  padding-left: 9em;
}

.event-description-content .ql-indent-4 {
  padding-left: 12em;
}

.event-description-content .ql-indent-5 {
  padding-left: 15em;
}

.event-description-content .ql-indent-6 {
  padding-left: 18em;
}

.event-description-content .ql-indent-7 {
  padding-left: 21em;
}

.event-description-content .ql-indent-8 {
  padding-left: 24em;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
  .event-description-content h2 {
    font-size: 1.3em;
  }

  .event-description-content h3 {
    font-size: 1.1em;
  }

  .event-description-content ul,
  .event-description-content ol {
    padding-left: 20px;
  }

  .event-description-content .ql-indent-1 {
    padding-left: 2em;
  }

  .event-description-content .ql-indent-2 {
    padding-left: 4em;
  }

  .event-description-content .ql-indent-3,
  .event-description-content .ql-indent-4,
  .event-description-content .ql-indent-5,
  .event-description-content .ql-indent-6,
  .event-description-content .ql-indent-7,
  .event-description-content .ql-indent-8 {
    padding-left: 5em;
  }
}