@charset "utf-8";
/* CSS Document */
/* =========================================
   GLOBAL: Automatische Groß-/Kleinschreibung deaktivieren
   ========================================= */

/* Alle Texte auf normale Schreibweise zurücksetzen */
* {
  text-transform: none !important;
}



/* =========================================
   KIZZRock – Farbwechsel Orange → Gelb
   Farbcode: #fbec04
   ========================================= */

/* Slider: Unterzeile + Hervorhebungen */
.hero-sub-title,
.hero-title span,
.hero-content .bigger-text{
  color: #fbec04 !important;
}

/* Navigation: aktiver Punkt */
.navbar-nav .nav-link.active{
  color: #fbec04 !important;
}

/* Navigation: Hover */
.navbar-nav .nav-link:hover{
  color: #fbec04 !important;
}

/* Optional: Such-Icon Hover (falls orange) */
.header-nav-search a:hover,
.search-box-outer:hover{
  color: #fbec04 !important;
}

/* Optional: Slider Divider / kleine Linien */
.heading-divider,
.site-title-tagline{
  background-color: #fbec04 !important;
  color: #fbec04 !important;
}


/* =========================================
   AKTUELLES – gelben Hintergrund entfernen
   ========================================= */

/* Label / Tagline ohne Hintergrund */
.site-title-tagline,
.section-title span,
.heading-tag,
.heading-badge{
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Falls AKTUELLES ein eigenes Span ist */
.site-title-tagline{
  display: inline-block;
  color: #5e04a0; /* lila wie gewünscht */
  font-weight: 700;
  letter-spacing: 2px;
}

.site-title-tagline::before,
.site-title-tagline::after{
  display: none !important;
}

/* =========================================
   ACCORDION – Farbe auf Lila (#5e04a0)
   ========================================= */

/* Accordion Titel (geschlossen & offen) */
.accordion-button,
.faq-accordion .accordion-title,
.faq-accordion h2,
.faq-item h4{
  color: #5e04a0 !important;
}

/* Aktiver / geöffneter Accordion-Titel */
.accordion-button:not(.collapsed),
.faq-accordion .active{
  color: #5e04a0 !important;
}

/* Linien / Divider im Accordion */
.accordion-item,
.accordion-item::after,
.faq-item{
  border-color: rgba(94,4,160,0.35) !important;
}

/* Pfeil / Icon */
.accordion-button::after,
.faq-icon,
.accordion-toggle{
  filter: none;
  color: #5e04a0 !important;
}

/* Hover */
.accordion-button:hover,
.faq-item:hover h4{
  color: #5e04a0 !important;
}

/* =========================================
   FEEDBACK / TESTIMONIALS – Orange → Gelb
   Farbe: #fbec04
   ========================================= */

/* Sterne-Bewertung */
.testimonial-rate i,
.testimonial-single .fa-star{
  color: #5e04a0 !important;
}

/* Kreis um Avatar */
.testimonial-author-img,
.testimonial-author-img img{
  border-color: #5e04a0 !important;
}

/* Kleine runde Platzhalter (100x100 Kreise) */
.testimonial-single .testimonial-author-img::before,
.testimonial-single .testimonial-author-img::after{
  border-color: #fbec04 !important;
}

/* Linien / Unterstreichung unter "Was die Leute sagen" */
.testimonial-area .heading-divider,
.testimonial-area .site-heading::after{
  background-color: #fbec04 !important;
}

/* Falls Quotes / Icons noch orange sind */
.testimonial-quote-icon,
.testimonial-quote-icon i{
  color: #fbec04 !important;
  fill: #fbec04 !important;
}

/* =========================================
   Slider / Carousel Dots – lila statt orange
   ========================================= */

/* Standard Punkt */
.owl-dots .owl-dot span{
  background: #5e04a0 !important;
}

/* Aktiver Punkt */
.owl-dots .owl-dot.active span{
  background: #5e04a0 !important;
}

/* Optional: Hover */
.owl-dots .owl-dot:hover span{
  background: #5e04a0 !important;
}

.slick-dots li button:before{
  color: #5e04a0 !important;
}

.slick-dots li.slick-active button:before{
  color: #5e04a0 !important;
}

/* ===============================
   Termine – Datum & Tag Farbe
   =============================== */

/* Icon (Kalender / Tag) */
.blog-item .blog-meta i,
.blog-item .blog-meta svg,
.blog-item .blog-meta span i {
    color: #6f2dbd !important; /* lila */
}

/* Text Datum & Wochentag */
.blog-item .blog-meta span,
.blog-item .blog-meta a {
    color: #6f2dbd !important;
}

/* Hover-Effekt */
.blog-item .blog-meta a:hover,
.blog-item .blog-meta span:hover,
.blog-item .blog-meta a:hover i {
    color: #4b1f8a !important; /* dunkleres lila */
}

/* Falls das Icon ein Background hat */
.blog-item .blog-meta i::before {
    color: #6f2dbd !important;
}