:root{
  /* =========== WEBSITE THEME (aus style.css) =========== */
  --brand: #0b4e79;
  --brand-2: #0a3d60;
  --accent: #f08a24;        /* CTA Orange */
  --ink: #0b1220;
  --muted: #5b667a;
  --bg: #f4f7fb;
  --card: #ffffff;
  --border: rgba(14, 30, 61, .12);
  --shadow: 0 16px 45px rgba(15, 23, 42, .14);
  --shadow-soft: 0 18px 60px rgba(15, 23, 42, .08);
  --radius-lg: 22px;
  --radius-md: 18px;
}

/* Base */
*{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body{ color: var(--ink); background: var(--bg); font-family: 'Barlow', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}

h1, h2, h3, h4, h5, h6{
  font-weight: 800;
  letter-spacing: -.02em;
}
/* Brand mark (gleich wie Website) */
.brand-mark{
  width: 38px; height: 38px;
  border-radius: 12px;
  display: inline-flex; align-items:center; justify-content:center;
  background: radial-gradient(120% 120% at 10% 10%, #1f77c5, #0b4e79 60%, #083351);
  color: #fff;
  box-shadow: 0 10px 20px rgba(2, 18, 36, .25);
}

/* Buttons (gleiches CTA-Verhalten) */
.btn-primary{
  --bs-btn-bg: var(--accent);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: #df7d1e;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-bg: #d07219;
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 240,138,36;
  font-weight: 800;
}

.btn-outline-primary{
  --bs-btn-color: var(--brand);
  --bs-btn-border-color: rgba(11, 78, 121, .35);
  --bs-btn-hover-bg: rgba(11, 78, 121, .10);
  --bs-btn-hover-border-color: rgba(11, 78, 121, .55);
  --bs-btn-hover-color: var(--brand);
  font-weight: 600;
}

/* Cards / surfaces */
.surface{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

/* Badges / chips */
.chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: rgba(11, 78, 121, .10);
  border: 1px solid rgba(11, 78, 121, .16);
  color: #0b4e79;
  font-weight: 800;
  font-size: .82rem;
}