/*genrated on 2023-30-01 09:41:59**************************************************************************************************/
/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../../_libs/fonts/google/cabin-v26-latin-regular.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-regular.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-regular.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-500 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('../../_libs/fonts/google/cabin-v26-latin-500.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-500.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-500.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-600 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('../../_libs/fonts/google/cabin-v26-latin-600.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-600.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-600.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('../../_libs/fonts/google/cabin-v26-latin-700.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-700.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-700.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('../../_libs/fonts/google/cabin-v26-latin-italic.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-italic.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-500italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  src: url('../../_libs/fonts/google/cabin-v26-latin-500italic.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-500italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-500italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-500italic.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-600italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  src: url('../../_libs/fonts/google/cabin-v26-latin-600italic.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-600italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-600italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-600italic.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* cabin-700italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('../../_libs/fonts/google/cabin-v26-latin-700italic.eot');
  src: local(''), url('../../_libs/fonts/google/cabin-v26-latin-700italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/cabin-v26-latin-700italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/cabin-v26-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/cabin-v26-latin-700italic.svg#Cabin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../../_libs/fonts/google/lato-v23-latin-100.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-100d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-100.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-100.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../../_libs/fonts/google/lato-v23-latin-100italic.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-100italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-100italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-100italic.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../../_libs/fonts/google/lato-v23-latin-300.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-300.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-300.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../../_libs/fonts/google/lato-v23-latin-300italic.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-300italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-300italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-300italic.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../../_libs/fonts/google/lato-v23-latin-regular.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-regular.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-regular.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../../_libs/fonts/google/lato-v23-latin-italic.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-italic.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../../_libs/fonts/google/lato-v23-latin-700.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-700.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-700.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../../_libs/fonts/google/lato-v23-latin-700italic.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-700italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-700italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-700italic.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../../_libs/fonts/google/lato-v23-latin-900.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-900d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-900.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-900.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../../_libs/fonts/google/lato-v23-latin-900italic.eot');
  src: local(''), url('../../_libs/fonts/google/lato-v23-latin-900italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/lato-v23-latin-900italic.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/lato-v23-latin-900italic.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-200 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-200.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-200d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-200.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-200.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-200.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-300.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-300.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-300.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-500.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-500.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-500.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-regular.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-regular.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-regular.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-600.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-600.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-600.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-700.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-700.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-700.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* work-sans-800 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../../_libs/fonts/google/work-sans-v17-latin-800.eot');
  src: local(''), url('../../_libs/fonts/google/work-sans-v17-latin-800d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/work-sans-v17-latin-800.html') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/work-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/work-sans-v17-latin-800.svg#WorkSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/*Wichtig: Nur hier die Schriftart/Größe für Editor setzen*/
td,
body {
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  line-height: 22px;
}
table {
  width: 100%;
}
td {
  padding: 0px;
  vertical-align: top;
}
a img {
  border: none;
}
a {
  color: #6ab023;
}
h1,
h2,
h3 {
  font-family: 'Cabin', sans-serif;
  color: #000000;
}
h1 {
  font-size: 34px;
  margin-top: 0px;
  margin-bottom: 6px;
  font-weight: 400;
}
h2 {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 26px;
  font-weight: 400;
}
p {
  margin-top: 6px;
  margin-bottom: 6px;
}
div.fileicon {
  float: left;
  margin-right: 12px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-image: url(txt.html);
  background-repeat: no-repeat;
}
div.fileicon_pdf {
  background-image: url(pdf.html);
}
div.fileicon_jpg {
  background-image: url(jpg.html);
}
div.fileicon_bmp {
  background-image: url(jpg.html);
}
div.fileicon_gif {
  background-image: url(jpg.html);
}
div.fileicon_png {
  background-image: url(jpg.html);
}
div.fileicon_rar {
  background-image: url(rar.html);
}
div.fileicon_zip {
  background-image: url(zip.html);
}
div.fileicon_xls {
  background-image: url(xls.html);
}
div.fileicon_csv {
  background-image: url(xls.html);
}
div.fileicon_fla {
  background-image: url(fla.html);
}
div.fileicon_swf {
  background-image: url(fla.html);
}
div.fileicon_doc {
  background-image: url(doc.html);
}
div.fileicon_docx {
  background-image: url(doc.html);
}
div.fileicon_mp3 {
  background-image: url(mp3.html);
}
div.fileicon_avi {
  background-image: url(avi.html);
}
div.fileicon_mpeg {
  background-image: url(avi.html);
}
div.fileicon_mov {
  background-image: url(avi.html);
}
div.fileicon_exe {
  background-image: url(exe.html);
}
body,
html {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  color: #FFFFFF;
}
.BodyHolder {
  width: 100%;
}
/*useful config (don't delete)*/
.loading a {
  pointer-events: none;
}
html {
  overflow-y: scroll;
}
span a {
  cursor: pointer;
}
form {
  margin: 0px;
}
a {
  outline: none;
}
h1,
h2,
h3 {
  color: #FFFFFF;
}
/* Basis layout */
div#container {
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
div#top {
  width: 100%;
  height: 100px;
  background-color: #F0F0F0;
}
.logo {
  width: 330px;
  height: 360px;
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
}
.logo img {
  width: 211px;
  height: 211px;
  display: block;
}
/*.logo*/
#logoScroll {
  position: fixed;
  top: -105px;
  z-index: 999;
  width: 50px;
  height: 50px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#logoScroll img {
  width: 50px;
  height: 50px;
}
/*#logoScroll*/
#logoScroll.active {
  top: 2px;
}
/*#logoScroll*/
#logoScrollMobile {
  display: none;
}
.mainClaim {
  width: 560px;
  height: 360px;
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  /*.top*/
  /*.bottom*/
}
.mainClaim .top {
  font-size: 51px;
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
  height: 60px;
  display: block;
  width: 100%;
  line-height: 55px;
  margin: 105px 0px 0px 0px;
}
.mainClaim .top span {
  color: #6ab023;
}
.mainClaim .bottom {
  font-size: 27px;
  font-family: 'Cabin', sans-serif;
  font-weight: 500;
  height: 60px;
  display: block;
  padding-left: 60px;
  line-height: 32px;
}
/*.mainClaim*/
.TextItem h1 {
  margin-bottom: 25px;
  color: #FFFFFF;
}
.TextItem p {
  padding-left: 20px;
  width: 750px;
}
/*.TextItem*/
.icoDown {
  background-image: url("images/ico_down.png");
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: 150px 99px;
  width: 150px;
  height: 120px;
  margin: 90px auto 0px auto;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*a*/
  /*&:hover*/
}
.icoDown a {
  width: 100%;
  height: 120px;
  display: block;
}
.icoDown:hover {
  background-position: center 20px;
}
/*.icoDown*/
.icoContact {
  background-image: url("images/ico_contact.png");
  background-position: -5px 0px;
  background-repeat: no-repeat;
  width: 87px;
  height: 130px;
  margin: 0px auto 0px auto;
  position: fixed;
  left: 0px;
  top: 300px;
  display: block;
  z-index: 999;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*a*/
}
.icoContact a {
  width: 100%;
  height: 65px;
  display: block;
}
.icoContact:hover {
  background-position: 0px 0px;
}
/*.icoContact*/
.Download {
  background-color: #6ab023;
  background-image: none;
  border-radius: 5px;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-shadow: 0 0 2px #373737;
  width: 300px;
  display: block;
  color: #ffffff;
  margin: 30px auto 0px auto;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover*/
}
.Download:hover {
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  color: #6ab023;
  text-shadow: 0 0 0px #ffffff;
  height: 45px;
  line-height: 45px;
  margin-top: 25px;
}
/*.Download*/
div#div1 {
  background-image: url("images/bgd_start.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
}
div#div2 {
  background-image: url("images/bgd_unternehmen.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
}
div#div1 {
  height: 940px !important;
}
div#div2 {
  height: 1350px !important;
}
div#div3 {
  background-image: url("images/bgd_produkte.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
}
div#div5 {
  height: 0px;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#div5.show {
  height: 900px;
  background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
}
div#middle {
  width: 100%;
  float: left;
  min-height: 2400px;
}
.contentInlay {
  width: 994px;
  margin: 0px auto 0px auto;
  min-height: 400px;
  padding-top: 130px;
}
div#footer {
  width: 100%;
  background-color: #F0F0F0;
  height: 270px;
  clear: left;
  margin-top: -270px;
  background-image: url("images/bgd_footer.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.5);
  z-index: 999;
  /*#leftPart, #rightPart */
  /*#leftPart*/
  /*#rightPart*/
}
div#footer #leftPart,
div#footer #rightPart {
  width: 70%;
  float: left;
  min-height: 10px;
  font-family: 'Cabin', sans-serif;
  /*#partTop, #partBottom*/
  /*#partTop*/
}
div#footer #leftPart #partTop,
div#footer #rightPart #partTop,
div#footer #leftPart #partBottom,
div#footer #rightPart #partBottom {
  width: 100%;
  float: left;
  min-height: 30px;
}
div#footer #leftPart #partTop,
div#footer #rightPart #partTop {
  height: 150px;
}
div#footer #leftPart #partTop a,
div#footer #rightPart #partTop a {
  color: #FFFFFF;
}
div#footer #leftPart #partTop #partTopLeft,
div#footer #rightPart #partTop #partTopLeft {
  width: 235px;
  float: left;
  margin-right: 30px;
}
div#footer #leftPart #partTop #partTopRight,
div#footer #rightPart #partTop #partTopRight {
  width: 200px;
  float: left;
}
div#footer #leftPart {
  /*#partBottom */
}
div#footer #leftPart #partBottom strong {
  font-weight: 500;
}
div#footer #rightPart {
  width: 30%;
  /*#partBottom */
}
div#footer #rightPart #partBottom {
  text-align: right;
}
div#footer #rightPart #partBottom a {
  color: #ffffff;
  text-decoration: none;
}
div#footer .contentInlayFooter {
  padding-top: 70px;
  width: 994px;
  margin: 0px auto 0px auto;
  height: 185px !important;
}
/*#footer*/
/* @end */
.navigation {
  height: 55px;
  width: 994px;
  margin: 0px auto 0px auto;
  display: block;
}
div#navigation {
  /* Navigation - Global*/
  height: 55px;
  width: 994px;
  margin: 0px auto 0px auto;
  display: block;
}
div#navigation .navigationInlay {
  float: right;
  position: relative;
}
div#navigation .navbutton {
  display: block;
  height: 55px;
  line-height: 55px;
  font-weight: 400;
  font-size: 15px;
  padding-left: 12px;
  color: #6ab023;
  float: left;
  padding-left: 15px;
  padding-right: 30px;
  background-image: url("images/ico_navbutton.png");
  background-position: right 22px;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  text-decoration: none;
}
div#navigation .navbutton.last {
  background-image: none;
  padding-right: 0px;
}
/* @end */
div#navigationContainer {
  width: 100%;
  height: 55px;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #FFF;
  z-index: 666;
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  /*.activeLine*/
}
div#navigationContainer .activeLine {
  background-color: #6ab023;
  height: 5px;
  width: 60px;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*div#navigationContainer*/
div#navigationContainer.companyActive {
  /*.activeLine*/
}
div#navigationContainer.companyActive .activeLine {
  left: 85px;
  width: 110px;
}
/*div#navigationContainer.companyActive*/
div#navigationContainer.productActive {
  /*.activeLine*/
}
div#navigationContainer.productActive .activeLine {
  left: 223px;
  width: 75px;
}
/*div#navigationContainer.productActive*/
div#navigationContainer.productActive {
  /*.activeLine*/
}
div#navigationContainer.productActive .activeLine {
  left: 223px;
  width: 75px;
}
/*div#navigationContainer.productActive*/
div#navigationContainer.contactActive {
  /*.activeLine*/
}
div#navigationContainer.contactActive .activeLine {
  left: 330px;
  width: 70px;
}
/*div#navigationContainer.productActive*/
.leftArea,
.rightArea {
  width: 48%;
  padding-left: 2%;
  float: left;
  min-height: 100px;
}
.leftArea h2,
.rightArea h2 {
  font-size: 27px;
  font-weight: 400;
  height: 50px;
  font-family: 'Cabin', sans-serif;
}
/*.leftArea, .rightArea*/
.ContentItem {
  width: 100%;
  float: left;
  min-height: 140px;
  margin-bottom: 10px;
  /*h3*/
}
.ContentItem h3 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 10px;
  height: 40px;
  font-family: 'Cabin', sans-serif;
  letter-spacing: 0.5px;
  /*span*/
}
.ContentItem h3 span {
  padding: 10px 15px 10px 15px;
  background-color: #6ab023;
}
.ContentItem .text {
  font-size: 15px;
  margin-top: 5px;
}
/*.ContentItem*/
.coverContentInlay {
  width: 994px;
  overflow: hidden;
  min-height: 10px;
  float: left;
  /*.ProduktInlayAll*/
}
.coverContentInlay .ProduktInlayAll {
  width: 1100px;
  min-height: 10px;
  float: left;
}
/*.coverContentInlay*/
.wideContentInlay {
  width: 100%;
  margin: 0px auto 0px auto;
  min-height: 400px;
  padding-top: 130px;
}
.wideContentInlay .contentInlay {
  width: 100%;
  margin: 0px auto 0px auto;
  min-height: 400px;
  padding-top: 130px;
}
/*.wideContentInlay*/
.wideContentInlay .coverContentInlay {
  width: 100%;
  margin: 0px auto 0px auto;
  min-height: 400px;
}
.wideContentInlay .coverContentInlay .item {
  display: block;
  height: 400px;
  margin: 0 auto;
  width: 994px;
}
.contentHeader {
  height: 145px;
  width: 100%;
  float: left;
  display: block;
  margin-top: -5px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.claim*/
  /*.title*/
  /*.contentHeaderInlay*/
  /*.contentHeaderBgd*/
}
.contentHeader .claim {
  font-size: 19px;
  line-height: 23px;
  height: 20px;
  font-weight: 400;
  padding: 10px;
  background-color: #6ab023;
  float: left;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.contentHeader span {
  font-size: 19px;
  text-transform: uppercase;
}
.contentHeader .title {
  line-height: 40px;
  height: 40px;
  padding: 5px 10px 5px 10px;
  margin-top: 24px;
  float: left;
  margin-bottom: 1px;
  display: block;
  background-color: #6ab023;
  /*h1*/
}
.contentHeader .title h1 {
  display: block;
}
.contentHeader .title h1,
.contentHeader .title h1 span {
  font-size: 34px;
  font-weight: 400;
  margin: 0px;
  line-height: 40px;
  height: 40px;
}
.contentHeader .contentHeaderInlay {
  width: 994px;
  height: 145px;
  margin: 0px auto 0px auto;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  position: relative;
  /*.scrollToTop*/
}
.contentHeader .contentHeaderInlay .scrollToTop {
  background-image: url("images/ico_up.png");
  background-position: right 5px;
  background-repeat: no-repeat;
  background-size: 29px 29px;
  font-size: 19px;
  font-weight: 300;
  text-transform: uppercase;
  width: 120px;
  padding-right: 30px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0px;
  top: 20px;
  color: #8c8c8c;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.contentHeader .contentHeaderInlay .scrollToTop:hover {
  background-position: right 0px;
}
.contentHeader .contentHeaderBgd {
  height: 145px;
  width: 100%;
  float: left;
  display: block;
  background-color: #fefefe;
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.contentHeader*/
#xcontentHeader_1.activeFixed,
#xcontentHeader_2.activeFixed {
  /*.contentHeaderBgd*/
}
#xcontentHeader_1.activeFixed .contentHeaderBgd,
#xcontentHeader_2.activeFixed .contentHeaderBgd {
  height: 50px;
  position: fixed;
  top: 56px;
  background-color: rgba(254, 254, 254, 0.85);
}
#xcontentHeader_1.activeFixed .contentHeaderBgd .claim,
#xcontentHeader_2.activeFixed .contentHeaderBgd .claim {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
#xcontentHeader_1.activeFixed .contentHeaderBgd .title,
#xcontentHeader_2.activeFixed .contentHeaderBgd .title {
  float: right;
  margin-top: 0px;
}
#xcontentHeader_1.activeFixed .contentHeaderBgd .title h1,
#xcontentHeader_2.activeFixed .contentHeaderBgd .title h1 {
  line-height: 29px;
}
#xcontentHeader_1.activeFixed .contentHeaderBgd .title h1 span,
#xcontentHeader_2.activeFixed .contentHeaderBgd .title h1 span {
  font-size: 17px;
  line-height: 34px;
}
#xcontentHeader_1.activeFixed .contentHeaderInlay,
#xcontentHeader_2.activeFixed .contentHeaderInlay {
  height: 105px;
}
/*#contentHeader_1.activeFixed, #contentHeader_2.activeFixed */
.Produkt {
  float: left;
  width: 315px;
  height: 400px;
  margin: 0px 24px 24px 0px;
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.18);
  /*.Text*/
  /*.Titel*/
  /*.Bild*/
}
.Produkt .Text {
  padding: 0px 10px 5px 10px;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
  line-height: 19px;
  width: 295px;
  float: left;
}
.Produkt .Titel {
  width: 315px;
  float: left;
}
.Produkt h2 {
  margin: 0px;
  height: 60px;
  padding-left: 10px;
  line-height: 60px;
}
.Produkt .Bild {
  width: 315px;
  height: 230px;
  display: block;
  float: left;
}
/*.Produkt */
.Produkt_Top {
  width: 655px;
  height: 400px;
  /*.Bild*/
  /*.Text*/
}
.Produkt_Top .Bild {
  height: 400px;
}
.Produkt_Top .Text {
  padding-left: 15px;
  width: 315px;
}
/*.Produkt_Top*/
#div4 {
  position: relative;
}
.kundenmeinungen {
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 400px;
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0px;
  bottom: 0px;
  /*.kundenmeinung*/
}
.kundenmeinungen .kundenmeinung {
  text-align: center;
  margin-top: 25px;
  width: 994px;
  /*.bild*/
  /*.text*/
  /*span*/
}
.kundenmeinungen .kundenmeinung .bild {
  border: 5px solid #6ab023;
  width: 175px;
  height: 175px;
  border-radius: 90px;
  -webkit-border-radius: 90px;
  overflow: hidden;
  margin: 0px auto 0px auto;
  /*img*/
}
.kundenmeinungen .kundenmeinung .bild img {
  border-radius: 90px;
  -webkit-border-radius: 90px;
  overflow: hidden;
}
.kundenmeinungen .kundenmeinung .text {
  background-image: url("images/ico_comment.png");
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: 27px 19px;
  padding: 45px 40px 5px 40px;
  font-size: 19px;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
  min-height: 85px;
  color: #6ab023;
  text-decoration: none;
  margin: 0px auto 0px auto;
}
.kundenmeinungen .kundenmeinung .text a {
  text-decoration: none;
  color: #FFF;
}
.kundenmeinungen .kundenmeinung span.kunde {
  font-size: 21px;
  color: #FFFFFF;
  padding: 5px 25px 5px 25px;
  background-color: #6ab023;
  font-style: italic;
}
.kundenmeinungen .kundenmeinung span.kunde span {
  font-size: 16px;
}
/*.kundenmeinungen*/
.kundenmeinungen.empty {
  background-color: rgba(255, 255, 255, 0);
  display: none;
  pointer-events: none;
}
.buttonSideMenuContainer {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 1px;
  top: 1px;
  display: none;
  z-index: 999;
}
#buttonSideMenu {
  display: block;
  width: 100%;
  height: 100%;
}
#buttonSideMenu:hover {
  cursor: pointer;
}
#buttonSideMenu .menu_icon {
  background-color: #6ab023;
  bottom: auto;
  display: inline-block;
  height: 3px;
  left: 38%;
  position: absolute;
  right: auto;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 25px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu .menu_icon::before,
#buttonSideMenu .menu_icon::after {
  background-color: inherit;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu .menu_icon::before {
  bottom: 7px;
}
#buttonSideMenu .menu_icon::after {
  top: 7px;
}
#buttonSideMenu.active .menu_icon {
  background-color: #ffffff;
  height: 4px;
}
#buttonSideMenu.active .menu_icon::before,
#buttonSideMenu.active .menu_icon::after {
  background-color: #6ab023;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu.active .menu_icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#buttonSideMenu.active .menu_icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.titleGallery {
  font-family: "Cabin", sans-serif;
  font-size: 21px;
  font-weight: 400;
  height: 40px;
  float: left;
  margin-left: 2%;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.titleGallery span {
  background-color: #6ab023;
  padding: 10px 15px;
}
.fotoGalleryAll {
  width: 96%;
  margin-left: 2%;
  height: 226px;
  float: left;
  overflow: hidden;
}
.fotoGallery {
  width: 226px;
  height: 226px;
  float: left;
  margin: 0px 15px 30px 0px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  /*&:hover*/
}
.fotoGallery span.more {
  position: absolute;
  top: 0px;
  width: 226px;
  height: 226px;
  left: -226px;
  font-weight: 700;
  transition: all 0.4s linear 0.2s;
  -webkit-transition: all 0.4s linear 0.2s;
  -moz-transition: all 0.4s linear 0.2s;
  -o-transition: all 0.4s linear 0.2s;
  -ms-transition: all 0.4s linear 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  background-color: rgba(106, 176, 35, 0.85);
  display: block;
  color: #FFF;
  line-height: 226px;
  text-align: center;
}
.fotoGallery img {
  margin-left: 0px;
  transition: margin 1s ease 0s;
  -webkit-transition: margin 1s ease 0s;
  -moz-transition: margin 1s ease 0s;
  -o-transition: margin 1s ease 0s;
  -ms-transition: margin 1s ease 0s;
  width: 276px;
  height: 226px;
}
.fotoGallery:hover span.more {
  left: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.fotoGallery:hover img {
  margin-left: -30px;
}
.fotoGallery_mod4 {
  margin-right: 0px;
}
div#galleryStandard #navGalerieOverlay {
  position: fixed;
  width: 750px;
  height: 80px;
  display: block;
  bottom: 2%;
  left: 20px;
  z-index: 9999;
}
#fotoID {
  height: 40px;
  text-align: center;
  padding: 5px 20px 5px 20px;
  float: left;
  margin: 10px 30px 0px 0px;
  top: 2%;
  display: block;
  left: 20px;
  position: fixed;
  z-index: 9999;
}
div#start a#startButton:hover {
  cursor: pointer;
  background-position: 0px -77px;
}
div#main-main div.complextypes-Galerie-details {
  width: 100%;
  height: 1px;
  display: block;
}
div#button_left {
  margin-right: 15px;
}
div#button_left a:hover {
  background-position: 0px -278px;
  cursor: pointer;
  pointer-events: visible;
}
div#button_left a.button_left.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 40 );
}
div#button_right a.button_right.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 40 );
}
div#button_left a.button_left.disabled:hover {
  background-position: 0px 0px;
  cursor: default;
  pointer-events: visible;
}
#main-DetailImage div#galleryStandard,
#main-DetailImage div div#galleryStandard {
  height: 520px;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0%;
  z-index: 9999;
  pointer-events: none;
}
div#galleryStandard a#close {
  background-image: url("images/bgd_button_back.html");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 300px;
  height: 60px;
  display: block;
  text-align: center;
  line-height: 61px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  pointer-events: visible;
  color: #FFF;
  float: left;
  z-index: 9999;
  margin: 10px 30px 0px 0px;
}
div#galleryStandard a#close:hover {
  cursor: pointer;
  background-position: 0px -60px;
}
div#galleryStandard div#logo {
  width: 227px;
  height: 74px;
  pointer-events: none;
  position: fixed;
  top: -5px;
  left: 20px;
  z-index: 9999;
  border: 1px solid transparent;
}
.back {
  background-color: #ffffff;
  border-bottom: 1px solid #7f7772;
  color: #000000;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 1px;
  opacity: 0.8;
  padding-left: 12px;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 20px;
  text-decoration: none;
}
.back :hover {
  cursor: pointer;
  background-color: #b8ac3c;
  color: #FFF;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
.clearB {
  clear: both;
}
#overlayIframeLoading {
  background-image: url("images/loading.html");
  background-repeat: no-repeat;
  background-position: center center;
  width: 90px;
  background-color: #FFF;
  border-radius: 45px;
  text-indent: -10000px;
  position: absolute;
  height: 90px;
  left: 50%;
  margin-left: -50px;
  top: 45%;
  margin-top: -50px;
  z-index: 999;
}
div#galleryStandard #navGalerieOverlay {
  position: fixed;
  width: 750px;
  height: 60px;
  display: block;
  bottom: 2%;
  left: 20px;
  z-index: 9999;
}
div#main-main div.complextypes-Galerie-details {
  width: 100%;
  height: 1px;
  display: block;
}
div#button_left {
  margin-right: 15px;
}
div#button_left a:hover {
  color: #6ab023;
  cursor: pointer;
  pointer-events: visible;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
div#button_right a:hover {
  color: #6ab023;
  cursor: pointer;
  pointer-events: visible;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
div#button_left a.button_left.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 40 );
}
div#button_right a.button_right.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 40 );
}
div#button_left a,
div#button_right a {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 60 );
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
div#button_left a.button_left.disabled:hover {
  background-position: 0px 0px;
  cursor: default;
  color: #FFF;
  pointer-events: visible;
}
div#button_right a.button_right.disabled:hover {
  background-position: 0px 0px;
  cursor: default;
  color: #FFF;
  pointer-events: visible;
}
div#galleryStandard {
  height: 520px;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0%;
  z-index: 9999;
  pointer-events: none;
}
div#galleryStandard a#close {
  border: 2px solid #FFF;
  width: 250px;
  height: 50px;
  display: block;
  text-align: center;
  line-height: 51px;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  pointer-events: visible;
  float: left;
  z-index: 9999;
  margin: 10px 30px 0px 0px;
  color: #FFF;
}
div#galleryStandard a#close:before {
  content: "< ";
  font-family: 'Source Sans Pro', sans-serif;
}
div#galleryStandard a#close:after {
  content: " >";
  font-family: 'Source Sans Pro', sans-serif;
}
div#galleryStandard a#close:hover {
  cursor: pointer;
  background-position: 0px -60px;
}
div#galleryStandard div#logo {
  width: 260px;
  height: 110px;
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 20px;
  z-index: 9999;
  border: 1px solid transparent;
}
body {
  background-image: url("images/bgd_body.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  background-attachment: fixed;
  font-family: 'Lato', sans-serif;
}
/*body*/
div#container {
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.comingSoon {
  width: 120px;
  height: 86px;
  display: block;
  float: right;
  margin: 0px 0px 0px 0px;
}
/*.comingSoon*/
img.logoArbeit {
  width: 242px;
  height: 242px;
  display: block;
  float: right;
  margin: 30px 0px 40px 0px;
}
/*.logo*/
.contactDetails {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  width: 320px;
  padding: 30px 20px 30px 20px;
  display: block;
  min-height: 20px;
  float: right;
  margin: 30px 0px 40px 0px;
  color: #6ab023;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  text-align: right;
}
/*.contactDetails*/
.contactDetails .person {
  font-weight: 700;
  font-size: 34px;
  line-height: 29px;
  margin-bottom: 10px;
  height: 50px;
  display: block;
}
/*.contactDetails .person*/
.contactDetails .claim {
  font-weight: 700;
  height: 30px;
  display: block;
  margin-top: 25px;
  font-size: 25px;
}
/*.contactDetails .claim*/
.contactDetails a {
  color: #6ab023;
  text-decoration: none;
}
/*.contactDetails a*/
.clearB {
  clear: both;
}
/*.clearB*/
@media only screen and (max-device-width: 667px) {
  body {
    background-image: url("images/bgd_body.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-attachment: fixed;
    width: 100%;
  }
  /*body*/
  div#container {
    text-align: left;
    width: 360px;
  }
  /* div#container*/
  .logo {
    margin-left: 20px;
    float: left !important;
  }
  /*.logo*/
  .contactDetails {
    margin-left: 20px;
    float: left !important;
  }
  /*.contactDetails*/
}
@media only screen and (max-width: 667px) {
  body,
  html {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .BodyHolder {
    width: 100%;
    overflow: hidden;
  }
  .logo {
    width: 370px;
    height: 215px;
    text-align: center;
  }
  .logo img {
    width: 211px;
    height: 211px;
    display: block;
    float: none;
    clear: both;
    text-align: center;
    margin: 0px auto 0px 40px;
  }
  /*.logo*/
  .mainClaim {
    width: 100%;
    height: 230px;
    /*.top*/
    /*.bottom*/
  }
  .mainClaim .top {
    font-size: 35px;
    padding-left: 0%;
    text-align: center;
    margin: 20px 0px 0px 0px;
  }
  .mainClaim .top span {
    color: #6ab023;
  }
  .mainClaim .bottom {
    font-size: 21px;
    height: 60px;
    text-align: center;
    padding-left: 0%;
    line-height: 32px;
  }
  /*.mainClaim*/
  .icoDown {
    margin: 10px auto 0px auto;
    position: relative;
    left: 50%;
    margin-left: -75px;
  }
  /*.icoDown*/
  .fotoGalleryAll {
    width: 369px;
    margin-left: 0%;
    height: 113px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
  }
  .fotoGallery {
    width: 113px;
    height: 113px;
    margin: 0px 15px 30px 0px;
    /*span.more*/
  }
  .fotoGallery span.more {
    position: absolute;
    top: 0px;
    width: 113px;
    height: 133px;
    left: -113px;
    font-weight: 700;
    line-height: 113px;
    text-align: center;
  }
  .fotoGallery img {
    width: 138px;
    height: 113px;
  }
  /*.fotoGallery*/
  .fotoGallery_mod3 {
    margin-right: 0px;
  }
  .titleGallery {
    height: 40px;
    float: none;
    clear: both;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
  }
  .titleGallery span {
    width: 100%;
    text-align: center;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
  /*.titleGallery */
  .navigation {
    height: 40px;
    width: 100%;
  }
  div#navigationContainer {
    height: 40px;
  }
  div#navigation {
    /* Navigation - Global*/
    width: 97%;
    padding-left: 1%;
    padding-right: 2%;
    position: fixed;
    top: 300%;
    left: 0px;
    height: 100%;
    float: left;
    background-image: none;
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    /*.navbutton*/
  }
  div#navigation .navbutton {
    font-size: 21px;
    padding-left: 10px;
    padding-right: 20px;
    width: 100%;
    text-align: center;
  }
  div#navigation .navigationInlay {
    padding-top: 30px;
  }
  /*div#navigation*/
  div#navigationContainer .navigation.show div#navigation {
    top: 41px;
  }
  /*div#navigationContainer .navigation*/
  div#navigationContainer .activeLine {
    display: none;
  }
  .contentInlay {
    margin: 0 auto;
    padding-top: 75px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .coverContentInlay {
    width: 100%;
    overflow: visible;
    min-height: 10px;
    float: left;
    /*.ProduktInlayAll*/
  }
  .coverContentInlay .ProduktInlayAll {
    width: 100%;
    height: 2270px !important;
    float: left;
  }
  /*.coverContentInlay*/
  .leftArea,
  .rightArea {
    width: 100%;
    padding-left: 0%;
    float: none;
    min-height: 100px;
  }
  .leftArea h2,
  .rightArea h2 {
    font-weight: 400;
    height: 35px;
  }
  /*.leftArea, .rightArea*/
  .ContentItem {
    width: 100%;
    float: left;
    min-height: 110px !important;
    margin-bottom: 10px;
    /*h3*/
  }
  .ContentItem h3 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 10px;
    height: 40px;
    font-family: 'Cabin', sans-serif;
    letter-spacing: 0.5px;
    /*span*/
  }
  .ContentItem h3 span {
    padding: 10px 15px 10px 15px;
    background-color: #6ab023;
  }
  .ContentItem .text {
    font-size: 15px;
    margin-top: 5px;
  }
  /*.ContentItem*/
  .Produkt {
    float: none;
    margin: 0px auto 24px auto;
    /*.Text*/
    /*.Titel*/
  }
  .Produkt .Text {
    padding: 0px 10px 5px 10px;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    line-height: 19px;
    width: 295px;
    float: left;
  }
  .Produkt .Titel {
    width: 315px;
    float: left;
  }
  .Produkt h2 {
    margin: 0px;
    height: 60px;
    padding-left: 10px;
    line-height: 60px;
  }
  /*.Produkt */
  .Produkt_Top {
    width: 315px;
    height: 560px;
    position: relative;
    /*.Text*/
  }
  .Produkt_Top .Text {
    padding-left: 10px;
    width: 294px;
  }
  .Produkt_Top .Bild {
    height: 200px;
    overflow: hidden;
  }
  /*.Produkt_Top*/
  div#div1 {
    background-image: url("images/bgd_start.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 380px;
    height: 100%;
    display: block;
  }
  .contentHeader .contentHeaderInlay {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: 145px;
    position: relative;
    /*.scrollToTop*/
  }
  .contentHeader .contentHeaderInlay .scrollToTop {
    background-position: right 5px;
    background-size: 29px 29px;
    font-size: 19px;
    width: 120px;
    padding-right: 30px;
    height: 35px;
    line-height: 35px;
    top: 20px;
    text-indent: -1000px;
    margin-right: 2%;
  }
  /*.contentHeaderInlay*/
  .contentHeader {
    height: 145px;
    width: 100%;
    float: left;
    display: block;
    margin-top: -5px;
    /*.claim*/
    /*.title*/
    /*.contentHeaderBgd*/
  }
  .contentHeader .claim {
    line-height: 20px;
    height: 45px;
    padding: 6px;
  }
  .contentHeader .claim span {
    font-size: 13px;
  }
  .contentHeader .title {
    line-height: 40px;
    height: 40px;
    margin-top: 18px;
    margin-bottom: 1px;
    /*h1*/
  }
  .contentHeader .title h1,
  .contentHeader .title h1 span {
    font-size: 27px;
    margin: 0px;
    line-height: 40px;
    height: 40px;
  }
  .contentHeader .contentHeaderBgd {
    height: 145px;
    width: 100%;
  }
  /*.contentHeader*/
  .icoContact {
    display: none;
  }
  #logoScroll {
    display: none;
  }
  /*#logoScroll*/
  #logoScrollMobile {
    position: fixed;
    top: -225px;
    z-index: 999;
    width: 100px;
    height: 100px;
    left: 5px;
    display: block;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    /*img*/
  }
  #logoScrollMobile img {
    width: 100px;
    height: 100px;
  }
  /*#logoScrollMobile*/
  #logoScrollMobile.active {
    top: 5px;
  }
  /*#logoScrollMobile.active*/
  div#div1 {
    height: 950px !important;
    background-size: auto 100%;
    background-position: center center;
  }
  div#div2 {
    width: 380px;
    height: 1420px !important;
    background-size: auto 100%;
    background-position: center center;
  }
  div#div3 {
    height: 2800px !important;
    background-size: auto 100%;
    background-position: center center;
  }
  div#div4 {
    height: 490px !important;
  }
  div#div5.show {
    height: 1100px !important;
    background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
  }
  div#PhiloInlayAll {
    width: 100%;
    height: 580px !important;
    display: block;
  }
  div#footer {
    height: 273px;
    margin-top: 80px;
    /*#leftPart, #rightPart */
  }
  div#footer .contentInlayFooter {
    padding-top: 25px;
    width: 96%;
    float: none;
    padding-left: 2%;
    padding-right: 2%;
  }
  div#footer #leftPart,
  div#footer #rightPart {
    width: 100%;
    float: left;
    /*#partTop*/
    /*#partBottom */
  }
  div#footer #leftPart #partTop,
  div#footer #rightPart #partTop {
    height: auto;
  }
  div#footer #leftPart #partTop #partTopLeft,
  div#footer #rightPart #partTop #partTopLeft {
    margin-bottom: 30px;
    clear: both;
  }
  div#footer #leftPart #partTop #partTopRight,
  div#footer #rightPart #partTop #partTopRight {
    margin-bottom: 30px;
  }
  div#footer #leftPart #partBottom,
  div#footer #rightPart #partBottom {
    font-size: 12px;
    line-height: 18px;
  }
  div#footer #leftPart #partBottom span,
  div#footer #rightPart #partBottom span {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    width: 100%;
    display: block;
    height: 1px;
  }
  div#footer #rightPart {
    height: 60px !important;
  }
  div#footer #rightPart #partTop {
    height: 10px;
  }
  /*div#footer */
  .kundenmeinungen {
    height: 400px;
    bottom: 0px;
    position: relative;
    /*.kundenmeinung*/
  }
  .kundenmeinungen .kundenmeinung {
    margin-top: 25px;
    width: 340px;
    /*.text*/
    /*span.kunde*/
  }
  .kundenmeinungen .kundenmeinung .text {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 40px;
    font-size: 15px;
    min-height: 30px;
    line-height: 23px;
    text-align: center;
    min-height: 85px;
    margin: 0px auto 0px auto;
  }
  .kundenmeinungen .kundenmeinung span.kunde {
    font-size: 16px;
    color: #FFFFFF;
    padding: 5px 20px 5px 20px;
    background-color: #6ab023;
    font-style: italic;
  }
  .kundenmeinungen .kundenmeinung span.kunde span {
    font-size: 16px;
  }
  /*.kundenmeinungen*/
  .wideContentInlay .coverContentInlay .item {
    display: block;
    height: 400px;
    margin: 0 auto;
    width: 380px;
  }
  /*.wideContentInlay .coverContentInlay*/
  .TextItem h1 {
    margin-bottom: 25px;
  }
  .TextItem p {
    padding-left: 0%;
    padding-right: 2%;
    width: 98%;
    text-align: justify;
    font-size: 13px;
  }
  /*.TextItem*/
  .buttonSideMenuContainer {
    display: block;
  }
}