/*
 *	WebFont Package Licensed to The Changency – Katrin Wipper & Sarah Lüngen
 */

/* Tomato Grotesk Regular */
@font-face {
	font-family: "TomatoRegular";
	src:	url('fonts/eot/TomatoGroteskRegular.eot'); /* IE9 Compat Modes */
	src:	url('fonts/eot/TomatoGroteskRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/woff2/TomatoGroteskRegular.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/woff/TomatoGroteskRegular.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Tomato Grotesk Bold */
@font-face {
	font-family: "TomatoBold";
	src:	url('fonts/eot/TomatoGroteskBold.eot'); /* IE9 Compat Modes */
	src:	url('fonts/eot/TomatoGroteskBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/woff2/TomatoGroteskBold.woff2') format('woff2'), /* Super Modern Browsers */
			url('fonts/woff/TomatoGroteskBold.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Tomato Grotesk Regular */
@font-face {
	font-family: 'IntegralCF-Heavy.otf';
	src: url('fonts/IntegralCF-Heavy.otf'); /* IE9 Compat Modes */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
  font-family: "TomatoRegular";
}

.node--type-auszeichnung .text-h2 span {
	font-size: 1.3rem; line-height: 1em;
}

.paragraph-id--658 em {
	border-bottom: 1px solid #899eff;
}

.darkgreen { color: #007B18; }
.lightgreen { color: #80C77F; }

.yellow { color: #F9EF3E; }
.orange { color: #DA913A; }

.blue, .text-blue { color: #6847FF; }
.pink { color: #849FFF; }
.violet { color: #849FFF; }
.text-bluelight { color: #899eff; }
.text-pink { color: #d141e1; }
.text-blue { color: #5d62f9; }

h1, .text-integral, .portrait h2 {
 font-family: 'IntegralCF-Heavy.otf';
}

h1, #block-webform strong {
  font-size: 20rem; line-height: 1.15em; font-weight: normal; text-transform: uppercase;
 }

.text-TomatoBold { font-family: 'TomatoBold'; }

h2, .text-h2 {
font-family: 'TomatoBold';
display: block;
margin: 0px 0px 40px 0px;
line-height: 1.15em;
 }

h1, h2, h3, h4 { font-weight: normal; }

.superlightbig h2{
		font-family: "TomatoRegular";
		font-size: 2.6rem;
		line-height: 1.2em;
}

.page-node-156 .h1-xl {
  font-size: 2.4rem; line-height: 0.9em;
}

.page-node-156 .h1-xxl {
  font-size: 4.6rem; line-height: 0.9em;
}


.h1-projekte, .h1-machen {
  font-size: 10rem; line-height: 0.9em;
}
.h1-referenzen {
  font-size: 3rem; line-height: 0.9em;
}

.h1-xxl {
  font-size: 7rem; line-height: 0.9em;
}

.h1-xl {
  font-size: 4.6rem; line-height: 0.9em;
}

.h1-m, .portrait h2 {
  font-size: 3.5rem; line-height: 0.1em;
}

.portrait h2 {
	line-height: 1.1em;
	margin-bottom: 40px;
}

.team-row .label span {
	display: block; margin-bottom: 30px;
	font-size: 1.6rem;
}

.text-42px, .team-row .label span {
	font-size: 1.6rem;
	line-height: 1.1em;
	margin: 20px 0px;
	letter-spacing: 0.05;
}

.team-row .label {
	color: #FFF;
	}

h2, .accordeon_header, .text-h2 {
  font-size: 1.4rem;
  line-height: 1.3em;
  margin: 20px 0px;
	letter-spacing: 0.04;
}

.text-36px {
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'TomatoBold';
  margin: 20px 0px;
}

.text-22px, h3 {
  font-size: 1.4rem;
  line-height: 1.2em;
}

.text-20px {
    font-size: 1.15rem;
}

.text-18px, p, li, span {
  font-size: 1rem;
  line-height: 1.2em;
}

.text-16px, small, .small {
  font-size: 0.9rem;
}





@media only screen and (min-width: 800px) {

	.node--type-auszeichnung .text-h2 span {
		font-size: 1.4rem;
	}

	.text-42px, .team-row .label span {
		font-size: 1.8rem;
	}

	.text-42px{
		font-size: 2.3rem;
	}

  h2, .accordeon_header, .text-h2 {
    font-size: 2.2rem;
		line-height: 1em;
  }

  .text-36px {
    font-size: 2.2rem;
  }

  .text-22px, h3 {
    font-size: 1.5rem;
  }

  .text-18px, p, li {
    font-size: 1.15rem;
  }

  .text-16px, small, .small {
    font-size: 1rem;
  }

	.h1-xxl, .page-node-156 .h1-xxl {
	  font-size: 20rem; line-height: 0.9em;
	}

	.h1-xl, .page-node-156 .h1-xl {
	  font-size: 7rem; line-height: 0.9em;
	}

	.h1-m, .portrait h2 {
	  font-size: 4.5rem; line-height: 0.1em;
	}

	.portrait h2 {
		line-height: 1em;
	}

}


@media only screen and (min-width: 1440px) {

	.node--type-auszeichnung .text-h2 span {
	 font-size: 1.6rem;
	}

	.text-18px, p, li, span {
	  font-size: 1.2rem;
	}

	.text-42px, .team-row .label span {
		font-size: 3rem;
	}

	.text-42px {
		font-size: 3.2rem;
	}

 h2, .accordeon_header, .text-h2 {
		font-size: 2.2rem;
		margin: 24px 0px 50px 0px;
	}

	.superlightbig h2{
		  font-family: "TomatoRegular";
			font-size: 9rem;
	}
}


@media only screen and (min-width: 1920px) {

	.text-42px, .team-row .label span {
		font-size: 3.3rem;
	}

	.node--type-auszeichnung .text-h2 span {
		font-size: 1.9rem;
	}

	.text-42px {
		font-size: 3.3rem;
	}

   h2, .accordeon_header, .text-h2 {
    font-size: 2.1rem;
  }

	.text-36px {
		font-size: 2.1rem;
	}

	.text-22px, h3 {
		font-size: 1.5rem;
	}

	.text-18px, p, li {
		font-size: 1.2rem;
	}

	.text-16px, small, .small {
		font-size: 1rem;
	}

	.h1-xxl, .page-node-156 .h1-xxl {
		font-size: 12rem; line-height: 0.9em;
	}

	.h1-xl, .page-node-156 .h1-xl {
		font-size: 9rem; line-height: 0.9em;
	}

	.h1-m, .portrait h2 {
		font-size: 6.5rem; line-height: 0.1em;
	}

	.portrait h2 {
		line-height: 1em;
	}

}