/*
 * Türkis-Override für markenmut.
 * Wird zusätzlich zu main.css geladen. Zum Rückgängigmachen die Einbindung
 * in Configuration/TypoScript/System/page.typoscript entfernen.
 *
 * Hauptnavigation:              #04c8a4
 * Textlinks, Linkbuttons, Icons: #1de4bd
 * Nur auf weißem Hintergrund. Footer, dunkle und farbige Flächen bleiben #70ffd9.
 */

/* Hauptnavigation (Header steht auf Weiß) */
#contentHeader .nav-item:hover .nav-link,
#contentHeader .nav-link.active {
  color: #04c8a4;
}

/* Aktiver Menüpunkt beim Hover bleibt dunkelblau, wie in main.css */
#contentHeader .nav-item:hover .nav-link.active {
  color: #002638;
}

/* Türkisfarbene Textlinks */
.color-lightblue,
.color-lightblue a {
  color: #1de4bd !important;
}

/* Linkbuttons */
.btn-primary,
.btn-secondary {
  background-color: #1de4bd;
  border-color: #1de4bd;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-visible,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus-visible {
  background-color: #1de4bd !important;
  border-color: #1de4bd !important;
}

/* Icons mit bisherigem Türkis (Kreispfeil, inline fill) */
svg#Pfeile path,
svg path[style*="70ffd9"] {
  fill: #1de4bd !important;
}

/*
 * Nicht auf weiß: Originalton #70ffd9 behalten.
 * Gilt für dunkle, graue und türkise Flächen sowie den Footer
 * (auch wenn der Footer selbst weiß ist).
 */
.bg-darkblue .color-lightblue,
.bg-darkblue .color-lightblue a,
.bg-lightblue .color-lightblue,
.bg-lightblue .color-lightblue a,
.bg-gray .color-lightblue,
.bg-gray .color-lightblue a,
.bg-lightgray .color-lightblue,
.bg-lightgray .color-lightblue a,
.frame-partnercomments .color-lightblue,
.frame-partnercomments .color-lightblue a,
footer .color-lightblue,
footer .color-lightblue a {
  color: #70ffd9 !important;
}

.bg-darkblue .btn-primary,
.bg-darkblue .btn-secondary,
.bg-lightblue .btn-primary,
.bg-lightblue .btn-secondary,
.bg-gray .btn-primary,
.bg-gray .btn-secondary,
.bg-lightgray .btn-primary,
.bg-lightgray .btn-secondary,
.frame-partnercomments .btn-primary,
.frame-partnercomments .btn-secondary,
footer .btn-primary,
footer .btn-secondary,
.bg-darkblue .btn-primary:hover,
.bg-darkblue .btn-primary:active,
.bg-darkblue .btn-primary:focus-visible,
.bg-darkblue .btn-secondary:hover,
.bg-darkblue .btn-secondary:active,
.bg-darkblue .btn-secondary:focus-visible,
.bg-lightblue .btn-primary:hover,
.bg-lightblue .btn-primary:active,
.bg-lightblue .btn-primary:focus-visible,
.bg-lightblue .btn-secondary:hover,
.bg-lightblue .btn-secondary:active,
.bg-lightblue .btn-secondary:focus-visible,
.bg-gray .btn-primary:hover,
.bg-gray .btn-primary:active,
.bg-gray .btn-primary:focus-visible,
.bg-gray .btn-secondary:hover,
.bg-gray .btn-secondary:active,
.bg-gray .btn-secondary:focus-visible,
.bg-lightgray .btn-primary:hover,
.bg-lightgray .btn-primary:active,
.bg-lightgray .btn-primary:focus-visible,
.bg-lightgray .btn-secondary:hover,
.bg-lightgray .btn-secondary:active,
.bg-lightgray .btn-secondary:focus-visible,
.frame-partnercomments .btn-primary:hover,
.frame-partnercomments .btn-primary:active,
.frame-partnercomments .btn-primary:focus-visible,
.frame-partnercomments .btn-secondary:hover,
.frame-partnercomments .btn-secondary:active,
.frame-partnercomments .btn-secondary:focus-visible,
footer .btn-primary:hover,
footer .btn-primary:active,
footer .btn-primary:focus-visible,
footer .btn-secondary:hover,
footer .btn-secondary:active,
footer .btn-secondary:focus-visible {
  background-color: #70ffd9 !important;
  border-color: #70ffd9 !important;
}

.bg-darkblue svg#Pfeile path,
.bg-darkblue svg path[style*="70ffd9"],
.bg-lightblue svg#Pfeile path,
.bg-lightblue svg path[style*="70ffd9"],
.bg-gray svg#Pfeile path,
.bg-gray svg path[style*="70ffd9"],
.bg-lightgray svg#Pfeile path,
.bg-lightgray svg path[style*="70ffd9"],
.frame-partnercomments svg#Pfeile path,
.frame-partnercomments svg path[style*="70ffd9"],
footer svg#Pfeile path,
footer svg path[style*="70ffd9"] {
  fill: #70ffd9 !important;
}