/* 
SENESTE Version 20.01.26
Add here your custom css styles 
Example:
p { text-align: center; color: red; }

*/




.alert-danger {
    color: #000;
    border-color: #000;
    background-color: #fff;
}
.page-header {
    background: linear-gradient(to right, #FFFF00, #0082c8, #0082c8, #667db6);}

.responsive-three-column-grid {
  display: block;
}
@media (min-width: 768px) {
  .responsive-three-column-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.responsive-three-column-grid > * {
  padding: 1rem;
  text-align: center; /* Center the buttons */
}
.responsive-three-column-grid button {
  width: 100%; /* Make buttons fill the entire column */
  padding: 0.5rem;
  background-color: #0074d9;
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.bg-red {
    
    background: #3367D5 !important;
}
.alert-success {
    color: #000;
    border-color: #4fd69c;
    background-color: #FFF;
}
.about-bio {text-align:left;}

/*BOOTSTRAP.min.css */
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
/*
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
*/
 /* Container for at simulere et responsivt layout */
.container {
  width: 100%;                /* Tager hele skærmens eller forælderens bredde */
  max-width: 1200px;          /* Maksimal bredde for store skærme */
  margin: auto;               /* Centrerer containeren */
  padding: 0 5px;             /* Lidt polstring for små skærme */
}

/* Kolonne tilpasser sig containerens bredde */
.column {
  width: 100%;                /* Fylder containerens bredde */
  margin: auto;
}

/* --- ROTATOR (opdateret) --- */
/* Container følger bredden og sætter selv højde via aspect-ratio */




.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 800px; /* fast standardhøjde */
}
.carousel a { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity .7s ease-in-out; }
.carousel a.active { opacity: 1; z-index: 1; }
.carousel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.carousel { height: var(--carousel-h, 400px); }              /* default 400px */
@media (max-width: 768px){ .carousel { height: var(--carousel-h-sm, 300px); } }
@media (max-width: 480px){ .carousel { height: var(--carousel-h-xs, 220px); } }

/* KG ARTICLES PAGES STATIC START */.kg-article{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;line-height:1.6;max-width:820px;margin:0 auto;padding:1rem}.kg-article h1{font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.2;margin:0 0 .75rem}.kg-article h2{font-size:clamp(1.2rem,2vw,1.5rem);margin:1.5rem 0 .5rem}.kg-lede{font-size:1.05rem;opacity:.9;margin:.5rem 0 1rem}.kg-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width:680px){.kg-grid{grid-template-columns:1fr}}.kg-card{background:#f7f7f8;border:1px solid #e6e6e9;border-radius:12px;padding:1rem;color:#111}.kg-badge{display:inline-block;font-size:.78rem;background:#eef6ff;color:#0b5fff;border:1px solid #d6e6ff;border-radius:999px;padding:.2rem .6rem;margin-bottom:.5rem}.kg-stat{font-weight:700;font-size:1.25rem}.kg-muted{color:#666}.kg-callout{border-left:4px solid #2e8b57;background:#f3fbf6;padding:1rem;border-radius:8px;margin:1rem 0}.kg-list{margin:.25rem 0 0 1rem}.kg-kilder{font-size:.9rem;color:#555}/* KG ARTICLES PAGES STATIC SLUT */

/* --- KG ARTICLE EXTENSIONS (2025-10-18) --- */
.kg-eyebrow {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .7;
  margin-bottom: .25rem;
}
.kg-title {
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  line-height: 1.2;
  margin: .25rem 0 .75rem;
}
.kg-lead {
  font-size: 1.1rem;
  opacity: .9;
  margin-bottom: 1rem;
}
.kg-note {
  font-size: .9rem;
  color: #555;
  margin-top: 1rem;
}

/* KG Widget Rotator – base *//* kg-rotator.css */

/* skjul alt indtil klar */
/* kg-rotator.css */

/* skjul alt indtil klar */
.kg-rotator { 
  position: relative; 
  visibility: hidden; 
}
.kg-rotator.is-ready { 
  visibility: visible; 
}

/* slides */
.kg-block { 
  display: none; 
}
.kg-block.is-active { 
  display: block; 
}

/* billeder */
.kg-block img { 
  width: 100%; 
  height: auto; 
  display: block; 
}

/* navigation */
.kg-prev, .kg-next {
  position: absolute; 
  top: 50%; 
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color: #fff;
  border: none;
  padding: 0.5em 0.8em;
  cursor: pointer;
  z-index: 10;
}
.kg-prev { left: 5px; }
.kg-next { right: 5px; }

/* dots */
.kg-dots {
  text-align: center;
  margin-top: 8px;
}
.kg-dots button {
  width: 10px; height: 10px;
  margin: 0 4px;
  border-radius: 50%;
  border: none;
  background: #ccc;
  cursor: pointer;
}
.kg-dots button.is-active { background: #333; }
/* --- KG Article polish (2025-10-18) --- */

/* Eyebrow + titel (ensartet og lidt mere “kampagne”) */
.kg-eyebrow {font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:.4rem}
.kg-title {font-size:clamp(2rem,3vw,2.6rem);line-height:1.15;margin:.2rem 0 1rem}

/* Lead: alias så både .kg-lead og .kg-lede virker */
.kg-lead, .kg-lede {font-size:1.12rem;opacity:.9;margin-bottom:1.1rem}

/* Callout: tydelig venstrekant + blød skygge */
.kg-callout {border-left:6px solid #2e8b57;background:#f3fbf6;border-radius:12px;padding:1rem 1.1rem;box-shadow:0 6px 18px rgba(0,0,0,.06)}

/* Stat-kort: mere “tal”-look og bedre luft */
.kg-grid {gap:14px}
.kg-card {background:#fff;border:1px solid #eef1f4;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.kg-stat {font-weight:700;line-height:1.35}
.kg-stat .kg-stat-value {display:block;font-size:1.6rem;margin-bottom:.35rem}

/* Wrapper: lidt mere bredde på store skærme */
.kg-article {max-width:860px}
@media (max-width:680px){
  .kg-title {font-size:1.8rem}
  .kg-stat .kg-stat-value {font-size:1.4rem}
}
/* Callout: mere grøn tone (fremhæv "Det enkle valg") */
.kg-callout {
  background: #e9f7ef;
  border-left: 8px solid #2e8b57;
  border-radius: 12px;
  padding: 1rem 1.2rem;
}

/* === REALITETSTJEK THEME (2025-10-18) === */
:root {
  --kg-green: #2e8b57;
  --kg-green-light: #e9f7ef;
  --kg-gray: #555;
  --kg-gray-line: #e6f2ec;
  --kg-teal: #118a7e;
}

/* Eyebrow farve og typografi */
.kg-eyebrow {
  color: var(--kg-green);
  font-weight: 600;
}

/* Callout-boks */
.kg-callout {
  background: var(--kg-green-light);
  border-left: 8px solid var(--kg-green);
  border-radius: 12px;
  padding: 1rem 1.2rem;
}

/* Citater */
.kg-quote {
  border-left: 4px solid var(--kg-green);
  font-style: italic;
}

/* Stat-tal farve */
.kg-stat .kg-stat-value {
  color: var(--kg-green);
}

/* --- KG ROTATOR NO-NAV (2025-10-18) --- */
.kg-rotator.no-nav .kg-prev,
.kg-rotator.no-nav .kg-next {
  display: none !important;
}

/* === REALITETSTJEK FAVETEMAER === */
/* Basislayout arves fra .kg-card og .kg-callout */

.kg-callout {
  border-radius: 12px;
  padding: 1.5rem;
  margin-top: 1rem;
  background: #f4f7fb;
  border-left: 6px solid #dbe6f3;
  transition: all 0.3s ease;
}

/* 🟢 Grøn – Positiv / Løsning / Håb */
.kg-callout.green {
  background: #f0faf4;
  border-left-color: #2e8b57;
}
.kg-callout.green .btn {
  background: #2e8b57;
  color: #fff;
}
.kg-callout.green strong {
  color: #1c5d3a;
}

/* 🟡 Gul – Neutral / Opmærksomhed */
.kg-callout.yellow {
  background: #fff8e5;
  border-left-color: #f1c40f;
}
.kg-callout.yellow .btn {
  background: #f1c40f;
  color: #000;
}
.kg-callout.yellow strong {
  color: #7a6000;
}

/* 🔴 Rød – Kritik / Advarsel */
.kg-callout.red {
  background: #fdecea;
  border-left-color: #e74c3c;
}
.kg-callout.red .btn {
  background: #e74c3c;
  color: #fff;
}
.kg-callout.red strong {
  color: #8b1a10;
}

/* 🔵 Blå – Fakta / Information */
.kg-callout.blue {
  background: #e9f4ff;
  border-left-color: #3498db;
}
.kg-callout.blue .btn {
  background: #3498db;
  color: #fff;
}
.kg-callout.blue strong {
  color: #125a8a;
}
/* === KG INFO BOX – GENEREL FAKTABOKS (2025-10-20) === */
.kg-info-box{display:flex;gap:.75rem;align-items:flex-start;background:#f4f7fb;border:1px solid #dbe6f3;border-radius:14px;padding:14px 16px}
.kg-info-box__icon{font-size:1.25rem;line-height:1}
.kg-info-box__title{margin:.1rem 0 .35rem 0;font-size:1.05rem}
.kg-info-box__fact{margin:.5rem 0;padding:.6rem .7rem;border-left:4px solid #2eaadc;background:#fff}
.kg-info-box__legal{margin:.4rem 0 0 0;font-size:.92rem;color:#334}
@media (prefers-color-scheme: dark){
  .kg-info-box{background:#0f1723;border-color:#2a3a52}
  .kg-info-box__fact{background:#0b1220;border-left-color:#2eaadc}
  .kg-info-box__legal{color:#cfd6e3}
}

/* === KG Banner – Momsrabat (2025-10-20) === */
.kg-banner {
  display:flex;
  align-items:center;
  gap:.6rem;
  background:#e9f4ff;
  color:#123;
  border-bottom:2px solid #3498db;
  padding:.55rem .9rem;
  font-size:.95rem;
  line-height:1.4;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.kg-banner__icon {
  font-size:1.2rem;
  flex-shrink:0;
}
.kg-banner__text strong {
  color:#125a8a;
}
.kg-banner__small {
  font-size:.85rem;
  opacity:.8;
  margin-left:.25rem;
}
@media (max-width:680px){
  .kg-banner {font-size:.88rem;padding:.5rem .7rem;}
  .kg-banner__small{display:block;margin:2px 0 0 1.8rem;}
}
@media (prefers-color-scheme: dark){
  .kg-banner{
    background:#0f1723;
    color:#cfd6e3;
    border-bottom-color:#2eaadc;
  }
  .kg-banner__text strong{color:#2eaadc;}
}

/* === KG INFO LABEL – MINI BADGE (2025-10-20) === */
.kg-info-label {
  display: inline-block;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.3;
  background: #e9f4ff;
  color: #125a8a;
  border: 1px solid #3498db;
  border-radius: 999px;
  padding: .2rem .6rem;
  margin-top: .3rem;
  white-space: nowrap;
  vertical-align: middle;
}

/* Farvetemaer */
.kg-info-label.green  {background:#f0faf4;border-color:#2e8b57;color:#1c5d3a;}
.kg-info-label.yellow {background:#fff8e5;border-color:#f1c40f;color:#7a6000;}
.kg-info-label.red    {background:#fdecea;border-color:#e74c3c;color:#8b1a10;}
.kg-info-label.blue   {background:#e9f4ff;border-color:#3498db;color:#125a8a;}

@media (prefers-color-scheme: dark){
  .kg-info-label {
    background:#0f1723;
    border-color:#2eaadc;
    color:#2eaadc;
  }
}

/* ===== Topbar (CBD | Ratio | THC) ===== */
.kg-topbar{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  background:#e7f3ff;
  border:1px solid #cfe2fa;
  border-radius:12px;
  padding:10px 12px;
  margin:0 0 14px 0;
}
.kg-topitem{ text-align:center; }
.kg-topitem .kg-toplabel{
  font-size:.8rem; font-weight:700; letter-spacing:.02em; color:#1e3e6f;
  text-transform:uppercase; opacity:.85;
}
.kg-topitem .kg-topbig{
  font-size:1.3rem; font-weight:900; color:#0b3a7a; line-height:1.15;
}
.kg-topitem .kg-topsub{
  font-size:.85rem; color:#5a6f8c; margin-top:2px;
}
.kg-topitem .kg-topsub small{ font-weight:600; }

/* Nedton per-dråbe i forhold til total */
.kg-topsub .kg-subvalue{ opacity:.8; }

/* ===== Input stepper (+/-) ===== */
.kg-stepper{ display:inline-flex; align-items:center; gap:6px; }
.kg-stepper button{
  width:30px; height:30px; border-radius:8px; border:1px solid #cde2d9;
  background:#f4faf7; cursor:pointer; line-height:1; font-weight:700;
}
.kg-stepper button:active{ transform:translateY(1px); }
.kg-stepper input{ width:100px; } /* samspil med dine input-regler */
@media(max-width:540px){ .kg-topbar{ grid-template-columns:1fr; } }


/* === KG Rotator: billede + 4 linjer tekst (finpuds) === */
.kg-rotator .kg-block { padding: 6px 0 0; }
.kg-rotator .kg-block img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.91 / 1;       /* stabil højde (OG-format) */
  object-fit: cover;
  border-radius: 10px;
}

.kg-rotator .kg-block p { 
  margin: .45rem 0;
  line-height: 1.35;
}
.kg-rotator .kg-block p strong { 
  display: block; 
  font-size: 1.05rem; 
  margin-top: .4rem;
}

.kg-rotator .kg-dots { margin-top: 10px; }
.kg-rotator .kg-dots button { width: 11px; height: 11px; background:#c8ced6; }
.kg-rotator .kg-dots button.is-active { background:#333; }

/* Dark mode polish */
@media (prefers-color-scheme: dark){
  .kg-rotator .kg-dots button { background:#4b5563; }
  .kg-rotator .kg-dots button.is-active { background:#e5e7eb; }
  .kg-prev, .kg-next { background: rgba(255,255,255,.18); }
}
/* ============================================================
   KG ARTICLE MODULE v1.0
   Formål: Ensartet layout til artikler, fakta- og callout-bokse
   Oprettet: 2025-10-22
   Forfatter: ChatGPT + Jan, Kampagnegruppen.dk
   ============================================================ */

/* === Artikelstruktur === */
.kg-article {
  max-width: 850px;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  line-height: 1.6;
}
.kg-article__header h1 {
  font-size: 1.9rem;
  margin-bottom: .4rem;
}
.kg-article__meta {
  color: #666;
  font-size: .9rem;
  margin-bottom: 1.2rem;
}
.kg-article__figure {
  margin: 1.2rem 0;
}
.kg-article__figure img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.kg-lead {
  font-size: 1.15rem;
  font-weight: 500;
  color: #222;
  margin-bottom: 1.5rem;
}
.kg-bullets {
  margin: .8rem 0 .8rem 1.5rem;
}
.kg-fact-box {
  border-left: 4px solid #2eaadc;
  background: #f4f7fb;
  padding: .9rem 1rem;
  border-radius: 10px;
  margin: 1.5rem 0;
}
.kg-fact-box__title {
  font-weight: 600;
  margin-bottom: .5rem;
}
.kg-article__footer {
  margin-top: 2rem;
  font-size: .9rem;
  color: #666;
  border-top: 1px solid #ddd;
  padding-top: .8rem;
}

/* === Callout-felter === */
.kg-note,
.kg-warning,
.kg-tip {
  padding: .85rem 1rem;
  border-radius: 10px;
  margin: 1.2rem 0;
  line-height: 1.55;
}
.kg-note {
  background: #eef3fa;
  border-left: 4px solid #4b91e2;
}
.kg-warning {
  background: #fff4e5;
  border-left: 4px solid #f29d38;
}
.kg-tip {
  background: #e7f8ed;
  border-left: 4px solid #4bb973;
}
.kg-note::before,
.kg-warning::before,
.kg-tip::before {
  display: inline-block;
  font-weight: 600;
  margin-right: .4rem;
}
.kg-note::before { content: "Note:"; color: #4b91e2; }
.kg-warning::before { content: "Bemærk:"; color: #d97706; }
.kg-tip::before { content: "Tip:"; color: #15803d; }

/* === Mørk tilstand === */
@media (prefers-color-scheme: dark) {
  .kg-article { color: #ddd; }
  .kg-fact-box { background: #0f1723; border-color: #2eaadc; }
  .kg-article__footer { border-top-color: #333; color: #999; }

  .kg-note { background: #0f1723; border-left-color: #4b91e2; }
  .kg-warning { background: #24190f; border-left-color: #f29d38; }
  .kg-tip { background: #122418; border-left-color: #4bb973; }
}

/* === FAKTABOKS – Risiko i perspektiv (2025-10-29) === */
.kg-factbox {
  border-left: 5px solid #3498db;
  background: #f4f7fb;
  border-radius: 10px;
  padding: 1rem;
  margin: 1.5rem 0;
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
  overflow-x: auto;
}

.kg-factbox table {
  width: 100%;
  border-collapse: collapse;
  font-size: .95rem;
}

.kg-factbox th,
.kg-factbox td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid #e6e9ef;
}

.kg-factbox thead {
  background: #eef3fa;
  font-weight: 600;
}

/* Striped rows */
.kg-factbox tbody tr:nth-child(even) {
  background: #fafbfc;
}

/* Mobil – skjul sidste kolonne for bedre læsbarhed */
@media (max-width: 640px) {
  .kg-factbox th:nth-child(4),
  .kg-factbox td:nth-child(4) {
    display: none;
  }
}


/* Note-tekst under tabel */
.kg-factbox__note {
  font-size: .9rem;
  color: #555;
  opacity: .8;
  margin-top: .3rem;
  font-style: italic;
}

/* ==========================================================
   FAKTABOKS – Grøn variant – cellekanter
   + PRINT og DARK MODE tilpasninger
   Version: 2025-10-29 v2.1
   Formål: bedre læsbarhed i tabelceller, print og mørk tilstand
   ========================================================== */

.kg-factbox.green table {
  border-collapse: collapse;
  border-spacing: 0;
}

.kg-factbox.green th,
.kg-factbox.green td {
  border: 1px solid #d8eede;
  padding: 8px 10px;
}

.kg-factbox.green thead th {
  background: #e6f8ec;
}

/* --- PRINTVENLIG VERSION --- */
@media print {
  .kg-factbox.green th,
  .kg-factbox.green td {
    border-color: #aaa !important; /* tydelige linjer på papir */
  }
}

/* --- DARK MODE JUSTERING --- */
@media (prefers-color-scheme: dark) {
  .kg-factbox {
    background: #0f1723;
    border-left-color: #2eaadc;
  }
  .kg-factbox thead {
    background: #0b1422;
  }
  .kg-factbox th,
  .kg-factbox td {
    border-bottom-color: #243045;
    color: #dfe7f3;
  }
  .kg-factbox.green th,
  .kg-factbox.green td {
    border-color: #25513d;
  }
}

/* === Compliance badge farver === */
.kg-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 0.9em;
  font-weight: 600;
  color: #fff;
}

/* Farvekoder */
.kg-badge.no { background: #dc2626; }         /* Ikke tilladt – rød */
.kg-badge.ok { background: #16a34a; }         /* Tilladt / Krav – grøn */
.kg-badge.warn { background: #ca8a04; }       /* Kun hvis dokumenteret – gul/orange */
.kg-badge.info { background: #2563eb; }       /* Anbefales – blå */

/* Valgfrit: ensartet spacing i tabeller */
.kg-table td .kg-badge {
  margin: 0 auto;
  text-align: center;
  min-width: 110px;
}

/* === Myndigheds-blok: vertikal layout === */
.kg-info-box.kg-stack {
  flex-direction: column;      /* lodret i stedet for vandret */
  align-items: stretch;
  gap: 14px;
}

/* Liste med myndighedskort under hinanden */
.kg-contact-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Lidt mere luft i de små kort her */
.kg-contact-list .kg-card {
  padding: 0.85rem 1rem;
}

/* --- Stevia vs CBD historietabel --- */
.kg-stevia-cbd-history {
  margin: 2rem auto;
  max-width: 100%;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

.kg-stevia-cbd-history h2 {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.kg-stevia-cbd-history table.kg-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  font-size: 0.95rem;
  background-color: #fff;
}

.kg-stevia-cbd-history thead {
  background-color: #f4f4f4;
  font-weight: 600;
}

.kg-stevia-cbd-history th,
.kg-stevia-cbd-history td {
  padding: 0.8rem 1rem;
  border: 1px solid #e0e0e0;
  vertical-align: top;
}

.kg-stevia-cbd-history tbody tr:nth-child(odd) {
  background-color: #fafafa;
}

.kg-stevia-cbd-history tbody tr:hover {
  background-color: #f0f8f0;
}

.kg-stevia-cbd-history ul {
  margin: 0.3rem 0 0.5rem 1.2rem;
  padding: 0;
}

.kg-stevia-cbd-history .kg-note {
  margin-top: 1.5rem;
  padding: 1rem;
  border-left: 4px solid #6aa06f;
  background: #f6faf6;
  font-size: 0.95rem;
}

/* =========================================================
   About page helpers
   Version: custom.css v1.8.1
   Scope: About – v2.0 (visuel opsætning)
   Added: 2025-12-15
   ========================================================= */

.kg-about-hero img{
  width:100%;
  height:auto;
  aspect-ratio: 21 / 9;
  object-fit: cover;
  border-radius: 12px;
  display:block;
}

.kg-about-img img{
  width:100%;
  height:auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  display:block;
}

@media (min-width: 681px){
  .kg-about-pair--flip > :first-child { order: 1; }
  .kg-about-pair--flip > :last-child  { order: 2; }
}

/* === KG FACT LIST (valgfri, letvægts) === */
.kg-fact-list{
  margin: 1.2rem 0;
  padding: 0;
  list-style: none;
}
.kg-fact-list li{
  display: flex;
  gap: .6rem;
  padding: .45rem 0;
  border-bottom: 1px dashed #e5e7eb;
}
.kg-fact-list li strong{
  min-width: 160px;
  color: #1f2937;
}
@media (max-width: 640px){
  .kg-fact-list li{
    flex-direction: column;
    gap: .15rem;
  }
  .kg-fact-list li strong{
    min-width: auto;
  }
}

/* === KG LEGAL NOTE (valgfri) === */
.kg-legal-note{
  font-size: .9rem;
  color: #374151;
  background: #f9fafb;
  border-left: 4px solid #9ca3af;
  padding: .7rem .9rem;
  border-radius: 8px;
  margin: 1.2rem 0;
}


/* =================================
   KG-rotator – navigation & dots
   (Canoo 4.21 baseline)
   ================================= */

/* ============================
   KG-rotator – Navigation
   ============================ */

.kg-rotator {
  position: relative;
}

/* Prev / Next buttons */
.kg-rotator .kg-prev,
.kg-rotator .kg-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;

  width: 36px;
  height: 36px;
  border-radius: 50%;

  border: none;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;

  font-size: 20px;
  line-height: 36px;
  text-align: center;

  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.kg-rotator .kg-prev {
  left: 6px;
}

.kg-rotator .kg-next {
  right: 6px;
}

.kg-rotator .kg-prev:hover,
.kg-rotator .kg-next:hover {
  background: rgba(0, 0, 0, 0.75);
  transform: translateY(-50%) scale(1.05);
}

/* ============================
   KG-rotator – Dots
   ============================ */

.kg-rotator .kg-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}

.kg-rotator .kg-dots button {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: none;
  padding: 0;

  background: #bbb;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.kg-rotator .kg-dots button:hover {
  background: #888;
  transform: scale(1.2);
}

.kg-rotator .kg-dots button.is-active {
  background: #2e8b57; /* matcher dit grønne citat-tema */
}

/* ============================
   Mobil justering
   ============================ */
@media (max-width: 640px) {
  .kg-rotator .kg-prev,
  .kg-rotator .kg-next {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
  }
}