White Space Style Sheet

max-width: 1920px -- min-width: 375px

CSS CODE

Typography Style Sheet

Iconbox Style Sheet

var(--s-s) =

var(--s-m) =

var(--s-l) =

var(--s-xl) =

var(--s-xxl) =

var(--s-xxxl) =

var(--spc) =

var(--s-s) =

var(--s-m) =

var(--s-l) =

var(--s-xl) =

var(--s-xxl) =

var(--s-xxxl) =

var(--spc) = 

				
					<style>

:root {
  --scale-multiplier: 1; /* default */

  --spc: calc(
    clamp(1.50rem, -1.92840rem + 14.62783vw, 15.63rem) * var(--scale-multiplier)
  );

  --spc-2: calc(var(--spc) * 1.5);

  --s-xxxl: calc(
    clamp(1.40rem, -0.79636rem + 9.38204vw, 10.46rem) * var(--scale-multiplier)
  );
  --s-xxl: calc(
    clamp(1.05rem, -0.22216rem + 5.43719vw, 6.30rem) * var(--scale-multiplier)
  );
  --s-xl: calc(
    clamp(0.59rem, 0.18074rem + 1.75534vw, 2.29rem) * var(--scale-multiplier)
  );
  --s-l: calc(
    clamp(0.44rem, 0.21763rem + 0.96681vw, 1.38rem) * var(--scale-multiplier)
  );
  --s-m: calc(
    clamp(0.33rem, 0.21268rem + 0.51443vw, 0.83rem) * var(--scale-multiplier)
  );
  --s-s: calc(
    clamp(0.25rem, 0.18932rem + 0.25890vw, 0.50rem) * var(--scale-multiplier)
  );
}

	
	.elementor-widget-text-editor :is(ul,ol) {
		margin-bottom: 16px;
	}
	
	body {
		max-width: 1920px;
		margin:0 auto
	}


</style>
				
			
				
					<style>
:root {
  --fscale-multiplier: 1; /* standaard schaalfactor */

  /* Font size scales met multiplier */
  --xxxlarge: calc(clamp(3rem, 2.36rem + 2.72vw, 5.63rem) * var(--fscale-multiplier));
  --xxlarge:  calc(clamp(2.5rem, 2.26rem + 1.04vw, 3.5rem) * var(--fscale-multiplier));
  --xlarge:   calc(clamp(2rem, 1.82rem + 0.78vw, 2.75rem) * var(--fscale-multiplier));
  --large:    calc(clamp(1.5rem, 1.26rem + 1.04vw, 2.5rem) * var(--fscale-multiplier));
  --xmedium:  calc(clamp(1.25rem, 1.07rem + 0.78vw, 2rem) * var(--fscale-multiplier));
  --medium:   calc(clamp(1.19rem, 1.11rem + 0.32vw, 1.5rem) * var(--fscale-multiplier));
  --small:    calc(clamp(1.13rem, 1.09rem + 0.13vw, 1.25rem) * var(--fscale-multiplier));
  --xsmall:   calc(clamp(1rem, 0.97rem + 0.13vw, 1.13rem) * var(--fscale-multiplier));
  --xxsmall:  calc(clamp(0.82rem, 0.8rem + 0.12vw, 0.94rem) * var(--fscale-multiplier));
}

/* Root font size */
html {
  font-size: 16px;
}

/* Font weight utilities */
:is(.fw300, .fw600, .fw800) :is(h1, h2, h3, h4, h5, h6, p) {
  font-weight: var(--fw, 400);
}

.fw300 { --fw: 300; }
.fw600 { --fw: 600; }
.fw800 { --fw: 800; }

/* Responsive text balance */
@media (min-width: 767px) {
  .balance :is(
    h1, h2, h3, h4, h5, h6, p,
    .elementor-widget-text-editor h1,
    .elementor-widget-text-editor h2,
    .elementor-widget-text-editor h3,
    .elementor-widget-text-editor h4,
    .elementor-widget-text-editor h5,
    .elementor-widget-text-editor h6
  ) {
    text-wrap: balance;
  }
}

/* Font sizes using multiplier variables */
.xxxlarge :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--xxxlarge);
  line-height: 1;
}

.xxlarge :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--xxlarge);
  line-height: 1.1;
}

.xlarge :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--xlarge);
  line-height: 1.2;
}

.large :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--large);
  line-height: 1.3;
}

.xmedium :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--xmedium);
  line-height: 1.4;
}

.medium :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--medium);
  line-height: 1.4;
}

.small :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--small);
  line-height: 1.4;
}

.xsmall :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--xsmall);
  line-height: 1.4;
}

.xxsmall :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: var(--xxsmall);
  line-height: 1.4;
}


</style>

				
			
				
					<style>


/* Elementor text editor headings and iconbox headings */
.elementor-widget-text-editor h1,
.elementor-widget-icon-box h1	
	{
  font-size: var(--xxxlarge);
  line-height: 1;
  font-weight: 800;
}

.elementor-widget-text-editor h2,
.elementor-widget-icon-box h2	{
  font-size: var(--large);
  line-height: 1.2;
  font-weight: 600;
}

.elementor-widget-text-editor h3,
	.elementor-widget-icon-box h3	{
  font-size: var(--xmedium);
  line-height: 1.3;
  font-weight: 600;
}

.elementor-widget-text-editor h4,
.elementor-widget-icon-box h4	{
  font-size: var(--medium);
  line-height: 1.45;
  font-weight: 600;
}

.elementor-widget-text-editor h5,
.elementor-widget-icon-box h5	{
  font-size: var(--xsmall);
  line-height: 1.45;
  font-weight: 600;
}

.elementor-widget-text-editor h6,
.elementor-widget-icon-box h6	
	{
  font-size: var(--xsmall);
  line-height: 1.45;
  text-transform: uppercase;
}
	
.elementor-widget-text-editor :is(p, li) {
  font-size: var(--small);
  line-height: 1.7;
}

/* Links */
.elementor-widget-text-editor a {
  font-size: var(--small);
  line-height: 1.5;
  font-weight: 600;
  border-radius: 20px;
  padding: 3px 8px;
  transition: all 0.3s;
}

</style>