:root {
}

/*###> custom ###*/
/* Alleen de blauwe testimonial vlakken */
.component_testimonial_grid .card-body.testimonial {
    background-color: #f3f3f3 !important;
    color: #000 !important;
}

/* Quote titel kleiner maken */
.partial_testimonial_list-item .testimonial-head .title h2 {
    font-size: 18px !important;
    line-height: 1.1 !important;
}

.ck-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.ck-content ul li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

.ck-content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 10px;
  height: 10px;
  background-color: #0070f3;
  border-radius: 2px;
}

.page_testimonial-detail .layout_related-vacancies
{
    background-color: #e4e4e4 !important;
}

/* 1. Verberg lege paragrafen met een inline min-height (zoals in jouw HTML) */
.toggle-height-content p[style*="min-height"] {
    display: none !important;
}

/* 2. Verberg alle paragrafen en headers die volledig leeg zijn */
.toggle-height-content p:empty,
.toggle-height-content h2:empty {
    display: none !important;
}

/* 3. Optioneel: Stroomlijn de marges tussen normale paragrafen en kopteksten */
.toggle-height-content p {
    margin-bottom: 1em; /* Pas deze waarde aan naar wens */
}

.toggle-height-content h2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* 1. Verminder de afstand onder de vacaturetitel */
.component_vacancy-content h1 {
    margin-bottom: 1rem !important; /* Pas aan naar wens, bijv. 10px of 0 */
}

/* 2. Haal de ruimte weg van het allereerste element in de tekstcontainer */
.toggle-height-content > *:first-child {
    margin-top: 0 !important;
}

/* 3. Verberg een eventuele lege paragraaf bovenaan de tekst */
.toggle-height-content > p:first-child:empty {
    display: none !important;
}

/* 4. Verminder optioneel de bovenmarge van het eerste <h2> kopje */
.toggle-height-content h2:first-of-type {
    margin-top: 0.5rem !important;
}

/* 1. Pas de marges aan voor ALLE h2 elementen in de vacaturetekst */
.toggle-height-content h2 {
    margin-top: 1rem !important;    /* Ruimte BOVEN de koptekst (standaard vaak 1.5rem tot 2rem) */
    margin-bottom: 0.5rem !important; /* Ruimte ONDER de koptekst */
}

/* 2. Zorg dat het allereerste h2-kopje direct strak onder de titel aansluit */
.toggle-height-content h2:first-of-type {
    margin-top: 0 !important;
}

/* 3. Verberg alle h2-kopjes die leeg zijn (zoals de <h2></h2> boven 'Wat bied jij?') */
.toggle-height-content h2:empty {
    display: none !important;
}
/*###< custom ###*/