/* ============================================================
   trust in you COACHING – Brand Override
   Farben aus dem Logo: Petrol/Teal -> Blau
   ============================================================ */

:root {
  --color-primary: #1aa3e2;   /* Marken-Blau */
  --tiy-teal: #1ec6b4;        /* Marken-Petrol */
  --tiy-blue: #1aa3e2;        /* Marken-Blau */
  --tiy-dark: #122029;        /* Dunkles Petrol-Navy */
}

/* Akzentfarbe (Sub-Titles, Links, Hover) auf Marken-Blau */
.sub-title,
.sec-title .sub-title,
a:hover {
  color: var(--color-primary);
}

/* Dunkle Verlaufsflächen in Markenfarben */
.bg-linear {
  background: linear-gradient(203deg, #101a22 0%, #134b63 100%) !important;
}
.bg-linear2 {
  background: linear-gradient(206deg, #101a22 0%, #134b63 100%) !important;
}

/* Buttons im Markenverlauf Petrol -> Blau */
.btn-bg {
  background: linear-gradient(101deg, var(--tiy-teal) 0%, var(--tiy-blue) 100%) !important;
}

/* Header-Logo: weisses Logo auf dezent dunklem Petrol-Pill sichtbar machen */
.header-style .xb-header-logo .logo {
  background: var(--tiy-dark) !important;
  padding: 12px 20px !important;
  border-radius: 14px !important;
  display: inline-flex;
  align-items: center;
}
.header-style .xb-header-area-sticky .xb-header-logo .logo {
  background: var(--tiy-dark) !important;
  padding: 10px 18px !important;
  border-radius: 14px !important;
}
.xb-header-logo .logo img {
  height: 46px;
  width: auto;
}

/* Logo im mobilen Menue / Offcanvas (dunkler Grund vorhanden) */
.xb-logo-mobile img,
.sidebar-logo img,
.xb-footer-logo .xb-logo img {
  height: 70px;
  width: auto;
}

/* Onepager: sanftes Scrollen + Versatz fuer fixierten Header */
html {
  scroll-behavior: smooth;
}
section[id] {
  scroll-margin-top: 110px;
}

/* Verbands-/Referenzlogos in der Brand-Leiste sauber darstellen */
.xb-brand-item-list .item img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
}