@charset "utf-8";
/*
 * Bootstrap 2-compatibiliteit voor marosel.nl
 * De oude artikelen en modules bevatten nog Bootstrap 2-opmaak (row-fluid, span*,
 * offset*, pull-left/right, hidden-phone, btn-varianten, label, img-polaroid enz.).
 * Dit bestand laat die klassen werken naast Bootstrap 5 van Cassiopeia.
 * Breekpunten en maten zijn die van Bootstrap 2.3 (responsive).
 */

/* ---------- Grid: vaste spans (binnen .row of los) ---------- */
.marosel [class^="span"], .marosel [class*=" span"] {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}

.marosel .row-fluid {
  width: 100%;
}

.marosel .row-fluid::before, .marosel .row-fluid::after {
  display: table;
  content: "";
  line-height: 0;
}

.marosel .row-fluid::after {
  clear: both;
}

/* Bootstrap 5 maakt van .row een flexbox met padding op de kinderen; met span-kinderen gedraagt .row zich weer als in Bootstrap 2 */
.marosel .row:has(> [class^="span"]), .marosel .row:has(> [class*=" span"]) {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: block;
  margin-right: 0;
  margin-top: 0;
}

.marosel .row:has(> [class^="span"])::before, .marosel .row:has(> [class*=" span"])::before,
.marosel .row:has(> [class^="span"])::after, .marosel .row:has(> [class*=" span"])::after {
  display: table;
  content: "";
  line-height: 0;
}

.marosel .row:has(> [class^="span"])::after, .marosel .row:has(> [class*=" span"])::after {
  clear: both;
}

.marosel .row > [class^="span"], .marosel .row > [class*=" span"] {
  padding: 0;
  margin-top: 0;
  max-width: none;
  flex-shrink: 1;
}

/* ---------- 980 t/m 1199 px (standaardgrid Bootstrap 2: 940 breed) ---------- */
@media (min-width: 980px) and (max-width: 1199.98px) {
  .marosel .row:has(> [class^="span"]), .marosel .row:has(> [class*=" span"]) { margin-left: -20px; }
  .marosel [class^="span"], .marosel [class*=" span"] { margin-left: 20px; }
  .marosel .row > [class^="span"], .marosel .row > [class*=" span"] { margin-left: 20px; }
  .marosel .span12 { width: 940px; }
  .marosel .span11 { width: 860px; }
  .marosel .span10 { width: 780px; }
  .marosel .span9 { width: 700px; }
  .marosel .span8 { width: 620px; }
  .marosel .span7 { width: 540px; }
  .marosel .span6 { width: 460px; }
  .marosel .span5 { width: 380px; }
  .marosel .span4 { width: 300px; }
  .marosel .span3 { width: 220px; }
  .marosel .span2 { width: 140px; }
  .marosel .span1 { width: 60px; }
  .marosel .offset12 { margin-left: 980px; }
  .marosel .offset11 { margin-left: 900px; }
  .marosel .offset10 { margin-left: 820px; }
  .marosel .offset9 { margin-left: 740px; }
  .marosel .offset8 { margin-left: 660px; }
  .marosel .offset7 { margin-left: 580px; }
  .marosel .offset6 { margin-left: 500px; }
  .marosel .offset5 { margin-left: 420px; }
  .marosel .offset4 { margin-left: 340px; }
  .marosel .offset3 { margin-left: 260px; }
  .marosel .offset2 { margin-left: 180px; }
  .marosel .offset1 { margin-left: 100px; }
  .marosel .row-fluid > [class^="span"], .marosel .row-fluid > [class*=" span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.12765957%; box-sizing: border-box; }
  .marosel .row-fluid > [class^="span"]:first-child, .marosel .row-fluid > [class*=" span"]:first-child { margin-left: 0; }
  .marosel .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.12765957%; }
  .marosel .row-fluid > .span12 { width: 100%; }
  .marosel .row-fluid > .span11 { width: 91.4893617%; }
  .marosel .row-fluid > .span10 { width: 82.9787234%; }
  .marosel .row-fluid > .span9 { width: 74.46808511%; }
  .marosel .row-fluid > .span8 { width: 65.95744681%; }
  .marosel .row-fluid > .span7 { width: 57.44680851%; }
  .marosel .row-fluid > .span6 { width: 48.93617021%; }
  .marosel .row-fluid > .span5 { width: 40.42553191%; }
  .marosel .row-fluid > .span4 { width: 31.91489362%; }
  .marosel .row-fluid > .span3 { width: 23.40425532%; }
  .marosel .row-fluid > .span2 { width: 14.89361702%; }
  .marosel .row-fluid > .span1 { width: 6.38297872%; }
  .marosel .row-fluid > .offset12 { margin-left: 104.25531915%; }
  .marosel .row-fluid > .offset12:first-child { margin-left: 102.12765957%; }
  .marosel .row-fluid > .offset11 { margin-left: 95.74468085%; }
  .marosel .row-fluid > .offset11:first-child { margin-left: 93.61702128%; }
  .marosel .row-fluid > .offset10 { margin-left: 87.23404255%; }
  .marosel .row-fluid > .offset10:first-child { margin-left: 85.10638298%; }
  .marosel .row-fluid > .offset9 { margin-left: 78.72340426%; }
  .marosel .row-fluid > .offset9:first-child { margin-left: 76.59574468%; }
  .marosel .row-fluid > .offset8 { margin-left: 70.21276596%; }
  .marosel .row-fluid > .offset8:first-child { margin-left: 68.08510638%; }
  .marosel .row-fluid > .offset7 { margin-left: 61.70212766%; }
  .marosel .row-fluid > .offset7:first-child { margin-left: 59.57446809%; }
  .marosel .row-fluid > .offset6 { margin-left: 53.19148936%; }
  .marosel .row-fluid > .offset6:first-child { margin-left: 51.06382979%; }
  .marosel .row-fluid > .offset5 { margin-left: 44.68085106%; }
  .marosel .row-fluid > .offset5:first-child { margin-left: 42.55319149%; }
  .marosel .row-fluid > .offset4 { margin-left: 36.17021277%; }
  .marosel .row-fluid > .offset4:first-child { margin-left: 34.04255319%; }
  .marosel .row-fluid > .offset3 { margin-left: 27.65957447%; }
  .marosel .row-fluid > .offset3:first-child { margin-left: 25.53191489%; }
  .marosel .row-fluid > .offset2 { margin-left: 19.14893617%; }
  .marosel .row-fluid > .offset2:first-child { margin-left: 17.0212766%; }
  .marosel .row-fluid > .offset1 { margin-left: 10.63829787%; }
  .marosel .row-fluid > .offset1:first-child { margin-left: 8.5106383%; }
}

/* ---------- vanaf 1200 px (1170 breed) ---------- */
@media (min-width: 1200px) {
  .marosel .row:has(> [class^="span"]), .marosel .row:has(> [class*=" span"]) { margin-left: -30px; }
  .marosel [class^="span"], .marosel [class*=" span"] { margin-left: 30px; }
  .marosel .row > [class^="span"], .marosel .row > [class*=" span"] { margin-left: 30px; }
  .marosel .span12 { width: 1170px; }
  .marosel .span11 { width: 1070px; }
  .marosel .span10 { width: 970px; }
  .marosel .span9 { width: 870px; }
  .marosel .span8 { width: 770px; }
  .marosel .span7 { width: 670px; }
  .marosel .span6 { width: 570px; }
  .marosel .span5 { width: 470px; }
  .marosel .span4 { width: 370px; }
  .marosel .span3 { width: 270px; }
  .marosel .span2 { width: 170px; }
  .marosel .span1 { width: 70px; }
  .marosel .offset12 { margin-left: 1230px; }
  .marosel .offset11 { margin-left: 1130px; }
  .marosel .offset10 { margin-left: 1030px; }
  .marosel .offset9 { margin-left: 930px; }
  .marosel .offset8 { margin-left: 830px; }
  .marosel .offset7 { margin-left: 730px; }
  .marosel .offset6 { margin-left: 630px; }
  .marosel .offset5 { margin-left: 530px; }
  .marosel .offset4 { margin-left: 430px; }
  .marosel .offset3 { margin-left: 330px; }
  .marosel .offset2 { margin-left: 230px; }
  .marosel .offset1 { margin-left: 130px; }
  .marosel .row-fluid > [class^="span"], .marosel .row-fluid > [class*=" span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.56410256%; box-sizing: border-box; }
  .marosel .row-fluid > [class^="span"]:first-child, .marosel .row-fluid > [class*=" span"]:first-child { margin-left: 0; }
  .marosel .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.56410256%; }
  .marosel .row-fluid > .span12 { width: 100%; }
  .marosel .row-fluid > .span11 { width: 91.45299145%; }
  .marosel .row-fluid > .span10 { width: 82.90598291%; }
  .marosel .row-fluid > .span9 { width: 74.35897436%; }
  .marosel .row-fluid > .span8 { width: 65.81196581%; }
  .marosel .row-fluid > .span7 { width: 57.26495726%; }
  .marosel .row-fluid > .span6 { width: 48.71794872%; }
  .marosel .row-fluid > .span5 { width: 40.17094017%; }
  .marosel .row-fluid > .span4 { width: 31.62393162%; }
  .marosel .row-fluid > .span3 { width: 23.07692308%; }
  .marosel .row-fluid > .span2 { width: 14.52991453%; }
  .marosel .row-fluid > .span1 { width: 5.98290598%; }
  .marosel .row-fluid > .offset12 { margin-left: 105.12820513%; }
  .marosel .row-fluid > .offset12:first-child { margin-left: 102.56410256%; }
  .marosel .row-fluid > .offset11 { margin-left: 96.58119658%; }
  .marosel .row-fluid > .offset11:first-child { margin-left: 94.01709402%; }
  .marosel .row-fluid > .offset10 { margin-left: 88.03418803%; }
  .marosel .row-fluid > .offset10:first-child { margin-left: 85.47008547%; }
  .marosel .row-fluid > .offset9 { margin-left: 79.48717949%; }
  .marosel .row-fluid > .offset9:first-child { margin-left: 76.92307692%; }
  .marosel .row-fluid > .offset8 { margin-left: 70.94017094%; }
  .marosel .row-fluid > .offset8:first-child { margin-left: 68.37606838%; }
  .marosel .row-fluid > .offset7 { margin-left: 62.39316239%; }
  .marosel .row-fluid > .offset7:first-child { margin-left: 59.82905983%; }
  .marosel .row-fluid > .offset6 { margin-left: 53.84615385%; }
  .marosel .row-fluid > .offset6:first-child { margin-left: 51.28205128%; }
  .marosel .row-fluid > .offset5 { margin-left: 45.2991453%; }
  .marosel .row-fluid > .offset5:first-child { margin-left: 42.73504274%; }
  .marosel .row-fluid > .offset4 { margin-left: 36.75213675%; }
  .marosel .row-fluid > .offset4:first-child { margin-left: 34.18803419%; }
  .marosel .row-fluid > .offset3 { margin-left: 28.20512821%; }
  .marosel .row-fluid > .offset3:first-child { margin-left: 25.64102564%; }
  .marosel .row-fluid > .offset2 { margin-left: 19.65811966%; }
  .marosel .row-fluid > .offset2:first-child { margin-left: 17.09401709%; }
  .marosel .row-fluid > .offset1 { margin-left: 11.11111111%; }
  .marosel .row-fluid > .offset1:first-child { margin-left: 8.54700855%; }
}

/* ---------- 768 t/m 979 px (724 breed) ---------- */
@media (min-width: 768px) and (max-width: 979.98px) {
  .marosel .row:has(> [class^="span"]), .marosel .row:has(> [class*=" span"]) { margin-left: -20px; }
  .marosel [class^="span"], .marosel [class*=" span"] { margin-left: 20px; }
  .marosel .row > [class^="span"], .marosel .row > [class*=" span"] { margin-left: 20px; }
  .marosel .span12 { width: 724px; }
  .marosel .span11 { width: 662px; }
  .marosel .span10 { width: 600px; }
  .marosel .span9 { width: 538px; }
  .marosel .span8 { width: 476px; }
  .marosel .span7 { width: 414px; }
  .marosel .span6 { width: 352px; }
  .marosel .span5 { width: 290px; }
  .marosel .span4 { width: 228px; }
  .marosel .span3 { width: 166px; }
  .marosel .span2 { width: 104px; }
  .marosel .span1 { width: 42px; }
  .marosel .offset12 { margin-left: 764px; }
  .marosel .offset11 { margin-left: 702px; }
  .marosel .offset10 { margin-left: 640px; }
  .marosel .offset9 { margin-left: 578px; }
  .marosel .offset8 { margin-left: 516px; }
  .marosel .offset7 { margin-left: 454px; }
  .marosel .offset6 { margin-left: 392px; }
  .marosel .offset5 { margin-left: 330px; }
  .marosel .offset4 { margin-left: 268px; }
  .marosel .offset3 { margin-left: 206px; }
  .marosel .offset2 { margin-left: 144px; }
  .marosel .offset1 { margin-left: 82px; }
  .marosel .row-fluid > [class^="span"], .marosel .row-fluid > [class*=" span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.76243094%; box-sizing: border-box; }
  .marosel .row-fluid > [class^="span"]:first-child, .marosel .row-fluid > [class*=" span"]:first-child { margin-left: 0; }
  .marosel .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.76243094%; }
  .marosel .row-fluid > .span12 { width: 100%; }
  .marosel .row-fluid > .span11 { width: 91.43646409%; }
  .marosel .row-fluid > .span10 { width: 82.87292818%; }
  .marosel .row-fluid > .span9 { width: 74.30939227%; }
  .marosel .row-fluid > .span8 { width: 65.74585635%; }
  .marosel .row-fluid > .span7 { width: 57.18232044%; }
  .marosel .row-fluid > .span6 { width: 48.61878453%; }
  .marosel .row-fluid > .span5 { width: 40.05524862%; }
  .marosel .row-fluid > .span4 { width: 31.49171271%; }
  .marosel .row-fluid > .span3 { width: 22.9281768%; }
  .marosel .row-fluid > .span2 { width: 14.36464088%; }
  .marosel .row-fluid > .span1 { width: 5.80110497%; }
  .marosel .row-fluid > .offset12 { margin-left: 105.52486188%; }
  .marosel .row-fluid > .offset12:first-child { margin-left: 102.76243094%; }
  .marosel .row-fluid > .offset11 { margin-left: 96.96132597%; }
  .marosel .row-fluid > .offset11:first-child { margin-left: 94.19889503%; }
  .marosel .row-fluid > .offset10 { margin-left: 88.39779006%; }
  .marosel .row-fluid > .offset10:first-child { margin-left: 85.63535912%; }
  .marosel .row-fluid > .offset9 { margin-left: 79.83425414%; }
  .marosel .row-fluid > .offset9:first-child { margin-left: 77.0718232%; }
  .marosel .row-fluid > .offset8 { margin-left: 71.27071823%; }
  .marosel .row-fluid > .offset8:first-child { margin-left: 68.50828729%; }
  .marosel .row-fluid > .offset7 { margin-left: 62.70718232%; }
  .marosel .row-fluid > .offset7:first-child { margin-left: 59.94475138%; }
  .marosel .row-fluid > .offset6 { margin-left: 54.14364641%; }
  .marosel .row-fluid > .offset6:first-child { margin-left: 51.38121547%; }
  .marosel .row-fluid > .offset5 { margin-left: 45.5801105%; }
  .marosel .row-fluid > .offset5:first-child { margin-left: 42.81767956%; }
  .marosel .row-fluid > .offset4 { margin-left: 37.01657459%; }
  .marosel .row-fluid > .offset4:first-child { margin-left: 34.25414365%; }
  .marosel .row-fluid > .offset3 { margin-left: 28.45303867%; }
  .marosel .row-fluid > .offset3:first-child { margin-left: 25.69060773%; }
  .marosel .row-fluid > .offset2 { margin-left: 19.88950276%; }
  .marosel .row-fluid > .offset2:first-child { margin-left: 17.12707182%; }
  .marosel .row-fluid > .offset1 { margin-left: 11.32596685%; }
  .marosel .row-fluid > .offset1:first-child { margin-left: 8.56353591%; }
}

/* ---------- onder 768 px: alles onder elkaar ---------- */
@media (max-width: 767.98px) {
  .marosel [class^="span"], .marosel [class*=" span"],
  .marosel .row-fluid > [class^="span"], .marosel .row-fluid > [class*=" span"],
  .marosel .row > [class^="span"], .marosel .row > [class*=" span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
  }

  .marosel .row:has(> [class^="span"]), .marosel .row:has(> [class*=" span"]) {
    margin-left: 0;
  }

  .marosel .row-fluid > [class*="offset"], .marosel .row > [class*="offset"] {
    margin-left: 0;
  }

  .marosel .row-fluid > .span12, .marosel .row > .span12 {
    width: 100%;
  }
}

/* ---------- Zwevende elementen en zichtbaarheid ---------- */
.marosel .pull-left { float: left; }
.marosel .pull-right { float: right; }
.marosel .hide { display: none; }
.marosel .hidden { display: none; visibility: hidden; }
.marosel .text-left { text-align: left; }
.marosel .text-right { text-align: right; }
.marosel .muted { color: #999; }
.marosel a.muted:hover, .marosel a.muted:focus { color: #808080; }
.marosel .text-error { color: #b94a48; }
.marosel .text-info { color: #3a87ad; }

.marosel .visible-phone, .marosel .visible-tablet { display: none !important; }
.marosel .visible-desktop { display: inherit !important; }

@media (min-width: 768px) and (max-width: 979.98px) {
  .marosel .hidden-desktop { display: inherit !important; }
  .marosel .visible-desktop { display: none !important; }
  .marosel .visible-tablet { display: inherit !important; }
  .marosel .hidden-tablet { display: none !important; }
}

@media (max-width: 767.98px) {
  .marosel .hidden-desktop { display: inherit !important; }
  .marosel .visible-desktop { display: none !important; }
  .marosel .visible-phone { display: inherit !important; }
  .marosel .hidden-phone { display: none !important; }
}

@media (min-width: 980px) {
  .marosel .hidden-desktop { display: none !important; }
}

/* ---------- Lijsten ---------- */
.marosel ul.unstyled, .marosel ol.unstyled, .marosel ul.inline, .marosel ol.inline {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.marosel ul.inline > li, .marosel ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.marosel .dl-horizontal::after { display: table; content: ""; clear: both; }

@media (min-width: 768px) {
  .marosel .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .marosel .dl-horizontal dd { margin-left: 180px; }
}

/* ---------- Knoppen ---------- */
.marosel .btn {
  border-radius: 4px;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding: 4px 12px;
}

.marosel .btn:not([class*="btn-"]), .marosel .btn.btn-default {
  color: #333;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
}

.marosel .btn:not([class*="btn-"]):hover, .marosel .btn.btn-default:hover {
  background-color: #e6e6e6;
  background-position: 0 -15px;
  color: #333;
}

.marosel .btn-primary { color: #fff; background-color: var(--m-terracotta); border-color: var(--m-terracotta); }
.marosel .btn-primary:hover, .marosel .btn-primary:focus { color: #fff; background-color: #b04c35; border-color: #b04c35; }
.marosel .btn-info { color: #fff; background-color: #49afcd; border-color: #2f96b4; }
.marosel .btn-success { color: #fff; background-color: #5bb75b; border-color: #51a351; }
.marosel .btn-warning { color: #fff; background-color: #faa732; border-color: #f89406; }
.marosel .btn-danger { color: #fff; background-color: #da4f49; border-color: #bd362f; }
.marosel .btn-inverse { color: #fff; background-color: #363636; border-color: #222; }
.marosel .btn-info:hover, .marosel .btn-success:hover, .marosel .btn-warning:hover,
.marosel .btn-danger:hover, .marosel .btn-inverse:hover { color: #fff; filter: brightness(.92); }
.marosel .btn-link { color: var(--m-link); background: none; border-color: transparent; box-shadow: none; }
.marosel .btn-large { padding: 11px 19px; font-size: 17.5px; border-radius: 6px; }
.marosel .btn-small { padding: 2px 10px; font-size: 11.9px; border-radius: 3px; }
.marosel .btn-mini { padding: 0 6px; font-size: 10.5px; border-radius: 3px; }
.marosel .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }
.marosel .btn-block + .btn-block { margin-top: 5px; }

/* ---------- Labels en badges ---------- */
.marosel .label, .marosel .badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #999;
}

.marosel .label { border-radius: 3px; }
.marosel .badge { padding-left: 9px; padding-right: 9px; border-radius: 9px; }
.marosel .label-important, .marosel .badge-important { background-color: #b94a48; }
.marosel .label-warning, .marosel .badge-warning { background-color: #f89406; }
.marosel .label-success, .marosel .badge-success { background-color: #468847; }
.marosel .label-info, .marosel .badge-info { background-color: #3a87ad; }
.marosel .label-inverse, .marosel .badge-inverse { background-color: #333; }

/* ---------- Afbeeldingen ---------- */
.marosel .img-rounded { border-radius: 6px; }
.marosel .img-circle { border-radius: 500px; }
.marosel .img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

/* ---------- Diversen ---------- */
.marosel .well-large { padding: 24px; border-radius: 6px; }
.marosel .well-small { padding: 9px; border-radius: 3px; }

.marosel .hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  background-color: #eee;
  border-radius: 6px;
}

.marosel .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; }

.marosel .thumbnails { margin-left: -20px; list-style: none; padding: 0; }
.marosel .thumbnails::after { display: table; content: ""; clear: both; }
.marosel .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; }
.marosel .thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
}

.marosel .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.marosel .alert-block { padding-top: 14px; padding-bottom: 14px; }

.marosel .table-condensed th, .marosel .table-condensed td { padding: 4px 5px; }
.marosel .pagination-centered { text-align: center; }
.marosel .pagination-right { text-align: right; }

.marosel .input-mini { width: 60px; }
.marosel .input-small { width: 90px; }
.marosel .input-medium { width: 150px; }
.marosel .input-large { width: 210px; }
.marosel .input-xlarge { width: 270px; }
.marosel .input-xxlarge { width: 530px; max-width: 100%; }
.marosel .input-block-level { display: block; width: 100%; min-height: 30px; box-sizing: border-box; }

.marosel .nav-tabs > li > a, .marosel .nav-pills > li > a {
  display: block;
  padding: 8px 12px;
  margin-right: 2px;
  line-height: 14px;
}

.marosel .nav-pills > .active > a { color: #fff; background-color: var(--m-terracotta); border-radius: 5px; }

/* Losse spans zonder .row (bijv. de band "Uw voordelen"): de eerste span heeft geen linkermarge,
   net als in Bootstrap 2, zodat twee span6 naast elkaar passen. */
@media (min-width: 768px) {
  .marosel :not(.row):not(.row-fluid) > [class^="span"]:first-child,
  .marosel :not(.row):not(.row-fluid) > [class*=" span"]:first-child { margin-left: 0; }
}