:root{
  --brand: #1eaace;           /* sekundær blå */
  --brand-2: #1dbb90;         /* grøn primær */
  --ink: #1f2a37;             /* mørk tekst */
  --ink-2: #475569;           /* sekundær tekst */
  --bg-soft: #f8fafc;         /* lys baggrund */
  --card: #ffffff;
  --stroke: rgba(2, 6, 23, 0.06);
  --shadow: 0 6px 20px rgba(2, 6, 23, 0.06);
  --radius: 16px;
}

/* Hero med gradient */
header.text-white {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
}
header .breadcrumb .breadcrumb-item a { color: rgba(255,255,255,.85); }
header .breadcrumb .breadcrumb-item.active { color:#fff; }

/* Cards */
.card {
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: var(--shadow);
}
.card .card-title { color: var(--ink); font-weight: 700; }
.card .card-body { color: var(--ink); }
.card:hover { transform: translateY(-2px); transition: .2s ease; box-shadow: 0 12px 30px rgba(2,6,23,.10); }

/* Badges */
.badge.text-bg-light {
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid rgba(55,48,163,.15);
}

/* Knapper */
.btn-primary { background: var(--brand-2); border-color: var(--brand-2); }
.btn-primary:hover { filter: brightness(.95); transform: translateY(-1px); }

/* Iconbox med større ikon-baggrund */
/* Iconbox layout */
.iconbox {
  display: flex;
  align-items: center;      /* centrér vertikalt ikon + tekst */
  gap: 28px;                /* afstand mellem ikon og tekst */
  padding: 22px 24px;
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow);
}

/* Ikonfelt */
.iconbox .ib-icon {
  flex: 0 0 80px;
  height: 80px;
  display: flex;
  align-items: center;      /* centrér vertikalt inde i feltet */
  justify-content: center;  /* centrér horisontalt inde i feltet */
  align-self: center;       /* centrér ift. hele .iconbox (backup) */
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(30,170,206,.18), rgba(29,187,144,.28));
  color: var(--brand-2);
  font-size: 2rem;
}

/* Titel og tekst */
.iconbox .ib-title {
  margin: 0 0 8px;
  font-weight: 700;
  color: var(--ink);
}
.iconbox .ib-text {
  margin: 0;
  color: var(--ink-2);
  line-height: 1.6;
}



/* Sektion-spacing */
section + section { margin-top: 28px; }

/* Video i ratio */
.ratio > video { object-fit: cover; border-radius: 10px; }

/* Liste-luft i cards */
.card ol, .card ul { margin-left: 1.1rem; }
.card li + li { margin-top: 4px; }

/* Body */
body { background: var(--bg-soft); color: var(--ink); }
footer { border-top: 1px solid var(--stroke); }