.elementor-1068 .elementor-element.elementor-element-55a5bdeb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--padding-top:24px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-1068 .elementor-element.elementor-element-65ac9ec7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-teal-200 );--border-color:var( --e-global-color-teal-200 );--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1068 .elementor-element.elementor-element-65ac9ec7.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1068 .elementor-element.elementor-element-5fcef044{text-align:end;}.elementor-1068 .elementor-element.elementor-element-5fcef044 .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:clamp(1.75rem, 1.5rem + 0.8vw, 2.25rem);font-weight:800;line-height:1.05em;letter-spacing:-0.02em;color:var( --e-global-color-teal-900 );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1068 .elementor-element.elementor-element-27eda25f{padding:0px 0px 16px 0px;text-align:end;font-family:"PT Serif", Sans-serif;font-size:1.125rem;font-weight:400;font-style:italic;line-height:1.4em;}.elementor-1068 .elementor-element.elementor-element-27eda25f a{color:var( --e-global-color-teal-950 );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1068 .elementor-element.elementor-element-21fbd7c1{padding:0px 0px 16px 0px;}.elementor-1068 .elementor-element.elementor-element-21fbd7c1 .elementor-icon-list-icon{width:14px;}.elementor-1068 .elementor-element.elementor-element-21fbd7c1 .elementor-icon-list-icon i{font-size:14px;}.elementor-1068 .elementor-element.elementor-element-21fbd7c1 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1068 .elementor-element.elementor-element-21fbd7c1 .elementor-icon-list-text, .elementor-1068 .elementor-element.elementor-element-21fbd7c1 .elementor-icon-list-text a{color:var( --e-global-color-leaf-900 );}.elementor-1068 .elementor-element.elementor-element-21fbd7c1 .elementor-icon-list-item{font-family:"Hanken Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1.4em;}.elementor-1068 .elementor-element.elementor-element-639070b6 .elementor-icon-list-icon{width:14px;}.elementor-1068 .elementor-element.elementor-element-639070b6 .elementor-icon-list-icon i{font-size:14px;}.elementor-1068 .elementor-element.elementor-element-639070b6 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1068 .elementor-element.elementor-element-639070b6 .elementor-icon-list-text, .elementor-1068 .elementor-element.elementor-element-639070b6 .elementor-icon-list-text a{color:var( --e-global-color-leaf-900 );}.elementor-1068 .elementor-element.elementor-element-639070b6 .elementor-icon-list-item{font-family:"Hanken Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1.4;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1068 .elementor-element.elementor-element-6eed26cf{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 0px 0px 0px;border-style:solid;border-width:2px 0px 0px 0px;border-color:var( --e-global-color-teal-200 );--box-background-color:#FFFFFF00;--box-border-width:0px;--separator-width:0px;--box-padding:0px;--header-background-color:#FFFFFF00;--header-color:var( --e-global-color-leaf-700 );--item-text-color:var( --e-global-color-teal-900 );--item-text-hover-color:var( --e-global-color-leaf-700 );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-leaf-700 );--item-text-active-decoration:underline;}.elementor-1068 .elementor-element.elementor-element-6eed26cf .elementor-toc__header-title{text-align:start;}.elementor-1068 .elementor-element.elementor-element-6eed26cf .elementor-toc__header, .elementor-1068 .elementor-element.elementor-element-6eed26cf .elementor-toc__header-title{font-family:"Hanken Grotesk", Sans-serif;font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;}.elementor-1068 .elementor-element.elementor-element-6eed26cf .elementor-toc__list-item{font-family:"Hanken Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1.35;}.elementor-1068 .elementor-element.elementor-element-1a9ddb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1068 .elementor-element.elementor-element-1a9ddb2.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1068 .elementor-element.elementor-element-7b574193{padding:0px 0px 32px 0px;}.elementor-1068 .elementor-element.elementor-element-7b574193 img{width:100%;max-width:31em;border-radius:4px 4px 4px 4px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1068 .elementor-element.elementor-element-61409ea6{font-family:"PT Serif", Sans-serif;font-weight:400;}body.elementor-page-1068:not(.elementor-motion-effects-element-type-background), body.elementor-page-1068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-leaf-10 );}@media(min-width:768px){.elementor-1068 .elementor-element.elementor-element-65ac9ec7{--width:240px;}}@media(max-width:1366px){.elementor-1068 .elementor-element.elementor-element-55a5bdeb{--padding-top:24px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1068 .elementor-element.elementor-element-55a5bdeb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:8px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-1068 .elementor-element.elementor-element-65ac9ec7{--width:100%;}.elementor-1068 .elementor-element.elementor-element-5fcef044{text-align:start;}.elementor-1068 .elementor-element.elementor-element-27eda25f{text-align:start;}}/* Start custom CSS *//* KG Blog: blog post (Single Post template > Page Settings > Advanced > Custom CSS).
   Loads only where the KG Blog Single Post template renders. Only what the
   Elementor panel cannot do lives here; everything else is set in the panel.
   Built 2026-09-24 from blog-artikel-vijf-basisprincipes.html, split out of the kit 2026-09-25. */

/* --- frame --- */
/* a container has no text-alignment setting; the widgets inherit this */
.elementor-kit-6 .e-con.kg-blog-side{
  text-align:right;
}

/* --- side column: title --- */
/* no panel setting for balanced line breaks, hyphenation or the margin of the h1 itself */
.elementor-kit-6 .kg-blog-title .elementor-heading-title{
  text-wrap:balance;
  overflow-wrap:break-word;
  hyphens:auto;
  margin:0 0 1rem;
}

/* --- side column: date and tags (Post Info) --- */
/* reset the list's own spacing; the panel has no setting for it */
:is(.kg-blog-date,.kg-blog-tags) .elementor-post-info{
  margin:0;
  padding:0;
}
/* date: Post Info's Uitlijning writes elementor-align-right, but Elementor 4.x
   only styles elementor-align-end, so the panel setting has no effect */
.kg-blog-date :is(.elementor-icon-list-items,.elementor-icon-list-item){justify-content:flex-end;}
/* Tags as #tag: hide the ", " separators Post Info writes between terms */
.kg-blog-tags .elementor-post-info__terms-list{font-size:0;}
.kg-blog-tags .elementor-post-info__terms-list-item{
  display:inline-block;
  white-space:nowrap; /* a tag never breaks at its own hyphen */
  font-size:1rem;
  margin-left:12px; /* right-aligned column: space on the left, so lines end flush */
}
.kg-blog-tags .elementor-post-info__terms-list-item::before{content:"#";}

/* --- table of contents: only what the panel cannot do --- */
/* the side column is right-aligned; the list has no alignment setting of its own */
.elementor-kit-6 .kg-blog-toc{text-align:left;}
/* no panel setting for the space under the header, the body padding or the list spacing */
.elementor-kit-6 .kg-blog-toc .elementor-toc__header{padding:0 0 0.75rem;}
.elementor-kit-6 .kg-blog-toc .elementor-toc__body{padding:0;}
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-wrapper{margin:0;}
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-item{margin:0 0 0.6rem;max-width:none;}
/* sub-items (h3): smaller and indented; one list typography covers both levels */
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-item .elementor-toc__list-item{font-size:0.9375rem;}
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-item .elementor-toc__list-wrapper{margin:0.4rem 0 0 1rem;}
/* no marker: the panel only offers numbers or bullets */
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-item-text-wrapper::before{content:none;}
/* even line breaks; active item keeps its weight so lines do not rewrap */
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-item-text{text-wrap:pretty;}
.elementor-kit-6 .kg-blog-toc .elementor-toc__list-item.elementor-item-active{font-weight:inherit;}

/* --- main column: hero image and text on the same measure --- */
/* The panel's Max Width of 31em resolves against the img's own font-size.
   The image widget has no font-size setting, so it gets the body size here
   and 31em lands on the paragraph width. */
.kg-blog-hero{
  font-size:clamp(1.31rem,1.21552rem + 0.41379vw,1.50rem);
}
/* no panel setting for aspect ratio; Object Fit needs a fixed Height; block removes the gap under the img */
.kg-blog-hero img{display:block;aspect-ratio:16/10;object-fit:cover;}
/* post text: serif and colour come from the panel (global Text styles);
   the widget has no max-width setting for the elements inside the post */
.kg-blog-content :is(p,li,h2,h3,blockquote){max-width:31em;}
.kg-blog-content h2{
  font-size:2rem;
  font-weight:600;
  line-height:1.25;
  margin:3rem 0 1rem; /* more space above than below */
  text-wrap:balance;
}
/* the opening question ("Op een schaal van 1 tot 10"), kit .large */
.kg-blog-content > .elementor-widget-container > p:first-child,
.kg-blog-content > p:first-child{
  font-family:var(--font-sans);
  font-size:clamp(1.50rem,1.24138rem + 1.10345vw,2.00rem);
  font-weight:600;
  line-height:1.4;
  color:var(--e-global-color-teal-900);
  text-wrap:balance;
  margin-bottom:1.5rem;
}

@media (max-width:767px){
  .elementor-kit-6 .e-con.kg-blog-side{
    text-align:left;
  }
  .kg-blog-date :is(.elementor-icon-list-items,.elementor-icon-list-item){justify-content:flex-start;}
  /* left-aligned on mobile: space on the right, so a wrapped line starts flush */
  .kg-blog-tags .elementor-post-info__terms-list-item{margin-left:0;margin-right:12px;}
}/* End custom CSS */