/* 20260129130550 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #949119;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #000000;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #000000;
  box-shadow: 0 0 2px #000000;
}

.gui-select.gui-focus .gui-handle {
  border-color: #000000;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #5e7a61;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #4b614d;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #5e7a61;
}

/* custom */
@media (min-width: 64rem) {

  
:root {

    
--text-base-size: 1.2em;

    
--text-scale-ratio: 1.2;

  
}

}


/* FAQ Generator CSS */

/* FAQ Container */
.faq-section {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  color: #333;
}

/* FAQ Heading (h2) */
.faq-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ccc;
  color: #111;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* FAQ Item */
.faq-item {
  margin-bottom: 20px;
}

/* FAQ Vraag (h3) */
.faq-question {
  cursor: pointer;
  display: block;
  font-weight: 600;
  font-size: 18px;
  padding: 12px 0;
  position: relative;
  color: #333;
  padding-right: 30px;
  transition: color 0.3s ease;
}

.faq-question:hover {
  color: #000;
}

/* Pijltje naast de vraag */
.faq-question::after {
  content: "▼";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #bbb;
  transition: transform 0.3s ease;
}

/* Toggle Input */
.faq-toggle {
  display: none;
}

/* Opengeklapte vraag: pijltje draait */
.faq-toggle:checked + h3 .faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Antwoord */
.faq-answer {
  display: none;
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
}

.faq-toggle:checked + h3 + .faq-answer {
  display: block;
}

/* Bulletpoints */
.faq-answer ul,
.answer-input ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 16px;
}

.faq-answer ol,
.answer-input ol {
  list-style-type: decimal;
  padding-left: 20px;
  margin-bottom: 16px;
}

.faq-answer li,
.answer-input li {
  margin-bottom: 8px;
}

/* Credit */
.faq-credit {
  font-size: 12px;
  color: #bbb;
  text-align: right;
  margin-top: 20px;
}

.faq-credit a {
  color: #bbb;
  text-decoration: none;
}

.faq-credit a:hover {
  text-decoration: underline;
}

/* Mobiele Weergave */
@media (max-width: 768px) {
  .faq-section {
    padding: 10px;
  }

  .faq-heading {
    font-size: 22px;
    padding-bottom: 10px;
  }

  .faq-question {
    font-size: 16px;
  }

  .faq-answer {
    font-size: 14px;
  }
}


/* Standaardpagina optimalisatie voor mobiel */
@media (max-width: 767px) {
  .col-lg-3.col-md-4.mt-3.mt-md-4 {
    display: none !important;
  }
}