@charset "UTF-8";

/**
 * Theme Name: Lee Green Blog Theme
 * Theme URI: 
 * Description: New Blog Website
 * Version: 1.0
 * Author: Thomas Schürmann
 * Author URI: https://schuermann.design
 * Tags: lee greene / food
 * last edited: 24.02.2023
 */



/* bevan-regular - latin */
@font-face {
  font-family: 'bevan';
  font-style: normal;
  font-weight: 400;
  src: url('fo/bevan-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fo/bevan-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fo/bevan-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fo/bevan-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fo/bevan-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fo/bevan-v20-latin-regular.svg#Bevan') format('svg'); /* Legacy iOS */
}
/* bevan-italic - latin */

@font-face {
  font-family: 'bevan';
  font-style: italic;
  font-weight: 400;
  src: url('fo/bevan-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fo/bevan-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fo/bevan-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fo/bevan-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fo/bevan-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fo/bevan-v20-latin-italic.svg#Bevan') format('svg'); /* Legacy iOS */
}

:root {
	--text: 					#000000;
	--bg: 						#fff;
	--light: 					#fefefe;
	--white90: 					rgba(254,254,254,0.95);
	--black: 					#030303;
	--grey: 					#333333;
	--lgrey: 					#e6e6e6;
    --purple: 					#5c0a3e;
	--lgreen: 					#73dc57;
	--orange: 					#ec500d;
	--dgreen: 					#01261e;
	--bevan: 					'bevan','impact', serif;
	--sansserif: 				'verdana', 'futura', 'gill-sans', 'arial', sans-serif;
	
	--fs-xs: 					11px;
	--fs-sm: 					13px;
	--fs-large: 				24px;
	--fs-xlarge: 				28px;
	--fs-medium: 				21px;
	
	--leafradius:  				75px;
	--fs-textl: 				18px;
	--f-size-text: 				14px;
}




html {
	padding:                		0;
    margin:                		 	0;	
}


body {
	font-family: 				var(--sansserif);
	font-size: 					var(--f-size-text);
	line-height: 				1.4rem;
	font-weight: 				300;
	padding: 					0;
	margin: 					0;
	background-color: 			var(--bg);
	color: 						var(--text);
	font-variant-ligatures:     normal;
}

.container-fluid {
    padding-right: 				0;
    padding-left: 				0;
}

main .col-xs {
	padding-left: 				1rem;
	padding-right: 				1rem;
}


h1, h2, h3 {
	font-family: 				var(--bevan);
	letter-spacing: 			0.04em;
	font-weight: 				400;
}

.article--single h3 {
	font-size: 					var(--fs-medium);
	margin-top: 				2rem;
	line-height: 				1.4;
}

h4 {
	font-size: 					var(--f-size-text);
}

.article--single h4 {
	margin-top: 				1.66rem;
	margin-bottom: 				-0.6rem;
}


.light,
.light a {
	color: 						var(--light);
}

.dark {
	color: 						var(--black);
}

.h1--secondary {
	text-transform: 			uppercase;
	font-size: 					var(--fs-large);
	letter-spacing: 			0.1em;
}

.h1--single {
	font-size: 					var(--fs-xlarge);
	line-height: 				1.4;
}

.h3--persp--shadow--lgreen {
	text-shadow: 				3px 3px 0px var(--lgreen);
}

.h3--persp--shadow--orange {
	text-shadow: 				3px 3px 0px var(--orange);
}


.h2--teaserbig,
.h3--teaserbig {
	margin: 					0;
	padding: 					0;
	line-height: 				1.4;
	font-size: 					var(--fs-medium);
}

.h2--teaserbig {
	margin-top: 				4rem;
}


/* helpers */

.groot {
	background-color: 			#ff9900;
}

.text--h {
    font: 							0/0 a;
    color: 							transparent;
    text-shadow: 					none;
    border: 						0;
}

.img--resp {
	height: 						auto;	
	width: 							100%;
	line-height: 					0;
	margin: 						0;
	padding: 						0;
}


.video--resp {
	overflow: 						hidden;
	padding-bottom: 				56.25%;
	position: 						relative;
	height: 						0;
}



.video--resp iframe {
	left: 							0;
	top: 							0;
	height: 						100%;
	width: 							100%;
	position: 						absolute;
}


.li--unstyled {
	list-style: 				none;
	margin:   					0;
	padding:  					0;
}



.d--sm-inline,
.d--md-inline,
.d--lg-inline,
.d--sm-block,
.d--md-block, 
.d--lg-block {
	display: 					none;
}

.d--xs-inline {
	display: 					inline;
}

.bg--purple { background-color: var(--purple);}
.bg--lgreen { background-color: var(--lgreen);}
.bg--dgreen { background-color: var(--dgreen);}
.bg--orange { background-color: var(--orange);}

.outline--orange {border: 1px solid var(--orange);}
.outline--purple {border: 1px solid var(--purple);}
.outline--lgreen {border: 1px solid var(--lgreen);}
.outline--dgreen {border: 1px solid var(--dgreen);}

.color--orange {color: var(--orange);}
.color--purple {color: var(--purple);}
.color--lgreen {color: var(--lgreen);}
.color--dgreen {color: var(--dgreen);}


/* 0x - buttons */

.p--right {
	text-align: right
}

button,
a.button {
	display: 						inline-block;
	margin: 						1.5rem 0 0 0;
	padding: 						5px 28px 6px 28px;
	text-decoration: 				none;
	color: 							var(--light);
	background-color: 				var(--black);
	-webkit-transition: 			background-color 0.75s ease,
									color 0.75s ease,
									transform 0.75s ease;
	-moz-transition: 				background-color 0.75s ease,
									color 0.75s ease,
									transform 0.75s ease;
	-o-transition: 					background-color 0.75s ease,
									color 0.75s ease,
									transform 0.75s ease;
	transition: 					background-color 0.75s ease,
									color 0.75s ease,
									transform 0.75s ease;
	font-weight: 					400;
	-webkit-border-radius: 			18px;
	-moz-border-radius: 			18px;
	border-radius: 					18px;
	margin-right: 					12px;
}

button.button--light,
a.button.button--light {
	color: 							var(--black);
	background-color: 				var(--light);
}

button.button--light:hover,
a.button.button--light:hover {
	color: 							var(--light);
	background-color: 				var(--black);
	transform: 						scale(105%);
}

button.button--orange,
a.button.button--orange {
	color: 							var(--light);
	background-color: 				var(--orange);
}

button.button--orange:hover,
a.button.button--orange:hover {
	color: 							var(--orange);
	background-color: 				var(--light);
	transform: 						scale(105%);
}



/* 01 --- typography */

a {
	color: 						var(--text);
	text-decoration-color: 		var(--text);
	text-underline-offset: 		0.15rem;
	text-decoration: 			underline;
	-webkit-transition: 	 	color 0.2s ease-out;
	-moz-transition: 		 	color 0.2s ease-out;
	-o-transition: 			 	color 0.2s ease-out;
	-ms-transition: 			color 0.2s ease-out;
	transition: 				color .2s ease-in-out;
}

a:hover {
	color: 						var(--orange);
	text-decoration: 			none;
}

.bg--orange a:hover {
	color: 						var(--lgreen);
	text-decoration: 			none;
}

.bg--lgreen a:hover {
	color: 						var(--dgreen);
	text-decoration: 			none;
}


h1 a,
h2 a,
h3 a {
	text-decoration: 			none;
}

time,
.meta,
.meta a {
	font-size: 					var(--fs-sm);
}

 span.tags a {
	display: 					inline-block;
	background-color: 			var(--white90);
	padding: 					0.1rem 0.5rem;
	margin-right: 				0.3rem;
	color: 						var(--black);
	-webkit-border-top-left-radius: 	7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 		7px;
	-moz-border-radius-bottomright: 	7px;
	border-top-left-radius: 			7px;
	border-bottom-right-radius: 		7px;
	 text-decoration: 					none;
}

.bg--lgreen span.tags a {
	background-color: 			var(--black);
	color: 						var(--white90);	
}

.aside--persp span.tags a,
.article--persp span.tags a {
	background-color: 			var(--purple);
	color: 						var(--white90);	
}




span.tags a::before {
	content: 					'#';
}

/* 01 --- menu header */

.head--page {
	position: 					absolute;
	top: 						0;
	left: 						0;
	z-index: 					1000;
	width: 						100%;
}

.header__logo > h1 {
	font-size: 					1.8rem;
	margin: 					0.6rem 0 0 0;
	padding: 					0;
	z-index: 					1000;
	position: 					relative;
} 

.header__logo > h1 > a {
	text-decoration: 			none;
	color: 						#000;
	display: 					block;
	height: 					87px;
	width: 						136px;
	background: 				transparent url("im/food-horizons-logo-xs-2.png") no-repeat center center;
	z-index: 					1000;
}



/* 02 --- navigation */



/* nav */
/* @see https://codepen.io/dannievinther/pen/NvZjvz */

#nav--1 {
  position: 					absolute;
  right: 						0;
  top: 							1.2rem;
  height:  						50px;
  width:  						100%;
  pointer-events: 				none;
}
	
#nav--1 * {
  visibility: 					visible;
}

.nav--main ul li {
	font-size: 					0.9rem;
	line-height: 				1.8;
	padding: 					0 0 0 0.6rem;
	margin-bottom: 				0;
}

#nav--content a {
	display: 					inline-block;

	padding: 					3px 0 3px 0;
	color: 						var(--text);
	text-decoration: 			none;
	text-transform: 			uppercase;
}

.nav--main a:hover {
	color: 						var(--text);
	font-weight: 				400;
}


#nav--content li.active  {
	background-color: 			var(--purple);
}
	
#nav--content .active a {
	font-weight: 				600;
	color: 						#fff;
}

.nav--button {
  position: 					absolute;
  right: 						1.5rem;
  top: 							0.25rem;
  display: 						block;
  flex-direction: 				column;
  justify-content: 				center;
	
  z-index: 						1000;
  -webkit-appearance: 			none;
  border: 						0;
  background: 					transparent;
  border-radius: 				0;
  height: 						40px;
  width: 						35px;
  cursor: 						pointer;
  pointer-events: 				auto;
  margin-left: 					25px;
  touch-action: 				manipulation;
  -webkit-tap-highlight-color:  rgba(0,0,0,0);
}
	
.icon-bar {
  display: 						block;
  width: 						35px;
  height: 						3px;
  background: 					#000;
  transition: 					.3s;
}
	
.icon-bar + .icon-bar {
  margin-top: 					7px;
}

#nav--1:focus-within .nav--button {
  pointer-events: 				none;
}
	
#nav--1:focus-within .icon-bar:nth-of-type(1) {
  transform: 					translate3d(0,10px,0) rotate(45deg);
}
	
#nav--1:focus-within .icon-bar:nth-of-type(2) {
  opacity: 						0;
}
	
#nav--1:focus-within .icon-bar:nth-of-type(3) {
  transform: 					translate3d(0,-10px,0) rotate(-45deg);
}

#nav--content {
	padding: 					20px;
	width: 						80%;
	max-width: 					240px;
	position: 					absolute;
	top: 						-1.2rem;
	left: 						-0.5rem;
	height: 					350px;
	background: 				rgba(255,255,255,0.6);
	pointer-events: 			auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transform: 					translateY(-500px);
	transition: 				transform .3s;
	will-change: 				transform;
	contain: 					paint;
	-webkit-backdrop-filter: 	blur(3px);
	backdrop-filter: 			blur(3px);
	z-index: 					1000;
}

#nav--1:focus-within #nav--content {
  transform: 					none;
}

.nav--contact h4 {
	margin: 					1.2rem 0 0 0.6rem;
	line-height: 				1.5;
	text-transform: 			uppercase;
}

.nav--contact p {
	margin: 					0 0 1rem 0;
	font-size: 					12px;
}

.nav--main .nav--contact ul li {
	padding: 					0;
	line-height: 				1.6;
	margin-left: 				0.6rem;
}

#nav--content .nav--contact li > a {
	font-weight: 				300;
	text-transform: 			none;
	text-decoration: 			underline;
}











/* 03 --- foto */

.primary {
    height: 						100%;
    height: 						100vh;
	height: 						calc(var(--vh, 1vh) * 100);
	height: 						100dvh;
    width: 							100%;
	margin-bottom: 					0;
	z-index: 						1;
	display: 						grid;
	grid-template-areas: 			"intro";
	place-items: 					end; /* other values start end center */
	position: 						relative;
	
}

.primary--header {
	grid-area: 						intro;
	width: 							100%;
}

.h1--primary {
	padding: 						1rem;
	margin: 						0 0 8rem 0;
	text-align: 					right;
	line-height: 					1.6;
	position: 						relative;
	z-index: 						10;
	color: 							var(--lgreen);
}

.h1--primary span {
	color: 							var(--light);
}

.h1--primary::after {
	content: 						"";
	position: 						absolute;
	background-color: 				var(--lgreen);
	height: 						2.6rem;
	width: 							96%;
	bottom: 						0.7rem;
	right: 							2%;
	z-index: 						-1;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}





.jig--top,
.jig--side,
.jig--bottom,
.jig--bottom-top,
.jig--bottom-left,
.jig--side--left,
.jig--container,
.jig--top--center {
	position: 						relative;
}

.jig::after {
	content: 						"";
	position: 						absolute;
	width: 							80px;
	height: 						75px;
	background-size: 				80px 75px;
	background-repeat: 				no-repeat;
}

.jig--container {
	width: 							100%;
	height: 						100%;
	z-index: 						1000;
}

.jig--bottom-top::after {
	bottom: 						-5px;
	left: 							calc(25% - 40px);
}


.jig--bottom::after {
	bottom: 						-70px;
	left: 							calc(75% - 40px);
	transform: 						rotate(180deg);
}

.jig--bottom-left::after {
	bottom: 						-70px;
	left: 							calc(25% - 40px);
	transform: 						rotate(180deg);
}

.jig--top::after {
	top: 							-70px;
	left: 							calc(75% - 40px);
}

.jig--top--center::after {
	top: 							-70px;
	left: 							calc(50% - 40px);
}

.jig--side--right::after {
	bottom: 						3rem;
	right: 							-8px;
	transform: 						rotate(-90deg);
}

.jig--side--left::after {
	bottom: 						3rem;
	left: 							-71px;
	transform: 						rotate(-90deg);
}

.jig--left::after {
	left: 							calc(25% - 40px);
}

.jig--right::after {
	left: 							calc(75% - 40px);
}

.jig--purple::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 150' style='enable-background:new 0 0 160 150;' fill='%235c0a3e' xml:space='preserve'%3e%3cpath d='M0,150l160,0v-10.1c0,0-56.9,0.4-56.9-17c0-21,33.6-20.7,33.6-65.5C136.7,25.7,111.3,0,79.6,0c-31.7,0-57,25.7-57,57.5 c0,45.1,34.1,44.5,33.9,65.5c-0.2,17.4-56.5,17-56.5,17V150z'/%3e%3c/svg%3e ");
	background-repeat: 				no-repeat;
}

.jig--dgreen::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 150' style='enable-background:new 0 0 160 150;' fill='%2301261e' xml:space='preserve'%3e%3cpath d='M0,150l160,0v-10.1c0,0-56.9,0.4-56.9-17c0-21,33.6-20.7,33.6-65.5C136.7,25.7,111.3,0,79.6,0c-31.7,0-57,25.7-57,57.5 c0,45.1,34.1,44.5,33.9,65.5c-0.2,17.4-56.5,17-56.5,17V150z'/%3e%3c/svg%3e ");
	background-repeat: 				no-repeat;
}

.jig--lgreen::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 150' style='enable-background:new 0 0 160 150;' fill='%2373dc57' xml:space='preserve'%3e%3cpath d='M0,150l160,0v-10.1c0,0-56.9,0.4-56.9-17c0-21,33.6-20.7,33.6-65.5C136.7,25.7,111.3,0,79.6,0c-31.7,0-57,25.7-57,57.5 c0,45.1,34.1,44.5,33.9,65.5c-0.2,17.4-56.5,17-56.5,17V150z'/%3e%3c/svg%3e ");
	background-repeat: 				no-repeat;
}

.jig--white::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 150' style='enable-background:new 0 0 160 150;' fill='%23ffffff' xml:space='preserve'%3e%3cpath d='M0,150l160,0v-10.1c0,0-56.9,0.4-56.9-17c0-21,33.6-20.7,33.6-65.5C136.7,25.7,111.3,0,79.6,0c-31.7,0-57,25.7-57,57.5 c0,45.1,34.1,44.5,33.9,65.5c-0.2,17.4-56.5,17-56.5,17V150z'/%3e%3c/svg%3e ");
	background-repeat: 				no-repeat;
}







/* frontpage section = fpsec-- */

.sec--green {
	background-color: 				var(--dgreen);
	padding: 						1rem 0;
}

.sec--purple {
	background-color: 				var(--purple);
}

.header--green {
	background-color: 				var(--dgreen);
	padding: 						1rem 0;
}

.header--purple {
	background-color: 				var(--purple);
	padding: 						1rem 0;
}



.fp--sec--header {
	position: relative;
}


.fpsec--perspective__news {
	margin: 						3rem 0 0 0;
	padding-bottom: 				6rem;
}

.teaserbig header {
	max-width: 						65%;
}

.leaf  {
	padding:  						1rem 1rem 3rem;
	margin-bottom: 					2rem;
}

.leaf--right {
	-webkit-border-top-left-radius: var(--leafradius);
	-webkit-border-bottom-right-radius: var(--leafradius);
	-moz-border-radius-topleft: 	var(--leafradius);
	-moz-border-radius-bottomright: var(--leafradius);
	border-top-left-radius: 		var(--leafradius);
	border-bottom-right-radius: 	var(--leafradius);
}

.leaf--left {
	-webkit-border-top-right-radius: var(--leafradius);
	-webkit-border-bottom-left-radius: var(--leafradius);
	-moz-border-radius-topright: 	var(--leafradius);
	-moz-border-radius-bottomleft: var(--leafradius);
	border-top-right-radius: 		var(--leafradius);
	border-bottom-left-radius: 	var(--leafradius);
}



.leaf header {
	min-height: 					9rem;
	display: 						grid;
	grid-template-areas: 			"h-bottom";
	place-items: 					end; /* other values start end center */

}



.leaf__header {
	grid-area: 						h-bottom;
	padding: 						0 0 0.3rem 0;
	width: 							100%;
}


.leaf h2,
.leaf p {
	text-decoration: 				none;
	display: 						block;
}

.leaf.bg--lgreen h2,
.leaf.bg--lgreen p {
	color: 							var(--black);
}

.leaf.light h2 {
	border-bottom: 					1px solid var(--light);
}

.leaf.dark h2 {
	border-bottom: 					1px solid var(--black);
}

.leaf h2 {
	text-align: 					right;
	padding-bottom: 				0.6rem;
	margin-bottom: 					0.6rem;
}

.leaf--left h2 {
	text-align:  					left;
}

.leaf__header p {
	color: 							var(--light);
}

.bg--lgreen .leaf__header p {
	color: 							var(--black);
}





	

.leaf.bg--purple a p,
.leaf.bg--image a p  {
	color: 							var(--light);
	text-decoration: 				none;
	padding-bottom: 				0.3rem;
}


/* second container */

.fpsec--services__bgcontainer.col-xs  {
	position: 						relative;
	padding: 						0;
	background-size: 				cover;
}


.fpsec--services__bgcontainer article {
	background: rgb(1,38,30);
    background: linear-gradient(180deg, rgba(1,38,30,1) 0%, rgba(1,38,30,1) 18%, rgba(1,38,30,0) 100%);
	padding: 						1rem 1rem 4rem;
}

.aside--global,
.sec--about {
	margin-top: 					3rem;
	position: 						relative;
}

.aside--global::after,
.sec--about::after {
	content: 						"";
	position: 						absolute;
	width: 							80px;
	height: 						75px;
	bottom: 						-7rem;
	right: 							-8px;
	background-size: 				80px 75px;
	background-repeat: 				no-repeat;
	transform: 						rotate(-90deg);
}

.section--contentall {
	position: 						relative;
	padding-bottom: 				12rem;
}

.section--contentall::after,
.aside--global::after,
.sec--about::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 150' style='enable-background:new 0 0 160 150;' fill='%2301261e' xml:space='preserve'%3e%3cpath d='M0,150l160,0v-10.1c0,0-56.9,0.4-56.9-17c0-21,33.6-20.7,33.6-65.5C136.7,25.7,111.3,0,79.6,0c-31.7,0-57,25.7-57,57.5 c0,45.1,34.1,44.5,33.9,65.5c-0.2,17.4-56.5,17-56.5,17V150z'/%3e%3c/svg%3e ");
	background-repeat: 				no-repeat;
}


figure {
	padding:  						0;
	margin: 						0;
}

.figure--leaf {
	-webkit-border-top-left-radius: var(--leafradius);
	-webkit-border-bottom-right-radius: var(--leafradius);
	-moz-border-radius-topleft: 	var(--leafradius);
	-moz-border-radius-bottomright: var(--leafradius);
	border-top-left-radius: 		var(--leafradius);
	border-bottom-right-radius: 	var(--leafradius);
	display: 						block;
	overflow: 						hidden;
	line-height: 					0;
}

.leaf--border--orange {
	border: 						1px solid var(--orange);
}
.leaf--border--lgreen {
	border: 						1px solid var(--lgreen);
}
.leaf--border--dgreen {
	border: 						1px solid var(--dgreen);
}



/* services 2 */


.fpsec--services--2 {
	margin-top: 					3rem;
	position: 						relative;
}

.fpsec--services--2 header {
	margin-bottom: 					3rem;
}

.jig--outline {
	position: 						relative;
}

.outline--purple h2 a {
	color: 							var(--purple);
}

.outline--lgreen h2 a {
	color: 							var(--lgreen);
}


.outline--orange h2 a {
	color: 							var(--orange);
}



/* Referenzen */

.fpsec--references {
	background-color: 				var(--lgrey);
	padding-top: 					3rem;
	padding-bottom:					3rem;
}

.fpsec--references .h3--teaserbig {
	margin-bottom: 					2rem;
}

.figure--quote, 
.figure--bigquote {
	margin-bottom: 					2.4rem;
}

.figure--quote:last-of-type {
	margin-bottom: 					1rem;
}

.figure--quote blockquote,
.figure--quote figcaption {
	position: 						relative;
	margin: 						1rem 0 0 2.4rem;
}
	
.figure--quote blockquote::before {
	content: 						'»';
	font-size: 						48px;
	color: 							var(--orange);
	font-weight: 					400;
	font-family: 					var(--bevan);
	position: 						absolute;
	left: 							-2.4rem;
}

.figure--bigquote blockquote {
	padding: 						0;
	margin:   						0 0 1rem 0;
	font-size: 						1rem;
	line-height: 					1.8;

	font-family: 					var(--bevan);
	color: 							var(--purple);
	position:  						relative;
	letter-spacing: 				0.03em;
}

.figure--bigquote blockquote::after,
.figure--bigquote blockquote::before {
	font-size: 						72px;
	color: 							var(--purple);
	font-weight: 					400;
	font-family: 					var(--bevan);
	position: 						absolute;
}

.figure--bigquote blockquote::before {
	content: 						'»';
	left: 							40%;
	top: 							-6rem;
}

.figure--bigquote blockquote::after {
	content: 						'«';
	right: 							0;
	bottom: 						-4rem;
}

cite {
	font-weight: 					600;
}

.fpsec--references__logos {
	margin-top: 					2rem;
	padding-bottom: 				4rem;
}

.figure--logo {
	text-align: 					center;
	margin-bottom: 					1rem;
}

.figure--logo figcaption {
	font-size: 						var(---fs-xs);
	text-align: 					center;
	position: 						relative;
	min-height: 					50px;
	margin-bottom: 					0.6rem;
	display: 						grid;
	grid-template-areas: 			"captionarea";
	place-items: 					end; /* other values start end center */

}

.figure--logo figcaption span {
	grid-area: 						captionarea;
	width: 							100%;
}

.figure--logo figcaption::after {
	content: 						"";
	width: 							80px;
	border-bottom: 					1px solid #000;
	display: 						block;
	position: 						absolute;
	left: 							0; 
  	right: 							0; 
	bottom: 						-0.3rem;
	margin: 						0.3rem auto 0 auto; 
}

.fp--samples {
	padding-bottom: 				3rem;
}

.figure--video figcaption {
	color: 							var(--light);
	font-size: 						var(--fs-xs);
	line-height: 					1.6;
	padding-top: 					0.3rem;
	text-align: 					right;
}

.figure--image {
	margin: 						1.5rem 0;
}

.figure--video figcaption,
.figure--image figcaption {
	color: 							var(--grey);
	font-size: 						var(--fs-xs);
	line-height: 					1.4;
	padding: 						0 15px;
	margin-top:  					0.3rem;
}

.fp--samples .figure--video figcaption {
	color: 							var(--light);
}

.figure--image img {
	-webkit-border-radius: 			15px;
	-moz-border-radius: 			15px;
	border-radius: 					15px;
}

/* blockquote */

.article--single > blockquote {
	font-style:  					italic;
	position:  						relative;
	margin:  						2rem 1rem 2rem ;
}

.article--single > blockquote::before {
	content: 						'»';
	position: 						absolute;
	font-size: 						36px;
	font-weight: 					400;
	font-family: 					var(--bevan);
	color: 							var(--purple);
	left: 							-2rem;
}


/* ---- */

.sec--bigquote {
	padding-top: 					6rem;
	padding-bottom: 				6rem;
}






/* footer */

.footer--site  {
	background-color: 				var(--lgreen);
	padding-bottom: 				3rem;
}

/* 01 --- menu header */

.h1--footer {
	font-size: 						1.8rem;
	margin: 						2rem 0 2rem 0;
	padding: 						0;
	z-index: 						1000;
	position: 						relative;
} 

.h1--footer > a {
	text-decoration: 				none;
	color: 							#000;
	display: 						block;
	height: 						60px;
	width: 							136px;
	background: 					transparent url("im/food-horizons-logo-xs.png") no-repeat center center;
	z-index: 						1000;
}

address h2 {
	font-size: 						var(--fs-textl);
}

footer h5 {
	text-transform: 				uppercase;
	letter-spacing: 				0.1em;
	font-size: 						var(--fs-textl);
}

footer address {
	font-style: 					normal;
}

.ul--footermenu li:nth-last-child(2) { 
	margin-top: 					0.6rem;
}

.ul--footermenu li { 
	padding: 						0.3rem 0;
}

.ul--footermenu li a { 
	text-decoration: 				none;
}


.ul--footermenu li.active a { 
	font-weight: 					600;
}

.ul--footermenu li.active a::before { 
	content: 						"/ ";
}

/* second pages ----------------------------------*/

.page--headerpluspicture {
	margin-top: 					100px;
}

main .col-xs.page--imageblock {
	padding: 						0;
	line-height: 					0;
}

.page--colorblock {
	display: 						grid;
	grid-template-areas: 			"pheadlines";
	place-items: 					end; /* other values start end center */
	position: 						relative;
	padding-top: 					3rem;
	padding-bottom: 				1rem;
	
}

.page--headlines {
	grid-area: 						pheadlines;
	width: 							100%;
}

.page--headlines h1 {
	font-size: 						var(--fs-large);
	text-transform: 				uppercase;
}

.page--content {
	padding-bottom: 				0;
}

.page--content__teaser {
	padding-top: 					5rem;
}

.article--persp {
	margin-bottom: 					3rem;
}

.article--persp h2 {
	margin: 						0.3rem 0 0 0;
	line-height: 					1.4;
}

.aside--topics .article--persp h2 {
    margin: 0.3rem 0 0 0;
    line-height: 1.4;
	font-size: 						var(--fs-textl);
}

.article--persp p.meta {
	margin-bottom: 					0;
}

aside.sec--about {
	margin-top: 					3rem;
	position: 						relative;
	padding-bottom: 				6rem;
}

.section--contentall::after,
aside.aside--global::after,
 aside.sec--about::after {
	content: 						"";
	position: 						absolute;
	width: 							80px;
	height: 						75px;
	bottom: 						-7px;
	right: 							calc(50% -40px);
	background-size: 				80px 75px;
	background-repeat: 				no-repeat;
	transform: 						rotate(0);
}

.section--contentall::after,
aside.aside--global::after,
 aside.sec--about::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 150' style='enable-background:new 0 0 160 150;' fill='%2373dc57' xml:space='preserve'%3e%3cpath d='M0,150l160,0v-10.1c0,0-56.9,0.4-56.9-17c0-21,33.6-20.7,33.6-65.5C136.7,25.7,111.3,0,79.6,0c-31.7,0-57,25.7-57,57.5 c0,45.1,34.1,44.5,33.9,65.5c-0.2,17.4-56.5,17-56.5,17V150z'/%3e%3c/svg%3e ");
	background-repeat: 				no-repeat;
}



.pagination {
    margin-top: 3rem;
    display: flex;
    flex-direction: row;
    font-size: var(--f-size-men);
}

.pagination li.active {
    background-color: var(--black);
}

.pagination li {
    margin-right: 4px;
    padding: 5px 12px;
}

.pagination li.active a {
    color: var(--light);
    border: none;
	text-decoration: 				none;
}


/* single news perspektive */

main.page--single {
	margin-top: 					6rem;
}

main.page--single aside {
	padding-bottom: 				5rem;
}

.aside--topics {
	margin-top: 					4rem;
}

/* pages all */

section--contentall {
	position: 						relative
}



/* page services */

.section--leaves--services {
	margin-top:  					2rem;
}

.col--numbered--list {
	counter-reset: my-awesome-counter;
}

.col--numbered--list h3  {
	counter-increment: my-awesome-counter;
	color: var(--purple);
	font-size: var(--fs-medium);
	position: relative;
	line-height: 1.5;
}

.col--numbered--list h3::before {
	content: 							"0" counter(my-awesome-counter);
	display: inline-block;
	padding-right: 1rem;
}


/* area page references */

.page--content--references {
	margin-bottom:  					0;
}

.section--references {
	margin-top:  						3rem;
}

.section--references .container-fluid {
    background-color: var(--lgrey);
    padding-top: 3rem;
    padding-bottom: 3rem;
}


/* comments section */



  
/* area - comments */


.section__comments {
    margin-top: 					3em;
	padding-bottom: 				6rem;
	width: 							90%;
}


.quip p,
.quip li,
.quip span,
.quip--commentheadline {
	color: 							var(--grey);
}

.quip-error {
	color: 							var(--orange);
	font-weight: 					600;
}

.body--blog .quip-error {
	color: 							var(--orange);
	font-weight: 					600;
}

.quip p {
	margin-bottom: 					1em;
}

.quip-comment-author {
	font-weight: 					600;
}

.quip-comment-text {
	font-style: italic;
}

.quip-comment-createdon a {
	background-image: 				none;
	color: 							var(--grey);
	text-decoration: 				none;
	padding: 						0;
}

.quip-comment-createdon a:hover {
	text-decoration: 				none;
}

ol.quip-comment-list {
    list-style: 					none;
    margin: 						0;
    padding: 						0;
}
ol.quip-comment-list li ol {
    margin-bottom: 					0;
    padding-left: 					20px;
}
ol.quip-comment-list li {
    list-style-type: 				none;
    position: 						relative;
    margin-left: 					0;
}
ol.quip-children {
    margin: 						0;
}

.quip-comment-meta {
	margin-bottom: 0.5em;
}

li.quip-comment {
    background: 					transparent;
    list-style: 					none;
	margin-top: 					1em;
	margin-bottom: 					1em;
}

.quip-comment-body {
	margin-bottom: 					1em;
}

			.quip-comment-text > p::after {
				display: block;
				content:  "-";
			}

.quip-fld {
	margin-bottom: 					1em;
}

.widget_search input.search-field:active,
.widget_search input.search-field:focus,
.comment-form textarea#quip-comment-box-qcom:active,
.comment-form input#quip-comment-name-qcom:active,
.comment-form input#quip-comment-email-qcom:active,
.comment-form input#quip-comment-website-qcom:active,
.comment-form textarea#quip-comment-box-qcom:focus,
.comment-form input#quip-comment-name-qcom:focus,
.comment-form input#quip-comment-email-qcom:focus,
.comment-form input#quip-comment-website-qcom:focus {
    border: 						1px solid var(--grey);
}

.comment-form textarea#quip-comment-box-qcom, 
.comment-form input#quip-comment-name-qcom, 
.comment-form input#quip-comment-email-qcom, 
.comment-form input#quip-comment-website-qcom {
    border: 						1px solid var(--grey);
	width: 							100%;
    padding: 						12px 15px;
}


.quip-fld > input, 
.quip-fld textarea {
    padding: 						12px 15px;
    background: 					none;
    border: 						1px solid var(--grey);
    line-height: 					normal;
    outline: 						none;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
}


.comment-form textarea {
    width:	 						100%;
    margin: 						0;
    line-height: 					normal;
    -webkit-appearance: 			none;
    outline-color: 					transparent;
    outline-style: 					none;
	font-size: 						15px;
	line-height: 					1.4;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
}








			/* ! important modern smartphones */
			@media (min-height: 740px) { 

			.primary {
				height: 						80%;
				height: 						80vh;
				height: 						calc(var(--vh, 1vh) * 80);
				height: 						80dvh;
				width: 							100%;
			}	

			} /* end media 740 height */




























































/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	.d--xs-inline {
		display: 					none;
	}
	
	.d--sm-inline {
		display: 					inline;
	}
	
	.d--sm-block {
		display: 					block;
	}
	
	
	:root {
		--fs-xs: 					11px;
		--fs-sm: 					13px;
		--fs-large: 				28px;
		--fs-xlarge: 				36px;
		--fs-medium: 				21px;

		--leafradius:  				75px;
		--fs-textl: 				18px;
		--f-size-text: 				14px;
	}

	
	
	.primary {
		height: 						100%;
		height: 						100vh;
		height: 						calc(var(--vh, 1vh) * 100);
		height: 						100dvh;
		width: 							100%;
		place-items: 					end; /* other values start end center */
	}
	
	/* header */
	
	.header__logo > h1 {
		font-size: 1.8rem;
		margin: 1.6rem 0 0 1rem;
		padding: 0;
		z-index: 1000;
		position: relative;
	}
	
	/* primary */
	
	.primary--header {
		grid-area: 						intro;
		width: 							60%;
		margin: 						0 5% 8rem auto;
		font-size: 						var(--fs-textl);
	}
	
	.h1--primary {
		text-align: 					left;
		margin: 						0 0 0 0;
	    line-height: 					1.8;
		padding-left: 					2rem;
	}
	
	.h1--primary span {
		display: 						inline-block;
		text-align: 					right;
		width: 							100%;
		padding-right: 					0;
	}
	
	.h1--primary::after {
		height: 						3.3rem;
		width: 							96%;
		bottom: 						0.7rem;
		right: 							0;
		z-index: 						-1;
		-webkit-border-top-left-radius: 30px;
		-webkit-border-bottom-right-radius: 30px;
		-moz-border-radius-topleft: 	30px;
		-moz-border-radius-bottomright: 30px;
		border-top-left-radius: 		30px;
		border-bottom-right-radius: 	30px;
	}
	
	/* jigs */
	
	.jig--left::after {
		left: calc(15% - 40px);
	}
	
	/* perspective */
	
	.fp--sec--header p {
		padding-right: 					6rem;
	}
	
	.fpsec--perspective > header.jig--bottom::after {
		left: 							calc(15% - 40px);
	}

	.teaserbig header {
		max-width: 						none;
	}

	.h2--teaserbig {
		margin-top: 					4rem;
	}
	
	
	.fpsec--perspective__news .leaf:last-of-type {
		display: 						none;
	}
	
	.fp--samples .fp--sec--header h1, 
	.fp--samples .fp--sec--header p {
		text-align: 					right;
		padding-right: 					0;
	}
	
	.leaf.jig--outline:nth-of-type(3) {
		padding-bottom: 				5rem;
	}
	
	.figure--bigquote figcaption {
		font-size: 						1rem;
	}
	
	.figure--bigquote blockquote::after {
		bottom: 						-7rem;
	}
	
	.figure--bigquote blockquote::before {
		left: 							0;
		top: 							-7rem;
	}
	
	/* second page */
	
	.page--headerpluspicture {
		margin-top: 					110px;
	}
	
	.page--headlines {
		width: 							100%;
	}
	
	/* single pages */
	
	
	main.page--single {
		margin-top: 					8rem;
	}

	/* area services */

	.col--numbered--list h3::before {
		content: 							"0" counter(my-awesome-counter);
		display: 							block;
		position: 							absolute;
		left: 								-3rem;
	}

	.section__comments {
		width: 							75%;
	}
	
	


	
} /* ./768 */



/* - - - - - Large devices (desktops, 992px and up) - - - - -  */
@media (min-width: 992px) {
	
	/* helpers */
	
	.d--sm-inline {
		display: 					none;
	}
	
	.d--md-block {
		display: 					block;
	}

	.d--none-mdplus,
	.d--none-md {
		display: 					none;
	}

	
	/* typo */
	
	:root {
		--fs-xs: 					11px;
		--fs-sm: 					13px;
		--fs-large: 				28px;
		--fs-medium: 				24px;

		--leafradius:  				80px;
		--fs-textl: 				18px;
		--f-size-text: 				15px;
	}
	
	/* header */
	
	.header__logo > h1 {
		margin: 1.6rem 0 0 1rem;
	}

	.header__logo > h1 > a {
		height: 					115px;
		width: 						181px;
		background: 				transparent url("im/food-horizons-logo-md-2.png") no-repeat center center;
	}
	
	/* menu */
	
	#nav--1 {
		position: 					relative;
		height: 					auto;
		width: 						auto;
		top: 						auto;
		left: 						auto;
	}

	#nav--content {
		transform: 					none;
		background-color:  			transparent;
		backdrop-filter: 			none;
		width: 						100%;
		max-width:  				none;
		height: 					auto;
		position: 					relative;
		top: 						auto;
		left: 						auto;
		padding:  					0;
	}

	#nav--content > ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	#nav--content a {
		display: inline-block;
		padding: 2px 11px;
		color: var(--text);
	}
	
	.nav--main ul li {
		padding: 0;
	}
	
	
	/* primary */
	
	.h1--primary {
    	padding-left: 				2rem;
	}
	
	.primary--header {
		grid-area: intro;
		width: 42%;
		margin: 0 4% 6rem auto;
		font-size: var(--fs-textl);
	}
	
	.primary.jig--bottom-top::after {
		left: auto;
		right: 15%;
	}
	
	.primary--header p {
		padding-left: 				2rem;
	}
	
	.fp--sec--header p {
		padding-right: 				40%;
	}
	
	/* jigs */
	
	.jig::after {
		content: 						"";
		position: 						absolute;
		width: 							107px;
		height: 						100px;
		background-size: 				107px 100px;
		background-repeat: 				no-repeat;
	}
	
	.section--contentall::after,
	aside.aside--global::after {
		content: 						"";
		position: 						absolute;
		width: 							107px;
		height: 						100px;

		background-size: 				107px 100px;
		background-repeat: 				no-repeat;
	}
		
	.jig--bottom-top::after {
		bottom: 						-7px;
		left: 							calc(25% - 40px);
	}


	.jig--bottom::after {
		bottom: 						-93px;
	}
	
	.jig--bottom-left::after {
		bottom: 						-93px;
	}

	.jig--top::after,
	.jig--top--center::after {
		top: 							-93px;
	}


	.jig--side--right::after {
		bottom: 						3rem;
		right: 							-10px;
		transform: 						rotate(-90deg);
	}

	.jig--side--left::after {
		bottom: 						calc(50% - 50px);
		left: 							-97px;
		transform: 						rotate(-90deg);
	}
	
	/* frontpage elements */
	

	
	.fpsec--perspective header.col-xs {
		padding-left: 					2rem;
		padding-bottom: 				3rem;
	}
	
	.sec--about,
	.fpsec--perspective__news {
		box-sizing: 					border-box;
		display: 						-webkit-box;
		display: 						-ms-flexbox;
		display: 						flex;
		-webkit-box-flex: 				0;
		-ms-flex: 						0 1 auto;
		flex: 							0 1 auto;
		-webkit-box-orient: 			horizontal;
		-webkit-box-direction: 			normal;
		-ms-flex-direction: 			row;
		flex-direction: 				row;
		-ms-flex-wrap: 					wrap;
		flex-wrap: 						wrap;
		justify-content: 				space-around;
	}
	
	.sec--about__part,
	.fpsec--perspective__news .leaf {
		box-sizing: 					border-box;
		-webkit-box-flex: 				0;
		-ms-flex: 						0 0 auto;
		flex: 							0 0 auto;
		
		-ms-flex-preferred-size:47%;
		flex-basis: 					47%;
		max-width: 						47%;
	}
	
	
	
	.sec--about {
		margin-top: 					0;
		display: 						block;
	}
	
	.sec--about.offset-md-1 {
		margin-left: 					3%;
	}
	
	.sec--about::after {
		display: 						none;
	}
	
	.sec--about__part {
		-ms-flex-preferred-size: 		100%;
		flex-basis: 					100%;
		max-width: 						100%;
	}
	
	.fpsec--services__bgcontainer article {
		padding-bottom: 				16rem;
		position: 						relative;
	}
	
	.fpsec--services__bgcontainer article::after {
		content: 						"";
		position: 						absolute;
		bottom: 						-1rem;
		left: 							0;
		width: 							100%;
		height: 						160px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 600 160' style='enable-background:new 0 0 600 160;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23ffffff;%7d %3c/style%3e%3cpath class='st0' d='M600,0L161.1,0c0,0-37.9-0.2-37.9,11.3c0,13.9,22.5,13.7,22.5,43.4c0,21-16.9,38.1-38.1,38.1 S69.6,75.7,69.6,54.7c0-29.9,22.6-29.5,22.4-43.4C91.9-0.2,54,0,54,0H0v160h600V0z'/%3e%3c/svg%3e ");
		background-repeat: 				no-repeat;
	}
	
	.fpsec--services--2 {
		margin-top: 					-6rem;
	}
	
	.fp--samples header {
		padding-bottom: 				3rem;
	}
	
	.figure--video figcaption {
		padding: 						0.6rem 0 0 40%;
		font-size: 						13px;
	}

	.sec--bigquote figure {
		margin-top: 					3rem;
		margin-bottom: 					5rem;
	}
	
	/* second page */



	
	.page--headerpluspicture {
		margin-top: 					165px;
	}
	
	.page--headlines {
		width: 100%;
	}
	
	.page--headlines h1,
	.page--headlines p {
		padding: 						0 30% 0 6.25%;
	}
	
	
	.page--imageblock.jig--bottom-top::after {
		bottom: 						calc(25% - 40px);
		left: 							auto;
		right: 							-13px;
		transform: 						rotate(-90deg);
	}
	
	aside.sec--about {
		margin-top: 					9rem;
	}
	
	.page--content__teaser {
		padding-bottom: 				9rem;
	}
	
	/* single pages */
	
	main.page--single {
		margin-top: 					10rem;
	}

	.h1--single {
    	line-height: 					1.3;
	}
	
	.aside--global {
		padding-top: 					12rem;
	}
	
	page--content {
		padding-bottom: 				6rem;
	}
	
	.section__comments {
		width: 							100%;
	}
	

} /* ./992 */



























































/* - - - - - Large devices (bigger tablets, air) - - - - -  */
@media (min-width: 1050px) {
	
	body {
		line-height: 				1.6rem;
	}
	
	.fpsec--perspective header.col-xs {
		padding: 					    2rem 9rem 4rem 3rem;
	}
	
	.fpsec--services__bgcontainer article {
		padding-bottom: 				21rem;
	}
	
	.fpsec--services__bgcontainer article::after {
		bottom: -1rem;
		left: 0;
		height: 180px;
		background-size:  				675px 180px
	}

	.cf--frontpage .jig--outline.col-xs {
		padding: 						2rem;
	}
	
	.cf--frontpage .jig--outline.col-xs:last-of-type {
		padding-bottom: 				5rem;
	}
	
	.fp--samples header {
		padding-top: 					2rem;
	}
	
	/* single pages */
	
	.figure--video figcaption,
	.figure--image figcaption {
		color: 							var(--grey);
		font-size: 						12px;
		line-height: 					1.6;
		padding: 						0.3rem 20px;
	}
	
	.figure--image img {
		-webkit-border-radius: 			20px;
		-moz-border-radius: 			20px;
		border-radius: 					20px;
	}

	
} /* ./1050 */	






/* - - - - - Large devices (desktops, 1150px and up) - - - - -  */
@media (min-width: 1200px) {
	
	.d--lg-inline {
		display: 					inline;
	}
	
	
	
	/* menu */
	
	#nav--content a {
		letter-spacing: 			0.085em;
	}
	
	.fpsec--perspective__news .leaf {
		-ms-flex-preferred-size: 	30%;
		flex-basis: 				30%;
		max-width: 					30%;
	}
	

	.fpsec--services__bgcontainer article {
		padding-left: 				6.25%;
		padding-right: 				6.25%;
	}
	
	.fpsec--services__bgcontainer article::after {
		bottom: -1rem;
		left: 0;
		height: 180px;
		width: 						100%;
		background-size: 			cover;
	}
	
	.fpsec--perspective__news {
		padding-bottom: 9rem;
	}
	
} /* ./1200 */	







/* - - - - - Large devices (desktops, 992px and up) - - - - -  */
@media (min-width: 1344px) {
	
	.d--lg-block {
		display: 					block;
	}
	
	.d--lg-block,
	.fpsec--perspective__news .leaf:last-of-type {
		display: 					block;
	}
	
	
	/* typo */
	
	body {
		line-height: 				1.7rem;
	}
	
	:root {
		--fs-xs: 					12px;
		--fs-sm: 					14px;
		--fs-large: 				32px;
		--fs-medium: 				26px;

		--leafradius:  				80px;
		--fs-textl: 				21px;
		--f-size-text: 				16px;
	}
	
	h4 {
		font-size: 					var(--fs-textl);
	}
	
	h5 {
		font-size: 					var(--f-size-text);
	}
	
	/* header */

	.header__logo > h1 {
		margin-top: 					-1rem;
	}

	.header__logo > h1 > a {
		height: 					129px;
		width: 						200px;
		background: 				transparent url("im/food-horizons-logo-lg-2.png") no-repeat center center;
	}
	
	.button--contact {
		position: 					absolute;
		right: 						0.6rem;
		top: 						0.6rem;
		background-color: 			var(--purple);
		display: 					block;
		-webkit-border-radius: 		27px;
		-moz-border-radius: 		27px;
		border-radius: 				27px;
		padding: 					0.4rem 1.6rem 0.7rem;
		width: 						250px;
	}
	
	.button--contact li {
		line-height: 				1.2;
	}
	
	.button--contact a {
		color: 						var(--light);
		font-size: 					14px;
	}
	
	ul.li--share > li {
		width: 							28px;
		height: 						28px;
		display: 						inline-block;
		float: 							left;
		margin: 						8px 8px 0 8px;
	}
	
	ul.li--share > li:last-of-type {
		margin-right: 					0px;
	}
	
	ul.share.col-xs-5 {
		width: 							100px;
	}


	 a.share--twitter {
		display: inline-block;
		width: 28px;
		height: 28px;
		border: none;
		background-image: 				url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='rgba(255,255,255,1)' %3E %3Cpath d='M9.5,24.2c9.4,0,14.5-7.8,14.5-14.5c0-0.2,0-0.4,0-0.7c1-0.7,1.9-1.6,2.5-2.6c-0.9,0.4-1.9,0.7-2.9,0.8c1.1-0.6,1.9-1.6,2.2-2.8c-1,0.6-2.1,1-3.2,1.2c-0.9-1-2.3-1.6-3.7-1.6c-2.8,0-5.1,2.3-5.1,5.1c0,0.4,0,0.8,0.1,1.2C9.7,10.1,6,8,3.5,5C3,5.7,2.8,6.6,2.8,7.5c0,1.8,0.9,3.3,2.3,4.2c-0.8,0-1.6-0.3-2.3-0.6c0,0,0,0,0,0.1c0,2.5,1.8,4.5,4.1,5c-0.4,0.1-0.9,0.2-1.3,0.2c-0.3,0-0.6,0-1-0.1c0.6,2,2.5,3.5,4.8,3.5C7.5,21.2,5.3,22,3,22c-0.4,0-0.8,0-1.2-0.1C4,23.4,6.7,24.2,9.5,24.2'  /%3E  %3C/svg%3E");
		background-repeat: 				no-repeat;
		background-position: 			center center;
		background-size: 				28px 28px;
		text-indent: 					0;
	}
	
	 a.share--twitter:hover {
		display: inline-block;
		width: 28px;
		height: 28px;
		border: none;
		background-image: 				url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='rgba(29,155,240,1)' %3E %3Cpath d='M9.5,24.2c9.4,0,14.5-7.8,14.5-14.5c0-0.2,0-0.4,0-0.7c1-0.7,1.9-1.6,2.5-2.6c-0.9,0.4-1.9,0.7-2.9,0.8c1.1-0.6,1.9-1.6,2.2-2.8c-1,0.6-2.1,1-3.2,1.2c-0.9-1-2.3-1.6-3.7-1.6c-2.8,0-5.1,2.3-5.1,5.1c0,0.4,0,0.8,0.1,1.2C9.7,10.1,6,8,3.5,5C3,5.7,2.8,6.6,2.8,7.5c0,1.8,0.9,3.3,2.3,4.2c-0.8,0-1.6-0.3-2.3-0.6c0,0,0,0,0,0.1c0,2.5,1.8,4.5,4.1,5c-0.4,0.1-0.9,0.2-1.3,0.2c-0.3,0-0.6,0-1-0.1c0.6,2,2.5,3.5,4.8,3.5C7.5,21.2,5.3,22,3,22c-0.4,0-0.8,0-1.2-0.1C4,23.4,6.7,24.2,9.5,24.2'  /%3E  %3C/svg%3E");
		background-repeat: 				no-repeat;
		background-position: 			center center;
		background-size: 				28px 28px;
		text-indent: 					0;
	}
	
	a.share--linkedin {
		display: inline-block;
		width: 28px;
		height: 28px;
		border: none;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23ffffff;%7d %3c/style%3e%3cpath class='st0' d='M0,0v28h28V0H0z M8,25H3V10h5V25z M8.2,5.6C8.2,7,7,8.2,5.6,8.2c0,0,0,0,0,0C4.1,8.2,2.9,7,2.9,5.6 s1.2-2.7,2.7-2.7C7,2.9,8.2,4.1,8.2,5.6C8.2,5.6,8.2,5.6,8.2,5.6z M25.1,25H21v-7.1c0-1.7-0.5-3.9-2.8-3.9c-2.4,0-3.2,1.9-3.2,3.8 V25h-4V10h4v2h0.2c0.9-1,2.6-2.3,4.4-2.2c4.7,0,5.5,3.1,5.5,7.1L25.1,25z'/%3e%3c/svg%3e ");
		background-repeat: 				no-repeat;
		background-position: 			center center;
		background-size: 				28px 28px;
		text-indent: 					0;
	}

	a.share--linkedin:hover {
		display: inline-block;
		width: 28px;
		height: 28px;
		border: none;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23006699;%7d %3c/style%3e%3cpath class='st0' d='M0,0v28h28V0H0z M8,25H3V10h5V25z M8.2,5.6C8.2,7,7,8.2,5.6,8.2c0,0,0,0,0,0C4.1,8.2,2.9,7,2.9,5.6 s1.2-2.7,2.7-2.7C7,2.9,8.2,4.1,8.2,5.6C8.2,5.6,8.2,5.6,8.2,5.6z M25.1,25H21v-7.1c0-1.7-0.5-3.9-2.8-3.9c-2.4,0-3.2,1.9-3.2,3.8 V25h-4V10h4v2h0.2c0.9-1,2.6-2.3,4.4-2.2c4.7,0,5.5,3.1,5.5,7.1L25.1,25z'/%3e%3c/svg%3e ");
		background-repeat: 				no-repeat;
		background-position: 			center center;
		background-size: 				28px 28px;
		text-indent: 					0;
	}

	
	#nav--content a {
		transition: 				color 0.3s ease,
									background-color 0.3s ease;
	}
	
	#nav--content a:hover {
		color: 						var(--light);
		background-color: 			var(--purple);
	}

	
	/* frontpage */
	
	main .leaf {
		padding: 2rem 2rem 3rem;
		margin-bottom: 2rem;
	}
	
	
	.fpsec--services--2 {
		padding-bottom: 			8rem;
	}
	
	.fpsec--perspective header.col-xs {
		padding: 2rem 18rem 6rem 4rem;
	}
	
	.fpsec--services__bgcontainer article {
		padding-left: 				4rem;
	}
	
	.leaf header {
		min-height: 10rem;
	}

	.leaf--border {
		border: 2px solid var(--orange);
	}

	.leaf.light h2 {
		border-bottom: 					2px solid var(--light);
	}

	.leaf.dark h2 {
		border-bottom: 					2px solid var(--black);
	}

	
	.jig--outline {
		border-width: 				2px;
		padding-bottom: 			6rem;
	}
	
	
	/* second page */
	
	
	.page--imageblock.jig--bottom-top::after {
		bottom: 50px;
	}
	
	.article--single h3 {
		font-size: 27px;
		margin-top: 2rem;
		line-height: 1.4;
	}
	
	/* pages all */
	
	.section--contentall {
		padding-bottom:  				12rem;
	}
	
	/* page services */
	
	.section--servicescontent {
		margin-top:  				6rem;
	}
	
	.col--numbered--list h3 {
		font-size: 						var(--fs-medium);
	}
	
	.h3--purple  h3 {
		color: 							var(--purple);
	}

	/* area services */

	.col--numbered--list h3::before {
		left: 							-4rem;
	}

	.section__comments {
		width: 							80%;
	}
	
	
} /* ./1360 */



/* - - - - - Large devices (desktops, 992px and up) - - - - -  */
@media (min-width: 1400px) {
	
	.primary--header {
		grid-area: intro;
		width: 40%;
		margin: 0 5% 10rem auto;
		font-size: var(--fs-textl);
	}
	
	.primary--header p {
		padding-right: 					4rem;
		line-height: 					1.6;
	}
	
	/* jigs */
	
	.jig::after {
		content: 						"";
		position: 						absolute;
		width: 							130px;
		height: 						122px;
		background-size: 				130px 122px;
		background-repeat: 				no-repeat;
	}
		
	.jig--bottom-top::after {
		bottom: 						-9px;
		left: 							calc(25% - 40px);
	}


	.jig--bottom::after {
		bottom: 						-114px;
	}
	
	.jig--bottom-left::after {
		bottom: 						-114px;
	}

	.jig--top::after,
	.jig--top--center::after {
		top: 							-114px;
	}


	.jig--side--right::after {
		bottom: 						3rem;
		right: 							-10px;
		transform: 						rotate(-90deg);
	}

	.jig--side--left::after {
		bottom: 						calc(50% - 61px);
		left: 							-118px;

	}
	
	
	
} /* ./1400 */













/* - - - - - Large devices (desktops, 992px and up) - - - - -  */
@media (min-width: 1600px) {
	
	/* typo */
	
	body {
		line-height: 				1.8rem;
	}
	
	:root {
		--fs-xs: 					12px;
		--fs-sm: 					14px;
		--fs-large: 				36px;
		--fs-medium: 				28px;

		--leafradius:  				80px;
		--fs-textl: 				21px;
		--f-size-text: 				16px;
	}
	
	.header__logo {
		padding-top: 				2rem;
	}
	
	.col-md-3.header__logo {
		width: 						12.5%;
	}
	
	.page--headerpluspicture {
		margin-top: 				175px;
	}
	
	.nav--main ul li {
    	font-size: 					1rem;
	}
	
	.button--contact {
		position: 					absolute;
		right: 						2rem;
		top: 						1rem;
		background-color: 			var(--purple);
		display: 					block;
		-webkit-border-radius: 		30px;
		-moz-border-radius: 		30px;
		border-radius: 				30px;
		padding: 					0.5rem 2rem 0.8rem;

	}
	
	.h1--primary {
		padding-left: 				2rem;
		font-size: 					var(--fs-large);
	}
	
	.h1--primary::after {
		height: 5rem;
		width: 96%;
		bottom: 0.5rem;
		right: 0;
		z-index: -1;
		-webkit-border-top-left-radius: 40px;
		-webkit-border-bottom-right-radius: 40px;
		-moz-border-radius-topleft: 40px;
		-moz-border-radius-bottomright: 40px;
		border-top-left-radius: 40px;
		border-bottom-right-radius: 40px;
	}
	
	.sec--bigquote {
		padding-bottom: 				8rem;
	}
	
	.fpsec--services__bgcontainer article {
		padding-bottom: 			   24rem;
		padding-right: 					32.5%;
	}
	
	.fpsec--services__bgcontainer article::after {
		bottom: -4rem;
		left: 0;
		height: 						220px;
	}

	.fpsec--references__logos {
		margin-top: 					4rem;
	}
	
	/* second page */
	
	.page--content {
		padding-top: 					5rem;
	}
	
	.page--t02 .sec--about.offset-md-1 {
		margin-left: 					12.5%;
	}
	
	aside.sec--about {
		margin-top: 					7rem;
	}
	
	/* page single */
	
	
	main.page--single {
		margin-top: 					12rem;
	}
	
	.page--content__full {
		padding-bottom: 				6rem;
	}
	
	.page--content--services {
		padding-bottom: 				3rem;
	}
	
	
	
} /* ./1600 */



/* - - - - - Large devices (desktops, 992px and up) - - - - -  */
@media (min-width: 1700px) {
	
	/* typo */
	
	body {
		line-height: 				1.8rem;
	}
	
	button.d-lg-none,
	a.button.d-lg-none {
		display:  					none !important;
	}
	
	:root {
		--fs-xs: 					12px;
		--fs-sm: 					14px;
		--fs-large: 				42px;
		--fs-medium: 				36px;

		--leafradius:  				100px;
		--fs-textl: 				21px;
		--f-size-text: 				16px;
	}
	
	.nav--main ul li {
    	font-size: 					1rem;
	}
	
	.fpsec--services__bgcontainer article::after {
		bottom: 					-4rem;
		left: 						0;
		height: 					280px;
	}
	
}