@font-face { font-family: 'Walsheim-Bold';
             src: url('/site/templates/styles/GT-Walsheim-Bold.woff') format('woff');
             font-weight: bold; 
             }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: black; }
* { box-sizing: border-box; }
body {
	font-family: 'Walsheim-Bold', sans-serif;
	font-weight: bold;
	letter-spacing: 0.3pt;
}
p {
	font-size: 18px;
	line-height: 28px;
	margin: 0 auto 30px;
}

.template_imprint .center {
	height: 1000px !important;
}

.center {
	height: 2480px !important;
	overflow: hidden;
	text-align: center;
	position: absolute;
	width: 100%;
	background: white;
	z-index: -2;
}
.instagram {
	width: 40px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	z-index: 10;
}
.instagram img {
	width: 100%;
}
header {
	margin: 90px 0 0 0;
	width:100%;
	text-align: center;
}
a.title img {
	height: 200px;
}

section.news {
	margin: 145px auto 0;
	max-width: 500px;
}
section.news h2, section.news time {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	margin: 0 0 40px 0;
	display: block;
}
section.news h2 {
	width: 260px;
	margin: 0 auto 40px;
}

section.about {
	margin: 275px auto 0;
	max-width: 500px;
}
section.about p {
	width: 390px;
	padding: 0 20px;
	max-width: 100%;
}
footer {
	margin: 275px 0 0 -160px;
	max-width: 500px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 320px;
	left: 50%;
}

/* LETTERS */
.letters * {
	position: absolute;
	z-index: 2;
}
.letters .o {
	right: 20%;
	top: 280px;
}
.letters .h {
	right: 10%;
	top: 480px;
}
.letters .l {
	left: 10%;
	top: 550px;
}
.letters .t {
	right: 20%;
	top: 870px;
}
.letters .i {
	left: 10%;
	top: 1350px;
}
.letters .e {
	left: 20%;
	top: 1530px;
}
.letters .d {
	right: 10%;
	top: 1820px;
}


/* FRUITS */
.fruits * {
	position: absolute;
	z-index: -1;
}

.fruits .melone {
	left: -3%;
	top:-170px
}
.fruits .rotebeete {
	top:-370px;
	right:-10%;
}
.fruits .zitrone {
	right: -5%;
	top: 607px;
	width: 500px;
}
.fruits .bohne {
	left: -5%;
	top: 690px;
	z-index: -3;
}
.fruits .bohne.three {
	z-index: -2;
}
.fruits .bohne.four {
	z-index: -1;
}

.fruits .feige {
	top: 910px;
	left: 12%;
	width: 400px;
	z-index: -2;
}
.fruits .pilz {
	top: 1060px;
	z-index: 1;
	right: 10%;
}
.fruits .karotte {
	left: 5%;
	top: 1590px;
	width: 1000px;
}
.fruits .karotte2 {
	left: 10%;
	top: 1590px;
	width: 1000px;
}
.fruits .kuerbis {
	left: -10%;
	top: 1870px;
	width: 350px;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
.fruits .kohl {
	right: -5%;
	z-index: 1;
	top: 2120px;
	z-index: -1;
}
.fruits .blatt {
	right: -5%;
	top: 1170px;
	z-index: -3;
}

/* BUTTONS */
button {
	font-family: 'Walsheim-Bold', sans-serif;
	background: #00964d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 34px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	float: left;
	clear: left;
	letter-spacing: 0.5pt;
	outline: none;
	border: none;
	margin: 20px 0 0 20px;
	cursor: pointer;
	position: absolute;
}
button#btnSave {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #007a3d;
}
.on {
	background-color: rgba(118, 118, 118, 0.69) !important;
}
.onn {
	background-color: #007a3d !important;
}
button#btnSaveend {
	left: 0px;
	top: 90px;
	z-index: 10;
	background-color: rgba(118, 118, 118, 0.69);
}

/* PIC BIG */
.pic {
	position: absolute;
	border: 1px solid gray;
	width: 1080px;
	height: 1080px;
	text-align: center;
	padding: 0 60px;
	background: white;
	overflow: hidden;
}
.pic.big {
	top: 300px;
	left: 0;
	opacity: 0;
	background: white;
}
.pic.big img.pic_bg {
	position: absolute;
	z-index: 1;
}
.pic .title {
	margin: 35px 0 20px 0;
	width: 210px;
	display: inline-block;
}
.pic .title img {
	width: 100%;
}
.pic .text {
	height: 796px;
	width: 800px;
	padding: 0px;
	z-index: 100;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -400px;
}
.pic .text:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.pic .text p {
	font-size: 32px;
	line-height: 48px;
	display: inline-block; 
	vertical-align: middle;
}
.white {
	position: absolute;
	width: 100%;
	background: white;
	z-index: -10;
	top:0;
	left: 0;
}
.template_insta .Feige {
	bottom: -140px;
	right: -100px;
	width: 350px;
}
.template_insta .Birne {
	top: -360px;
	left: -100px;
	width: 450px;
}
.template_insta .Radieschen {
	top: -50px;
	left: 0;
	width: 1200px;
}
.template_insta .Bohne {
	top: -75px;
	left: -240px;
	width: 700px;
}
.template_insta .Melone {
	top: 0;
	right: -60px;
	width: 500px;
}
.template_insta .Zitrone {
	top: -230px;
	right: -300px;
	width: 600px;
}
.template_insta .Kohl {
	top: -230px;
	right: -300px;
	width: 600px;
}
.template_insta .Karotte {
	top: 0;
	left: 0;
	width: 1080px;
}
.template_insta .Aubergine {
	top: -50px;
	left: -50px;
	width: 1300px;
}
.template_insta .Moehren {
	top: -240px;
	left: -520px;
	width: 1900px;
}
.template_insta .Gurken {
	top: -130px;
	left: -50px;
	width: 400px;
}
.template_insta .Pilze {
	top: 50px;
	left: 40px;
	width: 1150px;
}

/* PRE */
.pre img.pre_bg {
	position: absolute;
	z-index: -1;
}
.pic.pre {
	border: 1px solid gray;
	margin: 20px 0 0 20px;
	float: left;
	width: 270px;
	height: 270px;
	text-align: center;
	padding: 0 15px;
	background: white;
	clear: left;
	position: absolute;
	top: 200px;
	z-index: -1;
}
.pic.pre .title {
	margin: 9px 0 0 -27px;
	width: 55px;
	display: inline-block;
	position: absolute;
	top:0;
	left: 50%;
}
.pic.pre .title img {
	width: 100%;
}
.pic.pre .text {
	height: 195px;
	padding: 90px 0px 15px 0px;
}
.pic.pre .text:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.pic.pre p {
	font-size: 8px;
	line-height: 11px;
	margin: 0 0 0 0;
	padding: 0;
}
.template_insta .pre .Feige {
	bottom: -35px;
	right: -25px;
	width: 88px;
}
.template_insta .pre .Birne {
	top: -90px;
	left: -25px;
	width: 112px;
}
.template_insta .pre .Radieschen {
	top: -12px;
	left: 0;
	width: 300px;
}
.template_insta .pre .Bohne {
	top: -19px;
	left: -60px;
	width: 175px;
}
.template_insta .pre .Melone {
	top: 0;
	right: -15px;
	width: 125px;
}
.template_insta .pre .Zitrone {
	top: -57px;
	right: -75px;
	width: 150px;
}
.template_insta .pre .Kohl {
	top: -58px;
	right: -75px;
	width: 150px;
}
.template_insta .pre .Karotte {
	top: 0;
	left: 0;
	width: 270px;
}
.template_insta .pre .Aubergine {
	top: -12px;
	left: -12px;
	width: 325px;
}
.template_insta .pre .Moehren {
	top: -60px;
	left: -130px;
	width: 475px;
}
.template_insta .pre .Gurken {
	top: -30px;
	left: -13px;
	width: 100px;
}
.template_insta .pre .Pilze {
	top: 12px;
	left: 10px;
	width: 292px;
}


/* CANVAS + IMG.FINAL */
canvas {
	z-index: 1;
	position: absolute;
	top: 300px;
	left: 0;
	width: 20px;
	width: 1080px;
	opacity: 0;
	background: white;
}

img.final {
	position: absolute;
	top: 220px;
	left: 20px;
	width: 100%;
	max-width: 270px;
	border: 1px solid rgba(127, 127, 127, 0.33);
	z-index: 1000;
}



@media screen and (max-width: 770px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 770px) {
body {
	overflow-y: scroll !important;
}
.center {
	height: 1320px !important;
}
header {
	margin: 60px 0 0 0;
}
header img {
	width: 150px;
}
section.news {
	margin: 85px auto 0;
	max-width: 400px;
}
section.news h2, section.news time {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 20px 0;
	display: block;
}
section.news h2 {
	width: 220px;
	margin: 0 auto 20px;
}
section.news p {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
section.about {
	margin: 155px auto 0;
	max-width: 280px;
}
p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 14px 0;
	padding: 0 20px;
	font-weight: bold;
	letter-spacing: 0.2pt;
}
footer {
	margin: 135px 0 0 -160px;
	max-width: 500px;
	position: absolute;
	bottom: 0;
	width: 320px;
	left: 50%;
}
.fruits img {
	width: 50%;
}

.letters {
	display: none;
}
.letters * {
	width: 60px;
}
.letters .o {
	right: 5%;
	top: 170px;
}
.letters .h {
	left: 5%;
	top: 250px;
}
.letters .l {
	right: 0%;
	top: 450px;
	left: inherit;
}
.letters .t {
	right: 40%;
	top: 630px;
	margin: 0 -30px 0 0;
}
.letters .i {
	left: 2%;
	top: 660px;
}
.letters .e {
	left: 27%;
	top: 1023px;
}
.letters .d {
	right: 10%;
	top: 1050px;
}


.fruits .melone {
	left: -8%;
	top:-2%;
}
.fruits .rotebeete {
	top:-5%;
	right:-20%;
}
.fruits .zitrone {
	right: -15%;
	top: 30%;
	width: 200px;
}
.fruits .bohne {
	left: -10%;
	top: 32%;
}
.fruits .bohne.three {
	z-index: -4;
}
.fruits .bohne.four {
	z-index: -2;
}
.fruits .feige {
	top: 25%;
	left: -8%;
	width: 150px;
	z-index: -3;
}
.fruits .pilz {
	top: 60%;
	z-index: 1;
	right: 5%;
	width: 70px;
}
.fruits .karotte {
	left: -24%;
	top: 1090px;
	width: 350px;
}
.fruits .karotte2 {
	left: 36%;
	top: 1090px;
	width: 350px;
}
.fruits .kuerbis {
	left: -10%;
	top: 58%;
	display: none;
}
.fruits .kohl {
	right: inherit;
	left: -10%;
	z-index: -1;
	top: 90%;
}
.fruits .blatt {
	right: -50%;
	top: 65%;
	width: 300px;
}





}