.block.right.highlighted {padding: 50px;}
.block.right.highlighted.text-white {color: #ffff;}
.block.right.highlighted input{border-radius:5px;}

/* .section-text-form.bg-color-petrol-transparent .highlighted {
  background: var(--petrol)
} */

.section-text-form.bg-color-purple-transparent .highlighted {
  background: var(--purple)
}

.section-text-form .btn-color-petrol .actions .hs-button{
  background: var(--btn-primary,var(--petrol));
  color:var(--btn-primary-text, #fff);
  border:0;
}

.section-text-form .btn-color-petrol .actions .hs-button:hover{
  background: var(--btn-primary-hover,var(--petrol));
  color:var(--btn-primary-text-hover, #fff);
  border:0;
  opacity: 1;
}

.section-text-form .btn-color-white .actions .hs-button{
    background: #ffff ;
}

.section-text-form .btn-color-yellow .actions .hs-button{
  background: var(--btn-yellow, var(--yellow));
  color:var(--btn-yellow-text, #fff);
  border:0;
}

.section-text-form .btn-color-yellow .actions .hs-button:hover{
  background: var(--btn-yellow-hover, var(--yellow));
  color:var(--btn-yellow-text-hover, #fff);
  opacity:1;
  border:0;
}
.section-text-form .btn-color-purple .actions .hs-button{
  background: var(--purple) ;
}

.section-text-form.bg-color-petrol-transparent .highlighted .hs-btn,
.section-text-form.bg-color-petrol-transparent .highlighted .hs-button{
  color: var(--btn-yellow-text, #fff);
  background: var(--btn-yellow, var(--yellow)) !important;
  border: none;
}

.section-text-form.bg-color-petrol-transparent .highlighted .hs-btn:hover,
.section-text-form.bg-color-petrol-transparent .highlighted .hs-button:hover{
  color: var(--btn-yellow-text-hover, #fff);
  background: var(--btn-yellow-hover, var(--yellow)) !important;
  border: none;
}

.section-text-form.bg-color-yellow-transparent .highlighted {
  background: var(--yellow)
}


[template="2022"] .section-text-form label {
  font-weight: 400;
}


.faq__item-summary {
  font-weight: bold;
}

.faq__item {
  border-top: 1px solid rgba(0,0,0,.4);
}
.faq__item:last-child {
  border-bottom: 1px solid rgba(0,0,0,.4);
}

.faq__item-summary {
  cursor: pointer;
  padding-block: 1rem;
  position: relative;
  padding-right: 2rem;
}
.faq__item-summary::marker {
  content: "";
}
.faq__item-summary-icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  translate: 0 -50%;
  transition: all 0.3s ease-in-out;
}

.faq__item-details[open] .faq__item-summary-icon {
  rotate: 180deg;
}

.faq__item-detail-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease;
  // overflow: hidden;
}

.faq__item-detail {
  overflow: hidden;
}

.faq__item-detail-inner{
  padding-bottom: 20px;
}

/* Als het details-element open is, vergroot de rij */
.faq__item-details[open] + .faq__item-detail-wrapper {
  grid-template-rows: 1fr;
}