/* COCO – einheitliche, gut lesbare Links (wird nach allen Theme-Styles geladen)
   Regel: je Zustand genau ein Hervorhebungsmerkmal; Kontrast = Kontrast des Fließtexts.
   Markenfarben: Dunkelgrau #383338, Lemon #eaff00 */

/* 1) Textlinks in Fließtext, Listen und Formularen: Farbe des umgebenden Textes + feine Linie,
      beim Hover verschwindet die Linie. Gilt auf hellen und dunklen Hintergründen gleich. */
#main_content :is(p, li, td, dd, blockquote) a:not(.elementor-button):not(.read_more):not(.tag-cloud-link):not(.page-numbers):not([class*="btn"]),
#main_content :is(p, li, td, dd, blockquote) a:not(.elementor-button):not(.read_more):not(.tag-cloud-link):not(.page-numbers):not([class*="btn"]):visited,
.wpcf7-form a,
.wpcf7-form a:visited {
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}
#main_content :is(p, li, td, dd, blockquote) a:not(.elementor-button):not(.read_more):not(.tag-cloud-link):not(.page-numbers):not([class*="btn"]):is(:hover, :focus-visible),
.wpcf7-form a:is(:hover, :focus-visible) {
  color: inherit !important;
  text-decoration: none !important;
}

/* 2) Footer-Textlinks (Telefon, E-Mail): wie die Navigation – Hover nur Farbe (Lemon) */
#footer .textwidget a:hover,
#footer .textwidget a:focus-visible {
  color: #eaff00 !important;
}

/* Tags und Kategorien: dunkle Textfarbe statt Grau (Kontrast 12:1 statt 4:1) */
.tag-cloud-link,
.tag-cloud-link:visited,
.post_data .categories a,
.post_data .categories a:visited {
  color: #383338 !important;
}

/* 3) Überschriften-, Kategorie-, Seitenzahl- und Tag-Links (weißer Hintergrund):
      Farbe bleibt, beim Hover erscheint eine feine Linie */
.entry-title a:hover,
.entry-title a:focus-visible,
.post_data .categories a:hover,
.post_data .categories a:focus-visible,
.paging_wrapper a.page-numbers:hover,
.paging_wrapper a.page-numbers:focus-visible,
.tag-cloud-link:hover,
.tag-cloud-link:focus-visible {
  color: #383338 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

/* 4) AI Architekt (eigenständiges Zusatzangebot): Hinweisblöcke im bestehenden COCO-Stil
      – Hellgrau wie die „Vorgehensweise“-Sektionen, Maven Pro, Button wie „Termin vereinbaren“ */
.aia--block, .aia--hint { background: #efeff0; color: #383338; }
/* dunkle Variante, wo die Nachbarsektion bereits hellgrau ist */
.aia--dark { background: #383338; color: #fff; }
.aia--dark .aia__title { color: #fff !important; }
.aia__inner { max-width: 1140px; margin: 0 auto; padding: 70px 20px; box-sizing: border-box; }
.aia .aia__title { font-family: "Maven Pro", sans-serif; font-weight: 700 !important; color: #383338; margin: 0 0 20px; letter-spacing: normal; text-transform: none; }
.aia--block .aia__title, .aia--dark .aia__title { font-size: 40px; line-height: 48px; }
.aia--block .aia__text, .aia--dark .aia__text { font-size: 24px; line-height: 36px; max-width: 900px; margin: 0 0 30px; }
.aia--hint .aia__inner { padding: 50px 20px; }
.aia--hint .aia__title { font-size: 28px; line-height: 36px; }
.aia--hint .aia__text { font-size: 20px; line-height: 32px; max-width: 900px; margin: 0 0 25px; }
.aia--post { background: #efeff0; color: #383338; padding: 30px; margin: 40px 0 20px; }
.aia--post .aia__title { margin-top: 0; }
.aia--post .aia__text { margin: 0 0 20px; }
.aia__cta { margin: 0 !important; }
a.aia-btn, a.aia-btn:visited {
  display: inline-block; font-family: "Maven Pro", sans-serif; font-size: 20px; line-height: 30px;
  padding: 10px 20px; border: 1px solid #fff; border-radius: 5px;
  background: #fff; color: #383338 !important; text-decoration: none !important;
  transition: background-color .3s, color .3s, border-color .3s;
}
a.aia-btn:is(:hover, :focus-visible) { background: #383338; color: #eaff00 !important; border-color: #eaff00; }
@media (max-width: 767px) {
  .aia__inner, .aia--hint .aia__inner { padding: 40px 20px; }
  .aia--block .aia__title, .aia--dark .aia__title, .aia--hint .aia__title { font-size: 20px; line-height: 26px; }
  .aia--block .aia__text, .aia--dark .aia__text, .aia--hint .aia__text { font-size: 18px; line-height: 29px; }
  .aia--post { padding: 20px; }
}
/* Footer: bewusst kleiner und zurückhaltender als „Über COCO“ */
#footer .aia-footer { margin-top: 10px; }
#footer .aia-footer p { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
#footer .aia-footer .aia-footer__title { font-weight: 700; color: #fff; margin-bottom: 5px; }
#footer .aia-footer a.aia-footer__link, #footer .aia-footer a.aia-footer__link:visited { color: #eaff00; }
/* Blog-Themenseiten KI: dezenter Textlink */
.aia-tagline { font-size: 16px; line-height: 26px; margin: 30px 0 0; }