:root{
  --accent:#1e73be;
  --accent-hover:#2d56a5;
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* Theme overrides (no layout changes, only colors + typography). */
body, p, a, li, div, span, td, th, h1, h2, h3, h4, h5, h6{
  font-family: var(--font-sans) !important;
}

/* Accent red -> blue */
a{ color: var(--accent) !important; }
a:hover{ color: var(--accent-hover) !important; }

.headline-red{
  border-bottom-color: rgba(30,115,190,0.35) !important;
}

.button-testvergleich-red{
  background-color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  color: #ffffff !important;
}
.button-testvergleich-red:hover{
  background-color: var(--accent-hover) !important;
  border: 1px solid var(--accent-hover) !important;
}

/* Only text color change for the specific heading (keep layout/underline). */
#headline-29-1032{
  color: var(--accent) !important;
}

/* Back-to-top button uses red in the template */
.oxel_back_to_top_container{
  background-color: var(--accent) !important;
}

/* This hover state becomes red in the template, override to match blue theme */
.button-testvergleich-3:hover{
  background-color: var(--accent-hover) !important;
  border: 1px solid var(--accent-hover) !important;
}

/* Header sizing (reduce vertical space site-wide) */
#header.ct-section{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
#header .ct-section-inner-wrap{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}