/*
 Theme Name:   2025-child
 Theme URI:    pixelsenpaginas
 Description:  2025 Child Theme
 Author:       ikzelf
 Author URI:   https://pixelsenpaginas.nl
 Template:     twentytwentyfive
 Version:      1.0.0
 Tags:         Voor mijn nieuwe site vanaf 2026
 Text Domain:  twentytwentyfive-child
*/

/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */
/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */

/* ========================================
   BASIS / ALGEMEEN
======================================== */

html {
  scroll-behavior: smooth;
}

img,
video {
  max-width: 100%;
  height: auto;
}

/* Embeds */
iframe {
  width: 100%;
  max-width: 100%;
}

/* Ankernavigatie: ruimte ivm sticky elementen */
.wp-block-post-content [id] {
  scroll-margin-top: 6rem;
}

@media (max-width: 781px) {
  .wp-block-post-content [id] {
    scroll-margin-top: 5rem;
  }
}

/* Kolommen omkeren op mobiel */
@media (max-width: 781px) {
  .wp-block-columns.reverse-on-mobile {
    flex-direction: column-reverse;
  }
}

/* ========================================
   LAYOUT / SIDEBAR (sticky)
======================================== */

/* Zorg dat de twee kolommen echt dezelfde hoogte aannemen
   (anders eindigt sticky te vroeg) */
.content-sidebar.wp-block-columns {
  align-items: stretch;
}

/* Sticky kan breken door overflow op kolom/wrappers */
.content-sidebar .wp-block-column.sidebar-col {
  overflow: visible;
}

/* De daadwerkelijke sticky */
.sticky-sidebar {
  position: sticky;
  top: 2rem;              /* pas aan op jouw header */
  align-self: flex-start; /* cruciaal in flex/columns layouts */
}

/* ========================================
   TYPOGRAFIE
======================================== */

/* Grote koppen */
:is(h1, h2, .wp-block-site-title, .wp-block-post-title) {
  font-family: "museo-sans-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* Openingstitels wat compacter */
:is(h1, .wp-block-post-title) {
  line-height: 0.95 !important;
}

/* Kleinere koppen (FIX: syntaxfout verwijderd) */
:is(h3, h4, h5, h6) {
  font-family: "museo-sans-condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* Basis body */
body {
  font-family: "museo", serif;
  font-weight: 300;
  font-style: normal;
}

/* Let op: als je alleen 300 + 700 laadt, bestaat 500 vaak niet echt.
   Zet evt. op 700 als je geen synthetische bold wilt. */
.intro {
  font-weight: 500;
  color: #0E69A2;
}

/* Tabellen */
table,
th,
td {
  font-family: "museo-sans-condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

p strong, p b,
li strong, li b,
td strong, td b,
th strong, th b {
  font-weight: 500; /* evt. 700 als je alleen 300/700 laadt */
}

/* ========================================
   CONTENT-SPACING (hoofdkolom)
======================================== */

.main-content {
  --pp-text-gap: 0.9rem;
  --pp-heading-gap: 0.45rem;
}

/* Lijsten dezelfde “boven/onder” ruimte als paragrafen */
.main-content :is(p, ul, ol) {
  margin-block: var(--pp-text-gap);
}

/* Minder ruimte onder koppen */
.main-content :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--pp-heading-gap);
}

/* H2/H3 strakker op de tekst eronder in de hoofdcontent */
.main-content .wp-block-heading {
  margin-bottom: 0.25em;
}

/* Verklein de extra tussenruimte van blok direct NA kop */
.main-content .wp-block-heading + :is(p, .wp-block-paragraph, ul, ol, blockquote) {
  margin-top: 0;
  margin-block-start: 0; /* belangrijk in block themes */
}

/* Als er tussen kop en tekst een marginalia-afbeelding staat */
.main-content :is(h1, h2, h3, h4, h5, h6) + .pp-marginalia + :is(p, ul, ol) {
  margin-top: 0;
  margin-block-start: 0;
}

/* Iets compactere afstand tussen list-items in content */
.main-content li {
  margin-block: 0.2rem;
}

/* ========================================
   HEADER (logo/titel/menu)
======================================== */

/* Header: links branding, rechts menu */
.header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* Branding mag krimpen, menu niet */
.header-brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;   /* belangrijk voor netjes krimpen */
  flex: 1 1 auto;
}

.header-bar .wp-block-navigation {
  flex: 0 0 auto;
}

/* Logo schaalbaar */
.header-brand .wp-block-site-logo img {
  width: clamp(38px, 6vw, 72px);
  height: auto;
}

/* Titel en tagline schaalbaar */
.header-brand .wp-block-site-title {
  font-size: clamp(1.05rem, 2.1vw, 1.8rem);
  line-height: 1.05;
  margin: 0;
}

.header-brand .wp-block-site-tagline {
  font-size: clamp(0.75rem, 1.1vw, 1rem);
  line-height: 1.15;
  margin: 0;
}

/* Heel smal scherm: tagline weg */
@media (max-width: 520px) {
  .header-brand .wp-block-site-tagline {
    display: none;
  }

  .header-bar {
    gap: 0.5rem;
  }
}

/* ========================================
   MOBILE TOC (knopje onderin)
======================================== */

/* Alleen op mobiel tonen */
@media (min-width: 782px) {
  .mobile-toc {
    display: none;
  }
}

@media (max-width: 781px) {
  .mobile-toc {
    position: fixed;
    right: 1rem;
    bottom: 1.5rem;
    z-index: 9999;
    max-width: calc(100vw - 1rem); /* helpt tegen overflow */
  }

  /* Summary als knop */
  .mobile-toc details > summary {
    list-style: none;
    cursor: pointer;
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
    font-weight: 700;
  }

  .mobile-toc details > summary::-webkit-details-marker {
    display: none;
  }

  /* Paneel open */
  .mobile-toc details[open] {
    width: min(78vw, 320px);
  }

  .mobile-toc details[open] > summary {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .mobile-toc details[open] > *:not(summary) {
    margin-top: 0.5rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
    padding: 0.75rem 1rem;
    max-height: 55vh;
    overflow: auto;
  }

  /* Lijst in paneel */
  .mobile-toc ul {
    margin: 0;
    padding-left: 1.1em;
  }
}

/* ========================================
   GERELATEERDE POSTS / SIDEBAR
======================================== */

/* Gerelateerde posts lijst (algemeen) */
.pp-related-posts {
  margin: 0;
  padding-left: 1.1em; /* zet op 0 als bullets weg moeten */
  line-height: 1.25;
}

.pp-related-posts li {
  margin: 0 0 0.25rem 0;
}

.pp-related-posts a {
  line-height: 1.25;
}

/* Variatie zonder bullets */
.related-wrap .pp-related-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Sidebar typografie */
.course-sidebar {
  font-family: "museo-sans-condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.25;
}

/* Headings in sidebar niet te zwaar */
.course-sidebar :is(h1, h2, h3, h4, h5, h6) {
  font-family: inherit;
  font-weight: 500; /* of 700 als je meer contrast wilt */
}

/* Geen globale li-reset op ALLES; alleen waar nodig */
.course-sidebar li {
  padding-top: 0;
  padding-bottom: 0;
}

/* ========================================
   MARGINALIA / ILLUSTRATIES BUITEN KOLOM
======================================== */

/* Basis: per sectie definieer je grootte + afstand */
.pp-section {
  --pp-marg-size: 150px;
  --pp-marg-gap: 18px;
}

/* Clearfix voor float op smalle schermen */
.pp-section::after {
  content: "";
  display: block;
  clear: both;
}

/* Smalle schermen: tekstomloop rechts */
@media (max-width: 999px) {
  .pp-section .pp-marginalia {
    float: right;
    width: var(--pp-marg-size);
    max-width: 45%;
    margin: 0 0 0.35rem 1rem; /* GEEN negatieve rechtermarge i.v.m. overflow */
  }

  .pp-section .pp-marginalia img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* Brede schermen: uit de flow, links in de marge */
@media (min-width: 1000px) {
  .pp-section {
    position: relative;
    overflow: visible;
  }

  .pp-section .pp-marginalia {
    float: none !important;
    position: absolute;
    width: var(--pp-marg-size);
    left: calc(-1 * (var(--pp-marg-size) + var(--pp-marg-gap)));
    top: 0.15rem;
    margin: 0 !important;
  }

  .pp-section .pp-marginalia img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* ========================================
   TABELLEN
======================================== */

/* Tabelcellen compacter voor prijsweergave */
.wp-block-table td,
.wp-block-table th {
  border: 1px solid;
  padding: 0.1em;
}

/* ========================================
   WOORDAFBREKING (alleen mobiel in content)
======================================== */

@media (max-width: 781px) {
  .main-content p,
  .main-content li,
  .main-content blockquote {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word; /* vangt lange woorden/URL's op */
    word-break: normal;        /* niet te agressief breken */
   /* color: green;*/
  }
}

/* ========================================
   FOOTER
======================================== */

/* Footerlogo mag kleiner / responsief */
.site-footer .wp-block-site-logo img {
  width: clamp(70px, 14vw, 120px) !important;
  height: auto !important;
}

/* Footer op mobiel compacter */
@media (max-width: 781px) {
  /* Footer-kopjes */
  .site-footer :is(h2, h3, h4, .wp-block-heading) {
    font-family: "museo-sans-condensed", sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.1;
    margin-bottom: 0.4em;
  }

  /* Footer-links en gewone tekst */
  .site-footer :is(a, p, li, .wp-block-navigation-item__content) {
    font-family: "museo-sans-condensed", sans-serif;
    font-weight: 300;
    font-size: 0.95rem;
    line-height: 1.2;
  }

  /* Compacter binnen footer-navigatie */
  .site-footer .wp-block-navigation {
    --wp--style--block-gap: 0.35rem;
  }

  /* Ruimte tussen footerblokken */
  .site-footer :is(.wp-block-columns, .wp-block-group, .wp-block-row) {
    gap: 1.2rem;
  }
}

/* ========================================
   OPTIONELE NOODREM TEGEN HORIZONTALE SCROLL
   (alleen aanzetten als je mini-overflow blijft houden)
======================================== */
/*
.wp-site-blocks {
  overflow-x: clip;
}
*/


/* Alleen de kolom: button naar onderen  in de prijskaartjes*/
.pp-pricing.wp-block-columns{
  align-items: stretch;
}

.pp-pricing > .wp-block-column{
  display: flex;
  flex-direction: column;
}

/* De knop naar de bodem */
.pp-pricing > .wp-block-column > .wp-block-buttons{
  margin-top: auto;
}

/*om de FAQ van Yoast iets aan te passen: minder wit na de vraag*/
.schema-faq-answer {margin-top:0px!important;}

/*hieronder een stukje om te zorgen dda de header sticky kan zijn..*/

/* ===== Sticky header (op Template Part) ===== */
:root{
  --pp-header-bg: rgba(255,255,255,.78);
  --pp-header-blur: 12px;
  --pp-header-border: rgba(0,0,0,.08);
  --pp-anchor-offset: 7rem;
}

/* Sticky op de template-part wrapper */
.wp-block-template-part.pp-sticky-header{
  position: sticky;
  top: 0;
  z-index: 9999;

  background: var(--pp-header-bg);
  -webkit-backdrop-filter: blur(var(--pp-header-blur)) saturate(100%);
  backdrop-filter: blur(var(--pp-header-blur)) saturate(100%);
  border-bottom: 1px solid var(--pp-header-border);
}

/* Admin bar (alleen als je ingelogd bent) */
body.admin-bar .wp-block-template-part.pp-sticky-header{
  top: var(--wp-admin--admin-bar--height, 32px);
}

/* Header iets compacter (jouw bestaande header-bar class blijft werken) */
.wp-block-template-part.pp-sticky-header .header-bar{
  padding-block: clamp(.35rem, .8vw, .75rem);
}

/* Anchor offset (kies 1 systeem; dit is de cleanste) */
html{
  scroll-padding-top: calc(var(--pp-anchor-offset) + var(--wp-admin--admin-bar--height, 0px));
}


/*pogingen voor het omgevouwen hoekje*/

/* Cut + omgevouwen hoekje + subtiele drop shadow */
.pp-page-icon{
  --pp-cut: 30px;                 /* grootte van de hoek */
  position: relative;
  overflow: hidden;

  /* snij rechtsonder af */
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--pp-cut)),
    calc(100% - var(--pp-cut)) 100%,
    0 100%
  );

  /* schaduw achter het hele vlak */
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12));
}

/* omgevouwen hoekje (ligt binnen de cut) */
.pp-page-icon::after{
  content:"";
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--pp-cut);
  height: var(--pp-cut);

  /* transparant wit/zwart verschil t.o.v. het vlak */
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.55),
    rgba(0,0,0,.10)
  );

  /* DIT is de juiste helft (de andere was buiten de cut) */
  clip-path: polygon(0 0, 100% 0, 0 100%);
}


/*paragrafen in twee kolommen tonen op breder scherm.*/
/* Lange tekst automatisch in 2 kolommen (desktop), 1 kolom (mobiel) */
.pp-two-cols{
  column-count: 2;
  column-gap: 2rem;
  column-fill: balance; /* probeert kolommen gelijk te vullen */
}

@media (max-width: 781px){
  .pp-two-cols{
    column-count: 1;
  }
}

/* voorkomt lelijke afbrekingen */
.pp-two-cols{
      -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  overflow-wrap: break-word;
    word-break: normal;        /* niet te agressief breken */
}
.pp-two-cols :is(h2, h3, h4, h5, h6) {
  break-after: avoid;
  break-after: avoid-column;
  -webkit-column-break-after: avoid;
}
/* Related box: rustige typografie + consistente lijsten 
 Dit is het blokje met gerelateerde cursusen en posts*/
.pp-related-box{
  font-size: 0.85em;
  line-height: 1.25;
}

.pp-related-box :is(h2,h3,h4){
  margin: 0 0 .6rem 0;
  font-weight: 700;
}

.pp-related-box :is(p, ul){
  margin: 0 0 .9rem 0;
}

/* Lijsten: geen bullets, wel pijltje */
.pp-related-box ul{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.pp-related-box li{
  margin: .35rem 0;
}

/* pijltje per item */
.pp-related-box li::before{
  content: "→";
  display: inline-block;
  width: 1.2em;
  opacity: .8;
}

/* alle links in deze box hetzelfde (vet en rustig) */
.pp-related-box a{
  font-weight: 500!important;
  text-decoration: none;
}

.pp-related-box a:hover{
  text-decoration: underline;
}


.pp-related-box li{
  display: grid;
  grid-template-columns: 1.2em 1fr; /* pijltje | tekst */
  column-gap: .25em;
  align-items: start;
  margin: .35rem 0;
}

.pp-related-box li::before{
  content: "→";
  opacity: .8;
  line-height: 1.2;
}

.pp-related-box li > a{
  grid-column: 2;
}

/* shortcode-lijst binnen de box: geen extra padding van .pp-related-posts */
.pp-related-box .pp-related-posts{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Nettere inspringing: pijltje kolom + tekstkolom (werkt voor alle li-inhoud) */
.pp-related-box li{
  display: grid;
  grid-template-columns: 1.2em 1fr;
  column-gap: .25em;
  align-items: start;
}

.pp-related-box li::before{
  content: "→";
  opacity: .8;
  line-height: 1.2;
}

/* alles in de li (link, span, tekst-wrappers) naar kolom 2 */
.pp-related-box li > *{
  grid-column: 2;
}

/* In pp-related-box: alles volgt de gekozen tekstkleur van de Group */
.pp-related-box,
.pp-related-box :is(h2,h3,h4,p,ul,ol,li){
  color: inherit;
}

/* Links volgen ook de Group kleur (dus niet apart kleuren) */
.pp-related-box a{
  color: inherit;
  text-decoration: none;
}
.pp-related-box a:hover{
  color: var(--pp-link-hover, currentColor);
  text-decoration: underline;
}
.pp-related-box a:hover{
  opacity: .85;
  text-decoration: underline;
}
/*einde van het stukje voor gerelateerde cursus en posts*/

/*striping van de tabellen laten doen met een transparant grijze kleur*/

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.05)!important;
}


/* kopje bij de kalender (summary) iets vetter maken */
summary {  font-family: "museo", serif;
  font-weight: 500;
  font-style: normal;}

/*pogingen om de popup met inschrijfformulier meteen in geheel te tonen*/
/* Pas deze selectors aan op jouw echte Hustle-classes */
.hustle-ui .hustle-layout-body,
.hustle-ui .hustle-content-wrap,
.hustle-ui .hustle-popup-content {
  max-height: 90dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.hustle-ui iframe[id^="JotFormIFrame"] {
  width: 100% !important;
  min-height: 1100px !important;
  border: 0;
  display: block;
}

/*woorden afbreken als de kolom te smal wordt op het scherm.*/
/* je kunt de waarden van 24 rem aanpassen: hogere waardes dan gebeurt het iets eerder. */
/*lager, dan gebeurt het woordafbreken iets later.*/

/* Maak elke kolom meetbaar voor container queries */
.wp-block-columns.pp-afbreken-bij-smalle-kolom > .wp-block-column {
	container-type: inline-size;
	container-name: pp-smalle-kolom;
}

/* Alleen zolang WordPress de kolommen nog naast elkaar zet */
@media (min-width: 782px) {

	/* Alleen als de individuele kolom smal wordt */
	@container pp-smalle-kolom (max-width: 16rem) {

		p,
		li {
			-webkit-hyphens: auto;
			hyphens: auto;
			overflow-wrap: normal;
			word-break: normal;
		/*	color: red;*/
		}
	}
}

/*de overzichtspagina met zoekresultaten aanpassen*/
@media (max-width: 700px) {
	.pp-archive-list .wp-block-post-featured-image {
		width: 50vw;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.pp-archive-list .wp-block-post-featured-image img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: contain;
	}
}

/* ========================================
   MOBIEL HAMBURGERMENU — opgeschoond
======================================== */

@media (max-width: 781px) {

	/* Header mag het menu niet afknippen */
	.wp-block-template-part.pp-sticky-header,
	.wp-block-template-part.pp-sticky-header .wp-block-group,
	.wp-block-template-part.pp-sticky-header .wp-block-navigation {
		overflow: visible !important;
	}

	/* Het geopende mobiele WordPress-menu */
	.wp-block-template-part.pp-sticky-header .wp-block-navigation__responsive-container.is-menu-open,
	.wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important;

		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;

		transform: none !important;

		width: 100vw !important;
		max-width: 100vw !important;
		height: 100dvh !important;
		max-height: none !important;

		margin: 0 !important;
		padding: calc(5.5rem + env(safe-area-inset-top)) 1.5rem calc(2rem + env(safe-area-inset-bottom)) !important;

		background: rgba(255, 255, 255, 0.96) !important;
		-webkit-backdrop-filter: blur(12px) saturate(160%) !important;
		backdrop-filter: blur(12px) saturate(160%) !important;

		overflow-y: auto !important;
		overflow-x: hidden !important;

		z-index: 999999 !important;
		box-sizing: border-box !important;
	}

	/* Binnenste WordPress-wrapper */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	/* Menu-inhoud */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;

		width: 100% !important;
		max-width: none !important;

		gap: 0.9rem !important;
		box-sizing: border-box !important;
	}

	/* De lijst zelf */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;

		width: 100% !important;
		max-width: none !important;

		gap: 0.9rem !important;
		box-sizing: border-box !important;
	}

	/* Menu-items */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Links in het menu */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		color: #102f3a !important;
		font-size: clamp(1.0rem, 4vw, 1.5rem) !important;
		/*	was eerst	font-size: clamp(1.25rem, 6vw, 2rem) !important;*/

		line-height: 1.2 !important;
		text-align: right !important;

		white-space: normal !important;
		overflow-wrap: anywhere !important;

		opacity: 1 !important;
		visibility: visible !important;
		text-decoration: none !important;
		box-sizing: border-box !important;
	}

	/* Sluitknop */
	.wp-block-navigation__responsive-container-close {
		position: fixed !important;
		top: calc(1rem + env(safe-area-inset-top)) !important;
		right: calc(1rem + env(safe-area-inset-right)) !important;

		z-index: 1000000 !important;
		color: #102f3a !important;
	}
}

/*de regelafstand bij Detail-kopjes (summary)*/
.wp-block-details summary {line-height: 1.3em;}
/*de details of summaries hebben op de body tekst minder regelafstand nodig*/
.wp-block-details p{
line-height: 1.5em;}


/* geordende sublijsten werken met ABC ipv 123 */
ol ol {list-style-type:lower-alpha!important;padding-bottom:0px!important;margin-left: 0.0em;}
.et_pb_text ol{list-style-position: outside!important;padding-left:1.3em!important;}

/*stoppen met die extra ruimte tussen de paragrafen*/
.entry-content p,
.wp-block-post-content p {
  margin-block-start: 0;
}

.entry-content p + p,
.wp-block-post-content p + p {
  margin-block-start: 0.5em;
}

/*op de post pagina's een andere museo voor de koppen*/
/* Blogposts: titel op frontend */
.single-post .wp-block-post-title {
  font-family: "museo", serif;
  font-weight: 700;
  font-size: clamp(2.2rem, 6vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
    word-spacing: -0.05em;
}

/* Blogposts: titel in de editor, alleen bij berichten */
body.post-type-post .editor-styles-wrapper .wp-block-post-title {
  font-family: "museo", serif;
  font-weight: 700;
  font-size: clamp(2.2rem, 6vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
    word-spacing: -0.05em;
}


/* Koppen binnen de inhoud van losse blogposts: frontend */
.single-post .wp-block-post-content h1,
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4 {
  font-family: "museo", serif;
  font-weight: 500;
  line-height: 1.15;
    word-spacing: -0.05em;
}
.single-post .wp-block-post-content h1
{margin-bottom: 1em; margin-top: 1em;  word-spacing: -0.05em;}
body.post-type-post .editor-styles-wrapper .wp-block-post-content h1
{margin-bottom: 1em; margin-top: 1em;  word-spacing: -0.05em;}

/* Koppen binnen de inhoud van losse blogposts: editor, alleen bij berichten */
body.post-type-post .editor-styles-wrapper .wp-block-post-content h1,
body.post-type-post .editor-styles-wrapper .wp-block-post-content h2,
body.post-type-post .editor-styles-wrapper .wp-block-post-content h3,
body.post-type-post .editor-styles-wrapper .wp-block-post-content h4 {
  font-family: "museo", serif;
  font-weight: 500;
  line-height: 1.15;
    word-spacing: -0.05em;
}


/* H1 binnen de post-content, dus niet de grote posttitel */
.single-post .wp-block-post-content h1,
body.post-type-post .editor-styles-wrapper .wp-block-post-content h1 {
  font-size: clamp(1.4rem, 3vw, 2.5rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
    word-spacing: -0.03em;
      word-spacing: -0.05em;
}


/* H3 en H4 binnen blogposts */
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
body.post-type-post .editor-styles-wrapper .wp-block-post-content h3,
body.post-type-post .editor-styles-wrapper .wp-block-post-content h4 {
  color: black;
    word-spacing: -0.05em;
}

/*opsommingen hebben niet extra ruimte nodig tussen de opsommingen*/
li{margin-top:0px!important; margin-bottom:0px!important;}