/*
 * Buttonfarben passend zum Guldimann-Logo.
 * Logo-Blau (direkt aus logo.png): #009FE3
 * Diese Datei nach dem bestehenden Theme-Stylesheet laden.
 */

:root {
   --guldimann-blue: #009FE3;
   --guldimann-blue-hover: #007FB6;
   --guldimann-blue-light: #41C4F1;
   --guldimann-blue-focus: rgba(0, 159, 227, .35);
}

/* Aktiver Button in der Header-Navigation */
.navbar .navbar-nav .nav-link.active,
.navbar.fixedmenu .navbar-nav .nav-link.active {
   background: var(--guldimann-blue);
   color: #fff;
}

.navbar .navbar-nav .nav-link.active:hover,
.navbar .navbar-nav .nav-link.active:focus,
.navbar.fixedmenu .navbar-nav .nav-link.active:hover,
.navbar.fixedmenu .navbar-nav .nav-link.active:focus {
   background: var(--guldimann-blue-hover);
   color: #fff;
}

.navbar .navbar-nav .nav-link:not(.active):hover,
.navbar .navbar-nav .nav-link:not(.active):focus {
   color: var(--guldimann-blue);
}

/* Das Theme färbt im mobilen Menü alle Navigationslinks blau. */
@media (max-width: 992px) {
   .center-brand .navbar-nav .nav-link,
   .transparent-bg .navbar-nav .nav-link {
      background: var(--guldimann-blue);
   }
}

/* Standard-Buttons */
.button.btnprimary,
.button.btnprimary-alt {
   background: var(--guldimann-blue);
   border-color: var(--guldimann-blue);
}

.button.btnsecondary {
   background: var(--guldimann-blue-hover);
   border-color: var(--guldimann-blue-hover);
}

.button.btnwhite:hover,
.button.btnwhite:focus {
   background: var(--guldimann-blue);
   border-color: var(--guldimann-blue);
}

.button.btnprimary:hover,
.button.btnprimary:focus {
   background: var(--guldimann-blue-hover);
   border-color: var(--guldimann-blue-hover);
}

.button.btnprimary-alt:hover,
.button.btnprimary-alt:focus {
   background: transparent;
   border-color: var(--guldimann-blue);
   color: var(--guldimann-blue);
}

.button.btnsecondary:hover,
.button.btnsecondary:focus {
   background: var(--guldimann-blue);
   border-color: var(--guldimann-blue);
}

/* Bestehende weiße Hover-Varianten bleiben weiß. */
.button.btnsecondary.hvrwhite:hover,
.button.btnsecondary.hvrwhite:focus,
.button.btnprimary.hvrwhite:hover,
.button.btnprimary.hvrwhite:focus {
   background: #fff;
   border-color: #fff;
   color: #212331;
}

/* Im Slider bleibt der Outline-Button auf dunklem Grund weiß. */
.rev_slider .button.btnprimary-alt:hover,
.rev_slider .button.btnprimary-alt:focus {
   background: transparent;
   border-color: #fff;
   color: #fff;
}

/* Hover-Verläufe aus der Logofarbe abgeleitet. */
.button.btn-gradient-hvr::before,
.button.scndry-gradient-hvr::before {
   background: var(--guldimann-blue-hover);
   background: -webkit-linear-gradient(top,
      var(--guldimann-blue-hover) 0%,
      var(--guldimann-blue) 55%,
      var(--guldimann-blue-light) 100%);
   background: linear-gradient(to bottom,
      var(--guldimann-blue-hover) 0%,
      var(--guldimann-blue) 55%,
      var(--guldimann-blue-light) 100%);
   filter: none;
}

.button.btn-gradient-hvr:hover,
.button.btn-gradient-hvr:focus,
.button.scndry-gradient-hvr:hover,
.button.scndry-gradient-hvr:focus {
   border-color: var(--guldimann-blue-hover);
}

/* Runde Navigationsbuttons */
.back-top {
   background: var(--guldimann-blue);
}

.back-top::before {
   background: var(--guldimann-blue-hover);
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
   background: var(--guldimann-blue);
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover,
.owl-nav .owl-prev:focus,
.owl-nav .owl-next:focus {
   background: var(--guldimann-blue-hover);
}

/* Gut sichtbarer Tastaturfokus in der Logofarbe. */
.button:focus-visible,
.navbar .navbar-nav .nav-link:focus-visible,
.back-top:focus-visible,
.owl-nav .owl-prev:focus-visible,
.owl-nav .owl-next:focus-visible {
   outline: 3px solid var(--guldimann-blue-focus);
   outline-offset: 3px;
}