@font-face {
    font-family: FoodTruckChalkboard;
    src: url("fonts/FoodTruckChalkboard-Regular.otf") format("opentype");
}
@font-face {
    font-family: BrandonGrotesqueLight;
    src: url("fonts/BrandonGrotesque-Light.otf") format("opentype");
}
@font-face {
    font-family: BrandonGrotesqueBold;
    src: url("fonts/BrandonGrotesque-Bold.otf") format("opentype");
}
* {
	margin:0;
	padding: 0;
}
html {
	max-width: 100vw;
	overflow-x: hidden;
}
body {
	max-width: 100vw;
	overflow-x: hidden;
	font-family: BrandonGrotesqueLight;
	color: white;
	font-size: 1.4vw;
}
h1 {
    font-family: FoodTruckChalkboard;
    font-weight: normal;
    font-size: 5.5vw;
    text-align: center;
    line-height: 100%;
    margin-bottom: 3vw;
}
p {
	margin-bottom: 1.3vw;
	hyphens: auto;
}
strong {
	font-family: BrandonGrotesqueBold;
	font-weight: normal;
}
#header {
	background-image: url(../images/header.jpg);
	background-size: cover;
	background-position: center center;
	height: 100vh;
	width: 100vw;
	position: relative;
}
#header .logo {
	width: 22vw;
	position: absolute;
	left: 39vw;
	top: 50%;
	transform: translateY(-50%);
}
#header .logo svg {
	width: 22vw;
}
#section1 {
	position: relative;
}
.wrapper {
	position: relative;
	top: -5vw;
}
.background-top {
	width: 100vw;
	overflow-x: hidden;
}
.background-top img {
	width: 105%;
	display: block;
	margin-left: -2.5%
}
#section1 .content {
	background-color: #00513b;
	transform: translateY(-2px);
}
.content {
    padding: 0 3vw;
    padding-bottom: 17vw;
}
.textblock {
	width: 50vw;
}
.engaged {
	margin: 0 5vw;
}
.hasIcon {
	background-size: 3vw 3vw;
	padding-left: 4vw;
	background-repeat: no-repeat;
	min-height: 4vw;
}
.section1-image {
	position: absolute;
	width: 50vw;
    top: 6vw;
    right: -4vw;
}
.section1-image img {
	width: 100%;
}
#section2 {
	position: relative;
	margin-bottom: -23vw;
}
#section2 .wrapper {
	top: -23vw;
}
#section2 h1, #section2 p {
	color: #00513b;
}
#section2 .textblock {
	margin-left: 43vw;
}
.section2-image {
	position: absolute;
	width: 50vw;
    top: 10vw;
    left: -4vw;
    z-index: 99;
}
.section2-image img {
	width: 100%;
}
#section2 .content {
	padding-bottom: 12vw;
}
#section2 .background-bottom {
	position: relative;
    z-index: 98;
}
#section2 .background-bottom img {
	width: 105%;
	margin-left: -2.5%;
}
#section3 .content {
	background-color: #00513b;
}
#section3 .wrapper {
	top: -18vw;
}
.seals {
	text-align: center;
}
.seals img {
	width: 40%;
	margin: 0 5%;
}
.seals img:first-child {
	transform: scale(0.8);
}
.clear {
	clear: both;
}
.section3-image {
	position: absolute;
	width: 52vw;
    top: 9vw;
    right: -4vw;
}
.section3-image img {
	width: 100%;
}
#section3 {
	position: relative;
}
#section3 .textblock {
	padding-top: 20vw;
	padding-bottom: 20vw;
}
#section3 .content {
	padding-bottom: 10vw;
}
.dots {
	position: absolute;
	width: 15vw;
	bottom: 0vw;
	left: 0;
	z-index: 101;
}
.dots img {
	width: 100%;
}
.textblock2 {
	width: 50vw;
	margin-left: 22vw;
	text-align: center;
}
.textblock2 p {
	hyphens: none;
}
#section4 {
	background-image: url(../images/section4-bottom_cut.jpg);
	background-position:  right bottom -1vw;
	background-repeat: no-repeat;
	background-size: 20vw;
	/*height: 50vw;*/
	margin-bottom: -1vw;
	margin-top: -22vw;
}
#section4 .wrapper {
	top: 0;
}
#section4 h1 {
	color: #00513b;
}
#section4 p {
	color: black;
}
#section4 .textblock {
	width: 74vw;
	margin-left: 10vw;
	text-align: center;
	margin-top: 5vw;
}
#section4 .content {
	padding-bottom: 0vw;
}
#section4 .column {
	width: 25%;
	float: left;
}
#section4 .column img {
	width: 60%;
	margin: 0 20%;
}
#section4 .column .inner {
	margin: 1vw;
}
#section4 h3 {
	color: #eba900;
	margin: 1vw 0 1vw 0;
	font-size: 1.4vw;
	min-height: 4vw;
}
#section4 .column p {
	font-size: 1vw;
}
#section4 .column p.small {
	font-size: 0.8vw;
}
#section5 .content {
	background-color: #00513b;
	padding-bottom: 5vw;
}
#section5 {
	position: relative;
}
#section5 .wrapper {
	top: 0;
}
#section5 .textblock {
	width: 94vw;
	text-align: center;
}
#section5 .content {
	margin-top: -2px;
}
p a {
	color: #fff;
	text-decoration: none;
}
.footer {
	background-color: #112d21;
}
.footer .inner {
	padding: 5vw;
	text-align: center;
}
.footer a {
	color: white;
	text-decoration: none;
	font-size: 1.1vw;
}
.section5-image {
	position: absolute;
	width: 20vw;
	right: 0;
	top: 0;
}
.section5-image img {
	width: 100%;
}
#imprint {
	background-color: #112d21;
	padding-bottom: 50px;
	display: none;
}

#imprint.open {
	display: block;
}
#imprint>div {
	margin:0 5vw;
}
.impressum .centered {
	text-align: center;
}
#imprint h2 {
	    font-family: FoodTruckChalkboard;
	    text-align: center;
	    padding: 80px 0 40px 0;
	    font-size: 4vw;
	    font-weight: normal;
}


#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; position:fixed; top:auto; bottom: 10px; left:10px; right: 10px; z-index: 9000; border-radius: 10px;}
#cookie-bar p {margin:0; padding:20px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:5px 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#00513b;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.ga-btn {
	color: white;
	text-decoration: underline;
	border-radius: 4px;
	padding-bottom: 20px;
	display: block;
}

@media (max-width: 1300px) {
	#section4 {
		/*height: 73vw;*/
	}
	#section4 .column p {
    	font-size: 1.4vw;
	}
	#section4 .column p.small {
	    font-size: 1.2vw;
	}
	#section4 .textblock {
	    width: 90vw;
	    margin-left:2.5vw;
	}
}

@media (max-width: 800px) {
	body {
		font-size: 15px;
	}
	#header {
		height: 80vh;
	}
	#header .logo {
		width: 50vw;
		left: 25vw;
	}
	#header .logo svg {
	    width: 50vw;
	}
	.textblock {
	    width: 94vw;
	}
	h1 {
		font-size: 9vw;
	}
	.hasIcon {
    	background-size: 6vw 6vw;
    	padding-left: 7vw;
	}
	.section1-image {
	    position: static;
	    width: 100%
	}
	#section1 h1 {
		padding-top: 9vw;
	}
	#section2 .textblock {
    	margin-left:0;
	}
	.section2-image {
    	position: static;
    	width: 100%;
  	}
  	#section2 .content {
  		padding-bottom: 0;
  	}
  	.section3-image {
	    position: static;
    	width: 100%;
	}
	#section3 .textblock {
	    padding-bottom:0;
	}
	#section4 {
		background-image: none;
	}
	#section4 .column {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
	    margin-top: 20px;
	}
	#section4 h3 {
    	font-size: 18px;
	}
	#section4 .column p {
	    font-size: 1rem;
	}
	#section4 .column p.small {
	    font-size: 0.8rem;
	}
	#section4 .column img {
	    width: 30%;
	    margin: 0 33%;
	}
	#imprint h2 {
	    font-family: FoodTruckChalkboard;
	    text-align: center;
	    padding: 40px 0 20px 0;
	    font-size: 8vw;
	}
	.textblock2 {
    	width: 60vw;
    	margin-left: 17vw;
	}
	.footer a {
		font-size: 13px;
	}
	.textblock2 p {
		hyphens: auto;
	}
	#cookie-bar a {
		display: block;
	}
	#imprint .link {
		word-break: break-all; 
	}

	
}